@apia/components 4.0.50 → 4.0.60

package/LICENSE.md

@@ -0,0 +1,6 @@
+All Rights Reserved.
+
+Copyright (c) 2026 Statum
+
+This software and associated documentation files are proprietary and confidential.
+Unauthorized copying, distribution, modification, or use is strictly prohibited.

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, Ref, RefObject, DetailedHTMLProps, TextareaHTMLAttributes, ChangeEventHandler, FocusEvent, MutableRefObject, MouseEvent as MouseEvent$1, KeyboardEvent, FC, FunctionComponent, ForwardedRef, ComponentType, ReactElement } from 'react';
 import * as _apia_util from '@apia/util';
-import { IOnFocusConfiguration, TFocusRetriever, TId as TId$1, EventEmitter, StatefulEmitter, TModify, TApiaFilter, TApiaFilterValue } from '@apia/util';
+import { IOnFocusConfiguration, TFocusRetriever, TId as TId$1, EventEmitter, StatefulEmitter, TModify, TLabel, TApiaFilter, TApiaFilterValue } from '@apia/util';
 import { BoxProps, TPalette, InputProps, ThemeUIStyleObject, IconButtonProps, ButtonProps, ThemeUICSSObject, SelectProps, SwitchProps, LabelProps } from '@apia/theme';
 import { TIconName, TIconType } from '@apia/icons';
 import { Args } from 'react-cool-portal';
