@m4l/components 3.1.7 → 3.1.8

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 (201) hide show
  1. package/index.js +183 -340
  2. package/node_modules-CQtkw0uG.js +7350 -0
  3. package/package.json +1 -1
  4. package/vendor-AfIOyqRr.js +24636 -0
  5. package/components/AccountPopover/index-Dm2-k-Mv.js +0 -334
  6. package/components/AppBar/index-i0rhG3J1.js +0 -93
  7. package/components/BaseModule/index-CiNNlxzS.js +0 -30
  8. package/components/CommonActions/components/ActionCancel/index-CIdpDXkr.js +0 -12
  9. package/components/CommonActions/components/ActionFormCancel/index-CpyASN3q.js +0 -56
  10. package/components/CommonActions/components/ActionFormIntro/index-7KKtcUra.js +0 -33
  11. package/components/CommonActions/components/ActionIntro/index-CqqDZZcG.js +0 -25
  12. package/components/CommonActions/components/Actions/index-CuG1pnXW.js +0 -70
  13. package/components/DataGrid/constants-8L7QgBKi.js +0 -10
  14. package/components/DataGrid/formatters/ColumnBooleanFormatter/index-CveSCbq_.js +0 -26
  15. package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index-CHqvieM2.js +0 -22
  16. package/components/DataGrid/formatters/ColumnDateFormatter/index-CKg8CJ6A.js +0 -19
  17. package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index-DE6bwaKP.js +0 -23
  18. package/components/DataGrid/formatters/ColumnNestedValueFormatter/index-BslXGK-A.js +0 -14
  19. package/components/DataGrid/formatters/ColumnPointsFormatter/index-BXGW2CsK.js +0 -10
  20. package/components/DataGrid/formatters/ColumnPriceFormatter/index-O11tBykn.js +0 -10
  21. package/components/DataGrid/formatters/ColumnSetCheckFormatter/index-BaCawLr1.js +0 -36
  22. package/components/DataGrid/formatters/ColumnUncertaintyFormatter/index-Cq7a-jnE.js +0 -10
  23. package/components/DataGrid/formatters/index-CrZXPa0e.js +0 -13
  24. package/components/DataGrid/index-BZ-lbmuU.js +0 -908
  25. package/components/DataGrid/subcomponents/Actions/index-CHvPZ4Ru.js +0 -549
  26. package/components/DataGrid/subcomponents/editors/TextEditor/index-BIFm8akr.js +0 -80
  27. package/components/DragResizeWindow/index-D2jLYExo.js +0 -505
  28. package/components/DynamicFilter/constants-ByqmFATV.js +0 -31
  29. package/components/DynamicFilter/dictionary-PrbXU3VZ.js +0 -51
  30. package/components/DynamicFilter/index-DZiJc9h7.js +0 -116
  31. package/components/DynamicFilter/slots/SlotsEnum-cawFeNzx.js +0 -34
  32. package/components/DynamicFilter/slots/dynamicFilterSlots-DHxelhXP.js +0 -151
  33. package/components/DynamicFilter/slots/index-l0sNRNKZ.js +0 -1
  34. package/components/DynamicFilter/store/index-BT-eWVnJ.js +0 -254
  35. package/components/DynamicFilter/subcomponents/AppliedFilterChip/index-B32bAzi-.js +0 -60
  36. package/components/DynamicFilter/subcomponents/AppliedFilters/index-Bha19drV.js +0 -26
  37. package/components/DynamicFilter/subcomponents/DynamicFilterBase/index-BmvzoHit.js +0 -40
  38. package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/index-BcO3SlP5.js +0 -129
  39. package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/index-BCJhpNS8.js +0 -171
  40. package/components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/index-DCNhz68u.js +0 -153
  41. package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index-BdypjM1Y.js +0 -146
  42. package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/index-D-NFIVnK.js +0 -114
  43. package/components/DynamicFilter/subcomponents/FieldTypes/index-BwQHJqk9.js +0 -38
  44. package/components/DynamicFilter/subcomponents/FilterActions/index-B9UWmk07.js +0 -88
  45. package/components/DynamicFilter/subcomponents/InputFilter/index-CfGb1TfV.js +0 -188
  46. package/components/DynamicFilter/subcomponents/PopoverFilter/index-DkfRGrlO.js +0 -158
  47. package/components/DynamicFilter/subcomponents/PopoverMenuFields/index-DSegwAm2.js +0 -63
  48. package/components/FieldLabel/index-CI57EizR.js +0 -54
  49. package/components/GridLayout/index-C4HyxNYX.js +0 -1044
  50. package/components/GridLayout/subcomponents/Griditem/index-C7jT4s8t.js +0 -395
  51. package/components/GridLayout/subcomponents/Responsive/index-BKcU2OnF.js +0 -348
  52. package/components/GridLayout/subcomponents/SizeProvider/index-1aJ-e_54.js +0 -71
  53. package/components/HelperText/index-Crn_XIPF.js +0 -50
  54. package/components/Icon/index-C89MAkeH.js +0 -176
  55. package/components/Image/index-COp8vP0X.js +0 -175
  56. package/components/LanguagePopover/index-BA2Igs9L.js +0 -179
  57. package/components/LinearProgressIndeterminate/index-BwI756Mb.js +0 -55
  58. package/components/Loadable/index-BMbi9ISF.js +0 -9
  59. package/components/LoadingError/index-Cf0oGUrL.js +0 -89
  60. package/components/MFIsolationApp/index-V4R55hNU.js +0 -169
  61. package/components/MFLoader/index-BI8vQZSH.js +0 -299
  62. package/components/ModalDialog/index-CEVQBQ7W.js +0 -77
  63. package/components/NavLink/index-D1S_vtFO.js +0 -55
  64. package/components/NoItemSelected/index-B9oM26AX.js +0 -54
  65. package/components/ObjectLogs/index-CiXOJpS4.js +0 -233
  66. package/components/PDFViewer/index-GVN2rfd6.js +0 -51
  67. package/components/Page/index-DZMkYmr4.js +0 -117
  68. package/components/PaperForm/index-DwgAfjci.js +0 -59
  69. package/components/Period/index-2pJG3VmY.js +0 -238
  70. package/components/PrintingSystem/index-B2qcnfw0.js +0 -187
  71. package/components/PrintingSystem/subcomponents/BodyNode/index-Cv2aoy8S.js +0 -49
  72. package/components/PrintingSystem/subcomponents/ChartNode/index-BmJm8v_C.js +0 -105
  73. package/components/PrintingSystem/subcomponents/DividerNode/index-MpFhE-H0.js +0 -20
  74. package/components/PrintingSystem/subcomponents/FooterNode/index-ZEcWdMSM.js +0 -49
  75. package/components/PrintingSystem/subcomponents/GridNode/index-SsKax2xu.js +0 -74
  76. package/components/PrintingSystem/subcomponents/HeaderNode/index-Cs8TOOBL.js +0 -49
  77. package/components/PrintingSystem/subcomponents/PaperNode/index-DBb25Ecg.js +0 -30
  78. package/components/PrintingSystem/subcomponents/PropertyValueNode/index-CTVn7J9Q.js +0 -47
  79. package/components/PrintingSystem/subcomponents/SectionNode/index-iYPM3EaS.js +0 -49
  80. package/components/PrintingSystem/subcomponents/TextBoxNode/index-DGjXCFKJ.js +0 -24
  81. package/components/PropertyValue/index-Bh-Jnrte.js +0 -264
  82. package/components/Resizeable/index-DdP1xfE9.js +0 -20
  83. package/components/ScrollBar/index-f2URPPE2.js +0 -35
  84. package/components/ScrollToTop/index-TxORk5dB.js +0 -12
  85. package/components/SideBar/index-PUBBe0yH.js +0 -758
  86. package/components/SplitLayout/index-Bu1hcO6G.js +0 -89
  87. package/components/ToastContainer/index-DK1d8NNd.js +0 -191
  88. package/components/WrapperComponent/index-BHV-CsDU.js +0 -14
  89. package/components/animate/LoadingScreen/index-CkVLOrMz.js +0 -70
  90. package/components/animate/MotionContainer/index-eartnWyO.js +0 -34
  91. package/components/animate/MotionLazyContainer/index-Be8osTiG.js +0 -9
  92. package/components/animate/PropagateLoader/index-Bkq8V2SN.js +0 -23
  93. package/components/animate/features-BbnE33u3.js +0 -5
  94. package/components/animate/index-BsWiJfzp.js +0 -89
  95. package/components/animate/variants/bounce-DanQqHAX.js +0 -101
  96. package/components/animate/variants/container-Dmpr6tg5.js +0 -22
  97. package/components/animate/variants/fade-CAOJNn06.js +0 -65
  98. package/components/animate/variants/index-l0sNRNKZ.js +0 -1
  99. package/components/animate/variants/transition-B9W5SWTa.js +0 -20
  100. package/components/areas/components/AreasAdmin/index-OxQU3P8Y.js +0 -699
  101. package/components/areas/components/AreasViewer/index-DQ0aPioP.js +0 -805
  102. package/components/areas/components/index-l0sNRNKZ.js +0 -1
  103. package/components/areas/constants-rqODZNZe.js +0 -6
  104. package/components/areas/contexts/AreasContext/index-BqRlA7JA.js +0 -1110
  105. package/components/areas/contexts/DynamicMFParmsContext/index-22c6E7vK.js +0 -36
  106. package/components/areas/contexts/WindowToolsMFContext/index-DkE30fhm.js +0 -12
  107. package/components/areas/contexts/index-l0sNRNKZ.js +0 -1
  108. package/components/areas/dictionary-YUsP9beq.js +0 -36
  109. package/components/areas/hooks/index-l0sNRNKZ.js +0 -1
  110. package/components/areas/hooks/useAreas/index-BSbwbJLS.js +0 -11
  111. package/components/areas/hooks/useDynamicMFParameters/index-DhbcZPs9.js +0 -12
  112. package/components/areas/hooks/useSetWindowsTitle/useSetWindowsTitle-BzPD-miW.js +0 -31
  113. package/components/areas/hooks/useWindowToolsMF/index-BECQfhbC.js +0 -10
  114. package/components/areas/icons-CwFr-alN.js +0 -24
  115. package/components/areas/index-B_Odny9h.js +0 -22
  116. package/components/commercial/AppBarCommercial/index-CHq3P3GY.js +0 -28
  117. package/components/commercial/SectionCommercial/index-BeABGtdr.js +0 -56
  118. package/components/commercial/TopBar/index-F1repmti.js +0 -232
  119. package/components/commercial/index-CxDzs6Ax.js +0 -81
  120. package/components/formatters/BooleanFormatter/index-DktIidqW.js +0 -44
  121. package/components/formatters/DateFormatter/index-CGcRZ8BA.js +0 -43
  122. package/components/formatters/PointsFormatter/index-C7sR8iqk.js +0 -25
  123. package/components/formatters/PriceFormatter/index-CsvRawmc.js +0 -35
  124. package/components/formatters/UncertaintyFormatter/index-B9ESVEVp.js +0 -29
  125. package/components/formatters/index-pnJhDYKe.js +0 -109
  126. package/components/hook-form/HelperError/index-BVnmUazV.js +0 -19
  127. package/components/hook-form/RHFAutocomplete/index-BtPL16HR.js +0 -657
  128. package/components/hook-form/RHFAutocompleteAsync/index-BfzjLHG8.js +0 -226
  129. package/components/hook-form/RHFCheckbox/index-Vyttu8Vx.js +0 -132
  130. package/components/hook-form/RHFColorPicker/index-Cxxb5Wa_.js +0 -191
  131. package/components/hook-form/RHFDateTime/index-CW1Slb-f.js +0 -190
  132. package/components/hook-form/RHFMultiCheckbox/index-BARudV1A.js +0 -34
  133. package/components/hook-form/RHFPeriod/index-r-HeIOoZ.js +0 -98
  134. package/components/hook-form/RHFRadioGroup/index-CTD-0zKo.js +0 -52
  135. package/components/hook-form/RHFSelect/index-LdwRuFz-.js +0 -29
  136. package/components/hook-form/RHFTextField/index-B6ufruSB.js +0 -337
  137. package/components/hook-form/RHFUpload/index-CDPbm8NR.js +0 -253
  138. package/components/maps/components/GpsTools/index-5MXlhIEt.js +0 -1948
  139. package/components/maps/components/Map/index-2Lx5ARXa.js +0 -2546
  140. package/components/maps/index-Ci-7-FHg.js +0 -7
  141. package/components/modal/WindowBase-Gd27v5FU.js +0 -44
  142. package/components/modal/WindowConfirm-u6vAMFo7.js +0 -73
  143. package/components/modal/index-CydPIpKZ.js +0 -65
  144. package/components/mui_extended/Accordion/index-DMLYJL7o.js +0 -124
  145. package/components/mui_extended/Avatar/index-ClBa-6eF.js +0 -64
  146. package/components/mui_extended/Badge/index-zI-F_Qkq.js +0 -29
  147. package/components/mui_extended/BoxIcon/index-BUTJ2tKw.js +0 -22
  148. package/components/mui_extended/Breadcrumbs/index-DTS7rOZH.js +0 -86
  149. package/components/mui_extended/Button/index-CGfZbaea.js +0 -222
  150. package/components/mui_extended/CheckBox-BXUrbonB.js +0 -76
  151. package/components/mui_extended/CircularProgress/index-Bnnti_G6.js +0 -8
  152. package/components/mui_extended/IconButton/classes/constants-ChY2jKkp.js +0 -4
  153. package/components/mui_extended/IconButton/classes/index-BxjJGAqZ.js +0 -45
  154. package/components/mui_extended/IconButton/index-CusYFjie.js +0 -97
  155. package/components/mui_extended/IconButton/styledIconButton-fAsbGoFS.js +0 -7
  156. package/components/mui_extended/LinearProgress/index-CGgW8jq2.js +0 -9
  157. package/components/mui_extended/LinkWithRoute/index-BC2miUjR.js +0 -15
  158. package/components/mui_extended/MenuActions/MenuActions-C6CjSU6C.js +0 -149
  159. package/components/mui_extended/MenuActions/constants-BwsU9chA.js +0 -10
  160. package/components/mui_extended/MenuActions/dictionary-Dj_07puT.js +0 -11
  161. package/components/mui_extended/MenuActions/slots/MenuActionsEnum-Bu-L6eWU.js +0 -13
  162. package/components/mui_extended/MenuActions/slots/MenuActionsSlots-D65KZAKF.js +0 -46
  163. package/components/mui_extended/Pager/index-DCbxiTZA.js +0 -257
  164. package/components/mui_extended/Popover/index-DfrJAQkV.js +0 -153
  165. package/components/mui_extended/Stack/index-DzEeCYfp.js +0 -31
  166. package/components/mui_extended/Tab/index-Bu3dPidV.js +0 -129
  167. package/components/mui_extended/ToggleButton/index-C9cBkT1V.js +0 -18
  168. package/components/mui_extended/ToggleIconButton/index--0b3Td6C.js +0 -26
  169. package/components/mui_extended/Tooltip/index-B8QUytCK.js +0 -42
  170. package/components/mui_extended/Typography/index-Cf_4Zw8f.js +0 -54
  171. package/components/mui_extended/index-l0sNRNKZ.js +0 -1
  172. package/components/popups/PopupsProvider/index-DhSxmtfJ.js +0 -172
  173. package/components/popups/PopupsViewer/constants-DuyD7aCn.js +0 -4
  174. package/components/popups/PopupsViewer/icons-BUujqqbu.js +0 -7
  175. package/components/popups/PopupsViewer/index-BecevSns.js +0 -172
  176. package/components/popups/PopupsViewer/slots/index-B98CiRLa.js +0 -14
  177. package/components/popups/PopupsViewer/slots/popupsViewerSlots-BXH77nCF.js +0 -46
  178. package/components/popups/index-l0sNRNKZ.js +0 -1
  179. package/contexts/ModalContext/index-CPfNnfTL.js +0 -39
  180. package/contexts/RHFormContext/index-D_nK759o.js +0 -78
  181. package/hocs/withToggle/index-C1_DMZD3.js +0 -14
  182. package/hooks/useFormAddEdit/index-D9oSjUn1.js +0 -90
  183. package/hooks/useFormReadyForUpdate/index-B3HygFCM.js +0 -20
  184. package/hooks/useModal/index-BJSQOX3U.js +0 -10
  185. package/hooks/useSizeContainer/index-D4hDjM1P.js +0 -37
  186. package/hooks/useStateRef/index-C3P6ZK3m.js +0 -15
  187. package/hooks/useTab/index-B_GEQFOP.js +0 -12
  188. package/react-data-grid-BfYuZ6AK.js +0 -2606
  189. package/react-draggable-DsCPdgQP.js +0 -811
  190. package/react-json-view-bhqIAaNg.js +0 -2576
  191. package/react-resizable-eBbFl2dX.js +0 -618
  192. package/react-spinners-TpKN9lZg.js +0 -123
  193. package/react-splitter-layout-C-JTsNGs.js +0 -158
  194. package/styles/DynamicFilter-CJFsIegc.js +0 -319
  195. package/styles/MenuActions-lTi-ynPM.js +0 -42
  196. package/styles/index-DKj6m8SL.js +0 -1691
  197. package/test/constants_no_mock-CF-669v-.js +0 -4
  198. package/test/getNameDataTestId-BaBTWhBr.js +0 -10
  199. package/utils/index-DiMrtgIu.js +0 -502
  200. /package/components/GridLayout/subcomponents/{Griditem → GridItem}/index.d.ts +0 -0
  201. /package/components/GridLayout/subcomponents/{Griditem → GridItem}/types.d.ts +0 -0
