@m4l/components 9.30.2 → 9.31.0

package/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnDate.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAanD;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,IAAI,EAAE,OAAO,wBAAwB,CAAC,IAAI,CAAC,WAG9C,IAAI,SAAS,MAAM,YAiBnD,CAAC;AAwBF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,IAAI,EAAE,OAAO,wBAAwB,CAAC,IAAI,CAAC;;;qCA7C3B,MAAM;;CAiEnD,CAAC"}
+{"version":3,"file":"useColumnDate.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAWnD;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,IAAI,EAAE,OAAO,wBAAwB,CAAC,IAAI,CAAC,WAG9C,IAAI,SAAS,MAAM,YAqBnD,CAAC;AAwBF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,IAAI,EAAE,OAAO,wBAAwB,CAAC,IAAI,CAAC;;;qCAjD3B,MAAM;;CAqEnD,CAAC"}

package/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.js

@@ -1,27 +1,29 @@
-import { getPropertyByString as i } from "@m4l/core";
-import { getFormatDate as l } from "../../../formatters/DateFormatter/DateFormatter.js";
+import { useUserPreferences as l, getPropertyByString as i } from "@m4l/core";
 import { ColumnDateFormatter as c } from "./formatter.js";
 import { ColumnDateGroupFormatter as g } from "./ColumnDateGroupFormatter.js";
