@salutejs/plasma-new-hope 0.337.0-canary.2254.18036780976.0 → 0.337.0-canary.2255.18028844305.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/index.css +0 -17
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/examples/components/Chip/Chip.clear.config.js +45 -0
- package/emotion/cjs/examples/components/Chip/Chip.js +29 -5
- package/emotion/cjs/index.js +0 -1
- package/emotion/es/examples/components/Chip/Chip.clear.config.js +35 -0
- package/emotion/es/examples/components/Chip/Chip.js +15 -2
- package/emotion/es/index.js +0 -1
- package/es/index.css +0 -17
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/examples/components/Chip/Chip.clear.config.js +225 -0
- package/styled-components/cjs/examples/components/Chip/Chip.js +29 -5
- package/styled-components/cjs/index.js +0 -1
- package/styled-components/es/examples/components/Chip/Chip.clear.config.js +215 -0
- package/styled-components/es/examples/components/Chip/Chip.js +15 -2
- package/styled-components/es/index.js +0 -1
- package/types/components/Chip/Chip.types.d.ts +1 -0
- package/types/components/Chip/Chip.types.d.ts.map +1 -1
- package/types/examples/components/{TimePicker/TimePicker.config.d.ts → Chip/Chip.clear.config.d.ts} +12 -2
- package/types/examples/components/Chip/Chip.clear.config.d.ts.map +1 -0
- package/types/examples/components/Chip/Chip.d.ts +55 -1
- package/types/examples/components/Chip/Chip.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/TimePicker/TimePicker.css +0 -93
- package/cjs/components/TimePicker/TimePicker.js +0 -732
- package/cjs/components/TimePicker/TimePicker.js.map +0 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +0 -54
- package/cjs/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/cjs/components/TimePicker/TimePicker.styles_ar3obv.css +0 -4
- package/cjs/components/TimePicker/TimePicker.tokens.js +0 -133
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +0 -1
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -32
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js.map +0 -1
- 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 +0 -61
- 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/cjs/components/TimePicker/utils/index.js +0 -139
- package/cjs/components/TimePicker/utils/index.js.map +0 -1
- package/cjs/components/TimePicker/variations/_disabled/base.js +0 -9
- package/cjs/components/TimePicker/variations/_disabled/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_disabled/base_nyid0i.css +0 -1
- package/cjs/components/TimePicker/variations/_readonly/base.js +0 -9
- package/cjs/components/TimePicker/variations/_readonly/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_readonly/base_zalfas.css +0 -1
- package/cjs/components/TimePicker/variations/_size/base.js +0 -9
- package/cjs/components/TimePicker/variations/_size/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/TimePicker/variations/_view/base.js +0 -9
- package/cjs/components/TimePicker/variations/_view/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/Scrollbar/Scrollbar.js +0 -418
- package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +0 -59
- package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
- package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
- package/emotion/cjs/components/Scrollbar/index.js +0 -26
- package/emotion/cjs/components/Scrollbar/variations/_size/base.js +0 -12
- package/emotion/cjs/components/Scrollbar/variations/_view/base.js +0 -12
- package/emotion/cjs/components/TimePicker/TimePicker.js +0 -916
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +0 -55
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +0 -142
- package/emotion/cjs/components/TimePicker/TimePicker.types.js +0 -4
- package/emotion/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -30
- package/emotion/cjs/components/TimePicker/index.js +0 -26
- 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/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -4
- package/emotion/cjs/components/TimePicker/utils/index.js +0 -152
- package/emotion/cjs/components/TimePicker/variations/_disabled/base.js +0 -13
- package/emotion/cjs/components/TimePicker/variations/_readonly/base.js +0 -12
- package/emotion/cjs/components/TimePicker/variations/_size/base.js +0 -12
- package/emotion/cjs/components/TimePicker/variations/_view/base.js +0 -12
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -27
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +0 -35
- package/emotion/cjs/examples/components/TimePicker/TimePicker.js +0 -15
- package/emotion/es/components/Scrollbar/Scrollbar.js +0 -354
- package/emotion/es/components/Scrollbar/Scrollbar.styles.js +0 -24
- package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
- package/emotion/es/components/Scrollbar/Scrollbar.types.js +0 -1
- package/emotion/es/components/Scrollbar/index.js +0 -2
- package/emotion/es/components/Scrollbar/variations/_size/base.js +0 -2
- package/emotion/es/components/Scrollbar/variations/_view/base.js +0 -2
- package/emotion/es/components/TimePicker/TimePicker.js +0 -852
- package/emotion/es/components/TimePicker/TimePicker.styles.js +0 -27
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +0 -124
- package/emotion/es/components/TimePicker/TimePicker.types.js +0 -1
- package/emotion/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -20
- package/emotion/es/components/TimePicker/index.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/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -1
- package/emotion/es/components/TimePicker/utils/index.js +0 -125
- package/emotion/es/components/TimePicker/variations/_disabled/base.js +0 -3
- package/emotion/es/components/TimePicker/variations/_readonly/base.js +0 -2
- package/emotion/es/components/TimePicker/variations/_size/base.js +0 -2
- package/emotion/es/components/TimePicker/variations/_view/base.js +0 -2
- package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +0 -17
- package/emotion/es/examples/components/Scrollbar/Scrollbar.js +0 -5
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +0 -25
- package/emotion/es/examples/components/TimePicker/TimePicker.js +0 -5
- package/es/components/TimePicker/TimePicker.css +0 -93
- package/es/components/TimePicker/TimePicker.js +0 -722
- package/es/components/TimePicker/TimePicker.js.map +0 -1
- package/es/components/TimePicker/TimePicker.styles.js +0 -47
- package/es/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/es/components/TimePicker/TimePicker.styles_ar3obv.css +0 -4
- package/es/components/TimePicker/TimePicker.tokens.js +0 -128
- package/es/components/TimePicker/TimePicker.tokens.js.map +0 -1
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -28
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js.map +0 -1
- 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 +0 -51
- 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/es/components/TimePicker/utils/index.js +0 -131
- package/es/components/TimePicker/utils/index.js.map +0 -1
- package/es/components/TimePicker/variations/_disabled/base.js +0 -5
- package/es/components/TimePicker/variations/_disabled/base.js.map +0 -1
- package/es/components/TimePicker/variations/_disabled/base_nyid0i.css +0 -1
- package/es/components/TimePicker/variations/_readonly/base.js +0 -5
- package/es/components/TimePicker/variations/_readonly/base.js.map +0 -1
- package/es/components/TimePicker/variations/_readonly/base_zalfas.css +0 -1
- package/es/components/TimePicker/variations/_size/base.js +0 -5
- package/es/components/TimePicker/variations/_size/base.js.map +0 -1
- package/es/components/TimePicker/variations/_size/base_x642ct.css +0 -1
- package/es/components/TimePicker/variations/_view/base.js +0 -5
- package/es/components/TimePicker/variations/_view/base.js.map +0 -1
- package/es/components/TimePicker/variations/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/Scrollbar/Scrollbar.js +0 -418
- package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +0 -123
- package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
- package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
- package/styled-components/cjs/components/Scrollbar/index.js +0 -26
- package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +0 -14
- package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/TimePicker.js +0 -916
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +0 -258
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +0 -142
- package/styled-components/cjs/components/TimePicker/TimePicker.types.js +0 -4
- package/styled-components/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -30
- package/styled-components/cjs/components/TimePicker/index.js +0 -26
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -112
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -4
- package/styled-components/cjs/components/TimePicker/utils/index.js +0 -152
- package/styled-components/cjs/components/TimePicker/variations/_disabled/base.js +0 -16
- package/styled-components/cjs/components/TimePicker/variations/_readonly/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/variations/_size/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/variations/_view/base.js +0 -14
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -45
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +0 -289
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.js +0 -15
- package/styled-components/es/components/Scrollbar/Scrollbar.js +0 -354
- package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +0 -53
- package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
- package/styled-components/es/components/Scrollbar/Scrollbar.types.js +0 -1
- package/styled-components/es/components/Scrollbar/index.js +0 -2
- package/styled-components/es/components/Scrollbar/variations/_size/base.js +0 -4
- package/styled-components/es/components/Scrollbar/variations/_view/base.js +0 -4
- package/styled-components/es/components/TimePicker/TimePicker.js +0 -852
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +0 -195
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +0 -124
- package/styled-components/es/components/TimePicker/TimePicker.types.js +0 -1
- package/styled-components/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -20
- package/styled-components/es/components/TimePicker/index.js +0 -2
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -74
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -1
- package/styled-components/es/components/TimePicker/utils/index.js +0 -125
- package/styled-components/es/components/TimePicker/variations/_disabled/base.js +0 -6
- package/styled-components/es/components/TimePicker/variations/_readonly/base.js +0 -4
- package/styled-components/es/components/TimePicker/variations/_size/base.js +0 -4
- package/styled-components/es/components/TimePicker/variations/_view/base.js +0 -4
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +0 -35
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +0 -5
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +0 -279
- package/styled-components/es/examples/components/TimePicker/TimePicker.js +0 -5
- package/types/components/Scrollbar/Scrollbar.d.ts +0 -23
- package/types/components/Scrollbar/Scrollbar.d.ts.map +0 -1
- package/types/components/Scrollbar/Scrollbar.styles.d.ts +0 -7
- package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +0 -1
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts +0 -22
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +0 -1
- package/types/components/Scrollbar/Scrollbar.types.d.ts +0 -44
- package/types/components/Scrollbar/Scrollbar.types.d.ts.map +0 -1
- package/types/components/Scrollbar/index.d.ts +0 -4
- package/types/components/Scrollbar/index.d.ts.map +0 -1
- package/types/components/Scrollbar/variations/_size/base.d.ts +0 -2
- package/types/components/Scrollbar/variations/_size/base.d.ts.map +0 -1
- package/types/components/Scrollbar/variations/_view/base.d.ts +0 -2
- package/types/components/Scrollbar/variations/_view/base.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.d.ts +0 -81
- package/types/components/TimePicker/TimePicker.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +0 -303
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +0 -126
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.types.d.ts +0 -139
- package/types/components/TimePicker/TimePicker.types.d.ts.map +0 -1
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts +0 -14
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts.map +0 -1
- package/types/components/TimePicker/index.d.ts +0 -4
- package/types/components/TimePicker/index.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 +0 -10
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts +0 -35
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +0 -1
- package/types/components/TimePicker/utils/index.d.ts +0 -20
- package/types/components/TimePicker/utils/index.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_disabled/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_readonly/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_readonly/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_size/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_size/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_view/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_view/base.d.ts.map +0 -1
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +0 -16
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +0 -1
- package/types/examples/components/Scrollbar/Scrollbar.d.ts +0 -10
- package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +0 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +0 -1
- package/types/examples/components/TimePicker/TimePicker.d.ts +0 -43
- package/types/examples/components/TimePicker/TimePicker.d.ts.map +0 -1
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
2
|
-
import { css } from "styled-components";
|
|
3
|
-
import { component, mergeConfig } from "../../engines";
|
|
4
|
-
import { textFieldConfig, textFieldTokens } from "../TextField";
|
|
5
|
-
import { popoverClasses, popoverConfig } from "../Popover";
|
|
6
|
-
import { classes, tokens } from "./TimePicker.tokens";
|
|
7
|
-
var mergedTextFieldConfig = mergeConfig(textFieldConfig);
|
|
8
|
-
var TextField = component(mergedTextFieldConfig);
|
|
9
|
-
var mergedPopoverConfig = mergeConfig(popoverConfig);
|
|
10
|
-
var Popover = component(mergedPopoverConfig);
|
|
11
|
-
export var StyledPopover = styled(Popover).withConfig({
|
|
12
|
-
displayName: "TimePicker.styles__StyledPopover",
|
|
13
|
-
componentId: "sc-8a747fd1-0"
|
|
14
|
-
})([
|
|
15
|
-
""
|
|
16
|
-
]);
|
|
17
|
-
// NOTE: переопределение токенов TextField
|
|
18
|
-
export var StyledInput = styled(TextField).withConfig({
|
|
19
|
-
displayName: "TimePicker.styles__StyledInput",
|
|
20
|
-
componentId: "sc-8a747fd1-1"
|
|
21
|
-
})([
|
|
22
|
-
"width:100%;",
|
|
23
|
-
":var(",
|
|
24
|
-
");",
|
|
25
|
-
":var(",
|
|
26
|
-
");",
|
|
27
|
-
":var(",
|
|
28
|
-
");",
|
|
29
|
-
":var(",
|
|
30
|
-
");",
|
|
31
|
-
":var(",
|
|
32
|
-
");",
|
|
33
|
-
":var(",
|
|
34
|
-
");",
|
|
35
|
-
":var(",
|
|
36
|
-
");",
|
|
37
|
-
":var(",
|
|
38
|
-
");",
|
|
39
|
-
":var(",
|
|
40
|
-
");",
|
|
41
|
-
":var(",
|
|
42
|
-
");",
|
|
43
|
-
":var(",
|
|
44
|
-
");",
|
|
45
|
-
":var(",
|
|
46
|
-
");",
|
|
47
|
-
":var(",
|
|
48
|
-
");",
|
|
49
|
-
":var(",
|
|
50
|
-
");",
|
|
51
|
-
":var(",
|
|
52
|
-
");",
|
|
53
|
-
":var(",
|
|
54
|
-
");",
|
|
55
|
-
":var(",
|
|
56
|
-
");",
|
|
57
|
-
":var(",
|
|
58
|
-
");",
|
|
59
|
-
":var(",
|
|
60
|
-
");",
|
|
61
|
-
":var(",
|
|
62
|
-
");",
|
|
63
|
-
":var(",
|
|
64
|
-
");",
|
|
65
|
-
":var(",
|
|
66
|
-
");",
|
|
67
|
-
":var(",
|
|
68
|
-
");",
|
|
69
|
-
":var(",
|
|
70
|
-
");",
|
|
71
|
-
":var(",
|
|
72
|
-
");",
|
|
73
|
-
":var(",
|
|
74
|
-
");",
|
|
75
|
-
":var(",
|
|
76
|
-
");",
|
|
77
|
-
":var(",
|
|
78
|
-
");",
|
|
79
|
-
":var(",
|
|
80
|
-
");",
|
|
81
|
-
":var(",
|
|
82
|
-
");",
|
|
83
|
-
":var(",
|
|
84
|
-
");",
|
|
85
|
-
":var(",
|
|
86
|
-
");",
|
|
87
|
-
":var(",
|
|
88
|
-
");",
|
|
89
|
-
":var(",
|
|
90
|
-
");",
|
|
91
|
-
":var(",
|
|
92
|
-
");",
|
|
93
|
-
":var(",
|
|
94
|
-
");",
|
|
95
|
-
":var(",
|
|
96
|
-
");",
|
|
97
|
-
":var(",
|
|
98
|
-
");",
|
|
99
|
-
":var(",
|
|
100
|
-
");",
|
|
101
|
-
":var(",
|
|
102
|
-
");",
|
|
103
|
-
":var(",
|
|
104
|
-
");",
|
|
105
|
-
":var(",
|
|
106
|
-
");",
|
|
107
|
-
":var(",
|
|
108
|
-
");",
|
|
109
|
-
":var(",
|
|
110
|
-
");",
|
|
111
|
-
":var(",
|
|
112
|
-
");",
|
|
113
|
-
":var(",
|
|
114
|
-
");",
|
|
115
|
-
":var(",
|
|
116
|
-
");",
|
|
117
|
-
":var(",
|
|
118
|
-
");",
|
|
119
|
-
":var(",
|
|
120
|
-
");",
|
|
121
|
-
":var(",
|
|
122
|
-
");",
|
|
123
|
-
":var(",
|
|
124
|
-
");",
|
|
125
|
-
":var(",
|
|
126
|
-
");",
|
|
127
|
-
":var(",
|
|
128
|
-
");",
|
|
129
|
-
":var(",
|
|
130
|
-
");",
|
|
131
|
-
":var(",
|
|
132
|
-
");",
|
|
133
|
-
":var(",
|
|
134
|
-
");",
|
|
135
|
-
":var(",
|
|
136
|
-
",var(",
|
|
137
|
-
"));",
|
|
138
|
-
":var(",
|
|
139
|
-
",var(",
|
|
140
|
-
"));",
|
|
141
|
-
":var(",
|
|
142
|
-
",var(",
|
|
143
|
-
"));&.",
|
|
144
|
-
"{",
|
|
145
|
-
":var(",
|
|
146
|
-
");",
|
|
147
|
-
":var(",
|
|
148
|
-
");",
|
|
149
|
-
":var(",
|
|
150
|
-
");",
|
|
151
|
-
":var(",
|
|
152
|
-
");",
|
|
153
|
-
":var(",
|
|
154
|
-
");",
|
|
155
|
-
":var(",
|
|
156
|
-
");}&.",
|
|
157
|
-
"{",
|
|
158
|
-
":var(",
|
|
159
|
-
");",
|
|
160
|
-
":var(",
|
|
161
|
-
");",
|
|
162
|
-
":var(",
|
|
163
|
-
");",
|
|
164
|
-
":var(",
|
|
165
|
-
");",
|
|
166
|
-
":var(",
|
|
167
|
-
");",
|
|
168
|
-
":var(",
|
|
169
|
-
");}"
|
|
170
|
-
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.boxShadow, tokens.textFieldBoxShadow, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, classes.timePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.timePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
|
171
|
-
export var base = css([
|
|
172
|
-
"display:flex;width:var(",
|
|
173
|
-
");margin-top:var(",
|
|
174
|
-
");.",
|
|
175
|
-
",.",
|
|
176
|
-
"{width:inherit;}&.",
|
|
177
|
-
"{width:100%;.",
|
|
178
|
-
"{width:100%;}}&.",
|
|
179
|
-
"{width:100%;}&.",
|
|
180
|
-
"{justify-content:flex-end;}"
|
|
181
|
-
], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth, classes.timePickerPlacementRight);
|
|
182
|
-
export var StyledTimePicker = styled.div.withConfig({
|
|
183
|
-
displayName: "TimePicker.styles__StyledTimePicker",
|
|
184
|
-
componentId: "sc-8a747fd1-2"
|
|
185
|
-
})([
|
|
186
|
-
"background:var(",
|
|
187
|
-
");border-radius:var(",
|
|
188
|
-
");width:",
|
|
189
|
-
";display:flex;padding:var(",
|
|
190
|
-
");flex:1 1 1;gap:var(",
|
|
191
|
-
");box-sizing:border-box;position:relative;"
|
|
192
|
-
], tokens.timePickerBackground, tokens.timePickerBorderRadius, function(param) {
|
|
193
|
-
var width = param.width;
|
|
194
|
-
return (width === 'fullWidth' ? "var(".concat(tokens.width, ")") : width) || "var(".concat(tokens.timePickerWidth, ")");
|
|
195
|
-
}, tokens.timePickerPadding, tokens.scrollbarWidth);
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
export var classes = {
|
|
2
|
-
timePickerstretched: 'plasma-time-picker-stretched',
|
|
3
|
-
timePickerSuccess: 'plasma-time-picker-success',
|
|
4
|
-
timePickerError: 'plasma-time-picker-error',
|
|
5
|
-
timePickerRoot: 'plasma-time-picker-root',
|
|
6
|
-
timeColumnLabel: 'plasma-time-picker-column-label',
|
|
7
|
-
timeItemActive: 'plasma-time-picker-item-active',
|
|
8
|
-
timePickerFullWidth: 'plasma-time-picker-full-width',
|
|
9
|
-
timePickerActive: 'plasma-time-picker-active',
|
|
10
|
-
timeColumnActive: 'plasma-time-picker-column-active',
|
|
11
|
-
timeColumn: 'plasma-time-picker-column',
|
|
12
|
-
timeColumnScrolling: 'plasma-time-picker-column-scrolling',
|
|
13
|
-
scrollbarVisible: 'plasma-time-picker-scrollbar-visible',
|
|
14
|
-
timePickerPlacementRight: 'plasma-time-picker-placement-right'
|
|
15
|
-
};
|
|
16
|
-
export var tokens = {
|
|
17
|
-
width: '--plasma-time-picker-width',
|
|
18
|
-
background: '--plasma-time-picker_range-background',
|
|
19
|
-
backgroundError: '--plasma-time-picker_range-background-error',
|
|
20
|
-
backgroundSuccess: '--plasma-time-picker_range-background-success',
|
|
21
|
-
backgroundReadOnly: '--plasma-time-picker_range-background-readonly',
|
|
22
|
-
borderRadius: '--plasma-time-picker_range-border-radius',
|
|
23
|
-
borderWidth: '--plasma-time-picker_range-border-width',
|
|
24
|
-
borderColor: '--plasma-time-picker_range-border-color',
|
|
25
|
-
borderColorHover: '--plasma-time-picker_range-border-color-hover',
|
|
26
|
-
borderColorFocus: '--plasma-time-picker_range-border-color-focus',
|
|
27
|
-
borderColorError: '--plasma-time-picker_range-border-color-error',
|
|
28
|
-
borderColorSuccess: '--plasma-time-picker_range-border-color-success',
|
|
29
|
-
leftContentMargin: '--plasma-time-picker_range__left-content-margin',
|
|
30
|
-
rightContentMargin: '--plasma-time-picker_range__right-content-margin',
|
|
31
|
-
labelColor: '--plasma-time-picker__label-color',
|
|
32
|
-
labelColorReadOnly: '--plasma-time-picker__label-color-readonly',
|
|
33
|
-
labelOffset: '--plasma-time-picker__label-offset',
|
|
34
|
-
labelFontFamily: '--plasma-time-picker__label-font-family',
|
|
35
|
-
labelFontStyle: '--plasma-time-picker__label-font-style',
|
|
36
|
-
labelFontSize: '--plasma-time-picker__label-font-size',
|
|
37
|
-
labelFontWeight: '--plasma-time-picker__label-font-weight',
|
|
38
|
-
labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',
|
|
39
|
-
labelLineHeight: '--plasma-time-picker__label-line-height',
|
|
40
|
-
labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',
|
|
41
|
-
labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',
|
|
42
|
-
labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',
|
|
43
|
-
labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',
|
|
44
|
-
labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',
|
|
45
|
-
labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',
|
|
46
|
-
labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',
|
|
47
|
-
contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',
|
|
48
|
-
indicatorColor: '--plasma-time-picker__indicator-color',
|
|
49
|
-
indicatorSize: '--plasma-time-picker__indicator-size',
|
|
50
|
-
indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',
|
|
51
|
-
indicatorPlacement: '--plasma-time-picker__indicator-placement',
|
|
52
|
-
indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',
|
|
53
|
-
indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',
|
|
54
|
-
indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',
|
|
55
|
-
textFieldColor: '--plasma-time-picker-textfield-color',
|
|
56
|
-
textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',
|
|
57
|
-
textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',
|
|
58
|
-
textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',
|
|
59
|
-
textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',
|
|
60
|
-
textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',
|
|
61
|
-
textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',
|
|
62
|
-
textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',
|
|
63
|
-
textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',
|
|
64
|
-
textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',
|
|
65
|
-
textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',
|
|
66
|
-
textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',
|
|
67
|
-
textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',
|
|
68
|
-
textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',
|
|
69
|
-
textFieldBorderColor: '--plasma-time-picker-textfield-border-color',
|
|
70
|
-
textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',
|
|
71
|
-
textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',
|
|
72
|
-
textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',
|
|
73
|
-
textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',
|
|
74
|
-
textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',
|
|
75
|
-
textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',
|
|
76
|
-
textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',
|
|
77
|
-
textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',
|
|
78
|
-
textFieldBoxShadow: '--plasma-time-picker-textfield-box-shadow',
|
|
79
|
-
textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',
|
|
80
|
-
textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',
|
|
81
|
-
textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',
|
|
82
|
-
textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',
|
|
83
|
-
textFieldHeight: '--plasma-time-picker-textfield-height',
|
|
84
|
-
textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',
|
|
85
|
-
textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',
|
|
86
|
-
textFieldPadding: '--plasma-time-picker-textfield-padding',
|
|
87
|
-
textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',
|
|
88
|
-
textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',
|
|
89
|
-
textFieldFontFamily: '--plasma-time-picker-textfield-font-family',
|
|
90
|
-
textFieldFontStyle: '--plasma-time-picker-textfield-font-style',
|
|
91
|
-
textFieldFontSize: '--plasma-time-picker-textfield-font-size',
|
|
92
|
-
textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',
|
|
93
|
-
textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',
|
|
94
|
-
textFieldLineHeight: '--plasma-time-picker-textfield-line-height',
|
|
95
|
-
textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',
|
|
96
|
-
textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',
|
|
97
|
-
textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',
|
|
98
|
-
textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',
|
|
99
|
-
textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',
|
|
100
|
-
textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',
|
|
101
|
-
textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',
|
|
102
|
-
/** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-time-picker-disabled-opacity',
|
|
103
|
-
dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',
|
|
104
|
-
timePickerBackground: '--plasma-time-picker-ui-background',
|
|
105
|
-
timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',
|
|
106
|
-
timePickerWidth: '--plasma-time-picker-ui-width',
|
|
107
|
-
timePickerPadding: '--plasma-time-picker-ui-padding',
|
|
108
|
-
columnHeight: '--plasma-time-picker-column-height',
|
|
109
|
-
itemHeight: '--plasma-time-picker-item-height',
|
|
110
|
-
itemBorderRadius: '--plasma-time-picker-item-border-radius',
|
|
111
|
-
itemPadding: '--plasma-time-picker-item-padding',
|
|
112
|
-
itemBackgroundHover: '--plasma-time-picker-item-hover-background',
|
|
113
|
-
itemBackgroundActive: '--plasma-time-picker-item-active-background',
|
|
114
|
-
itemFontFamily: '--plasma-time-picker-item-font-family',
|
|
115
|
-
itemFontStyle: '--plasma-time-picker-item-font-style',
|
|
116
|
-
itemFontSize: '--plasma-time-picker-item-font-size',
|
|
117
|
-
itemFontWeight: '--plasma-time-picker-item-font-weight',
|
|
118
|
-
itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',
|
|
119
|
-
itemLineHeight: '--plasma-time-picker-item-line-height',
|
|
120
|
-
scrollbarWidth: '--plasma-time-picker-scrollbar-width',
|
|
121
|
-
scrollbarColor: '--plasma-time-picker-scrollbar-color',
|
|
122
|
-
scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color',
|
|
123
|
-
scrollbarMargin: '--plasma-time-picker-scrollbar-margin'
|
|
124
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export var useKeyNavigation = function(param) {
|
|
2
|
-
var isCalendarOpen = param.isCalendarOpen, closeOnEsc = param.closeOnEsc, format = param.format, maskWithFormat = param.maskWithFormat, delimiter = param.delimiter, onToggle = param.onToggle;
|
|
3
|
-
var onKeyDown = function(event) {
|
|
4
|
-
if (event.key === delimiter && maskWithFormat && format) {
|
|
5
|
-
event.preventDefault();
|
|
6
|
-
return;
|
|
7
|
-
}
|
|
8
|
-
if (event.code === 'Space' && !isCalendarOpen) {
|
|
9
|
-
event.preventDefault();
|
|
10
|
-
onToggle(true, event);
|
|
11
|
-
}
|
|
12
|
-
if (event.code === 'Escape' && isCalendarOpen && closeOnEsc) {
|
|
13
|
-
event.preventDefault();
|
|
14
|
-
onToggle(false, event);
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
return {
|
|
18
|
-
onKeyDown: onKeyDown
|
|
19
|
-
};
|
|
20
|
-
};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
function _define_property(obj, key, value) {
|
|
2
|
-
if (key in obj) {
|
|
3
|
-
Object.defineProperty(obj, key, {
|
|
4
|
-
value: value,
|
|
5
|
-
enumerable: true,
|
|
6
|
-
configurable: true,
|
|
7
|
-
writable: true
|
|
8
|
-
});
|
|
9
|
-
} else {
|
|
10
|
-
obj[key] = value;
|
|
11
|
-
}
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
import React from "react";
|
|
15
|
-
import cls from "classnames";
|
|
16
|
-
import { classes } from "../../TimePicker.tokens";
|
|
17
|
-
import { StyledTimeColumn, StyledTimeItem, StyledEmpty, CustomScrollbar, ScrollbarTrack, ScrollbarThumb, StyledRoot } from "./TimeColumn.styles";
|
|
18
|
-
export var renderTimeColumn = function(param) {
|
|
19
|
-
var values = param.values, dropdownHeight = param.dropdownHeight, column = param.column, columnRef = param.columnRef, scrollbarState = param.scrollbarState, setScrollbar = param.setScrollbar, scrollbarRef = param.scrollbarRef, thumbRef = param.thumbRef, timeoutRef = param.timeoutRef, timeItemRefs = param.timeItemRefs, activeTime = param.activeTime, handleTimeItemClick = param.handleTimeItemClick, handleTimeItemKeyDown = param.handleTimeItemKeyDown, createScrollbarDragHandler = param.createScrollbarDragHandler;
|
|
20
|
-
return /*#__PURE__*/ React.createElement(StyledRoot, null, /*#__PURE__*/ React.createElement(StyledTimeColumn, {
|
|
21
|
-
key: column,
|
|
22
|
-
ref: columnRef,
|
|
23
|
-
height: dropdownHeight,
|
|
24
|
-
className: classes.timeColumn
|
|
25
|
-
}, values.map(function(value, index) {
|
|
26
|
-
return /*#__PURE__*/ React.createElement(StyledTimeItem, {
|
|
27
|
-
key: value,
|
|
28
|
-
ref: function(el) {
|
|
29
|
-
timeItemRefs.current["".concat(column, "-").concat(value)] = el;
|
|
30
|
-
},
|
|
31
|
-
className: cls(_define_property({}, classes.timeItemActive, activeTime[column] === index)),
|
|
32
|
-
onClick: function() {
|
|
33
|
-
return handleTimeItemClick(value, column);
|
|
34
|
-
},
|
|
35
|
-
onKeyDown: function(e) {
|
|
36
|
-
return handleTimeItemKeyDown(e, column, value);
|
|
37
|
-
}
|
|
38
|
-
}, value);
|
|
39
|
-
}), /*#__PURE__*/ React.createElement(StyledEmpty, null)), /*#__PURE__*/ React.createElement(CustomScrollbar, {
|
|
40
|
-
ref: scrollbarRef,
|
|
41
|
-
className: cls(_define_property({}, classes.scrollbarVisible, scrollbarState.isVisible))
|
|
42
|
-
}, /*#__PURE__*/ React.createElement(ScrollbarTrack, null, /*#__PURE__*/ React.createElement(ScrollbarThumb, {
|
|
43
|
-
ref: thumbRef,
|
|
44
|
-
style: {
|
|
45
|
-
height: "".concat(scrollbarState.thumbHeight, "px"),
|
|
46
|
-
top: "".concat(scrollbarState.thumbPosition, "px")
|
|
47
|
-
},
|
|
48
|
-
onMouseDown: createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)
|
|
49
|
-
}))));
|
|
50
|
-
};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
2
|
-
import { classes, tokens } from "../../TimePicker.tokens";
|
|
3
|
-
export var StyledRoot = styled.div.withConfig({
|
|
4
|
-
displayName: "TimeColumn.styles__StyledRoot",
|
|
5
|
-
componentId: "sc-a5ee4233-0"
|
|
6
|
-
})([
|
|
7
|
-
"position:relative;width:100%;"
|
|
8
|
-
]);
|
|
9
|
-
export var StyledTimeItem = styled.div.withConfig({
|
|
10
|
-
displayName: "TimeColumn.styles__StyledTimeItem",
|
|
11
|
-
componentId: "sc-a5ee4233-1"
|
|
12
|
-
})([
|
|
13
|
-
"height:var(",
|
|
14
|
-
");padding:var(",
|
|
15
|
-
");box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:0.05s;border-radius:var(",
|
|
16
|
-
");cursor:pointer;flex-shrink:0;overflow:auto;font-family:var(",
|
|
17
|
-
");font-size:var(",
|
|
18
|
-
");font-style:var(",
|
|
19
|
-
");font-weight:var(",
|
|
20
|
-
");letter-spacing:var(",
|
|
21
|
-
");line-height:var(",
|
|
22
|
-
");&:hover{background:var(",
|
|
23
|
-
");}&.",
|
|
24
|
-
"{background:var(",
|
|
25
|
-
");}"
|
|
26
|
-
], tokens.itemHeight, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemBackgroundHover, classes.timeItemActive, tokens.itemBackgroundActive);
|
|
27
|
-
export var StyledTimeColumn = styled.div.withConfig({
|
|
28
|
-
displayName: "TimeColumn.styles__StyledTimeColumn",
|
|
29
|
-
componentId: "sc-a5ee4233-2"
|
|
30
|
-
})([
|
|
31
|
-
"max-height:",
|
|
32
|
-
";overflow-y:scroll;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
|
|
33
|
-
");width:100%;&.",
|
|
34
|
-
"{border:0.125rem solid var(",
|
|
35
|
-
");border-radius:var(",
|
|
36
|
-
");}scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;}"
|
|
37
|
-
], function(param) {
|
|
38
|
-
var height = param.height;
|
|
39
|
-
return height || "var(".concat(tokens.columnHeight, ")");
|
|
40
|
-
}, tokens.scrollbarWidth, classes.timeColumnActive, tokens.itemBackgroundHover, tokens.itemBorderRadius);
|
|
41
|
-
export var CustomScrollbar = styled.div.withConfig({
|
|
42
|
-
displayName: "TimeColumn.styles__CustomScrollbar",
|
|
43
|
-
componentId: "sc-a5ee4233-3"
|
|
44
|
-
})([
|
|
45
|
-
"position:absolute;top:var(",
|
|
46
|
-
");right:0;bottom:var(",
|
|
47
|
-
");width:var(",
|
|
48
|
-
");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;&.",
|
|
49
|
-
"{opacity:1;pointer-events:auto;}"
|
|
50
|
-
], tokens.scrollbarMargin, tokens.scrollbarMargin, tokens.scrollbarWidth, classes.scrollbarVisible);
|
|
51
|
-
export var ScrollbarTrack = styled.div.withConfig({
|
|
52
|
-
displayName: "TimeColumn.styles__ScrollbarTrack",
|
|
53
|
-
componentId: "sc-a5ee4233-4"
|
|
54
|
-
})([
|
|
55
|
-
"position:relative;width:100%;height:100%;background:var(",
|
|
56
|
-
");border-radius:var(",
|
|
57
|
-
");"
|
|
58
|
-
], tokens.scrollbarTrackColor, tokens.scrollbarWidth);
|
|
59
|
-
export var ScrollbarThumb = styled.div.withConfig({
|
|
60
|
-
displayName: "TimeColumn.styles__ScrollbarThumb",
|
|
61
|
-
componentId: "sc-a5ee4233-5"
|
|
62
|
-
})([
|
|
63
|
-
"position:absolute;top:0;left:0;width:100%;background:var(",
|
|
64
|
-
");border-radius:var(",
|
|
65
|
-
");cursor:pointer;transition:background-color 0.2s ease;&:hover{background:var(",
|
|
66
|
-
");}&:active{background:var(",
|
|
67
|
-
");}"
|
|
68
|
-
], tokens.scrollbarColor, tokens.scrollbarWidth, tokens.scrollbarColor, tokens.scrollbarTrackColor);
|
|
69
|
-
export var StyledEmpty = styled.div.withConfig({
|
|
70
|
-
displayName: "TimeColumn.styles__StyledEmpty",
|
|
71
|
-
componentId: "sc-a5ee4233-6"
|
|
72
|
-
})([
|
|
73
|
-
"width:100%;height:0%.125rem;"
|
|
74
|
-
]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { };
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
export var delimiter = ':';
|
|
2
|
-
export var range = function(number) {
|
|
3
|
-
var padLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
|
|
4
|
-
return Array.from({
|
|
5
|
-
length: number
|
|
6
|
-
}, function(_, i) {
|
|
7
|
-
return i.toString().padStart(padLength, '0');
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
export var normalizeTimeSegment = function(type, input) {
|
|
11
|
-
var max = type === 'HH' ? 23 : 59;
|
|
12
|
-
var digits = input.replace(/\D/g, '');
|
|
13
|
-
var num = parseInt(digits, 10);
|
|
14
|
-
if (!digits) {
|
|
15
|
-
return {
|
|
16
|
-
text: '',
|
|
17
|
-
value: null,
|
|
18
|
-
carryover: ''
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
if (Math.floor(max / 10) < num && digits.length === 1) {
|
|
22
|
-
return {
|
|
23
|
-
text: num.toString().padStart(2, '0'),
|
|
24
|
-
value: num,
|
|
25
|
-
carryover: ''
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
if (num <= max && digits.length === 1) {
|
|
29
|
-
return {
|
|
30
|
-
text: digits,
|
|
31
|
-
value: num,
|
|
32
|
-
carryover: ''
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
if (digits.length === 1) {
|
|
36
|
-
return {
|
|
37
|
-
text: max.toString().padStart(2, '0'),
|
|
38
|
-
value: max,
|
|
39
|
-
carryover: ''
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
if (Number.isNaN(num)) {
|
|
43
|
-
return {
|
|
44
|
-
text: '',
|
|
45
|
-
value: null,
|
|
46
|
-
carryover: ''
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
if (num <= max) {
|
|
50
|
-
return {
|
|
51
|
-
text: digits.padStart(2, '0'),
|
|
52
|
-
value: num,
|
|
53
|
-
carryover: ''
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
var firstDigit = parseInt(digits[0], 10);
|
|
57
|
-
var secondDigit = parseInt(digits[1], 10);
|
|
58
|
-
if (firstDigit <= max) {
|
|
59
|
-
return {
|
|
60
|
-
text: firstDigit.toString().padStart(2, '0'),
|
|
61
|
-
value: firstDigit,
|
|
62
|
-
carryover: secondDigit.toString()
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
return {
|
|
66
|
-
text: max.toString().padStart(2, '0'),
|
|
67
|
-
value: max,
|
|
68
|
-
carryover: digits.slice(1)
|
|
69
|
-
};
|
|
70
|
-
};
|
|
71
|
-
export var processTimeInput = function(input) {
|
|
72
|
-
var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'HH:mm:ss', cursorPosition = arguments.length > 2 ? arguments[2] : void 0;
|
|
73
|
-
var digits = input.replace(/\D/g, '');
|
|
74
|
-
var tokens = format.split(delimiter);
|
|
75
|
-
var values = {
|
|
76
|
-
hh: null,
|
|
77
|
-
mm: null,
|
|
78
|
-
ss: null
|
|
79
|
-
};
|
|
80
|
-
var segments = [];
|
|
81
|
-
var digitIndex = 0;
|
|
82
|
-
var newCursorPosition = cursorPosition !== null && cursorPosition !== void 0 ? cursorPosition : 0;
|
|
83
|
-
tokens.forEach(function(token) {
|
|
84
|
-
var segmentDigits = digits.slice(digitIndex, digitIndex + 2);
|
|
85
|
-
digitIndex += segmentDigits.length;
|
|
86
|
-
var _normalizeTimeSegment = normalizeTimeSegment(token, segmentDigits), text = _normalizeTimeSegment.text, value = _normalizeTimeSegment.value;
|
|
87
|
-
values[token.toLowerCase()] = value;
|
|
88
|
-
segments.push(text);
|
|
89
|
-
});
|
|
90
|
-
var innerString = segments[0];
|
|
91
|
-
if (segments.length > 1 && segments[1]) {
|
|
92
|
-
innerString += ":".concat(segments[1]);
|
|
93
|
-
}
|
|
94
|
-
if (format === 'HH:mm:ss' && segments.length > 2 && segments[2]) {
|
|
95
|
-
innerString += ":".concat(segments[2]);
|
|
96
|
-
}
|
|
97
|
-
if (innerString.length - 2 <= newCursorPosition) {
|
|
98
|
-
newCursorPosition += innerString.length - newCursorPosition;
|
|
99
|
-
}
|
|
100
|
-
return {
|
|
101
|
-
innerString: innerString,
|
|
102
|
-
values: values,
|
|
103
|
-
newCursorPosition: newCursorPosition
|
|
104
|
-
};
|
|
105
|
-
};
|
|
106
|
-
export var animateScrollTo = function(element, targetScrollTop) {
|
|
107
|
-
var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300;
|
|
108
|
-
var startScrollTop = element.scrollTop;
|
|
109
|
-
var distance = targetScrollTop - startScrollTop;
|
|
110
|
-
var startTime = null;
|
|
111
|
-
var animate = function(currentTime) {
|
|
112
|
-
if (!startTime) startTime = currentTime;
|
|
113
|
-
var timeElapsed = currentTime - startTime;
|
|
114
|
-
var progress = Math.min(timeElapsed / duration, 1);
|
|
115
|
-
var easeOut = function(t) {
|
|
116
|
-
return 1 - Math.pow(1 - t, 3);
|
|
117
|
-
};
|
|
118
|
-
var scrollPosition = startScrollTop + distance * easeOut(progress);
|
|
119
|
-
element.scrollTop = scrollPosition;
|
|
120
|
-
if (timeElapsed < duration) {
|
|
121
|
-
requestAnimationFrame(animate);
|
|
122
|
-
}
|
|
123
|
-
};
|
|
124
|
-
requestAnimationFrame(animate);
|
|
125
|
-
};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { css } from "styled-components";
|
|
2
|
-
import { scrollbarTokens as tokens } from "../../../components/Scrollbar";
|
|
3
|
-
export var config = {
|
|
4
|
-
defaults: {
|
|
5
|
-
view: 'default',
|
|
6
|
-
size: 's'
|
|
7
|
-
},
|
|
8
|
-
variations: {
|
|
9
|
-
view: {
|
|
10
|
-
default: css([
|
|
11
|
-
"",
|
|
12
|
-
":var(--surface-transparent-primary);",
|
|
13
|
-
":var(--surface-transparent-tertiary);",
|
|
14
|
-
":var(--surface-transparent-tertiary);",
|
|
15
|
-
":var(--surface-transparent-tertiary);"
|
|
16
|
-
], tokens.trackColor, tokens.thumbColor, tokens.thumbColorHover, tokens.thumbColorActive)
|
|
17
|
-
},
|
|
18
|
-
size: {
|
|
19
|
-
m: css([
|
|
20
|
-
"",
|
|
21
|
-
":0.25rem;",
|
|
22
|
-
":0.25rem;",
|
|
23
|
-
":0.25rem;",
|
|
24
|
-
":0.25rem;"
|
|
25
|
-
], tokens.width, tokens.trackWidth, tokens.trackBorderRadius, tokens.thumbBorderRadius),
|
|
26
|
-
s: css([
|
|
27
|
-
"",
|
|
28
|
-
":0.125rem;",
|
|
29
|
-
":0.125rem;",
|
|
30
|
-
":0.125rem;",
|
|
31
|
-
":0.125rem;"
|
|
32
|
-
], tokens.width, tokens.trackWidth, tokens.trackBorderRadius, tokens.thumbBorderRadius)
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
};
|