@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/Modal/GenericModal/GenericModal.mjs

@@ -1,4 +1,4 @@
-import React, { useId, useRef } from 'react';
+import React__default, { useId, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import { Transition } from '@headlessui/react';
 import classnames from 'classnames';
@@ -6,123 +6,120 @@ import { FocusOn } from 'react-focus-on';
 import { useIsClientReady } from '../../utils/useIsClientReady/useIsClientReady.mjs';
 import { ModalContext } from './context/ModalContext.mjs';
 import modules_70b8bd9e from './GenericModal.module.scss.mjs';
-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,
-      onAfterEnter = _a.onAfterEnter,
-      propsOnAfterLeave = _a.onAfterLeave,
-      className = _a.className;
-    var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    var labelledByID = useId();
-    var describedByID = useId();
-    var isClientReady = useIsClientReady();
-    var scrollLayerRef = useRef(null);
-    var modalLayerRef = useRef(null);
-    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 () {
-        var scrollElement = scrollLayerRef.current;
-        // This little verbose of a check but this ensures that the element is attached to the DOM as it animates in. This additional check aims to avoid race conditions
-        if (!(scrollElement === null || scrollElement === void 0 ? void 0 : scrollElement.isConnected)) return;
-        scrollElement.scrollTop = 0;
-      });
-    };
-    var a11yWarn = function () {
-      if (!isClientReady) return;
-      // Ensure that consumers have provided an element that labels the modal
-      // to meet ARIA accessibility guidelines.
-      if (!document.getElementById(labelledByID)) {
-        // eslint-disable-next-line no-console
-        console.warn('When using the Modal component, you must provide a label for the modal. Make sure you have a <ModalAccessibleLabel /> component with content that labels the modal.');
-      }
-    };
-    var focusOnAccessibleLabel = function () {
-      if (!isClientReady) return;
-      var modalElement = modalLayerRef.current;
-      if (!(modalElement === null || modalElement === void 0 ? void 0 : modalElement.isConnected)) return;
-      // Check if focus already exists within the modal
-      if (modalElement.contains(document.activeElement)) {
-        return;
-      }
-      var labelElement = document.getElementById(labelledByID);
-      if (labelElement === null || labelElement === void 0 ? void 0 : labelElement.isConnected) {
-        labelElement.focus();
-      }
-    };
-    var onEscapeKeyHandler = function (e) {
-      if (e instanceof KeyboardEvent) {
-        onEscapeKeyup === null || onEscapeKeyup === void 0 ? void 0 : onEscapeKeyup(e);
-      }
-    };
-    var onAfterEnterHandler = function () {
-      scrollModalToTop();
-      var modalElement = modalLayerRef.current;
-      if (modalElement) {
-        onAfterEnter === null || onAfterEnter === void 0 ? void 0 : onAfterEnter();
-        focusOnAccessibleLabel();
-        a11yWarn();
-      }
-    };
-    var outsideModalClickHandler = function (e) {
-      if (e.target === scrollLayerRef.current || e.target === modalLayerRef.current) {
-        onOutsideModalClick === null || onOutsideModalClick === void 0 ? void 0 : onOutsideModalClick(e);
-      }
-    };
-    var onAfterLeaveHandler = function () {
-      propsOnAfterLeave === null || propsOnAfterLeave === void 0 ? void 0 : propsOnAfterLeave();
-    };
-    // Don't render portal during SSR
-    if (!isClientReady) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null);
+var 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,
+    onAfterEnter = _a.onAfterEnter,
+    propsOnAfterLeave = _a.onAfterLeave,
+    className = _a.className;
+  var reactId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var labelledByID = useId();
+  var describedByID = useId();
+  var isClientReady = useIsClientReady();
+  var scrollLayerRef = useRef(null);
+  var modalLayerRef = useRef(null);
+  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 () {
+      var scrollElement = scrollLayerRef.current;
+      // This little verbose of a check but this ensures that the element is attached to the DOM as it animates in. This additional check aims to avoid race conditions
+      if (!(scrollElement === null || scrollElement === void 0 ? void 0 : scrollElement.isConnected)) return;
+      scrollElement.scrollTop = 0;
+    });
+  };
+  var a11yWarn = function () {
+    if (!isClientReady) return;
+    // Ensure that consumers have provided an element that labels the modal
+    // to meet ARIA accessibility guidelines.
+    if (!document.getElementById(labelledByID)) {
+      // eslint-disable-next-line no-console
+      console.warn('When using the Modal component, you must provide a label for the modal. Make sure you have a <ModalAccessibleLabel /> component with content that labels the modal.');
+    }
+  };
+  var focusOnAccessibleLabel = function () {
+    if (!isClientReady) return;
+    var modalElement = modalLayerRef.current;
+    if (!(modalElement === null || modalElement === void 0 ? void 0 : modalElement.isConnected)) return;
+    // Check if focus already exists within the modal
+    if (modalElement.contains(document.activeElement)) {
+      return;
+    }
+    var labelElement = document.getElementById(labelledByID);
+    if (labelElement === null || labelElement === void 0 ? void 0 : labelElement.isConnected) {
+      labelElement.focus();
+    }
+  };
+  var onEscapeKeyHandler = function (e) {
+    if (e instanceof KeyboardEvent) {
+      onEscapeKeyup === null || onEscapeKeyup === void 0 ? void 0 : onEscapeKeyup(e);
     }
-    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(Transition, {
-      appear: true,
-      show: isOpen,
-      afterEnter: onAfterEnterHandler,
-      afterLeave: onAfterLeaveHandler,
-      "data-generic-modal-transition-wrapper": true,
-      enter: modules_70b8bd9e.animatingEnter,
-      leave: modules_70b8bd9e.animatingLeave,
-      as: "div",
-      className: classnames(modules_70b8bd9e.transitionLayer, className)
-    }, /*#__PURE__*/React.createElement(FocusOn, {
-      focusLock: focusLockDisabled,
-      returnFocus: true,
-      onEscapeKey: onEscapeKeyHandler,
-      // Disabling false positive
-      // eslint-disable-next-line jsx-a11y/no-autofocus
-      autoFocus: false
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_70b8bd9e.backdropLayer
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_70b8bd9e.scrollLayer,
-      ref: scrollLayerRef,
-      "data-testid": "".concat(id, "-scrollLayer"),
-      onClick: outsideModalClickHandler
-    }, /*#__PURE__*/React.createElement(ModalContext.Provider, {
-      value: {
-        labelledByID: labelledByID,
-        describedByID: describedByID
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      role: "dialog",
-      className: modules_70b8bd9e.modalLayer,
-      "aria-labelledby": labelledByID,
-      "aria-describedby": describedByID,
-      ref: modalLayerRef,
-      "data-testid": id
-    }, children))))), document.body);
   };
