@rolster/react-components 18.25.0 → 18.25.1

package/dist/cjs/assets/{index-A_JkPXhq.css → index-ItWqNiAF.css}

@@ -739,6 +739,13 @@
   box-sizing: border-box;
   background: var(--rlc-input-search-background, var(--rls-app-color-100));
   border-radius: var(--rls-sizing-x4);
+}
+.rls-input-search--disabled {
+  opacity: 0.5;
+}
+.rls-input-search .rls-input__component:disabled,
+.rls-input-search .rls-button-action:disabled {
+  opacity: 1 !important;
 } /*# sourceMappingURL=InputSearch.css.map */
 
 .rls-input-text {

package/dist/cjs/index.js

@@ -1578,12 +1578,15 @@ function RlsInputPercentage(props) {
     return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-percentage", children: jsxRuntimeExports.jsxs(RlsInput, { ...props, type: "number", value: valueInput, onValue: onValueInput, children: [formControl?.value ?? valueInput, "%"] }) }));
 }
 
-function RlsInputSearch({ formControl, identifier, onEnter, onSearch, placeholder }) {
+function RlsInputSearch({ formControl, disabled, identifier, onEnter, onSearch, placeholder }) {
     const [value, setValue] = require$$0.useState('');
+    const className = require$$0.useMemo(() => {
+        return renderClassStatus('rls-input-search', { disabled });
+    }, [disabled]);
     const onValue = require$$0.useCallback((value) => {
         !formControl && setValue(() => value);
     }, [formControl]);
-    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: "rls-input-search", children: [jsxRuntimeExports.jsx(RlsInput, { formControl: formControl, placeholder: placeholder, onEnter: onEnter, onValue: onValue, children: formControl?.value ?? value }), onSearch && jsxRuntimeExports.jsx(RlsButtonAction, { icon: "search", onClick: onSearch })] }));
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, children: [jsxRuntimeExports.jsx(RlsInput, { formControl: formControl, placeholder: placeholder, onEnter: onEnter, onValue: onValue, disabled: disabled, children: formControl?.value ?? value }), onSearch && (jsxRuntimeExports.jsx(RlsButtonAction, { icon: "search", onClick: onSearch, disabled: disabled }))] }));
 }
 
 function RlsInputText(props) {
@@ -2832,11 +2835,12 @@ function RlsFieldAutocompleteTemplate(props) {
             disabled,
             readonly: readOnly,
             selected: !!autocomplete.value
-        }, 'rls-field-list rls-field-autocomplete');
+        }, `rls-field-list rls-field-autocomplete ${props.className ?? ''}`);
     }, [
         formControl?.wrong,
         autocomplete.value,
         autocomplete.focused,
+        props.className,
         disabled,
         readOnly
     ]);
@@ -3247,8 +3251,8 @@ function RlsFieldSelectTemplate(props) {
             error: formControl?.wrong,
             disabled: disabled,
             readonly: readOnly
-        }, 'rls-field-list rls-field-select');
-    }, [formControl?.wrong, select.focused, disabled, readOnly]);
+        }, `rls-field-list rls-field-select ${props.className ?? ''}`);
+    }, [formControl?.wrong, select.focused, props.className, disabled, readOnly]);
     const classNameList = require$$0.useMemo(() => {
         return renderClassStatus('rls-field-list__suggestions', {
             higher: select.higher,