armtek-uikit-react 1.0.269 → 1.0.270

package/lib/esm/ui/Form/Select/Select.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { TextField } from "../TextField/TextField.js";
-import { forwardRef, useState, useRef, useImperativeHandle, useMemo } from "react";
+import { forwardRef, useState, useRef, useImperativeHandle, useLayoutEffect, useMemo } from "react";
 import clsx from "clsx";
 import useClickOutside from "../../../lib/hooks/useClickOutside.js";
 import ButtonIcon from "../../ButtonIcon/ButtonIcon.js";
@@ -37,6 +37,8 @@ function Select(props, ref) {
     beforeList,
     query,
     optionClassName,
+    onBlur: inputOnBlur,
+    onFocus: inputOnFocus,
     ...inputProps
   } = props;
   let [active, setActive] = useState(!!defaultOpen);
@@ -49,6 +51,40 @@ function Select(props, ref) {
   useImperativeHandle(ref, () => {
     return inputRef.current;
   }, []);
+  useLayoutEffect(() => {
+    var _a2;
+    if (value !== void 0 || multiple || search) return;
+    if (!inputRef.current) return;
+    const inputElement = inputRef.current;
+    const syncSelectedValue = (nextInputValue) => {
+      setSelected((prevSelected) => {
+        if (Array.isArray(prevSelected)) return prevSelected;
+        if (!nextInputValue) return prevSelected === "" ? prevSelected : "";
+        const optionExists = options.some((item) => getOptionValue(item) === nextInputValue);
+        if (!optionExists || prevSelected === nextInputValue) return prevSelected;
+        return nextInputValue;
+      });
+    };
+    syncSelectedValue(inputElement.value);
+    const inputValueDescriptor = Object.getOwnPropertyDescriptor(inputElement, "value");
+    if (!(inputValueDescriptor == null ? void 0 : inputValueDescriptor.get) || !(inputValueDescriptor == null ? void 0 : inputValueDescriptor.set)) return;
+    Object.defineProperty(inputElement, "value", {
+      configurable: true,
+      enumerable: (_a2 = inputValueDescriptor.enumerable) != null ? _a2 : true,
+      get() {
+        var _a3;
+        return (_a3 = inputValueDescriptor.get) == null ? void 0 : _a3.call(this);
+      },
+      set(nextValue) {
+        var _a3;
+        (_a3 = inputValueDescriptor.set) == null ? void 0 : _a3.call(this, nextValue);
+        syncSelectedValue(nextValue);
+      }
+    });
+    return () => {
+      Object.defineProperty(inputElement, "value", inputValueDescriptor);
+    };
+  }, [multiple, options, search, value]);
   const handleOpen = () => {
     if (open !== void 0) return;
     if (!inputProps.disabled) {
@@ -92,12 +128,14 @@ function Select(props, ref) {
   const handleSearch = (e) => {
     setQ(e.target.value);
   };
-  const handleFocus = search ? () => {
+  const handleFocus = search ? (e) => {
     setFocused(true);
-  } : void 0;
-  const handleBlur = !!search ? () => {
+    if (inputOnFocus) inputOnFocus(e);
+  } : inputOnFocus;
+  const handleBlur = !!search ? (e) => {
     setFocused(false);
-  } : void 0;
+    if (inputOnBlur) inputOnBlur(e);
+  } : inputOnBlur;
   const handleSelectAll = (e) => {
     if (props.disabled) return;
     let value2 = options.filter((item) => !item.disabled).map((item) => getOptionValue(item));

package/lib/esm/ui/Form/TimeField/TimeField.d.ts

@@ -5,6 +5,7 @@ declare const TimeField: import("react").ForwardRefExoticComponent<{
     value?: Date | string | null;
     showTime?: boolean;
     showTimeOnly?: boolean;
+    preserveIncompleteTimeInput?: boolean;
     inputProps?: Omit<import("../TextField").TextFieldProps, "onChange" | "value"> & import("../../../types/theme").DataAttributes;
     showMonthYearPicker?: boolean;
     showYearPicker?: boolean;
@@ -21,6 +22,7 @@ declare const TimeField: import("react").ForwardRefExoticComponent<{
     value?: Date | string | null;
     showTime?: boolean;
     showTimeOnly?: boolean;
+    preserveIncompleteTimeInput?: boolean;
     inputProps?: Omit<import("../TextField").TextFieldProps, "onChange" | "value"> & import("../../../types/theme").DataAttributes;
     showMonthYearPicker?: boolean;
     showYearPicker?: boolean;

package/lib/esm/ui/Form/TimeField/TimeField.js

@@ -2,7 +2,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { DateField } from "../DateField/DateField.js";
 import { forwardRef } from "react";
 const TimeField = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DateField, { ...props, showTime: true, ref, showTimeOnly: true }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DateField, { ...props, showTime: true, ref, showTimeOnly: true, preserveIncompleteTimeInput: true }) });
 });
 export {
   TimeField as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "armtek-uikit-react",
-  "version": "1.0.269",
+  "version": "1.0.270",
   "description": "Armtek UIKit for React",
   "main": "lib/cjs/index.cjs",
   "module": "lib/esm/index.js",
@@ -26,7 +26,7 @@
   "scripts": {
     "start": "storybook dev -p 3001 --no-open --config-dir ./config/storybook",
     "build:storybook": "storybook build --config-dir ./config/storybook",
-    "clean:build": "node -e \"const fs=require('fs'); fs.rmSync('lib',{recursive:true,force:true}); fs.rmSync('types',{recursive:true,force:true});\"",
+    "clean:build": "node -e \"const fs=require('fs'); const path=require('path'); const rmOpts={recursive:true,force:true,maxRetries:10,retryDelay:200}; const clean=(dir)=>{ if(!fs.existsSync(dir)) return; for (const entry of fs.readdirSync(dir)) fs.rmSync(path.join(dir, entry), rmOpts); }; clean('lib'); clean('types');\"",
     "build:esm": "vite build --config vite.config.ts --mode esm",
     "build:cjs": "vite build --config vite.config.ts --mode cjs",
     "build": "npm run clean:build && npm run build-types && npm run build:esm && npm run build:cjs && node config/postbuild-vite.mjs",
@@ -74,11 +74,11 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^9.1.7",
     "fs-extra": "^11.1.1",
     "identity-obj-proxy": "^3.0.0",
     "jsdom": "^26.1.0",
     "prettier": "^3.0.1",
+    "react-hook-form": "^7.73.1",
     "sass": "^1.84.0",
     "storybook": "^10.3.5",
     "ts-node": "^10.9.1",