@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/Filter/FilterMultiSelect/FilterMultiSelect.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { MenuTriggerProvider, MenuTriggerConsumer } from './context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import { SelectionProvider, SelectionConsumer } from './context/SelectionProvider/SelectionProvider.mjs';
 import { ListBox } from './subcomponents/ListBox/ListBox.mjs';
@@ -17,75 +17,71 @@ import { ClearButton } from './subcomponents/SelectionControlButton/ClearButton/
 import { SelectAllButton } from './subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.mjs';
 import { FilterTriggerButton } from './subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.mjs';
 import { RemovableFilterTrigger } from './subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.mjs';
-const FilterMultiSelect = /*#__PURE__*/function () {
-  const FilterMultiSelect = function (_a) {
-    var trigger = _a.trigger,
-      children = _a.children,
-      customMenuPopup = _a.customMenuPopup,
-      isOpen = _a.isOpen,
-      defaultOpen = _a.defaultOpen,
-      onOpenChange = _a.onOpenChange,
-      isLoading = _a.isLoading,
-      loadingSkeleton = _a.loadingSkeleton,
-      label = _a.label,
-      items = _a.items,
-      selectedKeys = _a.selectedKeys,
-      defaultSelectedKeys = _a.defaultSelectedKeys,
-      onSelectionChange = _a.onSelectionChange,
-      _b = _a.selectionMode,
-      selectionMode = _b === void 0 ? 'multiple' : _b,
-      onSearchInputChange = _a.onSearchInputChange,
-      triggerRef = _a.triggerRef,
-      className = _a.className,
-      restProps = __rest(_a, ["trigger", "children", "customMenuPopup", "isOpen", "defaultOpen", "onOpenChange", "isLoading", "loadingSkeleton", "label", "items", "selectedKeys", "defaultSelectedKeys", "onSelectionChange", "selectionMode", "onSearchInputChange", "triggerRef", "className"]);
-    var MenuComponent = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : MenuPopup;
-    var menuTriggerProps = {
-      isOpen: isOpen,
-      defaultOpen: defaultOpen,
-      onOpenChange: onOpenChange,
-      triggerRef: triggerRef
-    };
-    var menuPopupProps = __assign({
-      isLoading: isLoading,
-      loadingSkeleton: loadingSkeleton
-    }, restProps);
-    var disabledKeys = new Set(items === null || items === void 0 ? void 0 : items.filter(function (item) {
-      return item.isDisabled === true;
-    }).map(function (disabledItem) {
-      return disabledItem.value;
-    }));
-    var selectionProps = {
-      label: label,
-      items: items,
-      selectedKeys: selectedKeys,
-      defaultSelectedKeys: defaultSelectedKeys,
-      onSelectionChange: onSelectionChange,
-      selectionMode: selectionMode,
-      disabledKeys: disabledKeys,
-      onSearchInputChange: onSearchInputChange
-    };
-    return /*#__PURE__*/React.createElement(MenuTriggerProvider, __assign({}, menuTriggerProps), /*#__PURE__*/React.createElement("div", {
-      className: className
-    }, /*#__PURE__*/React.createElement(MenuTriggerConsumer, null, trigger), /*#__PURE__*/React.createElement(MenuComponent, __assign({
-      "aria-label": label
-    }, menuPopupProps), /*#__PURE__*/React.createElement(SelectionProvider, __assign({}, selectionProps), /*#__PURE__*/React.createElement(SelectionConsumer, null, children)))));
+var FilterMultiSelect = function (_a) {
+  var trigger = _a.trigger,
+    children = _a.children,
+    customMenuPopup = _a.customMenuPopup,
+    isOpen = _a.isOpen,
+    defaultOpen = _a.defaultOpen,
+    onOpenChange = _a.onOpenChange,
+    isLoading = _a.isLoading,
+    loadingSkeleton = _a.loadingSkeleton,
+    label = _a.label,
+    items = _a.items,
+    selectedKeys = _a.selectedKeys,
+    defaultSelectedKeys = _a.defaultSelectedKeys,
+    onSelectionChange = _a.onSelectionChange,
+    _b = _a.selectionMode,
+    selectionMode = _b === void 0 ? 'multiple' : _b,
+    onSearchInputChange = _a.onSearchInputChange,
+    triggerRef = _a.triggerRef,
+    className = _a.className,
+    restProps = __rest(_a, ["trigger", "children", "customMenuPopup", "isOpen", "defaultOpen", "onOpenChange", "isLoading", "loadingSkeleton", "label", "items", "selectedKeys", "defaultSelectedKeys", "onSelectionChange", "selectionMode", "onSearchInputChange", "triggerRef", "className"]);
+  var MenuComponent = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : MenuPopup;
+  var menuTriggerProps = {
+    isOpen: isOpen,
+    defaultOpen: defaultOpen,
+    onOpenChange: onOpenChange,
+    triggerRef: triggerRef
   };
-  FilterMultiSelect.displayName = 'FilterMultiSelect';
-  FilterMultiSelect.TriggerButton = FilterTriggerButton;
-  FilterMultiSelect.RemovableTrigger = RemovableFilterTrigger;
-  FilterMultiSelect.SearchInput = SearchInput;
-  FilterMultiSelect.ListBox = ListBox;
-  FilterMultiSelect.ListBoxSection = ListBoxSection;
-  FilterMultiSelect.SectionDivider = SectionDivider;
-  FilterMultiSelect.Option = MultiSelectOption;
-  FilterMultiSelect.SelectAllButton = SelectAllButton;
-  FilterMultiSelect.ClearButton = ClearButton;
-  FilterMultiSelect.MenuFooter = MenuFooter; // For layout
-  // Menu Loading Skeleton example
-  FilterMultiSelect.MenuLoadingSkeleton = MenuLoadingSkeleton;
-  FilterMultiSelect.LoadMoreButton = LoadMoreButton;
-  FilterMultiSelect.NoResults = NoResults;
-  FilterMultiSelect.ResponsiveMenuPopup = ResponsiveMenuPopup;
-  return FilterMultiSelect;
-}();
+  var menuPopupProps = __assign({
+    isLoading: isLoading,
+    loadingSkeleton: loadingSkeleton
+  }, restProps);
+  var disabledKeys = new Set(items === null || items === void 0 ? void 0 : items.filter(function (item) {
+    return item.isDisabled === true;
+  }).map(function (disabledItem) {
+    return disabledItem.value;
+  }));
+  var selectionProps = {
+    label: label,
+    items: items,
+    selectedKeys: selectedKeys,
+    defaultSelectedKeys: defaultSelectedKeys,
+    onSelectionChange: onSelectionChange,
+    selectionMode: selectionMode,
+    disabledKeys: disabledKeys,
+    onSearchInputChange: onSearchInputChange
+  };
+  return /*#__PURE__*/React__default.createElement(MenuTriggerProvider, __assign({}, menuTriggerProps), /*#__PURE__*/React__default.createElement("div", {
+    className: className
+  }, /*#__PURE__*/React__default.createElement(MenuTriggerConsumer, null, trigger), /*#__PURE__*/React__default.createElement(MenuComponent, __assign({
+    "aria-label": label
+  }, menuPopupProps), /*#__PURE__*/React__default.createElement(SelectionProvider, __assign({}, selectionProps), /*#__PURE__*/React__default.createElement(SelectionConsumer, null, children)))));
+};
+FilterMultiSelect.displayName = 'FilterMultiSelect';
+FilterMultiSelect.TriggerButton = FilterTriggerButton;
+FilterMultiSelect.RemovableTrigger = RemovableFilterTrigger;
+FilterMultiSelect.SearchInput = SearchInput;
+FilterMultiSelect.ListBox = ListBox;
+FilterMultiSelect.ListBoxSection = ListBoxSection;
+FilterMultiSelect.SectionDivider = SectionDivider;
+FilterMultiSelect.Option = MultiSelectOption;
+FilterMultiSelect.SelectAllButton = SelectAllButton;
+FilterMultiSelect.ClearButton = ClearButton;
+FilterMultiSelect.MenuFooter = MenuFooter; // For layout
+FilterMultiSelect.MenuLoadingSkeleton = MenuLoadingSkeleton; // Menu Loading Skeleton example
+FilterMultiSelect.LoadMoreButton = LoadMoreButton;
+FilterMultiSelect.NoResults = NoResults;
+FilterMultiSelect.ResponsiveMenuPopup = ResponsiveMenuPopup;
 export { FilterMultiSelect };

package/dist/esm/src/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs

@@ -1,8 +1,8 @@
-import React, { useRef, useContext } from 'react';
+import React__default, { useRef, useContext } from 'react';
 import { useButton } from '@react-aria/button';
 import { useMenuTrigger } from '@react-aria/menu';
 import { useMenuTriggerState } from '@react-stately/menu';
-var MenuTriggerContext = /*#__PURE__*/React.createContext({});
+var MenuTriggerContext = /*#__PURE__*/React__default.createContext({});
 function MenuTriggerProvider(_a) {
   var isOpen = _a.isOpen,
     defaultOpen = _a.defaultOpen,
@@ -23,7 +23,7 @@ function MenuTriggerProvider(_a) {
     menuProps = _b.menuProps;
   // Get A11y attributes and events for the button based on the trigger props from useMenuTrigger
   var buttonProps = useButton(menuTriggerProps, ref).buttonProps;
-  return /*#__PURE__*/React.createElement(MenuTriggerContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(MenuTriggerContext.Provider, {
     value: {
       menuTriggerProps: menuTriggerProps,
       buttonProps: buttonProps,
@@ -38,6 +38,6 @@ var useMenuTriggerContext = function () {
 };
 var MenuTriggerConsumer = function (_a) {
   var children = _a.children;
-  return /*#__PURE__*/React.createElement(MenuTriggerContext.Consumer, null, children);
+  return /*#__PURE__*/React__default.createElement(MenuTriggerContext.Consumer, null, children);
 };
 export { MenuTriggerConsumer, MenuTriggerProvider, useMenuTriggerContext };

package/dist/esm/src/Filter/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs

@@ -1,11 +1,11 @@
 import { __rest, __assign } from 'tslib';
-import React, { useState, useCallback, useContext } from 'react';
+import React__default, { useState, useCallback, useContext } from 'react';
 import { useListBox } from '@react-aria/listbox';
 import { Item } from '@react-stately/collections';
 import { useListState } from '@react-stately/list';
 import { VisuallyHidden } from '../../../../VisuallyHidden/VisuallyHidden.mjs';
 import { useMenuTriggerContext } from '../MenuTriggerProvider/MenuTriggerProvider.mjs';
-var SelectionContext = /*#__PURE__*/React.createContext({});
+var SelectionContext = /*#__PURE__*/React__default.createContext({});
 var SelectionProvider = function (props) {
   var onSearchInputChange = props.onSearchInputChange,
     otherProps = __rest(props, ["onSearchInputChange"]);
@@ -18,7 +18,7 @@ var SelectionProvider = function (props) {
    * If the search input state becomes controlled, this useEffect could cause synchronisation
    * issues and should be replaced.
    */
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     if (onSearchInputChange) {
       onSearchInputChange(searchQuery);
     }
@@ -31,20 +31,20 @@ var SelectionProvider = function (props) {
   // Create state based on the incoming props to manage the selection
   var state = useListState(__assign(__assign({}, otherProps), {
     children: function (item) {
-      return /*#__PURE__*/React.createElement(Item, {
+      return /*#__PURE__*/React__default.createElement(Item, {
         key: item.value
       }, item.label);
     },
     filter: onSearchInputChange ? undefined : searchFilter
   }));
   // Get A11y attributes and events for the listbox
-  var ref = /*#__PURE__*/React.createRef();
+  var ref = /*#__PURE__*/React__default.createRef();
   var _b = useListBox(__assign(__assign(__assign({}, menuProps), otherProps), {
       disallowEmptySelection: true
     }), state, ref),
     listBoxProps = _b.listBoxProps,
     labelProps = _b.labelProps;
-  return /*#__PURE__*/React.createElement(SelectionContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(SelectionContext.Provider, {
     value: {
       listBoxProps: listBoxProps,
       labelProps: labelProps,
@@ -53,13 +53,13 @@ var SelectionProvider = function (props) {
       setSearchQuery: setSearchQuery,
       searchQuery: searchQuery
     }
-  }, /*#__PURE__*/React.createElement(VisuallyHidden, __assign({}, labelProps), otherProps.label), otherProps.children);
+  }, /*#__PURE__*/React__default.createElement(VisuallyHidden, __assign({}, labelProps), otherProps.label), otherProps.children);
 };
 var useSelectionContext = function () {
   return useContext(SelectionContext);
 };
 var SelectionConsumer = function (_a) {
   var children = _a.children;
-  return /*#__PURE__*/React.createElement(SelectionContext.Consumer, null, children);
+  return /*#__PURE__*/React__default.createElement(SelectionContext.Consumer, null, children);
 };
 export { SelectionConsumer, SelectionProvider, useSelectionContext };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.mjs

@@ -1,5 +1,5 @@
 import { __assign, __spreadArray } from 'tslib';
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { useSelectionContext } from '../../context/SelectionProvider/SelectionProvider.mjs';
 import modules_29eb7242 from './ListBox.module.css.mjs';
@@ -10,69 +10,66 @@ var getItemsFromKeys = function (items, keys) {
     return item ? __spreadArray(__spreadArray([], acc, true), [item], false) : acc;
   }, []);
 };
-const ListBox = /*#__PURE__*/function () {
-  const ListBox = function (_a) {
-    var children = _a.children;
-    var _b = useSelectionContext(),
-      listBoxProps = _b.listBoxProps,
-      listRef = _b.listRef,
-      selectionState = _b.selectionState;
-    var _c = useState(false),
-      isOverflown = _c[0],
-      setIsOverflown = _c[1];
-    useEffect(function () {
-      var listElement = listRef.current;
-      if (!listElement) {
-        return;
-      }
-      setIsOverflown(listElement.scrollHeight > listElement.clientHeight);
-    }, [listRef]);
-    var items = selectionState.collection,
-      disabledKeys = selectionState.disabledKeys,
-      selectedKeys = selectionState.selectionManager.selectedKeys;
-    var disabledItems = getItemsFromKeys(items, disabledKeys);
-    var selectedItems = getItemsFromKeys(items, selectedKeys);
-    var unselectedItems = Array.from(items).filter(function (item) {
-      return !disabledKeys.has(item.key) && !selectedKeys.has(item.key);
-    });
-    var allItems = Array.from(items);
-    var hasNoItems = allItems.length === 0;
-    var _d = useState({
-        selectedItems: selectedItems,
-        unselectedItems: unselectedItems,
-        disabledItems: disabledItems,
-        allItems: allItems,
-        hasNoItems: hasNoItems
-      }),
-      itemsState = _d[0],
-      setItemsState = _d[1];
-    // Only update rendering of items when filtering.
-    // Avoids re-ordering of items when making a selection
-    useEffect(function () {
-      setItemsState({
-        selectedItems: selectedItems,
-        disabledItems: disabledItems,
-        unselectedItems: unselectedItems,
-        allItems: allItems,
-        hasNoItems: hasNoItems
-      });
-      // @todo: Fix if possible - avoiding breaking in eslint upgrade
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectionState.collection.size]);
-    if (hasNoItems) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: modules_29eb7242.noResultsWrapper
-      }, children(itemsState)), /*#__PURE__*/React.createElement("ul", {
-        ref: listRef,
-        className: modules_29eb7242.hidden
-      }));
+var ListBox = function (_a) {
+  var children = _a.children;
+  var _b = useSelectionContext(),
+    listBoxProps = _b.listBoxProps,
+    listRef = _b.listRef,
+    selectionState = _b.selectionState;
+  var _c = useState(false),
+    isOverflown = _c[0],
+    setIsOverflown = _c[1];
+  useEffect(function () {
+    var listElement = listRef.current;
+    if (!listElement) {
+      return;
     }
-    return /*#__PURE__*/React.createElement("ul", __assign({}, listBoxProps, {
+    setIsOverflown(listElement.scrollHeight > listElement.clientHeight);
+  }, [listRef]);
+  var items = selectionState.collection,
+    disabledKeys = selectionState.disabledKeys,
+    selectedKeys = selectionState.selectionManager.selectedKeys;
+  var disabledItems = getItemsFromKeys(items, disabledKeys);
+  var selectedItems = getItemsFromKeys(items, selectedKeys);
+  var unselectedItems = Array.from(items).filter(function (item) {
+    return !disabledKeys.has(item.key) && !selectedKeys.has(item.key);
+  });
+  var allItems = Array.from(items);
+  var hasNoItems = allItems.length === 0;
+  var _d = useState({
+      selectedItems: selectedItems,
+      unselectedItems: unselectedItems,
+      disabledItems: disabledItems,
+      allItems: allItems,
+      hasNoItems: hasNoItems
+    }),
+    itemsState = _d[0],
+    setItemsState = _d[1];
+  // Only update rendering of items when filtering.
+  // Avoids re-ordering of items when making a selection
+  useEffect(function () {
+    setItemsState({
+      selectedItems: selectedItems,
+      disabledItems: disabledItems,
+      unselectedItems: unselectedItems,
+      allItems: allItems,
+      hasNoItems: hasNoItems
+    });
+    // @todo: Fix if possible - avoiding breaking in eslint upgrade
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectionState.collection.size]);
+  if (hasNoItems) {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      className: modules_29eb7242.noResultsWrapper
+    }, children(itemsState)), /*#__PURE__*/React__default.createElement("ul", {
       ref: listRef,
-      className: classnames(modules_29eb7242.listBox, isOverflown && modules_29eb7242.overflown)
-    }), children(itemsState));
-  };
-  ListBox.displayName = 'FilterMultiSelect.ListBox';
-  return ListBox;
-}();
+      className: modules_29eb7242.hidden
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement("ul", __assign({}, listBoxProps, {
+    ref: listRef,
+    className: classnames(modules_29eb7242.listBox, isOverflown && modules_29eb7242.overflown)
+  }), children(itemsState));
+};
+ListBox.displayName = 'FilterMultiSelect.ListBox';
 export { ListBox };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -1,31 +1,28 @@
 import { __rest } from 'tslib';
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import { VisuallyHidden } from '../../../../VisuallyHidden/VisuallyHidden.mjs';
 import modules_38d20667 from './ListBoxSection.module.scss.mjs';
-const ListBoxSection = /*#__PURE__*/function () {
-  const ListBoxSection = function (_a) {
-    var items = _a.items,
-      children = _a.children,
-      sectionName = _a.sectionName,
-      restProps = __rest(_a, ["items", "children", "sectionName"]);
-    var listSectionId = useId();
-    var hasSectionHeader = 'sectionHeader' in restProps;
-    return /*#__PURE__*/React.createElement("li", {
-      role: "presentation"
-    }, /*#__PURE__*/React.createElement("ul", {
-      className: modules_38d20667.listBoxSection,
-      "aria-label": !hasSectionHeader ? sectionName : undefined,
-      "aria-labelledby": hasSectionHeader ? listSectionId : undefined,
-      role: "group"
-    }, hasSectionHeader && (/*#__PURE__*/React.createElement("li", {
-      className: modules_38d20667.listBoxSectionHeader,
-      id: listSectionId,
-      role: "presentation"
-    }, sectionName && /*#__PURE__*/React.createElement(VisuallyHidden, null, sectionName, ". "), restProps.sectionHeader)), Array.from(items).map(function (node) {
-      return node != undefined && children(node);
-    })));
-  };
-  ListBoxSection.displayName = 'ListBoxSection';
-  return ListBoxSection;
-}();
+var ListBoxSection = function (_a) {
+  var items = _a.items,
+    children = _a.children,
+    sectionName = _a.sectionName,
+    restProps = __rest(_a, ["items", "children", "sectionName"]);
+  var listSectionId = useId();
+  var hasSectionHeader = 'sectionHeader' in restProps;
+  return /*#__PURE__*/React__default.createElement("li", {
+    role: "presentation"
+  }, /*#__PURE__*/React__default.createElement("ul", {
+    className: modules_38d20667.listBoxSection,
+    "aria-label": !hasSectionHeader ? sectionName : undefined,
+    "aria-labelledby": hasSectionHeader ? listSectionId : undefined,
+    role: "group"
+  }, hasSectionHeader && (/*#__PURE__*/React__default.createElement("li", {
+    className: modules_38d20667.listBoxSectionHeader,
+    id: listSectionId,
+    role: "presentation"
+  }, sectionName && /*#__PURE__*/React__default.createElement(VisuallyHidden, null, sectionName, ". "), restProps.sectionHeader)), Array.from(items).map(function (node) {
+    return node != undefined && children(node);
+  })));
+};
+ListBoxSection.displayName = 'ListBoxSection';
 export { ListBoxSection };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.mjs

@@ -1,17 +1,14 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { Button } from '../../../../ButtonV1/Button/Button.mjs';
 import '../../../../ButtonV1/IconButton/IconButton.mjs';
 import modules_b0782052 from './LoadMoreButton.module.scss.mjs';
-const LoadMoreButton = /*#__PURE__*/function () {
-  const LoadMoreButton = function (props) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_b0782052.container
-    }, /*#__PURE__*/React.createElement(Button, __assign({}, props, {
-      fullWidth: true
-    })));
-  };
-  LoadMoreButton.displayName = 'FilterMultiSelect.LoadMoreButton';
-  return LoadMoreButton;
-}();
+var LoadMoreButton = function (props) {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: modules_b0782052.container
+  }, /*#__PURE__*/React__default.createElement(Button, __assign({}, props, {
+    fullWidth: true
+  })));
+};
+LoadMoreButton.displayName = 'FilterMultiSelect.LoadMoreButton';
 export { LoadMoreButton };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.mjs

@@ -1,13 +1,10 @@
-import React from 'react';
+import React__default from 'react';
 import modules_2297bbef from './MenuFooter.module.scss.mjs';
-const MenuFooter = /*#__PURE__*/function () {
-  const MenuFooter = function (_a) {
-    var children = _a.children;
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_2297bbef.footer
-    }, children);
-  };
-  MenuFooter.displayName = 'FilterMultiSelect.MenuFooter';
-  return MenuFooter;
-}();
+var MenuFooter = function (_a) {
+  var children = _a.children;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: modules_2297bbef.footer
+  }, children);
+};
+MenuFooter.displayName = 'FilterMultiSelect.MenuFooter';
 export { MenuFooter };

