@festo-ui/react 9.0.0-dev.711 → 9.0.0-dev.713

package/node/lib/components/modals/image-gallery/internal/BaseGallery.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BaseGallery;
+var _react = require("react");
+var _ImageGalleryContext = _interopRequireDefault(require("../ImageGalleryContext.js"));
+var _ImageGalleryItem = _interopRequireDefault(require("../image-gallery-item/ImageGalleryItem.js"));
+var _ImageGalleryThumbsSwiper = _interopRequireDefault(require("../ImageGalleryThumbsSwiper.js"));
+var _ImageGallerySwiper = _interopRequireDefault(require("../ImageGallerySwiper.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function BaseGallery(_ref) {
+  let {
+    images,
+    thumbnailImages,
+    onSlideChanged,
+    startIndex,
+    children
+  } = _ref;
+  const [thumbsSwiper, setThumbsSwiper] = (0, _react.useState)(null);
+  const contextValue = (0, _react.useMemo)(() => ({
+    thumbsSwiper,
+    setThumbsSwiper,
+    onSlideChanged,
+    startIndex
+  }), [thumbsSwiper, setThumbsSwiper, onSlideChanged, startIndex]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryContext.default.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fwe-image-gallery-wrapper",
+      children: children || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGallerySwiper.default, {
+          children: images?.map(_ref2 => {
+            let {
+              containMode,
+              alt,
+              content,
+              ...image
+            } = _ref2;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryItem.default, {
+              containMode: containMode,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                ...image,
+                className: image.className,
+                alt: alt
+              })
+            }, image.src);
+          })
+        }), thumbnailImages && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryThumbsSwiper.default, {
+          children: thumbnailImages.map(_ref3 => {
+            let {
+              containMode,
+              alt,
+              content,
+              ...image
+            } = _ref3;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageGalleryItem.default, {
+              containMode: containMode,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                ...image,
+                className: image.className,
+                alt: alt
+              })
+            }, image.src);
+          })
+        })]
+      })
+    })
+  });
+}

package/node/lib/components/modals/image-gallery/internal/CloseButton.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CloseButton;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function CloseButton(_ref) {
+  let {
+    onClose,
+    showScaleButton
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    type: "button",
+    "aria-label": "close",
+    className: (0, _classnames.default)("fwe-image-gallery-close-btn", {
+      "fwe-ml-auto": !showScaleButton,
+      "fwe-ml-3": showScaleButton
+    }),
+    onClick: onClose
+  });
+}

package/node/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ImageGalleryContainer;
+var _jsxRuntime = require("react/jsx-runtime");
+function ImageGalleryContainer(_ref) {
+  let {
+    children,
+    descriptiveContent
+  } = _ref;
+  return descriptiveContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fwe-image-gallery-container",
+    children: children
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+}

package/node/lib/components/modals/image-gallery/internal/ImageGalleryPagination.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ImageGalleryPagination;
+var _jsxRuntime = require("react/jsx-runtime");
+function ImageGalleryPagination(_ref) {
+  let {
+    currentIndex,
+    length
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fwe-pagination fwe-pagination--on-dark-bg",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        "aria-label": "previous",
+        type: "button",
+        className: "fwe-navigate-btn-down"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "fwe-page-current",
+        children: currentIndex
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "fwe-page-max",
+        children: length
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        "aria-label": "next",
+        type: "button",
+        className: "fwe-navigate-btn-up"
+      })]
+    })
+  });
+}

package/node/lib/components/modals/image-gallery/internal/ScaleButton.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ScaleButton;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function ScaleButton(_ref) {
+  let {
+    onScaleChange
+  } = _ref;
+  const [isScaled, setScaled] = (0, _react.useState)(false);
+  function handleScale() {
+    const newScaled = !isScaled;
+    setScaled(newScaled);
+    onScaleChange?.(newScaled);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    type: "button",
+    "aria-label": "scale up",
+    className: "fwe-image-gallery-scale-btn fwe-ml-auto",
+    onClick: handleScale
+  });
+}

