@salutejs/plasma-new-hope 0.337.0-canary.2184.17981110340.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 +3 -48
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles_ar3obv.css +4 -0
- package/cjs/components/TimePicker/TimePicker.tokens.js +3 -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 +3 -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 +3 -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 +4 -43
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles_ar3obv.css +4 -0
- package/es/components/TimePicker/TimePicker.tokens.js +3 -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 +6 -88
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +3 -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 +6 -70
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +3 -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/Combobox/Combobox.js +0 -7
- 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 +3 -2
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- 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
- package/cjs/components/TimePicker/TimePicker.styles_dnulzj.css +0 -10
- package/es/components/TimePicker/TimePicker.styles_dnulzj.css +0 -10
|
@@ -10,19 +10,13 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
|
10
10
|
event.preventDefault();
|
|
11
11
|
return;
|
|
12
12
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
case 'Escape':
|
|
21
|
-
if (isCalendarOpen && closeOnEsc) {
|
|
22
|
-
event.preventDefault();
|
|
23
|
-
onToggle(false, event);
|
|
24
|
-
}
|
|
25
|
-
break;
|
|
13
|
+
if (event.code === 'Space' && !isCalendarOpen) {
|
|
14
|
+
event.preventDefault();
|
|
15
|
+
onToggle(true, event);
|
|
16
|
+
}
|
|
17
|
+
if (event.code === 'Escape' && isCalendarOpen && closeOnEsc) {
|
|
18
|
+
event.preventDefault();
|
|
19
|
+
onToggle(false, event);
|
|
26
20
|
}
|
|
27
21
|
};
|
|
28
22
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/TimePicker/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, SyntheticEvent } from 'react';\n\ninterface UseKeyNavigationProps {\n isCalendarOpen: boolean;\n closeOnEsc: boolean;\n delimiter: string;\n format?: string;\n maskWithFormat?: boolean;\n onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;\n}\n\nexport const useKeyNavigation = ({\n isCalendarOpen,\n closeOnEsc,\n format,\n maskWithFormat,\n delimiter,\n onToggle,\n}: UseKeyNavigationProps) => {\n const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === delimiter && maskWithFormat && format) {\n event.preventDefault();\n return;\n }\n\n
|
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/TimePicker/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, SyntheticEvent } from 'react';\n\ninterface UseKeyNavigationProps {\n isCalendarOpen: boolean;\n closeOnEsc: boolean;\n delimiter: string;\n format?: string;\n maskWithFormat?: boolean;\n onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;\n}\n\nexport const useKeyNavigation = ({\n isCalendarOpen,\n closeOnEsc,\n format,\n maskWithFormat,\n delimiter,\n onToggle,\n}: UseKeyNavigationProps) => {\n const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === delimiter && maskWithFormat && format) {\n event.preventDefault();\n return;\n }\n\n if (event.code === 'Space' && !isCalendarOpen) {\n event.preventDefault();\n onToggle(true, event);\n }\n if (event.code === 'Escape' && isCalendarOpen && closeOnEsc) {\n event.preventDefault();\n onToggle(false, event);\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["useKeyNavigation","_ref","isCalendarOpen","closeOnEsc","format","maskWithFormat","delimiter","onToggle","onKeyDown","event","key","preventDefault","code"],"mappings":"IAWaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAOA;AAAA,EAAA,IANzBC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IACdC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAA;AAER,EAAA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAsC,EAAK;IAC1D,IAAIA,KAAK,CAACC,GAAG,KAAKJ,SAAS,IAAID,cAAc,IAAID,MAAM,EAAE;MACrDK,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIF,KAAK,CAACG,IAAI,KAAK,OAAO,IAAI,CAACV,cAAc,EAAE;MAC3CO,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBJ,MAAAA,QAAQ,CAAC,IAAI,EAAEE,KAAK,CAAC,CAAA;AACzB,KAAA;IACA,IAAIA,KAAK,CAACG,IAAI,KAAK,QAAQ,IAAIV,cAAc,IAAIC,UAAU,EAAE;MACzDM,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBJ,MAAAA,QAAQ,CAAC,KAAK,EAAEE,KAAK,CAAC,CAAA;AAC1B,KAAA;GACH,CAAA;EAED,OAAO;AAAED,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
.TimeColumn_styles_juymyb_s1okclyy__820070c4{position:relative;width:100%;}
|
|
2
|
+
.TimeColumn_styles_juymyb_s14v4skc__820070c4{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimeColumn_styles_juymyb_s14v4skc__820070c4:hover{background:var(--plasma-time-picker-item-hover-background);}.TimeColumn_styles_juymyb_s14v4skc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerItemActive__820070c4{background:var(--plasma-time-picker-item-active-background);}
|
|
3
|
+
.TimeColumn_styles_juymyb_s1mtrybc__820070c4{max-height:var(--s1mtrybc-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimeColumn_styles_juymyb_s1mtrybc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerColumnActive__820070c4{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimeColumn_styles_juymyb_s1mtrybc__820070c4::-webkit-scrollbar{display:none;width:0;}
|
|
4
|
+
.TimeColumn_styles_juymyb_c3ksbzv__820070c4{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimeColumn_styles_juymyb_c3ksbzv__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerScrollbarVisible__820070c4{opacity:1;pointer-events:auto;}
|
|
5
|
+
.TimeColumn_styles_juymyb_s13lzs6z__820070c4{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
6
|
+
.TimeColumn_styles_juymyb_svmgxvm__820070c4{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimeColumn_styles_juymyb_svmgxvm__820070c4:hover{background:var(--plasma-time-picker-scrollbar-color);}.TimeColumn_styles_juymyb_svmgxvm__820070c4:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
7
|
+
.TimeColumn_styles_juymyb_s1bw3c91__820070c4{width:100%;height:0%.125rem;}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import cls from 'classnames';
|
|
4
|
+
import { classes } from '../../TimePicker.tokens.js';
|
|
5
|
+
import { StyledRoot, StyledTimeColumn, StyledTimeItem, StyledEmpty, CustomScrollbar, ScrollbarTrack, ScrollbarThumb } from './TimeColumn.styles.js';
|
|
6
|
+
|
|
7
|
+
var _StyledEmpty;
|
|
8
|
+
var renderTimeColumn = function renderTimeColumn(_ref) {
|
|
9
|
+
var values = _ref.values,
|
|
10
|
+
dropdownHeight = _ref.dropdownHeight,
|
|
11
|
+
column = _ref.column,
|
|
12
|
+
columnRef = _ref.columnRef,
|
|
13
|
+
scrollbarState = _ref.scrollbarState,
|
|
14
|
+
setScrollbar = _ref.setScrollbar,
|
|
15
|
+
scrollbarRef = _ref.scrollbarRef,
|
|
16
|
+
thumbRef = _ref.thumbRef,
|
|
17
|
+
timeoutRef = _ref.timeoutRef,
|
|
18
|
+
timeItemRefs = _ref.timeItemRefs,
|
|
19
|
+
activeTime = _ref.activeTime,
|
|
20
|
+
handleTimeItemClick = _ref.handleTimeItemClick,
|
|
21
|
+
handleTimeItemKeyDown = _ref.handleTimeItemKeyDown,
|
|
22
|
+
createScrollbarDragHandler = _ref.createScrollbarDragHandler;
|
|
23
|
+
return /*#__PURE__*/React.createElement(StyledRoot, null, /*#__PURE__*/React.createElement(StyledTimeColumn, {
|
|
24
|
+
key: column,
|
|
25
|
+
ref: columnRef,
|
|
26
|
+
height: dropdownHeight,
|
|
27
|
+
className: classes.timeColumn
|
|
28
|
+
}, values.map(function (value, index) {
|
|
29
|
+
return /*#__PURE__*/React.createElement(StyledTimeItem, {
|
|
30
|
+
key: value,
|
|
31
|
+
ref: function ref(el) {
|
|
32
|
+
timeItemRefs.current["".concat(column, "-").concat(value)] = el;
|
|
33
|
+
},
|
|
34
|
+
className: cls(_defineProperty({}, classes.timeItemActive, activeTime[column] === index)),
|
|
35
|
+
onClick: function onClick() {
|
|
36
|
+
return handleTimeItemClick(value, column);
|
|
37
|
+
},
|
|
38
|
+
onKeyDown: function onKeyDown(e) {
|
|
39
|
+
return handleTimeItemKeyDown(e, column, value);
|
|
40
|
+
}
|
|
41
|
+
}, value);
|
|
42
|
+
}), _StyledEmpty || (_StyledEmpty = /*#__PURE__*/React.createElement(StyledEmpty, null))), /*#__PURE__*/React.createElement(CustomScrollbar, {
|
|
43
|
+
ref: scrollbarRef,
|
|
44
|
+
className: cls(_defineProperty({}, classes.scrollbarVisible, scrollbarState.isVisible))
|
|
45
|
+
}, /*#__PURE__*/React.createElement(ScrollbarTrack, null, /*#__PURE__*/React.createElement(ScrollbarThumb, {
|
|
46
|
+
ref: thumbRef,
|
|
47
|
+
style: {
|
|
48
|
+
height: "".concat(scrollbarState.thumbHeight, "px"),
|
|
49
|
+
top: "".concat(scrollbarState.thumbPosition, "px")
|
|
50
|
+
},
|
|
51
|
+
onMouseDown: createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)
|
|
52
|
+
}))));
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
export { renderTimeColumn };
|
|
56
|
+
//# sourceMappingURL=TimeColumn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeColumn.js","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.tsx"],"sourcesContent":["import React from 'react';\nimport cls from 'classnames';\n\nimport { classes } from '../../TimePicker.tokens';\n\nimport {\n StyledTimeColumn,\n StyledTimeItem,\n StyledEmpty,\n CustomScrollbar,\n ScrollbarTrack,\n ScrollbarThumb,\n StyledRoot,\n} from './TimeColumn.styles';\nimport { TimeColumnProps } from './TimeColumn.types';\n\nexport const renderTimeColumn = ({\n values,\n dropdownHeight,\n column,\n columnRef,\n scrollbarState,\n setScrollbar,\n scrollbarRef,\n thumbRef,\n timeoutRef,\n timeItemRefs,\n activeTime,\n handleTimeItemClick,\n handleTimeItemKeyDown,\n createScrollbarDragHandler,\n}: TimeColumnProps) => (\n <StyledRoot>\n <StyledTimeColumn key={column} ref={columnRef} height={dropdownHeight} className={classes.timeColumn}>\n {values.map((value, index) => (\n <StyledTimeItem\n key={value}\n ref={(el) => {\n timeItemRefs.current[`${column}-${value}`] = el;\n }}\n className={cls({\n [classes.timeItemActive]: activeTime[column] === index,\n })}\n onClick={() => handleTimeItemClick(value, column)}\n onKeyDown={(e) => handleTimeItemKeyDown(e, column, value)}\n >\n {value}\n </StyledTimeItem>\n ))}\n <StyledEmpty />\n </StyledTimeColumn>\n\n <CustomScrollbar\n ref={scrollbarRef}\n className={cls({\n [classes.scrollbarVisible]: scrollbarState.isVisible,\n })}\n >\n <ScrollbarTrack>\n <ScrollbarThumb\n ref={thumbRef}\n style={{\n height: `${scrollbarState.thumbHeight}px`,\n top: `${scrollbarState.thumbPosition}px`,\n }}\n onMouseDown={createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)}\n />\n </ScrollbarTrack>\n </CustomScrollbar>\n </StyledRoot>\n);\n"],"names":["renderTimeColumn","_ref","values","dropdownHeight","column","columnRef","scrollbarState","setScrollbar","scrollbarRef","thumbRef","timeoutRef","timeItemRefs","activeTime","handleTimeItemClick","handleTimeItemKeyDown","createScrollbarDragHandler","React","createElement","StyledRoot","StyledTimeColumn","key","ref","height","className","classes","timeColumn","map","value","index","StyledTimeItem","el","current","concat","cls","_defineProperty","timeItemActive","onClick","onKeyDown","e","_StyledEmpty","StyledEmpty","CustomScrollbar","scrollbarVisible","isVisible","ScrollbarTrack","ScrollbarThumb","style","thumbHeight","top","thumbPosition","onMouseDown"],"mappings":"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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import './TimeColumn.styles_juymyb.css';
|
|
2
|
+
import { styled } from '@linaria/react';
|
|
3
|
+
import { tokens } from '../../TimePicker.tokens.js';
|
|
4
|
+
|
|
5
|
+
var StyledRoot = /*#__PURE__*/styled('div')({
|
|
6
|
+
name: "StyledRoot",
|
|
7
|
+
"class": "s1okclyy",
|
|
8
|
+
propsAsIs: false
|
|
9
|
+
});
|
|
10
|
+
var StyledTimeItem = /*#__PURE__*/styled('div')({
|
|
11
|
+
name: "StyledTimeItem",
|
|
12
|
+
"class": "s14v4skc",
|
|
13
|
+
propsAsIs: false
|
|
14
|
+
});
|
|
15
|
+
var _exp13 = function _exp13() {
|
|
16
|
+
return function (_ref) {
|
|
17
|
+
var height = _ref.height;
|
|
18
|
+
return height || "var(".concat(tokens.columnHeight, ")");
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
var StyledTimeColumn = /*#__PURE__*/styled('div')({
|
|
22
|
+
name: "StyledTimeColumn",
|
|
23
|
+
"class": "s1mtrybc",
|
|
24
|
+
propsAsIs: false,
|
|
25
|
+
vars: {
|
|
26
|
+
"s1mtrybc-0": [/*#__PURE__*/_exp13()]
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
var CustomScrollbar = /*#__PURE__*/styled('div')({
|
|
30
|
+
name: "CustomScrollbar",
|
|
31
|
+
"class": "c3ksbzv",
|
|
32
|
+
propsAsIs: false
|
|
33
|
+
});
|
|
34
|
+
var ScrollbarTrack = /*#__PURE__*/styled('div')({
|
|
35
|
+
name: "ScrollbarTrack",
|
|
36
|
+
"class": "s13lzs6z",
|
|
37
|
+
propsAsIs: false
|
|
38
|
+
});
|
|
39
|
+
var ScrollbarThumb = /*#__PURE__*/styled('div')({
|
|
40
|
+
name: "ScrollbarThumb",
|
|
41
|
+
"class": "svmgxvm",
|
|
42
|
+
propsAsIs: false
|
|
43
|
+
});
|
|
44
|
+
var StyledEmpty = /*#__PURE__*/styled('div')({
|
|
45
|
+
name: "StyledEmpty",
|
|
46
|
+
"class": "s1bw3c91",
|
|
47
|
+
propsAsIs: false
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
export { CustomScrollbar, ScrollbarThumb, ScrollbarTrack, StyledEmpty, StyledRoot, StyledTimeColumn, StyledTimeItem };
|
|
51
|
+
//# sourceMappingURL=TimeColumn.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeColumn.styles.js","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../TimePicker.tokens';\n\nexport const StyledRoot = styled.div`\n position: relative;\n width: 100%;\n`;\n\nexport const StyledTimeItem = styled.div`\n height: var(${tokens.itemHeight});\n padding: var(${tokens.itemPadding});\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: 0.05s;\n border-radius: var(${tokens.itemBorderRadius});\n cursor: pointer;\n flex-shrink: 0;\n overflow: auto;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemLetterSpacing});\n line-height: var(${tokens.itemLineHeight});\n\n &:hover {\n background: var(${tokens.itemBackgroundHover});\n }\n &.${classes.timeItemActive} {\n background: var(${tokens.itemBackgroundActive});\n }\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n overflow-y: scroll;\n flex: 1;\n z-index: 3;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: var(${tokens.scrollbarWidth});\n width: 100%;\n\n &.${classes.timeColumnActive} {\n border: 0.125rem solid var(${tokens.itemBackgroundHover});\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n width: 0;\n }\n`;\n\nexport const CustomScrollbar = styled.div`\n position: absolute;\n top: var(${tokens.scrollbarMargin});\n right: 0;\n bottom: var(${tokens.scrollbarMargin});\n width: var(${tokens.scrollbarWidth});\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n z-index: 10;\n overflow: hidden;\n\n &.${classes.scrollbarVisible} {\n opacity: 1;\n pointer-events: auto;\n }\n`;\n\nexport const ScrollbarTrack = styled.div`\n position: relative;\n width: 100%;\n height: 100%;\n background: var(${tokens.scrollbarTrackColor});\n border-radius: var(${tokens.scrollbarWidth});\n`;\n\nexport const ScrollbarThumb = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: var(${tokens.scrollbarColor});\n border-radius: var(${tokens.scrollbarWidth});\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: var(${tokens.scrollbarColor});\n }\n\n &:active {\n background: var(${tokens.scrollbarTrackColor});\n }\n`;\n\nexport const StyledEmpty = styled.div`\n width: 100%;\n height: 0%.125rem;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledTimeItem","_exp13","_ref","height","concat","tokens","columnHeight","StyledTimeColumn","vars","CustomScrollbar","ScrollbarTrack","ScrollbarThumb","StyledEmpty"],"mappings":";;;AAIO,IAAMA,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BnC,EAAA;AAAC,IAAAE,MAAA,GAlCgBA,SAkChBA,MAAAA,GAAA;AAAA,EAAA,OAGgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,YAAY,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADlE,IAAMC,gBAAgB,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBP,MAAuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAsBxE,EAAA;AAEM,IAAMQ,eAAe,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBpC,EAAA;AAEM,IAAMW,cAAc,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMnC,EAAA;AAEM,IAAMY,cAAc,gBAAGf,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBnC,EAAA;AAEM,IAAMa,WAAW,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
.s1okclyy{position:relative;width:100%;}
|
|
2
|
+
.s14v4skc{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.s14v4skc:hover{background:var(--plasma-time-picker-item-hover-background);}.s14v4skc.plasma-time-picker-item-active{background:var(--plasma-time-picker-item-active-background);}
|
|
3
|
+
.s1mtrybc{max-height:var(--s1mtrybc-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.s1mtrybc.plasma-time-picker-column-active{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.s1mtrybc::-webkit-scrollbar{display:none;width:0;}
|
|
4
|
+
.c3ksbzv{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.c3ksbzv.plasma-time-picker-scrollbar-visible{opacity:1;pointer-events:auto;}
|
|
5
|
+
.s13lzs6z{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
6
|
+
.svmgxvm{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.svmgxvm:hover{background:var(--plasma-time-picker-scrollbar-color);}.svmgxvm:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
7
|
+
.s1bw3c91{width:100%;height:0%.125rem;}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
var delimiter = ':';
|
|
1
2
|
var range = function range(number) {
|
|
2
3
|
var padLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
|
|
3
4
|
return Array.from({
|
|
@@ -9,43 +10,46 @@ var range = function range(number) {
|
|
|
9
10
|
var normalizeTimeSegment = function normalizeTimeSegment(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
|
}
|
|
@@ -68,7 +72,7 @@ var processTimeInput = function processTimeInput(input) {
|
|
|
68
72
|
var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'HH:mm:ss';
|
|
69
73
|
var cursorPosition = arguments.length > 2 ? arguments[2] : undefined;
|
|
70
74
|
var digits = input.replace(/\D/g, '');
|
|
71
|
-
var tokens = format.split(
|
|
75
|
+
var tokens = format.split(delimiter);
|
|
72
76
|
var values = {
|
|
73
77
|
hh: null,
|
|
74
78
|
mm: null,
|
|
@@ -76,22 +80,15 @@ var processTimeInput = function processTimeInput(input) {
|
|
|
76
80
|
};
|
|
77
81
|
var segments = [];
|
|
78
82
|
var digitIndex = 0;
|
|
79
|
-
var carryover = '';
|
|
80
83
|
var newCursorPosition = cursorPosition !== null && cursorPosition !== void 0 ? cursorPosition : 0;
|
|
81
|
-
tokens.forEach(function (token
|
|
84
|
+
tokens.forEach(function (token) {
|
|
82
85
|
var segmentDigits = digits.slice(digitIndex, digitIndex + 2);
|
|
83
86
|
digitIndex += segmentDigits.length;
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
carryover = normalized.carryover;
|
|
90
|
-
values[token.toLowerCase()] = normalized.value;
|
|
91
|
-
segments.push(normalized.text);
|
|
92
|
-
if (carryover && index === tokens.length - 1) {
|
|
93
|
-
carryover = '';
|
|
94
|
-
}
|
|
87
|
+
var _normalizeTimeSegment = normalizeTimeSegment(token, segmentDigits),
|
|
88
|
+
text = _normalizeTimeSegment.text,
|
|
89
|
+
value = _normalizeTimeSegment.value;
|
|
90
|
+
values[token.toLowerCase()] = value;
|
|
91
|
+
segments.push(text);
|
|
95
92
|
});
|
|
96
93
|
var innerString = segments[0];
|
|
97
94
|
if (segments.length > 1 && segments[1]) {
|
|
@@ -130,5 +127,5 @@ var animateScrollTo = function animateScrollTo(element, targetScrollTop) {
|
|
|
130
127
|
requestAnimationFrame(animate);
|
|
131
128
|
};
|
|
132
129
|
|
|
133
|
-
export { animateScrollTo, normalizeTimeSegment, processTimeInput, range };
|
|
130
|
+
export { animateScrollTo, delimiter, normalizeTimeSegment, processTimeInput, range };
|
|
134
131
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/TimePicker/utils/index.ts"],"sourcesContent":["export interface TimeValues {\n hh: number | null;\n mm: number | null;\n ss: number | null;\n}\n\nexport interface NormalizedSegment {\n text: string;\n value: number | null;\n carryover: string;\n}\n\nexport const range = (number: number, padLength = 2): string[] => {\n return Array.from({ length: number }, (_, i) => i.toString().padStart(padLength, '0'));\n};\n\nexport const normalizeTimeSegment = (type: 'HH' | 'mm' | 'ss', input: string): NormalizedSegment => {\n const max = type === 'HH' ? 23 : 59;\n const digits = input.replace(/\\D/g, '');\n\n if (!digits) return { text: '', value: null, carryover: '' };\n\n if (digits.length === 1) {\n const num = parseInt(digits, 10);\n\n if (Math.floor(max / 10) < num) {\n return {\n text: num.toString().padStart(2, '0'),\n value: num,\n carryover: '',\n };\n }\n if (num <= max) {\n return {\n text: digits,\n value: num,\n carryover: '',\n };\n }\n\n return {\n text: max.toString().padStart(2, '0'),\n value: max,\n carryover: '',\n };\n }\n\n const number = parseInt(digits, 10);\n if (Number.isNaN(number)) return { text: '', value: null, carryover: '' };\n\n if (number <= max) {\n return {\n text: digits.padStart(2, '0'),\n value: number,\n carryover: '',\n };\n }\n\n const firstDigit = parseInt(digits[0], 10);\n const secondDigit = parseInt(digits[1], 10);\n\n if (firstDigit <= max) {\n return {\n text: firstDigit.toString().padStart(2, '0'),\n value: firstDigit,\n carryover: secondDigit.toString(),\n };\n }\n\n return {\n text: max.toString().padStart(2, '0'),\n value: max,\n carryover: digits.slice(1),\n };\n};\n\nexport const processTimeInput = (\n input: string,\n format: 'HH:mm' | 'HH:mm:ss' = 'HH:mm:ss',\n cursorPosition: number | null,\n): { innerString: string; values: TimeValues; newCursorPosition: number | null } => {\n const digits = input.replace(/\\D/g, '');\n const tokens = format.split(':') as ('HH' | 'mm' | 'ss')[];\n\n const values: TimeValues = { hh: null, mm: null, ss: null };\n const segments: string[] = [];\n let digitIndex = 0;\n let carryover = '';\n let newCursorPosition = cursorPosition ?? 0;\n\n tokens.forEach((token, index) => {\n let segmentDigits = digits.slice(digitIndex, digitIndex + 2);\n digitIndex += segmentDigits.length;\n\n if (carryover) {\n segmentDigits = carryover + segmentDigits;\n carryover = '';\n }\n\n const normalized = normalizeTimeSegment(token, segmentDigits);\n carryover = normalized.carryover;\n\n values[token.toLowerCase() as keyof TimeValues] = normalized.value;\n segments.push(normalized.text);\n\n if (carryover && index === tokens.length - 1) {\n carryover = '';\n }\n });\n\n let innerString = segments[0];\n\n if (segments.length > 1 && segments[1]) {\n innerString += `:${segments[1]}`;\n }\n\n if (format === 'HH:mm:ss' && segments.length > 2 && segments[2]) {\n innerString += `:${segments[2]}`;\n }\n\n if (innerString.length - 2 <= newCursorPosition) {\n newCursorPosition += innerString.length - newCursorPosition;\n }\n\n return { innerString, values, newCursorPosition };\n};\n\nexport const animateScrollTo = (element: HTMLDivElement, targetScrollTop: number, duration = 300) => {\n const startScrollTop = element.scrollTop;\n const distance = targetScrollTop - startScrollTop;\n let startTime: number | null = null;\n\n const animate = (currentTime: number) => {\n if (!startTime) startTime = currentTime;\n const timeElapsed = currentTime - startTime;\n const progress = Math.min(timeElapsed / duration, 1);\n\n const easeOut = (t: number) => 1 - (1 - t) ** 3;\n const scrollPosition = startScrollTop + distance * easeOut(progress);\n\n element.scrollTop = scrollPosition;\n\n if (timeElapsed < duration) {\n requestAnimationFrame(animate);\n }\n };\n\n requestAnimationFrame(animate);\n};\n"],"names":["range","number","padLength","arguments","length","undefined","Array","from","_","i","toString","padStart","normalizeTimeSegment","type","input","max","digits","replace","text","value","carryover","num","parseInt","Math","floor","Number","isNaN","firstDigit","secondDigit","slice","processTimeInput","format","cursorPosition","tokens","split","values","hh","mm","ss","segments","digitIndex","newCursorPosition","forEach","token","index","segmentDigits","normalized","toLowerCase","push","innerString","concat","animateScrollTo","element","targetScrollTop","duration","startScrollTop","scrollTop","distance","startTime","animate","currentTime","timeElapsed","progress","min","easeOut","t","pow","scrollPosition","requestAnimationFrame"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/TimePicker/utils/index.ts"],"sourcesContent":["export interface TimeValues {\n hh: number | null;\n mm: number | null;\n ss: number | null;\n}\n\nexport interface NormalizedSegment {\n text: string;\n value: number | null;\n carryover: string;\n}\n\nexport const delimiter = ':';\n\nexport const range = (number: number, padLength = 2): string[] => {\n return Array.from({ length: number }, (_, i) => i.toString().padStart(padLength, '0'));\n};\n\nexport const normalizeTimeSegment = (type: 'HH' | 'mm' | 'ss', input: string): NormalizedSegment => {\n const max = type === 'HH' ? 23 : 59;\n const digits = input.replace(/\\D/g, '');\n\n const num = parseInt(digits, 10);\n\n if (!digits) {\n return { text: '', value: null, carryover: '' };\n }\n\n if (Math.floor(max / 10) < num && digits.length === 1) {\n return {\n text: num.toString().padStart(2, '0'),\n value: num,\n carryover: '',\n };\n }\n\n if (num <= max && digits.length === 1) {\n return {\n text: digits,\n value: num,\n carryover: '',\n };\n }\n\n if (digits.length === 1) {\n return {\n text: max.toString().padStart(2, '0'),\n value: max,\n carryover: '',\n };\n }\n\n if (Number.isNaN(num)) {\n return { text: '', value: null, carryover: '' };\n }\n\n if (num <= max) {\n return {\n text: digits.padStart(2, '0'),\n value: num,\n carryover: '',\n };\n }\n\n const firstDigit = parseInt(digits[0], 10);\n const secondDigit = parseInt(digits[1], 10);\n\n if (firstDigit <= max) {\n return {\n text: firstDigit.toString().padStart(2, '0'),\n value: firstDigit,\n carryover: secondDigit.toString(),\n };\n }\n\n return {\n text: max.toString().padStart(2, '0'),\n value: max,\n carryover: digits.slice(1),\n };\n};\n\nexport const processTimeInput = (\n input: string,\n format: 'HH:mm' | 'HH:mm:ss' = 'HH:mm:ss',\n cursorPosition: number | null,\n): { innerString: string; values: TimeValues; newCursorPosition: number | null } => {\n const digits = input.replace(/\\D/g, '');\n const tokens = format.split(delimiter) as ('HH' | 'mm' | 'ss')[];\n\n const values: TimeValues = { hh: null, mm: null, ss: null };\n const segments: string[] = [];\n let digitIndex = 0;\n let newCursorPosition = cursorPosition ?? 0;\n\n tokens.forEach((token) => {\n const segmentDigits = digits.slice(digitIndex, digitIndex + 2);\n digitIndex += segmentDigits.length;\n\n const { text, value } = normalizeTimeSegment(token, segmentDigits);\n\n values[token.toLowerCase() as keyof TimeValues] = value;\n segments.push(text);\n });\n\n let innerString = segments[0];\n\n if (segments.length > 1 && segments[1]) {\n innerString += `:${segments[1]}`;\n }\n\n if (format === 'HH:mm:ss' && segments.length > 2 && segments[2]) {\n innerString += `:${segments[2]}`;\n }\n\n if (innerString.length - 2 <= newCursorPosition) {\n newCursorPosition += innerString.length - newCursorPosition;\n }\n\n return { innerString, values, newCursorPosition };\n};\n\nexport const animateScrollTo = (element: HTMLDivElement, targetScrollTop: number, duration = 300) => {\n const startScrollTop = element.scrollTop;\n const distance = targetScrollTop - startScrollTop;\n let startTime: number | null = null;\n\n const animate = (currentTime: number) => {\n if (!startTime) startTime = currentTime;\n const timeElapsed = currentTime - startTime;\n const progress = Math.min(timeElapsed / duration, 1);\n\n const easeOut = (t: number) => 1 - (1 - t) ** 3;\n const scrollPosition = startScrollTop + distance * easeOut(progress);\n\n element.scrollTop = scrollPosition;\n\n if (timeElapsed < duration) {\n requestAnimationFrame(animate);\n }\n };\n\n requestAnimationFrame(animate);\n};\n"],"names":["delimiter","range","number","padLength","arguments","length","undefined","Array","from","_","i","toString","padStart","normalizeTimeSegment","type","input","max","digits","replace","num","parseInt","text","value","carryover","Math","floor","Number","isNaN","firstDigit","secondDigit","slice","processTimeInput","format","cursorPosition","tokens","split","values","hh","mm","ss","segments","digitIndex","newCursorPosition","forEach","token","segmentDigits","_normalizeTimeSegment","toLowerCase","push","innerString","concat","animateScrollTo","element","targetScrollTop","duration","startScrollTop","scrollTop","distance","startTime","animate","currentTime","timeElapsed","progress","min","easeOut","t","pow","scrollPosition","requestAnimationFrame"],"mappings":"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"}
|
package/es/index.css
CHANGED
|
@@ -1149,16 +1149,18 @@
|
|
|
1149
1149
|
.Section_styles_147bzzp_lnmmdxt__60e0567c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
1150
1150
|
|
|
1151
1151
|
|
|
1152
|
-
.
|
|
1153
|
-
.
|
|
1154
|
-
.
|
|
1155
|
-
.TimePicker_styles_dnulzj_sh0cawu__498f1c5c{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimePicker_styles_dnulzj_sh0cawu__498f1c5c:hover{background:var(--plasma-time-picker-item-hover-background);}.TimePicker_styles_dnulzj_sh0cawu__498f1c5c.TimePicker_styles_dnulzj_plasmaTimePickerItemActive__498f1c5c{background:var(--plasma-time-picker-item-active-background);}
|
|
1156
|
-
.TimePicker_styles_dnulzj_s15lrh1g__498f1c5c{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimePicker_styles_dnulzj_s15lrh1g__498f1c5c.TimePicker_styles_dnulzj_plasmaTimePickerColumnActive__498f1c5c{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimePicker_styles_dnulzj_s15lrh1g__498f1c5c::-webkit-scrollbar{display:none;width:0;}
|
|
1157
|
-
.TimePicker_styles_dnulzj_c18qymw0__498f1c5c{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimePicker_styles_dnulzj_c18qymw0__498f1c5c.TimePicker_styles_dnulzj_plasmaTimePickerScrollbarVisible__498f1c5c{opacity:1;pointer-events:auto;}
|
|
1158
|
-
.TimePicker_styles_dnulzj_s1wgh6jw__498f1c5c{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
1159
|
-
.TimePicker_styles_dnulzj_s1qrdw7l__498f1c5c{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimePicker_styles_dnulzj_s1qrdw7l__498f1c5c:hover{background:var(--plasma-time-picker-scrollbar-color);}.TimePicker_styles_dnulzj_s1qrdw7l__498f1c5c:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
1160
|
-
.TimePicker_styles_dnulzj_sa62th__498f1c5c{width:100%;height:0%.125rem;}
|
|
1152
|
+
.TimePicker_styles_ar3obv_s1ghbm1p__3866631e{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--plasma-time-picker-textfield-box-shadow);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_ar3obv_s1ghbm1p__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerError__3866631e{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.TimePicker_styles_ar3obv_s1ghbm1p__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerSuccess__3866631e{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
|
|
1153
|
+
.TimePicker_styles_ar3obv_b19h9m1x__3866631e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.TimePicker_styles_ar3obv_b19h9m1x__3866631e .TimePicker_styles_ar3obv_popoverWrapper__3866631e,.TimePicker_styles_ar3obv_b19h9m1x__3866631e .TimePicker_styles_ar3obv_popoverTarget__3866631e{width:inherit;}.TimePicker_styles_ar3obv_b19h9m1x__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerStretched__3866631e{width:100%;}.TimePicker_styles_ar3obv_b19h9m1x__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerStretched__3866631e .TimePicker_styles_ar3obv_popoverRoot__3866631e{width:100%;}.TimePicker_styles_ar3obv_b19h9m1x__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerFullWidth__3866631e{width:100%;}.TimePicker_styles_ar3obv_b19h9m1x__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerPlacementRight__3866631e{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
|
1154
|
+
.TimePicker_styles_ar3obv_slnaiay__3866631e{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
|
|
1161
1155
|
|
|
1162
1156
|
.base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
|
|
1163
1157
|
|
|
1164
1158
|
.base_zalfas_b13m44ib__f47929ae[readonly]{cursor:not-allowed;}
|
|
1159
|
+
|
|
1160
|
+
.TimeColumn_styles_juymyb_s1okclyy__820070c4{position:relative;width:100%;}
|
|
1161
|
+
.TimeColumn_styles_juymyb_s14v4skc__820070c4{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimeColumn_styles_juymyb_s14v4skc__820070c4:hover{background:var(--plasma-time-picker-item-hover-background);}.TimeColumn_styles_juymyb_s14v4skc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerItemActive__820070c4{background:var(--plasma-time-picker-item-active-background);}
|
|
1162
|
+
.TimeColumn_styles_juymyb_s1mtrybc__820070c4{max-height:var(--s1mtrybc-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimeColumn_styles_juymyb_s1mtrybc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerColumnActive__820070c4{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimeColumn_styles_juymyb_s1mtrybc__820070c4::-webkit-scrollbar{display:none;width:0;}
|
|
1163
|
+
.TimeColumn_styles_juymyb_c3ksbzv__820070c4{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimeColumn_styles_juymyb_c3ksbzv__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerScrollbarVisible__820070c4{opacity:1;pointer-events:auto;}
|
|
1164
|
+
.TimeColumn_styles_juymyb_s13lzs6z__820070c4{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
1165
|
+
.TimeColumn_styles_juymyb_svmgxvm__820070c4{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimeColumn_styles_juymyb_svmgxvm__820070c4:hover{background:var(--plasma-time-picker-scrollbar-color);}.TimeColumn_styles_juymyb_svmgxvm__820070c4:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
1166
|
+
.TimeColumn_styles_juymyb_s1bw3c91__820070c4{width:100%;height:0%.125rem;}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.337.0-canary.2184.
|
|
3
|
+
"version": "0.337.0-canary.2184.18005913845.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "4cb7c22b72bf1899d45f704ed8537b2fb36df9be"
|
|
141
141
|
}
|