@kaizen/components 1.27.0 → 1.28.0

package/dist/cjs/Modal/GenericModal/GenericModal.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+var React = require('react');
+var reactDom = require('react-dom');
+var react = require('@headlessui/react');
+var FocusLock = require('react-focus-lock');
+var console = require('../util/console.cjs');
+var ModalContext = require('./context/ModalContext.cjs');
+var GenericModal_module = require('./GenericModal.module.scss.cjs');
+const GenericModal = /*#__PURE__*/function () {
+  const GenericModal = function (_a) {
+    var propsId = _a.id,
+      children = _a.children,
+      _b = _a.isOpen,
+      isOpen = _b === void 0 ? true : _b,
+      focusLockDisabled = _a.focusLockDisabled,
+      onEscapeKeyup = _a.onEscapeKeyup,
+      onOutsideModalClick = _a.onOutsideModalClick,
+      propsOnAfterLeave = _a.onAfterLeave;
+    var reactId = React.useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var labelledByID = React.useId();
+    var describedByID = React.useId();
+    var _c = React.useState(null),
+      scrollLayer = _c[0],
+      setScrollLayer = _c[1];
+    var _d = React.useState(null),
+      modalLayer = _d[0],
+      setModalLayer = _d[1];
+    var scrollModalToTop = function () {
+      // If we have a really long modal, the autofocus could land on an element down below
+      // causing the modal to scroll down and skipping over the content near the modal's top.
+      // Ensure that when the modal opens, we are at the top of its content.
+      requestAnimationFrame(function () {
+        if (!scrollLayer) return;
+        scrollLayer.scrollTop = 0;
+      });
+    };
+    var outsideModalClickHandler = function (event) {
+      if (event.target === scrollLayer || event.target === modalLayer) {
+        onOutsideModalClick === null || onOutsideModalClick === void 0 ? void 0 : onOutsideModalClick(event);
+      }
+    };
+    var focusAccessibleLabel = function () {
+      if (modalLayer) {
+        var labelElement = document.getElementById(labelledByID);
+        if (labelElement) {
+          labelElement.focus();
+        }
+      }
+    };
+    var a11yWarn = function () {
+      if (!modalLayer) return;
+      // Ensure that consumers have provided an element that labels the modal
+      // to meet ARIA accessibility guidelines.
+      if (!document.getElementById(labelledByID)) {
+        console.warn("When using the Modal component, you must provide a label for the modal.\n        Make sure you have a <ModalAccessibleLabel /> component with content that labels the modal.");
+      }
+    };
+    var preventBodyScroll = function () {
+      var _a;
+      var hasScrollbar = window.innerWidth > document.documentElement.clientWidth;
+      var scrollStyles = [GenericModal_module.unscrollable];
+      if (hasScrollbar) {
+        scrollStyles.push(GenericModal_module.pseudoScrollbar);
+      }
+      (_a = document.documentElement.classList).add.apply(_a, scrollStyles);
+    };
+    var onAfterEnterHandler = function () {
+      scrollModalToTop();
+      focusAccessibleLabel();
+      a11yWarn();
+    };
+    var onBeforeEnterHandler = function () {
+      preventBodyScroll();
+      if (onEscapeKeyup) {
+        document.addEventListener("keyup", function (event) {
+          if (event.key === "Escape") {
+            onEscapeKeyup === null || onEscapeKeyup === void 0 ? void 0 : onEscapeKeyup(event);
+          }
+        });
+      }
+    };
+    var onAfterLeaveHandler = function () {
+      document.documentElement.classList.remove(GenericModal_module.unscrollable, GenericModal_module.pseudoScrollbar);
+      if (onEscapeKeyup) {
+        document.removeEventListener("keyup", onEscapeKeyup);
+      }
+      propsOnAfterLeave === null || propsOnAfterLeave === void 0 ? void 0 : propsOnAfterLeave();
+    };
+    return reactDom.createPortal(React.createElement(react.Transition, {
+      appear: true,
+      show: isOpen,
+      enter: GenericModal_module.animatingEnter,
+      leave: GenericModal_module.animatingLeave,
+      beforeEnter: onBeforeEnterHandler,
+      afterEnter: onAfterEnterHandler,
+      afterLeave: onAfterLeaveHandler,
+      "data-generic-modal-transition-wrapper": true,
+      onClick: function (e) {
+        return e.stopPropagation();
+      }
+    }, React.createElement(FocusLock, {
+      disabled: focusLockDisabled,
+      returnFocus: true,
+      // Disabling false positive
+      // eslint-disable-next-line jsx-a11y/no-autofocus
+      autoFocus: false
+    }, React.createElement("div", {
+      className: GenericModal_module.backdropLayer
+    }), React.createElement("div", {
+      className: GenericModal_module.scrollLayer,
+      ref: function (scrollLayerRef) {
+        setScrollLayer(scrollLayerRef);
+      },
+      onClick: outsideModalClickHandler,
+      "data-testid": "".concat(id, "-scrollLayer")
+    }, React.createElement(ModalContext.ModalContext.Provider, {
+      value: {
+        labelledByID: labelledByID,
+        describedByID: describedByID
+      }
+    }, React.createElement("div", {
+      role: "dialog",
+      className: GenericModal_module.modalLayer,
+      "aria-labelledby": labelledByID,
+      "aria-describedby": describedByID,
+      ref: function (modalLayerRef) {
+        return setModalLayer(modalLayerRef);
+      },
+      "data-testid": id
+    }, children))))), document.body);
+  };
+  GenericModal.displayName = "GenericModal";
+  return GenericModal;
+}();
+exports.GenericModal = GenericModal;
+//# sourceMappingURL=GenericModal.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericModal.cjs","sources":["../../../../src/Modal/GenericModal/GenericModal.tsx"],"sourcesContent":["import React, { useId, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { Transition } from \"@headlessui/react\"\nimport FocusLock from \"react-focus-lock\"\nimport { warn } from \"../util/console\"\nimport { ModalContext } from \"./context/ModalContext\"\nimport styles from \"./GenericModal.module.scss\"\n\nexport type GenericModalProps = {\n  id?: string\n  isOpen: boolean\n  children: React.ReactNode\n  focusLockDisabled?: boolean\n  onEscapeKeyup?: (event: KeyboardEvent) => void\n  onOutsideModalClick?: (event: React.MouseEvent) => void\n  onAfterLeave?: () => void\n}\n\nexport const GenericModal = ({\n  id: propsId,\n  children,\n  isOpen = true,\n  focusLockDisabled,\n  onEscapeKeyup,\n  onOutsideModalClick,\n  onAfterLeave: propsOnAfterLeave,\n}: GenericModalProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const labelledByID = useId()\n  const describedByID = useId()\n\n  const [scrollLayer, setScrollLayer] = useState<HTMLDivElement | null>(null)\n  const [modalLayer, setModalLayer] = useState<HTMLDivElement | null>(null)\n\n  const scrollModalToTop = (): void => {\n    // If we have a really long modal, the autofocus could land on an element down below\n    // causing the modal to scroll down and skipping over the content near the modal's top.\n    // Ensure that when the modal opens, we are at the top of its content.\n    requestAnimationFrame(() => {\n      if (!scrollLayer) return\n      scrollLayer.scrollTop = 0\n    })\n  }\n\n  const outsideModalClickHandler = (event: React.MouseEvent): void => {\n    if (event.target === scrollLayer || event.target === modalLayer) {\n      onOutsideModalClick?.(event)\n    }\n  }\n\n  const focusAccessibleLabel = (): void => {\n    if (modalLayer) {\n      const labelElement: HTMLElement | null =\n        document.getElementById(labelledByID)\n      if (labelElement) {\n        labelElement.focus()\n      }\n    }\n  }\n\n  const a11yWarn = (): void => {\n    if (!modalLayer) return\n    // Ensure that consumers have provided an element that labels the modal\n    // to meet ARIA accessibility guidelines.\n    if (!document.getElementById(labelledByID)) {\n      warn(\n        `When using the Modal component, you must provide a label for the modal.\n        Make sure you have a <ModalAccessibleLabel /> component with content that labels the modal.`\n      )\n    }\n  }\n\n  const preventBodyScroll = (): void => {\n    const hasScrollbar =\n      window.innerWidth > document.documentElement.clientWidth\n    const scrollStyles = [styles.unscrollable]\n\n    if (hasScrollbar) {\n      scrollStyles.push(styles.pseudoScrollbar)\n    }\n\n    document.documentElement.classList.add(...scrollStyles)\n  }\n\n  const onAfterEnterHandler = (): void => {\n    scrollModalToTop()\n    focusAccessibleLabel()\n    a11yWarn()\n  }\n\n  const onBeforeEnterHandler = (): void => {\n    preventBodyScroll()\n\n    if (onEscapeKeyup) {\n      document.addEventListener(\"keyup\", event => {\n        if (event.key === \"Escape\") {\n          onEscapeKeyup?.(event)\n        }\n      })\n    }\n  }\n\n  const onAfterLeaveHandler = (): void => {\n    document.documentElement.classList.remove(\n      styles.unscrollable,\n      styles.pseudoScrollbar\n    )\n\n    if (onEscapeKeyup) {\n      document.removeEventListener(\"keyup\", onEscapeKeyup)\n    }\n\n    propsOnAfterLeave?.()\n  }\n\n  return createPortal(\n    <Transition\n      appear={true}\n      show={isOpen}\n      enter={styles.animatingEnter}\n      leave={styles.animatingLeave}\n      beforeEnter={onBeforeEnterHandler}\n      afterEnter={onAfterEnterHandler}\n      afterLeave={onAfterLeaveHandler}\n      data-generic-modal-transition-wrapper\n      onClick={(e: React.MouseEvent): void => e.stopPropagation()}\n    >\n      <FocusLock\n        disabled={focusLockDisabled}\n        returnFocus={true}\n        // Disabling false positive\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={false}\n      >\n        <div className={styles.backdropLayer} />\n        {/* Disabling these because we don't want this to be keyboard focusable. Users can use Esc to achieve this with a keyboard.\n         */}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n        <div\n          className={styles.scrollLayer}\n          ref={(scrollLayerRef): void => {\n            setScrollLayer(scrollLayerRef)\n          }}\n          onClick={outsideModalClickHandler}\n          data-testid={`${id}-scrollLayer`}\n        >\n          <ModalContext.Provider\n            value={{\n              labelledByID,\n              describedByID,\n            }}\n          >\n            <div\n              role=\"dialog\"\n              className={styles.modalLayer}\n              aria-labelledby={labelledByID}\n              aria-describedby={describedByID}\n              ref={(modalLayerRef): void => setModalLayer(modalLayerRef)}\n              data-testid={id}\n            >\n              {children}\n            </div>\n          </ModalContext.Provider>\n        </div>\n      </FocusLock>\n    </Transition>,\n    document.body\n  )\n}\n\nGenericModal.displayName = \"GenericModal\"\n"],"names":["GenericModal","_a","propsId","id","children","_b","isOpen","focusLockDisabled","onEscapeKeyup","onOutsideModalClick","propsOnAfterLeave","onAfterLeave","reactId","useId","labelledByID","describedByID","_c","useState","scrollLayer","setScrollLayer","_d","modalLayer","setModalLayer","scrollModalToTop","requestAnimationFrame","scrollTop","outsideModalClickHandler","event","target","focusAccessibleLabel","labelElement","document","getElementById","focus","a11yWarn","warn","preventBodyScroll","hasScrollbar","window","innerWidth","documentElement","clientWidth","scrollStyles","styles","unscrollable","push","pseudoScrollbar","classList","add","apply","onAfterEnterHandler","onBeforeEnterHandler","addEventListener","key","onAfterLeaveHandler","remove","removeEventListener","createPortal","React","createElement","Transition","appear","show","enter","animatingEnter","leave","animatingLeave","beforeEnter","afterEnter","afterLeave","onClick","e","stopPropagation","FocusLock","disabled","returnFocus","autoFocus","className","backdropLayer","ref","scrollLayerRef","concat","ModalContext","Provider","value","role","modalLayerRef","body","displayName"],"mappings":"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"}

