@m4l/components 9.3.35-JT27112025.beta.1 → 9.3.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/@types/types.d.ts +9 -1
  2. package/components/AccountPopover/slots/AccountPopoverSlots.d.ts +3 -3
  3. package/components/ActionsGroup/ActionsGroup.d.ts +5 -0
  4. package/components/ActionsGroup/ActionsGroup.js +40 -0
  5. package/components/ActionsGroup/ActionsGroup.styles.d.ts +2 -0
  6. package/components/ActionsGroup/ActionsGroup.styles.js +95 -0
  7. package/components/ActionsGroup/constants.d.ts +2 -0
  8. package/components/ActionsGroup/constants.js +8 -0
  9. package/components/ActionsGroup/icons.d.ts +3 -0
  10. package/components/ActionsGroup/icons.js +6 -0
  11. package/components/ActionsGroup/index.d.ts +1 -0
  12. package/components/ActionsGroup/slots/ActionsGroupEnum.d.ts +8 -0
  13. package/components/ActionsGroup/slots/ActionsGroupEnum.js +12 -0
  14. package/components/ActionsGroup/slots/ActionsGroupSlots.d.ts +15 -0
  15. package/components/ActionsGroup/slots/ActionsGroupSlots.js +35 -0
  16. package/components/ActionsGroup/subcomponents/ActionIconButton/ActionIconButton.d.ts +6 -0
  17. package/components/ActionsGroup/subcomponents/ActionIconButton/ActionIconButton.js +76 -0
  18. package/components/ActionsGroup/subcomponents/ActionIconButton/types.d.ts +7 -0
  19. package/components/ActionsGroup/types.d.ts +60 -0
  20. package/components/Chip/slots/ChipSlots.d.ts +1 -1
  21. package/components/DataGrid/contexts/DataGridContext/index.js +268 -39
  22. package/components/DataGrid/contexts/DataGridContext/types.d.ts +20 -3
  23. package/components/DataGrid/index.d.ts +4 -5
  24. package/components/EditLabel/slots/EditLabelSlots.d.ts +1 -1
  25. package/components/HelperError/slots/HelperErrorSlots.d.ts +1 -1
  26. package/components/ImageText/slots/ImageTextSlots.d.ts +2 -2
  27. package/components/Label/index.d.ts +1 -1
  28. package/components/Label/slots/LabelSlots.d.ts +2 -2
  29. package/components/Label/types.d.ts +6 -0
  30. package/components/LoadingError/slots/LoadingErrorSlots.d.ts +1 -1
  31. package/components/Pager/slots/PagerSlots.d.ts +3 -3
  32. package/components/PaperForm/slots/PaperFormSlots.d.ts +1 -1
  33. package/components/SettingsLayout/slots/SettingsLayoutSlots.d.ts +1 -1
  34. package/components/Stepper/slots/StepperSlot.d.ts +4 -4
  35. package/components/TabsNavigator/slots/TabsNavigatorSlots.d.ts +12 -12
  36. package/components/ToastContainer/slots/toastContainerSlots.d.ts +2 -2
  37. package/components/WindowBase/WindowBase.styles.js +8 -0
  38. package/components/WindowBase/slots/WindowBaseSlots.d.ts +2 -2
  39. package/components/WindowBase/subcomponents/Header/useButtonActions.js +23 -13
  40. package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.d.ts +1 -1
  41. package/components/formatters/BooleanFormatter/slots/BooleanFormatterSlots.d.ts +1 -1
  42. package/components/formatters/ConcatenatedFormatter/slots/ConcatenatedFormatterSlots.d.ts +1 -1
  43. package/components/formatters/DateFormatter/slots/DateFormatterSlots.d.ts +1 -1
  44. package/components/formatters/DistanceToNowFormatter/slots/DistanceToNowFormatterSlots.d.ts +1 -1
  45. package/components/formatters/ImageFormatter/slots/ImageFormatterSlots.d.ts +1 -1
  46. package/components/formatters/PeriodFormatter/slots/PeriodFormatterSlots.d.ts +1 -1
  47. package/components/formatters/PointsFormatter/slots/ointsFormatterSlots.d.ts +1 -1
  48. package/components/formatters/PriceFormatter/slots/PriceFormatterSlots.d.ts +1 -1
  49. package/components/formatters/UncertaintyFormatter/slots/UncertaintyFormatterSlots.d.ts +1 -1
  50. package/components/hook-form/RHFActionsGroup/RHFActionsGroup.d.ts +7 -0
  51. package/components/hook-form/RHFActionsGroup/RHFActionsGroup.js +87 -0
  52. package/components/hook-form/RHFActionsGroup/RHFActionsGroupStyles.d.ts +2 -0
  53. package/components/hook-form/RHFActionsGroup/RHFActionsGroupStyles.js +14 -0
  54. package/components/hook-form/RHFActionsGroup/constants.d.ts +9 -0
  55. package/components/hook-form/RHFActionsGroup/constants.js +8 -0
  56. package/components/hook-form/RHFActionsGroup/index.d.ts +2 -0
  57. package/components/hook-form/RHFActionsGroup/slots/RHFActionsGroupEnum.d.ts +3 -0
  58. package/components/hook-form/RHFActionsGroup/slots/RHFActionsGroupEnum.js +7 -0
  59. package/components/hook-form/RHFActionsGroup/slots/RHFActionsGroupSlots.d.ts +1 -0
  60. package/components/hook-form/RHFActionsGroup/slots/RHFActionsGroupSlots.js +11 -0
  61. package/components/hook-form/RHFActionsGroup/slots/index.d.ts +2 -0
  62. package/components/hook-form/RHFActionsGroup/tests/common.d.ts +28 -0
  63. package/components/hook-form/RHFActionsGroup/types.d.ts +54 -0
  64. package/components/hook-form/RHFUpload/RHFUploadImage/slots/RHFUploadImageSlots.d.ts +1 -1
  65. package/components/hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileSlots.d.ts +5 -5
  66. package/components/hook-form/index.d.ts +1 -0
  67. package/components/index.d.ts +1 -0
  68. package/components/mui_extended/Accordion/slots/AccordionSlots.d.ts +1 -1
  69. package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts +2 -2
  70. package/components/mui_extended/Button/slots/ButtonSlots.d.ts +1 -1
  71. package/components/mui_extended/CheckBox/slots/CheckBoxSlots.d.ts +1 -1
  72. package/components/mui_extended/MenuItem/slots/MenuItemSlots.d.ts +1 -1
  73. package/components/mui_extended/NavLink/slots/NavLinkSlots.d.ts +1 -1
  74. package/components/mui_extended/Select/slots/SelectSlots.d.ts +3 -3
  75. package/components/mui_extended/Tab/Slots/TabSlots.d.ts +1 -1
  76. package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts +3 -3
  77. package/components/mui_extended/Tooltip/Tooltip.styles.js +22 -4
  78. package/hooks/useDataGridPersistence/constants.d.ts +0 -1
  79. package/hooks/useDataGridPersistence/constants.js +2 -4
  80. package/hooks/useDataGridPersistence/useDataGridPersistence.js +2 -5
  81. package/index.js +34 -30
  82. package/package.json +1 -1
  83. package/components/DataGrid/helpers/getAllViewModes/getAllViewModes.d.ts +0 -19
  84. package/components/DataGrid/helpers/getAllViewModes/getAllViewModes.js +0 -6
  85. package/components/DataGrid/helpers/getAllViewModes/index.d.ts +0 -1
  86. package/components/DataGrid/helpers/getColumnsWidth/getColumnsWidth.d.ts +0 -47
  87. package/components/DataGrid/helpers/getColumnsWidth/getColumnsWidth.js +0 -32
  88. package/components/DataGrid/helpers/getColumnsWidth/index.d.ts +0 -1
  89. package/components/DataGrid/helpers/getIndexRowHeightVariant/getIndexRowHeightVariant.d.ts +0 -24
  90. package/components/DataGrid/helpers/getIndexRowHeightVariant/getIndexRowHeightVariant.js +0 -12
  91. package/components/DataGrid/helpers/getIndexRowHeightVariant/getIndexRowHeightVariant.test.d.ts +0 -1
  92. package/components/DataGrid/helpers/getIndexRowHeightVariant/index.d.ts +0 -1
  93. package/components/DataGrid/helpers/getInitialColumnsConfig/getInitialColumnsConfig.d.ts +0 -48
  94. package/components/DataGrid/helpers/getInitialColumnsConfig/getInitialColumnsConfig.js +0 -35
  95. package/components/DataGrid/helpers/getInitialColumnsConfig/getInitialColumnsConfig.test.d.ts +0 -1
  96. package/components/DataGrid/helpers/getInitialColumnsConfig/index.d.ts +0 -1
  97. package/components/DataGrid/helpers/getInitialColumnsConfig/index.js +0 -1
  98. package/components/DataGrid/helpers/getViewSpecificConfig/getViewSpecificConfig.d.ts +0 -28
  99. package/components/DataGrid/helpers/getViewSpecificConfig/getViewSpecificConfig.js +0 -22
  100. package/components/DataGrid/helpers/getViewSpecificConfig/getViewSpecificConfig.test.d.ts +0 -1
  101. package/components/DataGrid/helpers/getViewSpecificConfig/index.d.ts +0 -1
  102. package/components/DataGrid/helpers/getViewSpecificConfig/index.js +0 -1
  103. package/components/DataGrid/helpers/getViewSuffix/getViewSuffix.d.ts +0 -24
  104. package/components/DataGrid/helpers/getViewSuffix/getViewSuffix.js +0 -9
  105. package/components/DataGrid/helpers/getViewSuffix/getViewSuffix.test.d.ts +0 -1
  106. package/components/DataGrid/helpers/getViewSuffix/index.d.ts +0 -1
  107. package/components/DataGrid/helpers/getViewSuffix/index.js +0 -1
  108. package/components/DataGrid/helpers/index.d.ts +0 -12
  109. package/components/DataGrid/helpers/index.js +0 -1
  110. package/components/DataGrid/helpers/loadViewConfig/index.d.ts +0 -1
  111. package/components/DataGrid/helpers/loadViewConfig/index.js +0 -1
  112. package/components/DataGrid/helpers/loadViewConfig/loadViewConfig.d.ts +0 -23
  113. package/components/DataGrid/helpers/loadViewConfig/loadViewConfig.js +0 -12
  114. package/components/DataGrid/helpers/loadViewConfig/loadViewConfig.test.d.ts +0 -1
  115. package/components/DataGrid/helpers/saveColumnsWidth/index.d.ts +0 -1
  116. package/components/DataGrid/helpers/saveColumnsWidth/index.js +0 -1
  117. package/components/DataGrid/helpers/saveColumnsWidth/saveColumnsWidth.d.ts +0 -52
  118. package/components/DataGrid/helpers/saveColumnsWidth/saveColumnsWidth.js +0 -18
  119. package/components/DataGrid/helpers/saveColumnsWidth/saveColumnsWidth.test.d.ts +0 -1
  120. package/components/DataGrid/helpers/saveViewConfig/index.d.ts +0 -1
  121. package/components/DataGrid/helpers/saveViewConfig/index.js +0 -1
  122. package/components/DataGrid/helpers/saveViewConfig/saveViewConfig.d.ts +0 -35
  123. package/components/DataGrid/helpers/saveViewConfig/saveViewConfig.js +0 -15
  124. package/components/DataGrid/helpers/saveViewConfig/saveViewConfig.test.d.ts +0 -1
  125. package/components/DataGrid/helpers/saveViewMode/index.d.ts +0 -1
  126. package/components/DataGrid/helpers/saveViewMode/index.js +0 -1
  127. package/components/DataGrid/helpers/saveViewMode/saveViewMode.d.ts +0 -33
  128. package/components/DataGrid/helpers/saveViewMode/saveViewMode.js +0 -13
  129. package/components/DataGrid/helpers/saveViewMode/saveViewMode.test.d.ts +0 -1
  130. package/components/DataGrid/hooks/index.d.ts +0 -6
  131. package/components/DataGrid/hooks/index.js +0 -1
  132. package/components/DataGrid/hooks/useChangeColumnsConfig/index.d.ts +0 -1
  133. package/components/DataGrid/hooks/useChangeColumnsConfig/index.js +0 -1
  134. package/components/DataGrid/hooks/useChangeColumnsConfig/useChangeColumnsConfig.d.ts +0 -9
  135. package/components/DataGrid/hooks/useChangeColumnsConfig/useChangeColumnsConfig.js +0 -27
  136. package/components/DataGrid/hooks/useChangeColumnsConfig/useChangeColumnsConfig.test.d.ts +0 -1
  137. package/components/DataGrid/hooks/useChangeColumnsOrder/index.d.ts +0 -1
  138. package/components/DataGrid/hooks/useChangeColumnsOrder/index.js +0 -1
  139. package/components/DataGrid/hooks/useChangeColumnsOrder/useChangeColumnsOrder.d.ts +0 -10
  140. package/components/DataGrid/hooks/useChangeColumnsOrder/useChangeColumnsOrder.js +0 -34
  141. package/components/DataGrid/hooks/useChangeColumnsOrder/useChangeColumnsOrder.test.d.ts +0 -1
  142. package/components/DataGrid/hooks/useColumnsWidth/index.d.ts +0 -1
  143. package/components/DataGrid/hooks/useColumnsWidth/index.js +0 -1
  144. package/components/DataGrid/hooks/useColumnsWidth/useColumnsWidth.d.ts +0 -11
  145. package/components/DataGrid/hooks/useColumnsWidth/useColumnsWidth.js +0 -29
  146. package/components/DataGrid/hooks/useColumnsWidth/useColumnsWidth.test.d.ts +0 -1
  147. package/components/DataGrid/hooks/useRowHeight/index.d.ts +0 -1
  148. package/components/DataGrid/hooks/useRowHeight/index.js +0 -1
  149. package/components/DataGrid/hooks/useRowHeight/useRowHeight.d.ts +0 -28
  150. package/components/DataGrid/hooks/useRowHeight/useRowHeight.js +0 -51
  151. package/components/DataGrid/hooks/useRowHeight/useRowHeight.test.d.ts +0 -1
  152. package/components/DataGrid/hooks/useViewConfig/index.d.ts +0 -1
  153. package/components/DataGrid/hooks/useViewConfig/index.js +0 -1
  154. package/components/DataGrid/hooks/useViewConfig/useViewConfig.d.ts +0 -9
  155. package/components/DataGrid/hooks/useViewConfig/useViewConfig.js +0 -30
  156. package/components/DataGrid/hooks/useViewConfig/useViewConfig.test.d.ts +0 -1
  157. package/components/DataGrid/hooks/useViewMode/index.d.ts +0 -1
  158. package/components/DataGrid/hooks/useViewMode/index.js +0 -1
  159. package/components/DataGrid/hooks/useViewMode/useViewMode.d.ts +0 -44
  160. package/components/DataGrid/hooks/useViewMode/useViewMode.js +0 -48
  161. package/components/DataGrid/hooks/useViewMode/useViewMode.test.d.ts +0 -1
  162. package/components/DataGrid/types.helpers.d.ts +0 -55
  163. package/components/DataGrid/types.helpers.js +0 -1
  164. package/components/DataGrid/types.hooks.d.ts +0 -79
  165. /package/components/{DataGrid/helpers/getAllViewModes/getAllViewModes.test.d.ts → ActionsGroup/__tests__/ActionsGroup.test.d.ts} +0 -0
  166. /package/components/{DataGrid/helpers/getAllViewModes → ActionsGroup}/index.js +0 -0
  167. /package/components/{DataGrid/helpers/getColumnsWidth → hook-form/RHFActionsGroup}/index.js +0 -0
  168. /package/components/{DataGrid/helpers/getIndexRowHeightVariant → hook-form/RHFActionsGroup/slots}/index.js +0 -0
  169. /package/components/{DataGrid/helpers/getColumnsWidth/getColumnsWidth.test.d.ts → hook-form/RHFActionsGroup/tests/RHFActionsGroup.test.d.ts} +0 -0
