@festo-ui/react 4.0.3-pre-20221213.1 → 5.0.0-dev.102

package/node/lib/components/breadcrumb/Breadcrumb.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Breadcrumb navigation can be used on pages with multiple navigation levels.
+ */
+function Breadcrumb(_ref) {
+  let {
+    locations,
+    onClick,
+    children,
+    className
+  } = _ref;
+  const childrenList = [];
+  _react.default.Children.forEach(children, element => {
+    if ( /*#__PURE__*/_react.default.isValidElement(element)) {
+      childrenList.push({
+        ...element,
+        props: {
+          ...element.props,
+          className: 'fr-breadcrumb-location'
+        }
+      });
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)('fwe-breadcrumb', className),
+    children: locations ? locations.map((location, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: "fr-breadcrumb-location",
+        href: location.url,
+        onClick: e => onClick ? onClick(e) : undefined,
+        children: location.label
+      }), index + 1 < locations.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        className: "fwe-icon fwe-icon-arrows-right-2"
+      })]
+    }, location.url)) : childrenList.map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+      children: [child, ' ', index + 1 < childrenList.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        className: "fwe-icon fwe-icon-arrows-right-2"
+      })]
+    }, child.props.children))
+  });
+}
+var _default = Breadcrumb;
+exports.default = _default;

package/node/lib/components/buttons/button/Button.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Button(_ref) {
+  let {
+    icon,
+    disabled = false,
+    iconOnly = false,
+    large = false,
+    onClick,
+    primary = false,
+    className,
+    children
+  } = _ref;
+  const classes = (0, _classnames.default)('fwe-btn', 'fr-button', {
+    'fwe-btn-icon': iconOnly
+  }, {
+    'fwe-disabled': disabled
+  }, {
+    'fwe-btn-hero': primary
+  }, {
+    'fwe-btn-lg': large
+  }, className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+    type: "button",
+    onClick: onClick,
+    className: classes,
+    disabled: disabled,
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+      className: `fwe-icon fwe-icon-${icon}`
+    }), !iconOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: children
+    })]
+  });
+}
+var _default = Button;
+exports.default = _default;

package/node/lib/components/card/Card.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Card(_ref) {
+  let {
+    children,
+    className
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)('fwe-card', className),
+    children: children
+  });
+}
+var _default = Card;
+exports.default = _default;

package/node/lib/components/card/CardBody.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CardBody(_ref) {
+  let {
+    children,
+    text,
+    className
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)('fwe-card-body', className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fwe-card-text",
+      children: text
+    }), children]
+  });
+}
+var _default = CardBody;
+exports.default = _default;

package/node/lib/components/card/CardHeader.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CardHeader(_ref) {
+  let {
+    title,
+    subtitle,
+    action,
+    className
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)('fwe-card-header', className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fwe-card-title",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
+        children: title
+      }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: subtitle
+      })]
+    }), action]
+  });
+}
+var _default = CardHeader;
+exports.default = _default;

package/node/lib/components/card/CardNotification.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CardNotification(_ref) {
+  let {
+    iconName,
+    className,
+    title,
+    message
+  } = _ref;
+  const classes = (0, _classnames.default)('fwe-card-notification', className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+      className: `fwe-icon fwe-icon-${iconName} fwe-icon-lg`
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fwe-card-title",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h6", {
+        children: title
+      }), message && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: message
+      })]
+    })]
+  });
+}
+var _default = CardNotification;
+exports.default = _default;

package/node/lib/components/chips/chip/Chip.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChipType = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _DeleteIcon = _interopRequireDefault(require("./DeleteIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+let ChipType;
+exports.ChipType = ChipType;
+(function (ChipType) {
+  ChipType[ChipType["Choice"] = 0] = "Choice";
+  ChipType[ChipType["Category"] = 1] = "Category";
+  ChipType[ChipType["Filter"] = 2] = "Filter";
+  ChipType[ChipType["Action"] = 3] = "Action";
+  ChipType[ChipType["Readonly"] = 4] = "Readonly";
+})(ChipType || (exports.ChipType = ChipType = {}));
+function Chip(_ref) {
+  let {
+    type = ChipType.Choice,
+    selected = false,
+    disabled = false,
+    large = false,
+    icon,
+    children,
+    onClick,
+    className
+  } = _ref;
+  const classes = (0, _classnames.default)('fr-chip', 'fwe-chip', {
+    'fwe-selected': selected
+  }, {
+    'fwe-disabled': disabled
+  }, {
+    'fwe-chip-lg': large
+  }, {
+    'fwe-category': type === ChipType.Category
+  }, {
+    'fwe-filter': type === ChipType.Filter
+  }, {
+    'fwe-readonly': type === ChipType.Readonly
+  }, className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes,
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+      className: `fwe-icon fwe-icon-${icon}`
+    }), children, type === ChipType.Category && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteIcon.default, {
+      onClick: e => onClick ? onClick(e) : undefined
+    })]
+  });
+}
+var _default = Chip;
+exports.default = _default;

