@festo-ui/react 9.0.0-dev.707 → 9.0.0-dev.709

package/node/lib/components/loading-indicator/LoadingIndicator.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LoadingIndicator = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    size = "large",
-    children,
-    className,
-    ...props
-  } = _ref;
-  const classes = (0, _classnames.default)("fwe-waiting-indicator", {
-    "fwe-waiting-indicator-md": size === "medium"
-  }, {
-    "fwe-waiting-indicator-sm": size === "small"
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)("fwe-waiting-container", {
-      "fwe-waiting-container-sm": size === "small"
-    }, className),
-    ref: ref,
-    ...props,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: classes,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fwe-waiting-circle-1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fwe-waiting-circle-2"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fwe-waiting-circle-3"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fwe-waiting-circle-4"
-      })]
-    }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fwe-waiting-content-container",
-      children: children
-    })]
-  });
-});
-var _default = exports.default = LoadingIndicator;

package/node/lib/components/mobile-flyout/MobileFlyout.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _useForkRef = _interopRequireDefault(require("../../helper/useForkRef.js"));
-var _useOnClickOutside = _interopRequireDefault(require("../../helper/useOnClickOutside.js"));
-var _useControlled = _interopRequireDefault(require("../../helper/useControlled.js"));
-var _MobileFlyoutContext = _interopRequireDefault(require("./MobileFlyoutContext.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const defaultVisibleValue = ["root"];
-const MobileFlyout = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    className,
-    children,
-    open,
-    onOpenChange,
-    onVisibleChange,
-    defaultOpen,
-    visible,
-    defaultVisible = defaultVisibleValue,
-    back,
-    ...props
-  } = _ref;
-  const [openState, setOpen] = (0, _useControlled.default)({
-    controlled: open,
-    default: defaultOpen
-  });
-  const [visibleState, setVisible] = (0, _useControlled.default)({
-    controlled: visible,
-    default: defaultVisible
-  });
-  const innerRef = (0, _react.useRef)(null);
-  const combinedRef = (0, _useForkRef.default)(ref, innerRef);
-  const handleVisibleChange = (0, _react.useCallback)(v => {
-    if (visibleState !== undefined) {
-      if (visibleState.includes(v)) {
-        const newArray = visibleState.filter(entry => entry !== v);
-        setVisible(newArray);
-      } else {
-        const newArray = [...visibleState, v];
-        setVisible(newArray);
-      }
-    }
-    onVisibleChange?.(v);
-  }, [onVisibleChange, setVisible, visibleState]);
-  const handleOpenChange = (0, _react.useCallback)(v => {
-    setOpen(v);
-    onOpenChange?.(v);
-  }, [onOpenChange, setOpen]);
-  function handleClickOutside() {
-    handleOpenChange(false);
-  }
-  function toggle() {
-    const newOpen = !openState;
-    handleOpenChange(newOpen);
-  }
-  (0, _useOnClickOutside.default)(innerRef, handleClickOutside);
-  const contextValue = (0, _react.useMemo)(() => ({
-    visible: visibleState ?? defaultVisibleValue,
-    setVisible: handleVisibleChange,
-    setOpen: handleOpenChange,
-    back
-  }), [handleVisibleChange, visibleState, back, handleOpenChange]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)("fwe-mobile-flyout", className),
-    ...props,
-    ref: combinedRef,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      "aria-label": "menu",
-      type: "button",
-      className: openState ? "fwe-close-button" : "fwe-burger-button",
-      onClick: toggle
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)("fwe-mobile-flyout-container", {
-        "fwe-opened": openState
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileFlyoutContext.default.Provider, {
-        value: contextValue,
-        children: children
-      })
-    })]
-  });
-});
-var _default = exports.default = MobileFlyout;

package/node/lib/components/mobile-flyout/MobileFlyoutContext.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _default = exports.default = /*#__PURE__*/(0, _react.createContext)(null);

package/node/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _reactIcons = require("@festo-ui/react-icons");
-var _MobileFlyoutContext = _interopRequireDefault(require("../MobileFlyoutContext.js"));
-var _IconWrapper = _interopRequireDefault(require("../../icon-wrapper/IconWrapper.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
- * Augment `forwardRef` only for this module so that storybook can infer controls
- * (despite component being wrapped in forwardRef)
- * https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%3A-augment-forwardref
- * https://github.com/microsoft/TypeScript/pull/30215
- */
-
-const MobileFlyoutItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    component,
-    children,
-    pageLink,
-    icon,
-    onClick,
-    active,
-    ...props
-  } = _ref;
-  const Component = component || "a";
-  const {
-    setVisible,
-    setOpen
-  } = (0, _react.useContext)(_MobileFlyoutContext.default);
-  function handleClick(e) {
-    if (pageLink) {
-      setVisible(pageLink);
-    } else {
-      setOpen(false);
-    }
-    onClick?.(e);
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
-    className: "fwe-mobile-flyout-item fwe-bb",
-    ...props,
-    ref: ref,
-    onClick: handleClick,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconWrapper.default, {
-      icon: icon
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)("fwe-flex-grow-1", {
-        "fwe-color-hero": active
-      }, {
-        "fwe-ml-xxs": !!icon
-      }),
-      children: children
-    }), pageLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcons.IconRight2, {})]
-  });
-});
-var _default = exports.default = MobileFlyoutItem;

