@m4l/components 0.1.62 → 0.1.64

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 (217) hide show
  1. package/@types/export.d.ts +45 -8
  2. package/components/AccountPopover/AccountPopover.d.ts +2 -0
  3. package/components/AccountPopover/classes/constants.d.ts +1 -0
  4. package/components/AccountPopover/classes/index.d.ts +7 -0
  5. package/components/AccountPopover/classes/types.d.ts +5 -0
  6. package/components/AccountPopover/index.d.ts +2 -0
  7. package/components/AccountPopover/subcomponents/PopOver/index.d.ts +2 -0
  8. package/components/AccountPopover/subcomponents/PopOver/types.d.ts +9 -0
  9. package/components/AccountPopover/types.d.ts +28 -0
  10. package/components/AppBar/AppBar.d.ts +2 -0
  11. package/components/AppBar/classes/constants.d.ts +1 -0
  12. package/components/AppBar/classes/index.d.ts +6 -0
  13. package/components/AppBar/classes/types.d.ts +4 -0
  14. package/components/AppBar/index.d.ts +1 -0
  15. package/components/AppBar/subcomponents/MyAvatar/createAvatar.d.ts +4 -0
  16. package/components/AppBar/subcomponents/MyAvatar/index.d.ts +2 -0
  17. package/components/AppBar/tests/constants.d.ts +1 -0
  18. package/components/AppBar/tests/utils.d.ts +2 -0
  19. package/components/AppBar/types.d.ts +9 -0
  20. package/components/CommonActions/components/ActionCancel/{index.a81752ef.js → index.2eb2c1e1.js} +1 -1
  21. package/components/CommonActions/components/ActionCancel/index.d.ts +2 -2
  22. package/components/CommonActions/components/ActionFormCancel/{index.2124a98a.js → index.2864d574.js} +16 -17
  23. package/components/CommonActions/components/ActionFormIntro/index.d.ts +2 -2
  24. package/components/CommonActions/components/ActionFormIntro/{index.ca4d2674.js → index.e7f83ddd.js} +1 -1
  25. package/components/CommonActions/components/ActionIntro/{index.3f75a205.js → index.0d138cb3.js} +2 -2
  26. package/components/CommonActions/components/ActionIntro/index.d.ts +2 -2
  27. package/components/CommonActions/components/Actions/{index.6eb24c0b.js → index.433cd345.js} +17 -15
  28. package/components/DataGrid/{index.58f35158.js → index.42521a55.js} +24 -22
  29. package/components/DynamicFilter/{index.10f901c6.js → index.442bda79.js} +38 -37
  30. package/components/HelperText/index.3c07ca2a.js +70 -0
  31. package/components/HelperText/index.d.ts +10 -0
  32. package/components/HelperText/types.d.ts +8 -0
  33. package/components/HelperText/utils/Clases/constant.d.ts +1 -0
  34. package/components/HelperText/utils/Clases/index.d.ts +7 -0
  35. package/components/HelperText/utils/Clases/types.d.ts +7 -0
  36. package/components/Icon/classes/index.d.ts +1 -1
  37. package/components/Icon/classes/types.d.ts +3 -8
  38. package/components/Icon/index.0f9b360e.js +200 -0
  39. package/components/Icon/tests/constants.d.ts +1 -0
  40. package/components/Icon/tests/utils.d.ts +2 -0
  41. package/components/Icon/types.d.ts +3 -4
  42. package/components/Image/{index.aa24e982.js → index.1a9c0327.js} +124 -56
  43. package/components/Image/subcomponents/Skeleton/types.d.ts +2 -0
  44. package/components/Image/tests/constants.d.ts +1 -0
  45. package/components/Image/tests/utils.d.ts +2 -0
  46. package/components/Image/types.d.ts +9 -2
  47. package/components/Image/utils/classes/types.d.ts +1 -0
  48. package/components/Image/utils/getRatioValues.d.ts +5 -0
  49. package/components/LanguagePopover/classes/types.d.ts +1 -0
  50. package/components/LanguagePopover/{index.df9b47a6.js → index.68de7176.js} +49 -25
  51. package/components/LanguagePopover/tests/constants.d.ts +1 -0
  52. package/components/LanguagePopover/tests/utils.d.ts +2 -0
  53. package/components/ModalDialog/{index.dc7ebe06.js → index.3efe049b.js} +5 -5
  54. package/components/NavLink/NavLink.d.ts +2 -0
  55. package/components/NavLink/classes/constant.d.ts +1 -0
  56. package/components/NavLink/classes/index.d.ts +6 -0
  57. package/components/NavLink/classes/types.d.ts +4 -0
  58. package/components/NavLink/index.ae9f1cc9.js +74 -0
  59. package/components/NavLink/index.d.ts +1 -0
  60. package/components/NavLink/tests/constants.d.ts +1 -0
  61. package/components/NavLink/tests/utils.d.ts +2 -0
  62. package/components/NavLink/types.d.ts +5 -0
  63. package/components/NoItemSelected/{index.9636ec8a.js → index.7cfd7613.js} +2 -4
  64. package/components/ObjectLogs/{index.38c2ad18.js → index.b50726fb.js} +20 -18
  65. package/components/PaperForm/{index.3cdac885.js → index.44bf4469.js} +1 -1
  66. package/components/Period/{index.796b3af4.js → index.99feb99e.js} +18 -17
  67. package/components/Resizeable/{index.04fa8de5.js → index.b5d42efb.js} +1 -1
  68. package/components/ScrollBar/{index.b77feabd.js → index.bbe48f4d.js} +7 -2
  69. package/components/SideBar/SideBar.d.ts +2 -0
  70. package/components/SideBar/classes/constants.d.ts +1 -0
  71. package/components/SideBar/classes/index.d.ts +37 -0
  72. package/components/SideBar/classes/types.d.ts +37 -0
  73. package/components/SideBar/context/sideBarContext/index.d.ts +5 -0
  74. package/components/SideBar/context/sideBarContext/types.d.ts +9 -0
  75. package/components/SideBar/hooks/useSideBar/index.d.ts +2 -0
  76. package/components/SideBar/index.011880b6.js +1010 -0
  77. package/components/SideBar/index.d.ts +2 -0
  78. package/components/SideBar/subcomponents/ContentDesktop/index.d.ts +1 -0
  79. package/components/SideBar/subcomponents/ContentDesktop/subcomponents/CollapseButton/index.d.ts +6 -0
  80. package/components/SideBar/subcomponents/ContentGroups/index.d.ts +1 -0
  81. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/index.d.ts +2 -0
  82. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/ArrowIcon/index.d.ts +2 -0
  83. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/ArrowIcon/types.d.ts +3 -0
  84. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/index.d.ts +2 -0
  85. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/subcomponents/NavItemRootContent/index.d.ts +2 -0
  86. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/subcomponents/NavItemRootContent/type.d.ts +9 -0
  87. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/type.d.ts +14 -0
  88. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/index.d.ts +2 -0
  89. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/index.d.ts +2 -0
  90. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/index.d.ts +2 -0
  91. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/types.d.ts +7 -0
  92. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/types.d.ts +13 -0
  93. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/type.d.ts +12 -0
  94. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/types.d.ts +13 -0
  95. package/components/SideBar/subcomponents/ContentGroups/subcomponents/Skeleton/index.d.ts +1 -0
  96. package/components/SideBar/subcomponents/ContentGroups/subcomponents/Skeleton/types.d.ts +3 -0
  97. package/components/SideBar/subcomponents/ContentGroups/type.d.ts +7 -0
  98. package/components/SideBar/subcomponents/ContentMobile/index.d.ts +1 -0
  99. package/components/SideBar/tests/constants.d.ts +5 -0
  100. package/components/SideBar/tests/utils.d.ts +2 -0
  101. package/components/SideBar/types.d.ts +29 -0
  102. package/components/areas/components/AreasAdmin/{index.645bd2c7.js → index.51e28f63.js} +11 -10
  103. package/components/areas/components/AreasContainer/{index.3e74c849.js → index.1e5e6e91.js} +3 -3
  104. package/components/areas/components/GridLayout/{index.50810712.js → index.5bf8d5e4.js} +5 -5
  105. package/components/areas/components/Window/{index.8040dbe4.js → index.416a874f.js} +49 -49
  106. package/components/areas/components/WindowPopUp/{index.4514046e.js → index.f053fca7.js} +45 -42
  107. package/components/areas/components/{index.9f62ca8e.js → index.eace295a.js} +10 -10
  108. package/components/areas/contexts/AreaContext/{index.368adb8d.js → index.7890e58d.js} +1 -1
  109. package/components/areas/contexts/AreasContext/{index.f3d6e728.js → index.0792a8d1.js} +1 -1
  110. package/components/areas/contexts/{index.3623b460.js → index.2a915acf.js} +1 -1
  111. package/components/areas/hooks/{index.18982960.js → index.f4d78492.js} +1 -1
  112. package/components/areas/hooks/useArea/{index.dab7ce20.js → index.d6263051.js} +2 -2
  113. package/components/areas/index.8fca0f8f.js +20 -0
  114. package/components/formatters/BooleanFormatter/{index.bf947220.js → index.cd00c8e1.js} +2 -3
  115. package/components/formatters/{index.acd3dcea.js → index.deae4701.js} +2 -3
  116. package/components/hook-form/RHFAutocomplete/RHFAutocomplete.d.ts +2 -0
  117. package/components/hook-form/RHFAutocomplete/classes/constant.d.ts +1 -0
  118. package/components/hook-form/RHFAutocomplete/classes/index.d.ts +10 -0
  119. package/components/hook-form/RHFAutocomplete/classes/types.d.ts +15 -0
  120. package/components/hook-form/RHFAutocomplete/index.083e23c1.js +400 -0
  121. package/components/hook-form/RHFAutocomplete/index.d.ts +1 -2
  122. package/components/hook-form/RHFAutocomplete/subcomponents/RenderOption/index.d.ts +1 -1
  123. package/components/hook-form/RHFAutocomplete/subcomponents/Skeleton/types.d.ts +2 -0
  124. package/components/hook-form/RHFAutocomplete/test/constants.d.ts +1 -0
  125. package/components/hook-form/RHFAutocomplete/test/utils.d.ts +2 -0
  126. package/components/hook-form/RHFAutocomplete/types.d.ts +9 -0
  127. package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.d.ts +7 -0
  128. package/components/hook-form/RHFAutocompleteAsync/classes/constant.d.ts +1 -0
  129. package/components/hook-form/RHFAutocompleteAsync/classes/index.d.ts +6 -0
  130. package/components/hook-form/RHFAutocompleteAsync/classes/types.d.ts +4 -0
  131. package/components/hook-form/RHFAutocompleteAsync/index.ba751be9.js +156 -0
  132. package/components/hook-form/RHFAutocompleteAsync/tests/constants.d.ts +1 -0
  133. package/components/hook-form/RHFAutocompleteAsync/tests/utils.d.ts +2 -0
  134. package/components/hook-form/RHFCheckbox/classes/index.d.ts +3 -1
  135. package/components/hook-form/RHFCheckbox/classes/types.d.ts +4 -0
  136. package/components/hook-form/RHFCheckbox/index.c19393b1.js +152 -0
  137. package/components/hook-form/RHFCheckbox/subcomponents/Skeleton/types.d.ts +1 -0
  138. package/components/hook-form/RHFCheckbox/test/constants.d.ts +4 -0
  139. package/components/hook-form/RHFCheckbox/test/utils.d.ts +2 -0
  140. package/components/hook-form/RHFCheckbox/types.d.ts +1 -0
  141. package/components/hook-form/RHFPeriod/{index.c4944f9c.js → index.c0a80aeb.js} +3 -3
  142. package/components/hook-form/RHFTextField/RHFTextField.d.ts +1 -1
  143. package/components/hook-form/RHFTextField/classes/index.d.ts +3 -1
  144. package/components/hook-form/RHFTextField/classes/types.d.ts +9 -3
  145. package/components/hook-form/RHFTextField/index.97485ff2.js +341 -0
  146. package/components/hook-form/RHFTextField/subcomponents/Skeleton/types.d.ts +2 -2
  147. package/components/hook-form/RHFTextField/tests/{contants.d.ts → constants.d.ts} +1 -0
  148. package/components/hook-form/RHFTextField/tests/utils.d.ts +2 -0
  149. package/components/hook-form/RHFTextField/types.d.ts +15 -1
  150. package/components/hook-form/RHFTextFieldPassword/tests/constants.d.ts +2 -0
  151. package/components/hook-form/RHFTextFieldPassword/tests/utils.d.ts +2 -0
  152. package/components/hook-form/RHFUpload/{index.7fdff30f.js → index.798eb11d.js} +3 -5
  153. package/components/hook-form/index.d.ts +2 -2
  154. package/components/index.d.ts +9 -2
  155. package/components/modal/{WindowBase.7828e042.js → WindowBase.59f50553.js} +3 -3
  156. package/components/modal/{WindowConfirm.42ec4dcd.js → WindowConfirm.c1339cf8.js} +21 -19
  157. package/components/modal/index.7a84f64d.js +30 -0
  158. package/components/mui_extended/Accordion/{index.725a10af.js → index.b7487e37.js} +2 -2
  159. package/components/mui_extended/Button/classes/index.d.ts +2 -1
  160. package/components/mui_extended/Button/classes/types.d.ts +7 -1
  161. package/components/mui_extended/Button/index.d9e0ae2e.js +208 -0
  162. package/components/mui_extended/Button/types.d.ts +6 -1
  163. package/components/mui_extended/IconButton/IconButton.d.ts +1 -2
  164. package/components/mui_extended/IconButton/classes/index.d.ts +2 -1
  165. package/components/mui_extended/IconButton/classes/types.d.ts +8 -0
  166. package/components/mui_extended/IconButton/{index.afa201a7.js → index.be9c2ce5.js} +48 -22
  167. package/components/mui_extended/IconButton/types.d.ts +13 -1
  168. package/components/mui_extended/ImageButton/ImageButton.d.ts +0 -3
  169. package/components/mui_extended/ImageButton/tests/constants.d.ts +1 -0
  170. package/components/mui_extended/ImageButton/tests/utils.d.ts +2 -0
  171. package/components/mui_extended/ImageButton/types.d.ts +1 -0
  172. package/components/mui_extended/ImageButton/utils/Clases/types.d.ts +1 -0
  173. package/components/mui_extended/LoadingButton/classes/constants.d.ts +1 -0
  174. package/components/mui_extended/LoadingButton/classes/index.d.ts +8 -0
  175. package/components/mui_extended/LoadingButton/classes/types.d.ts +11 -0
  176. package/components/mui_extended/LoadingButton/tests/constants.d.ts +1 -0
  177. package/components/mui_extended/LoadingButton/tests/utils.d.ts +2 -0
  178. package/components/mui_extended/LoadingButton/types.d.ts +5 -0
  179. package/components/mui_extended/MenuActions/{index.1affe51a.js → index.ec654122.js} +2 -2
  180. package/components/mui_extended/Pager/{index.d4d1a1a0.js → index.9e123670.js} +1 -1
  181. package/components/mui_extended/Popover/{index.8ed52492.js → index.260aae81.js} +2 -3
  182. package/components/mui_extended/Popover/index.d.ts +2 -0
  183. package/components/mui_extended/Typography/Typography.d.ts +2 -0
  184. package/components/mui_extended/Typography/{index.be3a279a.js → index.41b60a6b.js} +20 -15
  185. package/components/mui_extended/Typography/index.d.ts +1 -5
  186. package/components/mui_extended/Typography/tests/constants.d.ts +1 -0
  187. package/components/mui_extended/Typography/tests/utils.d.ts +2 -0
  188. package/components/mui_extended/Typography/utils/Clases/types.d.ts +1 -0
  189. package/components/mui_extended/index.459cbd6c.js +19 -0
  190. package/components/mui_extended/index.d.ts +1 -1
  191. package/contexts/ModalContext/{index.b4114066.js → index.ae8041f3.js} +1 -1
  192. package/contexts/RHFormContext/{index.3dc6e2f5.js → index.a7511399.js} +2 -8
  193. package/hooks/useModal/{index.77b3415c.js → index.5c159ed2.js} +1 -1
  194. package/index.js +69 -65
  195. package/package.json +1 -1
  196. package/{react-draggable.6471b07e.js → react-draggable.1aa81436.js} +1 -1
  197. package/{react-resizable.b620abed.js → react-resizable.e86cb01e.js} +2 -2
  198. package/utils/{index.b6ae791a.js → index.e199226a.js} +7 -18
  199. package/vendor.a15d263e.js +458 -0
  200. package/components/ErrorLabel/index.d.ts +0 -10
  201. package/components/ErrorLabel/index.e140421c.js +0 -65
  202. package/components/ErrorLabel/types.d.ts +0 -4
  203. package/components/ErrorLabel/utils/Clases/index.d.ts +0 -6
  204. package/components/ErrorLabel/utils/Clases/types.d.ts +0 -3
  205. package/components/Icon/index.b29ff2d9.js +0 -200
  206. package/components/areas/index.a0456f95.js +0 -21
  207. package/components/hook-form/RHFAutocomplete/index.bb6cb5df.js +0 -289
  208. package/components/hook-form/RHFAutocomplete/test/contants.d.ts +0 -1
  209. package/components/hook-form/RHFAutocompleteAsync/index.815949a9.js +0 -87
  210. package/components/hook-form/RHFAutocompleteAsync/index.d.ts +0 -2
  211. package/components/hook-form/RHFCheckbox/index.6e80f572.js +0 -110
  212. package/components/hook-form/RHFTextField/index.d3544fa3.js +0 -228
  213. package/components/modal/index.3cc54b93.js +0 -29
  214. package/components/mui_extended/Button/index.8406ed5b.js +0 -150
  215. package/components/mui_extended/LoadingButton/subcomponents/Skeleton/index.d.ts +0 -1
  216. package/components/mui_extended/index.9ce0bca3.js +0 -19
  217. package/vendor.29969396.js +0 -145
