@apia/components 4.0.14 → 4.0.16

package/dist/index.js

@@ -1,11 +1,10 @@
 import { jsx, Fragment, jsxs } from '@apia/theme/jsx-runtime';
 import * as React from 'react';
-import React__default, { createContext, useContext, useEffect, useMemo, useState, useCallback, useRef, forwardRef, Fragment as Fragment$1, useDeferredValue, lazy, Suspense, useTransition, Children, memo, isValidElement, cloneElement } from 'react';
+import React__default, { createContext, useContext, useMemo, useEffect, useState, useCallback, useRef, forwardRef, Fragment as Fragment$1, useDeferredValue, lazy, Suspense, useTransition, Children, memo, isValidElement, cloneElement } from 'react';
 import parse, { domToReact, Element } from 'html-react-parser';
 import { Spinner as Spinner$1, Box as Box$1 } from 'theme-ui';
 import { uniqueId as uniqueId$3, debounce, cloneDeep, isFunction as isFunction$1 } from 'lodash-es';
-import { Box, getVariant, useBreakpointIndex, Close, responsive, spacing, Heading, Button, Spinner, createElement, Select, Input, Flex, IconButton as IconButton$1, Image, injectStyles, focusOutline, makeStyledComponent, useThemeUI, Label, Progress, Grid, Textarea, Paragraph, Container } from '@apia/theme';
-import { BarLoader } from 'react-spinners';
+import { Box, getVariant, useBreakpointIndex, Close, responsive, spacing, Heading, Button, Spinner, createElement, Select, Input, Flex, IconButton as IconButton$1, Image, injectStyles, focusOutline, makeStyledComponent, useThemeUI, Label, Progress, Grid, Textarea, Container, Paragraph } from '@apia/theme';
 import uniqueId$2 from 'lodash-es/uniqueId';
 import { findScrollContainer, useUpdateEffect, focus, focusSelector, getFocusSelector, addBoundary, useCombinedRefs, usePrevious, EventEmitter, useMount, getLabel, getSpecificParent, isChild, useUnmount, StatefulEmitter, shallowEqual as shallowEqual$1, debugDispatcher, customEvents, getDateFormat, persistentStorage, disableChildrenFocus, enableChildrenFocus, decodeHTMLEntities, useDebouncedCallback, getIndex, noNaN, useLatest, useSubscription, arrayOrArray } from '@apia/util';
 import usePortal from 'react-cool-portal';
@@ -24,6 +23,7 @@ import isFunction from 'lodash-es/isFunction';
 import ReactInputMask from 'react-input-mask';
 import { observer } from 'mobx-react-lite';
 import { createFAsomeStore } from '@apia/dom-store';
+import { BarLoader } from 'react-spinners';
 import { keyframes } from '@emotion/react';
 
 const AccordionContext = createContext(null);
@@ -576,6 +576,7 @@ const DialogHeader = ({
     }
   );
 };
