nuxt-ui-tools 1.5.0 → 1.6.0

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

@@ -6,7 +6,7 @@ export function resolveDateFilterScalarPresets(options) {
   const now = options.now ?? /* @__PURE__ */ new Date();
   return presetDefinitions.map((preset) => {
     const resolved = {
-      label: resolveTextValue(preset.label),
+      label: presetLabel(preset, options.translate),
       value: resolveScalarPresetValue({ now, preset })
     };
     if (preset.description) {
@@ -20,7 +20,7 @@ export function resolveDateFilterRangePresets(options) {
   const now = options.now ?? /* @__PURE__ */ new Date();
   return presetDefinitions.map((preset) => {
     const resolved = {
-      label: resolveTextValue(preset.label),
+      label: presetLabel(preset, options.translate),
       value: resolveRangePresetValue({ now, preset })
     };
     if (preset.description) {
@@ -135,20 +135,29 @@ function endOfMonth(value) {
 function startOfYear(value) {
   return new Date(value.getFullYear(), 0, 1);
 }
+function presetLabel(preset, translate) {
+  if (translate && "key" in preset && typeof preset.key === "string") {
+    return translate(preset.key);
+  }
+  return resolveTextValue(preset.label);
+}
 const DEFAULT_SCALAR_PRESETS = {
   after: [
     {
       description: "Everything after today.",
+      key: "today",
       label: "Today",
       value: ({ now }) => startOfDay(now)
     },
     {
       description: "Everything after the last 7 days.",
+      key: "sevenDaysAgo",
       label: "7 days ago",
       value: ({ now }) => startOfDay(addDays(now, -7))
     },
     {
       description: "Everything after the first day of this year.",
+      key: "startOfYear",
       label: "Start of year",
       value: ({ now }) => startOfYear(now)
     }
@@ -156,16 +165,19 @@ const DEFAULT_SCALAR_PRESETS = {
   before: [
     {
       description: "Everything earlier than today.",
+      key: "today",
       label: "Today",
       value: ({ now }) => startOfDay(now)
     },
     {
       description: "Everything earlier than the last 7 days.",
+      key: "sevenDaysAgo",
       label: "7 days ago",
       value: ({ now }) => startOfDay(addDays(now, -7))
     },
     {
       description: "Everything before this month.",
+      key: "startOfMonth",
       label: "Start of month",
       value: ({ now }) => startOfMonth(now)
     }
@@ -173,16 +185,19 @@ const DEFAULT_SCALAR_PRESETS = {
   is: [
     {
       description: "Use the current day.",
+      key: "today",
       label: "Today",
       value: ({ now }) => startOfDay(now)
     },
     {
       description: "Use the previous day.",
+      key: "yesterday",
       label: "Yesterday",
       value: ({ now }) => startOfDay(addDays(now, -1))
     },
     {
       description: "Jump to the first day of this month.",
+      key: "startOfMonth",
       label: "Start of month",
       value: ({ now }) => startOfMonth(now)
     }
@@ -190,16 +205,19 @@ const DEFAULT_SCALAR_PRESETS = {
   isNot: [
     {
       description: "Exclude the current day.",
+      key: "today",
       label: "Today",
       value: ({ now }) => startOfDay(now)
     },
     {
       description: "Exclude the previous day.",
+      key: "yesterday",
       label: "Yesterday",
       value: ({ now }) => startOfDay(addDays(now, -1))
     },
     {
       description: "Exclude the first day of this month.",
+      key: "startOfMonth",
       label: "Start of month",
       value: ({ now }) => startOfMonth(now)
     }
@@ -208,6 +226,7 @@ const DEFAULT_SCALAR_PRESETS = {
 const DEFAULT_RANGE_PRESETS = [
   {
     description: "Only the current day.",
+    key: "today",
     label: "Today",
     value: ({ now }) => ({
       from: startOfDay(now),
@@ -216,6 +235,7 @@ const DEFAULT_RANGE_PRESETS = [
   },
   {
     description: "The previous 7 calendar days.",
+    key: "last7Days",
     label: "Last 7 days",
     value: ({ now }) => ({
       from: startOfDay(addDays(now, -6)),
@@ -224,6 +244,7 @@ const DEFAULT_RANGE_PRESETS = [
   },
   {
     description: "The previous 30 calendar days.",
+    key: "last30Days",
     label: "Last 30 days",
     value: ({ now }) => ({
       from: startOfDay(addDays(now, -29)),
@@ -232,6 +253,7 @@ const DEFAULT_RANGE_PRESETS = [
   },
   {
     description: "From the first day of this month until today.",
+    key: "thisMonth",
     label: "This month",
     value: ({ now }) => ({
       from: startOfMonth(now),
@@ -240,6 +262,7 @@ const DEFAULT_RANGE_PRESETS = [
   },
   {
     description: "The full previous month.",
+    key: "lastMonth",
     label: "Last month",
     value: ({ now }) => {
       const previousMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1);
@@ -251,6 +274,7 @@ const DEFAULT_RANGE_PRESETS = [
   },
   {
     description: "From the first day of the year until today.",
+    key: "yearToDate",
     label: "Year to date",
     value: ({ now }) => ({
       from: startOfYear(now),

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

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

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

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

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

@@ -0,0 +1,5 @@
+/** Reads the number being typed in a number field, which only commits its own value on blur. */
+export declare function parseTypedNumber(params: {
+    text: string;
+    locale: string;
+}): number | undefined;

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

@@ -0,0 +1,11 @@
+export function parseTypedNumber(params) {
+  const parts = new Intl.NumberFormat(params.locale).formatToParts(-1234.5);
+  const group = parts.find((part) => part.type === "group")?.value;
+  const decimal = parts.find((part) => part.type === "decimal")?.value ?? ".";
+  const normalized = (group ? params.text.replaceAll(group, "") : params.text).replaceAll(/\s/gu, "").replace(decimal, ".").replaceAll(/[^\d.-]/gu, "");
+  if (!/\d/u.test(normalized)) {
+    return void 0;
+  }
+  const value = Number(normalized);
+  return Number.isFinite(value) ? value : void 0;
+}

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

@@ -17,7 +17,7 @@ export function resolveTextFilterUi(definition, operator) {
     actions: resolveActions({ common: definition.actions }),
     autocomplete: definition.editor?.autocomplete ?? "off",
     clearOnOperatorChange: definition.behavior?.clearOnOperatorChange ?? true,
-    commitMode: definition.behavior?.commitMode ?? "manual",
+    commitMode: definition.behavior?.commitMode ?? "auto",
     input: {
       autofocus: definition.editor?.input?.autofocus ?? false,
       fixed: definition.editor?.input?.fixed ?? false,
@@ -64,7 +64,7 @@ export function resolveOptionFilterUi(definition, operator) {
     }),
     clearOnOperatorChange: definition.behavior?.clearOnOperatorChange ?? true,
     closeOnSelect: definition.editor?.closeOnSelect ?? false,
-    commitMode: definition.behavior?.commitMode ?? "manual",
+    commitMode: definition.behavior?.commitMode ?? "auto",
     labels: {
       empty: getFilterTextValue({
         fallback: t("table.filters.options.empty"),
@@ -124,7 +124,7 @@ export function resolveBooleanFilterUi(definition, operator) {
       local: labels
     }),
     clearOnOperatorChange: definition.behavior?.clearOnOperatorChange ?? true,
-    commitMode: definition.behavior?.commitMode ?? "manual",
+    commitMode: definition.behavior?.commitMode ?? "auto",
     icons: {
       false: icons.false,
       true: icons.true
@@ -167,7 +167,7 @@ export function resolveNumberFilterUi(definition, operator) {
   return {
     actions: resolveActions({ common: definition.actions }),
     clearOnOperatorChange: definition.behavior?.clearOnOperatorChange ?? true,
-    commitMode: definition.behavior?.commitMode ?? "manual",
+    commitMode: definition.behavior?.commitMode ?? "auto",
     formatOptions: definition.editor?.formatOptions,
     max: definition.editor?.max,
     min: definition.editor?.min,
@@ -238,7 +238,7 @@ export function resolveDateFilterUi(definition, operator) {
   return {
     actions: resolveActions({ common: definition.actions }),
     clearOnOperatorChange: definition.behavior?.clearOnOperatorChange ?? true,
-    commitMode: definition.behavior?.commitMode ?? "manual",
+    commitMode: definition.behavior?.commitMode ?? "auto",
     preview: resolveDatePreview({
       base: definition.preview,
       empty: t("table.filters.preview.empty"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-tools",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "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",