@m4l/components 9.3.5 → 9.3.7
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 +16 -0
- package/components/DataGrid/Datagrid.styles.js +1 -1
- 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/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/DetailDialog/index.js +3 -8
- package/components/ObjectLogs/subcomponents/ObjectLogsByM4L/ObjectLogsByM4L.js +39 -88
- package/components/ObjectLogs/subcomponents/ObjectLogsByOthers/ObjectLogsByOthers.js +30 -104
- package/components/ObjectLogs/types.d.ts +0 -2
- package/components/PropertyValue/PropertyValue.styles.js +1 -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/extended/React-Json-Viewer/ReactJsonViewer.d.ts +7 -0
- package/components/extended/React-Json-Viewer/ReactJsonViewer.js +31 -0
- package/components/extended/React-Json-Viewer/ReactJsonViewer.styles.d.ts +2 -0
- package/components/extended/React-Json-Viewer/ReactJsonViewer.styles.js +12 -0
- package/components/extended/React-Json-Viewer/constants.d.ts +2 -0
- package/components/extended/React-Json-Viewer/constants.js +8 -0
- package/components/extended/React-Json-Viewer/helpers/getReactJsonViewerTheme/getReactJsonViewerTheme.d.ts +8 -0
- package/components/extended/React-Json-Viewer/helpers/getReactJsonViewerTheme/getReactJsonViewerTheme.js +23 -0
- package/components/extended/React-Json-Viewer/helpers/getReactJsonViewerTheme/index.d.ts +1 -0
- package/components/extended/React-Json-Viewer/index.d.ts +1 -0
- package/components/extended/React-Json-Viewer/index.js +1 -0
- package/components/extended/React-Json-Viewer/slots/ReactJsonViewerEnum.d.ts +3 -0
- package/components/extended/React-Json-Viewer/slots/ReactJsonViewerEnum.js +7 -0
- package/components/extended/React-Json-Viewer/slots/ReactJsonViewerSlots.d.ts +1 -0
- package/components/extended/React-Json-Viewer/slots/ReactJsonViewerSlots.js +11 -0
- package/components/extended/React-Json-Viewer/test/ReactJsonViewer.test.d.ts +1 -0
- package/components/extended/React-Json-Viewer/types.d.ts +12 -0
- package/components/extended/index.d.ts +1 -0
- 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 +2 -0
- 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 +82 -70
- package/package.json +1 -1
- package/storybook/components/NoItemPrivileges/NoItemPrivileges.stories.d.ts +12 -0
- package/storybook/components/NoItemSelect/NoItemSelect.stories.d.ts +1 -1
- package/storybook/components/extended/React-Json-Viewer/ReactJsonViewer.stories.d.ts +9 -0
- package/storybook/components/extended/mui/TextField/TextFieldText.stories.d.ts +7 -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
|
@@ -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";
|
|
@@ -72,6 +73,7 @@ import { S as S3 } from "./components/extended/React-resizable-panels/SplitLayou
|
|
|
72
73
|
import { P } from "./components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.js";
|
|
73
74
|
import { F } from "./components/extended/React-Window/FixedSizeList/FixedSizeList.js";
|
|
74
75
|
import { V } from "./components/extended/React-Window/VariableSizeList/VariableSizeList.js";
|
|
76
|
+
import { R as R3 } from "./components/extended/React-Json-Viewer/ReactJsonViewer.js";
|
|
75
77
|
import { A as A14 } from "./components/mui_extended/Avatar/Avatar.js";
|
|
76
78
|
import { B as B2 } from "./components/mui_extended/BoxIcon/index.js";
|
|
77
79
|
import { B as B3 } from "./components/mui_extended/Breadcrumbs/index.js";
|
|
@@ -121,34 +123,34 @@ import { g as g17 } from "./components/formatters/DistanceToNowFormatter/diction
|
|
|
121
123
|
import { D as D9 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
|
|
122
124
|
import { g as g18 } from "./components/formatters/dictionary.js";
|
|
123
125
|
import { G } from "./components/GridLayout/GridLayout.js";
|
|
124
|
-
import { R as
|
|
126
|
+
import { R as R4 } from "./components/GridLayout/subcomponents/Responsive/index.js";
|
|
125
127
|
import { c as c2, e as e2, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
|
|
126
128
|
import { i, k } from "./components/GridLayout/utils.js";
|
|
127
129
|
import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
|
|
128
130
|
import { H as H2 } from "./components/HelmetPage/index.js";
|
|
129
131
|
import { H as H3 } from "./components/HelperError/HelperError.js";
|
|
130
|
-
import { R as
|
|
132
|
+
import { R as R5 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
|
|
131
133
|
import { g as g19 } from "./components/hook-form/RHFAutocomplete/dictionary.js";
|
|
132
|
-
import { R as
|
|
134
|
+
import { R as R6 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
|
|
133
135
|
import { g as g20 } from "./components/hook-form/RHFAutocompleteAsync/dictionary.js";
|
|
134
|
-
import { R as
|
|
135
|
-
import { R as
|
|
136
|
-
import { R as
|
|
137
|
-
import { R as
|
|
138
|
-
import { R as
|
|
139
|
-
import { R as
|
|
140
|
-
import { R as
|
|
141
|
-
import { R as
|
|
142
|
-
import { R as
|
|
143
|
-
import { R as
|
|
136
|
+
import { R as R7 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
|
|
137
|
+
import { R as R8 } from "./components/hook-form/RHFMultiCheckbox/index.js";
|
|
138
|
+
import { R as R9 } from "./components/hook-form/RHFSelect/RHFSelect.js";
|
|
139
|
+
import { R as R10 } from "./components/hook-form/RHFHelperError/index.js";
|
|
140
|
+
import { R as R11 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
|
|
141
|
+
import { R as R12 } from "./components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js";
|
|
142
|
+
import { R as R13 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
|
|
143
|
+
import { R as R14 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
|
|
144
|
+
import { R as R15 } from "./components/hook-form/RHFTextField/RHFTextField.js";
|
|
145
|
+
import { R as R16 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
|
|
144
146
|
import { g as g21 } from "./components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js";
|
|
145
147
|
import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
|
|
146
|
-
import { R as
|
|
147
|
-
import { R as
|
|
148
|
-
import { R as
|
|
149
|
-
import { N as N3, P as P6, R as
|
|
150
|
-
import { R as
|
|
151
|
-
import { R as
|
|
148
|
+
import { R as R17 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
|
|
149
|
+
import { R as R18 } from "./components/hook-form/RHFPeriod/constants.js";
|
|
150
|
+
import { R as R19 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
|
|
151
|
+
import { N as N3, P as P6, R as R20, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
|
|
152
|
+
import { R as R21 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
|
|
153
|
+
import { R as R22 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
|
|
152
154
|
import { I as I4 } from "./components/Icon/Icon.js";
|
|
153
155
|
import { I as I5 } from "./components/Image/Image.js";
|
|
154
156
|
import { L as L6 } from "./components/Label/Label.js";
|
|
@@ -162,9 +164,12 @@ import { a as a9, M as M3 } from "./components/MenuActions/MenuActions.js";
|
|
|
162
164
|
import { M as M4 } from "./components/MFIsolationApp/MFIsolationApp.js";
|
|
163
165
|
import { M as M5 } from "./components/MFLoader/MFLoader.js";
|
|
164
166
|
import { g as g24 } from "./components/MFLoader/dictionary.js";
|
|
167
|
+
import { I as I6 } from "./components/ImageText/ImageText.js";
|
|
165
168
|
import { N as N4 } from "./components/NoItemSelected/NoItemSelected.js";
|
|
166
169
|
import { g as g25 } from "./components/NoItemSelected/dictionary.js";
|
|
167
|
-
import {
|
|
170
|
+
import { N as N5 } from "./components/NoItemPrivileges/NoItemPrivileges.js";
|
|
171
|
+
import { g as g26 } from "./components/NoItemPrivileges/dictionary.js";
|
|
172
|
+
import { g as g27 } from "./components/ObjectLogs/dictionary.js";
|
|
168
173
|
import { O } from "./components/ObjectLogs/ObjectLogs.js";
|
|
169
174
|
import { P as P7 } from "./components/PaperForm/PaperForm.js";
|
|
170
175
|
import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
|
|
@@ -177,26 +182,26 @@ import { S as S8 } from "./components/ScrollBar/ScrollBar.js";
|
|
|
177
182
|
import { S as S9 } from "./components/SideBar/SideBar.js";
|
|
178
183
|
import { T as T17 } from "./components/ToastContainer/ToastContainer.js";
|
|
179
184
|
import { T as T18 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
|
|
180
|
-
import { W } from "./components/WindowBase/WindowBase.js";
|
|
185
|
+
import { W as W2 } from "./components/WindowBase/WindowBase.js";
|
|
181
186
|
import { u as u14 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
|
|
182
187
|
import { u as u15, a as a11 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
|
|
183
|
-
import { M as M6, W as
|
|
188
|
+
import { M as M6, W as W3, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
|
|
184
189
|
import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
|
|
185
190
|
import { D as D10, a as a13, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
|
|
186
|
-
import { W as
|
|
187
|
-
import { a as a14, g as
|
|
191
|
+
import { W as W4 } from "./components/WindowConfirm/WindowConfirm.js";
|
|
192
|
+
import { a as a14, g as g28 } from "./components/ModalDialog/dictionary.js";
|
|
188
193
|
import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
|
|
189
194
|
import { S as S10 } from "./components/SettingsLayout/SettingsLayout.js";
|
|
190
195
|
import { P as P13 } from "./components/Pager/Pager.js";
|
|
191
|
-
import { F as F2, R as
|
|
192
|
-
import { g as
|
|
196
|
+
import { F as F2, R as R23, u as u16 } from "./components/hook-form/RHFormContext/index.js";
|
|
197
|
+
import { g as g29 } from "./components/hook-form/RHFormContext/dictionary.js";
|
|
193
198
|
import { u as u17 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
|
|
194
199
|
import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
|
|
195
200
|
import { a as a15, M as M9 } from "./contexts/ModalContext/index.js";
|
|
196
201
|
import { u as u18 } from "./hooks/useFormAddEdit/index.js";
|
|
197
202
|
import { u as u19 } from "./hooks/useModal/index.js";
|
|
198
203
|
import { u as u20 } from "./hooks/useTab/index.js";
|
|
199
|
-
import { g as
|
|
204
|
+
import { g as g30 } from "./hooks/useFormAddEdit/dictionary.js";
|
|
200
205
|
import { u as u21 } from "./hooks/useFormFocus/index.js";
|
|
201
206
|
import { u as u22 } from "./hooks/useInterval/index.js";
|
|
202
207
|
import { u as u23 } from "./hooks/useComponentSize/useComponentSize.js";
|
|
@@ -207,18 +212,19 @@ import { u as u26 } from "./hooks/useSvgColor/useSvgColor.js";
|
|
|
207
212
|
import { u as u27 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
|
|
208
213
|
import { u as u28 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
|
|
209
214
|
import { u as u29 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
|
|
215
|
+
import { u as u30 } from "./hooks/useIsVisible/useIsVisible.js";
|
|
210
216
|
import { c as c4 } from "./utils/capitalizeFirstLetter.js";
|
|
211
217
|
import { i as i2 } from "./utils/isValidDate.js";
|
|
212
|
-
import { g as
|
|
213
|
-
import { g as
|
|
214
|
-
import { g as
|
|
215
|
-
import { g as
|
|
216
|
-
import { a as a16, g as
|
|
218
|
+
import { g as g31 } from "./utils/getComponentUtilityClass.js";
|
|
219
|
+
import { g as g32 } from "./utils/getPaletteColor.js";
|
|
220
|
+
import { g as g33 } from "./utils/getTypographyStyles.js";
|
|
221
|
+
import { g as g34 } from "./utils/getIconColor.js";
|
|
222
|
+
import { a as a16, g as g35 } from "./utils/getSizeStyles/getSizeStyles.js";
|
|
217
223
|
import { O as O2 } from "./utils/ObjectQueue.js";
|
|
218
|
-
import { g as
|
|
224
|
+
import { g as g36, a as a17 } from "./utils/getComponentSlotRoot.js";
|
|
219
225
|
import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
|
|
220
|
-
import { g as
|
|
221
|
-
import { g as
|
|
226
|
+
import { g as g37 } from "./utils/getValidDate.js";
|
|
227
|
+
import { g as g38 } from "./utils/getNullGuard.js";
|
|
222
228
|
export {
|
|
223
229
|
A7 as AREAS_DICCTIONARY,
|
|
224
230
|
a3 as AREAS_DICTIONARY_ID,
|
|
@@ -286,6 +292,7 @@ export {
|
|
|
286
292
|
I as IconButtonAnimate,
|
|
287
293
|
I5 as Image,
|
|
288
294
|
I3 as ImageButton,
|
|
295
|
+
I6 as ImageText,
|
|
289
296
|
L2 as LABEL_FILTER_BUTTON,
|
|
290
297
|
L6 as Label,
|
|
291
298
|
L7 as LanguagePopover,
|
|
@@ -308,6 +315,7 @@ export {
|
|
|
308
315
|
M as MotionContainer,
|
|
309
316
|
M2 as MotionLazyContainer,
|
|
310
317
|
N2 as NavLink,
|
|
318
|
+
N5 as NoItemPrivileges,
|
|
311
319
|
N4 as NoItemSelected,
|
|
312
320
|
N as NumberEditor,
|
|
313
321
|
N3 as NumberInputStyled,
|
|
@@ -327,28 +335,29 @@ export {
|
|
|
327
335
|
P11 as PrintingSystem,
|
|
328
336
|
P as PropagateLoaderSpinner,
|
|
329
337
|
P12 as PropertyValue,
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
338
|
+
R5 as RHFAutocomplete,
|
|
339
|
+
R6 as RHFAutocompleteAsync,
|
|
340
|
+
R14 as RHFCheckbox,
|
|
341
|
+
R13 as RHFColorPicker,
|
|
342
|
+
R7 as RHFDateTime,
|
|
343
|
+
R10 as RHFHelperError,
|
|
344
|
+
R8 as RHFMultiCheckbox,
|
|
345
|
+
R21 as RHFNumberInput,
|
|
346
|
+
R17 as RHFPeriod,
|
|
347
|
+
R20 as RHFPeriodRootStyled,
|
|
348
|
+
R19 as RHFPeriodSlots,
|
|
349
|
+
R11 as RHFRadioGroup,
|
|
350
|
+
R9 as RHFSelect,
|
|
351
|
+
R15 as RHFTextField,
|
|
352
|
+
R16 as RHFTextFieldPassword,
|
|
353
|
+
R22 as RHFUploadImage,
|
|
354
|
+
R12 as RHFUploadSingleFile,
|
|
355
|
+
R18 as RHF_PERIOD_KEY_COMPONENT,
|
|
356
|
+
R23 as RHFormProvider,
|
|
357
|
+
R3 as ReactJsonViewer,
|
|
349
358
|
R as Resizable,
|
|
350
359
|
R2 as ResizableBox,
|
|
351
|
-
|
|
360
|
+
R4 as Responsive,
|
|
352
361
|
S11 as SKELETON_SVG_ICON,
|
|
353
362
|
S8 as ScrollBar,
|
|
354
363
|
S as SectionCommercial,
|
|
@@ -382,9 +391,10 @@ export {
|
|
|
382
391
|
T8 as Typography,
|
|
383
392
|
U as UncertaintyFormatter,
|
|
384
393
|
V as VariableSizeList,
|
|
385
|
-
W as
|
|
386
|
-
|
|
387
|
-
|
|
394
|
+
W as WINDOW_SIZES,
|
|
395
|
+
W2 as WindowBase,
|
|
396
|
+
W4 as WindowConfirm,
|
|
397
|
+
W3 as WindowToolsMFContext,
|
|
388
398
|
a12 as WindowToolsMFProvider,
|
|
389
399
|
c2 as addLayoutItemToBreakPointIfNoExists,
|
|
390
400
|
e2 as addLayoutItemToBreakPoints,
|
|
@@ -400,44 +410,45 @@ export {
|
|
|
400
410
|
b2 as getAreasComponentsDictionary,
|
|
401
411
|
g3 as getAreasDictionary,
|
|
402
412
|
g4 as getCommonActionsDictionary,
|
|
403
|
-
|
|
413
|
+
g36 as getComponentClasses,
|
|
404
414
|
a17 as getComponentSlotRoot,
|
|
405
|
-
|
|
415
|
+
g31 as getComponentUtilityClass,
|
|
406
416
|
g5 as getDataGridComponentsDictionary,
|
|
407
417
|
g6 as getDataGridRowsFromSet,
|
|
408
418
|
g17 as getDistanceToNowFormatterComponentsDictionary,
|
|
409
419
|
g7 as getDynamicFilterComponentsDictionary,
|
|
410
420
|
a6 as getDynamicSortComponentsDictionary,
|
|
411
421
|
a5 as getFilterGroupFieldsByName,
|
|
412
|
-
|
|
422
|
+
g29 as getFormComponentsDictionary,
|
|
413
423
|
g15 as getFormatConcatenated,
|
|
414
424
|
g12 as getFormatDate,
|
|
415
425
|
g14 as getFormatPoints,
|
|
416
426
|
g16 as getFormatPrice,
|
|
417
427
|
g18 as getFormattersComponentsDictionary,
|
|
418
428
|
a16 as getHeightSizeStyles,
|
|
419
|
-
|
|
429
|
+
g34 as getIconColor,
|
|
420
430
|
g8 as getIsIfInDynamicFilter,
|
|
421
431
|
g22 as getLoadingErrorComponentsDictionary,
|
|
422
432
|
g24 as getMFLoaderComponentsDictionary,
|
|
423
433
|
g23 as getMenuActionsComponentsDictionary,
|
|
424
434
|
a14 as getModalDialogComponentsDictionary,
|
|
425
|
-
|
|
435
|
+
g28 as getModalDictionary,
|
|
436
|
+
g26 as getNoItemPrivilegesComponentsDictionary,
|
|
426
437
|
g25 as getNoItemSelectedComponentsDictionary,
|
|
427
|
-
|
|
428
|
-
|
|
438
|
+
g38 as getNullGuard,
|
|
439
|
+
g27 as getObjectLogsComponentsDictionary,
|
|
429
440
|
g11 as getPagerComponentsDictionary,
|
|
430
|
-
|
|
441
|
+
g32 as getPaletteColor,
|
|
431
442
|
g21 as getPeriodComponetsDictionary,
|
|
432
443
|
g20 as getRHFAutocompleteAsyncComponentsDictionary,
|
|
433
444
|
g19 as getRHFAutocompleteComponentsDictionary,
|
|
434
445
|
g9 as getRawFiltersForNetwork,
|
|
435
446
|
g10 as getRawSortsForNetwork,
|
|
436
|
-
|
|
437
|
-
|
|
447
|
+
g35 as getSizeStyles,
|
|
448
|
+
g33 as getTypographyStyles,
|
|
438
449
|
g13 as getUncertaintyFormat,
|
|
439
|
-
|
|
440
|
-
|
|
450
|
+
g37 as getValidDate,
|
|
451
|
+
g30 as getformAddEditDictionary,
|
|
441
452
|
i as isEqualLayout,
|
|
442
453
|
k as isEqualLayouts,
|
|
443
454
|
i2 as isValidDate,
|
|
@@ -467,6 +478,7 @@ export {
|
|
|
467
478
|
u24 as useFormReadyForUpdate,
|
|
468
479
|
u12 as useFormatPeriod,
|
|
469
480
|
u22 as useInterval,
|
|
481
|
+
u30 as useIsVisible,
|
|
470
482
|
u19 as useModal,
|
|
471
483
|
u29 as usePopoverContainer,
|
|
472
484
|
u13 as usePopupsStore,
|
package/package.json
CHANGED
|
@@ -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>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ReactJsonViewer } from '../../../../src/components/extended/React-Json-Viewer';
|
|
3
|
+
declare const meta: Meta<typeof ReactJsonViewer>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ReactJsonViewer>;
|
|
6
|
+
/**
|
|
7
|
+
* ReactJsonViewer historia por defecto.
|
|
8
|
+
*/
|
|
9
|
+
export declare const ReactJsonViewerDefault: Story;
|