package/dist/cjs/Modal/GenericModal/GenericModal.module.scss.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var styles = {
+  "defaultModalWidth": "GenericModal-module_defaultModalWidth__kG7lU",
+  "backdropLayer": "GenericModal-module_backdropLayer__RNQ-U",
+  "scrollLayer": "GenericModal-module_scrollLayer__A5VdY",
+  "modalLayer": "GenericModal-module_modalLayer__WfD1U",
+  "animatingEnter": "GenericModal-module_animatingEnter__P3wuk",
+  "fade-0-to-0-5": "GenericModal-module_fade-0-to-0-5__-4t3h",
+  "custom-1": "GenericModal-module_custom-1__G0JT4",
+  "animatingLeave": "GenericModal-module_animatingLeave__rNkKX",
+  "fade-0-5-to-0": "GenericModal-module_fade-0-5-to-0__JkaSn",
+  "custom-3": "GenericModal-module_custom-3__oWflS",
+  "unscrollable": "GenericModal-module_unscrollable__HjRaW",
+  "pseudoScrollbar": "GenericModal-module_pseudoScrollbar__BhRqh",
+  "hide": "GenericModal-module_hide__SK9PI"
+};
+module.exports = styles;
+//# sourceMappingURL=GenericModal.module.scss.cjs.map

