@m4l/components 9.69.2-beta-updated-accordion-component-endaddorment.0 → 9.70.0

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.
@@ -1,12 +1,12 @@
1
1
  import { FilterField, RawFilterFieldApply } from '../types';
2
2
  type ObjectData = Record<any, any>;
3
3
  /**
4
- * Función que verifica si el objectData cumple con todos los filtros de DynamicFilter
5
- * Para usar en el frontEnd, y no atraves de la API
4
+ * Check whether a record satisfies every DynamicFilter field group.
5
+ * Use for local frontend filtering rather than API filtering.
6
6
  */
7
7
  export declare const getIsIfInDynamicFilter: (filterFields: Array<FilterField>, objectData: ObjectData, groupedFields: Record<string, RawFilterFieldApply[]>) => boolean;
8
8
  /**
9
- * getFilterGroupFieldsByName agrupa los campos por nombre, para procesarlos en una OR
9
+ * Group filters by field name so alternatives can be evaluated with OR.
10
10
  */
11
11
  export declare function getFilterGroupFieldsByName(fields: RawFilterFieldApply[]): Record<string, RawFilterFieldApply[]>;
12
12
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"frontEndHelpers.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicFilter/helpers/frontEndHelpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAI,WAAW,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAI9D,KAAM,UAAU,GAAI,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAwMrC;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAK,cAAc,KAAK,CAAC,WAAW,CAAC,EAAC,YAAY,UAAU,EAAC,eAAc,MAAM,CAAC,MAAM,EAAE,mBAAmB,EAAE,CAAC,KAAG,OAoErJ,CAAC;AAEF;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,EAAE,CAAC,CAY/G"}
1
+ {"version":3,"file":"frontEndHelpers.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicFilter/helpers/frontEndHelpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAI,WAAW,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAI9D,KAAM,UAAU,GAAI,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AA0MrC;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAK,cAAc,KAAK,CAAC,WAAW,CAAC,EAAC,YAAY,UAAU,EAAC,eAAc,MAAM,CAAC,MAAM,EAAE,mBAAmB,EAAE,CAAC,KAAG,OAoErJ,CAAC;AAEF;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,EAAE,CAAC,CAY/G"}
@@ -1,133 +1,131 @@
1
- import { getValidDate as f } from "../../../utils/getValidDate.js";
1
+ import { getValidDate as c } from "../../../utils/getValidDate.js";
2
2
  import { getPropertyByString as i } from "@m4l/core";