@@ -0,0 +1,60 @@
1
+ import { M4LOverridesStyleRules } from '../../@types/augmentations';
2
+ import { ActionsGroupSlots } from './slots/ActionsGroupEnum';
3
+ import { ACTIONS_GROUP_KEY_COMPONENT } from './constants';
4
+ import { Theme } from '@mui/material';
5
+ import { Sizes } from '@m4l/styles';
6
+ export type ActionsGroupValueType = string | number | null;
7
+ export interface ActionGroupItem<T extends ActionsGroupValueType> {
8
+ id: T;
9
+ label: string;
10
+ iconUrl: string;
11
+ onClick?: (item: T) => void;
12
+ disabled?: boolean;
13
+ }
14
+ export interface ActionsGroupProps<T extends ActionsGroupValueType> {
15
+ /**
16
+ * Indica si el grupo de acciones está deshabilitado.
17
+ */
18
+ disabled?: boolean;
19
+ /**
20
+ * Clase personalizada para el grupo de acciones.
21
+ */
22
+ className?: string;
23
+ /**
24
+ * Etiqueta accesible para el grupo (role toolbar).
25
+ */
26
+ ariaLabel?: string;
27
+ /**
28
+ * ID de elemento que etiqueta al grupo (alternativa a ariaLabel).
29
+ */
30
+ ariaLabelledBy?: string;
31
+ /**
32
+ * Item seleccionado.
33
+ */
34
+ value: T;
35
+ /**
36
+ * Función que se ejecuta cuando se selecciona una acción.
37
+ */
38
+ onChange: (newValue: T) => void;
39
+ /**
40
+ * Tamaño del grupo de acciones.
41
+ */
42
+ size?: Extract<Sizes, 'small' | 'medium'>;
43
+ /**
44
+ * Lista de acciones para el grupo.
45
+ */
46
+ actions: ActionGroupItem<T>[];
47
+ /**
48
+ * Variante del grupo de acciones.
49
+ */
50
+ variant?: 'vertical' | 'horizontal';
51
+ }
52
+ export type ActionsGroupSlotsType = keyof typeof ActionsGroupSlots;
53
+ export type ActionsGroupOwnerState = {
54
+ size?: Extract<Sizes, 'small' | 'medium'>;
55
+ disabled?: boolean;
56
+ variant?: 'vertical' | 'horizontal';
57
+ itemSelected?: boolean;
58
+ itemDisabled?: boolean;
59
+ };
60
+ export type ActionsGroupStyles = M4LOverridesStyleRules<ActionsGroupSlotsType, typeof ACTIONS_GROUP_KEY_COMPONENT, Theme>;
@@ -7,7 +7,7 @@ declare const SkeletonChipStyled: import('@emotion/styled').StyledComponent<Pick
7
7
  declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
