nuxt-ui-tools 0.1.0 → 0.1.1

package/dist/runtime/table/utils/filters/editor-size.js

@@ -0,0 +1,45 @@
+const filterEditorSizeClasses = {
+  xs: {
+    editor: "w-[min(13rem,calc(100vw-1rem))] min-w-44 max-w-52",
+    searchHeader: "p-1",
+    scrollArea: "p-1",
+    option: "gap-1.5 px-1.5 py-1 text-xs",
+    optionIcon: "size-3.5",
+    optionLabel: "text-xs",
+    footer: "p-1",
+    empty: "px-2 py-4 text-xs"
+  },
+  sm: {
+    editor: "w-[min(15rem,calc(100vw-1rem))] min-w-48 max-w-60",
+    searchHeader: "p-1.5",
+    scrollArea: "p-1",
+    option: "gap-2 px-2 py-1.5 text-xs",
+    optionIcon: "size-3.5",
+    optionLabel: "text-xs",
+    footer: "p-1.5",
+    empty: "px-2.5 py-5 text-xs"
+  },
+  md: {
+    editor: "w-[min(17rem,calc(100vw-1rem))] min-w-52 max-w-68",
+    searchHeader: "p-2",
+    scrollArea: "p-2",
+    option: "gap-3 px-3 py-2 text-sm",
+    optionIcon: "size-4",
+    optionLabel: "text-sm",
+    footer: "p-2",
+    empty: "px-3 py-8 text-sm"
+  },
+  lg: {
+    editor: "w-[min(19rem,calc(100vw-1rem))] min-w-56 max-w-76",
+    searchHeader: "p-2.5",
+    scrollArea: "p-2.5",
+    option: "gap-3 px-3.5 py-2.5 text-sm",
+    optionIcon: "size-4.5",
+    optionLabel: "text-sm",
+    footer: "p-2.5",
+    empty: "px-3.5 py-9 text-sm"
+  }
+};
+export function resolveFilterEditorSizeClasses(size) {
+  return filterEditorSizeClasses[size ?? "md"];
+}

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

@@ -1,6 +1,6 @@
 export * from './common.js';
 export * from './date.js';
-export * from './operators.js';
+export * from './editor-size.js';
 export * from './options.js';
 export * from './presentation.js';
 export * from './preview.js';

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

@@ -1,6 +1,6 @@
 export * from "./common.js";
 export * from "./date.js";
-export * from "./operators.js";
+export * from "./editor-size.js";
 export * from "./options.js";
 export * from "./presentation.js";
 export * from "./preview/index.js";

package/dist/runtime/table/utils/query-state.d.ts

@@ -1,5 +1,5 @@
 import type { QueryCodec } from '#ui-tools/query-state';
-import type { TableFilterOperator, TableLayout, TableUiFilterDefinition, TableQueryStateFilterDefinition, TableQueryStateFilterValue, TableSchemaView, TableSortingDirection, TablePaginationState, TablePaginationSchema } from '../types/index.js';
+import type { TableFilterOperator, TableLayout, TableQueryStateFilterRule, TableUiFilterDefinition, TableQueryStateFilterDefinition, TableQueryStateFilterValue, TableSchemaView, TableSortingDirection, TablePaginationState, TablePaginationSchema } from '../types/index.js';
 export declare function getPaginationMode(schema: {
     pagination?: TablePaginationSchema;
 }): TablePaginationState['mode'];
