@salutejs/plasma-new-hope 0.337.0-canary.2184.17983182622.0 → 0.337.0-canary.2184.18005913845.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 +11 -9
- package/cjs/components/TimePicker/TimePicker.js +108 -96
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +1 -46
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/{TimePicker.styles_1548b5s.css → TimePicker.styles_ar3obv.css} +0 -6
- package/cjs/components/TimePicker/TimePicker.tokens.js +2 -2
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +7 -13
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.css +7 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +65 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +1 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +61 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +7 -0
- package/cjs/components/TimePicker/utils/index.js +40 -42
- package/cjs/components/TimePicker/utils/index.js.map +1 -1
- package/cjs/index.css +11 -9
- package/emotion/cjs/components/TimePicker/TimePicker.js +104 -92
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +7 -52
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +2 -2
- package/emotion/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +65 -0
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +71 -0
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +4 -0
- package/emotion/cjs/components/TimePicker/utils/index.js +40 -42
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/emotion/es/components/TimePicker/TimePicker.js +106 -94
- package/emotion/es/components/TimePicker/TimePicker.styles.js +7 -34
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +2 -2
- package/emotion/es/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +50 -0
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +33 -0
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +1 -0
- package/emotion/es/components/TimePicker/utils/index.js +37 -42
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/es/components/TimePicker/TimePicker.css +11 -9
- package/es/components/TimePicker/TimePicker.js +110 -98
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles.js +2 -41
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/{TimePicker.styles_1548b5s.css → TimePicker.styles_ar3obv.css} +0 -6
- package/es/components/TimePicker/TimePicker.tokens.js +2 -2
- package/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js +7 -13
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.css +7 -0
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +56 -0
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +1 -0
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +51 -0
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +7 -0
- package/es/components/TimePicker/utils/index.js +40 -43
- package/es/components/TimePicker/utils/index.js.map +1 -1
- package/es/index.css +11 -9
- package/package.json +2 -2
- package/styled-components/cjs/components/TimePicker/TimePicker.js +104 -92
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +3 -87
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +2 -2
- package/styled-components/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +65 -0
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +112 -0
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +4 -0
- package/styled-components/cjs/components/TimePicker/utils/index.js +40 -42
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +29 -11
- package/styled-components/es/components/TimePicker/TimePicker.js +106 -94
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +3 -69
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +2 -2
- package/styled-components/es/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +50 -0
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +74 -0
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +1 -0
- package/styled-components/es/components/TimePicker/utils/index.js +37 -42
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +29 -11
- package/types/components/TimePicker/TimePicker.d.ts +2 -2
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +0 -8
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +2 -2
- package/types/components/TimePicker/TimePicker.types.d.ts +1 -1
- package/types/components/TimePicker/TimePicker.types.d.ts.map +1 -1
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +3 -0
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +1 -0
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts +10 -0
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -0
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts +35 -0
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -0
- package/types/components/TimePicker/utils/index.d.ts +1 -0
- package/types/components/TimePicker/utils/index.d.ts.map +1 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
- package/types/examples/components/TimePicker/TimePicker.d.ts +1 -1
- package/types/examples/components/TimePicker/TimePicker.d.ts.map +1 -1
|
@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
|
|
|
10
10
|
var Popover = component(mergedPopoverConfig);
|
|
11
11
|
export var StyledPopover = styled(Popover).withConfig({
|
|
12
12
|
displayName: "TimePicker.styles__StyledPopover",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-8a747fd1-0"
|
|
14
14
|
})([
|
|
15
15
|
""
|
|
16
16
|
]);
|
|
17
17
|
// NOTE: переопределение токенов TextField
|
|
18
18
|
export var StyledInput = styled(TextField).withConfig({
|
|
19
19
|
displayName: "TimePicker.styles__StyledInput",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-8a747fd1-1"
|
|
21
21
|
})([
|
|
22
22
|
"width:100%;",
|
|
23
23
|
":var(",
|
|
@@ -181,7 +181,7 @@ export var base = css([
|
|
|
181
181
|
], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth, classes.timePickerPlacementRight);
|
|
182
182
|
export var StyledTimePicker = styled.div.withConfig({
|
|
183
183
|
displayName: "TimePicker.styles__StyledTimePicker",
|
|
184
|
-
componentId: "sc-
|
|
184
|
+
componentId: "sc-8a747fd1-2"
|
|
185
185
|
})([
|
|
186
186
|
"background:var(",
|
|
187
187
|
");border-radius:var(",
|
|
@@ -193,69 +193,3 @@ export var StyledTimePicker = styled.div.withConfig({
|
|
|
193
193
|
var width = param.width;
|
|
194
194
|
return (width === 'fullWidth' ? "var(".concat(tokens.width, ")") : width) || "var(".concat(tokens.timePickerWidth, ")");
|
|
195
195
|
}, tokens.timePickerPadding, tokens.scrollbarWidth);
|
|
196
|
-
export var StyledTimeItem = styled.div.withConfig({
|
|
197
|
-
displayName: "TimePicker.styles__StyledTimeItem",
|
|
198
|
-
componentId: "sc-dcb61f63-3"
|
|
199
|
-
})([
|
|
200
|
-
"height:var(",
|
|
201
|
-
");padding:var(",
|
|
202
|
-
");box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:0.05s;border-radius:var(",
|
|
203
|
-
");cursor:pointer;flex-shrink:0;overflow:auto;font-family:var(",
|
|
204
|
-
");font-size:var(",
|
|
205
|
-
");font-style:var(",
|
|
206
|
-
");font-weight:var(",
|
|
207
|
-
");letter-spacing:var(",
|
|
208
|
-
");line-height:var(",
|
|
209
|
-
");&:hover{background:var(",
|
|
210
|
-
");}&.",
|
|
211
|
-
"{background:var(",
|
|
212
|
-
");}"
|
|
213
|
-
], tokens.itemHeight, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHoverBackground, classes.timeItemActive, tokens.itemActiveBackground);
|
|
214
|
-
export var StyledTimeColumn = styled.div.withConfig({
|
|
215
|
-
displayName: "TimePicker.styles__StyledTimeColumn",
|
|
216
|
-
componentId: "sc-dcb61f63-4"
|
|
217
|
-
})([
|
|
218
|
-
"max-height:",
|
|
219
|
-
";overflow-y:scroll;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
|
|
220
|
-
");width:100%;&.",
|
|
221
|
-
"{border:0.125rem solid var(",
|
|
222
|
-
");border-radius:var(",
|
|
223
|
-
");}scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;}"
|
|
224
|
-
], function(param) {
|
|
225
|
-
var height = param.height;
|
|
226
|
-
return height || "var(".concat(tokens.columnHeight, ")");
|
|
227
|
-
}, tokens.scrollbarWidth, classes.timeColumnActive, tokens.itemHoverBackground, tokens.itemBorderRadius);
|
|
228
|
-
export var CustomScrollbar = styled.div.withConfig({
|
|
229
|
-
displayName: "TimePicker.styles__CustomScrollbar",
|
|
230
|
-
componentId: "sc-dcb61f63-5"
|
|
231
|
-
})([
|
|
232
|
-
"position:absolute;top:var(",
|
|
233
|
-
");right:0;bottom:var(",
|
|
234
|
-
");width:var(",
|
|
235
|
-
");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;&.",
|
|
236
|
-
"{opacity:1;pointer-events:auto;}"
|
|
237
|
-
], tokens.scrollbarMargin, tokens.scrollbarMargin, tokens.scrollbarWidth, classes.scrollbarVisible);
|
|
238
|
-
export var ScrollbarTrack = styled.div.withConfig({
|
|
239
|
-
displayName: "TimePicker.styles__ScrollbarTrack",
|
|
240
|
-
componentId: "sc-dcb61f63-6"
|
|
241
|
-
})([
|
|
242
|
-
"position:relative;width:100%;height:100%;background:var(",
|
|
243
|
-
");border-radius:var(",
|
|
244
|
-
");"
|
|
245
|
-
], tokens.scrollbarTrackColor, tokens.scrollbarWidth);
|
|
246
|
-
export var ScrollbarThumb = styled.div.withConfig({
|
|
247
|
-
displayName: "TimePicker.styles__ScrollbarThumb",
|
|
248
|
-
componentId: "sc-dcb61f63-7"
|
|
249
|
-
})([
|
|
250
|
-
"position:absolute;top:0;left:0;width:100%;background:var(",
|
|
251
|
-
");border-radius:var(",
|
|
252
|
-
");cursor:pointer;transition:background-color 0.2s ease;&:hover{background:var(",
|
|
253
|
-
");}&:active{background:var(",
|
|
254
|
-
");}"
|
|
255
|
-
], tokens.scrollbarColor, tokens.scrollbarWidth, tokens.scrollbarColor, tokens.scrollbarTrackColor);
|
|
256
|
-
export var StyledEmpty = styled.div.withConfig({
|
|
257
|
-
displayName: "TimePicker.styles__StyledEmpty",
|
|
258
|
-
componentId: "sc-dcb61f63-8"
|
|
259
|
-
})([
|
|
260
|
-
"width:100%;height:0%.125rem;"
|
|
261
|
-
]);
|
|
@@ -109,8 +109,8 @@ export var tokens = {
|
|
|
109
109
|
itemHeight: '--plasma-time-picker-item-height',
|
|
110
110
|
itemBorderRadius: '--plasma-time-picker-item-border-radius',
|
|
111
111
|
itemPadding: '--plasma-time-picker-item-padding',
|
|
112
|
-
|
|
113
|
-
|
|
112
|
+
itemBackgroundHover: '--plasma-time-picker-item-hover-background',
|
|
113
|
+
itemBackgroundActive: '--plasma-time-picker-item-active-background',
|
|
114
114
|
itemFontFamily: '--plasma-time-picker-item-font-family',
|
|
115
115
|
itemFontStyle: '--plasma-time-picker-item-font-style',
|
|
116
116
|
itemFontSize: '--plasma-time-picker-item-font-size',
|
|
@@ -5,21 +5,13 @@ export var useKeyNavigation = function(param) {
|
|
|
5
5
|
event.preventDefault();
|
|
6
6
|
return;
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
case 'Escape':
|
|
16
|
-
if (isCalendarOpen && closeOnEsc) {
|
|
17
|
-
event.preventDefault();
|
|
18
|
-
onToggle(false, event);
|
|
19
|
-
}
|
|
20
|
-
break;
|
|
21
|
-
default:
|
|
22
|
-
break;
|
|
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);
|
|
23
15
|
}
|
|
24
16
|
};
|
|
25
17
|
return {
|
|
@@ -0,0 +1,50 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1,74 @@
|
|
|
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
|
+
]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export var delimiter = ':';
|
|
1
2
|
export var range = function(number) {
|
|
2
3
|
var padLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
|
|
3
4
|
return Array.from({
|
|
@@ -9,43 +10,46 @@ export var range = function(number) {
|
|
|
9
10
|
export var normalizeTimeSegment = function(type, input) {
|
|
10
11
|
var max = type === 'HH' ? 23 : 59;
|
|
11
12
|
var digits = input.replace(/\D/g, '');
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
+
}
|
|
17
35
|
if (digits.length === 1) {
|
|
18
|
-
var num = parseInt(digits, 10);
|
|
19
|
-
if (Math.floor(max / 10) < num) {
|
|
20
|
-
return {
|
|
21
|
-
text: num.toString().padStart(2, '0'),
|
|
22
|
-
value: num,
|
|
23
|
-
carryover: ''
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
if (num <= max) {
|
|
27
|
-
return {
|
|
28
|
-
text: digits,
|
|
29
|
-
value: num,
|
|
30
|
-
carryover: ''
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
36
|
return {
|
|
34
37
|
text: max.toString().padStart(2, '0'),
|
|
35
38
|
value: max,
|
|
36
39
|
carryover: ''
|
|
37
40
|
};
|
|
38
41
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
if (Number.isNaN(num)) {
|
|
43
|
+
return {
|
|
44
|
+
text: '',
|
|
45
|
+
value: null,
|
|
46
|
+
carryover: ''
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
if (num <= max) {
|
|
46
50
|
return {
|
|
47
51
|
text: digits.padStart(2, '0'),
|
|
48
|
-
value:
|
|
52
|
+
value: num,
|
|
49
53
|
carryover: ''
|
|
50
54
|
};
|
|
51
55
|
}
|
|
@@ -67,7 +71,7 @@ export var normalizeTimeSegment = function(type, input) {
|
|
|
67
71
|
export var processTimeInput = function(input) {
|
|
68
72
|
var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'HH:mm:ss', cursorPosition = arguments.length > 2 ? arguments[2] : void 0;
|
|
69
73
|
var digits = input.replace(/\D/g, '');
|
|
70
|
-
var tokens = format.split(
|
|
74
|
+
var tokens = format.split(delimiter);
|
|
71
75
|
var values = {
|
|
72
76
|
hh: null,
|
|
73
77
|
mm: null,
|
|
@@ -75,22 +79,13 @@ export var processTimeInput = function(input) {
|
|
|
75
79
|
};
|
|
76
80
|
var segments = [];
|
|
77
81
|
var digitIndex = 0;
|
|
78
|
-
var carryover = '';
|
|
79
82
|
var newCursorPosition = cursorPosition !== null && cursorPosition !== void 0 ? cursorPosition : 0;
|
|
80
|
-
tokens.forEach(function(token
|
|
83
|
+
tokens.forEach(function(token) {
|
|
81
84
|
var segmentDigits = digits.slice(digitIndex, digitIndex + 2);
|
|
82
85
|
digitIndex += segmentDigits.length;
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}
|
|
87
|
-
var normalized = normalizeTimeSegment(token, segmentDigits);
|
|
88
|
-
carryover = normalized.carryover;
|
|
89
|
-
values[token.toLowerCase()] = normalized.value;
|
|
90
|
-
segments.push(normalized.text);
|
|
91
|
-
if (carryover && index === tokens.length - 1) {
|
|
92
|
-
carryover = '';
|
|
93
|
-
}
|
|
86
|
+
var _normalizeTimeSegment = normalizeTimeSegment(token, segmentDigits), text = _normalizeTimeSegment.text, value = _normalizeTimeSegment.value;
|
|
87
|
+
values[token.toLowerCase()] = value;
|
|
88
|
+
segments.push(text);
|
|
94
89
|
});
|
|
95
90
|
var innerString = segments[0];
|
|
96
91
|
if (segments.length > 1 && segments[1]) {
|
|
@@ -16,12 +16,6 @@ export var config = {
|
|
|
16
16
|
":var(--text-primary);",
|
|
17
17
|
":var(--text-secondary);",
|
|
18
18
|
":var(--text-accent);",
|
|
19
|
-
":var(--plasma-typo-body-xs-font-family);",
|
|
20
|
-
":var(--plasma-typo-body-xs-font-size);",
|
|
21
|
-
":var(--plasma-typo-body-xs-font-style);",
|
|
22
|
-
":var(--plasma-typo-body-xs-font-weight);",
|
|
23
|
-
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
24
|
-
":var(--plasma-typo-body-xs-line-height);",
|
|
25
19
|
":var(--surface-negative);",
|
|
26
20
|
":var(--surface-transparent-primary);",
|
|
27
21
|
":var(--surface-transparent-secondary);",
|
|
@@ -37,7 +31,7 @@ export var config = {
|
|
|
37
31
|
":var(--surface-transparent-secondary);",
|
|
38
32
|
":var(--surface-transparent-tertiary);",
|
|
39
33
|
":var(--surface-transparent-primary);"
|
|
40
|
-
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.
|
|
34
|
+
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
|
|
41
35
|
},
|
|
42
36
|
size: {
|
|
43
37
|
l: css([
|
|
@@ -87,9 +81,15 @@ export var config = {
|
|
|
87
81
|
":3.5rem;",
|
|
88
82
|
":0.75rem;",
|
|
89
83
|
":0rem;",
|
|
84
|
+
":var(--plasma-typo-body-xs-font-family);",
|
|
85
|
+
":var(--plasma-typo-body-xs-font-size);",
|
|
86
|
+
":var(--plasma-typo-body-xs-font-style);",
|
|
87
|
+
":var(--plasma-typo-body-xs-font-weight);",
|
|
88
|
+
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
89
|
+
":var(--plasma-typo-body-xs-line-height);",
|
|
90
90
|
":0.125rem;",
|
|
91
91
|
":0.5rem;"
|
|
92
|
-
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
92
|
+
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
93
93
|
m: css([
|
|
94
94
|
"",
|
|
95
95
|
":20rem;",
|
|
@@ -137,9 +137,15 @@ export var config = {
|
|
|
137
137
|
":3rem;",
|
|
138
138
|
":0.625rem;",
|
|
139
139
|
":0rem;",
|
|
140
|
+
":var(--plasma-typo-body-xs-font-family);",
|
|
141
|
+
":var(--plasma-typo-body-xs-font-size);",
|
|
142
|
+
":var(--plasma-typo-body-xs-font-style);",
|
|
143
|
+
":var(--plasma-typo-body-xs-font-weight);",
|
|
144
|
+
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
145
|
+
":var(--plasma-typo-body-xs-line-height);",
|
|
140
146
|
":0.125rem;",
|
|
141
147
|
":0.375rem;"
|
|
142
|
-
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
148
|
+
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
143
149
|
s: css([
|
|
144
150
|
"",
|
|
145
151
|
":20rem;",
|
|
@@ -187,9 +193,15 @@ export var config = {
|
|
|
187
193
|
":2.5rem;",
|
|
188
194
|
":0.5rem;",
|
|
189
195
|
":0rem;",
|
|
196
|
+
":var(--plasma-typo-body-xs-font-family);",
|
|
197
|
+
":var(--plasma-typo-body-xs-font-size);",
|
|
198
|
+
":var(--plasma-typo-body-xs-font-style);",
|
|
199
|
+
":var(--plasma-typo-body-xs-font-weight);",
|
|
200
|
+
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
201
|
+
":var(--plasma-typo-body-xs-line-height);",
|
|
190
202
|
":0.125rem;",
|
|
191
203
|
":0.25rem;"
|
|
192
|
-
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
204
|
+
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
193
205
|
xs: css([
|
|
194
206
|
"",
|
|
195
207
|
":20rem;",
|
|
@@ -237,9 +249,15 @@ export var config = {
|
|
|
237
249
|
":2rem;",
|
|
238
250
|
":0.375rem;",
|
|
239
251
|
":0rem;",
|
|
252
|
+
":var(--plasma-typo-body-xs-font-family);",
|
|
253
|
+
":var(--plasma-typo-body-xs-font-size);",
|
|
254
|
+
":var(--plasma-typo-body-xs-font-style);",
|
|
255
|
+
":var(--plasma-typo-body-xs-font-weight);",
|
|
256
|
+
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
257
|
+
":var(--plasma-typo-body-xs-line-height);",
|
|
240
258
|
":0.125rem;",
|
|
241
259
|
":0.25rem;"
|
|
242
|
-
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin)
|
|
260
|
+
], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
|
|
243
261
|
},
|
|
244
262
|
disabled: {
|
|
245
263
|
true: css([
|
|
@@ -16,7 +16,7 @@ export declare const timePickerRoot: (Root: RootProps<HTMLDivElement, Omit<TimeP
|
|
|
16
16
|
required?: boolean;
|
|
17
17
|
hasRequiredIndicator?: boolean;
|
|
18
18
|
value?: string;
|
|
19
|
-
|
|
19
|
+
defaultValue?: Date;
|
|
20
20
|
placeholder?: string;
|
|
21
21
|
valueError?: boolean;
|
|
22
22
|
valueSuccess?: boolean;
|
|
@@ -45,7 +45,7 @@ export declare const timePickerConfig: {
|
|
|
45
45
|
required?: boolean;
|
|
46
46
|
hasRequiredIndicator?: boolean;
|
|
47
47
|
value?: string;
|
|
48
|
-
|
|
48
|
+
defaultValue?: Date;
|
|
49
49
|
placeholder?: string;
|
|
50
50
|
valueError?: boolean;
|
|
51
51
|
valueSuccess?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAN7F,MAAO,YAAY;mBAKtB,MAAO,YAAY;;;;iNAgvBhB,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAjvBnB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;sBAN7F,MAAO,YAAY;uBAKtB,MAAO,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CA2wBpB,CAAC"}
|
|
@@ -300,12 +300,4 @@ export declare const base: import("@linaria/core").LinariaClassName;
|
|
|
300
300
|
export declare const StyledTimePicker: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
301
301
|
width?: string | number;
|
|
302
302
|
}>;
|
|
303
|
-
export declare const StyledTimeItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
304
|
-
export declare const StyledTimeColumn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
305
|
-
height?: string | number;
|
|
306
|
-
}>;
|
|
307
|
-
export declare const CustomScrollbar: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
308
|
-
export declare const ScrollbarTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
309
|
-
export declare const ScrollbarThumb: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
310
|
-
export declare const StyledEmpty: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
311
303
|
//# sourceMappingURL=TimePicker.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa,mTAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;kBAiFqC,MAAO,YAAY;mBACb,MAAO,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAO7B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAwBhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAWnE,CAAC
|
|
1
|
+
{"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa,mTAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;kBAiFqC,MAAO,YAAY;mBACb,MAAO,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAO7B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAwBhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAWnE,CAAC"}
|
|
@@ -110,8 +110,8 @@ export declare const tokens: {
|
|
|
110
110
|
itemHeight: string;
|
|
111
111
|
itemBorderRadius: string;
|
|
112
112
|
itemPadding: string;
|
|
113
|
-
|
|
114
|
-
|
|
113
|
+
itemBackgroundHover: string;
|
|
114
|
+
itemBackgroundActive: string;
|
|
115
115
|
itemFontFamily: string;
|
|
116
116
|
itemFontStyle: string;
|
|
117
117
|
itemFontSize: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,MAAM,qBAAqB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,
|
|
1
|
+
{"version":3,"file":"TimePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,MAAM,qBAAqB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACrD,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,sBAAsB,GAAG;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,KAAK,UAAU,GAAG;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9D;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC;;OAEG;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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,GACpC,cAAc,GACd,sBAAsB,GACtB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/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;
|
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/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,3 @@
|
|
|
1
|
+
import { TimeColumnProps } from './TimeColumn.types';
|
|
2
|
+
export declare const renderTimeColumn: ({ values, dropdownHeight, column, columnRef, scrollbarState, setScrollbar, scrollbarRef, thumbRef, timeoutRef, timeItemRefs, activeTime, handleTimeItemClick, handleTimeItemKeyDown, createScrollbarDragHandler, }: TimeColumnProps) => JSX.Element;
|
|
3
|
+
//# sourceMappingURL=TimeColumn.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,gBAAgB,uNAe1B,eAAe,gBAuCjB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const StyledRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
2
|
+
export declare const StyledTimeItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
3
|
+
export declare const StyledTimeColumn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
height?: string | number;
|
|
5
|
+
}>;
|
|
6
|
+
export declare const CustomScrollbar: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
7
|
+
export declare const ScrollbarTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
8
|
+
export declare const ScrollbarThumb: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
9
|
+
export declare const StyledEmpty: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
10
|
+
//# sourceMappingURL=TimeColumn.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeColumn.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKA0B1B,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"}
|