8
8
  ownerState?: (Partial<import('..').ChipOwnerState> & Record<string, unknown>) | undefined;
9
9
  }, {}, {}>;
10
- declare const TextChipStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "ellipsis" | "content" | "style" | "position" | "padding" | "variant" | "borderRadius" | "width" | "display" | "borderColor" | "height" | "gap" | "minHeight" | "margin" | "overflow" | "boxShadow" | "minWidth" | "justifyContent" | "alignItems" | "paddingLeft" | "borderLeft" | "borderTop" | "maxWidth" | "flexDirection" | "paddingRight" | "borderRight" | "flexGrow" | "marginLeft" | "textOverflow" | "borderBottom" | "gridTemplateColumns" | "marginBottom" | "dataTestid" | "alignContent" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginRight" | "marginTop" | "maxHeight" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingTop" | "rowGap" | "textAlign" | "translate" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "className" | "classes" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "htmlFor" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
10
+ declare const TextChipStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "content" | "style" | "position" | "ellipsis" | "padding" | "variant" | "borderRadius" | "width" | "display" | "borderColor" | "height" | "gap" | "minHeight" | "margin" | "overflow" | "boxShadow" | "minWidth" | "justifyContent" | "alignItems" | "paddingLeft" | "borderLeft" | "borderTop" | "maxWidth" | "flexDirection" | "paddingRight" | "borderRight" | "flexGrow" | "marginLeft" | "textOverflow" | "borderBottom" | "gridTemplateColumns" | "marginBottom" | "dataTestid" | "alignContent" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginRight" | "marginTop" | "maxHeight" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingTop" | "rowGap" | "textAlign" | "translate" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "className" | "classes" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "htmlFor" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
11
11
  ownerState?: (Partial<import('..').ChipOwnerState> & Record<string, unknown>) | undefined;
