@m4l/components 9.3.6 → 9.3.8-BE190825-beta.1

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 (125) hide show
  1. package/@types/types.d.ts +25 -0
  2. package/components/DataGrid/Datagrid.styles.js +2 -2
  3. package/components/DragResizeWindowRND/constants.d.ts +44 -0
  4. package/components/DragResizeWindowRND/constants.js +46 -1
  5. package/components/DragResizeWindowRND/index.d.ts +1 -0
  6. package/components/DynamicFilter/DynamicFilter.styles.js +8 -4
  7. package/components/DynamicFilter/subcomponents/FilterActions/FilterActions.js +3 -0
  8. package/components/DynamicSort/DynamicSort.styles.js +8 -4
  9. package/components/FormContainer/FormContainer.d.ts +7 -0
  10. package/components/FormContainer/FormContainer.js +21 -0
  11. package/components/FormContainer/FormContainer.styles.d.ts +2 -0
  12. package/components/FormContainer/FormContainer.styles.js +27 -0
  13. package/components/FormContainer/constants.d.ts +2 -0
  14. package/components/FormContainer/constants.js +8 -0
  15. package/components/FormContainer/index.d.ts +1 -0
  16. package/components/FormContainer/index.js +1 -0
  17. package/components/FormContainer/slots/FormContainerEnum.d.ts +5 -0
  18. package/components/FormContainer/slots/FormContainerEnum.js +9 -0
  19. package/components/FormContainer/slots/FormContainerSlots.d.ts +9 -0
  20. package/components/FormContainer/slots/FormContainerSlots.js +22 -0
  21. package/components/FormContainer/test/FormContainer.test.d.ts +1 -0
  22. package/components/FormContainer/types.d.ts +11 -0
  23. package/components/ImageText/ImageText.d.ts +7 -0
  24. package/components/ImageText/ImageText.js +62 -0
  25. package/components/ImageText/ImageText.styles.d.ts +2 -0
  26. package/components/ImageText/ImageText.styles.js +79 -0
  27. package/components/ImageText/constants.d.ts +16 -0
  28. package/components/ImageText/constants.js +10 -0
  29. package/components/ImageText/index.d.ts +1 -0
  30. package/components/ImageText/index.js +1 -0
  31. package/components/ImageText/slots/ImageTextEnum.d.ts +8 -0
  32. package/components/ImageText/slots/ImageTextEnum.js +12 -0
  33. package/components/ImageText/slots/ImageTextSlots.d.ts +18 -0
  34. package/components/ImageText/slots/ImageTextSlots.js +38 -0
  35. package/components/ImageText/types.d.ts +40 -0
  36. package/components/NoItemPrivileges/NoItemPrivileges.d.ts +7 -0
  37. package/components/NoItemPrivileges/NoItemPrivileges.js +33 -0
  38. package/components/NoItemPrivileges/NoItemPrivilegesStyles.d.ts +5 -0
  39. package/components/NoItemPrivileges/NoItemPrivilegesStyles.js +6 -0
  40. package/components/NoItemPrivileges/constants.d.ts +3 -0
  41. package/components/NoItemPrivileges/constants.js +10 -0
  42. package/components/NoItemPrivileges/dictionary.d.ts +5 -0
  43. package/components/NoItemPrivileges/dictionary.js +12 -0
  44. package/components/NoItemPrivileges/index.d.ts +3 -0
  45. package/components/NoItemPrivileges/index.js +1 -0
  46. package/components/NoItemPrivileges/slots/NoItemPrivilegesEnum.d.ts +3 -0
  47. package/components/NoItemPrivileges/slots/NoItemPrivilegesEnum.js +7 -0
  48. package/components/NoItemPrivileges/slots/NoItemPrivilegesSlots.d.ts +3 -0
  49. package/components/NoItemPrivileges/slots/NoItemPrivilegesSlots.js +12 -0
  50. package/components/NoItemPrivileges/test/NoItemPrivileges.test.d.ts +1 -0
  51. package/components/NoItemPrivileges/types.d.ts +36 -0
  52. package/components/NoItemSelected/NoItemSelected.js +16 -59
  53. package/components/NoItemSelected/NoItemSelected.styles.js +1 -100
  54. package/components/NoItemSelected/constant.d.ts +2 -2
  55. package/components/NoItemSelected/constant.js +4 -4
  56. package/components/NoItemSelected/dictionary.d.ts +0 -2
  57. package/components/NoItemSelected/dictionary.js +4 -3
  58. package/components/NoItemSelected/slots/NoItemSelectedEnum.d.ts +1 -7
  59. package/components/NoItemSelected/slots/NoItemSelectedEnum.js +0 -6
  60. package/components/NoItemSelected/slots/NoItemSelectedSlots.d.ts +1 -19
  61. package/components/NoItemSelected/slots/NoItemSelectedSlots.js +5 -37
  62. package/components/NoItemSelected/test/NoItemSelected.test.d.ts +1 -0
  63. package/components/NoItemSelected/types.d.ts +5 -6
  64. package/components/ObjectLogs/helpers/Fields/filterFields.d.ts +5 -0
  65. package/components/ObjectLogs/helpers/Fields/filterFields.js +81 -0
  66. package/components/ObjectLogs/hooks/useDetailFormatter.js +2 -2
  67. package/components/ObjectLogs/hooks/useFilterAndSort.d.ts +15 -0
  68. package/components/ObjectLogs/hooks/useFilterAndSort.js +52 -0
  69. package/components/ObjectLogs/slots/ObjectLogsSlots.js +1 -2
  70. package/components/ObjectLogs/subcomponents/ObjectLogsByM4L/ObjectLogsByM4L.js +39 -88
  71. package/components/ObjectLogs/subcomponents/ObjectLogsByOthers/ObjectLogsByOthers.js +30 -104
  72. package/components/PaperForm/PaperForm.js +6 -4
  73. package/components/PaperForm/index.js +1 -0
  74. package/components/PaperForm/styles.js +21 -10
  75. package/components/PaperForm/types.d.ts +3 -2
  76. package/components/PropertyValue/PropertyValue.styles.js +2 -1
  77. package/components/SideBar/subcomponents/ContentComponent/style.js +3 -0
  78. package/components/SideBar/subcomponents/TreeGroupItems/styles.js +1 -1
  79. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItem/index.js +1 -1
  80. package/components/formatters/BooleanFormatter/BooleanFormatter.js +1 -0
  81. package/components/hook-form/RHFTextField/RHFTextField.js +5 -3
  82. package/components/hook-form/RHFTextField/slots/RHFTextFieldSlots.d.ts +1 -1
  83. package/components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js +63 -55
  84. package/components/hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.d.ts +1 -1
  85. package/components/index.d.ts +4 -1
  86. package/components/mui_extended/Autocomplete/Autocomplete.js +2 -1
  87. package/components/mui_extended/Autocomplete/hooks/useEndAdornments.d.ts +1 -0
  88. package/components/mui_extended/Autocomplete/hooks/useEndAdornments.js +4 -2
  89. package/components/mui_extended/Autocomplete/hooks/useValuesAndHandlers.js +1 -1
  90. package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts +1 -1
  91. package/components/mui_extended/Tab/Tab.styles.js +7 -7
  92. package/components/mui_extended/TabContent/TabContent.styles.js +1 -1
  93. package/components/mui_extended/TextField/TextField.js +13 -2
  94. package/components/mui_extended/TextField/TextField.styles.js +40 -3
  95. package/components/mui_extended/TextField/constants.d.ts +4 -0
  96. package/components/mui_extended/TextField/index.d.ts +1 -0
  97. package/components/mui_extended/TextField/slots/TextFieldEnum.d.ts +5 -1
  98. package/components/mui_extended/TextField/slots/TextFieldEnum.js +4 -0
  99. package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts +18 -0
  100. package/components/mui_extended/TextField/slots/TextFieldSlots.js +22 -2
  101. package/components/mui_extended/TextField/types.d.ts +9 -0
  102. package/hooks/index.d.ts +1 -0
  103. package/hooks/useDynamicFilterAndSort/types.d.ts +2 -0
  104. package/hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js +5 -3
  105. package/hooks/useIsVisible/constants.d.ts +1 -0
  106. package/hooks/useIsVisible/constants.js +4 -0
  107. package/hooks/useIsVisible/index.d.ts +1 -0
  108. package/hooks/useIsVisible/index.js +1 -0
  109. package/hooks/useIsVisible/useIsVisible.d.ts +28 -0
  110. package/hooks/useIsVisible/useIsVisible.js +25 -0
  111. package/index.js +44 -32
  112. package/package.json +1 -1
  113. package/storybook/components/FormContainer/FormContainer.stories.d.ts +13 -0
  114. package/storybook/components/NoItemPrivileges/NoItemPrivileges.stories.d.ts +12 -0
  115. package/storybook/components/NoItemSelect/NoItemSelect.stories.d.ts +1 -1
  116. package/storybook/components/extended/mui/TextField/TextFieldText.stories.d.ts +7 -0
  117. package/storybook/components/paperForm/PaperForm.stories.d.ts +5 -0
  118. package/storybook/hook-form/RHFTextField/RHFTextField.stories.d.ts +4 -0
  119. package/storybook/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.stories.d.ts +19 -0
  120. package/utils/getLimitCharacters/getLimitCharacters.d.ts +7 -0
  121. package/utils/getLimitCharacters/getLimitCharacters.js +11 -0
  122. package/utils/getLimitCharacters/index.d.ts +1 -0
  123. package/utils/getLimitCharacters/index.js +1 -0
  124. package/utils/getLimitCharacters/test/getLimitCharacters.test.d.ts +1 -0
  125. package/utils/getLimitCharacters/types.d.ts +11 -0
