@festo-ui/react 8.1.0-dev.563 → 8.1.0-dev.565

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

@@ -12,7 +12,7 @@ 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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 */
 
@@ -21,6 +21,7 @@ const ModalBase = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     isOpen,
     isLoading,
     onClose,
+    onCloseDone,
     className,
     children
   } = _ref;
@@ -38,7 +39,7 @@ const ModalBase = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     return () => container.removeEventListener('keydown', handleKeyDown);
   }, [onClose, isOpen, container]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_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,
@@ -56,6 +57,7 @@ const ModalBase = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
         classNames: "fr-modal",
         in: isOpen && !isLoading,
+        onExited: onCloseDone,
         timeout: {
           exit: 300,
           enter: 100
@@ -70,9 +72,7 @@ const ModalBase = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
             if (e.target === e.currentTarget) {
               onClose?.();
             }
-          }
-          //
-          ,
+          },
           className: "fr-modal-overlay-wrapper",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRemoveScroll.RemoveScroll, {
             ref: allRefs,

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

@@ -7,7 +7,7 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ModalFooter = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Prompt;
 var _react = _interopRequireWildcard(require("react"));
-var _TextInput = require("../../forms/text-input/TextInput.js");
+var _TextInput = _interopRequireDefault(require("../../forms/text-input/TextInput.js"));
 var _Modal = _interopRequireDefault(require("./Modal.js"));
 var _ModalFooter = _interopRequireDefault(require("./ModalFooter.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 _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 Prompt(_ref) {
   let {
     title,
@@ -46,7 +46,7 @@ function Prompt(_ref) {
         children: title
       })]
     }),