@@ -0,0 +1,208 @@
1
+ import { useModuleSkeleton } from "@m4l/core";
2
+ import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, IconButton, Tooltip } from "@mui/material";
3
+ import MuiButton from "@mui/material/Button";
4
+ import clsx from "clsx";
5
+ import { jsx } from "react/jsx-runtime";
6
+ import { useMemo } from "react";
7
+ import { I as Image } from "../../Image/index.1a9c0327.js";
8
+ import { unstable_composeClasses } from "@mui/base";
9
+ import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
10
+ import { LoadingButton as LoadingButton$1 } from "@mui/lab";
11
+ import { T as Typography } from "../Typography/index.41b60a6b.js";
12
+ const ButtonRoot = styled("div")(({
13
+ theme
14
+ }) => ({
15
+ ...theme.components?.M4LButton?.styleOverrides
16
+ }));
17
+ styled(Skeleton)(({
18
+ theme
19
+ }) => ({
20
+ borderRadius: theme.spacing(0.5)
21
+ }));
22
+ const componentName$2 = "M4LButton";
23
+ generateUtilityClasses(componentName$2, [
24
+ "root",
25
+ "skeleton",
26
+ "sizeSmall",
27
+ "sizeMedium",
28
+ "variantOutlined",
29
+ "variantContained",
30
+ "variantText",
31
+ "isDisabled"
32
+ ]);
33
+ function getButtonUtilityClass(slot) {
34
+ return generateUtilityClass(componentName$2, slot);
35
+ }
36
+ const useUtilityClasses$2 = (onwerState) => {
37
+ const slots = {
38
+ root: ["root", onwerState.size === "small" && "sizeSmall", onwerState.size === "medium" && "sizeMedium", onwerState.variant === "outlined" && "variantOutlined", onwerState.variant === "contained" && "variantContained", onwerState.variant === "text" && "variantText", onwerState.isDisabled && "isDisabled"],
39
+ skeleton: ["skeleton"]
40
+ };
41
+ const composedClasses = unstable_composeClasses(slots, getButtonUtilityClass, {});
42
+ return {
43
+ ...composedClasses
44
+ };
45
+ };
46
+ const Button = (props) => {
47
+ const {
48
+ size = "small",
49
+ variant = "contained",
50
+ className,
51
+ disabled,
52
+ ...others
53
+ } = props;
54
+ const isSkeleton = useModuleSkeleton();
55
+ const ownerState = {
56
+ size,
57
+ variant,
58
+ isDisabled: disabled
59
+ };
60
+ const classes = useUtilityClasses$2(ownerState);
61
+ return /* @__PURE__ */ jsx(ButtonRoot, {
62
+ className: clsx(classes.root, className),
63
+ "data-testid": "ButtonRoot",
64
+ children: !isSkeleton ? /* @__PURE__ */ jsx(MuiButton, {
65
+ ...others,
66
+ variant,
67
+ size,
68
+ disableRipple: true
69
+ }) : /* @__PURE__ */ jsx(Skeleton, {
70
+ className: classes.skeleton,
71
+ "data-testid": "MuiSkeleton",
72
+ variant: "rectangular",
73
+ width: "100px"
74
+ })
75
+ });
76
+ };
77
+ const WrapperImageButton = styled("div")(({
78
+ theme
79
+ }) => ({
80
+ ...theme.components?.M4LImageButton?.styleOverrides
81
+ }));
82
+ const componentName$1 = "M4LImageButton";
83
+ generateUtilityClasses(componentName$1, [
84
+ "root"
85
+ ]);
86
+ function getImageButtonUtilityClass(slot) {
87
+ return generateUtilityClass(componentName$1, slot);
88
+ }
89
+ const useUtilityClasses$1 = () => {
90
+ const slots = {
91
+ root: ["root"]
92
+ };
93
+ const composedClasses = unstable_composeClasses(slots, getImageButtonUtilityClass, {});
94
+ return {
95
+ ...composedClasses
96
+ };
97
+ };
98
+ const IMAGEBUTTON_PREFIX = "ImageButton";
99
+ const getNameDataTestId$1 = (KEY) => {
100
+ return `${IMAGEBUTTON_PREFIX}-${KEY}`;
101
+ };
102
+ function ImageButton({
103
+ src,
104
+ width,
105
+ height,
106
+ useIntersectionObserver,
107
+ skeletonVariant = "circle",
108
+ tooltip,
109
+ sx = {
110
+ width,
111
+ height
112
+ },
113
+ ...other
114
+ }) {
115
+ const finalTooltip = tooltip;
116
+ const classes = useUtilityClasses$1();
117
+ const imageButton = useMemo(() => {
118
+ return /* @__PURE__ */ jsx(IconButton, {
119
+ sx,
120
+ ...other,
121
+ children: /* @__PURE__ */ jsx(Image, {
122
+ src,
123
+ useIntersectionObserver,
124
+ skeletonVariant
125
+ })
126
+ });
127
+ }, [src, width, height, useIntersectionObserver, skeletonVariant, sx]);
128
+ return /* @__PURE__ */ jsx(WrapperImageButton, {
129
+ className: classes.root,
130
+ ...process.env.NODE_ENV !== "production" ? {
131
+ [TEST_PROP_ID]: getNameDataTestId$1("root")
132
+ } : {},
133
+ children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
134
+ title: finalTooltip || "",
135
+ children: imageButton
136
+ }) : imageButton
137
+ });
138
+ }
139
+ const componentName = "M4LoadingButton";
140
+ generateUtilityClasses(componentName, [
141
+ "root",
142
+ "skeleton",
143
+ "sizeSmall",
144
+ "sizeMedium",
145
+ "variantOutlined",
146
+ "variantContained",
147
+ "variantText",
148
+ "isDisabled"
149
+ ]);
150
+ function getLoadingButtonUtilityClass(slot) {
151
+ return generateUtilityClass(componentName, slot);
152
+ }
153
+ const useUtilityClasses = (onwerState) => {
154
+ const slots = {
155
+ root: ["root", onwerState.size === "small" && "sizeSmall", onwerState.size === "medium" && "sizeMedium", onwerState.variant === "outlined" && "variantOutlined", onwerState.variant === "contained" && "variantContained", onwerState.variant === "text" && "variantText", onwerState.isDisabled && "isDisabled"],
156
+ skeleton: ["skeleton"]
157
+ };
158
+ const composedClasses = unstable_composeClasses(slots, getLoadingButtonUtilityClass, {});
159
+ return {
160
+ ...composedClasses
161
+ };
162
+ };
163
+ const LoadingButtonRoot = styled("div")(({ theme }) => ({
164
+ ...theme.components?.M4LoadingButton?.styleOverrides
165
+ }));
166
+ const LOADINGBUTTON_PREFIX = "LoadingButton";
167
+ const getNameDataTestId = (KEY) => {
168
+ return `${LOADINGBUTTON_PREFIX}-${KEY}`;
169
+ };
170
+ const LoadingButton = (props) => {
171
+ const {
172
+ children,
173
+ skeletonWidth = "100%",
174
+ ...other
175
+ } = props;
176
+ const isSkeleton = useModuleSkeleton();
177
+ const ownerState = {
178
+ size: other.size,
179
+ variant: other.variant,
180
+ isDisabled: other.disabled
181
+ };
182
+ const classes = useUtilityClasses(ownerState);
183
+ return /* @__PURE__ */ jsx(LoadingButtonRoot, {
184
+ className: classes.root,
185
+ ...process.env.NODE_ENV !== "production" ? {
186
+ [TEST_PROP_ID]: getNameDataTestId("root")
187
+ } : {},
188
+ children: !isSkeleton ? /* @__PURE__ */ jsx(LoadingButton$1, {
189
+ ...other,
190
+ children: /* @__PURE__ */ jsx(Typography, {
191
+ variant: "action",
192
+ children
193
+ })
194
+ }) : /* @__PURE__ */ jsx(Skeleton, {
195
+ className: classes.skeleton,
196
+ ...process.env.NODE_ENV !== "production" ? {
197
+ [TEST_PROP_ID]: getNameDataTestId("skeleton")
198
+ } : {},
199
+ variant: "rectangular",
200
+ width: skeletonWidth
201
+ })
202
+ });
203
+ };
204
+ export {
205
+ Button as B,
206
+ ImageButton as I,
207
+ LoadingButton as L
208
+ };
@@ -1,2 +1,7 @@
1
1
  import { ButtonProps } from '@mui/material';
