npm - @kaizen/components - Versions diffs - 1.35.1 → 1.36.0 - Mend

@kaizen/components 1.35.1 → 1.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (153) hide show

package/dist/cjs/Button/GenericButton/GenericButton.cjs CHANGED Viewed

@@ -44,7 +44,7 @@ const GenericButton = /*#__PURE__*/function () {
     };
     return React.createElement("span", {
       className: classnames(GenericButton_module.container, props.fullWidth && GenericButton_module.fullWidth),
-      "aria-live": "polite"
+      "aria-live": "workingLabel" in props ? "polite" : undefined
     }, determineButtonRenderer());
   });
   GenericButton.defaultProps = {

package/dist/cjs/Button/GenericButton/GenericButton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GenericButton.cjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n ComponentType,\n forwardRef,\n Ref,\n useImperativeHandle,\n useRef,\n MouseEvent,\n FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"~components/Badge\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n id?: string\n className: string\n href?: string\n disabled?: boolean\n onClick?: (e: MouseEvent<any>) => void\n onFocus?: (e: FocusEvent<HTMLElement>) => void\n onBlur?: (e: FocusEvent<HTMLElement>) => void\n children?: React.ReactNode\n \"data-testid\"?: string\n}\n\nexport type ButtonFormAttributes = Pick<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n \| \"form\"\n \| \"formAction\"\n \| \"formMethod\"\n \| \"formEncType\"\n \| \"formTarget\"\n \| \"formNoValidate\"\n>\n\nexport type GenericProps = {\n id?: string\n reversed?: boolean\n onClick?: (e: MouseEvent) => void\n onMouseDown?: (e: MouseEvent) => void\n href?: string\n newTabAndIUnderstandTheAccessibilityImplications?: boolean\n disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n onFocus?: (e: FocusEvent<HTMLElement>) => void\n onBlur?: (e: FocusEvent<HTMLElement>) => void\n component?: ComponentType<CustomButtonProps>\n classNameOverride?: string\n}\n\nexport type WorkingProps = {\n working: true\n workingLabel: string\n workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n working?: false\n}\n\nexport type ButtonBadgeProps = {\n text: string\n animateChange?: boolean\n variant?: \"default\" \| \"dark\" \| \"active\"\n reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n additionalContent?: React.ReactNode\n iconButton?: boolean\n directionalLink?: boolean\n paginationLink?: boolean\n isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n ButtonFormAttributes &\n (WorkingProps \| WorkingUndefinedProps) & {\n label: string\n primary?: boolean\n destructive?: boolean\n secondary?: boolean\n /** @default \"regular\" /\n size?: \"small\" \| \"regular\"\n badge?: ButtonBadgeProps\n type?: \"submit\" \| \"reset\" \| \"button\"\n fullWidth?: boolean\n iconPosition?: \"start\" \| \"end\"\n icon?: JSX.Element\n disabled?: boolean\n }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria- or data-\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n return keys.reduce<Record<string, any>>((acc, val) => {\n acc[val] = props[val]\n return acc\n }, {})\n}\n\nexport const GenericButton = forwardRef(\n (props: RenderProps, ref: Ref<ButtonRef \| undefined>) => {\n const buttonRef = useRef<HTMLButtonElement \| HTMLAnchorElement>()\n useImperativeHandle(ref, () => ({\n focus: (): void => {\n buttonRef.current?.focus()\n },\n }))\n\n const determineButtonRenderer = (): JSX.Element => {\n if (props.component) {\n return renderCustomComponent(props.component, props)\n }\n\n if (props.href && !props.disabled && !props.working) {\n return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n }\n\n return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n }\n\n return (\n <span\n className={classnames(\n styles.container,\n props.fullWidth && styles.fullWidth\n )}\n aria-live=\"polite\"\n >\n {determineButtonRenderer()}\n </span>\n )\n }\n)\n\nGenericButton.defaultProps = {\n iconPosition: \"start\",\n iconButton: false,\n primary: false,\n secondary: false,\n newTabAndIUnderstandTheAccessibilityImplications: false,\n disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n CustomComponent: ComponentType<CustomButtonProps>,\n props: RenderProps\n): JSX.Element => {\n const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n const customProps = getCustomProps(rest)\n return (\n <CustomComponent\n id={id}\n className={buttonClass(props)}\n disabled={disabled}\n href={href}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n aria-label={generateAriaLabel(props)}\n {...customProps}\n >\n {renderContent(props)}\n </CustomComponent>\n )\n}\n\nconst renderButton = (\n props: RenderProps,\n ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n const {\n id,\n disabled,\n onClick,\n onMouseDown,\n type,\n disableTabFocusAndIUnderstandTheAccessibilityImplications,\n onFocus,\n onBlur,\n form,\n formAction,\n formMethod,\n formEncType,\n formTarget,\n formNoValidate,\n ...rest\n } = props\n const customProps = getCustomProps(rest)\n\n return (\n <button\n // eslint-disable-next-line react/button-has-type\n type={type}\n id={id}\n disabled={disabled}\n className={buttonClass(props)}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n aria-label={generateAriaLabel(props)}\n aria-disabled={disabled \|\| props.working ? true : undefined}\n form={form}\n formAction={formAction}\n formMethod={formMethod}\n formEncType={formEncType}\n formTarget={formTarget}\n formNoValidate={formNoValidate}\n tabIndex={\n disableTabFocusAndIUnderstandTheAccessibilityImplications\n ? -1\n : undefined\n }\n ref={ref}\n {...customProps}\n >\n {renderContent(props)}\n </button>\n )\n}\n\nconst renderLink = (\n props: RenderProps,\n ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n const {\n id,\n href,\n onClick,\n newTabAndIUnderstandTheAccessibilityImplications,\n onFocus,\n onBlur,\n ...rest\n } = props\n const customProps = getCustomProps(rest)\n\n const target = newTabAndIUnderstandTheAccessibilityImplications\n ? \"_blank\"\n : \"_self\"\n\n return (\n <a\n id={id}\n href={href}\n target={target}\n rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n className={buttonClass(props)}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={ref}\n aria-label={generateAriaLabel(props)}\n {...customProps}\n >\n {renderContent(props)}\n </a>\n )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n const isDefault = !props.primary && !props.destructive && !props.secondary\n return classnames(\n styles.button,\n isDefault && styles.default,\n props.primary && styles.primary,\n props.destructive && styles.destructive,\n props.secondary && styles.secondary,\n props.size && styles[props.size],\n props.reversed && styles.reversed,\n props.iconButton && styles.iconButton,\n props.working && styles.working,\n (props.directionalLink \|\| props.paginationLink) && styles.circleButton,\n props.directionalLink && styles.directionalLink,\n props.paginationLink && styles.paginationLink,\n props.isActive && styles.isPaginationLinkActive,\n props.classNameOverride\n )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n <div className={styles.loadingSpinner}>\n <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n </div>\n)\n\nconst renderWorkingContent = (\n props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n if (props.workingLabelHidden) {\n return (\n <>\n {/ This is to ensure the button stays at the correct width */}\n <span className={styles.hidden} aria-hidden=\"true\">\n {renderDefaultContent(props)}\n </span>\n <span className={styles.centeredLoadingSpinner}>\n {renderLoadingSpinner()}\n </span>\n </>\n )\n }\n\n return (\n <>\n {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n <span className={styles.label}>{props.workingLabel}</span>\n {props.additionalContent && (\n <span className={styles.additionalContentWrapper}>\n {props.additionalContent}\n </span>\n )}\n {props.iconPosition === \"end\" && renderLoadingSpinner()}\n </>\n )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n <>\n {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n {(!props.icon \|\| !props.iconButton) && (\n <span className={styles.label}>{props.label}</span>\n )}\n {props.additionalContent && (\n <span className={styles.additionalContentWrapper}>\n {props.additionalContent}\n </span>\n )}\n {renderBadge(props)}\n {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element \| null => {\n if (!props.badge) return null\n\n const { text, animateChange, reversed, variant } = props.badge\n\n if (animateChange) {\n return (\n <BadgeAnimated variant={variant} reversed={reversed}>\n {text}\n </BadgeAnimated>\n )\n }\n return (\n <Badge variant={variant} reversed={reversed}>\n {text}\n </Badge>\n )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n <span className={styles.content}>\n {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string \| undefined => {\n if (props.working && props.workingLabelHidden) {\n return props.workingLabel\n }\n\n if (props.iconButton) {\n return props.label\n }\n\n return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","undefined","tabIndex","target","rel","isDefault","destructive","button","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":";;;;;;;;;;;;;AA8FA;AACA;AACA,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAA0B,EAAA;EAChD,IAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACD,KAAK,CAAC,CAACG,MAAM,CAAC,UAAAC,CAAC,EAAI;IAAA,OAAAA,CAAC,CAACC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;EAAA,CAAA,CAAC;EAClE,OAAOJ,IAAI,CAACK,MAAM,CAAsB,UAACC,GAAG,EAAEC,GAAG,EAAA;IAC/CD,GAAG,CAACC,GAAG,CAAC,GAAGR,KAAK,CAACQ,GAAG,CAAC;IACrB,OAAOD,GAAG;EACX,CAAA,EAAE,CAAE,CAAA,CAAC;AACR,CAAC;AAAA,MAEYE,aAAa;EAAA,MAAbA,aAAa,GAAGC,KAAU,CAAAA,UAAA,CACrC,UAACV,KAAkB,EAAEW,GAA+B,EAAA;IAClD,IAAMC,SAAS,GAAGC,KAAAA,CAAAA,MAAM,EAAyC;IACjEC,yBAAmB,CAACH,GAAG,EAAE,YAAA;MAAM,OAAC;QAC9BI,KAAK,EAAE,SAAAA,CAAA,EAAA;;UACL,CAAAC,EAAA,GAAAJ,SAAS,CAACK,OAAO,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,KAAK,CAAA,CAAE;QAC3B;MACF,CAAA;IAAC,CAAA,CAAC;IAEH,IAAMG,uBAAuB,GAAG,SAAAA,CAAA,EAAA;MAC9B,IAAIlB,KAAK,CAACmB,SAAS,EAAE;QACnB,OAAOC,qBAAqB,CAACpB,KAAK,CAACmB,SAAS,EAAEnB,KAAK,CAAC;MACrD;MAED,IAAIA,KAAK,CAACqB,IAAI,IAAI,CAACrB,KAAK,CAACsB,QAAQ,IAAI,CAACtB,KAAK,CAACuB,OAAO,EAAE;QACnD,OAAOC,UAAU,CAACxB,KAAK,EAAEY,SAAmC,CAAC;MAC9D;MAED,OAAOa,YAAY,CAACzB,KAAK,EAAEY,SAAmC,CAAC;IACjE,CAAC;IAED,OACEc,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,oBAAM,CAACC,SAAS,EAChB/B,KAAK,CAACgC,SAAS,IAAIF,oBAAM,CAACE,SAAS,CACpC;MAAA,WAAA,EACS;IAAQ,CAAA,EAEjBd,uBAAuB,CAAA,CAAE,CACrB;EAEX,CAAC,CACF;EAEDT,aAAa,CAACwB,YAAY,GAAG;IAC3BC,YAAY,EAAE,OAAO;IACrBC,UAAU,EAAE,KAAK;IACjBC,OAAO,EAAE,KAAK;IACdC,SAAS,EAAE,KAAK;IAChBC,gDAAgD,EAAE,KAAK;IACvDC,yDAAyD,EAAE,KAAK;IAChEC,IAAI,EAAE;GACP;EAED/B,aAAa,CAACgC,WAAW,GAAG,eAAe;EAAA,OA7C9BhC,aAAa;AAAA;AA+C1B,IAAMW,qBAAqB,GAAG,SAAAA,CAC5BsB,eAAiD,EACjD1C,KAAkB,EAAA;EAEV,IAAA2C,EAAE,GAAwD3C,KAAK,CAA7D2C,EAAA;IAAErB,QAAQ,GAA8CtB,KAAK,CAAnDsB,QAAA;IAAED,IAAI,GAAwCrB,KAAK,CAA7CqB,IAAA;IAAEuB,OAAO,GAA+B5C,KAAK,CAApC4C,OAAA;IAAEC,OAAO,GAAsB7C,KAAK,CAA3B6C,OAAA;IAAEC,MAAM,GAAc9C,KAAK,CAAnB8C,MAAA;IAAKC,IAAI,GAAKC,KAAA,CAAAA,MAAA,CAAAhD,KAAK,EAAjE,CAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAyD,CAAF;EAC7D,IAAMiD,WAAW,GAAGlD,cAAc,CAACgD,IAAI,CAAC;EACxC,OACErB,oBAACgB,eAAe,EAAAQ,KAAA,CAAAA,QAAA,CAAA;IACdP,EAAE,EAAEA,EAAE;IACNf,SAAS,EAAEuB,WAAW,CAACnD,KAAK,CAAC;IAC7BsB,QAAQ,EAAEA,QAAQ;IAClBD,IAAI,EAAEA,IAAI;IACVuB,OAAO,EAAEA,OAAO;IAChBC,OAAO,EAAEA,OAAO;IAChBC,MAAM,EAAEA,MAAM;IAAA,YAAA,EACFM,iBAAiB,CAACpD,KAAK;EAAC,CAAA,EAChCiD,WAAW,CAEd,EAAAI,aAAa,CAACrD,KAAK,CAAC,CACL;AAEtB,CAAC;AAED,IAAMyB,YAAY,GAAG,SAAAA,CACnBzB,KAAkB,EAClBW,GAA2B,EAAA;EAGzB,IAAAgC,EAAE,GAeA3C,KAAK,CAfL2C,EAAA;IACFrB,QAAQ,GAcNtB,KAAK,CAdCsB,QAAA;IACRsB,OAAO,GAaL5C,KAAK,CAbA4C,OAAA;IACPU,WAAW,GAYTtD,KAAK,CAZIsD,WAAA;IACXd,IAAI,GAWFxC,KAAK,CAXHwC,IAAA;IACJD,yDAAyD,GAUvDvC,KAAK,CAVkDuC,yDAAA;IACzDM,OAAO,GASL7C,KAAK,CATA6C,OAAA;IACPC,MAAM,GAQJ9C,KAAK,CARD8C,MAAA;IACNS,IAAI,GAOFvD,KAAK,CAPHuD,IAAA;IACJC,UAAU,GAMRxD,KAAK,CANGwD,UAAA;IACVC,UAAU,GAKRzD,KAAK,CALGyD,UAAA;IACVC,WAAW,GAIT1D,KAAK,CAJI0D,WAAA;IACXC,UAAU,GAGR3D,KAAK,CAHG2D,UAAA;IACVC,cAAc,GAEZ5D,KAAK,CAFO4D,cAAA;IACXb,IAAI,GACLC,KAAA,CAAAA,MAAA,CAAAhD,KAAK,EAhBH,CAAA,IAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,EAAA,2DAAA,EAAA,SAAA,EAAA,QAAA,EAAA,MAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,gBAAA,CAgBL,CADQ;EAET,IAAMiD,WAAW,GAAGlD,cAAc,CAACgD,IAAI,CAAC;EAExC,OACErB,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAuB,cAAA,CAAA;;IAEEV,IAAI,EAAEA,IAAI;IACVG,EAAE,EAAEA,EAAE;IACNrB,QAAQ,EAAEA,QAAQ;IAClBM,SAAS,EAAEuB,WAAW,CAACnD,KAAK,CAAC;IAC7B4C,OAAO,EAAEA,OAAO;IAChBC,OAAO,EAAEA,OAAO;IAChBC,MAAM,EAAEA,MAAM;IACdQ,WAAW,EAAE,SAAAA,CAACO,CAAC,EAAW;MAAA,OAAAP,WAAW,IAAIA,WAAW,CAACO,CAAC,CAAC;KAAA;IAAA,YAAA,EAC3CT,iBAAiB,CAACpD,KAAK,CAAC;IAAA,eAAA,EACrBsB,QAAQ,IAAItB,KAAK,CAACuB,OAAO,GAAG,IAAI,GAAGuC,SAAS;IAC3DP,IAAI,EAAEA,IAAI;IACVC,UAAU,EAAEA,UAAU;IACtBC,UAAU,EAAEA,UAAU;IACtBC,WAAW,EAAEA,WAAW;IACxBC,UAAU,EAAEA,UAAU;IACtBC,cAAc,EAAEA,cAAc;IAC9BG,QAAQ,EACNxB,yDAAyD,GACrD,CAAC,CAAC,GACFuB,SAAS;IAEfnD,GAAG,EAAEA;EAAG,CAAA,EACJsC,WAAW,CAAA,EAEdI,aAAa,CAACrD,KAAK,CAAC,CACd;AAEb,CAAC;AAED,IAAMwB,UAAU,GAAG,SAAAA,CACjBxB,KAAkB,EAClBW,GAA2B,EAAA;EAGzB,IAAAgC,EAAE,GAOA3C,KAAK,CAPL2C,EAAA;IACFtB,IAAI,GAMFrB,KAAK,CANHqB,IAAA;IACJuB,OAAO,GAKL5C,KAAK,CALA4C,OAAA;IACPN,gDAAgD,GAI9CtC,KAAK,CAJyCsC,gDAAA;IAChDO,OAAO,GAGL7C,KAAK,CAHA6C,OAAA;IACPC,MAAM,GAEJ9C,KAAK,CAFD8C,MAAA;IACHC,IAAI,GACLC,KAAA,CAAAA,MAAA,CAAAhD,KAAK,EARH,CAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,kDAAA,EAAA,SAAA,EAAA,QAAA,CAQL,CADQ;EAET,IAAMiD,WAAW,GAAGlD,cAAc,CAACgD,IAAI,CAAC;EAExC,IAAMiB,MAAM,GAAG1B,gDAAgD,GAC3D,QAAQ,GACR,OAAO;EAEX,OACEZ,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAuB,KAAA,CAAAA,QAAA,CAAA;IACEP,EAAE,EAAEA,EAAE;IACNtB,IAAI,EAAEA,IAAI;IACV2C,MAAM,EAAEA,MAAM;IACdC,GAAG,EAAED,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGF,SAAS;IAC5DlC,SAAS,EAAEuB,WAAW,CAACnD,KAAK,CAAC;IAC7B4C,OAAO,EAAEA,OAAO;IAChBC,OAAO,EAAEA,OAAO;IAChBC,MAAM,EAAEA,MAAM;IACdnC,GAAG,EAAEA,GAAG;IAAA,YAAA,EACIyC,iBAAiB,CAACpD,KAAK;EAC/B,CAAA,EAAAiD,WAAW,CAEd,EAAAI,aAAa,CAACrD,KAAK,CAAC,CACnB;AAER,CAAC;AAED,IAAMmD,WAAW,GAAG,SAAAA,CAACnD,KAAkB,EAAA;EACrC,IAAMkE,SAAS,GAAG,CAAClE,KAAK,CAACoC,OAAO,IAAI,CAACpC,KAAK,CAACmE,WAAW,IAAI,CAACnE,KAAK,CAACqC,SAAS;EAC1E,OAAOR,UAAU,CACfC,oBAAM,CAACsC,MAAM,EACbF,SAAS,IAAIpC,oBAAM,CAAC,SAAO,CAAA,EAC3B9B,KAAK,CAACoC,OAAO,IAAIN,oBAAM,CAACM,OAAO,EAC/BpC,KAAK,CAACmE,WAAW,IAAIrC,oBAAM,CAACqC,WAAW,EACvCnE,KAAK,CAACqC,SAAS,IAAIP,oBAAM,CAACO,SAAS,EACnCrC,KAAK,CAACqE,IAAI,IAAIvC,oBAAM,CAAC9B,KAAK,CAACqE,IAAI,CAAC,EAChCrE,KAAK,CAACsE,QAAQ,IAAIxC,oBAAM,CAACwC,QAAQ,EACjCtE,KAAK,CAACmC,UAAU,IAAIL,oBAAM,CAACK,UAAU,EACrCnC,KAAK,CAACuB,OAAO,IAAIO,oBAAM,CAACP,OAAO,EAC/B,CAACvB,KAAK,CAACuE,eAAe,IAAIvE,KAAK,CAACwE,cAAc,KAAK1C,oBAAM,CAAC2C,YAAY,EACtEzE,KAAK,CAACuE,eAAe,IAAIzC,oBAAM,CAACyC,eAAe,EAC/CvE,KAAK,CAACwE,cAAc,IAAI1C,oBAAM,CAAC0C,cAAc,EAC7CxE,KAAK,CAAC0E,QAAQ,IAAI5C,oBAAM,CAAC6C,sBAAsB,EAC/C3E,KAAK,CAAC4E,iBAAiB,CACxB;AACH,CAAC;AAED,IAAMC,oBAAoB,GAAG,SAAAA,CAAA,EAAA;EAAmB,OAC9CnD;IAAKE,SAAS,EAAEE,oBAAM,CAACgD;EAAc,CAAA,EACnCpD,KAAA,CAAAC,aAAA,CAACoD,cAAc,CAAAA,cAAA,EAAA;IAACC,kBAAkB,EAAC,EAAE;IAACX,IAAI,EAAC;EAAI,CAAG,CAAA,CAC9C;CACP;AAED,IAAMY,oBAAoB,GAAG,SAAAA,CAC3BjF,KAA8C,EAAA;EAE9C,IAAIA,KAAK,CAACkF,kBAAkB,EAAE;IAC5B,OACExD,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAyD,QAAA,EAAA,IAAA,EAEEzD,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEE,oBAAM,CAACsD,MAAM;MAAA,aAAA,EAAc;IAAM,CAAA,EAC/CC,oBAAoB,CAACrF,KAAK,CAAC,CACvB,EACP0B,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEE,oBAAM,CAACwD;IACrB,CAAA,EAAAT,oBAAoB,CAAE,CAAA,CAClB,CACN;EAEN;EAED,OACEnD,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAyD,QAAA,EAAA,IAAA,EACGnF,KAAK,CAACkC,YAAY,KAAK,KAAK,IAAI2C,oBAAoB,CAAE,CAAA,EACvDnD,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAC,SAAS,EAAEE,oBAAM,CAACyD;EAAK,CAAG,EAAAvF,KAAK,CAACwF,YAAY,CAAQ,EACzDxF,KAAK,CAACyF,iBAAiB,IACtB/D;IAAME,SAAS,EAAEE,oBAAM,CAAC4D;EAAwB,CAC7C,EAAA1F,KAAK,CAACyF,iBAAiB,CAE3B,EACAzF,KAAK,CAACkC,YAAY,KAAK,KAAK,IAAI2C,oBAAoB,CAAE,CAAA,CACtD;AAEP,CAAC;AAED,IAAMQ,oBAAoB,GAAG,SAAAA,CAACrF,KAAkB,EAAA;EAAkB,OAChE0B,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAyD,QAAA,EAAA,IAAA,EACGnF,KAAK,CAAC2F,IAAI,IAAI3F,KAAK,CAACkC,YAAY,KAAK,KAAK,IAAI0D,UAAU,CAAC5F,KAAK,CAAC2F,IAAI,CAAC,EACpE,CAAC,CAAC3F,KAAK,CAAC2F,IAAI,IAAI,CAAC3F,KAAK,CAACmC,UAAU,KAChCT,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAC,SAAS,EAAEE,oBAAM,CAACyD;EAAK,GAAGvF,KAAK,CAACuF,KAAK,CAC5C,EACAvF,KAAK,CAACyF,iBAAiB,IACtB/D;IAAME,SAAS,EAAEE,oBAAM,CAAC4D;EAAwB,CAC7C,EAAA1F,KAAK,CAACyF,iBAAiB,CAE3B,EACAI,WAAW,CAAC7F,KAAK,CAAC,EAClBA,KAAK,CAAC2F,IAAI,IAAI3F,KAAK,CAACkC,YAAY,KAAK,KAAK,IAAI0D,UAAU,CAAC5F,KAAK,CAAC2F,IAAI,CAAC,CACpE;CACJ;AAED,IAAME,WAAW,GAAG,SAAAA,CAAC7F,KAAkB,EAAA;EACrC,IAAI,CAACA,KAAK,CAAC8F,KAAK,EAAE,OAAO,IAAI;EAEvB,IAAA9E,KAA6ChB,KAAK,CAAC8F,KAAK;IAAtDC,IAAI,GAAA/E,EAAA,CAAA+E,IAAA;IAAEC,aAAa,GAAAhF,EAAA,CAAAgF,aAAA;IAAE1B,QAAQ,GAAAtD,EAAA,CAAAsD,QAAA;IAAE2B,OAAO,aAAgB;EAE9D,IAAID,aAAa,EAAE;IACjB,OACEtE,KAAA,CAAAC,aAAA,CAACuE,KAAAA,CAAAA,aAAa,EAAA;MAACD,OAAO,EAAEA,OAAO;MAAE3B,QAAQ,EAAEA;KAAQ,EAChDyB,IAAI,CACS;EAEnB;EACD,OACErE,KAAA,CAAAC,aAAA,CAACwE,KAAAA,CAAAA,KAAK,EAAA;IAACF,OAAO,EAAEA,OAAO;IAAE3B,QAAQ,EAAEA;GAAQ,EACxCyB,IAAI,CACC;AAEZ,CAAC;AAED,IAAM1C,aAAa,GAAG,SAAAA,CAACrD,KAAkB;EAAkB,OACzD0B,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAC,SAAS,EAAEE,oBAAM,CAACsE;EAAO,CAAA,EAC5BpG,KAAK,CAACuB,OAAO,GAAG0D,oBAAoB,CAACjF,KAAK,CAAC,GAAGqF,oBAAoB,CAACrF,KAAK,CAAC,CACrE;CACR;AAED,IAAM4F,UAAU,GAAG,SAAAA,CAACD,IAAiB,EAAkB;EAAA,OACrDjE,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAC,SAAS,EAAEE,oBAAM,CAACuE;EAAc,CAAA,EAAAV,IAAI,CAAQ;AACnD,CAAA;AAED;AACA;AACA;AACA,IAAMvC,iBAAiB,GAAG,SAAAA,CAACpD,KAAkB,EAAA;EAC3C,IAAIA,KAAK,CAACuB,OAAO,IAAIvB,KAAK,CAACkF,kBAAkB,EAAE;IAC7C,OAAOlF,KAAK,CAACwF,YAAY;EAC1B;EAED,IAAIxF,KAAK,CAACmC,UAAU,EAAE;IACpB,OAAOnC,KAAK,CAACuF,KAAK;EACnB;EAED,OAAOzB,SAAS;AAClB,CAAC;"}
1	+ {"version":3,"file":"GenericButton.cjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n ComponentType,\n forwardRef,\n Ref,\n useImperativeHandle,\n useRef,\n MouseEvent,\n FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"~components/Badge\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n id?: string\n className: string\n href?: string\n disabled?: boolean\n onClick?: (e: MouseEvent<any>) => void\n onFocus?: (e: FocusEvent<HTMLElement>) => void\n onBlur?: (e: FocusEvent<HTMLElement>) => void\n children?: React.ReactNode\n \"data-testid\"?: string\n}\n\nexport type ButtonFormAttributes = Pick<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n \| \"form\"\n \| \"formAction\"\n \| \"formMethod\"\n \| \"formEncType\"\n \| \"formTarget\"\n \| \"formNoValidate\"\n>\n\nexport type GenericProps = {\n id?: string\n reversed?: boolean\n onClick?: (e: MouseEvent) => void\n onMouseDown?: (e: MouseEvent) => void\n href?: string\n newTabAndIUnderstandTheAccessibilityImplications?: boolean\n disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n onFocus?: (e: FocusEvent<HTMLElement>) => void\n onBlur?: (e: FocusEvent<HTMLElement>) => void\n component?: ComponentType<CustomButtonProps>\n classNameOverride?: string\n}\n\nexport type WorkingProps = {\n working: true\n workingLabel: string\n workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n working?: false\n}\n\nexport type ButtonBadgeProps = {\n text: string\n animateChange?: boolean\n variant?: \"default\" \| \"dark\" \| \"active\"\n reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n additionalContent?: React.ReactNode\n iconButton?: boolean\n directionalLink?: boolean\n paginationLink?: boolean\n isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n ButtonFormAttributes &\n (WorkingProps \| WorkingUndefinedProps) & {\n label: string\n primary?: boolean\n destructive?: boolean\n secondary?: boolean\n /** @default \"regular\" /\n size?: \"small\" \| \"regular\"\n badge?: ButtonBadgeProps\n type?: \"submit\" \| \"reset\" \| \"button\"\n fullWidth?: boolean\n iconPosition?: \"start\" \| \"end\"\n icon?: JSX.Element\n disabled?: boolean\n }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria- or data-\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n return keys.reduce<Record<string, any>>((acc, val) => {\n acc[val] = props[val]\n return acc\n }, {})\n}\n\nexport const GenericButton = forwardRef(\n (props: RenderProps, ref: Ref<ButtonRef \| undefined>) => {\n const buttonRef = useRef<HTMLButtonElement \| HTMLAnchorElement>()\n useImperativeHandle(ref, () => ({\n focus: (): void => {\n buttonRef.current?.focus()\n },\n }))\n\n const determineButtonRenderer = (): JSX.Element => {\n if (props.component) {\n return renderCustomComponent(props.component, props)\n }\n\n if (props.href && !props.disabled && !props.working) {\n return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n }\n\n return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n }\n\n return (\n <span\n className={classnames(\n styles.container,\n props.fullWidth && styles.fullWidth\n )}\n aria-live={\"workingLabel\" in props ? \"polite\" : undefined}\n >\n {determineButtonRenderer()}\n </span>\n )\n }\n)\n\nGenericButton.defaultProps = {\n iconPosition: \"start\",\n iconButton: false,\n primary: false,\n secondary: false,\n newTabAndIUnderstandTheAccessibilityImplications: false,\n disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n CustomComponent: ComponentType<CustomButtonProps>,\n props: RenderProps\n): JSX.Element => {\n const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n const customProps = getCustomProps(rest)\n return (\n <CustomComponent\n id={id}\n className={buttonClass(props)}\n disabled={disabled}\n href={href}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n aria-label={generateAriaLabel(props)}\n {...customProps}\n >\n {renderContent(props)}\n </CustomComponent>\n )\n}\n\nconst renderButton = (\n props: RenderProps,\n ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n const {\n id,\n disabled,\n onClick,\n onMouseDown,\n type,\n disableTabFocusAndIUnderstandTheAccessibilityImplications,\n onFocus,\n onBlur,\n form,\n formAction,\n formMethod,\n formEncType,\n formTarget,\n formNoValidate,\n ...rest\n } = props\n const customProps = getCustomProps(rest)\n\n return (\n <button\n // eslint-disable-next-line react/button-has-type\n type={type}\n id={id}\n disabled={disabled}\n className={buttonClass(props)}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n aria-label={generateAriaLabel(props)}\n aria-disabled={disabled \|\| props.working ? true : undefined}\n form={form}\n formAction={formAction}\n formMethod={formMethod}\n formEncType={formEncType}\n formTarget={formTarget}\n formNoValidate={formNoValidate}\n tabIndex={\n disableTabFocusAndIUnderstandTheAccessibilityImplications\n ? -1\n : undefined\n }\n ref={ref}\n {...customProps}\n >\n {renderContent(props)}\n </button>\n )\n}\n\nconst renderLink = (\n props: RenderProps,\n ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n const {\n id,\n href,\n onClick,\n newTabAndIUnderstandTheAccessibilityImplications,\n onFocus,\n onBlur,\n ...rest\n } = props\n const customProps = getCustomProps(rest)\n\n const target = newTabAndIUnderstandTheAccessibilityImplications\n ? \"_blank\"\n : \"_self\"\n\n return (\n <a\n id={id}\n href={href}\n target={target}\n rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n className={buttonClass(props)}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={ref}\n aria-label={generateAriaLabel(props)}\n {...customProps}\n >\n {renderContent(props)}\n </a>\n )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n const isDefault = !props.primary && !props.destructive && !props.secondary\n return classnames(\n styles.button,\n isDefault && styles.default,\n props.primary && styles.primary,\n props.destructive && styles.destructive,\n props.secondary && styles.secondary,\n props.size && styles[props.size],\n props.reversed && styles.reversed,\n props.iconButton && styles.iconButton,\n props.working && styles.working,\n (props.directionalLink \|\| props.paginationLink) && styles.circleButton,\n props.directionalLink && styles.directionalLink,\n props.paginationLink && styles.paginationLink,\n props.isActive && styles.isPaginationLinkActive,\n props.classNameOverride\n )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n <div className={styles.loadingSpinner}>\n <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n </div>\n)\n\nconst renderWorkingContent = (\n props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n if (props.workingLabelHidden) {\n return (\n <>\n {/ This is to ensure the button stays at the correct width */}\n <span className={styles.hidden} aria-hidden=\"true\">\n {renderDefaultContent(props)}\n </span>\n <span className={styles.centeredLoadingSpinner}>\n {renderLoadingSpinner()}\n </span>\n </>\n )\n }\n\n return (\n <>\n {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n <span className={styles.label}>{props.workingLabel}</span>\n {props.additionalContent && (\n <span className={styles.additionalContentWrapper}>\n {props.additionalContent}\n </span>\n )}\n {props.iconPosition === \"end\" && renderLoadingSpinner()}\n </>\n )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n <>\n {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n {(!props.icon \|\| !props.iconButton) && (\n <span className={styles.label}>{props.label}</span>\n )}\n {props.additionalContent && (\n <span className={styles.additionalContentWrapper}>\n {props.additionalContent}\n </span>\n )}\n {renderBadge(props)}\n {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element \| null => {\n if (!props.badge) return null\n\n const { text, animateChange, reversed, variant } = props.badge\n\n if (animateChange) {\n return (\n <BadgeAnimated variant={variant} reversed={reversed}>\n {text}\n </BadgeAnimated>\n )\n }\n return (\n <Badge variant={variant} reversed={reversed}>\n {text}\n </Badge>\n )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n <span className={styles.content}>\n {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string \| undefined => {\n if (props.working && props.workingLabelHidden) {\n return props.workingLabel\n }\n\n if (props.iconButton) {\n return props.label\n }\n\n return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","undefined","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","tabIndex","target","rel","isDefault","destructive","button","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":"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"}

