@majoo-ui/react 1.57.4 → 1.57.5

package/components/form/components/InputSelect/InputSelect.d.ts

@@ -587,7 +587,7 @@ export declare const SelectItem: import("@stitches/react/types/styled-component"
         backgroundColor: string;
     };
 }>>;
-export declare const SelectInputSearch: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLInputElement>>;
+export declare const SelectInputSearch: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLInputElement | HTMLButtonElement>>;
 export declare type Option = {
     value: string;
     name: string;
@@ -709,5 +709,5 @@ interface InputSelectProps extends Omit<DownshiftProps<Option>, 'initialSelected
      */
     renderFooter?: () => React.ReactNode;
 }
-export declare function InputSelect({ option, onChange, value, placeholder, searchPlaceholder, embedSearch, size, disabled, search, iconColor, hideArrowicon, showLeadingIcon, placement, disabledOptions, textSelector, valueSelector, readOnly, isInvalid, noOptionIcon, fetchData, onSearch, isLoading, showTooltip, css, renderFooter, ...props }: InputSelectProps): JSX.Element;
+declare const InputSelect: React.ForwardRefExoticComponent<InputSelectProps & React.RefAttributes<HTMLInputElement | HTMLButtonElement>>;
 export default InputSelect;

package/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useState, createContext, useContext, useEffect, useRef, useCallback, cloneElement, createElement as createElement$2, forwardRef, useLayoutEffect, useReducer, useMemo, memo } from 'react';
+import React__default, { useState, createContext, useContext, useEffect, useRef, useCallback, cloneElement, forwardRef, createElement as createElement$2, useLayoutEffect, useReducer, useMemo, memo } from 'react';
 import PropTypes from 'prop-types';
 import { createStitches, styled as styled$1 } from '@stitches/react';
 import { foundations } from '@majoo-ui/core';
@@ -9125,7 +9125,7 @@ const SelectInputSearch = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
     }, void 0)]
   }), void 0);
 });
-function InputSelect(_a) {
+const InputSelect = /*#__PURE__*/forwardRef((_a, ref) => {
   var {
       option,
       onChange,
@@ -9206,7 +9206,7 @@ function InputSelect(_a) {
     setItem(generatedOption);
     setOptions(generatedOption);
   }, [option, disabledOptions, valueSelector, textSelector]);
-  const debouncedSearch = React.useRef(debounce(query => __awaiter(this, void 0, void 0, function* () {
+  const debouncedSearch = React.useRef(debounce(query => __awaiter(void 0, void 0, void 0, function* () {
     setQuery(query);
     if (onSearch) onSearch(query);
   }), 1000)).current;
@@ -9292,6 +9292,7 @@ function InputSelect(_a) {
                   }
                 }, {
                   children: jsx(SelectInputSearch, {
+                    ref: ref,
                     showLeadingIcon: showLeadingIcon,
                     showClearIcon: hideArrowicon,
                     disabled: disabled,
@@ -9316,6 +9317,7 @@ function InputSelect(_a) {
                 }), void 0) : jsx(Button$3, Object.assign({}, getToggleButtonProps({
                   disabled: disabled || readOnly
                 }), {
+                  ref: ref,
                   disabled: disabled,
                   size: size,
                   readOnly: readOnly,
@@ -9474,7 +9476,7 @@ function InputSelect(_a) {
       }), void 0);
     }
   }), void 0);
-}
+});
 
 var tryToString$3 = tryToString$5;
 
@@ -16857,7 +16859,7 @@ function InputTimePicker({
     defaultValue: defaultValue,
     onChange: () => {},
     isPicker: true,
-    autocomplete: "false"
+    autoComplete: "false"
     // tabIndex="-1"
     ,
     __self: this,
@@ -17569,7 +17571,7 @@ function InputDateRangePicker(props) {
       // eslint-disable-next-line @typescript-eslint/no-empty-function
       onChange: () => {},
       isPicker: true,
-      autocomplete: "false"
+      autoComplete: "false"
     }, void 0)]
   }), void 0);
 }
@@ -17674,7 +17676,7 @@ function InputDatePicker({
           // eslint-disable-next-line @typescript-eslint/no-empty-function
           onChange: () => {},
           isPicker: true,
-          autocomplete: "false"
+          autoComplete: "false"
         }, void 0)]
       }), void 0);
     } else {

package/index.umd.js

@@ -9197,8 +9197,7 @@
       }, void 0)]
     }), void 0);
   });
-  function InputSelect(_a) {
-    var _this = this;
+  var InputSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var option = _a.option,
       onChange = _a.onChange,
       value = _a.value,
@@ -9311,7 +9310,7 @@
       setOptions(generatedOption);
     }, [option, disabledOptions, valueSelector, textSelector]);
     var debouncedSearch = React__namespace.useRef(debounce__default["default"](function (query) {
-      return __awaiter(_this, void 0, void 0, function () {
+      return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
           setQuery(query);
           if (onSearch) onSearch(query);
@@ -9406,6 +9405,7 @@
                     }
                   }, {
                     children: jsxRuntime.jsx(SelectInputSearch, {
+                      ref: ref,
                       showLeadingIcon: showLeadingIcon,
                       showClearIcon: hideArrowicon,
                       disabled: disabled,
@@ -9430,6 +9430,7 @@
                   }), void 0) : jsxRuntime.jsx(Button$3, __assign({}, getToggleButtonProps({
                     disabled: disabled || readOnly
                   }), {
+                    ref: ref,
                     disabled: disabled,
                     size: size,
                     readOnly: readOnly,
@@ -9592,7 +9593,7 @@
         }), void 0);
       }
     }), void 0);
-  }
+  });
 
   var tryToString$3 = tryToString$5;
 
@@ -17106,7 +17107,7 @@
       defaultValue: defaultValue,
       onChange: () => {},
       isPicker: true,
-      autocomplete: "false"
+      autoComplete: "false"
       // tabIndex="-1"
       ,
       __self: this,
@@ -17826,7 +17827,7 @@
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         onChange: function () {},
         isPicker: true,
-        autocomplete: "false"
+        autoComplete: "false"
       }, void 0)]
     }), void 0);
   }
@@ -17939,7 +17940,7 @@
             // eslint-disable-next-line @typescript-eslint/no-empty-function
             onChange: function () {},
             isPicker: true,
-            autocomplete: "false"
+            autoComplete: "false"
           }, void 0)]
         }), void 0);
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.57.4",
+  "version": "1.57.5",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",