@rolster/react-components 18.25.7 → 18.25.10

package/dist/es/assets/{index-BR6Z9tba.css → index-DG6-q1c1.css}

@@ -515,7 +515,7 @@
   transition: all 160ms 0ms var(--rls-standard-curve);
 }
 .rls-checkbox:hover {
-  cursor: pointer;
+  cursor: var(--rlc-checkbox-cursor, initial);
 }
 .rls-checkbox--checked {
   --pvt-component-background: var(--rls-theme-color-200);
@@ -669,17 +669,17 @@
   letter-spacing: var(--pvt-letter-spacing);
 } /*# sourceMappingURL=Input.css.map */
 
-.rls-input-double {
+.rls-input-decimal {
   --rlc-tabular-text-font-size: var(--rls-input-font-size);
   --rlc-tabular-text-char-width: 5.25rem;
   position: relative;
   width: 100%;
   box-sizing: border-box;
 }
-.rls-input-double .rls-amount {
+.rls-input-decimal .rls-amount {
   height: inherit;
   align-items: center;
-} /*# sourceMappingURL=InputDouble.css.map */
+} /*# sourceMappingURL=InputDecimal.css.map */
 
 .rls-input-money {
   --rlc-tabular-text-font-size: var(--rls-input-font-size);
@@ -961,7 +961,7 @@
   transition: all 160ms 0ms var(--rls-standard-curve);
 }
 .rls-radiobutton:hover {
-  cursor: pointer;
+  cursor: var(--rlc-radiobutton-cursor, initial);
 }
 .rls-radiobutton--checked {
   --pvt-component-background: var(--rls-theme-color-200);
@@ -1021,7 +1021,7 @@
   max-width: var(--rlc-switch-max-width, var(--rls-sizing-x20));
 }
 .rls-switch:hover {
-  cursor: pointer;
+  cursor: var(--rlc-switch-cursor, initial);
 }
 .rls-switch--checked {
   --pvt-element-left: calc(100% - var(--pvt-element-size));
@@ -1266,12 +1266,12 @@
   color: var(--rls-app-color-900);
 } /*# sourceMappingURL=ButtonToggle.css.map */
 
-.rls-field-double {
+.rls-field-decimal {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
   position: relative;
   width: 100%;
   box-sizing: border-box;
-} /*# sourceMappingURL=FieldDouble.css.map */
+} /*# sourceMappingURL=FieldDecimal.css.map */
 
 .rls-field-money {
   --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
@@ -1333,6 +1333,7 @@
 } /*# sourceMappingURL=FieldText.css.map */
 
 .rls-label-checkbox {
+  --rlc-switch-cursor: pointer;
   --pvt-text-opacity: 1;
   --pvt-text-height: var(--rls-sizing-x12);
   --pvt-text-overflow: hidden;
@@ -1375,6 +1376,7 @@
 } /*# sourceMappingURL=LabelCheckBox.css.map */
 
 .rls-label-radiobutton {
+  --rlc-switch-cursor: pointer;
   --pvt-text-opacity: 1;
   --pvt-text-height: var(--rls-sizing-x12);
   --pvt-text-overflow: hidden;
@@ -1417,6 +1419,7 @@
 } /*# sourceMappingURL=LabelRadioButton.css.map */
 
 .rls-label-switch {
+  --rlc-switch-cursor: pointer;
   --pvt-text-opacity: 1;
   --pvt-text-height: var(--rls-sizing-x12);
   --pvt-text-overflow: hidden;

package/dist/es/index.js

@@ -1,5 +1,5 @@
 import require$$0, { useMemo, useCallback, useState, useRef, useEffect, createContext } from 'react';
-import { currencyFormat, Double, valueIsDefined, PartialSealed } from '@rolster/commons';
+import { currencyFormat, BigDecimal, valueIsDefined, SealedPartial } from '@rolster/commons';
 import { i18n, i18nSubscribe } from '@rolster/i18n';
 import { PaginationController, verifyDayPicker, createDayPicker, createDayRangePicker, verifyMonthPicker, createMonthPicker, monthLimitTemplate, createYearPicker, verifyYearPicker, ListCollection, locationListCanTop, navigationListFromInput, navigationListFromElement, createAutocompleteStore, dateOutRange, verifyDateRange, PickerListenerEvent } from '@rolster/components';
 import { DAY_LABELS, DateRange, normalizeMinTime, assignDayInDate, dateIsBefore, dateFormatTemplate, MONTH_NAMES, Month, assignYearInDate, assignMonthInDate } from '@rolster/dates';
@@ -1516,19 +1516,19 @@ function RlsInput({ children, decimals, disabled, formControl, identifier, onBlu
     return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, children: [jsxRuntimeExports.jsx("input", { ref: formControl?.elementRef, className: "rls-input__component", autoComplete: "off", type: type ?? 'text', placeholder: placeholder, disabled: formControl?.disabled || disabled, readOnly: readOnly, onFocus: _onFocus, onBlur: _onBlur, onChange: _onChange, onKeyDown: _onKeyDown, onKeyUp: _onKeyUp, value: valueInput }), jsxRuntimeExports.jsx("span", { className: "rls-input__value", children: children })] }));
 }
 