package/dist/cjs/KaizenProvider/KaizenProvider.cjs CHANGED Viewed

@@ -1,6 +1,11 @@
 'use strict';
 var React = require('react');
+require('../Notification/InlineNotification/InlineNotification.cjs');
+require('../Notification/GlobalNotification/GlobalNotification.cjs');
+require('../Notification/ToastNotification/ToastNotification/ToastNotification.cjs');
+var ToastNotificationsList = require('../Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.cjs');
+var ToastNotificationContext = require('../Notification/ToastNotification/context/ToastNotificationContext.cjs');
 var FontDefinitions = require('./subcomponents/FontDefinitions/FontDefinitions.cjs');
 var OptionalIntlProvider = require('./subcomponents/OptionalIntlProvider/OptionalIntlProvider.cjs');
 const KaizenProvider = /*#__PURE__*/function () {
@@ -10,7 +15,7 @@ const KaizenProvider = /*#__PURE__*/function () {
       locale = _b === void 0 ? "en" : _b;
     return React.createElement(OptionalIntlProvider.OptionalIntlProvider, {
       locale: locale
-    }, React.createElement(React.Fragment, null, children, React.createElement(FontDefinitions.FontDefinitions, null)));
+    }, React.createElement(React.Fragment, null, React.createElement(ToastNotificationContext.ToastNotificationProvider, null, React.createElement(ToastNotificationsList.ToastNotificationsList, null), children), React.createElement(FontDefinitions.FontDefinitions, null)));
   };
   KaizenProvider.displayName = "KaizenProvider";
   return KaizenProvider;