12
12
  }, {}, {}>;
13
13
  declare const IconButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "selected" | "disabled" | "action" | "hidden" | "color" | "content" | "style" | "icon" | "tooltip" | "variant" | "translate" | "className" | "classes" | "src" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "instaceDataTestId" | "placement" | "rotationAngle" | "ariaLabel" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
@@ -1,21 +1,146 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { useState, useEffect, useMemo, createContext } from "react";
3
- import { useFirstRender } from "@m4l/graphics";
2
+ import { useState, useCallback, useEffect, useMemo, createContext } from "react";
3
+ import { c as castMapColumnsWidthToRecord } from "../../helpers/castMapColumnsWidthToRecord.js";
4
+ import { useFirstRender, useIsMobile } from "@m4l/graphics";
4
5
  import { g as getComponentClasses } from "../../../../utils/getComponentSlotRoot.js";
5
6
  import { a as DATAGRID_ROW_HEIGHTS, b as DATAGRID_ROW_HEADER_HEIGHTS, D as DATAGRID_PREFIX_NAME } from "../../constants.js";
6
7
  import { C as ControlNavigateSlots, a as ColumnsConfigSlots, T as TextEditorSlots, b as TableSlots, R as RowsCountSlots, A as ActionsSlots, D as DataGridSlots } from "../../slots/DataGridEnum.js";
7
8
  import { deepEqual } from "fast-equals";
