@m4l/components 9.3.1-BE24072025-beta.2 → 9.3.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 +0 -15
- package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js +2 -0
- package/components/NumberInput/hooks/useNumberInput/useNumberInput.js +2 -0
- package/components/areas/contexts/AreasContext/store.js +2 -2
- package/components/hook-form/RHFAutocompleteAsync/reducer/RHFAutocompleteReducer.js +5 -0
- package/components/hook-form/RHFPeriod/slots/RHFPeriodSlots.d.ts +2 -2
- package/components/hook-form/RHFSelect/slots/RHFSlots.d.ts +1 -1
- package/components/hook-form/RHFTextField/slots/RHFTextFieldSlots.d.ts +1 -1
- package/components/hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.d.ts +1 -1
- package/components/index.d.ts +0 -1
- package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts +1 -1
- package/components/mui_extended/Select/index.d.ts +2 -2
- package/components/mui_extended/Select/slots/SelectSlots.d.ts +1 -1
- package/components/mui_extended/Select/slots/SelectSlots.js +1 -1
- package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts +1 -1
- package/components/mui_extended/index.d.ts +1 -0
- package/index.js +12 -12
- package/package.json +3 -3
- package/components/SettingsLayout/SettingsLayout.d.ts +0 -5
- package/components/SettingsLayout/SettingsLayout.js +0 -50
- package/components/SettingsLayout/SettingsLayout.styles.d.ts +0 -2
- package/components/SettingsLayout/SettingsLayout.styles.js +0 -270
- package/components/SettingsLayout/constants.d.ts +0 -7
- package/components/SettingsLayout/constants.js +0 -10
- package/components/SettingsLayout/dictionary.d.ts +0 -56
- package/components/SettingsLayout/dictionary.js +0 -12
- package/components/SettingsLayout/icons.d.ts +0 -14
- package/components/SettingsLayout/icons.js +0 -17
- package/components/SettingsLayout/index.d.ts +0 -2
- package/components/SettingsLayout/index.js +0 -1
- package/components/SettingsLayout/slots/SettingsLayoutEnum.d.ts +0 -17
- package/components/SettingsLayout/slots/SettingsLayoutEnum.js +0 -21
- package/components/SettingsLayout/slots/SettingsLayoutSlots.d.ts +0 -47
- package/components/SettingsLayout/slots/SettingsLayoutSlots.js +0 -83
- package/components/SettingsLayout/subcomponents/SettingColorPresets/SettingColorPresets.d.ts +0 -4
- package/components/SettingsLayout/subcomponents/SettingColorPresets/SettingColorPresets.js +0 -34
- package/components/SettingsLayout/subcomponents/SettingColorPresets/index.d.ts +0 -1
- package/components/SettingsLayout/subcomponents/SettingColorPresets/index.js +0 -1
- package/components/SettingsLayout/subcomponents/SettingDirection/SettingDirection.d.ts +0 -4
- package/components/SettingsLayout/subcomponents/SettingDirection/SettingDirection.js +0 -34
- package/components/SettingsLayout/subcomponents/SettingDirection/index.d.ts +0 -1
- package/components/SettingsLayout/subcomponents/SettingFullscreen/SettingFullscreen.d.ts +0 -4
- package/components/SettingsLayout/subcomponents/SettingFullscreen/SettingFullscreen.js +0 -40
- package/components/SettingsLayout/subcomponents/SettingFullscreen/index.d.ts +0 -1
- package/components/SettingsLayout/subcomponents/SettingFullscreen/index.js +0 -1
- package/components/SettingsLayout/subcomponents/SettingItem/SettingItem.d.ts +0 -8
- package/components/SettingsLayout/subcomponents/SettingItem/SettingItem.js +0 -23
- package/components/SettingsLayout/subcomponents/SettingItem/index.d.ts +0 -1
- package/components/SettingsLayout/subcomponents/SettingItem/index.js +0 -1
- package/components/SettingsLayout/subcomponents/SettingItem/types.d.ts +0 -5
- package/components/SettingsLayout/subcomponents/SettingItemColor/SettingItemColor.d.ts +0 -8
- package/components/SettingsLayout/subcomponents/SettingItemColor/SettingItemColor.js +0 -24
- package/components/SettingsLayout/subcomponents/SettingItemColor/index.d.ts +0 -1
- package/components/SettingsLayout/subcomponents/SettingItemColor/index.js +0 -1
- package/components/SettingsLayout/subcomponents/SettingItemColor/types.d.ts +0 -6
- package/components/SettingsLayout/subcomponents/SettingMode/SettingMode.d.ts +0 -4
- package/components/SettingsLayout/subcomponents/SettingMode/SettingMode.js +0 -34
- package/components/SettingsLayout/subcomponents/SettingMode/index.d.ts +0 -1
- package/components/SettingsLayout/subcomponents/SettingMode/index.js +0 -1
- package/components/SettingsLayout/subcomponents/SettingsLayoutBase/SettingsLayoutBase.d.ts +0 -4
- package/components/SettingsLayout/subcomponents/SettingsLayoutBase/SettingsLayoutBase.js +0 -76
- package/components/SettingsLayout/subcomponents/SettingsLayoutBase/index.d.ts +0 -1
- package/components/SettingsLayout/subcomponents/SettingsLayoutBase/index.js +0 -1
- package/components/SettingsLayout/subcomponents/SettingsLayoutBase/types.d.ts +0 -0
- package/components/SettingsLayout/test/SettingsLayout.test.d.ts +0 -1
- package/components/SettingsLayout/types.d.ts +0 -51
- package/components/mui_extended/Select/types.js +0 -1
- package/storybook/components/SettingsLayout/SettingsLayout.stories.d.ts +0 -6
- package/storybook/components/SettingsLayout/subcomponents/SettingsLayoutRender/SettingsLayoutsRender.d.ts +0 -5
- package/storybook/components/SettingsLayout/subcomponents/SettingsLayoutRender/index.d.ts +0 -1
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
export declare const SettingsLayoutRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
2
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
3
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
4
|
-
export declare const BackdropStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').BackdropOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
-
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
6
|
-
}, "children" | "ref" | "title" | "timeout" | "id" | "components" | "exit" | "hidden" | "color" | "content" | "style" | "open" | "easing" | "transitionDuration" | "translate" | "className" | "classes" | "sx" | "slots" | "slotProps" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "enter" | "componentsProps" | "TransitionComponent" | "in" | "mountOnEnter" | "unmountOnExit" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "invisible" | "appear">, "children" | "ref" | "title" | "timeout" | "id" | "components" | "exit" | "hidden" | "color" | "content" | "style" | "open" | "easing" | "transitionDuration" | "translate" | "className" | "classes" | "sx" | "slots" | "slotProps" | "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" | "enter" | "componentsProps" | "TransitionComponent" | "in" | "mountOnEnter" | "unmountOnExit" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "invisible" | "appear"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
7
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
8
|
-
}, {}, {}>;
|
|
9
|
-
export declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<import('../..').IconProps, keyof import('../..').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
10
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
11
|
-
}, {}, {}>;
|
|
12
|
-
export declare const TypographyStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
13
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
14
|
-
}, {}, {}>;
|
|
15
|
-
export declare const HeaderContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
16
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
17
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
18
|
-
export declare const HeaderActionsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
19
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
20
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
21
|
-
export declare const DividerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
22
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
23
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
24
|
-
export declare const BodyContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
25
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
26
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
27
|
-
export declare const SettingContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
28
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
29
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
30
|
-
export declare const SettingIconTitleStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
31
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
32
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
33
|
-
export declare const SettingItemStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
34
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
35
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
36
|
-
export declare const SettingItemContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
37
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
38
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
39
|
-
export declare const SettingItemColorStyled: import('@emotion/styled').StyledComponent<Pick<import('../..').IconProps, keyof import('../..').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
40
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
41
|
-
}, {}, {}>;
|
|
42
|
-
export declare const SettingItemColorContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
43
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
44
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
45
|
-
export declare const SettingFullscreenStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "disabled" | "action" | "hidden" | "color" | "content" | "style" | "variant" | "translate" | "className" | "classes" | "sx" | "form" | "label" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "skeletonWidth" | "startIcon" | "endIcon" | keyof import('react').RefAttributes<HTMLButtonElement> | "disableElevation" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
46
|
-
ownerState?: (Partial<import('../types').SettingsLayoutOwnerState> & Record<string, unknown>) | undefined;
|
|
47
|
-
}, {}, {}>;
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { styled } from "@mui/material/styles";
|
|
2
|
-
import { S as SettingsLayoutSlots } from "./SettingsLayoutEnum.js";
|
|
3
|
-
import { b as SETTINGS_LAYOUT_COMPONENT_KEY } from "../constants.js";
|
|
4
|
-
import { s as settingsLayoutStyles } from "../SettingsLayout.styles.js";
|
|
5
|
-
import { Backdrop } from "@mui/material";
|
|
6
|
-
import { I as Icon } from "../../Icon/Icon.js";
|
|
7
|
-
import { T as Typography } from "../../mui_extended/Typography/Typography.js";
|
|
8
|
-
import { B as Button } from "../../mui_extended/Button/Button.js";
|
|
9
|
-
const SettingsLayoutRootStyled = styled("div", {
|
|
10
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
11
|
-
slot: SettingsLayoutSlots.root
|
|
12
|
-
})(settingsLayoutStyles.root);
|
|
13
|
-
const BackdropStyled = styled(Backdrop, {
|
|
14
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
15
|
-
slot: SettingsLayoutSlots.backdrop
|
|
16
|
-
})(settingsLayoutStyles.backdrop);
|
|
17
|
-
styled(Icon, {
|
|
18
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
19
|
-
slot: SettingsLayoutSlots.icon
|
|
20
|
-
})(settingsLayoutStyles.icon);
|
|
21
|
-
const TypographyStyled = styled(Typography, {
|
|
22
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
23
|
-
slot: SettingsLayoutSlots.typography
|
|
24
|
-
})(settingsLayoutStyles.typography);
|
|
25
|
-
const HeaderContainerStyled = styled("div", {
|
|
26
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
27
|
-
slot: SettingsLayoutSlots.headerContainer
|
|
28
|
-
})(settingsLayoutStyles.headerContainer);
|
|
29
|
-
const HeaderActionsStyled = styled("div", {
|
|
30
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
31
|
-
slot: SettingsLayoutSlots.headerActions
|
|
32
|
-
})(settingsLayoutStyles.headerActions);
|
|
33
|
-
styled("div", {
|
|
34
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
35
|
-
slot: SettingsLayoutSlots.divider
|
|
36
|
-
})(settingsLayoutStyles.divider);
|
|
37
|
-
const BodyContentStyled = styled("div", {
|
|
38
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
39
|
-
slot: SettingsLayoutSlots.bodyContent
|
|
40
|
-
})(settingsLayoutStyles.bodyContent);
|
|
41
|
-
const SettingContainerStyled = styled("div", {
|
|
42
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
43
|
-
slot: SettingsLayoutSlots.settingContainer
|
|
44
|
-
})(settingsLayoutStyles.settingContainer);
|
|
45
|
-
const SettingIconTitleStyled = styled("div", {
|
|
46
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
47
|
-
slot: SettingsLayoutSlots.settingIconTitle
|
|
48
|
-
})(settingsLayoutStyles.settingIconTitle);
|
|
49
|
-
const SettingItemStyled = styled("div", {
|
|
50
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
51
|
-
slot: SettingsLayoutSlots.settingItem
|
|
52
|
-
})(settingsLayoutStyles.settingItem);
|
|
53
|
-
const SettingItemContentStyled = styled("div", {
|
|
54
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
55
|
-
slot: SettingsLayoutSlots.settingItemContent
|
|
56
|
-
})(settingsLayoutStyles.settingItemContent);
|
|
57
|
-
const SettingItemColorStyled = styled(Icon, {
|
|
58
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
59
|
-
slot: SettingsLayoutSlots.settingItemColor
|
|
60
|
-
})(settingsLayoutStyles.settingItemColor);
|
|
61
|
-
const SettingItemColorContainerStyled = styled("div", {
|
|
62
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
63
|
-
slot: SettingsLayoutSlots.settingItemColorContainer
|
|
64
|
-
})(settingsLayoutStyles.settingItemColorContainer);
|
|
65
|
-
const SettingFullscreenStyled = styled(Button, {
|
|
66
|
-
name: SETTINGS_LAYOUT_COMPONENT_KEY,
|
|
67
|
-
slot: SettingsLayoutSlots.settingFullscreen
|
|
68
|
-
})(settingsLayoutStyles.settingFullscreen);
|
|
69
|
-
export {
|
|
70
|
-
BackdropStyled as B,
|
|
71
|
-
HeaderContainerStyled as H,
|
|
72
|
-
SettingContainerStyled as S,
|
|
73
|
-
TypographyStyled as T,
|
|
74
|
-
SettingIconTitleStyled as a,
|
|
75
|
-
SettingItemContentStyled as b,
|
|
76
|
-
SettingFullscreenStyled as c,
|
|
77
|
-
SettingItemStyled as d,
|
|
78
|
-
SettingItemColorContainerStyled as e,
|
|
79
|
-
SettingItemColorStyled as f,
|
|
80
|
-
SettingsLayoutRootStyled as g,
|
|
81
|
-
HeaderActionsStyled as h,
|
|
82
|
-
BodyContentStyled as i
|
|
83
|
-
};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Typography } from "@mui/material";
|
|
3
|
-
import { useBase, useModuleDictionary } from "@m4l/core";
|
|
4
|
-
import { S as SettingContainerStyled, a as SettingIconTitleStyled, b as SettingItemContentStyled } from "../../slots/SettingsLayoutSlots.js";
|
|
5
|
-
import { D as DICTIONARY } from "../../dictionary.js";
|
|
6
|
-
import { P as PATH_ICONS } from "../../icons.js";
|
|
7
|
-
import { S as SettingItemColor } from "../SettingItemColor/SettingItemColor.js";
|
|
8
|
-
import { I as Icon } from "../../../Icon/Icon.js";
|
|
9
|
-
const SettingColorPresets = () => {
|
|
10
|
-
const { onChangeColor, themeUserSettings: settings, presetsOptionsColorMain, prefixPathIcon } = useBase();
|
|
11
|
-
const { themeColor: themeColorPresets } = settings;
|
|
12
|
-
const { getLabel } = useModuleDictionary();
|
|
13
|
-
return /* @__PURE__ */ jsxs(SettingContainerStyled, { children: [
|
|
14
|
-
/* @__PURE__ */ jsxs(SettingIconTitleStyled, { children: [
|
|
15
|
-
/* @__PURE__ */ jsx(Icon, { src: `${prefixPathIcon}/${PATH_ICONS.PALETTE}` }),
|
|
16
|
-
/* @__PURE__ */ jsx(Typography, { variant: "body", children: getLabel(DICTIONARY.PRESETS) })
|
|
17
|
-
] }),
|
|
18
|
-
/* @__PURE__ */ jsx(SettingItemContentStyled, { role: "group", "aria-label": "theme-preset-options", children: presetsOptionsColorMain.map((color, index) => {
|
|
19
|
-
const isSelected = themeColorPresets === color.name;
|
|
20
|
-
return /* @__PURE__ */ jsx(
|
|
21
|
-
SettingItemColor,
|
|
22
|
-
{
|
|
23
|
-
color: color.name,
|
|
24
|
-
selected: isSelected,
|
|
25
|
-
onChange: () => onChangeColor(color.name)
|
|
26
|
-
},
|
|
27
|
-
`${color.name}-${index}`
|
|
28
|
-
);
|
|
29
|
-
}) })
|
|
30
|
-
] });
|
|
31
|
-
};
|
|
32
|
-
export {
|
|
33
|
-
SettingColorPresets as S
|
|
34
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SettingColorPresets } from './SettingColorPresets';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useBase, useModuleDictionary } from "@m4l/core";
|
|
3
|
-
import { P as PATH_ICONS } from "../../icons.js";
|
|
4
|
-
import { S as SettingContainerStyled, a as SettingIconTitleStyled, b as SettingItemContentStyled } from "../../slots/SettingsLayoutSlots.js";
|
|
5
|
-
import { D as DICTIONARY } from "../../dictionary.js";
|
|
6
|
-
import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
|
|
7
|
-
import { S as SettingItem } from "../SettingItem/SettingItem.js";
|
|
8
|
-
import { I as Icon } from "../../../Icon/Icon.js";
|
|
9
|
-
function SettingDirection() {
|
|
10
|
-
const { prefixPathIcon, onChangeDirection, themeUserSettings } = useBase();
|
|
11
|
-
const { themeDirection } = themeUserSettings;
|
|
12
|
-
const { getLabel } = useModuleDictionary();
|
|
13
|
-
return /* @__PURE__ */ jsxs(SettingContainerStyled, { children: [
|
|
14
|
-
/* @__PURE__ */ jsxs(SettingIconTitleStyled, { children: [
|
|
15
|
-
/* @__PURE__ */ jsx(Icon, { src: `${prefixPathIcon}/${PATH_ICONS.DIRECTION}` }),
|
|
16
|
-
/* @__PURE__ */ jsx(Typography, { variant: "body", children: getLabel(DICTIONARY.DIRECTION) })
|
|
17
|
-
] }),
|
|
18
|
-
/* @__PURE__ */ jsx(SettingItemContentStyled, { role: "group", "aria-label": "theme-direction-options", children: ["ltr", "rtl"].map((direction, index) => {
|
|
19
|
-
const isSelected = themeDirection === direction;
|
|
20
|
-
return /* @__PURE__ */ jsx(
|
|
21
|
-
SettingItem,
|
|
22
|
-
{
|
|
23
|
-
iconUrl: direction === "ltr" ? `${prefixPathIcon}/${PATH_ICONS.ALIGN_LEFT}` : `${prefixPathIcon}/${PATH_ICONS.ALIGN_RIGHT}`,
|
|
24
|
-
selected: isSelected,
|
|
25
|
-
onChange: () => onChangeDirection(direction)
|
|
26
|
-
},
|
|
27
|
-
`${direction}-${index}`
|
|
28
|
-
);
|
|
29
|
-
}) })
|
|
30
|
-
] });
|
|
31
|
-
}
|
|
32
|
-
export {
|
|
33
|
-
SettingDirection as S
|
|
34
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './SettingDirection';
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import { I as Icon } from "../../../Icon/Icon.js";
|
|
4
|
-
import { useBase, useModuleDictionary } from "@m4l/core";
|
|
5
|
-
import { D as DICTIONARY } from "../../dictionary.js";
|
|
6
|
-
import { P as PATH_ICONS } from "../../icons.js";
|
|
7
|
-
import { c as SettingFullscreenStyled } from "../../slots/SettingsLayoutSlots.js";
|
|
8
|
-
const SettingFullscreen = () => {
|
|
9
|
-
const [fullscreen, setFullscreen] = useState(false);
|
|
10
|
-
const { prefixPathIcon } = useBase();
|
|
11
|
-
const { getLabel } = useModuleDictionary();
|
|
12
|
-
const toggleFullScreen = () => {
|
|
13
|
-
if (!document.fullscreenElement) {
|
|
14
|
-
document.documentElement.requestFullscreen();
|
|
15
|
-
setFullscreen(true);
|
|
16
|
-
} else if (document.exitFullscreen) {
|
|
17
|
-
document.exitFullscreen();
|
|
18
|
-
setFullscreen(false);
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
return /* @__PURE__ */ jsx(
|
|
22
|
-
SettingFullscreenStyled,
|
|
23
|
-
{
|
|
24
|
-
fullWidth: true,
|
|
25
|
-
variant: "contained",
|
|
26
|
-
color: "default",
|
|
27
|
-
startIcon: /* @__PURE__ */ jsx(
|
|
28
|
-
Icon,
|
|
29
|
-
{
|
|
30
|
-
src: fullscreen ? `${prefixPathIcon}/${PATH_ICONS.FULLSCREEN_EXIT}` : `${prefixPathIcon}/${PATH_ICONS.FULLSCREEN}`
|
|
31
|
-
}
|
|
32
|
-
),
|
|
33
|
-
onClick: toggleFullScreen,
|
|
34
|
-
label: getLabel(fullscreen ? DICTIONARY.EXIT_FULLSCREEN : DICTIONARY.FULLSCREEN)
|
|
35
|
-
}
|
|
36
|
-
);
|
|
37
|
-
};
|
|
38
|
-
export {
|
|
39
|
-
SettingFullscreen as S
|
|
40
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SettingFullscreen } from './SettingFullscreen';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { SettingItemProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* Componente para el item de configuración.
|
|
4
|
-
* Este componente se utiliza para mostrar un item de configuración en el componente SettingsLayout.
|
|
5
|
-
* @param props - Propiedades del componente.
|
|
6
|
-
* @returns Componente SettingItem.
|
|
7
|
-
*/
|
|
8
|
-
export declare const SettingItem: (props: SettingItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { d as SettingItemStyled } from "../../slots/SettingsLayoutSlots.js";
|
|
3
|
-
import { I as Icon } from "../../../Icon/Icon.js";
|
|
4
|
-
const SettingItem = (props) => {
|
|
5
|
-
const { iconUrl, onChange, selected } = props;
|
|
6
|
-
return /* @__PURE__ */ jsx(
|
|
7
|
-
SettingItemStyled,
|
|
8
|
-
{
|
|
9
|
-
...onChange ? {
|
|
10
|
-
onClick: onChange,
|
|
11
|
-
tabIndex: 0,
|
|
12
|
-
role: "radio",
|
|
13
|
-
"aria-label": "theme-mode-options",
|
|
14
|
-
"aria-checked": true
|
|
15
|
-
} : {},
|
|
16
|
-
ownerState: { selected, onChange: !!onChange },
|
|
17
|
-
children: /* @__PURE__ */ jsx(Icon, { src: iconUrl, color: selected ? "primary.enabled" : "text.secondary" })
|
|
18
|
-
}
|
|
19
|
-
);
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
SettingItem as S
|
|
23
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SettingItem } from './SettingItem';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { SettingItemColorProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* Componente para el item de configuración.
|
|
4
|
-
* Este componente se utiliza para mostrar un item de configuración en el componente SettingsLayout.
|
|
5
|
-
* @param props - Propiedades del componente.
|
|
6
|
-
* @returns Componente SettingItem.
|
|
7
|
-
*/
|
|
8
|
-
export declare const SettingItemColor: (props: SettingItemColorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { e as SettingItemColorContainerStyled, f as SettingItemColorStyled } from "../../slots/SettingsLayoutSlots.js";
|
|
3
|
-
import { P as PATH_ICONS } from "../../icons.js";
|
|
4
|
-
import { useEnvironment } from "@m4l/core";
|
|
5
|
-
const SettingItemColor = (props) => {
|
|
6
|
-
const { onChange, selected, color } = props;
|
|
7
|
-
const { host_static_assets, environment_assets } = useEnvironment();
|
|
8
|
-
return /* @__PURE__ */ jsx(SettingItemColorContainerStyled, { children: /* @__PURE__ */ jsx(
|
|
9
|
-
SettingItemColorStyled,
|
|
10
|
-
{
|
|
11
|
-
src: `${host_static_assets}/${environment_assets}/${PATH_ICONS.COLOR}`,
|
|
12
|
-
...onChange ? {
|
|
13
|
-
onClick: onChange,
|
|
14
|
-
tabIndex: 0,
|
|
15
|
-
role: "radio",
|
|
16
|
-
"aria-checked": true
|
|
17
|
-
} : {},
|
|
18
|
-
ownerState: { selected, onChange: !!onChange, color }
|
|
19
|
-
}
|
|
20
|
-
) });
|
|
21
|
-
};
|
|
22
|
-
export {
|
|
23
|
-
SettingItemColor as S
|
|
24
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SettingItemColor } from './SettingItemColor';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { I as Icon } from "../../../Icon/Icon.js";
|
|
3
|
-
import { useBase, useModuleDictionary } from "@m4l/core";
|
|
4
|
-
import { P as PATH_ICONS } from "../../icons.js";
|
|
5
|
-
import { D as DICTIONARY } from "../../dictionary.js";
|
|
6
|
-
import { S as SettingContainerStyled, a as SettingIconTitleStyled, b as SettingItemContentStyled } from "../../slots/SettingsLayoutSlots.js";
|
|
7
|
-
import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
|
|
8
|
-
import { S as SettingItem } from "../SettingItem/SettingItem.js";
|
|
9
|
-
const SettingMode = () => {
|
|
10
|
-
const { prefixPathIcon, themeUserSettings, onChangeMode } = useBase();
|
|
11
|
-
const { themeMode } = themeUserSettings;
|
|
12
|
-
const { getLabel } = useModuleDictionary();
|
|
13
|
-
return /* @__PURE__ */ jsxs(SettingContainerStyled, { role: "group", "aria-label": "theme-mode-options", children: [
|
|
14
|
-
/* @__PURE__ */ jsxs(SettingIconTitleStyled, { children: [
|
|
15
|
-
/* @__PURE__ */ jsx(Icon, { src: `${prefixPathIcon}/${PATH_ICONS.MODE}` }),
|
|
16
|
-
/* @__PURE__ */ jsx(Typography, { variant: "body", children: getLabel(DICTIONARY.MODE) })
|
|
17
|
-
] }),
|
|
18
|
-
/* @__PURE__ */ jsx(SettingItemContentStyled, { children: ["light", "dark"].map((mode, index) => {
|
|
19
|
-
const isSelected = themeMode === mode;
|
|
20
|
-
return /* @__PURE__ */ jsx(
|
|
21
|
-
SettingItem,
|
|
22
|
-
{
|
|
23
|
-
iconUrl: mode === "light" ? `${prefixPathIcon}/${PATH_ICONS.SUN}` : `${prefixPathIcon}/${PATH_ICONS.MOON}`,
|
|
24
|
-
selected: isSelected,
|
|
25
|
-
onChange: () => onChangeMode(mode)
|
|
26
|
-
},
|
|
27
|
-
`${mode}-${index}`
|
|
28
|
-
);
|
|
29
|
-
}) })
|
|
30
|
-
] });
|
|
31
|
-
};
|
|
32
|
-
export {
|
|
33
|
-
SettingMode as S
|
|
34
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SettingMode } from './SettingMode';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { AnimatePresence } from "framer-motion";
|
|
3
|
-
import { useBase, useModuleDictionary } from "@m4l/core";
|
|
4
|
-
import { P as PATH_ICONS } from "../../icons.js";
|
|
5
|
-
import { B as BackdropStyled, g as SettingsLayoutRootStyled, H as HeaderContainerStyled, T as TypographyStyled, h as HeaderActionsStyled, i as BodyContentStyled } from "../../slots/SettingsLayoutSlots.js";
|
|
6
|
-
import { S as SettingDirection } from "../SettingDirection/SettingDirection.js";
|
|
7
|
-
import { D as DICTIONARY } from "../../dictionary.js";
|
|
8
|
-
import { I as IconButton } from "../../../mui_extended/IconButton/IconButton.js";
|
|
9
|
-
import { S as SettingMode } from "../SettingMode/SettingMode.js";
|
|
10
|
-
import { S as SettingColorPresets } from "../SettingColorPresets/SettingColorPresets.js";
|
|
11
|
-
import { S as SettingFullscreen } from "../SettingFullscreen/SettingFullscreen.js";
|
|
12
|
-
const SettingsLayoutBase = () => {
|
|
13
|
-
const {
|
|
14
|
-
onResetSetting,
|
|
15
|
-
handleOpen,
|
|
16
|
-
open,
|
|
17
|
-
themeUserSettings,
|
|
18
|
-
width,
|
|
19
|
-
classes,
|
|
20
|
-
prefixPathIcon
|
|
21
|
-
} = useBase();
|
|
22
|
-
const { themeDirection } = themeUserSettings;
|
|
23
|
-
const { getLabel } = useModuleDictionary();
|
|
24
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
25
|
-
/* @__PURE__ */ jsx(
|
|
26
|
-
BackdropStyled,
|
|
27
|
-
{
|
|
28
|
-
ownerState: {},
|
|
29
|
-
open,
|
|
30
|
-
onClick: () => handleOpen()
|
|
31
|
-
}
|
|
32
|
-
),
|
|
33
|
-
/* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(SettingsLayoutRootStyled, { role: "form", "aria-label": "settings-layout", ownerState: { themeDirection, width }, className: classes.root, children: [
|
|
34
|
-
/* @__PURE__ */ jsxs(HeaderContainerStyled, { ownerState: {}, className: classes.headerContainer, children: [
|
|
35
|
-
/* @__PURE__ */ jsx(
|
|
36
|
-
TypographyStyled,
|
|
37
|
-
{
|
|
38
|
-
ownerState: {},
|
|
39
|
-
variant: "subtitleDens",
|
|
40
|
-
ellipsis: true,
|
|
41
|
-
children: getLabel(DICTIONARY.MODULE_NAME)
|
|
42
|
-
}
|
|
43
|
-
),
|
|
44
|
-
/* @__PURE__ */ jsxs(HeaderActionsStyled, { children: [
|
|
45
|
-
/* @__PURE__ */ jsx(
|
|
46
|
-
IconButton,
|
|
47
|
-
{
|
|
48
|
-
src: `${prefixPathIcon}/${PATH_ICONS.REFRESH}`,
|
|
49
|
-
onClick: onResetSetting,
|
|
50
|
-
role: "button",
|
|
51
|
-
"aria-label": "reset-setting"
|
|
52
|
-
}
|
|
53
|
-
),
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
55
|
-
IconButton,
|
|
56
|
-
{
|
|
57
|
-
src: `${prefixPathIcon}/${PATH_ICONS.CLOSE}`,
|
|
58
|
-
onClick: () => handleOpen(),
|
|
59
|
-
role: "button",
|
|
60
|
-
"aria-label": "close-settings"
|
|
61
|
-
}
|
|
62
|
-
)
|
|
63
|
-
] })
|
|
64
|
-
] }),
|
|
65
|
-
/* @__PURE__ */ jsxs(BodyContentStyled, { ownerState: {}, children: [
|
|
66
|
-
/* @__PURE__ */ jsx(SettingMode, {}),
|
|
67
|
-
/* @__PURE__ */ jsx(SettingDirection, {}),
|
|
68
|
-
/* @__PURE__ */ jsx(SettingColorPresets, {}),
|
|
69
|
-
/* @__PURE__ */ jsx(SettingFullscreen, {})
|
|
70
|
-
] })
|
|
71
|
-
] }) })
|
|
72
|
-
] });
|
|
73
|
-
};
|
|
74
|
-
export {
|
|
75
|
-
SettingsLayoutBase as S
|
|
76
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SettingsLayoutBase } from './SettingsLayoutBase';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { M4LOverridesStyleRules } from '../../@types/augmentations';
|
|
2
|
-
import { SettingsLayoutSlots } from './slots/SettingsLayoutEnum';
|
|
3
|
-
import { SETTINGS_LAYOUT_CLASSES, SETTINGS_LAYOUT_COMPONENT_KEY } from './constants';
|
|
4
|
-
import { Theme } from '@mui/material';
|
|
5
|
-
import { Sizes, ThemeUserColor } from '@m4l/styles';
|
|
6
|
-
import { ThemeSettingsStateWithActions, ThemeSettingsStore } from '@m4l/graphics';
|
|
7
|
-
export interface SettingsLayoutProps extends Pick<ThemeSettingsStateWithActions['settingsActions'], 'onResetSetting' | 'handleOpen' | 'onChangeMode' | 'onChangeColor' | 'onChangeDirection' | 'onChangeLayout' | 'onToggleStretch'>, Pick<ThemeSettingsStore, 'open' | 'themeUserSettings' | 'presetsOptionsColorMain'> {
|
|
8
|
-
/**
|
|
9
|
-
* Propiedad que define el ancho del componente.
|
|
10
|
-
*/
|
|
11
|
-
width?: number;
|
|
12
|
-
/**
|
|
13
|
-
* Medida de tamaño para el componente.
|
|
14
|
-
*/
|
|
15
|
-
size: Extract<Sizes, 'small' | 'medium'>;
|
|
16
|
-
/**
|
|
17
|
-
* Nombre de clase css.
|
|
18
|
-
*/
|
|
19
|
-
className?: string;
|
|
20
|
-
/**
|
|
21
|
-
* Identificador usado para pruebas del componente.
|
|
22
|
-
*/
|
|
23
|
-
dataTestId?: string;
|
|
24
|
-
}
|
|
25
|
-
export type SettingsBaseProvider = Omit<SettingsLayoutProps, 'size' | 'className' | 'dataTestId'> & {
|
|
26
|
-
classes: Record<keyof typeof SETTINGS_LAYOUT_CLASSES, string>;
|
|
27
|
-
prefixPathIcon: string;
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* Tipo para las ranuras del componente.
|
|
31
|
-
* Este tipo se refiere a las claves dentro de `SettingsLayoutSlots`, que determinan los diferentes elementos
|
|
32
|
-
* estilizados dentro del componente, como el `root`, `backdrop`, etc.
|
|
33
|
-
*/
|
|
34
|
-
export type SettingsLayoutSlotsType = keyof typeof SettingsLayoutSlots;
|
|
35
|
-
/**
|
|
36
|
-
* Combinación de las propiedades del componente y su estado propietario.
|
|
37
|
-
* Este tipo se utiliza para describir el estado completo del componente , incluyendo
|
|
38
|
-
* las propiedades pasadas al componente y el estado calculado.
|
|
39
|
-
*/
|
|
40
|
-
export interface SettingsLayoutOwnerState extends Pick<SettingsLayoutProps['themeUserSettings'], 'themeDirection'> {
|
|
41
|
-
width: SettingsLayoutProps['width'];
|
|
42
|
-
size: SettingsLayoutProps['size'];
|
|
43
|
-
color?: ThemeUserColor;
|
|
44
|
-
[key: string]: unknown;
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* Tipos de estilos para el componente.
|
|
48
|
-
* Esta interfaz extiende las reglas de estilo personalizadas para las ranuras del componente (`SettingsLayoutSlots`)
|
|
49
|
-
* y permite su sobrescritura.
|
|
50
|
-
*/
|
|
51
|
-
export type SettingsLayoutstyles = M4LOverridesStyleRules<SettingsLayoutSlots, typeof SETTINGS_LAYOUT_COMPONENT_KEY, Theme>;
|