@m4l/components 9.4.30 → 9.4.31

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 (93) hide show
  1. package/@types/augmentations.d.ts +1 -31
  2. package/@types/augmentations.d.ts.map +1 -1
  3. package/components/DynamicFilter/store/DynamicFilterContext.js +66 -281
  4. package/components/DynamicFilter/subcomponents/FieldTypes/SelectAsyncFilter/index.js +3 -2
  5. package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index.js +3 -2
  6. package/components/DynamicSort/dictionary.js +7 -6
  7. package/components/DynamicSort/store/DynamicSortContext.js +47 -263
  8. package/components/MFIsolationApp/MFIsolationApp.d.ts.map +1 -1
  9. package/components/MFIsolationApp/MFIsolationApp.js +18 -17
  10. package/components/MFIsolationAppStorybook/MFIsolationAppStorybook.d.ts.map +1 -1
  11. package/components/MFIsolationAppStorybook/MFIsolationAppStorybook.js +10 -9
  12. package/components/MFIsolationAppStorybook/index.d.ts +3 -0
  13. package/components/MFIsolationAppStorybook/index.d.ts.map +1 -1
  14. package/components/MFIsolationAppStorybook/subcomponents/MFAppStorybook/MFAppStorybook.d.ts +6 -0
  15. package/components/MFIsolationAppStorybook/subcomponents/MFAppStorybook/MFAppStorybook.d.ts.map +1 -0
  16. package/components/MFIsolationAppStorybook/subcomponents/{MFAuthAppStorybook/MFAuthAppStorybook.js → MFAppStorybook/MFAppStorybook.js} +1 -1
  17. package/components/MFIsolationAppStorybook/subcomponents/MFAppStorybook/index.d.ts +2 -0
  18. package/components/MFIsolationAppStorybook/subcomponents/{MFAuthAppStorybook → MFAppStorybook}/index.d.ts.map +1 -1
  19. package/components/MFIsolationAppStorybook/subcomponents/MFAppStorybook/types.d.ts.map +1 -0
  20. package/components/NoItemPrivileges/NoItemPrivileges.js +12 -228
  21. package/components/ObjectLogs/hooks/useObjectLogsColumns.js +19 -156
  22. package/components/ObjectLogs/subcomponents/ObjectLogsByM4L/ObjectLogsByM4L.js +8 -145
  23. package/components/ObjectLogs/subcomponents/ObjectLogsByOthers/ObjectLogsByOthers.js +8 -145
  24. package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.js +12 -192
  25. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/AreaChip.js +1 -0
  26. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js +1 -0
  27. package/components/areas/components/AreasViewer/AreasViewer.js +8 -187
  28. package/components/datagrids/formatters/ColumnBooleanFormatter/ColumnBooleanGroupFormatter.js +2 -166
  29. package/components/datagrids/formatters/ColumnBooleanFormatter/formatter.js +2 -166
  30. package/components/datagrids/formatters/ColumnColorFormatter/ColumnColorGroupFormatter.js +2 -167
  31. package/components/datagrids/formatters/ColumnColorFormatter/formatter.js +2 -167
  32. package/components/datagrids/formatters/ColumnConcatenatedValuesFormatter/ColumnConcatenatedValuesGroupFormatter.js +2 -166
  33. package/components/datagrids/formatters/ColumnConcatenatedValuesFormatter/formatter.js +2 -166
  34. package/components/datagrids/formatters/ColumnDateFormatter/ColumnDateGroupFormatter.js +2 -166
  35. package/components/datagrids/formatters/ColumnDateFormatter/formatter.js +2 -166
  36. package/components/datagrids/formatters/ColumnImageFormatter/ColumnImageGroupFormatter.js +2 -166
  37. package/components/datagrids/formatters/ColumnImageFormatter/ImageFormatterCell.js +7 -170
  38. package/components/datagrids/formatters/ColumnUncertaintyFormatter/ColumnUncertaintyGroupFormatter.js +2 -166
  39. package/components/datagrids/formatters/ColumnUncertaintyFormatter/formatter.js +2 -166
  40. package/components/datagrids/views/CardsView/hooks/useCardContent/useCardContent.js +36 -216
  41. package/components/datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.js +36 -216
  42. package/components/datagrids/views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js +122 -278
  43. package/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js +127 -284
  44. package/components/extended/index.d.ts +1 -0
  45. package/components/extended/index.d.ts.map +1 -1
  46. package/components/extended/rsuite/DateRangePicker/DateRangePicker.d.ts +38 -0
  47. package/components/extended/rsuite/DateRangePicker/DateRangePicker.d.ts.map +1 -0
  48. package/components/extended/rsuite/DateRangePicker/DateRangePicker.js +67 -0
  49. package/components/extended/rsuite/DateRangePicker/DateRangePicker.styles.d.ts +7 -0
  50. package/components/extended/rsuite/DateRangePicker/DateRangePicker.styles.d.ts.map +1 -0
  51. package/components/extended/rsuite/DateRangePicker/DateRangePicker.styles.js +83 -0
  52. package/components/extended/rsuite/DateRangePicker/constants.d.ts +13 -0
  53. package/components/extended/rsuite/DateRangePicker/constants.d.ts.map +1 -0
  54. package/components/extended/rsuite/DateRangePicker/constants.js +10 -0
  55. package/components/extended/rsuite/DateRangePicker/hooks/useDateRangePicker/types.d.ts +12 -0
  56. package/components/extended/rsuite/DateRangePicker/hooks/useDateRangePicker/types.d.ts.map +1 -0
  57. package/components/extended/rsuite/DateRangePicker/hooks/useDateRangePicker/useDateRangePicker.d.ts +10 -0
  58. package/components/extended/rsuite/DateRangePicker/hooks/useDateRangePicker/useDateRangePicker.d.ts.map +1 -0
  59. package/components/extended/rsuite/DateRangePicker/hooks/useDateRangePicker/useDateRangePicker.js +24 -0
  60. package/components/extended/rsuite/DateRangePicker/index.d.ts +3 -0
  61. package/components/extended/rsuite/DateRangePicker/index.d.ts.map +1 -0
  62. package/components/extended/rsuite/DateRangePicker/slots/DateRangePickerEnum.d.ts +5 -0
  63. package/components/extended/rsuite/DateRangePicker/slots/DateRangePickerEnum.d.ts.map +1 -0
  64. package/components/extended/rsuite/DateRangePicker/slots/DateRangePickerEnum.js +4 -0
  65. package/components/extended/rsuite/DateRangePicker/slots/DateRangePickerSlots.d.ts +15 -0
  66. package/components/extended/rsuite/DateRangePicker/slots/DateRangePickerSlots.d.ts.map +1 -0
  67. package/components/extended/rsuite/DateRangePicker/slots/DateRangePickerSlots.js +18 -0
  68. package/components/extended/rsuite/DateRangePicker/slots/index.d.ts +4 -0
  69. package/components/extended/rsuite/DateRangePicker/slots/index.d.ts.map +1 -0
  70. package/components/extended/rsuite/DateRangePicker/types.d.ts +83 -0
  71. package/components/extended/rsuite/DateRangePicker/types.d.ts.map +1 -0
  72. package/components/extended/rsuite/index.d.ts +2 -0
  73. package/components/extended/rsuite/index.d.ts.map +1 -0
  74. package/components/formatters/TagsFormatter/TagsFormatter.js +2 -182
  75. package/components/hook-form/RHFDateRangePicker/RHFDateRangePicker.d.ts +29 -0
  76. package/components/hook-form/RHFDateRangePicker/RHFDateRangePicker.d.ts.map +1 -0
  77. package/components/hook-form/RHFDateRangePicker/RHFDateRangePicker.js +6 -0
  78. package/components/hook-form/RHFDateRangePicker/index.d.ts +3 -0
  79. package/components/hook-form/RHFDateRangePicker/index.d.ts.map +1 -0
  80. package/components/hook-form/RHFDateTimePicker/RHFDateTimePicker.js +3 -2
  81. package/components/hook-form/index.d.ts +1 -0
  82. package/components/hook-form/index.d.ts.map +1 -1
  83. package/hooks/useDataGridPersistence/useDataGridPersistence.d.ts +2 -1
  84. package/hooks/useDataGridPersistence/useDataGridPersistence.d.ts.map +1 -1
  85. package/hooks/useDataGridPersistence/useDataGridPersistence.js +33 -254
  86. package/index.js +333 -327
  87. package/package.json +13 -12
  88. package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/MFAuthAppStorybook.d.ts +0 -6
  89. package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/MFAuthAppStorybook.d.ts.map +0 -1
  90. package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/index.d.ts +0 -2
  91. package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/types.d.ts.map +0 -1
  92. package/mockServiceWorker.js +0 -349
  93. /package/components/MFIsolationAppStorybook/subcomponents/{MFAuthAppStorybook → MFAppStorybook}/types.d.ts +0 -0