package/dist/cjs/Modal/GenericModal/GenericModal.module.scss.cjs.map

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

package/dist/cjs/Modal/GenericModal/context/ModalContext.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var React = require('react');
+var ModalContext = React.createContext({
+  labelledByID: "modal-labelledby",
+  describedByID: "modal-describedby"
+});
+exports.ModalContext = ModalContext;
+//# sourceMappingURL=ModalContext.cjs.map

package/dist/cjs/Modal/GenericModal/context/ModalContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.cjs","sources":["../../../../../src/Modal/GenericModal/context/ModalContext.ts"],"sourcesContent":["import { createContext } from \"react\"\n\nexport type ModalContextType = {\n  labelledByID: string\n  describedByID: string\n}\n\nexport const ModalContext = createContext<ModalContextType>({\n  labelledByID: \"modal-labelledby\",\n  describedByID: \"modal-describedby\",\n})\n"],"names":["ModalContext","createContext","labelledByID","describedByID"],"mappings":";;;AAOO,IAAMA,YAAY,GAAGC,KAAAA,CAAAA,aAAa,CAAmB;EAC1DC,YAAY,EAAE,kBAAkB;EAChCC,aAAa,EAAE;AAChB,CAAA,CAAA;"}

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+var ModalContext = require('../../context/ModalContext.cjs');
+var ModalAccessibleDescription_module = require('./ModalAccessibleDescription.module.scss.cjs');
+const ModalAccessibleDescription = /*#__PURE__*/function () {
+  const ModalAccessibleDescription = function (_a) {
+    var children = _a.children;
+    return React.createElement(ModalContext.ModalContext.Consumer, null, function (_a) {
+      var describedByID = _a.describedByID;
+      return React.createElement("div", {
+        id: describedByID,
+        className: ModalAccessibleDescription_module.modalDescription
+      }, children);
+    });
+  };
+  ModalAccessibleDescription.displayName = "ModalAccessibleDescription";
+  return ModalAccessibleDescription;
+}();
+exports.ModalAccessibleDescription = ModalAccessibleDescription;
+//# sourceMappingURL=ModalAccessibleDescription.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalAccessibleDescription.cjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.tsx"],"sourcesContent":["import React from \"react\"\nimport { ModalContext } from \"../../context/ModalContext\"\nimport styles from \"./ModalAccessibleDescription.module.scss\"\n\nexport type ModalAccessibleDescriptionProps = {\n  children: React.ReactNode\n}\n\nexport const ModalAccessibleDescription = ({\n  children,\n}: ModalAccessibleDescriptionProps): JSX.Element => (\n  <ModalContext.Consumer>\n    {({ describedByID }): JSX.Element => (\n      <div id={describedByID} className={styles.modalDescription}>\n        {children}\n      </div>\n    )}\n  </ModalContext.Consumer>\n)\n\nModalAccessibleDescription.displayName = \"ModalAccessibleDescription\"\n"],"names":["ModalAccessibleDescription","_a","children","React","createElement","ModalContext","Consumer","describedByID","id","className","styles","modalDescription","displayName"],"mappings":";;;;;MAQaA,0BAA0B;EAAA,MAA1BA,0BAA0B,GAAG,SAAAA,CAACC,EAET,EAAA;IADhC,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;IAC0C,OAClDC,KAAC,CAAAC,aAAA,CAAAC,YAAAA,CAAAA,YAAY,CAACC,QAAQ,EAAA,IAAA,EACnB,UAACL,EAAiB,EAAA;MAAf,IAAAM,aAAa,GAAAN,EAAA,CAAAM,aAAA;MAAoB,OACnCJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAKI,EAAE,EAAED,aAAa;QAAEE,SAAS,EAAEC,iCAAM,CAACC;MACvC,CAAA,EAAAT,QAAQ,CACL;IAH6B,CAIpC,CACqB;EAP0B,CAQnD;EAEDF,0BAA0B,CAACY,WAAW,GAAG,4BAA4B;EAAA,OAZxDZ,0BAA0B;AAAA;"}