package/node/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _MobileFlyoutContext = _interopRequireDefault(require("../MobileFlyoutContext.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MobileFlyoutPage = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    back,
-    children,
-    name,
-    root,
-    ...props
-  } = _ref;
-  const {
-    visible,
-    setVisible,
-    back: backContext
-  } = (0, _react.useContext)(_MobileFlyoutContext.default);
-  const innerVisible = root || name && visible.includes(name);
-  const innerBack = back ?? backContext ?? "Back";
-  function handleChange() {
-    if (name) {
-      setVisible(name);
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)("fwe-mobile-flyout-page", {
-      "fwe-opened": innerVisible
-    }),
-    ref: ref,
-    ...props,
-    children: [!root && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      tabIndex: 0,
-      role: "button",
-      className: "fwe-page-back",
-      onClick: handleChange,
-      onKeyUp: handleChange,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: innerBack
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fwe-mobile-flyout-item-container",
-      children: children
-    })]
-  });
-});
-var _default = exports.default = MobileFlyoutPage;

package/node/lib/components/modals/AlertModal.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Modal = _interopRequireDefault(require("./Modal.js"));
-var _ModalFooter = _interopRequireDefault(require("./ModalFooter.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function AlertModal(_ref) {
-  let {
-    title,
-    subtitle,
-    alertType,
-    strong,
-    cancel,
-    ok,
-    onCancel,
-    onOk,
-    className,
-    body,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
-    className: (0, _classnames.default)({
-      "fwe-modal--with-indicator-bar": strong,
-      "fwe-modal--warning": alertType === "warning",
-      "fwe-modal--error": alertType === "error",
-      "fwe-modal--info": alertType === "info"
-    }, className),
-    head: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-        className: "fwe-modal-h2",
-        children: subtitle
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-        className: "fwe-modal-h1",
-        children: title
-      })]
-    }),
-    body: typeof body === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: body
-    }) : body,
-    ...props,
-    children: (cancel || ok) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ModalFooter.default, {
-      children: [cancel && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: "button",
-        "aria-label": "Cancel",
-        className: (0, _classnames.default)("fwe-btn fwe-btn-lg", {
-          "fwe-btn-link": strong
-        }),
-        onClick: onCancel,
-        children: cancel
-      }), ok && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: "button",
-        "aria-label": "Ok",
-        className: (0, _classnames.default)("fwe-btn fwe-btn-lg", {
-          "fwe-btn-hero": !strong
-        }),
-        onClick: onOk,
-        children: ok
-      })]
-    })
-  });
-}
-var _default = exports.default = AlertModal;

package/node/lib/components/modals/ConfirmModal.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Modal = _interopRequireDefault(require("./Modal.js"));
-var _ModalFooter = _interopRequireDefault(require("./ModalFooter.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ConfirmModal(_ref) {
-  let {
-    title,
-    subtitle,
-    cancel,
-    ok,
-    onCancel,
-    onOk,
-    large,
-    body,
-    className,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
-    className: (0, _classnames.default)({
-      "fwe-modal--large": large
-    }, className),
-    head: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-        className: "fwe-modal-h2",
-        children: subtitle
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-        className: "fwe-modal-h1",
-        children: title
-      })]
-    }),
-    body: typeof body === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: body
-    }) : body,
-    ...props,
-    children: (cancel || ok) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ModalFooter.default, {
-      children: [cancel && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: "button",
-        "aria-label": "Cancel",
-        className: "fwe-btn fwe-btn-lg",
-        onClick: onCancel,
-        children: cancel
-      }), ok && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: "button",
-        "aria-label": "Ok",
-        className: "fwe-btn fwe-btn-hero fwe-btn-lg",
-        onClick: onOk,
-        children: ok
-      })]
-    })
-  });
-}
-var _default = exports.default = ConfirmModal;

package/node/lib/components/modals/CustomModal.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _ModalBase = _interopRequireDefault(require("./ModalBase.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CustomModal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    large,
-    title,
-    subtitle,
-    className,
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ModalBase.default, {
-    className: (0, _classnames.default)({
-      "fwe-modal--large": large
-    }, className),
-    ref: ref,
-    ...props,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      className: "fwe-modal-close-btn",
-      type: "button",
-      "aria-label": "Close",
-      onClick: props.onClose,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "fwe-sr-only",
-        children: "Close"
-      })
-    }), title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fwe-modal-header",
-      children: [subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-        className: "fwe-modal-h2",
-        children: subtitle
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-        className: "fwe-modal-h1",
-        children: title
-      })]
-    }), children]
-  });
-});
-var _default = exports.default = CustomModal;

