@ck-ui/component-library 0.2.0 → 0.3.0

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"}