@@ -27,3 +27,20 @@ export declare function createTableFilterValueCodec(definition: TableQueryStateF
 export declare function resolveFilterDefaultOperator(definition: TableQueryStateFilterDefinition): TableFilterOperator;
 export declare function resolveFilterSupportedOperators(definition: TableQueryStateFilterDefinition): TableFilterOperator[];
 export declare function normalizeFilterDefinition(definition: TableQueryStateFilterDefinition | TableUiFilterDefinition): TableQueryStateFilterDefinition;
+export declare function resolveTableFilterDefaultRules(definitions: TableUiFilterDefinition[]): TableQueryStateFilterRule[];
+export declare function mergeTableFilterDefaultRules(options: {
+    rules: TableQueryStateFilterRule[];
+    definitions: TableUiFilterDefinition[];
+}): TableQueryStateFilterRule[];
+export declare function isTableFilterRuleDefault(options: {
+    rule: TableQueryStateFilterRule;
+    definition: TableUiFilterDefinition;
+}): boolean;
+export declare function parseTableFilterQueryState(options: {
+    entries: ReadonlyMap<string, unknown>;
+    definitions: TableUiFilterDefinition[];
+}): TableQueryStateFilterRule[];
+export declare function serializeTableFilterQueryState(options: {
+    rules: TableQueryStateFilterRule[];
+    definitions: TableUiFilterDefinition[];
+}): Map<string, unknown>;

package/dist/runtime/table/utils/query-state.js

@@ -160,12 +160,121 @@ export function normalizeFilterDefinition(definition) {
     defaultValue
   };
 }
+export function resolveTableFilterDefaultRules(definitions) {
+  return definitions.flatMap((definition) => {
+    const normalizedDefinition = normalizeFilterDefinition(definition);
+    const value = normalizedDefinition.defaultValue;
+    if (value === void 0 || !hasFilterValue(value)) {
+      return [];
+    }
+    return [
+      {
+        key: normalizedDefinition.key,
+        operator: resolveFilterDefaultOperator(normalizedDefinition),
+        value
+      }
+    ];
+  });
+}
+export function mergeTableFilterDefaultRules(options) {
+  const defaults = new Map(
+    resolveTableFilterDefaultRules(options.definitions).map((rule) => [rule.key, rule])
+  );
+  const definitionKeys = new Set(options.definitions.map((definition) => definition.key));
+  const merged = options.definitions.flatMap((definition) => {
+    const rule = options.rules.find((candidate) => candidate.key === definition.key);
+    const defaultRule = defaults.get(definition.key);
+    return rule ? [rule] : defaultRule ? [defaultRule] : [];
+  });
+  return [...merged, ...options.rules.filter((rule) => !definitionKeys.has(rule.key))];
+}
+export function isTableFilterRuleDefault(options) {
+  const normalizedDefinition = normalizeFilterDefinition(options.definition);
+  const defaultValue = normalizedDefinition.defaultValue;
+  return defaultValue !== void 0 && (options.rule.operator ?? resolveFilterDefaultOperator(normalizedDefinition)) === resolveFilterDefaultOperator(normalizedDefinition) && areFilterValuesEqual(options.rule.value, defaultValue);
+}
+export function parseTableFilterQueryState(options) {
+  const rules = [];
+  for (const filter of options.definitions) {
+    const definition = normalizeFilterDefinition(filter);
+    const operators = resolveFilterSupportedOperators(definition);
+    const defaultOperator = resolveFilterDefaultOperator(definition);
+    for (const operator of operators) {
+      const urlKey = operator === defaultOperator ? definition.key : `${definition.key}~${operator}`;
+      const value = options.entries.get(urlKey);
+      if (isTableFilterValue(value)) {
+        rules.push({ key: definition.key, operator, value });
+        break;
+      }
+    }
+  }
+  return mergeTableFilterDefaultRules({ rules, definitions: options.definitions });
+}
+export function serializeTableFilterQueryState(options) {
+  const result = /* @__PURE__ */ new Map();
+  for (const rule of options.rules) {
+    const filter = options.definitions.find((definition2) => definition2.key === rule.key);
+    if (!filter || isTableFilterRuleDefault({ rule, definition: filter })) continue;
+    const definition = normalizeFilterDefinition(filter);
+    const operator = rule.operator ?? resolveFilterDefaultOperator(definition);
+    const defaultOperator = resolveFilterDefaultOperator(definition);
+    const urlKey = operator === defaultOperator ? definition.key : `${definition.key}~${operator}`;
+    result.set(urlKey, rule.value);
+  }
+  return result;
+}
 function isRange(value) {
   if (!value || typeof value !== "object") {
     return false;
   }
   return "from" in value || "to" in value;
 }