2
- export declare type ExtendButtonProps = ButtonProps;
2
+ export interface ExtendButtonProps extends Omit<ButtonProps, 'size'> {
3
+ size?: 'small' | 'medium';
4
+ }
5
+ export interface OwnerState extends Pick<ExtendButtonProps, 'size' | 'variant'> {
6
+ isDisabled?: boolean;
7
+ }
@@ -1,8 +1,7 @@
1
- import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
2
1
  import { IconButtonProps } from './types';
3
2
  /**
4
3
  * Provee un botón con un icono para que los clientes ejecuten acciones en la plataforma web. Aporta su versión provisional de carga en red.
5
4
  * @param props
6
5
  * @returns
7
6
  */
8
- export declare const IconButton: (props: IconButtonProps & MUIIconButtonProps) => JSX.Element;
7
+ export declare const IconButton: (props: IconButtonProps) => JSX.Element;
@@ -1,7 +1,8 @@
1
1
  import { IconButtonClassesType } from './types';
2
+ import { OwnerState } from '../types';
2
3
  export declare const IconButtonClasses: IconButtonClassesType;
3
4
  export declare function getIconButtonUtilityClass(slot: string): string;
4
- export declare const useUtilityClasses: () => {
5
+ export declare const useUtilityClasses: (ownerState: OwnerState) => {
5
6
  root: string;
6
7
  skeleton: string;
7
8
  };
@@ -1,5 +1,13 @@
1
1
  export interface IconButtonClassesType {
2
2
  root: string;
3
3
  skeleton: string;
4
+ sizeExtraSmall: string;
5
+ sizemSall: string;
6
+ sizeMedium: string;
7
+ variantPrimary: string;
8
+ variantSecondary: string;
9
+ variantLine: string;
10
+ isFocus: string;
11
+ isDisabled: string;
4
12
  }
5
13
  export declare type IconButtonClassesKey = keyof IconButtonClassesType;
@@ -1,18 +1,17 @@
1
- import { useMemo } from "react";
1
+ import { useMemo, useState } from "react";
2
2
  import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
3
3
  import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
4
- import { I as Icon } from "../../Icon/index.b29ff2d9.js";
4
+ import { I as Icon } from "../../Icon/index.0f9b360e.js";
5
5
  import { jsx, Fragment } from "react/jsx-runtime";
6
- import "@mui/material/styles";
7
6
  import { unstable_composeClasses } from "@mui/base";
8
7
  const SkeletonIconButton = (props) => {
9
8
  const {
10
9
  classes
11
10
  } = props;
12
11
  return /* @__PURE__ */ jsx(Skeleton, {
13
- variant: "circular",
14
- width: "30px",
15
- height: "30px",
12
+ variant: "rectangular",
13
+ width: "100%",
14
+ height: "100%",
16
15
  className: classes.skeleton,
17
16
  "data-testid": "SkeletonIconButton"
18
17
  });
@@ -25,14 +24,22 @@ const IconButtonRoot = styled("div")(({
25
24
  const componentName = "M4LIconButton";
26
25
  generateUtilityClasses(componentName, [
27
26
  "root",
28
- "skeleton"
27
+ "skeleton",
28
+ "sizeExtraSmall",
29
+ "sizemSall",
30
+ "sizeMedium",
31
+ "variantPrimary",
32
+ "variantSecondary",
33
+ "variantLine",
34
+ "isFocus",
35
+ "isDisabled"
29
36
  ]);
30
37
  function getIconButtonUtilityClass(slot) {
31
38
  return generateUtilityClass(componentName, slot);
32
39
  }
33
- const useUtilityClasses = () => {
40
+ const useUtilityClasses = (ownerState) => {
34
41
  const slots = {
35
- root: ["root"],
42
+ root: ["root", ownerState.size === "extraSmall" && "sizeExtraSmall", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.variant === "primary" && ownerState.isSkeleton !== true && "variantPrimary", ownerState.variant === "secondary" && ownerState.isSkeleton !== true && "variantSecondary", ownerState.variant === "line" && ownerState.isSkeleton !== true && "variantLine", ownerState.isFocus && "isFocus", ownerState.isDisabled && "isDisabled"],
36
43
  skeleton: ["skeleton"]
37
44
  };
38
45
  const composedClasses = unstable_composeClasses(slots, getIconButtonUtilityClass, {});
@@ -46,9 +53,9 @@ const IconButton = (props) => {
46
53
  tooltip,
47
54
  size = "small",
48
55
  dictionaryTooltip,
49
- bgColor = "primary.active",
50
56
  rotationAngle,
51
- angleTransition,
57
+ variant = "primary",
58
+ disabled,
52
59
  ...other
53
60
  } = props;
54
61
  const {
@@ -56,15 +63,31 @@ const IconButton = (props) => {
56
63
  } = useModuleDictionary();
57
64
  const isSkeleton = useModuleSkeleton();
58
65
  const finalTooltip = useMemo(() => {
59
- if (other.disabled) {
66
+ if (disabled) {
60
67
  return void 0;
61
68
  }
62
69
  if (dictionaryTooltip && getLabel) {
63
70
  return getLabel(dictionaryTooltip);
64
71
  }
65
72
  return tooltip;
66
- }, [dictionaryTooltip, getLabel, other.disabled]);
67
- const classes = useUtilityClasses();
73
+ }, [dictionaryTooltip, getLabel, disabled]);
74
+ const [isfocus, setIsFocus] = useState(false);
75
+ const handlerOnFocus = () => {
76
+ console.log("focus active");
77
+ setIsFocus(true);
78
+ };
79
+ const handlerOnBlur = () => {
80
+ console.log("focus blur");
81
+ setIsFocus(false);
82
+ };
83
+ const ownerState = {
84
+ variant,
85
+ size,
86
+ isSkeleton,
87
+ isFocus: isfocus,
88
+ isDisabled: disabled
89
+ };
90
+ const classes = useUtilityClasses(ownerState);
68
91
  return /* @__PURE__ */ jsx(IconButtonRoot, {
69
92
  className: classes.root,
70
93
  "data-testid": "IconButtonRoot",
@@ -72,23 +95,26 @@ const IconButton = (props) => {
72
95
  children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
73
96
  title: finalTooltip || "",
74
97
  children: /* @__PURE__ */ jsx(IconButton$1, {
75
- size,
76
98
  ...other,
99
+ disableFocusRipple: true,
100
+ onFocus: handlerOnFocus,
101
+ onBlur: handlerOnBlur,
102
+ disabled,
77
103
  children: /* @__PURE__ */ jsx(Icon, {
78
104
  src,
79
- bgColor: other.disabled ? "action.disabled" : bgColor,
80
- rotationAngle
105
+ size
81
106
  })
82
107
  })
83
108
  }) : /* @__PURE__ */ jsx(IconButton$1, {
84
- size,
85
- "data-component": "MUIIconButton",
86
109
  ...other,
110
+ disableFocusRipple: true,
111
+ onFocus: handlerOnFocus,
112
+ onBlur: handlerOnBlur,
113
+ disabled,
87
114
  children: /* @__PURE__ */ jsx(Icon, {
88
115
  src,
89
- bgColor: other.disabled ? "action.disabled" : bgColor,
90
- rotationAngle,
91
- angleTransition
116
+ size,
117
+ rotationAngle
92
118
  })
93
119
  })
94
120
  }) : /* @__PURE__ */ jsx(SkeletonIconButton, {
@@ -1,5 +1,17 @@
1
1
  import { IconProps } from '../../Icon/types';
2
- export interface IconButtonProps extends IconProps {
2
+ import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
3
+ export declare type IconButtonVariants = 'primary' | 'secondary' | 'line';
4
+ export declare type IconButtonSize = 'extraSmall' | 'small' | 'medium';
5
+ export interface IconButtonProps extends Omit<IconProps, 'size'>, Omit<MUIIconButtonProps, 'size'> {
3
6
  tooltip?: string;
4
7
  dictionaryTooltip?: string;
8
+ variant?: IconButtonVariants;
9
+ size?: IconButtonSize;
10
+ }
11
+ export interface OwnerState {
12
+ variant: IconButtonVariants;
13
+ size: IconButtonSize;
14
+ isSkeleton: boolean;
15
+ isFocus: boolean;
16
+ isDisabled?: boolean;
5
17
  }
@@ -1,5 +1,2 @@
1
1
  import { ImageButtonProps } from './types';
2
- import { ImageButtonClassesType } from './utils/Clases/types';
3
- export { imageButtonClasses } from './utils/Clases/index';
4
- export declare type ImageButtonClassesKey = keyof ImageButtonClassesType;
5
2
  export declare function ImageButton({ src, width, height, useIntersectionObserver, skeletonVariant, tooltip, sx, ...other }: ImageButtonProps): JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const IMAGEBUTTON_PREFIX = "ImageButton";
@@ -0,0 +1,2 @@
1
+ import { ImageButtonClassesKey } from "../utils/Clases/types";
2
+ export declare const getNameDataTestId: (KEY: ImageButtonClassesKey) => string;
@@ -2,4 +2,5 @@ import { ImageProps } from '../../Image/types';
2
2
  import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
3
3
  export interface ImageButtonProps extends ImageProps, MUIIconButtonProps {
4
4
  tooltip?: string;
5
+ width: string;
5
6
  }
@@ -1,3 +1,4 @@
1
1
  export interface ImageButtonClassesType {
2
2
  root: string;
3
3
  }
4
+ export declare type ImageButtonClassesKey = keyof ImageButtonClassesType;
@@ -0,0 +1 @@
1
+ export declare const componentName = "M4LoadingButton";
@@ -0,0 +1,8 @@
1
+ import { LoadingButtonClassesType } from './types';
2
+ import { OwnerState } from '../types';
3
+ export declare const loadingButtonClasses: LoadingButtonClassesType;
4
+ export declare function getLoadingButtonUtilityClass(slot: string): string;
5
+ export declare const useUtilityClasses: (onwerState: OwnerState) => {
6
+ root: string;
7
+ skeleton: string;
8
+ };
@@ -0,0 +1,11 @@
1
+ export interface LoadingButtonClassesType {
2
+ root: string;
3
+ skeleton: string;
4
+ sizeSmall: string;
5
+ sizeMedium: string;
6
+ variantOutlined: string;
7
+ variantContained: string;
8
+ variantText: string;
9
+ isDisabled: string;
10
+ }
11
+ export declare type LoadingbuttonClassesKey = keyof LoadingButtonClassesType;
@@ -0,0 +1 @@
1
+ export declare const LOADINGBUTTON_PREFIX = "LoadingButton";
@@ -0,0 +1,2 @@
1
+ import { LoadingbuttonClassesKey } from "../classes/types";
2
+ export declare const getNameDataTestId: (KEY: LoadingbuttonClassesKey) => string;
@@ -2,4 +2,9 @@ import { LoadingButtonProps } from '@mui/lab';
2
2
  import { ReactNode } from 'react';
3
3
  export interface MuiLabLoadingButtonProps extends LoadingButtonProps {
4
4
  children?: ReactNode;
5
+ size?: 'small' | 'medium';
6
+ skeletonWidth?: string | number;
7
+ }
8
+ export interface OwnerState extends Pick<MuiLabLoadingButtonProps, 'size' | 'variant'> {
9
+ isDisabled?: boolean;
5
10
  }
@@ -1,9 +1,9 @@
1
1
  import { useState, useMemo } from "react";
2
2
  import { useEnvironment, useModuleDictionary } from "@m4l/core";
3
3
  import { IconButton, Tooltip, MenuItem } from "@mui/material";
4
- import { P as Popover } from "../Popover/index.8ed52492.js";
4
+ import { P as Popover } from "../Popover/index.260aae81.js";
5
5
  import { styled } from "@mui/material/styles";
6
- import { I as Icon } from "../../Icon/index.b29ff2d9.js";
6
+ import { I as Icon } from "../../Icon/index.0f9b360e.js";
7
7
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
8
8
  const WrapperMenuActions = styled(IconButton)(() => ({}));
9
9
  const LabelMemuItem = styled("div")(({
@@ -1,7 +1,7 @@
1
1
  import { useMemo } from "react";
2
2
  import { Skeleton, TablePagination } from "@mui/material";
3
3
  import { styled } from "@mui/material/styles";
4
- import { I as IconButton } from "../IconButton/index.afa201a7.js";
4
+ import { I as IconButton } from "../IconButton/index.be9c2ce5.js";
5
5
  import { useEnvironment } from "@m4l/core";
6
6
  import { jsxs, jsx } from "react/jsx-runtime";
7
7
  const WrapperPagerActions = styled("div")(({ theme }) => ({
@@ -1,7 +1,7 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
1
2
  import { styled, Popover as Popover$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
2
3
  import { unstable_composeClasses } from "@mui/base";
3
4
  import { styled as styled$1 } from "@mui/material/styles";
4
- import { jsxs, jsx } from "react/jsx-runtime";
5
5
  const PopoverRoot = styled(Popover$1)(({
6
6
  theme
7
7
  }) => ({
@@ -71,14 +71,13 @@ const ArrowStyle = styled$1("span")(({
71
71
  return {
72
72
  display: "none",
73
73
  [theme.breakpoints.up("sm")]: {
74
- zIndex: 1,
75
74
  width: SIZE,
76
75
  height: SIZE,
77
76
  content: "''",
78
77
  position: "absolute",
79
78
  display: "block",
80
79
  transform: "rotate(-135deg)",
81
- background: theme.palette.background.paper
80
+ background: theme.palette.background.default
82
81
  },
83
82
  ...arrowType === "top-left" && {
84
83
  ...topStyle,
@@ -0,0 +1,2 @@
1
+ export * from './Popover';
2
+ export * from './types';
@@ -0,0 +1,2 @@
1
+ import { TypographyProps } from './types';
2
+ export declare function Typography(props: TypographyProps): JSX.Element;
@@ -1,6 +1,8 @@
1
1
  import { useModuleSkeleton } from "@m4l/core";
2
2
  import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
3
3
  import { jsx } from "react/jsx-runtime";
4
+ import clsx from "clsx";
5
+ import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
4
6
  import { unstable_composeClasses } from "@mui/base";
5
7
  const WarpperTypography = styled("div")(({
6
8
  theme
@@ -18,7 +20,7 @@ const SkeletonTypography = (props) => {
18
20
  height: skeletongHeight
19
21
  });
20
22
  };
21
- const typographyClasses = generateUtilityClasses("M4LTypography", [
23
+ generateUtilityClasses("M4LTypography", [
22
24
  "root"
23
25
  ]);
24
26
  function getTypographyClassesUtilityClass(slot) {
@@ -33,31 +35,34 @@ const useUtilityClasses = () => {
33
35
  ...composedClasses
34
36
  };
35
37
  };
38
+ const TYPOGRAPHY_PREFIX = "Typography";
39
+ const getNameDataTestId = (KEY) => {
40
+ return `${TYPOGRAPHY_PREFIX}-${KEY}`;
41
+ };
36
42
  function Typography(props) {
37
43
  const {
38
44
  skeletonWidth = "100%",
39
45
  skeletongHeight = "18px",
46
+ variant = "body",
47
+ className,
40
48
  ...other
41
49
  } = props;
42
50
  const isSkeleton = useModuleSkeleton();
43
51
  const classes = useUtilityClasses();
44
- if (isSkeleton) {
45
- return /* @__PURE__ */ jsx(WarpperTypography, {
46
- className: classes.root,
47
- children: /* @__PURE__ */ jsx(SkeletonTypography, {
48
- skeletonWidth,
49
- skeletongHeight
50
- })
51
- });
52
- }
53
52
  return /* @__PURE__ */ jsx(WarpperTypography, {
54
- className: classes.root,
55
- children: /* @__PURE__ */ jsx(Typography$1, {
56
- ...other
53
+ className: clsx(classes.root, className),
54
+ ...process.env.NODE_ENV !== "production" ? {
55
+ [TEST_PROP_ID]: getNameDataTestId("root")
56
+ } : {},
57
+ children: !isSkeleton ? /* @__PURE__ */ jsx(Typography$1, {
58
+ ...other,
59
+ variant
60
+ }) : /* @__PURE__ */ jsx(SkeletonTypography, {
61
+ skeletonWidth,
62
+ skeletongHeight
57
63
  })
58
64
  });
59
65
  }
60
66
  export {
61
- Typography as T,
62
- typographyClasses as t
67
+ Typography as T
63
68
  };
@@ -1,5 +1 @@
1
- import { TypographyProps } from './types';
2
- import { TypographyClassesType } from './utils/Clases/types';
3
- export { typographyClasses } from './utils/Clases/index';
4
- export declare type TypographyClassesKey = TypographyClassesType;
5
- export declare function Typography(props: TypographyProps): JSX.Element;
1
+ export { Typography } from './Typography';
@@ -0,0 +1 @@
1
+ export declare const TYPOGRAPHY_PREFIX = "Typography";
@@ -0,0 +1,2 @@
1
+ import { TypographyClassesKey } from "../utils/Clases/types";
2
+ export declare const getNameDataTestId: (KEY: TypographyClassesKey) => string;
@@ -1,3 +1,4 @@
1
1
  export interface TypographyClassesType {
2
2
  root: string;
3
3
  }
4
+ export declare type TypographyClassesKey = keyof TypographyClassesType;
@@ -0,0 +1,19 @@
1
+ import "@mui/material";
2
+ import "react";
3
+ import "@m4l/core";
4
+ import "../Icon/index.0f9b360e.js";
5
+ import "react/jsx-runtime";
6
+ import "./IconButton/index.be9c2ce5.js";
7
+ import "./Accordion/index.b7487e37.js";
8
+ import "./Avatar/index.fe06afd7.js";
9
+ import "react-router-dom";
10
+ import "@mui/material/Button";
11
+ import "./Button/index.d9e0ae2e.js";
12
+ import "clsx";
13
+ import "../Image/index.1a9c0327.js";
14
+ import "@mui/lab";
15
+ import "./Typography/index.41b60a6b.js";
16
+ import "./Popover/index.260aae81.js";
17
+ import "./MenuActions/index.ec654122.js";
18
+ import "./Pager/index.9e123670.js";
19
+ import "./Tab/index.e0653a0a.js";
@@ -18,4 +18,4 @@ export { Pager } from './Pager';
18
18
  export type { PagerProps } from './Pager/types';
19
19
  export { getPagerComponentsDictionary } from './Pager/dicctionary';
20
20
  export { Tab } from './Tab';
21
- export * from './Typography';
21
+ export * from './Typography/Typography';
@@ -1,5 +1,5 @@
1
1
  import { createContext, useState } from "react";
2
- import { M as ModalDialog } from "../../components/ModalDialog/index.dc7ebe06.js";
2
+ import { M as ModalDialog } from "../../components/ModalDialog/index.3efe049b.js";
3
3
  import { jsxs, jsx } from "react/jsx-runtime";
4
4
  const ModalContext = createContext(null);
5
5
  function ModalProvider({