@kaizen/components 1.35.2 → 1.37.0

package/dist/cjs/KaizenProvider/KaizenProvider.cjs

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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":"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"}
+{"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":"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"}

package/dist/cjs/Notification/ToastNotification/ToastNotification/ToastNotification.cjs

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

package/dist/cjs/RichTextEditor/RichTextEditor/RichTextEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../src/RichTextEditor/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  HTMLAttributes,\n  ReactNode,\n  useId,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { InlineNotification } from \"~components/Notification\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ToolbarItems, EditorContentArray, EditorRows } from \"../types\"\nimport { useRichTextEditor } from \"../utils/core\"\nimport { createLinkManager } from \"../utils/plugins\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorHistory,\n  ProseMirrorKeymap,\n  ProseMirrorModel,\n  ProseMirrorState,\n} from \"../utils/prosemirror\"\nimport { createSchemaFromControls } from \"./schema\"\nimport { ToggleIconButton } from \"./subcomponents/ToggleIconButton\"\nimport { Toolbar } from \"./subcomponents/Toolbar\"\nimport { ToolbarSection } from \"./subcomponents/ToolbarSection\"\nimport { buildControlMap } from \"./utils/controlmap\"\nimport { buildInputRules } from \"./utils/inputrules\"\nimport { buildKeymap } from \"./utils/keymap\"\nimport styles from \"./RichTextEditor.module.scss\"\n\ntype BaseRichTextEditorProps = {\n  onChange: (content: ProseMirrorState.EditorState) => void\n  defaultValue: EditorContentArray\n  controls?: ToolbarItems[]\n  /**\n   * Sets a default min-height for the editable area in units of body paragraph line height, similar to the 'rows' attribute on <textarea>.\n   * The editable area will autogrow, so this only affects the component when the content doesn't exceed this height.\n   */\n  rows?: EditorRows\n  dataError?: React.ReactElement\n  onDataError?: () => void\n  status?: \"default\" | \"error\" | \"caution\"\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: React.ReactNode\n  /**\n   * A description that provides context\n   */\n  description?: React.ReactNode\n} & OverrideClassName<\n  Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">\n>\n\ntype WithLabelText = {\n  labelText: ReactNode\n  \"aria-labelledby\"?: never\n}\n\ntype WithLabelledBy = {\n  labelText?: never\n  \"aria-labelledby\": string\n}\n\nexport type RichTextEditorProps = BaseRichTextEditorProps &\n  (WithLabelText | WithLabelledBy)\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}\n */\nexport const RichTextEditor = ({\n  onChange,\n  defaultValue,\n  labelText,\n  \"aria-labelledby\": labelledBy,\n  classNameOverride,\n  controls,\n  rows = 3,\n  dataError,\n  onDataError,\n  validationMessage,\n  description,\n  status = \"default\",\n  ...restProps\n}: RichTextEditorProps): JSX.Element => {\n  const reactId = useId()\n  const [schema] = useState<ProseMirrorModel.Schema>(\n    createSchemaFromControls(controls)\n  )\n  const [labelId] = useState<string>(labelledBy || reactId)\n  const [editorId] = useState<string>(reactId)\n\n  const useRichTextEditorResult = (():\n    | ReturnType<typeof useRichTextEditor>\n    | Error => {\n    try {\n      return useRichTextEditor(\n        ProseMirrorState.EditorState.create({\n          doc: ProseMirrorModel.Node.fromJSON(schema, {\n            type: \"doc\",\n            // we're converting empty arrays to the ProseMirror default \"empty\" state because when\n            // given an empty array ProseMirror returns undefined, breaking the type\n            content:\n              defaultValue?.length > 0 ? defaultValue : [{ type: \"paragraph\" }],\n          }),\n          schema,\n          plugins: getPlugins(controls, schema),\n        }),\n        { \"aria-labelledby\": labelId, role: \"textbox\" }\n      )\n    } catch {\n      return new Error(\"Bad data error\")\n    }\n  })()\n\n  if (useRichTextEditorResult instanceof Error) {\n    onDataError && onDataError()\n    return (\n      <InlineNotification\n        headingProps={{\n          children: \"Error\",\n          variant: \"heading-6\",\n        }}\n        type=\"negative\"\n        persistent\n      >\n        {dataError || \"Something went wrong\"}\n      </InlineNotification>\n    )\n  }\n\n  const [editorRef, editorState, dispatchTransaction] = useRichTextEditorResult\n\n  const controlMap = buildControlMap(schema, editorState, controls)\n\n  useEffect(() => {\n    onChange(editorState)\n    // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue\n  }, [editorState])\n\n  const validationMessageAria = validationMessage\n    ? `${editorId}-rte-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${editorId}-rte-description` : \"\"\n\n  const ariaDescribedBy = `${validationMessageAria} ${descriptionAria}`\n\n  return (\n    <>\n      {!labelledBy && labelText && <Label id={labelId} labelText={labelText} />}\n      {/* TODO: add a bit of margin here once we have a classNameOverride on Label */}\n      <div className={classnames(styles.editorWrapper, styles[status])}>\n        {controls && (\n          <Toolbar\n            aria-controls={editorId}\n            aria-label=\"Text formatting\"\n            classNameOverride={styles.toolbar}\n          >\n            {controlMap.map((section, index) => (\n              <ToolbarSection key={index}>\n                {section.map((controlConfig, controlKeyIndex) => (\n                  <ToggleIconButton\n                    key={controlKeyIndex}\n                    icon={controlConfig.icon}\n                    disabled={controlConfig.disabled}\n                    label={controlConfig.label}\n                    isActive={controlConfig.isActive}\n                    onClick={(): void =>\n                      dispatchTransaction(controlConfig.action)\n                    }\n                  />\n                ))}\n              </ToolbarSection>\n            ))}\n          </Toolbar>\n        )}\n        <div\n          id={editorId}\n          ref={editorRef}\n          className={classnames(\n            styles.editor,\n            styles[`rows${rows}`],\n            classNameOverride,\n            controls != null && controls.length > 0 && styles.hasToolbar\n          )}\n          aria-describedby={ariaDescribedBy}\n          {...restProps}\n        />\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          id={validationMessageAria}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n\n      {description && (\n        <FieldMessage id={descriptionAria} message={description} />\n      )}\n    </>\n  )\n}\n\nRichTextEditor.displayName = \"RichTextEditor\"\n\nfunction getPlugins(\n  controls: ToolbarItems[] | undefined,\n  schema: ProseMirrorModel.Schema\n): Array<\n  | ProseMirrorState.Plugin<unknown>\n  | ProseMirrorState.Plugin<{\n      transform: ProseMirrorState.Transaction\n      from: number\n      to: number\n      text: string\n    } | null>\n> {\n  const allControlNames: string[] = controls\n    ? controls.reduce((acc: string[], c: ToolbarItems) => [...acc, c.name], [])\n    : []\n  const plugins = [\n    ProseMirrorHistory.history(),\n    ProseMirrorKeymap.keymap(buildKeymap(schema)),\n    ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap),\n    buildInputRules(schema),\n  ]\n\n  if (allControlNames.includes(\"link\")) {\n    plugins.push(\n      createLinkManager({\n        markType: schema.marks.link,\n      })\n    )\n  }\n\n  return plugins\n}\n"],"names":["RichTextEditor","_a","onChange","defaultValue","labelText","labelledBy","classNameOverride","controls","_b","rows","dataError","onDataError","validationMessage","description","_c","status","restProps","__rest","reactId","useId","schema","useState","createSchemaFromControls","labelId","editorId","useRichTextEditorResult","useRichTextEditor","ProseMirrorState","EditorState","create","doc","ProseMirrorModel","Node","fromJSON","type","content","length","plugins","getPlugins","role","Error","React","createElement","InlineNotification","headingProps","children","variant","persistent","editorRef","editorState","dispatchTransaction","controlMap","buildControlMap","useEffect","validationMessageAria","concat","descriptionAria","ariaDescribedBy","Fragment","Label","id","className","classnames","styles","editorWrapper","Toolbar","toolbar","map","section","index","ToolbarSection","key","controlConfig","controlKeyIndex","ToggleIconButton","icon","disabled","label","isActive","onClick","action","__assign","ref","editor","hasToolbar","FieldMessage","message","displayName","allControlNames","reduce","acc","c","name","ProseMirrorHistory","history","ProseMirrorKeymap","keymap","buildKeymap","ProseMirrorCommands","baseKeymap","buildInputRules","includes","push","createLinkManager","markType","marks","link"],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../src/RichTextEditor/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  HTMLAttributes,\n  ReactNode,\n  useId,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { InlineNotification } from \"~components/Notification\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ToolbarItems, EditorContentArray, EditorRows } from \"../types\"\nimport { useRichTextEditor } from \"../utils/core\"\nimport { createLinkManager } from \"../utils/plugins\"\nimport {\n  ProseMirrorCommands,\n  ProseMirrorHistory,\n  ProseMirrorKeymap,\n  ProseMirrorModel,\n  ProseMirrorState,\n} from \"../utils/prosemirror\"\nimport { createSchemaFromControls } from \"./schema\"\nimport { ToggleIconButton } from \"./subcomponents/ToggleIconButton\"\nimport { Toolbar } from \"./subcomponents/Toolbar\"\nimport { ToolbarSection } from \"./subcomponents/ToolbarSection\"\nimport { buildControlMap } from \"./utils/controlmap\"\nimport { buildInputRules } from \"./utils/inputrules\"\nimport { buildKeymap } from \"./utils/keymap\"\nimport styles from \"./RichTextEditor.module.scss\"\n\ntype BaseRichTextEditorProps = {\n  onChange: (content: ProseMirrorState.EditorState) => void\n  defaultValue: EditorContentArray\n  controls?: ToolbarItems[]\n  /**\n   * Sets a default min-height for the editable area in units of body paragraph line height, similar to the 'rows' attribute on <textarea>.\n   * The editable area will autogrow, so this only affects the component when the content doesn't exceed this height.\n   */\n  rows?: EditorRows\n  dataError?: React.ReactElement\n  onDataError?: () => void\n  status?: \"default\" | \"error\" | \"caution\"\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: React.ReactNode\n  /**\n   * A description that provides context\n   */\n  description?: React.ReactNode\n} & OverrideClassName<\n  Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">\n>\n\ntype WithLabelText = {\n  labelText: ReactNode\n  \"aria-labelledby\"?: never\n}\n\ntype WithLabelledBy = {\n  labelText?: never\n  \"aria-labelledby\": string\n}\n\nexport type RichTextEditorProps = BaseRichTextEditorProps &\n  (WithLabelText | WithLabelledBy)\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}\n */\nexport const RichTextEditor = ({\n  onChange,\n  defaultValue,\n  labelText,\n  \"aria-labelledby\": labelledBy,\n  \"aria-describedby\": describedBy,\n  classNameOverride,\n  controls,\n  rows = 3,\n  dataError,\n  onDataError,\n  validationMessage,\n  description,\n  status = \"default\",\n  ...restProps\n}: RichTextEditorProps): JSX.Element => {\n  const reactId = useId()\n  const [schema] = useState<ProseMirrorModel.Schema>(\n    createSchemaFromControls(controls)\n  )\n  const [labelId] = useState<string>(labelledBy || reactId)\n  const [editorId] = useState<string>(reactId)\n\n  const useRichTextEditorResult = (():\n    | ReturnType<typeof useRichTextEditor>\n    | Error => {\n    try {\n      return useRichTextEditor(\n        ProseMirrorState.EditorState.create({\n          doc: ProseMirrorModel.Node.fromJSON(schema, {\n            type: \"doc\",\n            // we're converting empty arrays to the ProseMirror default \"empty\" state because when\n            // given an empty array ProseMirror returns undefined, breaking the type\n            content:\n              defaultValue?.length > 0 ? defaultValue : [{ type: \"paragraph\" }],\n          }),\n          schema,\n          plugins: getPlugins(controls, schema),\n        }),\n        { \"aria-labelledby\": labelId, role: \"textbox\" }\n      )\n    } catch {\n      return new Error(\"Bad data error\")\n    }\n  })()\n\n  if (useRichTextEditorResult instanceof Error) {\n    onDataError && onDataError()\n    return (\n      <InlineNotification\n        headingProps={{\n          children: \"Error\",\n          variant: \"heading-6\",\n        }}\n        type=\"negative\"\n        persistent\n      >\n        {dataError || \"Something went wrong\"}\n      </InlineNotification>\n    )\n  }\n\n  const [editorRef, editorState, dispatchTransaction] = useRichTextEditorResult\n\n  const controlMap = buildControlMap(schema, editorState, controls)\n\n  useEffect(() => {\n    onChange(editorState)\n    // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue\n  }, [editorState])\n\n  const validationMessageAria = validationMessage\n    ? `${editorId}-rte-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${editorId}-rte-description` : \"\"\n\n  const ariaDescribedBy = classnames(\n    validationMessageAria,\n    descriptionAria,\n    describedBy\n  )\n\n  return (\n    <>\n      {!labelledBy && labelText && <Label id={labelId} labelText={labelText} />}\n      {/* TODO: add a bit of margin here once we have a classNameOverride on Label */}\n      <div className={classnames(styles.editorWrapper, styles[status])}>\n        {controls && (\n          <Toolbar\n            aria-controls={editorId}\n            aria-label=\"Text formatting\"\n            classNameOverride={styles.toolbar}\n          >\n            {controlMap.map((section, index) => (\n              <ToolbarSection key={index}>\n                {section.map((controlConfig, controlKeyIndex) => (\n                  <ToggleIconButton\n                    key={controlKeyIndex}\n                    icon={controlConfig.icon}\n                    disabled={controlConfig.disabled}\n                    label={controlConfig.label}\n                    isActive={controlConfig.isActive}\n                    onClick={(): void =>\n                      dispatchTransaction(controlConfig.action)\n                    }\n                  />\n                ))}\n              </ToolbarSection>\n            ))}\n          </Toolbar>\n        )}\n        <div\n          id={editorId}\n          ref={editorRef}\n          className={classnames(\n            styles.editor,\n            styles[`rows${rows}`],\n            classNameOverride,\n            controls != null && controls.length > 0 && styles.hasToolbar\n          )}\n          aria-describedby={ariaDescribedBy}\n          {...restProps}\n        />\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          id={validationMessageAria}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n\n      {description && (\n        <FieldMessage id={descriptionAria} message={description} />\n      )}\n    </>\n  )\n}\n\nRichTextEditor.displayName = \"RichTextEditor\"\n\nfunction getPlugins(\n  controls: ToolbarItems[] | undefined,\n  schema: ProseMirrorModel.Schema\n): Array<\n  | ProseMirrorState.Plugin<unknown>\n  | ProseMirrorState.Plugin<{\n      transform: ProseMirrorState.Transaction\n      from: number\n      to: number\n      text: string\n    } | null>\n> {\n  const allControlNames: string[] = controls\n    ? controls.reduce((acc: string[], c: ToolbarItems) => [...acc, c.name], [])\n    : []\n  const plugins = [\n    ProseMirrorHistory.history(),\n    ProseMirrorKeymap.keymap(buildKeymap(schema)),\n    ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap),\n    buildInputRules(schema),\n  ]\n\n  if (allControlNames.includes(\"link\")) {\n    plugins.push(\n      createLinkManager({\n        markType: schema.marks.link,\n      })\n    )\n  }\n\n  return plugins\n}\n"],"names":["RichTextEditor","_a","onChange","defaultValue","labelText","labelledBy","describedBy","classNameOverride","controls","_b","rows","dataError","onDataError","validationMessage","description","_c","status","restProps","__rest","reactId","useId","schema","useState","createSchemaFromControls","labelId","editorId","useRichTextEditorResult","useRichTextEditor","ProseMirrorState","EditorState","create","doc","ProseMirrorModel","Node","fromJSON","type","content","length","plugins","getPlugins","role","Error","React","createElement","InlineNotification","headingProps","children","variant","persistent","editorRef","editorState","dispatchTransaction","controlMap","buildControlMap","useEffect","validationMessageAria","concat","descriptionAria","ariaDescribedBy","classnames","Fragment","Label","id","className","styles","editorWrapper","Toolbar","toolbar","map","section","index","ToolbarSection","key","controlConfig","controlKeyIndex","ToggleIconButton","icon","disabled","label","isActive","onClick","action","__assign","ref","editor","hasToolbar","FieldMessage","message","displayName","allControlNames","reduce","acc","c","name","ProseMirrorHistory","history","ProseMirrorKeymap","keymap","buildKeymap","ProseMirrorCommands","baseKeymap","buildInputRules","includes","push","createLinkManager","markType","marks","link"],"mappings":"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"}