3
- const p = (u, e) => {
4
- const r = i(u, e.n, void 0);
5
- if (r !== void 0) {
3
+ const b = (u, e) => {
4
+ const t = i(u, e.n, void 0);
5
+ if (typeof t == "boolean") {
6
6
  if (e.o === "e") {
7
- if (r === e.o1)
7
+ if (t === e.o1)
8
8
  return !0;
9
- } else if (e.o === "ne" && r !== e.o1)
9
+ } else if (e.o === "ne" && t !== e.o1)
10
10
  return !0;
11
11
  return !1;
12
12
  }
13
- return !0;
14
- }, g = (u, e, r = !0) => {
13
+ return !1;
14
+ }, g = (u, e) => {
15
15
  const t = i(u, e.n, void 0);
16
+ if (typeof t != "string")
17
+ return !1;
16
18
  if (typeof e.o1 != "string")
17
19
  return !0;
18
- if (t !== void 0) {
19
- if (e.o === "e") {
20
- if (t === e.o1)
21
- return !0;
22
- } else if (e.o === "ne") {
23
- if (t !== e.o1)
24
- return !0;
25
- } else if (e.o === "c") {
26
- if (t.toLocaleLowerCase().includes(e.o1.toLocaleLowerCase()))
27
- return !0;
28
- } else if (e.o === "nc" && !t.toLocaleLowerCase().includes(e.o1.toLocaleLowerCase()))
20
+ if (e.o === "e") {
21
+ if (t === e.o1)
29
22
  return !0;
30
- return !1;
31
- }
32
- return r;
33
- }, l = (u, e, r = !0) => {
23
+ } else if (e.o === "ne") {
24
+ if (t !== e.o1)
25
+ return !0;
26
+ } else if (e.o === "c") {
27
+ if (t.toLocaleLowerCase().includes(e.o1.toLocaleLowerCase()))
28
+ return !0;
29
+ } else if (e.o === "nc" && !t.toLocaleLowerCase().includes(e.o1.toLocaleLowerCase()))
30
+ return !0;
31
+ return !1;
32
+ }, l = (u, e) => {
34
33
  const t = i(u, e.n, void 0);
34
+ if (typeof t != "number")
35
+ return !1;
35
36
  if (typeof e.o1 != "number")
36
37
  return !0;
37
- if (t !== void 0) {
38
- if (e.o === "e") {
39
- if (t === e.o1)
40
- return !0;
41
- } else if (e.o === "ne") {
42
- if (t !== e.o1)
43
- return !0;
44
- } else if (e.o === "b") {
45
- if (typeof e.o2 != "number" || t >= e.o1 && t <= e.o2)
46
- return !0;
47
- } else if (e.o === "gt") {
48
- if (t > e.o1)
49
- return !0;
50
- } else if (e.o === "lt") {
51
- if (t < e.o1)
52
- return !0;
53
- } else if (e.o === "gte") {
54
- if (t >= e.o1)
55
- return !0;
56
- } else if (e.o === "lte" && t <= e.o1)
38
+ if (e.o === "e") {
39
+ if (t === e.o1)
57
40
  return !0;
58
- return !1;
59
- }
60
- return r;
61
- }, b = (u, e) => {
62
- const r = i(u, e.n, void 0);
63
- if (r === void 0)
64
- return !0;
65
- const t = f(r);
66
- if (t === null)
41
+ } else if (e.o === "ne") {
42
+ if (t !== e.o1)
43
+ return !0;
44
+ } else if (e.o === "b") {
45
+ if (typeof e.o2 != "number" || t >= e.o1 && t <= e.o2)
46
+ return !0;
47
+ } else if (e.o === "gt") {
48
+ if (t > e.o1)
49
+ return !0;
50
+ } else if (e.o === "lt") {
51
+ if (t < e.o1)
52
+ return !0;
53
+ } else if (e.o === "gte") {
54
+ if (t >= e.o1)
55
+ return !0;
56
+ } else if (e.o === "lte" && t <= e.o1)
67
57
  return !0;
68
- const s = f(e.o1);
58
+ return !1;
59
+ }, T = (u, e) => {
60
+ const t = i(u, e.n, void 0);
61
+ if (t === void 0)
62
+ return !1;
63
+ const n = c(t);
64
+ if (n === null)
65
+ return !1;
66
+ const s = c(e.o1);
69
67
  if (s === null)
70
68
  return !0;
71
69
  if (e.o === "e") {
72
- if (t.getTime() === s.getTime())
70
+ if (n.getTime() === s.getTime())
73
71
  return !0;
74
72
  } else if (e.o === "ne") {
75
- if (t.getTime() !== s.getTime())
73
+ if (n.getTime() !== s.getTime())
76
74
  return !0;
77
75
  } else if (e.o === "b") {
78
- const a = f(e.o2);
79
- if (a === null || t.getTime() >= s.getTime() && t.getTime() <= a.getTime())
76
+ const a = c(e.o2);
77
+ if (a === null || n.getTime() >= s.getTime() && n.getTime() <= a.getTime())
80
78
  return !0;
81
79
  } else if (e.o === "gt") {
82
- if (t.getTime() > s.getTime())
80
+ if (n.getTime() > s.getTime())
83
81
  return !0;
84
82
  } else if (e.o === "lt") {
85
- if (t.getTime() < s.getTime())
83
+ if (n.getTime() < s.getTime())
86
84
  return !0;
87
85
  } else if (e.o === "gte") {
88
- if (t.getTime() >= s.getTime())
86
+ if (n.getTime() >= s.getTime())
89
87
  return !0;
90
- } else if (e.o === "lte" && t.getTime() <= s.getTime())
88
+ } else if (e.o === "lte" && n.getTime() <= s.getTime())
91
89
  return !0;
92
90
  return !1;
93
- }, v = (u, e) => {
94
- const r = i(u, e.n, void 0);
95
- return r === void 0 || !(typeof r == "string" || typeof r == "number") || !e.oa ? !0 : e.o === "in" ? e.oa.includes(r) : e.o === "nin" ? !e.oa.includes(r) : !1;
96
91
  }, I = (u, e) => {
97
- const r = i(u, e.n, void 0);
98
- return r === void 0 || !(typeof r == "string" || typeof r == "number") || !e.oa ? !0 : e.o === "in" ? e.oa.includes(r) : e.o === "nin" ? !e.oa.includes(r) : !1;
99
- }, N = (u, e, r) => {
100
- let t = !0;
101
- for (const s of Object.keys(r)) {
102
- const a = r[s];
103
- let n = !1;
92
+ const t = i(u, e.n, void 0);
93
+ return t === void 0 || !(typeof t == "string" || typeof t == "number") ? !1 : e.oa ? e.o === "in" ? e.oa.includes(t) : e.o === "nin" ? !e.oa.includes(t) : !1 : !0;
94
+ }, v = (u, e) => {
95
+ const t = i(u, e.n, void 0);
96
+ return t === void 0 || !(typeof t == "string" || typeof t == "number") ? !1 : e.oa ? e.o === "in" ? e.oa.includes(t) : e.o === "nin" ? !e.oa.includes(t) : !1 : !0;
97
+ }, N = (u, e, t) => {
98
+ let n = !0;
99
+ for (const s of Object.keys(t)) {
100
+ const a = t[s];
101
+ let r = !1;
104
102
  if (a.forEach((o) => {
105
- o.n === "all" ? u.forEach((c) => {
103
+ o.n === "all" ? u.forEach((f) => {
106
104
  const y = !isNaN(Number(o.o1)), m = {
107
- n: c.name,
105
+ n: f.name,
108
106
  o: "c",
109
107
  o1: o.o1,
110
- ft: c.type
108
+ ft: f.type
111
109
  };
112
- if (c.type === "string") {
113
- const T = g(e, m, !1);
114
- n = n || T;
110
+ if (f.type === "string") {
111
+ const p = g(e, m);
112
+ r = r || p;
115
113
  }
116
- y && c.type === "number" && (n = n || l(e, {
114
+ y && f.type === "number" && (r = r || l(e, {
117
115
  ...m,
118
116
  o: "e",
119
117
  o1: Number(o.o1)
120
- }, !1));
121
- }) : o.ft === "boolean" ? n = n || p(e, o) : o.ft === "string" ? n = n || g(e, o) : o.ft === "number" ? n = n || l(e, o) : o.ft === "datetime" ? n = n || b(e, o) : o.ft === "select" ? n = n || I(e, o) : o.ft === "selectAsync" ? n = n || v(e, o) : n = !0;
122
- }), !n) {
123
- t = !1;
118
+ }));
119
+ }) : o.ft === "boolean" ? r = r || b(e, o) : o.ft === "string" ? r = r || g(e, o) : o.ft === "number" ? r = r || l(e, o) : o.ft === "datetime" ? r = r || T(e, o) : o.ft === "select" ? r = r || v(e, o) : o.ft === "selectAsync" ? r = r || I(e, o) : r = !0;
120
+ }), !r) {
121
+ n = !1;
124
122
  break;
125
123
  }
126
124
  }
127
- return t;
125
+ return n;
128
126
  };
