{"version":3,"file":"SelectionCard.stories.jsx","sourceRoot":"","sources":["../../../src/core/SelectionCard/SelectionCard.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { Link, SelectionCardDisplay } from '@pega/cosmos-react-core';\nimport type {\n  FieldValueListItemProps,\n  ImagePlacement,\n  ImageSize,\n  SelectionCardDisplayProps\n} from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/SelectionCard',\n  component: SelectionCardDisplay,\n  args: {\n    label: 'Selection card'\n  },\n  argTypes: {\n    label: { control: { type: 'text' } }\n  }\n} as Meta;\n\ninterface SelectionCardDisplayStoryProps extends SelectionCardDisplayProps {\n  imagePlacement?: ImagePlacement;\n  imageSize?: ImageSize;\n  imageUrl: string;\n  noOfFields: number;\n  showAdditionalInfo: boolean;\n  showActions: boolean;\n  removeFieldLabels: boolean;\n}\n\nexport const SelectionCardDisplayDemo: StoryFn<SelectionCardDisplayStoryProps> = (\n  args: SelectionCardDisplayStoryProps\n) => {\n  const imgAltText = 'The image alternative text';\n\n  const stackedField: FieldValueListItemProps = {\n    id: 'text',\n    name: 'Text',\n    variant: 'stacked',\n    value:\n      'Lorem ipsum is a dummy or placeholder text commonly used in graphic design, publishing, and web development to fill empty spaces in a layout that does not yet have content.'\n  };\n\n  return (\n    <SelectionCardDisplay\n      label={args.label}\n      actions={\n        args.showActions\n          ? [\n              {\n                id: 'id',\n                text: 'First action',\n                onClick: () => {}\n              }\n            ]\n          : undefined\n      }\n      image={\n        args.imageUrl\n          ? {\n              src: args.imageUrl,\n              size: args.imageSize,\n              alt: imgAltText,\n              placement: args.imagePlacement\n            }\n          : undefined\n      }\n      fields={\n        args.noOfFields > 0\n          ? [\n              { id: 'service', name: 'Service length', value: '1 year' },\n              {\n                id: 'monthly-cost',\n                name: 'Monthly cost',\n                value: <Link href='https://www.pega.com/'>https://www.pega.com/</Link>\n              },\n              { id: 'total-cost', name: 'Total cost', value: '$2,160.00' },\n              {\n                id: 'phone',\n                name: 'Phone',\n                value: '1-800-123-456'\n              },\n              stackedField\n            ]\n              .slice(0, args.noOfFields)\n              .map(field => (args.removeFieldLabels ? { id: field.id, value: field.value } : field))\n          : undefined\n      }\n    />\n  );\n};\n\nSelectionCardDisplayDemo.args = {\n  imagePlacement: 'inline-start',\n  imageSize: 'flexible',\n  imageUrl:\n    '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  noOfFields: 5,\n  showActions: false,\n  label: 'Selection card label',\n  removeFieldLabels: false\n};\n\nSelectionCardDisplayDemo.argTypes = {\n  imagePlacement: {\n    options: ['inline-start', 'inline-end', 'block-start'],\n    control: { type: 'select' }\n  },\n  imageSize: { options: ['large', 'small', 'flexible'], control: { type: 'select' } },\n  noOfFields: { control: { type: 'number' } },\n  imageUrl: { control: { type: 'text' } },\n  label: { control: { type: 'text' } },\n  showActions: { control: { type: 'boolean' } },\n  removeFieldLabels: { control: { type: 'boolean' } }\n};\n"]}