@ck-ui/component-library 0.1.5 → 0.3.0

package/dist/components/CostComparatorTable/_utils/costComparator.utils.js

@@ -0,0 +1,50 @@
+function a(r, o) {
+  if (o === "Daily") {
+    const e = r.match(m);
+    if (!e) return NaN;
+    const [, c, n] = e, t = N[n];
+    return t == null ? NaN : new Date(2e3, t, Number(c)).getTime();
+  }
+  if (o === "Weekly") {
+    const e = r.match(m);
+    if (!e) return NaN;
+    const [, c, n] = e, t = N[n];
+    return t == null ? NaN : new Date(2e3, t, Number(c)).getTime();
+  }
+  if (o === "Monthly") {
+    const e = r.match(i);
+    if (!e) return NaN;
+    const [, c, n] = e, t = N[c];
+    return t == null ? NaN : new Date(Number(n), t, 1).getTime();
+  }
+  return NaN;
+}
+const m = /(\d{1,2})[\s-]+([A-Za-z]{3})/, i = /([A-Za-z]{3})[\s-]+(\d{4})/, N = {
+  Jan: 0,
+  Feb: 1,
+  Mar: 2,
+  Apr: 3,
+  May: 4,
+  Jun: 5,
+  Jul: 6,
+  Aug: 7,
+  Sep: 8,
+  Oct: 9,
+  Nov: 10,
+  Dec: 11
+};
+function f(r, o, e) {
+  const c = new Map(e.map((n, t) => [n.key, t]));
+  return [...r].sort((n, t) => {
+    const s = a(n, o), u = a(t, o);
+    return !Number.isNaN(s) && !Number.isNaN(u) ? s - u : (c.get(n) ?? 0) - (c.get(t) ?? 0);
+  });
+}
+function h(r) {
+  return r > 100 || r < -100 ? 0 : 2;
+}
+export {
+  a as parseDateKey,
+  h as pickPrecision,
+  f as sortSelectedHeaders
+};

package/dist/components/CostComparatorTable/index.d.ts

@@ -0,0 +1,23 @@
+import { CostComparatorTableProps } from './_types/costComparatorTable.types';
+/**
+ * Cost-comparator table.
+ *
+ * A thin wrapper over {@link CustomTable} that adds:
+ *   • A "Cost Comparator Mode" toggle.
+ *   • Per-column header checkboxes for picking which columns to compare.
+ *   • Diff coloring across selected (or adjacent) columns.
+ *   • A footer total row with disabled styling on unselected columns.
+ *
+ * The library is intentionally agnostic about *how* values are formatted or
+ * colored. Consumers pass `formatValue` and `compareValues` so number
+ * formatting and color thresholds stay in their codebase.
+ *
+ * Implementation note: we drive CustomTable through `externalTableConfig`
+ * because its internal `tableConfig` state is initialized once and never
+ * re-synced. Using the external config makes header/cell renderers update
+ * on every render — required for the comparator toggle and selection state
+ * to flow through to the header checkboxes.
+ */
+export declare function CostComparatorTable<TRow extends Record<string, unknown>>({ data, comparatorColumns, groupKey, totalKey, valueKey, serviceHeader, footerTotalKey, granularity, formatValue, compareValues, legend, toggleLabel, maxHeight, virtualization, stickyStart, stickyEnd, }: CostComparatorTableProps<TRow>): import("react/jsx-runtime").JSX.Element;
+export default CostComparatorTable;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CostComparatorTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CostComparatorTable/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,wBAAwB,EAEzB,MAAM,oCAAoC,CAAC;AAI5C;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACxE,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAyB,EACzB,cAAwB,EACxB,WAAqB,EACrB,WAAW,EACX,aAAa,EACb,MAAM,EACN,WAAoC,EACpC,SAAS,EACT,cAAsB,EACtB,WAAqB,EACrB,SAAkB,GACnB,EAAE,wBAAwB,CAAC,IAAI,CAAC,2CA2LhC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/CostComparatorTable/index.js

