@ballistix.digital/react-components 0.4.73 → 0.4.75

package/dist/index.esm.js

@@ -1856,7 +1856,7 @@ var base$3 = {
         content: 'flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0',
     },
     panel: {
-        container: 'relative transform overflow-hidden rounded-lg bg-white w-full shadow-xl transition-all sm:w-full text-left',
+        container: 'relative transform rounded-lg bg-white w-full shadow-xl transition-all sm:w-full text-left',
         transition: {
             enter: 'ease-out duration-300',
             enterFrom: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95',
@@ -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, onBlur = props.onBlur, onClear = props.onClear, 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.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, stylesOverrides = props.styles;
     var _k = useState(value !== null && value !== void 0 ? value : null), state = _k[0], setState = _k[1];
     var isValid = error === undefined;
     var handleGenerateStyle = function () {
@@ -2632,7 +2632,6 @@ var SelectMenuForm = function (props) {
     var handleChange = function (value) {
         setState(value);
         onChange && onChange(value === null || value === void 0 ? void 0 : value.value);
-        onBlur && onBlur(value === null || value === void 0 ? void 0 : value.value);
     };
     var styles$1 = handleGenerateStyle();
     // Simulate onClear event.
@@ -2640,7 +2639,8 @@ var SelectMenuForm = function (props) {
         if (state === null) {
             onClear && onClear(name);
         }
-    }, [name, onClear, state]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state]);
     return (jsxs("div", __assign({ className: styles$1.container }, { children: [jsxs("div", __assign({ className: styles$1.head }, { children: [label && (jsx("label", __assign({ htmlFor: name, className: styles$1.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsx("span", __assign({ className: styles$1.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxs("div", __assign({ className: styles$1.container }, { children: [jsx(Select, { primaryColor: "primary", 
                         //
                         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, 

package/dist/index.js

@@ -1866,7 +1866,7 @@ var base$3 = {
         content: 'flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0',
     },
     panel: {
-        container: 'relative transform overflow-hidden rounded-lg bg-white w-full shadow-xl transition-all sm:w-full text-left',
+        container: 'relative transform rounded-lg bg-white w-full shadow-xl transition-all sm:w-full text-left',
         transition: {
             enter: 'ease-out duration-300',
             enterFrom: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95',
@@ -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, onBlur = props.onBlur, onClear = props.onClear, 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.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, stylesOverrides = props.styles;
     var _k = React.useState(value !== null && value !== void 0 ? value : null), state = _k[0], setState = _k[1];
     var isValid = error === undefined;
     var handleGenerateStyle = function () {
@@ -2642,7 +2642,6 @@ var SelectMenuForm = function (props) {
     var handleChange = function (value) {
         setState(value);
         onChange && onChange(value === null || value === void 0 ? void 0 : value.value);
-        onBlur && onBlur(value === null || value === void 0 ? void 0 : value.value);
     };
     var styles$1 = handleGenerateStyle();
     // Simulate onClear event.
@@ -2650,7 +2649,8 @@ var SelectMenuForm = function (props) {
         if (state === null) {
             onClear && onClear(name);
         }
-    }, [name, onClear, state]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state]);
     return (jsxRuntime.jsxs("div", __assign({ className: styles$1.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$1.head }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles$1.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", __assign({ className: styles$1.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxRuntime.jsxs("div", __assign({ className: styles$1.container }, { children: [jsxRuntime.jsx(Select, { primaryColor: "primary", 
                         //
                         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, 

package/package.json

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