@@ -333,6 +333,7 @@ declare class TabsController<TabType extends TTab = TTab> {
      */
     append(tab: TabType, behavior?: TAppendBehavior): void;
     closeAll(closeFixedTabsAsWell?: boolean, force?: boolean): Promise<void>;
+    openAll(): Promise<void>;
     closeOpenTab(force?: boolean): void;
     closeToRight(targetId: string, force?: boolean): Promise<void>;
     closeToLeft(targetId: string, force?: boolean): Promise<void>;
@@ -359,7 +360,7 @@ type TabsControllerProps<TabType extends TTab> = {
     id: string;
     initialTabs?: TabType[];
     getController?: (controller: TabsController) => unknown;
-    initialState?: Pick<Partial<TTabsListState<TabType>>, 'isMultiple'>;
+    initialState?: Pick<Partial<TTabsListState<TabType>>, 'isMultiple' | 'showAtLeastOneTab' | 'allowDetach'>;
     onCloseTab?: (tan: Tab) => void;
     orientation: TOrientation;
 };
@@ -1053,6 +1054,24 @@ type TCheckbox = TModify<ButtonProps, {
 }>;
 declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<TCheckbox, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
+type TCheckboxLabel = {
+    /**
+     * Permite mostrar un mensaje de error debajo del campo
+     */
+    error?: string;
+    hideRequiredMark?: boolean;
+    label: string | TLabel;
+    /**
+     * La propiedad required se utiliza para mostrar el * de requerido.
+     *
+     * @see requiredMarkPosition
+     * @see hideRequiredMark
+     */
+    required?: boolean;
+    requiredMarkPosition?: 'before' | 'after';
+};
+declare const CheckboxLabel: React$1.ForwardRefExoticComponent<TCheckboxLabel & BoxProps & React$1.RefAttributes<HTMLDivElement>>;
+
 type TDateProps = {
     className?: string;
     disabled?: boolean;
@@ -1147,7 +1166,7 @@ type TFieldLabel = {
      */
     error?: string;
     hideRequiredMark?: boolean;
-    label: string;
+    label: string | TLabel;
     /**
      * La propiedad required se utiliza para mostrar el * de requerido.
      *
@@ -1164,7 +1183,7 @@ declare const FieldLabel: React$1.ForwardRefExoticComponent<{
      */
     error?: string;
     hideRequiredMark?: boolean;
-    label: string;
+    label: string | TLabel;
     /**
      * La propiedad required se utiliza para mostrar el * de requerido.
      *
@@ -1911,13 +1930,14 @@ declare const FileCard: React$1.ForwardRefExoticComponent<{
     };
 } & React$1.RefAttributes<unknown>>;
 
-declare const Dropzone: ({ sx, className, messageError, progress, defaultLabel, draggingLabel, onClick, onChange, handleInfoButton, }: {
+declare const Dropzone: ({ sx, className, messageError, progress, defaultLabel, draggingLabel, onClick, onChange, handleInfoButton, infoButtonProps, }: {
     sx?: ThemeUIStyleObject;
     className?: string;
     messageError?: string;
     progress?: number;
     defaultLabel?: string;
     draggingLabel?: string;
+    infoButtonProps?: any;
     onClick?: (e: MouseEvent$1) => void;
     onChange?: (e: File[]) => any;
     handleInfoButton?: (e: MouseEvent$1) => void;
@@ -2596,5 +2616,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, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAsidePanel, 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, _default as MDRenderer, Modal, ModalContext, 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, Permissions, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, SwitchCard, type TAccordionHandler, type TAccordionItemButton, type TApiaButtonType, type TApiaIconButton, 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 TModal, type TModalSize, type TNumberInput, type TNumberInputChangeEvent, type TOnClickNode, type TOnConfirmSelection, type TOnSelectionChange, type TOpenModal, type TParameterType, type TPickPoolForPermissions, type TPickUserForPermissions, 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, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isFavoriteIcon, 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, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, Checkbox, CheckboxLabel, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAsidePanel, 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, _default as MDRenderer, Modal, ModalContext, 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, Permissions, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, SwitchCard, type TAccordionHandler, type TAccordionItemButton, type TApiaButtonType, type TApiaIconButton, type TCheckbox, type TCheckboxLabel, 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 TModal, type TModalSize, type TNumberInput, type TNumberInputChangeEvent, type TOnClickNode, type TOnConfirmSelection, type TOnSelectionChange, type TOpenModal, type TParameterType, type TPickPoolForPermissions, type TPickUserForPermissions, 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, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isFavoriteIcon, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -7,7 +7,7 @@ import { uniqueId as uniqueId$3, cloneDeep, isFunction as isFunction$1 } from 'l
 import { Box, getVariant, useBreakpointIndex, Close, responsive, spacing, Heading, Link, Button, Spinner, createElement, Select, Input, Flex, IconButton as IconButton$1, Image, injectStyles, focusOutline, makeStyledComponent, useThemeUI, Label as Label$1, Progress, Grid, Paragraph, Container, Switch, Textarea } from '@apia/theme';
 import { BarLoader } from 'react-spinners';
 import uniqueId$2 from 'lodash-es/uniqueId';
-import { findScrollContainer, useUpdateEffect, focus, focusSelector, getFocusSelector, addBoundary, useCombinedRefs, usePrevious, getLabel, isChild, EventEmitter, useUnmount, useMount, StatefulEmitter, shallowEqual as shallowEqual$1, getSpecificParent, uniqueId as uniqueId$4, getDateFormat, customEvents, persistentStorage, disableChildrenFocus, enableChildrenFocus, decodeHTMLEntities, useDebouncedCallback, getIndex, noNaN, useLatest, useSubscription, toBoolean, useMatchScrollDirection, arrayOrArray } from '@apia/util';
+import { findScrollContainer, useUpdateEffect, focus, focusSelector, getFocusSelector, addBoundary, useCombinedRefs, usePrevious, getLabel, isChild, EventEmitter, useUnmount, useMount, StatefulEmitter, shallowEqual as shallowEqual$1, getSpecificParent, getLabelTooltip, getLabelName, uniqueId as uniqueId$4, getDateFormat, customEvents, persistentStorage, disableChildrenFocus, enableChildrenFocus, decodeHTMLEntities, useDebouncedCallback, getIndex, noNaN, useLatest, useSubscription, toBoolean, useMatchScrollDirection, arrayOrArray } from '@apia/util';
 import usePortal from 'react-cool-portal';
 import { CSSTransition } from 'react-transition-group';
 import { uniqueId as uniqueId$1, defaultNotifier, NotificationsList } from '@apia/notifications';
@@ -1892,8 +1892,8 @@ const Confirm = ({
   if (!showsCancelButton && showsConfirmButton) {
     confirmText = confirmText || getLabel("btnClose").text;
   } else if (showsConfirmButton) {
-    confirmText = getLabel("btnCon").text;
-    cancelText = getLabel("btnCan").text;
+    confirmText = confirmText || getLabel("btnCon").text;
+    cancelText = cancelText || getLabel("btnCan").text;
   }
   return /* @__PURE__ */ jsxs(
     Box,
@@ -3488,8 +3488,8 @@ _timeout = new WeakMap();
 const SearchBox = observer((props) => {
   const handler = useAutocompleteContext();
   const breakpoint = useBreakpointIndex();
-  const inputRef = useRef(null);
-  return /* @__PURE__ */ jsxs(Box, { className: "autocomplete__inputWrapper", children: [
+  const boxRef = useRef(null);
+  return /* @__PURE__ */ jsxs(Box, { className: "autocomplete__inputWrapper", ref: boxRef, children: [
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -3512,13 +3512,12 @@ const SearchBox = observer((props) => {
         Input,
         {
           ...props,
-          ref: inputRef,
           className: `autocomplete__search ${handler.state.disabled ? "disabled" : ""} ${handler.state.readOnly ? "readOnly" : ""}`,
           onChange: async (ev) => {
             handler.search(ev.target.value);
           },
           onClick: () => {
-            handler.state.width = inputRef.current?.getBoundingClientRect().width ?? handler.state.width;
+            handler.state.width = boxRef.current?.getBoundingClientRect().width ?? handler.state.width;
             handler.toggleOpen();
           },
           onFocus: (ev) => {
@@ -4019,6 +4018,93 @@ const Checkbox$1 = forwardRef(
 );
 Checkbox$1.displayName = "Checkbox";
 
+const RequiredMark = ({
+  isFormReadonly = false,
+  isRequired = false,
+  isReadonly = false,
+  sx,
+  style,
+  ...rest
+}) => {
+  const mergedSx = {
+    color: "palette.error.main",
+    fontWeight: "bold",
+    ...sx ?? style ?? {}
+  };
+  if (!isRequired || isReadonly || isFormReadonly)
+    return null;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "span",
+      sx: mergedSx,
+      className: "requiredMark",
+      title: getLabel("msgReqField").text,
+      ...rest,
+      children: "*"
+    }
+  );
+};
+
+injectStyles("layout.common.components.checkboxLabel", {
+  display: "flex",
+  flexDirection: "column",
+  gap: 1,
+  ".checkboxLabel__label": {
+    fontWeight: "bold"
+  }
+});
+const CheckboxLabel = forwardRef(
+  ({
+    as,
+    children,
+    error,
+    hideRequiredMark,
+    label,
+    required,
+    requiredMarkPosition = "after",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        as: as ?? "label",
+        ...props,
+        className: `checkboxLabel ${props.className ?? ""} ${error ? "field__withError" : ""}`,
+        ...getVariant("layout.common.components.checkboxLabel"),
+        "aria-label": props["aria-label"] ?? getLabelTooltip(label),
+        ref,
+        children: [
+          /* @__PURE__ */ jsxs(Box, { className: "label_row", children: [
+            children,
+            /* @__PURE__ */ jsxs(Box, { className: `checkboxLabel__label`, children: [
+              requiredMarkPosition === "before" && /* @__PURE__ */ jsx(
+                RequiredMark,
+                {
+                  isRequired: required,
+                  isReadonly: hideRequiredMark,
+                  isFormReadonly: hideRequiredMark
+                }
+              ),
+              getLabelName(label),
+              requiredMarkPosition === "after" && /* @__PURE__ */ jsx(
+                RequiredMark,
+                {
+                  isRequired: required,
+                  isReadonly: hideRequiredMark,
+                  isFormReadonly: hideRequiredMark
+                }
+              )
+            ] })
+          ] }),
+          error && /* @__PURE__ */ jsx(Box, { className: "checkboxLabel__error", children: error })
+        ]
+      }
+    );
+  }
+);
+CheckboxLabel.displayName = "CheckboxLabel";
+
 const IconInput = ({
   additionalButtons,
   additionalButtonsPosition = "before",
@@ -4134,7 +4220,7 @@ const getMaskForDateFormat = () => {
   return "99/99/9999";
 };
 class DateInputController {
-  constructor(actualId) {
+  constructor() {
     __publicField$c(this, "props", {});
     __publicField$c(this, "state", {});
     __publicField$c(this, "_ref", null);
@@ -4142,22 +4228,26 @@ class DateInputController {
     __publicField$c(this, "inputValue", "");
     __publicField$c(this, "value", null);
     __publicField$c(this, "previousValue", "");
-    this.props.id = uniqueId$4(actualId ?? "date-input");
+    this.props.id = uniqueId$4("date-input");
     makeAutoObservable(this);
   }
   clear() {
-    this.setValueFromString("");
-    this.focus();
+    if (!this.state.disabled) {
+      this.setValueFromString("");
+      this.focus();
+    }
   }
   focus() {
-    const input = this._ref?.querySelector("input");
-    if (input) {
-      input.focus();
-      setTimeout(() => {
-        window.requestAnimationFrame(() => {
-          input.setSelectionRange(0, input.value.length);
-        });
-      }, 0);
+    if (!this.state.disabled) {
+      const input = this._ref?.querySelector("input");
+      if (input) {
+        input.focus();
+        setTimeout(() => {
+          window.requestAnimationFrame(() => {
+            input.setSelectionRange(0, input.value.length);
+          });
+        }, 0);
+      }
     }
   }
   ref(el) {
@@ -4172,13 +4262,15 @@ class DateInputController {
     );
   }
   onBlur(ev) {
-    if (!this.isInsidePicker(ev.relatedTarget)) {
-      if (this.error) {
-        this.inputValue = "";
-        this.value = null;
-        this.error = false;
+    if (!this.state.disabled) {
+      if (!this.isInsidePicker(ev.relatedTarget)) {
+        if (this.error) {
+          this.inputValue = "";
+          this.value = null;
+          this.error = false;
+        }
+        this.props.onBlur?.(this.inputValue, ev);
       }
-      this.props.onBlur?.(this.inputValue, ev);
     }
   }
   onInputChange(ev) {
@@ -4188,76 +4280,82 @@ class DateInputController {
     this.setValue(value);
   }
   openCalendar(ev) {
-    const tooltip = ApiaUtil.instance.tooltips.open({
-      attachToElement() {
-        return ev.target.closest("button");
-      },
-      attachToElementAnchorPoint: "center",
-      closeOnClick: false,
-      closeOnClickOut: true,
-      closeOnEscape: true,
-      closeOnMouseLeaveTooltip: false,
-      closeOnMouseLeaveAttachedElement: false,
-      closeOnScrollOut: true,
-      children: /* @__PURE__ */ jsx("div", { id: this.calendarElementId, children: /* @__PURE__ */ jsx(
-        CalModal,
-        {
-          calValue: this.value || /* @__PURE__ */ new Date(),
-          locale: DEFAULT_LOCALE,
-          handleClickDay: (date) => {
-            tooltip.close();
-            this.onCalendarSelect(date);
-            this.focus();
+    if (!this.state.disabled) {
+      const tooltip = ApiaUtil.instance.tooltips.open({
+        attachToElement() {
+          return ev.target.closest("button");
+        },
+        attachToElementAnchorPoint: "center",
+        closeOnClick: false,
+        closeOnClickOut: true,
+        closeOnEscape: true,
+        closeOnMouseLeaveTooltip: false,
+        closeOnMouseLeaveAttachedElement: false,
+        closeOnScrollOut: true,
+        children: /* @__PURE__ */ jsx("div", { id: this.calendarElementId, children: /* @__PURE__ */ jsx(
+          CalModal,
+          {
+            calValue: this.value || /* @__PURE__ */ new Date(),
+            locale: DEFAULT_LOCALE,
+            handleClickDay: (date) => {
+              tooltip.close();
+              this.onCalendarSelect(date);
+              this.focus();
+            }
           }
+        ) }),
+        initialFocusGetter(el) {
+          return el.querySelector(`.react-calendar__tile--active`);
+        },
+        minSize: { width: 350, height: 310 },
+        onClose: () => {
+          window.requestAnimationFrame(() => {
+            if (!this.isInsidePicker(document.activeElement)) {
+              this.props.onBlur?.(this.inputValue);
+            }
+          });
         }
-      ) }),
-      initialFocusGetter(el) {
-        return el.querySelector(`.react-calendar__tile--active`);
-      },
-      minSize: { width: 350, height: 310 },
-      onClose: () => {
-        window.requestAnimationFrame(() => {
-          if (!this.isInsidePicker(document.activeElement)) {
-            this.props.onBlur?.(this.inputValue);
-          }
-        });
-      }
-    });
+      });
+    }
   }
   setValueFromString(str, fire = true) {
-    if (str === "" || str.replaceAll("_", "9") === getMaskForDateFormat()) {
-      this.inputValue = "";
-      this.setValue(null, fire);
-    } else if (str !== this.inputValue) {
-      const hasPlaceHolder = str.match(/_/);
-      if (!hasPlaceHolder) {
-        const value = dayjs(str, dateFormat);
-        const formattedDate = value.format(dateFormat);
-        if (value.isValid() && formattedDate === str) {
-          this.setValue(value.toDate(), fire);
+    if (!this.state.disabled) {
+      if (str === "" || str.replaceAll("_", "9") === getMaskForDateFormat()) {
+        this.inputValue = "";
+        this.setValue(null, fire);
+      } else if (str !== this.inputValue) {
+        const hasPlaceHolder = str.match(/_/);
+        if (!hasPlaceHolder) {
+          const value = dayjs(str, dateFormat);
+          const formattedDate = value.format(dateFormat);
+          if (value.isValid() && formattedDate === str) {
+            this.setValue(value.toDate(), fire);
+          } else {
+            this.inputValue = str;
+            this.props.onError?.(getLabel("msgInvalidDate").text);
+            this.error = true;
+          }
         } else {
           this.inputValue = str;
-          this.props.onError?.(getLabel("msgInvalidDate").text);
-          this.error = true;
         }
-      } else {
-        this.inputValue = str;
       }
     }
   }
   async setValue(date, fire = true) {
-    this.error = false;
-    if (date !== this.value) {
-      const dateValue = dayjs(date);
-      const newValue = dateValue.isValid() ? dateValue.format(dateFormat) : "";
-      const res = fire ? await this.props.onChange?.(newValue) : null;
-      this.inputValue = newValue || "";
-      if (typeof res !== "string") {
-        this.value = date;
-      } else {
-        this.error = true;
-        this.value = null;
-        this.props.onError?.(res);
+    if (!this.state.disabled) {
+      this.error = false;
+      if (date !== this.value) {
+        const dateValue = dayjs(date);
+        const newValue = dateValue.isValid() ? dateValue.format(dateFormat) : "";
+        const res = fire ? await this.props.onChange?.(newValue) : null;
+        this.inputValue = newValue || "";
+        if (typeof res !== "string") {
+          this.value = date;
+        } else {
+          this.error = true;
+          this.value = null;
+          this.props.onError?.(res);
+        }
       }
     }
   }
@@ -4290,10 +4388,7 @@ const DateInput = observer(
     value: outerValue,
     props
   }) => {
-    const controller = useMemo(
-      () => new DateInputController(outerId),
-      [outerId]
-    );
+    const controller = useMemo(() => new DateInputController(), []);
     controller.render({
       className,
       disabled,
@@ -4317,7 +4412,7 @@ const DateInput = observer(
         children: /* @__PURE__ */ jsx(
           IconInput,
           {
-            additionalButtons: controller.inputValue && getMaskForDateFormat().replaceAll("9", DEFAULT_MASK_PLACEHOLDER) !== controller.inputValue ? /* @__PURE__ */ jsx(
+            additionalButtons: controller.inputValue && getMaskForDateFormat().replaceAll("9", DEFAULT_MASK_PLACEHOLDER) !== controller.inputValue && !disabled ? /* @__PURE__ */ jsx(
               Close,
               {
                 as: "button",
@@ -4335,8 +4430,6 @@ const DateInput = observer(
               disabled,
               onChange: controller.onInputChange.bind(controller),
               value: controller.inputValue,
-              id: outerId,
-              name: outerId,
               ...props
             },
             mask: getMaskForDateFormat(),
@@ -4521,34 +4614,6 @@ const NumberInput = React__default.forwardRef(
   }
 );
 
-const RequiredMark = ({
-  isFormReadonly = false,
-  isRequired = false,
-  isReadonly = false,
-  sx,
-  style,
-  ...rest
-}) => {
-  const mergedSx = {
-    color: "palette.error.main",
-    fontWeight: "bold",
-    ...sx ?? style ?? {}
-  };
-  if (!isRequired || isReadonly || isFormReadonly)
-    return null;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      as: "span",
-      sx: mergedSx,
-      className: "requiredMark",
-      title: getLabel("msgReqField").text,
-      ...rest,
-      children: "*"
-    }
-  );
-};
-
 const getFieldErrorStyles = (isValid) => {
   return {
     borderLeftStyle: !isValid ? "solid" : null,
@@ -4591,7 +4656,7 @@ const FieldLabel = forwardRef(
         ...props,
         className: `fieldLabel ${props.className ?? ""}`,
         ...getVariant("layout.common.components.fieldLabel"),
-        "aria-label": props["aria-label"] ?? label,
+        "aria-label": props["aria-label"] ?? getLabelTooltip(label),
         ref,
         children: [
           /* @__PURE__ */ jsxs(Box, { className: "fieldLabel__label", children: [
@@ -4603,7 +4668,7 @@ const FieldLabel = forwardRef(
                 isFormReadonly: hideRequiredMark
               }
             ),
-            label,
+            getLabelName(label),
             requiredMarkPosition === "after" && /* @__PURE__ */ jsx(
               RequiredMark,
               {
@@ -7650,7 +7715,8 @@ const Dropzone = ({
   draggingLabel = getLabel("lblDroping").text,
   onClick,
   onChange,
-  handleInfoButton
+  handleInfoButton,
+  infoButtonProps
 }) => {
   const innerSx = messageError ? { borderLeft: "2px solid", borderColor: "danger" } : {};
   const fileInputRef = useRef(null);
@@ -7724,6 +7790,7 @@ const Dropzone = ({
         handleInfoButton && /* @__PURE__ */ jsx(
           IconButton,
           {
+            ...infoButtonProps,
             className: "info",
             iconSize: "Sm",
             icon: "Info",
@@ -9147,10 +9214,15 @@ const DefaultTabsLabelRenderer = observer(
     );
     const handleMouseDown = React__default.useCallback(
       (ev) => {
+        if (ev.shiftKey && ev.button === 0) {
+          tab.controller.openAll();
+          return;
+        }
         if (ev.button === 1) {
           tab.close();
-        } else if (ev.button === 0)
+        } else if (ev.button === 0) {
           tab.open();
+        }
       },
       [tab]
     );
@@ -9510,6 +9582,13 @@ class TabsController {
       }
     }
   }
+  async openAll() {
+    for (const tab of this.tabsList) {
+      if (!tab.state.isFixed) {
+        tab.open(false);
+      }
+    }
+  }
   closeOpenTab(force) {
     const openTab = this.activeTab;
     openTab?.close(force);
@@ -10321,7 +10400,7 @@ class Parameter {
     this.state.values = this.getValues().filter((x) => !!x && x !== value);
   }
   asPayloadElement() {
-    return this.state.type === "label" ? null : toJS(this.state.values);
+    return this.state.type === "label" ? null : toJS(this.state.values.filter((x) => !!x));
   }
   includes(value) {
     return this.state.values.includes(value);
@@ -10371,7 +10450,8 @@ const ParameterRender = observer(
                 onChange: (ev) => {
                   parameter.setValue(ev.target.value, index);
                 },
-                value: parameter.state.values[index] ?? ""
+                value: parameter.state.values[index] ?? "",
+                className: parameter.state.validationError ? "requiredFilter__Border" : ""
               }
             ),
             error
@@ -10407,7 +10487,8 @@ const ParameterRender = observer(
                     index
                   );
                 },
-                value: parameter.state.values.join("")
+                value: parameter.state.values.join(""),
+                className: parameter.state.validationError ? "requiredFilter__Border" : ""
               }
             ),
             error
@@ -10430,7 +10511,8 @@ const ParameterRender = observer(
                 onChange: (ev) => {
                   parameter.setValue(String(ev.target.checked), index);
                 },
-                checked: parameter.state.values[index] === "true"
+                checked: parameter.state.values[index] === "true",
+                className: parameter.state.validationError ? "requiredFilter__Border" : ""
               }
             ),
             error
@@ -10454,6 +10536,7 @@ const ParameterRender = observer(
                   parameter.setValue(ev.target.value, index);
                 },
                 value: parameter.state.values[index],
+                className: parameter.state.validationError ? "requiredFilter__Border" : "",
                 children: arrayOrArray(parameter.state.possibleValues).map((c) => /* @__PURE__ */ jsx("option", { value: c.value, children: c.text }))
               }
             ),
@@ -11335,5 +11418,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, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, LinearSpinnerLock, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, index as MDRenderer, Modal, ModalContext, NumberInput, Overlay, Pagination, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, Permissions, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, SwitchCard, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isFavoriteIcon, 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, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, Checkbox$1 as Checkbox, CheckboxLabel, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, LinearSpinnerLock, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, index as MDRenderer, Modal, ModalContext, NumberInput, Overlay, Pagination, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, Permissions, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, SwitchCard, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isFavoriteIcon, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.js.map