@m4l/components 9.79.1 → 9.80.0

package/components/datagrids/views/TableView/hooks/useColumnSortRules/useColumnSortRules.js

@@ -0,0 +1,97 @@
+import { useCallback as c, useMemo as S } from "react";
+import { useDataGrid as h } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+function G({
+  columnKey: t,
+  column: n,
+  defaultSortable: x,
+  handleSortFromPopover: p
+}) {
+  const { setSortColumns: b, sortColumns: f, externalSortSettings: r } = h(), o = c(
+    (e) => {
+      p ? p(e) : b(e);
+    },
+    [p, b]
+  ), s = S(
+    () => t && n && n.type !== "custom" ? { columnKey: t, column: n } : null,
+    [t, n]
+  ), v = s !== null, d = c(
+    (e) => {
+      s && r?.onChange({
+        action: "add",
+        columnKey: s.columnKey,
+        direction: e,
+        label: s.column.name
+      });
+    },
+    [s, r]
+  ), A = S(() => t ? typeof n?.sortable == "boolean" ? n.sortable : x : !1, [t, n, x]), D = S(() => !t || !r ? !1 : r.sortsColumns.some(
+    (e) => typeof e == "string" ? e === t : e.name === t
+  ), [t, r]), i = S(() => {
+    if (r)
+      return r.sortsApplied.find(
+        (T) => T.columnKey === t
+      )?.direction ?? "none";
+    const u = f.find(
+      (E) => E.columnKey === t
+    )?.direction.toLowerCase();
+    return u === "asc" || u === "desc" ? u : "none";
+  }, [t, r, f]), L = r?.sortsApplied.find(
+    (e) => e.columnKey === t
+  ), a = r ? L?.removable === !0 : i !== "none", l = !!(t && A && (!r || D && v)), g = c(() => {
+    t && o(
+      f.filter((e) => e.columnKey !== t)
+    );
+  }, [t, o, f]), C = c(() => {
+    if (r) {
+      a && t && r.onChange({ action: "remove", columnKey: t });
+      return;
+    }
+    g();
+  }, [g, t, r, a]), R = c(() => {
+    if (!l || !t)
+      return;
+    if (i === "desc") {
+      if (a) {
+        C();
+        return;
+      }
+      d("asc");
+      return;
+    }
+    const e = i === "asc" ? "desc" : "asc";
+    if (r) {
+      d(e);
+      return;
+    }
+    o([
+      {
+        columnKey: t,
+        direction: e === "asc" ? "ASC" : "DESC"
+      }
+    ]);
+  }, [
+    d,
+    l,
+    t,
+    i,
+    o,
+    r,
+    a,
+    C
+  ]);
+  return {
+    canSort: A,
+    canSortExternally: D,
+    canToggleSort: l,
+    direction: i,
+    isRemovable: a,
+    toggleSort: R,
+    clearLocalSort: g,
+    removeSort: C,
+    addExternalSort: d,
+    executeSortChange: o
+  };
+}
+export {
+  G as useColumnSortRules
+};

package/components/datagrids/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeaderMenuActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAU9E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,EACpD,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,YAAY,EAAE,SAAS,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,EAClD,eAAe,EAAE,OAAO,EACxB,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,KAAK,IAAI,GAC7D,UAAU,EAAE,CAsed"}
+{"version":3,"file":"useHeaderMenuActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAU9E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,EACpD,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,YAAY,EAAE,SAAS,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,EAClD,eAAe,EAAE,OAAO,EACxB,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,KAAK,IAAI,GAC7D,UAAU,EAAE,CAuYd"}

package/components/datagrids/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.js

@@ -1,242 +1,221 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useCallback as A, useMemo as o } from "react";
-import { useModuleDictionary as P } from "@m4l/core";
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { useMemo as u, useCallback as F } from "react";
+import { useModuleDictionary as J } from "@m4l/core";
 import { ActionsFilterOutlined as Q } from "@m4l/icons";