package/dist/cjs/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "modalDescription": "ModalAccessibleDescription-module_modalDescription__gq-Mn"
+};
+module.exports = styles;
+//# sourceMappingURL=ModalAccessibleDescription.module.scss.cjs.map

package/dist/cjs/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.module.scss.cjs.map

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

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

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var ModalContext = require('../../context/ModalContext.cjs');
+var ModalAccessibleLabel_module = require('./ModalAccessibleLabel.module.scss.cjs');
+const ModalAccessibleLabel = /*#__PURE__*/function () {
+  const ModalAccessibleLabel = function (_a) {
+    var children = _a.children,
+      _b = _a.isProminent,
+      isProminent = _b === void 0 ? false : _b;
+    return React.createElement(ModalContext.ModalContext.Consumer, null, function (_a) {
+      var labelledByID = _a.labelledByID;
+      return React.createElement("div", {
+        id: labelledByID,
+        tabIndex: -1,
+        className: classnames(ModalAccessibleLabel_module.modalLabel, isProminent && ModalAccessibleLabel_module.prominent)
+      }, children);
+    });
+  };
+  ModalAccessibleLabel.displayName = "ModalAccessibleLabel";
+  return ModalAccessibleLabel;
+}();
+exports.ModalAccessibleLabel = ModalAccessibleLabel;
+//# sourceMappingURL=ModalAccessibleLabel.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalAccessibleLabel.cjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { ModalContext } from \"../../context/ModalContext\"\nimport styles from \"./ModalAccessibleLabel.module.scss\"\n\nexport type ModalAccessibleLabelProps = {\n  children: React.ReactNode\n  isProminent?: boolean\n}\n\nexport const ModalAccessibleLabel = ({\n  children,\n  isProminent = false,\n}: ModalAccessibleLabelProps): JSX.Element => (\n  <ModalContext.Consumer>\n    {({ labelledByID }): JSX.Element => (\n      <div\n        id={labelledByID}\n        tabIndex={-1}\n        className={classnames(\n          styles.modalLabel,\n          isProminent && styles.prominent\n        )}\n      >\n        {children}\n      </div>\n    )}\n  </ModalContext.Consumer>\n)\n\nModalAccessibleLabel.displayName = \"ModalAccessibleLabel\"\n"],"names":["ModalAccessibleLabel","_a","children","_b","isProminent","React","createElement","ModalContext","Consumer","labelledByID","id","tabIndex","className","classnames","styles","modalLabel","prominent","displayName"],"mappings":";;;;;;MAUaA,oBAAoB;EAAA,MAApBA,oBAAoB,GAAG,SAAAA,CAACC,EAGT,EAAA;IAF1B,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,WAAmB;MAAnBA,WAAW,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACyB,OAC5CE,KAAC,CAAAC,aAAA,CAAAC,YAAAA,CAAAA,YAAY,CAACC,QAAQ,EAAA,IAAA,EACnB,UAACP,EAAgB,EAAA;MAAd,IAAAQ,YAAY,GAAAR,EAAA,CAAAQ,YAAA;MAAoB,OAClCJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QACEI,EAAE,EAAED,YAAY;QAChBE,QAAQ,EAAE,CAAC,CAAC;QACZC,SAAS,EAAEC,UAAU,CACnBC,2BAAM,CAACC,UAAU,EACjBX,WAAW,IAAIU,2BAAM,CAACE,SAAS;MAChC,CAAA,EAEAd,QAAQ,CACL;IAV4B,CAWnC,CACqB;EAdoB,CAe7C;EAEDF,oBAAoB,CAACiB,WAAW,GAAG,sBAAsB;EAAA,OApB5CjB,oBAAoB;AAAA;"}