8
- import { u as useViewMode } from "../../hooks/useViewMode/useViewMode.js";
9
- import { u as useRowHeight } from "../../hooks/useRowHeight/useRowHeight.js";
10
- import { u as useColumnsWidth } from "../../hooks/useColumnsWidth/useColumnsWidth.js";
11
- import { u as useViewConfig } from "../../hooks/useViewConfig/useViewConfig.js";
12
- import { u as useChangeColumnsConfig } from "../../hooks/useChangeColumnsConfig/useChangeColumnsConfig.js";
13
- import { u as useChangeColumnsOrder } from "../../hooks/useChangeColumnsOrder/useChangeColumnsOrder.js";
14
- import { g as getColumnsWidth } from "../../helpers/getColumnsWidth/getColumnsWidth.js";
15
- import { g as getInitialColumnsConfig } from "../../helpers/getInitialColumnsConfig/getInitialColumnsConfig.js";
16
- import { g as getAllViewModes } from "../../helpers/getAllViewModes/getAllViewModes.js";
17
- import { g as getViewSpecificConfig } from "../../helpers/getViewSpecificConfig/getViewSpecificConfig.js";
18
9
  const DataGridContext = createContext(null);
10
+ function getColumnsWidth(id, columns, defaultUserColumns) {
11
+ const newMap = /* @__PURE__ */ new Map();
12
+ let storeColumnsWidth;
13
+ try {
14
+ const item = window.localStorage.getItem(`${id}_columns_width`);
15
+ storeColumnsWidth = item !== null ? new Map(JSON.parse(item)) : /* @__PURE__ */ new Map();
16
+ } catch (_e) {
17
+ storeColumnsWidth = /* @__PURE__ */ new Map();
18
+ }
19
+ for (let i = 0; i < columns.length; i++) {
20
+ let width;
21
+ if (defaultUserColumns) {
22
+ try {
23
+ width = defaultUserColumns.columnsWidths[columns[i].key];
24
+ } catch (_e) {
25
+ }
26
+ }
27
+ if (width === void 0) {
28
+ const storeWidth = storeColumnsWidth.get(columns[i].key);
29
+ if (typeof storeWidth === "number") {
30
+ width = storeWidth;
31
+ }
32
+ }
33
+ if (width !== void 0) {
34
+ newMap.set(columns[i].key, width);
35
+ }
36
+ }
37
+ return newMap;
38
+ }
39
+ function saveColumnsWidth(id, storeColumnsWidth, onChangeUserColumns) {
40
+ if (onChangeUserColumns) {
41
+ const columnsWidthObject = castMapColumnsWidthToRecord(storeColumnsWidth);
42
+ onChangeUserColumns({
43
+ reason: "columnsWidths",
44
+ userConfig: columnsWidthObject
45
+ });
46
+ return;
47
+ }
48
+ localStorage.setItem(
49
+ `${id}_columns_width`,
50
+ JSON.stringify([...storeColumnsWidth])
51
+ );
52
+ }
53
+ const getAllViewModes = () => {
54
+ return ["table", "cards"];
55
+ };
56
+ const getViewSpecificConfig = (viewMode) => {
57
+ const configs = {
58
+ table: {
59
+ defaults: { frozen: false },
60
+ originalDefaults: { originalFrozen: false },
61
+ dynamicOriginalProperty: (item) => ({
62
+ originalFrozen: item?.frozen ?? false
63
+ })
64
+ },
65
+ cards: {
66
+ defaults: { showTitle: true },
67
+ originalDefaults: { originalShowTitle: true },
68
+ dynamicOriginalProperty: (item) => ({
69
+ originalShowTitle: item?.showTitle ?? true
70
+ })
71
+ }
72
+ };
73
+ return configs[viewMode] || configs.table;
74
+ };
75
+ const getViewSuffix = (viewMode) => {
76
+ if (viewMode === "table") {
77
+ return "";
78
+ }
79
+ return `_${viewMode}`;
80
+ };
81
+ function getInitialColumnsConfig(id, columns, viewMode, defaultUserConfig, viewSpecificDefaults, originalViewSpecificDefaults) {
82
+ let columnsConfig;
83
+ if (defaultUserConfig) {
84
+ columnsConfig = defaultUserConfig;
85
+ } else {
86
+ columnsConfig = loadViewConfig(
87
+ id,
88
+ getViewSuffix(viewMode)
89
+ ) || [];
90
+ }
91
+ return columns.map((column, index) => {
92
+ const existingConfig = columnsConfig.find((c) => c.key === column.key);
93
+ const columnConfigIndex = existingConfig ? columnsConfig.indexOf(existingConfig) : -1;
94
+ const baseConfig = {
95
+ key: column.key,
96
+ name: typeof column.name === "string" ? column.name : String(column.name),
97
+ hidden: column.hidden === void 0 ? false : column.hidden,
98
+ index: columnConfigIndex > -1 ? columnConfigIndex : index,
99
+ visible: existingConfig?.visible !== void 0 ? existingConfig.visible : column.visible === void 0 ? true : column.visible,
100
+ originalIndex: index,
101
+ originalVisible: column.visible === void 0 ? true : column.visible
102
+ };
103
+ return {
104
+ ...baseConfig,
105
+ ...viewSpecificDefaults,
106
+ ...originalViewSpecificDefaults,
107
+ ...existingConfig || {}
108
+ };
109
+ }).sort((a, b) => a.index - b.index);
110
+ }
111
+ function saveViewConfig(id, viewSuffix, config, onChangeCallback) {
112
+ if (onChangeCallback) {
113
+ const reason = viewSuffix === "" ? "columnsConfig" : `columnsConfig${viewSuffix.replace("_", "")}`;
114
+ onChangeCallback({
115
+ reason,
116
+ userConfig: config
117
+ });
118
+ return;
119
+ }
120
+ const storageKey = viewSuffix === "" ? `${id}_columns_config` : `${id}_columns_config${viewSuffix}`;
121
+ localStorage.setItem(storageKey, JSON.stringify(config));
122
+ }
123
+ function loadViewConfig(id, viewSuffix) {
124
+ try {
125
+ const storageKey = viewSuffix === "" ? `${id}_columns_config` : `${id}_columns_config${viewSuffix}`;
126
+ const stored = localStorage.getItem(storageKey);
127
+ return stored ? JSON.parse(stored) : null;
128
+ } catch (_e) {
129
+ return null;
130
+ }
131
+ }
132
+ function saveViewMode(id, viewMode) {
133
+ localStorage.setItem(`${id}_view_mode`, viewMode);
134
+ }
135
+ function getIndexRowHeightVariant(variant) {
136
+ if (variant === "compact") {
137
+ return 0;
138
+ }
139
+ if (variant === "standard") {
140
+ return 1;
141
+ }
142
+ return 2;
143
+ }
19
144
  function DataGridProvider(props) {
20
145
  const {
21
146
  id,
@@ -41,32 +166,7 @@ function DataGridProvider(props) {
41
166
  cardsViewConfig
42
167
  } = props;
43
168
  const isFirstRender = useFirstRender([columns, id]);
44
- const { viewModeState, handleViewModeChange } = useViewMode({
45
- id,
46
- viewMode,
47
- defaultViewMode,
48
- onViewModeChange,
49
- onChangeUserColumns
50
- });
51
- const { currentRowHeightVariant, setRowHeightVariant } = useRowHeight({
52
- rowHeights,
53
- rowHeaderHeights,
54
- initialRowHeightVariant
55
- });
56
- const { columnsWidths, setColumnsWidths, onChangeColumnWidth } = useColumnsWidth({
57
- id,
58
- onChangeUserColumns
59
- });
60
- const { getConfigColumns, updateConfigColumns } = useViewConfig();
61
- const { onChangeColumnsConfig } = useChangeColumnsConfig({
62
- id,
63
- onChangeUserColumns,
64
- updateConfigColumns
65
- });
66
- const { onChangeColumnsOrder } = useChangeColumnsOrder({
67
- getConfigColumns,
68
- onChangeColumnsConfig
69
- });
169
+ const isMobile = useIsMobile();
70
170
  const classes = getComponentClasses(DATAGRID_PREFIX_NAME, {
71
171
  ...DataGridSlots,
72
172
  ...ActionsSlots,
@@ -76,8 +176,80 @@ function DataGridProvider(props) {
76
176
  ...ColumnsConfigSlots,
77
177
  ...ControlNavigateSlots
78
178
  });
179
+ const [columnsWidths, setColumnsWidths] = useState(/* @__PURE__ */ new Map());
180
+ const [viewConfig, setViewConfig] = useState(() => ({
181
+ table: [],
182
+ cards: []
183
+ }));
184
+ const getConfigColumns = useCallback(
185
+ (viewModeParam) => {
186
+ return viewConfig[viewModeParam];
187
+ },
188
+ [viewConfig]
189
+ );
190
+ const updateConfigColumns = useCallback(
191
+ (viewModeParam, config) => {
192
+ setViewConfig((prev) => ({
193
+ ...prev,
194
+ [viewModeParam]: config
195
+ }));
196
+ },
197
+ []
198
+ );
79
199
  const [rowsFilterCount, setRowFilterCount] = useState(rowsCount);
80
200
  const [sortColumns, setSortColumns] = useState([]);
201
+ const [viewModeState, setViewModeState] = useState(() => {
202
+ if (viewMode) {
203
+ return viewMode;
204
+ }
205
+ try {
206
+ const savedViewMode = localStorage.getItem(`${id}_view_mode`);
207
+ if (savedViewMode === "cards" || savedViewMode === "table") {
208
+ return savedViewMode;
209
+ }
210
+ } catch (_e) {
211
+ }
212
+ if (defaultViewMode) {
213
+ return defaultViewMode;
214
+ }
215
+ return isMobile ? "cards" : "table";
216
+ });
217
+ const handleViewModeChange = useCallback(
218
+ (newViewMode) => {
219
+ setViewModeState(newViewMode);
220
+ saveViewMode(id, newViewMode);
221
+ onViewModeChange?.(newViewMode);
222
+ },
223
+ [onViewModeChange, id]
224
+ );
225
+ useEffect(() => {
226
+ if (viewMode !== void 0) {
227
+ setViewModeState(viewMode);
228
+ }
229
+ }, [viewMode]);
230
+ const [currentRowHeightVariant, setCurrentRowHeightVariant] = useState(() => {
231
+ if (typeof rowHeights !== typeof rowHeaderHeights) {
232
+ throw new Error("Must be same type rowheights and rowHeaderTypes");
233
+ }
234
+ if (typeof rowHeights === "number" && typeof rowHeaderHeights === "number") {
235
+ return {
236
+ rowHVariant: "compact",
237
+ rowHeight: rowHeights,
238
+ rowHeaderHeight: rowHeaderHeights
239
+ };
240
+ }
241
+ if (typeof rowHeights !== "number" && rowHeights.length !== 3) {
242
+ throw new Error("Must be 3 heights");
243
+ }
244
+ if (typeof rowHeaderHeights !== "number" && rowHeaderHeights.length !== 3) {
245
+ throw new Error("Must be 3 HeaderHeights");
246
+ }
247
+ return {
248
+ rowHVariant: initialRowHeightVariant,
249
+ rowHeight: typeof rowHeights !== "number" ? rowHeights[getIndexRowHeightVariant(initialRowHeightVariant)] : rowHeights,
250
+ rowHeaderHeight: typeof rowHeaderHeights !== "number" ? rowHeaderHeights[getIndexRowHeightVariant(initialRowHeightVariant)] : rowHeaderHeights
251
+ };
252
+ });
81
253
  useEffect(() => {
82
254
  const keys = new Set(columns.map((c) => c.key));
83
255
  if (sortSettings?.sortsColumns) {
@@ -143,6 +315,7 @@ function DataGridProvider(props) {
143
315
  }
144
316
  }, [columns, sortSettings, filterSettings, cardsViewConfig]);
145
317
  const finalRowHeights = useMemo(() => rowHeights, [rowHeights]);
318
+ let timerSaveColumns;
146
319
  useEffect(() => {
147
320
  if (isFirstRender) {
148
321
  setColumnsWidths(getColumnsWidth(id, columns, defaultUserColumns));
@@ -277,9 +450,65 @@ function DataGridProvider(props) {
277
450
  });
278
451
  }
279
452
  }, [columns, id]);
453
+ const onChangeColumnsConfig = useCallback(
454
+ (viewModeParam, newConfig) => {
455
+ saveViewConfig(
456
+ id,
457
+ getViewSuffix(viewModeParam),
458
+ newConfig,
459
+ onChangeUserColumns
460
+ );
461
+ updateConfigColumns(viewModeParam, newConfig);
462
+ },
463
+ [id, onChangeUserColumns, updateConfigColumns]
464
+ );
465
+ const onChangeColumnsOrder = useCallback(
466
+ (viewModeParam, sourceKey, targetKey) => {
467
+ if (sourceKey === targetKey) {
468
+ return;
469
+ }
470
+ const currentConfig = getConfigColumns(viewModeParam);
471
+ const sourceColumnIndex = currentConfig.findIndex(
472
+ (c) => c.key === sourceKey
473
+ );
474
+ const targetColumnIndex = currentConfig.findIndex(
475
+ (c) => c.key === targetKey
476
+ );
477
+ const reorderedConfig = [...currentConfig];
478
+ reorderedConfig.splice(
479
+ targetColumnIndex,
480
+ 0,
481
+ reorderedConfig.splice(sourceColumnIndex, 1)[0]
482
+ );
483
+ onChangeColumnsConfig(viewModeParam, reorderedConfig);
484
+ },
485
+ [getConfigColumns, onChangeColumnsConfig]
486
+ );
487
+ const onChangeColumnWidth = (columnKey, width) => {
488
+ columnsWidths.set(columnKey, Math.round(width));
489
+ if (timerSaveColumns) {
490
+ clearTimeout(timerSaveColumns);
491
+ }
492
+ timerSaveColumns = setTimeout(() => {
493
+ saveColumnsWidth(id, columnsWidths, onChangeUserColumns);
494
+ }, 500);
495
+ };
280
496
  const setRowFilterCountInternal = (newRowsCount) => {
281
497
  setRowFilterCount(newRowsCount);
282
498
  };
499
+ const setCurrentRowHeightInternal = useCallback(
500
+ (newVariant) => {
501
+ if (typeof rowHeights === "number" || typeof rowHeaderHeights === "number") {
502
+ throw new Error("Only use setCurrentRowHeight with vector rowHeights");
503
+ }
504
+ setCurrentRowHeightVariant({
505
+ rowHVariant: newVariant,
506
+ rowHeight: rowHeights[getIndexRowHeightVariant(newVariant)],
507
+ rowHeaderHeight: rowHeaderHeights[getIndexRowHeightVariant(newVariant)]
508
+ });
509
+ },
510
+ [setCurrentRowHeightVariant, rowHeights, rowHeaderHeights]
511
+ );
283
512
  return /* @__PURE__ */ jsx(
284
513
  DataGridContext.Provider,
285
514
  {
@@ -299,7 +528,7 @@ function DataGridProvider(props) {
299
528
  onChangeColumnWidth,
300
529
  setRowsCount: setRowFilterCountInternal,
301
530
  rowActionsGetter,
302
- setRowHeightVariant,
531
+ setRowHeightVariant: setCurrentRowHeightInternal,
303
532
  onCheckedRowsChange,
304
533
  rowKeyGetter,
305
534
  onChangeUserColumns,
@@ -3,12 +3,21 @@ import { RowKey, RowHeightVariants, GridProps } from '../../types';
3
3
  import { Maybe } from '@m4l/core';
4
4
  import { ActionsSlots, ColumnsConfigSlots, ControlNavigateSlots, DataGridSlots, RowsCountSlots, TableSlots, TextEditorSlots } from '../../slots/DataGridEnum';
5
5
  import { SortColumn } from 'react-data-grid';
6
- import { IGridConfig, BaseViewConfig } from '../../types.helpers';
6
+ /**
7
+ * Configuración base genérica que puede extenderse con propiedades específicas de cualquier vista
8
+ * USO INTERNO: El sistema usa esto para manejar genéricamente las configuraciones
9
+ */
10
+ export type BaseViewConfig<TViewSpecific = {}> = TViewSpecific & {
11
+ key: string;
12
+ visible: boolean;
13
+ index: number;
14
+ name?: string;
15
+ };
7
16
  /**
8
17
  * Configuración extendida genérica con propiedades originales
9
18
  * USO INTERNO: El contexto usa esto para el estado interno con propiedades de tracking
10
19
  */
11
- export type IViewConfig<TViewSpecific = object, TOriginalViewSpecific = object> = BaseViewConfig<TViewSpecific> & {
20
+ export type IViewConfig<TViewSpecific = {}, TOriginalViewSpecific = {}> = BaseViewConfig<TViewSpecific> & {
12
21
  hidden: boolean;
13
22
  originalIndex: number;
14
23
  originalVisible: boolean;
@@ -53,6 +62,15 @@ export interface IConfigColumnCards extends Omit<IConfigColumn, 'frozen' | 'orig
53
62
  originalShowTitle: boolean;
54
63
  }
55
64
  export type ViewMode = 'table' | 'cards';
65
+ /**
66
+ * Configuración base del Grid (API pública original)
67
+ * USO: Tipo base para defaultUserColumns - mantiene retrocompatibilidad
68
+ * IMPORTANTE: No modificar para mantener retrocompatibilidad con código existente
69
+ */
70
+ export interface IGridConfig {
71
+ columnsConfig: BaseConfigColumn[];
72
+ columnsWidths: Record<RowKey, number>;
73
+ }
56
74
  /**
57
75
  * Configuración extendida del Grid para soportar múltiples vistas
58
76
  * USO: Para nuevas implementaciones que soporten cards y futuras vistas
@@ -60,7 +78,6 @@ export type ViewMode = 'table' | 'cards';
60
78
  */
61
79
  export interface IGridConfigExtended extends IGridConfig {
62
80
  columnsConfigCards?: BaseConfigColumnCards[];
63
- viewMode?: ViewMode;
64
81
  }
65
82
  export interface DataGridProviderProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> extends Pick<GridProps<TRow, TSummaryRow, TKey>, 'rows' | 'columns' | 'rowActionsGetter' | 'rowHeaderHeights' | 'rowHeights' | 'initialRowHeightVariant' | 'checkedRows' | 'onCheckedRowsChange' | 'rowKeyGetter' | 'onChangeUserColumns' | 'defaultUserColumns' | 'externalSortSettings' | 'externalFilterSettings' | 'defaultViewMode' | 'cardsViewConfig'> {
66
83
  id: number | string;
@@ -1,10 +1,9 @@
1
1
  export { DataGrid } from './DataGrid';
2
2
  export * from './formatters';
3
- export type { Column, RenderEditCellProps, RenderCellProps, } from 'react-data-grid';
4
- export type { RowKey, ChangeUserColumn, RowActionsGetter, RowKeyGetter, } from './types';
3
+ export type { Column, RenderEditCellProps, RenderCellProps } from 'react-data-grid';
4
+ export type { RowKey, ChangeUserColumn, RowActionsGetter, RowKeyGetter } from './types';
5
5
  export { getDataGridComponentsDictionary } from './dictionary';
6
6
  export { TextEditor, NumberEditor } from './subcomponents/editors/TextEditor';
7
7
  export { getDataGridRowsFromSet } from './utils/getDataGridRowsFromSet';
8
- export type { IGridConfigExtended, BaseConfigColumn, } from './contexts/DataGridContext/types';
9
- export { DATAGRID_SEMANTIC_WIDTHS, DATAGRID_ROW_HEADER_HEIGHTS, DATAGRID_ROW_HEIGHTS, } from './constants';
10
- export * from './types.helpers';
8
+ export type { IGridConfig, IGridConfigExtended, BaseConfigColumn } from './contexts/DataGridContext/types';
9
+ export { DATAGRID_SEMANTIC_WIDTHS, DATAGRID_ROW_HEADER_HEIGHTS, DATAGRID_ROW_HEIGHTS } from './constants';
@@ -4,7 +4,7 @@ export declare const EditLabelRootStyled: import('@emotion/styled').StyledCompon
4
4
  export declare const TextFieldStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/TextField/types').TextFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "value" | "size" | "children" | "title" | "component" | "name" | "error" | "select" | "rows" | "id" | "type" | "disabled" | "hidden" | "content" | "style" | "variant" | "margin" | "translate" | "className" | "classes" | "sx" | "label" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dataTestId" | "autoComplete" | "maxLength" | "placeholder" | "required" | keyof import('react').RefAttributes<HTMLDivElement> | "maxRows" | "fullWidth" | "inputProps" | "inputRef" | "multiline" | "minRows" | "hiddenLabel" | "focused" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
5
5
  ownerState?: (Partial<import('..').EditLabelOwnerState> & Record<string, unknown>) | undefined;
6
6
  }, {}, {}>;
7
- export declare const LabelStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "ellipsis" | "content" | "style" | "position" | "padding" | "variant" | "borderRadius" | "width" | "display" | "borderColor" | "height" | "gap" | "minHeight" | "margin" | "overflow" | "boxShadow" | "minWidth" | "justifyContent" | "alignItems" | "paddingLeft" | "borderLeft" | "borderTop" | "maxWidth" | "flexDirection" | "paddingRight" | "borderRight" | "flexGrow" | "marginLeft" | "textOverflow" | "borderBottom" | "gridTemplateColumns" | "marginBottom" | "dataTestid" | "alignContent" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginRight" | "marginTop" | "maxHeight" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingTop" | "rowGap" | "textAlign" | "translate" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "className" | "classes" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "htmlFor" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
7
+ export declare const LabelStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "content" | "style" | "position" | "ellipsis" | "padding" | "variant" | "borderRadius" | "width" | "display" | "borderColor" | "height" | "gap" | "minHeight" | "margin" | "overflow" | "boxShadow" | "minWidth" | "justifyContent" | "alignItems" | "paddingLeft" | "borderLeft" | "borderTop" | "maxWidth" | "flexDirection" | "paddingRight" | "borderRight" | "flexGrow" | "marginLeft" | "textOverflow" | "borderBottom" | "gridTemplateColumns" | "marginBottom" | "dataTestid" | "alignContent" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginRight" | "marginTop" | "maxHeight" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingTop" | "rowGap" | "textAlign" | "translate" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "className" | "classes" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "htmlFor" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
8
8
  ownerState?: (Partial<import('..').EditLabelOwnerState> & Record<string, unknown>) | undefined;
9
9
  }, {}, {}>;
10
10
  export declare const IconButtonEditStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "selected" | "disabled" | "action" | "hidden" | "color" | "content" | "style" | "icon" | "tooltip" | "variant" | "translate" | "className" | "classes" | "src" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "instaceDataTestId" | "placement" | "rotationAngle" | "ariaLabel" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {