@kaizen/components 1.34.0 → 1.35.0

package/dist/cjs/Modal/ContextModal/ContextModal.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var typography = require('@kaizen/typography');
+var Heading = require('../../Heading/Heading.cjs');
 var GenericModal = require('../GenericModal/GenericModal.cjs');
 require('../GenericModal/context/ModalContext.cjs');
 require('../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.cjs');
@@ -68,7 +68,7 @@ const ContextModal = /*#__PURE__*/function () {
       onDismiss: onDismiss
     }, React.createElement("div", {
       className: classnames(ContextModal_module.header, !unpadded && ContextModal_module.padded)
-    }, React.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null, React.createElement(typography.Heading, {
+    }, React.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null, React.createElement(Heading.Heading, {
       variant: "heading-2",
       tag: "h2"
     }, title)))), contentHeader && React.createElement("div", {

package/dist/cjs/Modal/ContextModal/ContextModal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextModal.cjs","sources":["../../../../src/Modal/ContextModal/ContextModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"@kaizen/typography\"\nimport { ButtonProps } from \"~components/Button\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ContextModal.module.scss\"\n\nexport type ContextModalSecondaryActionProps =\n  | {\n      secondaryLabel: string\n      onSecondaryAction: () => void\n    }\n  | {\n      secondaryLabel?: undefined\n    }\n\nexport type ContextModalProps = Readonly<\n  {\n    isOpen: boolean\n    unpadded?: boolean\n    /**\n     * Defines the orientation layout of the image and content\n     */\n    layout?: \"portrait\" | \"landscape\"\n    title: string\n    onConfirm?: () => void\n    onDismiss: () => void\n    onAfterLeave?: () => void\n    confirmLabel?: string\n    confirmWorking?: { label: string; labelHidden?: boolean }\n    /**\n     * @deprecated use data-testid instead\n     */\n    automationId?: string\n    renderBackground?: () => React.ReactNode\n    image?: React.ReactNode\n    children: React.ReactNode\n    contentHeader?: React.ReactNode\n  } & ContextModalSecondaryActionProps &\n    HTMLAttributes<HTMLDivElement>\n>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}\n */\nexport const ContextModal = ({\n  isOpen,\n  unpadded = false,\n  layout = \"portrait\",\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  confirmWorking,\n  renderBackground,\n  children,\n  contentHeader,\n  image,\n  ...props\n}: ContextModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : props.onDismiss\n\n  const footerActions: ButtonProps[] = []\n\n  const workingProps = confirmWorking\n    ? {\n        working: true,\n        workingLabel: confirmWorking.label,\n        workingLabelHidden: confirmWorking.labelHidden,\n      }\n    : {}\n\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  if (props.secondaryLabel) {\n    footerActions.push({\n      label: props.secondaryLabel,\n      onClick: props.onSecondaryAction,\n      disabled: !!confirmWorking,\n    })\n  }\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        {renderBackground && renderBackground()}\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(styles.header, !unpadded && styles.padded)}\n          >\n            <ModalAccessibleLabel>\n              <Heading variant=\"heading-2\" tag=\"h2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        {contentHeader && (\n          <div className={styles.contentHeader}>{contentHeader}</div>\n        )}\n        <ModalBody>\n          <div\n            className={classnames(\n              styles.contentLayout,\n              styles[`${layout}Contentlayout`]\n            )}\n          >\n            {image && <div className={styles.image}>{image}</div>}\n            <div className={styles.content}>\n              {children}\n              {onConfirm != null && (\n                <div\n                  className={\n                    props.secondaryLabel\n                      ? styles.footerWithSecondaryAction\n                      : styles.footer\n                  }\n                ></div>\n              )}\n            </div>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          variant={image ? \"context\" : undefined}\n          actions={footerActions}\n          appearance=\"primary\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nContextModal.displayName = \"ContextModal\"\n"],"names":["ContextModal","_a","isOpen","_b","unpadded","_c","layout","title","onConfirm","onAfterLeave","_d","confirmLabel","confirmWorking","renderBackground","children","contentHeader","image","props","__rest","onDismiss","undefined","footerActions","workingProps","working","workingLabel","label","workingLabelHidden","labelHidden","confirmAction","onClick","push","__assign","secondaryLabel","onSecondaryAction","disabled","React","createElement","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","padded","ModalAccessibleLabel","Heading","variant","tag","ModalBody","contentLayout","concat","content","footerWithSecondaryAction","footer","ModalFooter","actions","appearance","displayName"],"mappings":";;;;;;;;;;;;;;;AAgDA;;;AAGG;AAHH,MAIaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAcT,EAAA;IAblB,IAAAC,MAAM,YAAA;MACNC,EAAA,GAAAF,EAAA,CAAAG,QAAgB;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,EAAA,GAAAJ,EAAA,CAAAK,MAAmB;MAAnBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,UAAU,GAAAA,EAAA;MACnBE,KAAK,WAAA;MACLC,SAAS,GAAAP,EAAA,CAAAO,SAAA;MACTC,YAAY,GAAAR,EAAA,CAAAQ,YAAA;MACZC,EAAwB,GAAAT,EAAA,CAAAU,YAAA;MAAxBA,YAAY,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACxBE,cAAc,GAAAX,EAAA,CAAAW,cAAA;MACdC,gBAAgB,GAAAZ,EAAA,CAAAY,gBAAA;MAChBC,QAAQ,GAAAb,EAAA,CAAAa,QAAA;MACRC,aAAa,GAAAd,EAAA,CAAAc,aAAA;MACbC,KAAK,WAAA;MACFC,KAAK,GAbmBC,KAAA,CAAAA,MAAA,CAAAjB,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAc5B,CADS;IAER,IAAMkB,SAAS,GAAGP,cAAc,GAAGQ,SAAS,GAAGH,KAAK,CAACE,SAAS;IAE9D,IAAME,aAAa,GAAkB,EAAE;IAEvC,IAAMC,YAAY,GAAGV,cAAc,GAC/B;MACEW,OAAO,EAAE,IAAI;MACbC,YAAY,EAAEZ,cAAc,CAACa,KAAK;MAClCC,kBAAkB,EAAEd,cAAc,CAACe;IACpC,CAAA,GACD,EAAE;IAEN,IAAInB,SAAS,EAAE;MACb,IAAMoB,aAAa,GAAG;QAAEH,KAAK,EAAEd,YAAY;QAAEkB,OAAO,EAAErB;MAAS,CAAE;MACjEa,aAAa,CAACS,IAAI,CAAAC,KAAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAMH,aAAa,CAAK,EAAAN,YAAY,EAAG;IAC1D;IAED,IAAIL,KAAK,CAACe,cAAc,EAAE;MACxBX,aAAa,CAACS,IAAI,CAAC;QACjBL,KAAK,EAAER,KAAK,CAACe,cAAc;QAC3BH,OAAO,EAAEZ,KAAK,CAACgB,iBAAiB;QAChCC,QAAQ,EAAE,CAAC,CAACtB;MACb,CAAA,CAAC;IACH;IAED,OACEuB,KAAC,CAAAC,aAAA,CAAAC,YAAY,CAAAA,YAAA;MACXnC,MAAM,EAAEA,MAAM;MACdoC,aAAa,EAAEnB,SAAS;MACxBoB,mBAAmB,EAAEpB,SAAS;MAC9BV,YAAY,EAAEA;IAAY,CAAA,EAE1B0B,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAL,KAAAA,CAAAA,QAAA,CAAA;MAAKS,SAAS,EAAEC,mBAAM,CAACC,KAAK;;OAAiBzB,KAAK,CAAA,EAC/CJ,gBAAgB,IAAIA,gBAAgB,CAAE,CAAA,EACvCsB,KAAA,CAAAC,aAAA,CAACO,WAAAA,CAAAA,WAAW,EAAA;MAACxB,SAAS,EAAEA;IAAS,CAAA,EAC/BgB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEI,SAAS,EAAEI,UAAU,CAACH,mBAAM,CAACI,MAAM,EAAE,CAACzC,QAAQ,IAAIqC,mBAAM,CAACK,MAAM;IAAC,CAAA,EAEhEX,KAAA,CAAAC,aAAA,CAACW,oBAAAA,CAAAA,oBAAoB,EAAA,IAAA,EACnBZ,KAAA,CAAAC,aAAA,CAACY,kBAAO,EAAA;MAACC,OAAO,EAAC,WAAW;MAACC,GAAG,EAAC;IAC9B,CAAA,EAAA3C,KAAK,CACE,CACW,CACnB,CACM,EACbQ,aAAa,IACZoB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKI,SAAS,EAAEC,mBAAM,CAAC1B;KAAa,EAAGA,aAAa,CACrD,EACDoB,KAAA,CAAAC,aAAA,CAACe,SAAAA,CAAAA,SAAS,EAAA,IAAA,EACRhB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEI,SAAS,EAAEI,UAAU,CACnBH,mBAAM,CAACW,aAAa,EACpBX,mBAAM,CAAC,EAAA,CAAAY,MAAA,CAAG/C,MAAM,EAAA,eAAA,CAAe,CAAC;IACjC,CAAA,EAEAU,KAAK,IAAImB;MAAKK,SAAS,EAAEC,mBAAM,CAACzB;IAAQ,CAAA,EAAAA,KAAK,CAAO,EACrDmB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKI,SAAS,EAAEC,mBAAM,CAACa;IAAO,CAAA,EAC3BxC,QAAQ,EACRN,SAAS,IAAI,IAAI,IAChB2B;MACEK,SAAS,EACPvB,KAAK,CAACe,cAAc,GAChBS,mBAAM,CAACc,yBAAyB,GAChCd,mBAAM,CAACe;IAAM,EAGtB,CACG,CACF,CACI,EACZrB,KAAA,CAAAC,aAAA,CAACqB,WAAW,CAAAA,WAAA,EAAA;MACVR,OAAO,EAAEjC,KAAK,GAAG,SAAS,GAAGI,SAAS;MACtCsC,OAAO,EAAErC,aAAa;MACtBsC,UAAU,EAAC,SAAS;MACpBvD,QAAQ,EAAEA;IAAQ,CAAA,CAClB,CACE,CACO;EAEnB,CAAC;EAEDJ,YAAY,CAAC4D,WAAW,GAAG,cAAc;EAAA,OAhG5B5D,YAAY;AAAA;"}
+{"version":3,"file":"ContextModal.cjs","sources":["../../../../src/Modal/ContextModal/ContextModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./ContextModal.module.scss\"\n\nexport type ContextModalSecondaryActionProps =\n  | {\n      secondaryLabel: string\n      onSecondaryAction: () => void\n    }\n  | {\n      secondaryLabel?: undefined\n    }\n\nexport type ContextModalProps = Readonly<\n  {\n    isOpen: boolean\n    unpadded?: boolean\n    /**\n     * Defines the orientation layout of the image and content\n     */\n    layout?: \"portrait\" | \"landscape\"\n    title: string\n    onConfirm?: () => void\n    onDismiss: () => void\n    onAfterLeave?: () => void\n    confirmLabel?: string\n    confirmWorking?: { label: string; labelHidden?: boolean }\n    /**\n     * @deprecated use data-testid instead\n     */\n    automationId?: string\n    renderBackground?: () => React.ReactNode\n    image?: React.ReactNode\n    children: React.ReactNode\n    contentHeader?: React.ReactNode\n  } & ContextModalSecondaryActionProps &\n    HTMLAttributes<HTMLDivElement>\n>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}\n */\nexport const ContextModal = ({\n  isOpen,\n  unpadded = false,\n  layout = \"portrait\",\n  title,\n  onConfirm,\n  onAfterLeave,\n  confirmLabel = \"Confirm\",\n  confirmWorking,\n  renderBackground,\n  children,\n  contentHeader,\n  image,\n  ...props\n}: ContextModalProps): JSX.Element => {\n  const onDismiss = confirmWorking ? undefined : props.onDismiss\n\n  const footerActions: ButtonProps[] = []\n\n  const workingProps = confirmWorking\n    ? {\n        working: true,\n        workingLabel: confirmWorking.label,\n        workingLabelHidden: confirmWorking.labelHidden,\n      }\n    : {}\n\n  if (onConfirm) {\n    const confirmAction = { label: confirmLabel, onClick: onConfirm }\n    footerActions.push({ ...confirmAction, ...workingProps })\n  }\n\n  if (props.secondaryLabel) {\n    footerActions.push({\n      label: props.secondaryLabel,\n      onClick: props.onSecondaryAction,\n      disabled: !!confirmWorking,\n    })\n  }\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onOutsideModalClick={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} data-modal {...props}>\n        {renderBackground && renderBackground()}\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(styles.header, !unpadded && styles.padded)}\n          >\n            <ModalAccessibleLabel>\n              <Heading variant=\"heading-2\" tag=\"h2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        {contentHeader && (\n          <div className={styles.contentHeader}>{contentHeader}</div>\n        )}\n        <ModalBody>\n          <div\n            className={classnames(\n              styles.contentLayout,\n              styles[`${layout}Contentlayout`]\n            )}\n          >\n            {image && <div className={styles.image}>{image}</div>}\n            <div className={styles.content}>\n              {children}\n              {onConfirm != null && (\n                <div\n                  className={\n                    props.secondaryLabel\n                      ? styles.footerWithSecondaryAction\n                      : styles.footer\n                  }\n                ></div>\n              )}\n            </div>\n          </div>\n        </ModalBody>\n        <ModalFooter\n          variant={image ? \"context\" : undefined}\n          actions={footerActions}\n          appearance=\"primary\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nContextModal.displayName = \"ContextModal\"\n"],"names":["ContextModal","_a","isOpen","_b","unpadded","_c","layout","title","onConfirm","onAfterLeave","_d","confirmLabel","confirmWorking","renderBackground","children","contentHeader","image","props","__rest","onDismiss","undefined","footerActions","workingProps","working","workingLabel","label","workingLabelHidden","labelHidden","confirmAction","onClick","push","__assign","secondaryLabel","onSecondaryAction","disabled","React","createElement","GenericModal","onEscapeKeyup","onOutsideModalClick","className","styles","modal","ModalHeader","classnames","header","padded","ModalAccessibleLabel","Heading","variant","tag","ModalBody","contentLayout","concat","content","footerWithSecondaryAction","footer","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

package/dist/cjs/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.cjs

@@ -4,7 +4,6 @@ var React = require('react');
 require('../../../../Button/Button/Button.cjs');
 var IconButton = require('../../../../Button/IconButton/IconButton.cjs');
 require('tslib');
-require('uuid');
 require('../../../../Icon/subcomponents/SVG/SVG.cjs');
 var CloseIcon = require('../../../../Icon/CloseIcon.cjs');
 var ModalBody = require('../ModalBody/ModalBody.cjs');

package/dist/cjs/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.cjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconButton } from \"~components/Button\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { ModalBody } from \"../ModalBody\"\nimport styles from \"./ModalHeader.module.scss\"\n\nexport type ModalHeaderProps = {\n  unpadded?: boolean\n  reversed?: boolean\n  onDismiss?: (evt: React.MouseEvent) => void\n  children: React.ReactNode\n}\n\nexport const ModalHeader = ({\n  reversed,\n  onDismiss,\n  children,\n}: ModalHeaderProps): JSX.Element => (\n  <ModalBody>\n    <div className={styles.dismissButton}>\n      <IconButton\n        label=\"Dismiss\"\n        icon={<CloseIcon role=\"presentation\" />}\n        reversed={reversed}\n        onClick={onDismiss}\n        disabled={onDismiss == undefined}\n      />\n    </div>\n    {children}\n  </ModalBody>\n)\n\nModalHeader.displayName = \"ModalHeader\"\n"],"names":["ModalHeader","_a","reversed","onDismiss","children","React","ModalBody","createElement","className","styles","dismissButton","IconButton","label","icon","CloseIcon","role","onClick","disabled","undefined","displayName"],"mappings":";;;;;;;;;;;MAaaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,QAAQ,cAAA;MACRC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IAC2B,OACnCC,oBAACC,SAAAA,CAAAA,SAAS,EAAA,IAAA,EACRD,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEC,kBAAM,CAACC;IAAa,CAAA,EAClCL,KAAA,CAAAE,aAAA,CAACI,UAAU,CAAAA,UAAA,EAAA;MACTC,KAAK,EAAC,SAAS;MACfC,IAAI,EAAER,KAAC,CAAAE,aAAA,CAAAO,mBAAS,EAAC;QAAAC,IAAI,EAAC;MAAc,CAAA,CAAG;MACvCb,QAAQ,EAAEA,QAAQ;MAClBc,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEd,SAAS,IAAIe;IAAS,EAChC,CACE,EACLd,QAAQ,CACC;EAZuB,CAapC;EAEDJ,WAAW,CAACmB,WAAW,GAAG,aAAa;EAAA,OAnB1BnB,WAAW;AAAA;"}
+{"version":3,"file":"ModalHeader.cjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconButton } from \"~components/Button\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { ModalBody } from \"../ModalBody\"\nimport styles from \"./ModalHeader.module.scss\"\n\nexport type ModalHeaderProps = {\n  unpadded?: boolean\n  reversed?: boolean\n  onDismiss?: (evt: React.MouseEvent) => void\n  children: React.ReactNode\n}\n\nexport const ModalHeader = ({\n  reversed,\n  onDismiss,\n  children,\n}: ModalHeaderProps): JSX.Element => (\n  <ModalBody>\n    <div className={styles.dismissButton}>\n      <IconButton\n        label=\"Dismiss\"\n        icon={<CloseIcon role=\"presentation\" />}\n        reversed={reversed}\n        onClick={onDismiss}\n        disabled={onDismiss == undefined}\n      />\n    </div>\n    {children}\n  </ModalBody>\n)\n\nModalHeader.displayName = \"ModalHeader\"\n"],"names":["ModalHeader","_a","reversed","onDismiss","children","React","ModalBody","createElement","className","styles","dismissButton","IconButton","label","icon","CloseIcon","role","onClick","disabled","undefined","displayName"],"mappings":";;;;;;;;;;MAaaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,QAAQ,cAAA;MACRC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IAC2B,OACnCC,oBAACC,SAAAA,CAAAA,SAAS,EAAA,IAAA,EACRD,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEC,kBAAM,CAACC;IAAa,CAAA,EAClCL,KAAA,CAAAE,aAAA,CAACI,UAAU,CAAAA,UAAA,EAAA;MACTC,KAAK,EAAC,SAAS;MACfC,IAAI,EAAER,KAAC,CAAAE,aAAA,CAAAO,mBAAS,EAAC;QAAAC,IAAI,EAAC;MAAc,CAAA,CAAG;MACvCb,QAAQ,EAAEA,QAAQ;MAClBc,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEd,SAAS,IAAIe;IAAS,EAChC,CACE,EACLd,QAAQ,CACC;EAZuB,CAapC;EAEDJ,WAAW,CAACmB,WAAW,GAAG,aAAa;EAAA,OAnB1BnB,WAAW;AAAA;"}