@@ -0,0 +1,67 @@
1
+ import { jsx as e } from "@emotion/react/jsx-runtime";
2
+ import { forwardRef as C, useMemo as _ } from "react";
3
+ import { SkeletonDateRangePickerStyled as v, DateRangePickerStyled as I } from "./slots/DateRangePickerSlots.js";
4
+ import { useDateRangePicker as h } from "./hooks/useDateRangePicker/useDateRangePicker.js";
5
+ import { DATE_RANGE_PICKER_CLASSES as i } from "./constants.js";
6
+ import { clsx as O } from "clsx";
7
+ import { TEST_PROP_ID as c } from "../../../../test/constants_no_mock.js";
8
+ import { DateRangePicker as T } from "rsuite";
9
+ import { DateTimeCreatedOutlined as y } from "@m4l/icons";
10
+ import { Icon as z } from "../../../Icon/Icon.js";
11
+ const A = C((a, m) => {
12
+ const {
13
+ value: t,
14
+ onChange: n,
15
+ disabled: l,
16
+ className: d,
17
+ readOnly: f,
18
+ dataTestId: s,
19
+ format: p,
20
+ ...u
21
+ } = a, {
22
+ ownerState: P,
23
+ dateFormat: D,
24
+ currentSize: o,
25
+ isSkeleton: R
26
+ } = h(a), g = (r) => {
27
+ if (r == null)
28
+ n?.({ start: null, end: null });
29
+ else {
30
+ const [E, N] = r;
31
+ n?.({ start: E, end: N });
32
+ }
33
+ }, k = _(() => () => /* @__PURE__ */ e(z, { size: o, src: /* @__PURE__ */ e(y, {}) }), [o]), S = t ? [t.start, t.end] : [null, null];
34
+ return R ? /* @__PURE__ */ e(
35
+ v,
36
+ {
37
+ className: i.skeleton,
38
+ variant: "rounded",
39
+ ownerState: { size: o },
40
+ ...process.env.NODE_ENV !== "production" ? { [c]: s } : {}
41
+ }
42
+ ) : /* @__PURE__ */ e(
43
+ I,
44
+ {
45
+ className: O(d, i.root),
46
+ ownerState: P,
47
+ ref: m,
48
+ ...process.env.NODE_ENV !== "production" ? { [c]: s } : {},
49
+ children: /* @__PURE__ */ e(
50
+ T,
51
+ {
52
+ ...u,
53
+ value: S,
54
+ onChange: g,
55
+ disabled: l,
56
+ readOnly: f,
57
+ format: p || D,
58
+ caretAs: k
59
+ }
60
+ )
61
+ }
62
+ );
63
+ });
64
+ A.displayName = "DateRangePicker";
65
+ export {
66
+ A as DateRangePicker
67
+ };
@@ -0,0 +1,7 @@
1
+ import { DateRangePickerStyles } from './types';
2
+ /**
3
+ * Estilos para el componente `DateRangePicker`. Define los estilos de cada parte del componente.
4
+ * Los estilos nativos de rsuite se inyectan directamente en el root del componente.
5
+ */
6
+ export declare const dateRangePickerStyles: DateRangePickerStyles;
7
+ //# sourceMappingURL=DateRangePicker.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateRangePicker.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/rsuite/DateRangePicker/DateRangePicker.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGhD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,qBA2FnC,CAAC"}
@@ -0,0 +1,83 @@
1
+ import { getSizeStyles as a } from "../../../../utils/getSizeStyles/getSizeStyles.js";
2
+ import { getTypographyStyles as e } from "../../../../utils/getTypographyStyles.js";
3
+ import { DATE_RANGE_PICKER_CLASSES as t } from "./constants.js";
4
+ const l = {
5
+ /**
6
+ * Estilos para el elemento raíz del DateRangePicker.
7
+ */
8
+ root: ({ theme: r, ownerState: o }) => ({
9
+ "&&&": {
10
+ width: "100%",
11
+ "& .rs-picker": {
12
+ width: "100%"
13
+ },
14
+ // input group
15
+ ".rs-input-group": {
16
+ width: "100%",
17
+ "& .rs-input": {
18
+ backgroundColor: "transparent",
19
+ color: r.vars.palette.text.primary,
20
+ ...e(r.generalSettings.isMobile, o?.size || "medium", "body")
21
+ },
22
+ "& .rs-btn-close": {
23
+ display: "flex",
24
+ alignItems: "center",
25
+ justifyContent: "center",
26
+ "& svg": {
27
+ width: "12px",
28
+ height: "12px",
29
+ fill: r.vars.palette.text.primary
30
+ }
31
+ },
32
+ borderRadius: r.vars.size.borderRadius["r1-5"],
33
+ borderColor: `${r.vars.palette.border.secondary}!important`,
34
+ border: r.vars.size.borderStroke.container,
35
+ backgroundColor: r.vars.palette.background.default,
36
+ transition: "all 0.3s ease",
37
+ paddingLeft: r.vars.size.baseSpacings.sp1,
38
+ boxShadow: "unset",
39
+ outline: "unset",
40
+ ...a(r, o?.size || "medium", "action"),
41
+ ...o?.error && {
42
+ borderColor: `${r.vars.palette.error.enabled}!important`
43
+ },
44
+ "&:hover": {
45
+ backgroundColor: r.vars.palette.default.hoverOpacity,
46
+ ...o?.error && {
47
+ backgroundColor: r.vars.palette.error.hoverOpacity,
48
+ borderColor: `${r.vars.palette.error.hover}!important`
49
+ }
50
+ },
51
+ '&:focus, &[data-focus="true"]': {
52
+ borderColor: `${r.vars.palette.primary.selected}!important`,
53
+ ...o?.error && {
54
+ borderColor: `${r.vars.palette.error.focus}!important`
55
+ }
56
+ }
57
+ },
58
+ // Estilos para el drawer en mobile (se renderiza en un portal separado)
59
+ // El drawer se renderiza fuera del árbol del componente, por lo que usamos un selector global
60
+ // que apunta al drawer cuando contiene el popup con nuestra clase
61
+ "body .rs-drawer .rs-drawer-dialog": {
62
+ backgroundColor: "red!important"
63
+ }
64
+ }
65
+ }),
66
+ /**
67
+ * Estilos personalizados para el componente Skeleton.
68
+ */
69
+ skeleton: ({ ownerState: r, theme: o }) => ({
70
+ [`&.${t.skeleton}`]: {
71
+ display: "flex",
72
+ borderRadius: o.vars.size.borderRadius["r1-5"],
73
+ ...a(
74
+ o,
75
+ r?.size || "medium",
76
+ "action"
77
+ )
78
+ }
79
+ })
80
+ };
81
+ export {
82
+ l as dateRangePickerStyles
83
+ };
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Clave de identificación del componente dentro del sistema.
3
+ *
4
+ * Esta constante se utiliza como identificador único para asociar y personalizar estilos
5
+ * y configuraciones relacionadas con el componente dentro del sistema de temas y estilos.
6
+ * @default 'M4LDateRangePicker'
7
+ */
8
+ export declare const DATE_RANGE_PICKER_KEY_COMPONENT = "M4LDateRangePicker";
9
+ /**
10
+ * Inventario de clases CSS para el componente
11
+ */
12
+ export declare const DATE_RANGE_PICKER_CLASSES: Record<"skeleton" | "root", string>;
13
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/rsuite/DateRangePicker/constants.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,+BAA+B,uBAAuB,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,yBAAyB,qCAGrC,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { getComponentClasses as e } from "../../../../utils/getComponentSlotRoot.js";
2
+ import { DateRangePickerEnum as E } from "./slots/DateRangePickerEnum.js";
3
+ const o = "M4LDateRangePicker", r = e(
4
+ o,
5
+ E
6
+ );
7
+ export {
8
+ r as DATE_RANGE_PICKER_CLASSES,
9
+ o as DATE_RANGE_PICKER_KEY_COMPONENT
10
+ };
@@ -0,0 +1,12 @@
1
+ import { DateRangePickerOwnerState } from '../../types';
2
+ import { Sizes } from '@m4l/styles';
3
+ /**
4
+ * Tipo de retorno del hook useDateRangePicker
5
+ */
6
+ export interface UseDateRangePickerReturn {
7
+ ownerState: DateRangePickerOwnerState;
8
+ dateFormat: string;
9
+ currentSize: Sizes;
10
+ isSkeleton: boolean;
11
+ }
12
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/rsuite/DateRangePicker/hooks/useDateRangePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,yBAAyB,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB"}
@@ -0,0 +1,10 @@
1
+ import { DateRangePickerProps } from '../../types';
2
+ import { UseDateRangePickerReturn } from './types';
3
+ /**
4
+ * Hook personalizado que encapsula toda la lógica de memos, callbacks y objetos
5
+ * necesarios para el componente DateRangePicker
6
+ * @param props - Props del componente DateRangePicker
7
+ * @returns Objeto con ownerState, dateFormat, popupRef y popupClassName
8
+ */
9
+ export declare const useDateRangePicker: (props: DateRangePickerProps) => UseDateRangePickerReturn;
10
+ //# sourceMappingURL=useDateRangePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/rsuite/DateRangePicker/hooks/useDateRangePicker/useDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAKnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGnD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,oBAAoB,KAAG,wBAyBhE,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { useFormatter as a } from "@m4l/graphics";
2
+ import { useMemo as c } from "react";
3
+ import { useComponentSize as u } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
4
+ import { useModuleSkeleton as d } from "@m4l/core";
5
+ const k = (r) => {
6
+ const {
7
+ error: o,
8
+ size: s = "medium",
9
+ disabled: t
10
+ } = r, { dateFormatter: n } = a(), { currentSize: e } = u(s), m = d(), { dateFormat: i } = n;
11
+ return {
12
+ ownerState: c(() => ({
13
+ size: e,
14
+ error: !!o,
15
+ disabled: !!t
16
+ }), [e, o, t]),
17
+ dateFormat: i,
18
+ currentSize: e,
19
+ isSkeleton: m
20
+ };
21
+ };
22
+ export {
23
+ k as useDateRangePicker
24
+ };
@@ -0,0 +1,3 @@
1
+ export { DateRangePicker } from './DateRangePicker';
2
+ export type { DateRangePickerProps, DateRangeValue } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/rsuite/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,5 @@
1
+ export declare enum DateRangePickerEnum {
2
+ root = "root",
3
+ skeleton = "skeleton"
4
+ }
5
+ //# sourceMappingURL=DateRangePickerEnum.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateRangePickerEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/rsuite/DateRangePicker/slots/DateRangePickerEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB"}
@@ -0,0 +1,4 @@
1
+ var r = /* @__PURE__ */ ((o) => (o.root = "root", o.skeleton = "skeleton", o))(r || {});
2
+ export {
3
+ r as DateRangePickerEnum
4
+ };
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Componente estilizado contenedor para el DateRangePicker de rsuite.
3
+ * Se usa un div wrapper porque rsuite no es compatible directamente con styled de MUI.
4
+ */
5
+ export declare const DateRangePickerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
6
+ ownerState?: (Partial<import('../types').DateRangePickerOwnerState> & Record<string, unknown>) | undefined;
7
+ }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
+ /**
9
+ * Componente estilizado para el skeleton del DateRangePicker.
10
+ * Se usa cuando el módulo está en modo skeleton.
11
+ */
12
+ export declare const SkeletonDateRangePickerStyled: import('@emotion/styled').StyledComponent<import('../../../mui/Skeleton/types').SkeletonProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
13
+ ownerState?: (Partial<import('../types').DateRangePickerOwnerState> & Record<string, unknown>) | undefined;
14
+ }, {}, {}>;
15
+ //# sourceMappingURL=DateRangePickerSlots.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateRangePickerSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/rsuite/DateRangePicker/slots/DateRangePickerSlots.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;yGAIH,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,6BAA6B;;UAIP,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { styled as o } from "@mui/material/styles";
2
+ import { DATE_RANGE_PICKER_KEY_COMPONENT as t } from "../constants.js";
3
+ import { dateRangePickerStyles as r } from "../DateRangePicker.styles.js";
4
+ import { DateRangePickerEnum as n } from "./DateRangePickerEnum.js";
5
+ import { Skeleton as a } from "../../../mui/Skeleton/Skeleton.js";
6
+ const k = o("div", {
7
+ name: t,
8
+ slot: n.root,
9
+ shouldForwardProp: (e) => e !== "ownerState"
10
+ })(r?.root), p = o(a, {
11
+ name: t,
12
+ slot: n.skeleton,
13
+ shouldForwardProp: (e) => e !== "ownerState"
14
+ })(r?.skeleton);
15
+ export {
16
+ k as DateRangePickerStyled,
17
+ p as SkeletonDateRangePickerStyled
18
+ };
@@ -0,0 +1,4 @@
1
+ export * from './DateRangePickerEnum';
2
+ export * from './DateRangePickerSlots';
3
+ export { DateRangePickerEnum } from './DateRangePickerEnum';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/rsuite/DateRangePicker/slots/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
@@ -0,0 +1,83 @@
1
+ import { Theme } from '@mui/material';
2
+ import { Sizes } from '@m4l/styles';
3
+ import { DateRangePickerProps as RsuiteDateRangePickerProps } from 'rsuite';
4
+ import { M4LOverridesStyleRules } from '../../../../@types/augmentations';
5
+ import { TextFieldVariants } from '../../mui/TextField/types';
6
+ import { DateRangePickerEnum } from './slots/DateRangePickerEnum';
7
+ import { DATE_RANGE_PICKER_KEY_COMPONENT } from './constants';
8
+ /**
9
+ * Tipo para el valor del DateRangePicker.
10
+ * Es un objeto con las fechas de inicio y fin.
11
+ */
12
+ export type DateRangeValue = {
13
+ start: Date | null;
14
+ end: Date | null;
15
+ };
16
+ /**
17
+ * Propiedades del componente `DateRangePicker`.
18
+ */
19
+ export interface DateRangePickerProps extends Omit<RsuiteDateRangePickerProps, 'value' | 'onChange' | 'size'> {
20
+ /**
21
+ * Valor del componente. Objeto con las fechas de inicio y fin.
22
+ */
23
+ value?: DateRangeValue;
24
+ /**
25
+ * Callback que se ejecuta cuando cambia el valor.
26
+ * @param value - Nuevo valor del rango de fechas con start y end.
27
+ */
28
+ onChange?: (value: DateRangeValue | null) => void;
29
+ /**
30
+ * Tamaño del componente.
31
+ */
32
+ size?: Extract<Sizes, 'small' | 'medium'>;
33
+ /**
34
+ * Indica si el componente está deshabilitado.
35
+ */
36
+ disabled?: boolean;
37
+ /**
38
+ * Clase CSS adicional.
39
+ */
40
+ className?: string;
41
+ /**
42
+ * ID para testing.
43
+ */
44
+ dataTestId?: string;
45
+ /**
46
+ * Variante del TextField interno.
47
+ */
48
+ variant?: TextFieldVariants;
49
+ /**
50
+ * Indica si el componente es de solo lectura.
51
+ */
52
+ readOnly?: boolean;
53
+ /**
54
+ * ID del elemento.
55
+ */
56
+ id?: string;
57
+ /**
58
+ * Objeto de error con mensaje opcional.
59
+ */
60
+ error?: boolean;
61
+ }
62
+ /**
63
+ * Tipo para las props adicionales de DateRangePicker que se pasan directamente al componente
64
+ * Excluye las props que ya se están manejando explícitamente
65
+ */
66
+ export type DateRangePickerAdditionalProps = Omit<RsuiteDateRangePickerProps, 'value' | 'onChange' | 'disabled' | 'className' | 'size'>;
67
+ /**
68
+ * Owner state del componente usado para definir propiedades internas de estilo y comportamiento.
69
+ */
70
+ export interface DateRangePickerOwnerState extends Record<string, unknown> {
71
+ size?: Extract<Sizes, 'small' | 'medium'>;
72
+ error?: boolean;
73
+ disabled?: boolean;
74
+ }
75
+ /**
76
+ * Define los tipos de Slots disponibles para el componente.
77
+ */
78
+ export type DateRangePickerSlotsType = keyof typeof DateRangePickerEnum;
79
+ /**
80
+ * Estilos aplicables al componente usando temas y slots personalizados.
81
+ */
82
+ export type DateRangePickerStyles = M4LOverridesStyleRules<DateRangePickerSlotsType, typeof DATE_RANGE_PICKER_KEY_COMPONENT, Theme>;
83
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/rsuite/DateRangePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,oBAAoB,IAAI,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,0BAA0B,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACvE;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,0BAA0B,EACxB,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,MAAM,CACT,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,CACxD,wBAAwB,EACxB,OAAO,+BAA+B,EACtC,KAAK,CACN,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './DateRangePicker';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/rsuite/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
@@ -39,188 +39,8 @@ import "../../CommonActions/components/ActionIntro/ActionIntro.js";
39
39
  import "../../CommonActions/components/ActionFormCancel/slots/ActionFormCancelSlots.js";
