@ck-ui/component-library 0.1.5 → 0.3.0

package/dist/components/Stepper/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,eAAO,MAAM,WAAW;;;CAGd,CAAC"}

package/dist/components/Stepper/constants.js

@@ -0,0 +1,12 @@
+const T = {
+  PENDING: "pending",
+  ACTIVE: "active",
+  COMPLETED: "completed"
+}, E = {
+  HORIZONTAL: "horizontal",
+  VERTICAL: "vertical"
+};
+export {
+  E as ORIENTATION,
+  T as STEP_STATE
+};

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

@@ -0,0 +1,6 @@
+import { StepperProps } from './_types/stepper.type';
+export declare function Stepper({ steps, activeStepIndex, orientation, className, }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Stepper {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,eAAmB,EACnB,WAAoC,EACpC,SAAS,GACV,EAAE,YAAY,2CA4Cd;yBAjDe,OAAO"}

package/dist/components/Stepper/index.js

@@ -0,0 +1,47 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { s as e } from "../../styles.module-r_cdKgD9.js";
+import { StepIcon as g } from "./_helper/StepIcon.js";
+import { StepText as N } from "./_helper/StepText.js";
+import { deriveStepStatesFromActiveIndex as T, deriveConnectorFillsFromActiveIndex as I } from "./_utils/stepper.utils.js";
+import { ORIENTATION as m, STEP_STATE as S } from "./constants.js";
+import { mergeClasses as v } from "../../utils/mergeClasses.js";
+function A({
+  steps: t,
+  activeStepIndex: l = 0,
+  orientation: i = m.HORIZONTAL,
+  className: p
+}) {
+  const d = T(t.length, l), h = I(t.length, l), f = v(
+    e["ckds-stepper"],
+    e[i],
+    p
+  );
+  return /* @__PURE__ */ r("ol", { className: f, "aria-label": "Progress", children: t.map((s, o) => {
+    const c = d[o], a = h[o] ?? 0;
+    return /* @__PURE__ */ n(
+      "li",
+      {
+        className: e["step-wrapper"],
+        "aria-current": c === S.ACTIVE ? "step" : void 0,
+        children: [
+          /* @__PURE__ */ n("div", { className: e.step, children: [
+            /* @__PURE__ */ r(g, { state: c, customIcon: s.icon }),
+            /* @__PURE__ */ r(N, { label: s.label, heading: s.heading })
+          ] }),
+          o < t.length - 1 && /* @__PURE__ */ r("div", { className: e.connector, "aria-hidden": "true", children: /* @__PURE__ */ r(
+            "div",
+            {
+              className: e["connector-fill"],
+              style: i === m.VERTICAL ? { height: `${a}%`, width: "100%" } : { width: `${a}%`, height: "100%" }
+            }
+          ) })
+        ]
+      },
+      o
+    );
+  }) });
+}
+A.displayName = "Stepper";
+export {
+  A as Stepper
+};

package/dist/components/Switch/index.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as a } from "react/jsx-runtime";
-import '../../assets/index2.css';const h = "_slider_1eh2o_13", s = {
-  "ckcl-switch-wrapper": "_ckcl-switch-wrapper_1eh2o_1",
-  "ckcl-switch": "_ckcl-switch_1eh2o_1",
+import '../../assets/index-_Kh8p9R0.css';const h = "_slider_mcbqh_21", s = {
+  "ckcl-switch-wrapper": "_ckcl-switch-wrapper_mcbqh_1",
+  "ckcl-switch": "_ckcl-switch_mcbqh_1",
   slider: h
 };
 function n({

package/dist/components/Tab/_types/tab.types.d.ts

@@ -0,0 +1,23 @@
+interface TooltipContent {
+    title: string;
+    arrow?: boolean;
+    placement?: "top" | "right" | "left" | "bottom";
+}
+export interface TabItem {
+    value: string;
+    label?: React.ReactNode;
+    postIcon?: React.ReactNode;
+    preIcon?: React.ReactNode;
+    disabled?: boolean;
+    tooltip?: TooltipContent;
+}
+export interface TabsProps {
+    value: string;
+    items: TabItem[];
+    onChange: (value: string) => void;
+    className?: string;
+    buttonView?: boolean;
+    size?: "small" | "large";
+}
+export {};
+//# sourceMappingURL=tab.types.d.ts.map

package/dist/components/Tab/_types/tab.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Tab/_types/tab.types.ts"],"names":[],"mappings":"AACA,UAAU,cAAc;IACpB,KAAK,EAAC,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CACnD;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAC,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAA;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B"}

package/dist/components/Tab/_types/tab.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { TabsProps } from './_types/tab.types';
+export declare function Tabs({ value, items, onChange, className, buttonView, size, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Tab/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAW,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG7D,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAU,EACV,QAAQ,EACR,SAAc,EACd,UAAkB,EAClB,IAAc,GACf,EAAE,SAAS,2CAwEX"}

package/dist/components/Tab/index.js

@@ -0,0 +1,72 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { Tooltip as f } from "../Tooltip/index.js";
+import '../../assets/index-DDdi2wxl.css';const g = "_small_ofgqk_82", u = "_large_ofgqk_85", s = {
+  "ckds-tabs": "_ckds-tabs_ofgqk_4",
+  "ckds-tab": "_ckds-tab_ofgqk_4",
+  "ckds-tab-active": "_ckds-tab-active_ofgqk_58",
+  "ckds-tab-disabled": "_ckds-tab-disabled_ofgqk_68",
+  "ckds-tab-icon": "_ckds-tab-icon_ofgqk_75",
+  "ckds-tab-label": "_ckds-tab-label_ofgqk_79",
+  small: g,
+  large: u,
+  "tab-button": "_tab-button_ofgqk_88",
+  "no-label": "_no-label_ofgqk_123"
+};
+function v({
+  value: b,
+  items: d = [],
+  onChange: e,
+  className: n = "",
+  buttonView: r = !1,
+  size: _ = "small"
+}) {
+  const k = `${s["ckds-tabs"]} ${s[_]} ${r ? s["tab-button"] : ""} ${n}`, i = (a, l) => `
+              ${s["ckds-tab"]}
+              ${a ? s["ckds-tab-active"] : ""}
+              ${l.disabled ? s["ckds-tab-disabled"] : ""}
+              ${l.label ? "" : s["no-label"]}
+            `, t = (a) => `${s["ckds-tab-icon"]} ${s[`${a}-icon`]}`;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: k,
+      role: "tablist",
+      children: d?.map((a) => {
+        const l = a.value === b, c = /* @__PURE__ */ p(
+          "button",
+          {
+            role: "tab",
+            "aria-selected": l,
+            "aria-disabled": a?.disabled,
+            disabled: a?.disabled,
+            tabIndex: 0,
+            onClick: () => !a.disabled && e(a?.value),
+            className: i(l, a),
+            children: [
+              a?.preIcon && /* @__PURE__ */ o(
+                "span",
+                {
+                  className: t("pre"),
+                  children: a.preIcon
+                }
+              ),
+              a?.label && /* @__PURE__ */ o("span", { className: s["ckds-tab-label"], children: a.label }),
+              a?.postIcon && /* @__PURE__ */ o(
+                "span",
+                {
+                  className: t("post"),
+                  children: a.postIcon
+                }
+              )
+            ]
+          },
+          a?.value
+        );
+        return a?.tooltip ? /* @__PURE__ */ o(f, { title: a?.tooltip?.title, placement: a?.tooltip?.placement, arrow: a?.tooltip?.arrow, children: c }, a?.value) : c;
+      })
+    }
+  );
+}
+export {
+  v as Tabs
+};

package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts

@@ -0,0 +1,4 @@
+import { ColumnConfigProps } from '../../_types/table.types';
+declare function ColumnConfig<TData>({ draftConfig, setDraftConfig }: ColumnConfigProps<TData>): import("react/jsx-runtime").JSX.Element;
+export default ColumnConfig;
+//# sourceMappingURL=ColumnConfig.d.ts.map

package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnConfig.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/ColumnConfig.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,iBAAS,YAAY,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAsFrF;AAED,eAAe,YAAY,CAAC"}

package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.js

@@ -0,0 +1,85 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { CKCheckbox as t } from "../../../CKCheckbox/index.js";
+import { Typography as l } from "../../../Typography/index.js";
+import { RadioGroup as m } from "../../../RadioGroup/index.js";
+function u({ draftConfig: s, setDraftConfig: c }) {
+  return /* @__PURE__ */ a("div", { className: "ckds-column-config-panel", children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a("label", { className: "ckds-column-config-label", children: [
+      /* @__PURE__ */ e(
+        t,
+        {
+          checked: s.wrapText,
+          onChange: (i) => c((n) => ({
+            ...n,
+            wrapText: i
+          }))
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-[4px]", children: [
+        /* @__PURE__ */ e(l, { variant: "body-sm", weight: "medium", children: "Wrap Text" }),
+        /* @__PURE__ */ e(l, { variant: "caption", className: "text-base-400", children: "Show full content in cells instead of truncating" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ a("label", { className: "ckds-column-config-label", children: [
+      /* @__PURE__ */ e(
+        t,
+        {
+          checked: s.stripedRows,
+          onChange: (i) => c((n) => ({
+            ...n,
+            stripedRows: i
+          }))
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-[4px]", children: [
+        /* @__PURE__ */ e(l, { variant: "body-sm", weight: "medium", children: "Zebra Striping" }),
+        /* @__PURE__ */ e(l, { variant: "caption", className: "text-base-400", children: "Alternate row colors for easier reading" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "ckds-column-config-divider" }),
+    /* @__PURE__ */ a("div", { className: "mt-4", children: [
+      /* @__PURE__ */ a("div", { className: "mb-4", children: [
+        /* @__PURE__ */ e(l, { variant: "body-sm", className: "text-base-400", children: "Pin Start Column" }),
+        /* @__PURE__ */ e(l, { variant: "caption", weight: "medium", children: "Keep columns fixed when scrolling" })
+      ] }),
+      /* @__PURE__ */ e(
+        m,
+        {
+          name: "stickyStart",
+          value: s.stickyStart,
+          onChange: (i) => c((n) => ({ ...n, stickyStart: i })),
+          className: "mt-2",
+          size: "small",
+          options: [
+            { label: "None", value: "none" },
+            { label: "First Column", value: "first" },
+            { label: "First Two Columns", value: "firstTwo" }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { className: "mt-4", children: [
+      /* @__PURE__ */ a("div", { className: "mb-4", children: [
+        /* @__PURE__ */ e(l, { variant: "body-sm", className: "text-base-400", children: "Pin End Column" }),
+        /* @__PURE__ */ e(l, { variant: "caption", weight: "medium", children: "Keep the last column fixed while scrolling" })
+      ] }),
+      /* @__PURE__ */ e(
+        m,
+        {
+          name: "stickyEnd",
+          value: s.stickyEnd,
+          onChange: (i) => c((n) => ({ ...n, stickyEnd: i })),
+          className: "mt-2",
+          size: "small",
+          options: [
+            { label: "None", value: "none" },
+            { label: "Last Column", value: "last" }
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  u as default
+};

package/dist/components/Table/_helpers/ColumnManager/index.d.ts

@@ -0,0 +1,4 @@
+import { ColumnManagerProps } from '../../_types/table.types';
+declare function ColumnManager<TData>({ draftConfig, setDraftConfig, moveDraftColumn, handleApplyPref, setModalOpen, handleResetToDefault, isDefault, isConfigChanged, }: ColumnManagerProps<TData>): import("react/jsx-runtime").JSX.Element;
+export default ColumnManager;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/_helpers/ColumnManager/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,0BAA0B,CAAC;AAC3F,OAAO,eAAe,CAAC;AA8DvB,iBAAS,aAAa,CAAC,KAAK,EAAE,EAC5B,WAAW,EACX,cAAc,EACd,eAAe,EACf,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,eAAe,GAChB,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAkG3B;AAED,eAAe,aAAa,CAAC"}