-function RlsInputDouble(props) {
+function RlsInputDecimal(props) {
     const { decimals, formControl, identifier, onValue, symbol, value } = props;
-    const [valueInput, setValueInput] = useState((formControl?.value ?? value ?? Double.zero()).fixed);
+    const [valueInput, setValueInput] = useState((formControl?.value ?? value ?? BigDecimal.zero()).rounded);
     const amount = useMemo(() => {
-        return formControl?.value?.fixed ?? valueInput;
+        return formControl?.value?.rounded ?? valueInput;
     }, [formControl?.value, valueInput]);
     const onValueInput = useCallback((value) => {
-        const valueDouble = Double.create(value);
-        formControl ? formControl.setValue(valueDouble) : setValueInput(value);
-        onValue && onValue(valueDouble);
+        const valueDecimal = BigDecimal.create(value);
+        formControl ? formControl.setValue(valueDecimal) : setValueInput(value);
+        onValue && onValue(valueDecimal);
     }, [formControl, onValue]);
     const doubleProps = { ...props, formControl: undefined };
-    return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-double", children: jsxRuntimeExports.jsx(RlsInput, { ...doubleProps, type: "number", value: valueInput, onValue: onValueInput, children: jsxRuntimeExports.jsx(RlsAmount, { value: amount, symbol: symbol, decimals: decimals }) }) }));
+    return (jsxRuntimeExports.jsx("div", { id: identifier, className: "rls-input-decimal", children: jsxRuntimeExports.jsx(RlsInput, { ...doubleProps, type: "number", value: valueInput, onValue: onValueInput, children: jsxRuntimeExports.jsx(RlsAmount, { value: amount, symbol: symbol, decimals: decimals }) }) }));
 }
 
 function RlsInputMoney(props) {
@@ -1837,7 +1837,7 @@ function RlsMessageFormError({ className, formControl }) {
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: formControl?.wrong && (jsxRuntimeExports.jsx("div", { className: className, children: jsxRuntimeExports.jsx(RlsMessageIcon, { icon: "alert-triangle", rlsTheme: "danger", children: msgError }) })) }));
 }
 
-function RlsFieldDouble(props) {
+function RlsFieldDecimal(props) {
     const { children, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
     const disabled = useMemo(() => {
         return formControl?.disabled || props.disabled;
@@ -1848,9 +1848,9 @@ function RlsFieldDouble(props) {
             error: formControl?.wrong,
             disabled,
             readonly: props.readOnly
-        }, 'rls-field-double');
+        }, 'rls-field-decimal');
     }, [formControl?.focused, formControl?.wrong, props.readOnly, disabled]);