40
40
  import "../../CommonActions/components/ActionFormIntro/slots/ActionFormIntroSlots.js";
41
41
  import "../../CommonActions/components/ActionFormSubmitProgrammatic/slots/ActionFormSubmitProgrammaticSlots.js";
42
- import "../../AccountPopover/slots/AccountPopoverSlots.js";
43
- import "@mui/material";
44
- import "../../animate/IconButtonAnimate/index.js";
45
- import "framer-motion";
46
- import "@mui/material/styles";
47
- import "../../animate/LoadingScreen/styles.js";
48
- import "../../animate/AnimatedScroll/styles.js";
49
- import "../../AppBar/slots/AppBarSlots.js";
50
- import "../../areas/contexts/AreasContext/index.js";
51
- import "../../areas/components/AreasAdmin/subcomponents/AreaChip/AreaChip.js";
52
- import "zustand/shallow";
53
- import "../../areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js";
54
- import "../../areas/components/AreasAdmin/slots/AreasAdminSlots.js";
55
- import "../../extended/mui/Typography/Typography.js";
56
- import "../../MenuActions/MenuActions.js";
57
- import "../../areas/components/AreasViewer/AreasViewer.js";
58
- import "../../Card/slots/CardSlots.js";
59
- import "../../Card/constants.js";
60
- import "../../CheckableList/constants.js";
61
- import "../../CheckableList/slots/styled.js";
62
- import "../../extended/mui/Skeleton/Slots/skeletonSlots.js";
63
- import "../../ImageText/slots/ImageTextSlots.js";
64
- import "../../ImageText/constants.js";
65
42
  import "lodash-es/throttle";
