@k3-universe/react-kit 0.0.42 → 0.0.44

package/dist/index.js

@@ -20229,15 +20229,23 @@ function Autocomplete({
   useImperativeHandle(
     ref,
     () => ({
-      reset: handleClear
+      reset: handleClear,
+      experimental_injectInternalOptions: (options2) => {
+        if (Array.isArray(options2)) {
+          options2.forEach((opt) => {
+            storeOption(opt);
+          });
+        }
+      }
     }),
-    [handleClear]
+    [handleClear, storeOption]
   );
   const showClearButton = clearable && (isMultiple && selectedItems.length > 0 || !isMultiple && currentValue !== null && currentValue !== void 0 && !Array.isArray(currentValue));
   return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       "div",
       {
+        inert: disabled,
         className: cn$1(
           "flex min-h-10 items-center gap-2 rounded-md border border-border bg-background px-3 py-2 text-sm",
           "ring-offset-background",
@@ -20372,6 +20380,7 @@ function AutocompleteField({
   onChange,
   className
 }) {
+  const acRef = useRef(null);
   const options = (field.options ?? []).filter(
     (o2) => o2.value !== null && o2.value !== void 0
   ).map((o2) => ({
@@ -20397,9 +20406,16 @@ function AutocompleteField({
       defaultValueShaped = typeof field.defaultValue === "string" || typeof field.defaultValue === "number" || field.defaultValue === null ? field.defaultValue : null;
     }
   }
+  useEffect(() => {
+    var _a2;
+    if (value == null || value === "") {
+      (_a2 = acRef.current) == null ? void 0 : _a2.reset();
+    }
+  }, [value]);
   return /* @__PURE__ */ jsx(
-    Autocomplete,
+    ForwardedRefAutocomplete,
     {
+      ref: acRef,
       mode: field.autocompleteMode ?? "client",
       options,
       fetcher: field.fetcher,
@@ -22516,6 +22532,15 @@ function DateField({
   onChange,
   className
 }) {
+  const parseDateValueForInput = (date2) => {
+    if (date2 instanceof Date) {
+      return date2.toISOString().split("T")[0];
+    }
+    if (typeof date2 === "string") {
+      return parseDateValueForInput(new Date(date2));
+    }
+    return "";
+  };
   return /* @__PURE__ */ jsx(
     Input,
     {
@@ -22523,7 +22548,10 @@ function DateField({
       disabled: field.disabled || field.readOnly,
       placeholder: field.placeholder,
       type: "date",
-      value: value ? new Date(value).toISOString().split("T")[0] : "",
+      value: parseDateValueForInput(value),
+      defaultValue: parseDateValueForInput(value),
+      min: parseDateValueForInput(field.minDate),
+      max: parseDateValueForInput(field.maxDate),
       onChange: (e2) => onChange(e2.target.value ? new Date(e2.target.value) : null)
     }
   );

package/dist/kit/builder/form/components/fields/AutocompleteField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/AutocompleteField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CA+ElB"}
+{"version":3,"file":"AutocompleteField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/AutocompleteField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAwFlB"}

package/dist/kit/builder/form/components/fields/DateField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAiBlB"}
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CA4BlB"}

package/dist/kit/components/autocomplete/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k3-universe/react-kit",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/kit/builder/form/components/fields/AutocompleteField.tsx

@@ -1,4 +1,5 @@
-import { Autocomplete } from '../../../../../kit/components/autocomplete/Autocomplete';
+import { useEffect, useRef } from 'react';
+import { ForwardedRefAutocomplete } from '../../../../../kit/components/autocomplete/Autocomplete';
 import type { AutocompleteOption } from '../../../../../kit/components/autocomplete/types';
 import type { FieldRenderProps } from './types';
 
@@ -8,6 +9,8 @@ export function AutocompleteField({
   onChange,
   className,
 }: FieldRenderProps) {
+  const acRef = useRef<any>(null);
+
   const options: AutocompleteOption[] = (field.options ?? [])
     .filter(
       (o): o is { label: string; value: string | number } =>
@@ -56,8 +59,15 @@ export function AutocompleteField({
     }
   }
 
+  useEffect(() => {
+    if (value == null || value === "") {
+      acRef.current?.reset();
+    }
+  }, [value]);
+
   return (
-    <Autocomplete
+    <ForwardedRefAutocomplete
+      ref={acRef}
       mode={field.autocompleteMode ?? 'client'}
       options={options}
       fetcher={field.fetcher}

package/src/kit/builder/form/components/fields/DateField.tsx

@@ -7,17 +7,28 @@ export function DateField({
   onChange,
   className,
 }: FieldRenderProps) {
+  const parseDateValueForInput = (date: unknown) => {
+    if (date instanceof Date) {
+      return date.toISOString().split('T')[0];
+    }
+
+    if (typeof date === 'string') {
+      return parseDateValueForInput(new Date(date));
+    }
+
+    return '';
+  }
+
   return (
     <Input
       className={className}
       disabled={field.disabled || field.readOnly}
       placeholder={field.placeholder}
       type="date"
-      value={
-        value
-          ? new Date(value as Date | string).toISOString().split('T')[0]
-          : ''
-      }
+      value={parseDateValueForInput(value)}
+      defaultValue={parseDateValueForInput(value)}
+      min={parseDateValueForInput(field.minDate)}
+      max={parseDateValueForInput(field.maxDate)}
       onChange={(e) =>
         onChange(e.target.value ? new Date(e.target.value) : null)
       }

package/src/kit/components/autocomplete/Autocomplete.tsx

@@ -502,8 +502,13 @@ export function Autocomplete<T = unknown>({
     ref,
     () => ({
       reset: handleClear,
+      experimental_injectInternalOptions: (options: AutocompleteOption[]) => {
+        if(Array.isArray(options)) {
+          options.forEach(opt => { storeOption(opt as never); })
+        }
+      },
     }),
-    [handleClear]
+    [handleClear, storeOption]
   );
 
   const showClearButton =
@@ -518,6 +523,7 @@ export function Autocomplete<T = unknown>({
     <Popover open={isOpen} onOpenChange={setIsOpen}>
       <PopoverTrigger asChild>
         <div
+          inert={disabled}
           className={cn(
             'flex min-h-10 items-center gap-2 rounded-md border border-border bg-background px-3 py-2 text-sm',
             'ring-offset-background',