@m4l/layouts 9.1.8 → 9.1.10-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/.storybook/constants.d.ts +21 -0
  2. package/.storybook/decorators/WithContexts/WithContexts.d.ts +5 -0
  3. package/.storybook/decorators/WithContexts/constants.d.ts +10 -0
  4. package/.storybook/decorators/WithContexts/index.d.ts +1 -0
  5. package/.storybook/decorators/WithContexts/styles.d.ts +1 -0
  6. package/.storybook/decorators/WithContexts/subcomponents/AppWithTheme.d.ts +6 -0
  7. package/.storybook/decorators/WithContexts/types.d.ts +7 -0
  8. package/.storybook/decorators/index.d.ts +1 -0
  9. package/.storybook/main.d.ts +3 -0
  10. package/.storybook/storybook.vite.d.ts +2 -0
  11. package/.storybook/utils/getGlobalsFromSearchParams.d.ts +7 -0
  12. package/.storybook/utils/getStylesColorsByMode.d.ts +744 -0
  13. package/components/MFHostApp/MFHostApp.d.ts +6 -0
  14. package/components/MFHostApp/MFHostApp.js +59 -0
  15. package/components/MFHostApp/index.d.ts +2 -10
  16. package/components/MFHostApp/index.js +1 -60
  17. package/components/MFHostApp/types.d.ts +4 -1
  18. package/components/MFNoAuthApp/index.d.ts +0 -4
  19. package/components/MFNoAuthApp/index.js +3 -4
  20. package/components/MFNoAuthApp/types.d.ts +4 -1
  21. package/components/MFWindowsTitle/MFWindowsTitle.d.ts +0 -4
  22. package/components/ModuleDetailTabs/ModuleDetailTabs.d.ts +5 -0
  23. package/components/ModuleDetailTabs/ModuleDetailTabs.js +42 -0
  24. package/components/ModuleDetailTabs/index.d.ts +2 -0
  25. package/components/ModuleDetailTabs/index.js +1 -0
  26. package/components/ModuleDetailTabs/types.d.ts +88 -0
  27. package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts +308 -0
  28. package/components/ModuleDetailTabs/useModuleDatailTabs.js +86 -0
  29. package/components/index.d.ts +3 -2
  30. package/contexts/AuthContext/index.d.ts +0 -4
  31. package/hooks/index.d.ts +1 -0
  32. package/hooks/useAuth/index.d.ts +0 -4
  33. package/hooks/useDynamicAccordions/index.d.ts +2 -0
  34. package/hooks/useDynamicAccordions/index.js +1 -0
  35. package/hooks/useDynamicAccordions/types.d.ts +42 -0
  36. package/hooks/useDynamicAccordions/useBaseAccordions.d.ts +5 -0
  37. package/hooks/useDynamicAccordions/useBaseAccordions.js +38 -0
  38. package/hooks/useDynamicAccordions/useDynamicAccordions.d.ts +6 -0
  39. package/hooks/useDynamicAccordions/useDynamicAccordions.js +18 -0
  40. package/hooks/useMasterDetail/index.d.ts +1 -1
  41. package/hooks/useModule/index.d.ts +0 -4
  42. package/index.d.ts +1 -0
  43. package/index.js +14 -9
  44. package/layouts/MasterDetailLayout/MasterDetailLayout.d.ts +0 -4
  45. package/layouts/MasterDetailLayout/MasterDetailLayout.js +6 -6
  46. package/layouts/MasterDetailLayout/classes/index.d.ts +0 -4
  47. package/layouts/MasterDetailLayout/components/ButtonDetail/index.d.ts +0 -4
  48. package/layouts/MasterDetailLayout/contexts/MasterDetailContext/index.d.ts +0 -4
  49. package/layouts/MasterDetailLayout/dicctionary.js +2 -11
  50. package/layouts/MasterDetailLayout/index.d.ts +2 -0
  51. package/layouts/MasterDetailLayout/index.js +1 -0
  52. package/layouts/ModuleLayout/ModuleLayout.js +6 -3
  53. package/layouts/ModuleLayout/constants.d.ts +1 -0
  54. package/layouts/ModuleLayout/constants.js +4 -0
  55. package/layouts/ModuleLayout/contexts/ModuleContext/index.d.ts +0 -4
  56. package/layouts/ModuleLayout/contexts/ModuleContext/index.js +0 -5
  57. package/layouts/ModuleLayout/slots/ModuleLayoutEnum.d.ts +3 -0
  58. package/layouts/ModuleLayout/slots/ModuleLayoutEnum.js +7 -0
  59. package/layouts/ModuleLayout/slots/ModuleLayoutSlots.d.ts +1 -0
  60. package/layouts/ModuleLayout/slots/ModuleLayoutSlots.js +11 -0
  61. package/layouts/ModuleLayout/styles.d.ts +2 -0
  62. package/layouts/ModuleLayout/styles.js +16 -0
  63. package/layouts/ModuleLayout/subcomponents/BaseModuleLayout/index.d.ts +2 -0
  64. package/layouts/ModuleLayout/subcomponents/BaseModuleLayout/index.js +20 -0
  65. package/layouts/ModuleLayout/subcomponents/{InnerModule → BaseModuleLayout}/types.d.ts +1 -0
  66. package/layouts/ModuleLayout/types.d.ts +8 -1
  67. package/layouts/NoAuthModuleLayout/constants.d.ts +1 -0
  68. package/layouts/NoAuthModuleLayout/constants.js +4 -0
  69. package/layouts/NoAuthModuleLayout/index.d.ts +4 -5
  70. package/layouts/NoAuthModuleLayout/index.js +4 -5
  71. package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutEnum.d.ts +25 -0
  72. package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutEnum.js +33 -0
  73. package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.d.ts +19 -0
  74. package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.js +100 -0
  75. package/layouts/NoAuthModuleLayout/styles.d.ts +2 -0
  76. package/layouts/NoAuthModuleLayout/styles.js +314 -0
  77. package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/index.d.ts +4 -0
  78. package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/index.js +16 -0
  79. package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/subcomponents/DesktopContent/index.d.ts +4 -0
  80. package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/subcomponents/DesktopContent/index.js +47 -0
  81. package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/subcomponents/MobileContent/index.d.ts +4 -0
  82. package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/subcomponents/MobileContent/index.js +43 -0
  83. package/layouts/NoAuthModuleLayout/tests/NoAuthModuleLayout.test.d.ts +1 -0
  84. package/layouts/NoAuthModuleLayout/types.d.ts +45 -0
  85. package/layouts/index.d.ts +1 -2
  86. package/package.json +4 -3
  87. package/storybook/layouts/ModuleLayout/ModuleLayout.stories.d.ts +6 -0
  88. package/storybook/layouts/ModuleLayout/moks/mokData.d.ts +14 -0
  89. package/storybook/layouts/ModuleLayout/subcomponents/ClientsHeaderActions.d.ts +4 -0
  90. package/storybook/layouts/ModuleLayout/subcomponents/RenderModuleLayout.d.ts +6 -0
  91. package/storybook/layouts/ModuleLayout/subcomponents/UsersHeaderActions.d.ts +4 -0
  92. package/storybook/layouts/ModuleLayout/subcomponents/WithExtendedContainer.d.ts +5 -0
  93. package/storybook/layouts/NoAuthModuleLayout/NoAuthModuleLayout.stories.d.ts +9 -0
  94. package/test/HostThemeProviderMock.d.ts +10 -0
  95. package/test/TestAppWrapper.d.ts +29 -0
  96. package/test/TestFormAutoValidation.d.ts +4 -0
  97. package/test/constants.d.ts +69 -0
  98. package/test/constants_no_mock.d.ts +1 -0
  99. package/test/getNameDataTestId.d.ts +15 -0
  100. package/test/index.d.ts +4 -0
  101. package/test/mocks.d.ts +24 -0
  102. package/test/types.d.ts +4 -0
  103. package/test/utils.d.ts +23 -10
  104. package/utils/createAppMF.d.ts +13 -0
  105. package/utils/createAppMF.js +58 -0
  106. package/utils/index.d.ts +1 -0
  107. package/utils/index.js +1 -0
  108. package/vite-env.d.ts +19 -0
  109. package/layouts/ModuleLayout/classes/constants.d.ts +0 -1
  110. package/layouts/ModuleLayout/classes/constants.js +0 -4
  111. package/layouts/ModuleLayout/classes/index.d.ts +0 -14
  112. package/layouts/ModuleLayout/classes/index.js +0 -25
  113. package/layouts/ModuleLayout/classes/types.d.ts +0 -7
  114. package/layouts/ModuleLayout/subcomponents/InnerModule/index.d.ts +0 -2
  115. package/layouts/ModuleLayout/subcomponents/InnerModule/index.js +0 -20
  116. package/layouts/ModuleLayout/subcomponents/InnerModule/styles.d.ts +0 -1
  117. package/layouts/ModuleLayout/subcomponents/InnerModule/styles.js +0 -7
  118. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.d.ts +0 -8
  119. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.js +0 -16
  120. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.d.ts +0 -1
  121. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.js +0 -15
  122. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.d.ts +0 -8
  123. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.js +0 -47
  124. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/styles.d.ts +0 -9
  125. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/styles.js +0 -115
  126. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/index.d.ts +0 -8
  127. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/index.js +0 -43
  128. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/styles.d.ts +0 -8
  129. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/styles.js +0 -96