@@ -0,0 +1,177 @@
+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({
+  data: b,
+  comparatorColumns: o,
+  groupKey: _,
+  totalKey: m,
+  valueKey: n,
+  serviceHeader: y = "Service",
+  footerTotalKey: u = "Total",
+  granularity: N = "Daily",
+  formatValue: i,
+  compareValues: M,
+  legend: T,
+  toggleLabel: v = "Cost Comparator Mode",
+  maxHeight: R,
+  virtualization: z = !1,
+  stickyStart: w = "first",
+  stickyEnd: C = "last"
+}) {
+  const [c, F] = j(!1), [g, S] = j([]), x = p(
+    () => o.map((s) => s.key),
+    [o]
+  ), H = p(
+    () => b.map((s) => {
+      const d = s[n] ?? {}, t = {
+        __group: s[_],
+        __total: Number(s[m] ?? 0),
+        __original: s
+      };
+      for (const e of o)
+        t[e.key] = d[e.key];
+      return t;
+    }),
+    [b, o, _, m, n]
+  ), L = p(() => {
+    const s = {
+      accessorKey: "__group",
+      header: y,
+      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;
+      return {
+        accessorKey: e.key,
+        enableSorting: !1,
+        header: () => c ? /* @__PURE__ */ l(
+          P,
+          {
+            label: a,
+            checked: D,
+            disabled: A,
+            onToggle: () => {
+              S((f) => {
+                const B = f.includes(e.key) ? f.filter((G) => G !== e.key) : [...f, e.key];
+                return Q(B, N, o);
+              });
+            }
+          }
+        ) : /* @__PURE__ */ l("span", { className: r["ckds-header-label"], children: a }),
+        cell: (f) => /* @__PURE__ */ l(
+          O,
+          {
+            columnKey: e.key,
+            columnIndex: k,
+            orderedKeys: x,
+            row: f.row.original.__original,
+            valueMapKey: n,
+            value: f.getValue(),
+            comparatorMode: c,
+            selected: g,
+            formatValue: i,
+            compareValues: M
+          }
+        )
+      };
+    }), t = {
+      accessorKey: "__total",
+      header: "Total",
+      enableSorting: !1,
+      cell: (e) => /* @__PURE__ */ l("span", { className: r["ckds-total-cell"], children: i(
+        Number(e.getValue() ?? 0),
+        e.row.original.__original,
+        "__total"
+      ) })
+    };
+    return {
+      columns: [s, ...d, t],
+      columnVisibility: {},
+      wrapText: !1,
+      stripedRows: !1,
+      stickyStart: w,
+      stickyEnd: C
+    };
+  }, [
+    o,
+    c,
+    g,
+    N,
+    x,
+    n,
+    i,
+    M,
+    y,
+    w,
+    C
+  ]), q = p(() => {
+    const s = {};
+    for (const e of o) s[e.key] = 0;
+    let d = 0;
+    for (const e of b) {
+      const k = e[n] ?? {};
+      for (const a of o)
+        s[a.key] = (s[a.key] ?? 0) + Number(k[a.key] ?? 0);
+      d += Number(e[m] ?? 0);
+    }
+    const t = { __group: u };
+    for (const e of o) {
+      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) });
+    }
+    return t.__total = i(d, void 0, "__total"), t;
+  }, [
+    b,
+    o,
+    n,
+    m,
+    u,
+    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: [
+        /* @__PURE__ */ l(
+          J,
+          {
+            checked: c,
+            onChange: (s) => {
+              F(s), S([]);
+            },
+            size: "small"
+          }
+        ),
+        /* @__PURE__ */ l("span", { className: r["ckds-cost-comparator-toggle-label"], children: v })
+      ] }),
+      T ? /* @__PURE__ */ l("div", { className: r["ckds-cost-comparator-legend"], children: T }) : null
+    ] }),
+    /* @__PURE__ */ l(
+      I,
+      {
+        config: {
+          headers: [],
+          showColumnManager: !1,
+          showFilters: !1
+        },
+        data: H,
+        externalTableConfig: L,
+        totalRow: q,
+        maxHeight: R,
+        virtualization: z
+      }
+    )
+  ] });
+}
+export {
+  se as CostComparatorTable,
+  se as default
+};

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { DateRange, DefinedRange, DateRangePickerProps } from './_types/dateRangePicker.types';
+export type { DateRange, DefinedRange, DateRangePickerProps };
+export declare const DateRangePicker: React.FC<DateRangePickerProps>;
+//# sourceMappingURL=DateRangePicker.d.ts.map

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

@@ -0,0 +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"}