@pibit.ai/cure-design-system 0.6.34 → 0.6.36

package/dist/patterns/condition-builder/condition-reorder-handle.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Drag handle that optionally opens a Duplicate menu on right-click.
+ * Left-button pointer down starts drag immediately (same as before).
+ */
+/** Workflow builder handle look; pass via `className` (hideOperatorColumn mode only). */
+export declare const WORKFLOW_REORDER_HANDLE_CLASS = "size-7 rounded-lg p-0 text-fg-quaternary transition-none hover:bg-transparent hover:text-fg-quaternary";
+export interface ConditionReorderHandleProps {
+    /** Pointer-down / drag-start handler from the reorder list */
+    onDragHandlePointerDown?: (e: React.PointerEvent) => void;
+    /** When provided, right-click opens a menu with Duplicate */
+    onDuplicate?: () => void;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+export declare function ConditionReorderHandle({ onDragHandlePointerDown, onDuplicate, size, className, }: ConditionReorderHandleProps): import("react/jsx-runtime").JSX.Element;
+export default ConditionReorderHandle;
+//# sourceMappingURL=condition-reorder-handle.d.ts.map

package/dist/patterns/condition-builder/condition-reorder-handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"condition-reorder-handle.d.ts","sourceRoot":"","sources":["../../../src/patterns/condition-builder/condition-reorder-handle.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAeH,yFAAyF;AACzF,eAAO,MAAM,6BAA6B,2GACkE,CAAC;AAE7G,MAAM,WAAW,2BAA2B;IACxC,8DAA8D;IAC9D,uBAAuB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAC1D,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,sBAAsB,CAAC,EACnC,uBAAuB,EACvB,WAAW,EACX,IAAW,EACX,SAAS,GACZ,EAAE,2BAA2B,2CAyD7B;AAED,eAAe,sBAAsB,CAAC"}

package/dist/patterns/condition-builder/condition-reorder-handle.js

@@ -0,0 +1,66 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { useState as d, useRef as h } from "react";
+import { Button as x } from "react-aria-components";
+import { Copy01 as b } from "@untitledui/icons";
+import { cx as R } from "../../utils/cn.js";
+import { ReorderDots8x14 as l } from "../../primitives/custom-icon/icons/reorder-dots-8x14.js";
+import { Dropdown as o } from "../../primitives/dropdown/dropdown.js";
+const u = {
+  sm: "size-4",
+  md: "size-5",
+  lg: "size-6"
+}, S = "size-7 rounded-lg p-0 text-fg-quaternary transition-none hover:bg-transparent hover:text-fg-quaternary";
+function _({
+  onDragHandlePointerDown: t,
+  onDuplicate: a,
+  size: i = "sm",
+  className: m
+}) {
+  const [f, n] = d(!1), s = h(!1), c = R(
+    "flex cursor-grab items-center justify-center rounded-md p-1 text-quaternary transition-colors hover:bg-secondary_hover hover:text-secondary active:cursor-grabbing select-none touch-none",
+    m
+  );
+  return a ? /* @__PURE__ */ p(
+    o.Root,
+    {
+      isOpen: f,
+      onOpenChange: (e) => {
+        if (e) {
+          if (!s.current) return;
+          s.current = !1;
+        }
+        n(e);
+      },
+      children: [
+        /* @__PURE__ */ r(
+          x,
+          {
+            "aria-label": "Drag to reorder. Right-click for more actions",
+            className: c,
+            onPointerDown: (e) => {
+              e.button === 0 && (n(!1), t == null || t(e));
+            },
+            onContextMenu: (e) => {
+              e.preventDefault(), e.stopPropagation(), s.current = !0, n(!0);
+            },
+            children: /* @__PURE__ */ r(l, { color: "currentColor", className: u[i] })
+          }
+        ),
+        /* @__PURE__ */ r(o.Popover, { className: "w-min", placement: "bottom end", children: /* @__PURE__ */ r(
+          o.Menu,
+          {
+            onAction: (e) => {
+              e === "duplicate" && a();
+            },
+            children: /* @__PURE__ */ r(o.Item, { id: "duplicate", icon: b, label: "Duplicate" })
+          }
+        ) })
+      ]
+    }
+  ) : /* @__PURE__ */ r("div", { className: c, onPointerDown: t, "aria-label": "Drag to reorder", children: /* @__PURE__ */ r(l, { color: "currentColor", className: u[i] }) });
+}
+export {
+  _ as ConditionReorderHandle,
+  S as WORKFLOW_REORDER_HANDLE_CLASS,
+  _ as default
+};

package/dist/patterns/condition-builder/condition-row.d.ts

@@ -0,0 +1,4 @@
+import { ConditionRowProps, BaseLeafCondition } from './types';
+export declare function ConditionRow<TLeaf extends BaseLeafCondition>({ condition, nodePath: _nodePath, isFirst: _isFirst, onUpdate, onDelete, isInvalid, invalidFields, errorMessage, size, getOperatorOptions, onDragHandlePointerDown, onDuplicate, isDeleteDisabled, }: ConditionRowProps<TLeaf>): import("react/jsx-runtime").JSX.Element;
+export default ConditionRow;
+//# sourceMappingURL=condition-row.d.ts.map

package/dist/patterns/condition-builder/condition-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"condition-row.d.ts","sourceRoot":"","sources":["../../../src/patterns/condition-builder/condition-row.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA4BpE,wBAAgB,YAAY,CAAC,KAAK,SAAS,iBAAiB,EAAE,EAC1D,SAAS,EACT,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EACR,QAAQ,EACR,SAAiB,EACjB,aAAyB,EACzB,YAAY,EACZ,IAAW,EACX,kBAAkB,EAClB,uBAAuB,EACvB,WAAW,EACX,gBAAwB,GAC3B,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAoP1B;AAED,eAAe,YAAY,CAAC"}

package/dist/patterns/condition-builder/condition-row.js

@@ -0,0 +1,238 @@
+import { jsxs as h, jsx as t, Fragment as I } from "react/jsx-runtime";
+import { useMemo as g } from "react";
+import { Trash02 as U } from "@untitledui/icons";
+import { cx as p } from "../../utils/cn.js";
+import { ConditionReorderHandle as X } from "./condition-reorder-handle.js";
+import { Input as f } from "../../primitives/input/input.js";
+import { Select as x } from "../../primitives/select/select.js";
+import { ButtonUtility as Z } from "../../primitives/button/button-utility.js";
+const Y = /* @__PURE__ */ new Set(["exists", "notExists", "empty", "notEmpty"]), j = "between", L = /* @__PURE__ */ new Set(["after", "before", "onOrBefore", "onOrAfter"]), $ = [
+  { id: "days", label: "days" },
+  { id: "weeks", label: "weeks" },
+  { id: "months", label: "months" },
+  { id: "years", label: "years" }
+];
+function he({
+  condition: a,
+  nodePath: z,
+  isFirst: ee,
+  onUpdate: i,
+  onDelete: D,
+  isInvalid: w = !1,
+  invalidFields: u = /* @__PURE__ */ new Set(),
+  errorMessage: N,
+  size: s = "sm",
+  getOperatorOptions: o,
+  onDragHandlePointerDown: F,
+  onDuplicate: H,
+  isDeleteDisabled: W = !1
+}) {
+  var A, R, E, T, B, P, K, O, V;
+  const m = a.check || "", C = (A = a.field) == null ? void 0 : A.data_type, q = g(() => {
+    const e = (o == null ? void 0 : o(C)) ?? [];
+    return [{ id: "", label: "Select operator" }, ...e];
+  }, [o, C]), d = g(() => Y.has(m), [m]), S = g(() => m === j, [m]), _ = g(() => L.has(m), [m]), G = (e) => {
+    i({
+      field: {
+        ...a.field,
+        path: e
+      }
+    });
+  }, J = (e) => {
+    var c, v;
+    if (!e) return;
+    const l = { check: e }, n = ((c = a.field) == null ? void 0 : c.data_type) || "string";
+    if (Y.has(e))
+      l.value = void 0;
+    else if (e === j) {
+      const r = (v = a.value) == null ? void 0 : v.value, y = Array.isArray(r) ? r : [r ?? "", r ?? ""];
+      l.value = {
+        type: "static",
+        value: [String(y[0] ?? ""), String(y[1] ?? "")],
+        data_type: n
+      };
+    } else if (L.has(e)) {
+      const r = a.value, y = typeof (r == null ? void 0 : r.value) == "number" ? r.value : parseInt(String((r == null ? void 0 : r.value) ?? 0), 10), Q = (r == null ? void 0 : r.unit) === "days" || (r == null ? void 0 : r.unit) === "weeks" || (r == null ? void 0 : r.unit) === "months" || (r == null ? void 0 : r.unit) === "years" ? r.unit : "days";
+      l.value = {
+        type: "static",
+        value: Number.isNaN(y) ? 0 : y,
+        unit: Q,
+        data_type: "date"
+      };
+    } else a.value || (l.value = {
+      type: "static",
+      value: "",
+      data_type: n
+    });
+    i(l);
+  }, M = (e) => {
+    var l;
+    i({
+      value: {
+        ...a.value,
+        type: "static",
+        value: e,
+        data_type: ((l = a.field) == null ? void 0 : l.data_type) || "string"
+      }
+    });
+  }, b = (e, l) => {
+    var c, v;
+    const n = Array.isArray((c = a.value) == null ? void 0 : c.value) ? [...a.value.value] : ["", ""];
+    n[e] = l, i({
+      value: {
+        ...a.value,
+        type: "static",
+        value: n,
+        data_type: ((v = a.field) == null ? void 0 : v.data_type) || "string"
+      }
+    });
+  }, k = (e, l) => {
+    i({
+      value: {
+        ...a.value,
+        type: "static",
+        value: e,
+        unit: l,
+        data_type: "date"
+      }
+    });
+  };
+  return /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 w-full min-w-0", children: [
+    /* @__PURE__ */ h("div", { className: "flex items-center gap-2 group min-w-0", children: [
+      /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-1 shrink items-center gap-2 overflow-hidden", children: [
+        /* @__PURE__ */ t(
+          f,
+          {
+            size: s,
+            wrapperClassName: p(
+              "min-w-0 max-w-[220px] flex-1 shrink",
+              (w || u.has("field")) && "!ring-2 !ring-error"
+            ),
+            placeholder: "Field path (e.g., ACORD.effective_date)",
+            value: ((R = a.field) == null ? void 0 : R.path) || "",
+            onChange: (e) => G(e)
+          }
+        ),
+        /* @__PURE__ */ t(
+          x,
+          {
+            size: s,
+            className: p(
+              "min-w-0 max-w-[180px] flex-1 shrink",
+              (w || u.has("check")) && "[&>button]:ring-2 [&>button]:ring-error"
+            ),
+            placeholder: "Select operator",
+            selectedKey: a.check || "",
+            onSelectionChange: (e) => J(e),
+            items: q,
+            children: (e) => /* @__PURE__ */ t(x.Item, { id: e.id, children: e.label })
+          }
+        ),
+        !d && S && /* @__PURE__ */ h(I, { children: [
+          /* @__PURE__ */ t(
+            f,
+            {
+              size: s,
+              wrapperClassName: p(
+                "min-w-0 max-w-[160px] flex-1 shrink",
+                u.has("value") && "!ring-2 !ring-error"
+              ),
+              placeholder: "From",
+              value: Array.isArray((E = a.value) == null ? void 0 : E.value) ? String(a.value.value[0] ?? "") : "",
+              onChange: (e) => b(0, e)
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: "text-sm text-tertiary shrink-0", children: "to" }),
+          /* @__PURE__ */ t(
+            f,
+            {
+              size: s,
+              wrapperClassName: p(
+                "min-w-0 max-w-[160px] flex-1 shrink",
+                u.has("value") && "!ring-2 !ring-error"
+              ),
+              placeholder: "To",
+              value: Array.isArray((T = a.value) == null ? void 0 : T.value) ? String(a.value.value[1] ?? "") : "",
+              onChange: (e) => b(1, e)
+            }
+          )
+        ] }),
+        !d && _ && /* @__PURE__ */ h(I, { children: [
+          /* @__PURE__ */ t(
+            f,
+            {
+              size: s,
+              wrapperClassName: p(
+                "min-w-0 max-w-[72px] shrink-0",
+                u.has("value") && "!ring-2 !ring-error"
+              ),
+              inputType: "number",
+              placeholder: "0",
+              value: typeof ((B = a.value) == null ? void 0 : B.value) == "number" ? String(a.value.value) : String(((P = a.value) == null ? void 0 : P.value) ?? ""),
+              onChange: (e) => {
+                var n;
+                const l = parseInt(String(e), 10);
+                k(Number.isNaN(l) ? 0 : l, ((n = a.value) == null ? void 0 : n.unit) ?? "days");
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            x,
+            {
+              size: s,
+              className: "min-w-0 max-w-[100px] shrink",
+              selectedKey: ((K = a.value) == null ? void 0 : K.unit) ?? "days",
+              onSelectionChange: (e) => {
+                var l;
+                return k(
+                  typeof ((l = a.value) == null ? void 0 : l.value) == "number" ? a.value.value : 0,
+                  e || "days"
+                );
+              },
+              items: $,
+              children: (e) => /* @__PURE__ */ t(x.Item, { id: e.id, children: e.label })
+            }
+          )
+        ] }),
+        !d && !S && !_ && /* @__PURE__ */ t(
+          f,
+          {
+            size: s,
+            wrapperClassName: p(
+              "min-w-0 max-w-[220px] flex-1 shrink",
+              u.has("value") && "!ring-2 !ring-error"
+            ),
+            placeholder: "Value",
+            value: typeof ((O = a.value) == null ? void 0 : O.value) == "string" ? a.value.value : String(((V = a.value) == null ? void 0 : V.value) ?? ""),
+            onChange: (e) => M(e)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ h("div", { className: "flex shrink-0 items-center gap-1", children: [
+        !W && /* @__PURE__ */ t(
+          Z,
+          {
+            "aria-label": "Remove condition",
+            icon: () => /* @__PURE__ */ t(U, { size: 18 }),
+            color: "tertiary",
+            size: "xs",
+            onClick: D
+          }
+        ),
+        /* @__PURE__ */ t(
+          X,
+          {
+            size: s,
+            onDragHandlePointerDown: F,
+            onDuplicate: H
+          }
+        )
+      ] })
+    ] }),
+    N && /* @__PURE__ */ t("p", { className: "text-sm text-error pl-1", role: "alert", children: N })
+  ] });
+}
+export {
+  he as ConditionRow,
+  he as default
+};

package/dist/patterns/condition-builder/index.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Condition Builder - Generic Reusable Component
+ *
+ * A flexible, recursive condition builder that can be used in any context.
+ * Pass your own types, type guards, and factory functions via the config prop.
+ *
+ * Example usage:
+ * ```tsx
+ * import { ConditionBuilder, type ConditionBuilderConfig } from '@/components/application/condition-builder';
+ *
+ * // Define your condition types
+ * interface MyLeafCondition { field: string; operator: string; value: string; }
+ * interface MyGroupCondition { operator: 'AND' | 'OR'; conditions: MyCondition[]; }
+ * type MyCondition = MyLeafCondition | MyGroupCondition;
+ *
+ * // Create config
+ * const config: ConditionBuilderConfig<MyLeafCondition, MyGroupCondition, MyCondition> = {
+ *     isLeafCondition: (c): c is MyLeafCondition => 'field' in c,
+ *     isGroupCondition: (c): c is MyGroupCondition => 'conditions' in c,
+ *     createEmptyLeaf: () => ({ field: '', operator: '', value: '' }),
+ *     createEmptyGroup: (op) => ({ operator: op, conditions: [] }),
+ *     getGroupOperator: (g) => g.operator,
+ *     getGroupConditions: (g) => g.conditions,
+ * };
+ *
+ * // Use the component
+ * <ConditionBuilder
+ *     conditions={myConditions}
+ *     rootOperator="AND"
+ *     config={config}
+ *     onAddCondition={...}
+ *     // ... other callbacks
+ * />
+ * ```
+ */
+export { ConditionBuilder } from './condition-builder';
+export { ConditionGroup } from './condition-group';
+export { ConditionRow } from './condition-row';
+export { ConditionReorderHandle, WORKFLOW_REORDER_HANDLE_CLASS } from './condition-reorder-handle';
+export type { LogicalOperator, NodePath, BaseLeafCondition, BaseGroupCondition, BaseCondition, ExtraAddActionsContext, CustomNodeRenderContext, DeleteDisabledContext, LeafRowRenderProps, ConditionBuilderConfig, ConditionBuilderProps, ConditionGroupProps, ConditionRowProps, ConditionValidationError, } from './types';
+export { isBaseGroupCondition, isBaseLeafCondition } from './types';
+export { pathToString, stringToPath, getConditionAtPath, getParentAtPath, setConditionAtPath, insertConditionAtPath, removeConditionAtPath, moveConditionAtPath, setGroupOperatorAtPath, updateLeafConditionAtPath, duplicateConditionAtPath, countLeafConditions, countGroups, validateConditionTree, getInvalidPaths, } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/condition-builder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/condition-builder/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAGnG,YAAY,EAER,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,EAErB,kBAAkB,EAElB,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EAEjB,wBAAwB,GAC3B,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGpE,OAAO,EAEH,YAAY,EACZ,YAAY,EAEZ,kBAAkB,EAClB,eAAe,EAEf,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,yBAAyB,EACzB,wBAAwB,EAExB,mBAAmB,EACnB,WAAW,EAEX,qBAAqB,EACrB,eAAe,GAClB,MAAM,SAAS,CAAC"}