66
- import "../../Chip/Chip.js";
67
- import "../../commercial/AppBarCommercial/classes/index.js";
68
- import "../../commercial/AppBarCommercial/styles.js";
69
- import "../../commercial/HamburgerMenu/styles.js";
70
- import "../../commercial/HamburgerMenu/classes/index.js";
71
- import "../../SideBar/SideBar.js";
72
- import "../../commercial/TopBar/classes/index.js";
73
- import "../../commercial/TopBar/context/index.js";
74
- import "../../extended/mui/Popover/slots/PopoverSlots.js";
75
- import "../../extended/mui/Accordion/Accordion.js";
76
- import "../../extended/mui/Button/Button.js";
77
- import "../../commercial/TopBar/component/ConteinItem/subcomponets/NavItem/subcomponents/ArrowIcon/styles.js";
78
- import "../../commercial/TopBar/style.js";
79
- import "../../commercial/SectionCommercial/classes/index.js";
80
- import "../../commercial/SectionCommercial/styles.js";
81
- import "../../ContainerFlow/constants.js";
82
- import "../../ContainerFlow/slots/ContainerFlowSlots.js";
83
- import "../../datagrids/contexts/FilterContext/FilterContext.js";
84
- import "../../datagrids/contexts/DataGridContext/DataGridContext.js";
85
- import "@m4l/icons";
86
- import "../../datagrids/slots/DataGridSlot.js";
87
- import "../../datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js";
88
- import "../../datagrids/views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js";
89
- import "../../Pager/slots/PagerSlots.js";
90
- import "../../extended/mui/Select/Select.js";
91
- import "../../datagrids/views/CardsView/subcomponents/CardRow/CardRow.js";
92
- import "react-data-grid";
93
- import "react-dnd";
94
- import "react-dnd-html5-backend";
95
- import "../../datagrids/views/TableView/subcomponents/CheckboxFormatter/CheckboxFormatter.js";
96
- import "../../datagrids/views/TableView/subcomponents/ActionsColumn/ActionsColumn.js";
97
- import "../../datagrids/views/TableView/subcomponents/RadioSelectColumn/subcomponents/RadioFormatter/RadioFormatter.js";
98
- import "../../extended/mui/MenuItem/constants.js";
99
- import "../../extended/mui/MenuItem/slots/MenuItemSlots.js";
100
- import "../../extended/mui/MenuDivider/slots/MenuDividerSlots.js";
101
- import "../BooleanFormatter/slots/BooleanFormatterSlots.js";
102
- import "../ChipStatusFormatter/slots/ChipStatusFormatterSlots.js";
103
- import "../ChipStatusFormatter/constants.js";
104
- import "../DateFormatter/slots/DateFormatterSlots.js";
105
- import "../UncertaintyFormatter/slots/UncertaintyFormatterSlots.js";
106
- import "../PointsFormatter/slots/ointsFormatterSlots.js";
107
- import "../ConcatenatedFormatter/slots/ConcatenatedFormatterSlots.js";
108
- import "../PeriodFormatter/slots/PeriodFormatterSlots.js";
109
- import "../PriceFormatter/slots/PriceFormatterSlots.js";
110
- import "../DistanceToNowFormatter/slots/DistanceToNowFormatterSlots.js";
111
- import "../../Color/slots/ColorSlots.js";
112
- import "../ColorFormatter/slots/ColorFormatterSlots.js";
113
- import "../ImageFormatter/slots/ImageFormatterSlots.js";
114
- import "../ImageFormatter/constants.js";
115
- import "../IconsFormatter/constants.js";
116
- import "../IconsFormatter/slots/IconsFormatterSlots.js";
117
- import "../../extended/mui/CheckBox/CheckBox.js";
118
- import "../../datagrids/views/adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
119
- import "../../DaysOfWeekPicker/DaysOfWeekPicker.js";
120
- import "../../DragResizeWindowRND/DragResizeWindowRND.js";
121
- import "../../DaysOfMonthPicker/DaysOfMonthPicker.js";
122
- import "lodash-es/snakeCase";
123
- import "lodash-es/camelCase";
124
- import "../../HelperError/HelperError.js";
125
- import "../../extended/mui/Autocomplete/Autocomplete.js";
126
- import "../../hook-form/RHFAutocomplete/slots/RHFAutocompleteSlots.js";
127
- import "../../hook-form/RHFAutocomplete/constants.js";
128
- import "../../Label/slots/LabelSlots.js";
129
- import "../../hook-form/RHFColorPicker/slots/RHFColorPickerSlots.js";
130
- import "lodash-es/debounce";
131
- import "../../hook-form/RHFCheckbox/RHFCheckbox.js";
132
- import "../../hook-form/RHFCheckableList/constants.js";
133
- import "../../hook-form/RHFCheckableList/slots/RHFCheckableListSlots.js";
134
- import "../../extended/mui/DateTimePicker/slots/DateTimePickerSlots.js";
135
- import "../../hook-form/RHFDateTime/slots/RHFDateTimeSlots.js";
136
- import "../../extended/mui/DatePicker/slots/DatePickerSlots.js";
137
- import "../../extended/mui/DatePicker/constants.js";
138
- import "../../hook-form/RHFDatePicker/slots/RHFDatePickerSlots.js";
139
- import "../../hook-form/RHFDaysOfWeekPicker/RHFDaysOfWeekPicker.js";
140
- import "../../hook-form/RHFDaysOfMonthPicker/RHFDaysOfMonthPicker.js";
141
- import "../../hook-form/RHFSelect/constants.js";
142
- import "../../hook-form/RHFSelect/slots/RHFSlots.js";
143
- import "../../hook-form/RHFTextField/RHFTextField.js";
144
- import "../../hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.js";
145
- import "../../hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
146
- import "../../extended/mui/Radio/Radio.js";
147
- import "../../hook-form/RHFRadioGroup/slots/styled.js";
148
- import "../../hook-form/RHFRadioGroup/constants.js";
149
- import "@mui/material/utils/useId";
150
- import "../../NumberInput/NumberInput.js";
151
- import "../../hook-form/RHFNumberInput/slots/RHFNumberInputSlots.js";
152
- import "react-dropzone";
153
- import "../../hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileSlots.js";
154
- import "../../hook-form/RHFUpload/RHFUploadSingleFile/constants.js";
155
- import "../../hook-form/RHFUpload/RHFUploadImage/slots/RHFUploadImageSlots.js";
156
- import "lodash-es/isString";
157
- import "../../Image/subcomponents/IntersectComponent/index.js";
158
- import "../../Image/slots/ImageSlots.js";
159
- import "../../Image/constant.js";
160
- import "../../hook-form/RHFormProvider/RHFormProvider.js";
161
- import "yup";
162
- import "../../hook-form/RHFActionsGroup/slots/RHFActionsGroupSlots.js";
163
- import "../../hook-form/RHFActionsGroup/constants.js";
164
- import "../../extended/React-Resizable/Resizable/slots/ResizableSlots.js";
165
- import "../../extended/React-Resizable/ResizableBox/slots/ResizableBoxSlots.js";
166
- import "../../extended/React-resizable-panels/slots/SplitLayoutSlots.js";
167
- import "../../extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerSlots.js";
168
- import "../../extended/React-Window/FixedSizeList/slots/FixedSizeListSlots.js";
169
- import "../../extended/React-Window/VariableSizeList/VariableSizeList.js";
170
- import "@textea/json-viewer";
171
- import "../../extended/React-Json-Viewer/slots/ReactJsonViewerSlots.js";
172
- import "../../extended/React-Json-Viewer/constants.js";
173
- import "../../extended/mui/Avatar/Avatar.js";
174
- import "react-router-dom";
175
- import "../../extended/mui/CircularProgress/slots/CircularProgressSlots.js";
176
- import "../../extended/mui/Badge/slots/BadgeSlots.js";
177
- import "../../extended/mui/ImageButton/styles.js";
178
- import "../../extended/mui/ImageButton/utils/Clases/index.js";
179
- import "../../extended/mui/LoadingButton/slots/LoadingButtonSlots.js";
180
- import "../../extended/mui/Stack/Stack.js";
181
- import "../../extended/mui/Tab/Slots/TabSlots.js";
182
- import "../../extended/mui/Tabs/slots/TabsSlots.js";
183
- import "../../extended/mui/TabContent/slots/TabContentSlots.js";
184
- import "../../extended/mui/ToggleButton/slots/ToggleButtonSlots.js";
185
- import "../../extended/mui/NavLink/slots/NavLinkSlots.js";
186
- import "../../extended/mui/NavLink/constants.js";
187
- import "../../extended/mui/Dialog/Dialog.js";
188
- import "../../extended/mui/Divider/slots/DividerSlots.js";
189
- import "../../FormContainer/slots/FormContainerSlots.js";
190
- import "../../FormContainer/constants.js";
191
- import "../../GridLayout/GridLayout.js";
192
- import "../../GridLayout/subcomponents/Responsive/index.js";
193
- import "../../HelmetPage/index.js";
194
- import "../../LanguagePopover/slots/LanguagePopoverSlots.js";
195
- import "../../LinearProgressIndeterminate/slots/LinearProgressIndeterminateSlots.js";
196
- import "../../LoadingError/slots/LoadingErrorSlots.js";
197
- import "../../MFIsolationApp/MFIsolationApp.js";
198
- import "../../MFIsolationAppStorybook/MFIsolationAppStorybook.js";
199
- import "../../MFLoader/classes/index.js";
200
- import "../../MFLoader/styles.js";
201
- import "../../NoItemSelected/constant.js";
202
- import "../../NoItemSelected/slots/NoItemSelectedSlots.js";
203
- import "../../NoItemPrivileges/constants.js";
204
- import "../../NoItemPrivileges/slots/NoItemPrivilegesSlots.js";
205
- import "../../ObjectLogs/slots/ObjectLogsSlots.js";
206
- import "date-fns";
207
- import "../../PaperForm/slots/PaperFormSlots.js";
208
- import "../../PropertyValue/slots/PropertyValueSlots.js";
209
- import "../../PDFViewer/slots/PDFViewerSlots.js";
210
- import "../../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
211
- import "../../popups/components/PopupsViewer/PopupsViewer.js";
212
- import "../../PrintingSystem/PrintingSystem.js";
213
- import "../../ScrollBar/slots/ScrollBarSlots.js";
214
- import "react-toastify";
215
- import "../../ToastContainer/slots/toastContainerSlots.js";
216
- import "../../TabsNavigator/slots/TabsNavigatorSlots.js";
217
- import "../../TabsNavigator/constants.js";
218
- import "../../ModalDialog/slots/ModalDialogSlots.js";
219
- import "../../SettingsLayout/slots/SettingsLayoutSlots.js";
220
- import "../../SettingsLayout/constants.js";
221
- import "../../Stepper/store/StepperContext/index.js";
222
- import "../../Stepper/slots/StepperSlot.js";
223
- const Ai = (m) => {
43
+ const _ = (m) => {
224
44
  const { tags: r, className: o, size: p } = m, { currentSize: i } = a(p), t = e(() => r ? Array.isArray(r) ? r : [r] : null, [r]);
225
45
  return !t || t.length === 0 ? null : t.length === 1 ? n({
226
46
  tag: t[0],
@@ -229,5 +49,5 @@ const Ai = (m) => {
229
49
  }) : s(t, i, o);
230
50
  };
231
51
  export {
232
- Ai as TagsFormatter
52
+ _ as TagsFormatter
233
53
  };