-  GenericModal.displayName = 'GenericModal';
-  return GenericModal;
-}();
+  var onAfterEnterHandler = function () {
+    scrollModalToTop();
+    var modalElement = modalLayerRef.current;
+    if (modalElement) {
+      onAfterEnter === null || onAfterEnter === void 0 ? void 0 : onAfterEnter();
+      focusOnAccessibleLabel();
+      a11yWarn();
+    }
+  };
+  var outsideModalClickHandler = function (e) {
+    if (e.target === scrollLayerRef.current || e.target === modalLayerRef.current) {
+      onOutsideModalClick === null || onOutsideModalClick === void 0 ? void 0 : onOutsideModalClick(e);
+    }
+  };
+  var onAfterLeaveHandler = function () {
+    propsOnAfterLeave === null || propsOnAfterLeave === void 0 ? void 0 : propsOnAfterLeave();
+  };
+  // Don't render portal during SSR
+  if (!isClientReady) {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
+  }
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement(Transition, {
+    appear: true,
+    show: isOpen,
+    afterEnter: onAfterEnterHandler,
+    afterLeave: onAfterLeaveHandler,
+    "data-generic-modal-transition-wrapper": true,
+    enter: modules_70b8bd9e.animatingEnter,
+    leave: modules_70b8bd9e.animatingLeave,
+    as: "div",
+    className: classnames(modules_70b8bd9e.transitionLayer, className)
+  }, /*#__PURE__*/React__default.createElement(FocusOn, {
+    focusLock: focusLockDisabled,
+    returnFocus: true,
+    onEscapeKey: onEscapeKeyHandler,
+    // Disabling false positive
+    // eslint-disable-next-line jsx-a11y/no-autofocus
+    autoFocus: false
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_70b8bd9e.backdropLayer
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_70b8bd9e.scrollLayer,
+    ref: scrollLayerRef,
+    "data-testid": "".concat(id, "-scrollLayer"),
+    onClick: outsideModalClickHandler
+  }, /*#__PURE__*/React__default.createElement(ModalContext.Provider, {
+    value: {
+      labelledByID: labelledByID,
+      describedByID: describedByID
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    role: "dialog",
+    className: modules_70b8bd9e.modalLayer,
+    "aria-labelledby": labelledByID,
+    "aria-describedby": describedByID,
+    ref: modalLayerRef,
+    "data-testid": id
+  }, children))))), document.body);
+};
+GenericModal.displayName = 'GenericModal';
 export { GenericModal };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs

