npm - @ballistix.digital/react-components - Versions diffs - 9.5.1 → 9.5.3-rc-372.0 - Mend

@ballistix.digital/react-components 9.5.1 → 9.5.3-rc-372.0

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.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -2296,7 +2296,6 @@ const $0c7305af577f9538$var$styles = {
 var $0c7305af577f9538$export$2e2bcd8739ae039 = $0c7305af577f9538$var$styles;
-const $cb1b9d36d0757897$var$searchPrefix = '__search__';
 const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
     const { name: name = 'select-menu-form', label: label, description: description, hint: hint, placeholder: placeholder, options: options, required: required, value: value, error: error, isRequired: isRequired = false, isLoading: isLoading, isTouched: isTouched = false, isDisabled: isDisabled, isClearable: isClearable = true, isMultiple: isMultiple = false, isSearchable: isSearchable = true, isSolo: isSolo = false, isOptionalLabelHidden: isOptionalLabelHidden = false, onChange: onChange, onSearchInputChange: onSearchInputChange, onClear: onClear, onBlur: onBlur, searchInputOptionRenderer: searchInputOptionRenderer, dataTestId: dataTestId, styles: stylesOverrides } = props;
     const [isFocus, setIsFocus] = (0, $iA2ta$react.useState)(true);
@@ -2329,7 +2328,8 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
             ...options,
             {
                 label: searchValue,
-                value: $cb1b9d36d0757897$var$searchPrefix + searchValue
+                value: searchValue,
+                isSearch: true
             }
         ];
     }, [
@@ -2391,6 +2391,25 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
     }, [
         error
     ]);
+    const handleFormatOptionLabel = (data)=>{
+        if (searchInputOptionRenderer && !!data.isSearch) {
+            const tagItem = (0, $iA2ta$reactjsxruntime.jsx)("div", {
+                className: styles.tagItem,
+                children: (0, $iA2ta$reactjsxruntime.jsx)("p", {
+                    className: styles.tagItemText,
+                    children: data.label
+                })
+            });
+            return (0, $iA2ta$reactjsxruntime.jsx)("div", {
+                className: styles.listItem,
+                children: searchInputOptionRenderer(tagItem)
+            });
+        }
+        return (0, $iA2ta$reactjsxruntime.jsx)("div", {
+            className: styles.listItem,
+            children: data.label
+        });
+    };
     return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
         className: styles.container,
         "data-testid": selectDataTestId,
@@ -2435,28 +2454,7 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
                             onChange: handleChange,
                             onSearchInputChange: handleSearchInputChange,
                             //
-                            formatOptionLabel: (data)=>{
-                                if (searchInputOptionRenderer && data.value.startsWith($cb1b9d36d0757897$var$searchPrefix)) {
-                                    const tagItem = (0, $iA2ta$reactjsxruntime.jsx)("div", {
-                                        className: styles.listItem,
-                                        children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
-                                            className: styles.tagItem,
-                                            children: (0, $iA2ta$reactjsxruntime.jsx)("p", {
-                                                className: styles.tagItemText,
-                                                children: data.label
-                                            })
-                                        })
-                                    });
-                                    return (0, $iA2ta$reactjsxruntime.jsx)("div", {
-                                        className: styles.listItem,
-                                        children: searchInputOptionRenderer(tagItem)
-                                    });
-                                }
-                                return (0, $iA2ta$reactjsxruntime.jsx)("div", {
-                                    className: styles.listItem,
-                                    children: data.label
-                                });
-                            },
+                            formatOptionLabel: searchInputOptionRenderer ? handleFormatOptionLabel : undefined,
                             classNames: {
                                 menuButton: ()=>(0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, `bx-select-menu-${name}`, state === null && '*:text-gray-300! ', state === null && !isValid && isTouched && '*:text-red-300!'),
                                 menu: styles.menu,
@@ -5692,11 +5690,13 @@ const $b59f83fca3d8e62d$var$CheckboxInput = (props)=>{
                     (0, $iA2ta$reactjsxruntime.jsx)("label", {
                         htmlFor: name,
                         className: styles.label,
+                        onClick: handleClick,
                         children: title
                     }),
                     description && (0, $iA2ta$reactjsxruntime.jsx)("p", {
                         id: `${name}-description`,
                         className: styles.description,
+                        onClick: handleClick,
                         children: description
                     })
                 ]