@rolster/react-components 19.6.9 → 19.6.11
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 +99 -109
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/es/index.mjs +97 -110
- package/dist/es/index.mjs.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +7 -7
- package/dist/esm/components/organisms/Datatable/Datatable.js +15 -15
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/dist/esm/components/organisms/FieldClock/FieldClock.js +5 -7
- package/dist/esm/components/organisms/FieldClock/FieldClock.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +6 -7
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +5 -7
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/FieldList/FieldListController.js +7 -8
- package/dist/esm/components/organisms/FieldList/FieldListController.js.map +1 -1
- package/dist/esm/components/organisms/ModalClock/ModalClock.d.ts +14 -0
- package/dist/esm/components/organisms/ModalClock/ModalClock.js +13 -0
- package/dist/esm/components/organisms/ModalClock/ModalClock.js.map +1 -0
- package/dist/esm/components/organisms/ModalDate/ModalDate.d.ts +16 -0
- package/dist/esm/components/organisms/ModalDate/ModalDate.js +13 -0
- package/dist/esm/components/organisms/ModalDate/ModalDate.js.map +1 -0
- package/dist/esm/components/organisms/ModalDateRange/ModalDateRange.d.ts +17 -0
- package/dist/esm/components/organisms/ModalDateRange/ModalDateRange.js +13 -0
- package/dist/esm/components/organisms/ModalDateRange/ModalDateRange.js.map +1 -0
- package/dist/esm/helpers/color.js +38 -74
- package/dist/esm/helpers/color.js.map +1 -1
- package/dist/esm/index.d.ts +3 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -10,26 +10,26 @@ interface DatatableProps extends RlsComponent {
|
|
|
10
10
|
}
|
|
11
11
|
type DatatableSubheaderProps = RlsComponent;
|
|
12
12
|
interface DatatableRecordProps extends RlsComponent {
|
|
13
|
-
contained?: boolean;
|
|
14
13
|
error?: boolean;
|
|
15
14
|
info?: boolean;
|
|
16
15
|
success?: boolean;
|
|
16
|
+
truncated?: boolean;
|
|
17
17
|
warning?: boolean;
|
|
18
18
|
}
|
|
19
19
|
interface DatatableCellProps extends RlsComponent {
|
|
20
|
-
contained?: boolean;
|
|
21
20
|
control?: boolean;
|
|
21
|
+
truncated?: boolean;
|
|
22
22
|
}
|
|
23
23
|
interface DatatableFloatingProps extends RlsComponent {
|
|
24
24
|
invested?: boolean;
|
|
25
25
|
}
|
|
26
26
|
export declare function RlsDatatable({ children, footer, header, identifier, rlsTheme, resizable, summary, table, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
|
|
27
27
|
export declare function RlsDatatableHeader({ children, identifier, rlsTheme }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
export declare function RlsDatatableTitle({ children, className,
|
|
28
|
+
export declare function RlsDatatableTitle({ children, className, control, identifier, rlsTheme, truncated }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
export declare function RlsDatatableSubheader({ children, className, identifier, rlsTheme }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
export declare function RlsDatatableRecord({ children, className,
|
|
31
|
-
export declare function RlsDatatableTotals({ children, className,
|
|
32
|
-
export declare function RlsDatatableCell({ children, className,
|
|
33
|
-
export declare function RlsDatatableData({ children, className,
|
|
30
|
+
export declare function RlsDatatableRecord({ children, className, error, identifier, info, rlsTheme, success, truncated, warning }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare function RlsDatatableTotals({ children, className, error, identifier, info, rlsTheme, success, truncated, warning }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare function RlsDatatableCell({ children, className, control, identifier, rlsTheme, truncated }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare function RlsDatatableData({ children, className, control, identifier, truncated }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
34
34
|
export declare function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }: DatatableFloatingProps): import("react/jsx-runtime").JSX.Element;
|
|
35
35
|
export {};
|
|
@@ -15,10 +15,10 @@ export function RlsDatatable({ children, footer, header, identifier, rlsTheme, r
|
|
|
15
15
|
export function RlsDatatableHeader({ children, identifier, rlsTheme }) {
|
|
16
16
|
return (_jsx("tr", { id: identifier, className: "rls-datatable__header", "rls-theme": rlsTheme, children: children }));
|
|
17
17
|
}
|
|
18
|
-
export function RlsDatatableTitle({ children, className,
|
|
18
|
+
export function RlsDatatableTitle({ children, className, control, identifier, rlsTheme, truncated }) {
|
|
19
19
|
const classNameTitle = useMemo(() => {
|
|
20
|
-
return renderClassStatus('rls-datatable__title', {
|
|
21
|
-
}, [className,
|
|
20
|
+
return renderClassStatus('rls-datatable__title', { truncated, control }, className);
|
|
21
|
+
}, [className, truncated, control]);
|
|
22
22
|
return (_jsx("th", { id: identifier, className: classNameTitle, "rls-theme": rlsTheme, children: children }));
|
|
23
23
|
}
|
|
24
24
|
export function RlsDatatableSubheader({ children, className, identifier, rlsTheme }) {
|
|
@@ -27,28 +27,28 @@ export function RlsDatatableSubheader({ children, className, identifier, rlsThem
|
|
|
27
27
|
}, [className]);
|
|
28
28
|
return (_jsx("tr", { id: identifier, className: classNameSubheader, "rls-theme": rlsTheme, children: children }));
|
|
29
29
|
}
|
|
30
|
-
export function RlsDatatableRecord({ children, className,
|
|
30
|
+
export function RlsDatatableRecord({ children, className, error, identifier, info, rlsTheme, success, truncated, warning }) {
|
|
31
31
|
const classNameRecord = useMemo(() => {
|
|
32
|
-
return renderClassStatus('rls-datatable__record', { error, info,
|
|
33
|
-
}, [className,
|
|
32
|
+
return renderClassStatus('rls-datatable__record', { error, info, truncated, success, warning }, className);
|
|
33
|
+
}, [className, truncated, error, info, success, warning]);
|
|
34
34
|
return (_jsx("tr", { id: identifier, className: classNameRecord, "rls-theme": rlsTheme, children: children }));
|
|
35
35
|
}
|
|
36
|
-
export function RlsDatatableTotals({ children, className,
|
|
36
|
+
export function RlsDatatableTotals({ children, className, error, identifier, info, rlsTheme, success, truncated, warning }) {
|
|
37
37
|
const classNameTotals = useMemo(() => {
|
|
38
|
-
return renderClassStatus('rls-datatable__totals', { error, info,
|
|
39
|
-
}, [className,
|
|
38
|
+
return renderClassStatus('rls-datatable__totals', { error, info, truncated, success, warning }, className);
|
|
39
|
+
}, [className, truncated, error, info, success, warning]);
|
|
40
40
|
return (_jsx("div", { id: identifier, className: classNameTotals, "rls-theme": rlsTheme, children: children }));
|
|
41
41
|
}
|
|
42
|
-
export function RlsDatatableCell({ children, className,
|
|
42
|
+
export function RlsDatatableCell({ children, className, control, identifier, rlsTheme, truncated }) {
|
|
43
43
|
const classNameCell = useMemo(() => {
|
|
44
|
-
return renderClassStatus('rls-datatable__cell', { control,
|
|
45
|
-
}, [className,
|
|
44
|
+
return renderClassStatus('rls-datatable__cell', { control, truncated }, className);
|
|
45
|
+
}, [className, truncated, control]);
|
|
46
46
|
return (_jsx("td", { id: identifier, className: classNameCell, "rls-theme": rlsTheme, children: children }));
|
|
47
47
|
}
|
|
48
|
-
export function RlsDatatableData({ children, className,
|
|
48
|
+
export function RlsDatatableData({ children, className, control, identifier, truncated }) {
|
|
49
49
|
const classNameData = useMemo(() => {
|
|
50
|
-
return renderClassStatus('rls-datatable__data', { control,
|
|
51
|
-
}, [className,
|
|
50
|
+
return renderClassStatus('rls-datatable__data', { control, truncated }, className);
|
|
51
|
+
}, [className, truncated, control]);
|
|
52
52
|
return (_jsx("div", { id: identifier, className: classNameData, children: children }));
|
|
53
53
|
}
|
|
54
54
|
export function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA+BzD,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,EACQ;IACf,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,SAAS;YACT,WAAW,EAAE,SAAS,IAAI,SAAS,EAAE,WAAW;SACjD,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAEnE,cAAK,SAAS,EAAC,sBAAsB,YACnC,iBAAO,EAAE,EAAE,UAAU,aAClB,MAAM,IAAI,gBAAO,SAAS,EAAC,qBAAqB,YAAE,MAAM,GAAS,EAElE,gBAAO,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,qBAAqB,YAC7D,QAAQ,GACH,IACF,GACJ,EAEL,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAElE,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,UAAU,EACV,QAAQ,EACK;IACb,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,uBAAuB,eAAY,QAAQ,YACtE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { PickerListenerEvent } from '@rolster/components';
|
|
3
2
|
import { useCallback, useMemo, useState } from 'react';
|
|
4
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
4
|
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
6
5
|
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
7
|
-
import {
|
|
8
|
-
import { RlsPickerClock } from '../PickerClock/PickerClock';
|
|
6
|
+
import { RlsModalClock } from '../ModalClock/ModalClock';
|
|
9
7
|
export function RlsFieldClock({ children, disabled: disabledProps, formControl, identifier, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, time, value: valueInitial }) {
|
|
10
8
|
const [value, setValue] = useState(formControl?.value ?? valueInitial);
|
|
11
9
|
const [modalIsVisible, setModalIsVisible] = useState(false);
|
|
@@ -46,13 +44,13 @@ export function RlsFieldClock({ children, disabled: disabledProps, formControl,
|
|
|
46
44
|
setModalIsVisible(true);
|
|
47
45
|
}
|
|
48
46
|
}, [timeValue, formControl, valueInitial, onChange]);
|
|
49
|
-
const
|
|
50
|
-
if (
|
|
51
|
-
onChange(
|
|
47
|
+
const onCloseModal = useCallback((time) => {
|
|
48
|
+
if (time) {
|
|
49
|
+
onChange(time);
|
|
52
50
|
}
|
|
53
51
|
formControl?.touch();
|
|
54
52
|
setModalIsVisible(false);
|
|
55
53
|
}, [formControl, onChange]);
|
|
56
|
-
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(
|
|
54
|
+
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(RlsModalClock, { visible: modalIsVisible, time: time, disabled: disabled, onClose: onCloseModal, rlsTheme: rlsTheme })] }));
|
|
57
55
|
}
|
|
58
56
|
//# sourceMappingURL=FieldClock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldClock.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldClock/FieldClock.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FieldClock.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldClock/FieldClock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { verifyDateRange } from '@rolster/components';
|
|
3
3
|
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
7
|
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
8
8
|
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
9
|
-
import {
|
|
10
|
-
import { RlsPickerDate } from '../PickerDate/PickerDate';
|
|
9
|
+
import { RlsModalDate } from '../ModalDate/ModalDate';
|
|
11
10
|
export function RlsFieldDate({ children, date, disabled: disabledProps, formControl, format, identifier, maxDate, minDate, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, value: valueInitial }) {
|
|
12
11
|
const today = useRef(new Date()); // Initial current date in component
|
|
13
12
|
const [value, setValue] = useState(formControl?.value ?? valueInitial);
|
|
@@ -60,13 +59,13 @@ export function RlsFieldDate({ children, date, disabled: disabledProps, formCont
|
|
|
60
59
|
setModalIsVisible(true);
|
|
61
60
|
}
|
|
62
61
|
}, [dateValue, formControl, valueInitial, onChange]);
|
|
63
|
-
const
|
|
64
|
-
if (
|
|
65
|
-
onChange(
|
|
62
|
+
const onCloseModal = useCallback((date) => {
|
|
63
|
+
if (date) {
|
|
64
|
+
onChange(date);
|
|
66
65
|
}
|
|
67
66
|
formControl?.touch();
|
|
68
67
|
setModalIsVisible(false);
|
|
69
68
|
}, [formControl, onChange]);
|
|
70
|
-
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(
|
|
69
|
+
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(RlsModalDate, { visible: modalIsVisible, date: date, disabled: disabled, maxDate: maxDate, minDate: minDate, onClose: onCloseModal, rlsTheme: rlsTheme })] }));
|
|
71
70
|
}
|
|
72
71
|
//# sourceMappingURL=FieldDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"FieldDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { PickerListenerEvent } from '@rolster/components';
|
|
3
2
|
import { useCallback, useMemo, useState } from 'react';
|
|
4
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
4
|
import { rangeFormatTemplate } from '../../../helpers/date-range-picker';
|
|
6
5
|
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
7
6
|
import { RlsMessageFormError } from '../../molecules/MessageFormError/MessageFormError';
|
|
8
|
-
import {
|
|
9
|
-
import { RlsPickerDateRange } from '../PickerDateRange/PickerDateRange';
|
|
7
|
+
import { RlsModalDateRange } from '../ModalDateRange/ModalDateRange';
|
|
10
8
|
export function RlsFieldDateRange({ children, date, disabled: disabledProps, formControl, identifier, maxDate, minDate, msgErrorDisabled, onValue, placeholder, readOnly, rlsTheme, value: valueInitial }) {
|
|
11
9
|
const currentDate = useMemo(() => date ?? new Date(), [date]);
|
|
12
10
|
const [value, setValue] = useState(formControl?.value || valueInitial);
|
|
@@ -48,13 +46,13 @@ export function RlsFieldDateRange({ children, date, disabled: disabledProps, for
|
|
|
48
46
|
setModalIsVisible(true);
|
|
49
47
|
}
|
|
50
48
|
}, [dateRangeValue, formControl, valueInitial, onChange]);
|
|
51
|
-
const
|
|
52
|
-
if (
|
|
53
|
-
onChange(
|
|
49
|
+
const onCloseModal = useCallback((dateRange) => {
|
|
50
|
+
if (dateRange) {
|
|
51
|
+
onChange(dateRange);
|
|
54
52
|
}
|
|
55
53
|
formControl?.touch();
|
|
56
54
|
setModalIsVisible(false);
|
|
57
55
|
}, [formControl, onChange]);
|
|
58
|
-
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(
|
|
56
|
+
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(RlsModalDateRange, { visible: modalIsVisible, date: currentDate, disabled: disabled, maxDate: maxDate, minDate: minDate, onClose: onCloseModal, rlsTheme: rlsTheme })] }));
|
|
59
57
|
}
|
|
60
58
|
//# sourceMappingURL=FieldDateRange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FieldDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDateRange/FieldDateRange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -49,26 +49,25 @@ export function useFieldList(props) {
|
|
|
49
49
|
useEffect(() => {
|
|
50
50
|
const formValue = formControl?.value;
|
|
51
51
|
if (formValue !== undefined && formValue !== null && formValue.length) {
|
|
52
|
-
|
|
53
|
-
setSelected(selectedElements);
|
|
52
|
+
setSelected(suggestions.filter((state) => formValue.some((value) => state.compareTo(value))));
|
|
54
53
|
}
|
|
55
54
|
else {
|
|
56
55
|
setSelected([]);
|
|
57
56
|
}
|
|
58
57
|
}, [formControl?.value, suggestions]);
|
|
59
|
-
const setListState = useCallback((
|
|
58
|
+
const setListState = useCallback((controllerState) => {
|
|
60
59
|
setState((state) => {
|
|
61
|
-
const
|
|
60
|
+
const newState = controllerState.listIsVisible !== undefined
|
|
62
61
|
? {
|
|
63
|
-
...
|
|
64
|
-
...(
|
|
62
|
+
...controllerState,
|
|
63
|
+
...(controllerState.listIsVisible
|
|
65
64
|
? {
|
|
66
65
|
higher: shouldDisplayHigher(refContent.current, refList.current)
|
|
67
66
|
}
|
|
68
67
|
: {})
|
|
69
68
|
}
|
|
70
|
-
:
|
|
71
|
-
return { ...state, ...
|
|
69
|
+
: controllerState;
|
|
70
|
+
return { ...state, ...newState };
|
|
72
71
|
});
|
|
73
72
|
}, []);
|
|
74
73
|
const toggleElement = useCallback((element) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldListController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldList/FieldListController.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,SAAS,UAAU;IACjB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAED,MAAM,QAAQ,GAAG,UAAU,CACzB,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CACpD,CAAC;IAEF,OAAO,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC;AACrD,CAAC;AAED,SAAS,mBAAmB,CAC1B,OAA2B,EAC3B,IAAwB;IAExB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACxD,MAAM,UAAU,GAAG,GAAG,CAAC;IACvB,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC;IAE/C,MAAM,SAAS,GAAG,mBAAmB,GAAG,UAAU,EAAE,CAAC;IACrD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,IAAI,SAAS,EAAE,SAAS,CAAC,CAAC;IAE3E,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,UAAU,GAAG,UAAU,CAAC;AACjC,CAAC;AAkCD,MAAM,UAAU,YAAY,CAC1B,KAAqC;IAErC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAEb,CAAC;IAEd,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA2B;QAC3D,MAAM,EAAE,KAAK;QACb,aAAa,EAAE,KAAK;KACrB,CAAC,CAAC;IAEH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,kBAAkB,CAAC,EAAE,MAAM,EAAc;YAChD,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,MAAa,CAAC,EAAE,CAAC;gBAClD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAyB,CAAC,CAAC;QAE9D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAyB,CAAC,CAAC;QACnE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,WAAW,EAAE,KAAK,CAAC;QAErC,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;YACtE,
|
|
1
|
+
{"version":3,"file":"FieldListController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldList/FieldListController.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Time } from '@rolster/dates';
|
|
2
|
+
import { ReactControl } from '@rolster/react-forms';
|
|
3
|
+
import { PortalController } from '../../../controllers/PortalController';
|
|
4
|
+
import { RlsComponent } from '../../definitions';
|
|
5
|
+
interface ModalClockProps extends RlsComponent {
|
|
6
|
+
controller?: PortalController;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
formControl?: ReactControl<HTMLElement, Time> | ReactControl<HTMLElement, Time | undefined>;
|
|
9
|
+
onClose?: (time?: Time) => void;
|
|
10
|
+
time?: Time;
|
|
11
|
+
visible?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare function RlsModalClock({ controller, disabled, formControl, onClose, rlsTheme, time, visible }: ModalClockProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { PickerListenerEvent } from '@rolster/components';
|
|
3
|
+
import { useCallback } from 'react';
|
|
4
|
+
import { RlsModal } from '../Modal/Modal';
|
|
5
|
+
import { RlsPickerClock } from '../PickerClock/PickerClock';
|
|
6
|
+
export function RlsModalClock({ controller, disabled, formControl, onClose, rlsTheme, time, visible }) {
|
|
7
|
+
const onListener = useCallback(({ event, value }) => {
|
|
8
|
+
onClose?.(event !== PickerListenerEvent.Cancel ? value : undefined);
|
|
9
|
+
controller?.close();
|
|
10
|
+
}, [onClose, controller]);
|
|
11
|
+
return (_jsx(RlsModal, { className: "rls-modal-clock", controller: controller, visible: visible, rlsTheme: rlsTheme, children: _jsx(RlsPickerClock, { formControl: formControl, time: time, disabled: disabled, onListener: onListener }) }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=ModalClock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalClock.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ModalClock/ModalClock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAa5D,MAAM,UAAU,aAAa,CAAC,EAC5B,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,OAAO,EACS;IAChB,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAwB,EAAE,EAAE;QACzC,OAAO,EAAE,CAAC,KAAK,KAAK,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACpE,UAAU,EAAE,KAAK,EAAE,CAAC;IACtB,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,iBAAiB,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAElB,KAAC,cAAc,IACb,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,GACO,CACZ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactControl } from '@rolster/react-forms';
|
|
2
|
+
import { PortalController } from '../../../controllers/PortalController';
|
|
3
|
+
import { RlsComponent } from '../../definitions';
|
|
4
|
+
interface ModalDateProps extends RlsComponent {
|
|
5
|
+
automatic?: boolean;
|
|
6
|
+
controller?: PortalController;
|
|
7
|
+
date?: Date;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
formControl?: ReactControl<HTMLElement, Date> | ReactControl<HTMLElement, Date | undefined>;
|
|
10
|
+
maxDate?: Date;
|
|
11
|
+
minDate?: Date;
|
|
12
|
+
onClose?: (date?: Date) => void;
|
|
13
|
+
visible?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare function RlsModalDate({ automatic, controller, date, disabled, formControl, maxDate, minDate, onClose, rlsTheme, visible }: ModalDateProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { PickerListenerEvent } from '@rolster/components';
|
|
3
|
+
import { useCallback } from 'react';
|
|
4
|
+
import { RlsModal } from '../Modal/Modal';
|
|
5
|
+
import { RlsPickerDate } from '../PickerDate/PickerDate';
|
|
6
|
+
export function RlsModalDate({ automatic, controller, date, disabled, formControl, maxDate, minDate, onClose, rlsTheme, visible }) {
|
|
7
|
+
const onListener = useCallback(({ event, value }) => {
|
|
8
|
+
onClose?.(event !== PickerListenerEvent.Cancel ? value : undefined);
|
|
9
|
+
controller?.close();
|
|
10
|
+
}, [onClose, controller]);
|
|
11
|
+
return (_jsx(RlsModal, { className: "rls-modal-date", controller: controller, visible: visible, rlsTheme: rlsTheme, children: _jsx(RlsPickerDate, { automatic: automatic, formControl: formControl, date: date, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: onListener }) }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=ModalDate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ModalDate/ModalDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAgBzD,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACQ;IACf,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAwB,EAAE,EAAE;QACzC,OAAO,EAAE,CAAC,KAAK,KAAK,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACpE,UAAU,EAAE,KAAK,EAAE,CAAC;IACtB,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,gBAAgB,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAElB,KAAC,aAAa,IACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,GACO,CACZ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { DateRange } from '@rolster/dates';
|
|
2
|
+
import { ReactControl } from '@rolster/react-forms';
|
|
3
|
+
import { PortalController } from '../../../controllers/PortalController';
|
|
4
|
+
import { RlsComponent } from '../../definitions';
|
|
5
|
+
interface ModalDateRangeProps extends RlsComponent {
|
|
6
|
+
automatic?: boolean;
|
|
7
|
+
controller?: PortalController;
|
|
8
|
+
date?: Date;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
formControl?: ReactControl<HTMLElement, DateRange> | ReactControl<HTMLElement, DateRange | undefined>;
|
|
11
|
+
maxDate?: Date;
|
|
12
|
+
minDate?: Date;
|
|
13
|
+
onClose?: (dateRange?: DateRange) => void;
|
|
14
|
+
visible?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare function RlsModalDateRange({ automatic, controller, date, disabled, formControl, maxDate, minDate, onClose, rlsTheme, visible }: ModalDateRangeProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { PickerListenerEvent } from '@rolster/components';
|
|
3
|
+
import { useCallback } from 'react';
|
|
4
|
+
import { RlsModal } from '../Modal/Modal';
|
|
5
|
+
import { RlsPickerDateRange } from '../PickerDateRange/PickerDateRange';
|
|
6
|
+
export function RlsModalDateRange({ automatic, controller, date, disabled, formControl, maxDate, minDate, onClose, rlsTheme, visible }) {
|
|
7
|
+
const onListener = useCallback(({ event, value }) => {
|
|
8
|
+
onClose?.(event !== PickerListenerEvent.Cancel ? value : undefined);
|
|
9
|
+
controller?.close();
|
|
10
|
+
}, [onClose, controller]);
|
|
11
|
+
return (_jsx(RlsModal, { className: "rls-modal-date-range", controller: controller, visible: visible, rlsTheme: rlsTheme, children: _jsx(RlsPickerDateRange, { automatic: automatic, formControl: formControl, date: date, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: onListener }) }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=ModalDateRange.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ModalDateRange/ModalDateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAgBxE,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACa;IACpB,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,KAAK,EAAE,KAAK,EAA6B,EAAE,EAAE;QAC9C,OAAO,EAAE,CAAC,KAAK,KAAK,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACpE,UAAU,EAAE,KAAK,EAAE,CAAC;IACtB,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,sBAAsB,EAChC,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAElB,KAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,GACO,CACZ,CAAC;AACJ,CAAC"}
|
|
@@ -243,69 +243,12 @@ function generateThemeCSS(colors, theme) {
|
|
|
243
243
|
...shadowProps
|
|
244
244
|
];
|
|
245
245
|
}
|
|
246
|
-
|
|
247
|
-
const x = channel / 255;
|
|
248
|
-
return x <= 0.04045 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4;
|
|
249
|
-
};
|
|
250
|
-
const linearToSrgb = (channel) => {
|
|
251
|
-
const v = channel <= 0.0031308
|
|
252
|
-
? 12.92 * channel
|
|
253
|
-
: 1.055 * channel ** (1 / 2.4) - 0.055;
|
|
254
|
-
return clamp(Math.round(v * 255), 0, 255);
|
|
255
|
-
};
|
|
256
|
-
function rgbToOklch({ r, g, b }) {
|
|
257
|
-
const lr = srgbToLinear(r);
|
|
258
|
-
const lg = srgbToLinear(g);
|
|
259
|
-
const lb = srgbToLinear(b);
|
|
260
|
-
const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
|
|
261
|
-
const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
|
|
262
|
-
const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
|
|
263
|
-
const okL = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
|
|
264
|
-
const okA = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
|
|
265
|
-
const okB = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
|
|
266
|
-
return { l: okL, c: Math.hypot(okA, okB), h: Math.atan2(okB, okA) };
|
|
267
|
-
}
|
|
268
|
-
function oklabToLinearRgb(l, a, b) {
|
|
269
|
-
const l_ = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3;
|
|
270
|
-
const m_ = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3;
|
|
271
|
-
const s_ = (l - 0.0894841775 * a - 1.291485548 * b) ** 3;
|
|
272
|
-
return [
|
|
273
|
-
4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_,
|
|
274
|
-
-1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_,
|
|
275
|
-
-0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_
|
|
276
|
-
];
|
|
277
|
-
}
|
|
278
|
-
const inGamut = ([r, g, b]) => {
|
|
279
|
-
const e = 1e-4;
|
|
280
|
-
return (r >= -e && r <= 1 + e && g >= -e && g <= 1 + e && b >= -e && b <= 1 + e);
|
|
281
|
-
};
|
|
282
|
-
function oklchToRgb({ l, c, h }) {
|
|
283
|
-
const a = Math.cos(h);
|
|
284
|
-
const b = Math.sin(h);
|
|
285
|
-
const linearAt = (chroma) => oklabToLinearRgb(l, a * chroma, b * chroma);
|
|
286
|
-
if (!inGamut(linearAt(c))) {
|
|
287
|
-
let lo = 0;
|
|
288
|
-
let hi = c;
|
|
289
|
-
for (let i = 0; i < 20; i++) {
|
|
290
|
-
const mid = (lo + hi) / 2;
|
|
291
|
-
if (inGamut(linearAt(mid))) {
|
|
292
|
-
lo = mid;
|
|
293
|
-
}
|
|
294
|
-
else {
|
|
295
|
-
hi = mid;
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
c = lo;
|
|
299
|
-
}
|
|
300
|
-
const [lr, lg, lb] = linearAt(c);
|
|
301
|
-
return { r: linearToSrgb(lr), g: linearToSrgb(lg), b: linearToSrgb(lb) };
|
|
302
|
-
}
|
|
303
|
-
const chromaFactor = (lightness) => 0.4 + 0.6 * (1 - Math.abs(lightness - 0.5) * 2);
|
|
304
|
-
function detectShadeLevel(lightness) {
|
|
246
|
+
function detectShadeLevel(hsl) {
|
|
305
247
|
let bestLevel = '500';
|
|
306
248
|
let minDiff = Infinity;
|
|
307
|
-
|
|
308
|
-
const
|
|
249
|
+
Object.keys(STANDARD_LUMINANCE).forEach((level) => {
|
|
250
|
+
const targetL = STANDARD_LUMINANCE[level];
|
|
251
|
+
const diff = Math.abs(hsl.l - targetL);
|
|
309
252
|
if (diff < minDiff) {
|
|
310
253
|
minDiff = diff;
|
|
311
254
|
bestLevel = level;
|
|
@@ -314,29 +257,50 @@ function detectShadeLevel(lightness) {
|
|
|
314
257
|
return bestLevel;
|
|
315
258
|
}
|
|
316
259
|
export function generateThemePalette(baseColor, theme = 'primary') {
|
|
317
|
-
const
|
|
318
|
-
if (!
|
|
260
|
+
const hsl = hexToHsl(baseColor);
|
|
261
|
+
if (!hsl) {
|
|
319
262
|
throw new Error(msgInvalidColor(baseColor));
|
|
320
263
|
}
|
|
321
|
-
const
|
|
322
|
-
const
|
|
264
|
+
const matchedLevel = detectShadeLevel(hsl);
|
|
265
|
+
const targetL = STANDARD_LUMINANCE[matchedLevel];
|
|
266
|
+
const inputL = hsl.l;
|
|
323
267
|
const colors = {};
|
|
268
|
+
const matchedIndex = SHADE_LABELS.indexOf(matchedLevel);
|
|
324
269
|
SHADE_LABELS.forEach((label) => {
|
|
325
270
|
if (label === matchedLevel) {
|
|
326
|
-
colors[label] =
|
|
271
|
+
colors[label] = baseColor.toUpperCase();
|
|
327
272
|
return;
|
|
328
273
|
}
|
|
329
|
-
const
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
274
|
+
const shadeTargetL = STANDARD_LUMINANCE[label];
|
|
275
|
+
const labelIndex = SHADE_LABELS.indexOf(label);
|
|
276
|
+
let lightL;
|
|
277
|
+
if (labelIndex < matchedIndex) {
|
|
278
|
+
const ratio = inputL / targetL;
|
|
279
|
+
lightL = shadeTargetL * ratio;
|
|
280
|
+
}
|
|
281
|
+
else {
|
|
282
|
+
const remainingInput = 100 - inputL;
|
|
283
|
+
const remainingTarget = 100 - targetL;
|
|
284
|
+
const progress = (shadeTargetL - targetL) / remainingTarget;
|
|
285
|
+
lightL = inputL + progress * remainingInput;
|
|
286
|
+
}
|
|
287
|
+
lightL = Math.min(100, Math.max(0, lightL));
|
|
288
|
+
const satFactor = lightL > 60
|
|
289
|
+
? Math.max(0.2, (100 - lightL) / 40)
|
|
290
|
+
: lightL < 30
|
|
291
|
+
? Math.max(0.2, lightL / 30)
|
|
292
|
+
: 1;
|
|
293
|
+
colors[label] = hslToHex({
|
|
294
|
+
h: hsl.h,
|
|
295
|
+
s: Math.round(Math.min(100, hsl.s * satFactor)),
|
|
296
|
+
l: Math.round(lightL)
|
|
297
|
+
});
|
|
335
298
|
});
|
|
336
|
-
const
|
|
299
|
+
const shades = colors;
|
|
300
|
+
const properties = generateThemeCSS(shades, theme);
|
|
337
301
|
return {
|
|
338
302
|
theme,
|
|
339
|
-
colors,
|
|
303
|
+
colors: shades,
|
|
340
304
|
css: properties.map((p) => `${p.name}: ${p.value};`).join('\n'),
|
|
341
305
|
properties
|
|
342
306
|
};
|