@@ -7,6 +7,10 @@ export declare const COMBINATED_TEXTFIELD_ENUMS: {
7
7
  readOnly: TextFieldComplementaryClasses.readOnly;
8
8
  root: TextFieldSlots.root;
9
9
  skeleton: TextFieldSlots.skeleton;
10
+ limitContainer: TextFieldSlots.limitContainer;
11
+ limitTextFirst: TextFieldSlots.limitTextFirst;
12
+ limitTextSeparator: TextFieldSlots.limitTextSeparator;
13
+ limitTextSecond: TextFieldSlots.limitTextSecond;
10
14
  };
11
15
  /**
12
16
  * Inventario de clases CSS para el componente TextField
@@ -1 +1,2 @@
1
1
  export { TextField } from './TextField';
2
+ export { getLimitCharacters } from '../../../utils/getLimitCharacters';
@@ -1,6 +1,10 @@
1
1
  export declare enum TextFieldSlots {
2
2
  root = "root",
3
- skeleton = "skeleton"
3
+ skeleton = "skeleton",
4
+ limitContainer = "limitContainer",
5
+ limitTextFirst = "limitTextFirst",
6
+ limitTextSeparator = "limitTextSeparator",
7
+ limitTextSecond = "limitTextSecond"
4
8
  }
5
9
  export declare enum TextFieldComplementaryClasses {
6
10
  outlined = "outlined",
@@ -1,6 +1,10 @@
1
1
  var TextFieldSlots = /* @__PURE__ */ ((TextFieldSlots2) => {
2
2
  TextFieldSlots2["root"] = "root";
3
3
  TextFieldSlots2["skeleton"] = "skeleton";
4
+ TextFieldSlots2["limitContainer"] = "limitContainer";
5
+ TextFieldSlots2["limitTextFirst"] = "limitTextFirst";
6
+ TextFieldSlots2["limitTextSeparator"] = "limitTextSeparator";
7
+ TextFieldSlots2["limitTextSecond"] = "limitTextSecond";
4
8
  return TextFieldSlots2;
5
9
  })(TextFieldSlots || {});
6
10
  var TextFieldComplementaryClasses = /* @__PURE__ */ ((TextFieldComplementaryClasses2) => {
@@ -6,3 +6,21 @@ export declare const TextFieldRootStyled: import('@emotion/styled').StyledCompon
6
6
  export declare const SkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Skeleton/types').SkeletonProps, keyof import('../../Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
7
7
  ownerState?: (Partial<import('../types').TextFieldOwnerState> & Record<string, unknown>) | undefined;
8
8
  }, {}, {}>;
9
+ export declare const LimitContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
10
+ ownerState?: (Partial<import('../types').TextFieldOwnerState> & Record<string, unknown>) | undefined;
11
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
12
+ export declare const LimitTextFirstStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
13
+ ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
14
+ }, "children" | "zIndex" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "color" | "left" | "right" | "bottom" | "top" | "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" | "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" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "className" | "classes" | "sx" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "variantMapping">, "children" | "ref" | "title" | "zIndex" | "id" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "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" | "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" | "key" | "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" | "gutterBottom" | "noWrap" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
15
+ ownerState?: (Partial<import('../types').TextFieldOwnerState> & Record<string, unknown>) | undefined;
16
+ }, {}, {}>;
17
+ export declare const LimitTextSeparatorStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
18
+ ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
19
+ }, "children" | "zIndex" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "color" | "left" | "right" | "bottom" | "top" | "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" | "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" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "className" | "classes" | "sx" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "variantMapping">, "children" | "ref" | "title" | "zIndex" | "id" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "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" | "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" | "key" | "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" | "gutterBottom" | "noWrap" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
20
+ ownerState?: (Partial<import('../types').TextFieldOwnerState> & Record<string, unknown>) | undefined;
21
+ }, {}, {}>;
22
+ export declare const LimitTextSecondStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
23
+ ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
24
+ }, "children" | "zIndex" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "color" | "left" | "right" | "bottom" | "top" | "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" | "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" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "className" | "classes" | "sx" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "variantMapping">, "children" | "ref" | "title" | "zIndex" | "id" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "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" | "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" | "key" | "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" | "gutterBottom" | "noWrap" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
25
+ ownerState?: (Partial<import('../types').TextFieldOwnerState> & Record<string, unknown>) | undefined;
26
+ }, {}, {}>;
@@ -1,4 +1,4 @@
1
- import { TextField } from "@mui/material";
1
+ import { TextField, Typography } from "@mui/material";
2
2
  import { styled } from "@mui/material/styles";
3
3
  import { a as TEXT_FIELD_KEY_COMPONENT } from "../constants.js";
4
4
  import { t as textFieldStyles } from "../TextField.styles.js";
@@ -12,7 +12,27 @@ const SkeletonStyled = styled(Skeleton, {
12
12
  name: TEXT_FIELD_KEY_COMPONENT,
13
13
  slot: TextFieldSlots.skeleton
14
14
  })(textFieldStyles?.skeleton);
15
+ const LimitContainerStyled = styled("div", {
16
+ name: TEXT_FIELD_KEY_COMPONENT,
17
+ slot: TextFieldSlots.limitContainer
18
+ })(textFieldStyles?.limitContainer);
19
+ const LimitTextFirstStyled = styled(Typography, {
20
+ name: TEXT_FIELD_KEY_COMPONENT,
21
+ slot: TextFieldSlots.limitTextFirst
22
+ })(textFieldStyles?.limitTextFirst);
23
+ const LimitTextSeparatorStyled = styled(Typography, {
24
+ name: TEXT_FIELD_KEY_COMPONENT,
25
+ slot: TextFieldSlots.limitTextSeparator
26
+ })(textFieldStyles?.limitTextSeparator);
27
+ const LimitTextSecondStyled = styled(Typography, {
28
+ name: TEXT_FIELD_KEY_COMPONENT,
29
+ slot: TextFieldSlots.limitTextSecond
30
+ })(textFieldStyles?.limitTextSecond);
15
31
  export {
32
+ LimitContainerStyled as L,
16
33
  SkeletonStyled as S,
17
- TextFieldRootStyled as T
34
+ TextFieldRootStyled as T,
35
+ LimitTextFirstStyled as a,
36
+ LimitTextSeparatorStyled as b,
37
+ LimitTextSecondStyled as c
18
38
  };
@@ -36,6 +36,11 @@ export interface TextFieldProps extends Omit<MUITextFieldProps, 'size' | 'color'
36
36
  * size="medium"
37
37
  */
38
38
  size?: Extract<Sizes, 'small' | 'medium'>;
39
+ /**
40
+ * Limite de caracteres del campo de texto.
41
+ * limitCharacters={10}
42
+ */
43
+ maxLength?: number;
39
44
  }
40
45
  /**
41
46
  * Estado del propietario del campo de texto.
@@ -69,6 +74,10 @@ export interface TextFieldOwnerState {
69
74
  * Indica si el campo de texto está en modo de solo lectura.
70
75
  */
71
76
  readOnly?: boolean;
77
+ /**
78
+ * Indica el porcentaje de caracteres del campo de texto.
79
+ */
80
+ percent?: number;
72
81
  }
73
82
  export type TextFieldSlotsType = keyof typeof TextFieldSlots;
74
83
  export type TextFieldStyles = M4LOverridesStyleRules<TextFieldSlotsType, typeof TEXT_FIELD_KEY_COMPONENT, Theme>;
package/hooks/index.d.ts CHANGED
@@ -11,3 +11,4 @@ export { useStateRef } from './useStateRef';
11
11
  export * from './useDynamicFilterAndSort';
12
12
  export * from './useDataGridPersistence';
13
13
  export * from './usePopoverContainer';
14
+ export * from './useIsVisible';
@@ -29,6 +29,8 @@ export interface UseDynamicFilterAndSortProps extends Pick<DynamicFilterProps, '
29
29
  sorts?: DynamicSortProps['fields'];
30
30
  filterSortAutomatic?: boolean;
31
31
  withExternalRefresh?: boolean;
32
+ visibleFilterButton?: boolean;
33
+ visibleSortButton?: boolean;
32
34
  }