package/node/lib/components/pagination/Pagination.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PaginationType = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+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; }
+let PaginationType = exports.PaginationType = /*#__PURE__*/function (PaginationType) {
+  PaginationType["Simple"] = "SIMPLE";
+  PaginationType["Numeric"] = "NUMERIC";
+  PaginationType["Dots"] = "DOTS";
+  return PaginationType;
+}({});
+function Pagination(props) {
+  const {
+    pageMax,
+    onChange,
+    pageCurrent,
+    defaultPageCurrent = 1,
+    type = PaginationType.Numeric,
+    className
+  } = props;
+  const controlled = pageCurrent !== undefined;
+  const [innerPageCurrent, setInnerPageCurrent] = (0, _react.useState)(controlled ? pageCurrent : defaultPageCurrent);
+  const dotArray = Array.from(new Array(pageMax).keys());
+  (0, _react.useEffect)(() => {
+    if (controlled) {
+      setInnerPageCurrent(pageCurrent);
+    }
+  }, [pageCurrent, controlled]);
+  function handleChange(newPage) {
+    if (!controlled) {
+      setInnerPageCurrent(newPage);
+    }
+    if (onChange) {
+      onChange(newPage);
+    }
+  }
+  function onBtnDown() {
+    if (innerPageCurrent > 1) {
+      const newPageCurrent = innerPageCurrent - 1;
+      handleChange(newPageCurrent);
+    }
+  }
+  function onBtnUp() {
+    if (innerPageCurrent < pageMax) {
+      const newPageCurrent = innerPageCurrent + 1;
+      handleChange(newPageCurrent);
+    }
+  }
+  function onDotClick(index) {
+    const newPageCurrent = index + 1;
+    handleChange(newPageCurrent);
+  }
+  function handleKeyPress(event, index) {
+    if (event.key === "Enter" || event.key === " ") {
+      onDotClick(index);
+    }
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [type !== PaginationType.Dots && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)("fwe-pagination fwe-p-m", {
+        "fwe-d-none": pageMax < 2
+      }, className),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        className: (0, _classnames.default)("fwe-navigate-btn-down", {
+          "fwe-disabled": innerPageCurrent <= 1
+        }),
+        onClick: onBtnDown,
+        type: "button",
+        "aria-label": "navigate-btn-down"
+      }), type === PaginationType.Numeric && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "fwe-page-current",
+          children: innerPageCurrent
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "fwe-page-max",
+          children: pageMax
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        className: (0, _classnames.default)("fwe-navigate-btn-up", {
+          "fwe-disabled": innerPageCurrent >= pageMax,
+          "fwe-ml-4": type === PaginationType.Simple
+        }),
+        onClick: onBtnUp,
+        type: "button",
+        "aria-label": "navigate-btn-up"
+      })]
+    }), type === PaginationType.Dots && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)("fwe-p-m", {
+        "fwe-d-none": pageMax < 2
+      }, className),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fwe-pagination",
+        children: dotArray.map(index => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          tabIndex: 0,
+          role: "button",
+          className: (0, _classnames.default)("fwe-page-dot", {
+            "fwe-selected": index + 1 === innerPageCurrent
+          }),
+          onClick: () => onDotClick(index),
+          "aria-label": "page-dot",
+          onKeyPress: e => handleKeyPress(e, index)
+        }, index))
+      })
+    })]
+  });
+}
+var _default = exports.default = Pagination;

package/node/lib/components/popovers/legend/Legend.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Popover = _interopRequireDefault(require("../popover/Popover.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Legend(_ref) {
+  let {
+    items,
+    ...props
+  } = _ref;
+  const content = items.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("dl", {
+    className: "fr-legend",
+    children: items.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fr-legend-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("dt", {
+        children: item.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("dt", {
+        children: item.text
+      })]
+    }, item.name))
+  }) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+    popoverContent: content,
+    ...props
+  });
+}
+var _default = exports.default = Legend;

