@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.
- package/@types/types.d.ts +25 -0
- package/components/DataGrid/Datagrid.styles.js +2 -2
- package/components/DragResizeWindowRND/constants.d.ts +44 -0
- package/components/DragResizeWindowRND/constants.js +46 -1
- package/components/DragResizeWindowRND/index.d.ts +1 -0
- package/components/DynamicFilter/DynamicFilter.styles.js +8 -4
- package/components/DynamicFilter/subcomponents/FilterActions/FilterActions.js +3 -0
- package/components/DynamicSort/DynamicSort.styles.js +8 -4
- package/components/FormContainer/FormContainer.d.ts +7 -0
- package/components/FormContainer/FormContainer.js +21 -0
- package/components/FormContainer/FormContainer.styles.d.ts +2 -0
- package/components/FormContainer/FormContainer.styles.js +27 -0
- package/components/FormContainer/constants.d.ts +2 -0
- package/components/FormContainer/constants.js +8 -0
- package/components/FormContainer/index.d.ts +1 -0
- package/components/FormContainer/index.js +1 -0
- package/components/FormContainer/slots/FormContainerEnum.d.ts +5 -0
- package/components/FormContainer/slots/FormContainerEnum.js +9 -0
- package/components/FormContainer/slots/FormContainerSlots.d.ts +9 -0
- package/components/FormContainer/slots/FormContainerSlots.js +22 -0
- package/components/FormContainer/test/FormContainer.test.d.ts +1 -0
- package/components/FormContainer/types.d.ts +11 -0
- package/components/ImageText/ImageText.d.ts +7 -0
- package/components/ImageText/ImageText.js +62 -0
- package/components/ImageText/ImageText.styles.d.ts +2 -0
- package/components/ImageText/ImageText.styles.js +79 -0
- package/components/ImageText/constants.d.ts +16 -0
- package/components/ImageText/constants.js +10 -0
- package/components/ImageText/index.d.ts +1 -0
- package/components/ImageText/index.js +1 -0
- package/components/ImageText/slots/ImageTextEnum.d.ts +8 -0
- package/components/ImageText/slots/ImageTextEnum.js +12 -0
- package/components/ImageText/slots/ImageTextSlots.d.ts +18 -0
- package/components/ImageText/slots/ImageTextSlots.js +38 -0
- package/components/ImageText/types.d.ts +40 -0
- package/components/NoItemPrivileges/NoItemPrivileges.d.ts +7 -0
- package/components/NoItemPrivileges/NoItemPrivileges.js +33 -0
- package/components/NoItemPrivileges/NoItemPrivilegesStyles.d.ts +5 -0
- package/components/NoItemPrivileges/NoItemPrivilegesStyles.js +6 -0
- package/components/NoItemPrivileges/constants.d.ts +3 -0
- package/components/NoItemPrivileges/constants.js +10 -0
- package/components/NoItemPrivileges/dictionary.d.ts +5 -0
- package/components/NoItemPrivileges/dictionary.js +12 -0
- package/components/NoItemPrivileges/index.d.ts +3 -0
- package/components/NoItemPrivileges/index.js +1 -0
- package/components/NoItemPrivileges/slots/NoItemPrivilegesEnum.d.ts +3 -0
- package/components/NoItemPrivileges/slots/NoItemPrivilegesEnum.js +7 -0
- package/components/NoItemPrivileges/slots/NoItemPrivilegesSlots.d.ts +3 -0
- package/components/NoItemPrivileges/slots/NoItemPrivilegesSlots.js +12 -0
- package/components/NoItemPrivileges/test/NoItemPrivileges.test.d.ts +1 -0
- package/components/NoItemPrivileges/types.d.ts +36 -0
- package/components/NoItemSelected/NoItemSelected.js +16 -59
- package/components/NoItemSelected/NoItemSelected.styles.js +1 -100
- package/components/NoItemSelected/constant.d.ts +2 -2
- package/components/NoItemSelected/constant.js +4 -4
- package/components/NoItemSelected/dictionary.d.ts +0 -2
- package/components/NoItemSelected/dictionary.js +4 -3
- package/components/NoItemSelected/slots/NoItemSelectedEnum.d.ts +1 -7
- package/components/NoItemSelected/slots/NoItemSelectedEnum.js +0 -6
- package/components/NoItemSelected/slots/NoItemSelectedSlots.d.ts +1 -19
- package/components/NoItemSelected/slots/NoItemSelectedSlots.js +5 -37
- package/components/NoItemSelected/test/NoItemSelected.test.d.ts +1 -0
- package/components/NoItemSelected/types.d.ts +5 -6
- package/components/ObjectLogs/helpers/Fields/filterFields.d.ts +5 -0
- package/components/ObjectLogs/helpers/Fields/filterFields.js +81 -0
- package/components/ObjectLogs/hooks/useDetailFormatter.js +2 -2
- package/components/ObjectLogs/hooks/useFilterAndSort.d.ts +15 -0
- package/components/ObjectLogs/hooks/useFilterAndSort.js +52 -0
- package/components/ObjectLogs/slots/ObjectLogsSlots.js +1 -2
- package/components/ObjectLogs/subcomponents/ObjectLogsByM4L/ObjectLogsByM4L.js +39 -88
- package/components/ObjectLogs/subcomponents/ObjectLogsByOthers/ObjectLogsByOthers.js +30 -104
- package/components/PaperForm/PaperForm.js +6 -4
- package/components/PaperForm/index.js +1 -0
- package/components/PaperForm/styles.js +21 -10
- package/components/PaperForm/types.d.ts +3 -2
- package/components/PropertyValue/PropertyValue.styles.js +2 -1
- package/components/SideBar/subcomponents/ContentComponent/style.js +3 -0
- package/components/SideBar/subcomponents/TreeGroupItems/styles.js +1 -1
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItem/index.js +1 -1
- package/components/formatters/BooleanFormatter/BooleanFormatter.js +1 -0
- package/components/hook-form/RHFTextField/RHFTextField.js +5 -3
- package/components/hook-form/RHFTextField/slots/RHFTextFieldSlots.d.ts +1 -1
- package/components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js +63 -55
- package/components/hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.d.ts +1 -1
- package/components/index.d.ts +4 -1
- package/components/mui_extended/Autocomplete/Autocomplete.js +2 -1
- package/components/mui_extended/Autocomplete/hooks/useEndAdornments.d.ts +1 -0
- package/components/mui_extended/Autocomplete/hooks/useEndAdornments.js +4 -2
- package/components/mui_extended/Autocomplete/hooks/useValuesAndHandlers.js +1 -1
- package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts +1 -1
- package/components/mui_extended/Tab/Tab.styles.js +7 -7
- package/components/mui_extended/TabContent/TabContent.styles.js +1 -1
- package/components/mui_extended/TextField/TextField.js +13 -2
- package/components/mui_extended/TextField/TextField.styles.js +40 -3
- package/components/mui_extended/TextField/constants.d.ts +4 -0
- package/components/mui_extended/TextField/index.d.ts +1 -0
- package/components/mui_extended/TextField/slots/TextFieldEnum.d.ts +5 -1
- package/components/mui_extended/TextField/slots/TextFieldEnum.js +4 -0
- package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts +18 -0
- package/components/mui_extended/TextField/slots/TextFieldSlots.js +22 -2
- package/components/mui_extended/TextField/types.d.ts +9 -0
- package/hooks/index.d.ts +1 -0
- package/hooks/useDynamicFilterAndSort/types.d.ts +2 -0
- package/hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js +5 -3
- package/hooks/useIsVisible/constants.d.ts +1 -0
- package/hooks/useIsVisible/constants.js +4 -0
- package/hooks/useIsVisible/index.d.ts +1 -0
- package/hooks/useIsVisible/index.js +1 -0
- package/hooks/useIsVisible/useIsVisible.d.ts +28 -0
- package/hooks/useIsVisible/useIsVisible.js +25 -0
- package/index.js +44 -32
- package/package.json +1 -1
- package/storybook/components/FormContainer/FormContainer.stories.d.ts +13 -0
- package/storybook/components/NoItemPrivileges/NoItemPrivileges.stories.d.ts +12 -0
- package/storybook/components/NoItemSelect/NoItemSelect.stories.d.ts +1 -1
- package/storybook/components/extended/mui/TextField/TextFieldText.stories.d.ts +7 -0
- package/storybook/components/paperForm/PaperForm.stories.d.ts +5 -0
- package/storybook/hook-form/RHFTextField/RHFTextField.stories.d.ts +4 -0
- package/storybook/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.stories.d.ts +19 -0
- package/utils/getLimitCharacters/getLimitCharacters.d.ts +7 -0
- package/utils/getLimitCharacters/getLimitCharacters.js +11 -0
- package/utils/getLimitCharacters/index.d.ts +1 -0
- package/utils/getLimitCharacters/index.js +1 -0
- package/utils/getLimitCharacters/test/getLimitCharacters.test.d.ts +1 -0
- 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,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
|
@@ -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 @@
|
|
|
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 {
|
|
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
|
|
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
|
|
188
|
-
import { a as a14, g as
|
|
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
|
|
193
|
-
import { g as
|
|
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
|
|
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
|
|
214
|
-
import { g as
|
|
215
|
-
import { g as
|
|
216
|
-
import { g as
|
|
217
|
-
import { a as a16, g as
|
|
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
|
|
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
|
|
222
|
-
import { g as
|
|
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
|
|
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
|
|
388
|
-
|
|
389
|
-
|
|
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
|
-
|
|
415
|
+
g36 as getComponentClasses,
|
|
406
416
|
a17 as getComponentSlotRoot,
|
|
407
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
437
|
+
g28 as getModalDictionary,
|
|
438
|
+
g26 as getNoItemPrivilegesComponentsDictionary,
|
|
428
439
|
g25 as getNoItemSelectedComponentsDictionary,
|
|
429
|
-
|
|
430
|
-
|
|
440
|
+
g38 as getNullGuard,
|
|
441
|
+
g27 as getObjectLogsComponentsDictionary,
|
|
431
442
|
g11 as getPagerComponentsDictionary,
|
|
432
|
-
|
|
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
|
-
|
|
439
|
-
|
|
449
|
+
g35 as getSizeStyles,
|
|
450
|
+
g33 as getTypographyStyles,
|
|
440
451
|
g13 as getUncertaintyFormat,
|
|
441
|
-
|
|
442
|
-
|
|
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
|
@@ -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
|
|
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;
|