{"version":3,"file":"QuickCreate.stories.jsx","sourceRoot":"","sources":["../../../src/wss/QuickCreate/QuickCreate.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAyB,MAAM,wBAAwB,CAAC;AAE5E,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,WAAW;CACf,CAAC;AAQV,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,IAAyB,EAAE,EAAE;IACzF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;IAE9B,MAAM,KAAK,GACT,2OAA2O,CAAC;IAE9O,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACrD,OAAO;YACL,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;YAC1D,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;SAC1C,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAAG,CAAC;AACrF,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG;IACrB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,eAAe,CAAC,QAAQ,GAAG;IACzB,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACtC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACtC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC5C,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { QuickCreate, type QuickCreateProps } from '@pega/cosmos-react-wss';\n\nexport default {\n  title: 'Web Self Service/QuickCreate',\n  component: QuickCreate\n} as Meta;\n\ninterface QuickCreateDemoArgs {\n  heading?: QuickCreateProps['heading'];\n  count?: number;\n  showIcons?: boolean;\n}\n\nexport const QuickCreateDemo: StoryFn<QuickCreateDemoArgs> = (args: QuickCreateDemoArgs) => {\n  const count = args.count || 4;\n\n  const lorem =\n    'Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut nesciunt excepturi sit alias, mollitia voluptate nobis, aliquam corrupti delectus ea molestiae, illum provident necessitatibus? Atque temporibus officiis voluptas nam nihil!';\n\n  const actions = Array.from({ length: count }, (_, i) => {\n    return {\n      label: i === count - 1 ? `${lorem}` : `Case type ${i + 1}`,\n      onClick: () => {},\n      icon: args.showIcons ? 'case' : undefined\n    };\n  });\n  return <QuickCreate heading={args.heading || 'Quick actions'} actions={actions} />;\n};\n\nQuickCreateDemo.args = {\n  heading: 'Quick actions',\n  count: 4,\n  showIcons: true\n};\n\nQuickCreateDemo.argTypes = {\n  heading: { control: { type: 'text' } },\n  count: { control: { type: 'number' } },\n  showIcons: { control: { type: 'boolean' } }\n};\n"]}