@rolster/react-components 18.21.38 → 18.21.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets/{index-BOTPEkpW.css → index-tVbk8WZ0.css} +6 -5
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-BOTPEkpW.css → index-tVbk8WZ0.css} +6 -5
- package/dist/es/index.js +2 -2
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Amount/Amount.css +2 -2
- package/dist/esm/components/atoms/Amount/Amount.css.map +1 -1
- package/dist/esm/components/atoms/Input/Input.css +3 -2
- package/dist/esm/components/atoms/Input/Input.css.map +1 -1
- package/dist/esm/components/atoms/Input/Input.js +1 -2
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/TabularText/TabularText.css +1 -1
- package/dist/esm/components/atoms/TabularText/TabularText.css.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.d.ts +5 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
--rlc-tabular-text-font-size,
|
|
4
4
|
var(--rls-body-font-size)
|
|
5
5
|
);
|
|
6
|
-
--pvt-char-height:
|
|
6
|
+
--pvt-char-height: var(--pvt-char-font-size);
|
|
7
7
|
--pvt-char-width: var(--rlc-tabular-text-char-width, 5.5rem);
|
|
8
8
|
--pvt-pointer-width: var(--rlc-tabular-text-pointer-width, 2rem);
|
|
9
9
|
display: flex;
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
justify-content: var(--rlc-amount-text-align, flex-start);
|
|
47
47
|
}
|
|
48
48
|
.rls-amount__decimal {
|
|
49
|
-
--rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.
|
|
50
|
-
--rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.
|
|
49
|
+
--rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.5);
|
|
50
|
+
--rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.6);
|
|
51
51
|
align-self: flex-end;
|
|
52
52
|
} /*# sourceMappingURL=Amount.css.map */
|
|
53
53
|
|
|
@@ -553,18 +553,19 @@
|
|
|
553
553
|
background: var(--rls-theme-color-700);
|
|
554
554
|
color: var(--rls-app-color-050);
|
|
555
555
|
}
|
|
556
|
+
.rls-input__component:read-only {
|
|
557
|
+
pointer-events: none;
|
|
558
|
+
}
|
|
556
559
|
.rls-input__component:disabled {
|
|
557
560
|
opacity: 0.5;
|
|
558
561
|
}
|
|
559
562
|
.rls-input__value {
|
|
560
563
|
position: absolute;
|
|
561
|
-
display: flex;
|
|
562
564
|
top: 0rem;
|
|
563
565
|
left: 0rem;
|
|
564
566
|
width: 100%;
|
|
565
567
|
height: var(--pvt-height);
|
|
566
568
|
line-height: var(--pvt-height);
|
|
567
|
-
align-items: center;
|
|
568
569
|
background: rgba(0, 0, 0, 0);
|
|
569
570
|
pointer-events: none;
|
|
570
571
|
overflow: hidden;
|
package/dist/es/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import require$$0, { useMemo, useCallback, useState, useRef, useEffect, createContext } from 'react';
|
|
2
|
-
import { currencyFormat,
|
|
2
|
+
import { currencyFormat, itIsDefined, PartialSealed } from '@rolster/commons';
|
|
3
3
|
import { dateFormatTemplate, DAY_LABELS, DateRange, normalizeMinTime, assignDayInDate, dateIsBefore, MONTH_NAMES, Month, assignYearInDate, assignMonthInDate } from '@rolster/dates';
|
|
4
4
|
import { i18n, i18nSubscribe } from '@rolster/i18n';
|
|
5
5
|
import { PaginationController, verifyDayPicker, createDayPicker, createDayRangePicker, verifyMonthPicker, createMonthPicker, monthLimitTemplate, createYearPicker, verifyYearPicker, ListCollection, locationListCanTop, navigationListFromInput, navigationListFromElement, createAutocompleteStore, dateOutRange, verifyDateRange, PickerListenerEvent } from '@rolster/components';
|
|
@@ -1567,7 +1567,7 @@ function RlsInput({ children, decimals, disabled, formControl, identifier, onEnt
|
|
|
1567
1567
|
const _onChange = useCallback((event) => {
|
|
1568
1568
|
const valueInput = event.target.value;
|
|
1569
1569
|
const value = type === 'number'
|
|
1570
|
-
?
|
|
1570
|
+
? parseFloat((+valueInput).toFixed(decimals))
|
|
1571
1571
|
: valueInput;
|
|
1572
1572
|
isChangeInternal.current = true;
|
|
1573
1573
|
onValue && onValue(value);
|