129
127
  function V(u) {
130
- return u.reduce((r, t) => (r[t.n] || (r[t.n] = []), r[t.n].push(t), r), {});
128
+ return u.reduce((t, n) => (t[n.n] || (t[n.n] = []), t[n.n].push(n), t), {});
131
129
  }
132
130
  export {
133
131
  V as getFilterGroupFieldsByName,
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAiCzC;;GAEG;AACH,eAAO,MAAM,SAAS,2GAkHpB,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAgCzC;;GAEG;AACH,eAAO,MAAM,SAAS,2GA2GpB,CAAC"}
@@ -1,112 +1,110 @@
1
- import { jsxs as c, jsx as n } from "@emotion/react/jsx-runtime";
2
- import { TEST_PROP_ID as v } from "../../../../test/constants_no_mock.js";
3
- import { getNameDataTestId as T } from "../../../../test/getNameDataTestId.js";
4
- import { ACCORDION_KEY as h } from "./constants.js";
5
- import { getComponentSlotRoot as N } from "../../../../utils/getComponentSlotRoot.js";
6
- import { AccordionRootStyled as R, AccordionSummaryStyled as O, IconLabelStyled as w, LabelGroupStyled as L, LabelStyled as P, DescriptionStyled as _, EndAdornmentStyled as k, IconExpandedStyled as j, AccordionDetailsStyled as W } from "./slots/AccordionSlots.js";
7
- import { forwardRef as B, useState as G, useEffect as K } from "react";
8
- import { useComponentSize as M } from "../../../../hooks/useComponentSize/index.js";
9
- import { ArrowChevronMdDownOutlined as V } from "@m4l/icons";
10
- import Y from "clsx";
11
- function q(l) {
12
- return l.replace(/\\r\\n/g, `
1
+ import { jsxs as c, jsx as o } from "@emotion/react/jsx-runtime";
2
+ import { TEST_PROP_ID as b } from "../../../../test/constants_no_mock.js";
3
+ import { getNameDataTestId as A } from "../../../../test/getNameDataTestId.js";
4
+ import { ACCORDION_KEY as S } from "./constants.js";
5
+ import { getComponentSlotRoot as T } from "../../../../utils/getComponentSlotRoot.js";
6
+ import { AccordionRootStyled as v, AccordionSummaryStyled as N, IconLabelStyled as R, LabelGroupStyled as O, LabelStyled as w, DescriptionStyled as L, IconExpandedStyled as P, AccordionDetailsStyled as _ } from "./slots/AccordionSlots.js";
7
+ import { forwardRef as k, useState as j, useEffect as W } from "react";
8
+ import { useComponentSize as B } from "../../../../hooks/useComponentSize/index.js";
9
+ import G from "clsx";
10
+ import { ArrowChevronMdDownOutlined as K } from "@m4l/icons";
11
+ function M(a) {
12
+ return a.replace(/\\r\\n/g, `
13
13
  `).replace(/\\n/g, `
14
14
  `).replace(/\\t/g, " ").replace(/\r\n/g, `
15
15
  `).replace(/\r/g, `
16
16
  `);
17
17
  }
18
- const oe = B((l, x) => {
18
+ const $ = k((a, x) => {
19
19
  const {
20
- label: g,
21
- description: a,
22
- endAdornment: o,
23
- children: i,
24
- accordionProps: s,
25
- summaryProps: y,
26
- icon: p,
27
- className: A,
28
- dataTestId: E = "",
29
- skeletonLabelWidth: z = "100px",
30
- size: m,
31
- expanded: t,
32
- variant: C = "outlined"
33
- } = l, { currentSize: r } = M(m), D = N(h), [u, f] = G(t ?? s?.defaultExpanded ?? !0), S = typeof i == "string" ? q(i) : null, I = o != null && o !== !1, b = () => {
34
- f((d) => !d);
20
+ label: h,
21
+ description: i,
22
+ children: l,
23
+ accordionProps: d,
24
+ summaryProps: g,
25
+ icon: s,
26
+ className: y,
27
+ dataTestId: z = "",
28
+ skeletonLabelWidth: C = "100px",
29
+ size: p,
30
+ expanded: n,
31
+ variant: D = "outlined"
32
+ } = a, { currentSize: t } = B(p), E = T(S), [m, u] = j(n ?? d?.defaultExpanded ?? !0), f = typeof l == "string" ? M(l) : null, I = () => {
33
+ u((r) => !r);
35
34
  };
36
- K(() => {
37
- let d = !0;
38
- return d && t !== void 0 && f(t), () => {
39
- d = !1;
35
+ W(() => {
36
+ let r = !0;
37
+ return r && n !== void 0 && u(n), () => {
38
+ r = !1;
40
39
  };
41
- }, [t]);
40
+ }, [n]);
42
41
  const e = {
43
- size: r,
44
- variant: C,
45
- expanded: u,
46
- hasTextContent: S !== null,
47
- hasDescription: !!a
42
+ size: t,
43
+ variant: D,
44
+ expanded: m,
45
+ hasTextContent: f !== null,
46
+ hasDescription: !!i
48
47
  };
49
48
  return /* @__PURE__ */ c(
50
- R,
49
+ v,
51
50
  {
52
51
  ownerState: e,
53
52
  ref: x,
54
53
  role: "contentinfo",
55
- className: Y(D, A),
56
- expanded: u,
57
- ...s,
58
- ...process.env.NODE_ENV !== "production" ? { [v]: T(h, "root", E) } : {},
54
+ className: G(E, y),
55
+ expanded: m,
56
+ ...d,
57
+ ...process.env.NODE_ENV !== "production" ? { [b]: A(S, "root", z) } : {},
59
58
  children: [
60
59
  /* @__PURE__ */ c(
61
- O,
60
+ N,
62
61
  {
63
62
  ownerState: e,
64
63
  role: "heading",
65
64
  "aria-controls": "expanded-content",
66
- onClick: b,
67
- expandIcon: /* @__PURE__ */ n(
68
- j,
65
+ onClick: I,
66
+ expandIcon: /* @__PURE__ */ o(
67
+ P,
69
68
  {
70
69
  ownerState: e,
71
- size: r,
70
+ size: t,
72
71
  "aria-label": "settings",
73
- src: /* @__PURE__ */ n(V, {})
72
+ src: /* @__PURE__ */ o(K, {})
74
73
  }
75
74
  ),
76
- ...y,
75
+ ...g,
77
76
  children: [
78
- p && /* @__PURE__ */ n(w, { ownerState: e, src: p, size: m }),
79
- /* @__PURE__ */ c(L, { ownerState: e, children: [
80
- /* @__PURE__ */ n(
81
- P,
77
+ s && /* @__PURE__ */ o(R, { ownerState: e, src: s, size: p }),
78
+ /* @__PURE__ */ c(O, { ownerState: e, children: [
79
+ /* @__PURE__ */ o(
80
+ w,
82
81
  {
83
82
  ownerState: e,
84
- size: r,
85
- variant: "captionStandard",
86
- skeletonWidth: z,
87
- children: g
83
+ size: t,
84
+ variant: "captionDens",
85
+ skeletonWidth: C,
86
+ children: h
88
87
  }
89
88
  ),
90
- a ? /* @__PURE__ */ n(
91
- _,
89
+ i ? /* @__PURE__ */ o(
90
+ L,
92
91
  {
93
92
  ownerState: e,
94
- size: r,
93
+ size: t,
95
94
  color: "text.secondary",
96
95
  variant: "caption",
97
- children: a
96
+ children: i
98
97
  }
99
98
  ) : null
100
- ] }),
101
- I ? /* @__PURE__ */ n(k, { ownerState: e, children: o }) : null
99
+ ] })
102
100
  ]
103
101
  }
104
102
  ),
105
- /* @__PURE__ */ n(W, { ownerState: e, children: S ?? i })
103
+ /* @__PURE__ */ o(_, { ownerState: e, children: f ?? l })
106
104
  ]
107
105
  }
108
106
  );
109
107
  });
110
108
  export {
111
- oe as Accordion
109
+ $ as Accordion
112
110
  };
@@ -1,7 +1,6 @@
1
1
  export declare enum AccordionSlots {
2
2
  accordionRoot = "accordionRoot",
3
3
  accordionSummary = "accordionSummary",
4
- accordionEndAdornment = "endAdornment",
5
4
  accordionIconLabel = "iconLabel",
6
5
  accordionLabelGroup = "labelGroup",
7
6
  accordionLabel = "label",
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Accordion/slots/AccordionEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,aAAa,kBAAkB;IAC/B,gBAAgB,qBAAqB;IACrC,qBAAqB,iBAAiB;IACtC,kBAAkB,cAAc;IAChC,mBAAmB,eAAe;IAClC,cAAc,UAAU;IACxB,oBAAoB,gBAAgB;IACpC,qBAAqB,iBAAiB;IACtC,gBAAgB,qBAAqB;CACtC"}
1
+ {"version":3,"file":"AccordionEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Accordion/slots/AccordionEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,aAAa,kBAAkB;IAC/B,gBAAgB,qBAAqB;IACrC,kBAAkB,cAAc;IAChC,mBAAmB,eAAe;IAClC,cAAc,UAAU;IACxB,oBAAoB,gBAAgB;IACpC,qBAAqB,iBAAiB;IACtC,gBAAgB,qBAAqB;CACtC"}
@@ -1,4 +1,4 @@
1
- var n = /* @__PURE__ */ ((a) => (a.accordionRoot = "accordionRoot", a.accordionSummary = "accordionSummary", a.accordionEndAdornment = "endAdornment", a.accordionIconLabel = "iconLabel", a.accordionLabelGroup = "labelGroup", a.accordionLabel = "label", a.accordionDescription = "description", a.accordionIconExpanded = "iconExpanded", a.accordionDetails = "accordionDetails", a))(n || {});
1
+ var c = /* @__PURE__ */ ((a) => (a.accordionRoot = "accordionRoot", a.accordionSummary = "accordionSummary", a.accordionIconLabel = "iconLabel", a.accordionLabelGroup = "labelGroup", a.accordionLabel = "label", a.accordionDescription = "description", a.accordionIconExpanded = "iconExpanded", a.accordionDetails = "accordionDetails", a))(c || {});
2
2
  export {
3
- n as AccordionSlots
3
+ c as AccordionSlots
4
4
  };
@@ -17,9 +17,6 @@ export declare const AccordionRootStyled: import('@emotion/styled').StyledCompon
17
17
  export declare const AccordionSummaryStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').AccordionSummaryOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "action" | "classes" | "children" | "className" | "sx" | "style" | "tabIndex" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon">, "color" | "content" | "translate" | "action" | "classes" | "children" | "className" | "sx" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
18
18
  ownerState?: (Partial<import('../types').AccordionOwnerState> & Record<string, unknown>) | undefined;
19
19
  }, {}, {}>;
20
- export declare const EndAdornmentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
21
- ownerState?: (Partial<import('../types').AccordionOwnerState> & Record<string, unknown>) | undefined;
22
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
23
20
  export declare const IconLabelStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/base').IconProps, "src" | "icon" | keyof import('@m4l/base').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
24
21
  ownerState?: (Partial<import('../types').AccordionOwnerState> & Record<string, unknown>) | undefined;
25
22
  }, {}, {}>;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Accordion/slots/AccordionSlots.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB;;;;;;;;;;gBAoC8wC,CAAC;;;;;UAjC7wC,CAAC;AACnC,eAAO,MAAM,sBAAsB;;UAGE,CAAC;AACtC,eAAO,MAAM,kBAAkB;;6NAGW,CAAC;AAC3C,eAAO,MAAM,eAAe;;UAGW,CAAC;AACxC,eAAO,MAAM,gBAAgB;;6NAGW,CAAC;AACzC,eAAO,MAAM,WAAW;;UAGW,CAAC;AACpC,eAAO,MAAM,iBAAiB;;UAGW,CAAC;AAC1C,eAAO,MAAM,kBAAkB;;UAGW,CAAC;AAC3C,eAAO,MAAM,sBAAsB;;UAGE,CAAC"}
1
+ {"version":3,"file":"AccordionSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Accordion/slots/AccordionSlots.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB;;;;;;;;;;gBAgCi7C,CAAC;;;;;UA7Bh7C,CAAC;AACnC,eAAO,MAAM,sBAAsB;;UAGE,CAAC;AACtC,eAAO,MAAM,eAAe;;UAGW,CAAC;AACxC,eAAO,MAAM,gBAAgB;;6NAGW,CAAC;AACzC,eAAO,MAAM,WAAW;;UAGW,CAAC;AACpC,eAAO,MAAM,iBAAiB;;UAGW,CAAC;AAC1C,eAAO,MAAM,kBAAkB;;UAGW,CAAC;AAC3C,eAAO,MAAM,sBAAsB;;UAGE,CAAC"}
@@ -1,31 +1,28 @@
1
- import { Accordion as a, AccordionSummary as i, AccordionDetails as e } from "@mui/material";
1
+ import { Accordion as i, AccordionSummary as d, AccordionDetails as e } from "@mui/material";
2
2
  import { styled as o } from "@mui/material/styles";
3
3
  import { ACCORDION_KEY as c } from "../constants.js";
4
4
  import { AccordionSlots as n } from "./AccordionEnum.js";
5
5
  import { accordionStyles as r } from "../styles.js";
6
- import { Icon as d, Typography as t } from "@m4l/base";
7
- const A = o(a, {
6
+ import { Icon as a, Typography as t } from "@m4l/base";
7
+ const b = o(i, {
8
8
  name: c,
9
9
  slot: n.accordionRoot
10
- })(r?.accordionRoot), b = o(i, {
10
+ })(r?.accordionRoot), L = o(d, {
11
11
  name: c,
12
12
  slot: n.accordionSummary
13
- })(r?.accordionSummary), L = o("div", {
14
- name: c,
15
- slot: n.accordionEndAdornment
16
- })(r?.accordionEndAdornment), D = o(d, {
13
+ })(r?.accordionSummary), A = o(a, {
17
14
  name: c,
18
15
  slot: n.accordionIconLabel
19
- })(r?.accordionIconLabel), I = o("div", {
16
+ })(r?.accordionIconLabel), D = o("div", {
20
17
  name: c,
21
18
  slot: n.accordionLabelGroup
22
- })(r?.accordionLabelGroup), u = o(t, {
19
+ })(r?.accordionLabelGroup), I = o(t, {
23
20
  name: c,
24
21
  slot: n.accordionLabel
25
- })(r?.accordionLabel), E = o(t, {
22
+ })(r?.accordionLabel), u = o(t, {
26
23
  name: c,
27
24
  slot: n.accordionDescription
28
- })(r?.accordionDescription), f = o(d, {
25
+ })(r?.accordionDescription), f = o(a, {
29
26
  name: c,
30
27
  slot: n.accordionIconExpanded
31
28
  })(r?.accordionIconExpanded), x = o(e, {
@@ -34,12 +31,11 @@ const A = o(a, {
34
31
  })(r?.accordionDetails);
35
32
  export {
36
33
  x as AccordionDetailsStyled,
37
- A as AccordionRootStyled,
38
- b as AccordionSummaryStyled,
39
- E as DescriptionStyled,
40
- L as EndAdornmentStyled,
34
+ b as AccordionRootStyled,
35
+ L as AccordionSummaryStyled,
36
+ u as DescriptionStyled,
41
37
  f as IconExpandedStyled,
42
- D as IconLabelStyled,
43
- I as LabelGroupStyled,
44
- u as LabelStyled
38
+ A as IconLabelStyled,
39
+ D as LabelGroupStyled,
40
+ I as LabelStyled
45
41
  };
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,eAAO,MAAM,eAAe,EAAE,eAuK7B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,eAAO,MAAM,eAAe,EAAE,eA6J7B,CAAC"}
@@ -48,7 +48,7 @@ const s = {
48
48
  })),
49
49
  background: r.vars.palette.background.default,
50
50
  overflow: "hidden",
51
- borderBottom: `${r.size.borderStroke.container} ${r.vars.palette.border.disabled}`,
51
+ borderBottom: a?.expanded && a?.variant === "outlined" ? `${r.size.borderStroke.container} ${r.vars.palette.border.secondary}` : "unset",
52
52
  borderRadius: "unset",
53
53
  ...a?.variant === "outlined" && {
54
54
  borderTopLeftRadius: r.size.borderRadius.r2,
@@ -84,15 +84,6 @@ const s = {
84
84
  }
85
85
  }
86
86
  }),
87
- /**
88
- * Styles for optional informational content displayed at the end of the header.
89
- */
90
- accordionEndAdornment: () => ({
91
- display: "inline-flex",
92
- alignItems: "center",
93
- marginLeft: "auto",
94
- flexShrink: 0
95
- }),
96
87
  /**
97
88
  * *************************************************
98
89
  * Styles for the icon displayed next to the Accordion label.
@@ -111,8 +102,7 @@ const s = {
111
102
  flexDirection: "column",
112
103
  alignItems: "flex-start",
113
104
  gap: r.vars.size.baseSpacings["sp0-5"],
114
- overflow: "hidden",
115
- flex: "0 1 auto"
105
+ overflow: "hidden"
116
106
  }),
117
107
  /**
118
108
  *******************************************************************
@@ -14,10 +14,6 @@ export interface AccordionProps {
14
14
  * Optional description displayed below the accordion label.
15
15
  */
16
16
  description?: string;
17
- /**
18
- * Optional informational content displayed at the end of the accordion header.
19
- */
20
- endAdornment?: ReactNode;
21
17
  /**
22
18
  * Optional class name for the Accordion component
23
19
  */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;IAE5D;;OAEG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAExB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAE1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,KAAK,CAAC,CAAC;AACtG,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnF,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;CACzB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;IAE5D;;OAEG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAExB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAE1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,KAAK,CAAC,CAAC;AACtG,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnF,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;CACzB"}
package/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * This import applies the workspace patch for third-party library typing issues.
2
+ * This import applies the workspace patch for third-party library typing issues.
3
3
  */
4
4
  export * from './patchLibErrors';
5
5
  export * from './components';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.69.2-beta-updated-accordion-component-endaddorment.0",
3
+ "version": "9.70.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -53,18 +53,18 @@
53
53
  "@hookform/resolvers": "2.9.11",
54
54
  "nprogress": "0.2.0",
55
55
  "react-transition-group": "4.4.5",
56
- "@tanstack/react-virtual": "3.13.23",
56
+ "react-rnd": "10.5.2",
57
57
  "react-color": "2.19.3",
58
58
  "@mui/x-date-pickers": "6.20.2",
59
- "react-rnd": "10.5.2",
60
- "react-dropzone": "14.4.1",
59
+ "@tanstack/react-virtual": "3.13.23",
61
60
  "react-draggable": "4.5.0",
62
61
  "react-spinners": "0.13.8",
62
+ "react-dropzone": "14.4.1",
63
63
  "chart.js": "4.5.1",
64
64
  "chartjs-chart-error-bars": "4.4.5",
65
65
  "qrcode.react": "3.2.0",
66
- "react-simple-code-editor": "0.14.1",
67
66
  "react-resizable-panels": "2.1.9",
67
+ "react-simple-code-editor": "0.14.1",
68
68
  "simplebar-react": "3.2.6",
69
69
  "react-data-grid": "7.0.0-beta.47",
70
70
  "react-dnd": "16.0.1",