@@ -1,18 +1,15 @@
-import React from 'react';
+import React__default from 'react';
 import { ModalContext } from '../../context/ModalContext.mjs';
 import modules_bc0ca697 from './ModalAccessibleDescription.module.scss.mjs';
-const ModalAccessibleDescription = /*#__PURE__*/function () {
-  const ModalAccessibleDescription = function (_a) {
-    var children = _a.children;
-    return /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_a) {
-      var describedByID = _a.describedByID;
-      return /*#__PURE__*/React.createElement("div", {
-        id: describedByID,
-        className: modules_bc0ca697.modalDescription
-      }, children);
-    });
-  };
-  ModalAccessibleDescription.displayName = 'ModalAccessibleDescription';
-  return ModalAccessibleDescription;
-}();
+var ModalAccessibleDescription = function (_a) {
+  var children = _a.children;
+  return /*#__PURE__*/React__default.createElement(ModalContext.Consumer, null, function (_a) {
+    var describedByID = _a.describedByID;
+    return /*#__PURE__*/React__default.createElement("div", {
+      id: describedByID,
+      className: modules_bc0ca697.modalDescription
+    }, children);
+  });
+};
+ModalAccessibleDescription.displayName = 'ModalAccessibleDescription';
 export { ModalAccessibleDescription };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs

@@ -1,22 +1,19 @@
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { ModalContext } from '../../context/ModalContext.mjs';
 import modules_2e2f5781 from './ModalAccessibleLabel.module.scss.mjs';
-const ModalAccessibleLabel = /*#__PURE__*/function () {
-  const ModalAccessibleLabel = function (_a) {
-    var children = _a.children,
-      _b = _a.isProminent,
-      isProminent = _b === void 0 ? false : _b;
-    return /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_a) {
-      var labelledByID = _a.labelledByID;
-      return /*#__PURE__*/React.createElement("div", {
-        id: labelledByID,
-        tabIndex: -1,
-        className: classnames(modules_2e2f5781.modalLabel, isProminent && modules_2e2f5781.prominent)
-      }, children);
-    });
-  };
-  ModalAccessibleLabel.displayName = 'ModalAccessibleLabel';
-  return ModalAccessibleLabel;
-}();
+var ModalAccessibleLabel = function (_a) {
+  var children = _a.children,
+    _b = _a.isProminent,
+    isProminent = _b === void 0 ? false : _b;
+  return /*#__PURE__*/React__default.createElement(ModalContext.Consumer, null, function (_a) {
+    var labelledByID = _a.labelledByID;
+    return /*#__PURE__*/React__default.createElement("div", {
+      id: labelledByID,
+      tabIndex: -1,
+      className: classnames(modules_2e2f5781.modalLabel, isProminent && modules_2e2f5781.prominent)
+    }, children);
+  });
+};
+ModalAccessibleLabel.displayName = 'ModalAccessibleLabel';
 export { ModalAccessibleLabel };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs

@@ -1,16 +1,13 @@
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_9b469231 from './ModalBody.module.scss.mjs';
-const ModalBody = /*#__PURE__*/function () {
-  const ModalBody = function (_a) {
-    var _b = _a.inputEdit,
-      inputEdit = _b === void 0 ? false : _b,
-      children = _a.children;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(inputEdit && modules_9b469231.inputEdit)
-    }, children);
-  };
-  ModalBody.displayName = 'ModalBody';
-  return ModalBody;
-}();
+var ModalBody = function (_a) {
+  var _b = _a.inputEdit,
+    inputEdit = _b === void 0 ? false : _b,
+    children = _a.children;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(inputEdit && modules_9b469231.inputEdit)
+  }, children);
+};
+ModalBody.displayName = 'ModalBody';
 export { ModalBody };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs

@@ -1,36 +1,33 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Button } from '../../../../ButtonV1/Button/Button.mjs';
 import '../../../../ButtonV1/IconButton/IconButton.mjs';
 import { useMediaQueries } from '../../../../utils/useMediaQueries.mjs';
 import { ModalBody } from '../ModalBody/ModalBody.mjs';
 import modules_5b783e10 from './ModalFooter.module.scss.mjs';