33
35
  export interface DynamicFilterAndSortOwnerState {
34
36
  showDynamicFilter: boolean;
@@ -169,7 +169,7 @@ const useDynamicFilterAndSort = (props) => {
169
169
  dataTestId
170
170
  ),
171
171
  children: [
172
- /* @__PURE__ */ jsx(
172
+ fields && fields.length > 0 && /* @__PURE__ */ jsx(
173
173
  ToggleIconButton,
174
174
  {
175
175
  badgeProps: {
@@ -182,7 +182,7 @@ const useDynamicFilterAndSort = (props) => {
182
182
  onToggle: () => handleToggles("filter")
183
183
  }
184
184
  ),
185
- /* @__PURE__ */ jsx(
185
+ sorts && sorts.length > 0 && /* @__PURE__ */ jsx(
186
186
  ToggleIconButton,
187
187
  {
188
188
  badgeProps: {
@@ -203,7 +203,9 @@ const useDynamicFilterAndSort = (props) => {
203
203
  invisibleBadge,
204
204
  host_static_assets,
205
205
  environment_assets,
206
- dataTestId
206
+ dataTestId,
207
+ fields,
208
+ sorts
207
209
  ]
208
210
  );
209
211
  const finalRightActions = useMemo(
@@ -0,0 +1 @@
1
+ export declare const DEFAULT_MIN_HEIGHT_THRESHOLD = 55;
@@ -0,0 +1,4 @@
1
+ const DEFAULT_MIN_HEIGHT_THRESHOLD = 55;
2
+ export {
3
+ DEFAULT_MIN_HEIGHT_THRESHOLD as D
4
+ };
@@ -0,0 +1 @@
1
+ export { useIsVisible } from './useIsVisible';
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,28 @@
1
+ /**
2
+ * Custom hook para verificar si el contenedor debería ser visible en la pantalla.
3
+ * Cada vez que el contenedor cambia de tamaño, el hook revisa si su altura es al menos de 55 píxeles o mayor (o el valor que se le pasa como argumento).
4
+ * Si es lo suficientemente alta, dice "sí, está visible" (true), si no, dice "no, está demasiado pequeña" (false).
5
+ * El hook useIsVisible es esencial ya que tanto las consultas de contenedor (container queries) como las consultas de medios (media queries) en css
6
+ * solo responden a cambios en el eje X del contenedor. No obstante, en este escenario de desarrollo, necesitamos evaluar también el eje Y.
7
+ * @param containerRef - Referencia al contenedor del componente.
8
+ * @param minHeightThreshold - Umbral mínimo de altura en píxeles para considerar el contenedor como visible (por defecto: 55).
9
+ * @returns true si el contenedor debería ser visible, false en caso contrario.
10
+ * @example
11
+ * ```tsx
12
+ * const MyComponent = () => {
13
+ * const containerRef = useRef<HTMLDivElement>(null);
14
+ * const isVisible = useIsVisible(containerRef, 100); // Visible solo si altura >= 100px
15
+ *
16
+ * return (
17
+ * <div ref={containerRef}>
18
+ * {isVisible ? (
19
+ * <img src="large-image.jpg" alt="Imagen grande" />
20
+ * ) : (
21
+ * <div>Contenedor demasiado pequeño para mostrar imagen</div>
22
+ * )}
23
+ * </div>
24
+ * );
25
+ * };
26
+ * ```
27
+ */
28
+ export declare const useIsVisible: (containerRef: React.RefObject<HTMLDivElement>, minHeightThreshold?: number) => boolean;
@@ -0,0 +1,25 @@
1
+ import { useState, useEffect } from "react";
2
+ import { D as DEFAULT_MIN_HEIGHT_THRESHOLD } from "./constants.js";
3
+ const useIsVisible = (containerRef, minHeightThreshold = DEFAULT_MIN_HEIGHT_THRESHOLD) => {
4
+ const [isVisible, setIsVisible] = useState(true);
5
+ useEffect(() => {
6
+ const observer = new ResizeObserver((entries) => {
7
+ for (const entry of entries) {
8
+ const shouldBeVisible = entry.contentRect.height >= minHeightThreshold;
9
+ setIsVisible(shouldBeVisible);
10
+ }
11
+ });
12
+ if (containerRef.current) {
13
+ observer.observe(containerRef.current);
14
+ const rect = containerRef.current.getBoundingClientRect();
15
+ setIsVisible(rect.height >= minHeightThreshold);
16
+ }
17
+ return () => {
18
+ observer.disconnect();
19
+ };
20
+ }, [containerRef]);
21
+ return isVisible;
22
+ };
23
+ export {
24
+ useIsVisible as u
25
+ };
package/index.js CHANGED
@@ -58,6 +58,7 @@ import { C as C13 } from "./components/DataGrid/formatters/ColumnChipStatusForma
58
58
  import { u as u11 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js";
59
59
  import { D as D3 } from "./components/DragResizeWindowRND/DragResizeWindowRND.js";
60
60
  import { d as d2 } from "./components/DragResizeWindowRND/classes/index.js";
61
+ import { W } from "./components/DragResizeWindowRND/constants.js";
61
62
  import { g as g7 } from "./components/DynamicFilter/dictionary.js";
62
63
  import { a as a5, g as g8 } from "./components/DynamicFilter/helpers/frontEndHelpers.js";
63
64
  import { g as g9 } from "./components/DynamicFilter/helpers/getRawFiltersForNetwork.js";
@@ -121,6 +122,7 @@ import { C as C17 } from "./components/formatters/ChipStatusFormatter/ChipStatus
121
122
  import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
122
123
  import { D as D9 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
123
124
  import { g as g18 } from "./components/formatters/dictionary.js";
125
+ import { F as F2 } from "./components/FormContainer/FormContainer.js";
124
126
  import { G } from "./components/GridLayout/GridLayout.js";
125
127
  import { R as R4 } from "./components/GridLayout/subcomponents/Responsive/index.js";
126
128
  import { c as c2, e as e2, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
@@ -163,9 +165,12 @@ import { a as a9, M as M3 } from "./components/MenuActions/MenuActions.js";
163
165
  import { M as M4 } from "./components/MFIsolationApp/MFIsolationApp.js";
164
166
  import { M as M5 } from "./components/MFLoader/MFLoader.js";
165
167
  import { g as g24 } from "./components/MFLoader/dictionary.js";
168
+ import { I as I6 } from "./components/ImageText/ImageText.js";
166
169
  import { N as N4 } from "./components/NoItemSelected/NoItemSelected.js";
167
170
  import { g as g25 } from "./components/NoItemSelected/dictionary.js";
168
- import { g as g26 } from "./components/ObjectLogs/dictionary.js";
171
+ import { N as N5 } from "./components/NoItemPrivileges/NoItemPrivileges.js";
172
+ import { g as g26 } from "./components/NoItemPrivileges/dictionary.js";
173
+ import { g as g27 } from "./components/ObjectLogs/dictionary.js";
169
174
  import { O } from "./components/ObjectLogs/ObjectLogs.js";
170
175
  import { P as P7 } from "./components/PaperForm/PaperForm.js";
171
176
  import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
@@ -178,26 +183,26 @@ import { S as S8 } from "./components/ScrollBar/ScrollBar.js";
178
183
  import { S as S9 } from "./components/SideBar/SideBar.js";
179
184
  import { T as T17 } from "./components/ToastContainer/ToastContainer.js";
180
185
  import { T as T18 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
181
- import { W } from "./components/WindowBase/WindowBase.js";
186
+ import { W as W2 } from "./components/WindowBase/WindowBase.js";
182
187
  import { u as u14 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
183
188
  import { u as u15, a as a11 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
184
- import { M as M6, W as W2, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
189
+ import { M as M6, W as W3, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
185
190
  import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
186
191
  import { D as D10, a as a13, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
187
- import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
188
- import { a as a14, g as g27 } from "./components/ModalDialog/dictionary.js";
192
+ import { W as W4 } from "./components/WindowConfirm/WindowConfirm.js";
193
+ import { a as a14, g as g28 } from "./components/ModalDialog/dictionary.js";
189
194
  import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
190
195
  import { S as S10 } from "./components/SettingsLayout/SettingsLayout.js";
191
196
  import { P as P13 } from "./components/Pager/Pager.js";
192
- import { F as F2, R as R23, u as u16 } from "./components/hook-form/RHFormContext/index.js";
193
- import { g as g28 } from "./components/hook-form/RHFormContext/dictionary.js";
197
+ import { F as F3, R as R23, u as u16 } from "./components/hook-form/RHFormContext/index.js";
198
+ import { g as g29 } from "./components/hook-form/RHFormContext/dictionary.js";
194
199
  import { u as u17 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
195
200
  import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
196
201
  import { a as a15, M as M9 } from "./contexts/ModalContext/index.js";
197
202
  import { u as u18 } from "./hooks/useFormAddEdit/index.js";
198
203
  import { u as u19 } from "./hooks/useModal/index.js";
199
204
  import { u as u20 } from "./hooks/useTab/index.js";
200
- import { g as g29 } from "./hooks/useFormAddEdit/dictionary.js";
205
+ import { g as g30 } from "./hooks/useFormAddEdit/dictionary.js";
201
206
  import { u as u21 } from "./hooks/useFormFocus/index.js";
202
207
  import { u as u22 } from "./hooks/useInterval/index.js";
203
208
  import { u as u23 } from "./hooks/useComponentSize/useComponentSize.js";
@@ -208,18 +213,19 @@ import { u as u26 } from "./hooks/useSvgColor/useSvgColor.js";
208
213
  import { u as u27 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
209
214
  import { u as u28 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
210
215
  import { u as u29 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
216
+ import { u as u30 } from "./hooks/useIsVisible/useIsVisible.js";
211
217
  import { c as c4 } from "./utils/capitalizeFirstLetter.js";
212
218
  import { i as i2 } from "./utils/isValidDate.js";
213
- import { g as g30 } from "./utils/getComponentUtilityClass.js";
214
- import { g as g31 } from "./utils/getPaletteColor.js";
215
- import { g as g32 } from "./utils/getTypographyStyles.js";
216
- import { g as g33 } from "./utils/getIconColor.js";
217
- import { a as a16, g as g34 } from "./utils/getSizeStyles/getSizeStyles.js";
219
+ import { g as g31 } from "./utils/getComponentUtilityClass.js";
220
+ import { g as g32 } from "./utils/getPaletteColor.js";
221
+ import { g as g33 } from "./utils/getTypographyStyles.js";
222
+ import { g as g34 } from "./utils/getIconColor.js";
223
+ import { a as a16, g as g35 } from "./utils/getSizeStyles/getSizeStyles.js";
218
224
  import { O as O2 } from "./utils/ObjectQueue.js";
219
- import { g as g35, a as a17 } from "./utils/getComponentSlotRoot.js";
225
+ import { g as g36, a as a17 } from "./utils/getComponentSlotRoot.js";
220
226
  import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
221
- import { g as g36 } from "./utils/getValidDate.js";
222
- import { g as g37 } from "./utils/getNullGuard.js";
227
+ import { g as g37 } from "./utils/getValidDate.js";
228
+ import { g as g38 } from "./utils/getNullGuard.js";
223
229
  export {
224
230
  A7 as AREAS_DICCTIONARY,
225
231
  a3 as AREAS_DICTIONARY_ID,
@@ -277,7 +283,8 @@ export {
277
283
  a13 as DynamicMFParmsProvider,
278
284
  D5 as DynamicSort,
279
285
  F as FixedSizeList,
280
- F2 as FormProviderCustom,
286
+ F2 as FormContainer,
287
+ F3 as FormProviderCustom,
281
288
  G as GridLayout,
282
289
  H as HamburgerMenu,
283
290
  H2 as HelmetPage,
@@ -287,6 +294,7 @@ export {
287
294
  I as IconButtonAnimate,
288
295
  I5 as Image,
289
296
  I3 as ImageButton,
297
+ I6 as ImageText,
290
298
  L2 as LABEL_FILTER_BUTTON,
291
299
  L6 as Label,
292
300
  L7 as LanguagePopover,
@@ -309,6 +317,7 @@ export {
309
317
  M as MotionContainer,
310
318
  M2 as MotionLazyContainer,
311
319
  N2 as NavLink,
320
+ N5 as NoItemPrivileges,
312
321
  N4 as NoItemSelected,
313
322
  N as NumberEditor,
314
323
  N3 as NumberInputStyled,
@@ -384,9 +393,10 @@ export {
384
393
  T8 as Typography,
385
394
  U as UncertaintyFormatter,
386
395
  V as VariableSizeList,
387
- W as WindowBase,
388
- W3 as WindowConfirm,
389
- W2 as WindowToolsMFContext,
396
+ W as WINDOW_SIZES,
397
+ W2 as WindowBase,
398
+ W4 as WindowConfirm,
399
+ W3 as WindowToolsMFContext,
390
400
  a12 as WindowToolsMFProvider,
391
401
  c2 as addLayoutItemToBreakPointIfNoExists,
392
402
  e2 as addLayoutItemToBreakPoints,
@@ -402,44 +412,45 @@ export {
402
412
  b2 as getAreasComponentsDictionary,
403
413
  g3 as getAreasDictionary,
404
414
  g4 as getCommonActionsDictionary,
405
- g35 as getComponentClasses,
415
+ g36 as getComponentClasses,
406
416
  a17 as getComponentSlotRoot,
407
- g30 as getComponentUtilityClass,
417
+ g31 as getComponentUtilityClass,
408
418
  g5 as getDataGridComponentsDictionary,
409
419
  g6 as getDataGridRowsFromSet,
410
420
  g17 as getDistanceToNowFormatterComponentsDictionary,
411
421
  g7 as getDynamicFilterComponentsDictionary,
412
422
  a6 as getDynamicSortComponentsDictionary,
413
423
  a5 as getFilterGroupFieldsByName,
414
- g28 as getFormComponentsDictionary,
424
+ g29 as getFormComponentsDictionary,
415
425
  g15 as getFormatConcatenated,
416
426
  g12 as getFormatDate,
417
427
  g14 as getFormatPoints,
418
428
  g16 as getFormatPrice,
419
429
  g18 as getFormattersComponentsDictionary,
420
430
  a16 as getHeightSizeStyles,
421
- g33 as getIconColor,
431
+ g34 as getIconColor,
422
432
  g8 as getIsIfInDynamicFilter,
423
433
  g22 as getLoadingErrorComponentsDictionary,
424
434
  g24 as getMFLoaderComponentsDictionary,
425
435
  g23 as getMenuActionsComponentsDictionary,
426
436
  a14 as getModalDialogComponentsDictionary,
427
- g27 as getModalDictionary,
437
+ g28 as getModalDictionary,
438
+ g26 as getNoItemPrivilegesComponentsDictionary,
428
439
  g25 as getNoItemSelectedComponentsDictionary,
429
- g37 as getNullGuard,
430
- g26 as getObjectLogsComponentsDictionary,
440
+ g38 as getNullGuard,
441
+ g27 as getObjectLogsComponentsDictionary,
431
442
  g11 as getPagerComponentsDictionary,
432
- g31 as getPaletteColor,
443
+ g32 as getPaletteColor,
433
444
  g21 as getPeriodComponetsDictionary,
434
445
  g20 as getRHFAutocompleteAsyncComponentsDictionary,
435
446
  g19 as getRHFAutocompleteComponentsDictionary,
436
447
  g9 as getRawFiltersForNetwork,
437
448
  g10 as getRawSortsForNetwork,
438
- g34 as getSizeStyles,
439
- g32 as getTypographyStyles,
449
+ g35 as getSizeStyles,
450
+ g33 as getTypographyStyles,
440
451
  g13 as getUncertaintyFormat,
441
- g36 as getValidDate,
442
- g29 as getformAddEditDictionary,
452
+ g37 as getValidDate,
453
+ g30 as getformAddEditDictionary,
443
454
  i as isEqualLayout,
444
455
  k as isEqualLayouts,
445
456
  i2 as isValidDate,
@@ -469,6 +480,7 @@ export {
469
480
  u24 as useFormReadyForUpdate,
470
481
  u12 as useFormatPeriod,
471
482
  u22 as useInterval,
483
+ u30 as useIsVisible,
472
484
  u19 as useModal,
473
485
  u29 as usePopoverContainer,
474
486
  u13 as usePopupsStore,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.3.6",
3
+ "version": "9.3.8-BE190825-beta.1",
4
4
  "license": "UNLICENSED",
5
5
  "description": "M4L Components",
6
6
  "lint-staged": {
@@ -0,0 +1,13 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { FormContainer } from '../../../src/components/FormContainer';
3
+ declare const meta: Meta<typeof FormContainer>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof FormContainer>;
6
+ /**
7
+ * Componente FormContainer por defecto
8
+ */
9
+ export declare const Default: Story;
10
+ /**
11
+ * Componente FormContainer con skeleton
12
+ */
13
+ export declare const Skeleton: Story;
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { NoItemPrivileges } from '../../../src/components/NoItemPrivileges';
3
+ declare const meta: Meta<typeof NoItemPrivileges>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof NoItemPrivileges>;
6
+ /** Base component */
7
+ export declare const NoItemPrivilegesComponent: Story;
8
+ /**
9
+ * Version skeleton del componente
10
+ */
11
+ export declare const Skeleton: Story;
12
+ export declare const WithSplitLayout: Story;
@@ -1,5 +1,5 @@
1
1
  import { Meta, StoryObj } from '@storybook/react';
2
- import { NoItemSelected } from '../../../src/components/NoItemSelected/NoItemSelected';
2
+ import { NoItemSelected } from '../../../src/components/NoItemSelected';
3
3
  declare const meta: Meta<typeof NoItemSelected>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof NoItemSelected>;
@@ -21,5 +21,12 @@ export declare const MultipleLines: Story;
21
21
  * disabled
22
22
  */
23
23
  export declare const WhitAdorment: Story;
24
+ /**
25
+ * Se aplica cuando el input tiene un limite de caracteres.
26
+ */
27
+ export declare const WithMaxLength: Story;
28
+ /**
29
+ * Se aplica cuando el input tiene un skeleton.
30
+ */
24
31
  export declare const WithSkeleton: Story;
25
32
  export default meta;
@@ -19,6 +19,11 @@ export declare const WithChildren: Story;
19
19
  ********************************************************/
20
20
  export declare const WithPropertyValues: Story;
21
21
  export declare const WithSimpleContent: Story;
22
+ /********************************************************
23
+ * PaperForm con variant text
24
+ ********************************************************/
25
+ export declare const WithTextVariant: Story;
26
+ export declare const WithFullHeight: Story;
22
27
  /**
23
28
  * State Skeleton
24
29
  */
@@ -16,6 +16,10 @@ export declare const RHFTextFieldReadOnly: Story;
16
16
  * endAdornment
17
17
  */
18
18
  export declare const RHFTextFieldAdornment: Story;
19
+ /**
20
+ * Input con límite de caracteres.
21
+ */
22
+ export declare const RHFTextFieldMaxLength: Story;
19
23
  export declare const RHFTextFieldError: Story;
20
24
  export declare const SkeletonBase: Story;
21
25
  export default meta;