@oliasoft-open-source/react-ui-library 3.11.0-beta-15 → 3.11.0-beta-17

package/dist/index.js

@@ -10894,34 +10894,34 @@ Icon.propTypes = {
   clickable: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const wrapper$4 = "_wrapper_1jyel_341";
-const layer$1 = "_layer_1jyel_345";
-const layerContainer$1 = "_layerContainer_1jyel_348";
-const nested = "_nested_1jyel_363";
-const fileInput$1 = "_fileInput_1jyel_375";
-const trigger$2 = "_trigger_1jyel_381";
-const middleAlignedInline = "_middleAlignedInline_1jyel_390";
-const heading$5 = "_heading_1jyel_396";
-const headingIcon = "_headingIcon_1jyel_402";
-const option$1 = "_option_1jyel_414";
-const active$8 = "_active_1jyel_431";
-const selected$1 = "_selected_1jyel_436";
-const optionContent$1 = "_optionContent_1jyel_443";
-const inline$4 = "_inline_1jyel_448";
-const icon$5 = "_icon_1jyel_453";
-const check$1 = "_check_1jyel_454";
-const text$3 = "_text_1jyel_480";
-const label$a = "_label_1jyel_485";
-const description = "_description_1jyel_496";
-const arrow$1 = "_arrow_1jyel_500";
-const divider$1 = "_divider_1jyel_504";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1jyel_508";
-const disabled$8 = "_disabled_1jyel_512";
-const buttonLabel = "_buttonLabel_1jyel_517";
-const buttonCaret = "_buttonCaret_1jyel_524";
-const component = "_component_1jyel_527";
-const right$7 = "_right_1jyel_533";
-const actions$2 = "_actions_1jyel_538";
+const wrapper$4 = "_wrapper_t0nkm_341";
+const layer$1 = "_layer_t0nkm_345";
+const layerContainer$1 = "_layerContainer_t0nkm_348";
+const nested = "_nested_t0nkm_363";
+const fileInput$1 = "_fileInput_t0nkm_375";
+const trigger$2 = "_trigger_t0nkm_381";
+const middleAlignedInline = "_middleAlignedInline_t0nkm_390";
+const heading$5 = "_heading_t0nkm_396";
+const headingIcon = "_headingIcon_t0nkm_402";
+const option$1 = "_option_t0nkm_414";
+const active$8 = "_active_t0nkm_431";
+const selected$1 = "_selected_t0nkm_436";
+const optionContent$1 = "_optionContent_t0nkm_443";
+const inline$4 = "_inline_t0nkm_448";
+const icon$5 = "_icon_t0nkm_453";
+const check$1 = "_check_t0nkm_454";
+const text$3 = "_text_t0nkm_480";
+const label$a = "_label_t0nkm_485";
+const description = "_description_t0nkm_496";
+const arrow$1 = "_arrow_t0nkm_500";
+const divider$1 = "_divider_t0nkm_504";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_t0nkm_508";
+const disabled$8 = "_disabled_t0nkm_512";
+const buttonLabel = "_buttonLabel_t0nkm_517";
+const buttonCaret = "_buttonCaret_t0nkm_524";
+const component = "_component_t0nkm_527";
+const right$7 = "_right_t0nkm_533";
+const actions$2 = "_actions_t0nkm_538";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -11051,7 +11051,7 @@ const Option$2 = ({
   });
 };
 const Section$1 = ({
-  section,
+  section: section2,
   closeOnOptionClick,
   close: close2,
   tree: tree2,
@@ -11059,45 +11059,45 @@ const Section$1 = ({
   maxHeight
 }) => {
   const disabledContext = useContext(DisabledContext);
-  switch (section.type) {
+  switch (section2.type) {
     case "Heading":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(Heading$3, {
-        label: section.label,
-        onClick: section.onClick,
-        icon: section.icon,
-        testId: section.testId
+        label: section2.label,
+        onClick: section2.onClick,
+        icon: section2.icon,
+        testId: section2.testId
       });
     case "Divider":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(Divider$1, {});
     case "Option":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(Option$2, {
-        actions: section.actions,
-        label: section.label,
-        url: section.url,
-        onClick: section.onClick,
-        description: section.description,
-        icon: section.icon,
-        selected: section.selected,
+        actions: section2.actions,
+        label: section2.label,
+        url: section2.url,
+        onClick: section2.onClick,
+        description: section2.description,
+        icon: section2.icon,
+        selected: section2.selected,
         closeOnOptionClick,
         close: close2,
-        disabled: section.disabled || disabledContext,
-        inline: section.inline,
-        title: section.title,
-        upload: section.upload,
-        onChange: section.onChange,
-        testId: section.testId
+        disabled: section2.disabled || disabledContext,
+        inline: section2.inline,
+        title: section2.title,
+        upload: section2.upload,
+        onChange: section2.onChange,
+        testId: section2.testId
       });
     case "Menu":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(DropDownMenu, {
-        menu: section.menu,
-        title: section.title,
+        menu: section2.menu,
+        title: section2.title,
         closeOnOptionClick,
         isNested: true,
         closeParent: close2,
         tree: tree2,
         path,
         maxHeight,
-        testId: section.testId
+        testId: section2.testId
       });
     default:
       return null;
@@ -11153,10 +11153,10 @@ const Layer$2 = ({
     style: { maxWidth: width, maxHeight },
     "data-testid": testId,
     children: /* @__PURE__ */ jsxRuntime.exports.jsx("ul", {
-      children: localSections.map((section, i) => /* @__PURE__ */ jsxRuntime.exports.jsx("li", {
+      children: localSections.map((section2, i) => /* @__PURE__ */ jsxRuntime.exports.jsx("li", {
         children: /* @__PURE__ */ jsxRuntime.exports.jsx(Section$1, {
-          section,
-          closeOnOptionClick: section.closeOnOptionClick,
+          section: section2,
+          closeOnOptionClick: section2.closeOnOptionClick,
           close: close2,
           tree: tree2,
           path: childPath(path, i),
@@ -11665,7 +11665,7 @@ const actionsShape = propTypes$1.exports.arrayOf(
 );
 const isMenuEmpty = (menu2) => {
   const { sections } = menu2;
-  return !isValidElement(sections) && (!sections.length || sections.every((section) => lodash.exports.isEmpty(section)));
+  return !isValidElement(sections) && (!sections.length || sections.every((section2) => lodash.exports.isEmpty(section2)));
 };
 const useContextMenu = (sections, width, placement, possiblePlacements, closeOnOptionClick, closeParent, tree2, path, groupOrder, overflowContainer, maxHeight, testId) => {
   const { hasMousePosition, resetMousePosition, handleMouseEvent, trigger: trigger2 } = useMousePositionAsTrigger();
@@ -11814,9 +11814,9 @@ const DropDownMenu = ({
       close2();
       return;
     }
-    siblings(tree2, path).forEach((section) => {
-      if (section.close) {
-        section.close();
+    siblings(tree2, path).forEach((section2) => {
+      if (section2.close) {
+        section2.close();
       }
     });
     open();
@@ -16133,11 +16133,15 @@ const Drawer = ({
   const currentWidth = open ? openWidth : tabs2 ? TABS_WIDTH : closedWidth;
   const handleTabClick = (index2) => {
     if (activeTab === index2 && open) {
+      if (onClose) {
+        onClose(tabs2[index2]);
+      }
       setOpen(false);
-      onClose(index2);
     } else if (!open) {
+      if (onOpen) {
+        onOpen(tabs2[index2]);
+      }
       setOpen(true);
-      onOpen(tabs2[index2]);
       if (onResize && width < MIN_OPEN_WIDTH) {
         onResize(MIN_OPEN_WIDTH);
       }
@@ -28031,20 +28035,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-const layerContainer = "_layerContainer_14x30_341";
-const layer = "_layer_14x30_341";
-const small$5 = "_small_14x30_363";
-const heading = "_heading_14x30_366";
-const option = "_option_14x30_367";
-const message = "_message_14x30_368";
-const focused = "_focused_14x30_404";
-const selected = "_selected_14x30_408";
-const disabled$4 = "_disabled_14x30_415";
-const check = "_check_14x30_419";
-const optionContent = "_optionContent_14x30_433";
-const label$5 = "_label_14x30_438";
-const icon$2 = "_icon_14x30_445";
-const details = "_details_14x30_449";
+const layerContainer = "_layerContainer_1iwwz_341";
+const layer = "_layer_1iwwz_341";
+const small$5 = "_small_1iwwz_363";
+const heading = "_heading_1iwwz_366";
+const option = "_option_1iwwz_367";
+const message = "_message_1iwwz_368";
+const focused = "_focused_1iwwz_404";
+const selected = "_selected_1iwwz_408";
+const disabled$4 = "_disabled_1iwwz_415";
+const check = "_check_1iwwz_419";
+const optionContent = "_optionContent_1iwwz_433";
+const label$5 = "_label_1iwwz_438";
+const icon$2 = "_icon_1iwwz_445";
+const details = "_details_1iwwz_449";
 const styles$m = {
   layerContainer,
   layer,
@@ -28128,31 +28132,31 @@ const Option = ({
   });
 };
 const Section = ({
-  section,
+  section: section2,
   selected: selected2,
   focused: focused2,
   onSelectOption,
   closeLayer
 }) => {
   const disabledContext = useContext(DisabledContext);
-  switch (section.type) {
+  switch (section2.type) {
     case "Heading":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(Heading, {
-        label: section.label
+        label: section2.label
       });
     case "Option":
     default:
       return /* @__PURE__ */ jsxRuntime.exports.jsx(Option, {
         closeLayer,
-        actions: section.actions,
-        label: section.label,
-        details: section.details,
-        icon: section.icon,
-        disabled: section.disabled || disabledContext,
+        actions: section2.actions,
+        label: section2.label,
+        details: section2.details,
+        icon: section2.icon,
+        disabled: section2.disabled || disabledContext,
         selected: selected2,
         focused: focused2,
         onSelectOption,
-        testId: section.testId
+        testId: section2.testId
       });
   }
 };
@@ -28209,37 +28213,37 @@ const Layer = ({
     })
   });
 };
-const inputInTable$5 = "_inputInTable_1bne4_341";
-const inputHover$5 = "_inputHover_1bne4_350";
-const inputFocus$5 = "_inputFocus_1bne4_355";
-const inputError$5 = "_inputError_1bne4_362";
-const inputWarning$5 = "_inputWarning_1bne4_363";
-const inputDisabled$5 = "_inputDisabled_1bne4_398";
-const hideScrollbars$5 = "_hideScrollbars_1bne4_403";
-const trigger$1 = "_trigger_1bne4_417";
-const isInTable$1 = "_isInTable_1bne4_432";
-const input = "_input_1bne4_341";
-const isOpen = "_isOpen_1bne4_450";
-const error$2 = "_error_1bne4_458";
-const warning$4 = "_warning_1bne4_475";
-const disabled$3 = "_disabled_1bne4_492";
-const iconOpen = "_iconOpen_1bne4_497";
-const icons = "_icons_1bne4_500";
-const clearAll = "_clearAll_1bne4_508";
-const small$4 = "_small_1bne4_517";
-const focus = "_focus_1bne4_526";
-const triggerInputContainer = "_triggerInputContainer_1bne4_540";
-const right$2 = "_right_1bne4_549";
-const multiOptions = "_multiOptions_1bne4_562";
-const multiOption = "_multiOption_1bne4_562";
-const label$4 = "_label_1bne4_594";
-const closeMultiOption = "_closeMultiOption_1bne4_597";
-const selectedSingleValue = "_selectedSingleValue_1bne4_612";
-const placeHolder = "_placeHolder_1bne4_613";
-const groupOrderFirst = "_groupOrderFirst_1bne4_652";
-const groupOrderMiddle = "_groupOrderMiddle_1bne4_653";
-const groupOrderLast = "_groupOrderLast_1bne4_657";
-const detailedLabel = "_detailedLabel_1bne4_662";
+const inputInTable$5 = "_inputInTable_16b8a_341";
+const inputHover$5 = "_inputHover_16b8a_350";
+const inputFocus$5 = "_inputFocus_16b8a_355";
+const inputError$5 = "_inputError_16b8a_362";
+const inputWarning$5 = "_inputWarning_16b8a_363";
+const inputDisabled$5 = "_inputDisabled_16b8a_398";
+const hideScrollbars$5 = "_hideScrollbars_16b8a_403";
+const trigger$1 = "_trigger_16b8a_417";
+const isInTable$1 = "_isInTable_16b8a_432";
+const input = "_input_16b8a_341";
+const isOpen = "_isOpen_16b8a_450";
+const error$2 = "_error_16b8a_458";
+const warning$4 = "_warning_16b8a_475";
+const disabled$3 = "_disabled_16b8a_492";
+const iconOpen = "_iconOpen_16b8a_497";
+const icons = "_icons_16b8a_500";
+const clearAll = "_clearAll_16b8a_508";
+const small$4 = "_small_16b8a_517";
+const focus = "_focus_16b8a_526";
+const triggerInputContainer = "_triggerInputContainer_16b8a_540";
+const right$2 = "_right_16b8a_549";
+const multiOptions = "_multiOptions_16b8a_562";
+const multiOption = "_multiOption_16b8a_562";
+const label$4 = "_label_16b8a_594";
+const closeMultiOption = "_closeMultiOption_16b8a_597";
+const selectedSingleValue = "_selectedSingleValue_16b8a_612";
+const placeHolder = "_placeHolder_16b8a_613";
+const groupOrderFirst = "_groupOrderFirst_16b8a_652";
+const groupOrderMiddle = "_groupOrderMiddle_16b8a_653";
+const groupOrderLast = "_groupOrderLast_16b8a_657";
+const detailedLabel = "_detailedLabel_16b8a_662";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputHover: inputHover$5,
@@ -56738,18 +56742,18 @@ const Link$1 = ({ isOpen: isOpen2, items, sectionIndex, onClick, testId }) => {
 };
 const Sections = ({ isOpen: isOpen2, sections, onClick }) => {
   return /* @__PURE__ */ jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, {
-    children: sections.map((section, i) => /* @__PURE__ */ jsxRuntime.exports.jsxs(React__default.Fragment, {
+    children: sections.map((section2, i) => /* @__PURE__ */ jsxRuntime.exports.jsxs(React__default.Fragment, {
       children: [
         /* @__PURE__ */ jsxRuntime.exports.jsx("h5", {
           className: styles$c.subtitle,
-          children: section.heading.toUpperCase()
+          children: section2.heading.toUpperCase()
         }),
         /* @__PURE__ */ jsxRuntime.exports.jsx(Link$1, {
           isOpen: isOpen2,
-          items: section.items,
+          items: section2.items,
           sectionindex: i,
           onClick,
-          testId: section.testId
+          testId: section2.testId
         })
       ]
     }, i))
@@ -59172,9 +59176,11 @@ Title$1.propTypes = {
   ]),
   testId: propTypes$1.exports.string
 };
-const footer = "_footer_1h9g5_341";
+const footer = "_footer_ho6xu_341";
+const section = "_section_ho6xu_347";
 const styles$8 = {
-  footer
+  footer,
+  section
 };
 const Footer = (props) => {
   const { colSpan, pagination: pagination2, actions: actions2, content: content2 } = props;
@@ -59189,36 +59195,27 @@ const Footer = (props) => {
     return false;
   };
   const showFooter = hasActions2 || hasContent || hasPagination();
-  return showFooter ? /* @__PURE__ */ jsxRuntime.exports.jsxs("tfoot", {
+  return showFooter ? /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+    className: styles$8.footer,
     children: [
-      hasContent ? /* @__PURE__ */ jsxRuntime.exports.jsx("tr", {
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx("td", {
-          colSpan,
-          children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-            className: styles$8.footer,
-            children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-              children: content2
-            })
-          })
+      hasContent ? /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+        className: styles$8.section,
+        children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+          children: content2
         })
       }) : null,
-      hasActions2 || hasPagination() ? /* @__PURE__ */ jsxRuntime.exports.jsx("tr", {
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx("td", {
-          colSpan,
-          children: /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-            className: styles$8.footer,
-            children: [
-              hasPagination() ? /* @__PURE__ */ jsxRuntime.exports.jsx(Pagination, {
-                pagination: pagination2
-              }) : /* @__PURE__ */ jsxRuntime.exports.jsx("div", {}),
-              /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-                children: /* @__PURE__ */ jsxRuntime.exports.jsx(Actions, {
-                  actions: actions2
-                })
-              })
-            ]
+      hasActions2 || hasPagination() ? /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+        className: styles$8.section,
+        children: [
+          hasPagination() ? /* @__PURE__ */ jsxRuntime.exports.jsx(Pagination, {
+            pagination: pagination2
+          }) : /* @__PURE__ */ jsxRuntime.exports.jsx("div", {}),
+          /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+            children: /* @__PURE__ */ jsxRuntime.exports.jsx(Actions, {
+              actions: actions2
+            })
           })
-        })
+        ]
       }) : null
     ]
   }) : null;
@@ -60436,18 +60433,17 @@ const Table = (props) => {
                       }, `index_${rowIndex}`)),
                       provided.placeholder
                     ]
-                  }),
-                  footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
-                    colSpan: colSpan + 1,
-                    pagination: footer2.pagination,
-                    actions: footer2.actions,
-                    content: footer2.content
                   })
                 ]
               })
             });
           }
         })
+      }),
+      footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
+        pagination: footer2.pagination,
+        actions: footer2.actions,
+        content: footer2.content
       })
     ]
   }) : /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
@@ -60491,15 +60487,15 @@ const Table = (props) => {
                 hasRowActions: rowActions,
                 columnAlignment
               }, `1_${rowIndex}`))
-            }),
-            footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
-              colSpan,
-              pagination: footer2.pagination,
-              actions: footer2.actions,
-              content: footer2.content
             })
           ]
         })
+      }),
+      footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
+        colSpan,
+        pagination: footer2.pagination,
+        actions: footer2.actions,
+        content: footer2.content
       })
     ]
   });