package/dist/cjs/Modal/InputEditModal/InputEditModal.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var typography = require('@kaizen/typography');
+var Heading = require('../../Heading/Heading.cjs');
 var GenericModal = require('../GenericModal/GenericModal.cjs');
 require('../GenericModal/context/ModalContext.cjs');
 require('../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.cjs');
@@ -66,7 +66,7 @@ const InputEditModal = /*#__PURE__*/function () {
       onDismiss: onDismiss
     }, React.createElement("div", {
       className: classnames(InputEditModal_module.header, localeDirection === "rtl" && InputEditModal_module.textAlignRTL, !unpadded && InputEditModal_module.padded)
-    }, React.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null, React.createElement(typography.Heading, {
+    }, React.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null, React.createElement(Heading.Heading, {
       tag: "h2",
       variant: "heading-2"
     }, title)))), React.createElement(ModalBody.ModalBody, null, React.createElement("div", {

package/dist/cjs/Modal/InputEditModal/InputEditModal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputEditModal.cjs","sources":["../../../../src/Modal/InputEditModal/InputEditModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"@kaizen/typography\"\nimport { ButtonProps } from \"~components/Button\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./InputEditModal.module.scss\"\n\nexport type InputEditModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  mood: \"positive\" | \"destructive\"\n  title: string\n  onSubmit: () => void\n  onSecondaryAction?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  localeDirection?: \"rtl\" | \"ltr\"\n  submitLabel?: string\n  dismissLabel?: string\n  secondaryLabel?: string\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n  submitWorking?: { label: string; labelHidden?: boolean }\n} & HTMLAttributes<HTMLDivElement>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}\n */\nexport const InputEditModal = ({\n  isOpen,\n  mood,\n  title,\n  onSubmit,\n  onSecondaryAction,\n  onAfterLeave,\n  localeDirection = \"ltr\",\n  submitLabel = \"Submit\",\n  dismissLabel = \"Cancel\",\n  secondaryLabel,\n  submitWorking,\n  children,\n  unpadded = false,\n  onDismiss: propsOnDismiss,\n  ...props\n}: InputEditModalProps): JSX.Element => {\n  const onDismiss = submitWorking ? undefined : propsOnDismiss\n  const submitAction = { label: submitLabel, onClick: onSubmit }\n  const workingProps = submitWorking\n    ? {\n        working: true,\n        workingLabel: submitWorking.label,\n        workingLabelHidden: submitWorking.labelHidden,\n      }\n    : {}\n\n  const showSecondary = onSecondaryAction && secondaryLabel\n\n  const footerActions: ButtonProps[] = [\n    { ...submitAction, ...workingProps },\n    {\n      label: showSecondary ? secondaryLabel : dismissLabel,\n      onClick: showSecondary ? onSecondaryAction : onDismiss,\n      disabled: !!submitWorking,\n    },\n  ]\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} dir={localeDirection} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              localeDirection === \"rtl\" && styles.textAlignRTL,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleLabel>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(styles.body, !unpadded && styles.padded)}\n            dir={localeDirection}\n          >\n            {children}\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"destructive\" ? \"destructive\" : \"primary\"}\n          variant=\"inputEdit\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nInputEditModal.displayName = \"InputEditModal\"\n"],"names":["InputEditModal","_a","isOpen","mood","title","onSubmit","onSecondaryAction","onAfterLeave","_b","localeDirection","_c","submitLabel","_d","dismissLabel","secondaryLabel","submitWorking","children","_e","unpadded","propsOnDismiss","onDismiss","props","__rest","undefined","submitAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","showSecondary","footerActions","__assign","disabled","React","createElement","GenericModal","onEscapeKeyup","className","styles","modal","dir","ModalHeader","classnames","header","textAlignRTL","padded","ModalAccessibleLabel","Heading","tag","variant","ModalBody","body","ModalFooter","actions","appearance","displayName"],"mappings":"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"}
+{"version":3,"file":"InputEditModal.cjs","sources":["../../../../src/Modal/InputEditModal/InputEditModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./InputEditModal.module.scss\"\n\nexport type InputEditModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  mood: \"positive\" | \"destructive\"\n  title: string\n  onSubmit: () => void\n  onSecondaryAction?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  localeDirection?: \"rtl\" | \"ltr\"\n  submitLabel?: string\n  dismissLabel?: string\n  secondaryLabel?: string\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n  submitWorking?: { label: string; labelHidden?: boolean }\n} & HTMLAttributes<HTMLDivElement>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}\n */\nexport const InputEditModal = ({\n  isOpen,\n  mood,\n  title,\n  onSubmit,\n  onSecondaryAction,\n  onAfterLeave,\n  localeDirection = \"ltr\",\n  submitLabel = \"Submit\",\n  dismissLabel = \"Cancel\",\n  secondaryLabel,\n  submitWorking,\n  children,\n  unpadded = false,\n  onDismiss: propsOnDismiss,\n  ...props\n}: InputEditModalProps): JSX.Element => {\n  const onDismiss = submitWorking ? undefined : propsOnDismiss\n  const submitAction = { label: submitLabel, onClick: onSubmit }\n  const workingProps = submitWorking\n    ? {\n        working: true,\n        workingLabel: submitWorking.label,\n        workingLabelHidden: submitWorking.labelHidden,\n      }\n    : {}\n\n  const showSecondary = onSecondaryAction && secondaryLabel\n\n  const footerActions: ButtonProps[] = [\n    { ...submitAction, ...workingProps },\n    {\n      label: showSecondary ? secondaryLabel : dismissLabel,\n      onClick: showSecondary ? onSecondaryAction : onDismiss,\n      disabled: !!submitWorking,\n    },\n  ]\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} dir={localeDirection} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              localeDirection === \"rtl\" && styles.textAlignRTL,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleLabel>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(styles.body, !unpadded && styles.padded)}\n            dir={localeDirection}\n          >\n            {children}\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"destructive\" ? \"destructive\" : \"primary\"}\n          variant=\"inputEdit\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nInputEditModal.displayName = \"InputEditModal\"\n"],"names":["InputEditModal","_a","isOpen","mood","title","onSubmit","onSecondaryAction","onAfterLeave","_b","localeDirection","_c","submitLabel","_d","dismissLabel","secondaryLabel","submitWorking","children","_e","unpadded","propsOnDismiss","onDismiss","props","__rest","undefined","submitAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","showSecondary","footerActions","__assign","disabled","React","createElement","GenericModal","onEscapeKeyup","className","styles","modal","dir","ModalHeader","classnames","header","textAlignRTL","padded","ModalAccessibleLabel","Heading","tag","variant","ModalBody","body","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

package/dist/cjs/Notification/InlineNotification/InlineNotification.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineNotification.cjs","sources":["../../../../src/Notification/InlineNotification/InlineNotification.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps } from \"@kaizen/typography\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { GenericNotification } from \"../subcomponents/GenericNotification\"\nimport styles from \"../subcomponents/GenericNotification/GenericNotification.module.scss\"\nimport { NotificationType } from \"../types\"\n\nexport type InlineNotificationProps = OverrideClassName<{\n  type: NotificationType\n  children?: React.ReactNode\n  /** @default false */\n  persistent?: boolean\n  /** @default false */\n  hideCloseIcon?: boolean\n  onHide?: () => void\n  noBottomMargin?: boolean\n  forceMultiline?: boolean\n  headingProps?: HeadingProps\n  isSubtle?: boolean\n}>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}\n */\nexport const InlineNotification = ({\n  isSubtle,\n  hideCloseIcon = false,\n  persistent = false,\n  classNameOverride,\n  ...otherProps\n}: InlineNotificationProps): JSX.Element => (\n  <GenericNotification\n    style=\"inline\"\n    persistent={persistent || hideCloseIcon}\n    classNameOverride={classnames(classNameOverride, [\n      isSubtle && styles.subtle,\n    ])}\n    {...otherProps}\n  />\n)\n\nInlineNotification.displayName = \"InlineNotification\"\n"],"names":["InlineNotification","_a","isSubtle","_b","hideCloseIcon","_c","persistent","classNameOverride","otherProps","__rest","React","createElement","GenericNotification","style","classnames","styles","subtle","displayName"],"mappings":";;;;;;;;AAsBA;;;AAGG;AAHH,MAIaA,kBAAkB;EAAA,MAAlBA,kBAAkB,GAAG,SAAAA,CAACC,EAMT,EAAA;IALxB,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,aAAqB;MAArBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACrBE,EAAA,GAAAJ,EAAA,CAAAK,UAAkB;MAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,uBAAA;MACdC,UAAU,GALoBC,KAAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,mBAAA,CAMlC,CADc;IAC6B,OAC1CS,KAAC,CAAAC,aAAA,CAAAC,uCAAmB;MAClBC,KAAK,EAAC,QAAQ;MACdP,UAAU,EAAEA,UAAU,IAAIF,aAAa;MACvCG,iBAAiB,EAAEO,UAAU,CAACP,iBAAiB,EAAE,CAC/CL,QAAQ,IAAIa,0BAAM,CAACC,MAAM,CAC1B;IACG,CAAA,EAAAR,UAAU,CACd,CAAA;GACH;EAEDR,kBAAkB,CAACiB,WAAW,GAAG,oBAAoB;EAAA,OAjBxCjB,kBAAkB;AAAA;"}
+{"version":3,"file":"InlineNotification.cjs","sources":["../../../../src/Notification/InlineNotification/InlineNotification.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { GenericNotification } from \"../subcomponents/GenericNotification\"\nimport styles from \"../subcomponents/GenericNotification/GenericNotification.module.scss\"\nimport { NotificationType } from \"../types\"\n\nexport type InlineNotificationProps = OverrideClassName<{\n  type: NotificationType\n  children?: React.ReactNode\n  /** @default false */\n  persistent?: boolean\n  /** @default false */\n  hideCloseIcon?: boolean\n  onHide?: () => void\n  noBottomMargin?: boolean\n  forceMultiline?: boolean\n  headingProps?: HeadingProps\n  isSubtle?: boolean\n}>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}\n */\nexport const InlineNotification = ({\n  isSubtle,\n  hideCloseIcon = false,\n  persistent = false,\n  classNameOverride,\n  ...otherProps\n}: InlineNotificationProps): JSX.Element => (\n  <GenericNotification\n    style=\"inline\"\n    persistent={persistent || hideCloseIcon}\n    classNameOverride={classnames(classNameOverride, [\n      isSubtle && styles.subtle,\n    ])}\n    {...otherProps}\n  />\n)\n\nInlineNotification.displayName = \"InlineNotification\"\n"],"names":["InlineNotification","_a","isSubtle","_b","hideCloseIcon","_c","persistent","classNameOverride","otherProps","__rest","React","createElement","GenericNotification","style","classnames","styles","subtle","displayName"],"mappings":";;;;;;;;AAsBA;;;AAGG;AAHH,MAIaA,kBAAkB;EAAA,MAAlBA,kBAAkB,GAAG,SAAAA,CAACC,EAMT,EAAA;IALxB,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,aAAqB;MAArBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACrBE,EAAA,GAAAJ,EAAA,CAAAK,UAAkB;MAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,uBAAA;MACdC,UAAU,GALoBC,KAAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,mBAAA,CAMlC,CADc;IAC6B,OAC1CS,KAAC,CAAAC,aAAA,CAAAC,uCAAmB;MAClBC,KAAK,EAAC,QAAQ;MACdP,UAAU,EAAEA,UAAU,IAAIF,aAAa;MACvCG,iBAAiB,EAAEO,UAAU,CAACP,iBAAiB,EAAE,CAC/CL,QAAQ,IAAIa,0BAAM,CAACC,MAAM,CAC1B;IACG,CAAA,EAAAR,UAAU,CACd,CAAA;GACH;EAEDR,kBAAkB,CAACiB,WAAW,GAAG,oBAAoB;EAAA,OAjBxCjB,kBAAkB;AAAA;"}