package/dist/cjs/KaizenProvider/KaizenProvider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KaizenProvider.cjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React from \"react\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n children: React.ReactNode\n locale?: string\n}\n\nexport const KaizenProvider = ({\n children,\n locale = \"en\",\n}: KaizenProviderProps): JSX.Element => (\n <OptionalIntlProvider locale={locale}>\n <>\n {children}\n <FontDefinitions />\n </>\n </OptionalIntlProvider>\n)\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","_b","locale","React","createElement","OptionalIntlProvider","Fragment","FontDefinitions","displayName"],"mappings":"~~;;;;;MASaA~~,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,MAAa;MAAbA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAAA,EAAA;IACyB,OACtCE,KAAC,CAAAC,aAAA,CAAAC,oBAAoB,CAAAA,oBAAA,EAAC;MAAAH,MAAM,EAAEA;IAAM,CAAA,EAClCC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EAAA,IAAA,~~EACGN~~,QAAQ,~~EACTG~~,KAAA,CAAAC,aAAA,~~CAACG~~,eAAAA,CAAAA,eAAe,EAAA,IAAA,CAAG,CAClB,CACkB;~~EANe~~,~~CAOvC~~;~~EAEDT~~,cAAc,~~CAACU~~,WAAW,GAAG,gBAAgB;EAAA,~~OAZhCV~~,cAAc;AAAA;"}
1	+ {"version":3,"file":"KaizenProvider.cjs","sources":["../../../src/KaizenProvider/KaizenProvider.tsx"],"sourcesContent":["import React from \"react\"\nimport { ToastNotificationsList } from \"~components/Notification\"\nimport { ToastNotificationProvider } from \"~components/Notification/ToastNotification/context/ToastNotificationContext\"\nimport { FontDefinitions } from \"./subcomponents/FontDefinitions\"\nimport { OptionalIntlProvider } from \"./subcomponents/OptionalIntlProvider\"\n\nexport type KaizenProviderProps = {\n children: React.ReactNode\n locale?: string\n}\n\nexport const KaizenProvider = ({\n children,\n locale = \"en\",\n}: KaizenProviderProps): JSX.Element => (\n <OptionalIntlProvider locale={locale}>\n <>\n <ToastNotificationProvider>\n <ToastNotificationsList />\n {children}\n </ToastNotificationProvider>\n <FontDefinitions />\n </>\n </OptionalIntlProvider>\n)\n\nKaizenProvider.displayName = \"KaizenProvider\"\n"],"names":["KaizenProvider","_a","children","_b","locale","React","createElement","OptionalIntlProvider","Fragment","ToastNotificationProvider","ToastNotificationsList","FontDefinitions","displayName"],"mappings":";;;;;;;;;;MAWaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFpB,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,MAAa;MAAbA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAAA,EAAA;IACyB,OACtCE,KAAC,CAAAC,aAAA,CAAAC,oBAAoB,CAAAA,oBAAA,EAAC;MAAAH,MAAM,EAAEA;IAAM,CAAA,EAClCC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EAAA,IAAA,EACEH,KAAA,CAAAC,aAAA,CAACG,wBAAAA,CAAAA,yBAAyB,EAAA,IAAA,EACxBJ,KAAA,CAAAC,aAAA,CAACI,sBAAsB,CAAAA,sBAAA,EAAG,IAAA,CAAA,EACzBR,QAAQ,CACiB,EAC5BG,KAAA,CAAAC,aAAA,CAACK,eAAAA,CAAAA,eAAe,EAAA,IAAA,CAAG,CAClB,CACkB;EATe,CAUvC;EAEDX,cAAc,CAACY,WAAW,GAAG,gBAAgB;EAAA,OAfhCZ,cAAc;AAAA;"}