+function hasFilterValue(value) {
+  if (Array.isArray(value)) return value.length > 0;
+  if (typeof value === "string") return value.length > 0;
+  if (isRange(value)) return value.from != null || value.to != null;
+  return true;
+}
+function isTableFilterValue(value) {
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean" || value instanceof Date) {
+    return true;
+  }
+  if (Array.isArray(value)) {
+    return value.every(
+      (item) => typeof item === "string" || typeof item === "number" || typeof item === "boolean"
+    );
+  }
+  if (!isRange(value)) return false;
+  return [value.from, value.to].every(
+    (item) => item == null || typeof item === "number" || item instanceof Date
+  );
+}
+function areFilterValuesEqual(left, right) {
+  if (Array.isArray(left) || Array.isArray(right)) {
+    if (!Array.isArray(left) || !Array.isArray(right) || left.length !== right.length) return false;
+    const unmatched = [...right];
+    for (const value of left) {
+      const index = unmatched.findIndex((candidate) => Object.is(candidate, value));
+      if (index === -1) return false;
+      unmatched.splice(index, 1);
+    }
+    return true;
+  }
+  if (left instanceof Date || right instanceof Date) {
+    return left instanceof Date && right instanceof Date && left.getTime() === right.getTime();
+  }
+  if (isRange(left) || isRange(right)) {
+    if (!isRange(left) || !isRange(right)) return false;
+    return areOptionalFilterValuesEqual(left.from, right.from) && areOptionalFilterValuesEqual(left.to, right.to);
+  }
+  return Object.is(left, right);
+}
+function areOptionalFilterValuesEqual(left, right) {
+  if (left instanceof Date || right instanceof Date) {
+    return left instanceof Date && right instanceof Date && left.getTime() === right.getTime();
+  }
+  return Object.is(left, right);
+}
 function isMinMaxNumberRange(value) {
   if (!value || typeof value !== "object" || Array.isArray(value)) {
     return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-tools",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Nuxt module and runtime toolkit for UI-heavy Nuxt applications",
   "homepage": "https://github.com/ChronicStone/nuxt-ui-tools#readme",
   "bugs": "https://github.com/ChronicStone/nuxt-ui-tools/issues",
@@ -130,10 +130,10 @@
   "dependencies": {
     "@internationalized/date": "^3.12.0",
     "@nuxt/kit": "^4.4.2",
-    "@nuxt/ui": "^4.5.1",
     "@tanstack/pacer": "0.19.0",
     "@tanstack/vue-virtual": "3.13.23",
     "@vueuse/core": "14.2.1",
+    "cookiejs": "2.1.3",
     "libphonenumber-js": "1.13.1",
     "motion-v": "2.0.1",
     "nuxt-viewport": "2.4.0",
@@ -142,6 +142,7 @@
   "devDependencies": {
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.4.2",
+    "@nuxt/ui": "^4.5.1",
     "@types/node": "25.4.0",
     "changelogen": "^0.6.2",
     "nuxt": "^4.4.2",
@@ -153,6 +154,7 @@
     "xlsx": "0.18.5"
   },
   "peerDependencies": {
+    "@nuxt/ui": ">=4.5.1",
     "@tanstack/vue-query": ">=5.0.0",
     "nuxt": ">=4.4.0",
     "tailwindcss": ">=4.0.0",

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

@@ -1,4 +0,0 @@
-import type { TableFilterOperator } from '../../types/index.js';
-export declare function getFilterOperatorLabel(options: {
-    operator?: TableFilterOperator;
-}): string;

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

@@ -1,6 +0,0 @@
-import { useUiToolsLocale } from "#ui-tools/i18n";
-export function getFilterOperatorLabel(options) {
-  const { t } = useUiToolsLocale();
-  const operator = options.operator ?? "is";
-  return t(`table.filters.operators.${operator}`);
-}