package/dist/cjs/Notification/subcomponents/GenericNotification/GenericNotification.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericNotification.cjs","sources":["../../../../../src/Notification/subcomponents/GenericNotification/GenericNotification.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps } from \"@kaizen/typography\"\nimport { NotificationType } from \"~components/Notification/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { CancelButton } from \"../CancelButton\"\nimport { NotificationHeading } from \"../NotificationHeading\"\nimport { NotificationIcon } from \"../NotificationIcon\"\nimport styles from \"./GenericNotification.module.scss\"\n\nexport type GenericNotificationProps = {\n  type: NotificationType\n  style: \"global\" | \"inline\" | \"toast\"\n  children?: React.ReactNode\n  title?: string\n  persistent?: boolean\n  onHide?: () => void\n  noBottomMargin?: boolean\n  forceMultiline?: boolean\n  headingProps?: HeadingProps\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const GenericNotification = ({\n  type,\n  style,\n  children,\n  title,\n  persistent = false,\n  onHide,\n  noBottomMargin,\n  forceMultiline,\n  headingProps,\n  classNameOverride,\n  ...restProps\n}: GenericNotificationProps): JSX.Element | null => {\n  const [isHidden, setIsHidden] = useState<boolean>(true)\n  const [isRemoved, setIsRemoved] = useState<boolean>(false)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      if (containerRef.current) {\n        setIsHidden(false)\n      }\n    })\n  }, [])\n\n  const getMarginTop = (): string => {\n    if (isHidden && containerRef.current) {\n      return -containerRef.current.clientHeight + \"px\"\n    }\n    return \"0\"\n  }\n\n  const onTransitionEnd = (e: React.TransitionEvent<HTMLDivElement>): void => {\n    // Be careful: this assumes the final CSS property to be animated is \"margin-top\".\n    if (isHidden && e.propertyName === \"margin-top\") {\n      setIsRemoved(true)\n      onHide?.()\n    }\n  }\n\n  if (isRemoved) {\n    return null\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={classnames(\n        styles.notification,\n        styles[type],\n        styles[style],\n        isHidden && styles.hidden,\n        noBottomMargin && styles.noBottomMargin,\n        classNameOverride,\n        persistent && styles.persistent\n      )}\n      style={{ marginTop: getMarginTop() }}\n      onTransitionEnd={onTransitionEnd}\n      {...restProps}\n    >\n      <div className={styles.icon}>\n        <NotificationIcon type={type} />\n      </div>\n      <div\n        className={classnames(\n          styles.textContainer,\n          forceMultiline && styles.forceMultiline\n        )}\n      >\n        {style !== \"global\" && (\n          <NotificationHeading titleProp={title} headingProps={headingProps} />\n        )}\n        {children && <div className={styles.text}>{children}</div>}\n      </div>\n      {!persistent && <CancelButton onClick={() => setIsHidden(true)} />}\n    </div>\n  )\n}\n\nGenericNotification.displayName = \"GenericNotification\"\n"],"names":["GenericNotification","_a","type","style","children","title","_b","persistent","onHide","noBottomMargin","forceMultiline","headingProps","classNameOverride","restProps","__rest","_c","useState","isHidden","setIsHidden","_d","isRemoved","setIsRemoved","containerRef","useRef","useEffect","requestAnimationFrame","current","getMarginTop","clientHeight","onTransitionEnd","e","propertyName","React","createElement","__assign","ref","className","classnames","styles","notification","hidden","marginTop","icon","NotificationIcon","textContainer","NotificationHeading","titleProp","text","CancelButton","onClick","displayName"],"mappings":"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"}
+{"version":3,"file":"GenericNotification.cjs","sources":["../../../../../src/Notification/subcomponents/GenericNotification/GenericNotification.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useRef, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { HeadingProps } from \"~components/Heading\"\nimport { NotificationType } from \"~components/Notification/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { CancelButton } from \"../CancelButton\"\nimport { NotificationHeading } from \"../NotificationHeading\"\nimport { NotificationIcon } from \"../NotificationIcon\"\nimport styles from \"./GenericNotification.module.scss\"\n\nexport type GenericNotificationProps = {\n  type: NotificationType\n  style: \"global\" | \"inline\" | \"toast\"\n  children?: React.ReactNode\n  title?: string\n  persistent?: boolean\n  onHide?: () => void\n  noBottomMargin?: boolean\n  forceMultiline?: boolean\n  headingProps?: HeadingProps\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const GenericNotification = ({\n  type,\n  style,\n  children,\n  title,\n  persistent = false,\n  onHide,\n  noBottomMargin,\n  forceMultiline,\n  headingProps,\n  classNameOverride,\n  ...restProps\n}: GenericNotificationProps): JSX.Element | null => {\n  const [isHidden, setIsHidden] = useState<boolean>(true)\n  const [isRemoved, setIsRemoved] = useState<boolean>(false)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      if (containerRef.current) {\n        setIsHidden(false)\n      }\n    })\n  }, [])\n\n  const getMarginTop = (): string => {\n    if (isHidden && containerRef.current) {\n      return -containerRef.current.clientHeight + \"px\"\n    }\n    return \"0\"\n  }\n\n  const onTransitionEnd = (e: React.TransitionEvent<HTMLDivElement>): void => {\n    // Be careful: this assumes the final CSS property to be animated is \"margin-top\".\n    if (isHidden && e.propertyName === \"margin-top\") {\n      setIsRemoved(true)\n      onHide?.()\n    }\n  }\n\n  if (isRemoved) {\n    return null\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={classnames(\n        styles.notification,\n        styles[type],\n        styles[style],\n        isHidden && styles.hidden,\n        noBottomMargin && styles.noBottomMargin,\n        classNameOverride,\n        persistent && styles.persistent\n      )}\n      style={{ marginTop: getMarginTop() }}\n      onTransitionEnd={onTransitionEnd}\n      {...restProps}\n    >\n      <div className={styles.icon}>\n        <NotificationIcon type={type} />\n      </div>\n      <div\n        className={classnames(\n          styles.textContainer,\n          forceMultiline && styles.forceMultiline\n        )}\n      >\n        {style !== \"global\" && (\n          <NotificationHeading titleProp={title} headingProps={headingProps} />\n        )}\n        {children && <div className={styles.text}>{children}</div>}\n      </div>\n      {!persistent && <CancelButton onClick={() => setIsHidden(true)} />}\n    </div>\n  )\n}\n\nGenericNotification.displayName = \"GenericNotification\"\n"],"names":["GenericNotification","_a","type","style","children","title","_b","persistent","onHide","noBottomMargin","forceMultiline","headingProps","classNameOverride","restProps","__rest","_c","useState","isHidden","setIsHidden","_d","isRemoved","setIsRemoved","containerRef","useRef","useEffect","requestAnimationFrame","current","getMarginTop","clientHeight","onTransitionEnd","e","propertyName","React","createElement","__assign","ref","className","classnames","styles","notification","hidden","marginTop","icon","NotificationIcon","textContainer","NotificationHeading","titleProp","text","CancelButton","onClick","displayName"],"mappings":"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"}