package/node/lib/components/popovers/popover/Popover.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactPopper = require("react-popper");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useOnClickOutside = _interopRequireDefault(require("../../../helper/useOnClickOutside.js"));
+var _useForkRef = _interopRequireDefault(require("../../../helper/useForkRef.js"));
+var _useControlled = _interopRequireDefault(require("../../../helper/useControlled.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; }
+function Popover(_ref) {
+  let {
+    popoverContent,
+    children,
+    position,
+    fallbackPositions,
+    openOnHover = false,
+    defaultOpen = false,
+    open,
+    onStatusChange,
+    wrapper,
+    className,
+    flip = true,
+    containerClassName,
+    stopPropagation,
+    arrow = true,
+    onClick
+  } = _ref;
+  const [showPopper, setShowPopper] = (0, _useControlled.default)({
+    controlled: open,
+    default: defaultOpen
+  });
+  const [popperElement, setPopperElement] = (0, _react.useState)(null);
+  const [arrowElement, setArrowElement] = (0, _react.useState)(null);
+  const referenceElement = (0, _react.useRef)(null);
+  const popperElRef = (0, _react.useRef)(null);
+  const combinedRef = (0, _useForkRef.default)(popperElRef, setPopperElement);
+  const classes = (0, _classnames.default)(className);
+  const {
+    styles,
+    attributes
+  } = (0, _reactPopper.usePopper)(referenceElement.current, popperElement, {
+    placement: position,
+    modifiers: [{
+      name: "arrow",
+      options: {
+        element: arrowElement
+      }
+    }, {
+      name: "offset",
+      options: {
+        offset: [0, 24]
+      }
+    }, {
+      name: "flip",
+      options: {
+        fallbackPlacements: flip ? fallbackPositions : [position || "auto"]
+      }
+    }]
+  });
+  const handleChange = (e, status) => {
+    if (stopPropagation) {
+      e?.stopPropagation();
+      e?.preventDefault();
+    }
+    setShowPopper(status);
+    onStatusChange?.(status);
+  };
+  function closePopover(event) {
+    handleChange(event, false);
+  }
+  (0, _useOnClickOutside.default)(popperElRef, closePopover, referenceElement);
+  function handleKeyDown(event) {
+    if (event.key === "Enter") {
+      handleChange(undefined, true);
+    }
+    if (event.key === "Escape") {
+      handleChange(undefined, false);
+    }
+  }
+  function handleKeyUp(event) {
+    if (event.key === " ") {
+      handleChange(undefined, true);
+    }
+  }
+  function handleTriggerClick(event) {
+    onClick?.(event);
+    if (event.defaultPrevented) {
+      setShowPopper(!showPopper);
+    } else {
+      handleChange(event, !showPopper);
+    }
+  }
+  const childrenWrapper =
+  /*#__PURE__*/
+  // biome-ignore lint/a11y/useSemanticElements: since a button in button is wrong, we need a div with click handler here. 
+  (0, _jsxRuntime.jsx)("div", {
+    tabIndex: 0,
+    role: "button",
+    className: classes,
+    ref: referenceElement,
+    onKeyDown: handleKeyDown,
+    onKeyUp: handleKeyUp,
+    onClick: handleTriggerClick,
+    onMouseEnter: openOnHover ? e => handleChange(e, true) : undefined,
+    onMouseLeave: openOnHover ? e => handleChange(e, false) : undefined,
+    children: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [wrapper ? wrapper(childrenWrapper) : childrenWrapper, showPopper && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)("fwe-popover-container", containerClassName),
+      ref: combinedRef,
+      style: styles.popper,
+      ...attributes.popper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fwe-popover",
+        children: popoverContent
+      }), arrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: setArrowElement,
+        style: styles.arrow,
+        id: "arrow"
+      })]
+    })]
+  });
+}
+var _default = exports.default = Popover;

