@rolster/react-components 18.12.8 → 18.12.10
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-7UzJ6VgT.css → index-VcI5p9dK.css} +54 -3
- package/dist/cjs/index.js +70 -37
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-7UzJ6VgT.css → index-VcI5p9dK.css} +54 -3
- package/dist/es/index.js +68 -39
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.d.ts +1 -1
- package/dist/esm/components/atoms/Input/Input.css +0 -2
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.css +44 -0
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.d.ts +7 -0
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.js +6 -0
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.js.map +1 -0
- package/dist/esm/components/atoms/index.d.ts +1 -0
- package/dist/esm/components/atoms/index.js +1 -0
- package/dist/esm/components/atoms/index.js.map +1 -1
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.css +7 -0
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.d.ts +12 -0
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.js +8 -0
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.js.map +1 -0
- package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.js +4 -4
- package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.js.map +1 -1
- package/dist/esm/components/molecules/index.d.ts +1 -0
- package/dist/esm/components/molecules/index.js +1 -0
- package/dist/esm/components/molecules/index.js.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +4 -1
- package/dist/esm/components/organisms/Datatable/Datatable.js +8 -2
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/dist/esm/components/organisms/DateField/DateField.js +4 -3
- package/dist/esm/components/organisms/DateField/DateField.js.map +1 -1
- package/dist/esm/components/organisms/DatePicker/DatePicker.js +6 -6
- package/dist/esm/components/organisms/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/organisms/DateRangeField/DateRangeField.css +1 -1
- package/dist/esm/components/organisms/DateRangeField/DateRangeField.js +2 -2
- package/dist/esm/components/organisms/DateRangeField/DateRangeField.js.map +1 -1
- package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.js +5 -5
- package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/esm/helpers/date-picker.d.ts +1 -1
- package/dist/esm/helpers/date-picker.js +7 -3
- package/dist/esm/helpers/date-picker.js.map +1 -1
- package/dist/esm/helpers/date-range-picker.d.ts +1 -1
- package/dist/esm/helpers/date-range-picker.js +10 -8
- package/dist/esm/helpers/date-range-picker.js.map +1 -1
- package/dist/esm/helpers/day-picker.js +6 -4
- package/dist/esm/helpers/day-picker.js.map +1 -1
- package/dist/esm/hooks/DatatableHook.js +11 -4
- package/dist/esm/hooks/DatatableHook.js.map +1 -1
- package/package.json +6 -6
|
@@ -4,8 +4,8 @@ import './ButtonAction.css';
|
|
|
4
4
|
interface ButtonActionProps extends RlsComponent {
|
|
5
5
|
icon: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
|
-
tooltip?: string;
|
|
8
7
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
8
|
+
tooltip?: string;
|
|
9
9
|
}
|
|
10
10
|
export declare function RlsButtonAction({ icon, disabled, tooltip, onClick }: ButtonActionProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
--pvt-value-opacity: 1;
|
|
4
4
|
--pvt-component-font-color: transparent;
|
|
5
5
|
position: relative;
|
|
6
|
-
float: left;
|
|
7
6
|
width: 100%;
|
|
8
7
|
}
|
|
9
8
|
.rls-input--focused {
|
|
@@ -15,7 +14,6 @@
|
|
|
15
14
|
}
|
|
16
15
|
.rls-input__component {
|
|
17
16
|
position: relative;
|
|
18
|
-
float: left;
|
|
19
17
|
width: 100%;
|
|
20
18
|
height: var(--rls-input-height);
|
|
21
19
|
line-height: var(--rls-input-height);
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
.rls-progress-circular {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: var(--rls-progress-circular-dimension);
|
|
4
|
+
height: var(--rls-progress-circular-dimension);
|
|
5
|
+
padding: var(--sizing-x2);
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
stroke: var(--color-rolster-500);
|
|
8
|
+
}
|
|
9
|
+
.rls-progress-circular__svg {
|
|
10
|
+
height: 100%;
|
|
11
|
+
width: 100%;
|
|
12
|
+
transform: rotate(990deg);
|
|
13
|
+
animation: progress-circular-svg 3500ms linear infinite;
|
|
14
|
+
}
|
|
15
|
+
.rls-progress-circular__circle {
|
|
16
|
+
fill: none;
|
|
17
|
+
stroke-width: 4px;
|
|
18
|
+
stroke: inherit;
|
|
19
|
+
stroke-dasharray: 65;
|
|
20
|
+
stroke-dashoffset: 65;
|
|
21
|
+
opacity: 1;
|
|
22
|
+
animation: progress-circular-circle 1750ms var(--standard-curve) infinite;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@keyframes progress-circular-svg {
|
|
26
|
+
0% {
|
|
27
|
+
transform: rotate(0deg);
|
|
28
|
+
}
|
|
29
|
+
50% {
|
|
30
|
+
transform: rotate(180deg);
|
|
31
|
+
}
|
|
32
|
+
100% {
|
|
33
|
+
transform: rotate(360deg);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@keyframes progress-circular-circle {
|
|
38
|
+
50% {
|
|
39
|
+
stroke-dashoffset: 0;
|
|
40
|
+
}
|
|
41
|
+
100% {
|
|
42
|
+
stroke-dashoffset: -65;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { RlsTheme } from '../../definitions';
|
|
2
|
+
import './ProgressCircular.css';
|
|
3
|
+
interface ProgressCircularProps {
|
|
4
|
+
rlsTheme?: RlsTheme;
|
|
5
|
+
}
|
|
6
|
+
export declare function RlsProgressCircular({ rlsTheme }: ProgressCircularProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import './ProgressCircular.css';
|
|
3
|
+
export function RlsProgressCircular({ rlsTheme }) {
|
|
4
|
+
return (_jsx("div", { className: "rls-progress-circular", "rls-theme": rlsTheme, children: _jsx("svg", { className: "rls-progress-circular__svg", viewBox: "0 0 36 36", children: _jsx("circle", { className: "rls-progress-circular__circle", cx: "18", cy: "18", r: "12" }) }) }));
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=ProgressCircular.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressCircular.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ProgressCircular/ProgressCircular.tsx"],"names":[],"mappings":";AACA,OAAO,wBAAwB,CAAC;AAMhC,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAAyB;IACrE,OAAO,CACL,cAAK,SAAS,EAAC,uBAAuB,eAAY,QAAQ,YACxD,cAAK,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,YAC7D,iBACE,SAAS,EAAC,+BAA+B,EACzC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,GACE,GACN,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -15,6 +15,7 @@ export * from './Label/Label';
|
|
|
15
15
|
export * from './MessageIcon/MessageIcon';
|
|
16
16
|
export * from './Poster/Poster';
|
|
17
17
|
export * from './ProgressBar/ProgressBar';
|
|
18
|
+
export * from './ProgressCircular/ProgressCircular';
|
|
18
19
|
export * from './RadioButton/RadioButton';
|
|
19
20
|
export * from './SearchInput/SearchInput';
|
|
20
21
|
export * from './Skeleton/Skeleton';
|
|
@@ -15,6 +15,7 @@ export * from './Label/Label';
|
|
|
15
15
|
export * from './MessageIcon/MessageIcon';
|
|
16
16
|
export * from './Poster/Poster';
|
|
17
17
|
export * from './ProgressBar/ProgressBar';
|
|
18
|
+
export * from './ProgressCircular/ProgressCircular';
|
|
18
19
|
export * from './RadioButton/RadioButton';
|
|
19
20
|
export * from './SearchInput/SearchInput';
|
|
20
21
|
export * from './Skeleton/Skeleton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { MouseEventHandler } from 'react';
|
|
2
|
+
import { RlsTheme } from '../../definitions';
|
|
3
|
+
import './ButtonProgress.css';
|
|
4
|
+
interface ButtonProgressProps {
|
|
5
|
+
icon: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
8
|
+
progressing?: boolean;
|
|
9
|
+
rlsTheme?: RlsTheme;
|
|
10
|
+
}
|
|
11
|
+
export declare function RlsButtonProgress({ icon, disabled, onClick, progressing, rlsTheme }: ButtonProgressProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { renderClassStatus } from '../../../helpers/css';
|
|
3
|
+
import { RlsButtonAction, RlsProgressCircular } from '../../atoms';
|
|
4
|
+
import './ButtonProgress.css';
|
|
5
|
+
export function RlsButtonProgress({ icon, disabled, onClick, progressing, rlsTheme }) {
|
|
6
|
+
return (_jsxs("div", { className: renderClassStatus('rls-button-progress', { progressing }), "rls-theme": rlsTheme, children: [!progressing && (_jsx(RlsButtonAction, { icon: icon, onClick: onClick, disabled: disabled })), progressing && _jsx(RlsProgressCircular, {})] }));
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=ButtonProgress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonProgress.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonProgress/ButtonProgress.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEnE,OAAO,sBAAsB,CAAC;AAU9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACY;IACpB,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,WAAW,EAAE,CAAC,eACzD,QAAQ,aAElB,CAAC,WAAW,IAAI,CACf,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACtE,EACA,WAAW,IAAI,KAAC,mBAAmB,KAAG,IACnC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { DAY_LABELS, DateRange,
|
|
2
|
+
import { DAY_LABELS, DateRange, assignDayInDate, dateFormatTemplate, dateIsBefore, normalizeMinTime } from '@rolster/helpers-date';
|
|
3
3
|
import { useEffect, useRef, useState } from 'react';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
5
|
import { DATE_RANGE_FORMAT, createRangePicker } from '../../../helpers/date-range-picker';
|
|
@@ -20,15 +20,15 @@ export function RlsDayRangePicker({ date, disabled: disabledPicker, formControl,
|
|
|
20
20
|
}));
|
|
21
21
|
}, [range, date, minDate, maxDate]);
|
|
22
22
|
function onChange(value) {
|
|
23
|
-
const newDate =
|
|
24
|
-
const newRange =
|
|
23
|
+
const newDate = assignDayInDate(initialDate, value);
|
|
24
|
+
const newRange = dateIsBefore(newDate, sourceDate.current)
|
|
25
25
|
? new DateRange(sourceDate.current, newDate)
|
|
26
26
|
: new DateRange(newDate, sourceDate.current);
|
|
27
27
|
sourceDate.current = newDate;
|
|
28
28
|
setRange(newRange);
|
|
29
29
|
formControl?.setState(newRange);
|
|
30
30
|
}
|
|
31
|
-
return (_jsxs("div", { className: "rls-day-range-picker", "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-day-range-picker__title", children:
|
|
31
|
+
return (_jsxs("div", { className: "rls-day-range-picker", "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-day-range-picker__title", children: dateFormatTemplate(sourceDate.current, DATE_RANGE_FORMAT) }), _jsx("div", { className: "rls-day-range-picker__header", children: DAY_LABELS().map((title, index) => (_jsx("label", { className: "rls-day-range-picker__label", children: title }, index))) }), _jsx("div", { className: "rls-day-range-picker__component", children: weeks.map(({ days }, index) => (_jsx("div", { className: "rls-day-range-picker__week", children: days.map(({ disabled, end, forbidden, source, ranged, value }, index) => (_jsx("div", { className: renderClassStatus('rls-day-range-picker__day', {
|
|
32
32
|
disabled: disabled || disabledPicker,
|
|
33
33
|
end,
|
|
34
34
|
forbidden,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayRangePicker.js","sourceRoot":"","sources":["../../../../../src/components/molecules/DayRangePicker/DayRangePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"DayRangePicker.js","sourceRoot":"","sources":["../../../../../src/components/molecules/DayRangePicker/DayRangePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}
|
|
@@ -13,10 +13,13 @@ interface DatatableProps extends RlsComponent {
|
|
|
13
13
|
datatable?: DatatableHook;
|
|
14
14
|
footer?: JSX.Element;
|
|
15
15
|
header?: JSX.Element;
|
|
16
|
+
summary?: JSX.Element;
|
|
16
17
|
}
|
|
17
18
|
export declare function RlsDatatableHeader({ children }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export declare function RlsDatatableTitle({ children, className, control }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
export declare function RlsDatatableData({ children, className, error }: DatatableDataProps): import("react/jsx-runtime").JSX.Element;
|
|
20
21
|
export declare function RlsDatatableCell({ children, className, control, overflow }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export declare function
|
|
22
|
+
export declare function RlsDatatableTotals({ children, className, error }: DatatableDataProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare function RlsDatatableInfo({ children, className, control, overflow }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare function RlsDatatable({ children, datatable, footer, header, rlsTheme, summary }: DatatableProps): import("react/jsx-runtime").JSX.Element;
|
|
22
25
|
export {};
|
|
@@ -12,9 +12,15 @@ export function RlsDatatableData({ children, className, error }) {
|
|
|
12
12
|
export function RlsDatatableCell({ children, className, control, overflow }) {
|
|
13
13
|
return (_jsx("th", { className: renderClassStatus('rls-datatable__cell', { control, overflow }, className).trim(), children: children }));
|
|
14
14
|
}
|
|
15
|
-
export function
|
|
15
|
+
export function RlsDatatableTotals({ children, className, error }) {
|
|
16
|
+
return (_jsx("div", { className: renderClassStatus('rls-datatable__totals', { error }, className).trim(), children: children }));
|
|
17
|
+
}
|
|
18
|
+
export function RlsDatatableInfo({ children, className, control, overflow }) {
|
|
19
|
+
return (_jsx("div", { className: renderClassStatus('rls-datatable__info', { control, overflow }, className).trim(), children: children }));
|
|
20
|
+
}
|
|
21
|
+
export function RlsDatatable({ children, datatable, footer, header, rlsTheme, summary }) {
|
|
16
22
|
return (_jsxs("div", { className: renderClassStatus('rls-datatable', {
|
|
17
23
|
scrolleable: datatable?.scrolleable
|
|
18
|
-
}), "rls-theme": rlsTheme, children: [_jsxs("table", { children: [header && _jsx("thead", { className: "rls-datatable__thead", children: header }), _jsx("tbody", { ref: datatable?.bodyRef, className: "rls-datatable__tbody", children: children })] }), footer && _jsx("div", { className: "rls-datatable__tfooter", children: footer })] }));
|
|
24
|
+
}), "rls-theme": rlsTheme, children: [_jsxs("table", { children: [header && _jsx("thead", { className: "rls-datatable__thead", children: header }), _jsx("tbody", { ref: datatable?.bodyRef, className: "rls-datatable__tbody", children: children })] }), summary && _jsx("div", { className: "rls-datatable__tsummary", children: summary }), footer && _jsx("div", { className: "rls-datatable__tfooter", children: footer })] }));
|
|
19
25
|
}
|
|
20
26
|
//# sourceMappingURL=Datatable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAsBzD,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAgB;IAC3D,OAAO,aAAI,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAM,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACY;IACnB,OAAO,CACL,aACE,SAAS,EAAE,iBAAiB,CAC1B,sBAAsB,EACtB,EAAE,OAAO,EAAE,EACX,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,KAAK,EACc;IACnB,OAAO,CACL,aACE,SAAS,EAAE,iBAAiB,CAC1B,qBAAqB,EACrB,EAAE,KAAK,EAAE,EACT,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACW;IACnB,OAAO,CACL,aACE,SAAS,EAAE,iBAAiB,CAC1B,qBAAqB,EACrB,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrB,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,EACc;IACnB,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAC1B,uBAAuB,EACvB,EAAE,KAAK,EAAE,EACT,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACW;IACnB,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAC1B,qBAAqB,EACrB,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrB,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACQ;IACf,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,eAAe,EAAE;YAC5C,WAAW,EAAE,SAAS,EAAE,WAAW;SACpC,CAAC,eACS,QAAQ,aAEnB,4BACG,MAAM,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,MAAM,GAAS,EAEnE,gBAAO,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAC,sBAAsB,YAC7D,QAAQ,GACH,IACF,EAEP,OAAO,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,EAEnE,MAAM,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,IAC7D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { dateFormatTemplate } from '@rolster/helpers-date';
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
|
+
import { DATE_RANGE_FORMAT } from '../../../helpers/date-range-picker';
|
|
6
|
+
import { PickerListenerType } from '../../../types';
|
|
5
7
|
import { RlsMessageIcon, RlsIcon } from '../../atoms';
|
|
6
8
|
import { RlsDatePicker } from '../DatePicker/DatePicker';
|
|
7
9
|
import { RlsModal } from '../Modal/Modal';
|
|
8
10
|
import './DateField.css';
|
|
9
|
-
import { PickerListenerType } from '../../../types';
|
|
10
11
|
export function RlsDateField({ children, date, disabled, formControl, maxDate, minDate, placeholder, rlsTheme, onValue }) {
|
|
11
12
|
const dateInitial = formControl?.state || date || new Date();
|
|
12
13
|
const [value, setValue] = useState(dateInitial);
|
|
13
14
|
const [show, setShow] = useState(false);
|
|
14
15
|
const [description, setDescription] = useState('');
|
|
15
16
|
useEffect(() => {
|
|
16
|
-
setDescription(value ?
|
|
17
|
+
setDescription(value ? dateFormatTemplate(value, DATE_RANGE_FORMAT) : '');
|
|
17
18
|
}, [value]);
|
|
18
19
|
function onClickInput() {
|
|
19
20
|
setShow(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateField/DateField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateField/DateField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { assignDayInDate, assignMonthInDate, assignYearInDate, dateFormatTemplate } from '@rolster/helpers-date';
|
|
3
3
|
import { useReactControl } from '@rolster/react-forms';
|
|
4
4
|
import { useEffect, useState } from 'react';
|
|
5
5
|
import reactI18n from '../../../i18n';
|
|
6
6
|
import { PickerListenerType } from '../../../types';
|
|
7
7
|
import { renderClassStatus } from '../../../helpers/css';
|
|
8
|
-
import {
|
|
8
|
+
import { dateIsRange } from '../../../helpers/date-picker';
|
|
9
9
|
import { RlsButton } from '../../atoms';
|
|
10
10
|
import { RlsDayPicker, RlsMonthPicker, RlsMonthTitlePicker, RlsYearPicker } from '../../molecules';
|
|
11
11
|
import './DatePicker.css';
|
|
@@ -36,25 +36,25 @@ export function RlsDatePicker({ automatic, date, formControl, disabled, maxDate,
|
|
|
36
36
|
const monthControl = useReactControl(dateInitial.getMonth());
|
|
37
37
|
const [value, setValue] = useState(dateInitial);
|
|
38
38
|
const [{ day, month, year }, setVisibility] = useState(VISIBILITY.DAY);
|
|
39
|
-
const title =
|
|
39
|
+
const title = dateFormatTemplate(value, FORMAT_DESCRIPTION);
|
|
40
40
|
useEffect(() => {
|
|
41
41
|
setValue((prevValue) => {
|
|
42
42
|
return typeof yearControl.state === 'number'
|
|
43
|
-
?
|
|
43
|
+
? dateIsRange(assignYearInDate(prevValue, yearControl.state), minDate, maxDate)
|
|
44
44
|
: prevValue;
|
|
45
45
|
});
|
|
46
46
|
}, [yearControl.state]);
|
|
47
47
|
useEffect(() => {
|
|
48
48
|
setValue((prevValue) => {
|
|
49
49
|
return typeof monthControl.state === 'number'
|
|
50
|
-
?
|
|
50
|
+
? dateIsRange(assignMonthInDate(prevValue, monthControl.state), minDate, maxDate)
|
|
51
51
|
: prevValue;
|
|
52
52
|
});
|
|
53
53
|
}, [monthControl.state]);
|
|
54
54
|
useEffect(() => {
|
|
55
55
|
setValue((prevValue) => {
|
|
56
56
|
return typeof dayControl.state === 'number'
|
|
57
|
-
?
|
|
57
|
+
? dateIsRange(assignDayInDate(prevValue, dayControl.state), minDate, maxDate)
|
|
58
58
|
: prevValue;
|
|
59
59
|
});
|
|
60
60
|
}, [dayControl.state]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { DateRange } from '@rolster/helpers-date';
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { rangeFormatTemplate } from '../../../helpers/date-range-picker';
|
|
5
5
|
import { RlsIcon } from '../../atoms';
|
|
6
6
|
import { RlsDateRangePicker } from '../DateRangePicker/DateRangePicker';
|
|
7
7
|
import { RlsModal } from '../Modal/Modal';
|
|
@@ -14,7 +14,7 @@ export function RlsDateRangeField({ children, date: datePicker, disabled, formCo
|
|
|
14
14
|
const [show, setShow] = useState(false);
|
|
15
15
|
const [description, setDescription] = useState('');
|
|
16
16
|
useEffect(() => {
|
|
17
|
-
setDescription(value ?
|
|
17
|
+
setDescription(value ? rangeFormatTemplate(value) : '');
|
|
18
18
|
}, [value]);
|
|
19
19
|
function onClickInput() {
|
|
20
20
|
setShow(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateRangeField/DateRangeField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DateRangeField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateRangeField/DateRangeField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { DateRange,
|
|
2
|
+
import { DateRange, assignMonthInDate, assignYearInDate, normalizeMinTime } from '@rolster/helpers-date';
|
|
3
3
|
import { useReactControl } from '@rolster/react-forms';
|
|
4
4
|
import { useEffect, useState } from 'react';
|
|
5
5
|
import reactI18n from '../../../i18n';
|
|
6
6
|
import { renderClassStatus } from '../../../helpers/css';
|
|
7
|
-
import {
|
|
7
|
+
import { rangeFormatTemplate } from '../../../helpers/date-range-picker';
|
|
8
8
|
import { PickerListenerType } from '../../../types';
|
|
9
9
|
import { RlsButton } from '../../atoms';
|
|
10
10
|
import { RlsDayRangePicker, RlsMonthPicker, RlsMonthTitlePicker, RlsYearPicker } from '../../molecules';
|
|
@@ -40,14 +40,14 @@ export function RlsDateRangePicker({ automatic, date: datePicker, disabled, form
|
|
|
40
40
|
useEffect(() => {
|
|
41
41
|
setDate((prevValue) => {
|
|
42
42
|
return typeof yearControl.state === 'number'
|
|
43
|
-
?
|
|
43
|
+
? assignYearInDate(prevValue, yearControl.state)
|
|
44
44
|
: prevValue;
|
|
45
45
|
});
|
|
46
46
|
}, [yearControl.state]);
|
|
47
47
|
useEffect(() => {
|
|
48
48
|
setDate((prevValue) => {
|
|
49
49
|
return typeof monthControl.state === 'number'
|
|
50
|
-
?
|
|
50
|
+
? assignMonthInDate(prevValue, monthControl.state)
|
|
51
51
|
: prevValue;
|
|
52
52
|
});
|
|
53
53
|
}, [monthControl.state]);
|
|
@@ -77,7 +77,7 @@ export function RlsDateRangePicker({ automatic, date: datePicker, disabled, form
|
|
|
77
77
|
onListener({ type: PickerListenerType.Select, value });
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
|
-
return (_jsxs("div", { className: "rls-date-range-picker", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-date-range-picker__header", children: [_jsx("div", { className: "rls-date-range-picker__title rls-date-range-picker__title--description", children: _jsx("span", { onClick: onVisibilityDay, children:
|
|
80
|
+
return (_jsxs("div", { className: "rls-date-range-picker", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-date-range-picker__header", children: [_jsx("div", { className: "rls-date-range-picker__title rls-date-range-picker__title--description", children: _jsx("span", { onClick: onVisibilityDay, children: rangeFormatTemplate(value) }) }), _jsx("div", { className: "rls-date-range-picker__title rls-date-range-picker__title--year", children: _jsx("span", { onClick: onVisibilityYear, children: yearControl.state }) }), _jsx(RlsMonthTitlePicker, { monthControl: monthControl, yearControl: yearControl, date: date, maxDate: maxDate, minDate: minDate, disabled: year, type: month ? 'year' : 'month', onClick: onVisibilityMonth })] }), _jsxs("div", { className: renderClassStatus('rls-date-range-picker__component', {
|
|
81
81
|
year,
|
|
82
82
|
day,
|
|
83
83
|
month
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../../src/components/organisms/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dateIsRange(date: Date, min?: Date, max?: Date): Date;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export function
|
|
3
|
-
return min &&
|
|
1
|
+
import { dateIsAfter, dateIsBefore } from '@rolster/helpers-date';
|
|
2
|
+
export function dateIsRange(date, min, max) {
|
|
3
|
+
return min && dateIsBefore(min, date)
|
|
4
|
+
? min
|
|
5
|
+
: max && dateIsAfter(max, date)
|
|
6
|
+
? max
|
|
7
|
+
: date;
|
|
4
8
|
}
|
|
5
9
|
//# sourceMappingURL=date-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/helpers/date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/helpers/date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAElE,MAAM,UAAU,WAAW,CAAC,IAAU,EAAE,GAAU,EAAE,GAAU;IAC5D,OAAO,GAAG,IAAI,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC;QACnC,CAAC,CAAC,GAAG;QACL,CAAC,CAAC,GAAG,IAAI,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC;YAC/B,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}
|
|
@@ -8,6 +8,6 @@ interface FactoryProps {
|
|
|
8
8
|
maxDate?: Date;
|
|
9
9
|
}
|
|
10
10
|
export declare const DATE_RANGE_FORMAT = "{dd}/{mx}/{aa}";
|
|
11
|
-
export declare function
|
|
11
|
+
export declare function rangeFormatTemplate(range: DateRange): string;
|
|
12
12
|
export declare function createRangePicker(props: FactoryProps): WeekRangeState[];
|
|
13
13
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { assignDayInDate, dateFormatTemplate, dateIsBetween, getDateWeight, getDaysOfMonth } from '@rolster/helpers-date';
|
|
2
2
|
export const DATE_RANGE_FORMAT = '{dd}/{mx}/{aa}';
|
|
3
3
|
class DateRangePickerFactory {
|
|
4
4
|
constructor(props) {
|
|
@@ -32,7 +32,7 @@ class DateRangePickerFactory {
|
|
|
32
32
|
createRightWeeks() {
|
|
33
33
|
const rightWeeks = [];
|
|
34
34
|
const dayStart = this.date.getDay();
|
|
35
|
-
const dayCount =
|
|
35
|
+
const dayCount = getDaysOfMonth(this.date.getFullYear(), this.date.getMonth());
|
|
36
36
|
let days = [];
|
|
37
37
|
let countDaysWeek = 1;
|
|
38
38
|
let day = 8 - dayStart;
|
|
@@ -71,19 +71,21 @@ class DateRangePickerFactory {
|
|
|
71
71
|
day === date.getDate());
|
|
72
72
|
}
|
|
73
73
|
isRangedFromDate(day) {
|
|
74
|
-
return
|
|
74
|
+
return dateIsBetween(this.range.minDate, this.range.maxDate, assignDayInDate(this.date, day));
|
|
75
75
|
}
|
|
76
76
|
overflowDay(day) {
|
|
77
77
|
return this.minOverflowDay(day) || this.maxOverflowDay(day);
|
|
78
78
|
}
|
|
79
79
|
minOverflowDay(day) {
|
|
80
80
|
return this.minDate
|
|
81
|
-
?
|
|
81
|
+
? getDateWeight(assignDayInDate(this.date, day)) <
|
|
82
|
+
getDateWeight(this.minDate)
|
|
82
83
|
: false;
|
|
83
84
|
}
|
|
84
85
|
maxOverflowDay(day) {
|
|
85
86
|
return this.maxDate
|
|
86
|
-
?
|
|
87
|
+
? getDateWeight(assignDayInDate(this.date, day)) >
|
|
88
|
+
getDateWeight(this.maxDate)
|
|
87
89
|
: false;
|
|
88
90
|
}
|
|
89
91
|
createDayRangeState(day) {
|
|
@@ -97,9 +99,9 @@ class DateRangePickerFactory {
|
|
|
97
99
|
};
|
|
98
100
|
}
|
|
99
101
|
}
|
|
100
|
-
export function
|
|
101
|
-
const minFormat =
|
|
102
|
-
const maxFormat =
|
|
102
|
+
export function rangeFormatTemplate(range) {
|
|
103
|
+
const minFormat = dateFormatTemplate(range.minDate, DATE_RANGE_FORMAT);
|
|
104
|
+
const maxFormat = dateFormatTemplate(range.maxDate, DATE_RANGE_FORMAT);
|
|
103
105
|
return `${minFormat} - ${maxFormat}`;
|
|
104
106
|
}
|
|
105
107
|
export function createRangePicker(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/helpers/date-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,
|
|
1
|
+
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/helpers/date-range-picker.ts"],"names":[],"mappings":"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"}
|