package/dist/cjs/Notification/subcomponents/NotificationHeading/NotificationHeading.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var typography = require('@kaizen/typography');
+var Heading = require('../../../Heading/Heading.cjs');
 var GenericNotification_module = require('../GenericNotification/GenericNotification.module.scss.cjs');
 const NotificationHeading = /*#__PURE__*/function () {
   const NotificationHeading = function (_a) {
     var titleProp = _a.titleProp,
       headingProps = _a.headingProps;
     if (headingProps) {
-      return React.createElement(typography.Heading, {
+      return React.createElement(Heading.Heading, {
         variant: headingProps.variant || "heading-6",
         tag: headingProps.tag || "div",
         color: headingProps.color || "dark",
@@ -16,7 +16,7 @@ const NotificationHeading = /*#__PURE__*/function () {
       }, headingProps.children);
     }
     if (titleProp) {
-      return React.createElement(typography.Heading, {
+      return React.createElement(Heading.Heading, {
         variant: "heading-6",
         tag: "div",
         color: "dark",

package/dist/cjs/Notification/subcomponents/NotificationHeading/NotificationHeading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationHeading.cjs","sources":["../../../../../src/Notification/subcomponents/NotificationHeading/NotificationHeading.tsx"],"sourcesContent":["import React from \"react\"\nimport { Heading, HeadingProps } from \"@kaizen/typography\"\nimport styles from \"../GenericNotification/GenericNotification.module.scss\"\n\ntype NotificationHeadingProps = {\n  titleProp?: HeadingProps[\"children\"]\n  headingProps?: HeadingProps\n}\n\nexport const NotificationHeading = ({\n  titleProp,\n  headingProps,\n}: NotificationHeadingProps): JSX.Element | null => {\n  if (headingProps) {\n    return (\n      <Heading\n        variant={headingProps.variant || \"heading-6\"}\n        tag={headingProps.tag || \"div\"}\n        color={headingProps.color || \"dark\"}\n        classNameOverride={styles.notificationTitle}\n      >\n        {headingProps.children}\n      </Heading>\n    )\n  }\n\n  if (titleProp) {\n    return (\n      <Heading\n        variant=\"heading-6\"\n        tag=\"div\"\n        color=\"dark\"\n        classNameOverride={styles.notificationTitle}\n      >\n        {titleProp}\n      </Heading>\n    )\n  }\n\n  return null\n}\n\nNotificationHeading.displayName = \"NotificationHeading\"\n"],"names":["NotificationHeading","_a","titleProp","headingProps","React","createElement","Heading","variant","tag","color","classNameOverride","styles","notificationTitle","children","displayName"],"mappings":";;;;;MASaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAGT,EAAA;QAFzBC,SAAS,GAAAD,EAAA,CAAAC,SAAA;MACTC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IAEZ,IAAIA,YAAY,EAAE;MAChB,OACEC,KAAC,CAAAC,aAAA,CAAAC,UAAAA,CAAAA,OAAO,EACN;QAAAC,OAAO,EAAEJ,YAAY,CAACI,OAAO,IAAI,WAAW;QAC5CC,GAAG,EAAEL,YAAY,CAACK,GAAG,IAAI,KAAK;QAC9BC,KAAK,EAAEN,YAAY,CAACM,KAAK,IAAI,MAAM;QACnCC,iBAAiB,EAAEC,0BAAM,CAACC;MAEzB,CAAA,EAAAT,YAAY,CAACU,QAAQ,CACd;IAEb;IAED,IAAIX,SAAS,EAAE;MACb,OACEE,KAAC,CAAAC,aAAA,CAAAC,UAAAA,CAAAA,OAAO,EACN;QAAAC,OAAO,EAAC,WAAW;QACnBC,GAAG,EAAC,KAAK;QACTC,KAAK,EAAC,MAAM;QACZC,iBAAiB,EAAEC,0BAAM,CAACC;MAAiB,CAE1C,EAAAV,SAAS,CACF;IAEb;IAED,OAAO,IAAI;EACb,CAAC;EAEDF,mBAAmB,CAACc,WAAW,GAAG,qBAAqB;EAAA,OAjC1Cd,mBAAmB;AAAA;"}
+{"version":3,"file":"NotificationHeading.cjs","sources":["../../../../../src/Notification/subcomponents/NotificationHeading/NotificationHeading.tsx"],"sourcesContent":["import React from \"react\"\nimport { Heading, HeadingProps } from \"~components/Heading\"\nimport styles from \"../GenericNotification/GenericNotification.module.scss\"\n\ntype NotificationHeadingProps = {\n  titleProp?: HeadingProps[\"children\"]\n  headingProps?: HeadingProps\n}\n\nexport const NotificationHeading = ({\n  titleProp,\n  headingProps,\n}: NotificationHeadingProps): JSX.Element | null => {\n  if (headingProps) {\n    return (\n      <Heading\n        variant={headingProps.variant || \"heading-6\"}\n        tag={headingProps.tag || \"div\"}\n        color={headingProps.color || \"dark\"}\n        classNameOverride={styles.notificationTitle}\n      >\n        {headingProps.children}\n      </Heading>\n    )\n  }\n\n  if (titleProp) {\n    return (\n      <Heading\n        variant=\"heading-6\"\n        tag=\"div\"\n        color=\"dark\"\n        classNameOverride={styles.notificationTitle}\n      >\n        {titleProp}\n      </Heading>\n    )\n  }\n\n  return null\n}\n\nNotificationHeading.displayName = \"NotificationHeading\"\n"],"names":["NotificationHeading","_a","titleProp","headingProps","React","createElement","Heading","variant","tag","color","classNameOverride","styles","notificationTitle","children","displayName"],"mappings":";;;;;MASaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAGT,EAAA;QAFzBC,SAAS,GAAAD,EAAA,CAAAC,SAAA;MACTC,YAAY,GAAAF,EAAA,CAAAE,YAAA;IAEZ,IAAIA,YAAY,EAAE;MAChB,OACEC,KAAC,CAAAC,aAAA,CAAAC,OAAAA,CAAAA,OAAO,EACN;QAAAC,OAAO,EAAEJ,YAAY,CAACI,OAAO,IAAI,WAAW;QAC5CC,GAAG,EAAEL,YAAY,CAACK,GAAG,IAAI,KAAK;QAC9BC,KAAK,EAAEN,YAAY,CAACM,KAAK,IAAI,MAAM;QACnCC,iBAAiB,EAAEC,0BAAM,CAACC;MAEzB,CAAA,EAAAT,YAAY,CAACU,QAAQ,CACd;IAEb;IAED,IAAIX,SAAS,EAAE;MACb,OACEE,KAAC,CAAAC,aAAA,CAAAC,OAAAA,CAAAA,OAAO,EACN;QAAAC,OAAO,EAAC,WAAW;QACnBC,GAAG,EAAC,KAAK;QACTC,KAAK,EAAC,MAAM;QACZC,iBAAiB,EAAEC,0BAAM,CAACC;MAAiB,CAE1C,EAAAV,SAAS,CACF;IAEb;IAED,OAAO,IAAI;EACb,CAAC;EAEDF,mBAAmB,CAACc,WAAW,GAAG,qBAAqB;EAAA,OAjC1Cd,mBAAmB;AAAA;"}

package/dist/cjs/Pagination/subcomponents/DirectionalLink/DirectionalLink.cjs

@@ -2,7 +2,6 @@
 
 var tslib = require('tslib');
 var React = require('react');
-require('uuid');
 require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var ArrowBackwardIcon = require('../../../Icon/ArrowBackwardIcon.cjs');
 var ArrowForwardIcon = require('../../../Icon/ArrowForwardIcon.cjs');

package/dist/cjs/Pagination/subcomponents/DirectionalLink/DirectionalLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DirectionalLink.cjs","sources":["../../../../../src/Pagination/subcomponents/DirectionalLink/DirectionalLink.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  ArrowBackwardIcon,\n  ArrowForwardIcon,\n  EndIcon,\n  StartIcon,\n} from \"~components/Icon\"\nimport { GenericButton, GenericProps } from \"../../../Button/GenericButton\"\n\nexport type DirectionalLinkProps = {\n  label: string\n  disabled?: boolean\n  direction: \"prev\" | \"next\" | \"start\" | \"end\"\n} & GenericProps\n\nconst iconMap = {\n  prev: <ArrowBackwardIcon role=\"presentation\" />,\n  next: <ArrowForwardIcon role=\"presentation\" />,\n  start: <StartIcon role=\"presentation\" />,\n  end: <EndIcon role=\"presentation\" />,\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}\n */\nexport const DirectionalLink = (props: DirectionalLinkProps): JSX.Element => (\n  <GenericButton\n    {...props}\n    iconButton\n    directionalLink\n    icon={iconMap[props.direction]}\n  />\n)\n\nDirectionalLink.defaultProps = {\n  reversed: false,\n  disabled: false,\n}\n\nDirectionalLink.displayName = \"DirectionalLink\"\n"],"names":["iconMap","prev","React","createElement","ArrowBackwardIcon","role","next","ArrowForwardIcon","start","StartIcon","end","EndIcon","DirectionalLink","props","GenericButton","__assign","iconButton","directionalLink","icon","direction","defaultProps","reversed","disabled","displayName"],"mappings":";;;;;;;;;;;AAeA,IAAMA,OAAO,GAAG;EACdC,IAAI,EAAEC,KAAC,CAAAC,aAAA,CAAAC,iBAAiB,CAAAA,iBAAA;IAACC,IAAI,EAAC;GAAiB,CAAA;EAC/CC,IAAI,EAAEJ,KAAC,CAAAC,aAAA,CAAAI,gBAAgB,CAAAA,gBAAA;IAACF,IAAI,EAAC;GAAiB,CAAA;EAC9CG,KAAK,EAAEN,KAAC,CAAAC,aAAA,CAAAM,SAAS,CAAAA,SAAA;IAACJ,IAAI,EAAC;GAAiB,CAAA;EACxCK,GAAG,EAAER,KAAC,CAAAC,aAAA,CAAAQ,OAAO,CAAAA,OAAA;IAACN,IAAI,EAAC;GAAiB;CACrC;AAED;;;AAGG;AAHH,MAIaO,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,KAA2B,EAAkB;IAAA,OAC3EX,KAAA,CAAAC,aAAA,CAACW,2BAAa,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACRF,KAAK,EACT;MAAAG,UAAU,EACV,IAAA;MAAAC,eAAe,EACf,IAAA;MAAAC,IAAI,EAAElB,OAAO,CAACa,KAAK,CAACM,SAAS;KAAC,CAAA,CAC9B;EACH,CAAA;EAEDP,eAAe,CAACQ,YAAY,GAAG;IAC7BC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;GACX;EAEDV,eAAe,CAACW,WAAW,GAAG,iBAAiB;EAAA,OAdlCX,eAAe;AAAA;"}
+{"version":3,"file":"DirectionalLink.cjs","sources":["../../../../../src/Pagination/subcomponents/DirectionalLink/DirectionalLink.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  ArrowBackwardIcon,\n  ArrowForwardIcon,\n  EndIcon,\n  StartIcon,\n} from \"~components/Icon\"\nimport { GenericButton, GenericProps } from \"../../../Button/GenericButton\"\n\nexport type DirectionalLinkProps = {\n  label: string\n  disabled?: boolean\n  direction: \"prev\" | \"next\" | \"start\" | \"end\"\n} & GenericProps\n\nconst iconMap = {\n  prev: <ArrowBackwardIcon role=\"presentation\" />,\n  next: <ArrowForwardIcon role=\"presentation\" />,\n  start: <StartIcon role=\"presentation\" />,\n  end: <EndIcon role=\"presentation\" />,\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}\n */\nexport const DirectionalLink = (props: DirectionalLinkProps): JSX.Element => (\n  <GenericButton\n    {...props}\n    iconButton\n    directionalLink\n    icon={iconMap[props.direction]}\n  />\n)\n\nDirectionalLink.defaultProps = {\n  reversed: false,\n  disabled: false,\n}\n\nDirectionalLink.displayName = \"DirectionalLink\"\n"],"names":["iconMap","prev","React","createElement","ArrowBackwardIcon","role","next","ArrowForwardIcon","start","StartIcon","end","EndIcon","DirectionalLink","props","GenericButton","__assign","iconButton","directionalLink","icon","direction","defaultProps","reversed","disabled","displayName"],"mappings":";;;;;;;;;;AAeA,IAAMA,OAAO,GAAG;EACdC,IAAI,EAAEC,KAAC,CAAAC,aAAA,CAAAC,iBAAiB,CAAAA,iBAAA;IAACC,IAAI,EAAC;GAAiB,CAAA;EAC/CC,IAAI,EAAEJ,KAAC,CAAAC,aAAA,CAAAI,gBAAgB,CAAAA,gBAAA;IAACF,IAAI,EAAC;GAAiB,CAAA;EAC9CG,KAAK,EAAEN,KAAC,CAAAC,aAAA,CAAAM,SAAS,CAAAA,SAAA;IAACJ,IAAI,EAAC;GAAiB,CAAA;EACxCK,GAAG,EAAER,KAAC,CAAAC,aAAA,CAAAQ,OAAO,CAAAA,OAAA;IAACN,IAAI,EAAC;GAAiB;CACrC;AAED;;;AAGG;AAHH,MAIaO,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,KAA2B,EAAkB;IAAA,OAC3EX,KAAA,CAAAC,aAAA,CAACW,2BAAa,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACRF,KAAK,EACT;MAAAG,UAAU,EACV,IAAA;MAAAC,eAAe,EACf,IAAA;MAAAC,IAAI,EAAElB,OAAO,CAACa,KAAK,CAACM,SAAS;KAAC,CAAA,CAC9B;EACH,CAAA;EAEDP,eAAe,CAACQ,YAAY,GAAG;IAC7BC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE;GACX;EAEDV,eAAe,CAACW,WAAW,GAAG,iBAAiB;EAAA,OAdlCX,eAAe;AAAA;"}

package/dist/cjs/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.cjs

@@ -2,7 +2,6 @@
 
 var React = require('react');
 require('tslib');
-require('uuid');
 require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var EllipsisIcon = require('../../../Icon/EllipsisIcon.cjs');
 var TruncateIndicator_module = require('./TruncateIndicator.module.scss.cjs');

package/dist/cjs/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TruncateIndicator.cjs","sources":["../../../../../src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.tsx"],"sourcesContent":["import React from \"react\"\nimport { EllipsisIcon } from \"~components/Icon\"\nimport styles from \"./TruncateIndicator.module.scss\"\n\nexport const TruncateIndicator = (): JSX.Element => (\n  <div\n    className={styles.truncateIndicatorWrapper}\n    data-testid=\"truncate-indicator\"\n  >\n    <EllipsisIcon role=\"presentation\" />\n  </div>\n)\n"],"names":["TruncateIndicator","React","createElement","className","styles","truncateIndicatorWrapper","EllipsisIcon","role"],"mappings":";;;;;;;;AAIO,IAAMA,iBAAiB,GAAG,SAAAA,CAAA;EAAmB,OAClDC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAC,SAAS,EAAEC,wBAAM,CAACC,wBAAwB;mBAC9B;EAAoB,CAAA,EAEhCJ,KAAC,CAAAC,aAAA,CAAAI,YAAY,CAAAA,YAAA,EAAC;IAAAC,IAAI,EAAC;IAAiB,CAChC;AAN4C,CAAA;"}
+{"version":3,"file":"TruncateIndicator.cjs","sources":["../../../../../src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.tsx"],"sourcesContent":["import React from \"react\"\nimport { EllipsisIcon } from \"~components/Icon\"\nimport styles from \"./TruncateIndicator.module.scss\"\n\nexport const TruncateIndicator = (): JSX.Element => (\n  <div\n    className={styles.truncateIndicatorWrapper}\n    data-testid=\"truncate-indicator\"\n  >\n    <EllipsisIcon role=\"presentation\" />\n  </div>\n)\n"],"names":["TruncateIndicator","React","createElement","className","styles","truncateIndicatorWrapper","EllipsisIcon","role"],"mappings":";;;;;;;AAIO,IAAMA,iBAAiB,GAAG,SAAAA,CAAA;EAAmB,OAClDC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAC,SAAS,EAAEC,wBAAM,CAACC,wBAAwB;mBAC9B;EAAoB,CAAA,EAEhCJ,KAAC,CAAAC,aAAA,CAAAI,YAAY,CAAAA,YAAA,EAAC;IAAAC,IAAI,EAAC;IAAiB,CAChC;AAN4C,CAAA;"}

package/dist/cjs/Popover/Popover.cjs

@@ -5,7 +5,6 @@ var React = require('react');
 var classnames = require('classnames');
 var reactPopper = require('react-popper');
 var Heading = require('../Heading/Heading.cjs');
-require('uuid');
 require('../Icon/subcomponents/SVG/SVG.cjs');
 var CloseIcon = require('../Icon/CloseIcon.cjs');
 var Text = require('../Text/Text.cjs');

package/dist/cjs/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../src/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { Heading } from \"~components/Heading\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Placement, PopoverSize, PopoverVariant } from \"./types\"\nimport {\n  mapArrowVariantToClass,\n  mapLineVariant,\n  mapSizeToClass,\n  mapVariantToBoxClass,\n  mapVariantToIcon,\n  mapVariantToIconClass,\n} from \"./utils/classMappers\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps = {\n  children: React.ReactNode\n  variant?: PopoverVariant\n  placement?: Placement\n  size?: PopoverSize\n  heading?: string\n  dismissible?: boolean\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  singleLine?: boolean\n  /**\n   * For almost all intents and purposes, you should be using a pre-defined variant.\n   * Please avoid using a custom icon unless you have a very good reason to do so.\n   */\n  customIcon?: JSX.Element\n  referenceElement: HTMLElement | null\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n// Sync with styles.scss\nconst arrowWidth = 14\nconst arrowHeight = 7\n\n/**\n * {@link https://cultureamp.design/components/popover/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}\n */\nexport const Popover = ({\n  children,\n  variant = \"default\",\n  placement = \"top\",\n  size = \"small\",\n  heading,\n  dismissible = false,\n  onClose,\n  singleLine = false,\n  customIcon,\n  referenceElement,\n  classNameOverride,\n  ...restProps\n}: PopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the popover isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      className={classnames(\n        styles.root,\n        mapSizeToClass(size),\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <div className={mapVariantToBoxClass(variant)}>\n        {heading && (\n          <div className={styles.header}>\n            {variant !== \"default\" && (\n              <span\n                className={classnames(\n                  styles.icon,\n                  mapVariantToIconClass(variant)\n                )}\n              >\n                {customIcon ?? mapVariantToIcon(variant)}\n              </span>\n            )}\n            <Heading variant=\"heading-6\" classNameOverride={styles.singleLine}>\n              {heading}\n            </Heading>\n            {dismissible && (\n              <button\n                className={styles.close}\n                onClick={onClose}\n                type=\"button\"\n                aria-label=\"close\"\n              >\n                <CloseIcon role=\"presentation\" />\n              </button>\n            )}\n          </div>\n        )}\n        <Text\n          variant=\"small\"\n          classNameOverride={classnames(\n            styles.container,\n            mapLineVariant(singleLine)\n          )}\n        >\n          {children}\n        </Text>\n      </div>\n      <div\n        ref={setArrowElement}\n        style={popperStyles.arrow}\n        className={styles.arrowWrapper}\n      >\n        <div\n          className={classnames(styles.arrow, mapArrowVariantToClass(variant))}\n        />\n      </div>\n    </div>\n  )\n}\n\nPopover.displayName = \"Popover\"\n\ntype PopoverPropsWithoutRef = Omit<PopoverProps, \"referenceElement\">\n\n/**\n * How to use:\n *\n * const [referenceElementRef, Popover] = usePopover()\n *\n * return (<>\n *   <button ref={referenceElementRef}>\n *     Hello world\n *   </button>\n *   <Popover>Hello world</Popover>\n * </>)\n *\n * The purpose of this hook is to abstract away some of the awkwardness with the\n * requirement of passing in refs with popper. We need to use `useState` instead\n * of `useRef`, which may not be immediately intuitive.\n *\n * The popper documentation to help provide more context:\n *   https://popper.js.org/react-popper/v2/hook/\n */\nexport const usePopover = (): [\n  (element: HTMLElement | null) => void,\n  (props: PopoverPropsWithoutRef) => JSX.Element | null,\n] => {\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  )\n\n  // I guess the problem with this pattern, is that every time referenceElement\n  // changes, a brand new component is generated, which would be bad for memoization.\n  // In this situation however, the value is rarely going to change, and\n  // popovers aren't going to include content with expensive render times.\n  const PopoverWithRef = useMemo(\n    // eslint-disable-next-line react/display-name\n    () => (props: PopoverPropsWithoutRef) =>\n      referenceElement ? (\n        <Popover {...props} referenceElement={referenceElement} />\n      ) : null,\n    [referenceElement]\n  )\n\n  return [setReferenceElement, PopoverWithRef]\n}\n"],"names":["arrowWidth","arrowHeight","Popover","_a","children","_b","variant","_c","placement","_d","size","heading","_e","dismissible","onClose","_f","singleLine","customIcon","referenceElement","classNameOverride","restProps","__rest","_g","useState","popperElement","setPopperElement","_h","arrowElement","setArrowElement","_j","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","popperStyles","styles","attributes","React","createElement","__assign","ref","style","popper","className","classnames","root","mapSizeToClass","mapVariantToBoxClass","header","icon","mapVariantToIconClass","mapVariantToIcon","Heading","close","onClick","type","CloseIcon","role","Text","container","mapLineVariant","arrow","arrowWrapper","mapArrowVariantToClass","displayName","usePopover","setReferenceElement","PopoverWithRef","useMemo","props"],"mappings":"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"}
+{"version":3,"file":"Popover.cjs","sources":["../../../src/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { Heading } from \"~components/Heading\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Placement, PopoverSize, PopoverVariant } from \"./types\"\nimport {\n  mapArrowVariantToClass,\n  mapLineVariant,\n  mapSizeToClass,\n  mapVariantToBoxClass,\n  mapVariantToIcon,\n  mapVariantToIconClass,\n} from \"./utils/classMappers\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps = {\n  children: React.ReactNode\n  variant?: PopoverVariant\n  placement?: Placement\n  size?: PopoverSize\n  heading?: string\n  dismissible?: boolean\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  singleLine?: boolean\n  /**\n   * For almost all intents and purposes, you should be using a pre-defined variant.\n   * Please avoid using a custom icon unless you have a very good reason to do so.\n   */\n  customIcon?: JSX.Element\n  referenceElement: HTMLElement | null\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n// Sync with styles.scss\nconst arrowWidth = 14\nconst arrowHeight = 7\n\n/**\n * {@link https://cultureamp.design/components/popover/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}\n */\nexport const Popover = ({\n  children,\n  variant = \"default\",\n  placement = \"top\",\n  size = \"small\",\n  heading,\n  dismissible = false,\n  onClose,\n  singleLine = false,\n  customIcon,\n  referenceElement,\n  classNameOverride,\n  ...restProps\n}: PopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the popover isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      className={classnames(\n        styles.root,\n        mapSizeToClass(size),\n        classNameOverride\n      )}\n      {...restProps}\n    >\n      <div className={mapVariantToBoxClass(variant)}>\n        {heading && (\n          <div className={styles.header}>\n            {variant !== \"default\" && (\n              <span\n                className={classnames(\n                  styles.icon,\n                  mapVariantToIconClass(variant)\n                )}\n              >\n                {customIcon ?? mapVariantToIcon(variant)}\n              </span>\n            )}\n            <Heading variant=\"heading-6\" classNameOverride={styles.singleLine}>\n              {heading}\n            </Heading>\n            {dismissible && (\n              <button\n                className={styles.close}\n                onClick={onClose}\n                type=\"button\"\n                aria-label=\"close\"\n              >\n                <CloseIcon role=\"presentation\" />\n              </button>\n            )}\n          </div>\n        )}\n        <Text\n          variant=\"small\"\n          classNameOverride={classnames(\n            styles.container,\n            mapLineVariant(singleLine)\n          )}\n        >\n          {children}\n        </Text>\n      </div>\n      <div\n        ref={setArrowElement}\n        style={popperStyles.arrow}\n        className={styles.arrowWrapper}\n      >\n        <div\n          className={classnames(styles.arrow, mapArrowVariantToClass(variant))}\n        />\n      </div>\n    </div>\n  )\n}\n\nPopover.displayName = \"Popover\"\n\ntype PopoverPropsWithoutRef = Omit<PopoverProps, \"referenceElement\">\n\n/**\n * How to use:\n *\n * const [referenceElementRef, Popover] = usePopover()\n *\n * return (<>\n *   <button ref={referenceElementRef}>\n *     Hello world\n *   </button>\n *   <Popover>Hello world</Popover>\n * </>)\n *\n * The purpose of this hook is to abstract away some of the awkwardness with the\n * requirement of passing in refs with popper. We need to use `useState` instead\n * of `useRef`, which may not be immediately intuitive.\n *\n * The popper documentation to help provide more context:\n *   https://popper.js.org/react-popper/v2/hook/\n */\nexport const usePopover = (): [\n  (element: HTMLElement | null) => void,\n  (props: PopoverPropsWithoutRef) => JSX.Element | null,\n] => {\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  )\n\n  // I guess the problem with this pattern, is that every time referenceElement\n  // changes, a brand new component is generated, which would be bad for memoization.\n  // In this situation however, the value is rarely going to change, and\n  // popovers aren't going to include content with expensive render times.\n  const PopoverWithRef = useMemo(\n    // eslint-disable-next-line react/display-name\n    () => (props: PopoverPropsWithoutRef) =>\n      referenceElement ? (\n        <Popover {...props} referenceElement={referenceElement} />\n      ) : null,\n    [referenceElement]\n  )\n\n  return [setReferenceElement, PopoverWithRef]\n}\n"],"names":["arrowWidth","arrowHeight","Popover","_a","children","_b","variant","_c","placement","_d","size","heading","_e","dismissible","onClose","_f","singleLine","customIcon","referenceElement","classNameOverride","restProps","__rest","_g","useState","popperElement","setPopperElement","_h","arrowElement","setArrowElement","_j","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","popperStyles","styles","attributes","React","createElement","__assign","ref","style","popper","className","classnames","root","mapSizeToClass","mapVariantToBoxClass","header","icon","mapVariantToIconClass","mapVariantToIcon","Heading","close","onClick","type","CloseIcon","role","Text","container","mapLineVariant","arrow","arrowWrapper","mapArrowVariantToClass","displayName","usePopover","setReferenceElement","PopoverWithRef","useMemo","props"],"mappings":";;;;;;;;;;;;;AAmCA;AACA,IAAMA,UAAU,GAAG,EAAE;AACrB,IAAMC,WAAW,GAAG,CAAC;AAErB;;;AAGG;AAHH,MAIaC,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAACC,EAaT,EAAA;IAZb,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,EAAmB,GAAAF,EAAA,CAAAG,OAAA;MAAnBA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACnBE,EAAA,GAAAJ,EAAA,CAAAK,SAAiB;MAAjBA,SAAS,mBAAG,KAAK,GAAAD,EAAA;MACjBE,EAAA,GAAAN,EAAA,CAAAO,IAAc;MAAdA,IAAI,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,OAAO,GAAAA,EAAA;MACdE,OAAO,GAAAR,EAAA,CAAAQ,OAAA;MACPC,EAAA,GAAAT,EAAA,CAAAU,WAAmB;MAAnBA,WAAW,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACnBE,OAAO,GAAAX,EAAA,CAAAW,OAAA;MACPC,EAAkB,GAAAZ,EAAA,CAAAa,UAAA;MAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAClBE,UAAU,GAAAd,EAAA,CAAAc,UAAA;MACVC,gBAAgB,GAAAf,EAAA,CAAAe,gBAAA;MAChBC,iBAAiB,GAAAhB,EAAA,CAAAgB,iBAAA;MACdC,SAAS,GAZUC,KAAA,CAAAA,MAAA,CAAAlB,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,mBAAA,CAavB,CADa;IAEN,IAAAmB,EAAA,GAAoCC,KAAAA,CAAAA,QAAQ,CAChD,IAAI,CACL;MAFMC,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAErC;IACK,IAAAI,EAAA,GAAkCH,KAAAA,CAAAA,QAAQ,CAAwB,IAAI,CAAC;MAAtEI,YAAY,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAyC;IACvE,IAAAG,KAAuCC,WAAAA,CAAAA,SAAS,CACpDZ,gBAAgB,EAChBM,aAAa,EACb;QACEO,SAAS,EAAE,CACT;UACEC,IAAI,EAAE,OAAO;UACbC,OAAO,EAAE;YACPC,OAAO,EAAEP,YAAY;;;YAGrBQ,OAAO,EAAEnC,UAAU,GAAG,CAAC,GAAG;UAC3B;QACF,CAAA,EACD;UACEgC,IAAI,EAAE,QAAQ;UACdC,OAAO,EAAE;YACPG,MAAM,EAAE,CAAC,CAAC,EAAEnC,WAAW,GAAG,CAAC;UAC5B;QACF,CAAA,EACD;UACE+B,IAAI,EAAE,iBAAiB;UACvBC,OAAO,EAAE;;;YAGPE,OAAO,EAAE,CAAC;YACVE,OAAO,EAAE,IAAI;YACbC,WAAW,EAAE,IAAI;YACjBC,YAAY,EAAE;UACf;QACF,CAAA,EACD;UACEP,IAAI,EAAE,MAAM;UACZC,OAAO,EAAE;YACPE,OAAO,EAAE,CAAC;YACVG,WAAW,EAAE,IAAI;YACjBE,kBAAkB,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO;UACtD;QACF,CAAA,CACF;QACDhC,SAAS,EAAAA;MACV,CAAA,CACF;MA1CeiC,YAAY,GAAAZ,EAAA,CAAAa,MAAA;MAAEC,UAAU,gBA0CvC;IAED,OACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA;MACEC,GAAG,EAAEtB,gBAAgB;MACrBuB,KAAK,EAAEP,YAAY,CAACQ;KAChB,EAAAN,UAAU,CAACM,MAAM,EAAA;MACrBC,SAAS,EAAEC,UAAU,CACnBT,cAAM,CAACU,IAAI,EACXC,2BAAc,CAAC3C,IAAI,CAAC,EACpBS,iBAAiB;OAEfC,SAAS,CAAA,EAEbwB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKK,SAAS,EAAEI,YAAAA,CAAAA,oBAAoB,CAAChD,OAAO;IAAC,CAAA,EAC1CK,OAAO,IACNiC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKK,SAAS,EAAER,cAAM,CAACa;IAAM,CAAA,EAC1BjD,OAAO,KAAK,SAAS,IACpBsC,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAK,SAAS,EAAEC,UAAU,CACnBT,cAAM,CAACc,IAAI,EACXC,YAAqB,CAAAA,qBAAA,CAACnD,OAAO,CAAC;IAC/B,CAAA,EAEAW,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAVA,UAAU,GAAIyC,YAAAA,CAAAA,gBAAgB,CAACpD,OAAO,CAAC,CAE3C,EACDsC,KAAA,CAAAC,aAAA,CAACc,OAAO,CAAAA,OAAA,EAAA;MAACrD,OAAO,EAAC,WAAW;MAACa,iBAAiB,EAAEuB,cAAM,CAAC1B;IAAU,CAAA,EAC9DL,OAAO,CACA,EACTE,WAAW,IACV+B,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEK,SAAS,EAAER,cAAM,CAACkB,KAAK;MACvBC,OAAO,EAAE/C,OAAO;MAChBgD,IAAI,EAAC,QAAQ;oBACF;IAAO,CAAA,EAElBlB,KAAC,CAAAC,aAAA,CAAAkB,mBAAS;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAEpC,CAEJ,EACDpB,KAAC,CAAAC,aAAA,CAAAoB,IAAI,CAAAA,IAAA;MACH3D,OAAO,EAAC,OAAO;MACfa,iBAAiB,EAAEgC,UAAU,CAC3BT,cAAM,CAACwB,SAAS,EAChBC,YAAAA,CAAAA,cAAc,CAACnD,UAAU,CAAC;IAC3B,CAAA,EAEAZ,QAAQ,CACJ,CACH,EACNwC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEE,GAAG,EAAEnB,eAAe;MACpBoB,KAAK,EAAEP,YAAY,CAAC2B,KAAK;MACzBlB,SAAS,EAAER,cAAM,CAAC2B;IAAY,CAAA,EAE9BzB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEK,SAAS,EAAEC,UAAU,CAACT,cAAM,CAAC0B,KAAK,EAAEE,YAAsB,CAAAA,sBAAA,CAAChE,OAAO,CAAC;MACnE,CACE,CACF;EAEV,CAAC;EAEDJ,OAAO,CAACqE,WAAW,GAAG,SAAS;EAI/B;;;;;;;;;;;;;;;;;;AAkBG;EAlBH,OAjIarE,OAAO;AAAA;AAoJP,IAAAsE,UAAU,GAAG,SAAAA,CAAA,EAAA;EAIlB,IAAArE,EAAA,GAA0CoB,KAAAA,CAAAA,QAAQ,CACtD,IAAI,CACL;IAFML,gBAAgB,GAAAf,EAAA,CAAA,CAAA,CAAA;IAAEsE,mBAAmB,GAAAtE,EAAA,CAAA,CAAA,CAE3C;;;;;EAMD,IAAMuE,cAAc,GAAGC,KAAO,CAAAA,OAAA;;EAE5B,YAAM;IAAA,OAAA,UAACC,KAA6B,EAAA;MAClC,OAAA1D,gBAAgB,GACd0B,KAAA,CAAAC,aAAA,CAAC3C,OAAO,EAAK4C,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAA8B,KAAK,EAAE;QAAA1D,gBAAgB,EAAEA;OAAgB,CAAA,CAAI,GACxD,IAAI;IAFR,CAEQ;EAAA,CAAA,EACV,CAACA,gBAAgB,CAAC,CACnB;EAED,OAAO,CAACuD,mBAAmB,EAAEC,cAAc,CAAC;AAC9C,CAAA;;"}

package/dist/cjs/Popover/utils/classMappers.cjs

@@ -2,7 +2,6 @@
 
 var React = require('react');
 require('tslib');
-require('uuid');
 require('../../Icon/subcomponents/SVG/SVG.cjs');
 var CautionIcon = require('../../Icon/CautionIcon.cjs');
 var ExclamationIcon = require('../../Icon/ExclamationIcon.cjs');

package/dist/cjs/Popover/utils/classMappers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"classMappers.cjs","sources":["../../../../src/Popover/utils/classMappers.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  CautionIcon,\n  ExclamationIcon,\n  InformationIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport styles from \"../Popover.module.scss\"\nimport { PopoverVariant, PopoverSize } from \"../types\"\n\nexport const mapVariantToBoxClass = (variant: PopoverVariant): string => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeBox\n    case \"positive\":\n      return styles.positiveBox\n    case \"negative\":\n      return styles.negativeBox\n    case \"cautionary\":\n      return styles.cautionaryBox\n    default:\n      return styles.defaultBox\n  }\n}\n\nexport const mapVariantToIconClass = (\n  variant: PopoverVariant\n): string | undefined => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeIcon\n    case \"positive\":\n      return styles.positiveIcon\n    case \"negative\":\n      return styles.negativeIcon\n    case \"cautionary\":\n      return styles.cautionaryIcon\n    default:\n      return undefined\n  }\n}\n\nexport const mapVariantToIcon = (variant: PopoverVariant): JSX.Element => {\n  switch (variant) {\n    case \"informative\":\n      return <InformationIcon role=\"presentation\" />\n    case \"positive\":\n      return <SuccessIcon role=\"presentation\" />\n    case \"negative\":\n      return <ExclamationIcon role=\"presentation\" />\n    case \"cautionary\":\n      return <CautionIcon role=\"presentation\" />\n    default:\n      return <InformationIcon role=\"presentation\" />\n  }\n}\n\nexport const mapArrowVariantToClass = (variant: PopoverVariant): string => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeArrow\n    case \"positive\":\n      return styles.positiveArrow\n    case \"negative\":\n      return styles.negativeArrow\n    case \"cautionary\":\n      return styles.cautionaryArrow\n    default:\n      return styles.defaultArrow\n  }\n}\n\nexport const mapSizeToClass = (size: PopoverSize): string => {\n  switch (size) {\n    case \"large\":\n      return styles.large\n    default:\n      return \"\"\n  }\n}\n\nexport const mapLineVariant = (singleLine: boolean): string =>\n  singleLine ? styles.singleLine : \"\"\n"],"names":["mapVariantToBoxClass","variant","styles","informativeBox","positiveBox","negativeBox","cautionaryBox","defaultBox","mapVariantToIconClass","informativeIcon","positiveIcon","negativeIcon","cautionaryIcon","undefined","mapVariantToIcon","React","InformationIcon","role","SuccessIcon","ExclamationIcon","CautionIcon","mapArrowVariantToClass","informativeArrow","positiveArrow","negativeArrow","cautionaryArrow","defaultArrow","mapSizeToClass","size","large","mapLineVariant","singleLine"],"mappings":";;;;;;;;;;;AAUO,IAAMA,oBAAoB,GAAG,SAAAA,CAACC,OAAuB,EAAA;EAC1D,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,cAAM,CAACC,cAAc;IAC9B,KAAK,UAAU;MACb,OAAOD,cAAM,CAACE,WAAW;IAC3B,KAAK,UAAU;MACb,OAAOF,cAAM,CAACG,WAAW;IAC3B,KAAK,YAAY;MACf,OAAOH,cAAM,CAACI,aAAa;IAC7B;MACE,OAAOJ,cAAM,CAACK,UAAU;EAC3B;AACH,CAAC;AAEM,IAAMC,qBAAqB,GAAG,SAAAA,CACnCP,OAAuB,EAAA;EAEvB,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,cAAM,CAACO,eAAe;IAC/B,KAAK,UAAU;MACb,OAAOP,cAAM,CAACQ,YAAY;IAC5B,KAAK,UAAU;MACb,OAAOR,cAAM,CAACS,YAAY;IAC5B,KAAK,YAAY;MACf,OAAOT,cAAM,CAACU,cAAc;IAC9B;MACE,OAAOC,SAAS;EACnB;AACH,CAAC;AAEM,IAAMC,gBAAgB,GAAG,SAAAA,CAACb,OAAuB,EAAA;EACtD,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOc,oBAACC,eAAAA,CAAAA,eAAe,EAAA;QAACC,IAAI,EAAC;MAAc,EAAG;IAChD,KAAK,UAAU;MACb,OAAOF,oBAACG,WAAAA,CAAAA,WAAW,EAAA;QAACD,IAAI,EAAC;MAAc,EAAG;IAC5C,KAAK,UAAU;MACb,OAAOF,oBAACI,eAAAA,CAAAA,eAAe,EAAA;QAACF,IAAI,EAAC;MAAc,EAAG;IAChD,KAAK,YAAY;MACf,OAAOF,oBAACK,WAAAA,CAAAA,WAAW,EAAA;QAACH,IAAI,EAAC;MAAc,EAAG;IAC5C;MACE,OAAOF,oBAACC,eAAAA,CAAAA,eAAe,EAAA;QAACC,IAAI,EAAC;MAAc,EAAG;EACjD;AACH,CAAC;AAEM,IAAMI,sBAAsB,GAAG,SAAAA,CAACpB,OAAuB,EAAA;EAC5D,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,cAAM,CAACoB,gBAAgB;IAChC,KAAK,UAAU;MACb,OAAOpB,cAAM,CAACqB,aAAa;IAC7B,KAAK,UAAU;MACb,OAAOrB,cAAM,CAACsB,aAAa;IAC7B,KAAK,YAAY;MACf,OAAOtB,cAAM,CAACuB,eAAe;IAC/B;MACE,OAAOvB,cAAM,CAACwB,YAAY;EAC7B;AACH,CAAC;AAEM,IAAMC,cAAc,GAAG,SAAAA,CAACC,IAAiB,EAAA;EAC9C,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,OAAO1B,cAAM,CAAC2B,KAAK;IACrB;MACE,OAAO,EAAE;EACZ;AACH,CAAC;AAEM,IAAMC,cAAc,GAAG,SAAAA,CAACC,UAAmB,EAAA;EAChD,OAAAA,UAAU,GAAG7B,cAAM,CAAC6B,UAAU,GAAG,EAAE;AAAnC,CAAA;;;;;;"}
+{"version":3,"file":"classMappers.cjs","sources":["../../../../src/Popover/utils/classMappers.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  CautionIcon,\n  ExclamationIcon,\n  InformationIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport styles from \"../Popover.module.scss\"\nimport { PopoverVariant, PopoverSize } from \"../types\"\n\nexport const mapVariantToBoxClass = (variant: PopoverVariant): string => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeBox\n    case \"positive\":\n      return styles.positiveBox\n    case \"negative\":\n      return styles.negativeBox\n    case \"cautionary\":\n      return styles.cautionaryBox\n    default:\n      return styles.defaultBox\n  }\n}\n\nexport const mapVariantToIconClass = (\n  variant: PopoverVariant\n): string | undefined => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeIcon\n    case \"positive\":\n      return styles.positiveIcon\n    case \"negative\":\n      return styles.negativeIcon\n    case \"cautionary\":\n      return styles.cautionaryIcon\n    default:\n      return undefined\n  }\n}\n\nexport const mapVariantToIcon = (variant: PopoverVariant): JSX.Element => {\n  switch (variant) {\n    case \"informative\":\n      return <InformationIcon role=\"presentation\" />\n    case \"positive\":\n      return <SuccessIcon role=\"presentation\" />\n    case \"negative\":\n      return <ExclamationIcon role=\"presentation\" />\n    case \"cautionary\":\n      return <CautionIcon role=\"presentation\" />\n    default:\n      return <InformationIcon role=\"presentation\" />\n  }\n}\n\nexport const mapArrowVariantToClass = (variant: PopoverVariant): string => {\n  switch (variant) {\n    case \"informative\":\n      return styles.informativeArrow\n    case \"positive\":\n      return styles.positiveArrow\n    case \"negative\":\n      return styles.negativeArrow\n    case \"cautionary\":\n      return styles.cautionaryArrow\n    default:\n      return styles.defaultArrow\n  }\n}\n\nexport const mapSizeToClass = (size: PopoverSize): string => {\n  switch (size) {\n    case \"large\":\n      return styles.large\n    default:\n      return \"\"\n  }\n}\n\nexport const mapLineVariant = (singleLine: boolean): string =>\n  singleLine ? styles.singleLine : \"\"\n"],"names":["mapVariantToBoxClass","variant","styles","informativeBox","positiveBox","negativeBox","cautionaryBox","defaultBox","mapVariantToIconClass","informativeIcon","positiveIcon","negativeIcon","cautionaryIcon","undefined","mapVariantToIcon","React","InformationIcon","role","SuccessIcon","ExclamationIcon","CautionIcon","mapArrowVariantToClass","informativeArrow","positiveArrow","negativeArrow","cautionaryArrow","defaultArrow","mapSizeToClass","size","large","mapLineVariant","singleLine"],"mappings":";;;;;;;;;;AAUO,IAAMA,oBAAoB,GAAG,SAAAA,CAACC,OAAuB,EAAA;EAC1D,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,cAAM,CAACC,cAAc;IAC9B,KAAK,UAAU;MACb,OAAOD,cAAM,CAACE,WAAW;IAC3B,KAAK,UAAU;MACb,OAAOF,cAAM,CAACG,WAAW;IAC3B,KAAK,YAAY;MACf,OAAOH,cAAM,CAACI,aAAa;IAC7B;MACE,OAAOJ,cAAM,CAACK,UAAU;EAC3B;AACH,CAAC;AAEM,IAAMC,qBAAqB,GAAG,SAAAA,CACnCP,OAAuB,EAAA;EAEvB,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,cAAM,CAACO,eAAe;IAC/B,KAAK,UAAU;MACb,OAAOP,cAAM,CAACQ,YAAY;IAC5B,KAAK,UAAU;MACb,OAAOR,cAAM,CAACS,YAAY;IAC5B,KAAK,YAAY;MACf,OAAOT,cAAM,CAACU,cAAc;IAC9B;MACE,OAAOC,SAAS;EACnB;AACH,CAAC;AAEM,IAAMC,gBAAgB,GAAG,SAAAA,CAACb,OAAuB,EAAA;EACtD,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOc,oBAACC,eAAAA,CAAAA,eAAe,EAAA;QAACC,IAAI,EAAC;MAAc,EAAG;IAChD,KAAK,UAAU;MACb,OAAOF,oBAACG,WAAAA,CAAAA,WAAW,EAAA;QAACD,IAAI,EAAC;MAAc,EAAG;IAC5C,KAAK,UAAU;MACb,OAAOF,oBAACI,eAAAA,CAAAA,eAAe,EAAA;QAACF,IAAI,EAAC;MAAc,EAAG;IAChD,KAAK,YAAY;MACf,OAAOF,oBAACK,WAAAA,CAAAA,WAAW,EAAA;QAACH,IAAI,EAAC;MAAc,EAAG;IAC5C;MACE,OAAOF,oBAACC,eAAAA,CAAAA,eAAe,EAAA;QAACC,IAAI,EAAC;MAAc,EAAG;EACjD;AACH,CAAC;AAEM,IAAMI,sBAAsB,GAAG,SAAAA,CAACpB,OAAuB,EAAA;EAC5D,QAAQA,OAAO;IACb,KAAK,aAAa;MAChB,OAAOC,cAAM,CAACoB,gBAAgB;IAChC,KAAK,UAAU;MACb,OAAOpB,cAAM,CAACqB,aAAa;IAC7B,KAAK,UAAU;MACb,OAAOrB,cAAM,CAACsB,aAAa;IAC7B,KAAK,YAAY;MACf,OAAOtB,cAAM,CAACuB,eAAe;IAC/B;MACE,OAAOvB,cAAM,CAACwB,YAAY;EAC7B;AACH,CAAC;AAEM,IAAMC,cAAc,GAAG,SAAAA,CAACC,IAAiB,EAAA;EAC9C,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,OAAO1B,cAAM,CAAC2B,KAAK;IACrB;MACE,OAAO,EAAE;EACZ;AACH,CAAC;AAEM,IAAMC,cAAc,GAAG,SAAAA,CAACC,UAAmB,EAAA;EAChD,OAAAA,UAAU,GAAG7B,cAAM,CAAC6B,UAAU,GAAG,EAAE;AAAnC,CAAA;;;;;;"}

