{"version":3,"file":"CheckboxGroup.stories.jsx","sourceRoot":"","sources":["../../../src/core/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Checkbox, CheckboxCard, CheckboxGroup, Link } from '@pega/cosmos-react-core';\nimport type { RadioCheckGroupProps, OmitStrict } from '@pega/cosmos-react-core';\nimport type {\n  ImagePlacement,\n  ImageSize\n} from '@pega/cosmos-react-core/lib/components/SelectionCard/SelectionCard.types';\n\nexport default {\n  title: 'Core/CheckboxGroup',\n  component: CheckboxGroup,\n  args: {\n    label: 'What do you want to eat?',\n    labelHidden: false,\n    inline: false,\n    autoStack: true,\n    required: false,\n    disabled: false,\n    readOnly: false,\n    showAdditionalInfo: false\n  },\n  argTypes: {\n    label: { control: { type: 'text' } },\n    labelHidden: { control: { type: 'boolean' } },\n    inline: { control: { type: 'boolean' } },\n    autoStack: { control: { type: 'boolean' } },\n    required: { control: { type: 'boolean' } },\n    disabled: { control: { type: 'boolean' } },\n    readOnly: { control: { type: 'boolean' } },\n    showAdditionalInfo: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\ninterface RadioCheckGroupStoryProps extends RadioCheckGroupProps {\n  showAdditionalInfo?: boolean;\n  showNestedAdditionalInfo?: boolean;\n}\n\nexport const CheckboxGroupDemo: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n  args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n  return args.showNestedAdditionalInfo ? (\n    <CheckboxGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      label={args.label}\n      name='Fruit'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      info={args.info}\n      status={args.status}\n    >\n      <Checkbox\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n        label='Banana'\n        id='Banana'\n        defaultChecked\n      />\n      <Checkbox\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n        label='Apple'\n        id='Apple'\n      />\n      <Checkbox\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n        label='Mango'\n        id='Mango'\n      />\n      <Checkbox\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n        label='Orange'\n        id='Orange'\n      />\n    </CheckboxGroup>\n  ) : (\n    <CheckboxGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      label={args.label}\n      name='Fruit'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      info={args.info}\n      status={args.status}\n    >\n      <Checkbox label='Banana' id='Banana' defaultChecked />\n      <Checkbox label='Apple' id='Apple' />\n      <Checkbox label='Mango' id='Mango' />\n      <Checkbox label='Orange' id='Orange' />\n    </CheckboxGroup>\n  );\n};\n\nCheckboxGroupDemo.args = {\n  status: undefined,\n  info: 'You must select it',\n  showNestedAdditionalInfo: false\n};\n\nCheckboxGroupDemo.argTypes = {\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  info: { control: { type: 'text', label: 'Helper text' } },\n  showNestedAdditionalInfo: { control: { type: 'boolean' } }\n};\n\ninterface CheckboxCardGroupStoryProps extends RadioCheckGroupProps {\n  imgPlacement?: ImagePlacement;\n  imgSize?: ImageSize;\n  showImg?: boolean;\n  showFields?: boolean;\n  removeLabels?: boolean;\n  showAdditionalInfo?: boolean;\n}\n\nexport const CheckboxCardGroupDemo: StoryFn<OmitStrict<CheckboxCardGroupStoryProps, 'children'>> = (\n  args: OmitStrict<CheckboxCardGroupStoryProps, 'children'>\n) => {\n  return (\n    <CheckboxGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      variant='card-grid'\n      label='Which visuals appear satisfying?'\n      inline={args.inline}\n      autoStack={args.autoStack}\n      labelHidden={args.labelHidden}\n      required={args.required}\n      readOnly={args.readOnly}\n      info={args.info}\n      status={args.status}\n    >\n      <CheckboxCard\n        label='Creativity'\n        disabled={args.disabled}\n        readOnly={args.readOnly}\n        image={\n          args.showImg\n            ? {\n                src: 'https://www.pega.com/sites/default/files/styles/640/public/media/images/2024-01/pega-hp-streamline-ops-card-img-v2.jpg?itok=WO_wAay2',\n                size: args.imgSize,\n                alt: 'create',\n                placement: args.imgPlacement\n              }\n            : undefined\n        }\n        fields={\n          args.showFields\n            ? [\n                { id: 'service', name: 'Service length', value: '1 year' },\n                { id: 'monthly-cost', name: 'Monthly cost', value: '$180.00' },\n                { id: 'total-cost', name: 'Total cost', value: '$2,160.00' }\n              ].map(({ name, ...restProps }) => ({\n                ...(args.removeLabels ? {} : { name }),\n                ...restProps\n              }))\n            : undefined\n        }\n      />\n\n      <CheckboxCard\n        label='Engagement'\n        disabled={args.disabled}\n        readOnly={args.readOnly}\n        image={\n          args.showImg\n            ? {\n                src: 'https://www.pega.com/sites/default/files/styles/640/public/media/images/2023-12/pega-hp-personalize-engagement-card-img-v3_0.jpg?itok=fN4uO1VZ',\n                size: args.imgSize,\n                alt: 'engage',\n                placement: args.imgPlacement\n              }\n            : undefined\n        }\n        fields={\n          args.showFields\n            ? [\n                { id: 'service', name: 'Service length', value: '1 year' },\n                { id: 'monthly-cost', name: 'Monthly cost', value: '$180.00' },\n                { id: 'total-cost', name: 'Total cost', value: '$2,160.00' }\n              ].map(({ name, ...restProps }) => ({\n                ...(args.removeLabels ? {} : { name }),\n                ...restProps\n              }))\n            : undefined\n        }\n      />\n\n      <CheckboxCard\n        label='Automation'\n        disabled={args.disabled}\n        readOnly={args.readOnly}\n        image={\n          args.showImg\n            ? {\n                src: 'https://www.pega.com/sites/default/files/styles/640/public/media/images/2023-12/pega-hp-automate-cs-card-img-v3.jpg?itok=aN38YgJq',\n                size: args.imgSize,\n                alt: 'automate',\n                placement: args.imgPlacement\n              }\n            : undefined\n        }\n        fields={\n          args.showFields\n            ? [\n                { id: 'service', name: 'Service length', value: '1 year' },\n                { id: 'monthly-cost', name: 'Monthly cost', value: '$180.00' },\n                { id: 'total-cost', name: 'Total cost', value: '$2,160.00' },\n                { id: 'roi', name: 'Est. annual ROI', value: '320%' },\n                {\n                  id: 'link',\n                  name: 'Link',\n                  value: <Link href='https://www.pega.com/'>Pega</Link>\n                }\n              ].map(({ name, ...restProps }) => ({\n                ...(args.removeLabels ? {} : { name }),\n                ...restProps\n              }))\n            : undefined\n        }\n      />\n    </CheckboxGroup>\n  );\n};\n\nCheckboxCardGroupDemo.args = {\n  imgPlacement: 'inline-start',\n  imgSize: 'large',\n  showImg: true,\n  showFields: true,\n  removeLabels: false,\n  status: undefined,\n  info: 'You must select it'\n};\n\nCheckboxCardGroupDemo.argTypes = {\n  imgPlacement: {\n    options: ['inline-start', 'inline-end', 'block-start'],\n    control: { type: 'select' }\n  },\n  imgSize: {\n    options: ['large', 'small', 'flexible'],\n    control: { type: 'select' }\n  },\n  showFields: { control: { type: 'boolean' } },\n  removeLabels: { control: { type: 'boolean' } },\n  showImg: { control: { type: 'boolean' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  info: { control: { type: 'text', label: 'Helper text' } }\n};\n"]}