@rolster/react-components 19.5.4 → 19.6.1
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/index.cjs +865 -36
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/components/atoms/ButtonIcon/ButtonIcon.d.ts +9 -0
- package/dist/esm/components/atoms/ButtonIcon/ButtonIcon.js +11 -0
- package/dist/esm/components/atoms/ButtonIcon/ButtonIcon.js.map +1 -0
- package/dist/esm/components/atoms/InputCounter/InputCounter.d.ts +9 -0
- package/dist/esm/components/atoms/InputCounter/InputCounter.js +57 -0
- package/dist/esm/components/atoms/InputCounter/InputCounter.js.map +1 -0
- package/dist/esm/components/molecules/ButtonStepper/ButtonStepper.d.ts +8 -0
- package/dist/esm/components/molecules/ButtonStepper/ButtonStepper.js +13 -0
- package/dist/esm/components/molecules/ButtonStepper/ButtonStepper.js.map +1 -0
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js +2 -2
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +12 -19
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +2 -2
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
- package/dist/esm/components/organisms/FieldClock/FieldClock.d.ts +2 -1
- package/dist/esm/components/organisms/FieldClock/FieldClock.js +2 -2
- package/dist/esm/components/organisms/FieldClock/FieldClock.js.map +1 -1
- package/dist/esm/components/organisms/FieldColor/FieldColor.d.ts +36 -0
- package/dist/esm/components/organisms/FieldColor/FieldColor.js +53 -0
- package/dist/esm/components/organisms/FieldColor/FieldColor.js.map +1 -0
- package/dist/esm/components/organisms/FieldDate/FieldDate.d.ts +2 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +2 -2
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.d.ts +2 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +2 -2
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/FieldList/FieldList.d.ts +43 -0
- package/dist/esm/components/organisms/FieldList/FieldList.js +41 -0
- package/dist/esm/components/organisms/FieldList/FieldList.js.map +1 -0
- package/dist/esm/components/organisms/FieldList/FieldListController.d.ts +27 -0
- package/dist/esm/components/organisms/FieldList/FieldListController.js +133 -0
- package/dist/esm/components/organisms/FieldList/FieldListController.js.map +1 -0
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +2 -2
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.d.ts +4 -1
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.js +5 -4
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.js.map +1 -1
- package/dist/esm/components/organisms/PickerColor/PickerColor.d.ts +15 -0
- package/dist/esm/components/organisms/PickerColor/PickerColor.js +212 -0
- package/dist/esm/components/organisms/PickerColor/PickerColor.js.map +1 -0
- package/dist/esm/components/types.d.ts +1 -0
- package/dist/esm/helpers/color.d.ts +52 -0
- package/dist/esm/helpers/color.js +331 -0
- package/dist/esm/helpers/color.js.map +1 -0
- package/dist/esm/index.d.ts +8 -0
- package/dist/esm/index.js +8 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface ButtonIconProps {
|
|
2
|
+
icon: string;
|
|
3
|
+
className?: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
skeleton?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare function RlsButtonIcon({ icon, className, disabled, onClick, skeleton }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
+
import { RlsIcon } from '../Icon/Icon';
|
|
5
|
+
export function RlsButtonIcon({ icon, className, disabled, onClick, skeleton }) {
|
|
6
|
+
const classNameButton = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-button-icon', { skeleton }, className);
|
|
8
|
+
}, [className, skeleton]);
|
|
9
|
+
return (_jsx("button", { className: classNameButton, onClick: onClick, disabled: disabled, children: !skeleton && _jsx(RlsIcon, { value: icon }) }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=ButtonIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonIcon.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAUvC,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACQ;IAChB,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,iBAAiB,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,iBAAQ,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,YACrE,CAAC,QAAQ,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,GAC/B,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { RlsComponent } from '../../definitions';
|
|
2
|
+
import { InputProps } from '../../types';
|
|
3
|
+
interface InputCounterProps extends InputProps<number>, RlsComponent {
|
|
4
|
+
max?: number;
|
|
5
|
+
min?: number;
|
|
6
|
+
step?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare function RlsInputCounter({ className, disabled, formControl, identifier, max, min, onBlur, onFocus, onValue, readOnly, rlsTheme, step, value: valueProp }: InputCounterProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
+
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
+
import { RlsButtonIcon } from '../ButtonIcon/ButtonIcon';
|
|
5
|
+
export function RlsInputCounter({ className, disabled, formControl, identifier, max, min, onBlur, onFocus, onValue, readOnly, rlsTheme, step = 1, value: valueProp }) {
|
|
6
|
+
const changeIsInternal = useRef(false);
|
|
7
|
+
const [value, setValue] = useState(formControl?.value ?? valueProp ?? 0);
|
|
8
|
+
const [focused, setFocused] = useState(false);
|
|
9
|
+
const _disabled = useMemo(() => formControl?.disabled || disabled, [formControl?.disabled, disabled]);
|
|
10
|
+
const classNameCounter = useMemo(() => {
|
|
11
|
+
return renderClassStatus('rls-input-counter', {
|
|
12
|
+
disabled: _disabled,
|
|
13
|
+
focused: formControl?.focused ?? focused,
|
|
14
|
+
readonly: readOnly
|
|
15
|
+
}, className);
|
|
16
|
+
}, [_disabled, formControl?.focused, focused, readOnly, className]);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
if (!changeIsInternal.current && formControl) {
|
|
19
|
+
const counterValue = formControl.value;
|
|
20
|
+
counterValue !== undefined &&
|
|
21
|
+
counterValue !== value &&
|
|
22
|
+
setValue(counterValue);
|
|
23
|
+
}
|
|
24
|
+
changeIsInternal.current = false;
|
|
25
|
+
}, [formControl?.value]);
|
|
26
|
+
const onUpdate = useCallback((nextValue) => {
|
|
27
|
+
const clamped = Math.min(max ?? Infinity, Math.max(min ?? -Infinity, nextValue));
|
|
28
|
+
changeIsInternal.current = true;
|
|
29
|
+
setValue(clamped);
|
|
30
|
+
formControl?.setValue(clamped);
|
|
31
|
+
onValue?.(clamped);
|
|
32
|
+
}, [formControl, max, min, onValue]);
|
|
33
|
+
const onDecrement = useCallback(() => {
|
|
34
|
+
onUpdate(value - step);
|
|
35
|
+
}, [onUpdate, value, step]);
|
|
36
|
+
const onIncrement = useCallback(() => {
|
|
37
|
+
onUpdate(value + step);
|
|
38
|
+
}, [onUpdate, value, step]);
|
|
39
|
+
const decrementIsAllowed = useMemo(() => min !== undefined && value <= min, [min, value]);
|
|
40
|
+
const incrementIsAllowed = useMemo(() => max !== undefined && value >= max, [max, value]);
|
|
41
|
+
const onChangeInput = useCallback((event) => {
|
|
42
|
+
const parsed = parseFloat(event.target.value);
|
|
43
|
+
!isNaN(parsed) && onUpdate(parsed);
|
|
44
|
+
}, [onUpdate]);
|
|
45
|
+
const onFocusInput = useCallback(() => {
|
|
46
|
+
setFocused(true);
|
|
47
|
+
formControl?.focus();
|
|
48
|
+
onFocus?.();
|
|
49
|
+
}, [formControl, onFocus]);
|
|
50
|
+
const onBlurInput = useCallback(() => {
|
|
51
|
+
setFocused(false);
|
|
52
|
+
formControl?.blur();
|
|
53
|
+
onBlur?.();
|
|
54
|
+
}, [formControl, onBlur]);
|
|
55
|
+
return (_jsxs("div", { id: identifier, className: classNameCounter, "rls-theme": rlsTheme, children: [_jsx(RlsButtonIcon, { className: "rls-input-counter__down", icon: "minus", onClick: onDecrement, disabled: _disabled || decrementIsAllowed }), _jsx("div", { className: "rls-input-counter__body", children: _jsx("input", { ref: formControl?.elementRef, className: "rls-input-counter__control", type: "text", inputMode: "numeric", value: value, disabled: _disabled, readOnly: readOnly, onChange: onChangeInput, onFocus: onFocusInput, onBlur: onBlurInput }) }), _jsx(RlsButtonIcon, { className: "rls-input-counter__up", icon: "plus", onClick: onIncrement, disabled: _disabled || incrementIsAllowed })] }));
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=InputCounter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputCounter.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputCounter/InputCounter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { RlsComponent } from '../../definitions';
|
|
2
|
+
export type ButtonStepperAction = 'down' | 'up';
|
|
3
|
+
interface ButtonStepperProps extends RlsComponent {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onAction?: (action: ButtonStepperAction) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function RlsButtonStepper({ disabled, onAction, rlsTheme }: ButtonStepperProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback } from 'react';
|
|
3
|
+
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
4
|
+
export function RlsButtonStepper({ disabled, onAction, rlsTheme }) {
|
|
5
|
+
const onDown = useCallback(() => {
|
|
6
|
+
onAction?.('down');
|
|
7
|
+
}, [onAction]);
|
|
8
|
+
const onUp = useCallback(() => {
|
|
9
|
+
onAction?.('up');
|
|
10
|
+
}, [onAction]);
|
|
11
|
+
return (_jsxs("div", { className: "rls-button-stepper", "rls-theme": rlsTheme, children: [_jsx(RlsButtonIcon, { icon: "arrow-ios-down", disabled: disabled, onClick: onDown }), _jsx(RlsButtonIcon, { icon: "arrow-ios-up", disabled: disabled, onClick: onUp })] }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=ButtonStepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonStepper.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonStepper/ButtonStepper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAUlE,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACW;IACnB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,eAAY,QAAQ,aACrD,KAAC,aAAa,IACZ,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,GACf,EAEF,KAAC,aAAa,IAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,GAAI,IACpE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { monthLimitTemplate } from '@rolster/components';
|
|
|
4
4
|
import { MONTH_NAMES, Month } from '@rolster/dates';
|
|
5
5
|
import { i18nSubscribe } from '@rolster/i18n';
|
|
6
6
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
7
|
-
import {
|
|
7
|
+
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
8
8
|
export function RlsPickerSelectorTitle({ monthControl, type, yearControl, date, disabled, maxDate, minDate, onClick }) {
|
|
9
9
|
const { limitNext, limitPrevious } = useMemo(() => {
|
|
10
10
|
return monthLimitTemplate({
|
|
@@ -67,6 +67,6 @@ export function RlsPickerSelectorTitle({ monthControl, type, yearControl, date,
|
|
|
67
67
|
const onNext = useCallback(() => {
|
|
68
68
|
type === 'month' ? onNextMonth() : onNextYear();
|
|
69
69
|
}, [type, onNextMonth, onNextYear]);
|
|
70
|
-
return (_jsxs("div", { className: "rls-picker-selector-title", children: [_jsx("
|
|
70
|
+
return (_jsxs("div", { className: "rls-picker-selector-title", children: [_jsx(RlsButtonIcon, { icon: "arrow-ios-left", onClick: onPrevious, disabled: limitPrevious || disabled }), _jsxs("div", { className: "rls-picker-selector-title__label", children: [_jsxs("span", { onClick: onMonth, children: [label, ","] }), _jsx("span", { onClick: onYear, children: yearControl.value })] }), _jsx(RlsButtonIcon, { icon: "arrow-ios-right", onClick: onNext, disabled: limitNext || disabled })] }));
|
|
71
71
|
}
|
|
72
72
|
//# sourceMappingURL=PickerSelectorTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerSelectorTitle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PickerSelectorTitle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { valueIsDefined } from '@rolster/commons';
|
|
|
3
3
|
import { createYearPicker, verifyYearPicker } from '@rolster/components';
|
|
4
4
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
5
5
|
import { renderClassStatus } from '../../../helpers/css';
|
|
6
|
-
import {
|
|
6
|
+
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
7
7
|
function RlsPickerYearElement({ onSelect, year, disabled }) {
|
|
8
8
|
const className = useMemo(() => {
|
|
9
9
|
return renderClassStatus('rls-picker-year__element', {
|
|
@@ -19,7 +19,6 @@ function RlsPickerYearElement({ onSelect, year, disabled }) {
|
|
|
19
19
|
}
|
|
20
20
|
export function RlsPickerYear({ date, disabled, formControl, maxDate, minDate, onValue, rlsTheme }) {
|
|
21
21
|
const dateYear = useMemo(() => date ?? new Date(), [date]);
|
|
22
|
-
const [value, setValue] = useState(formControl?.value ?? dateYear.getFullYear());
|
|
23
22
|
const [year, setYear] = useState(formControl?.value ?? dateYear.getFullYear());
|
|
24
23
|
const createPickerOptions = useCallback(() => {
|
|
25
24
|
return {
|
|
@@ -30,31 +29,25 @@ export function RlsPickerYear({ date, disabled, formControl, maxDate, minDate, o
|
|
|
30
29
|
};
|
|
31
30
|
}, [dateYear, year, minDate, maxDate]);
|
|
32
31
|
const [template, setTemplate] = useState(createYearPicker(createPickerOptions()));
|
|
33
|
-
const setYearValue = useCallback((value) => {
|
|
34
|
-
formControl ? formControl.setValue(value) : setValue(value);
|
|
35
|
-
setYear(value);
|
|
36
|
-
}, [formControl]);
|
|
37
|
-
const onSelect = useCallback((value) => {
|
|
38
|
-
setYearValue(value);
|
|
39
|
-
onValue?.(value);
|
|
40
|
-
}, [setYearValue, onValue]);
|
|
41
32
|
useEffect(() => {
|
|
42
|
-
const options = createPickerOptions();
|
|
43
|
-
const
|
|
44
|
-
|
|
45
|
-
}, [dateYear, year,
|
|
33
|
+
const options = createPickerOptions();
|
|
34
|
+
const validYear = verifyYearPicker(options);
|
|
35
|
+
validYear ? setYear(validYear) : setTemplate(createYearPicker(options));
|
|
36
|
+
}, [dateYear, year, minDate, maxDate]);
|
|
46
37
|
useEffect(() => {
|
|
47
|
-
const
|
|
48
|
-
valueIsDefined(year)
|
|
49
|
-
? formControl?.setValue(year)
|
|
50
|
-
: setValue(formControl?.value ?? dateYear.getFullYear());
|
|
38
|
+
const yearValue = formControl?.value;
|
|
39
|
+
valueIsDefined(yearValue) && yearValue !== year && setYear(yearValue);
|
|
51
40
|
}, [formControl?.value]);
|
|
41
|
+
const onSelect = useCallback((value) => {
|
|
42
|
+
formControl ? formControl.setValue(value) : setYear(value);
|
|
43
|
+
onValue?.(value);
|
|
44
|
+
}, [formControl, onValue]);
|
|
52
45
|
const onClickPrev = useCallback(() => {
|
|
53
46
|
setYear((year) => year - 8);
|
|
54
47
|
}, []);
|
|
55
48
|
const onClickNext = useCallback(() => {
|
|
56
49
|
setYear((year) => year + 8);
|
|
57
50
|
}, []);
|
|
58
|
-
return (_jsxs("div", { className: "rls-picker-year", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-year__header", children: [_jsx(
|
|
51
|
+
return (_jsxs("div", { className: "rls-picker-year", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-year__header", children: [_jsx(RlsButtonIcon, { icon: "arrow-ios-left", onClick: onClickPrev, disabled: !template.canPrevious || disabled }), _jsxs("span", { children: [template.minRange, " - ", template.maxRange] }), _jsx(RlsButtonIcon, { icon: "arrow-ios-right", onClick: onClickNext, disabled: !template.canNext || disabled })] }), _jsx("div", { className: "rls-picker-year__component", children: template.years.map((year, index) => (_jsx(RlsPickerYearElement, { year: year, onSelect: onSelect, disabled: disabled }, index))) })] }));
|
|
59
52
|
}
|
|
60
53
|
//# sourceMappingURL=PickerYear.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { i18nSubscribe } from '@rolster/i18n';
|
|
|
3
3
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
5
|
import { reactI18n } from '../../../i18n';
|
|
6
|
-
import {
|
|
6
|
+
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
7
7
|
import { RlsBallot } from '../../molecules/Ballot/Ballot';
|
|
8
8
|
import { RlsFieldListSuggestions } from '../../molecules/FieldListSuggestions/FieldListSuggestions';
|
|
9
9
|
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
@@ -68,7 +68,7 @@ export function RlsFieldAutocompleteTemplate(props) {
|
|
|
68
68
|
onClickPattern,
|
|
69
69
|
onSearch
|
|
70
70
|
]);
|
|
71
|
-
return (_jsxs("div", { id: props.identifier, ref: autocomplete.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-list__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), !props.readOnly && (_jsx(
|
|
71
|
+
return (_jsxs("div", { id: props.identifier, ref: autocomplete.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-list__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), !props.readOnly && (_jsx(RlsButtonIcon, { icon: autocomplete.value ? 'trash-2' : 'arrow-ios-down', onClick: autocomplete.onClickAction, disabled: disabled }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsx(RlsFieldListSuggestions, { elements: autocomplete.coincidences, visible: autocomplete.listIsVisible, action: action, disabled: disabled, higher: autocomplete.higher, render: render, refList: autocomplete.refList, searchControl: searchControl, onClickElement: autocomplete.onClickElement, onKeydownElement: autocomplete.onKeydownElement, onClickBackdrop: autocomplete.onClickBackdrop })] }));
|
|
72
72
|
}
|
|
73
73
|
export function RlsFieldAutocomplete(props) {
|
|
74
74
|
const render = useCallback((element) => (_jsx(RlsBallot, { className: "rls-field-list__ballot", subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAGL,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,9 +2,10 @@ import { Time } from '@rolster/dates';
|
|
|
2
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
4
|
import { RlsComponent } from '../../definitions';
|
|
5
|
+
import { RolsterReactHtmlControl } from '../../types';
|
|
5
6
|
interface FieldClockProps extends RlsComponent {
|
|
6
7
|
disabled?: boolean;
|
|
7
|
-
formControl?:
|
|
8
|
+
formControl?: RolsterReactHtmlControl<Time>;
|
|
8
9
|
msgErrorDisabled?: boolean;
|
|
9
10
|
onValue?: ((value?: Time) => void) | ((value: Time) => void);
|
|
10
11
|
placeholder?: string;
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { PickerListenerEvent } from '@rolster/components';
|
|
3
3
|
import { useCallback, useMemo, useState } from 'react';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
|
-
import {
|
|
5
|
+
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
6
6
|
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
7
7
|
import { RlsModal } from '../Modal/Modal';
|
|
8
8
|
import { RlsPickerClock } from '../PickerClock/PickerClock';
|
|
@@ -49,6 +49,6 @@ export function RlsFieldClock({ children, disabled: disabledProps, formControl,
|
|
|
49
49
|
formControl?.touch();
|
|
50
50
|
setModalIsVisible(false);
|
|
51
51
|
}, [formControl, onChange]);
|
|
52
|
-
return (_jsxs("div", { id: identifier, className: "rls-field-clock", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-clock__control", type: "text", value: status.valueInput, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), !readOnly && (_jsx(
|
|
52
|
+
return (_jsxs("div", { id: identifier, className: "rls-field-clock", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-clock__control", type: "text", value: status.valueInput, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), !readOnly && (_jsx(RlsButtonIcon, { icon: status.icon, onClick: onClickAction, disabled: disabled }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }), _jsx(RlsModal, { className: "rls-field-clock-modal", visible: modalIsVisible, rlsTheme: rlsTheme, children: _jsx(RlsPickerClock, { formControl: formControl, time: time, disabled: disabled, onListener: onListener }) })] }));
|
|
53
53
|
}
|
|
54
54
|
//# sourceMappingURL=FieldClock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldClock.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldClock/FieldClock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG1E,OAAO,EAAa,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldClock.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldClock/FieldClock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ReactControl } from '@rolster/react-forms';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { RlsComponent } from '../../definitions';
|
|
4
|
+
import { RolsterReactHtmlControl } from '../../types';
|
|
5
|
+
interface FieldColorProps extends RlsComponent {
|
|
6
|
+
color?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
formControl?: RolsterReactHtmlControl<string>;
|
|
9
|
+
msgErrorDisabled?: boolean;
|
|
10
|
+
onValue?: ((value?: string) => void) | ((value: string) => void);
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
readOnly?: boolean;
|
|
13
|
+
value?: string;
|
|
14
|
+
}
|
|
15
|
+
interface FieldColorDefinedProps extends FieldColorProps {
|
|
16
|
+
formControl: ReactControl<HTMLElement, string>;
|
|
17
|
+
value: string;
|
|
18
|
+
onValue?: (value: string) => void;
|
|
19
|
+
}
|
|
20
|
+
interface FieldColorUndefinedProps extends FieldColorProps {
|
|
21
|
+
formControl: ReactControl<HTMLElement, string | undefined>;
|
|
22
|
+
value: undefined;
|
|
23
|
+
onValue?: (value?: string) => void;
|
|
24
|
+
}
|
|
25
|
+
interface FieldColorVoidProps extends Omit<FieldColorProps, 'value'> {
|
|
26
|
+
formControl: ReactControl<HTMLElement, string | undefined>;
|
|
27
|
+
onValue?: (value?: string) => void;
|
|
28
|
+
}
|
|
29
|
+
interface FieldColorEmptyProps extends Omit<FieldColorProps, 'formControl' | 'value'> {
|
|
30
|
+
onValue?: (value?: string) => void;
|
|
31
|
+
}
|
|
32
|
+
export declare function RlsFieldColor(props: FieldColorDefinedProps): ReactNode;
|
|
33
|
+
export declare function RlsFieldColor(props: FieldColorUndefinedProps): ReactNode;
|
|
34
|
+
export declare function RlsFieldColor(props: FieldColorVoidProps): ReactNode;
|
|
35
|
+
export declare function RlsFieldColor(props: FieldColorEmptyProps): ReactNode;
|
|
36
|
+
export {};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { PickerListenerEvent } from '@rolster/components';
|
|
3
|
+
import { useCallback, useMemo, useState } from 'react';
|
|
4
|
+
import { hexIsValid, normalizeHex } from '../../../helpers/color';
|
|
5
|
+
import { renderClassStatus } from '../../../helpers/css';
|
|
6
|
+
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
7
|
+
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
8
|
+
import { RlsModal } from '../Modal/Modal';
|
|
9
|
+
import { RlsPickerColor } from '../PickerColor/PickerColor';
|
|
10
|
+
export function RlsFieldColor({ children, color, disabled: disabledProps, formControl, identifier, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, value: valueInitial }) {
|
|
11
|
+
const [value, setValue] = useState(formControl?.value ?? valueInitial);
|
|
12
|
+
const [modalIsVisible, setModalIsVisible] = useState(false);
|
|
13
|
+
const colorValue = useMemo(() => {
|
|
14
|
+
return formControl ? formControl.value : value;
|
|
15
|
+
}, [formControl?.value, value]);
|
|
16
|
+
const disabled = useMemo(() => {
|
|
17
|
+
return formControl?.disabled || disabledProps;
|
|
18
|
+
}, [formControl?.disabled, disabledProps]);
|
|
19
|
+
const className = useMemo(() => {
|
|
20
|
+
return renderClassStatus('rls-field-box', {
|
|
21
|
+
disabled,
|
|
22
|
+
readonly: readOnly
|
|
23
|
+
});
|
|
24
|
+
}, [disabled, readOnly]);
|
|
25
|
+
const displayHex = useMemo(() => {
|
|
26
|
+
const hex = colorValue && hexIsValid(colorValue) ? colorValue : '';
|
|
27
|
+
return normalizeHex(hex);
|
|
28
|
+
}, [colorValue]);
|
|
29
|
+
const onClickInput = useCallback(() => {
|
|
30
|
+
!readOnly && setModalIsVisible(true);
|
|
31
|
+
}, [readOnly]);
|
|
32
|
+
const onChange = useCallback((value) => {
|
|
33
|
+
setValue(value);
|
|
34
|
+
onValue?.(value);
|
|
35
|
+
}, [onValue]);
|
|
36
|
+
const onClickAction = useCallback(() => {
|
|
37
|
+
if (colorValue) {
|
|
38
|
+
formControl?.setValue(valueInitial);
|
|
39
|
+
formControl?.touch();
|
|
40
|
+
onChange(valueInitial);
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
setModalIsVisible(true);
|
|
44
|
+
}
|
|
45
|
+
}, [colorValue, formControl, valueInitial, onChange]);
|
|
46
|
+
const onListener = useCallback(({ event, value }) => {
|
|
47
|
+
event !== PickerListenerEvent.Cancel && onChange(value);
|
|
48
|
+
formControl?.touch();
|
|
49
|
+
setModalIsVisible(false);
|
|
50
|
+
}, [formControl, onChange]);
|
|
51
|
+
return (_jsxs("div", { id: identifier, className: "rls-field-color", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [displayHex && (_jsx("div", { className: "rls-field-color__swatch", style: { backgroundColor: displayHex } })), _jsx("input", { className: "rls-field-color__control", type: "text", value: displayHex, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), !readOnly && (_jsx(RlsButtonIcon, { icon: colorValue ? 'trash-2' : 'color-palette', onClick: onClickAction, disabled: disabled }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }), _jsx(RlsModal, { className: "rls-field-color-modal", visible: modalIsVisible, rlsTheme: rlsTheme, children: _jsx(RlsPickerColor, { formControl: formControl, color: color, disabled: disabled, onListener: onListener }) })] }));
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=FieldColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldColor.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldColor/FieldColor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { ReactControl } from '@rolster/react-forms';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { RlsComponent } from '../../definitions';
|
|
4
|
+
import { RolsterReactHtmlControl } from '../../types';
|
|
4
5
|
interface FieldDateProps extends RlsComponent {
|
|
5
6
|
date?: Date;
|
|
6
7
|
disabled?: boolean;
|
|
7
|
-
formControl?:
|
|
8
|
+
formControl?: RolsterReactHtmlControl<Date>;
|
|
8
9
|
format?: string;
|
|
9
10
|
maxDate?: Date;
|
|
10
11
|
minDate?: Date;
|
|
@@ -4,7 +4,7 @@ import { dateFormatTemplate } from '@rolster/dates';
|
|
|
4
4
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
5
5
|
import { DATE_FORMAT } from '../../../constants/picker.constant';
|
|
6
6
|
import { renderClassStatus } from '../../../helpers/css';
|
|
7
|
-
import {
|
|
7
|
+
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
8
8
|
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
9
9
|
import { RlsModal } from '../Modal/Modal';
|
|
10
10
|
import { RlsPickerDate } from '../PickerDate/PickerDate';
|
|
@@ -63,6 +63,6 @@ export function RlsFieldDate({ children, date, disabled: disabledProps, formCont
|
|
|
63
63
|
formControl?.touch();
|
|
64
64
|
setModalIsVisible(false);
|
|
65
65
|
}, [formControl, onChange]);
|
|
66
|
-
return (_jsxs("div", { id: identifier, className: "rls-field-date", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-date__control", type: "text", value: status.label, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), !readOnly && (_jsx(
|
|
66
|
+
return (_jsxs("div", { id: identifier, className: "rls-field-date", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-date__control", type: "text", value: status.label, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), !readOnly && (_jsx(RlsButtonIcon, { icon: status.icon, onClick: onClickAction, disabled: disabled }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }), _jsx(RlsModal, { className: "rls-field-date-modal", visible: modalIsVisible, rlsTheme: rlsTheme, children: _jsx(RlsPickerDate, { formControl: formControl, date: date, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: onListener }) })] }));
|
|
67
67
|
}
|
|
68
68
|
//# sourceMappingURL=FieldDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,mBAAmB,EACnB,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAEL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,10 +2,11 @@ import { DateRange } from '@rolster/dates';
|
|
|
2
2
|
import { ReactControl } from '@rolster/react-forms';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
4
|
import { RlsComponent } from '../../definitions';
|
|
5
|
+
import { RolsterReactHtmlControl } from '../../types';
|
|
5
6
|
interface FieldDateRangeProps extends RlsComponent {
|
|
6
7
|
date?: Date;
|
|
7
8
|
disabled?: boolean;
|
|
8
|
-
formControl?:
|
|
9
|
+
formControl?: RolsterReactHtmlControl<DateRange>;
|
|
9
10
|
maxDate?: Date;
|
|
10
11
|
minDate?: Date;
|
|
11
12
|
msgErrorDisabled?: boolean;
|
|
@@ -3,7 +3,7 @@ import { PickerListenerEvent } from '@rolster/components';
|
|
|
3
3
|
import { useCallback, useMemo, useState } from 'react';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
5
|
import { rangeFormatTemplate } from '../../../helpers/date-range-picker';
|
|
6
|
-
import {
|
|
6
|
+
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
7
7
|
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
8
8
|
import { RlsModal } from '../Modal/Modal';
|
|
9
9
|
import { RlsPickerDateRange } from '../PickerDateRange/PickerDateRange';
|
|
@@ -51,6 +51,6 @@ export function RlsFieldDateRange({ children, date, disabled: disabledProps, for
|
|
|
51
51
|
formControl?.touch();
|
|
52
52
|
setModalIsVisible(false);
|
|
53
53
|
}, [formControl, onChange]);
|
|
54
|
-
return (_jsxs("div", { id: identifier, className: "rls-field-date-range", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-date-range__control", type: "text", value: status.valueInput, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), !readOnly && (_jsx(
|
|
54
|
+
return (_jsxs("div", { id: identifier, className: "rls-field-date-range", "rls-theme": rlsTheme, children: [_jsxs("div", { className: className, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-date-range__control", type: "text", value: status.valueInput, readOnly: true, placeholder: placeholder, onClick: onClickInput, disabled: disabled }), !readOnly && (_jsx(RlsButtonIcon, { icon: status.icon, onClick: onClickAction, disabled: disabled }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }), _jsx(RlsModal, { className: "rls-field-date-range-modal", visible: modalIsVisible, rlsTheme: rlsTheme, children: _jsx(RlsPickerDateRange, { formControl: formControl, date: currentDate, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: onListener }) })] }));
|
|
55
55
|
}
|
|
56
56
|
//# sourceMappingURL=FieldDateRange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG1E,OAAO,EAAa,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":"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"}
|