doom-design-system 0.6.1 → 0.7.0

package/dist/{components/Table/FilterBuilder → lib/filter/ui}/FilterGroup.d.ts

@@ -1,6 +1,6 @@
-import type { FilterOperatorKey } from "../utils/filterAst";
+import type { FilterOperatorKey } from "../ast";
 import type { FilterField } from "./FilterBuilder";
-export interface FilterConditionItem {
+export interface FilterDraftCondition {
     type: "condition";
     id: string;
     field: string;
@@ -8,34 +8,34 @@ export interface FilterConditionItem {
     value: string;
     logic?: "and" | "or";
 }
-export interface FilterGroupItem {
+export interface FilterDraftGroup {
     type: "group";
     id: string;
-    children: FilterItem[];
+    children: FilterDraft[];
     collapsed?: boolean;
     logic?: "and" | "or";
 }
-export type FilterItem = FilterConditionItem | FilterGroupItem;
+export type FilterDraft = FilterDraftCondition | FilterDraftGroup;
 export interface ConditionRowProps {
-    item: FilterConditionItem;
+    item: FilterDraftCondition;
     fields: FilterField[];
     parentId: string;
     logic?: "and" | "or";
     showLogic?: boolean;
     isGlobalDragging: boolean;
-    onUpdate: (updated: FilterConditionItem) => void;
+    onUpdate: (updated: FilterDraftCondition) => void;
     onRemove: () => void;
     onLogicChange?: (logic: "and" | "or") => void;
 }
 export declare function ConditionRow({ item, fields, parentId: _parentId, logic, showLogic, isGlobalDragging, onUpdate, onRemove, onLogicChange, }: ConditionRowProps): import("react/jsx-runtime").JSX.Element;
 interface FilterGroupProps {
-    item: FilterGroupItem;
+    item: FilterDraftGroup;
     fields: FilterField[];
     parentId: string;
     depth?: number;
     showLogic?: boolean;
     isGlobalDragging?: boolean;
-    onUpdate: (updated: FilterGroupItem) => void;
+    onUpdate: (updated: FilterDraftGroup) => void;
     onRemove?: () => void;
     onRemoveSourceById?: (id: string) => void;
     onLogicChange?: (logic: "and" | "or") => void;

package/dist/{components/Table/FilterBuilder → lib/filter/ui}/FilterGroup.js

@@ -4,13 +4,13 @@ import { useDraggable, useDroppable } from "@dnd-kit/core";
 import clsx from "clsx";
 import { ChevronDown, ChevronRight, GripVertical, Plus, Trash2, } from "lucide-react";
 import React, { useCallback, useEffect, useId, useRef, useState } from "react";
-import { Badge } from "../../Badge/Badge.js";
-import { Button } from "../../Button/Button.js";
-import { Card } from "../../Card/Card.js";
-import { Input } from "../../Input/Input.js";
-import { Select } from "../../Select/Select.js";
-import { Text } from "../../Text/Text.js";
-import { OPERATORS } from "../utils/filterAst.js";
+import { Badge } from "../../../components/Badge/Badge.js";
+import { Button } from "../../../components/Button/Button.js";
+import { Card } from "../../../components/Card/Card.js";
+import { Input } from "../../../components/Input/Input.js";
+import { Select } from "../../../components/Select/Select.js";
+import { Text } from "../../../components/Text/Text.js";
+import { OPERATORS } from "../ast/index.js";
 import styles from "./FilterGroup.module.css";
 import { MAX_DEPTH } from "./utils/tree-utils.js";
 function countConditions(item) {

package/dist/{components/Table/FilterBuilder → lib/filter/ui}/FilterSheetNested.d.ts

@@ -1,11 +1,11 @@
 import type { FilterField } from "./FilterBuilder";
-import type { FilterGroupItem } from "./FilterGroup";
+import type { FilterDraftGroup } from "./FilterGroup";
 interface FilterSheetNestedProps {
     isOpen: boolean;
     onClose: () => void;
     fields: FilterField[];
-    initialValue: FilterGroupItem | null;
-    onApply: (group: FilterGroupItem) => void;
+    initialValue: FilterDraftGroup | null;
+    onApply: (group: FilterDraftGroup) => void;
 }
 export declare function FilterSheetNested({ isOpen, onClose, fields, initialValue, onApply, }: FilterSheetNestedProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{components/Table/FilterBuilder → lib/filter/ui}/FilterSheetNested.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DndContext, DragOverlay, KeyboardSensor, MouseSensor, pointerWithin, TouchSensor, useSensor, useSensors, } from "@dnd-kit/core";
 import { useEffect, useId, useState } from "react";
-import { Button } from "../../Button/Button.js";
-import { Flex } from "../../Layout/Layout.js";
-import { Sheet } from "../../Sheet/Sheet.js";
-import { Text } from "../../Text/Text.js";
+import { Button } from "../../../components/Button/Button.js";
+import { Flex } from "../../../components/Layout/Layout.js";
+import { Sheet } from "../../../components/Sheet/Sheet.js";
+import { Text } from "../../../components/Text/Text.js";
 import { ConditionRow, FilterGroup } from "./FilterGroup.js";
 import styles from "./FilterSheet.module.css";
 import { getItemDepth, getMaxRelativeDepth, insertItem, MAX_DEPTH, removeItem, } from "./utils/tree-utils.js";

package/dist/lib/filter/ui/convert.d.ts

@@ -0,0 +1,16 @@
+import type { Filter, FilterCondition, FilterGroup } from "../ast";
+import type { FilterDraft, FilterDraftCondition, FilterDraftGroup } from "./FilterGroup";
+/**
+ * Converts an editable FilterDraft (UI working state) into the canonical
+ * immutable Filter (evaluation-ready). Strips UI-only fields like
+ * `collapsed` and converts `children[]` to `conditions[]`.
+ */
+export declare function draftToFilter(draft: FilterDraft): Filter;
+/**
+ * Converts a canonical Filter into an editable FilterDraft. Generates IDs
+ * for any node missing one (the AST treats id as optional, the draft
+ * requires it for React keys and dnd identifiers).
+ */
+export declare function filterToDraft(filter: Filter): FilterDraft;
+export declare function conditionDraftToFilter(draft: FilterDraftCondition): FilterCondition;
+export declare function groupDraftToFilter(draft: FilterDraftGroup): FilterGroup;

package/dist/lib/filter/ui/convert.js

@@ -0,0 +1,60 @@
+let idCounter = 0;
+function nextId(prefix) {
+    idCounter += 1;
+    return `${prefix}-${Date.now().toString(36)}-${idCounter.toString(36)}`;
+}
+/**
+ * Converts an editable FilterDraft (UI working state) into the canonical
+ * immutable Filter (evaluation-ready). Strips UI-only fields like
+ * `collapsed` and converts `children[]` to `conditions[]`.
+ */
+export function draftToFilter(draft) {
+    if (draft.type === "group") {
+        return {
+            type: "group",
+            id: draft.id,
+            logic: draft.logic,
+            conditions: draft.children.map(draftToFilter),
+        };
+    }
+    return {
+        type: "condition",
+        id: draft.id,
+        field: draft.field,
+        operator: draft.operator,
+        value: draft.value,
+        logic: draft.logic,
+    };
+}
+/**
+ * Converts a canonical Filter into an editable FilterDraft. Generates IDs
+ * for any node missing one (the AST treats id as optional, the draft
+ * requires it for React keys and dnd identifiers).
+ */
+export function filterToDraft(filter) {
+    var _a, _b;
+    if (filter.type === "group") {
+        return {
+            type: "group",
+            id: (_a = filter.id) !== null && _a !== void 0 ? _a : nextId("group"),
+            logic: filter.logic,
+            children: filter.conditions.map(filterToDraft),
+        };
+    }
+    return {
+        type: "condition",
+        id: (_b = filter.id) !== null && _b !== void 0 ? _b : nextId("cond"),
+        field: filter.field,
+        operator: filter.operator,
+        value: filter.value == null ? "" : String(filter.value),
+        logic: filter.logic,
+    };
+}
+// Internal helpers re-exported so existing Table imports keep working.
+// These accept FilterCondition/FilterGroup explicitly.
+export function conditionDraftToFilter(draft) {
+    return draftToFilter(draft);
+}
+export function groupDraftToFilter(draft) {
+    return draftToFilter(draft);
+}

package/dist/lib/filter/ui/index.d.ts

@@ -0,0 +1,5 @@
+export { draftToFilter, filterToDraft } from "./convert";
+export { countConditions, FilterBuilder, type FilterBuilderProps, type FilterField, flattenConditions, } from "./FilterBuilder";
+export { type FilterConditionData, FilterConditionRow, } from "./FilterConditionRow";
+export { ConditionRow, type FilterDraft, type FilterDraftCondition, type FilterDraftGroup, FilterGroup, } from "./FilterGroup";
+export { FilterSheetNested } from "./FilterSheetNested";

package/dist/lib/filter/ui/index.js

@@ -0,0 +1,5 @@
+export { draftToFilter, filterToDraft } from "./convert.js";
+export { countConditions, FilterBuilder, flattenConditions, } from "./FilterBuilder.js";
+export { FilterConditionRow, } from "./FilterConditionRow.js";
+export { ConditionRow, FilterGroup, } from "./FilterGroup.js";
+export { FilterSheetNested } from "./FilterSheetNested.js";

package/dist/lib/filter/ui/utils/tree-utils.d.ts

@@ -0,0 +1,15 @@
+import { FilterDraft, FilterDraftGroup } from "../FilterGroup";
+export declare const MAX_DEPTH = 3;
+export type DropPosition = "before" | "after" | "inside";
+export declare function getItemDepth(root: FilterDraftGroup, id: string, currentDepth?: number): number;
+export declare function getMaxRelativeDepth(item: FilterDraft): number;
+export declare function findItemPath(root: FilterDraftGroup, targetId: string, path?: {
+    group: FilterDraftGroup;
+    index: number;
+}[]): {
+    group: FilterDraftGroup;
+    index: number;
+}[] | null;
+export declare function removeItem(root: FilterDraftGroup, id: string): FilterDraftGroup;
+export declare function findItem(root: FilterDraft, id: string): FilterDraft | null;
+export declare function insertItem(root: FilterDraftGroup, item: FilterDraft, targetId: string, position: DropPosition): FilterDraftGroup;

package/dist/styles/globals.css

@@ -97,7 +97,7 @@
   --chip-padding-x: var(--space-2);
   --chip-padding-y: var(--space-1);
   --chip-font-size: var(--text-xs);
-  --width-sidebar: 280px;
+  --width-sidebar: 240px;
   --width-sidebar-collapsed: 64px;
   --width-panel: 400px;
   --width-panel-wide: 600px;