@ck-ui/component-library 0.3.0 → 1.0.1

package/dist/components/CostComparatorTable/index.js

@@ -1,177 +1,185 @@
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
-import { useState as j, useMemo as p } from "react";
-import { CustomTable as I } from "../Table/index.js";
-import { Toggle as J } from "../Toggle/index.js";
-import { CostCell as O } from "./_helpers/CostCell.js";
-import { HeaderCheckbox as P } from "./_helpers/HeaderCheckbox.js";
-import { sortSelectedHeaders as Q } from "./_utils/costComparator.utils.js";
-import { s as r } from "../../styles.module-CCyijXTv.js";
-import { mergeClasses as U } from "../../utils/mergeClasses.js";
-function se({
+import { jsx as l, jsxs as y } from "react/jsx-runtime";
+import { useState as R, useMemo as p } from "react";
+import { CustomTable as P } from "../Table/index.js";
+import { Toggle as Q } from "../Toggle/index.js";
+import { CostCell as U } from "./_helpers/CostCell.js";
+import { HeaderCheckbox as W } from "./_helpers/HeaderCheckbox.js";
+import { sortSelectedHeaders as X } from "./_utils/costComparator.utils.js";
+import { s as r } from "../../styles.module-BXby6f8d.js";
+import { mergeClasses as Y } from "../../utils/mergeClasses.js";
+function le({
   data: b,
-  comparatorColumns: o,
-  groupKey: _,
-  totalKey: m,
+  comparatorColumns: t,
+  groupKey: N,
+  totalKey: h,
   valueKey: n,
-  serviceHeader: y = "Service",
-  footerTotalKey: u = "Total",
-  granularity: N = "Daily",
+  serviceHeader: M = "Service",
+  footerTotalKey: T = "Total",
+  granularity: w = "Daily",
   formatValue: i,
-  compareValues: M,
-  legend: T,
-  toggleLabel: v = "Cost Comparator Mode",
-  maxHeight: R,
-  virtualization: z = !1,
-  stickyStart: w = "first",
-  stickyEnd: C = "last"
+  compareValues: x,
+  legend: S,
+  toggleLabel: z = "Cost Comparator Mode",
+  maxHeight: F,
+  virtualization: H = !1,
+  stickyStart: u = "first",
+  stickyEnd: D = "last",
+  groupColumnAlign: _,
+  totalColumnAlign: m
 }) {
-  const [c, F] = j(!1), [g, S] = j([]), x = p(
-    () => o.map((s) => s.key),
-    [o]
-  ), H = p(
+  const [c, L] = R(!1), [g, C] = R([]), j = p(
+    () => t.map((s) => s.key),
+    [t]
+  ), q = p(
     () => b.map((s) => {
-      const d = s[n] ?? {}, t = {
-        __group: s[_],
-        __total: Number(s[m] ?? 0),
+      const d = s[n] ?? {}, o = {
+        __group: s[N],
+        __total: Number(s[h] ?? 0),
         __original: s
       };
-      for (const e of o)
-        t[e.key] = d[e.key];
-      return t;
+      for (const e of t)
+        o[e.key] = d[e.key];
+      return o;
     }),
-    [b, o, _, m, n]
-  ), L = p(() => {
+    [b, t, N, h, n]
+  ), B = p(() => {
     const s = {
       accessorKey: "__group",
-      header: y,
+      header: M,
       enableSorting: !1,
-      cell: (e) => /* @__PURE__ */ l("span", { children: e.getValue() })
-    }, d = o.map((e, k) => {
-      const a = e.label ?? e.key, D = g.includes(e.key), A = c && !D;
+      align: _,
+      cell: (e) => /* @__PURE__ */ l("span", { style: { textAlign: _ }, children: e.getValue() })
+    }, d = t.map((e, k) => {
+      const a = e.label ?? e.key, v = g.includes(e.key), I = c && !v;
       return {
         accessorKey: e.key,
         enableSorting: !1,
+        align: e.align,
         header: () => c ? /* @__PURE__ */ l(
-          P,
+          W,
           {
             label: a,
-            checked: D,
-            disabled: A,
+            checked: v,
+            disabled: I,
             onToggle: () => {
-              S((f) => {
-                const B = f.includes(e.key) ? f.filter((G) => G !== e.key) : [...f, e.key];
-                return Q(B, N, o);
+              C((f) => {
+                const J = f.includes(e.key) ? f.filter((O) => O !== e.key) : [...f, e.key];
+                return X(J, w, t);
               });
             }
           }
         ) : /* @__PURE__ */ l("span", { className: r["ckds-header-label"], children: a }),
         cell: (f) => /* @__PURE__ */ l(
-          O,
+          U,
           {
             columnKey: e.key,
             columnIndex: k,
-            orderedKeys: x,
+            orderedKeys: j,
             row: f.row.original.__original,
             valueMapKey: n,
             value: f.getValue(),
             comparatorMode: c,
             selected: g,
             formatValue: i,
-            compareValues: M
+            compareValues: x,
+            align: e.align
           }
         )
       };
-    }), t = {
+    }), o = {
       accessorKey: "__total",
       header: "Total",
       enableSorting: !1,
-      cell: (e) => /* @__PURE__ */ l("span", { className: r["ckds-total-cell"], children: i(
+      align: m,
+      cell: (e) => /* @__PURE__ */ l("span", { className: r["ckds-total-cell"], style: { textAlign: m }, children: i(
         Number(e.getValue() ?? 0),
         e.row.original.__original,
         "__total"
       ) })
     };
     return {
-      columns: [s, ...d, t],
+      columns: [s, ...d, o],
       columnVisibility: {},
       wrapText: !1,
       stripedRows: !1,
-      stickyStart: w,
-      stickyEnd: C
+      stickyStart: u,
+      stickyEnd: D
     };
   }, [
-    o,
+    t,
     c,
     g,
-    N,
-    x,
+    w,
+    j,
     n,
     i,
+    x,
     M,
-    y,
-    w,
-    C
-  ]), q = p(() => {
+    u,
+    D,
+    _,
+    m
+  ]), G = p(() => {
     const s = {};
-    for (const e of o) s[e.key] = 0;
+    for (const e of t) s[e.key] = 0;
     let d = 0;
     for (const e of b) {
       const k = e[n] ?? {};
-      for (const a of o)
+      for (const a of t)
         s[a.key] = (s[a.key] ?? 0) + Number(k[a.key] ?? 0);
-      d += Number(e[m] ?? 0);
+      d += Number(e[h] ?? 0);
     }
-    const t = { __group: u };
-    for (const e of o) {
+    const o = { __group: T };
+    for (const e of t) {
       const k = s[e.key], a = c && !g.includes(e.key);
-      t[e.key] = /* @__PURE__ */ l("span", { className: U(a ? r["ckds-disabled"] : ""), children: i(k, void 0, e.key) });
+      o[e.key] = /* @__PURE__ */ l("span", { className: Y(a ? r["ckds-disabled"] : ""), children: i(k, void 0, e.key) });
     }
-    return t.__total = i(d, void 0, "__total"), t;
+    return o.__total = i(d, void 0, "__total"), o;
   }, [
     b,
-    o,
+    t,
     n,
-    m,
-    u,
+    h,
+    T,
     c,
     g,
     i
   ]);
-  return /* @__PURE__ */ h("div", { className: r["ckds-cost-comparator-wrapper"], children: [
-    /* @__PURE__ */ h("div", { className: r["ckds-cost-comparator-toolbar"], children: [
-      /* @__PURE__ */ h("label", { className: r["ckds-cost-comparator-toggle"], children: [
+  return /* @__PURE__ */ y("div", { className: r["ckds-cost-comparator-wrapper"], children: [
+    /* @__PURE__ */ y("div", { className: r["ckds-cost-comparator-toolbar"], children: [
+      /* @__PURE__ */ y("label", { className: r["ckds-cost-comparator-toggle"], children: [
         /* @__PURE__ */ l(
-          J,
+          Q,
           {
             checked: c,
             onChange: (s) => {
-              F(s), S([]);
+              L(s), C([]);
             },
             size: "small"
           }
         ),
-        /* @__PURE__ */ l("span", { className: r["ckds-cost-comparator-toggle-label"], children: v })
+        /* @__PURE__ */ l("span", { className: r["ckds-cost-comparator-toggle-label"], children: z })
       ] }),
-      T ? /* @__PURE__ */ l("div", { className: r["ckds-cost-comparator-legend"], children: T }) : null
+      S ? /* @__PURE__ */ l("div", { className: r["ckds-cost-comparator-legend"], children: S }) : null
     ] }),
     /* @__PURE__ */ l(
-      I,
+      P,
       {
         config: {
           headers: [],
           showColumnManager: !1,
           showFilters: !1
         },
-        data: H,
-        externalTableConfig: L,
-        totalRow: q,
-        maxHeight: R,
-        virtualization: z
+        data: q,
+        externalTableConfig: B,
+        totalRow: G,
+        maxHeight: F,
+        virtualization: H
       }
     )
   ] });
 }
 export {
-  se as CostComparatorTable,
-  se as default
+  le as CostComparatorTable,
+  le as default
 };

package/dist/components/DateRangePicker/DateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAelG,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,oBAAoB,EAGrB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AA+H9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoX1D,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAelG,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,oBAAoB,EAGrB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AA+H9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2a1D,CAAC"}