@ballistix.digital/react-components 0.4.78 → 0.4.79

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import { TButtonElementStyles as TButtonElementStyles$1 } from 'components/Eleme
 import { TDropdownElementStyles as TDropdownElementStyles$1 } from 'components/Element/Dropdown';
 import { TPagePaginationNavigationStyles as TPagePaginationNavigationStyles$1 } from 'components/Navigation/PagePagination';
 export { createColumnHelper } from 'helpers/table';
+import { SelectValue } from 'react-tailwindcss-select/dist/components/type';
 
 declare const base$j: {
     loading: string;
@@ -790,16 +791,10 @@ type TSelectMenuFormProps = {
     isDisabled?: boolean;
     isClearable?: boolean;
     isSearchable?: boolean;
-    isMulti?: boolean;
+    isMultiple?: boolean;
     isDarkMode?: boolean;
     isSolo?: boolean;
-    onChange?: (value: {
-        value: string;
-        label: string;
-    }[] | {
-        value: string;
-        label: string;
-    } | string) => void;
+    onChange?: (value: SelectValue) => void;
     onSearchInputChange?: ((e: ChangeEvent<HTMLInputElement>) => void) | undefined;
     onClear: (name: string) => void;
     onBlur?: any;

package/dist/index.esm.js

@@ -2618,7 +2618,7 @@ const Select = ({ options = [], value = null, onChange, onSearchInputChange, pla
 
 var SelectMenuForm = function (props) {
     var _a;
-    var _b = props.name, name = _b === void 0 ? 'select-menu-form' : _b, label = props.label, description = props.description, placeholder = props.placeholder, options = props.options, required = props.required, value = props.value, error = props.error, _c = props.type, type = _c === void 0 ? 'normal' : _c, _d = props.isRequired, isRequired = _d === void 0 ? false : _d, isLoading = props.isLoading, _e = props.isTouched, isTouched = _e === void 0 ? false : _e, isDisabled = props.isDisabled, _f = props.isClearable, isClearable = _f === void 0 ? true : _f, _g = props.isMulti, isMulti = _g === void 0 ? false : _g, _h = props.isSearchable, isSearchable = _h === void 0 ? true : _h, _j = props.isSolo, isSolo = _j === void 0 ? false : _j, onChange = props.onChange, onSearchInputChange = props.onSearchInputChange, onClear = props.onClear, onBlur = props.onBlur, stylesOverrides = props.styles;
+    var _b = props.name, name = _b === void 0 ? 'select-menu-form' : _b, label = props.label, description = props.description, placeholder = props.placeholder, options = props.options, required = props.required, value = props.value, error = props.error, _c = props.type, type = _c === void 0 ? 'normal' : _c, _d = props.isRequired, isRequired = _d === void 0 ? false : _d, isLoading = props.isLoading, _e = props.isTouched, isTouched = _e === void 0 ? false : _e, isDisabled = props.isDisabled, _f = props.isClearable, isClearable = _f === void 0 ? true : _f, _g = props.isMultiple, isMultiple = _g === void 0 ? false : _g, _h = props.isSearchable, isSearchable = _h === void 0 ? true : _h, _j = props.isSolo, isSolo = _j === void 0 ? false : _j, onChange = props.onChange, onSearchInputChange = props.onSearchInputChange, onClear = props.onClear, onBlur = props.onBlur, stylesOverrides = props.styles;
     var _k = useState(value !== null && value !== void 0 ? value : null), state = _k[0], setState = _k[1];
     var _l = useState(true), isFocus = _l[0], setIsFocus = _l[1];
     var isValid = error === undefined;
@@ -2630,9 +2630,9 @@ var SelectMenuForm = function (props) {
         });
         return result;
     };
-    var handleChange = function (value) {
-        setState(value);
-        onChange && onChange(value === null || value === void 0 ? void 0 : value.value);
+    var handleChange = function (selectValue) {
+        setState(selectValue);
+        onChange && onChange(selectValue);
         setIsFocus(false);
     };
     var styles$1 = handleGenerateStyle();
@@ -2654,7 +2654,7 @@ var SelectMenuForm = function (props) {
                         //
                         placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.select, noOptionsMessage: (jsx("p", __assign({ className: styles$1.emptyState }, { children: (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.emptyState) !== null && _a !== void 0 ? _a : 'No results found' }))), searchInputPlaceholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.searchInput, 
                         //
-                        loading: isLoading, isDisabled: isDisabled, isClearable: isClearable, isMultiple: isMulti, isSearchable: isSearchable, 
+                        loading: isLoading, isDisabled: isDisabled, isClearable: isClearable, isMultiple: isMultiple, isSearchable: isSearchable, 
                         //
                         options: options, 
                         //

package/dist/index.js

@@ -2628,7 +2628,7 @@ const Select = ({ options = [], value = null, onChange, onSearchInputChange, pla
 
 var SelectMenuForm = function (props) {
     var _a;
-    var _b = props.name, name = _b === void 0 ? 'select-menu-form' : _b, label = props.label, description = props.description, placeholder = props.placeholder, options = props.options, required = props.required, value = props.value, error = props.error, _c = props.type, type = _c === void 0 ? 'normal' : _c, _d = props.isRequired, isRequired = _d === void 0 ? false : _d, isLoading = props.isLoading, _e = props.isTouched, isTouched = _e === void 0 ? false : _e, isDisabled = props.isDisabled, _f = props.isClearable, isClearable = _f === void 0 ? true : _f, _g = props.isMulti, isMulti = _g === void 0 ? false : _g, _h = props.isSearchable, isSearchable = _h === void 0 ? true : _h, _j = props.isSolo, isSolo = _j === void 0 ? false : _j, onChange = props.onChange, onSearchInputChange = props.onSearchInputChange, onClear = props.onClear, onBlur = props.onBlur, stylesOverrides = props.styles;
+    var _b = props.name, name = _b === void 0 ? 'select-menu-form' : _b, label = props.label, description = props.description, placeholder = props.placeholder, options = props.options, required = props.required, value = props.value, error = props.error, _c = props.type, type = _c === void 0 ? 'normal' : _c, _d = props.isRequired, isRequired = _d === void 0 ? false : _d, isLoading = props.isLoading, _e = props.isTouched, isTouched = _e === void 0 ? false : _e, isDisabled = props.isDisabled, _f = props.isClearable, isClearable = _f === void 0 ? true : _f, _g = props.isMultiple, isMultiple = _g === void 0 ? false : _g, _h = props.isSearchable, isSearchable = _h === void 0 ? true : _h, _j = props.isSolo, isSolo = _j === void 0 ? false : _j, onChange = props.onChange, onSearchInputChange = props.onSearchInputChange, onClear = props.onClear, onBlur = props.onBlur, stylesOverrides = props.styles;
     var _k = React.useState(value !== null && value !== void 0 ? value : null), state = _k[0], setState = _k[1];
     var _l = React.useState(true), isFocus = _l[0], setIsFocus = _l[1];
     var isValid = error === undefined;
@@ -2640,9 +2640,9 @@ var SelectMenuForm = function (props) {
         });
         return result;
     };
-    var handleChange = function (value) {
-        setState(value);
-        onChange && onChange(value === null || value === void 0 ? void 0 : value.value);
+    var handleChange = function (selectValue) {
+        setState(selectValue);
+        onChange && onChange(selectValue);
         setIsFocus(false);
     };
     var styles$1 = handleGenerateStyle();
@@ -2664,7 +2664,7 @@ var SelectMenuForm = function (props) {
                         //
                         placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.select, noOptionsMessage: (jsxRuntime.jsx("p", __assign({ className: styles$1.emptyState }, { children: (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.emptyState) !== null && _a !== void 0 ? _a : 'No results found' }))), searchInputPlaceholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.searchInput, 
                         //
-                        loading: isLoading, isDisabled: isDisabled, isClearable: isClearable, isMultiple: isMulti, isSearchable: isSearchable, 
+                        loading: isLoading, isDisabled: isDisabled, isClearable: isClearable, isMultiple: isMultiple, isSearchable: isSearchable, 
                         //
                         options: options, 
                         //

package/package.json

@@ -7,7 +7,7 @@
     "email": "info@ballistix.digital",
     "url": "https://ballistix.digital"
   },
-  "version": "0.4.78",
+  "version": "0.4.79",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.esm.js",