nuxt-ui-tools 0.1.3 → 1.0.0

package/dist/runtime/table/utils/filters/presentation.js

@@ -1,12 +1,17 @@
 import { getResponsiveValue } from "../../../shared/index.js";
+import { isString } from "../../../shared/utils/predicate.js";
 const FILTER_DISPLAY_LOCATIONS = [
   "tag",
   "panel",
   "tag-dynamic"
 ];
 export function resolveFilterDisplayLocation(value) {
-  if (!value) return "tag";
-  if (isFilterDisplayLocation(value)) return value;
+  if (!value) {
+    return "tag";
+  }
+  if (isFilterDisplayLocation(value)) {
+    return value;
+  }
   const resolved = getResponsiveValue(value);
   return isFilterDisplayLocation(resolved) ? resolved : "tag";
 }
@@ -14,5 +19,5 @@ export function resolveFilterDisplayOrder(definition) {
   return definition.display?.order ?? Number.MAX_SAFE_INTEGER;
 }
 function isFilterDisplayLocation(value) {
-  return typeof value === "string" && FILTER_DISPLAY_LOCATIONS.includes(value);
+  return isString(value) && FILTER_DISPLAY_LOCATIONS.some((location) => location === value);
 }

package/dist/runtime/table/utils/filters/preview/date-preview.js

