@rolster/react-components 18.24.11 → 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) {
@@ -2181,7 +2184,7 @@ function RlsPickerMonthElement({ month, onSelect, disabled }) {
         });
     }, [month.disabled, month.focused, month.selected, disabled]);
     const onClick = require$$0.useCallback(() => {
-        commons.itIsDefined(month.value) &&
+        commons.valueIsDefined(month.value) &&
             !month.disabled &&
             !disabled &&
             onSelect(month.value);
@@ -2212,7 +2215,7 @@ function RlsPickerMonth({ date: _date, disabled, formControl, maxDate, minDate,
             maxDate
         };
         const month = components.verifyMonthPicker(options);
-        commons.itIsDefined(month)
+        commons.valueIsDefined(month)
             ? setMonthValue(month)
             : setMonths(components.createMonthPicker(options));
     }, [date, year, value, minDate, maxDate]);
@@ -2224,7 +2227,7 @@ function RlsPickerMonth({ date: _date, disabled, formControl, maxDate, minDate,
             minDate,
             maxDate
         });
-        commons.itIsDefined(month)
+        commons.valueIsDefined(month)
             ? formControl?.setValue(month)
             : setValue(formControl?.value ?? date.getMonth());
     }, [formControl?.value]);
@@ -2250,7 +2253,8 @@ function RlsPickerSelectorTitle({ monthControl, type, yearControl, date, disable
         setLabel(dates.MONTH_NAMES(monthControl.value ?? dates.Month.January));
     }, [monthControl.value]);
     const onPreviousMonth = require$$0.useCallback(() => {
-        if (commons.itIsDefined(monthControl.value) && commons.itIsDefined(yearControl.value)) {
+        if (commons.valueIsDefined(monthControl.value) &&
+            commons.valueIsDefined(yearControl.value)) {
             if (monthControl.value > dates.Month.January) {
                 monthControl.setValue(monthControl.value - 1);
             }
@@ -2261,14 +2265,15 @@ function RlsPickerSelectorTitle({ monthControl, type, yearControl, date, disable
         }
     }, [monthControl.value, yearControl.value]);
     const onPreviousYear = require$$0.useCallback(() => {
-        commons.itIsDefined(yearControl.value) &&
+        commons.valueIsDefined(yearControl.value) &&
             yearControl.setValue(yearControl.value - 1);
     }, [yearControl.value]);
     const onPrevious = require$$0.useCallback(() => {
         type === 'month' ? onPreviousMonth() : onPreviousYear();
     }, [type, onPreviousMonth, onPreviousYear]);
     const onNextMonth = require$$0.useCallback(() => {
-        if (commons.itIsDefined(monthControl.value) && commons.itIsDefined(yearControl.value)) {
+        if (commons.valueIsDefined(monthControl.value) &&
+            commons.valueIsDefined(yearControl.value)) {
             if (monthControl.value < dates.Month.December) {
                 monthControl.setValue(monthControl.value + 1);
             }
@@ -2279,7 +2284,7 @@ function RlsPickerSelectorTitle({ monthControl, type, yearControl, date, disable
         }
     }, [monthControl.value, yearControl.value]);
     const onNextYear = require$$0.useCallback(() => {
-        commons.itIsDefined(yearControl.value) &&
+        commons.valueIsDefined(yearControl.value) &&
             yearControl.setValue(yearControl.value + 1);
     }, [yearControl.value]);
     const onNext = require$$0.useCallback(() => {
@@ -2333,7 +2338,7 @@ function RlsPickerYear({ date: _date, disabled, formControl, maxDate, minDate, o
     }, [template.years, onSelect, disabled]);
     require$$0.useEffect(() => {
         const year = components.verifyYearPicker(createPickerOptions());
-        commons.itIsDefined(year)
+        commons.valueIsDefined(year)
             ? formControl?.setValue(year)
             : setValue(formControl?.value ?? date.getFullYear());
     }, [formControl?.value]);
@@ -2830,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
     ]);
@@ -3040,14 +3046,14 @@ function RlsPickerDateRange({ automatic, date: _picker, disabled, formControl, m
     }, []);
     require$$0.useEffect(() => {
         setDate((date) => {
-            return commons.itIsDefined(yearControl.value)
+            return commons.valueIsDefined(yearControl.value)
                 ? dates.assignYearInDate(date, yearControl.value)
                 : date;
         });
     }, [yearControl.value]);
     require$$0.useEffect(() => {
         setDate((date) => {
-            return commons.itIsDefined(monthControl.value)
+            return commons.valueIsDefined(monthControl.value)
                 ? dates.assignMonthInDate(date, monthControl.value)
                 : date;
         });
@@ -3245,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,