-const ModalFooter = /*#__PURE__*/function () {
-  const ModalFooter = function (_a) {
-    var unpadded = _a.unpadded,
-      actions = _a.actions,
-      alignStart = _a.alignStart,
-      variant = _a.variant,
-      props = __rest(_a, ["unpadded", "actions", "alignStart", "variant"]);
-    var queries = useMediaQueries().queries;
-    return /*#__PURE__*/React.createElement(ModalBody, {
-      inputEdit: variant === 'inputEdit'
-    }, /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_5b783e10.actions, !unpadded && modules_5b783e10.padded, variant === 'context' && modules_5b783e10.informationPadded, alignStart && modules_5b783e10.actionsAlignStart)
-    }, props), actions.map(function (action, index) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: modules_5b783e10.actionButton,
-        key: index
-      }, /*#__PURE__*/React.createElement(Button, __assign({
-        type: "button",
-        primary: index === 0 && !action.destructive && !action.secondary,
-        secondary: index > 0 && !action.destructive && !action.primary,
-        fullWidth: queries.isSmall
-      }, action)));
-    })));
-  };
-  ModalFooter.displayName = 'ModalFooter';
-  return ModalFooter;
-}();
+var ModalFooter = function (_a) {
+  var unpadded = _a.unpadded,
+    actions = _a.actions,
+    alignStart = _a.alignStart,
+    variant = _a.variant,
+    props = __rest(_a, ["unpadded", "actions", "alignStart", "variant"]);
+  var queries = useMediaQueries().queries;
+  return /*#__PURE__*/React__default.createElement(ModalBody, {
+    inputEdit: variant === 'inputEdit'
+  }, /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_5b783e10.actions, !unpadded && modules_5b783e10.padded, variant === 'context' && modules_5b783e10.informationPadded, alignStart && modules_5b783e10.actionsAlignStart)
+  }, props), actions.map(function (action, index) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: modules_5b783e10.actionButton,
+      key: index
+    }, /*#__PURE__*/React__default.createElement(Button, __assign({
+      type: "button",
+      primary: index === 0 && !action.destructive && !action.secondary,
+      secondary: index > 0 && !action.destructive && !action.primary,
+      fullWidth: queries.isSmall
+    }, action)));
+  })));
+};
+ModalFooter.displayName = 'ModalFooter';
 export { ModalFooter };

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs

@@ -1,28 +1,25 @@
-import React from 'react';
+import React__default from 'react';
 import '../../../../ButtonV1/Button/Button.mjs';
 import { IconButton } from '../../../../ButtonV1/IconButton/IconButton.mjs';
 import { Icon } from '../../../../Icon/Icon.mjs';
 import { ModalBody } from '../ModalBody/ModalBody.mjs';
 import modules_c4ceb2ea from './ModalHeader.module.scss.mjs';
-const ModalHeader = /*#__PURE__*/function () {
-  const ModalHeader = function (_a) {
-    var reversed = _a.reversed,
-      onDismiss = _a.onDismiss,
-      children = _a.children;
-    return /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
-      className: modules_c4ceb2ea.dismissButton
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      label: "Dismiss",
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        name: "close",
-        isPresentational: true
-      }),
-      reversed: reversed,
-      onClick: onDismiss,
-      disabled: onDismiss == undefined
-    })), children);
-  };
-  ModalHeader.displayName = 'ModalHeader';
-  return ModalHeader;
-}();
+var ModalHeader = function (_a) {
+  var reversed = _a.reversed,
+    onDismiss = _a.onDismiss,
+    children = _a.children;
+  return /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_c4ceb2ea.dismissButton
+  }, /*#__PURE__*/React__default.createElement(IconButton, {
+    label: "Dismiss",
+    icon: /*#__PURE__*/React__default.createElement(Icon, {
+      name: "close",
+      isPresentational: true
+    }),
+    reversed: reversed,
+    onClick: onDismiss,
+    disabled: onDismiss == undefined
+  })), children);
+};
+ModalHeader.displayName = 'ModalHeader';
 export { ModalHeader };

package/dist/esm/src/Modal/InputEditModal/InputEditModal.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Heading } from '../../Heading/Heading.mjs';
 import { GenericModal } from '../GenericModal/GenericModal.mjs';