-import { useFormatter as d } from "@m4l/graphics";
-import { getValidDate as f } from "../../../../utils/getValidDate.js";
-import { useState as D, useRef as y, useEffect as C, useMemo as V, useCallback as F } from "react";
-import { deepEqual as S } from "fast-equals";
-import { getColumnKey as s } from "../../helpers/shared/getColumnKey/getColumnKey.js";
-const T = (e) => {
-  const { dateFormatter: t } = d();
-  return F((a, n) => {
-    const u = s(e.fieldValue), o = i(a, u);
+import { getValidDate as s } from "../../../../utils/getValidDate.js";
+import { useState as D, useRef as d, useEffect as y, useMemo as C, useCallback as T } from "react";
+import { deepEqual as V } from "fast-equals";
+import { getColumnKey as f } from "../../helpers/shared/getColumnKey/getColumnKey.js";
+const S = (e) => {
+  const { formatDate: t } = l();
+  return T((a, n) => {
+    const m = f(e.fieldValue), o = i(a, m);
     let r = null;
-    return typeof o == "string" ? r = new Date(o) : o instanceof Date && (r = o), !r || isNaN(r.getTime()) ? !1 : l(e.presentationType, r, t, e.format).includes(n);
+    return typeof o == "string" ? r = new Date(o) : o instanceof Date && (r = o), !r || isNaN(r.getTime()) ? !1 : t({
+      presentationType: e.presentationType,
+      value: r,
+      format: e.format
+    }).includes(n);
   }, [e.presentationType, e.format, t]);
-}, b = (e) => (t, m) => {
-  const a = s(e.fieldValue), n = i(t, a), u = i(m, a), o = f(n), r = f(u);
+}, b = (e) => (t, u) => {
+  const a = f(e.fieldValue), n = i(t, a), m = i(u, a), o = s(n), r = s(m);
   return !o || !r ? 0 : o.getTime() > r.getTime() ? 1 : o.getTime() < r.getTime() ? -1 : 0;
-}, E = (e) => {
-  const [t, m] = D(e), a = T(t), n = y({ ...e });
-  return C(() => {
-    S(n.current, e) || (n.current = e, m(e));
-  }, [e]), V(() => ({
+}, k = (e) => {
+  const [t, u] = D(e), a = S(t), n = d({ ...e });
+  return y(() => {
+    V(n.current, e) || (n.current = e, u(e));
+  }, [e]), C(() => ({
     formatter: c(t),
     renderGroupCell: g(t),
     customFilter: a,
@@ -29,6 +31,6 @@ const T = (e) => {
   }), [t, a]);
 };
 export {
-  E as useColumnDate,
-  T as useCustomDateFilter
+  k as useColumnDate,
+  S as useCustomDateFilter
 };

package/components/datagrids/formatters/ColumnPriceFormatter/useColumnPrice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnPrice.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnPriceFormatter/useColumnPrice.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAiCpD;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,IAAI,EAAE,OAAO,yBAAyB,CAAC,IAAI,CAAC;;;wBAKjE,IAAI,SAAS,MAAM;;CAyB5B,CAAC"}
+{"version":3,"file":"useColumnPrice.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnPriceFormatter/useColumnPrice.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAiCpD;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,IAAI,EAAE,OAAO,yBAAyB,CAAC,IAAI,CAAC;;;wBAKjE,IAAI,SAAS,MAAM;;CAyB5B,CAAC"}

package/components/datagrids/formatters/ColumnPriceFormatter/useColumnPrice.js

@@ -1,37 +1,36 @@
-import { useState as s, useRef as a, useCallback as d, useEffect as P, useMemo as g } from "react";
-import { useFormatter as p } from "@m4l/graphics";
-import { getPropertyByString as l } from "@m4l/core";
-import { deepEqual as y } from "fast-equals";
-import { getFormatPrice as C } from "../../../formatters/PriceFormatter/PriceFormatter.js";
-import { ColumnPriceGroupFormatter as S } from "./ColumnPriceGroupFormatter.js";
-import { getColumnKey as c } from "../../helpers/shared/getColumnKey/getColumnKey.js";
-import { ColumnPriceFormatter as F } from "./formatter.js";
-const V = (e) => (u, t) => {
-  const n = c(e.fieldValue), m = l(u, n), i = l(t, n);
-  let r, o;
-  return typeof m == "number" ? r = m : r = 0, typeof i == "number" ? o = i : o = 0, r > o ? 1 : r < o ? -1 : 0;
-}, k = (e) => {
-  const { currencyFormatter: u } = p(), [t, n] = s(e), m = a({ ...e }), i = d(
-    (r, o) => {
-      const f = c(t.fieldValue);
-      return C(
-        r,
-        f,
-        u.code,
-        u.decimalDigits
-      ).includes(o);
+import { useState as a, useRef as P, useCallback as d, useEffect as y, useMemo as g } from "react";
+import { useUserPreferences as p, getPropertyByString as c } from "@m4l/core";
+import { deepEqual as C } from "fast-equals";
+import { getFormatPrice as S } from "../../../formatters/PriceFormatter/PriceFormatter.js";
+import { ColumnPriceGroupFormatter as V } from "./ColumnPriceGroupFormatter.js";
+import { getColumnKey as l } from "../../helpers/shared/getColumnKey/getColumnKey.js";
+import { ColumnPriceFormatter as b } from "./formatter.js";
+const F = (r) => (n, i) => {
+  const e = l(r.fieldValue), m = c(n, e), u = c(i, e);
+  let t, o;
+  return typeof m == "number" ? t = m : t = 0, typeof u == "number" ? o = u : o = 0, t > o ? 1 : t < o ? -1 : 0;
+}, G = (r) => {
+  const { currency: n, currencyDecimalDigits: i } = p(), [e, m] = a(r), u = P({ ...r }), t = d(
+    (o, f) => {
+      const s = l(e.fieldValue);
+      return S(
+        o,
+        s,
+        n,
+        i
+      ).includes(f);
     },
-    [t, u]
+    [e, n, i]
   );
-  return P(() => {
-    y(m.current, e) || (m.current = e, n(e));
-  }, [e]), g(() => ({
-    formatter: F(t),
-    renderGroupCell: S(t),
-    customFilter: i,
-    customSort: V(t)
-  }), [t, i]);
+  return y(() => {
+    C(u.current, r) || (u.current = r, m(r));
+  }, [r]), g(() => ({
+    formatter: b(e),
+    renderGroupCell: V(e),
+    customFilter: t,
+    customSort: F(e)
+  }), [e, t]);
 };
 export {
-  k as useColumnPrice
+  G as useColumnPrice
 };

package/components/formatters/DateFormatter/DateFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateFormatter.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/formatters/DateFormatter/DateFormatter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAgB,aAAa,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO/D,OAAO,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;AAC7C;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC,EACpC,aAAa,EAAE,iBAAiB,EAChC,MAAM,CAAC,EAAE,MAAM,GACd,MAAM,CAgCR;AACD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,oDA6BtF"}
+{"version":3,"file":"DateFormatter.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/formatters/DateFormatter/DateFormatter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO/D,OAAO,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;AAC7C;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC,EACpC,aAAa,EAAE,iBAAiB,EAChC,MAAM,CAAC,EAAE,MAAM,GACd,MAAM,CAgCR;AACD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,oDA6BtF"}

package/components/formatters/DateFormatter/DateFormatter.js

@@ -1,29 +1,29 @@
-import { jsx as c, Fragment as d } from "@emotion/react/jsx-runtime";
-import F, { useMemo as u } from "react";
-import { useFormatter as D } from "@m4l/graphics";
+import { jsx as p, Fragment as D } from "@emotion/react/jsx-runtime";
+import d, { useMemo as u } from "react";
+import { useUserPreferences as F } from "@m4l/core";
 import { DateFormatterRootStyled as T } from "./slots/DateFormatterSlots.js";
 import { DateFormatterSlots as g } from "./slots/DateFormatterEnum.js";
 import y from "clsx";
 import { getComponentSlotRoot as R } from "../../../utils/getComponentSlotRoot.js";
 import { getPropDataTestId as b } from "../../../test/getNameDataTestId.js";
 import { DATE_FORMATTER_KEY_COMPONENT as f } from "./constants.js";
-function h(n, t, e, r) {
-  let o = r || e.datetimeFormat, m, a;
+function O(n, t, e, o) {
+  let r = o || e.datetimeFormat, m, a;
   if (t == null)
     return "-";
   switch (n) {
     case "datetime":
-      o = r || e.datetimeFormat;
+      r = o || e.datetimeFormat;
       break;
     case "date":
-      o = r || e.dateFormat;
+      r = o || e.dateFormat;
       break;
     case "time":
-      o = r || e.timeFormat;
+      r = o || e.timeFormat;
       break;
   }
   try {
-    return typeof t == "number" || typeof t == "string" ? a = new Date(t) : a = t, m = e.formatDate(a, o), m;
+    return typeof t == "number" || typeof t == "string" ? a = new Date(t) : a = t, m = e.formatDate(a, r), m;
   } catch {
     return m = "-", m;
   }
@@ -32,24 +32,24 @@ function S(n) {
   const {
     presentationType: t,
     value: e,
-    format: r,
-    Component: o = T,
+    format: o,
+    Component: r = T,
     dataTestId: m,
     className: a,
-    componentProps: i
-  } = n, { dateFormatter: l } = D(), s = h(t, e, l, r), p = u(() => s, [s]);
-  return o === F.Fragment ? /* @__PURE__ */ c(d, { children: p }) : /* @__PURE__ */ c(
-    o,
+    componentProps: s
+  } = n, { formatDate: l } = F(), i = l({ presentationType: t, value: e, format: o }), c = u(() => i, [i]);
+  return r === d.Fragment ? /* @__PURE__ */ p(D, { children: c }) : /* @__PURE__ */ p(
+    r,
     {
       className: y(R(f), a),
       ...b(f, g.root, m),
       role: "dateFormatter-role",
-      ...i,
-      children: p
+      ...s,
+      children: c
     }
   );
 }
 export {
   S as DateFormatter,
-  h as getFormatDate
+  O as getFormatDate
 };

package/components/formatters/PriceFormatter/PriceFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PriceFormatter.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/formatters/PriceFormatter/PriceFormatter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAGvE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,GAAG,EACZ,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,GACpB,MAAM,CAgCR;AACD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,wBAAwB,EAC1F,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAuBzC"}
+{"version":3,"file":"PriceFormatter.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/formatters/PriceFormatter/PriceFormatter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAGvE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,GAAG,EACZ,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,GACpB,MAAM,CAgCR;AACD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,wBAAwB,EAC1F,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAuBzC"}

package/components/formatters/PriceFormatter/PriceFormatter.js

@@ -1,35 +1,34 @@
-import { jsx as u, Fragment as g } from "@emotion/react/jsx-runtime";
-import y, { useMemo as f } from "react";
-import { clsx as F } from "clsx";
-import { getPropertyByString as d } from "@m4l/core";
-import { useFormatter as S } from "@m4l/graphics";
-import { getComponentSlotRoot as N } from "../../../utils/getComponentSlotRoot.js";
-import { getPropDataTestId as P } from "../../../test/getNameDataTestId.js";
-import { useComponentSize as b } from "../../../hooks/useComponentSize/index.js";
-import { PriceFormatterRootStyled as D } from "./slots/PriceFormatterSlots.js";
-import { PRICE_FORMATTER_KEY_COMPONENT as s } from "./constants.js";
-import { PriceFormatterSlots as x } from "./slots/PriceFormatterEnum.js";
-function R(n, i, t, r) {
-  let e = "";
-  const o = d(n, i);
+import { jsx as s, Fragment as g } from "@emotion/react/jsx-runtime";
+import f, { useMemo as P } from "react";
+import { clsx as S } from "clsx";
+import { useUserPreferences as F, getPropertyByString as N } from "@m4l/core";
+import { getComponentSlotRoot as b } from "../../../utils/getComponentSlotRoot.js";
+import { getPropDataTestId as D } from "../../../test/getNameDataTestId.js";
+import { useComponentSize as d } from "../../../hooks/useComponentSize/index.js";
+import { PriceFormatterRootStyled as x } from "./slots/PriceFormatterSlots.js";
+import { PRICE_FORMATTER_KEY_COMPONENT as l } from "./constants.js";
+import { PriceFormatterSlots as R } from "./slots/PriceFormatterEnum.js";
+function C(m, i, e, r) {
+  let t = "";
+  const o = N(m, i);
   try {
     if (isNaN(Number(o)))
       return 0 .toLocaleString(navigator.language, {
-        currency: t,
+        currency: e,
         style: "currency",
         currencyDisplay: "symbol",
         useGrouping: !0,
         maximumFractionDigits: r
       });
-    e = Number(o).toLocaleString(navigator.language, {
-      currency: t,
+    t = Number(o).toLocaleString(navigator.language, {
+      currency: e,
       style: "currency",
       currencyDisplay: "symbol",
       useGrouping: !0,
       maximumFractionDigits: r
     }) || "";
   } catch {
-    e = Number(o).toLocaleString("en-US", {
+    t = Number(o).toLocaleString("en-US", {
       style: "currency",
       currency: "USD",
       currencyDisplay: "symbol",
@@ -37,26 +36,26 @@ function R(n, i, t, r) {
       maximumFractionDigits: r
     }) || "";
   }
-  return e;
+  return t;
 }
-function I(n) {
-  const { obProps: i, fieldValue: t, Component: r = D, size: e = "medium", color: o, dataTestid: a, className: l } = n, { currentSize: p } = b(e), { currencyFormatter: m } = S(), c = f(
-    () => R(i, t, m.code, m.decimalDigits),
-    [i, t, m.code, m.decimalDigits]
+function U(m) {
+  const { obProps: i, fieldValue: e, Component: r = x, size: t = "medium", color: o, dataTestid: n, className: p } = m, { currentSize: y } = d(t), { currency: c, currencyDecimalDigits: a } = F(), u = P(
+    () => C(i, e, c, a),
+    [i, e, c, a]
   );
-  return r === y.Fragment ? /* @__PURE__ */ u(g, { children: c }) : /* @__PURE__ */ u(
+  return r === f.Fragment ? /* @__PURE__ */ s(g, { children: u }) : /* @__PURE__ */ s(
     r,
     {
       variant: "body",
-      size: p,
+      size: y,
       color: o,
-      className: F(N(s), l),
-      ...P(s, x.root, a),
-      children: c
+      className: S(b(l), p),
+      ...D(l, R.root, n),
+      children: u
     }
   );
 }
 export {
-  I as PriceFormatter,
-  R as getFormatPrice
+  U as PriceFormatter,
+  C as getFormatPrice
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.30.2",
+  "version": "9.31.0",
   "publishConfig": {
     "access": "public"
   },
@@ -50,20 +50,20 @@
     "@hookform/resolvers": "2.9.11",
     "nprogress": "0.2.0",
     "react-transition-group": "4.4.5",
-    "@mui/x-date-pickers": "6.20.2",
-    "react-rnd": "10.5.2",
     "react-color": "2.19.3",
     "react-draggable": "4.5.0",
-    "react-spinners": "0.13.8",
     "react-dropzone": "14.4.1",
+    "react-spinners": "0.13.8",
+    "@mui/x-date-pickers": "6.20.2",
+    "react-rnd": "10.5.2",
+    "simplebar-react": "3.2.6",
     "chart.js": "4.5.1",
     "chartjs-chart-error-bars": "4.4.5",
     "qrcode.react": "3.2.0",
-    "simplebar-react": "3.2.6",
+    "react-resizable-panels": "2.1.9",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
-    "react-resizable-panels": "2.1.9",
     "date-fns": "2.30.0",
     "react-resizable": "3.1.3",
     "react-window": "1.8.11",