@@ -12,8 +12,9 @@ export function buildDateFilterPreview(options) {
     return {
       active: true,
       count: [start, end].filter(Boolean).length,
-      tags: [],
-      summary: prefixPreviewLabel(preview.label, summary)
+      entries: [],
+      summary: prefixPreviewLabel(preview.label, summary),
+      tags: []
     };
   }
   const date = toDateFilterValue({
@@ -23,11 +24,12 @@ export function buildDateFilterPreview(options) {
   return {
     active: Boolean(date),
     count: date ? 1 : 0,
-    tags: [],
+    entries: [],
     summary: date ? prefixPreviewLabel(
       preview.label,
       preview.formatter?.(date) ?? formatFilterDate({ value: date })
-    ) : ""
+    ) : "",
+    tags: []
   };
 }
 function resolveDateOperator(value) {

package/dist/runtime/table/utils/filters/preview/index.d.ts

@@ -1,6 +1,6 @@
 import type { TableQueryStateFilterRule, TableUiFilterDefinition } from '../../../types/index.js';
 import type { FilterPreviewOptionEntry, FilterPreviewResult } from './types.js';
-export type { FilterPreviewResult, FilterPreviewOptionEntry };
+export { type FilterPreviewOptionEntry, type FilterPreviewResult } from './types.js';
 export declare function buildFilterPreview(options: {
     definition: TableUiFilterDefinition;
     rule?: TableQueryStateFilterRule;

package/dist/runtime/table/utils/filters/preview/index.js

@@ -5,8 +5,9 @@ import { buildTextFilterPreview } from "./text-preview.js";
 const EMPTY_PREVIEW = {
   active: false,
   count: 0,
-  tags: [],
-  summary: ""
+  entries: [],
+  summary: "",
+  tags: []
 };
 export function buildFilterPreview(options) {
   if (!options.rule) {
@@ -15,8 +16,8 @@ export function buildFilterPreview(options) {
   if (options.definition.kind === "option" || options.definition.kind === "boolean") {
     return buildOptionFilterPreview({
       definition: options.definition,
-      rule: options.rule,
-      optionEntries: options.optionEntries ?? []
+      optionEntries: options.optionEntries ?? [],
+      rule: options.rule
     });
   }
   if (options.definition.kind === "date") {

package/dist/runtime/table/utils/filters/preview/number-preview.js

@@ -1,3 +1,4 @@
+import { isNullish } from "../../../../shared/utils/predicate.js";
 import { formatFilterNumber, getNumberRangeValue, toMaybeNumber } from "../common.js";
 import { resolveNumberFilterUi } from "../ui.js";
 export function buildNumberFilterPreview(options) {
@@ -5,29 +6,32 @@ export function buildNumberFilterPreview(options) {
   const filterUi = resolveNumberFilterUi(options.definition, operator);
   const preview = operator === "between" ? filterUi.range.preview : filterUi.scalar.preview;
   const range = getNumberRangeValue({ value: options.rule.value });
-  if (range && (range.from != null || range.to != null)) {
+  if (range && (!isNullish(range.from) || !isNullish(range.to))) {
     const start = toMaybeNumber({ value: range.from });
     const end = toMaybeNumber({ value: range.to });
-    const summary2 = preview.rangeFormatter ? preview.rangeFormatter({ from: start ?? void 0, to: end ?? void 0 }) : [start, end].filter((value) => value != null).map((value) => formatFilterNumber({ value })).join(" - ");
+    const summary2 = preview.rangeFormatter ? preview.rangeFormatter({ from: start ?? void 0, to: end ?? void 0 }) : [start, end].filter((value) => !isNullish(value)).map((value) => formatFilterNumber({ value })).join(" - ");
     return {
       active: true,
-      count: [start, end].filter((v) => v != null).length,
-      tags: [],
-      summary: prefixPreviewLabel(preview.label, summary2)
+      count: [start, end].filter((v) => !isNullish(v)).length,
+      entries: [],
+      summary: prefixPreviewLabel(preview.label, summary2),
+      tags: []
     };
   }
   const num = toMaybeNumber({ value: options.rule.value });
-  const summary = num != null ? preview.formatter?.(num) ?? formatFilterNumber({ value: num }) : "";
+  const summary = isNullish(num) ? "" : preview.formatter?.(num) ?? formatFilterNumber({ value: num });
   return {
     active: Boolean(summary),
     count: summary ? 1 : 0,
-    tags: [],
-    summary: prefixPreviewLabel(preview.label, summary)
+    entries: [],
+    summary: prefixPreviewLabel(preview.label, summary),
+    tags: []
   };
 }
 function resolveNumberOperator(value) {
-  if (value === "isNot" || value === "gt" || value === "gte" || value === "lt" || value === "lte" || value === "between")
+  if (value === "isNot" || value === "gt" || value === "gte" || value === "lt" || value === "lte" || value === "between") {
     return value;
+  }
   return "is";
 }
 function prefixPreviewLabel(label, value) {

package/dist/runtime/table/utils/filters/preview/option-preview.js

@@ -1,25 +1,37 @@
 import { resolveBooleanFilterUi, resolveOptionFilterUi } from "../ui.js";
 export function buildOptionFilterPreview(options) {
   const values = Array.isArray(options.rule.value) ? options.rule.value : [options.rule.value];
-  const labels = values.map(
-    (value) => resolveOptionPreviewLabel({
+  const entries = values.map(
+    (value) => resolveOptionPreviewEntry({
       definition: options.definition,
       optionEntries: options.optionEntries,
       value
     })
   );
+  const labels = entries.map((entry) => entry.label);
   const preview = resolveOptionPreview(options);
-  const mode = resolvePreviewMode(preview.mode, labels.length);
+  const mode = resolvePreviewMode(preview.mode);
   return {
     active: true,
     count: labels.length,
-    tags: mode === "tags" ? labels.slice(0, preview.maxTags) : [],
+    entries: mode === "tags" ? entries.slice(0, preview.maxTags) : [],
     summary: resolvePreviewSummary({
+      label: preview.label,
       labels,
-      mode,
       maxTags: preview.maxTags,
-      label: preview.label
-    })
+      mode
+    }),
+    tags: mode === "tags" ? labels.slice(0, preview.maxTags) : []
+  };
+}
+function resolveOptionPreviewEntry(options) {
+  const matched = options.optionEntries.find(
+    (entry) => String(entry.value) === String(options.value)
+  );
+  return {
+    color: matched?.color,
+    icon: matched?.icon,
+    label: resolveOptionPreviewLabel(options)
   };
 }
 function resolveOptionPreviewLabel(options) {
@@ -46,9 +58,11 @@ function resolveOptionPreview(options) {
   const operator = options.rule.operator === "isAnyOf" || options.rule.operator === "isNot" ? options.rule.operator : "is";
   return resolveOptionFilterUi(options.definition, operator).preview;
 }
-function resolvePreviewMode(mode, count) {
-  if (mode === "summary" || mode === "tags") return mode;
-  return count > 1 ? "tags" : "summary";
+function resolvePreviewMode(mode) {
+  if (mode === "summary" || mode === "tags") {
+    return mode;
+  }
+  return "tags";
 }
 function resolvePreviewSummary(options) {
   if (options.mode === "summary") {
@@ -56,6 +70,8 @@ function resolvePreviewSummary(options) {
     return options.label && summary ? `${options.label}: ${summary}` : summary;
   }
   const overflow = options.labels.length - options.maxTags;
-  if (overflow <= 0) return "";
+  if (overflow <= 0) {
+    return "";
+  }
   return `+${overflow}`;
 }

package/dist/runtime/table/utils/filters/preview/text-preview.js

@@ -2,13 +2,14 @@ import { resolveTextFilterUi } from "../ui.js";
 export function buildTextFilterPreview(options) {
   const summary = Array.isArray(options.rule.value) ? `${options.rule.value.length} selected` : String(options.rule.value ?? "");
   const operator = options.rule.operator === "is" || options.rule.operator === "isNot" ? options.rule.operator : "contains";
-  const preview = resolveTextFilterUi(options.definition, operator).preview;
+  const { preview } = resolveTextFilterUi(options.definition, operator);
   const resolvedSummary = summary ? prefixPreviewLabel(preview.label, summary) : "";
   return {
     active: Boolean(resolvedSummary),
     count: resolvedSummary ? 1 : 0,
-    tags: [],
-    summary: resolvedSummary
+    entries: [],
+    summary: resolvedSummary,
+    tags: []
   };
 }
 function prefixPreviewLabel(label, value) {

package/dist/runtime/table/utils/filters/preview/types.d.ts

@@ -1,10 +1,18 @@
+export interface FilterPreviewEntry {
+    label: string;
+    icon?: string;
+    color?: string;
+}
 export interface FilterPreviewResult {
     active: boolean;
     count: number;
     tags: string[];
+    entries: FilterPreviewEntry[];
     summary: string;
 }
 export interface FilterPreviewOptionEntry {
     label: string;
     value: string | number | boolean;
+    icon?: string;
+    color?: string;
 }

package/dist/runtime/table/utils/filters/registry.js

@@ -1,23 +1,29 @@
+import { isNullish } from "../../../shared/utils/predicate.js";
 import { normalizeFilterDefinition } from "../query-state.js";
 export function createDefaultFilterValue(definition) {
   if (!definition) {
     return "";
   }
   const normalizedDefinition = normalizeFilterDefinition(definition);
-  if (normalizedDefinition.defaultValue != null) {
+  if (!isNullish(normalizedDefinition.defaultValue)) {
     return normalizedDefinition.defaultValue;
   }
   switch (normalizedDefinition.kind) {
-    case "option":
+    case "option": {
       return [];
-    case "boolean":
+    }
+    case "boolean": {
       return true;
-    case "number":
+    }
+    case "number": {
       return 0;
-    case "date":
+    }
+    case "date": {
       return /* @__PURE__ */ new Date();
-    default:
+    }
+    default: {
       return "";
+    }
   }
 }
 export function createFilterValueForOperator(options) {

package/dist/runtime/table/utils/filters/tree.d.ts

@@ -17,5 +17,5 @@ export declare function flattenVisibleFilterOptionTree(options: {
 export declare function collectSelectableDescendantValues(options: {
     entry: TableResolvedFilterOptionEntry;
     selectable: 'all' | 'leaf-only';
-}): Array<string | number | boolean>;
+}): (string | number | boolean)[];
 export declare function collectSelectedBranchIds(entries: TableResolvedFilterOptionEntry[]): string[];

package/dist/runtime/table/utils/filters/tree.js

@@ -1,3 +1,4 @@
+import { isNullish } from "../../../shared/utils/predicate.js";
 export function flattenFilterOptionEntries(entries) {
   return entries.flatMap((entry) => [entry, ...flattenFilterOptionEntries(entry.children)]);
 }
@@ -9,16 +10,17 @@ export function collectFilterOptionBranchIds(entries) {
 export function filterFilterOptionTree(options) {
   const normalizedSearch = options.search.trim().toLowerCase();
   if (!normalizedSearch.length) {
+    const expandedIds2 = [];
     return {
       entries: options.entries,
-      expandedIds: []
+      expandedIds: expandedIds2
     };
   }
   const expandedIds = /* @__PURE__ */ new Set();
   const entries = filterEntries({
     entries: options.entries,
-    normalizedSearch,
-    expandedIds
+    expandedIds,
+    normalizedSearch
   });
   return {
     entries,
@@ -27,11 +29,11 @@ export function filterFilterOptionTree(options) {
 }
 export function flattenVisibleFilterOptionTree(options) {
   return flattenVisibleEntries({
+    branchSelection: options.branchSelection ?? "children",
+    depth: 0,
     entries: options.entries,
     expandedIds: options.expandedIds,
-    selectable: options.selectable,
-    branchSelection: options.branchSelection ?? "children",
-    depth: 0
+    selectable: options.selectable
   });
 }
 export function collectSelectableDescendantValues(options) {
@@ -53,13 +55,17 @@ function filterEntries(options) {
   return options.entries.flatMap((entry) => {
     const children = filterEntries({
       entries: entry.children,
-      normalizedSearch: options.normalizedSearch,
-      expandedIds: options.expandedIds
+      expandedIds: options.expandedIds,
+      normalizedSearch: options.normalizedSearch
     });
     const matchesSelf = entry.label.toLowerCase().includes(options.normalizedSearch);
     const hasMatchingChildren = children.length > 0;
-    if (!matchesSelf && !hasMatchingChildren) return [];
-    if (entry.children.length) options.expandedIds.add(entry.id);
+    if (!matchesSelf && !hasMatchingChildren) {
+      return [];
+    }
+    if (entry.children.length) {
+      options.expandedIds.add(entry.id);
+    }
     return [
       {
         ...entry,
@@ -71,36 +77,39 @@ function filterEntries(options) {
 function flattenVisibleEntries(options) {
   return options.entries.flatMap((entry) => {
     const expandable = entry.children.length > 0;
-    const selectable = entry.value != null && (options.selectable === "all" || !expandable);
-    const branchSelectable = entry.value == null && expandable && options.branchSelection === "children";
+    const selectable = !isNullish(entry.value) && (options.selectable === "all" || !expandable);
+    const branchSelectable = isNullish(entry.value) && expandable && options.branchSelection === "children";
     const current = {
-      id: entry.id,
-      label: entry.label,
-      value: entry.value,
-      icon: entry.icon,
+      branchSelectable,
+      color: entry.color,
       count: entry.count,
-      selected: entry.selected,
       depth: options.depth,
       expandable,
+      icon: entry.icon,
+      id: entry.id,
+      label: entry.label,
       selectable,
-      branchSelectable
+      selected: entry.selected,
+      value: entry.value
     };
-    if (!expandable || !options.expandedIds.has(entry.id)) return [current];
+    if (!expandable || !options.expandedIds.has(entry.id)) {
+      return [current];
+    }
     return [
       current,
       ...flattenVisibleEntries({
+        branchSelection: options.branchSelection,
+        depth: options.depth + 1,
         entries: entry.children,
         expandedIds: options.expandedIds,
-        selectable: options.selectable,
-        branchSelection: options.branchSelection,
-        depth: options.depth + 1
+        selectable: options.selectable
       })
     ];
   });
 }
 function collectSelectableValues(options) {
   const expandable = options.entry.children.length > 0;
-  const ownValue = options.entry.value != null && (options.selectable === "all" || !expandable) ? [options.entry.value] : [];
+  const ownValue = !isNullish(options.entry.value) && (options.selectable === "all" || !expandable) ? [options.entry.value] : [];
   return [
     ...ownValue,
     ...options.entry.children.flatMap(
@@ -116,6 +125,8 @@ function collectSelectedBranchIdsRecursive(entry, ids) {
     (child) => collectSelectedBranchIdsRecursive(child, ids)
   );
   const hasSelection = entry.selected || hasSelectedChild;
-  if (entry.children.length && hasSelection) ids.add(entry.id);
+  if (entry.children.length && hasSelection) {
+    ids.add(entry.id);
+  }
   return hasSelection;
 }