package/dist/cjs/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.module.scss.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "modalLabel": "ModalAccessibleLabel-module_modalLabel__CQAIs",
+  "prominent": "ModalAccessibleLabel-module_prominent__WEPnY"
+};
+module.exports = styles;
+//# sourceMappingURL=ModalAccessibleLabel.module.scss.cjs.map

package/dist/cjs/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.module.scss.cjs.map

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

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var ModalBody_module = require('./ModalBody.module.scss.cjs');
+const ModalBody = /*#__PURE__*/function () {
+  const ModalBody = function (_a) {
+    var _b = _a.inputEdit,
+      inputEdit = _b === void 0 ? false : _b,
+      children = _a.children;
+    return React.createElement("div", {
+      className: classnames(inputEdit && ModalBody_module.inputEdit)
+    }, children);
+  };
+  ModalBody.displayName = "ModalBody";
+  return ModalBody;
+}();
+exports.ModalBody = ModalBody;
+//# sourceMappingURL=ModalBody.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.cjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalBody/ModalBody.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport styles from \"./ModalBody.module.scss\"\n\nexport type ModalBodyProps = {\n  inputEdit?: boolean\n  children: React.ReactNode\n}\n\nexport const ModalBody = ({\n  inputEdit = false,\n  children,\n}: ModalBodyProps): JSX.Element => (\n  <div className={classnames(inputEdit && styles.inputEdit)}>{children}</div>\n)\n\nModalBody.displayName = \"ModalBody\"\n"],"names":["ModalBody","_a","_b","inputEdit","children","React","createElement","className","classnames","styles","displayName"],"mappings":";;;;;MASaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFf,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAiB;MAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACjBE,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACyB,OACjCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEC,UAAU,CAACL,SAAS,IAAIM,gBAAM,CAACN,SAAS;IAAI,CAAA,EAAAC,QAAQ,CAAO;EAD1C,CAElC;EAEDJ,SAAS,CAACU,WAAW,GAAG,WAAW;EAAA,OAPtBV,SAAS;AAAA;"}

package/dist/cjs/Modal/GenericModal/subcomponents/ModalBody/ModalBody.module.scss.cjs

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

package/dist/cjs/Modal/GenericModal/subcomponents/ModalBody/ModalBody.module.scss.cjs.map

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

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