-    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("span", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsx("div", { className: "rls-field-box__body", children: jsxRuntimeExports.jsx(RlsInputDouble, { ...props }) }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
+    return (jsxRuntimeExports.jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && jsxRuntimeExports.jsx("span", { className: "rls-field-box__label", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-field-box__component", children: jsxRuntimeExports.jsx("div", { className: "rls-field-box__body", children: jsxRuntimeExports.jsx(RlsInputDecimal, { ...props }) }) }), !msgErrorDisabled && (jsxRuntimeExports.jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
 }
 
 function RlsFieldMoney(props) {
@@ -2473,7 +2473,7 @@ const reactI18n = i18n({
     }
 });
 
-class ConfirmationResult extends PartialSealed {
+class ConfirmationResult extends SealedPartial {
     static approved() {
         return new ConfirmationResult('approved');
     }
@@ -3855,5 +3855,5 @@ function useDatatable() {
     return { scrolleable, tableRef };
 }
 
-export { ConfirmationResult, RlsAlert, RlsAmount, RlsApplication, RlsAvatar, RlsBadge, RlsBallot, RlsBottomSheet, RlsBreadcrumb, RlsButton, RlsButtonAction, RlsButtonProgress, RlsButtonToggle, RlsCard, RlsCheckBox, RlsCheckBoxControl, RlsConfirmation, RlsContent, RlsContext, RlsDatatable, RlsDatatableCell, RlsDatatableData, RlsDatatableFloating, RlsDatatableHeader, RlsDatatableRecord, RlsDatatableSubheader, RlsDatatableTitle, RlsDatatableTotals, RlsFieldAutocomplete, RlsFieldAutocompleteTemplate, RlsFieldDate, RlsFieldDateRange, RlsFieldDouble, RlsFieldMoney, RlsFieldNumber, RlsFieldPassword, RlsFieldPercentage, RlsFieldReadonly, RlsFieldSelect, RlsFieldSelectTemplate, RlsFieldText, RlsFormNavigation, RlsIcon, RlsImage, RlsImageChooser, RlsImageEditor, RlsInput, RlsInputDouble, RlsInputMoney, RlsInputNumber, RlsInputPassword, RlsInputPercentage, RlsInputSearch, RlsInputText, RlsLabel, RlsLabelCheckBox, RlsLabelRadioButton, RlsLabelSwitch, RlsMessageFormError, RlsMessageIcon, RlsModal, RlsModalSheet, RlsNavbar, RlsPagination, RlsPickerDate, RlsPickerDateRange, RlsPickerDay, RlsPickerDayRange, RlsPickerMonth, RlsPickerSelectorTitle, RlsPickerYear, RlsPoster, RlsProgressBar, RlsProgressCircular, RlsRadioButton, RlsSkeleton, RlsSkeletonText, RlsSlider, RlsSnackbar, RlsSwitch, RlsSwitchControl, RlsTabularText, RlsToolbar, calculateImgDimension, rangeFormatTemplate, renderClassStatus, setErrorsI18n, useConfirmation, useDatatable, useFieldAutocomplete, useFieldSelect, useImageEditorController, useListController, useRelocationOnComponent, useResize, useSnackbar };
+export { ConfirmationResult, RlsAlert, RlsAmount, RlsApplication, RlsAvatar, RlsBadge, RlsBallot, RlsBottomSheet, RlsBreadcrumb, RlsButton, RlsButtonAction, RlsButtonProgress, RlsButtonToggle, RlsCard, RlsCheckBox, RlsCheckBoxControl, RlsConfirmation, RlsContent, RlsContext, RlsDatatable, RlsDatatableCell, RlsDatatableData, RlsDatatableFloating, RlsDatatableHeader, RlsDatatableRecord, RlsDatatableSubheader, RlsDatatableTitle, RlsDatatableTotals, RlsFieldAutocomplete, RlsFieldAutocompleteTemplate, RlsFieldDate, RlsFieldDateRange, RlsFieldDecimal, RlsFieldMoney, RlsFieldNumber, RlsFieldPassword, RlsFieldPercentage, RlsFieldReadonly, RlsFieldSelect, RlsFieldSelectTemplate, RlsFieldText, RlsFormNavigation, RlsIcon, RlsImage, RlsImageChooser, RlsImageEditor, RlsInput, RlsInputDecimal, RlsInputMoney, RlsInputNumber, RlsInputPassword, RlsInputPercentage, RlsInputSearch, RlsInputText, RlsLabel, RlsLabelCheckBox, RlsLabelRadioButton, RlsLabelSwitch, RlsMessageFormError, RlsMessageIcon, RlsModal, RlsModalSheet, RlsNavbar, RlsPagination, RlsPickerDate, RlsPickerDateRange, RlsPickerDay, RlsPickerDayRange, RlsPickerMonth, RlsPickerSelectorTitle, RlsPickerYear, RlsPoster, RlsProgressBar, RlsProgressCircular, RlsRadioButton, RlsSkeleton, RlsSkeletonText, RlsSlider, RlsSnackbar, RlsSwitch, RlsSwitchControl, RlsTabularText, RlsToolbar, calculateImgDimension, rangeFormatTemplate, renderClassStatus, setErrorsI18n, useConfirmation, useDatatable, useFieldAutocomplete, useFieldSelect, useImageEditorController, useListController, useRelocationOnComponent, useResize, useSnackbar };
 //# sourceMappingURL=index.js.map