package/dist/cjs/RichTextEditor/RichTextEditor/utils/controlmap.cjs

@@ -2,7 +2,6 @@
 
 var tslib = require('tslib');
 var React = require('react');
-require('uuid');
 require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var AddLinkIcon = require('../../../Icon/AddLinkIcon.cjs');
 var BoldIcon = require('../../../Icon/BoldIcon.cjs');

package/dist/cjs/RichTextEditor/RichTextEditor/utils/controlmap.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"controlmap.cjs","sources":["../../../../../src/RichTextEditor/RichTextEditor/utils/controlmap.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  AddLinkIcon,\n  BoldIcon,\n  BullettedListIcon,\n  DecreaseIndentIcon,\n  IncreaseIndentIcon,\n  ItalicsIcon,\n  NumberedListIcon,\n  UnderlineIcon,\n} from \"~components/Icon\"\nimport { ToolbarItems, ToolbarControlTypes } from \"../../types\"\nimport { listIsActive, markIsActive } from \"../../utils/commands\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorModel,\n  ProseMirrorSchemaList,\n  ProseMirrorState,\n} from \"../../utils/prosemirror\"\n\n/** Configuration for individual controls */\ntype ToolbarControl = {\n  icon: JSX.Element\n  label: string\n  isActive: boolean\n  disabled?: boolean\n  action: ProseMirrorState.Command\n}\n\n/** Toolbar controls mapped to a group */\ntype GroupedToolbarControls = {\n  [group: string]: ToolbarControl[]\n}\n\n/** An index for each control's group */\ntype ControlGroupTypes = {\n  [key in ToolbarControlTypes]?: string\n}\n\n/** Chains multiple commands to dispatch each transitions in sequential order */\nconst chainTransactions =\n  (...commands: ProseMirrorState.Command[]): ProseMirrorState.Command =>\n  (state, dispatch): boolean => {\n    const updateStateAndDispatch = (tr: ProseMirrorState.Transaction): void => {\n      state = state.apply(tr)\n      dispatch && dispatch(tr)\n    }\n    const lastCommand = commands.pop()\n\n    for (const command of commands) {\n      command(state, updateStateAndDispatch)\n    }\n\n    return lastCommand !== undefined && lastCommand(state, dispatch)\n  }\n\n/** Dispatches a transaction to create initial p tag required for pm commands */\nconst createInitialParagraph = (\n  state: ProseMirrorState.EditorState,\n  dispatch?: (tr: ProseMirrorState.Transaction) => void\n): boolean => {\n  if (dispatch) {\n    const { tr, schema } = state\n\n    dispatch(tr.replaceSelectionWith(schema.nodes.paragraph.create()))\n    return true\n  }\n  return false\n}\n\n/** Create command for toggling Marks */\nconst createToggleMarkCommand =\n  (mark: ProseMirrorModel.MarkType): ProseMirrorState.Command =>\n  (state, dispatch) => {\n    const docIsEmpty = state.doc.content.size === 0\n\n    if (docIsEmpty) {\n      return chainTransactions(\n        createInitialParagraph,\n        ProseMirrorCommands.toggleMark(mark)\n      )(state, dispatch)\n    }\n    return ProseMirrorCommands.toggleMark(mark)(state, dispatch)\n  }\n\n/** Create command for toggling Lists */\nconst createToggleListCommand =\n  (node: ProseMirrorModel.NodeType): ProseMirrorState.Command =>\n  (state, dispatch) => {\n    const docIsEmpty = state.doc.content.size === 0\n\n    if (docIsEmpty) {\n      return chainTransactions(\n        createInitialParagraph,\n        ProseMirrorSchemaList.wrapInList(node)\n      )(state, dispatch)\n    }\n    return ProseMirrorSchemaList.wrapInList(node)(state, dispatch)\n  }\n\n/** Create command for reducing indents in a List */\nconst createLiftListCommand =\n  (): ProseMirrorState.Command => (state, dispatch) => {\n    const { $from } = state.selection\n    // calculate the parent node from the current tag selected\n    const listItemNode = $from.node($from.depth - 1)?.type\n    return ProseMirrorSchemaList.liftListItem(listItemNode)(state, dispatch)\n  }\n\n/** Create command for indenting in a List */\nconst createIndentListCommand =\n  (): ProseMirrorState.Command => (state, dispatch) => {\n    const { $from } = state.selection\n    const listItemNode = $from.node($from.depth - 1)?.type\n\n    return ProseMirrorSchemaList.sinkListItem(listItemNode)(state, dispatch)\n  }\n\n/** handler lift list disabled state */\nconst liftListIsDisabled = (state: ProseMirrorState.EditorState): boolean => {\n  const { $from } = state.selection\n  const listItemNode = $from.node($from.depth - 1)?.type\n  const isValidListItem = listItemNode?.name === \"listItem\" || false\n\n  return !isValidListItem\n}\n\n/** handler indent list disabled state */\nconst indentListIsDisabled = (state: ProseMirrorState.EditorState): boolean => {\n  const { $from, $to } = state.selection\n  const listItemNode = $from.node($from.depth - 1)?.type\n  const isValidListItem = listItemNode?.name === \"listItem\" || false\n\n  if (!isValidListItem) {\n    return true\n  }\n\n  const range = $from.blockRange(\n    $to,\n    node => node.childCount > 0 && node.firstChild!.type === listItemNode\n  )\n\n  return !range || range.startIndex === 0 ? true : false\n}\n\n/** Creates an object used as an index to map the controls to respective groups */\nconst createControlGroupIndex = (controls: ToolbarItems[]): ControlGroupTypes =>\n  controls.reduce((groups, currentControl) => {\n    if (!currentControl?.name) return groups\n    return {\n      ...groups,\n      [currentControl.name]: currentControl.group || \"ungrouped\",\n    }\n  }, {})\n\n/** Creates an initial object used to map button configuration into its respective groups */\nconst createInitialControls = (\n  controlGroupIndex: ControlGroupTypes\n): GroupedToolbarControls => {\n  const uniqueGroups: string[] = Array.from(\n    new Set(Object.values(controlGroupIndex))\n  )\n\n  const initialControlObject: Record<string, ToolbarControl[]> =\n    uniqueGroups.reduce((controlObject, controlKey) => {\n      if (controlKey === \"ungrouped\") return controlObject\n      return {\n        ...controlObject,\n        [controlKey]: [],\n      }\n    }, {})\n  // This ensure that ungrouped controls are always last\n  initialControlObject[\"ungrouped\"] = []\n  return initialControlObject\n}\n\n/** Retrieves the name of the group a control belongs to */\nconst getGroupIndex = (\n  controlGroupIndex: ControlGroupTypes,\n  controlType?: ToolbarControlTypes\n): string => {\n  if (controlType) {\n    return controlGroupIndex[controlType] ?? \"ungrouped\"\n  }\n  return \"ungrouped\"\n}\n\n/** Filters out empty control groups and returns a multi dimensional array  */\nconst filterToolbarControls = (\n  groupedControls: GroupedToolbarControls\n): ToolbarControl[][] =>\n  Object.values(groupedControls).filter(controls => controls.length > 0)\n\n/** Builds an array of object used to map control configuration to rte toolbar buttons */\nexport const buildControlMap = (\n  schema: ProseMirrorModel.Schema,\n  editorState: ProseMirrorState.EditorState,\n  controls?: ToolbarItems[]\n): ToolbarControl[][] => {\n  if (!controls) return []\n  const controlGroupIndex: ControlGroupTypes = createControlGroupIndex(controls)\n  const toolbarControls: GroupedToolbarControls =\n    createInitialControls(controlGroupIndex)\n  const listNodes = [schema.nodes.bulletList, schema.nodes.orderedList]\n\n  if (schema.marks.strong) {\n    const type = schema.marks.strong\n    const groupIndex = getGroupIndex(controlGroupIndex, \"bold\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Bold\",\n      icon: <BoldIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.marks.em) {\n    const type = schema.marks.em\n    const groupIndex = getGroupIndex(controlGroupIndex, \"italic\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Italic\",\n      icon: <ItalicsIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.marks.underline) {\n    const type = schema.marks.underline\n    const groupIndex = getGroupIndex(controlGroupIndex, \"underline\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Underline\",\n      icon: <UnderlineIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.bulletList) {\n    const type = schema.nodes.bulletList\n    const groupIndex = getGroupIndex(controlGroupIndex, \"bulletList\")\n    toolbarControls[groupIndex].push({\n      action: createToggleListCommand(type),\n      isActive: listIsActive(editorState, type, listNodes),\n      label: \"Bullet List\",\n      icon: <BullettedListIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.orderedList) {\n    const type = schema.nodes.orderedList\n    const groupIndex = getGroupIndex(controlGroupIndex, \"orderedList\")\n    toolbarControls[groupIndex].push({\n      action: createToggleListCommand(type),\n      isActive: listIsActive(editorState, type, listNodes),\n      label: \"Numbered List\",\n      icon: <NumberedListIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.orderedList || schema.nodes.bulletList) {\n    const groupIndex =\n      controlGroupIndex[\"orderedList\"] ||\n      controlGroupIndex[\"bulletList\"] ||\n      \"ungrouped\"\n\n    toolbarControls[groupIndex].push(\n      {\n        action: createLiftListCommand(),\n        disabled: liftListIsDisabled(editorState),\n        isActive: false,\n        label: \"Decrease indent\",\n        icon: <DecreaseIndentIcon role=\"presentation\" />,\n      },\n      {\n        action: createIndentListCommand(),\n        disabled: indentListIsDisabled(editorState),\n        isActive: false,\n        label: \"Increase indent\",\n        icon: <IncreaseIndentIcon role=\"presentation\" />,\n      }\n    )\n  }\n\n  if (schema.marks.link) {\n    const type = schema.marks.link\n    const groupIndex = getGroupIndex(controlGroupIndex, \"link\")\n    toolbarControls[groupIndex].push({\n      action: createToggleMarkCommand(type),\n      disabled: editorState.selection.empty,\n      isActive: false,\n      label: \"Link\",\n      icon: <AddLinkIcon role=\"presentation\" />,\n    })\n  }\n\n  return filterToolbarControls(toolbarControls)\n}\n"],"names":["chainTransactions","commands","_i","arguments","length","state","dispatch","updateStateAndDispatch","tr","apply","lastCommand","pop","commands_1","command","undefined","createInitialParagraph","schema","replaceSelectionWith","nodes","paragraph","create","createToggleMarkCommand","mark","docIsEmpty","doc","content","size","ProseMirrorCommands","toggleMark","createToggleListCommand","node","ProseMirrorSchemaList","wrapInList","createLiftListCommand","$from","selection","listItemNode","_a","depth","type","liftListItem","createIndentListCommand","sinkListItem","liftListIsDisabled","isValidListItem","name","indentListIsDisabled","_b","$to","range","blockRange","childCount","firstChild","startIndex","createControlGroupIndex","controls","reduce","groups","currentControl","__assign","group","createInitialControls","controlGroupIndex","uniqueGroups","Array","from","Set","Object","values","initialControlObject","controlObject","controlKey","getGroupIndex","controlType","filterToolbarControls","groupedControls","filter","buildControlMap","editorState","toolbarControls","listNodes","bulletList","orderedList","marks","strong","groupIndex","push","isActive","markIsActive","action","label","icon","React","createElement","BoldIcon","role","em","ItalicsIcon","underline","UnderlineIcon","listIsActive","BullettedListIcon","NumberedListIcon","disabled","DecreaseIndentIcon","IncreaseIndentIcon","link","empty","AddLinkIcon"],"mappings":"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"}
+{"version":3,"file":"controlmap.cjs","sources":["../../../../../src/RichTextEditor/RichTextEditor/utils/controlmap.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  AddLinkIcon,\n  BoldIcon,\n  BullettedListIcon,\n  DecreaseIndentIcon,\n  IncreaseIndentIcon,\n  ItalicsIcon,\n  NumberedListIcon,\n  UnderlineIcon,\n} from \"~components/Icon\"\nimport { ToolbarItems, ToolbarControlTypes } from \"../../types\"\nimport { listIsActive, markIsActive } from \"../../utils/commands\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorModel,\n  ProseMirrorSchemaList,\n  ProseMirrorState,\n} from \"../../utils/prosemirror\"\n\n/** Configuration for individual controls */\ntype ToolbarControl = {\n  icon: JSX.Element\n  label: string\n  isActive: boolean\n  disabled?: boolean\n  action: ProseMirrorState.Command\n}\n\n/** Toolbar controls mapped to a group */\ntype GroupedToolbarControls = {\n  [group: string]: ToolbarControl[]\n}\n\n/** An index for each control's group */\ntype ControlGroupTypes = {\n  [key in ToolbarControlTypes]?: string\n}\n\n/** Chains multiple commands to dispatch each transitions in sequential order */\nconst chainTransactions =\n  (...commands: ProseMirrorState.Command[]): ProseMirrorState.Command =>\n  (state, dispatch): boolean => {\n    const updateStateAndDispatch = (tr: ProseMirrorState.Transaction): void => {\n      state = state.apply(tr)\n      dispatch && dispatch(tr)\n    }\n    const lastCommand = commands.pop()\n\n    for (const command of commands) {\n      command(state, updateStateAndDispatch)\n    }\n\n    return lastCommand !== undefined && lastCommand(state, dispatch)\n  }\n\n/** Dispatches a transaction to create initial p tag required for pm commands */\nconst createInitialParagraph = (\n  state: ProseMirrorState.EditorState,\n  dispatch?: (tr: ProseMirrorState.Transaction) => void\n): boolean => {\n  if (dispatch) {\n    const { tr, schema } = state\n\n    dispatch(tr.replaceSelectionWith(schema.nodes.paragraph.create()))\n    return true\n  }\n  return false\n}\n\n/** Create command for toggling Marks */\nconst createToggleMarkCommand =\n  (mark: ProseMirrorModel.MarkType): ProseMirrorState.Command =>\n  (state, dispatch) => {\n    const docIsEmpty = state.doc.content.size === 0\n\n    if (docIsEmpty) {\n      return chainTransactions(\n        createInitialParagraph,\n        ProseMirrorCommands.toggleMark(mark)\n      )(state, dispatch)\n    }\n    return ProseMirrorCommands.toggleMark(mark)(state, dispatch)\n  }\n\n/** Create command for toggling Lists */\nconst createToggleListCommand =\n  (node: ProseMirrorModel.NodeType): ProseMirrorState.Command =>\n  (state, dispatch) => {\n    const docIsEmpty = state.doc.content.size === 0\n\n    if (docIsEmpty) {\n      return chainTransactions(\n        createInitialParagraph,\n        ProseMirrorSchemaList.wrapInList(node)\n      )(state, dispatch)\n    }\n    return ProseMirrorSchemaList.wrapInList(node)(state, dispatch)\n  }\n\n/** Create command for reducing indents in a List */\nconst createLiftListCommand =\n  (): ProseMirrorState.Command => (state, dispatch) => {\n    const { $from } = state.selection\n    // calculate the parent node from the current tag selected\n    const listItemNode = $from.node($from.depth - 1)?.type\n    return ProseMirrorSchemaList.liftListItem(listItemNode)(state, dispatch)\n  }\n\n/** Create command for indenting in a List */\nconst createIndentListCommand =\n  (): ProseMirrorState.Command => (state, dispatch) => {\n    const { $from } = state.selection\n    const listItemNode = $from.node($from.depth - 1)?.type\n\n    return ProseMirrorSchemaList.sinkListItem(listItemNode)(state, dispatch)\n  }\n\n/** handler lift list disabled state */\nconst liftListIsDisabled = (state: ProseMirrorState.EditorState): boolean => {\n  const { $from } = state.selection\n  const listItemNode = $from.node($from.depth - 1)?.type\n  const isValidListItem = listItemNode?.name === \"listItem\" || false\n\n  return !isValidListItem\n}\n\n/** handler indent list disabled state */\nconst indentListIsDisabled = (state: ProseMirrorState.EditorState): boolean => {\n  const { $from, $to } = state.selection\n  const listItemNode = $from.node($from.depth - 1)?.type\n  const isValidListItem = listItemNode?.name === \"listItem\" || false\n\n  if (!isValidListItem) {\n    return true\n  }\n\n  const range = $from.blockRange(\n    $to,\n    node => node.childCount > 0 && node.firstChild!.type === listItemNode\n  )\n\n  return !range || range.startIndex === 0 ? true : false\n}\n\n/** Creates an object used as an index to map the controls to respective groups */\nconst createControlGroupIndex = (controls: ToolbarItems[]): ControlGroupTypes =>\n  controls.reduce((groups, currentControl) => {\n    if (!currentControl?.name) return groups\n    return {\n      ...groups,\n      [currentControl.name]: currentControl.group || \"ungrouped\",\n    }\n  }, {})\n\n/** Creates an initial object used to map button configuration into its respective groups */\nconst createInitialControls = (\n  controlGroupIndex: ControlGroupTypes\n): GroupedToolbarControls => {\n  const uniqueGroups: string[] = Array.from(\n    new Set(Object.values(controlGroupIndex))\n  )\n\n  const initialControlObject: Record<string, ToolbarControl[]> =\n    uniqueGroups.reduce((controlObject, controlKey) => {\n      if (controlKey === \"ungrouped\") return controlObject\n      return {\n        ...controlObject,\n        [controlKey]: [],\n      }\n    }, {})\n  // This ensure that ungrouped controls are always last\n  initialControlObject[\"ungrouped\"] = []\n  return initialControlObject\n}\n\n/** Retrieves the name of the group a control belongs to */\nconst getGroupIndex = (\n  controlGroupIndex: ControlGroupTypes,\n  controlType?: ToolbarControlTypes\n): string => {\n  if (controlType) {\n    return controlGroupIndex[controlType] ?? \"ungrouped\"\n  }\n  return \"ungrouped\"\n}\n\n/** Filters out empty control groups and returns a multi dimensional array  */\nconst filterToolbarControls = (\n  groupedControls: GroupedToolbarControls\n): ToolbarControl[][] =>\n  Object.values(groupedControls).filter(controls => controls.length > 0)\n\n/** Builds an array of object used to map control configuration to rte toolbar buttons */\nexport const buildControlMap = (\n  schema: ProseMirrorModel.Schema,\n  editorState: ProseMirrorState.EditorState,\n  controls?: ToolbarItems[]\n): ToolbarControl[][] => {\n  if (!controls) return []\n  const controlGroupIndex: ControlGroupTypes = createControlGroupIndex(controls)\n  const toolbarControls: GroupedToolbarControls =\n    createInitialControls(controlGroupIndex)\n  const listNodes = [schema.nodes.bulletList, schema.nodes.orderedList]\n\n  if (schema.marks.strong) {\n    const type = schema.marks.strong\n    const groupIndex = getGroupIndex(controlGroupIndex, \"bold\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Bold\",\n      icon: <BoldIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.marks.em) {\n    const type = schema.marks.em\n    const groupIndex = getGroupIndex(controlGroupIndex, \"italic\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Italic\",\n      icon: <ItalicsIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.marks.underline) {\n    const type = schema.marks.underline\n    const groupIndex = getGroupIndex(controlGroupIndex, \"underline\")\n    toolbarControls[groupIndex].push({\n      isActive: markIsActive(editorState, type),\n      action: createToggleMarkCommand(type),\n      label: \"Underline\",\n      icon: <UnderlineIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.bulletList) {\n    const type = schema.nodes.bulletList\n    const groupIndex = getGroupIndex(controlGroupIndex, \"bulletList\")\n    toolbarControls[groupIndex].push({\n      action: createToggleListCommand(type),\n      isActive: listIsActive(editorState, type, listNodes),\n      label: \"Bullet List\",\n      icon: <BullettedListIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.orderedList) {\n    const type = schema.nodes.orderedList\n    const groupIndex = getGroupIndex(controlGroupIndex, \"orderedList\")\n    toolbarControls[groupIndex].push({\n      action: createToggleListCommand(type),\n      isActive: listIsActive(editorState, type, listNodes),\n      label: \"Numbered List\",\n      icon: <NumberedListIcon role=\"presentation\" />,\n    })\n  }\n\n  if (schema.nodes.orderedList || schema.nodes.bulletList) {\n    const groupIndex =\n      controlGroupIndex[\"orderedList\"] ||\n      controlGroupIndex[\"bulletList\"] ||\n      \"ungrouped\"\n\n    toolbarControls[groupIndex].push(\n      {\n        action: createLiftListCommand(),\n        disabled: liftListIsDisabled(editorState),\n        isActive: false,\n        label: \"Decrease indent\",\n        icon: <DecreaseIndentIcon role=\"presentation\" />,\n      },\n      {\n        action: createIndentListCommand(),\n        disabled: indentListIsDisabled(editorState),\n        isActive: false,\n        label: \"Increase indent\",\n        icon: <IncreaseIndentIcon role=\"presentation\" />,\n      }\n    )\n  }\n\n  if (schema.marks.link) {\n    const type = schema.marks.link\n    const groupIndex = getGroupIndex(controlGroupIndex, \"link\")\n    toolbarControls[groupIndex].push({\n      action: createToggleMarkCommand(type),\n      disabled: editorState.selection.empty,\n      isActive: false,\n      label: \"Link\",\n      icon: <AddLinkIcon role=\"presentation\" />,\n    })\n  }\n\n  return filterToolbarControls(toolbarControls)\n}\n"],"names":["chainTransactions","commands","_i","arguments","length","state","dispatch","updateStateAndDispatch","tr","apply","lastCommand","pop","commands_1","command","undefined","createInitialParagraph","schema","replaceSelectionWith","nodes","paragraph","create","createToggleMarkCommand","mark","docIsEmpty","doc","content","size","ProseMirrorCommands","toggleMark","createToggleListCommand","node","ProseMirrorSchemaList","wrapInList","createLiftListCommand","$from","selection","listItemNode","_a","depth","type","liftListItem","createIndentListCommand","sinkListItem","liftListIsDisabled","isValidListItem","name","indentListIsDisabled","_b","$to","range","blockRange","childCount","firstChild","startIndex","createControlGroupIndex","controls","reduce","groups","currentControl","__assign","group","createInitialControls","controlGroupIndex","uniqueGroups","Array","from","Set","Object","values","initialControlObject","controlObject","controlKey","getGroupIndex","controlType","filterToolbarControls","groupedControls","filter","buildControlMap","editorState","toolbarControls","listNodes","bulletList","orderedList","marks","strong","groupIndex","push","isActive","markIsActive","action","label","icon","React","createElement","BoldIcon","role","em","ItalicsIcon","underline","UnderlineIcon","listIsActive","BullettedListIcon","NumberedListIcon","disabled","DecreaseIndentIcon","IncreaseIndentIcon","link","empty","AddLinkIcon"],"mappings":"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"}

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.cjs