+var DialogHeader$1 = DialogHeader;
 
 const ModalContext = createContext(null);
 function useModalContext() {
@@ -979,7 +980,7 @@ const WindowModal = forwardRef(
                     ),
                     children: [
                       !noHeader && /* @__PURE__ */ jsx(
-                        DialogHeader,
+                        DialogHeader$1,
                         {
                           NavBar,
                           title: innerTitle,
@@ -1011,7 +1012,7 @@ const WindowModal = forwardRef(
 var __defProp$n = Object.defineProperty;
 var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$n = (obj, key, value) => {
-  __defNormalProp$n(obj, key + "" , value);
+  __defNormalProp$n(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$d = (obj, member, msg) => {
@@ -1029,7 +1030,7 @@ var __privateAdd$d = (obj, member, value) => {
 };
 var __privateSet$8 = (obj, member, value, setter) => {
   __accessCheck$d(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var __privateMethod$3 = (obj, member, method) => {
@@ -1303,7 +1304,7 @@ const StaticModal = forwardRef(
                         "data-variant": `layout.common.modals.${size}`,
                         children: [
                           !noHeader && /* @__PURE__ */ jsx(
-                            DialogHeader,
+                            DialogHeader$1,
                             {
                               className: "modal__header",
                               NavBar,
@@ -1404,7 +1405,7 @@ const OpenModal = (props) => {
 var __defProp$m = Object.defineProperty;
 var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$m = (obj, key, value) => {
-  __defNormalProp$m(obj, key + "" , value);
+  __defNormalProp$m(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$c = (obj, member, msg) => {
@@ -1422,12 +1423,12 @@ var __privateAdd$c = (obj, member, value) => {
 };
 var __privateSet$7 = (obj, member, value, setter) => {
   __accessCheck$c(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var __privateWrapper$2 = (obj, member, setter, getter) => ({
   set _(value) {
-    __privateSet$7(obj, member, value);
+    __privateSet$7(obj, member, value, setter);
   },
   get _() {
     return __privateGet$9(obj, member, getter);
@@ -1455,6 +1456,7 @@ class ApiaUtilModals {
             {
               ...ev,
               isOpen: true,
+              onClose: ev.onClose,
               onExited: () => {
                 ev.onExited?.();
                 setModals(
@@ -1623,6 +1625,7 @@ const ContextMenu = observer(
     );
   }
 );
+var ContextMenu$1 = ContextMenu;
 
 function makeIcon(name) {
   return function IconComponent() {
@@ -1755,6 +1758,7 @@ const Item = observer(({ tab }) => {
   };
   return /* @__PURE__ */ jsx(Box, { "data-id": tab.id, ref, ...boxProps, children: /* @__PURE__ */ jsx(Renderer, { tab }) });
 });
+var Item$1 = Item;
 
 function useShowScrollButtons() {
   const [showScrollButtons, setShowScrollButtons] = useState(false);
@@ -1818,9 +1822,9 @@ const TabsList = observer(
         ...getVariant("layout.common.tabs.primary"),
         ref: setRef,
         children: [
-          /* @__PURE__ */ jsx(Box, { className: "tabsList__fixedTabs", children: fixedTabs.map((current) => /* @__PURE__ */ jsx(Item, { tab: current }, current.id)) }),
+          /* @__PURE__ */ jsx(Box, { className: "tabsList__fixedTabs", children: fixedTabs.map((current) => /* @__PURE__ */ jsx(Item$1, { tab: current }, current.id)) }),
           /* @__PURE__ */ jsx(
-            ContextMenu,
+            ContextMenu$1,
             {
               anchorPoint,
               isOpen,
@@ -1845,7 +1849,7 @@ const TabsList = observer(
                   setIsOpen(true);
                 }
               }, []),
-              children: nonFixedTabs.map((current) => /* @__PURE__ */ jsx(Item, { tab: current }, current.id))
+              children: nonFixedTabs.map((current) => /* @__PURE__ */ jsx(Item$1, { tab: current }, current.id))
             }
           ),
           showScrollButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1883,7 +1887,7 @@ const TabsList = observer(
 var __defProp$k = Object.defineProperty;
 var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$k = (obj, key, value) => {
-  __defNormalProp$k(obj, key + "" , value);
+  __defNormalProp$k(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$b = (obj, member, msg) => {
@@ -2199,7 +2203,7 @@ const InnerRenderer = observer(({ tab }) => {
   let accordion = null;
   const tabContent = /* @__PURE__ */ jsxs(Box, { className: "tabs__Item", sx: { height: "100%" }, children: [
     /* @__PURE__ */ jsx(Render, { tab }),
-    state.isLoading && /* @__PURE__ */ jsx(Box, { className: "tabs__content__spinner__wrapper", children: /* @__PURE__ */ jsx(LoaderSpinner, {}) })
+    state.isLoading && /* @__PURE__ */ jsx(Box, { className: "tabs__content__spinner__wrapper", children: /* @__PURE__ */ jsx(LoaderSpinner$1, {}) })
   ] });
   if (tab.state.asAccordion)
     accordion = /* @__PURE__ */ jsx(
@@ -2619,7 +2623,7 @@ const AlertModal = ({ children, onClose, title }) => {
 var __defProp$j = Object.defineProperty;
 var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$j = (obj, key, value) => {
-  __defNormalProp$j(obj, key + "" , value);
+  __defNormalProp$j(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$a = (obj, member, msg) => {
@@ -2637,12 +2641,12 @@ var __privateAdd$a = (obj, member, value) => {
 };
 var __privateSet$6 = (obj, member, value, setter) => {
   __accessCheck$a(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var __privateWrapper$1 = (obj, member, setter, getter) => ({
   set _(value) {
-    __privateSet$6(obj, member, value);
+    __privateSet$6(obj, member, value, setter);
   },
   get _() {
     return __privateGet$8(obj, member, getter);
@@ -2939,7 +2943,7 @@ parseCellValue_fn = function(cellValue) {
 var __defProp$i = Object.defineProperty;
 var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$i = (obj, key, value) => {
-  __defNormalProp$i(obj, key + "" , value);
+  __defNormalProp$i(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 let maxId = 0;
@@ -2972,7 +2976,7 @@ var __privateAdd$8 = (obj, member, value) => {
 };
 var __privateSet$5 = (obj, member, value, setter) => {
   __accessCheck$8(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var _timeout, _tooltipTimeout, _unsuscribe, _tooltipController, _tooltip;
@@ -3495,12 +3499,12 @@ var __privateAdd$6 = (obj, member, value) => {
 };
 var __privateSet$4 = (obj, member, value, setter) => {
   __accessCheck$6(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var __privateWrapper = (obj, member, setter, getter) => ({
   set _(value) {
-    __privateSet$4(obj, member, value);
+    __privateSet$4(obj, member, value, setter);
   },
   get _() {
     return __privateGet$5(obj, member, getter);
@@ -3624,7 +3628,7 @@ var __privateAdd$5 = (obj, member, value) => {
 };
 var __privateSet$3 = (obj, member, value, setter) => {
   __accessCheck$5(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var _instance;
@@ -3816,7 +3820,7 @@ var __privateAdd$4 = (obj, member, value) => {
 };
 var __privateSet$2 = (obj, member, value, setter) => {
   __accessCheck$4(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var _actualSearch, _makeSearch, _search;
@@ -4536,7 +4540,7 @@ Checkbox$1.displayName = "Checkbox";
 var __defProp$a = Object.defineProperty;
 var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$a = (obj, key, value) => {
-  __defNormalProp$a(obj, key + "" , value);
+  __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$3 = (obj, member, msg) => {
@@ -4554,7 +4558,7 @@ var __privateAdd$3 = (obj, member, value) => {
 };
 var __privateSet$1 = (obj, member, value, setter) => {
   __accessCheck$3(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var _onFocusCallbacks, _a;
@@ -5824,8 +5828,9 @@ const collapsiblePanel = {
     }
   }
 };
+var collapsiblePanel$1 = collapsiblePanel;
 
-injectStyles("layout.common.components.collapsiblePanel", collapsiblePanel);
+injectStyles("layout.common.components.collapsiblePanel", collapsiblePanel$1);
 const CollapsiblePanel = React__default.forwardRef(
   ({
     children,
@@ -6846,6 +6851,7 @@ const LinearLoader = () => {
     }
   );
 };
+var LinearLoader$1 = LinearLoader;
 
 const ProgressBar = ({
   id,
@@ -6879,6 +6885,7 @@ const ProgressBar = ({
     )
   ] });
 };
+var ProgressBar$1 = ProgressBar;
 
 const styles$1 = {
   height: "iconmd",
@@ -6899,6 +6906,7 @@ const LoaderSpinner = makeStyledComponent(
     );
   }
 );
+var LoaderSpinner$1 = LoaderSpinner;
 
 const shimmer = keyframes`
   0% {
@@ -7572,7 +7580,9 @@ const IconsListNonForwarded = (props, ref) => {
         "layout.common.components.iconsList",
         styles,
         styledComponent
-      )});
+      ),
+      debounce: 50
+    });
     return Component;
   }, []);
   if (previousProps.current?.iconWidth !== props.iconWidth) {
@@ -7839,7 +7849,7 @@ var __privateAdd$1 = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck$1(obj, member, "write to private field");
-  member.set(obj, value);
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var _emitter, _items, _moveItem;
@@ -8037,7 +8047,7 @@ const SortableList = makeStyledComponent(
 var __defProp$6 = Object.defineProperty;
 var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$6 = (obj, key, value) => {
-  __defNormalProp$6(obj, key + "" , value);
+  __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class Parameter {
@@ -9215,10 +9225,12 @@ const AttributeParsers = [
     }
   }
 ];
+var AttributeParsers$1 = AttributeParsers;
 
 const PathShortcuts = {};
 
 const AttributeFilters = ["data-template", "data-component", "style"];
+var AttributeFilters$1 = AttributeFilters;
 
 const AttributeReplacers = {
   // Common html props
@@ -9265,6 +9277,7 @@ const AttributeReplacers = {
   // Reports
   reportname: "reportName"
 };
+var AttributeReplacers$1 = AttributeReplacers;
 
 const ComplexReplacements = [
   (domNode, _, customOptions, commentsData) => {
@@ -9490,7 +9503,7 @@ const parseOptions = (customOptions, commentsData) => {
               return /* @__PURE__ */ jsx(Suspense, { children: result2 });
           }
           [
-            ...AttributeFilters,
+            ...AttributeFilters$1,
             ...customOptions?.filterAttributes ?? []
           ].forEach((att) => {
             delete domNode.attribs[att];
@@ -9501,8 +9514,8 @@ const parseOptions = (customOptions, commentsData) => {
               const value = initialValue;
               let hasParsed = false;
               const returnDictionary = { ...dictionary };
-              for (let i = 0; i < AttributeParsers.length; i++) {
-                const parser = AttributeParsers[i];
+              for (let i = 0; i < AttributeParsers$1.length; i++) {
+                const parser = AttributeParsers$1[i];
                 const match = name.match(parser.match);
                 if (customOptions?.debug)
                   console.log(parser.match, match);
@@ -9513,7 +9526,7 @@ const parseOptions = (customOptions, commentsData) => {
                   if (parsed) {
                     parsed.forEach(({ newName, newValue }) => {
                       const finalName = {
-                        ...AttributeReplacers,
+                        ...AttributeReplacers$1,
                         ...customOptions?.attributesReplacement ?? {}
                       }[newName] ?? newName;
                       returnDictionary[finalName] = AttributeValueParsers(newValue);
@@ -9525,7 +9538,7 @@ const parseOptions = (customOptions, commentsData) => {
               }
               if (!hasParsed) {
                 const newName = {
-                  ...AttributeReplacers,
+                  ...AttributeReplacers$1,
                   ...customOptions?.attributesReplacement ?? {}
                 }[name] ?? name;
                 returnDictionary[newName] = AttributeValueParsers(value);
@@ -9719,5 +9732,5 @@ _actuallyParse = new WeakMap();
 __publicField(_Templater, "_instance", null);
 let Templater = _Templater;
 
-export { Accordion, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, AutoEllipsis, Autocomplete, AutocompleteController, BaseButton, CalendarModal, Captcha, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, FieldErrorMessage, FieldLabel, FilterConditionDTO, FilterDTO, FiltersStore, IconButton, IconInput, IconsList, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, Modal, NumberInput, Overlay, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, ProgressBar, RequiredMark, ScreenLocker, SimpleButton, SortableList, SortableListItem, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, WaiTypeAhead, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isParametersGroup, makeResponsiveComponent, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useModal, useModalContext, useOtherTagButton, useTabsContext };
+export { Accordion, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, AutoEllipsis, Autocomplete, AutocompleteController, BaseButton, CalendarModal, Captcha, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, FieldErrorMessage, FieldLabel, FilterConditionDTO, FilterDTO, FiltersStore, IconButton, IconInput, IconsList, LabelBox, LinearLoader$1 as LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner$1 as LoaderSpinner, Modal, NumberInput, Overlay, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, ProgressBar$1 as ProgressBar, RequiredMark, ScreenLocker, SimpleButton, SortableList, SortableListItem, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, WaiTypeAhead, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isParametersGroup, makeResponsiveComponent, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.js.map