package/dist/cjs/Modal/ContextModal/ContextModal.cjs CHANGED Viewed

@@ -26,6 +26,7 @@ const ContextModal = /*#__PURE__*/function () {
       layout = _c === void 0 ? "portrait" : _c,
       title = _a.title,
       onConfirm = _a.onConfirm,
+      propsOnDismiss = _a.onDismiss,
       onAfterLeave = _a.onAfterLeave,
       _d = _a.confirmLabel,
       confirmLabel = _d === void 0 ? "Confirm" : _d,
@@ -34,8 +35,10 @@ const ContextModal = /*#__PURE__*/function () {
       children = _a.children,
       contentHeader = _a.contentHeader,
       image = _a.image,
-      props = tslib.__rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onAfterLeave", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image"]);
-    var onDismiss = confirmWorking ? undefined : props.onDismiss;
+      secondaryLabel = _a.secondaryLabel,
+      onSecondaryAction = _a.onSecondaryAction,
+      props = tslib.__rest(_a, ["isOpen", "unpadded", "layout", "title", "onConfirm", "onDismiss", "onAfterLeave", "confirmLabel", "confirmWorking", "renderBackground", "children", "contentHeader", "image", "secondaryLabel", "onSecondaryAction"]);
+    var onDismiss = confirmWorking ? undefined : propsOnDismiss;
     var footerActions = [];
     var workingProps = confirmWorking ? {
       working: true,
@@ -49,10 +52,10 @@ const ContextModal = /*#__PURE__*/function () {
       };
       footerActions.push(tslib.__assign(tslib.__assign({}, confirmAction), workingProps));
     }
