@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/components/CostComparatorTable/_utils/costComparator.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"costComparator.utils.d.ts","sourceRoot":"","sources":["../../../../lib/components/CostComparatorTable/_utils/costComparator.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAEzF;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAG,MAAM,CA+B1E;AAYD;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,EAAE,EAClB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,gBAAgB,EAAE,GACjC,MAAM,EAAE,CAUV;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnD"}

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, groupColumnAlign, totalColumnAlign, }: 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,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,wBAAwB,CAAC,IAAI,CAAC,2CAiMhC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/CostComparatorTable/index.js

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