@@ -1,222 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { useModuleSkeleton } from "@m4l/core";
3
- import { generateUtilityClasses, generateUtilityClass, Skeleton, IconButton, Tooltip } from "@mui/material";
4
- import MuiButton from "@mui/material/Button";
5
- import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index-DKj6m8SL.js";
6
- import { unstable_composeClasses } from "@mui/base";
7
- import clsx from "clsx";
8
- import { useMemo } from "react";
9
- import { I as Image } from "../../Image/index-COp8vP0X.js";
10
- import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
11
- import { LoadingButton as LoadingButton$1 } from "@mui/lab";
12
- import { T as Typography } from "../Typography/index-Cf_4Zw8f.js";
13
- const componentName$2 = "M4LButton";
14
- const buttonClasses = generateUtilityClasses(componentName$2, [
15
- /* elements */
16
- "root",
17
- "skeleton",
18
- /* states or variants of elements */
19
- "sizeSmall",
20
- "sizeMedium",
21
- "variantOutlined",
22
- "variantContained",
23
- "variantText",
24
- "isDisabled",
25
- "colorError",
26
- "colorSuccess",
27
- "colorWarning",
28
- /**Toggle */
29
- "togglePressed",
30
- "toggleNotPressed"
31
- ]);
32
- function getButtonUtilityClass(slot) {
33
- return generateUtilityClass(componentName$2, slot);
34
- }
35
- const useUtilityClasses$2 = (onwerState) => {
36
- const slots = {
37
- root: [
38
- "root",
39
- onwerState.size === "small" && "sizeSmall",
40
- onwerState.size === "medium" && "sizeMedium",
41
- onwerState.variant === "outlined" && "variantOutlined",
42
- onwerState.variant === "contained" && "variantContained",
43
- onwerState.variant === "text" && "variantText",
44
- onwerState.isDisabled && "isDisabled",
45
- onwerState.colorState === "error" && "colorError",
46
- onwerState.colorState === "success" && "colorSuccess",
47
- onwerState.colorState === "warning" && "colorWarning"
48
- ],
49
- skeleton: ["skeleton"]
50
- };
51
- const composedClasses = unstable_composeClasses(slots, getButtonUtilityClass, {});
52
- return {
53
- ...composedClasses
54
- };
55
- };
56
- const Button = (props) => {
57
- const {
58
- size = "small",
59
- variant = "contained",
60
- className,
61
- disabled,
62
- skeletonWidth = "100px",
63
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
64
- skeletonHeight = "28px",
65
- colorState,
66
- ...others
67
- } = props;
68
- const isSkeleton = useModuleSkeleton();
69
- const ownerState = {
70
- size,
71
- variant,
72
- isDisabled: disabled,
73
- colorState
74
- };
75
- const classes = useUtilityClasses$2(ownerState);
76
- return (
77
- /* ButtonRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
78
- provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a
79
- otros componentes de la plataforna web. */
80
- /* @__PURE__ */ jsx(ButtonRoot, { className: clsx(classes.root, className), "data-testid": "ButtonRoot", children: !isSkeleton ? (
81
- /* MuiButton: Componente botón proporcionado por la librería externa material ui. */
82
- /* @__PURE__ */ jsx(MuiButton, { ...others, variant, size, disableRipple: true, disabled })
83
- ) : (
84
- /* MuiSkeleton: Componente extendido de mui que se usa para mostrar la versión provisional de elementos en
85
- la plataforma web. */
86
- /* @__PURE__ */ jsx(
87
- Skeleton,
88
- {
89
- className: classes.skeleton,
90
- "data-testid": "MuiSkeleton",
91
- variant: "rectangular",
92
- width: skeletonWidth
93
- }
94
- )
95
- ) })
96
- );
97
- };
98
- const componentName$1 = "M4LImageButton";
99
- generateUtilityClasses(componentName$1, [
100
- /* elements */
101
- "root"
102
- /* states or variants of elements */
103
- ]);
104
- function getImageButtonUtilityClass(slot) {
105
- return generateUtilityClass(componentName$1, slot);
106
- }
107
- const useUtilityClasses$1 = () => {
108
- const slots = {
109
- root: ["root"]
110
- };
111
- const composedClasses = unstable_composeClasses(slots, getImageButtonUtilityClass, {});
112
- return {
113
- ...composedClasses
114
- };
115
- };
116
- const IMAGEBUTTON_PREFIX = "ImageButton";
117
- const getNameDataTestId$1 = (KEY) => {
118
- return `${IMAGEBUTTON_PREFIX}-${KEY}`;
119
- };
120
- function ImageButton({
121
- src,
122
- width,
123
- height,
124
- tooltip,
125
- sx = { width, height },
126
- ...other
127
- }) {
128
- const finalTooltip = tooltip;
129
- const classes = useUtilityClasses$1();
130
- const imageButton = useMemo(() => {
131
- return /* @__PURE__ */ jsx(IconButton, { sx, ...other, children: /* @__PURE__ */ jsx(Image, { src }) });
132
- }, [src, width, height, sx]);
133
- return /* @__PURE__ */ jsx(
134
- WrapperImageButton,
135
- {
136
- className: classes.root,
137
- ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$1("root") } : {},
138
- children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, { title: finalTooltip || "", children: imageButton }) : imageButton
139
- }
140
- );
141
- }
142
- const componentName = "M4LLoadingButton";
143
- generateUtilityClasses(
144
- componentName,
145
- [
146
- /* elements */
147
- "root",
148
- "skeleton",
149
- /* states or variants of elements */
150
- "sizeSmall",
151
- "sizeMedium",
152
- "variantOutlined",
153
- "variantContained",
154
- "variantText",
155
- "isDisabled"
156
- ]
157
- );
158
- function getLoadingButtonUtilityClass(slot) {
159
- return generateUtilityClass(componentName, slot);
160
- }
161
- const useUtilityClasses = (onwerState) => {
162
- const slots = {
163
- root: [
164
- "root",
165
- onwerState.size === "small" && "sizeSmall",
166
- onwerState.size === "medium" && "sizeMedium",
167
- onwerState.variant === "outlined" && "variantOutlined",
168
- onwerState.variant === "contained" && "variantContained",
169
- onwerState.variant === "text" && "variantText",
170
- onwerState.isDisabled && "isDisabled"
171
- ],
172
- skeleton: ["skeleton"]
173
- };
174
- const composedClasses = unstable_composeClasses(slots, getLoadingButtonUtilityClass, {});
175
- return {
176
- ...composedClasses
177
- };
178
- };
179
- const LOADINGBUTTON_PREFIX = "M4LoadingButton";
180
- const getNameDataTestId = (KEY) => {
181
- return `${LOADINGBUTTON_PREFIX}-${KEY}`;
182
- };
183
- const LoadingButton = (props) => {
184
- const {
185
- children,
186
- skeletonWidth = "100%",
187
- size = "small",
188
- variant = "contained",
189
- disabled,
190
- className,
191
- ...other
192
- } = props;
193
- const isSkeleton = useModuleSkeleton();
194
- const ownerState = {
195
- size,
196
- variant,
197
- isDisabled: disabled
198
- };
199
- const classes = useUtilityClasses(ownerState);
200
- return /* @__PURE__ */ jsx(
201
- LoadingButtonRoot,
202
- {
203
- className: clsx(classes.root, className),
204
- ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
205
- children: !isSkeleton ? /* @__PURE__ */ jsx(LoadingButton$1, { ...other, variant, size, children: /* @__PURE__ */ jsx(Typography, { variant: "action", children }) }) : /* @__PURE__ */ jsx(
206
- Skeleton,
207
- {
208
- className: classes.skeleton,
209
- ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("skeleton") } : {},
210
- variant: "rectangular",
211
- width: skeletonWidth
212
- }
213
- )
214
- }
215
- );
216
- };
217
- export {
218
- Button as B,
219
- ImageButton as I,
220
- LoadingButton as L,
221
- buttonClasses as b
222
- };
@@ -1,76 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { generateUtilityClasses, generateUtilityClass, Skeleton, Checkbox } from "@mui/material";
3
- import clsx from "clsx";
4
- import { useResponsiveDesktop } from "@m4l/graphics";
5
- import { unstable_composeClasses } from "@mui/base";
6
- import { useModuleSkeleton } from "@m4l/core";
7
- import { forwardRef } from "react";
8
- import { aD as CheckBoxRoot } from "../../styles/index-DKj6m8SL.js";
9
- import { F as FieldLabel } from "../FieldLabel/index-CI57EizR.js";
10
- const COMPONENT_CLASS_NAME = "M4LCheckBox";
11
- generateUtilityClasses(COMPONENT_CLASS_NAME, [
12
- /* elements */
13
- "root",
14
- "skeleton",
15
- /* states or variants of elements */
16
- "small",
17
- "medium",
18
- "stateDisabled"
19
- ]);
20
- function getRHFCheckboxUtilityClass(slot) {
21
- return generateUtilityClass(COMPONENT_CLASS_NAME, slot);
22
- }
23
- const useUtilityClasses = (ownerState) => {
24
- const slots = {
25
- root: [
26
- "root",
27
- ownerState.size === "small" && "small",
28
- ownerState.size === "medium" && "medium",
29
- ownerState.disabled && "stateDisabled"
30
- ],
31
- skeleton: ["skeleton"]
32
- };
33
- const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
34
- return {
35
- ...composedClasses
36
- };
37
- };
38
- const SkeletonCheckBox = (props) => {
39
- const { classes } = props;
40
- return /* @__PURE__ */ jsx("div", { className: classes.skeleton, children: /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", width: "18px", height: "18px" }) });
41
- };
42
- const CheckBox = forwardRef((props, ref) => {
43
- const {
44
- className,
45
- size = "small",
46
- disabled,
47
- label,
48
- mandatory,
49
- mandatoryMessage,
50
- helperMessage,
51
- htmlFor
52
- } = props;
53
- const isDesktop = useResponsiveDesktop();
54
- const isSkeleton = useModuleSkeleton();
55
- const ownerState = {
56
- size: !isDesktop ? "medium" : size,
57
- disabled
58
- };
59
- const classes = useUtilityClasses(ownerState);
60
- return /* @__PURE__ */ jsxs(CheckBoxRoot, { className: clsx(classes.root, className), ref, children: [
61
- !isSkeleton ? /* @__PURE__ */ jsx(Checkbox, { id: htmlFor, ...props }) : /* @__PURE__ */ jsx(SkeletonCheckBox, { classes }),
62
- label && /* @__PURE__ */ jsx(
63
- FieldLabel,
64
- {
65
- label,
66
- mandatory,
67
- mandatoryMessage,
68
- helperMessage,
69
- htmlFor
70
- }
71
- )
72
- ] });
73
- });
74
- export {
75
- CheckBox as C
76
- };
@@ -1,8 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { CircularProgress as CircularProgress$1 } from "@mui/material";
3
- const CircularProgress = (props) => {
4
- return /* @__PURE__ */ jsx(CircularProgress$1, { ...props });
5
- };
6
- export {
7
- CircularProgress as C
8
- };
@@ -1,4 +0,0 @@
1
- const componentName = "M4LIconButton";
2
- export {
3
- componentName as c
4
- };
@@ -1,45 +0,0 @@
1
- import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
2
- import { unstable_composeClasses } from "@mui/base";
3
- import { c as componentName } from "./constants-ChY2jKkp.js";
4
- const iconButtonClasses = generateUtilityClasses(componentName, [
5
- /* elements */
6
- "root",
7
- "skeleton",
8
- /* states or variants of elements */
9
- "sizemSall",
10
- "sizeMedium",
11
- "variantPrimary",
12
- "variantSecondary",
13
- "variantLine",
14
- "isFocus",
15
- "isDisabled",
16
- /**Toggle */
17
- "togglePressed",
18
- "toggleNotPressed"
19
- ]);
20
- function getIconButtonUtilityClass(slot) {
21
- return generateUtilityClass(componentName, slot);
22
- }
23
- const useUtilityClasses = (ownerState) => {
24
- const slots = {
25
- root: [
26
- "root",
27
- ownerState.size === "small" && "sizeSmall",
28
- ownerState.size === "medium" && "sizeMedium",
29
- ownerState.variant === "primary" && ownerState.isSkeleton !== true && "variantPrimary",
30
- ownerState.variant === "secondary" && ownerState.isSkeleton !== true && "variantSecondary",
31
- ownerState.variant === "line" && ownerState.isSkeleton !== true && "variantLine",
32
- ownerState.isFocus && !ownerState.isDisabled && "isFocus",
33
- ownerState.isDisabled && "isDisabled"
34
- ],
35
- skeleton: ["skeleton"]
36
- };
37
- const composedClasses = unstable_composeClasses(slots, getIconButtonUtilityClass, {});
38
- return {
39
- ...composedClasses
40
- };
41
- };
42
- export {
43
- iconButtonClasses as i,
44
- useUtilityClasses as u
45
- };
@@ -1,97 +0,0 @@
1
- import { jsx, Fragment } from "react/jsx-runtime";
2
- import { useMemo, useState } from "react";
3
- import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
4
- import { Skeleton, Tooltip, IconButton as IconButton$1 } from "@mui/material";
5
- import { I as Icon } from "../../Icon/index-C89MAkeH.js";
6
- import { I as IconButtonRoot } from "./styledIconButton-fAsbGoFS.js";
7
- import { u as useUtilityClasses } from "./classes/index-BxjJGAqZ.js";
8
- import clsx from "clsx";
9
- import { useResponsiveDesktop } from "@m4l/graphics";
10
- const SkeletonIconButton = (props) => {
11
- const { classes } = props;
12
- return /* @__PURE__ */ jsx(
13
- Skeleton,
14
- {
15
- variant: "rectangular",
16
- className: classes.skeleton,
17
- "data-testid": "SkeletonIconButton"
18
- }
19
- );
20
- };
21
- const IconButton = (props) => {
22
- const {
23
- src,
24
- tooltip,
25
- size = "small",
26
- dictionaryTooltipId,
27
- rotationAngle,
28
- variant = "line",
29
- disabled,
30
- className,
31
- onClick,
32
- ...other
33
- } = props;
34
- const { getLabel } = useModuleDictionary();
35
- const isDesktop = useResponsiveDesktop();
36
- const isSkeleton = useModuleSkeleton();
37
- const finalTooltip = useMemo(() => {
38
- if (disabled) {
39
- return void 0;
40
- }
41
- if (tooltip && tooltip !== "") {
42
- return tooltip;
43
- }
44
- if (dictionaryTooltipId && getLabel) {
45
- return getLabel(dictionaryTooltipId);
46
- }
47
- return void 0;
48
- }, [tooltip, dictionaryTooltipId, getLabel, disabled]);
49
- const [
50
- isfocus
51
- /* setIsFocus */
52
- ] = useState(false);
53
- const ownerState = {
54
- variant,
55
- size: isDesktop ? size : "medium",
56
- isSkeleton,
57
- isFocus: disabled ? false : isfocus,
58
- isDisabled: disabled
59
- };
60
- const classes = useUtilityClasses(ownerState);
61
- return (
62
- /* IconButtonRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
63
- provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a
64
- otros componentes de la plataforna web. */
65
- /* @__PURE__ */ jsx(IconButtonRoot, { className: clsx(classes.root, className), "data-testid": "IconButtonRoot", children: !isSkeleton ? (
66
- // eslint-disable-next-line react/jsx-no-useless-fragment
67
- /* @__PURE__ */ jsx(Fragment, { children: finalTooltip ? (
68
- /* Este bloque corresponde al caso en el que requiera tooltip en el componente. */
69
- /* @__PURE__ */ jsx(Tooltip, { title: finalTooltip || "", children: /* @__PURE__ */ jsx(
70
- IconButton$1,
71
- {
72
- ...other,
73
- onClick,
74
- disableRipple: true,
75
- disabled,
76
- children: /* @__PURE__ */ jsx(Icon, { src, size })
77
- }
78
- ) })
79
- ) : (
80
- /* Este bloque corresponde al caso en que solo se rquiera cargar el botón con icono. */
81
- /* @__PURE__ */ jsx(
82
- IconButton$1,
83
- {
84
- ...other,
85
- onClick,
86
- disableRipple: true,
87
- disabled,
88
- children: /* @__PURE__ */ jsx(Icon, { src, size: isDesktop ? size : "medium", rotationAngle })
89
- }
90
- )
91
- ) })
92
- ) : /* @__PURE__ */ jsx(SkeletonIconButton, { classes }) })
93
- );
94
- };
95
- export {
96
- IconButton as I
97
- };
@@ -1,7 +0,0 @@
1
- import { styled } from "@mui/material/styles";
2
- const IconButtonRoot = styled("div")(({ theme }) => ({
3
- ...theme.components?.M4LIconButton?.styleOverrides
4
- }));
5
- export {
6
- IconButtonRoot as I
7
- };
@@ -1,9 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { LinearProgress as LinearProgress$1 } from "@mui/material";
3
- const LinearProgress = (props) => {
4
- const { ...other } = props;
5
- return /* @__PURE__ */ jsx(LinearProgress$1, { ...other });
6
- };
7
- export {
8
- LinearProgress as L
9
- };
@@ -1,15 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Link as Link$1 } from "react-router-dom";
3
- import { Skeleton, Link } from "@mui/material";
4
- import { useModuleSkeleton } from "@m4l/core";
5
- const LinkWithRoute = (props) => {
6
- const { to, children, skeletonWidth = "100%", skeletonHeight = "14px", ...other } = props;
7
- const isSkeleton = useModuleSkeleton();
8
- if (isSkeleton) {
9
- return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletonHeight });
10
- }
11
- return /* @__PURE__ */ jsx(Link, { component: Link$1, to, ...other, children });
12
- };
13
- export {
14
- LinkWithRoute as L
15
- };
@@ -1,149 +0,0 @@
1
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
- import React__default, { useState, useEffect, useMemo } from "react";
3
- import { useTheme } from "@mui/material/styles";
4
- import { useEnvironment, useModuleDictionary } from "@m4l/core";
5
- import { I as ICON_PATH, a as ICONS } from "./constants-BwsU9chA.js";
6
- import { g as getMenuActionsDictionary, D as DICTIONARY } from "./dictionary-Dj_07puT.js";
7
- import { R as RootStyled, M as MenuItemStyled, I as IconButtonUrlStyled, L as LabelMenuItemStyled, a as LabelEmptyStyled, B as BadgeStyled, b as IconButtonStyled } from "./slots/MenuActionsSlots-D65KZAKF.js";
8
- function MenuActions(props) {
9
- const {
10
- menuActions,
11
- endListElement,
12
- menuActionSx,
13
- iconButtonClassName = "",
14
- objItem = {},
15
- urlIcon,
16
- toolTip = "",
17
- marginTop = -1,
18
- marginBottom,
19
- marginLeft,
20
- marginRight,
21
- width = 200,
22
- withBadge = false,
23
- badgeContent,
24
- arrowType = "right-top",
25
- externalOpen = null,
26
- externalClose,
27
- ...other
28
- } = props;
29
- const { host_static_assets, environment_assets } = useEnvironment();
30
- const { getLabel } = useModuleDictionary();
31
- const [open, setOpen] = useState(null);
32
- const handleOpen = (event) => {
33
- setOpen(event.currentTarget);
34
- };
35
- const theme = useTheme();
36
- useEffect(() => {
37
- let mounted = true;
38
- if (mounted) {
39
- setOpen(externalOpen);
40
- }
41
- return function cleanUp() {
42
- mounted = false;
43
- };
44
- }, [externalOpen]);
45
- const urlFinalIcon = useMemo(() => {
46
- if (urlIcon) return urlIcon;
47
- return `${host_static_assets}/${environment_assets}/${ICON_PATH}/${ICONS.MENU}`;
48
- }, [urlIcon, host_static_assets, environment_assets]);
49
- const handleClose = (e) => {
50
- e.stopPropagation();
51
- setOpen(null);
52
- externalClose && externalClose(null);
53
- };
54
- const handleClick = (e, menuAction) => {
55
- e.stopPropagation();
56
- setOpen(null);
57
- menuAction.onClick();
58
- };
59
- const finalActions = useMemo(() => {
60
- let ret;
61
- if (typeof menuActions !== "function") {
62
- ret = menuActions;
63
- } else {
64
- ret = menuActions(objItem);
65
- }
66
- return ret;
67
- }, [menuActions, objItem]);
68
- const IconButtonElement = (
69
- // eslint-disable-next-line react/jsx-no-useless-fragment
70
- /* @__PURE__ */ jsx(Fragment, { children: withBadge ? /* @__PURE__ */ jsx(BadgeStyled, { ownerState: {}, badgeContent, children: /* @__PURE__ */ jsx(
71
- IconButtonStyled,
72
- {
73
- ownerState: {},
74
- src: urlFinalIcon,
75
- onClick: handleOpen,
76
- tooltip: toolTip,
77
- className: iconButtonClassName
78
- }
79
- ) }) : /* @__PURE__ */ jsx(
80
- IconButtonStyled,
81
- {
82
- ownerState: {},
83
- src: urlFinalIcon,
84
- onClick: handleOpen,
85
- tooltip: toolTip,
86
- className: iconButtonClassName
87
- }
88
- ) })
89
- );
90
- return /* @__PURE__ */ jsxs(Fragment, { children: [
91
- IconButtonElement,
92
- /* @__PURE__ */ jsxs(
93
- RootStyled,
94
- {
95
- ownerState: {},
96
- id: "Popover",
97
- open: Boolean(open),
98
- anchorEl: open,
99
- onClose: handleClose,
100
- arrowType,
101
- sx: {
102
- marginTop,
103
- marginBottom,
104
- marginLeft,
105
- marginRight,
106
- width,
107
- maxWidth: 300,
108
- "& .MuiMenuItem-root": { px: 1, typography: "body2", borderRadius: 0.75 },
109
- ...theme.components?.M4LMenuActions?.styleOverrides,
110
- ...menuActionSx
111
- },
112
- ...other,
113
- children: [
114
- finalActions.map(
115
- (menuAction, index) => menuAction.label || menuAction.dictionaryId ? /* @__PURE__ */ jsxs(
116
- MenuItemStyled,
117
- {
118
- dense: true,
119
- onClick: (e) => {
120
- handleClick(e, menuAction);
121
- },
122
- sx: { color: menuAction.color ?? "text.main" },
123
- disabled: menuAction.disabled,
124
- ownerState: { variant: menuAction.variant, color: menuAction.color },
125
- children: [
126
- menuAction.urlIcon ? /* @__PURE__ */ jsx(
127
- IconButtonUrlStyled,
128
- {
129
- ownerState: { variant: menuAction.variant },
130
- src: menuAction.urlIcon
131
- }
132
- ) : null,
133
- /* @__PURE__ */ jsx(LabelMenuItemStyled, { ownerState: {}, children: menuAction.label || menuAction.dictionaryId && getLabel(menuAction.dictionaryId) })
134
- ]
135
- },
136
- `menu_action_${index}`
137
- ) : /* @__PURE__ */ jsx(LabelEmptyStyled, { ownerState: {}, children: getLabel(getMenuActionsDictionary(DICTIONARY.no_actions_label)) }, `menu_action_${index}`)
138
- ),
139
- endListElement ? endListElement : null
140
- ]
141
- }
142
- )
143
- ] });
144
- }
145
- const MemonizedMenuActions = React__default.memo(MenuActions);
146
- export {
147
- MenuActions as M,
148
- MemonizedMenuActions as a
149
- };
@@ -1,10 +0,0 @@
1
- const ICON_PATH = "frontend/components/menu_actions/assets/icons";
2
- const ICONS = {
3
- MENU: "menu.svg"
4
- };
5
- const MENU_ACTIONS_KEY_COMPONENT = "M4LMenuActions";
6
- export {
7
- ICON_PATH as I,
8
- MENU_ACTIONS_KEY_COMPONENT as M,
9
- ICONS as a
10
- };
@@ -1,11 +0,0 @@
1
- const MENU_ACTIONS_DICTIONARY_ID = "menu_actions";
2
- const DICTIONARY = {
3
- no_actions_label: "no_actions_label"
4
- };
5
- const getMenuActionsDictionary = (key) => {
6
- return `${MENU_ACTIONS_DICTIONARY_ID}.${key}`;
7
- };
8
- export {
9
- DICTIONARY as D,
10
- getMenuActionsDictionary as g
11
- };
@@ -1,13 +0,0 @@
1
- var MenuActionsSlots = /* @__PURE__ */ ((MenuActionsSlots2) => {
2
- MenuActionsSlots2["root"] = "root";
3
- MenuActionsSlots2["badge"] = "badge";
4
- MenuActionsSlots2["iconButton"] = "iconButton";
5
- MenuActionsSlots2["menuItem"] = "menuItem";
6
- MenuActionsSlots2["menuItemIcon"] = "menuItemIcon";
7
- MenuActionsSlots2["menuItemLabel"] = "menuItemLabel";
8
- MenuActionsSlots2["labelEmpty"] = "labelEmpty";
9
- return MenuActionsSlots2;
10
- })(MenuActionsSlots || {});
11
- export {
12
- MenuActionsSlots as M
13
- };