@@ -2,7 +2,6 @@
 
 var tslib = require('tslib');
 var React = require('react');
-require('uuid');
 require('../../../../../../Icon/subcomponents/SVG/SVG.cjs');
 var EditIcon = require('../../../../../../Icon/EditIcon.cjs');
 var ExternalLinkIcon = require('../../../../../../Icon/ExternalLinkIcon.cjs');

package/dist/cjs/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinkPopover.cjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.tsx"],"sourcesContent":["import React from \"react\"\nimport { EditIcon, ExternalLinkIcon, RemoveLinkIcon } from \"~components/Icon\"\nimport { usePopover } from \"~components/Popover\"\nimport { Text } from \"~components/Text\"\nimport { SelectionPosition } from \"../../types\"\nimport { Positioner } from \"./Positioner\"\nimport styles from \"./LinkPopover.module.scss\"\n\nexport type LinkPopoverProps = {\n  href?: string\n  onRemove: () => void\n  onEdit: () => void\n  selectionPosition: SelectionPosition\n}\n\nexport const LinkPopover = ({\n  href,\n  onRemove,\n  onEdit,\n  selectionPosition,\n}: LinkPopoverProps): JSX.Element => {\n  const [ElementRef, Popover] = usePopover()\n\n  return (\n    <>\n      <Positioner ref={ElementRef} {...selectionPosition} />\n      <Popover size=\"large\">\n        <div className={styles.popoverContent}>\n          <ExternalLinkIcon role=\"presentation\" />\n          <div className={styles.popoverLinkContainer}>\n            <Text\n              variant=\"body\"\n              tag=\"div\"\n              classNameOverride={styles.paragraphFlex}\n            >\n              <a\n                className={styles.popoverLink}\n                href={href != null ? href : undefined}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {href}\n              </a>\n            </Text>\n          </div>\n          <div className={styles.popoverActions}>\n            <EditIcon role=\"img\" onClick={onEdit} aria-label=\"Edit link\" />\n          </div>\n          <RemoveLinkIcon\n            role=\"img\"\n            onClick={onRemove}\n            aria-label=\"Remove link\"\n          />\n        </div>\n      </Popover>\n    </>\n  )\n}\n\nLinkPopover.displayName = \"LinkPopover\"\n"],"names":["LinkPopover","_a","href","onRemove","onEdit","selectionPosition","_b","usePopover","ElementRef","Popover","React","createElement","Fragment","Positioner","__assign","ref","size","className","styles","popoverContent","ExternalLinkIcon","role","popoverLinkContainer","Text","variant","tag","classNameOverride","paragraphFlex","popoverLink","undefined","target","rel","popoverActions","EditIcon","onClick","RemoveLinkIcon","displayName"],"mappings":";;;;;;;;;;;;;MAeaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAKT,EAAA;QAJjBC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;IAEX,IAAAC,EAAA,GAAwBC,kBAAU,CAAE,CAAA;MAAnCC,UAAU,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,SAAO,GAAAH,EAAA,CAAA,CAAA,CAAgB;IAE1C,OACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAACE,UAAAA,CAAAA,UAAU,EAACC,KAAA,CAAAA,QAAA,CAAA;MAAAC,GAAG,EAAEP;IAAU,CAAA,EAAMH,iBAAiB,CAAI,CAAA,EACtDK,KAAA,CAAAC,aAAA,CAACF,SAAO,EAAA;MAACO,IAAI,EAAC;IAAO,CAAA,EACnBN,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,kBAAM,CAACC;IAAc,CAAA,EACnCT,KAAA,CAAAC,aAAA,CAACS,gBAAAA,CAAAA,gBAAgB,EAAA;MAACC,IAAI,EAAC;IAAc,CAAG,CAAA,EACxCX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,kBAAM,CAACI;IAAoB,CAAA,EACzCZ,KAAA,CAAAC,aAAA,CAACY,SAAI,EAAA;MACHC,OAAO,EAAC,MAAM;MACdC,GAAG,EAAC,KAAK;MACTC,iBAAiB,EAAER,kBAAM,CAACS;IAAa,CAAA,EAEvCjB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;MACEM,SAAS,EAAEC,kBAAM,CAACU,WAAW;MAC7B1B,IAAI,EAAEA,IAAI,IAAI,IAAI,GAAGA,IAAI,GAAG2B,SAAS;MACrCC,MAAM,EAAC,QAAQ;MACfC,GAAG,EAAC;IAAqB,CAAA,EAExB7B,IAAI,CACH,CACC,CACH,EACNQ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,kBAAM,CAACc;IAAc,CAAA,EACnCtB,KAAA,CAAAC,aAAA,CAACsB,iBAAQ,EAAA;MAACZ,IAAI,EAAC,KAAK;MAACa,OAAO,EAAE9B,MAAM;MAAA,YAAA,EAAa;IAAW,CAAA,CAAG,CAC3D,EACNM,KAAA,CAAAC,aAAA,CAACwB,6BAAc,EACb;MAAAd,IAAI,EAAC,KAAK;MACVa,OAAO,EAAE/B,QAAQ;MAAA,YAAA,EACN;KACX,CAAA,CACE,CACE,CACT;EAEP,CAAC;EAEDH,WAAW,CAACoC,WAAW,GAAG,aAAa;EAAA,OA5C1BpC,WAAW;AAAA;"}
+{"version":3,"file":"LinkPopover.cjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.tsx"],"sourcesContent":["import React from \"react\"\nimport { EditIcon, ExternalLinkIcon, RemoveLinkIcon } from \"~components/Icon\"\nimport { usePopover } from \"~components/Popover\"\nimport { Text } from \"~components/Text\"\nimport { SelectionPosition } from \"../../types\"\nimport { Positioner } from \"./Positioner\"\nimport styles from \"./LinkPopover.module.scss\"\n\nexport type LinkPopoverProps = {\n  href?: string\n  onRemove: () => void\n  onEdit: () => void\n  selectionPosition: SelectionPosition\n}\n\nexport const LinkPopover = ({\n  href,\n  onRemove,\n  onEdit,\n  selectionPosition,\n}: LinkPopoverProps): JSX.Element => {\n  const [ElementRef, Popover] = usePopover()\n\n  return (\n    <>\n      <Positioner ref={ElementRef} {...selectionPosition} />\n      <Popover size=\"large\">\n        <div className={styles.popoverContent}>\n          <ExternalLinkIcon role=\"presentation\" />\n          <div className={styles.popoverLinkContainer}>\n            <Text\n              variant=\"body\"\n              tag=\"div\"\n              classNameOverride={styles.paragraphFlex}\n            >\n              <a\n                className={styles.popoverLink}\n                href={href != null ? href : undefined}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {href}\n              </a>\n            </Text>\n          </div>\n          <div className={styles.popoverActions}>\n            <EditIcon role=\"img\" onClick={onEdit} aria-label=\"Edit link\" />\n          </div>\n          <RemoveLinkIcon\n            role=\"img\"\n            onClick={onRemove}\n            aria-label=\"Remove link\"\n          />\n        </div>\n      </Popover>\n    </>\n  )\n}\n\nLinkPopover.displayName = \"LinkPopover\"\n"],"names":["LinkPopover","_a","href","onRemove","onEdit","selectionPosition","_b","usePopover","ElementRef","Popover","React","createElement","Fragment","Positioner","__assign","ref","size","className","styles","popoverContent","ExternalLinkIcon","role","popoverLinkContainer","Text","variant","tag","classNameOverride","paragraphFlex","popoverLink","undefined","target","rel","popoverActions","EditIcon","onClick","RemoveLinkIcon","displayName"],"mappings":";;;;;;;;;;;;MAeaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAKT,EAAA;QAJjBC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;IAEX,IAAAC,EAAA,GAAwBC,kBAAU,CAAE,CAAA;MAAnCC,UAAU,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,SAAO,GAAAH,EAAA,CAAA,CAAA,CAAgB;IAE1C,OACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACEF,KAAA,CAAAC,aAAA,CAACE,UAAAA,CAAAA,UAAU,EAACC,KAAA,CAAAA,QAAA,CAAA;MAAAC,GAAG,EAAEP;IAAU,CAAA,EAAMH,iBAAiB,CAAI,CAAA,EACtDK,KAAA,CAAAC,aAAA,CAACF,SAAO,EAAA;MAACO,IAAI,EAAC;IAAO,CAAA,EACnBN,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,kBAAM,CAACC;IAAc,CAAA,EACnCT,KAAA,CAAAC,aAAA,CAACS,gBAAAA,CAAAA,gBAAgB,EAAA;MAACC,IAAI,EAAC;IAAc,CAAG,CAAA,EACxCX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,kBAAM,CAACI;IAAoB,CAAA,EACzCZ,KAAA,CAAAC,aAAA,CAACY,SAAI,EAAA;MACHC,OAAO,EAAC,MAAM;MACdC,GAAG,EAAC,KAAK;MACTC,iBAAiB,EAAER,kBAAM,CAACS;IAAa,CAAA,EAEvCjB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;MACEM,SAAS,EAAEC,kBAAM,CAACU,WAAW;MAC7B1B,IAAI,EAAEA,IAAI,IAAI,IAAI,GAAGA,IAAI,GAAG2B,SAAS;MACrCC,MAAM,EAAC,QAAQ;MACfC,GAAG,EAAC;IAAqB,CAAA,EAExB7B,IAAI,CACH,CACC,CACH,EACNQ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,kBAAM,CAACc;IAAc,CAAA,EACnCtB,KAAA,CAAAC,aAAA,CAACsB,iBAAQ,EAAA;MAACZ,IAAI,EAAC,KAAK;MAACa,OAAO,EAAE9B,MAAM;MAAA,YAAA,EAAa;IAAW,CAAA,CAAG,CAC3D,EACNM,KAAA,CAAAC,aAAA,CAACwB,6BAAc,EACb;MAAAd,IAAI,EAAC,KAAK;MACVa,OAAO,EAAE/B,QAAQ;MAAA,YAAA,EACN;KACX,CAAA,CACE,CACE,CACT;EAEP,CAAC;EAEDH,WAAW,CAACoC,WAAW,GAAG,aAAa;EAAA,OA5C1BpC,WAAW;AAAA;"}

