doom-design-system 0.6.0 → 0.7.0

package/dist/lib/filter/ast/simple.js

@@ -0,0 +1,26 @@
+/**
+ * Convenience helper that converts a flat `{ field: value }` map to a Filter
+ * tree using equality operators joined by AND. Returns null when no
+ * non-empty values are present.
+ */
+export function simpleFiltersToFilter(selections) {
+    const conditions = Object.entries(selections)
+        .filter(([, value]) => value !== "" && value != null)
+        .map(([field, value], index) => ({
+        type: "condition",
+        field,
+        operator: "eq",
+        value,
+        logic: index > 0 ? "and" : undefined,
+    }));
+    if (conditions.length === 0) {
+        return null;
+    }
+    if (conditions.length === 1) {
+        return conditions[0];
+    }
+    return {
+        type: "group",
+        conditions,
+    };
+}

package/dist/lib/filter/ast/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * The canonical filter representation. Tree of conditions and nested groups.
+ * Treat as immutable — produce a new Filter rather than mutating in place.
+ *
+ * For the editable working version used by FilterBuilder UI, see FilterDraft.
+ */
+export type Filter = FilterCondition | FilterGroup;
+export interface FilterCondition {
+    readonly type: "condition";
+    readonly id?: string;
+    readonly field: string;
+    readonly operator: FilterOperatorKey;
+    readonly value: unknown;
+    /** Joins this condition with the previous sibling. Defaults to "and" when omitted. */
+    readonly logic?: "and" | "or";
+}
+export interface FilterGroup {
+    readonly type: "group";
+    readonly id?: string;
+    readonly conditions: ReadonlyArray<Filter>;
+    /** Joins this group with the previous sibling. Defaults to "and" when omitted. */
+    readonly logic?: "and" | "or";
+}
+export type FilterOperatorKey = "eq" | "neq" | "contains" | "startsWith" | "endsWith" | "gt" | "gte" | "lt" | "lte" | "in" | "notIn" | "isEmpty" | "isNotEmpty";

package/dist/lib/filter/ast/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,7 @@
+export type { Filter, FilterCondition, FilterGroup, FilterOperatorKey, } from "./ast";
+export { arrayIncludesFilter, evaluateFilter, type FilterOperatorDef, OPERATORS, simpleFiltersToFilter, } from "./ast";
+export { draftToFilter, filterToDraft } from "./ui/convert";
+export { countConditions, FilterBuilder, type FilterBuilderProps, type FilterField, flattenConditions, } from "./ui/FilterBuilder";
+export { type FilterConditionData, FilterConditionRow, } from "./ui/FilterConditionRow";
+export { ConditionRow, type FilterDraft, type FilterDraftCondition, type FilterDraftGroup, FilterGroup as FilterGroupView, } from "./ui/FilterGroup";
+export { FilterSheetNested } from "./ui/FilterSheetNested";

package/dist/lib/filter/index.js

@@ -0,0 +1,7 @@
+export { arrayIncludesFilter, evaluateFilter, OPERATORS, simpleFiltersToFilter, } from "./ast/index.js";
+// UI (presentational) — doom-styled FilterBuilder components
+export { draftToFilter, filterToDraft } from "./ui/convert.js";
+export { countConditions, FilterBuilder, flattenConditions, } from "./ui/FilterBuilder.js";
+export { FilterConditionRow, } from "./ui/FilterConditionRow.js";
+export { ConditionRow, FilterGroup as FilterGroupView, } from "./ui/FilterGroup.js";
+export { FilterSheetNested } from "./ui/FilterSheetNested.js";

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

@@ -0,0 +1,25 @@
+import { type FilterOperatorKey } from "../ast";
+import type { FilterDraftCondition, FilterDraftGroup } from "./FilterGroup";
+/**
+ * Describes a column the user can filter on. Provides display metadata
+ * (label, input type, select options) and optionally restricts which
+ * operators apply.
+ */
+export interface FilterField {
+    key: string;
+    label: string;
+    type: "select" | "text" | "number";
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    operators?: FilterOperatorKey[];
+}
+export interface FilterBuilderProps {
+    fields: FilterField[];
+    value: FilterDraftGroup | null;
+    onChange: (value: FilterDraftGroup) => void;
+}
+export declare function countConditions(group: FilterDraftGroup): number;
+export declare function flattenConditions(group: FilterDraftGroup): FilterDraftCondition[];
+export declare function FilterBuilder({ fields, value, onChange }: FilterBuilderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,9 +2,9 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { ListFilter } from "lucide-react";
 import { useState } from "react";
-import { Button } from "../../Button/Button.js";
-import { Chip } from "../../Chip/Chip.js";
-import { OPERATORS } from "../utils/filterAst.js";
+import { Button } from "../../../components/Button/Button.js";
+import { Chip } from "../../../components/Chip/Chip.js";
+import { OPERATORS } from "../ast/index.js";
 import styles from "./FilterBuilder.module.css";
 import { FilterSheetNested } from "./FilterSheetNested.js";
 export function countConditions(group) {

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

@@ -1,4 +1,4 @@
-import type { FilterOperatorKey } from "../utils/filterAst";
+import type { FilterOperatorKey } from "../ast";
 import type { FilterField } from "./FilterBuilder";
 export interface FilterConditionData {
     id: string;

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Trash2 } from "lucide-react";
-import { Button } from "../../Button/Button.js";
-import { Input } from "../../Input/Input.js";
-import { Select } from "../../Select/Select.js";
-import { OPERATORS } from "../utils/filterAst.js";
+import { Button } from "../../../components/Button/Button.js";
+import { Input } from "../../../components/Input/Input.js";
+import { Select } from "../../../components/Select/Select.js";
+import { OPERATORS } from "../ast/index.js";
 import styles from "./FilterConditionRow.module.css";
 export function FilterConditionRow({ condition, fields, onChange, onRemove, }) {
     var _a;

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

@@ -67,6 +67,8 @@
 }
 
 :root {
+  --common-black: #000;
+  --common-white: #fff;
   --control-height: var(--size-8);
   --control-padding-x: var(--space-3);
   --control-padding-y: var(--space-1\.5);
@@ -95,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;