@@ -0,0 +1,44 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Button = require('../../../../Button/Button/Button.cjs');
+require('../../../../Button/IconButton/IconButton.cjs');
+require('../../../../Button/PaginationLink/PaginationLink.cjs');
+require('../../../../Button/DirectionalLink/DirectionalLink.cjs');
+var useMediaQueries = require('../../../../utils/useMediaQueries.cjs');
+var ModalBody = require('../ModalBody/ModalBody.cjs');
+var ModalFooter_module = require('./ModalFooter.module.scss.cjs');
+const ModalFooter = /*#__PURE__*/function () {
+  const ModalFooter = function (_a) {
+    var unpadded = _a.unpadded,
+      actions = _a.actions,
+      _b = _a.appearance,
+      appearance = _b === void 0 ? "primary" : _b,
+      alignStart = _a.alignStart,
+      variant = _a.variant,
+      props = tslib.__rest(_a, ["unpadded", "actions", "appearance", "alignStart", "variant"]);
+    var queries = useMediaQueries.useMediaQueries().queries;
+    return React.createElement(ModalBody.ModalBody, {
+      inputEdit: variant === "inputEdit"
+    }, React.createElement("div", tslib.__assign({
+      className: classnames(ModalFooter_module.actions, !unpadded && ModalFooter_module.padded, variant === "context" && ModalFooter_module.informationPadded, alignStart && ModalFooter_module.actionsAlignStart)
+    }, props), actions.map(function (action, index) {
+      return React.createElement("div", {
+        className: ModalFooter_module.actionButton,
+        key: index
+      }, React.createElement(Button.Button, tslib.__assign({
+        type: "button",
+        primary: index === 0 && appearance === "primary",
+        destructive: index === 0 && appearance === "destructive",
+        secondary: index > 0,
+        fullWidth: queries.isSmall
+      }, action)));
+    })));
+  };
+  ModalFooter.displayName = "ModalFooter";
+  return ModalFooter;
+}();
+exports.ModalFooter = ModalFooter;
+//# sourceMappingURL=ModalFooter.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.cjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport { ModalBody } from \"../ModalBody/ModalBody\"\nimport styles from \"./ModalFooter.module.scss\"\n\ntype ActionsVariantProps = \"context\" | \"inputEdit\"\n\nexport type ModalFooterProps = {\n  /**\n   * We have a special case for the InformationModal when it has an image.\n   * Since this modal may have an image on the right side the actions might look disconected from the content.\n   * So for this instance we need to flip the order of the actions so that the primary\n   * action is anchored to the left edge of the modal.\n   * For this rare instance added the variant prop as optional to update the order of action buttons.\n   */\n  variant?: ActionsVariantProps\n  unpadded?: boolean\n  actions: ButtonProps[]\n  appearance?: \"primary\" | \"destructive\"\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  alignStart?: boolean\n} & HTMLAttributes<HTMLDivElement>\n\nexport const ModalFooter = ({\n  unpadded,\n  actions,\n  appearance = \"primary\",\n  alignStart,\n  variant,\n  ...props\n}: ModalFooterProps): JSX.Element => {\n  const { queries } = useMediaQueries()\n\n  return (\n    <ModalBody inputEdit={variant === \"inputEdit\"}>\n      <div\n        className={classnames(\n          styles.actions,\n          !unpadded && styles.padded,\n          variant === \"context\" && styles.informationPadded,\n          alignStart && styles.actionsAlignStart\n        )}\n        {...props}\n      >\n        {actions.map((action, index) => (\n          <div className={styles.actionButton} key={index}>\n            <Button\n              type=\"button\"\n              primary={index === 0 && appearance === \"primary\"}\n              destructive={index === 0 && appearance === \"destructive\"}\n              secondary={index > 0}\n              fullWidth={queries.isSmall}\n              {...action}\n            />\n          </div>\n        ))}\n      </div>\n    </ModalBody>\n  )\n}\n\nModalFooter.displayName = \"ModalFooter\"\n"],"names":["ModalFooter","_a","unpadded","actions","_b","appearance","alignStart","variant","props","__rest","queries","useMediaQueries","React","ModalBody","inputEdit","createElement","__assign","className","classnames","styles","padded","informationPadded","actionsAlignStart","map","action","index","actionButton","key","Button","type","primary","destructive","secondary","fullWidth","isSmall","displayName"],"mappings":";;;;;;;;;;;;MA4BaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAOT,EAAA;IANjB,IAAAC,QAAQ,cAAA;MACRC,OAAO,aAAA;MACPC,EAAA,GAAAH,EAAA,CAAAI,UAAsB;MAAtBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA;MACtBE,UAAU,gBAAA;MACVC,OAAO,aAAA;MACJC,KAAK,GANkBC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,CAO3B,CADS;IAEA,IAAAS,OAAO,GAAKC,+BAAe,CAAE,CAAA,QAAtB;IAEf,OACEC,oBAACC,SAAAA,CAAAA,SAAS,EAAA;MAACC,SAAS,EAAEP,OAAO,KAAK;IAAW,CAAA,EAC3CK,KACE,CAAAG,aAAA,CAAA,KAAA,EAAAC,KAAAA,CAAAA,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,kBAAM,CAAChB,OAAO,EACd,CAACD,QAAQ,IAAIiB,kBAAM,CAACC,MAAM,EAC1Bb,OAAO,KAAK,SAAS,IAAIY,kBAAM,CAACE,iBAAiB,EACjDf,UAAU,IAAIa,kBAAM,CAACG,iBAAiB;IACvC,CACG,EAAAd,KAAK,CAER,EAAAL,OAAO,CAACoB,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK;MAAK,OAC9Bb,KAAK,CAAAG,aAAA,CAAA,KAAA,EAAA;QAAAE,SAAS,EAAEE,kBAAM,CAACO,YAAY;QAAEC,GAAG,EAAEF;MAAK,CAAA,EAC7Cb,KAAC,CAAAG,aAAA,CAAAa,MAAAA,CAAAA,MAAM;QACLC,IAAI,EAAC,QAAQ;QACbC,OAAO,EAAEL,KAAK,KAAK,CAAC,IAAIpB,UAAU,KAAK,SAAS;QAChD0B,WAAW,EAAEN,KAAK,KAAK,CAAC,IAAIpB,UAAU,KAAK,aAAa;QACxD2B,SAAS,EAAEP,KAAK,GAAG,CAAC;QACpBQ,SAAS,EAAEvB,OAAO,CAACwB;MAAO,GACtBV,MAAM,CAAA,CACV,CACE;IACP,CAAA,CAAC,CACE,CACI;EAEhB,CAAC;EAEDxB,WAAW,CAACmC,WAAW,GAAG,aAAa;EAAA,OAtC1BnC,WAAW;AAAA;"}