@@ -1,8 +0,0 @@
1
- export declare const MobileContentRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
2
- export declare const MobileBanner: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const ContainerImageLanguage: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
4
- export declare const ContainerLogo: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
- export declare const CompanyName: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const FormContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
- export declare const WrapperFormContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
- export declare const ContainerModuleName: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,96 +0,0 @@
1
- import { styled, alpha } from "@mui/material/styles";
2
- const MobileContentRoot = styled("div")(({ theme }) => ({
3
- display: "flex",
4
- flexDirection: "column",
5
- width: "100%",
6
- height: "100%",
7
- backgroundColor: theme.vars.palette.background.surface,
8
- padding: "12px",
9
- gap: "32px"
10
- }));
11
- const MobileBanner = styled("div")(({ theme }) => ({
12
- display: "flex",
13
- flexDirection: "column",
14
- padding: "12px",
15
- gap: "20px",
16
- width: "100%",
17
- backgroundColor: theme.vars.palette.primary.active,
18
- boxShadow: theme.customShadows?.z4,
19
- position: "relative",
20
- borderRadius: "8px",
21
- "& .M4LanguagePopover-root": {
22
- position: "absolute",
23
- top: "12px",
24
- right: "12px",
25
- zIndex: 1
26
- },
27
- "& .M4LIconButton-root.config-icon": {
28
- position: "absolute",
29
- top: "13px",
30
- right: "40px",
31
- zIndex: 1,
32
- "& .M4LIcon-root .M4LIcon-icon": {
33
- backgroundColor: theme.vars.palette.common?.white
34
- }
35
- },
36
- "& .MuiTypography-root": {
37
- color: theme.vars.palette.common?.white,
38
- display: "flex",
39
- textTransform: "uppercase"
40
- },
41
- "& .MuiSkeleton-root": {
42
- backgroundColor: alpha(`${theme.colorSchemes.finalTheme.palette.common.white}`, 0.24),
43
- margin: "auto"
44
- }
45
- }));
46
- styled("div")(() => ({
47
- display: "flex"
48
- }));
49
- const ContainerLogo = styled("div")(({ theme }) => ({
50
- display: "flex",
51
- width: "52px",
52
- height: "52px",
53
- borderRadius: "6px",
54
- backgroundColor: theme.vars.palette.primary?.active,
55
- justifyContent: "center",
56
- alignItems: "center",
57
- boxShadow: `0px 4px 8px ${alpha(theme.colorSchemes.finalTheme.palette.grey["700"] || "", 0.16)}`,
58
- "& .M4LImage-root": {
59
- backgroundColor: theme.vars.palette.common?.white,
60
- borderRadius: "6px"
61
- }
62
- }));
63
- const CompanyName = styled("div")(() => ({
64
- display: "flex",
65
- flexDirection: "column",
66
- width: "100%"
67
- }));
68
- const FormContent = styled("div")(() => ({
69
- display: "flex",
70
- flexDirection: "column",
71
- padding: "12px",
72
- margin: "auto 0",
73
- width: "100%",
74
- gap: "20px"
75
- }));
76
- const WrapperFormContent = styled("div")(() => ({
77
- display: "flex",
78
- width: "100%",
79
- height: "100%",
80
- overflow: "hidden"
81
- }));
82
- const ContainerModuleName = styled("div")(() => ({
83
- display: "flex",
84
- flexDirection: "column",
85
- width: "100%",
86
- gap: "4px"
87
- }));
88
- export {
89
- ContainerLogo as C,
90
- FormContent as F,
91
- MobileContentRoot as M,
92
- WrapperFormContent as W,
93
- MobileBanner as a,
94
- CompanyName as b,
95
- ContainerModuleName as c
96
- };