armtek-uikit-react 1.0.276 → 1.0.278

package/lib/cjs/ui/Form/Select/Select.cjs

@@ -38,6 +38,7 @@ function Select(props, ref) {
     afterList,
     beforeList,
     query,
+    onQueryChange,
     optionClassName,
     onBlur: inputOnBlur,
     onFocus: inputOnFocus,
@@ -46,13 +47,18 @@ function Select(props, ref) {
   let [active, setActive] = React.useState(!!defaultOpen);
   let [selected, setSelected] = React.useState(defaultValue || (multiple ? [] : ""));
   let [focused, setFocused] = React.useState(false);
-  let [q, setQ] = React.useState("");
+  let [q, setQ] = React.useState(defaultQuery || "");
   const anchorEl = React.useRef(null);
   const inlineOptRef = lib_hooks_useClickOutside.default(handleClose);
   const inputRef = React.useRef(null);
+  const realQuery = query !== void 0 ? query : q;
   React.useImperativeHandle(ref, () => {
     return inputRef.current;
   }, []);
+  const setSearchQuery = (nextQuery) => {
+    if (query === void 0) setQ(nextQuery);
+    if (onQueryChange) onQueryChange(nextQuery);
+  };
   React.useLayoutEffect(() => {
     var _a2;
     if (value !== void 0 || multiple || search) return;
@@ -123,12 +129,12 @@ function Select(props, ref) {
       onChange(e);
     }
     if (search && !multiple) {
-      setQ(options.find((item) => getOptionValue(item) === newValueS).text);
+      setSearchQuery(options.find((item) => getOptionValue(item) === newValueS).text);
     }
     if (!multiple) handleClose();
   };
   const handleSearch = (e) => {
-    setQ(e.target.value);
+    setSearchQuery(e.target.value);
   };
   const handleFocus = search ? (e) => {
     setFocused(true);
@@ -159,7 +165,7 @@ function Select(props, ref) {
     if (props.disabled) return;
     setSelected(multiple ? [] : "");
     if (search) {
-      setQ("");
+      setSearchQuery("");
       setFocused(false);
       if (inputRef.current) inputRef.current.value = "";
     }
@@ -183,7 +189,7 @@ function Select(props, ref) {
   let realValue = value !== void 0 ? value : selected;
   let realActive = open !== void 0 ? open : active;
   let selectedText = multiple ? options.filter((item) => realValue == null ? void 0 : realValue.includes(getOptionValue(item))).map((item) => item.text).join(", ") : ((_a = options.find((item) => getOptionValue(item) === realValue)) == null ? void 0 : _a.text) || "";
-  if (!!search) options = options.filter((item) => item.text.toLowerCase().includes(q.toLowerCase()));
+  if (!!search) options = options.filter((item) => item.text.toLowerCase().includes(realQuery.toLowerCase()));
   let valueArr = realValue ? Array.isArray(realValue) ? realValue : [realValue] : [];
   let selectedOptions = options.filter((item) => valueArr.includes(getOptionValue(item)));
   let displayClear = clear && (multiple ? realValue && realValue.length > 0 : !!realValue);
@@ -206,8 +212,7 @@ function Select(props, ref) {
   const cachedStyles = React.useMemo(() => ({
     pointerEvents: "none"
   }), []);
-  const realQuery = query !== void 0 ? query : q;
-  let textInputValue = !search ? selectedText : value !== void 0 && !q ? selectedText : realQuery;
+  let textInputValue = !search ? selectedText : value !== void 0 && !realQuery ? selectedText : realQuery;
   if (search && multiple) textInputValue = realQuery;
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className, "data-testid": "select", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "arm-select", children: [

package/lib/cjs/ui/Form/Select/Select.d.ts

@@ -18,6 +18,7 @@ type SelectBaseProps = {
     onSubmit?: () => void;
     defaultQuery?: string;
     query?: string;
+    onQueryChange?: (query: string) => void;
     optionControls?: boolean;
     afterList?: string | ReactNode;
     beforeList?: string | ReactNode;

package/lib/cjs/ui/Slider/Slider.cjs

@@ -1,28 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
-const RcSliderModule = require("rc-slider");
+const RcSliderImport = require("rc-slider");
 ;/* empty css             */
 const ui_HelperText_HelperText = require("../HelperText/HelperText.cjs");
 const clsx = require("clsx");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const RcSliderModule__namespace = /* @__PURE__ */ _interopNamespaceDefault(RcSliderModule);
-const RcSlider = "default" in RcSliderModule__namespace ? RcSliderModule__namespace.default : RcSliderModule__namespace;
+const RcSlider = RcSliderImport.default || RcSliderImport;
 function Slider(props) {
   const {
     size = "large",

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

@@ -18,6 +18,7 @@ type SelectBaseProps = {
     onSubmit?: () => void;
     defaultQuery?: string;
     query?: string;
+    onQueryChange?: (query: string) => void;
     optionControls?: boolean;
     afterList?: string | ReactNode;
     beforeList?: string | ReactNode;

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

@@ -36,6 +36,7 @@ function Select(props, ref) {
     afterList,
     beforeList,
     query,
+    onQueryChange,
     optionClassName,
     onBlur: inputOnBlur,
     onFocus: inputOnFocus,
@@ -44,13 +45,18 @@ function Select(props, ref) {
   let [active, setActive] = useState(!!defaultOpen);
   let [selected, setSelected] = useState(defaultValue || (multiple ? [] : ""));
   let [focused, setFocused] = useState(false);
-  let [q, setQ] = useState("");
+  let [q, setQ] = useState(defaultQuery || "");
   const anchorEl = useRef(null);
   const inlineOptRef = useClickOutside(handleClose);
   const inputRef = useRef(null);
+  const realQuery = query !== void 0 ? query : q;
   useImperativeHandle(ref, () => {
     return inputRef.current;
   }, []);
+  const setSearchQuery = (nextQuery) => {
+    if (query === void 0) setQ(nextQuery);
+    if (onQueryChange) onQueryChange(nextQuery);
+  };
   useLayoutEffect(() => {
     var _a2;
     if (value !== void 0 || multiple || search) return;
@@ -121,12 +127,12 @@ function Select(props, ref) {
       onChange(e);
     }
     if (search && !multiple) {
-      setQ(options.find((item) => getOptionValue(item) === newValueS).text);
+      setSearchQuery(options.find((item) => getOptionValue(item) === newValueS).text);
     }
     if (!multiple) handleClose();
   };
   const handleSearch = (e) => {
-    setQ(e.target.value);
+    setSearchQuery(e.target.value);
   };
   const handleFocus = search ? (e) => {
     setFocused(true);
@@ -157,7 +163,7 @@ function Select(props, ref) {
     if (props.disabled) return;
     setSelected(multiple ? [] : "");
     if (search) {
-      setQ("");
+      setSearchQuery("");
       setFocused(false);
       if (inputRef.current) inputRef.current.value = "";
     }
@@ -181,7 +187,7 @@ function Select(props, ref) {
   let realValue = value !== void 0 ? value : selected;
   let realActive = open !== void 0 ? open : active;
   let selectedText = multiple ? options.filter((item) => realValue == null ? void 0 : realValue.includes(getOptionValue(item))).map((item) => item.text).join(", ") : ((_a = options.find((item) => getOptionValue(item) === realValue)) == null ? void 0 : _a.text) || "";
-  if (!!search) options = options.filter((item) => item.text.toLowerCase().includes(q.toLowerCase()));
+  if (!!search) options = options.filter((item) => item.text.toLowerCase().includes(realQuery.toLowerCase()));
   let valueArr = realValue ? Array.isArray(realValue) ? realValue : [realValue] : [];
   let selectedOptions = options.filter((item) => valueArr.includes(getOptionValue(item)));
   let displayClear = clear && (multiple ? realValue && realValue.length > 0 : !!realValue);
@@ -204,8 +210,7 @@ function Select(props, ref) {
   const cachedStyles = useMemo(() => ({
     pointerEvents: "none"
   }), []);
-  const realQuery = query !== void 0 ? query : q;
-  let textInputValue = !search ? selectedText : value !== void 0 && !q ? selectedText : realQuery;
+  let textInputValue = !search ? selectedText : value !== void 0 && !realQuery ? selectedText : realQuery;
   if (search && multiple) textInputValue = realQuery;
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className, "data-testid": "select", children: [
     /* @__PURE__ */ jsxs("div", { className: "arm-select", children: [

package/lib/esm/ui/Slider/Slider.js

@@ -1,9 +1,9 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import * as RcSliderModule from "rc-slider";
+import RcSliderImport from "rc-slider";
 /* empty css           */
 import HelperText from "../HelperText/HelperText.js";
 import clsx from "clsx";
-const RcSlider = "default" in RcSliderModule ? RcSliderModule.default : RcSliderModule;
+const RcSlider = RcSliderImport.default || RcSliderImport;
 function Slider(props) {
   const {
     size = "large",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "armtek-uikit-react",
-  "version": "1.0.276",
+  "version": "1.0.278",
   "description": "Armtek UIKit for React",
   "main": "lib/cjs/index.cjs",
   "module": "lib/esm/index.js",