package/dist/cjs/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var styles = {
+  "actions": "ModalFooter-module_actions__q2PiD",
+  "actionsAlignStart": "ModalFooter-module_actionsAlignStart__4wZ75",
+  "padded": "ModalFooter-module_padded__9PLtz",
+  "actionButton": "ModalFooter-module_actionButton__YD4vG",
+  "footerWrap": "ModalFooter-module_footerWrap__IEAMY",
+  "center": "ModalFooter-module_center__w232S",
+  "border": "ModalFooter-module_border__jj-Zy",
+  "start": "ModalFooter-module_start__0GJno",
+  "end": "ModalFooter-module_end__KuUbk",
+  "fixed": "ModalFooter-module_fixed__mV5fZ",
+  "filler": "ModalFooter-module_filler__kElGb"
+};
+module.exports = styles;
+//# sourceMappingURL=ModalFooter.module.scss.cjs.map

package/dist/cjs/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss.cjs.map

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

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

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+require('../../../../Button/Button/Button.cjs');
+var IconButton = require('../../../../Button/IconButton/IconButton.cjs');
+require('../../../../Button/PaginationLink/PaginationLink.cjs');
+require('../../../../Button/DirectionalLink/DirectionalLink.cjs');
+require('tslib');
+require('uuid');
+require('../../../../Icon/subcomponents/SVG/SVG.cjs');
+var CloseIcon = require('../../../../Icon/CloseIcon.cjs');
+var ModalBody = require('../ModalBody/ModalBody.cjs');
+var ModalHeader_module = require('./ModalHeader.module.scss.cjs');
+const ModalHeader = /*#__PURE__*/function () {
+  const ModalHeader = function (_a) {
+    var reversed = _a.reversed,
+      onDismiss = _a.onDismiss,
+      children = _a.children;
+    return React.createElement(ModalBody.ModalBody, null, React.createElement("div", {
+      className: ModalHeader_module.dismissButton
+    }, React.createElement(IconButton.IconButton, {
+      label: "Dismiss",
+      icon: React.createElement(CloseIcon.CloseIcon, {
+        role: "presentation"
+      }),
+      reversed: reversed,
+      onClick: onDismiss,
+      disabled: onDismiss == undefined
+    })), children);
+  };
+  ModalHeader.displayName = "ModalHeader";
+  return ModalHeader;
+}();
+exports.ModalHeader = ModalHeader;
+//# sourceMappingURL=ModalHeader.cjs.map

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

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

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

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "dismissButton": "ModalHeader-module_dismissButton__YhHZl",
+  "layout": "ModalHeader-module_layout__K8x4O",
+  "fixed": "ModalHeader-module_fixed__JEeic",
+  "filler": "ModalHeader-module_filler__w1MCN"
+};
+module.exports = styles;
+//# sourceMappingURL=ModalHeader.module.scss.cjs.map

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

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

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

