@salutejs/plasma-new-hope 0.339.0-canary.2299.18773440976.0 → 0.339.0-canary.2300.18832443234.0
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/cjs/components/TimePicker/TimePicker.css +15 -11
- package/cjs/components/TimePicker/TimePicker.js +22 -458
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +17 -21
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/{TimePicker.styles_ar3obv.css → TimePicker.styles_2lk4d9.css} +4 -3
- package/cjs/components/TimePicker/utils/index.js +1 -33
- package/cjs/components/TimePicker/utils/index.js.map +1 -1
- package/cjs/components/TimePickerGrid/TimePickerGrid.css +10 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.js +733 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.js.map +1 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +27 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +2 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +40 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -0
- package/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +12 -12
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +7 -0
- package/cjs/components/TimePickerGrid/utils/index.js +135 -0
- package/cjs/components/TimePickerGrid/utils/index.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_disabled/base.js +9 -0
- package/cjs/components/TimePickerGrid/variations/_disabled/base.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_disabled/base_x642ct.css +1 -0
- package/cjs/components/TimePickerGrid/variations/_size/base.js +9 -0
- package/cjs/components/TimePickerGrid/variations/_size/base.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/TimePickerGrid/variations/_view/base.js +9 -0
- package/cjs/components/TimePickerGrid/variations/_view/base.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_view/base_x642ct.css +1 -0
- package/cjs/index.css +15 -11
- package/emotion/cjs/components/TimePicker/TimePicker.js +22 -488
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +17 -7
- package/emotion/cjs/components/TimePicker/utils/index.js +1 -25
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.js +922 -0
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +34 -0
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +50 -0
- package/emotion/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +30 -0
- package/emotion/cjs/components/TimePickerGrid/index.js +26 -0
- package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
- package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +71 -0
- package/emotion/cjs/components/TimePickerGrid/utils/index.js +166 -0
- package/emotion/cjs/components/TimePickerGrid/variations/_disabled/base.js +12 -0
- package/emotion/cjs/components/TimePickerGrid/variations/_size/base.js +12 -0
- package/emotion/cjs/components/TimePickerGrid/variations/_view/base.js +12 -0
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +32 -0
- package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +15 -0
- package/emotion/es/components/TimePicker/TimePicker.js +25 -491
- package/emotion/es/components/TimePicker/TimePicker.styles.js +14 -7
- package/emotion/es/components/TimePicker/utils/index.js +1 -22
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.js +863 -0
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.styles.js +11 -0
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.tokens.js +32 -0
- package/emotion/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +20 -0
- package/emotion/es/components/TimePickerGrid/index.js +2 -0
- package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +103 -0
- package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +33 -0
- package/emotion/es/components/TimePickerGrid/utils/index.js +133 -0
- package/emotion/es/components/TimePickerGrid/variations/_disabled/base.js +2 -0
- package/emotion/es/components/TimePickerGrid/variations/_size/base.js +2 -0
- package/emotion/es/components/TimePickerGrid/variations/_view/base.js +2 -0
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +22 -0
- package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.js +5 -0
- package/es/components/TimePicker/TimePicker.css +15 -11
- package/es/components/TimePicker/TimePicker.js +26 -462
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles.js +17 -21
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/{TimePicker.styles_ar3obv.css → TimePicker.styles_2lk4d9.css} +4 -3
- package/es/components/TimePicker/utils/index.js +2 -32
- package/es/components/TimePicker/utils/index.js.map +1 -1
- package/es/components/TimePickerGrid/TimePickerGrid.css +10 -0
- package/es/components/TimePickerGrid/TimePickerGrid.js +724 -0
- package/es/components/TimePickerGrid/TimePickerGrid.js.map +1 -0
- package/es/components/TimePickerGrid/TimePickerGrid.styles.js +22 -0
- package/es/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -0
- package/es/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +2 -0
- package/es/components/TimePickerGrid/TimePickerGrid.tokens.js +35 -0
- package/es/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +109 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -0
- package/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +11 -11
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +7 -0
- package/es/components/TimePickerGrid/utils/index.js +126 -0
- package/es/components/TimePickerGrid/utils/index.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_disabled/base.js +5 -0
- package/es/components/TimePickerGrid/variations/_disabled/base.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_disabled/base_x642ct.css +1 -0
- package/es/components/TimePickerGrid/variations/_size/base.js +5 -0
- package/es/components/TimePickerGrid/variations/_size/base.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_size/base_x642ct.css +1 -0
- package/es/components/TimePickerGrid/variations/_view/base.js +5 -0
- package/es/components/TimePickerGrid/variations/_view/base.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_view/base_x642ct.css +1 -0
- package/es/index.css +15 -11
- package/package.json +4 -4
- package/styled-components/cjs/components/TimePicker/TimePicker.js +22 -488
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +57 -3
- package/styled-components/cjs/components/TimePicker/utils/index.js +1 -25
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.js +922 -0
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +79 -0
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +50 -0
- package/styled-components/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +30 -0
- package/styled-components/cjs/components/TimePickerGrid/index.js +26 -0
- package/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
- package/styled-components/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +16 -14
- package/styled-components/cjs/components/TimePickerGrid/utils/index.js +166 -0
- package/styled-components/cjs/components/TimePickerGrid/variations/_view/base.js +14 -0
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +3 -2
- package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +103 -0
- package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +15 -0
- package/styled-components/es/components/TimePicker/TimePicker.js +25 -491
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +54 -3
- package/styled-components/es/components/TimePicker/utils/index.js +1 -22
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.js +863 -0
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.styles.js +21 -0
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.tokens.js +32 -0
- package/styled-components/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +20 -0
- package/styled-components/es/components/TimePickerGrid/index.js +2 -0
- package/styled-components/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +103 -0
- package/styled-components/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +11 -9
- package/styled-components/es/components/TimePickerGrid/utils/index.js +133 -0
- package/styled-components/es/components/TimePickerGrid/variations/_view/base.js +4 -0
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +3 -2
- package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +93 -0
- package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.js +5 -0
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +18 -0
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/utils/index.d.ts +1 -2
- package/types/components/TimePicker/utils/index.d.ts.map +1 -1
- package/types/components/TimePickerGrid/TimePickerGrid.d.ts +61 -0
- package/types/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -0
- package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts +5 -0
- package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts.map +1 -0
- package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts +33 -0
- package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts.map +1 -0
- package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts +65 -0
- package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts.map +1 -0
- package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts +14 -0
- package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/TimePickerGrid/index.d.ts +4 -0
- package/types/components/TimePickerGrid/index.d.ts.map +1 -0
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts +3 -0
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts.map +1 -0
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -0
- package/types/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.d.ts +9 -8
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -0
- package/types/components/TimePickerGrid/utils/index.d.ts +24 -0
- package/types/components/TimePickerGrid/utils/index.d.ts.map +1 -0
- package/types/components/TimePickerGrid/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/TimePickerGrid/variations/_size/base.d.ts.map +1 -0
- package/types/components/TimePickerGrid/variations/_view/base.d.ts +2 -0
- package/types/components/TimePickerGrid/variations/_view/base.d.ts.map +1 -0
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
- package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts +21 -0
- package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts.map +1 -0
- package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts +32 -0
- package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- package/emotion/cjs/components/Loader/Loader.js +0 -175
- package/emotion/cjs/components/Loader/Loader.styles.js +0 -46
- package/emotion/cjs/components/Loader/Loader.tokens.js +0 -42
- package/emotion/cjs/components/Loader/index.js +0 -23
- package/emotion/cjs/components/Loader/variations/_size/base.js +0 -12
- package/emotion/cjs/components/Loader/variations/_view/base.js +0 -12
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -71
- package/emotion/cjs/examples/components/Loader/Loader.config.js +0 -38
- package/emotion/cjs/examples/components/Loader/Loader.js +0 -15
- package/emotion/es/components/Loader/Loader.js +0 -111
- package/emotion/es/components/Loader/Loader.styles.js +0 -20
- package/emotion/es/components/Loader/Loader.tokens.js +0 -24
- package/emotion/es/components/Loader/index.js +0 -2
- package/emotion/es/components/Loader/variations/_size/base.js +0 -2
- package/emotion/es/components/Loader/variations/_view/base.js +0 -2
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -33
- package/emotion/es/examples/components/Loader/Loader.config.js +0 -28
- package/emotion/es/examples/components/Loader/Loader.js +0 -5
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -56
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- package/styled-components/cjs/components/Loader/Loader.js +0 -175
- package/styled-components/cjs/components/Loader/Loader.styles.js +0 -124
- package/styled-components/cjs/components/Loader/Loader.tokens.js +0 -42
- package/styled-components/cjs/components/Loader/index.js +0 -23
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/styled-components/cjs/examples/components/Loader/Loader.config.js +0 -188
- package/styled-components/cjs/examples/components/Loader/Loader.js +0 -15
- package/styled-components/es/components/Loader/Loader.js +0 -111
- package/styled-components/es/components/Loader/Loader.styles.js +0 -63
- package/styled-components/es/components/Loader/Loader.tokens.js +0 -24
- package/styled-components/es/components/Loader/index.js +0 -2
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/styled-components/es/examples/components/Loader/Loader.config.js +0 -178
- package/styled-components/es/examples/components/Loader/Loader.js +0 -5
- package/types/components/Loader/Loader.d.ts +0 -23
- package/types/components/Loader/Loader.d.ts.map +0 -1
- package/types/components/Loader/Loader.styles.d.ts +0 -19
- package/types/components/Loader/Loader.styles.d.ts.map +0 -1
- package/types/components/Loader/Loader.tokens.d.ts +0 -25
- package/types/components/Loader/Loader.tokens.d.ts.map +0 -1
- package/types/components/Loader/Loader.types.d.ts +0 -47
- package/types/components/Loader/Loader.types.d.ts.map +0 -1
- package/types/components/Loader/index.d.ts +0 -4
- package/types/components/Loader/index.d.ts.map +0 -1
- package/types/components/Loader/variations/_size/base.d.ts.map +0 -1
- package/types/components/Loader/variations/_view/base.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +0 -3
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +0 -1
- package/types/examples/components/Loader/Loader.config.d.ts +0 -27
- package/types/examples/components/Loader/Loader.config.d.ts.map +0 -1
- package/types/examples/components/Loader/Loader.d.ts +0 -21
- package/types/examples/components/Loader/Loader.d.ts.map +0 -1
- /package/emotion/cjs/components/{Loader/Loader.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
- /package/emotion/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/emotion/es/components/{Loader/Loader.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
- /package/emotion/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/styled-components/cjs/components/{Loader/Loader.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
- /package/styled-components/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/styled-components/cjs/components/{Loader/variations/_size → TimePickerGrid/variations/_disabled}/base.js +0 -0
- /package/styled-components/cjs/components/{Loader/variations/_view → TimePickerGrid/variations/_size}/base.js +0 -0
- /package/styled-components/es/components/{Loader/Loader.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
- /package/styled-components/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/styled-components/es/components/{Loader/variations/_size → TimePickerGrid/variations/_disabled}/base.js +0 -0
- /package/styled-components/es/components/{Loader/variations/_view → TimePickerGrid/variations/_size}/base.js +0 -0
- /package/types/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.d.ts +0 -0
- /package/types/components/{Loader/variations/_size → TimePickerGrid/variations/_disabled}/base.d.ts +0 -0
- /package/types/components/{Loader/variations/_view → TimePickerGrid/variations/_size}/base.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePickerGrid.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAWnE,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export declare const classes: {
|
|
2
|
+
timePickerGridRoot: string;
|
|
3
|
+
timePickerGridStretched: string;
|
|
4
|
+
timeItemActive: string;
|
|
5
|
+
timeColumn: string;
|
|
6
|
+
scrollbarVisible: string;
|
|
7
|
+
timeColumnActive: string;
|
|
8
|
+
itemDisabled: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const tokens: {
|
|
11
|
+
timePickerGridBackground: string;
|
|
12
|
+
timePickerGridBorderRadius: string;
|
|
13
|
+
timePickerGridWidth: string;
|
|
14
|
+
timePickerGridPadding: string;
|
|
15
|
+
disabledOpacity: string;
|
|
16
|
+
columnHeight: string;
|
|
17
|
+
itemHeight: string;
|
|
18
|
+
itemBorderRadius: string;
|
|
19
|
+
itemPadding: string;
|
|
20
|
+
itemBackgroundHover: string;
|
|
21
|
+
itemBackgroundActive: string;
|
|
22
|
+
itemFontFamily: string;
|
|
23
|
+
itemFontStyle: string;
|
|
24
|
+
itemFontSize: string;
|
|
25
|
+
itemFontWeight: string;
|
|
26
|
+
itemLetterSpacing: string;
|
|
27
|
+
itemLineHeight: string;
|
|
28
|
+
scrollbarWidth: string;
|
|
29
|
+
scrollbarColor: string;
|
|
30
|
+
scrollbarTrackColor: string;
|
|
31
|
+
scrollbarMargin: string;
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=TimePickerGrid.tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePickerGrid.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CA2BlB,CAAC"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import type { CSSProperties, HTMLAttributes } from 'react';
|
|
2
|
+
export type TimePickerGridChangeEvent = {
|
|
3
|
+
timeValues: {
|
|
4
|
+
hour?: number;
|
|
5
|
+
minute?: number;
|
|
6
|
+
second?: number;
|
|
7
|
+
};
|
|
8
|
+
value?: string;
|
|
9
|
+
};
|
|
10
|
+
export type TimePickerGridProps = {
|
|
11
|
+
/**
|
|
12
|
+
* Выбранное значение времени в формате HH:mm:ss
|
|
13
|
+
*/
|
|
14
|
+
value?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Высота выпадающего списка
|
|
17
|
+
*/
|
|
18
|
+
dropdownHeight?: CSSProperties['height'];
|
|
19
|
+
/**
|
|
20
|
+
* Ширина выпадающего списка
|
|
21
|
+
*/
|
|
22
|
+
dropdownWidth?: 'auto' | 'fullWidth' | CSSProperties['width'];
|
|
23
|
+
/**
|
|
24
|
+
* Формат времени (например: 'HH:mm', 'HH:mm:ss', 'mm:HH')
|
|
25
|
+
*/
|
|
26
|
+
format?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Минимальное время (в формате HH:mm:ss или Date)
|
|
29
|
+
*/
|
|
30
|
+
min?: string | Date;
|
|
31
|
+
/**
|
|
32
|
+
* Максимальное время (в формате HH:mm:ss или Date)
|
|
33
|
+
*/
|
|
34
|
+
max?: string | Date;
|
|
35
|
+
/**
|
|
36
|
+
* @deprecated
|
|
37
|
+
* Используйте параметр format
|
|
38
|
+
*/
|
|
39
|
+
columnsQuantity?: 2 | 3;
|
|
40
|
+
/**
|
|
41
|
+
* Размер компонента
|
|
42
|
+
*/
|
|
43
|
+
size?: string;
|
|
44
|
+
/**
|
|
45
|
+
* Стиль компонента
|
|
46
|
+
*/
|
|
47
|
+
view?: string;
|
|
48
|
+
/**
|
|
49
|
+
* Флаг неактивного состояния
|
|
50
|
+
*/
|
|
51
|
+
disabled?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Заблокированные значения
|
|
54
|
+
*/
|
|
55
|
+
disabledValues?: {
|
|
56
|
+
hour?: number[];
|
|
57
|
+
minute?: number[];
|
|
58
|
+
second?: number[];
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* Обработчик изменения значения
|
|
62
|
+
*/
|
|
63
|
+
onChange?: (event: TimePickerGridChangeEvent) => void;
|
|
64
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
|
|
65
|
+
//# sourceMappingURL=TimePickerGrid.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePickerGrid.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,yBAAyB,GAAG;IACpC,UAAU,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9D;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACzD,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { KeyboardEvent, SyntheticEvent } from 'react';
|
|
2
|
+
interface UseKeyNavigationProps {
|
|
3
|
+
isCalendarOpen: boolean;
|
|
4
|
+
closeOnEsc: boolean;
|
|
5
|
+
delimiter: string;
|
|
6
|
+
format?: string;
|
|
7
|
+
maskWithFormat?: boolean;
|
|
8
|
+
onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const useKeyNavigation: ({ isCalendarOpen, closeOnEsc, format, maskWithFormat, delimiter, onToggle, }: UseKeyNavigationProps) => {
|
|
11
|
+
onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=useKeyboardNavigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePickerGrid/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,UAAU,qBAAqB;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,gBAAgB,iFAO1B,qBAAqB;uBACM,aAAa,CAAC,gBAAgB,CAAC;CAiB5D,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { timePickerGridRoot, timePickerGridConfig } from './TimePickerGrid';
|
|
2
|
+
export { tokens as timePickerGridTokens, classes as timePickerGridClasses } from './TimePickerGrid.tokens';
|
|
3
|
+
export type { TimePickerGridProps } from './TimePickerGrid.types';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3G,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { TimeColumnProps } from './TimeColumn.types';
|
|
2
|
+
export declare const renderTimeColumn: ({ values, disabledValues, dropdownHeight, column, activeTime, handleTimeItemClick, handleTimeItemKeyDown, createScrollbarDragHandler, setScrollbar, columnRef, scrollbarState, scrollbarRef, thumbRef, timeoutRef, timeItemRefs, }: TimeColumnProps) => JSX.Element;
|
|
3
|
+
//# sourceMappingURL=TimeColumn.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/ui/TimeColumn/TimeColumn.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AAErE,eAAO,MAAM,gBAAgB,uOAgB1B,eAAe,gBAmHjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeColumn.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKA+B1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;aAAyB,MAAM,GAAG,MAAM;EAuBpE,CAAC;AAEF,eAAO,MAAM,eAAe,qKAgB3B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAM1B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { CSSProperties, KeyboardEvent } from 'react';
|
|
2
|
-
type TimeColumnType = 'hours' | 'minutes' | 'seconds';
|
|
2
|
+
export type TimeColumnType = 'hours' | 'minutes' | 'seconds';
|
|
3
3
|
interface ActiveTime {
|
|
4
4
|
hours: number | null;
|
|
5
5
|
minutes: number | null;
|
|
@@ -13,23 +13,24 @@ interface ScrollbarState {
|
|
|
13
13
|
isDragging: boolean;
|
|
14
14
|
}
|
|
15
15
|
type ScrollbarDragHandler = (columnRef: React.RefObject<HTMLDivElement>, setScrollbar: React.Dispatch<React.SetStateAction<ScrollbarState>>, timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>) => (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
16
|
-
type TimeItemKeyDownHandler = (event: KeyboardEvent<HTMLDivElement>, column: TimeColumnType, value: string) => void;
|
|
16
|
+
export type TimeItemKeyDownHandler = (event: KeyboardEvent<HTMLDivElement>, column: TimeColumnType, value: string) => void;
|
|
17
17
|
type TimeItemClickHandler = (value: string, column: TimeColumnType) => void;
|
|
18
18
|
export interface TimeColumnProps {
|
|
19
19
|
values: string[];
|
|
20
20
|
dropdownHeight: CSSProperties['height'];
|
|
21
21
|
column: TimeColumnType;
|
|
22
|
-
columnRef: React.RefObject<HTMLDivElement>;
|
|
23
|
-
scrollbarState: ScrollbarState;
|
|
24
|
-
setScrollbar: React.Dispatch<React.SetStateAction<ScrollbarState>>;
|
|
25
|
-
scrollbarRef: React.RefObject<HTMLDivElement>;
|
|
26
|
-
thumbRef: React.RefObject<HTMLDivElement>;
|
|
27
|
-
timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>;
|
|
28
22
|
timeItemRefs: React.MutableRefObject<Record<string, HTMLDivElement | null>>;
|
|
29
23
|
activeTime: ActiveTime;
|
|
30
24
|
handleTimeItemClick: TimeItemClickHandler;
|
|
31
25
|
handleTimeItemKeyDown: TimeItemKeyDownHandler;
|
|
32
26
|
createScrollbarDragHandler: ScrollbarDragHandler;
|
|
27
|
+
setScrollbar?: React.Dispatch<React.SetStateAction<ScrollbarState>>;
|
|
28
|
+
columnRef?: React.RefObject<HTMLDivElement>;
|
|
29
|
+
scrollbarState?: ScrollbarState;
|
|
30
|
+
scrollbarRef?: React.RefObject<HTMLDivElement>;
|
|
31
|
+
thumbRef?: React.RefObject<HTMLDivElement>;
|
|
32
|
+
timeoutRef?: React.MutableRefObject<NodeJS.Timeout | null>;
|
|
33
|
+
disabledValues?: (string | number)[];
|
|
33
34
|
}
|
|
34
35
|
export {};
|
|
35
36
|
//# sourceMappingURL=TimeColumn.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeColumn.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,UAAU,UAAU;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,cAAc,GAAG,IAAI,CAAC;CACxC;AAED,UAAU,cAAc;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,KAAK,oBAAoB,GAAG,CACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAClE,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,KACxD,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;AAEnD,MAAM,MAAM,sBAAsB,GAAG,CACjC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EACpC,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,MAAM,KACZ,IAAI,CAAC;AAEV,KAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;AAE5E,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACxC,MAAM,EAAE,cAAc,CAAC;IACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,UAAU,EAAE,UAAU,CAAC;IACvB,mBAAmB,EAAE,oBAAoB,CAAC;IAC1C,qBAAqB,EAAE,sBAAsB,CAAC;IAC9C,0BAA0B,EAAE,oBAAoB,CAAC;IACjD,YAAY,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAEpE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CACxC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export interface TimeValues {
|
|
2
|
+
hh: number | null;
|
|
3
|
+
mm: number | null;
|
|
4
|
+
ss: number | null;
|
|
5
|
+
}
|
|
6
|
+
export interface NormalizedSegment {
|
|
7
|
+
text: string;
|
|
8
|
+
value: number | null;
|
|
9
|
+
carryover: string;
|
|
10
|
+
}
|
|
11
|
+
export interface ColumnConfig {
|
|
12
|
+
type: 'hours' | 'minutes' | 'seconds';
|
|
13
|
+
values: string[];
|
|
14
|
+
format: string;
|
|
15
|
+
disabledValues?: (number | string)[];
|
|
16
|
+
}
|
|
17
|
+
export declare const getColumnsFromFormat: (format: string) => ColumnConfig[];
|
|
18
|
+
export declare const parseTimeString: (timeString: string, format: string) => TimeValues;
|
|
19
|
+
export declare const buildTimeString: (timeValues: TimeValues, format: string) => string;
|
|
20
|
+
export declare const isTimeDisabled: (timeValues: TimeValues, min?: string | Date, max?: string | Date, format?: string) => boolean;
|
|
21
|
+
export declare const delimiter = ":";
|
|
22
|
+
export declare const range: (number: number, padLength?: number) => string[];
|
|
23
|
+
export declare const animateScrollTo: (element: HTMLDivElement, targetScrollTop: number, duration?: number) => void;
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePickerGrid/utils/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACtC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,oBAAoB,WAAY,MAAM,KAAG,YAAY,EAgCjE,CAAC;AAEF,eAAO,MAAM,eAAe,eAAgB,MAAM,UAAU,MAAM,KAAG,UAsBpE,CAAC;AAEF,eAAO,MAAM,eAAe,eAAgB,UAAU,UAAU,MAAM,KAAG,MAgBxE,CAAC;AAEF,eAAO,MAAM,cAAc,eACX,UAAU,QAChB,MAAM,GAAG,IAAI,QACb,MAAM,GAAG,IAAI,WACV,MAAM,KAChB,OA+BF,CAAC;AAEF,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,KAAK,WAAY,MAAM,yBAAkB,MAAM,EAE3D,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,cAAc,mBAAmB,MAAM,wBAAmB,IAqBlG,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/variations/_disabled/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePickerGrid/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAwUlB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@linaria/core").LinariaClassName;
|
|
9
|
+
};
|
|
10
|
+
size: {
|
|
11
|
+
l: import("@linaria/core").LinariaClassName;
|
|
12
|
+
m: import("@linaria/core").LinariaClassName;
|
|
13
|
+
s: import("@linaria/core").LinariaClassName;
|
|
14
|
+
xs: import("@linaria/core").LinariaClassName;
|
|
15
|
+
};
|
|
16
|
+
disabled: {
|
|
17
|
+
true: import("@linaria/core").LinariaClassName;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=TimePickerGrid.config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePickerGrid.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePickerGrid/TimePickerGrid.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAmGlB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export declare const TimePickerGrid: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
|
|
2
|
+
view: {
|
|
3
|
+
default: import("@linaria/core").LinariaClassName;
|
|
4
|
+
};
|
|
5
|
+
size: {
|
|
6
|
+
l: import("@linaria/core").LinariaClassName;
|
|
7
|
+
m: import("@linaria/core").LinariaClassName;
|
|
8
|
+
s: import("@linaria/core").LinariaClassName;
|
|
9
|
+
xs: import("@linaria/core").LinariaClassName;
|
|
10
|
+
};
|
|
11
|
+
disabled: {
|
|
12
|
+
true: import("@linaria/core").LinariaClassName;
|
|
13
|
+
};
|
|
14
|
+
}> & {
|
|
15
|
+
value?: string;
|
|
16
|
+
dropdownHeight?: import("react").CSSProperties["height"];
|
|
17
|
+
dropdownWidth?: "auto" | "fullWidth" | import("react").CSSProperties["width"];
|
|
18
|
+
format?: string;
|
|
19
|
+
min?: string | Date;
|
|
20
|
+
max?: string | Date;
|
|
21
|
+
columnsQuantity?: 2 | 3;
|
|
22
|
+
size?: string;
|
|
23
|
+
view?: string;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
disabledValues?: {
|
|
26
|
+
hour?: number[];
|
|
27
|
+
minute?: number[];
|
|
28
|
+
second?: number[];
|
|
29
|
+
};
|
|
30
|
+
onChange?: (event: import("../../../components/TimePickerGrid/TimePickerGrid.types").TimePickerGridChangeEvent) => void;
|
|
31
|
+
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
32
|
+
//# sourceMappingURL=TimePickerGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePickerGrid.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePickerGrid/TimePickerGrid.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;YACi4B,CAAC;cAA0B,CAAC;cAA0B,CAAC;;;qHAD95B,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
.TimeColumn_styles_juymyb_s1okclyy__820070c4{position:relative;width:100%;}
|
|
2
|
-
.TimeColumn_styles_juymyb_s14v4skc__820070c4{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimeColumn_styles_juymyb_s14v4skc__820070c4:hover{background:var(--plasma-time-picker-item-hover-background);}.TimeColumn_styles_juymyb_s14v4skc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerItemActive__820070c4{background:var(--plasma-time-picker-item-active-background);}
|
|
3
|
-
.TimeColumn_styles_juymyb_s1mtrybc__820070c4{max-height:var(--s1mtrybc-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimeColumn_styles_juymyb_s1mtrybc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerColumnActive__820070c4{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimeColumn_styles_juymyb_s1mtrybc__820070c4::-webkit-scrollbar{display:none;width:0;}
|
|
4
|
-
.TimeColumn_styles_juymyb_c3ksbzv__820070c4{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimeColumn_styles_juymyb_c3ksbzv__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerScrollbarVisible__820070c4{opacity:1;pointer-events:auto;}
|
|
5
|
-
.TimeColumn_styles_juymyb_s13lzs6z__820070c4{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
6
|
-
.TimeColumn_styles_juymyb_svmgxvm__820070c4{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimeColumn_styles_juymyb_svmgxvm__820070c4:hover{background:var(--plasma-time-picker-scrollbar-color);}.TimeColumn_styles_juymyb_svmgxvm__820070c4:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
7
|
-
.TimeColumn_styles_juymyb_s1bw3c91__820070c4{width:100%;height:0%.125rem;}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var cls = require('classnames');
|
|
8
|
-
var TimePicker_tokens = require('../../TimePicker.tokens.js');
|
|
9
|
-
var TimeColumn_styles = require('./TimeColumn.styles.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
14
|
-
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
15
|
-
|
|
16
|
-
var _StyledEmpty;
|
|
17
|
-
var renderTimeColumn = function renderTimeColumn(_ref) {
|
|
18
|
-
var values = _ref.values,
|
|
19
|
-
dropdownHeight = _ref.dropdownHeight,
|
|
20
|
-
column = _ref.column,
|
|
21
|
-
columnRef = _ref.columnRef,
|
|
22
|
-
scrollbarState = _ref.scrollbarState,
|
|
23
|
-
setScrollbar = _ref.setScrollbar,
|
|
24
|
-
scrollbarRef = _ref.scrollbarRef,
|
|
25
|
-
thumbRef = _ref.thumbRef,
|
|
26
|
-
timeoutRef = _ref.timeoutRef,
|
|
27
|
-
timeItemRefs = _ref.timeItemRefs,
|
|
28
|
-
activeTime = _ref.activeTime,
|
|
29
|
-
handleTimeItemClick = _ref.handleTimeItemClick,
|
|
30
|
-
handleTimeItemKeyDown = _ref.handleTimeItemKeyDown,
|
|
31
|
-
createScrollbarDragHandler = _ref.createScrollbarDragHandler;
|
|
32
|
-
return /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledRoot, null, /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledTimeColumn, {
|
|
33
|
-
key: column,
|
|
34
|
-
ref: columnRef,
|
|
35
|
-
height: dropdownHeight,
|
|
36
|
-
className: TimePicker_tokens.classes.timeColumn
|
|
37
|
-
}, values.map(function (value, index) {
|
|
38
|
-
return /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledTimeItem, {
|
|
39
|
-
key: value,
|
|
40
|
-
ref: function ref(el) {
|
|
41
|
-
timeItemRefs.current["".concat(column, "-").concat(value)] = el;
|
|
42
|
-
},
|
|
43
|
-
className: cls__default.default(_rollupPluginBabelHelpers.defineProperty({}, TimePicker_tokens.classes.timeItemActive, activeTime[column] === index)),
|
|
44
|
-
onClick: function onClick() {
|
|
45
|
-
return handleTimeItemClick(value, column);
|
|
46
|
-
},
|
|
47
|
-
onKeyDown: function onKeyDown(e) {
|
|
48
|
-
return handleTimeItemKeyDown(e, column, value);
|
|
49
|
-
}
|
|
50
|
-
}, value);
|
|
51
|
-
}), _StyledEmpty || (_StyledEmpty = /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.StyledEmpty, null))), /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.CustomScrollbar, {
|
|
52
|
-
ref: scrollbarRef,
|
|
53
|
-
className: cls__default.default(_rollupPluginBabelHelpers.defineProperty({}, TimePicker_tokens.classes.scrollbarVisible, scrollbarState.isVisible))
|
|
54
|
-
}, /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.ScrollbarTrack, null, /*#__PURE__*/React__default.default.createElement(TimeColumn_styles.ScrollbarThumb, {
|
|
55
|
-
ref: thumbRef,
|
|
56
|
-
style: {
|
|
57
|
-
height: "".concat(scrollbarState.thumbHeight, "px"),
|
|
58
|
-
top: "".concat(scrollbarState.thumbPosition, "px")
|
|
59
|
-
},
|
|
60
|
-
onMouseDown: createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)
|
|
61
|
-
}))));
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
exports.renderTimeColumn = renderTimeColumn;
|
|
65
|
-
//# sourceMappingURL=TimeColumn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimeColumn.js","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.tsx"],"sourcesContent":["import React from 'react';\nimport cls from 'classnames';\n\nimport { classes } from '../../TimePicker.tokens';\n\nimport {\n StyledTimeColumn,\n StyledTimeItem,\n StyledEmpty,\n CustomScrollbar,\n ScrollbarTrack,\n ScrollbarThumb,\n StyledRoot,\n} from './TimeColumn.styles';\nimport { TimeColumnProps } from './TimeColumn.types';\n\nexport const renderTimeColumn = ({\n values,\n dropdownHeight,\n column,\n columnRef,\n scrollbarState,\n setScrollbar,\n scrollbarRef,\n thumbRef,\n timeoutRef,\n timeItemRefs,\n activeTime,\n handleTimeItemClick,\n handleTimeItemKeyDown,\n createScrollbarDragHandler,\n}: TimeColumnProps) => (\n <StyledRoot>\n <StyledTimeColumn key={column} ref={columnRef} height={dropdownHeight} className={classes.timeColumn}>\n {values.map((value, index) => (\n <StyledTimeItem\n key={value}\n ref={(el) => {\n timeItemRefs.current[`${column}-${value}`] = el;\n }}\n className={cls({\n [classes.timeItemActive]: activeTime[column] === index,\n })}\n onClick={() => handleTimeItemClick(value, column)}\n onKeyDown={(e) => handleTimeItemKeyDown(e, column, value)}\n >\n {value}\n </StyledTimeItem>\n ))}\n <StyledEmpty />\n </StyledTimeColumn>\n\n <CustomScrollbar\n ref={scrollbarRef}\n className={cls({\n [classes.scrollbarVisible]: scrollbarState.isVisible,\n })}\n >\n <ScrollbarTrack>\n <ScrollbarThumb\n ref={thumbRef}\n style={{\n height: `${scrollbarState.thumbHeight}px`,\n top: `${scrollbarState.thumbPosition}px`,\n }}\n onMouseDown={createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)}\n />\n </ScrollbarTrack>\n </CustomScrollbar>\n </StyledRoot>\n);\n"],"names":["renderTimeColumn","_ref","values","dropdownHeight","column","columnRef","scrollbarState","setScrollbar","scrollbarRef","thumbRef","timeoutRef","timeItemRefs","activeTime","handleTimeItemClick","handleTimeItemKeyDown","createScrollbarDragHandler","React","createElement","StyledRoot","StyledTimeColumn","key","ref","height","className","classes","timeColumn","map","value","index","StyledTimeItem","el","current","concat","cls","_defineProperty","timeItemActive","onClick","onKeyDown","e","_StyledEmpty","StyledEmpty","CustomScrollbar","scrollbarVisible","isVisible","ScrollbarTrack","ScrollbarThumb","style","thumbHeight","top","thumbPosition","onMouseDown"],"mappings":";;;;;;;;;;;;;;;;IAgBaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACzBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,UAAU,GAAAX,IAAA,CAAVW,UAAU;IACVC,mBAAmB,GAAAZ,IAAA,CAAnBY,mBAAmB;IACnBC,qBAAqB,GAAAb,IAAA,CAArBa,qBAAqB;IACrBC,0BAA0B,GAAAd,IAAA,CAA1Bc,0BAA0B,CAAA;EAAA,oBAE1BC,sBAAA,CAAAC,aAAA,CAACC,4BAAU,qBACPF,sBAAA,CAAAC,aAAA,CAACE,kCAAgB,EAAA;AAACC,IAAAA,GAAG,EAAEhB,MAAO;AAACiB,IAAAA,GAAG,EAAEhB,SAAU;AAACiB,IAAAA,MAAM,EAAEnB,cAAe;IAACoB,SAAS,EAAEC,yBAAO,CAACC,UAAAA;AAAW,GAAA,EAChGvB,MAAM,CAACwB,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAA;AAAA,IAAA,oBACrBZ,sBAAA,CAAAC,aAAA,CAACY,gCAAc,EAAA;AACXT,MAAAA,GAAG,EAAEO,KAAM;AACXN,MAAAA,GAAG,EAAE,SAAAA,GAACS,CAAAA,EAAE,EAAK;AACTnB,QAAAA,YAAY,CAACoB,OAAO,CAAAC,EAAAA,CAAAA,MAAA,CAAI5B,MAAM,EAAA4B,GAAAA,CAAAA,CAAAA,MAAA,CAAIL,KAAK,CAAG,CAAA,GAAGG,EAAE,CAAA;OACjD;AACFP,MAAAA,SAAS,EAAEU,oBAAG,CAAAC,wCAAA,CAAA,EAAA,EACTV,yBAAO,CAACW,cAAc,EAAGvB,UAAU,CAACR,MAAM,CAAC,KAAKwB,KAAK,CACzD,CAAE;MACHQ,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,QAAA,OAAMvB,mBAAmB,CAACc,KAAK,EAAEvB,MAAM,CAAC,CAAA;OAAC;MAClDiC,SAAS,EAAE,SAAAA,SAAAA,CAACC,CAAC,EAAA;AAAA,QAAA,OAAKxB,qBAAqB,CAACwB,CAAC,EAAElC,MAAM,EAAEuB,KAAK,CAAC,CAAA;AAAA,OAAA;AAAC,KAAA,EAEzDA,KACW,CAAC,CAAA;GACpB,CAAC,EAAAY,YAAA,KAAAA,YAAA,gBACFvB,sBAAA,CAAAC,aAAA,CAACuB,6BAAW,EAAE,IAAA,CAAC,CACD,CAAC,eAEnBxB,sBAAA,CAAAC,aAAA,CAACwB,iCAAe,EAAA;AACZpB,IAAAA,GAAG,EAAEb,YAAa;AAClBe,IAAAA,SAAS,EAAEU,oBAAG,CAAAC,wCAAA,CACTV,EAAAA,EAAAA,yBAAO,CAACkB,gBAAgB,EAAGpC,cAAc,CAACqC,SAAS,CACvD,CAAA;GAED3B,eAAAA,sBAAA,CAAAC,aAAA,CAAC2B,gCAAc,qBACX5B,sBAAA,CAAAC,aAAA,CAAC4B,gCAAc,EAAA;AACXxB,IAAAA,GAAG,EAAEZ,QAAS;AACdqC,IAAAA,KAAK,EAAE;AACHxB,MAAAA,MAAM,KAAAU,MAAA,CAAK1B,cAAc,CAACyC,WAAW,EAAI,IAAA,CAAA;AACzCC,MAAAA,GAAG,EAAAhB,EAAAA,CAAAA,MAAA,CAAK1B,cAAc,CAAC2C,aAAa,EAAA,IAAA,CAAA;KACtC;AACFC,IAAAA,WAAW,EAAEnC,0BAA0B,CAACV,SAAS,EAAEE,YAAY,EAAEG,UAAU,CAAA;GAC9E,CACW,CACH,CACT,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimeColumn.styles.js","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../TimePicker.tokens';\n\nexport const StyledRoot = styled.div`\n position: relative;\n width: 100%;\n`;\n\nexport const StyledTimeItem = styled.div`\n height: var(${tokens.itemHeight});\n padding: var(${tokens.itemPadding});\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: 0.05s;\n border-radius: var(${tokens.itemBorderRadius});\n cursor: pointer;\n flex-shrink: 0;\n overflow: auto;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemLetterSpacing});\n line-height: var(${tokens.itemLineHeight});\n\n &:hover {\n background: var(${tokens.itemBackgroundHover});\n }\n &.${classes.timeItemActive} {\n background: var(${tokens.itemBackgroundActive});\n }\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n overflow-y: scroll;\n flex: 1;\n z-index: 3;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: var(${tokens.scrollbarWidth});\n width: 100%;\n\n &.${classes.timeColumnActive} {\n border: 0.125rem solid var(${tokens.itemBackgroundHover});\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n width: 0;\n }\n`;\n\nexport const CustomScrollbar = styled.div`\n position: absolute;\n top: var(${tokens.scrollbarMargin});\n right: 0;\n bottom: var(${tokens.scrollbarMargin});\n width: var(${tokens.scrollbarWidth});\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n z-index: 10;\n overflow: hidden;\n\n &.${classes.scrollbarVisible} {\n opacity: 1;\n pointer-events: auto;\n }\n`;\n\nexport const ScrollbarTrack = styled.div`\n position: relative;\n width: 100%;\n height: 100%;\n background: var(${tokens.scrollbarTrackColor});\n border-radius: var(${tokens.scrollbarWidth});\n`;\n\nexport const ScrollbarThumb = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: var(${tokens.scrollbarColor});\n border-radius: var(${tokens.scrollbarWidth});\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: var(${tokens.scrollbarColor});\n }\n\n &:active {\n background: var(${tokens.scrollbarTrackColor});\n }\n`;\n\nexport const StyledEmpty = styled.div`\n width: 100%;\n height: 0%.125rem;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledTimeItem","_exp13","_ref","height","concat","tokens","columnHeight","StyledTimeColumn","vars","CustomScrollbar","ScrollbarTrack","ScrollbarThumb","StyledEmpty"],"mappings":";;;;;;;AAIO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BnC,EAAA;AAAC,IAAAE,MAAA,GAlCgBA,SAkChBA,MAAAA,GAAA;AAAA,EAAA,OAGgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,wBAAM,CAACC,YAAY,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADlE,IAAMC,gBAAgB,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBP,MAAuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAsBxE,EAAA;AAEM,IAAMQ,eAAe,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBpC,EAAA;AAEM,IAAMW,cAAc,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMnC,EAAA;AAEM,IAAMY,cAAc,gBAAGf,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBnC,EAAA;AAEM,IAAMa,WAAW,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC;;;;;;;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
.s1okclyy{position:relative;width:100%;}
|
|
2
|
-
.s14v4skc{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.s14v4skc:hover{background:var(--plasma-time-picker-item-hover-background);}.s14v4skc.plasma-time-picker-item-active{background:var(--plasma-time-picker-item-active-background);}
|
|
3
|
-
.s1mtrybc{max-height:var(--s1mtrybc-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.s1mtrybc.plasma-time-picker-column-active{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.s1mtrybc::-webkit-scrollbar{display:none;width:0;}
|
|
4
|
-
.c3ksbzv{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.c3ksbzv.plasma-time-picker-scrollbar-visible{opacity:1;pointer-events:auto;}
|
|
5
|
-
.s13lzs6z{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
6
|
-
.svmgxvm{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.svmgxvm:hover{background:var(--plasma-time-picker-scrollbar-color);}.svmgxvm:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
7
|
-
.s1bw3c91{width:100%;height:0%.125rem;}
|
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get loaderConfig () {
|
|
13
|
-
return loaderConfig;
|
|
14
|
-
},
|
|
15
|
-
get loaderRoot () {
|
|
16
|
-
return loaderRoot;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
20
|
-
var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
21
|
-
var _base = require("./variations/_view/base");
|
|
22
|
-
var _base1 = require("./variations/_size/base");
|
|
23
|
-
var _Loaderstyles = require("./Loader.styles");
|
|
24
|
-
var _Loadertokens = require("./Loader.tokens");
|
|
25
|
-
function _define_property(obj, key, value) {
|
|
26
|
-
if (key in obj) {
|
|
27
|
-
Object.defineProperty(obj, key, {
|
|
28
|
-
value: value,
|
|
29
|
-
enumerable: true,
|
|
30
|
-
configurable: true,
|
|
31
|
-
writable: true
|
|
32
|
-
});
|
|
33
|
-
} else {
|
|
34
|
-
obj[key] = value;
|
|
35
|
-
}
|
|
36
|
-
return obj;
|
|
37
|
-
}
|
|
38
|
-
function _interop_require_default(obj) {
|
|
39
|
-
return obj && obj.__esModule ? obj : {
|
|
40
|
-
default: obj
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
44
|
-
if (typeof WeakMap !== "function") return null;
|
|
45
|
-
var cacheBabelInterop = new WeakMap();
|
|
46
|
-
var cacheNodeInterop = new WeakMap();
|
|
47
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
48
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
49
|
-
})(nodeInterop);
|
|
50
|
-
}
|
|
51
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
52
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
53
|
-
return obj;
|
|
54
|
-
}
|
|
55
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
56
|
-
return {
|
|
57
|
-
default: obj
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
61
|
-
if (cache && cache.has(obj)) {
|
|
62
|
-
return cache.get(obj);
|
|
63
|
-
}
|
|
64
|
-
var newObj = {
|
|
65
|
-
__proto__: null
|
|
66
|
-
};
|
|
67
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
68
|
-
for(var key in obj){
|
|
69
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
70
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
71
|
-
if (desc && (desc.get || desc.set)) {
|
|
72
|
-
Object.defineProperty(newObj, key, desc);
|
|
73
|
-
} else {
|
|
74
|
-
newObj[key] = obj[key];
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
newObj.default = obj;
|
|
79
|
-
if (cache) {
|
|
80
|
-
cache.set(obj, newObj);
|
|
81
|
-
}
|
|
82
|
-
return newObj;
|
|
83
|
-
}
|
|
84
|
-
function _object_spread(target) {
|
|
85
|
-
for(var i = 1; i < arguments.length; i++){
|
|
86
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
87
|
-
var ownKeys = Object.keys(source);
|
|
88
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
89
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
90
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
91
|
-
}));
|
|
92
|
-
}
|
|
93
|
-
ownKeys.forEach(function(key) {
|
|
94
|
-
_define_property(target, key, source[key]);
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
return target;
|
|
98
|
-
}
|
|
99
|
-
function _object_without_properties(source, excluded) {
|
|
100
|
-
if (source == null) return {};
|
|
101
|
-
var target = _object_without_properties_loose(source, excluded);
|
|
102
|
-
var key, i;
|
|
103
|
-
if (Object.getOwnPropertySymbols) {
|
|
104
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
105
|
-
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
106
|
-
key = sourceSymbolKeys[i];
|
|
107
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
108
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
109
|
-
target[key] = source[key];
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
return target;
|
|
113
|
-
}
|
|
114
|
-
function _object_without_properties_loose(source, excluded) {
|
|
115
|
-
if (source == null) return {};
|
|
116
|
-
var target = {};
|
|
117
|
-
var sourceKeys = Object.keys(source);
|
|
118
|
-
var key, i;
|
|
119
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
120
|
-
key = sourceKeys[i];
|
|
121
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
122
|
-
target[key] = source[key];
|
|
123
|
-
}
|
|
124
|
-
return target;
|
|
125
|
-
}
|
|
126
|
-
var loaderRoot = function(Root) {
|
|
127
|
-
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
128
|
-
var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasBlur = props.hasBlur, hasBlur = _props_hasBlur === void 0 ? false : _props_hasBlur, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidth = props.strokeWidth, rest = _object_without_properties(props, [
|
|
129
|
-
"type",
|
|
130
|
-
"hasBlur",
|
|
131
|
-
"hasOverlay",
|
|
132
|
-
"value",
|
|
133
|
-
"maxValue",
|
|
134
|
-
"size",
|
|
135
|
-
"view",
|
|
136
|
-
"children",
|
|
137
|
-
"className",
|
|
138
|
-
"strokeWidth"
|
|
139
|
-
]);
|
|
140
|
-
var _obj;
|
|
141
|
-
return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
142
|
-
ref: ref,
|
|
143
|
-
view: view,
|
|
144
|
-
size: size,
|
|
145
|
-
className: (0, _classnames.default)(className, (_obj = {}, _define_property(_obj, _Loadertokens.classes.loaderHasBlur, hasBlur), _define_property(_obj, _Loadertokens.classes.loaderHasOverlay, hasOverlay), _obj))
|
|
146
|
-
}, rest), type === 'spinner' ? /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledSpinner, {
|
|
147
|
-
size: size,
|
|
148
|
-
view: view
|
|
149
|
-
}) : /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledProgressBarCircular, {
|
|
150
|
-
value: value,
|
|
151
|
-
maxValue: maxValue,
|
|
152
|
-
strokeWidth: strokeWidth,
|
|
153
|
-
size: size,
|
|
154
|
-
view: view
|
|
155
|
-
}, children));
|
|
156
|
-
});
|
|
157
|
-
};
|
|
158
|
-
var loaderConfig = {
|
|
159
|
-
name: 'Loader',
|
|
160
|
-
tag: 'div',
|
|
161
|
-
layout: loaderRoot,
|
|
162
|
-
base: _Loaderstyles.base,
|
|
163
|
-
variations: {
|
|
164
|
-
view: {
|
|
165
|
-
css: _base.base
|
|
166
|
-
},
|
|
167
|
-
size: {
|
|
168
|
-
css: _base1.base
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
|
-
defaults: {
|
|
172
|
-
view: 'primary',
|
|
173
|
-
size: 'm'
|
|
174
|
-
}
|
|
175
|
-
};
|