-    if (props.secondaryLabel) {
+    if (secondaryLabel) {
       footerActions.push({
-        label: props.secondaryLabel,
-        onClick: props.onSecondaryAction,
+        label: secondaryLabel,
+        onClick: onSecondaryAction,
         disabled: !!confirmWorking
       });
     }
@@ -80,7 +83,7 @@ const ContextModal = /*#__PURE__*/function () {
     }, image), React.createElement("div", {
       className: ContextModal_module.content
     }, children, onConfirm != null && React.createElement("div", {
-      className: props.secondaryLabel ? ContextModal_module.footerWithSecondaryAction : ContextModal_module.footer
+      className: secondaryLabel ? ContextModal_module.footerWithSecondaryAction : ContextModal_module.footer
     })))), React.createElement(ModalFooter.ModalFooter, {
       variant: image ? "context" : undefined,
       actions: footerActions,

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

	@@ -1 +1 @@
1	- {"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":";;;;;;;;;;;;;;;~~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,eAAO,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;"}
1	+ {"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 onSecondaryAction?: never\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 onDismiss: propsOnDismiss,\n onAfterLeave,\n confirmLabel = \"Confirm\",\n confirmWorking,\n renderBackground,\n children,\n contentHeader,\n image,\n secondaryLabel,\n onSecondaryAction,\n ...props\n}: ContextModalProps): JSX.Element => {\n const onDismiss = confirmWorking ? undefined : propsOnDismiss\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 (secondaryLabel) {\n footerActions.push({\n label: secondaryLabel,\n onClick: 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 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","propsOnDismiss","onDismiss","onAfterLeave","_d","confirmLabel","confirmWorking","renderBackground","children","contentHeader","image","secondaryLabel","onSecondaryAction","props","__rest","undefined","footerActions","workingProps","working","workingLabel","label","workingLabelHidden","labelHidden","confirmAction","onClick","push","__assign","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":";;;;;;;;;;;;;;;AAiDA;;;AAGG;AAHH,MAIaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAiBT,EAAA;IAhBlB,IAAAC,MAAM,GAAAD,EAAA,CAAAC,MAAA;MACNC,EAAA,GAAAF,EAAA,CAAAG,QAAgB;MAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,EAAmB,GAAAJ,EAAA,CAAAK,MAAA;MAAnBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,UAAU,GAAAA,EAAA;MACnBE,KAAK,GAAAN,EAAA,CAAAM,KAAA;MACLC,SAAS,GAAAP,EAAA,CAAAO,SAAA;MACEC,cAAc,GAAAR,EAAA,CAAAS,SAAA;MACzBC,YAAY,GAAAV,EAAA,CAAAU,YAAA;MACZC,EAAA,GAAAX,EAAA,CAAAY,YAAwB;MAAxBA,YAAY,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAAA,EAAA;MACxBE,cAAc,GAAAb,EAAA,CAAAa,cAAA;MACdC,gBAAgB,GAAAd,EAAA,CAAAc,gBAAA;MAChBC,QAAQ,GAAAf,EAAA,CAAAe,QAAA;MACRC,aAAa,GAAAhB,EAAA,CAAAgB,aAAA;MACbC,KAAK,GAAAjB,EAAA,CAAAiB,KAAA;MACLC,cAAc,GAAAlB,EAAA,CAAAkB,cAAA;MACdC,iBAAiB,GAAAnB,EAAA,CAAAmB,iBAAA;MACdC,KAAK,GAhBmBC,KAAAA,CAAAA,MAAA,CAAArB,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,eAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,mBAAA,CAiB5B,CADS;IAER,IAAMS,SAAS,GAAGI,cAAc,GAAGS,SAAS,GAAGd,cAAc;IAE7D,IAAMe,aAAa,GAAkB,EAAE;IAEvC,IAAMC,YAAY,GAAGX,cAAc,GAC/B;MACEY,OAAO,EAAE,IAAI;MACbC,YAAY,EAAEb,cAAc,CAACc,KAAK;MAClCC,kBAAkB,EAAEf,cAAc,CAACgB;IACpC,CAAA,GACD,EAAE;IAEN,IAAItB,SAAS,EAAE;MACb,IAAMuB,aAAa,GAAG;QAAEH,KAAK,EAAEf,YAAY;QAAEmB,OAAO,EAAExB;MAAS,CAAE;MACjEgB,aAAa,CAACS,IAAI,CAAAC,KAAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAMH,aAAa,CAAK,EAAAN,YAAY,EAAG;IAC1D;IAED,IAAIN,cAAc,EAAE;MAClBK,aAAa,CAACS,IAAI,CAAC;QACjBL,KAAK,EAAET,cAAc;QACrBa,OAAO,EAAEZ,iBAAiB;QAC1Be,QAAQ,EAAE,CAAC,CAACrB;MACb,CAAA,CAAC;IACH;IAED,OACEsB,KAAC,CAAAC,aAAA,CAAAC,YAAY,CAAAA,YAAA;MACXpC,MAAM,EAAEA,MAAM;MACdqC,aAAa,EAAE7B,SAAS;MACxB8B,mBAAmB,EAAE9B,SAAS;MAC9BC,YAAY,EAAEA;IAAY,CAAA,EAE1ByB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAH,KAAAA,CAAAA,QAAA,CAAA;MAAKO,SAAS,EAAEC,mBAAM,CAACC,KAAK;;OAAiBtB,KAAK,CAAA,EAC/CN,gBAAgB,IAAIA,gBAAgB,CAAE,CAAA,EACvCqB,KAAA,CAAAC,aAAA,CAACO,WAAAA,CAAAA,WAAW,EAAA;MAAClC,SAAS,EAAEA;IAAS,CAAA,EAC/B0B,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEI,SAAS,EAAEI,UAAU,CAACH,mBAAM,CAACI,MAAM,EAAE,CAAC1C,QAAQ,IAAIsC,mBAAM,CAACK,MAAM;IAAC,CAAA,EAEhEX,KAAA,CAAAC,aAAA,CAACW,oBAAAA,CAAAA,oBAAoB,EAAA,IAAA,EACnBZ,KAAA,CAAAC,aAAA,CAACY,eAAO,EAAA;MAACC,OAAO,EAAC,WAAW;MAACC,GAAG,EAAC;IAC9B,CAAA,EAAA5C,KAAK,CACE,CACW,CACnB,CACM,EACbU,aAAa,IACZmB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKI,SAAS,EAAEC,mBAAM,CAACzB;KAAa,EAAGA,aAAa,CACrD,EACDmB,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,CAAGhD,MAAM,EAAA,eAAA,CAAe,CAAC;IACjC,CAAA,EAEAY,KAAK,IAAIkB;MAAKK,SAAS,EAAEC,mBAAM,CAACxB;IAAQ,CAAA,EAAAA,KAAK,CAAO,EACrDkB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKI,SAAS,EAAEC,mBAAM,CAACa;IAAO,CAAA,EAC3BvC,QAAQ,EACRR,SAAS,IAAI,IAAI,IAChB4B,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAI,SAAS,EACPtB,cAAc,GACVuB,mBAAM,CAACc,yBAAyB,GAChCd,mBAAM,CAACe;IAAM,EAGtB,CACG,CACF,CACI,EACZrB,KAAA,CAAAC,aAAA,CAACqB,WAAW,CAAAA,WAAA,EAAA;MACVR,OAAO,EAAEhC,KAAK,GAAG,SAAS,GAAGK,SAAS;MACtCoC,OAAO,EAAEnC,aAAa;MACtBoC,UAAU,EAAC,SAAS;MACpBxD,QAAQ,EAAEA;IAAQ,CAAA,CAClB,CACE,CACO;EAEnB,CAAC;EAEDJ,YAAY,CAAC6D,WAAW,GAAG,cAAc;EAAA,OAnG5B7D,YAAY;AAAA;"}

package/dist/cjs/MultiSelect/subcomponents/Popover/Popover.cjs CHANGED Viewed

@@ -22,7 +22,7 @@ const Popover = /*#__PURE__*/function () {
         floating: refs.floating.current
       },
       placement: "bottom-start",
-      middleware: [reactDom.offset(15), reactDom.flip(), reactDom.size({
+      middleware: [reactDom.offset(6), reactDom.flip(), reactDom.size({
         apply: function (_a) {
           var availableWidth = _a.availableWidth,
             availableHeight = _a.availableHeight,

package/dist/cjs/MultiSelect/subcomponents/Popover/Popover.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.cjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n autoUpdate,\n flip,\n offset,\n ReferenceType,\n useFloating,\n UseFloatingReturn,\n UseFloatingOptions,\n size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n children: React.ReactNode\n refs: UseFloatingReturn<RT>[\"refs\"]\n /*\n passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n */\n floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n portalContainer?: Element \| DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n children,\n refs,\n floatingOptions,\n focusOnProps,\n portalContainer,\n classNameOverride,\n ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n const { floatingStyles } = useFloating({\n elements: {\n reference: refs.reference.current,\n floating: refs.floating.current,\n },\n placement: \"bottom-start\",\n middleware: [\n offset(15),\n flip(),\n size({\n apply({ availableWidth, availableHeight, elements }) {\n Object.assign(elements.floating.style, {\n maxWidth: `${Math.min(availableWidth, 400)}px`,\n minWidth: `${Math.min(availableWidth, 196)}px`,\n maxHeight: `${Math.min(availableHeight, 352)}px`,\n })\n },\n }),\n ],\n whileElementsMounted: autoUpdate,\n ...floatingOptions,\n })\n\n return createPortal(\n <FocusOn scrollLock={false} {...focusOnProps}>\n <div\n ref={refs.setFloating}\n style={floatingStyles}\n className={classnames(styles.popover, classNameOverride)}\n role=\"dialog\"\n aria-modal=\"true\"\n {...restProps}\n >\n {children}\n </div>\n </FocusOn>,\n portalContainer ?? document.body\n )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,QAAAA,CAAAA,WAAW,CAAAC,KAAA,CAAAA,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,QAAAA,CAAAA,MAAM,CAAC,~~EAAE~~,CAAC,~~EACVC~~,aAAI,CAAE,CAAA,EACNC,aAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC,QAAU,CAAAA;IAAA,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,OAAOgC,QAAY,CAAAA,YAAA,CACjBC,KAAC,CAAAC,aAAA,CAAAC,YAAO,CAAAA,OAAA;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,EAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,KAAA,CAAAA,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}
1	+ {"version":3,"file":"Popover.cjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n autoUpdate,\n flip,\n offset,\n ReferenceType,\n useFloating,\n UseFloatingReturn,\n UseFloatingOptions,\n size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n children: React.ReactNode\n refs: UseFloatingReturn<RT>[\"refs\"]\n /*\n passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n */\n floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n portalContainer?: Element \| DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n children,\n refs,\n floatingOptions,\n focusOnProps,\n portalContainer,\n classNameOverride,\n ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n const { floatingStyles } = useFloating({\n elements: {\n reference: refs.reference.current,\n floating: refs.floating.current,\n },\n placement: \"bottom-start\",\n middleware: [\n offset(6),\n flip(),\n size({\n apply({ availableWidth, availableHeight, elements }) {\n Object.assign(elements.floating.style, {\n maxWidth: `${Math.min(availableWidth, 400)}px`,\n minWidth: `${Math.min(availableWidth, 196)}px`,\n maxHeight: `${Math.min(availableHeight, 352)}px`,\n })\n },\n }),\n ],\n whileElementsMounted: autoUpdate,\n ...floatingOptions,\n })\n\n return createPortal(\n <FocusOn scrollLock={false} {...focusOnProps}>\n <div\n ref={refs.setFloating}\n style={floatingStyles}\n className={classnames(styles.popover, classNameOverride)}\n role=\"dialog\"\n aria-modal=\"true\"\n {...restProps}\n >\n {children}\n </div>\n </FocusOn>,\n portalContainer ?? document.body\n )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,QAAAA,CAAAA,WAAW,CAAAC,KAAA,CAAAA,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,QAAAA,CAAAA,MAAM,CAAC,CAAC,CAAC,EACTC,aAAI,CAAE,CAAA,EACNC,aAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC,QAAU,CAAAA;IAAA,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,OAAOgC,QAAY,CAAAA,YAAA,CACjBC,KAAC,CAAAC,aAAA,CAAAC,YAAO,CAAAA,OAAA;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,EAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,KAAA,CAAAA,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}

package/dist/cjs/Notification/ToastNotification/ToastNotification/ToastNotification.cjs ADDED Viewed

@@ -0,0 +1,33 @@
+'use strict';
+var tslib = require('tslib');
+var React = require('react');
+var ToastNotificationContext = require('../context/ToastNotificationContext.cjs');
+var ToastNotification = function (_a) {
+  var propsId = _a.id,
+    _b = _a.hideCloseIcon,
+    hideCloseIcon = _b === void 0 ? false : _b,
+    type = _a.type,
+    title = _a.title,
+    onHide = _a.onHide,
+    children = _a.children,
+    restProps = tslib.__rest(_a, ["id", "hideCloseIcon", "type", "title", "onHide", "children"]);
+  var reactId = React.useId();
+  var id = propsId || reactId;
+  var addToastNotification = ToastNotificationContext.useToastNotificationContext().addToastNotification;
+  var persistent = hideCloseIcon;
+  React.useEffect(function () {
+    addToastNotification(tslib.__assign({
+      id: id,
+      type: type,
+      title: title,
+      message: children,
+      persistent: persistent,
+      onHide: onHide
+    }, restProps));
+  }, []);
+  return null;
+};
+ToastNotification.displayName = "ToastNotification";
+exports.ToastNotification = ToastNotification;
+//# sourceMappingURL=ToastNotification.cjs.map

package/dist/cjs/Notification/ToastNotification/ToastNotification/ToastNotification.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToastNotification.cjs","sources":["../../../../../src/Notification/ToastNotification/ToastNotification/ToastNotification.tsx"],"sourcesContent":["import React, { useEffect, useId } from \"react\"\nimport { useToastNotificationContext } from \"../context/ToastNotificationContext\"\nimport { ToastNotificationObj } from \"../types\"\n\nexport type ToastNotificationProps = Omit<\n ToastNotificationObj,\n \"id\" | \"message\" | \"persistent\"\n> & {\n children: React.ReactNode\n id?: string\n /**\n * Removes the dismiss trigger. Functions the same as `persistent` in `addToastNotification`.\n * If this is true you will need to manage the removal of notifications manually.\n * @default false\n */\n hideCloseIcon?: boolean\n}\n\nexport const ToastNotification = ({\n id: propsId,\n hideCloseIcon = false,\n type,\n title,\n onHide,\n children,\n ...restProps\n}: ToastNotificationProps): null => {\n const reactId = useId()\n const id = propsId || reactId\n const { addToastNotification } = useToastNotificationContext()\n const persistent = hideCloseIcon\n\n useEffect(() => {\n addToastNotification({\n id,\n type,\n title,\n message: children,\n persistent,\n onHide,\n ...restProps,\n })\n }, [])\n\n return null\n}\n\nToastNotification.displayName = \"ToastNotification\"\n"],"names":["ToastNotification","_a","propsId","id","_b","hideCloseIcon","type","title","onHide","children","restProps","__rest","reactId","useId","addToastNotification","useToastNotificationContext","persistent","useEffect","__assign","message","displayName"],"mappings":";;;;;AAkBO,IAAMA,iBAAiB,GAAG,SAAAA,CAACC,EAQT,EAAA;EAPvB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;IACXC,EAAqB,GAAAH,EAAA,CAAAI,aAAA;IAArBA,aAAa,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IACrBE,IAAI,GAAAL,EAAA,CAAAK,IAAA;IACJC,KAAK,GAAAN,EAAA,CAAAM,KAAA;IACLC,MAAM,GAAAP,EAAA,CAAAO,MAAA;IACNC,QAAQ,GAAAR,EAAA,CAAAQ,QAAA;IACLC,SAAS,GAPoBC,KAAA,CAAAA,MAAA,CAAAV,EAAA,EAAA,CAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,CAQjC,CADa;EAEZ,IAAMW,OAAO,GAAGC,KAAAA,CAAAA,KAAK,EAAE;EACvB,IAAMV,EAAE,GAAGD,OAAO,IAAIU,OAAO;EACrB,IAAAE,oBAAoB,GAAKC,oDAA2B,CAAE,CAAA,qBAAlC;EAC5B,IAAMC,UAAU,GAAGX,aAAa;EAEhCY,KAAAA,CAAAA,SAAS,CAAC,YAAA;IACRH,oBAAoB,CAAAI,KAAA,CAAAA,QAAA,CAAA;MAClBf,EAAE,EAAAA,EAAA;MACFG,IAAI,EAAAA,IAAA;MACJC,KAAK,EAAAA,KAAA;MACLY,OAAO,EAAEV,QAAQ;MACjBO,UAAU,EAAAA,UAAA;MACVR,MAAM,EAAAA;IAAA,CAAA,EACHE,SAAS,CAAA,CACZ;EACH,CAAA,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACb,CAAC;AAEDV,iBAAiB,CAACoB,WAAW,GAAG,mBAAmB;"}

package/dist/cjs/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.cjs ADDED Viewed

@@ -0,0 +1,36 @@
+'use strict';
+var React = require('react');
+var ReactDOM = require('react-dom');
+var ToastNotificationContext = require('../context/ToastNotificationContext.cjs');
+var ToastNotificationsMap = require('./subcomponents/ToastNotificationsMap/ToastNotificationsMap.cjs');
+var ToastNotificationsList_module = require('./ToastNotificationsList.module.scss.cjs');
+const ToastNotificationsList = /*#__PURE__*/function () {
+  const ToastNotificationsList = function () {
+    var _a = ToastNotificationContext.useToastNotificationContext(),
+      notifications = _a.notifications,
+      removeToastNotification = _a.removeToastNotification;
+    var containers = document.querySelectorAll('[data-testid="toast-notifications-list"');
+    if (containers) {
+      // Remove any duplicate instances
+      // (eg. Storybook docs page has multiple stories each with their own context)
+      containers.forEach(function (c, i) {
+        if (i === 0) return;
+        c.remove();
+      });
+    }
+    return ReactDOM.createPortal(React.createElement("div", {
+      "data-testid": "toast-notifications-list",
+      role: "status",
+      className: ToastNotificationsList_module.toastNotificationsList
+    }, React.createElement(ToastNotificationsMap.ToastNotificationsMap, {
+      notifications: notifications,
+      onHide: removeToastNotification,
+      container: containers[0]
+    })), document.body);
+  };
+  ToastNotificationsList.displayName = "ToastNotificationsList";
+  return ToastNotificationsList;
+}();
+exports.ToastNotificationsList = ToastNotificationsList;
+//# sourceMappingURL=ToastNotificationsList.cjs.map

package/dist/cjs/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToastNotificationsList.cjs","sources":["../../../../../src/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.tsx"],"sourcesContent":["import React from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { useToastNotificationContext } from \"../context/ToastNotificationContext\"\nimport { ToastNotificationsMap } from \"./subcomponents/ToastNotificationsMap\"\nimport styles from \"./ToastNotificationsList.module.scss\"\n\nexport const ToastNotificationsList = (): JSX.Element => {\n const { notifications, removeToastNotification } =\n useToastNotificationContext()\n\n const containers = document.querySelectorAll(\n '[data-testid=\"toast-notifications-list\"'\n )\n\n if (containers) {\n // Remove any duplicate instances\n // (eg. Storybook docs page has multiple stories each with their own context)\n containers.forEach((c, i) => {\n if (i === 0) return\n c.remove()\n })\n }\n\n return createPortal(\n <div\n data-testid=\"toast-notifications-list\"\n role=\"status\"\n className={styles.toastNotificationsList}\n >\n <ToastNotificationsMap\n notifications={notifications}\n onHide={removeToastNotification}\n container={containers[0]}\n />\n </div>,\n document.body\n )\n}\n\nToastNotificationsList.displayName = \"ToastNotificationsList\"\n"],"names":["ToastNotificationsList","_a","useToastNotificationContext","notifications","removeToastNotification","containers","document","querySelectorAll","forEach","c","i","remove","createPortal","React","createElement","role","className","styles","toastNotificationsList","ToastNotificationsMap","onHide","container","body","displayName"],"mappings":";;;;;;;MAMaA,sBAAsB;EAAA,MAAtBA,sBAAsB,GAAG,SAAAA,CAAA,EAAA;IAC9B,IAAAC,EAAA,GACJC,wBAA2B,CAAAA,2BAAA,CAAA,CAAE;MADvBC,aAAa,GAAAF,EAAA,CAAAE,aAAA;MAAEC,uBAAuB,GAAAH,EAAA,CAAAG,uBACf;IAE/B,IAAMC,UAAU,GAAGC,QAAQ,CAACC,gBAAgB,CAC1C,yCAAyC,CAC1C;IAED,IAAIF,UAAU,EAAE;;;MAGdA,UAAU,CAACG,OAAO,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAA;QACtB,IAAIA,CAAC,KAAK,CAAC,EAAE;QACbD,CAAC,CAACE,MAAM,CAAA,CAAE;MACZ,CAAC,CAAC;IACH;IAED,OAAOC,qBAAY,CACjBC,KACc,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAA,aAAA,EAAA,0BAA0B;MACtCC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAEC,6BAAM,CAACC;IAAsB,CAAA,EAExCL,KAAC,CAAAC,aAAA,CAAAK,qBAAqB,CAAAA,qBAAA;MACpBhB,aAAa,EAAEA,aAAa;MAC5BiB,MAAM,EAAEhB,uBAAuB;MAC/BiB,SAAS,EAAEhB,UAAU,CAAC,CAAC;IAAC,CACxB,CAAA,CACE,EACNC,QAAQ,CAACgB,IAAI,CACd;EACH,CAAC;EAEDtB,sBAAsB,CAACuB,WAAW,GAAG,wBAAwB;EAAA,OAjChDvB,sBAAsB;AAAA;"}

package/dist/cjs/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.module.scss.cjs ADDED Viewed

@@ -0,0 +1,7 @@
+'use strict';
+var styles = {
+  "toastNotificationsList": "ToastNotificationsList-module_toastNotificationsList__APiSP"
+};
+module.exports = styles;
+//# sourceMappingURL=ToastNotificationsList.module.scss.cjs.map

package/dist/cjs/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.module.scss.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ToastNotificationsList.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.cjs ADDED Viewed

@@ -0,0 +1,42 @@
+'use strict';
+var tslib = require('tslib');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var GenericNotification = require('../../../../subcomponents/GenericNotification/GenericNotification.cjs');
+const ToastNotificationsMap = /*#__PURE__*/function () {
+  const ToastNotificationsMap = function (_a) {
+    var notifications = _a.notifications,
+      defaultOnHide = _a.onHide,
+      container = _a.container;
+    if (!container) return null;
+    // To consolidate all notifications into a single list when there are multiple contexts,
+    // this list cannot render with a container (must be portalled into one).
+    return ReactDOM.createPortal(React.createElement(React.Fragment, null, notifications.map(function (_a) {
+      var id = _a.id,
+        type = _a.type,
+        title = _a.title,
+        persistent = _a.persistent,
+        onHide = _a.onHide,
+        message = _a.message,
+        restProps = tslib.__rest(_a, ["id", "type", "title", "persistent", "onHide", "message"]);
+      return React.createElement(GenericNotification.GenericNotification, tslib.__assign({
+        key: id,
+        style: "toast",
+        type: type,
+        title: title,
+        persistent: persistent,
+        onHide: function () {
+          if (typeof onHide !== "undefined") {
+            onHide();
+          }
+          defaultOnHide(id);
+        }
+      }, restProps), message);
+    })), container);
+  };
+  ToastNotificationsMap.displayName = "ToastNotificationsMap";
+  return ToastNotificationsMap;
+}();
+exports.ToastNotificationsMap = ToastNotificationsMap;
+//# sourceMappingURL=ToastNotificationsMap.cjs.map

package/dist/cjs/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToastNotificationsMap.cjs","sources":["../../../../../../../src/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { GenericNotification } from \"~components/Notification/subcomponents/GenericNotification\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ToastNotificationObj } from \"../../../types\"\n\nexport type ToastNotificationsMapProps = {\n notifications: ToastNotificationObj[]\n onHide: (notificationId: string) => void\n container: Element | null\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const ToastNotificationsMap = ({\n notifications,\n onHide: defaultOnHide,\n container,\n}: ToastNotificationsMapProps): JSX.Element | null => {\n if (!container) return null\n\n // To consolidate all notifications into a single list when there are multiple contexts,\n // this list cannot render with a container (must be portalled into one).\n return createPortal(\n <>\n {notifications.map(\n ({ id, type, title, persistent, onHide, message, ...restProps }) => (\n <GenericNotification\n key={id}\n style=\"toast\"\n type={type}\n title={title}\n persistent={persistent}\n onHide={(): void => {\n if (typeof onHide !== \"undefined\") {\n onHide()\n }\n defaultOnHide(id)\n }}\n {...restProps}\n >\n {message}\n </GenericNotification>\n )\n )}\n </>,\n container\n )\n}\n\nToastNotificationsMap.displayName = \"ToastNotificationsMap\"\n"],"names":["ToastNotificationsMap","_a","notifications","defaultOnHide","onHide","container","createPortal","React","createElement","Fragment","map","id","type","title","persistent","message","restProps","__rest","GenericNotification","__assign","key","style","displayName"],"mappings":";;;;;;MAYaA,qBAAqB;EAAA,MAArBA,qBAAqB,GAAG,SAAAA,CAACC,EAIT,EAAA;IAH3B,IAAAC,aAAa,mBAAA;MACLC,aAAa,GAAAF,EAAA,CAAAG,MAAA;MACrBC,SAAS,GAAAJ,EAAA,CAAAI,SAAA;IAET,IAAI,CAACA,SAAS,EAAE,OAAO,IAAI;;;IAI3B,OAAOC,QAAY,CAAAA,YAAA,CACjBC,KACG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAAP,aAAa,CAACQ,GAAG,CAChB,UAACT,EAA8D,EAAA;MAA5D,IAAAU,EAAE,QAAA;QAAEC,IAAI,UAAA;QAAEC,KAAK,WAAA;QAAEC,UAAU,gBAAA;QAAEV,MAAM,YAAA;QAAEW,OAAO,aAAA;QAAKC,SAAS,GAA5DC,KAAA,CAAAA,MAAA,CAAAhB,EAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,QAAA,EAAA,SAAA,CAA8D,CAAF;MAAO,OAClEM,KAAC,CAAAC,aAAA,CAAAU,mBAAmB,CAAAA,mBAAA,EAClBC,KAAA,CAAAA,QAAA,CAAA;QAAAC,GAAG,EAAET,EAAE;QACPU,KAAK,EAAC,OAAO;QACbT,IAAI,EAAEA,IAAI;QACVC,KAAK,EAAEA,KAAK;QACZC,UAAU,EAAEA,UAAU;QACtBV,MAAM,EAAE,SAAAA,CAAA,EAAA;UACN,IAAI,OAAOA,MAAM,KAAK,WAAW,EAAE;YACjCA,MAAM,EAAE;UACT;UACDD,aAAa,CAACQ,EAAE,CAAC;QACnB;SACIK,SAAS,CAAA,EAEZD,OAAO,CACY;IACvB,CAAA,CACF,CACA,EACHV,SAAS,CACV;EACH,CAAC;EAEDL,qBAAqB,CAACsB,WAAW,GAAG,uBAAuB;EAAA,OApC9CtB,qBAAqB;AAAA;"}

package/dist/cjs/Notification/ToastNotification/context/ToastNotificationContext.cjs ADDED Viewed

@@ -0,0 +1,72 @@
+'use strict';
+var tslib = require('tslib');
+var React = require('react');
+var uuid = require('uuid');
+var ToastNotificationContext = React.createContext(null);
+var useToastNotificationContext = function () {
+  var context = React.useContext(ToastNotificationContext);
+  if (!context) {
+    throw new Error("useToastNotificationContext must be used within the ToastNotificationContext.Provider");
+  }
+  return context;
+};
+const ToastNotificationProvider = /*#__PURE__*/function () {
+  const ToastNotificationProvider = function (_a) {
+    var children = _a.children;
+    var _b = React.useState([]),
+      notifications = _b[0],
+      setNotifications = _b[1];
+    var addToastNotification = function (notification) {
+      var uuid$1 = uuid.v4();
+      var notificationWithId = tslib.__assign({
+        id: uuid$1
+      }, notification);
+      var notificationExists = notifications.find(function (_a) {
+        var id = _a.id;
+        return id === notification.id;
+      });
+      if (!notificationExists) {
+        setNotifications(function (existing) {
+          return tslib.__spreadArray(tslib.__spreadArray([], existing, true), [notificationWithId], false);
+        });
+      }
+    };
+    var updateToastNotification = function (notification) {
+      var notificationIndex = notifications.findIndex(function (_a) {
+        var id = _a.id;
+        return id === notification.id;
+      });
+      var copy = notifications.slice();
+      copy.splice(notificationIndex, 1, notification); // Mutation to insert notification over itself
+      setNotifications(copy);
+    };
+    var removeToastNotification = function (notificationID) {
+      var notificationIndex = notifications.findIndex(function (_a) {
+        var id = _a.id;
+        return id === notificationID;
+      });
+      var copy = notifications.slice();
+      copy.splice(notificationIndex, 1); // Mutation
+      setNotifications(copy);
+    };
+    var clearToastNotifications = function () {
+      setNotifications([]);
+    };
+    var value = {
+      notifications: notifications,
+      addToastNotification: addToastNotification,
+      updateToastNotification: updateToastNotification,
+      removeToastNotification: removeToastNotification,
+      clearToastNotifications: clearToastNotifications
+    };
+    return React.createElement(ToastNotificationContext.Provider, {
+      value: value
+    }, children);
+  };
+  ToastNotificationProvider.displayName = "ToastNotificationProvider";
+  return ToastNotificationProvider;
+}();
+exports.ToastNotificationProvider = ToastNotificationProvider;
+exports.useToastNotificationContext = useToastNotificationContext;
+//# sourceMappingURL=ToastNotificationContext.cjs.map

package/dist/cjs/Notification/ToastNotification/context/ToastNotificationContext.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToastNotificationContext.cjs","sources":["../../../../../src/Notification/ToastNotification/context/ToastNotificationContext.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { ToastNotificationObj } from \"../types\"\n\ntype ToastNotificationObjOptionalId = Omit<ToastNotificationObj, \"id\"> & {\n id?: string\n}\n\nexport type ToastNotificationContextValue = {\n notifications: ToastNotificationObj[]\n addToastNotification: (notification: ToastNotificationObjOptionalId) => void\n updateToastNotification: (notification: ToastNotificationObj) => void\n removeToastNotification: (notificationId: string) => void\n clearToastNotifications: () => void\n}\n\nconst ToastNotificationContext =\n React.createContext<ToastNotificationContextValue | null>(null)\n\nexport const useToastNotificationContext =\n (): ToastNotificationContextValue => {\n const context = useContext(ToastNotificationContext)\n\n if (!context) {\n throw new Error(\n \"useToastNotificationContext must be used within the ToastNotificationContext.Provider\"\n )\n }\n\n return context\n }\n\ntype ToastNotificationProviderProps = {\n children: React.ReactNode\n}\n\nexport const ToastNotificationProvider = ({\n children,\n}: ToastNotificationProviderProps): JSX.Element | null => {\n const [notifications, setNotifications] = useState<ToastNotificationObj[]>([])\n\n const addToastNotification: ToastNotificationContextValue[\"addToastNotification\"] =\n notification => {\n const uuid = uuidv4()\n const notificationWithId = { id: uuid, ...notification }\n\n const notificationExists = notifications.find(\n ({ id }) => id === notification.id\n )\n\n if (!notificationExists) {\n setNotifications(existing => [...existing, notificationWithId])\n }\n }\n\n const updateToastNotification = (\n notification: ToastNotificationObj\n ): void => {\n const notificationIndex = notifications.findIndex(\n ({ id }) => id === notification.id\n )\n\n const copy = notifications.slice()\n copy.splice(notificationIndex, 1, notification) // Mutation to insert notification over itself\n setNotifications(copy)\n }\n\n const removeToastNotification = (notificationID: string): void => {\n const notificationIndex = notifications.findIndex(\n ({ id }) => id === notificationID\n )\n const copy = notifications.slice()\n copy.splice(notificationIndex, 1) // Mutation\n setNotifications(copy)\n }\n\n const clearToastNotifications = (): void => {\n setNotifications([])\n }\n\n const value = {\n notifications,\n addToastNotification,\n updateToastNotification,\n removeToastNotification,\n clearToastNotifications,\n } satisfies ToastNotificationContextValue\n\n return (\n <ToastNotificationContext.Provider value={value}>\n {children}\n </ToastNotificationContext.Provider>\n )\n}\n\nToastNotificationProvider.displayName = \"ToastNotificationProvider\"\n"],"names":["ToastNotificationContext","React","createContext","useToastNotificationContext","context","useContext","Error","ToastNotificationProvider","_a","children","_b","useState","notifications","setNotifications","addToastNotification","notification","uuid","uuidv4","notificationWithId","id","notificationExists","find","existing","__spreadArray","updateToastNotification","notificationIndex","findIndex","copy","slice","splice","removeToastNotification","notificationID","clearToastNotifications","value","createElement","Provider","displayName"],"mappings":"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"}

package/dist/cjs/Notification/ToastNotification/hooks/useToastNotification.cjs ADDED Viewed

@@ -0,0 +1,9 @@
+'use strict';
+var ToastNotificationContext = require('../context/ToastNotificationContext.cjs');
+var useToastNotification = function () {
+  var context = ToastNotificationContext.useToastNotificationContext();
+  return context;
+};
+exports.useToastNotification = useToastNotification;
+//# sourceMappingURL=useToastNotification.cjs.map

package/dist/cjs/Notification/ToastNotification/hooks/useToastNotification.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useToastNotification.cjs","sources":["../../../../../src/Notification/ToastNotification/hooks/useToastNotification.ts"],"sourcesContent":["import {\n ToastNotificationContextValue,\n useToastNotificationContext,\n} from \"../context/ToastNotificationContext\"\n\nexport const useToastNotification = (): ToastNotificationContextValue => {\n const context = useToastNotificationContext()\n return context\n}\n"],"names":["useToastNotification","context","useToastNotificationContext"],"mappings":";;;AAKa,IAAAA,oBAAoB,GAAG,SAAAA,CAAA,EAAA;EAClC,IAAMC,OAAO,GAAGC,wBAAAA,CAAAA,2BAA2B,EAAE;EAC7C,OAAOD,OAAO;AAChB,CAAA;"}

package/dist/cjs/RichTextEditor/RichTextEditor/RichTextEditor.cjs CHANGED Viewed

@@ -7,6 +7,9 @@ var FieldMessage = require('../../FieldMessage/FieldMessage.cjs');
 var Label = require('../../Label/Label.cjs');
 var InlineNotification = require('../../Notification/InlineNotification/InlineNotification.cjs');
 require('../../Notification/GlobalNotification/GlobalNotification.cjs');
+require('../../Notification/ToastNotification/ToastNotification/ToastNotification.cjs');
+require('../../Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.cjs');
+require('../../Notification/ToastNotification/context/ToastNotificationContext.cjs');
 var ProseMirrorState = require('prosemirror-state');
 require('prosemirror-view');
 var useRichTextEditor = require('../utils/core/hooks/useRichTextEditor.cjs');
@@ -62,6 +65,7 @@ const RichTextEditor = /*#__PURE__*/function () {
       defaultValue = _a.defaultValue,
       labelText = _a.labelText,
       labelledBy = _a["aria-labelledby"],
+      describedBy = _a["aria-describedby"],
       classNameOverride = _a.classNameOverride,
       controls = _a.controls,
       _b = _a.rows,
@@ -72,7 +76,7 @@ const RichTextEditor = /*#__PURE__*/function () {
       description = _a.description,
       _c = _a.status,
       status = _c === void 0 ? "default" : _c,
-      restProps = tslib.__rest(_a, ["onChange", "defaultValue", "labelText", "aria-labelledby", "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
+      restProps = tslib.__rest(_a, ["onChange", "defaultValue", "labelText", "aria-labelledby", "aria-describedby", "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
     var reactId = React.useId();
     var schema$1 = React.useState(schema.createSchemaFromControls(controls))[0];
     var labelId = React.useState(labelledBy || reactId)[0];
@@ -119,7 +123,7 @@ const RichTextEditor = /*#__PURE__*/function () {
     }, [editorState]);
     var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
     var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
-    var ariaDescribedBy = "".concat(validationMessageAria, " ").concat(descriptionAria);
+    var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
     return React.createElement(React.Fragment, null, !labelledBy && labelText && React.createElement(Label.Label, {
       id: labelId,
       labelText: labelText