@apia/components 4.0.29 → 4.0.31

package/dist/index.d.ts

@@ -423,6 +423,12 @@ type TTabLabelRenderer = (props: {
 }) => React__default.ReactElement;
 type TTabsListState<TabType extends TTab> = {
     isMultiple: boolean;
+    /**
+     * By default, any customEvents.focus occurred inside the tab render will cause the tab to be opened.
+     *
+     * If listenFocusEvents=false, the customEvents.focus events will be ignored.
+     */
+    listenFocusEvents?: boolean;
     openTabsHistory: Set<Tab<TabType>>;
     /**
      * If this property is true, then it could never happen that all tabs are closed.
@@ -1050,6 +1056,7 @@ declare const IconInput: ({ additionalButtons, additionalButtonsPosition, button
 
 type TDateProps = TModify<InputProps, {
     allowPickBeforeToday?: boolean;
+    avoidErrorMessage?: boolean;
     CalModalRenderer?: (props: ICalModal & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement | null;
     deleteFiltersTimestamp?: number;
     error?: string | null;
@@ -1566,6 +1573,10 @@ declare const ListSkeletonLoader: ({ items }: {
     items?: number | undefined;
 }) => React$1.JSX.Element;
 
+declare const LinearSpinnerLock: ({ isLocked }: {
+    isLocked: boolean;
+}) => React$1.JSX.Element | null;
+
 declare const DeadSessionModal: ({ onClick }: {
     onClick: () => unknown;
 }) => React__default.JSX.Element;
@@ -1816,6 +1827,7 @@ type TIcon<P = Record<string, unknown>> = {
      * Permite modificar el color individual de un ícono.
      */
     textColor?: string;
+    title?: string;
 };
 type TIconsList<P = Record<string, unknown>> = {
     /**
@@ -2061,6 +2073,22 @@ declare const Uploader: (({ handler }: {
     displayName: string;
 };
 
+declare const defaultLabels: Readonly<{
+    totalRecords: string;
+    totalRecordsReached: string;
+    maximize: string;
+    minimize: string;
+    information: string;
+    deleteFilters: string;
+    refresh: string;
+    firstPage: string;
+    previousPage: string;
+    lastPage: string;
+    nextPage: string;
+    pageInputInstructions: string;
+    page: string;
+    moreData: string;
+}>;
 interface IPagination {
     appliedFilters?: number;
     /**
@@ -2098,8 +2126,9 @@ interface IPagination {
     variant?: 'primary' | 'secondary' | 'datagrid';
     onMaximize?: () => unknown;
     isMaximized?: boolean;
+    labels?: Partial<typeof defaultLabels>;
 }
-declare const Pagination: React__default.MemoExoticComponent<({ appliedFilters, areAllFiltersApplied, className, currentPage, disabled, disableReduced, hasMore, hideInfo, hideMaximizeButton, hideRefreshButton, isLoading, isPerforming, onDeleteFilters, onPageChange, onRefresh, pageCount, recordsCount: outerRecordsCount, reachedMax, showMaximizeOnSmallBreakpoints, variant, isMaximized, onMaximize, }: IPagination) => React__default.JSX.Element>;
+declare const Pagination: React__default.MemoExoticComponent<({ appliedFilters, areAllFiltersApplied, className, currentPage, disabled, disableReduced, hasMore, hideInfo, hideMaximizeButton, hideRefreshButton, isLoading, isPerforming, onDeleteFilters, onPageChange, onRefresh, pageCount, recordsCount: outerRecordsCount, reachedMax, showMaximizeOnSmallBreakpoints, variant, isMaximized, onMaximize, labels, }: IPagination) => React__default.JSX.Element>;
 
 interface IAsidePanel {
     title?: string;
@@ -2211,9 +2240,9 @@ declare const FooterResponsiveButtons: ({ breakpoint, children, className, }: {
  * se muestra en el menú de hamburguesa.
  */
 declare const HamburguerMenu: ({ container, header, forceVisibility, }: {
-    container: string;
+    container?: string;
     forceVisibility?: boolean;
-    header: string;
+    header?: string;
 }) => React__default.JSX.Element;
 
 interface IHeader {
@@ -2619,5 +2648,5 @@ declare class Templater {
     parseString(content: string, options?: IAlterDefaultOptions): string | JSX.Element | JSX.Element[];
 }
 
-export { Accordion, AccordionAside, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, Aside, AsideLoader, AsidePanel, AutoEllipsis, Autocomplete, type AutocompleteCmpProps, AutocompleteController, type AutocompleteOption, type AutocompleteProps, AutogrowTextarea, AutoscrollContainer, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, ChatController, ChatMessage, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FloatingChatController, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAsidePanel, type IAttachment, type ICalendarModal, type IConfirm, type IDialogButtonBar, type IDialogHeader, type IField, type IFieldErrorMessage, type IFilterCondition, type IFilterDTOState, type IFilterValue, type IIconInput, type IMenuDefinition, type IOverlay, type IPagination, type IParameter, type IParametersGroup, type IRequiredMark, type IResponsiveComponent, type ISimpleButton, type ITableParameterProps, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, type MessageCallbackProps, type MessageSubmitCallback, Modal, NumberInput, Overlay, Pagination, Parameter, type ParameterObject, type ParameterPossibleValue, ParameterRender, type ParameterRenderer, type ParameterRendererProps, type ParameterType, Parameters, type ParametersDefinition, ParametersGroup, type ParametersGroupRenderer, ParametersStore, ParametersTable, type Payload, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, type TAccordionHandler, type TAccordionItemButton, type TApiaButtonType, type TApiaIconButton, type TChatControllerState, type TCheckbox, type TCssProps, type TDateProps, type TFieldLabel, type TFilterOp, type TFilterPayload, type TFilterType, type TFilterValue, type TFilterValueType, type TGetTabsController, type TIcon, type TIconButton, type TIconRenderer, type TIconSize, type TIconsList, type TListbox, type TMenuItem, type TMessageType, type TModal, type TModalSize, type TNumberInput, type TNumberInputChangeEvent, type TOnClickNode, type TOnConfirmSelection, type TOnSelectionChange, type TOpenModal, type TParameterType, type TSubmenu, type TTab, type TTabLabelRenderer as TTabRenderer, type TToolbarIconButton as TToolDefinition, type TTooltip, type TUploadHandlerProps, type TUploadInProgress, type TUploadedFile, type TUseModalConfiguration, type TVisualizationType, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isFavoriteIcon, isImage, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
+export { Accordion, AccordionAside, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, Aside, AsideLoader, AsidePanel, AutoEllipsis, Autocomplete, type AutocompleteCmpProps, AutocompleteController, type AutocompleteOption, type AutocompleteProps, AutogrowTextarea, AutoscrollContainer, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, ChatController, ChatMessage, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FloatingChatController, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAsidePanel, type IAttachment, type ICalendarModal, type IConfirm, type IDialogButtonBar, type IDialogHeader, type IField, type IFieldErrorMessage, type IFilterCondition, type IFilterDTOState, type IFilterValue, type IIconInput, type IMenuDefinition, type IOverlay, type IPagination, type IParameter, type IParametersGroup, type IRequiredMark, type IResponsiveComponent, type ISimpleButton, type ITableParameterProps, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, LinearSpinnerLock, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, type MessageCallbackProps, type MessageSubmitCallback, Modal, NumberInput, Overlay, Pagination, Parameter, type ParameterObject, type ParameterPossibleValue, ParameterRender, type ParameterRenderer, type ParameterRendererProps, type ParameterType, Parameters, type ParametersDefinition, ParametersGroup, type ParametersGroupRenderer, ParametersStore, ParametersTable, type Payload, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, type TAccordionHandler, type TAccordionItemButton, type TApiaButtonType, type TApiaIconButton, type TChatControllerState, type TCheckbox, type TCssProps, type TDateProps, type TFieldLabel, type TFilterOp, type TFilterPayload, type TFilterType, type TFilterValue, type TFilterValueType, type TGetTabsController, type TIcon, type TIconButton, type TIconRenderer, type TIconSize, type TIconsList, type TListbox, type TMenuItem, type TMessageType, type TModal, type TModalSize, type TNumberInput, type TNumberInputChangeEvent, type TOnClickNode, type TOnConfirmSelection, type TOnSelectionChange, type TOpenModal, type TParameterType, type TSubmenu, type TTab, type TTabLabelRenderer as TTabRenderer, type TToolbarIconButton as TToolDefinition, type TTooltip, type TUploadHandlerProps, type TUploadInProgress, type TUploadedFile, type TUseModalConfiguration, type TVisualizationType, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isFavoriteIcon, isImage, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -2022,7 +2022,8 @@ class TabsController {
       openTabsHistory: /* @__PURE__ */ new Set(),
       tabs: /* @__PURE__ */ new Map(),
       timestamp: 0,
-      showAtLeastOneTab: false
+      showAtLeastOneTab: false,
+      listenFocusEvents: true
     });
     Object.assign(this.state, props.initialState ?? {});
     props.initialTabs?.forEach((tab) => this.append(tab));
@@ -2338,7 +2339,9 @@ const InnerRenderer = observer(({ tab }) => {
         uns.current();
         if (el instanceof HTMLElement) {
           const handleFocus = () => {
-            tab.open();
+            if (tab.controller.state.listenFocusEvents !== false) {
+              tab.open();
+            }
           };
           el.addEventListener(customEvents.focus, handleFocus);
           uns.current = () => {
@@ -4818,8 +4821,6 @@ const IconInput = ({
   const { sx: inputSx, ...actualInputProps } = inputProps ?? {};
   const innerButtonRef = React__default.useRef(null);
   const assignButtonRef = useCombinedRefs(buttonRef, innerButtonRef);
-  const innerInputRef = React__default.useRef(null);
-  const assignInputRef = useCombinedRefs(inputRef, innerInputRef);
   const parentRef = React__default.useRef(null);
   const handleBlur = React__default.useCallback(
     (ev) => {
@@ -4827,7 +4828,9 @@ const IconInput = ({
         ev.relatedTarget,
         (current) => current === parentRef.current
       ))) {
-        Object.assign(ev.target, { value: innerInputRef.current?.value });
+        Object.assign(ev.target, {
+          value: ev.target.closest(".iconInput").querySelector("input").value
+        });
         onBlur(ev);
       }
     },
@@ -4837,17 +4840,16 @@ const IconInput = ({
     Box,
     {
       ...getVariant("forms.iconInput"),
-      className: `${className ?? ""} iconInput`,
       ref: parentRef,
       onBlur: handleBlur,
+      className: `${className ?? ""} iconInput`,
       children: [
         /* @__PURE__ */ jsx(
           ReactInputMask,
           {
             mask: mask ?? "",
-            onBlur: handleBlur,
             disabled: isLoading || disabled,
-            ref: assignInputRef,
+            ref: inputRef,
             readOnly,
             sx: { variant: "forms.input", ...inputSx },
             "data-variant": "forms.input",
@@ -4898,6 +4900,7 @@ const DateInput = React__default.forwardRef(
     onError,
     renderLabel,
     value: outerValue,
+    avoidErrorMessage,
     ...props
   }, ref) => {
     const id = React__default.useMemo(uniqueId$3, []);
@@ -4995,13 +4998,13 @@ const DateInput = React__default.forwardRef(
       [setCalendarValue]
     );
     useEffect(() => {
-      if (stateError !== "" && stateError !== null) {
+      if (stateError !== "" && stateError !== null && !avoidErrorMessage) {
         ApiaUtil.instance.notifications.notify({
           message: stateError,
           type: "warning"
         });
       }
-    }, [stateError]);
+    }, [avoidErrorMessage, stateError]);
     const handleBlur = React__default.useCallback(
       (ev) => {
         hasBlured.current = true;
@@ -6129,7 +6132,7 @@ const AutoscrollContainer = ({ children, threshold = 150, className }) => {
       mo.disconnect();
     };
   }, [threshold]);
-  return /* @__PURE__ */ jsx("div", { ref: wrapperRef, className, children });
+  return /* @__PURE__ */ jsx("div", { ref: wrapperRef, className: `${className || ""} autoscrollContainer`, children });
 };
 
 const FileCard = forwardRef(
@@ -9019,6 +9022,31 @@ const SkeletonItem = () => /* @__PURE__ */ jsx(
 );
 const ListSkeletonLoader = ({ items = 5 }) => /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexDirection: "column", gap: 3 }, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx(SkeletonItem, {}, index)) });
 
+const LinearSpinnerLock = ({ isLocked }) => isLocked ? /* @__PURE__ */ jsx(
+  Box,
+  {
+    className: "locker",
+    style: {
+      backgroundColor: "rgb(128 128 128 / 0%)",
+      inset: 0,
+      position: "fixed",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: "modal",
+      transition: "background-color 2s"
+    },
+    ref: (el) => {
+      if (el instanceof HTMLElement) {
+        window.requestAnimationFrame(() => {
+          el.style.backgroundColor = "rgb(200 200 200 / 60%)";
+        });
+      }
+    },
+    children: /* @__PURE__ */ jsx(LinearLoader, {})
+  }
+) : null;
+
 const distinctors = {
   grid: [
     (distinctors2, state) => {
@@ -9567,21 +9595,28 @@ const DefaultIconRendererNoMemo = (props) => {
     console.error({ props });
     console.error("The icon has no imageUrl nor icon defined");
   }
-  return /* @__PURE__ */ jsxs(Box, { title: props.label, className: "iconsList__icon__wrapper", children: [
-    /* @__PURE__ */ jsxs(Box, { className: "iconsList__icon__image__wrapper", children: [
-      props.imageUrl && /* @__PURE__ */ jsx(
-        Image,
-        {
-          className: "iconsList__icon__image",
-          src: props.imageUrl,
-          role: "none",
-          alt: ""
-        }
-      ),
-      props.icon && /* @__PURE__ */ jsx(Icon$1, { icon: props.icon, title: props.ariaLabel })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { className: "iconsList__icon__label", children: props.label })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      title: props.title || props.label,
+      className: "iconsList__icon__wrapper",
+      children: [
+        /* @__PURE__ */ jsxs(Box, { className: "iconsList__icon__image__wrapper", children: [
+          props.imageUrl && /* @__PURE__ */ jsx(
+            Image,
+            {
+              className: "iconsList__icon__image",
+              src: props.imageUrl,
+              role: "none",
+              alt: ""
+            }
+          ),
+          props.icon && /* @__PURE__ */ jsx(Icon$1, { icon: props.icon, title: props.ariaLabel })
+        ] }),
+        /* @__PURE__ */ jsx(Box, { className: "iconsList__icon__label", children: props.label })
+      ]
+    }
+  );
 };
 const DefaultIconRenderer = memo(DefaultIconRendererNoMemo);
 
@@ -10130,6 +10165,22 @@ const SortableList = makeStyledComponent(
   UnstyledSortableList
 );
 
+const defaultLabels = Object.freeze({
+  totalRecords: window.GNR_TOT_RECORDS,
+  totalRecordsReached: window.GNR_TOT_RECORDS_REACHED,
+  maximize: window.LBL_MAXIMIZE,
+  minimize: window.LBL_MINIMIZE,
+  information: window.BTN_FILE_INFO_TOOLTIP,
+  deleteFilters: window.BTN_DELETE_FILTERS,
+  refresh: window.NAV_REFRESH,
+  firstPage: window.NAV_FIRST_PAGE,
+  previousPage: window.NAV_PREVIOUS_PAGE,
+  lastPage: window.NAV_LAST_PAGE,
+  nextPage: window.NAV_NEXT_PAGE,
+  pageInputInstructions: window.NAV_INPUT_LABEL,
+  page: window.PAGE,
+  moreData: window.QUERY_MORE_DATA
+});
 const NoMemoPagination = ({
   appliedFilters,
   areAllFiltersApplied,
@@ -10152,30 +10203,15 @@ const NoMemoPagination = ({
   showMaximizeOnSmallBreakpoints,
   variant = "primary",
   isMaximized,
-  onMaximize
+  onMaximize,
+  labels
 }) => {
   const numberPageCount = Number(pageCount);
-  const breakPoint = useBreakpointIndex();
   const numberCurrentPage = Number(currentPage);
+  const breakPoint = useBreakpointIndex();
   const recordsCount = outerRecordsCount;
-  const [internCurrentPage, setCurrentPage] = useState(
-    numberCurrentPage ?? 1
-  );
-  const [lastEmittedPage, setLastEmittedPage] = useState(
-    numberCurrentPage ?? 1
-  );
+  const definedLabels = Object.assign({}, defaultLabels, labels);
   const [hasNoValue, setHasNoValue] = useState(false);
-  useEffect(() => {
-    setCurrentPage(numberCurrentPage);
-  }, [numberCurrentPage]);
-  const setCurrentAndDispatch = useCallback(
-    (page) => {
-      setCurrentPage(page);
-      onPageChange(page);
-      setLastEmittedPage(page);
-    },
-    [onPageChange]
-  );
   const InputRef = createRef();
   const options = [];
   for (let i = 1; i <= numberPageCount; i++) {
@@ -10184,19 +10220,22 @@ const NoMemoPagination = ({
   const [infoButtonRef, setInfoButtonRef] = React__default.useState(
     null
   );
-  const recordsCountLabel = `${window.GNR_TOT_RECORDS}: ${recordsCount}`;
+  const recordsCountLabel = `${definedLabels.totalRecords}: ${recordsCount}`;
   const tooltipProps = React__default.useMemo(
     () => ({
-      text: breakPoint <= 3 ? `${recordsCountLabel}.${!reachedMax && !hasMore ? "" : reachedMax && window.GNR_TOT_RECORDS_REACHED || hasMore && window.QUERY_MORE_DATA}` : `${!reachedMax && !hasMore ? "" : reachedMax && window.GNR_TOT_RECORDS_REACHED || hasMore && window.QUERY_MORE_DATA}`,
+      text: breakPoint <= 3 ? `${recordsCountLabel}.${!reachedMax && !hasMore ? "" : reachedMax && definedLabels.totalRecordsReached || hasMore && definedLabels.moreData}` : `${!reachedMax && !hasMore ? "" : reachedMax && definedLabels.totalRecordsReached || hasMore && definedLabels.moreData}`,
       attachToElement: { current: infoButtonRef },
       closeOnClickOut: true
-      // closeOnClickOutChecker(element) {
-      //   return !getSpecificParent(element, (current) =>
-      //     current.classList.contains('pagination__information'),
-      //   );
-      // },
     }),
-    [breakPoint, hasMore, infoButtonRef, reachedMax, recordsCountLabel]
+    [
+      breakPoint,
+      definedLabels.moreData,
+      definedLabels.totalRecordsReached,
+      hasMore,
+      infoButtonRef,
+      reachedMax,
+      recordsCountLabel
+    ]
   );
   return /* @__PURE__ */ jsxs(
     Box,
@@ -10214,8 +10253,8 @@ const NoMemoPagination = ({
               className: "pagination__fullScreenButton",
               onClick: onMaximize,
               icon: !isMaximized ? "Maximize" : "Minimize",
-              title: !isMaximized ? window.LBL_MAXIMIZE : window.LBL_MINIMIZE,
-              "aria-label": !isMaximized ? window.LBL_MAXIMIZE : window.LBL_MINIMIZE,
+              title: !isMaximized ? definedLabels.maximize : definedLabels.minimize,
+              "aria-label": !isMaximized ? definedLabels.maximize : definedLabels.minimize,
               iconSize: "Md"
             }
           ),
@@ -10229,8 +10268,8 @@ const NoMemoPagination = ({
                 onClick: () => ApiaUtil.instance.tooltips.open(tooltipProps),
                 ref: setInfoButtonRef,
                 iconSize: "Md",
-                "aria-label": window.BTN_FILE_INFO_TOOLTIP,
-                title: window.BTN_FILE_INFO_TOOLTIP
+                "aria-label": definedLabels.information,
+                title: definedLabels.information
               }
             ) : "",
             breakPoint > 3 && /* @__PURE__ */ jsx(
@@ -10239,7 +10278,7 @@ const NoMemoPagination = ({
                 as: "span",
                 className: "recordsCounter pagination__deleteLabels",
                 title: recordsCountLabel,
-                children: recordsCount !== -1 && `${window.GNR_TOT_RECORDS}: ${recordsCount} `
+                children: recordsCount !== -1 && `${definedLabels.totalRecords}: ${recordsCount} `
               }
             )
           ] })
@@ -10249,11 +10288,12 @@ const NoMemoPagination = ({
             IconButton,
             {
               variant: "icon-primary",
-              disabled: disabled || internCurrentPage === 1 || isLoading || isPerforming,
-              "aria-label": window.NAV_FIRST_PAGE,
+              disabled: disabled || numberCurrentPage === 1 || isLoading || isPerforming,
+              title: definedLabels.firstPage,
+              "aria-label": definedLabels.firstPage,
               type: "button",
               onClick: () => {
-                setCurrentAndDispatch(1);
+                onPageChange(1);
               },
               icon: "First",
               iconSize: "Sm"
@@ -10263,11 +10303,12 @@ const NoMemoPagination = ({
             IconButton,
             {
               variant: "icon-primary",
-              disabled: disabled || internCurrentPage <= 1 || isLoading || isPerforming,
-              "aria-label": window.NAV_PREVIOUS_PAGE,
+              disabled: disabled || numberCurrentPage <= 1 || isLoading || isPerforming,
+              title: definedLabels.previousPage,
+              "aria-label": definedLabels.previousPage,
               type: "button",
               onClick: () => {
-                setCurrentAndDispatch(internCurrentPage - 1);
+                onPageChange(numberCurrentPage - 1);
               },
               icon: "Previous",
               iconSize: "Sm"
@@ -10278,10 +10319,10 @@ const NoMemoPagination = ({
               Input,
               {
                 className: "pagination__controls__input",
-                "aria-label": window.NAV_INPUT_LABEL,
-                title: `${window.PAGE}: ${internCurrentPage} `,
+                "aria-label": definedLabels.pageInputInstructions,
+                title: `${definedLabels.page}: ${numberCurrentPage} `,
                 ref: InputRef,
-                value: hasNoValue ? "" : internCurrentPage,
+                value: hasNoValue ? "" : numberCurrentPage,
                 onKeyDown: (ev) => {
                   const regex = /([0-9])|(Backspace)|(Tab)/;
                   if (!ev.key.match(regex)) {
@@ -10291,28 +10332,28 @@ const NoMemoPagination = ({
                   if (ev.key === "Enter") {
                     ev.stopPropagation();
                     ev.preventDefault();
-                    setCurrentAndDispatch(internCurrentPage);
+                    onPageChange(numberCurrentPage);
                   }
                 },
                 onBlur: () => {
-                  if (lastEmittedPage !== internCurrentPage) {
-                    setCurrentAndDispatch(internCurrentPage);
-                  }
+                  onPageChange(numberCurrentPage);
                 },
                 onFocus: (ev) => {
                   ev.currentTarget.select();
                 },
                 onChange: (ev) => {
                   setHasNoValue(ev.target.value === "");
-                  setCurrentPage(
-                    Math.max(
-                      1,
-                      Math.min(
-                        noNaN(Number(ev.currentTarget.value)),
-                        pageCount
+                  if (ev.target.value !== "") {
+                    onPageChange(
+                      Math.max(
+                        1,
+                        Math.min(
+                          noNaN(Number(ev.currentTarget.value)),
+                          pageCount
+                        )
                       )
-                    )
-                  );
+                    );
+                  }
                 },
                 disabled: disabled || isLoading || isPerforming
               }
@@ -10324,7 +10365,7 @@ const NoMemoPagination = ({
               Box,
               {
                 as: "span",
-                title: recordsCount !== -1 ? `${window.GNR_TOT_RECORDS} ${recordsCount}` : window.NAV_INPUT_LABEL,
+                title: recordsCount !== -1 ? `${definedLabels.totalRecords} ${recordsCount}` : definedLabels.pageInputInstructions,
                 children: pageCount
               }
             )
@@ -10333,9 +10374,9 @@ const NoMemoPagination = ({
             Select,
             {
               className: "pagination__selectPage",
-              value: internCurrentPage,
+              value: numberCurrentPage,
               onChange: (e) => {
-                setCurrentAndDispatch(Number(e.target.value));
+                onPageChange(Number(e.target.value));
               },
               children: [
                 /* @__PURE__ */ jsxs("option", { disabled: true, children: [
@@ -10352,11 +10393,12 @@ const NoMemoPagination = ({
             IconButton,
             {
               variant: "icon-primary",
-              disabled: disabled || internCurrentPage >= numberPageCount || isLoading || isPerforming,
-              "aria-label": window.NAV_NEXT_PAGE,
+              disabled: disabled || numberCurrentPage >= numberPageCount || isLoading || isPerforming,
+              title: definedLabels.nextPage,
+              "aria-label": definedLabels.nextPage,
               type: "button",
               onClick: () => {
-                setCurrentAndDispatch(internCurrentPage + 1);
+                onPageChange(numberCurrentPage + 1);
               },
               icon: "Next",
               iconSize: "Sm"
@@ -10367,10 +10409,11 @@ const NoMemoPagination = ({
             {
               variant: "icon-primary",
               type: "button",
-              "aria-label": window.NAV_LAST_PAGE,
-              disabled: disabled || internCurrentPage >= numberPageCount || isLoading || isPerforming,
+              title: definedLabels.lastPage,
+              "aria-label": definedLabels.lastPage,
+              disabled: disabled || numberCurrentPage >= numberPageCount || isLoading || isPerforming,
               onClick: () => {
-                setCurrentAndDispatch(numberPageCount);
+                onPageChange(numberPageCount);
               },
               icon: "Last",
               iconSize: "Sm"
@@ -10385,7 +10428,7 @@ const NoMemoPagination = ({
               className: "pagination__deleteFiltersButton",
               onClick: onDeleteFilters,
               children: [
-                breakPoint > 3 && /* @__PURE__ */ jsx(Box, { as: "span", className: "pagination__deleteLabels", children: window.BTN_DELETE_FILTERS }),
+                breakPoint > 3 && /* @__PURE__ */ jsx(Box, { as: "span", className: "pagination__deleteLabels", children: definedLabels.deleteFilters }),
                 /* @__PURE__ */ jsx(
                   Box,
                   {
@@ -10400,7 +10443,8 @@ const NoMemoPagination = ({
           !hideRefreshButton && /* @__PURE__ */ jsx(
             IconButton,
             {
-              "aria-label": window.NAV_REFRESH,
+              title: definedLabels.refresh,
+              "aria-label": definedLabels.refresh,
               onClick: () => onRefresh(numberCurrentPage),
               icon: "Refresh",
               iconSize: "Md",
@@ -10675,9 +10719,7 @@ const HamburguerMenu = ({
         const bounding = document.querySelector(container).getBoundingClientRect();
         if (!hamburguerRef || bounding.height === 0)
           return;
-        const hamburguerHeight = Number(
-          hamburguerRef.querySelector(".hamburguerIcon").clientHeight
-        );
+        const hamburguerHeight = 40;
         const hamburguerTop = bounding.top + bounding.height / 2 - hamburguerHeight / 2 + window.scrollY;
         const shouldOpenBelow = bounding.top <= window.innerHeight / 3;
         const menuTop = shouldOpenBelow ? hamburguerTop + hamburguerHeight + 10 : 10;
@@ -10725,7 +10767,7 @@ const HamburguerMenu = ({
       Box,
       {
         id: "HamburguerIconWrapper",
-        className: "HamburguerIconWrapper",
+        className: `HamburguerIconWrapper ${forceVisibility ? "forced" : ""}`,
         ref: setHamburguerRef,
         as: "aside",
         "aria-label": window.LBL_OPTIONS_VAR,
@@ -11912,5 +11954,5 @@ const _FiltersStore = class _FiltersStore {
 __publicField(_FiltersStore, "instance", new _FiltersStore());
 let FiltersStore = _FiltersStore;
 
-export { Accordion, AccordionAside, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, Aside, AsideLoader, AsidePanel, AutoEllipsis, Autocomplete, AutocompleteController, AutogrowTextarea, AutoscrollContainer, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, ChatController, ChatMessage, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FloatingChatController, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, Modal, NumberInput, Overlay, Pagination, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isFavoriteIcon, isImage, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
+export { Accordion, AccordionAside, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, Aside, AsideLoader, AsidePanel, AutoEllipsis, Autocomplete, AutocompleteController, AutogrowTextarea, AutoscrollContainer, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, ChatController, ChatMessage, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FloatingChatController, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, LinearSpinnerLock, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, Modal, NumberInput, Overlay, Pagination, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isFavoriteIcon, isImage, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.js.map