package/dist/cjs/SearchField/SearchField.cjs

@@ -2,7 +2,6 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var uuid = require('uuid');
 var InputSearch = require('../Input/InputSearch/InputSearch.cjs');
 var Label = require('../Label/Label.cjs');
 var SearchField_module = require('./SearchField.module.scss.cjs');
@@ -23,7 +22,8 @@ const SearchField = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       restProps = tslib.__rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
     var showVisibleLabel = !secondary;
-    var id = React.useState(propsId || uuid.v4())[0];
+    var reactId = React.useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
     // @todo: Move restProps to container div?
     return React.createElement("div", {
       className: classNameOverride

package/dist/cjs/SearchField/SearchField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.cjs","sources":["../../../src/SearchField/SearchField.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { v4 } from \"uuid\"\n\nimport { InputSearch, InputSearchProps } from \"~components/Input/InputSearch\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./SearchField.module.scss\"\n\nexport type SearchFieldProps = Omit<InputSearchProps, \"id\"> & {\n  id?: string\n  labelText: string\n  disabled?: boolean\n  reversed?: boolean\n  secondary?: boolean\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}\n */\nexport const SearchField = ({\n  id: propsId,\n  labelText,\n  disabled,\n  reversed = false,\n  secondary = false,\n  classNameOverride,\n  ...restProps\n}: SearchFieldProps): JSX.Element => {\n  const showVisibleLabel = !secondary\n  const [id] = useState<string>(propsId || v4())\n  // @todo: Move restProps to container div?\n  return (\n    <div className={classNameOverride}>\n      {showVisibleLabel && (\n        <Label\n          htmlFor={id}\n          labelText={labelText}\n          reversed={reversed}\n          disabled={disabled}\n          classNameOverride={styles.label}\n        />\n      )}\n      <InputSearch\n        aria-label={!showVisibleLabel ? labelText : undefined}\n        id={id}\n        disabled={disabled}\n        reversed={reversed}\n        secondary={secondary}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nSearchField.displayName = \"SearchField\"\n"],"names":["SearchField","_a","propsId","id","labelText","disabled","_b","reversed","_c","secondary","classNameOverride","restProps","__rest","showVisibleLabel","useState","v4","React","createElement","className","Label","htmlFor","styles","label","InputSearch","__assign","undefined","displayName"],"mappings":";;;;;;;;;AAeA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,EAAA,GAAAL,EAAA,CAAAM,QAAgB;MAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,EAAiB,GAAAP,EAAA,CAAAQ,SAAA;MAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACjBE,iBAAiB,GAAAT,EAAA,CAAAS,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAX,EAAA,EAPc,6EAQ3B,CADa;IAEZ,IAAMY,gBAAgB,GAAG,CAACJ,SAAS;IAC5B,IAAAN,EAAE,GAAIW,KAAAA,CAAAA,QAAQ,CAASZ,OAAO,IAAIa,IAAAA,CAAAA,EAAE,CAAE,CAAA,CAAC,CAAA,CAAA,CAArC;;IAET,OACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAER;IAAiB,CAAA,EAC9BG,gBAAgB,IACfG,KAAA,CAAAC,aAAA,CAACE,KAAAA,CAAAA,KAAK,EAAA;MACJC,OAAO,EAAEjB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBG,QAAQ,EAAEA,QAAQ;MAClBF,QAAQ,EAAEA,QAAQ;MAClBK,iBAAiB,EAAEW,kBAAM,CAACC;IAAK,CAAA,CAElC,EACDN,KAAA,CAAAC,aAAA,CAACM,WAAAA,CAAAA,WAAW,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAA,YAAA,EACE,CAACX,gBAAgB,GAAGT,SAAS,GAAGqB,SAAS;MACrDtB,EAAE,EAAEA,EAAE;MACNE,QAAQ,EAAEA,QAAQ;MAClBE,QAAQ,EAAEA,QAAQ;MAClBE,SAAS,EAAEA;IACP,CAAA,EAAAE,SAAS,CACb,CAAA,CACE;EAEV,CAAC;EAEDX,WAAW,CAAC0B,WAAW,GAAG,aAAa;EAAA,OAnC1B1B,WAAW;AAAA;"}
+{"version":3,"file":"SearchField.cjs","sources":["../../../src/SearchField/SearchField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { InputSearch, InputSearchProps } from \"~components/Input/InputSearch\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./SearchField.module.scss\"\n\nexport type SearchFieldProps = Omit<InputSearchProps, \"id\"> & {\n  id?: string\n  labelText: string\n  disabled?: boolean\n  reversed?: boolean\n  secondary?: boolean\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}\n */\nexport const SearchField = ({\n  id: propsId,\n  labelText,\n  disabled,\n  reversed = false,\n  secondary = false,\n  classNameOverride,\n  ...restProps\n}: SearchFieldProps): JSX.Element => {\n  const showVisibleLabel = !secondary\n  const reactId = useId()\n  const id = propsId ?? reactId\n  // @todo: Move restProps to container div?\n  return (\n    <div className={classNameOverride}>\n      {showVisibleLabel && (\n        <Label\n          htmlFor={id}\n          labelText={labelText}\n          reversed={reversed}\n          disabled={disabled}\n          classNameOverride={styles.label}\n        />\n      )}\n      <InputSearch\n        aria-label={!showVisibleLabel ? labelText : undefined}\n        id={id}\n        disabled={disabled}\n        reversed={reversed}\n        secondary={secondary}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nSearchField.displayName = \"SearchField\"\n"],"names":["SearchField","_a","propsId","id","labelText","disabled","_b","reversed","_c","secondary","classNameOverride","restProps","__rest","showVisibleLabel","reactId","useId","React","createElement","className","Label","htmlFor","styles","label","InputSearch","__assign","undefined","displayName"],"mappings":";;;;;;;;AAaA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,EAAA,GAAAL,EAAA,CAAAM,QAAgB;MAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,EAAiB,GAAAP,EAAA,CAAAQ,SAAA;MAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACjBE,iBAAiB,GAAAT,EAAA,CAAAS,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAX,EAAA,EAPc,6EAQ3B,CADa;IAEZ,IAAMY,gBAAgB,GAAG,CAACJ,SAAS;IACnC,IAAMK,OAAO,GAAGC,KAAAA,CAAAA,KAAK,EAAE;IACvB,IAAMZ,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIY,OAAO;;IAE7B,OACEE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAER;IAAiB,CAAA,EAC9BG,gBAAgB,IACfG,KAAA,CAAAC,aAAA,CAACE,KAAAA,CAAAA,KAAK,EAAA;MACJC,OAAO,EAAEjB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBG,QAAQ,EAAEA,QAAQ;MAClBF,QAAQ,EAAEA,QAAQ;MAClBK,iBAAiB,EAAEW,kBAAM,CAACC;IAAK,CAAA,CAElC,EACDN,KAAA,CAAAC,aAAA,CAACM,WAAAA,CAAAA,WAAW,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAA,YAAA,EACE,CAACX,gBAAgB,GAAGT,SAAS,GAAGqB,SAAS;MACrDtB,EAAE,EAAEA,EAAE;MACNE,QAAQ,EAAEA,QAAQ;MAClBE,QAAQ,EAAEA,QAAQ;MAClBE,SAAS,EAAEA;IACP,CAAA,EAAAE,SAAS,CACb,CAAA,CACE;EAEV,CAAC;EAEDX,WAAW,CAAC0B,WAAW,GAAG,aAAa;EAAA,OApC1B1B,WAAW;AAAA;"}