-    body: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput.TextInput, {
+    body: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInput.default, {
       onChange: handleChange,
       label: label,
       hint: hint,

package/node/lib/components/modals/image-gallery/ImageGallery.helper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getClasses = (thumbnailImages, descriptiveContent, className) => {
   const base = 'fwe-modal-image-gallery';
   const thumbnail = `${base}--with-thumbnails`;

package/node/lib/components/modals/image-gallery/ImageGallery.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ImageGallery = void 0;
+exports.default = void 0;
 var _react = require("react");
 var _ModalBase = _interopRequireDefault(require("../ModalBase.js"));
 var _BaseGallery = _interopRequireDefault(require("./internal/BaseGallery.js"));
@@ -14,7 +14,7 @@ var _ImageGalleryContainer = _interopRequireDefault(require("./internal/ImageGal
 var _CloseButton = _interopRequireDefault(require("./internal/CloseButton.js"));
 var _ScaleButton = _interopRequireDefault(require("./internal/ScaleButton.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function getLength(pagination, images) {
   let length = 0;
   if (typeof pagination === 'number') {
@@ -24,7 +24,7 @@ function getLength(pagination, images) {
   }
   return length;
 }
-const ImageGallery = exports.ImageGallery = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const ImageGallery = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isOpen,
     startIndex,

package/node/lib/components/modals/image-gallery/ImageGallery.stories.helper.js

@@ -15,7 +15,7 @@ var _gallery08Webp = _interopRequireDefault(require("../../../../../../web-essen
 var _gallery09Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-09.webp.js"));
 var _gallery10Webp = _interopRequireDefault(require("../../../../../../web-essentials/stories/assets/gallery-10.webp.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable import/no-relative-packages */
 // @ts-ignore
 
@@ -40,7 +40,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const images = [{
   src: _gallery01Webp.default,
   alt: 'Asset1',
-  content: {
+  imageContent: {
     title: 'Asset 1',
     body: 'Asset 1 description'
   }
@@ -48,7 +48,7 @@ const images = [{
   src: _gallery02Webp.default,
   alt: 'Asset2',
   containMode: true,
-  content: {
+  imageContent: {
     title: 'Asset 2',
     body: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
@@ -66,56 +66,56 @@ const images = [{
   src: _gallery03Webp.default,
   alt: 'Asset3',
   containMode: true,
-  content: {
+  imageContent: {
     title: 'Asset 3',
     body: 'Asset 3 description'
   }
 }, {
   src: _gallery04Webp.default,
   alt: 'Asset4',
-  content: {
+  imageContent: {
     title: 'Asset 4',
     body: 'Asset 4 description'
   }
 }, {
   src: _gallery05Webp.default,
   alt: 'Asset5',
-  content: {
+  imageContent: {
     title: 'Asset 5',
     body: 'Asset 5 description'
   }
 }, {
   src: _gallery06Webp.default,
   alt: 'Asset6',
-  content: {
+  imageContent: {
     title: 'Asset 6',
     body: 'Asset 6 description'
   }
 }, {
   src: _gallery07Webp.default,
   alt: 'Asset7',
-  content: {
+  imageContent: {
     title: 'Asset 7',
     body: 'Asset 7 description'
   }
 }, {
   src: _gallery08Webp.default,
   alt: 'Asset8',
-  content: {
+  imageContent: {
     title: 'Asset 8',
     body: 'Asset 8 description'
   }
 }, {
   src: _gallery09Webp.default,
   alt: 'Asset9',
-  content: {
+  imageContent: {
     title: 'Asset 9',
     body: 'Asset 9 description'
   }
 }, {
   src: _gallery10Webp.default,
   alt: 'Asset10',
-  content: {
+  imageContent: {
     title: 'Asset 10',
     body: 'Asset 1ß description'
   }

package/node/lib/components/modals/image-gallery/ImageGallerySwiper.js

@@ -9,7 +9,7 @@ var _swiper = require("swiper");
 var _react2 = require("react");
 var _ImageGalleryContext = _interopRequireDefault(require("./ImageGalleryContext.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ImageGallerySwiper(_ref) {
   let {
     children

package/node/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js

@@ -10,7 +10,7 @@ var _react2 = require("swiper/react");
 var _ImageGalleryContext = _interopRequireWildcard(require("./ImageGalleryContext.js"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 && Object.prototype.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 _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 ImageGalleryThumbsSwiper(_ref) {
   let {
     children

package/node/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js

@@ -9,7 +9,7 @@ var _react = require("swiper/react");
 var _react2 = require("react");
 var _ImageGalleryContext = require("../ImageGalleryContext.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ImageGalleryItem(_ref) {
   let {
     children,

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

@@ -10,7 +10,7 @@ var _ImageGalleryItem = _interopRequireDefault(require("../image-gallery-item/Im
 var _ImageGalleryThumbsSwiper = _interopRequireDefault(require("../ImageGalleryThumbsSwiper.js"));
 var _ImageGallerySwiper = _interopRequireDefault(require("../ImageGallerySwiper.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function BaseGallery(_ref) {
   let {
     images,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = CloseButton;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function CloseButton(_ref) {
   let {
     onClose,

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

@@ -7,15 +7,15 @@ exports.default = exports.PaginationType = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 = void 0;
-(function (PaginationType) {
+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";
-})(PaginationType || (exports.PaginationType = PaginationType = {}));
+  return PaginationType;
+}({});
 function Pagination(props) {
   const {
     pageMax,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _Popover = _interopRequireDefault(require("../popover/Popover.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Legend(_ref) {
   let {
     items,

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

@@ -10,9 +10,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _useOnClickOutside = _interopRequireDefault(require("../../../helper/useOnClickOutside.js"));
 var _useForkRef = _interopRequireDefault(require("../../../helper/useForkRef.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 _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,

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

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _Popover = _interopRequireDefault(require("../popover/Popover.js"));
 var _IconWrapper = _interopRequireDefault(require("../../icon-wrapper/IconWrapper.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function PopoverMenu(_ref) {
   let {
     children,

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

@@ -8,7 +8,7 @@ var _react = require("react");
 var _reactPopper = require("react-popper");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Tooltip(_ref) {
   let {
     children,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Progress(_ref) {
   let {
     background = 'white',

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = ScrollArea;
 var _simplebarReact = _interopRequireDefault(require("simplebar-react"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ScrollArea(_ref) {
   let {
     children,

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

@@ -9,7 +9,7 @@ var _useSearchInput = _interopRequireDefault(require("./useSearchInput.js"));
 var _useOnClickOutside = _interopRequireDefault(require("../../helper/useOnClickOutside.js"));
 var _ClearButton = _interopRequireDefault(require("./ClearButton.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function SearchInput(_ref) {
   let {
     defaultValue,
@@ -45,6 +45,7 @@ function SearchInput(_ref) {
       placeholder: label,
       onFocus: handleFocus,
       type: "search",
+      "aria-label": "Search",
       onInput: handleInput,
       onKeyDown: handleKeyDown,
       value: innerValue
@@ -61,6 +62,7 @@ function SearchInput(_ref) {
       (0, _jsxRuntime.jsx)("div", {
         role: "option",
         tabIndex: -1,
+        "aria-label": suggestion.value,
         "aria-selected": selectedSuggestionIndex === i,
         onClick: () => handleSuggestionClick(suggestion),
         className: `fwe-search-suggestion ${selectedSuggestionIndex === i ? 'fwe-selected' : ''}`,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = useSearchInput;
 var _react = require("react");
 var _useControlled = _interopRequireDefault(require("../../helper/useControlled.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function useSearchInput(inputRef, cappedSuggestions, value) {
   let defaultValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
   let onChange = arguments.length > 4 ? arguments[4] : undefined;

package/node/lib/components/snackbar/Snackbar.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactTransitionGroup = require("react-transition-group");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Snackbar(props) {
   const {
     data,

package/node/lib/components/snackbar/SnackbarContext.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _default = exports.default = /*#__PURE__*/_react.default.createContext(null);

package/node/lib/components/snackbar/SnackbarProvider.js

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _Snackbar = _interopRequireDefault(require("./Snackbar.js"));
 var _SnackbarContext = _interopRequireDefault(require("./SnackbarContext.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function SnackbarProvider(props) {
   const {
     config = {

package/node/lib/components/snackbar/useSnackbar.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _SnackbarContext = _interopRequireDefault(require("./SnackbarContext.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _default = () => (0, _react.useContext)(_SnackbarContext.default);
 exports.default = _default;

package/node/lib/components/stepper-horizontal/StepperHorizontal.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StepperHorizontal = void 0;
+exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 && Object.prototype.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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StepperHorizontal = exports.StepperHorizontal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StepperHorizontal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
     className,

package/node/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StepHorizontal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,

package/node/lib/components/stepper-vertical/StepperVertical.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StepperVertical = void 0;
+exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 && Object.prototype.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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StepperVertical = exports.StepperVertical = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StepperVertical = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
     className,
@@ -24,7 +24,7 @@ const StepperVertical = exports.StepperVertical = /*#__PURE__*/(0, _react.forwar
     }
   }
   const stepComponents = _react.default.Children.map(children, (child, i) => {
-    if ( /*#__PURE__*/_react.default.isValidElement(child)) {
+    if (/*#__PURE__*/_react.default.isValidElement(child)) {
       return /*#__PURE__*/_react.default.cloneElement(child, {
         ...child.props,
         isActive: i === stepIndex,

package/node/lib/components/stepper-vertical/step-vertical/StepVertical.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StepVertical = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,

package/node/lib/components/tab/Tabs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Tabs = void 0;
+exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _useForkRef = _interopRequireDefault(require("../../helper/useForkRef.js"));
@@ -11,12 +11,13 @@ var _useTabScroll = _interopRequireDefault(require("./useTabScroll.js"));
 var _IconWrapper = _interopRequireDefault(require("../icon-wrapper/IconWrapper.js"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 && Object.prototype.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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // legacy: recommended for desktop only applications
 // responsive: desktop, tablet, mobile with scrollable tabs
+
 let nextId = 0;
-const Tabs = exports.Tabs = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const Tabs = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     config,
     children,
@@ -35,7 +36,7 @@ const Tabs = exports.Tabs = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const observer = (0, _react.useRef)(null);
   let activeId = '';
   _react.default.Children.forEach(children, (element, i) => {
-    if ( /*#__PURE__*/_react.default.isValidElement(element)) {
+    if (/*#__PURE__*/_react.default.isValidElement(element)) {
       if (activeId === '') {
         activeId = `${componentId.current}-tab-panel-${i}`;
       } else if (element.props.active) {
@@ -45,7 +46,7 @@ const Tabs = exports.Tabs = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
   const [currentId, setId] = (0, _react.useState)(activeId);
   const innerChildren = _react.default.Children.map(children, (element, i) => {
-    if ( /*#__PURE__*/(0, _react.isValidElement)(element)) {
+    if (/*#__PURE__*/(0, _react.isValidElement)(element)) {
       const newId = `${componentId.current}-tab-panel-${i}`;
       return /*#__PURE__*/_react.default.cloneElement(element, {
         isVisible: newId === currentId,

package/node/lib/components/tab/tab-pane/TabPane.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function TabPane(_ref) {
   let {
     isVisible = false,

package/node/lib/components/tab/useTabScroll.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = require("react");
 // provides details about the left and right edges of the tab element and the tab content element
 // these values are used to determine the visual position of the tab with respect of its parent container
+
 const useTabScroll = (tabLength, componentId, refs) => {
   const {
     elRef,

package/node/lib/components/table-header-cell/TableHeaderCell.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     active,

package/node/lib/forms/checkbox/Checkbox.js

@@ -8,7 +8,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _useControlled = _interopRequireDefault(require("../../helper/useControlled.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Checkbox(_ref) {
   let {
     id,

package/node/lib/forms/color-indicator/ColorIndicator.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Popover = _interopRequireDefault(require("../../components/popovers/popover/Popover.js"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 _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 ColorIndicator(_ref) {
   let {
     text,
@@ -27,7 +27,6 @@ function ColorIndicator(_ref) {
     if (!color || color.toUpperCase() === '#FFFFFF' || color.toUpperCase() === '#F0F2F3') {
       return '#b6bec6'; // = $control-border
     }
-
     return color;
   }
   const colorBox = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {