@rolster/react-components 18.23.15 → 18.24.1

package/dist/cjs/index.js

@@ -1701,6 +1701,10 @@ function RlsButtonToggle({ onAction, options, type, automatic, disabled, rlsThem
                         }, children: action.label }, index))) }) })] }));
 }
 
+function RlsContent({ children, identifier, rlsTheme }) {
+    return (jsxRuntimeExports.jsx("nav", { id: identifier, className: "rls-app__page__content", "rls-theme": rlsTheme, children: children }));
+}
+
 const errorsDictionary = {
     es: {
         alphabetic: 'Campo solo permite caracteres',
@@ -1962,6 +1966,10 @@ function RlsLabelSwitch({ children, disabled, extended, identifier, formControl,
     return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-label-switch__component", onClick: onToggle, children: jsxRuntimeExports.jsx(RlsSwitch, { checked: checked, disabled: disabled }) }), jsxRuntimeExports.jsx("div", { className: "rls-label-switch__text", children: children })] }));
 }
 
+function RlsNavbar({ children, identifier, rlsTheme }) {
+    return (jsxRuntimeExports.jsxs("nav", { id: identifier, className: "rls-app__page__nav", "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-app__page__nav__content", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-app__page__nav__backdrop" })] }));
+}
+
 function RlsPagination({ suggestions, count, filter, onPagination }) {
     const [template, setTemplate] = require$$0.useState();
     const controller = require$$0.useRef();
@@ -2822,6 +2830,9 @@ function RlsFieldAutocomplete(props) {
     return jsxRuntimeExports.jsx(RlsFieldAutocompleteTemplate, { ...props, render: render });
 }
 
+const DATE_FORMAT = '{dd}/{mx}/{yy}';
+const DATE_RANGE_FORMAT = '{dd}/{mx}/{yy}';
+
 function RlsModal({ children, className, overflow, visible, rlsTheme }) {
     const classNameModal = require$$0.useMemo(() => {
         return renderClassStatus('rls-modal', { overflow, visible }, className);
@@ -2909,7 +2920,6 @@ function RlsPickerDate({ automatic, date, disabled, formControl, maxDate, minDat
     return (jsxRuntimeExports.jsxs("div", { className: "rls-picker-date", "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsxs("div", { className: "rls-picker-date__header", children: [jsxRuntimeExports.jsx("div", { className: "rls-picker-date__title rls-picker-date__title--description", children: jsxRuntimeExports.jsx("span", { onClick: onVisibilityDay, children: title }) }), jsxRuntimeExports.jsx("div", { className: "rls-picker-date__title rls-picker-date__title--year", children: jsxRuntimeExports.jsx("span", { onClick: onVisibilityYear, children: yearControl.value }) }), jsxRuntimeExports.jsx(RlsPickerSelectorTitle, { monthControl: monthControl, yearControl: yearControl, date: value, maxDate: maxDate, minDate: minDate, disabled: visibility === 'YEAR', type: 'month', onClick: onVisibilityMonth })] }), jsxRuntimeExports.jsxs("div", { className: classNameComponent, children: [jsxRuntimeExports.jsx(RlsPickerDay, { formControl: dayControl, date: _date, month: monthControl.value, year: yearControl.value, maxDate: maxDate, minDate: minDate, disabled: disabled }), jsxRuntimeExports.jsx(RlsPickerMonth, { formControl: monthControl, date: _date, year: yearControl.value, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay }), jsxRuntimeExports.jsx(RlsPickerYear, { formControl: yearControl, date: _date, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay })] }), !automatic && (jsxRuntimeExports.jsx("div", { className: "rls-picker-date__footer", children: jsxRuntimeExports.jsxs("div", { className: "rls-picker-date__actions", children: [jsxRuntimeExports.jsx("div", { className: "rls-picker-date__actions--cancel", children: jsxRuntimeExports.jsx(RlsButton, { type: "ghost", onClick: onCancel, children: labels.dateActionCancel }) }), jsxRuntimeExports.jsx("div", { className: "rls-picker-date__actions--today", children: jsxRuntimeExports.jsx(RlsButton, { type: "ghost", onClick: onToday, disabled: itIsDisabledToday, children: labels.dateActionToday }) }), jsxRuntimeExports.jsx("div", { className: "rls-picker-date__actions--ok", children: jsxRuntimeExports.jsx(RlsButton, { type: "raised", onClick: onSelect, children: labels.dateActionSelect }) })] }) }))] }));
 }
 
-const formatDate = '{dd}/{mx}/{aa}';
 function RlsFieldDate({ children, date, disabled, formControl, format, identifier, maxDate, minDate, msgErrorDisabled, onValue, placeholder, rlsTheme, value: _value }) {
     const today = require$$0.useRef(new Date()); // Initial current date in component
     const [value, setValue] = require$$0.useState(formControl?.value ?? _value);
@@ -2923,7 +2933,7 @@ function RlsFieldDate({ children, date, disabled, formControl, format, identifie
     const { icon, valueInput } = require$$0.useMemo(() => {
         return {
             icon: value ? 'trash-2' : 'calendar',
-            valueInput: value ? dates.dateFormatTemplate(value, format || formatDate) : ''
+            valueInput: value ? dates.dateFormatTemplate(value, format || DATE_FORMAT) : ''
         };
     }, [value]);
     require$$0.useEffect(() => {
@@ -2957,11 +2967,9 @@ 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, { 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 }) })] }));
+    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}';
-
 function rangeFormatTemplate({ maxDate, minDate }) {
     const minFormat = dates.dateFormatTemplate(minDate, DATE_RANGE_FORMAT);
     const maxFormat = dates.dateFormatTemplate(maxDate, DATE_RANGE_FORMAT);
@@ -3778,6 +3786,7 @@ exports.RlsCard = RlsCard;
 exports.RlsCheckBox = RlsCheckBox;
 exports.RlsCheckBoxControl = RlsCheckBoxControl;
 exports.RlsConfirmation = RlsConfirmation;
+exports.RlsContent = RlsContent;
 exports.RlsContext = RlsContext;
 exports.RlsDatatable = RlsDatatable;
 exports.RlsDatatableCell = RlsDatatableCell;
@@ -3819,6 +3828,7 @@ exports.RlsLabelSwitch = RlsLabelSwitch;
 exports.RlsMessageFormError = RlsMessageFormError;
 exports.RlsMessageIcon = RlsMessageIcon;
 exports.RlsModal = RlsModal;
+exports.RlsNavbar = RlsNavbar;
 exports.RlsPagination = RlsPagination;
 exports.RlsPickerDate = RlsPickerDate;
 exports.RlsPickerDateRange = RlsPickerDateRange;