@rolster/react-components 18.25.10 → 18.26.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/assets/{index-DG6-q1c1.css → index-Ds0DvsiS.css} +394 -360
- package/dist/cjs/index.js +87 -78
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-DG6-q1c1.css → index-Ds0DvsiS.css} +394 -360
- package/dist/es/index.js +87 -80
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.css +10 -6
- package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
- package/dist/esm/components/atoms/Button/Button.css +74 -72
- package/dist/esm/components/atoms/Button/Button.css.map +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.css +12 -13
- package/dist/esm/components/atoms/CheckBox/CheckBox.css.map +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.js +2 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js +2 -2
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js.map +1 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.css +2 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.css.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.css +13 -19
- package/dist/esm/components/atoms/Poster/Poster.css.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.d.ts +1 -2
- package/dist/esm/components/atoms/Poster/Poster.js +3 -3
- package/dist/esm/components/atoms/Poster/Poster.js.map +1 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.css +11 -4
- package/dist/esm/components/atoms/RadioButton/RadioButton.css.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.css +29 -24
- package/dist/esm/components/atoms/Switch/Switch.css.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.d.ts +4 -3
- package/dist/esm/components/atoms/Switch/Switch.js +6 -6
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/definitions.d.ts +1 -1
- package/dist/esm/components/molecules/Alert/Alert.css +18 -10
- package/dist/esm/components/molecules/Alert/Alert.css.map +1 -1
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css +1 -1
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.css.map +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.css +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.css.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.css +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.css.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.css +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.css.map +1 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css +1 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css.map +1 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css +1 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.css.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.css +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.css.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +5 -9
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +8 -9
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.d.ts +2 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +7 -11
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
- package/dist/esm/components/molecules/PickerClock/PickerClock.d.ts +1 -0
- package/dist/esm/components/molecules/PickerClock/PickerClock.js +5 -0
- package/dist/esm/components/molecules/PickerClock/PickerClock.js.map +1 -0
- package/dist/esm/components/molecules/PickerDay/PickerDay.css +52 -38
- package/dist/esm/components/molecules/PickerDay/PickerDay.css.map +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.js +2 -9
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css +36 -32
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.css.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +2 -6
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.css +6 -10
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.css.map +1 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css +29 -5
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.css.map +1 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.d.ts +2 -2
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js +8 -2
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.css +22 -27
- package/dist/esm/components/molecules/PickerYear/PickerYear.css.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +3 -3
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/organisms/Card/Card.css +7 -3
- package/dist/esm/components/organisms/Card/Card.css.map +1 -1
- package/dist/esm/components/organisms/Card/Card.d.ts +2 -1
- package/dist/esm/components/organisms/Card/Card.js +5 -5
- package/dist/esm/components/organisms/Card/Card.js.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +6 -6
- package/dist/esm/components/organisms/Datatable/Datatable.js +12 -12
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.css +9 -4
- package/dist/esm/components/organisms/FieldDate/FieldDate.css.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css +9 -4
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.css.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.css +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.css.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.css +24 -39
- package/dist/esm/components/organisms/PickerDate/PickerDate.css.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +4 -6
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css +23 -41
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.css.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +3 -6
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
- package/dist/esm/controllers/FormSingleSelectionController.d.ts +13 -0
- package/dist/esm/controllers/FormSingleSelectionController.js +15 -0
- package/dist/esm/controllers/FormSingleSelectionController.js.map +1 -0
- package/dist/esm/controllers/FormToggleController.d.ts +11 -0
- package/dist/esm/controllers/FormToggleController.js +16 -0
- package/dist/esm/controllers/FormToggleController.js.map +1 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDayRange/PickerDayRange.scss"],"names":[],"mappings":"AAOA,sBACE,4CACA,wCACA,mCAEA,kBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDayRange/PickerDayRange.scss"],"names":[],"mappings":"AAOA,sBACE,4CACA,wCACA,mCAEA,kBACA,kDACA,WACA,iBACA,sBACA,6BACA,sBACA,iBAEA,6BACE,+BACA,kBACA,oCACA,8CACA,wCACA,wCAGF,8BACE,aAGF,6BACE,WACA,6BACA,kCACA,kBACA,mBACA,+BACA,2CACA,uBAGF,iCACE,aACA,sBACA,6BAGF,4BACE,aAGF,+BACE,kBACA,6BACA,sBAEA,oCACE,yDACA,yDAGF,uCACE,2DACA,yDAGF,uCACE,2DAGF,0CACE,gDAEA,oBACA,WAGF,yCACE,oBACA,WAGF,qCACE,kBACA,cACA,eACA,4CACA,mCACA,6BACA,kCACA,sBACA,uBAEA,iDACE,+CACA,0CAGF,2CACE,+BACA","file":"PickerDayRange.css"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { createDayRangePicker } from '@rolster/components';
|
|
3
|
-
import { assignDayInDate, DAY_LABELS, dateIsBefore,
|
|
3
|
+
import { assignDayInDate, DAY_LABELS, dateIsBefore, DateRange, normalizeMinTime } from '@rolster/dates';
|
|
4
4
|
import { i18nSubscribe } from '@rolster/i18n';
|
|
5
5
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
6
|
-
import { DATE_FORMAT } from '../../../constants/picker.constant';
|
|
7
6
|
import { renderClassStatus } from '../../../helpers/css';
|
|
8
7
|
import './PickerDayRange.css';
|
|
9
8
|
function RlsPickerDayRangeHeaders() {
|
|
@@ -62,9 +61,6 @@ export function RlsPickerDayRange({ date: _date, disabled, formControl, maxDate,
|
|
|
62
61
|
maxDate
|
|
63
62
|
}));
|
|
64
63
|
}, [date, range, minDate, maxDate]);
|
|
65
|
-
|
|
66
|
-
return (_jsx("div", { className: "rls-picker-day-range__title", children: dateFormatTemplate(sourceDate.current, DATE_FORMAT) }));
|
|
67
|
-
}, [sourceDate.current]);
|
|
68
|
-
return (_jsxs("div", { className: "rls-picker-day-range", "rls-theme": rlsTheme, children: [title, headers, component] }));
|
|
64
|
+
return (_jsxs("div", { className: "rls-picker-day-range", "rls-theme": rlsTheme, children: [headers, component] }));
|
|
69
65
|
}
|
|
70
66
|
//# sourceMappingURL=PickerDayRange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerDayRange.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDayRange/PickerDayRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,oBAAoB,EAGrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,eAAe,EACf,UAAU,EACV,YAAY,EACZ,
|
|
1
|
+
{"version":3,"file":"PickerDayRange.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerDayRange/PickerDayRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,oBAAoB,EAGrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,eAAe,EACf,UAAU,EACV,YAAY,EACZ,SAAS,EACT,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,sBAAsB,CAAC;AAgB9B,SAAS,wBAAwB;IAC/B,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACpC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,gBAAmB,SAAS,EAAC,uBAAuB,YACjD,KAAK,IADI,KAAK,CAET,CACT,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,wBAAwB,CAAC,EAChC,GAAG,EACH,QAAQ,EACR,QAAQ,EACmB;IAC3B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,+BAA+B,EAAE;YACxD,QAAQ,EAAE,GAAG,CAAC,QAAQ,IAAI,QAAQ;YAClC,GAAG,EAAE,GAAG,CAAC,GAAG;YACZ,SAAS,EAAE,GAAG,CAAC,SAAS;YACxB,MAAM,EAAE,GAAG,CAAC,MAAM;YAClB,MAAM,EAAE,GAAG,CAAC,MAAM;SACnB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7E,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElD,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,YACzC,eAAM,SAAS,EAAC,qCAAqC,YAClD,GAAG,CAAC,KAAK,IAAI,IAAI,GACb,GACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACY;IACpB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,WAAW,EAAE,KAAK,IAAI,SAAS,CAAC,GAAG,EAAE,CAAC;IAC/C,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO,gBAAgB,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAE1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAC,wBAAwB,KAAG,CAAC,CAAC;IACrE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,mBAAK,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAE3C,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC;YACnD,CAAC,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC;YAC1C,CAAC,CAAC,IAAI,SAAS,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QAE7C,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAE3B,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,IAAI,EAAE,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,CACxC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,UAAU,CAAC,KAAC,wBAAwB,KAAG,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CACV,cAAK,SAAS,EAAC,iCAAiC,YAC7C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,cAAiB,SAAS,EAAC,4BAA4B,YACpD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,wBAAwB,IAEvB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAHb,KAAK,CAIV,CACH,CAAC,IARM,KAAK,CAST,CACP,CAAC,GACE,CACP,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CACN,oBAAoB,CAAC;YACnB,IAAI;YACJ,KAAK;YACL,UAAU,EAAE,UAAU,CAAC,OAAO;YAC9B,OAAO;YACP,OAAO;SACR,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,eAAY,QAAQ,aACtD,OAAO,EAEP,SAAS,IACN,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
.rls-picker-month {
|
|
2
2
|
--pvt-component-background: transparent;
|
|
3
3
|
--pvt-component-font-color: var(--rls-app-color-900);
|
|
4
|
-
--pvt-component-border: var(--rls-border-1) solid transparent;
|
|
5
4
|
position: relative;
|
|
6
|
-
display: grid;
|
|
5
|
+
display: var(--rlc-picker-month-display, grid);
|
|
7
6
|
grid-template-columns: repeat(3, 1fr);
|
|
8
7
|
width: 100%;
|
|
9
8
|
max-width: 140rem;
|
|
@@ -24,32 +23,29 @@
|
|
|
24
23
|
}
|
|
25
24
|
.rls-picker-month__component:not(:hover) {
|
|
26
25
|
color: var(--pvt-component-font-color);
|
|
27
|
-
border: var(--pvt-component-border);
|
|
28
26
|
background: var(--pvt-component-background);
|
|
29
27
|
}
|
|
30
28
|
.rls-picker-month__component:hover {
|
|
31
29
|
background: var(--rls-theme-color-900);
|
|
32
30
|
color: var(--rls-theme-font-900);
|
|
33
|
-
border: var(--rls-theme-border-1-900);
|
|
34
31
|
}
|
|
35
32
|
.rls-picker-month__component--selected {
|
|
36
|
-
--pvt-component-
|
|
33
|
+
--pvt-component-background: var(--rls-theme-color-200);
|
|
34
|
+
--pvt-component-font-color: var(--rls-theme-color-600);
|
|
37
35
|
}
|
|
38
36
|
.rls-picker-month__component--focused {
|
|
39
|
-
--pvt-component-background: var(--rls-theme-
|
|
37
|
+
--pvt-component-background: var(--rls-theme-gradient-500);
|
|
40
38
|
--pvt-component-font-color: var(--rls-theme-color-050);
|
|
41
|
-
--pvt-component-border: var(--rls-theme-border-1-500);
|
|
42
39
|
}
|
|
43
40
|
.rls-picker-month__component--disabled {
|
|
44
41
|
--pvt-component-background: transparent;
|
|
45
42
|
--pvt-component-font-color: var(--rls-app-color-400);
|
|
46
|
-
--pvt-component-border: var(--rls-border-1) solid transparent;
|
|
47
43
|
pointer-events: none;
|
|
48
44
|
}
|
|
49
45
|
.rls-picker-month__span {
|
|
50
46
|
font-weight: var(--rls-font-weight-semibold);
|
|
51
|
-
font-size:
|
|
47
|
+
font-size: var(--rls-caption-font-size);
|
|
52
48
|
cursor: default;
|
|
53
49
|
pointer-events: none;
|
|
54
|
-
letter-spacing: 0.
|
|
50
|
+
letter-spacing: 0.325rem;
|
|
55
51
|
} /*# sourceMappingURL=PickerMonth.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerMonth/PickerMonth.scss"],"names":[],"mappings":"AAOA,kBACE,wCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerMonth/PickerMonth.scss"],"names":[],"mappings":"AAOA,kBACE,wCACA,qDAEA,kBACA,8CACA,qCACA,WACA,iBACA,gCACA,6BACA,6BACA,sBAEA,6BACE,kBACA,aACA,sBACA,uBACA,mBACA,6BACA,mCACA,sBAEA,yCACE,sCACA,2CAGF,mCACE,sCACA,gCAGF,uCACE,uDACA,uDAGF,sCACE,0DACA,uDAGF,uCACE,wCACA,qDAEA,oBAIJ,wBACE,4CACA,uCACA,eACA,oBACA","file":"PickerMonth.css"}
|
|
@@ -2,15 +2,39 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
justify-content: space-between;
|
|
4
4
|
align-items: center;
|
|
5
|
+
padding: var(--rlc-picker-selector-title-padding, 0rem);
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
border-radius: var(--rlc-picker-selector-title-radius, 0rem);
|
|
8
|
+
background: var(--rlc-picker-selector-title-background, transparent);
|
|
5
9
|
}
|
|
6
|
-
.rls-picker-selector-
|
|
7
|
-
|
|
10
|
+
.rls-picker-selector-title__label {
|
|
11
|
+
display: flex;
|
|
12
|
+
column-gap: var(--rls-sizing-x3);
|
|
13
|
+
justify-content: center;
|
|
14
|
+
}
|
|
15
|
+
.rls-picker-selector-title__label > span {
|
|
16
|
+
font-size: var(--rls-body-font-size);
|
|
17
|
+
font-weight: var(--rls-font-weight-bold);
|
|
8
18
|
cursor: default;
|
|
9
19
|
height: var(--rls-sizing-x14);
|
|
10
20
|
line-height: var(--rls-sizing-x14);
|
|
11
|
-
font-size: var(--rls-sizing-x10);
|
|
12
|
-
font-weight: var(--rls-font-weight-bold);
|
|
13
21
|
}
|
|
14
|
-
.rls-picker-selector-
|
|
22
|
+
.rls-picker-selector-title__label > span:hover {
|
|
15
23
|
color: var(--rls-theme-color-500);
|
|
24
|
+
}
|
|
25
|
+
.rls-picker-selector-title > button {
|
|
26
|
+
--rlc-icon-dimension: var(--rls-sizing-x10);
|
|
27
|
+
background: var(--rls-app-color-050);
|
|
28
|
+
outline: none;
|
|
29
|
+
padding: var(--rls-sizing-x2);
|
|
30
|
+
border-radius: var(--rls-sizing-x4);
|
|
31
|
+
color: var(--rls-app-color-900);
|
|
32
|
+
}
|
|
33
|
+
.rls-picker-selector-title > button:hover {
|
|
34
|
+
background: var(--rls-app-color-300);
|
|
35
|
+
}
|
|
36
|
+
.rls-picker-selector-title > button:disabled {
|
|
37
|
+
opacity: 0.5;
|
|
38
|
+
background: rgba(0, 0, 0, 0);
|
|
39
|
+
color: var(--rls-app-color-600);
|
|
16
40
|
} /*# sourceMappingURL=PickerSelectorTitle.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.scss"],"names":[],"mappings":"AAOA,2BACE,aACA,8BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.scss"],"names":[],"mappings":"AAOA,2BACE,aACA,8BACA,mBACA,uDACA,sBACA,4DACA,oEAEA,kCACE,aACA,gCACA,uBAEA,uCACE,oCACA,wCACA,eACA,6BACA,kCAEA,6CACE,iCAKN,kCACE,4CAEA,oCACA,aACA,6BACA,mCACA,+BAEA,wCACE,oCAGF,2CACE,WACA,yBACA","file":"PickerSelectorTitle.css"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactControl } from '@rolster/react-forms';
|
|
2
2
|
import './PickerSelectorTitle.css';
|
|
3
|
-
type PickerSelectorTitleType = 'month' | 'year';
|
|
3
|
+
export type PickerSelectorTitleType = 'month' | 'year';
|
|
4
4
|
interface PickerSelectorTitleProps {
|
|
5
5
|
monthControl: ReactControl<HTMLElement, number>;
|
|
6
6
|
type: PickerSelectorTitleType;
|
|
@@ -9,7 +9,7 @@ interface PickerSelectorTitleProps {
|
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
maxDate?: Date;
|
|
11
11
|
minDate?: Date;
|
|
12
|
-
onClick?: () => void;
|
|
12
|
+
onClick?: (type: PickerSelectorTitleType) => void;
|
|
13
13
|
}
|
|
14
14
|
export declare function RlsPickerSelectorTitle({ monthControl, type, yearControl, date, disabled, maxDate, minDate, onClick }: PickerSelectorTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -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 { RlsIcon } from '../../atoms/Icon/Icon';
|
|
8
8
|
import './PickerSelectorTitle.css';
|
|
9
9
|
export function RlsPickerSelectorTitle({ monthControl, type, yearControl, date, disabled, maxDate, minDate, onClick }) {
|
|
10
10
|
const { limitNext, limitPrevious } = useMemo(() => {
|
|
@@ -36,6 +36,12 @@ export function RlsPickerSelectorTitle({ monthControl, type, yearControl, date,
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
}, [monthControl.value, yearControl.value]);
|
|
39
|
+
const onMonth = useCallback(() => {
|
|
40
|
+
onClick && onClick('month');
|
|
41
|
+
}, [onClick]);
|
|
42
|
+
const onYear = useCallback(() => {
|
|
43
|
+
onClick && onClick('year');
|
|
44
|
+
}, [onClick]);
|
|
39
45
|
const onPreviousYear = useCallback(() => {
|
|
40
46
|
valueIsDefined(yearControl.value) &&
|
|
41
47
|
yearControl.setValue(yearControl.value - 1);
|
|
@@ -62,6 +68,6 @@ export function RlsPickerSelectorTitle({ monthControl, type, yearControl, date,
|
|
|
62
68
|
const onNext = useCallback(() => {
|
|
63
69
|
type === 'month' ? onNextMonth() : onNextYear();
|
|
64
70
|
}, [type, onNextMonth, onNextYear]);
|
|
65
|
-
return (_jsxs("div", { className: "rls-picker-selector-title", children: [_jsx(
|
|
71
|
+
return (_jsxs("div", { className: "rls-picker-selector-title", children: [_jsx("button", { onClick: onPrevious, disabled: limitPrevious || disabled, children: _jsx(RlsIcon, { value: "arrow-ios-left" }) }), _jsxs("div", { className: "rls-picker-selector-title__label", children: [_jsxs("span", { onClick: onMonth, children: [label, ","] }), _jsx("span", { onClick: onYear, children: yearControl.value })] }), _jsx("button", { onClick: onNext, disabled: limitNext || disabled, children: _jsx(RlsIcon, { value: "arrow-ios-right" }) })] }));
|
|
66
72
|
}
|
|
67
73
|
//# 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":";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,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,2BAA2B,CAAC;AAenC,MAAM,UAAU,sBAAsB,CAAC,EACrC,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACkB;IACzB,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,OAAO,kBAAkB,CAAC;YACxB,IAAI;YACJ,OAAO;YACP,OAAO;YACP,KAAK,EAAE,YAAY,CAAC,KAAK;SAC1B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CACjD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IACE,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;YAClC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,CAAC;YACD,IAAI,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;gBACvC,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAChD,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACtC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC;YAC/B,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;IAC1D,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IACE,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;YAClC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,CAAC;YACD,IAAI,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACxC,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAChD,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBACrC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC;YAC/B,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAClD,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,iBAAQ,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,IAAI,QAAQ,YAC9D,KAAC,OAAO,IAAC,KAAK,EAAC,gBAAgB,GAAG,GAC3B,EAET,eAAK,SAAS,EAAC,kCAAkC,aAC/C,gBAAM,OAAO,EAAE,OAAO,aAAG,KAAK,SAAS,EACvC,eAAM,OAAO,EAAE,MAAM,YAAG,WAAW,CAAC,KAAK,GAAQ,IAC7C,EAEN,iBAAQ,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,IAAI,QAAQ,YACtD,KAAC,OAAO,IAAC,KAAK,EAAC,iBAAiB,GAAG,GAC5B,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
.rls-picker-year {
|
|
2
2
|
--pvt-component-background: transparent;
|
|
3
3
|
--pvt-component-font-color: var(--rls-app-color-600);
|
|
4
|
-
--pvt-component-border: var(--rls-border-1) solid transparent;
|
|
5
4
|
position: relative;
|
|
5
|
+
display: var(--rlc-picker-year-display, block);
|
|
6
6
|
width: 100%;
|
|
7
7
|
max-width: 140rem;
|
|
8
8
|
box-sizing: border-box;
|
|
@@ -14,33 +14,30 @@
|
|
|
14
14
|
justify-content: space-between;
|
|
15
15
|
align-items: center;
|
|
16
16
|
box-sizing: border-box;
|
|
17
|
-
padding: var(--rls-sizing-x4)
|
|
18
|
-
color: var(--rls-app-color-900);
|
|
19
|
-
background: var(--rls-app-color-200);
|
|
17
|
+
padding: var(--rls-sizing-x4);
|
|
20
18
|
border-radius: var(--rls-sizing-x4);
|
|
21
19
|
}
|
|
22
|
-
.rls-picker-year__header >
|
|
20
|
+
.rls-picker-year__header > span {
|
|
21
|
+
font-size: var(--rls-body-font-size);
|
|
23
22
|
font-weight: var(--rls-font-weight-semibold);
|
|
24
|
-
font-size: 8.75rem;
|
|
25
23
|
letter-spacing: 0.325rem;
|
|
24
|
+
color: var(--rls-app-color-900);
|
|
26
25
|
}
|
|
27
26
|
.rls-picker-year__action {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
.rls-picker-year__action button {
|
|
33
|
-
color: var(--rls-app-color-900);
|
|
34
|
-
background: rgba(0, 0, 0, 0);
|
|
27
|
+
--rlc-icon-dimension: var(--rls-sizing-x10);
|
|
28
|
+
background: var(--rls-theme-color-100);
|
|
29
|
+
color: var(--rls-theme-color-600);
|
|
35
30
|
outline: none;
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
padding: var(--rls-sizing-x2);
|
|
32
|
+
border-radius: var(--rls-sizing-x4);
|
|
38
33
|
}
|
|
39
|
-
.rls-picker-year__action
|
|
34
|
+
.rls-picker-year__action:not(:disabled):hover {
|
|
40
35
|
color: var(--rls-theme-color-500);
|
|
41
36
|
}
|
|
42
|
-
.rls-picker-year__action
|
|
37
|
+
.rls-picker-year__action:disabled {
|
|
43
38
|
opacity: 0.5;
|
|
39
|
+
background: rgba(0, 0, 0, 0);
|
|
40
|
+
color: var(--rls-theme-color-300);
|
|
44
41
|
}
|
|
45
42
|
.rls-picker-year__component {
|
|
46
43
|
position: relative;
|
|
@@ -55,41 +52,39 @@
|
|
|
55
52
|
.rls-picker-year__element {
|
|
56
53
|
position: relative;
|
|
57
54
|
display: flex;
|
|
55
|
+
height: var(--rls-sizing-x20);
|
|
58
56
|
align-items: center;
|
|
59
57
|
justify-content: center;
|
|
60
58
|
box-sizing: border-box;
|
|
61
59
|
text-align: center;
|
|
62
|
-
height: var(--rls-sizing-x20);
|
|
63
60
|
border-radius: var(--rls-sizing-x4);
|
|
61
|
+
box-shadow: none;
|
|
64
62
|
}
|
|
65
63
|
.rls-picker-year__element:not(:hover) {
|
|
66
64
|
color: var(--pvt-component-font-color);
|
|
67
|
-
border: var(--pvt-component-border);
|
|
68
65
|
background: var(--pvt-component-background);
|
|
69
66
|
}
|
|
70
67
|
.rls-picker-year__element:hover {
|
|
71
68
|
background: var(--rls-theme-color-900);
|
|
72
|
-
color: var(--rls-theme-
|
|
73
|
-
border: var(--rls-theme-border-1-900);
|
|
69
|
+
color: var(--rls-theme-color-050);
|
|
74
70
|
}
|
|
75
71
|
.rls-picker-year__element--selected {
|
|
76
|
-
--pvt-component-
|
|
72
|
+
--pvt-component-background: var(--rls-theme-color-200);
|
|
73
|
+
--pvt-component-font-color: var(--rls-theme-color-600);
|
|
77
74
|
}
|
|
78
75
|
.rls-picker-year__element--focused {
|
|
79
|
-
--pvt-component-background: var(--rls-theme-
|
|
76
|
+
--pvt-component-background: var(--rls-theme-gradient-500);
|
|
80
77
|
--pvt-component-font-color: var(--rls-theme-color-050);
|
|
81
|
-
--pvt-component-border: var(--rls-theme-border-1-500);
|
|
82
78
|
}
|
|
83
79
|
.rls-picker-year__element--disabled {
|
|
84
80
|
--pvt-span-background: var(--rls-app-color-100);
|
|
85
81
|
--pvt-component-font-color: var(--rls-app-color-400);
|
|
86
|
-
--pvt-span-border: var(--rls-border-1) solid var(--rls-app-color-100);
|
|
87
82
|
pointer-events: none;
|
|
88
83
|
}
|
|
89
84
|
.rls-picker-year__span {
|
|
85
|
+
font-size: var(--rls-body-font-size);
|
|
86
|
+
letter-spacing: var(--rls-body-letter-spacing);
|
|
90
87
|
font-weight: var(--rls-font-weight-medium);
|
|
91
|
-
font-size: 7.5rem;
|
|
92
88
|
cursor: default;
|
|
93
89
|
pointer-events: none;
|
|
94
|
-
letter-spacing: 0.325rem;
|
|
95
90
|
} /*# sourceMappingURL=PickerYear.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.scss"],"names":[],"mappings":"AAOA,iBACE,wCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.scss"],"names":[],"mappings":"AAOA,iBACE,wCACA,qDAEA,kBACA,8CACA,WACA,iBACA,sBACA,gBACA,iBAEA,yBACE,aACA,8BACA,mBACA,sBACA,6BACA,mCAEA,8BACE,oCACA,4CACA,uBACA,+BAIJ,yBACE,4CAEA,sCACA,iCACA,aACA,6BACA,mCAEA,8CACE,iCAGF,kCACE,WACA,yBACA,iCAIJ,4BACE,kBACA,aACA,WACA,qCACA,6BACA,sBACA,6BACA,gCAGF,0BACE,kBACA,aACA,6BACA,mBACA,uBACA,sBACA,kBACA,mCACA,gBAEA,sCACE,sCACA,2CAGF,gCACE,sCACA,iCAGF,oCACE,uDACA,uDAGF,mCACE,0DACA,uDAGF,oCACE,gDACA,qDAEA,oBAIJ,uBACE,oCACA,8CACA,0CACA,eACA","file":"PickerYear.css"}
|
|
@@ -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 { RlsIcon } from '../../atoms/Icon/Icon';
|
|
7
7
|
import './PickerYear.css';
|
|
8
8
|
function RlsPickerYearElement({ onSelect, year, disabled }) {
|
|
9
9
|
const className = useMemo(() => {
|
|
@@ -16,7 +16,7 @@ function RlsPickerYearElement({ onSelect, year, disabled }) {
|
|
|
16
16
|
const onClick = useCallback(() => {
|
|
17
17
|
year.value && !year.disabled && !disabled && onSelect(year.value);
|
|
18
18
|
}, [year.value, year.disabled, disabled, onSelect]);
|
|
19
|
-
return (_jsx("div", { className: className, onClick: onClick, children: _jsx("span", { className: "rls-picker-year__span
|
|
19
|
+
return (_jsx("div", { className: className, onClick: onClick, children: _jsx("span", { className: "rls-picker-year__span", children: year.value || '????' }) }));
|
|
20
20
|
}
|
|
21
21
|
export function RlsPickerYear({ date: _date, disabled, formControl, maxDate, minDate, onValue, rlsTheme }) {
|
|
22
22
|
const date = useMemo(() => _date || new Date(), [_date]);
|
|
@@ -60,6 +60,6 @@ export function RlsPickerYear({ date: _date, disabled, formControl, maxDate, min
|
|
|
60
60
|
const onClickNext = useCallback(() => {
|
|
61
61
|
setYear((year) => year + 8);
|
|
62
62
|
}, []);
|
|
63
|
-
return (_jsxs("div", { className: "rls-picker-year", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-year__header", children: [_jsx("
|
|
63
|
+
return (_jsxs("div", { className: "rls-picker-year", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-year__header", children: [_jsx("button", { className: "rls-picker-year__action rls-picker-year__action--prev", onClick: onClickPrev, disabled: !template.canPrevious || disabled, children: _jsx(RlsIcon, { value: "arrow-ios-left" }) }), _jsxs("span", { children: [template.minRange, " - ", template.maxRange] }), _jsx("button", { className: "rls-picker-year__action rls-picker-year__action--next", onClick: onClickNext, disabled: !template.canNext || disabled, children: _jsx(RlsIcon, { value: "arrow-ios-right" }) })] }), _jsx("div", { className: "rls-picker-year__component", children: component })] }));
|
|
64
64
|
}
|
|
65
65
|
//# 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":";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,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,kBAAkB,CAAC;AAiB1B,SAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,IAAI,EACJ,QAAQ,EACe;IACvB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,0BAA0B,EAAE;YACnD,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ;YACnC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,YACzC,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,KAAK,IAAI,MAAM,GAAQ,GACjE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACQ;IAChB,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,IAAI,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAE3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,mBAAK,CAAC,CAAC;IAElD,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,OAAO;YACL,IAAI;YACJ,IAAI;YACJ,OAAO;YACP,OAAO;SACR,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACtC,gBAAgB,CAAC,mBAAmB,EAAE,CAAC,CACxC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE5D,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAa,EAAE,EAAE;QAChB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,YAAY,EAAE,OAAO,CAAC,CACxB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC,CAAC,kBAAkB;QAEzD,MAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAEvC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CACV,4BACG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,KAAC,oBAAoB,IAEnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAHb,KAAK,CAIV,CACH,CAAC,GACD,CACJ,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,gBAAgB,CAAC,mBAAmB,EAAE,CAAC,CAAC;QAErD,cAAc,CAAC,IAAI,CAAC;YAClB,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC;YAC7B,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,eAAY,QAAQ,aAClD,eAAK,SAAS,EAAC,yBAAyB,aACtC,iBACE,SAAS,EAAC,uDAAuD,EACjE,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,QAAQ,CAAC,WAAW,IAAI,QAAQ,YAE3C,KAAC,OAAO,IAAC,KAAK,EAAC,gBAAgB,GAAG,GAC3B,EAET,2BACG,QAAQ,CAAC,QAAQ,SAAK,QAAQ,CAAC,QAAQ,IACnC,EAEP,iBACE,SAAS,EAAC,uDAAuD,EACjE,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,YAEvC,KAAC,OAAO,IAAC,KAAK,EAAC,iBAAiB,GAAG,GAC5B,IACL,EAEN,cAAK,SAAS,EAAC,4BAA4B,YAAE,SAAS,GAAO,IACzD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
.rls-card {
|
|
2
2
|
--rlc-divider-background: var(--rls-app-color-300);
|
|
3
|
-
--pvt-background: var(--rls-app-color-
|
|
4
|
-
--pvt-border: var(--rls-app-border-
|
|
3
|
+
--pvt-background: var(--rls-app-color-050);
|
|
4
|
+
--pvt-border: var(--rls-app-border-1-300);
|
|
5
|
+
--pvt-box-shadow: var(--rlc-card-box-shadow, var(--rls-app-shadow-center-4));
|
|
5
6
|
background: var(--pvt-background);
|
|
6
7
|
border-radius: var(--rls-sizing-x4);
|
|
8
|
+
box-shadow: var(--pvt-box-shadow);
|
|
7
9
|
}
|
|
8
10
|
.rls-card[rls-theme] {
|
|
9
11
|
--rlc-divider-background: var(--rls-theme-color-300);
|
|
10
|
-
--pvt-background: var(--rls-theme-color-
|
|
12
|
+
--pvt-background: var(--rls-theme-color-050);
|
|
13
|
+
--pvt-border: var(--rls-theme-border-1-300);
|
|
11
14
|
}
|
|
12
15
|
.rls-card--outline {
|
|
13
16
|
border: var(--pvt-border);
|
|
14
17
|
box-sizing: border-box;
|
|
18
|
+
box-shadow: none;
|
|
15
19
|
}
|
|
16
20
|
.rls-card__content {
|
|
17
21
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,mDACA,2CACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.scss"],"names":[],"mappings":"AAOA,UACE,mDACA,2CACA,0CACA,6EAEA,iCACA,mCACA,iCAEA,qBACE,qDACA,6CACA,4CAGF,mBACE,yBACA,sBACA,gBAGF,mBACE,aACA,sBACA,0DACA,8DACA","file":"Card.css"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { RlsComponent } from '../../definitions';
|
|
2
2
|
import './Card.css';
|
|
3
3
|
interface CardProps extends RlsComponent {
|
|
4
|
+
className?: string;
|
|
4
5
|
outline?: boolean;
|
|
5
6
|
}
|
|
6
|
-
export declare function RlsCard({ children, outline, rlsTheme }: CardProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function RlsCard({ children, className, outline, rlsTheme }: CardProps): import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
export {};
|
|
@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import './Card.css';
|
|
5
|
-
export function RlsCard({ children, outline, rlsTheme }) {
|
|
6
|
-
const
|
|
7
|
-
return renderClassStatus('rls-card', { outline });
|
|
8
|
-
}, [outline]);
|
|
9
|
-
return (_jsx("div", { className:
|
|
5
|
+
export function RlsCard({ children, className, outline, rlsTheme }) {
|
|
6
|
+
const classNameCard = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-card', { outline }, className);
|
|
8
|
+
}, [outline, className]);
|
|
9
|
+
return (_jsx("div", { className: classNameCard, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-card__content", children: children }) }));
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,YAAY,CAAC;AAOpB,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAa;IAC3E,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,iBAAiB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,cAAK,SAAS,EAAE,aAAa,eAAa,QAAQ,YAChD,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,GAC/C,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -13,16 +13,16 @@ interface DatatableSubheaderProps extends RlsComponent {
|
|
|
13
13
|
}
|
|
14
14
|
interface DatatableRecordProps extends RlsComponent {
|
|
15
15
|
className?: string;
|
|
16
|
+
contained?: boolean;
|
|
16
17
|
error?: boolean;
|
|
17
18
|
info?: boolean;
|
|
18
|
-
overflow?: boolean;
|
|
19
19
|
success?: boolean;
|
|
20
20
|
warning?: boolean;
|
|
21
21
|
}
|
|
22
22
|
interface DatatableCellProps extends RlsComponent {
|
|
23
23
|
className?: string;
|
|
24
|
+
contained?: boolean;
|
|
24
25
|
control?: boolean;
|
|
25
|
-
overflow?: boolean;
|
|
26
26
|
}
|
|
27
27
|
interface DatatableFloatingProps extends RlsComponent {
|
|
28
28
|
className?: string;
|
|
@@ -32,9 +32,9 @@ export declare function RlsDatatable({ children, datatable, footer, header, iden
|
|
|
32
32
|
export declare function RlsDatatableHeader({ children, identifier, rlsTheme }: RlsComponent): import("react/jsx-runtime").JSX.Element;
|
|
33
33
|
export declare function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
34
34
|
export declare function RlsDatatableSubheader({ children, className, identifier, rlsTheme }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
-
export declare function RlsDatatableRecord({ children, className, error, identifier, info,
|
|
36
|
-
export declare function RlsDatatableTotals({ children, className, error, identifier, info,
|
|
37
|
-
export declare function RlsDatatableCell({ children, className, control, identifier,
|
|
38
|
-
export declare function RlsDatatableData({ children, className, control, identifier
|
|
35
|
+
export declare function RlsDatatableRecord({ children, className, contained, error, identifier, info, success, warning, rlsTheme }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare function RlsDatatableTotals({ children, className, contained, error, identifier, info, success, warning, rlsTheme }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare function RlsDatatableCell({ children, className, contained, control, identifier, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export declare function RlsDatatableData({ children, className, contained, control, identifier }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
|
|
39
39
|
export declare function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }: DatatableFloatingProps): import("react/jsx-runtime").JSX.Element;
|
|
40
40
|
export {};
|
|
@@ -24,28 +24,28 @@ export function RlsDatatableSubheader({ children, className, identifier, rlsThem
|
|
|
24
24
|
}, [className]);
|
|
25
25
|
return (_jsx("tr", { id: identifier, className: classNameSubheader, "rls-theme": rlsTheme, children: children }));
|
|
26
26
|
}
|
|
27
|
-
export function RlsDatatableRecord({ children, className, error, identifier, info,
|
|
27
|
+
export function RlsDatatableRecord({ children, className, contained, error, identifier, info, success, warning, rlsTheme }) {
|
|
28
28
|
const classNameRecord = useMemo(() => {
|
|
29
|
-
return renderClassStatus('rls-datatable__record', { error, info,
|
|
30
|
-
}, [className, error, info,
|
|
29
|
+
return renderClassStatus('rls-datatable__record', { error, info, contained, success, warning }, className);
|
|
30
|
+
}, [className, error, info, contained, success, warning]);
|
|
31
31
|
return (_jsx("tr", { id: identifier, className: classNameRecord, "rls-theme": rlsTheme, children: children }));
|
|
32
32
|
}
|
|
33
|
-
export function RlsDatatableTotals({ children, className, error, identifier, info,
|
|
33
|
+
export function RlsDatatableTotals({ children, className, contained, error, identifier, info, success, warning, rlsTheme }) {
|
|
34
34
|
const classNameTotals = useMemo(() => {
|
|
35
|
-
return renderClassStatus('rls-datatable__totals', { error, info,
|
|
36
|
-
}, [className, error, info,
|
|
35
|
+
return renderClassStatus('rls-datatable__totals', { error, info, contained, success, warning }, className);
|
|
36
|
+
}, [className, error, info, contained, success, warning]);
|
|
37
37
|
return (_jsx("div", { id: identifier, className: classNameTotals, "rls-theme": rlsTheme, children: children }));
|
|
38
38
|
}
|
|
39
|
-
export function RlsDatatableCell({ children, className, control, identifier,
|
|
39
|
+
export function RlsDatatableCell({ children, className, contained, control, identifier, rlsTheme }) {
|
|
40
40
|
const classNameCell = useMemo(() => {
|
|
41
|
-
return renderClassStatus('rls-datatable__cell', { control,
|
|
42
|
-
}, [className, control,
|
|
41
|
+
return renderClassStatus('rls-datatable__cell', { control, contained }, className);
|
|
42
|
+
}, [className, control, contained]);
|
|
43
43
|
return (_jsx("td", { id: identifier, className: classNameCell, "rls-theme": rlsTheme, children: children }));
|
|
44
44
|
}
|
|
45
|
-
export function RlsDatatableData({ children, className, control, identifier
|
|
45
|
+
export function RlsDatatableData({ children, className, contained, control, identifier }) {
|
|
46
46
|
const classNameData = useMemo(() => {
|
|
47
|
-
return renderClassStatus('rls-datatable__data', { control,
|
|
48
|
-
}, [className,
|
|
47
|
+
return renderClassStatus('rls-datatable__data', { control, contained }, className);
|
|
48
|
+
}, [className, contained, control]);
|
|
49
49
|
return (_jsx("div", { id: identifier, className: classNameData, children: children }));
|
|
50
50
|
}
|
|
51
51
|
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;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAmCzD,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACQ;IACf,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,WAAW,EAAE,SAAS,EAAE,WAAW;SACpC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAEnE,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,EAEP,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,OAAO,EACP,UAAU,EACV,QAAQ,EACW;IACnB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CAAC,sBAAsB,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,eAAa,QAAQ,YAC/D,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACgB;IACxB,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,OAAO,iBAAiB,CAAC,0BAA0B,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,eAAa,QAAQ,YACnE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,IAAI,EACJ,
|
|
1
|
+
{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
.rls-field-date {
|
|
2
|
-
--rlc-
|
|
2
|
+
--rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
|
|
3
3
|
--pvt-font-size: var(--rlc-datefield-font-size, var(--rls-input-font-size));
|
|
4
4
|
--pvt-letter-spacing: var(
|
|
5
5
|
--rlc-datefield-letter-spacing,
|
|
6
6
|
var(--rls-input-letter-spacing)
|
|
7
7
|
);
|
|
8
8
|
--pvt-action-dimension: var(
|
|
9
|
-
--rlc-
|
|
9
|
+
--rlc-field-box-action-dimension,
|
|
10
10
|
var(--rls-sizing-x12)
|
|
11
11
|
);
|
|
12
|
+
--pvt-action-background: var(
|
|
13
|
+
--rlc-field-box-action-background,
|
|
14
|
+
var(--rls-app-color-200)
|
|
15
|
+
);
|
|
12
16
|
--pvt-control-width: calc(100% - var(--pvt-action-dimension));
|
|
13
17
|
position: relative;
|
|
14
18
|
width: 100%;
|
|
@@ -49,11 +53,12 @@
|
|
|
49
53
|
color: var(--rls-app-color-600);
|
|
50
54
|
padding: 0rem;
|
|
51
55
|
outline: none;
|
|
52
|
-
border-radius: var(--rlc-
|
|
53
|
-
background: var(--
|
|
56
|
+
border-radius: var(--rlc-field-box-action-radius, var(--rls-sizing-x2));
|
|
57
|
+
background: var(--pvt-action-background);
|
|
54
58
|
}
|
|
55
59
|
.rls-field-date__action:disabled {
|
|
56
60
|
opacity: 0.5;
|
|
61
|
+
background: rgba(0, 0, 0, 0);
|
|
57
62
|
}
|
|
58
63
|
.rls-field-date__action .rls-icon {
|
|
59
64
|
margin: 1rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.scss"],"names":[],"mappings":"AAOA,gBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/FieldDate/FieldDate.scss"],"names":[],"mappings":"AAOA,gBACE,wEAEA,4EAEA,6FAKA,uFAKA,4FAKA,8DAEA,kBACA,WACA,sBAEA,yCACE,0BAGF,qCACE,gCAGF,yBACE,kBACA,+BACA,6BACA,kCACA,aACA,eACA,YACA,aACA,yBACA,+BACA,0CACA,+BACA,yCAEA,sCACE,+BAGF,kCACE,WACA,mBAIJ,wBACE,+DAEA,kCACA,mCACA,+BACA,aACA,aACA,uEACA,wCAEA,iCACE,WACA,yBAGF,kCACE,YAKN,sBACE,oCACA,8BACA,+CACA","file":"FieldDate.css"}
|