@popsure/dirty-swan 0.66.23 → 0.66.25

package/dist/esm/components/modal/index.stories.js

@@ -10,6 +10,7 @@ import '../../style-inject.es-tgCJW-Cu.js';
 import '../../index-DLQEsiym.js';
 import '../../_commonjsHelpers-BFTU3MAI.js';
 import './genericModal/index.js';
+import '../../context.js';
 import '../icon/icons/X.js';
 import '../icon/IconWrapper/IconWrapper.js';
 import '../../index-DuaJiEiT.js';

package/dist/esm/components/modal/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/modal/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { BottomModal, BottomOrRegularModal, Props, RegularModal } from '.';\nimport { Button } from '../button';\nimport { FullScreenModal } from './fullScreenModal';\n\nconst story = {\n  title: 'JSX/Modals',\n  component: BottomOrRegularModal,\n  argTypes: {\n    title: {\n      description: 'The title that needs to be displayed on the modal',\n    },\n    isOpen: {\n      description:\n        'When set to `true`, the modal is displayed. When set to `false` the modal gets removed',\n    },\n    dismissible: {\n      description: 'The content that gets displayed on the modal',\n    },\n    className: {\n      description: 'Any additional className',\n    },\n    classNames: {\n      description:\n        'Class names for the Modal component and its children elements',\n    },\n    size: {\n      description: 'The size of the modal, either large or default.',\n      control: 'radio',\n      options: {\n        default: 'default',\n        large: 'large',\n      },\n    },\n    children: {\n      description: 'The content that gets displayed on the modal',\n      type: 'text',\n      table: {\n        type: {\n          summary: 'ReactNode',\n        },\n      },\n    },\n    onClose: {\n      description: 'Callback when the user close the modal',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    onModalScroll: {\n      description: 'Callback when the user scroll the modal',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n  },\n  args: {\n    title: 'Modal title',\n    isOpen: false,\n    dismissible: true,\n    className: '',\n    classNames: {\n      wrapper: '',\n      container: '',\n      overlay: '',\n      header: '',\n      closeButton: '',\n      closeButtonIcon: '',\n      title: '',\n      body: '',\n      footer: '',\n    },\n    children: 'Modal content to be displayed',\n    size: 'default',\n  },\n  parameters: {\n    componentSubtitle:\n      'Bottom or Regular modal will automatically choose what’s best to display based on the users screen width.',\n    docs: {\n      description: {\n        component:\n          'Modals are dialog overlays that prevent the user from interacting with the rest of the website until an action is taken or the dialog is dismissed. Modals are purposefully disruptive and should be used thoughtfully and sparingly.',\n      },\n    },\n  },\n};\n\nexport const BottomOrRegularModalStory = {\n  render: ({\n    children,\n    className,\n    classNames,\n    dismissible,\n    isOpen,\n    onClose,\n    onModalScroll,\n    size,\n    title,\n  }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        <Button className=\"wmn2\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n\n        <BottomOrRegularModal\n          dismissible={dismissible}\n          className={className}\n          classNames={classNames}\n          title={title}\n          isOpen={display}\n          size={size}\n          onModalScroll={onModalScroll}\n          onClose={handleOnClose}\n        >\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            <div>{children}</div>\n            <Button className=\"mt24 wmn3\" onClick={() => setDisplay(false)}>\n              Continue\n            </Button>\n          </div>\n        </BottomOrRegularModal>\n      </>\n    );\n  },\n\n  name: 'BottomOrRegularModal',\n};\n\nexport const RegularModalStory = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        Regular modals are primary meant to be used on Desktop or Tablet\n        environment. The modal will appear in the middle of the screen and the\n        user will be able to dismiss them using the top left \"X\" icon. If you\n        want to use it for Mobile only, you should check BottomModal instead.\n        Want to use either Regular Modal or Bottom Modal based on the screen\n        width? You can use Bottom or Regular modal.\n        <Button className=\"wmn2 mt24\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n        <RegularModal title={title} isOpen={display} onClose={handleOnClose}>\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            <div>{children}</div>\n            <Button className=\"mt24 wmn3\" onClick={() => setDisplay(false)}>\n              Continue\n            </Button>\n          </div>\n        </RegularModal>\n      </>\n    );\n  },\n\n  name: 'RegularModal',\n};\n\nexport const BottomModalStory = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        Bottom modals are primary meant to be used on Mobile environment. The\n        modal will appear from the bottom of the screen and the user will be\n        able to dismiss them using the top left \"X\" icon. If you want to use it\n        for Desktop only, you should check Regular modal instead. Want to use\n        either Regular Modal or Bottom Modal based on the screen width? You can\n        use Bottom or Regular modal.\n        <Button className=\"wmn2 mt24\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n        <BottomModal title={title} isOpen={display} onClose={handleOnClose}>\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            <div>{children}</div>\n            <Button className=\"mt24 wmn3\" onClick={() => setDisplay(false)}>\n              Continue\n            </Button>\n          </div>\n        </BottomModal>\n      </>\n    );\n  },\n\n  name: 'BottomModal',\n};\n\nexport const FullScreenModalStory = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        Full screen modals are primary meant to be used as blocker screens. The\n        modal will cover the entire screen and the user will be able to dismiss\n        them using the top left \"X\" icon.\n        <Button className=\"wmn2 mt24\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n        <FullScreenModal title={title} isOpen={display} onClose={handleOnClose}>\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            <div>{children}</div>\n\n            <Button className=\"mt24 wmn3\" onClick={() => setDisplay(false)}>\n              Continue\n            </Button>\n          </div>\n        </FullScreenModal>\n      </>\n    );\n  },\n\n  name: 'FullScreenModal',\n};\n\nexport const NonDismissibleModal = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        Setting the dismissible prop to false will hide the close button and\n        prevent the user from closing it using the escape key or clicking\n        outside. This prop can be useful if we want the user to explicitly\n        interact with the modal options.\n        <strong>Warning:</strong> a modal with the dismissible prop can only be\n        closed by changing the isOpen prop to false.\n        <Button className=\"wmn2 mt24\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n        <BottomOrRegularModal\n          dismissible={false}\n          title={title}\n          isOpen={display}\n          onClose={handleOnClose}\n        >\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            <div>{children}</div>\n            <Button className=\"mt24 wmn3\" onClick={() => setDisplay(false)}>\n              Continue\n            </Button>\n          </div>\n        </BottomOrRegularModal>\n      </>\n    );\n  },\n};\n\nexport const ModalWithFooter = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        <Button className=\"wmn2\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n\n        <BottomOrRegularModal\n          title={title}\n          isOpen={display}\n          onClose={handleOnClose}\n          footer={\n            <div className=\"d-flex fd-row gap8\">\n              <Button\n                variant=\"textBlack\"\n                className=\"w100\"\n                onClick={handleOnClose}\n              >\n                Skip\n              </Button>\n              <Button className=\"w100\" onClick={handleOnClose}>\n                Continue\n              </Button>\n            </div>\n          }\n        >\n          <div className=\"p24\">\n            <div>{children}</div>\n          </div>\n        </BottomOrRegularModal>\n      </>\n    );\n  },\n};\n\nexport const ModalWithFooterAndScroll = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        <Button className=\"wmn2\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n\n        <BottomOrRegularModal\n          title={title}\n          isOpen={display}\n          onClose={handleOnClose}\n          footer={\n            <div className=\"d-flex fd-row gap8\">\n              <Button\n                variant=\"textBlack\"\n                className=\"w100\"\n                onClick={handleOnClose}\n              >\n                Skip\n              </Button>\n              <Button className=\"w100\" onClick={handleOnClose}>\n                Continue\n              </Button>\n            </div>\n          }\n        >\n          <div className=\"p24\">\n            <div>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n              <div style={{ height: '840px' }} />\n              {children}\n            </div>\n          </div>\n        </BottomOrRegularModal>\n      </>\n    );\n  },\n};\n\nexport default story;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/modal/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { BottomModal, BottomOrRegularModal, Props, RegularModal } from '.';\nimport { Button } from '../button';\nimport { FullScreenModal } from './fullScreenModal';\n\nconst story = {\n  title: 'JSX/Modals',\n  component: BottomOrRegularModal,\n  argTypes: {\n    title: {\n      description: 'The title that needs to be displayed on the modal',\n    },\n    isOpen: {\n      description:\n        'When set to `true`, the modal is displayed. When set to `false` the modal gets removed',\n    },\n    dismissible: {\n      description: 'The content that gets displayed on the modal',\n    },\n    className: {\n      description: 'Any additional className',\n    },\n    classNames: {\n      description:\n        'Class names for the Modal component and its children elements',\n    },\n    size: {\n      description: 'The size of the modal, either large or default.',\n      control: 'radio',\n      options: {\n        default: 'default',\n        large: 'large',\n      },\n    },\n    children: {\n      description: 'The content that gets displayed on the modal',\n      type: 'text',\n      table: {\n        type: {\n          summary: 'ReactNode',\n        },\n      },\n    },\n    onClose: {\n      description: 'Callback when the user close the modal',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    onModalScroll: {\n      description: 'Callback when the user scroll the modal',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n  },\n  args: {\n    title: 'Modal title',\n    isOpen: false,\n    dismissible: true,\n    className: '',\n    classNames: {\n      wrapper: '',\n      container: '',\n      overlay: '',\n      header: '',\n      closeButton: '',\n      closeButtonIcon: '',\n      title: '',\n      body: '',\n      footer: '',\n    },\n    children: 'Modal content to be displayed',\n    size: 'default',\n  },\n  parameters: {\n    componentSubtitle:\n      'Bottom or Regular modal will automatically choose what’s best to display based on the users screen width.',\n    docs: {\n      description: {\n        component:\n          'Modals are dialog overlays that prevent the user from interacting with the rest of the website until an action is taken or the dialog is dismissed. Modals are purposefully disruptive and should be used thoughtfully and sparingly.',\n      },\n    },\n  },\n};\n\nexport const BottomOrRegularModalStory = {\n  render: ({\n    children,\n    className,\n    classNames,\n    dismissible,\n    isOpen,\n    onClose,\n    onModalScroll,\n    size,\n    title,\n  }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        <Button className=\"wmn2\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n\n        <BottomOrRegularModal\n          dismissible={dismissible}\n          className={className}\n          classNames={classNames}\n          title={title}\n          isOpen={display}\n          size={size}\n          onModalScroll={onModalScroll}\n          onClose={handleOnClose}\n        >\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            <div>{children}</div>\n            <Button className=\"mt24 wmn3\" onClick={() => setDisplay(false)}>\n              Continue\n            </Button>\n          </div>\n        </BottomOrRegularModal>\n      </>\n    );\n  },\n\n  name: 'BottomOrRegularModal',\n};\n\nexport const RegularModalStory = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        Regular modals are primary meant to be used on Desktop or Tablet\n        environment. The modal will appear in the middle of the screen and the\n        user will be able to dismiss them using the top left \"X\" icon. If you\n        want to use it for Mobile only, you should check BottomModal instead.\n        Want to use either Regular Modal or Bottom Modal based on the screen\n        width? You can use Bottom or Regular modal.\n        <Button className=\"wmn2 mt24\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n        <RegularModal title={title} isOpen={display} onClose={handleOnClose}>\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            <div>{children}</div>\n            <Button className=\"mt24 wmn3\" onClick={() => setDisplay(false)}>\n              Continue\n            </Button>\n          </div>\n        </RegularModal>\n      </>\n    );\n  },\n\n  name: 'RegularModal',\n};\n\nexport const BottomModalStory = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        Bottom modals are primary meant to be used on Mobile environment. The\n        modal will appear from the bottom of the screen and the user will be\n        able to dismiss them using the top left \"X\" icon. If you want to use it\n        for Desktop only, you should check Regular modal instead. Want to use\n        either Regular Modal or Bottom Modal based on the screen width? You can\n        use Bottom or Regular modal.\n        <Button className=\"wmn2 mt24\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n        <BottomModal title={title} isOpen={display} onClose={handleOnClose}>\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            <div>{children}</div>\n            <Button className=\"mt24 wmn3\" onClick={() => setDisplay(false)}>\n              Continue\n            </Button>\n          </div>\n        </BottomModal>\n      </>\n    );\n  },\n\n  name: 'BottomModal',\n};\n\nexport const FullScreenModalStory = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        Full screen modals are primary meant to be used as blocker screens. The\n        modal will cover the entire screen and the user will be able to dismiss\n        them using the top left \"X\" icon.\n        <Button className=\"wmn2 mt24\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n        <FullScreenModal title={title} isOpen={display} onClose={handleOnClose}>\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            <div>{children}</div>\n\n            <Button className=\"mt24 wmn3\" onClick={() => setDisplay(false)}>\n              Continue\n            </Button>\n          </div>\n        </FullScreenModal>\n      </>\n    );\n  },\n\n  name: 'FullScreenModal',\n};\n\nexport const NonDismissibleModal = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        Setting the dismissible prop to false will hide the close button and\n        prevent the user from closing it using the escape key or clicking\n        outside. This prop can be useful if we want the user to explicitly\n        interact with the modal options.\n        <strong>Warning:</strong> a modal with the dismissible prop can only be\n        closed by changing the isOpen prop to false.\n        <Button className=\"wmn2 mt24\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n        <BottomOrRegularModal\n          dismissible={false}\n          title={title}\n          isOpen={display}\n          onClose={handleOnClose}\n        >\n          <div style={{ padding: '0 24px 24px 24px' }}>\n            <div>{children}</div>\n            <Button className=\"mt24 wmn3\" onClick={() => setDisplay(false)}>\n              Continue\n            </Button>\n          </div>\n        </BottomOrRegularModal>\n      </>\n    );\n  },\n};\n\nexport const ModalWithFooter = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        <Button className=\"wmn2\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n\n        <BottomOrRegularModal\n          title={title}\n          isOpen={display}\n          onClose={handleOnClose}\n          footer={\n            <div className=\"d-flex fd-row gap8\">\n              <Button\n                variant=\"textBlack\"\n                className=\"w100\"\n                onClick={handleOnClose}\n              >\n                Skip\n              </Button>\n              <Button className=\"w100\" onClick={handleOnClose}>\n                Continue\n              </Button>\n            </div>\n          }\n        >\n          <div className=\"p24\">\n            <div>{children}</div>\n          </div>\n        </BottomOrRegularModal>\n      </>\n    );\n  },\n};\n\nexport const ModalWithFooterAndScroll = {\n  render: ({ children, isOpen, onClose, title }: Props) => {\n    const [display, setDisplay] = useState(isOpen);\n    const handleOnClose = () => {\n      onClose();\n      setDisplay(false);\n    };\n\n    return (\n      <>\n        <Button className=\"wmn2\" onClick={() => setDisplay(true)}>\n          Click to open modal\n        </Button>\n\n        <BottomOrRegularModal\n          title={title}\n          isOpen={display}\n          onClose={handleOnClose}\n          footer={\n            <div className=\"d-flex fd-row gap8\">\n              <Button\n                variant=\"textBlack\"\n                className=\"w100\"\n                onClick={handleOnClose}\n              >\n                Skip\n              </Button>\n              <Button className=\"w100\" onClick={handleOnClose}>\n                Continue\n              </Button>\n            </div>\n          }\n        >\n          <div className=\"p24\">\n            <div>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n              <div style={{ height: '840px' }} />\n              {children}\n            </div>\n          </div>\n        </BottomOrRegularModal>\n      </>\n    );\n  },\n};\n\nexport default story;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/esm/components/modal/regularModal/index.js

@@ -5,6 +5,7 @@ import { c as classNames } from '../../../index-DLQEsiym.js';
 import { GenericModal } from '../genericModal/index.js';
 import '../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
+import '../../../context.js';
 import '../../button/index.js';
 import '../../icon/icons/X.js';
 import '../../icon/IconWrapper/IconWrapper.js';

package/dist/esm/components/modal/regularModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/regularModal/index.tsx"],"sourcesContent":["import { Props } from '..';\nimport styles from './style.module.scss';\nimport classNamesUtil from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst RegularModal = ({ className = '', classNames, size, ...rest }: Props) => (\n  <GenericModal\n    classNames={{\n      ...classNames,\n      wrapper: ({ isClosing }) =>\n        classNamesUtil(\n          'd-flex ai-center w90 mx-auto my0',\n          className,\n          styles.wrapper,\n          classNames?.wrapper,\n          {\n            [styles.wrapperClose]: isClosing,\n          }\n        ),\n      container: classNamesUtil(\n        'bg-white br8 d-flex ai-center fd-column mx-auto my0',\n        styles.container,\n        size === 'large' ? 'wmx10' : 'wmx8',\n        classNames?.container\n      ),\n    }}\n    {...rest}\n  />\n);\n\nexport { RegularModal };\n"],"names":["classNames","_jsx","classNamesUtil"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAM,YAAY,GAAG,UAAC,EAAoD,EAAA;AAAlD,IAAA,IAAA,iBAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,KAAA,EAAEA,YAAU,GAAA,EAAA,CAAA,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3C,mCAA6C,CAAF;IAAc,QAC7EC,GAAA,CAAC,YAAY,EAAA,QAAA,CAAA,EACX,UAAU,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACLD,YAAU,CAAA,EAAA,EACb,OAAO,EAAE,UAAC,EAAa,EAAA;;AAAX,gBAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AACnB,gBAAA,OAAAE,UAAc,CACZ,kCAAkC,EAClC,SAAS,EACT,MAAM,CAAC,OAAO,EACdF,YAAU,KAAA,IAAA,IAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,OAAO,GAAA,EAAA,GAAA,EAAA;AAEjB,oBAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAA,GAAG,SAAS;AAEnC,oBAAA,EAAA,EAAA;AARD,YAAA,CAQC,EACH,SAAS,EAAEE,UAAc,CACvB,qDAAqD,EACrD,MAAM,CAAC,SAAS,EAChB,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,MAAM,EACnCF,YAAU,aAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,SAAS,CACtB,EAAA,CAAA,EAAA,EAEC,IAAI,CAAA,CACR;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/regularModal/index.tsx"],"sourcesContent":["import { Props } from '..';\nimport styles from './style.module.scss';\nimport classNamesUtil from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst RegularModal = ({ className = '', classNames, size, ...rest }: Props) => (\n  <GenericModal\n    classNames={{\n      ...classNames,\n      wrapper: ({ isClosing }) =>\n        classNamesUtil(\n          'd-flex ai-center w90 mx-auto my0',\n          className,\n          styles.wrapper,\n          classNames?.wrapper,\n          {\n            [styles.wrapperClose]: isClosing,\n          }\n        ),\n      container: classNamesUtil(\n        'bg-white br8 d-flex ai-center fd-column mx-auto my0',\n        styles.container,\n        size === 'large' ? 'wmx10' : 'wmx8',\n        classNames?.container\n      ),\n    }}\n    {...rest}\n  />\n);\n\nexport { RegularModal };\n"],"names":["classNames","_jsx","classNamesUtil"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAM,YAAY,GAAG,UAAC,EAAoD,EAAA;AAAlD,IAAA,IAAA,iBAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,KAAA,EAAEA,YAAU,GAAA,EAAA,CAAA,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3C,mCAA6C,CAAF;IAAc,QAC7EC,GAAA,CAAC,YAAY,EAAA,QAAA,CAAA,EACX,UAAU,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACLD,YAAU,CAAA,EAAA,EACb,OAAO,EAAE,UAAC,EAAa,EAAA;;AAAX,gBAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AACnB,gBAAA,OAAAE,UAAc,CACZ,kCAAkC,EAClC,SAAS,EACT,MAAM,CAAC,OAAO,EACdF,YAAU,KAAA,IAAA,IAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,OAAO,GAAA,EAAA,GAAA,EAAA;AAEjB,oBAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAA,GAAG,SAAS;AAEnC,oBAAA,EAAA,EAAA;AARD,YAAA,CAQC,EACH,SAAS,EAAEE,UAAc,CACvB,qDAAqD,EACrD,MAAM,CAAC,SAAS,EAChB,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,MAAM,EACnCF,YAAU,aAAVA,YAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,YAAU,CAAE,SAAS,CACtB,EAAA,CAAA,EAAA,EAEC,IAAI,CAAA,CACR;;;;;"}

package/dist/esm/components/segmentedControl/index.js

@@ -2,8 +2,8 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
 
-var css_248z = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-purple-100);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.style-module_chip__3rgLT:focus {\n  outline-color: var(--ds-purple-600);\n  outline-offset: 2px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: white;\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}";
-var styles = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw"};
+var css_248z = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-orange-50);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.style-module_chip__3rgLT:focus {\n  outline-color: var(--ds-primary-900);\n  outline-offset: 2px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: var(--ds-neutral-900);\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}\n\n.style-module_text-color__6bLC9 {\n  transition: color 0.15s ease-in;\n}";
+var styles = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw","text-color":"style-module_text-color__6bLC9"};
 styleInject(css_248z);
 
 var SegmentedControl = function (_a) {
@@ -19,15 +19,14 @@ var SegmentedControl = function (_a) {
         setSelectedChipBackgroundWidthLeft({ left: left, width: width });
     }, [selectedIndex]);
     return (jsx("div", { className: className, children: jsxs("div", { className: styles['background-container'], children: [jsx("div", { ref: chipContainer, className: styles['chip-container'], style: { height: "".concat(height, "px") }, children: values.map(function (value, index) {
+                        var selectedColor = selectedIndex === index ? 'tc-white' : 'tc-neutral-900';
                         return (jsx("div", { role: "button", tabIndex: 0, onKeyDown: function (e) {
                                 if (e.key === 'Enter' || e.code === 'Space') {
                                     onChange(index);
                                 }
                             }, onClick: function () {
                                 onChange(index);
-                            }, className: styles.chip, children: typeof value === 'string' ? (jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-purple-600'), children: value })) : (jsxs(Fragment, { children: [jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-purple-600'), children: value.title }), jsx("div", { className: "p-p--small ta-center ".concat(selectedIndex === index
-                                            ? 'tc-neutral-600'
-                                            : 'tc-purple-600'), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
+                            }, className: styles.chip, children: typeof value === 'string' ? (jsx("div", { className: "p-h4 ta-center ".concat(selectedColor, " ").concat(styles['text-color']), children: value })) : (jsxs(Fragment, { children: [jsx("div", { className: "p-h4 ta-center ".concat(selectedColor, " ").concat(styles['text-color']), children: value.title }), jsx("div", { className: "p-p--small ta-center ".concat(selectedColor, " ").concat(styles['text-color']), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
                     }) }), jsx("div", { className: styles['select-chip-background'], style: {
                         width: "".concat(selectedChipBackgroundWidthLeft.width, "px"),
                         height: "".concat(height - 16, "px"),

package/dist/esm/components/segmentedControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/segmentedControl/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport styles from './style.module.scss';\n\ninterface TitleWithSubtitle {\n  title: string;\n  subtitle: string;\n}\n\nexport interface SegmentedControlProps {\n  className?: string;\n  values: Array<TitleWithSubtitle> | Array<string>;\n  selectedIndex: number;\n  onChange: (selectedIndex: number) => void;\n}\n\nconst SegmentedControl = ({\n  className = '',\n  values,\n  selectedIndex,\n  onChange,\n}: SegmentedControlProps) => {\n  const [selectedChipBackgroundWidthLeft, setSelectedChipBackgroundWidthLeft] =\n    useState<{\n      left: number;\n      width: number;\n    }>({ left: 0, width: 0 });\n  const chipContainer = useRef<HTMLDivElement | null>(null);\n  const height = typeof values[0] === 'string' ? 48 : 66;\n\n  useEffect(() => {\n    const selectedChip = chipContainer.current?.children[\n      selectedIndex\n    ] as HTMLDivElement;\n    const left = selectedChip.offsetLeft;\n    const width = selectedChip.offsetWidth;\n    setSelectedChipBackgroundWidthLeft({ left, width });\n  }, [selectedIndex]);\n\n  return (\n    <div className={className}>\n      <div className={styles['background-container']}>\n        <div\n          ref={chipContainer}\n          className={styles['chip-container']}\n          style={{ height: `${height}px` }}\n        >\n          {values.map((value: TitleWithSubtitle | string, index: number) => {\n            return (\n              <div\n                role=\"button\"\n                tabIndex={0}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.code === 'Space') {\n                    onChange(index);\n                  }\n                }}\n                onClick={() => {\n                  onChange(index);\n                }}\n                className={styles.chip}\n                key={typeof value === 'string' ? value : value.title}\n              >\n                {typeof value === 'string' ? (\n                  <div\n                    className={`p-h4 ta-center ${\n                      selectedIndex === index ? '' : 'tc-purple-600'\n                    }`}\n                  >\n                    {value}\n                  </div>\n                ) : (\n                  <>\n                    <div\n                      className={`p-h4 ta-center ${\n                        selectedIndex === index ? '' : 'tc-purple-600'\n                      }`}\n                    >\n                      {value.title}\n                    </div>\n                    <div\n                      className={`p-p--small ta-center ${\n                        selectedIndex === index\n                          ? 'tc-neutral-600'\n                          : 'tc-purple-600'\n                      }`}\n                    >\n                      {value.subtitle}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n        </div>\n        <div\n          className={styles['select-chip-background']}\n          style={{\n            width: `${selectedChipBackgroundWidthLeft.width}px`,\n            height: `${height - 16}px`,\n            left: `${selectedChipBackgroundWidthLeft.left}px`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport { SegmentedControl };\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/segmentedControl/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport styles from './style.module.scss';\n\ninterface TitleWithSubtitle {\n  title: string;\n  subtitle: string;\n}\n\nexport interface SegmentedControlProps {\n  className?: string;\n  values: Array<TitleWithSubtitle> | Array<string>;\n  selectedIndex: number;\n  onChange: (selectedIndex: number) => void;\n}\n\nconst SegmentedControl = ({\n  className = '',\n  values,\n  selectedIndex,\n  onChange,\n}: SegmentedControlProps) => {\n  const [selectedChipBackgroundWidthLeft, setSelectedChipBackgroundWidthLeft] =\n    useState<{\n      left: number;\n      width: number;\n    }>({ left: 0, width: 0 });\n  const chipContainer = useRef<HTMLDivElement | null>(null);\n  const height = typeof values[0] === 'string' ? 48 : 66;\n\n  useEffect(() => {\n    const selectedChip = chipContainer.current?.children[\n      selectedIndex\n    ] as HTMLDivElement;\n    const left = selectedChip.offsetLeft;\n    const width = selectedChip.offsetWidth;\n    setSelectedChipBackgroundWidthLeft({ left, width });\n  }, [selectedIndex]);\n\n  return (\n    <div className={className}>\n      <div className={styles['background-container']}>\n        <div\n          ref={chipContainer}\n          className={styles['chip-container']}\n          style={{ height: `${height}px` }}\n        >\n          {values.map((value: TitleWithSubtitle | string, index: number) => {\n            const selectedColor = selectedIndex === index ? 'tc-white' : 'tc-neutral-900';\n\n            return (\n              <div\n                role=\"button\"\n                tabIndex={0}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.code === 'Space') {\n                    onChange(index);\n                  }\n                }}\n                onClick={() => {\n                  onChange(index);\n                }}\n                className={styles.chip}\n                key={typeof value === 'string' ? value : value.title}\n              >\n                {typeof value === 'string' ? (\n                  <div\n                    className={`p-h4 ta-center ${selectedColor} ${styles['text-color']}`}\n                  >\n                    {value}\n                  </div>\n                ) : (\n                  <>\n                    <div\n                      className={`p-h4 ta-center ${selectedColor} ${styles['text-color']}`}\n                    >\n                      {value.title}\n                    </div>\n                    <div\n                      className={`p-p--small ta-center ${selectedColor} ${styles['text-color']}`}\n                    >\n                      {value.subtitle}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n        </div>\n        <div\n          className={styles['select-chip-background']}\n          style={{\n            width: `${selectedChipBackgroundWidthLeft.width}px`,\n            height: `${height - 16}px`,\n            left: `${selectedChipBackgroundWidthLeft.left}px`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport { SegmentedControl };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/table/Table.js

@@ -39,6 +39,7 @@ import '../icon/icons/CircleSelected.js';
 import '../icon/icons/CircleUnselected.js';
 import '../modal/bottomModal/index.js';
 import '../modal/genericModal/index.js';
+import '../../context.js';
 import '../../index-DuaJiEiT.js';
 import '../../index-hWqCLhoS.js';
 import '../modal/regularModal/index.js';

package/dist/esm/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/lib/components/table/Table.tsx"],"sourcesContent":["import { TableCell } from './components/TableCell/TableCell';\nimport { BottomOrRegularModal } from '../modal';\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '../icon';\nimport { Card } from '../cards/card';\n\nimport styles from './Table.module.scss';\nimport { useMediaQuery } from '../../hooks/useMediaQuery';\nimport { TableContents } from './components/TableContents/TableContents';\nimport classNames from 'classnames';\nimport { useTableNavigation } from './utils/useTableNavigation/useTableNavigation';\nimport { TableControls } from './components/TableControls/TableControls';\nimport { TableSection } from './components/TableSection/TableSection';\nimport { useScrollSync } from './utils/useScrollSync/useScrollSync';\nimport {\n  CellReplacements,\n  isBaseCell,\n  ModalData,\n  ModalFunction,\n  TableCellData,\n  TableData,\n} from './types';\nimport { Tabs, TabItem } from '../tabs/Tabs';\n\nexport type { TableData } from './types';\n\ntype TextOverrides = {\n  showDetails?: string;\n  hideDetails?: string;\n};\n\nexport interface TableProps {\n  cellReplacements?: CellReplacements;\n  className?: string;\n  collapsibleSections?: boolean;\n  hideColumns?: number[];\n  hideDetails?: boolean;\n  hideRows?: number[];\n  imageComponent?: (args: any) => JSX.Element;\n  modalContentRenderer?: (content: ReactNode) => ReactNode;\n  onModalOpen?: ModalFunction;\n  onSelectionChanged?: (index: number) => void;\n  scrollOnOpen?: boolean;\n  scrollTopOffset?: number;\n  stickyHeaderTopOffset?: number;\n  tableData: TableData;\n  textOverrides?: TextOverrides;\n  title: string;\n  activeSection?: number;\n  hideTableNavigation?: boolean;\n  hideStickyHeader?: boolean;\n  showSelectedColumn?: boolean;\n  mobileNavigationMode?: 'arrows' | 'tabs';\n}\n\nconst defaultTextOverrides = {\n  showDetails: 'Show details',\n  hideDetails: 'Hide details',\n};\n\nconst Table = ({\n  cellReplacements,\n  className,\n  collapsibleSections,\n  hideColumns = [],\n  hideDetails,\n  hideRows = [],\n  imageComponent,\n  modalContentRenderer,\n  onModalOpen,\n  onSelectionChanged,\n  scrollOnOpen,\n  scrollTopOffset = 0,\n  stickyHeaderTopOffset = 0,\n  tableData,\n  textOverrides: definedTextOverrides,\n  title,\n  activeSection: externalActiveSection,\n  hideTableNavigation = false,\n  hideStickyHeader = false,\n  showSelectedColumn = false,\n  mobileNavigationMode = 'arrows',\n}: TableProps) => {\n  const textOverrides = { ...defaultTextOverrides, ...definedTextOverrides };\n  const isMobile = useMediaQuery('BELOW_MOBILE');\n  const [infoModalData, setInfoModalData] = useState<ModalData | null>(null);\n  const [shouldHideDetails, setShouldHideDetails] = useState(true);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const headerRef = useRef<HTMLDivElement | null>(null);\n  const stickyHeaderRef = useRef<HTMLDivElement | null>(null);\n  const columnsLength = tableData[0].rows[0].length;\n\n  useScrollSync(headerRef, containerRef, !isMobile);\n\n  const useTabs = isMobile && mobileNavigationMode === 'tabs';\n\n  const { activeSection, navigateTable, setActiveSection } = useTableNavigation(\n    {\n      enabled: isMobile,\n      containerRef,\n      onSelectionChanged,\n    }\n  );\n\n  const headerRow = tableData?.[0]?.rows?.[0];\n  const titleCell = {\n    text: '',\n    ...(headerRow?.[0] || {}),\n  };\n  const currentActiveSection = headerRow?.[activeSection];\n\n  const mobileTabs: TabItem[] = useTabs\n    ? headerRow\n        ?.slice(1)\n        .map((cell, index) => {\n          let label = '';\n          if (!cell.type) label = String(cell.text || '');\n          else if (cell.type === 'CTA') label = String(cell.title || '');\n          else if (cell.type === 'BUTTON') label = String(cell.buttonCaption || '');\n          return { id: String(index), label };\n        }) ?? []\n    : [];\n\n  const currentActiveSectionReplacements =\n    (currentActiveSection?.cellId &&\n      cellReplacements?.[currentActiveSection.cellId]) ||\n    {};\n\n  const activeCellProps = {\n    ...currentActiveSection,\n    ...currentActiveSectionReplacements,\n  } as TableCellData;\n\n  const handleOpenModal: ModalFunction = useCallback(({ body, title }) => {\n    onModalOpen?.({ body, title });\n    setInfoModalData({ body, title });\n  }, []);\n\n  useEffect(() => {\n    if (externalActiveSection && externalActiveSection !== activeSection) {\n      setActiveSection(externalActiveSection - 1);\n    }\n  }, [externalActiveSection]);\n\n  return (\n    <div className={classNames(styles.wrapper, 'bg-white')}>\n      {isMobile ? (\n        <>\n          {!useTabs && titleCell?.text && (\n            <TableCell\n              {...titleCell}\n              align=\"left\"\n              isNavigation\n              isTopLeftCell\n              type={undefined}\n            />\n          )}\n\n          {!hideTableNavigation && currentActiveSection && (\n            useTabs ? (\n              <div\n                className={classNames(\n                  'bg-white',\n                  styles.stickyHeader\n                )}\n                style={{ top: `${stickyHeaderTopOffset}px` }}\n              >\n                <Tabs\n                  tabs={mobileTabs}\n                  activeIndex={activeSection - 1}\n                  onTabChange={(index) => setActiveSection(index)}\n                  className=\"mb16\"\n                />\n              </div>\n            ) : (\n              <TableControls\n                activeSection={activeSection}\n                columnsLength={columnsLength}\n                navigateTable={navigateTable}\n                stickyHeaderTopOffset={stickyHeaderTopOffset}\n              >\n                <TableCell\n                  {...(isBaseCell(currentActiveSection)\n                    ? {\n                        openModal: (body: ReactNode) =>\n                          handleOpenModal({\n                            body,\n                            title: currentActiveSection?.text,\n                          }),\n                      }\n                    : {})}\n                  {...activeCellProps}\n                  imageComponent={imageComponent}\n                  isNavigation\n                />\n              </TableControls>\n            )\n          )}\n        </>\n      ) : (\n        !hideStickyHeader && (\n          <div\n            ref={stickyHeaderRef}\n            aria-hidden\n            className={styles.stickyHeader}\n            style={{ top: `${stickyHeaderTopOffset}px` }}\n          >\n            <div className={styles.container} ref={headerRef}>\n              <TableSection\n                cellReplacements={cellReplacements}\n                className={className}\n                hideColumns={hideColumns}\n                hideRows={hideRows}\n                openModal={handleOpenModal}\n                tableCellRows={[tableData?.[0]?.rows?.[0]]}\n                title={title}\n                imageComponent={imageComponent}\n              />\n            </div>\n          </div>\n        )\n      )}\n\n      <div ref={containerRef} className={classNames(styles.container, 'pb8')}>\n        <TableContents\n          tableData={tableData}\n          title={title}\n          className={className}\n          collapsibleSections={collapsibleSections}\n          scrollOnOpen={scrollOnOpen}\n          scrollTopOffset={scrollTopOffset}\n          stickyHeaderRef={stickyHeaderRef}\n          hideColumns={hideColumns}\n          hideDetails={hideDetails}\n          hideRows={hideRows}\n          isMobile={isMobile}\n          shouldHideDetails={shouldHideDetails}\n          openModal={handleOpenModal}\n          cellReplacements={cellReplacements}\n          imageComponent={imageComponent}\n          selectedColumn={showSelectedColumn ? activeSection : undefined}\n          showHeader={useTabs}\n        />\n      </div>\n\n      {tableData?.length > 1 && hideDetails && (\n        <Card\n          data-testid=\"show-hide-details\"\n          classNames={{\n            buttonWrapper: classNames(styles.cardButton, 'm8 mt32'),\n            title: 'd-flex gap8 ai-center jc-center fw-bold',\n          }}\n          title={\n            <>\n              {shouldHideDetails\n                ? textOverrides.showDetails\n                : textOverrides.hideDetails}\n              {shouldHideDetails ? (\n                <ChevronDownIcon size={20} />\n              ) : (\n                <ChevronUpIcon size={20} />\n              )}\n            </>\n          }\n          actionIcon={null}\n          dropShadow={false}\n          titleVariant=\"small\"\n          density=\"xsmall\"\n          onClick={() => setShouldHideDetails((current) => !current)}\n        />\n      )}\n\n      <BottomOrRegularModal\n        isOpen={infoModalData?.body ? true : false}\n        title={infoModalData?.title}\n        onClose={() => setInfoModalData(null)}\n      >\n        <div className={classNames(styles.modalContent, 'pt8 p24 wmn6')}>\n          {modalContentRenderer\n            ? modalContentRenderer(infoModalData?.body)\n            : infoModalData?.body}\n        </div>\n      </BottomOrRegularModal>\n    </div>\n  );\n};\n\nexport { Table };\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../../src/lib/components/table/Table.tsx"],"sourcesContent":["import { TableCell } from './components/TableCell/TableCell';\nimport { BottomOrRegularModal } from '../modal';\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '../icon';\nimport { Card } from '../cards/card';\n\nimport styles from './Table.module.scss';\nimport { useMediaQuery } from '../../hooks/useMediaQuery';\nimport { TableContents } from './components/TableContents/TableContents';\nimport classNames from 'classnames';\nimport { useTableNavigation } from './utils/useTableNavigation/useTableNavigation';\nimport { TableControls } from './components/TableControls/TableControls';\nimport { TableSection } from './components/TableSection/TableSection';\nimport { useScrollSync } from './utils/useScrollSync/useScrollSync';\nimport {\n  CellReplacements,\n  isBaseCell,\n  ModalData,\n  ModalFunction,\n  TableCellData,\n  TableData,\n} from './types';\nimport { Tabs, TabItem } from '../tabs/Tabs';\n\nexport type { TableData } from './types';\n\ntype TextOverrides = {\n  showDetails?: string;\n  hideDetails?: string;\n};\n\nexport interface TableProps {\n  cellReplacements?: CellReplacements;\n  className?: string;\n  collapsibleSections?: boolean;\n  hideColumns?: number[];\n  hideDetails?: boolean;\n  hideRows?: number[];\n  imageComponent?: (args: any) => JSX.Element;\n  modalContentRenderer?: (content: ReactNode) => ReactNode;\n  onModalOpen?: ModalFunction;\n  onSelectionChanged?: (index: number) => void;\n  scrollOnOpen?: boolean;\n  scrollTopOffset?: number;\n  stickyHeaderTopOffset?: number;\n  tableData: TableData;\n  textOverrides?: TextOverrides;\n  title: string;\n  activeSection?: number;\n  hideTableNavigation?: boolean;\n  hideStickyHeader?: boolean;\n  showSelectedColumn?: boolean;\n  mobileNavigationMode?: 'arrows' | 'tabs';\n}\n\nconst defaultTextOverrides = {\n  showDetails: 'Show details',\n  hideDetails: 'Hide details',\n};\n\nconst Table = ({\n  cellReplacements,\n  className,\n  collapsibleSections,\n  hideColumns = [],\n  hideDetails,\n  hideRows = [],\n  imageComponent,\n  modalContentRenderer,\n  onModalOpen,\n  onSelectionChanged,\n  scrollOnOpen,\n  scrollTopOffset = 0,\n  stickyHeaderTopOffset = 0,\n  tableData,\n  textOverrides: definedTextOverrides,\n  title,\n  activeSection: externalActiveSection,\n  hideTableNavigation = false,\n  hideStickyHeader = false,\n  showSelectedColumn = false,\n  mobileNavigationMode = 'arrows',\n}: TableProps) => {\n  const textOverrides = { ...defaultTextOverrides, ...definedTextOverrides };\n  const isMobile = useMediaQuery('BELOW_MOBILE');\n  const [infoModalData, setInfoModalData] = useState<ModalData | null>(null);\n  const [shouldHideDetails, setShouldHideDetails] = useState(true);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const headerRef = useRef<HTMLDivElement | null>(null);\n  const stickyHeaderRef = useRef<HTMLDivElement | null>(null);\n  const columnsLength = tableData[0].rows[0].length;\n\n  useScrollSync(headerRef, containerRef, !isMobile);\n\n  const useTabs = isMobile && mobileNavigationMode === 'tabs';\n\n  const { activeSection, navigateTable, setActiveSection } = useTableNavigation(\n    {\n      enabled: isMobile,\n      containerRef,\n      onSelectionChanged,\n    }\n  );\n\n  const headerRow = tableData?.[0]?.rows?.[0];\n  const titleCell = {\n    text: '',\n    ...(headerRow?.[0] || {}),\n  };\n  const currentActiveSection = headerRow?.[activeSection];\n\n  const mobileTabs: TabItem[] = useTabs\n    ? headerRow\n        ?.slice(1)\n        .map((cell, index) => {\n          let label = '';\n          if (!cell.type) label = String(cell.text || '');\n          else if (cell.type === 'CTA') label = String(cell.title || '');\n          else if (cell.type === 'BUTTON') label = String(cell.buttonCaption || '');\n          return { id: String(index), label };\n        }) ?? []\n    : [];\n\n  const currentActiveSectionReplacements =\n    (currentActiveSection?.cellId &&\n      cellReplacements?.[currentActiveSection.cellId]) ||\n    {};\n\n  const activeCellProps = {\n    ...currentActiveSection,\n    ...currentActiveSectionReplacements,\n  } as TableCellData;\n\n  const handleOpenModal: ModalFunction = useCallback(({ body, title }) => {\n    onModalOpen?.({ body, title });\n    setInfoModalData({ body, title });\n  }, []);\n\n  useEffect(() => {\n    if (externalActiveSection && externalActiveSection !== activeSection) {\n      setActiveSection(externalActiveSection - 1);\n    }\n  }, [externalActiveSection]);\n\n  return (\n    <div className={classNames(styles.wrapper, 'bg-white')}>\n      {isMobile ? (\n        <>\n          {!useTabs && titleCell?.text && (\n            <TableCell\n              {...titleCell}\n              align=\"left\"\n              isNavigation\n              isTopLeftCell\n              type={undefined}\n            />\n          )}\n\n          {!hideTableNavigation && currentActiveSection && (\n            useTabs ? (\n              <div\n                className={classNames(\n                  'bg-white',\n                  styles.stickyHeader\n                )}\n                style={{ top: `${stickyHeaderTopOffset}px` }}\n              >\n                <Tabs\n                  tabs={mobileTabs}\n                  activeIndex={activeSection - 1}\n                  onTabChange={(index) => setActiveSection(index)}\n                  className=\"mb16\"\n                />\n              </div>\n            ) : (\n              <TableControls\n                activeSection={activeSection}\n                columnsLength={columnsLength}\n                navigateTable={navigateTable}\n                stickyHeaderTopOffset={stickyHeaderTopOffset}\n              >\n                <TableCell\n                  {...(isBaseCell(currentActiveSection)\n                    ? {\n                        openModal: (body: ReactNode) =>\n                          handleOpenModal({\n                            body,\n                            title: currentActiveSection?.text,\n                          }),\n                      }\n                    : {})}\n                  {...activeCellProps}\n                  imageComponent={imageComponent}\n                  isNavigation\n                />\n              </TableControls>\n            )\n          )}\n        </>\n      ) : (\n        !hideStickyHeader && (\n          <div\n            ref={stickyHeaderRef}\n            aria-hidden\n            className={styles.stickyHeader}\n            style={{ top: `${stickyHeaderTopOffset}px` }}\n          >\n            <div className={styles.container} ref={headerRef}>\n              <TableSection\n                cellReplacements={cellReplacements}\n                className={className}\n                hideColumns={hideColumns}\n                hideRows={hideRows}\n                openModal={handleOpenModal}\n                tableCellRows={[tableData?.[0]?.rows?.[0]]}\n                title={title}\n                imageComponent={imageComponent}\n              />\n            </div>\n          </div>\n        )\n      )}\n\n      <div ref={containerRef} className={classNames(styles.container, 'pb8')}>\n        <TableContents\n          tableData={tableData}\n          title={title}\n          className={className}\n          collapsibleSections={collapsibleSections}\n          scrollOnOpen={scrollOnOpen}\n          scrollTopOffset={scrollTopOffset}\n          stickyHeaderRef={stickyHeaderRef}\n          hideColumns={hideColumns}\n          hideDetails={hideDetails}\n          hideRows={hideRows}\n          isMobile={isMobile}\n          shouldHideDetails={shouldHideDetails}\n          openModal={handleOpenModal}\n          cellReplacements={cellReplacements}\n          imageComponent={imageComponent}\n          selectedColumn={showSelectedColumn ? activeSection : undefined}\n          showHeader={useTabs}\n        />\n      </div>\n\n      {tableData?.length > 1 && hideDetails && (\n        <Card\n          data-testid=\"show-hide-details\"\n          classNames={{\n            buttonWrapper: classNames(styles.cardButton, 'm8 mt32'),\n            title: 'd-flex gap8 ai-center jc-center fw-bold',\n          }}\n          title={\n            <>\n              {shouldHideDetails\n                ? textOverrides.showDetails\n                : textOverrides.hideDetails}\n              {shouldHideDetails ? (\n                <ChevronDownIcon size={20} />\n              ) : (\n                <ChevronUpIcon size={20} />\n              )}\n            </>\n          }\n          actionIcon={null}\n          dropShadow={false}\n          titleVariant=\"small\"\n          density=\"xsmall\"\n          onClick={() => setShouldHideDetails((current) => !current)}\n        />\n      )}\n\n      <BottomOrRegularModal\n        isOpen={infoModalData?.body ? true : false}\n        title={infoModalData?.title}\n        onClose={() => setInfoModalData(null)}\n      >\n        <div className={classNames(styles.modalContent, 'pt8 p24 wmn6')}>\n          {modalContentRenderer\n            ? modalContentRenderer(infoModalData?.body)\n            : infoModalData?.body}\n        </div>\n      </BottomOrRegularModal>\n    </div>\n  );\n};\n\nexport { Table };\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/esm/components/table/Table.stories.js

@@ -35,6 +35,7 @@ import '../icon/icons/ChevronUp.js';
 import '../modal/bottomOrRegularModal/index.js';
 import '../modal/bottomModal/index.js';
 import '../modal/genericModal/index.js';
+import '../../context.js';
 import '../../index-DuaJiEiT.js';
 import '../../index-hWqCLhoS.js';
 import '../modal/regularModal/index.js';