package/dist/cjs/__future__/Select/Select.cjs

@@ -45,11 +45,13 @@ const Select = /*#__PURE__*/function () {
       description = _a.description,
       placeholder = _a.placeholder,
       isDisabled = _a.isDisabled,
-      restProps = tslib.__rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled"]);
+      portalContainerId = _a.portalContainerId,
+      restProps = tslib.__rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "portalContainerId"]);
     var refs = reactDom.useFloating().refs;
     var triggerRef = refs.reference;
     var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
     var descriptionId = "".concat(id, "--description");
+    var popoverId = "".concat(id, "--popover");
     var disabledKeys = getDisabledKeysFromItems.getDisabledKeysFromItems(items);
     var ariaSelectProps = tslib.__assign({
       label: label,
@@ -91,6 +93,15 @@ const Select = /*#__PURE__*/function () {
       isReversed: isReversed,
       ref: refs.setReference
     });
+    var _d = React.useState(),
+      portalContainer = _d[0],
+      setPortalContainer = _d[1];
+    React.useEffect(function () {
+      if (portalContainerId) {
+        var portalElement = document.getElementById(portalContainerId);
+        portalElement && setPortalContainer(portalElement);
+      }
+    }, []);
     return React.createElement("div", {
       className: classnames(!isFullWidth && Select_module.notFullWidth, classNameOverride)
     }, React.createElement(select$1.HiddenSelect, {
@@ -101,6 +112,8 @@ const Select = /*#__PURE__*/function () {
     }), React.createElement("div", {
       className: Select_module.container
     }, trigger === undefined ? React.createElement(SelectToggle.SelectToggle, tslib.__assign({}, selectToggleProps)) : trigger(selectToggleProps, selectToggleProps.ref), state.isOpen && React.createElement(Popover.Popover, {
+      id: popoverId,
+      portalContainer: portalContainer,
       refs: refs,
       focusOnProps: {
         onEscapeKey: state.close,

package/dist/cjs/__future__/Select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../../src/__future__/Select/Select.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { UseFloatingReturn } from \"@floating-ui/react-dom\"\nimport { useButton } from \"@react-aria/button\"\nimport { HiddenSelect, useSelect } from \"@react-aria/select\"\nimport {\n  useSelectState,\n  SelectProps as AriaSelectProps,\n} from \"@react-stately/select\"\nimport { Key } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport {\n  Popover,\n  useFloating,\n} from \"~components/MultiSelect/subcomponents/Popover\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { SelectProvider } from \"./context\"\nimport {\n  ListBox,\n  ListBoxSection,\n  ListItem,\n  Option,\n  SectionDivider,\n  SelectPopoverContents,\n  SelectPopoverContentsProps,\n  SelectToggle,\n  SelectToggleProps,\n} from \"./subcomponents\"\nimport { SelectItem, SelectOption } from \"./types\"\nimport { getDisabledKeysFromItems } from \"./utils/getDisabledKeysFromItems\"\nimport { transformSelectItemToCollectionElement } from \"./utils/transformSelectItemToCollectionElement\"\nimport styles from \"./Select.module.scss\"\n\ntype OmittedAriaSelectProps = \"children\" | \"items\"\n\nexport type SelectProps<Option extends SelectOption = SelectOption> = {\n  /**\n   * Item objects in the collection.\n   */\n  items: Array<SelectItem<Option>>\n  id?: string\n  trigger?: (\n    selectToggleProps: SelectToggleProps & {\n      ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n    },\n    // @deprecated: This arg is unnecessary now, but provided for legacy usages\n    ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n  ) => JSX.Element\n  children?: SelectPopoverContentsProps<Option>[\"children\"]\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: \"error\" | \"caution\"\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: React.ReactNode | undefined\n  /**\n   * Use the `reversed` styles.\n   */\n  isReversed?: boolean\n  /**\n   * Use the `fullWidth` styles.\n   */\n  isFullWidth?: boolean\n  /**\n   * @deprecated: Either define `disabled` in your `Option` (in `items`), or use `disabledKeys`\n   */\n  disabledValues?: Key[]\n} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = <Option extends SelectOption = SelectOption>({\n  label,\n  items,\n  id: propsId,\n  trigger,\n  children,\n  status,\n  validationMessage,\n  isReversed,\n  isFullWidth,\n  disabledValues,\n  classNameOverride,\n  selectedKey,\n  description,\n  placeholder,\n  isDisabled,\n  ...restProps\n}: SelectProps<Option>): JSX.Element => {\n  const { refs } = useFloating<HTMLButtonElement>()\n  const triggerRef = refs.reference\n\n  const id = propsId ?? useId()\n  const descriptionId = `${id}--description`\n\n  const disabledKeys = getDisabledKeysFromItems(items)\n\n  const ariaSelectProps: AriaSelectProps<SelectItem<Option>> = {\n    label,\n    items,\n    children: transformSelectItemToCollectionElement,\n    disabledKeys: disabledValues ?? disabledKeys,\n    selectedKey:\n      typeof selectedKey === \"number\" ? selectedKey.toString() : selectedKey,\n    description,\n    placeholder,\n    isDisabled,\n    ...restProps,\n  }\n\n  const state = useSelectState(ariaSelectProps)\n\n  const {\n    labelProps,\n    triggerProps: reactAriaTriggerProps,\n    valueProps,\n    menuProps,\n    errorMessageProps,\n    descriptionProps,\n  } = useSelect(ariaSelectProps, state, triggerRef)\n\n  // Hack incoming:\n  // react-aria/useSelect wants to prefix the combobox's accessible name with the value of the select.\n  // We use role=combobox, meaning screen readers will read the value.\n  // So we're modifying the `aria-labelledby` property to remove the value element id.\n  // Issue: https://github.com/adobe/react-spectrum/issues/4091\n  const reactAriaLabelledBy = reactAriaTriggerProps[\"aria-labelledby\"]\n  const triggerProps = {\n    ...reactAriaTriggerProps,\n    \"aria-labelledby\": reactAriaLabelledBy?.substring(\n      reactAriaLabelledBy.indexOf(\" \") + 1\n    ),\n  }\n\n  const { buttonProps } = useButton(triggerProps, triggerRef)\n  const selectToggleProps = {\n    ...buttonProps,\n    label,\n    labelProps,\n    value: state?.selectedItem?.rendered,\n    valueProps,\n    isOpen: state.isOpen,\n    placeholder,\n    status,\n    isDisabled: triggerProps.isDisabled,\n    isReversed,\n    ref: refs.setReference,\n  }\n\n  return (\n    <div\n      className={classnames(\n        !isFullWidth && styles.notFullWidth,\n        classNameOverride\n      )}\n    >\n      <HiddenSelect\n        label={label}\n        name={id}\n        state={state}\n        triggerRef={triggerRef}\n      />\n\n      <div className={styles.container}>\n        {trigger === undefined ? (\n          <SelectToggle {...selectToggleProps} />\n        ) : (\n          trigger(selectToggleProps, selectToggleProps.ref)\n        )}\n        {state.isOpen && (\n          <Popover\n            refs={refs}\n            focusOnProps={{\n              onEscapeKey: state.close,\n              onClickOutside: state.close,\n              noIsolation: true,\n            }}\n          >\n            <SelectProvider<Option> state={state}>\n              <SelectPopoverContents menuProps={menuProps}>\n                {children}\n              </SelectPopoverContents>\n            </SelectProvider>\n          </Popover>\n        )}\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          {...errorMessageProps}\n          message={validationMessage}\n          status={status}\n          reversed={isReversed}\n        />\n      )}\n\n      {description && (\n        <FieldMessage\n          {...descriptionProps}\n          id={descriptionId}\n          message={description}\n          reversed={isReversed}\n        />\n      )}\n    </div>\n  )\n}\n\nSelect.displayName = \"Select\"\n\nSelect.Section = ListBoxSection\nSelect.SectionDivider = SectionDivider\nSelect.Option = Option\nSelect.ItemDefaultRender = ListItem\n\n// @deprecated Legacy exported aliases\nSelect.TriggerButton = SelectToggle\nSelect.ListBox = ListBox\n"],"names":["Select","_a","label","items","propsId","id","trigger","children","status","validationMessage","isReversed","isFullWidth","disabledValues","classNameOverride","selectedKey","description","placeholder","isDisabled","restProps","__rest","refs","useFloating","triggerRef","reference","useId","descriptionId","concat","disabledKeys","getDisabledKeysFromItems","ariaSelectProps","transformSelectItemToCollectionElement","toString","state","useSelectState","_c","useSelect","labelProps","reactAriaTriggerProps","triggerProps","valueProps","menuProps","errorMessageProps","descriptionProps","reactAriaLabelledBy","__assign","substring","indexOf","buttonProps","useButton","selectToggleProps","value","selectedItem","_b","rendered","isOpen","ref","setReference","React","createElement","className","classnames","styles","notFullWidth","HiddenSelect","name","container","undefined","SelectToggle","Popover","focusOnProps","onEscapeKey","close","onClickOutside","noIsolation","SelectProvider","SelectPopoverContents","FieldMessage","message","reversed","displayName","Section","ListBoxSection","SectionDivider","Option","ItemDefaultRender","ListItem","TriggerButton","ListBox"],"mappings":"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"}
+{"version":3,"file":"Select.cjs","sources":["../../../../src/__future__/Select/Select.tsx"],"sourcesContent":["import React, { useEffect, useId, useState } from \"react\"\nimport { UseFloatingReturn } from \"@floating-ui/react-dom\"\nimport { useButton } from \"@react-aria/button\"\nimport { HiddenSelect, useSelect } from \"@react-aria/select\"\nimport {\n  useSelectState,\n  SelectProps as AriaSelectProps,\n} from \"@react-stately/select\"\nimport { Key } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport {\n  Popover,\n  useFloating,\n} from \"~components/MultiSelect/subcomponents/Popover\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { SelectProvider } from \"./context\"\nimport {\n  ListBox,\n  ListBoxSection,\n  ListItem,\n  Option,\n  SectionDivider,\n  SelectPopoverContents,\n  SelectPopoverContentsProps,\n  SelectToggle,\n  SelectToggleProps,\n} from \"./subcomponents\"\nimport { SelectItem, SelectOption } from \"./types\"\nimport { getDisabledKeysFromItems } from \"./utils/getDisabledKeysFromItems\"\nimport { transformSelectItemToCollectionElement } from \"./utils/transformSelectItemToCollectionElement\"\nimport styles from \"./Select.module.scss\"\n\ntype OmittedAriaSelectProps = \"children\" | \"items\"\n\nexport type SelectProps<Option extends SelectOption = SelectOption> = {\n  /**\n   * Item objects in the collection.\n   */\n  items: Array<SelectItem<Option>>\n  id?: string\n  trigger?: (\n    selectToggleProps: SelectToggleProps & {\n      ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n    },\n    // @deprecated: This arg is unnecessary now, but provided for legacy usages\n    ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n  ) => JSX.Element\n  children?: SelectPopoverContentsProps<Option>[\"children\"]\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: \"error\" | \"caution\"\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: React.ReactNode | undefined\n  /**\n   * Use the `reversed` styles.\n   */\n  isReversed?: boolean\n  /**\n   * Use the `fullWidth` styles.\n   */\n  isFullWidth?: boolean\n  /**\n   * @deprecated: Either define `disabled` in your `Option` (in `items`), or use `disabledKeys`\n   */\n  disabledValues?: Key[]\n  /**\n   * Creates a portal for the Popover to the matching element id\n   */\n  portalContainerId?: string\n} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = <Option extends SelectOption = SelectOption>({\n  label,\n  items,\n  id: propsId,\n  trigger,\n  children,\n  status,\n  validationMessage,\n  isReversed,\n  isFullWidth,\n  disabledValues,\n  classNameOverride,\n  selectedKey,\n  description,\n  placeholder,\n  isDisabled,\n  portalContainerId,\n  ...restProps\n}: SelectProps<Option>): JSX.Element => {\n  const { refs } = useFloating<HTMLButtonElement>()\n  const triggerRef = refs.reference\n  const id = propsId ?? useId()\n  const descriptionId = `${id}--description`\n  const popoverId = `${id}--popover`\n\n  const disabledKeys = getDisabledKeysFromItems(items)\n\n  const ariaSelectProps: AriaSelectProps<SelectItem<Option>> = {\n    label,\n    items,\n    children: transformSelectItemToCollectionElement,\n    disabledKeys: disabledValues ?? disabledKeys,\n    selectedKey:\n      typeof selectedKey === \"number\" ? selectedKey.toString() : selectedKey,\n    description,\n    placeholder,\n    isDisabled,\n    ...restProps,\n  }\n\n  const state = useSelectState(ariaSelectProps)\n\n  const {\n    labelProps,\n    triggerProps: reactAriaTriggerProps,\n    valueProps,\n    menuProps,\n    errorMessageProps,\n    descriptionProps,\n  } = useSelect(ariaSelectProps, state, triggerRef)\n\n  // Hack incoming:\n  // react-aria/useSelect wants to prefix the combobox's accessible name with the value of the select.\n  // We use role=combobox, meaning screen readers will read the value.\n  // So we're modifying the `aria-labelledby` property to remove the value element id.\n  // Issue: https://github.com/adobe/react-spectrum/issues/4091\n  const reactAriaLabelledBy = reactAriaTriggerProps[\"aria-labelledby\"]\n  const triggerProps = {\n    ...reactAriaTriggerProps,\n    \"aria-labelledby\": reactAriaLabelledBy?.substring(\n      reactAriaLabelledBy.indexOf(\" \") + 1\n    ),\n  }\n\n  const { buttonProps } = useButton(triggerProps, triggerRef)\n  const selectToggleProps = {\n    ...buttonProps,\n    label,\n    labelProps,\n    value: state?.selectedItem?.rendered,\n    valueProps,\n    isOpen: state.isOpen,\n    placeholder,\n    status,\n    isDisabled: triggerProps.isDisabled,\n    isReversed,\n    ref: refs.setReference,\n  }\n\n  const [portalContainer, setPortalContainer] = useState<HTMLElement>()\n\n  useEffect(() => {\n    if (portalContainerId) {\n      const portalElement = document.getElementById(portalContainerId)\n      portalElement && setPortalContainer(portalElement)\n    }\n  }, [])\n\n  return (\n    <div\n      className={classnames(\n        !isFullWidth && styles.notFullWidth,\n        classNameOverride\n      )}\n    >\n      <HiddenSelect\n        label={label}\n        name={id}\n        state={state}\n        triggerRef={triggerRef}\n      />\n\n      <div className={styles.container}>\n        {trigger === undefined ? (\n          <SelectToggle {...selectToggleProps} />\n        ) : (\n          trigger(selectToggleProps, selectToggleProps.ref)\n        )}\n        {state.isOpen && (\n          <Popover\n            id={popoverId}\n            portalContainer={portalContainer}\n            refs={refs}\n            focusOnProps={{\n              onEscapeKey: state.close,\n              onClickOutside: state.close,\n              noIsolation: true,\n            }}\n          >\n            <SelectProvider<Option> state={state}>\n              <SelectPopoverContents menuProps={menuProps}>\n                {children}\n              </SelectPopoverContents>\n            </SelectProvider>\n          </Popover>\n        )}\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          {...errorMessageProps}\n          message={validationMessage}\n          status={status}\n          reversed={isReversed}\n        />\n      )}\n\n      {description && (\n        <FieldMessage\n          {...descriptionProps}\n          id={descriptionId}\n          message={description}\n          reversed={isReversed}\n        />\n      )}\n    </div>\n  )\n}\n\nSelect.displayName = \"Select\"\n\nSelect.Section = ListBoxSection\nSelect.SectionDivider = SectionDivider\nSelect.Option = Option\nSelect.ItemDefaultRender = ListItem\n\n// @deprecated Legacy exported aliases\nSelect.TriggerButton = SelectToggle\nSelect.ListBox = ListBox\n"],"names":["Select","_a","label","items","propsId","id","trigger","children","status","validationMessage","isReversed","isFullWidth","disabledValues","classNameOverride","selectedKey","description","placeholder","isDisabled","portalContainerId","restProps","__rest","refs","useFloating","triggerRef","reference","useId","descriptionId","concat","popoverId","disabledKeys","getDisabledKeysFromItems","ariaSelectProps","transformSelectItemToCollectionElement","toString","state","useSelectState","_c","useSelect","labelProps","reactAriaTriggerProps","triggerProps","valueProps","menuProps","errorMessageProps","descriptionProps","reactAriaLabelledBy","__assign","substring","indexOf","buttonProps","useButton","selectToggleProps","value","selectedItem","_b","rendered","isOpen","ref","setReference","_d","useState","portalContainer","setPortalContainer","useEffect","portalElement","document","getElementById","React","createElement","className","classnames","styles","notFullWidth","HiddenSelect","name","container","undefined","SelectToggle","Popover","focusOnProps","onEscapeKey","close","onClickOutside","noIsolation","SelectProvider","SelectPopoverContents","FieldMessage","message","reversed","displayName","Section","ListBoxSection","SectionDivider","Option","ItemDefaultRender","ListItem","TriggerButton","ListBox"],"mappings":"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"}