package/node/lib/components/chips/chip/DeleteIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DeleteIcon;
+var _jsxRuntime = require("react/jsx-runtime");
+function DeleteIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+    ...props,
+    className: "fwe-icon fwe-icon-menu-close"
+  });
+}

package/node/lib/components/chips/chip-container/ChipContainer.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ChipContainer(_ref) {
+  let {
+    large = false,
+    children,
+    className
+  } = _ref;
+  const classes = (0, _classnames.default)('fwe-chip-container', {
+    'fwe-chip-container-lg': large
+  }, className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classes,
+    children: children
+  });
+}
+var _default = ChipContainer;
+exports.default = _default;

package/node/lib/components/link-button/LinkButton.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function LinkButton(_ref) {
+  let {
+    icon,
+    onClick,
+    disabled = false,
+    children,
+    iconOnly = false,
+    className
+  } = _ref;
+  const classes = (0, _classnames.default)('fwe-btn', 'fwe-btn-link', {
+    'fwe-disabled': disabled
+  }, className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+    onClick: onClick,
+    type: "button",
+    className: classes,
+    disabled: disabled,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+      className: `fwe-icon fwe-icon-${icon}`
+    }), !iconOnly && children]
+  });
+}
+var _default = LinkButton;
+exports.default = _default;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LoadingIndicator = void 0;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fwe-waiting-content-container",
+      children: children
+    })]
+  });
+});
+exports.LoadingIndicator = LoadingIndicator;
+var _default = LoadingIndicator;
+exports.default = _default;

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Modal = _interopRequireDefault(require("./Modal"));
+var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function AlertModal(_ref) {
+  let {
+    alertType,
+    title,
+    className,
+    body,
+    strong,
+    subtitle,
+    cancel,
+    ok,
+    onCancel,
+    onOk,
+    ...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.jsxs)("h2", {
+        className: "fwe-modal-h2",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: (0, _classnames.default)({
+            'fwe-icon': true,
+            'fwe-icon-status-warning': alertType === 'warning',
+            'fwe-icon-status-failure': alertType === 'error',
+            'fwe-icon-status-check-status': alertType === 'info'
+          })
+        }), subtitle]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("h1", {
+        className: "fwe-modal-h1",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: (0, _classnames.default)({
+            'fwe-icon': true,
+            'fwe-icon-status-warning': alertType === 'warning',
+            'fwe-icon-status-failure': alertType === 'error',
+            'fwe-icon-status-check-status': alertType === 'info'
+          })
+        }), 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 = AlertModal;
+exports.default = _default;

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Modal = _interopRequireDefault(require("./Modal"));
+var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ConfirmModal(_ref) {
+  let {
+    title,
+    subtitle,
+    body,
+    className,
+    cancel,
+    ok,
+    onCancel,
+    onOk,
+    isOpen,
+    large,
+    ...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,
+    isOpen: isOpen,
+    ...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 = ConfirmModal;
+exports.default = _default;

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactTransitionGroup = require("react-transition-group");
+var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
+var _useForkRef = _interopRequireDefault(require("../../helper/useForkRef"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Modal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    head,
+    isOpen,
+    body,
+    onClose,
+    className,
+    children
+  } = _ref;
+  const backdropRef = (0, _react.useRef)(null);
+  const modalRef = (0, _react.useRef)(null);
+  const combinedRef = (0, _useForkRef.default)(ref, modalRef);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+      nodeRef: backdropRef,
+      unmountOnExit: true,
+      timeout: {
+        exit: 600
+      },
+      in: isOpen,
+      classNames: "fr-modal-backdrop",
+      appear: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: backdropRef,
+        className: "fr-modal-backdrop fwe-modal-backdrop"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactOutsideClickHandler.default, {
+      onOutsideClick: () => onClose ? onClose() : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+        ref: modalRef,
+        unmountOnExit: true,
+        classNames: "fr-modal",
+        appear: true,
+        in: isOpen,
+        timeout: {
+          exit: 600
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          ref: combinedRef,
+          className: (0, _classnames.default)('fr-modal fwe-modal', className),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fwe-modal-close",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+              type: "button",
+              "aria-label": "Close",
+              className: "fwe-btn fwe-btn-link fwe-dark",
+              onClick: onClose,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                "aria-hidden": "true",
+                className: "fwe-icon fwe-icon-close-small"
+              }), /*#__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 = Modal;
+exports.default = _default;

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

@@ -0,0 +1,26 @@
+"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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 = ModalFooter;
+exports.default = _default;