@ballistix.digital/react-components 9.4.1-rc-357.0 → 9.4.1-rc-360.0

package/dist/index.js

@@ -986,7 +986,7 @@ var $1a23dea933d8729b$export$2e2bcd8739ae039 = $1a23dea933d8729b$var$styles;
 
 
 const $88f571169cf61789$var$Button = (props)=>{
-    const { children: children, innerRef: innerRef, htmlType: htmlType = 'button', dataCy: dataCy, dataTestid: dataTestid, type: type = 'primary', size: size = 'md', figure: figure = 'block', status: status = 'idle', isDisabled: isDisabled, styles: stylesOverrides, onClick: onClick } = props;
+    const { children: children, innerRef: innerRef, htmlType: htmlType = 'button', dataCy: dataCy, dataTestId: dataTestId, type: type = 'primary', size: size = 'md', figure: figure = 'block', status: status = 'idle', isDisabled: isDisabled, styles: stylesOverrides, onClick: onClick } = props;
     const handleGenerateStyle = ()=>{
         const result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $1a23dea933d8729b$export$2e2bcd8739ae039).base);
         const keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $1a23dea933d8729b$export$2e2bcd8739ae039).base);
@@ -1005,7 +1005,7 @@ const $88f571169cf61789$var$Button = (props)=>{
         },
         ref: innerRef,
         "data-cy": dataCy,
-        "data-testid": dataTestid,
+        "data-test-id": dataTestId,
         children: [
             status === 'idle' && children,
             status === 'loading' && (0, $iA2ta$reactjsxruntime.jsxs)("div", {
@@ -1727,7 +1727,7 @@ const $c474e734ef48f77c$var$InputGroup = (props)=>{
                                 onClick: onClick,
                                 onKeyDown: onKeyDown
                             }),
-                            htmlType === 'text' && isClearable && (0, $iA2ta$reactjsxruntime.jsx)("div", {
+                            (htmlType === 'text' || htmlType === 'email') && isClearable && (0, $iA2ta$reactjsxruntime.jsx)("div", {
                                 className: "right-5 px-2 absolute cursor-pointer hover:opacity-60",
                                 onClick: onClear,
                                 children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
@@ -2298,12 +2298,12 @@ 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, isSearchOptionEnabled: isSearchOptionEnabled = false, searchInputOptionRenderer: searchInputOptionRenderer, dataTestid: dataTestid, styles: stylesOverrides } = 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);
     const [state, setState] = (0, $iA2ta$react.useState)(value ?? null);
     const [searchValue, setSearchValue] = (0, $iA2ta$react.useState)();
     const isValid = error === undefined;
-    const selectDataTestid = dataTestid ?? `form-select-${name}`;
+    const selectDataTestId = dataTestId ?? `form-select-${name}`;
     const handleGenerateStyle = ()=>{
         const result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $0c7305af577f9538$export$2e2bcd8739ae039).base);
         const keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $0c7305af577f9538$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base));
@@ -2316,14 +2316,14 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
         setState(selectValue);
         onChange && onChange(selectValue);
         setIsFocus(false);
-        if (isSearchOptionEnabled) setSearchValue(null);
+        if (searchInputOptionRenderer) setSearchValue(null);
     };
     const handleSearchInputChange = (e)=>{
-        if (isSearchOptionEnabled) setSearchValue(e.target.value);
+        if (searchInputOptionRenderer) setSearchValue(e.target.value);
         onSearchInputChange?.(e);
     };
     const computedOptions = (0, $iA2ta$react.useMemo)(()=>{
-        if (!isSearchOptionEnabled || !searchValue) return options;
+        if (!searchInputOptionRenderer || !searchValue) return options;
         if (options.some((opt)=>opt.label.toLowerCase().includes(searchValue.toLowerCase()))) return options;
         return [
             ...options,
@@ -2333,7 +2333,7 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
             }
         ];
     }, [
-        isSearchOptionEnabled,
+        searchInputOptionRenderer,
         options,
         searchValue
     ]);
@@ -2368,7 +2368,7 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
     ]);
     // Reset search value when the dropdown closes (aria-expanded → false).
     (0, $iA2ta$react.useEffect)(()=>{
-        if (!isSearchOptionEnabled) return;
+        if (!searchInputOptionRenderer) return;
         const targetNode = document.querySelector(`.bx-select-menu-${name}`);
         if (!targetNode) return;
         const observer = new MutationObserver((mutations)=>{
@@ -2382,7 +2382,7 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
         });
         return ()=>observer.disconnect();
     }, [
-        isSearchOptionEnabled,
+        searchInputOptionRenderer,
         name
     ]);
     const formattedError = (0, $iA2ta$react.useMemo)(()=>{
@@ -2393,11 +2393,11 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
     ]);
     return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
         className: styles.container,
-        "data-testid": selectDataTestid,
+        "data-testid": selectDataTestId,
         onBlur: (e)=>{
             if (!e.currentTarget.contains(e.relatedTarget)) {
                 setIsFocus(false);
-                if (isSearchOptionEnabled) setSearchValue('');
+                if (searchInputOptionRenderer) setSearchValue('');
             }
         },
         children: [
@@ -2416,7 +2416,7 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
                     (0, $iA2ta$reactjsxruntime.jsx)("div", {
                         id: `select-menu-control-${name}`,
                         "data-cy": `form-select-${name}`,
-                        "data-testid": `${selectDataTestid}-control`,
+                        "data-testid": `${selectDataTestId}-control`,
                         children: (0, $iA2ta$reactjsxruntime.jsx)((0, ($parcel$interopDefault($iA2ta$reacttailwindcssselect))), {
                             primaryColor: "primary",
                             //
@@ -2436,7 +2436,7 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
                             onSearchInputChange: handleSearchInputChange,
                             //
                             formatOptionLabel: (data)=>{
-                                if (isSearchOptionEnabled && searchInputOptionRenderer && data.value.startsWith($cb1b9d36d0757897$var$searchPrefix)) {
+                                if (searchInputOptionRenderer && data.value.startsWith($cb1b9d36d0757897$var$searchPrefix)) {
                                     const tagItem = (0, $iA2ta$reactjsxruntime.jsx)("div", {
                                         className: styles.tagItem,
                                         children: (0, $iA2ta$reactjsxruntime.jsx)("p", {
@@ -3724,11 +3724,11 @@ const $51d5596368acf759$var$TableList2 = (props)=>{
         if (column.getIsSorted()) return column.getIsSorted() === 'asc' ? (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
             accessor: "chevron-up",
             type: "solid",
-            className: "h-4 w-4"
+            className: "h-3! w-3!"
         }) : (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
             accessor: "chevron-down",
             type: "solid",
-            className: "h-4 w-4"
+            className: "h-3! w-3!"
         });
         return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
             className: "h-5 w-5 flex flex-col items-center justify-center",
@@ -3736,12 +3736,12 @@ const $51d5596368acf759$var$TableList2 = (props)=>{
                 (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
                     accessor: "chevron-up",
                     type: "solid",
-                    className: "translate-y-1/5 h-3 w-3"
+                    className: "translate-y-1/12 h-2.5! w-2.5!"
                 }),
                 (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
                     accessor: "chevron-down",
                     type: "solid",
-                    className: "-translate-y-1/5 h-3 w-3"
+                    className: "-translate-y-1/12 h-2.5! w-2.5!"
                 })
             ]
         });