@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.
Files changed (70) hide show
  1. package/@types/types.d.ts +0 -15
  2. package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js +2 -0
  3. package/components/NumberInput/hooks/useNumberInput/useNumberInput.js +2 -0
  4. package/components/areas/contexts/AreasContext/store.js +2 -2
  5. package/components/hook-form/RHFAutocompleteAsync/reducer/RHFAutocompleteReducer.js +5 -0
  6. package/components/hook-form/RHFPeriod/slots/RHFPeriodSlots.d.ts +2 -2
  7. package/components/hook-form/RHFSelect/slots/RHFSlots.d.ts +1 -1
  8. package/components/hook-form/RHFTextField/slots/RHFTextFieldSlots.d.ts +1 -1
  9. package/components/hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.d.ts +1 -1
  10. package/components/index.d.ts +0 -1
  11. package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts +1 -1
  12. package/components/mui_extended/Select/index.d.ts +2 -2
  13. package/components/mui_extended/Select/slots/SelectSlots.d.ts +1 -1
  14. package/components/mui_extended/Select/slots/SelectSlots.js +1 -1
  15. package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts +1 -1
  16. package/components/mui_extended/index.d.ts +1 -0
  17. package/index.js +12 -12
  18. package/package.json +3 -3
  19. package/components/SettingsLayout/SettingsLayout.d.ts +0 -5
  20. package/components/SettingsLayout/SettingsLayout.js +0 -50
  21. package/components/SettingsLayout/SettingsLayout.styles.d.ts +0 -2
  22. package/components/SettingsLayout/SettingsLayout.styles.js +0 -270
  23. package/components/SettingsLayout/constants.d.ts +0 -7
  24. package/components/SettingsLayout/constants.js +0 -10
  25. package/components/SettingsLayout/dictionary.d.ts +0 -56
  26. package/components/SettingsLayout/dictionary.js +0 -12
  27. package/components/SettingsLayout/icons.d.ts +0 -14
  28. package/components/SettingsLayout/icons.js +0 -17
  29. package/components/SettingsLayout/index.d.ts +0 -2
  30. package/components/SettingsLayout/index.js +0 -1
  31. package/components/SettingsLayout/slots/SettingsLayoutEnum.d.ts +0 -17
  32. package/components/SettingsLayout/slots/SettingsLayoutEnum.js +0 -21
  33. package/components/SettingsLayout/slots/SettingsLayoutSlots.d.ts +0 -47
  34. package/components/SettingsLayout/slots/SettingsLayoutSlots.js +0 -83
  35. package/components/SettingsLayout/subcomponents/SettingColorPresets/SettingColorPresets.d.ts +0 -4
  36. package/components/SettingsLayout/subcomponents/SettingColorPresets/SettingColorPresets.js +0 -34
  37. package/components/SettingsLayout/subcomponents/SettingColorPresets/index.d.ts +0 -1
  38. package/components/SettingsLayout/subcomponents/SettingColorPresets/index.js +0 -1
  39. package/components/SettingsLayout/subcomponents/SettingDirection/SettingDirection.d.ts +0 -4
  40. package/components/SettingsLayout/subcomponents/SettingDirection/SettingDirection.js +0 -34
  41. package/components/SettingsLayout/subcomponents/SettingDirection/index.d.ts +0 -1
  42. package/components/SettingsLayout/subcomponents/SettingFullscreen/SettingFullscreen.d.ts +0 -4
  43. package/components/SettingsLayout/subcomponents/SettingFullscreen/SettingFullscreen.js +0 -40
  44. package/components/SettingsLayout/subcomponents/SettingFullscreen/index.d.ts +0 -1
  45. package/components/SettingsLayout/subcomponents/SettingFullscreen/index.js +0 -1
  46. package/components/SettingsLayout/subcomponents/SettingItem/SettingItem.d.ts +0 -8
  47. package/components/SettingsLayout/subcomponents/SettingItem/SettingItem.js +0 -23
  48. package/components/SettingsLayout/subcomponents/SettingItem/index.d.ts +0 -1
  49. package/components/SettingsLayout/subcomponents/SettingItem/index.js +0 -1
  50. package/components/SettingsLayout/subcomponents/SettingItem/types.d.ts +0 -5
  51. package/components/SettingsLayout/subcomponents/SettingItemColor/SettingItemColor.d.ts +0 -8
  52. package/components/SettingsLayout/subcomponents/SettingItemColor/SettingItemColor.js +0 -24
  53. package/components/SettingsLayout/subcomponents/SettingItemColor/index.d.ts +0 -1
  54. package/components/SettingsLayout/subcomponents/SettingItemColor/index.js +0 -1
  55. package/components/SettingsLayout/subcomponents/SettingItemColor/types.d.ts +0 -6
  56. package/components/SettingsLayout/subcomponents/SettingMode/SettingMode.d.ts +0 -4
  57. package/components/SettingsLayout/subcomponents/SettingMode/SettingMode.js +0 -34
  58. package/components/SettingsLayout/subcomponents/SettingMode/index.d.ts +0 -1
  59. package/components/SettingsLayout/subcomponents/SettingMode/index.js +0 -1
  60. package/components/SettingsLayout/subcomponents/SettingsLayoutBase/SettingsLayoutBase.d.ts +0 -4
  61. package/components/SettingsLayout/subcomponents/SettingsLayoutBase/SettingsLayoutBase.js +0 -76
  62. package/components/SettingsLayout/subcomponents/SettingsLayoutBase/index.d.ts +0 -1
  63. package/components/SettingsLayout/subcomponents/SettingsLayoutBase/index.js +0 -1
  64. package/components/SettingsLayout/subcomponents/SettingsLayoutBase/types.d.ts +0 -0
  65. package/components/SettingsLayout/test/SettingsLayout.test.d.ts +0 -1
  66. package/components/SettingsLayout/types.d.ts +0 -51
  67. package/components/mui_extended/Select/types.js +0 -1
  68. package/storybook/components/SettingsLayout/SettingsLayout.stories.d.ts +0 -6
  69. package/storybook/components/SettingsLayout/subcomponents/SettingsLayoutRender/SettingsLayoutsRender.d.ts +0 -5
  70. 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,4 +0,0 @@
1
- /**
2
- * Color presets
3
- */
4
- export declare const SettingColorPresets: () => import("react/jsx-runtime").JSX.Element;
@@ -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,4 +0,0 @@
1
- /**
2
- * Configuración de la dirección del tema
3
- */
4
- export default function SettingDirection(): import("react/jsx-runtime").JSX.Element;
@@ -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,4 +0,0 @@
1
- /**
2
- * Configuración de pantalla completa
3
- */
4
- export declare const SettingFullscreen: () => import("react/jsx-runtime").JSX.Element;
@@ -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,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,5 +0,0 @@
1
- export interface SettingItemProps {
2
- iconUrl: string;
3
- onChange?: VoidFunction;
4
- selected: boolean;
5
- }
@@ -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,6 +0,0 @@
1
- import { ThemeUserColor } from '@m4l/styles';
2
- export interface SettingItemColorProps {
3
- onChange?: VoidFunction;
4
- selected: boolean;
5
- color: ThemeUserColor;
6
- }
@@ -1,4 +0,0 @@
1
- /**
2
- * Configuración de modo de tema
3
- */
4
- export declare const SettingMode: () => import("react/jsx-runtime").JSX.Element;
@@ -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,4 +0,0 @@
1
- /**
2
- * Theme Settings
3
- */
4
- export declare const SettingsLayoutBase: () => import("react/jsx-runtime").JSX.Element;
@@ -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,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>;