package/node/lib/components/popovers/popover-menu/PopoverMenu.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Popover = _interopRequireDefault(require("../popover/Popover.js"));
+var _PopoverMenuItem = _interopRequireDefault(require("../popover-menu-item/PopoverMenuItem.js"));
+var _PopoverMenuContext = _interopRequireDefault(require("./PopoverMenuContext.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function PopoverMenu(_ref) {
+  let {
+    menu,
+    ...props
+  } = _ref;
+  const [showPopper, setShowPopper] = (0, _react.useState)(false);
+  const isPopoverMenuItemPropsArray = items => Array.isArray(items) && items.length > 0 && "text" in items[0];
+  let content = null;
+  if (isPopoverMenuItemPropsArray(menu)) {
+    // menu is PopoverMenuItemProps[]
+    content = menu.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopoverMenuItem.default, {
+      item: item
+    }, item.text));
+  } else {
+    // menu is ReactNode
+    content = menu;
+  }
+  const popoverMenuContext = (0, _react.useMemo)(() => ({
+    setShowPopper
+  }), []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)("fwe-popover-menu", props.className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopoverMenuContext.default.Provider, {
+      value: popoverMenuContext,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+        popoverContent: content,
+        position: "right",
+        open: showPopper,
+        onStatusChange: setShowPopper,
+        ...props,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          "data-testid": "fwe-popover-menu-button",
+          className: "fwe-popover-menu-button",
+          children: props.children
+        })
+      })
+    })
+  });
+}
+var _default = exports.default = PopoverMenu;

package/node/lib/components/popovers/popover-menu/PopoverMenuContext.js

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

package/node/lib/components/popovers/popover-menu-item/PopoverMenuItem.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _IconWrapper = _interopRequireDefault(require("../../icon-wrapper/IconWrapper.js"));
+var _PopoverMenuContext = _interopRequireDefault(require("../popover-menu/PopoverMenuContext.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function PopoverMenuItem(_ref) {
+  let {
+    item
+  } = _ref;
+  // get context to close the popover menu
+  const {
+    setShowPopper
+  } = (0, _react.useContext)(_PopoverMenuContext.default);
+  function handleClick(e) {
+    // prevent event propagation
+    e?.stopPropagation();
+    e?.preventDefault();
+
+    // close the popover menu
+    if (setShowPopper) {
+      setShowPopper(false);
+    }
+    if (item.action) {
+      item.action(item.data);
+    }
+  }
+  if (!item) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+    type: "button",
+    className: "fwe-btn-unstyled fr-popover-item",
+    onClick: e => handleClick(e),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconWrapper.default, {
+      icon: item.icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "fwe-mr-xxs",
+      children: item.text
+    })]
+  });
+}
+var _default = exports.default = PopoverMenuItem;

package/node/lib/components/popovers/tooltip/Tooltip.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Popover = _interopRequireDefault(require("../popover/Popover.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Tooltip(_ref) {
+  let {
+    title,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+    position: "bottom",
+    popoverContent: title,
+    openOnHover: true,
+    ...props,
+    children: props.children
+  });
+}
+var _default = exports.default = Tooltip;

package/node/lib/components/progress/Progress.js

@@ -0,0 +1,39 @@
+"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(e) { return e && e.__esModule ? e : { default: e }; }
+function Progress(_ref) {
+  let {
+    background = "white",
+    error = false,
+    progress,
+    className
+  } = _ref;
+  const classes = (0, _classnames.default)("fwe-progress-bar", {
+    "fwe-bg-red": error
+  }, {
+    "fwe-progress-bar-black": background === "black"
+  }, {
+    "fwe-progress-bar-background": background === "background"
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)("fwe-progress", className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes,
+      role: "progressbar",
+      style: {
+        width: `${progress}%`
+      },
+      "aria-valuenow": progress,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-label": "progressbar"
+    })
+  });
+}
+var _default = exports.default = Progress;

package/node/lib/components/scroll-area/ScrollArea.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ScrollArea;
+var _simplebarReact = _interopRequireDefault(require("simplebar-react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ScrollArea(_ref) {
+  let {
+    children,
+    scrollbarMinSize = 25,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simplebarReact.default, {
+    ...props,
+    scrollbarMinSize: scrollbarMinSize,
+    children: children
+  });
+}

package/node/lib/components/search-input/ClearButton.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ClearButton;
+var _jsxRuntime = require("react/jsx-runtime");
+function ClearButton(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    role: "button",
+    tabIndex: -1,
+    className: "fwe-clear-icon",
+    "aria-label": "Clear",
+    ...props
+  });
+}