@object-ui/fields 3.1.5 → 3.3.0

package/dist/packages/fields/src/widgets/useFieldTranslation.d.ts

@@ -0,0 +1,5 @@
+export declare const useFieldTranslation: () => {
+    t: (key: string, options?: Record<string, unknown>) => string;
+} | {
+    t: import('i18next').TFunction<string, undefined>;
+};

package/dist/rolldown-runtime-CAFD8bLK.js

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t };

package/dist/useFieldTranslation-BiQad4ar.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);var e=(0,require(`@object-ui/i18n`).createSafeTranslation)({"common.selectOption":`Select an option`,"common.select":`Select...`,"common.search":`Search`,"table.selected":`{{count}} selected`},`common.selectOption`);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/useFieldTranslation-Bv3oUVgb.js

@@ -0,0 +1,9 @@
+import { createSafeTranslation as e } from "@object-ui/i18n";
+var t = e({
+	"common.selectOption": "Select an option",
+	"common.select": "Select...",
+	"common.search": "Search",
+	"table.selected": "{{count}} selected"
+}, "common.selectOption");
+//#endregion
+export { t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/fields",
-  "version": "3.1.5",
+  "version": "3.3.0",
   "description": "Field renderers and registry for Object UI",
   "license": "MIT",
   "type": "module",
@@ -23,12 +23,13 @@
   ],
   "dependencies": {
     "clsx": "^2.1.1",
-    "lucide-react": "^0.577.0",
+    "lucide-react": "^1.8.0",
     "tailwind-merge": "^3.5.0",
-    "@object-ui/components": "3.1.5",
-    "@object-ui/core": "3.1.5",
-    "@object-ui/react": "3.1.5",
-    "@object-ui/types": "3.1.5"
+    "@object-ui/components": "3.3.0",
+    "@object-ui/core": "3.3.0",
+    "@object-ui/i18n": "3.3.0",
+    "@object-ui/react": "3.3.0",
+    "@object-ui/types": "3.3.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -38,8 +39,8 @@
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "typescript": "^5.9.3",
-    "vite": "^8.0.1",
+    "typescript": "^6.0.2",
+    "vite": "^8.0.8",
     "vite-plugin-dts": "^4.5.4"
   },
   "publishConfig": {

package/src/widgets/LookupField.tsx

@@ -14,6 +14,7 @@ import { RecordPickerDialog } from './RecordPickerDialog';
 import type { RecordPickerFilterColumn } from './RecordPickerDialog';
 import { getCellRendererResolver } from './_cell-renderer-bridge';
 import { SchemaRendererContext as ImportedSchemaRendererContext } from '@object-ui/react';
+import { useFieldTranslation } from './useFieldTranslation';
 
 export interface LookupOption {
   value: string | number;
@@ -79,6 +80,7 @@ function mapFieldTypeToFilterType(
 export function LookupField({ value, onChange, field, readonly, ...props }: FieldWidgetProps<any>) {
   const [isOpen, setIsOpen] = useState(false);
   const [searchQuery, setSearchQuery] = useState('');
+  const { t } = useFieldTranslation();
 
   // Dynamic data loading state
   const [fetchedOptions, setFetchedOptions] = useState<LookupOption[]>([]);
@@ -393,8 +395,8 @@ export function LookupField({ value, onChange, field, readonly, ...props }: Fiel
           >
             <Search className="mr-2 size-4" />
             {selectedOptions.length === 0 
-              ? lookupField?.placeholder || 'Select...'
-              : multiple ? `${selectedOptions.length} selected` : 'Change selection'
+              ? lookupField?.placeholder || t('common.select')
+              : multiple ? t('table.selected', { count: selectedOptions.length }) : t('common.select')
             }
           </Button>
         </PopoverTrigger>
@@ -404,7 +406,7 @@ export function LookupField({ value, onChange, field, readonly, ...props }: Fiel
             <div className="relative">
               <Search className="absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" />
               <Input
-                placeholder="Search..."
+                placeholder={t('common.search') + '...'}
                 value={searchQuery}
                 onChange={(e) => handleSearchChange(e.target.value)}
                 onKeyDown={handleSearchKeyDown}

package/src/widgets/SelectField.tsx

@@ -7,6 +7,7 @@ import {
   SelectValue 
 } from '@object-ui/components';
 import { SelectFieldMetadata } from '@object-ui/types';
+import { useFieldTranslation } from './useFieldTranslation';
 import { FieldWidgetProps } from './types';
 
 /**
@@ -16,6 +17,7 @@ import { FieldWidgetProps } from './types';
 export function SelectField({ value, onChange, field, readonly, ...props }: FieldWidgetProps<string>) {
   const config = (field || (props as any).schema) as SelectFieldMetadata;
   const options = config?.options || [];
+  const { t } = useFieldTranslation();
 
   if (readonly) {
     const option = options.find((o) => o.value === value);
@@ -30,7 +32,7 @@ export function SelectField({ value, onChange, field, readonly, ...props }: Fiel
       disabled={readonly || props.disabled}
     >
       <SelectTrigger className={props.className} id={props.id}>
-        <SelectValue placeholder={config?.placeholder || "Select an option"} />
+        <SelectValue placeholder={config?.placeholder || t('common.selectOption')} />
       </SelectTrigger>
       <SelectContent position="popper">
         {options.map((option) => (

package/src/widgets/useFieldTranslation.ts

@@ -0,0 +1,17 @@
+/**
+ * Safe translation hook for field widgets.
+ * Falls back to English defaults when no I18nProvider is available.
+ */
+import { createSafeTranslation } from '@object-ui/i18n';
+
+const FIELD_DEFAULTS: Record<string, string> = {
+  'common.selectOption': 'Select an option',
+  'common.select': 'Select...',
+  'common.search': 'Search',
+  'table.selected': '{{count}} selected',
+};
+
+export const useFieldTranslation = createSafeTranslation(
+  FIELD_DEFAULTS,
+  'common.selectOption',
+);

package/dist/AddressField-B6fPb2Fs.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { AddressField as e } from "./index.js";
-export { e as AddressField };

package/dist/AddressField-Ctsxkj35.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.AddressField=e.AddressField;

package/dist/AutoNumberField-DXIYJfiB.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { AutoNumberField as e } from "./index.js";
-export { e as AutoNumberField };

package/dist/AutoNumberField-f76XU1bR.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.AutoNumberField=e.AutoNumberField;

package/dist/AvatarField-BHpex3Wa.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { AvatarField as e } from "./index.js";
-export { e as AvatarField };

package/dist/AvatarField-CXOdYavl.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.AvatarField=e.AvatarField;

package/dist/BooleanField-Bs0urhsx.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { BooleanField as e } from "./index.js";
-export { e as BooleanField };

package/dist/BooleanField-DeexI_O2.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.BooleanField=e.BooleanField;

package/dist/CodeField-DDOMH8E8.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.CodeField=e.CodeField;

package/dist/CodeField-tRACqngO.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { CodeField as e } from "./index.js";
-export { e as CodeField };

package/dist/ColorField-Bar6bOJw.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { ColorField as e } from "./index.js";
-export { e as ColorField };

package/dist/ColorField-CM9CxZ9h.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.ColorField=e.ColorField;

package/dist/CurrencyField-CezTX_rA.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.CurrencyField=e.CurrencyField;

package/dist/CurrencyField-D4VwXI9k.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { CurrencyField as e } from "./index.js";
-export { e as CurrencyField };

package/dist/DateField-DDUllj7w.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.DateField=e.DateField;

package/dist/DateField-DjGiK6BH.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { DateField as e } from "./index.js";
-export { e as DateField };

package/dist/DateTimeField-DBh-dYdR.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { DateTimeField as e } from "./index.js";
-export { e as DateTimeField };

package/dist/DateTimeField-DDqgVN3b.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.DateTimeField=e.DateTimeField;

package/dist/EmailField-B-3nY8Pr.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.EmailField=e.EmailField;

package/dist/EmailField-Cp6yJlpH.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { EmailField as e } from "./index.js";
-export { e as EmailField };

package/dist/FileField-C1bcL7tu.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.FileField=e.FileField;

package/dist/FileField-DUgt6ai3.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { FileField as e } from "./index.js";
-export { e as FileField };

package/dist/FormulaField-BLV1KgkQ.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { FormulaField as e } from "./index.js";
-export { e as FormulaField };

package/dist/FormulaField-CsbQIZ7S.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.FormulaField=e.FormulaField;

package/dist/GeolocationField-BbIRH51u.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { GeolocationField as e } from "./index.js";
-export { e as GeolocationField };

package/dist/GeolocationField-UFu9VR-x.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.GeolocationField=e.GeolocationField;

package/dist/GridField-2m74haE0.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.GridField=e.GridField;

package/dist/GridField-O3Jd1NuJ.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { GridField as e } from "./index.js";
-export { e as GridField };

package/dist/ImageField-Cna7g6KL.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.ImageField=e.ImageField;

package/dist/ImageField-rc1Nzcvb.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { ImageField as e } from "./index.js";
-export { e as ImageField };

package/dist/LocationField-DpRe9QlH.cjs

@@ -1 +0,0 @@
-require(`./jsx-runtime-DHCF5ANT.cjs`);const e=require(`./index.cjs`);exports.LocationField=e.LocationField;

package/dist/LocationField-QZPPYo0J.js

@@ -1,3 +0,0 @@
-import "./jsx-runtime-MxADXuRH.js";
-import { LocationField as e } from "./index.js";
-export { e as LocationField };