-import { DICTIONARY as f } from "../../../../dictionary.js";
-import { pathIcons as C } from "../../../../icons.js";
-import { Icon as b } from "@m4l/base";
+import { DICTIONARY as l } from "../../../../dictionary.js";
+import { pathIcons as f } from "../../../../icons.js";
+import { Icon as C } from "@m4l/base";
 import { useDataGrid as W } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-function nt(t, m, N, S) {
+import { useColumnSortRules as X } from "../useColumnSortRules/useColumnSortRules.js";
+function it(t, g, P, Y) {
   const {
-    columnsConfig: i,
-    onChangeColumnsConfig: g,
-    setSortColumns: F,
-    sortColumns: I,
-    externalSortSettings: s,
-    externalFilterSettings: p
-  } = W(), { getLabel: a } = P(), O = A(
-    (e) => {
-      S ? S(e) : F(e);
-    },
-    [S, F]
-  ), n = o(() => m.find((e) => e.key === t), [t, m]), D = o(() => t ? typeof n?.sortable == "boolean" ? n.sortable : N : !1, [t, n, N]), M = o(() => !t || !s ? !1 : s.sortsColumns.some(
-    (e) => typeof e == "string" ? e === t : e.name === t
-  ), [t, s]), c = o(() => {
-    if (!(!t || !s?.sortsApplied))
-      return s.sortsApplied.find(
-        (e) => e.columnKey === t
+    columnsConfig: s,
+    onChangeColumnsConfig: I,
+    externalSortSettings: o,
+    externalFilterSettings: c
+  } = W(), { getLabel: n } = J(), i = u(() => g.find((r) => r.key === t), [t, g]), L = u(() => {
+    if (!(!t || !o?.sortsApplied))
+      return o.sortsApplied.find(
+        (r) => r.columnKey === t
       );
-  }, [t, s?.sortsApplied]), G = o(() => c?.direction === "asc", [c]), T = o(() => c?.direction === "desc", [c]), R = o(
-    () => !!(t && I.some(
-      (e) => e.columnKey === t && e.direction === "ASC"
-    )),
-    [t, I]
-  ), _ = o(
-    () => !!(t && I.some(
-      (e) => e.columnKey === t && e.direction === "DESC"
-    )),
-    [t, I]
-  ), v = A(() => {
+  }, [t, o?.sortsApplied]), U = u(() => !!L, [L]), h = F(() => {
     if (!t)
       return;
-    const e = I.filter((r) => r.columnKey !== t);
-    O(e);
-  }, [t, I, O]), z = o(() => !!c, [c]), B = A(() => {
-    if (!t)
-      return;
-    const e = i.map(
-      (r) => r.key === t ? { ...r, frozen: !r.frozen } : r
+    const r = s.map(
+      (e) => e.key === t ? { ...e, frozen: !e.frozen } : e
     );
-    g("table", e);
-  }, [t, i, g]), V = A(() => {
+    I("table", r);
+  }, [t, s, I]), N = F(() => {
     if (!t)
       return;
-    const e = i.map(
-      (r) => r.key === t ? { ...r, visible: !r.visible } : r
+    const r = s.map(
+      (e) => e.key === t ? { ...e, visible: !e.visible } : e
     );
-    g("table", e);
-  }, [t, i, g]), x = A(
-    (e) => {
-      !t || !n || n?.type === "custom" || s?.onChange({
-        action: "add",
-        columnKey: t,
-        direction: e,
-        label: n.name
-      });
-    },
-    [t, n, s]
-  ), L = o(() => c?.removable, [c]), H = A(() => {
-    if (!t || !n)
+    I("table", r);
+  }, [t, s, I]), {
+    canSort: A,
+    canSortExternally: O,
+    direction: m,
+    isRemovable: S,
+    clearLocalSort: G,
+    removeSort: T,
+    addExternalSort: k,
+    executeSortChange: R
+  } = X({
+    columnKey: t,
+    column: i,
+    defaultSortable: P,
+    handleSortFromPopover: Y
+  }), v = m === "asc", z = m === "desc", D = !o && m === "asc", M = !o && m === "desc", V = F(() => {
+    if (!t || !i)
       return null;
-    p?.onChange({
+    c?.onChange({
       action: "add",
       columnKey: t
     });
-  }, [t, n, p]), U = o(() => !t || !n ? !1 : n.groupable === !0, [t, n]), h = o(() => t ? i.find((r) => r.key === t)?.grouped === !0 : !1, [t, i]), Y = o(() => m.some(
-    (e) => e.groupable === !0 || e.grouped === !0
-  ), [m]), Z = o(() => {
-    if (!t || !n || n.type === "custom" || !p?.filterColumns.some(
-      (u) => u.name === t
+  }, [t, i, c]), _ = u(() => !t || !i ? !1 : i.groupable === !0, [t, i]), x = u(() => t ? s.find((e) => e.key === t)?.grouped === !0 : !1, [t, s]), B = u(() => g.some(
+    (r) => r.groupable === !0 || r.grouped === !0
+  ), [g]), H = u(() => {
+    if (!t || !i || i.type === "custom" || !c?.filterColumns.some(
+      (p) => p.name === t
     ))
       return !0;
-    const r = p?.filtersApplied.some(
-      (u) => u.columnKey === t && u.isValid
-    ), k = p?.filterColumns.find(
-      (u) => u.name === t
+    const e = c?.filtersApplied.some(
+      (p) => p.columnKey === t && p.isValid
+    ), E = c?.filterColumns.find(
+      (p) => p.name === t
     )?.multiple;
-    return r && !k;
-  }, [t, n, p]);
-  return o(() => {
+    return e && !E;
+  }, [t, i, c]);
+  return u(() => {
     if (!t)
       return [];
-    const e = [
+    const r = [
       {
         type: "menuItem",
-        startIcon: /* @__PURE__ */ l(b, { src: C.sortAsc }),
-        label: a(f.ORDER_ASC_COLUMN),
+        startIcon: /* @__PURE__ */ d(C, { src: f.sortAsc }),
+        label: n(l.ORDER_ASC_COLUMN),
         dataTestId: "sort-ascending",
         /**
          * Add an external ascending sort.
          */
         onClick: () => {
-          s ? x("asc") : O([
+          o ? k("asc") : R([
             {
               columnKey: t,
               direction: "ASC"
             }
           ]);
         },
-        disabled: !D || (s ? !M || G : R)
+        disabled: !A || (o ? !O || v : D)
       },
       {
         type: "menuItem",
-        startIcon: /* @__PURE__ */ l(b, { src: C.sortDesc }),
-        label: a(f.ORDER_DESC_COLUMN),
+        startIcon: /* @__PURE__ */ d(C, { src: f.sortDesc }),
+        label: n(l.ORDER_DESC_COLUMN),
         dataTestId: "sort-descending",
         /**
          * Add an external descending sort.
          */
         onClick: () => {
-          s ? x("desc") : O([
+          o ? k("desc") : R([
             {
               columnKey: t,
               direction: "DESC"
             }
           ]);
         },
-        disabled: !D || (s ? !M || T : _)
+        disabled: !A || (o ? !O || z : M)
       },
       {
         type: "menuItem",
-        startIcon: /* @__PURE__ */ l(b, { src: C.removeSort }),
-        label: a(f.REMOVE_ORDER_COLUMN),
+        startIcon: /* @__PURE__ */ d(C, { src: f.removeSort }),
+        label: n(l.REMOVE_ORDER_COLUMN),
         dataTestId: "sort-remove",
         /**
          * Remove the external sort.
          */
         onClick: () => {
           if (t)
-            if (s && L) {
-              s.onChange({
-                action: "remove",
-                columnKey: t
-              });
+            if (o && S) {
+              T();
               return;
             } else
-              v();
+              G();
         },
-        disabled: s ? !z || !L : !(R || _)
+        disabled: o ? !U || !S : !(D || M)
       }
-    ], r = p ? [
+    ], e = c ? [
       {
         type: "menuItem",
-        startIcon: /* @__PURE__ */ l(b, { src: /* @__PURE__ */ l(Q, {}) }),
-        label: a(f.ADD_FILTER_COLUMN),
+        startIcon: /* @__PURE__ */ d(C, { src: /* @__PURE__ */ d(Q, {}) }),
+        label: n(l.ADD_FILTER_COLUMN),
         dataTestId: "filter-add",
         onClick: () => {
-          H();
+          V();
         },
-        disabled: Z
+        disabled: H
       }
-    ] : [], k = (d) => {
+    ] : [], E = (a) => {
       if (!t)
         return;
-      const w = i.filter((E) => E.grouped), q = d ? w.length : 0, J = i.map(
-        (E) => E.key === t ? { ...E, grouped: d, groupOrder: d ? q : E.groupOrder } : E
+      const j = s.filter((b) => b.grouped), w = a ? j.length : 0, q = s.map(
+        (b) => b.key === t ? { ...b, grouped: a, groupOrder: a ? w : b.groupOrder } : b
       );
-      g("table", J);
-    }, u = Y ? [
+      I("table", q);
+    }, p = B ? [
       {
         type: "menuItem",
-        startIcon: /* @__PURE__ */ l(b, { src: C.group }),
-        label: a(f.GROUP_BY_COLUMN),
+        startIcon: /* @__PURE__ */ d(C, { src: f.group }),
+        label: n(l.GROUP_BY_COLUMN),
         dataTestId: "group-add",
         onClick: () => {
-          k(!0);
+          E(!0);
         },
-        disabled: !U || h
+        disabled: !_ || x
       },
       {
         type: "menuItem",
-        startIcon: /* @__PURE__ */ l(b, { src: C.removeGroup }),
-        label: a(f.REMOVE_GROUP_COLUMN),
+        startIcon: /* @__PURE__ */ d(C, { src: f.removeGroup }),
+        label: n(l.REMOVE_GROUP_COLUMN),
         dataTestId: "group-remove",
         onClick: () => {
-          k(!1);
+          E(!1);
         },
         /** Disabled only when the column is not grouped or it is a static group (`groupable=false`). */
-        disabled: !h || !U
+        disabled: !x || !_
       }
-    ] : [], j = [
+    ] : [], Z = [
       {
         type: "menuItem",
-        startIcon: /* @__PURE__ */ l(
-          b,
+        startIcon: /* @__PURE__ */ d(
+          C,
           {
-            src: i.find((d) => d.key === t)?.frozen ? C.unfreezeColumn : C.freezeColumn
+            src: s.find((a) => a.key === t)?.frozen ? f.unfreezeColumn : f.freezeColumn
           }
         ),
-        label: i.find((d) => d.key === t)?.frozen ? a(f.UNFREEZE_COLUMN) : a(f.FREEZE_COLUMN),
-        onClick: B,
-        disabled: !i.find((d) => d.key === t)?.visible,
+        label: s.find((a) => a.key === t)?.frozen ? n(l.UNFREEZE_COLUMN) : n(l.FREEZE_COLUMN),
+        onClick: h,
+        disabled: !s.find((a) => a.key === t)?.visible,
         dataTestId: "toggle-freeze"
       },
       {
         type: "menuItem",
-        startIcon: /* @__PURE__ */ l(b, { src: C.hideColumn }),
-        label: a(f.HIDE_COLUMN),
-        onClick: V,
+        startIcon: /* @__PURE__ */ d(C, { src: f.hideColumn }),
+        label: n(l.HIDE_COLUMN),
+        onClick: N,
         dataTestId: "hide-column"
       }
     ];
-    return [...e, ...r, ...u, ...j];
+    return [...r, ...e, ...p, ...Z];
   }, [
     t,
-    D,
-    M,
-    G,
-    T,
+    A,
+    O,
+    v,
     z,
-    x,
-    B,
-    V,
-    i,
-    g,
-    s,
-    p,
-    Y,
     U,
+    k,
     h,
-    a,
-    Z,
-    O,
+    N,
+    s,
+    I,
+    o,
+    c,
+    B,
+    _,
+    x,
+    n,
     H,
-    v,
     R,
-    _,
-    L
+    V,
+    G,
+    T,
+    D,
+    M,
+    S
   ]);
 }
 export {
-  nt as useHeaderMenuActions
+  it as useHeaderMenuActions
 };

package/components/datagrids/views/TableView/hooks/useSortColumnsRows/useSortColumnsRows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSortColumnsRows.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/hooks/useSortColumnsRows/useSortColumnsRows.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AA2LzC;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,EAAE,WAAW,EAClD,eAAe,SAAS,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,EACnD,YAAY,SAAS,IAAI,EAAE,EAC3B,kBAAkB;IAChB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAClE;;;;;CAqOF,CAAC"}
+{"version":3,"file":"useSortColumnsRows.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/hooks/useSortColumnsRows/useSortColumnsRows.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AA2LzC;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,EAAE,WAAW,EAClD,eAAe,SAAS,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,EACnD,YAAY,SAAS,IAAI,EAAE,EAC3B,kBAAkB;IAChB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAClE;;;;;CAwOF,CAAC"}