package/node/lib/components/modals/Modal.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ModalBase = _interopRequireDefault(require("./ModalBase.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Modal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    head,
-    body,
-    className,
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ModalBase.default, {
-    className: className,
-    ref: ref,
-    ...props,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      className: "fwe-modal-close-btn",
-      type: "button",
-      "aria-label": "Close",
-      onClick: props.onClose,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "fwe-sr-only",
-        children: "Close"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fwe-modal-header",
-      children: head
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fwe-modal-body",
-      children: body
-    }), children]
-  });
-});
-var _default = exports.default = Modal;

package/node/lib/components/modals/ModalBase.js

@@ -1,149 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _reactTransitionGroup = require("react-transition-group");
-var _reactRemoveScroll = require("react-remove-scroll");
-var _useForkRef = _interopRequireDefault(require("../../helper/useForkRef.js"));
-var _LoadingIndicator = _interopRequireDefault(require("../loading-indicator/LoadingIndicator.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-
-const ModalBase = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    isOpen,
-    isLoading,
-    onClose,
-    onCloseDone,
-    className,
-    children,
-    ...props
-  } = _ref;
-  const modalRef = (0, _react.useRef)(null);
-  const backdropRef = (0, _react.useRef)(null);
-  const mouseDownOnBackdropActive = (0, _react.useRef)(false);
-  const allRefs = (0, _useForkRef.default)(ref, modalRef);
-  const container = modalRef?.current?.ownerDocument || document;
-
-  // Handle Escape key to close modal
-  (0, _react.useEffect)(() => {
-    const handleKeyDown = event => {
-      if (event.key === "Escape" && isOpen) {
-        onClose?.();
-      }
-    };
-    container.addEventListener("keydown", handleKeyDown);
-    return () => container.removeEventListener("keydown", handleKeyDown);
-  }, [onClose, isOpen, container]);
-
-  // Focus trap implementation
-  const handleTabKey = (0, _react.useCallback)(e => {
-    if (e.key === "Tab" && modalRef.current && isOpen) {
-      // Query for all focusable elements
-      const focusableElements = modalRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-      const firstElement = focusableElements[0];
-      const lastElement = focusableElements[focusableElements.length - 1];
-
-      // If shift+tab and we're on the first element, move to the last
-      if (e.shiftKey && document.activeElement === firstElement) {
-        e.preventDefault();
-        lastElement?.focus();
-      }
-      // If tab and we're on the last element, move to the first
-      else if (!e.shiftKey && document.activeElement === lastElement) {
-        e.preventDefault();
-        firstElement?.focus();
-      }
-    }
-  }, [isOpen]);
-
-  // Set up the focus trap listener
-  (0, _react.useEffect)(() => {
-    if (isOpen) {
-      container.addEventListener("keydown", handleTabKey);
-
-      // Auto-focus first focusable element when modal opens
-      setTimeout(() => {
-        if (modalRef.current) {
-          const focusableElements = modalRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-
-          // Focus the first input element, or the first focusable element if no input exists
-          const firstInput = Array.from(focusableElements).find(el => el.tagName.toLowerCase() === "input");
-          if (firstInput) {
-            firstInput.focus();
-          } else if (focusableElements.length > 0) {
-            focusableElements[0].focus();
-          }
-        }
-      }, 100);
-    }
-    return () => {
-      container.removeEventListener("keydown", handleTabKey);
-    };
-  }, [isOpen, handleTabKey, container]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-        classNames: "fr-modal-backdrop",
-        in: isOpen,
-        timeout: {
-          exit: 300
-        },
-        appear: true,
-        unmountOnExit: true,
-        nodeRef: backdropRef,
-        component: null,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          ref: backdropRef,
-          className: "fr-modal-backdrop fwe-modal-backdrop"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-        classNames: "fr-modal",
-        in: isOpen && !isLoading,
-        onExited: onCloseDone,
-        timeout: {
-          exit: 300,
-          enter: 100
-        },
-        appear: true,
-        unmountOnExit: true,
-        nodeRef: modalRef,
-        component: null,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "fr-modal-overlay-wrapper",
-          onClick: e => e.stopPropagation(),
-          onMouseDown: e => {
-            mouseDownOnBackdropActive.current = e.target === e.currentTarget;
-          },
-          onMouseUp: e => {
-            const closeModal = mouseDownOnBackdropActive.current && e.target === e.currentTarget;
-            mouseDownOnBackdropActive.current = false;
-            if (closeModal) {
-              onClose?.();
-            }
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRemoveScroll.RemoveScroll, {
-            ref: allRefs,
-            enabled: isOpen,
-            className: (0, _classnames.default)("fr-modal fwe-modal", className),
-            ...props,
-            children: children
-          })
-        })
-      }), isOpen && isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fr-modal-overlay-wrapper",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicator.default, {
-          size: "large"
-        })
-      })]
-    }), container.body)
-  });
-});
-var _default = exports.default = ModalBase;

package/node/lib/components/modals/ModalFooter.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ModalFooter = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    className
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: ref,
-    className: (0, _classnames.default)("fwe-modal-footer", className),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)("fwe-modal-buttons"),
-      children: children
-    })
-  });
-});
-var _default = exports.default = ModalFooter;