@@ -0,0 +1,86 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var typography = require('@kaizen/typography');
+var GenericModal = require('../GenericModal/GenericModal.cjs');
+require('../GenericModal/context/ModalContext.cjs');
+require('../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.cjs');
+var ModalFooter = require('../GenericModal/subcomponents/ModalFooter/ModalFooter.cjs');
+var ModalHeader = require('../GenericModal/subcomponents/ModalHeader/ModalHeader.cjs');
+var ModalAccessibleLabel = require('../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.cjs');
+var ModalBody = require('../GenericModal/subcomponents/ModalBody/ModalBody.cjs');
+var InputEditModal_module = require('./InputEditModal.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
+ */
+const InputEditModal = /*#__PURE__*/function () {
+  const InputEditModal = function (_a) {
+    var isOpen = _a.isOpen,
+      mood = _a.mood,
+      title = _a.title,
+      onSubmit = _a.onSubmit,
+      onSecondaryAction = _a.onSecondaryAction,
+      onAfterLeave = _a.onAfterLeave,
+      _b = _a.localeDirection,
+      localeDirection = _b === void 0 ? "ltr" : _b,
+      _c = _a.submitLabel,
+      submitLabel = _c === void 0 ? "Submit" : _c,
+      _d = _a.dismissLabel,
+      dismissLabel = _d === void 0 ? "Cancel" : _d,
+      secondaryLabel = _a.secondaryLabel,
+      submitWorking = _a.submitWorking,
+      children = _a.children,
+      _e = _a.unpadded,
+      unpadded = _e === void 0 ? false : _e,
+      propsOnDismiss = _a.onDismiss,
+      props = tslib.__rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss"]);
+    var onDismiss = submitWorking ? undefined : propsOnDismiss;
+    var submitAction = {
+      label: submitLabel,
+      onClick: onSubmit
+    };
+    var workingProps = submitWorking ? {
+      working: true,
+      workingLabel: submitWorking.label,
+      workingLabelHidden: submitWorking.labelHidden
+    } : {};
+    var showSecondary = onSecondaryAction && secondaryLabel;
+    var footerActions = [tslib.__assign(tslib.__assign({}, submitAction), workingProps), {
+      label: showSecondary ? secondaryLabel : dismissLabel,
+      onClick: showSecondary ? onSecondaryAction : onDismiss,
+      disabled: !!submitWorking
+    }];
+    return React.createElement(GenericModal.GenericModal, {
+      isOpen: isOpen,
+      onEscapeKeyup: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, React.createElement("div", tslib.__assign({
+      className: InputEditModal_module.modal,
+      dir: localeDirection,
+      "data-modal": true
+    }, props), React.createElement(ModalHeader.ModalHeader, {
+      onDismiss: onDismiss
+    }, React.createElement("div", {
+      className: classnames(InputEditModal_module.header, localeDirection === "rtl" && InputEditModal_module.textAlignRTL, !unpadded && InputEditModal_module.padded)
+    }, React.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null, React.createElement(typography.Heading, {
+      tag: "h2",
+      variant: "heading-2"
+    }, title)))), React.createElement(ModalBody.ModalBody, null, React.createElement("div", {
+      className: classnames(InputEditModal_module.body, !unpadded && InputEditModal_module.padded),
+      dir: localeDirection
+    }, children)), React.createElement(ModalFooter.ModalFooter, {
+      actions: footerActions,
+      appearance: mood === "destructive" ? "destructive" : "primary",
+      variant: "inputEdit",
+      unpadded: unpadded
+    })));
+  };
+  InputEditModal.displayName = "InputEditModal";
+  return InputEditModal;
+}();
+exports.InputEditModal = InputEditModal;
+//# sourceMappingURL=InputEditModal.cjs.map

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

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

package/dist/cjs/Modal/InputEditModal/InputEditModal.module.scss.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var styles = {
+  "defaultModalWidth": "InputEditModal-module_defaultModalWidth__My9Eh",
+  "backdropLayer": "InputEditModal-module_backdropLayer__aVLSb",
+  "scrollLayer": "InputEditModal-module_scrollLayer__isygg",
+  "modalLayer": "InputEditModal-module_modalLayer__r5vqj",
+  "modal": "InputEditModal-module_modal__SbQqp",
+  "animatingEnter": "InputEditModal-module_animatingEnter__qZgX2",
+  "fade-0-to-0-5": "InputEditModal-module_fade-0-to-0-5__ywvjR",
+  "custom-1": "InputEditModal-module_custom-1__wSZX6",
+  "animatingLeave": "InputEditModal-module_animatingLeave__S2HGz",
+  "fade-0-5-to-0": "InputEditModal-module_fade-0-5-to-0__s2WmG",
+  "custom-3": "InputEditModal-module_custom-3__T3riv",
+  "unscrollable": "InputEditModal-module_unscrollable__GN1M2",
+  "pseudoScrollbar": "InputEditModal-module_pseudoScrollbar__WCHmn",
+  "hide": "InputEditModal-module_hide__N88RW",
+  "custom-5": "InputEditModal-module_custom-5__trORr",
+  "custom-7": "InputEditModal-module_custom-7__-98CZ",
+  "header": "InputEditModal-module_header__nivTf",
+  "textAlignRTL": "InputEditModal-module_textAlignRTL__5QQP8",
+  "padded": "InputEditModal-module_padded__ZdEIS",
+  "body": "InputEditModal-module_body__LyxBE"
+};
+module.exports = styles;
+//# sourceMappingURL=InputEditModal.module.scss.cjs.map

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

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

package/dist/cjs/Modal/util/console.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var yellow = "\u001b[33m ";
+var reset = "\u001b[0m ";
+/**
+ * @deprecated Do not use ever again
+ */
+var warn = function (message) {
+  // eslint-disable-next-line no-console
+  console.warn("".concat(yellow, "\nCULTUREAMP UI WARNING:\n").concat(singleLine(message)).concat(reset, "\n"));
+};
+var singleLine = function (message) {
+  return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
+};
+exports.singleLine = singleLine;
+exports.warn = warn;
+//# sourceMappingURL=console.cjs.map