@@ -15,67 +15,64 @@ import modules_6f905686 from './InputEditModal.module.scss.mjs';
  * {@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,
-      title = _a.title,
-      onSubmit = _a.onSubmit,
-      onSecondaryAction = _a.onSecondaryAction,
-      onAfterLeave = _a.onAfterLeave,
-      _b = _a.submitLabel,
-      submitLabel = _b === void 0 ? 'Submit' : _b,
-      _c = _a.dismissLabel,
-      dismissLabel = _c === void 0 ? 'Cancel' : _c,
-      secondaryLabel = _a.secondaryLabel,
-      submitWorking = _a.submitWorking,
-      children = _a.children,
-      _d = _a.unpadded,
-      unpadded = _d === void 0 ? false : _d,
-      propsOnDismiss = _a.onDismiss,
-      onAfterEnter = _a.onAfterEnter,
-      className = _a.className,
-      props = __rest(_a, ["isOpen", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter", "className"]);
-    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 = [__assign(__assign({}, submitAction), workingProps), {
-      label: showSecondary ? secondaryLabel : dismissLabel,
-      onClick: showSecondary ? onSecondaryAction : onDismiss,
-      disabled: !!submitWorking
-    }];
-    return /*#__PURE__*/React.createElement(GenericModal, {
-      isOpen: isOpen,
-      onEscapeKeyup: onDismiss,
-      onAfterLeave: onAfterLeave,
-      onAfterEnter: onAfterEnter,
-      className: className
-    }, /*#__PURE__*/React.createElement("div", __assign({
-      className: modules_6f905686.modal,
-      "data-modal": true
-    }, props), /*#__PURE__*/React.createElement(ModalHeader, {
-      onDismiss: onDismiss
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_6f905686.header, !unpadded && modules_6f905686.padded)
-    }, /*#__PURE__*/React.createElement(ModalAccessibleLabel, null, /*#__PURE__*/React.createElement(Heading, {
-      tag: "h2",
-      variant: "heading-2"
-    }, title)))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_6f905686.body, !unpadded && modules_6f905686.padded)
-    }, children)), /*#__PURE__*/React.createElement(ModalFooter, {
-      actions: footerActions,
-      variant: "inputEdit",
-      unpadded: unpadded
-    })));
+var InputEditModal = function (_a) {
+  var isOpen = _a.isOpen,
+    title = _a.title,
+    onSubmit = _a.onSubmit,
+    onSecondaryAction = _a.onSecondaryAction,
+    onAfterLeave = _a.onAfterLeave,
+    _b = _a.submitLabel,
+    submitLabel = _b === void 0 ? 'Submit' : _b,
+    _c = _a.dismissLabel,
+    dismissLabel = _c === void 0 ? 'Cancel' : _c,
+    secondaryLabel = _a.secondaryLabel,
+    submitWorking = _a.submitWorking,
+    children = _a.children,
+    _d = _a.unpadded,
+    unpadded = _d === void 0 ? false : _d,
+    propsOnDismiss = _a.onDismiss,
+    onAfterEnter = _a.onAfterEnter,
+    className = _a.className,
+    props = __rest(_a, ["isOpen", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter", "className"]);
+  var onDismiss = submitWorking ? undefined : propsOnDismiss;
+  var submitAction = {
+    label: submitLabel,
+    onClick: onSubmit
   };
-  InputEditModal.displayName = 'InputEditModal';
-  return InputEditModal;
-}();
+  var workingProps = submitWorking ? {
+    working: true,
+    workingLabel: submitWorking.label,
+    workingLabelHidden: submitWorking.labelHidden
+  } : {};
+  var showSecondary = onSecondaryAction && secondaryLabel;
+  var footerActions = [__assign(__assign({}, submitAction), workingProps), {
+    label: showSecondary ? secondaryLabel : dismissLabel,
+    onClick: showSecondary ? onSecondaryAction : onDismiss,
+    disabled: !!submitWorking
+  }];
+  return /*#__PURE__*/React__default.createElement(GenericModal, {
+    isOpen: isOpen,
+    onEscapeKeyup: onDismiss,
+    onAfterLeave: onAfterLeave,
+    onAfterEnter: onAfterEnter,
+    className: className
+  }, /*#__PURE__*/React__default.createElement("div", __assign({
+    className: modules_6f905686.modal,
+    "data-modal": true
+  }, props), /*#__PURE__*/React__default.createElement(ModalHeader, {
+    onDismiss: onDismiss
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_6f905686.header, !unpadded && modules_6f905686.padded)
+  }, /*#__PURE__*/React__default.createElement(ModalAccessibleLabel, null, /*#__PURE__*/React__default.createElement(Heading, {
+    tag: "h2",
+    variant: "heading-2"
+  }, title)))), /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_6f905686.body, !unpadded && modules_6f905686.padded)
+  }, children)), /*#__PURE__*/React__default.createElement(ModalFooter, {
+    actions: footerActions,
+    variant: "inputEdit",
+    unpadded: unpadded
+  })));
+};
+InputEditModal.displayName = 'InputEditModal';
 export { InputEditModal };