@rolster/react-components 18.23.12 → 18.23.14

package/dist/cjs/assets/{index-Dr8-miqn.css → index-3xxUcY8X.css}

@@ -2160,10 +2160,9 @@
 } /*# sourceMappingURL=FieldAutocomplete.css.map */
 
 .rls-modal {
-  --pvt-component-transform: translateY(80rem) scale(0.6);
+  --pvt-component-transform: translateY(150px) scale(0.6);
   --pvt-component-height: 0rem;
   --pvt-component-opacity: 0;
-  --pvt-component-overflow: hidden;
   --pvt-component-visibility: hidden;
   --pvt-backdrop-opacity: 0;
   --pvt-backdrop-bottom: initial;
@@ -2192,13 +2191,11 @@
 }
 .rls-modal__component {
   position: absolute;
-  width: auto;
   max-width: var(--rlc-modal-max-width, calc(100% - var(--rls-sizing-x8)));
   height: var(--pvt-component-height);
   opacity: var(--pvt-component-opacity);
   visibility: var(--pvt-component-visibility);
   z-index: var(--rls-z-index-2);
-  overflow: var(--pvt-component-overflow);
   border-radius: var(--rls-sizing-x4);
   background: var(--rls-app-color-050);
   transform: var(--pvt-component-transform);
@@ -2355,6 +2352,9 @@
 }
 .rls-field-date__action .rls-icon {
   margin: 1rem;
+}
+.rls-field-date-modal {
+  --rlc-modal-max-width: 150rem;
 } /*# sourceMappingURL=FieldDate.css.map */
 
 .rls-picker-date-range {
@@ -2488,6 +2488,9 @@
 }
 .rls-field-date-range__action .rls-icon {
   margin: 1rem;
+}
+.rls-field-date-modal {
+  --rlc-modal-max-width: 150rem;
 } /*# sourceMappingURL=FieldDateRange.css.map */
 
 .rls-field-select {

package/dist/cjs/index.js

@@ -1931,14 +1931,15 @@ function RlsLabelCheckBox({ children, disabled, extended, identifier, formContro
     return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-label-checkbox__component", onClick: onToggle, children: jsxRuntimeExports.jsx(RlsCheckBox, { checked: checked, disabled: disabled }) }), jsxRuntimeExports.jsx("div", { className: "rls-label-checkbox__text", children: children })] }));
 }
 
-function RlsLabelRadioButton({ children, disabled, extended, identifier, formControl, rlsTheme, value }) {
+function RlsLabelRadioButton({ children, disabled, extended, identifier, formControl, onValue, rlsTheme, value }) {
     const [checked, setChecked] = require$$0.useState(formControl?.value === value);
     require$$0.useEffect(() => {
         setChecked(formControl?.value === value);
     }, [formControl?.value]);
     const onSelect = require$$0.useCallback(() => {
         formControl && formControl?.setValue(value);
-    }, [formControl, value]);
+        onValue && onValue(value);
+    }, [formControl, value, onValue]);
     const className = require$$0.useMemo(() => {
         return renderClassStatus('rls-label-radiobutton', { disabled, extended });
     }, [disabled, extended]);
@@ -2956,7 +2957,7 @@ function RlsFieldDate({ children, date, disabled, formControl, format, identifie
         formControl?.touch();
         setModalIsVisible(false);
     }, [formControl, onChange]);
-    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: "rls-field-date", "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsxs("div", { className: className, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsxs("div", { className: "rls-field-box__body", children: [jsxRuntimeExports.jsx("input", { className: "rls-field-date__control", type: "text", value: valueInput, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: _disabled }), jsxRuntimeExports.jsx("button", { className: "rls-field-date__action", onClick: onClickAction, disabled: _disabled, children: jsxRuntimeExports.jsx(RlsIcon, { value: icon }) })] }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }), jsxRuntimeExports.jsx(RlsModal, { visible: modalIsVisible, rlsTheme: rlsTheme, children: jsxRuntimeExports.jsx(RlsPickerDate, { formControl: formControl, date: date, disabled: _disabled, maxDate: maxDate, minDate: minDate, onListener: onListener }) })] }));
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: "rls-field-date", "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsxs("div", { className: className, children: [children && jsxRuntimeExports.jsx("label", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsxs("div", { className: "rls-field-box__body", children: [jsxRuntimeExports.jsx("input", { className: "rls-field-date__control", type: "text", value: valueInput, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: _disabled }), jsxRuntimeExports.jsx("button", { className: "rls-field-date__action", onClick: onClickAction, disabled: _disabled, children: jsxRuntimeExports.jsx(RlsIcon, { value: icon }) })] }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }), jsxRuntimeExports.jsx(RlsModal, { className: 'rls-field-date-modal', visible: modalIsVisible, rlsTheme: rlsTheme, children: jsxRuntimeExports.jsx(RlsPickerDate, { formControl: formControl, date: date, disabled: _disabled, maxDate: maxDate, minDate: minDate, onListener: onListener }) })] }));
 }
 
 const DATE_RANGE_FORMAT = '{dd}/{mx}/{aa}';