@ballistix.digital/react-components 0.4.75 → 0.4.77
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +11 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +11 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -2618,8 +2618,9 @@ const Select = ({ options = [], value = null, onChange, onSearchInputChange, pla
|
|
|
2618
2618
|
|
|
2619
2619
|
var SelectMenuForm = function (props) {
|
|
2620
2620
|
var _a;
|
|
2621
|
-
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;
|
|
2621
|
+
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;
|
|
2622
2622
|
var _k = useState(value !== null && value !== void 0 ? value : null), state = _k[0], setState = _k[1];
|
|
2623
|
+
var _l = useState(true), isFocus = _l[0], setIsFocus = _l[1];
|
|
2623
2624
|
var isValid = error === undefined;
|
|
2624
2625
|
var handleGenerateStyle = function () {
|
|
2625
2626
|
var result = deepCopyObject(styles.base);
|
|
@@ -2632,6 +2633,7 @@ var SelectMenuForm = function (props) {
|
|
|
2632
2633
|
var handleChange = function (value) {
|
|
2633
2634
|
setState(value);
|
|
2634
2635
|
onChange && onChange(value === null || value === void 0 ? void 0 : value.value);
|
|
2636
|
+
setIsFocus(false);
|
|
2635
2637
|
};
|
|
2636
2638
|
var styles$1 = handleGenerateStyle();
|
|
2637
2639
|
// Simulate onClear event.
|
|
@@ -2641,7 +2643,14 @@ var SelectMenuForm = function (props) {
|
|
|
2641
2643
|
}
|
|
2642
2644
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
2643
2645
|
}, [state]);
|
|
2644
|
-
|
|
2646
|
+
// Simulate onBlur event.
|
|
2647
|
+
useEffect(function () {
|
|
2648
|
+
if (!isFocus) {
|
|
2649
|
+
onBlur && onBlur();
|
|
2650
|
+
}
|
|
2651
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
2652
|
+
}, [isFocus]);
|
|
2653
|
+
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, onBlur: onBlur }, { children: [jsx(Select, { primaryColor: "primary",
|
|
2645
2654
|
//
|
|
2646
2655
|
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,
|
|
2647
2656
|
//
|