package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.mjs

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import '../../../../../Loading/LoadingGraphic/LoadingGraphic.mjs';
 import '../../../../../Loading/LoadingHeading/LoadingHeading.mjs';
 import { LoadingInput } from '../../../../../Loading/LoadingInput/LoadingInput.mjs';
@@ -6,36 +6,33 @@ import { LoadingParagraph } from '../../../../../Loading/LoadingParagraph/Loadin
 import '../../../../../Loading/LoadingSpinner/LoadingSpinner.mjs';
 import { MenuFooter } from '../MenuFooter/MenuFooter.mjs';
 import modules_0e2e54b1 from './MenuLoadingSkeleton.module.scss.mjs';
-const MenuLoadingSkeleton = /*#__PURE__*/function () {
-  const MenuLoadingSkeleton = function (_a) {
-    var _b = _a.isAnimated,
-      isAnimated = _b === void 0 ? false : _b;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: modules_0e2e54b1.loadingContainer
-    }, /*#__PURE__*/React.createElement(LoadingInput, {
-      classNameOverride: modules_0e2e54b1.loadingInput,
-      isAnimated: isAnimated
-    }), /*#__PURE__*/React.createElement(LoadingParagraph, {
-      isAnimated: isAnimated
-    }), /*#__PURE__*/React.createElement(LoadingParagraph, {
-      isAnimated: isAnimated
-    }), /*#__PURE__*/React.createElement(LoadingParagraph, {
-      isAnimated: isAnimated
-    }), /*#__PURE__*/React.createElement(LoadingParagraph, {
-      isAnimated: isAnimated
-    }), /*#__PURE__*/React.createElement(LoadingParagraph, {
-      isAnimated: isAnimated
-    })), /*#__PURE__*/React.createElement(MenuFooter, null, /*#__PURE__*/React.createElement(LoadingInput, {
-      width: 40,
-      height: 36,
-      isAnimated: isAnimated
-    }), /*#__PURE__*/React.createElement(LoadingInput, {
-      width: 30,
-      height: 36,
-      isAnimated: isAnimated
-    })));
-  };
-  MenuLoadingSkeleton.displayName = 'FilterMultiSelect.MenuLoadingSkeleton';
-  return MenuLoadingSkeleton;
-}();
+var MenuLoadingSkeleton = function (_a) {
+  var _b = _a.isAnimated,
+    isAnimated = _b === void 0 ? false : _b;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_0e2e54b1.loadingContainer
+  }, /*#__PURE__*/React__default.createElement(LoadingInput, {
+    classNameOverride: modules_0e2e54b1.loadingInput,
+    isAnimated: isAnimated
+  }), /*#__PURE__*/React__default.createElement(LoadingParagraph, {
+    isAnimated: isAnimated
+  }), /*#__PURE__*/React__default.createElement(LoadingParagraph, {
+    isAnimated: isAnimated
+  }), /*#__PURE__*/React__default.createElement(LoadingParagraph, {
+    isAnimated: isAnimated
+  }), /*#__PURE__*/React__default.createElement(LoadingParagraph, {
+    isAnimated: isAnimated
+  }), /*#__PURE__*/React__default.createElement(LoadingParagraph, {
+    isAnimated: isAnimated
+  })), /*#__PURE__*/React__default.createElement(MenuFooter, null, /*#__PURE__*/React__default.createElement(LoadingInput, {
+    width: 40,
+    height: 36,
+    isAnimated: isAnimated
+  }), /*#__PURE__*/React__default.createElement(LoadingInput, {
+    width: 30,
+    height: 36,
+    isAnimated: isAnimated
+  })));
+};
+MenuLoadingSkeleton.displayName = 'FilterMultiSelect.MenuLoadingSkeleton';
 export { MenuLoadingSkeleton };