@majoo-ui/react 1.57.9-rc.2 → 1.57.9-rc.3

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 | HTMLButtonElement>>;
+export declare const SelectInputSearch: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLInputElement>>;
 export declare type Option = {
     value: string;
     name: string;
@@ -713,5 +713,5 @@ interface InputSelectProps extends Omit<DownshiftProps<Option>, 'initialSelected
      */
     renderFooter?: () => React.ReactNode;
 }
-declare const InputSelect: React.ForwardRefExoticComponent<InputSelectProps & React.RefAttributes<HTMLInputElement | HTMLButtonElement>>;
+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, optionCss, ...props }: InputSelectProps): JSX.Element;
 export default InputSelect;

package/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useState, useEffect, createContext, useContext, useRef, useCallback, cloneElement, forwardRef, createElement as createElement$2, useLayoutEffect, useReducer, useMemo, memo } from 'react';
+import React__default, { useState, useEffect, createContext, useContext, useRef, useCallback, cloneElement, createElement as createElement$2, forwardRef, 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';
@@ -9097,7 +9097,7 @@ const SelectInputSearch = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
     }, void 0)]
   }), void 0);
 });
-const InputSelect = /*#__PURE__*/forwardRef((_a, ref) => {
+function InputSelect(_a) {
   var {
       option,
       onChange,
@@ -9179,7 +9179,7 @@ const InputSelect = /*#__PURE__*/forwardRef((_a, ref) => {
     setItem(generatedOption);
     setOptions(generatedOption);
   }, [option, disabledOptions, valueSelector, textSelector]);
-  const debouncedSearch = React.useRef(debounce(query => __awaiter(void 0, void 0, void 0, function* () {
+  const debouncedSearch = React.useRef(debounce(query => __awaiter(this, void 0, void 0, function* () {
     setQuery(query);
     if (onSearch) onSearch(query);
   }), 1000)).current;
@@ -9265,7 +9265,6 @@ const InputSelect = /*#__PURE__*/forwardRef((_a, ref) => {
                   }
                 }, {
                   children: jsx(SelectInputSearch, {
-                    ref: ref,
                     showLeadingIcon: showLeadingIcon,
                     showClearIcon: hideArrowicon,
                     disabled: disabled,
@@ -9290,7 +9289,6 @@ const InputSelect = /*#__PURE__*/forwardRef((_a, ref) => {
                 }), void 0) : jsx(Button$3, Object.assign({}, getToggleButtonProps({
                   disabled: disabled || readOnly
                 }), {
-                  ref: ref,
                   disabled: disabled,
                   size: size,
                   readOnly: readOnly,
@@ -9449,7 +9447,7 @@ const InputSelect = /*#__PURE__*/forwardRef((_a, ref) => {
       }), void 0);
     }
   }), void 0);
-});
+}
 
 var tryToString$3 = tryToString$5;
 

package/index.umd.js

@@ -9179,7 +9179,8 @@
       }, void 0)]
     }), void 0);
   });
-  var InputSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  function InputSelect(_a) {
+    var _this = this;
     var option = _a.option,
       onChange = _a.onChange,
       value = _a.value,
@@ -9293,7 +9294,7 @@
       setOptions(generatedOption);
     }, [option, disabledOptions, valueSelector, textSelector]);
     var debouncedSearch = React__namespace.useRef(debounce__default["default"](function (query) {
-      return __awaiter(void 0, void 0, void 0, function () {
+      return __awaiter(_this, void 0, void 0, function () {
         return __generator(this, function (_a) {
           setQuery(query);
           if (onSearch) onSearch(query);
@@ -9388,7 +9389,6 @@
                     }
                   }, {
                     children: jsxRuntime.jsx(SelectInputSearch, {
-                      ref: ref,
                       showLeadingIcon: showLeadingIcon,
                       showClearIcon: hideArrowicon,
                       disabled: disabled,
@@ -9413,7 +9413,6 @@
                   }), void 0) : jsxRuntime.jsx(Button$3, __assign({}, getToggleButtonProps({
                     disabled: disabled || readOnly
                   }), {
-                    ref: ref,
                     disabled: disabled,
                     size: size,
                     readOnly: readOnly,
@@ -9576,7 +9575,7 @@
         }), void 0);
       }
     }), void 0);
-  });
+  }
 
   var tryToString$3 = tryToString$5;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.57.9-rc.2",
+  "version": "1.57.9-rc.3",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",