@salutejs/plasma-new-hope 0.339.0-canary.2296.18749364572.0 → 0.339.0-canary.2297.18751153444.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/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_1yj92p8.css → HorizontalIconTabItem.styles_bv5xdd.css} +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hklgpq.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/{VerticalIconTabItem.styles_1vnlsyl.css → VerticalIconTabItem.styles_2xthe5.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/{es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_11xtftz.css → cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_oqphem.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +11 -15
- package/cjs/components/TimePicker/TimePicker.js +458 -22
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +21 -17
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/{TimePicker.styles_2lk4d9.css → TimePicker.styles_ar3obv.css} +3 -4
- 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/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.styles.js +12 -12
- 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 +33 -1
- package/cjs/components/TimePicker/utils/index.js.map +1 -1
- package/cjs/index.css +29 -33
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +6 -6
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +12 -12
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +6 -6
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +12 -12
- package/emotion/cjs/components/TimePicker/TimePicker.js +488 -22
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +7 -17
- 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/utils/index.js +25 -1
- package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +6 -6
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +12 -12
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +6 -6
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +12 -12
- package/emotion/es/components/TimePicker/TimePicker.js +491 -25
- package/emotion/es/components/TimePicker/TimePicker.styles.js +7 -14
- 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/utils/index.js +22 -1
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_1yj92p8.css → HorizontalIconTabItem.styles_bv5xdd.css} +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hklgpq.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/{VerticalIconTabItem.styles_1vnlsyl.css → VerticalIconTabItem.styles_2xthe5.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/{cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_11xtftz.css → es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_oqphem.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +11 -15
- package/es/components/TimePicker/TimePicker.js +462 -26
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles.js +21 -17
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/{TimePicker.styles_2lk4d9.css → TimePicker.styles_ar3obv.css} +3 -4
- 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/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.styles.js +11 -11
- 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 +32 -2
- package/es/components/TimePicker/utils/index.js.map +1 -1
- package/es/index.css +29 -33
- package/package.json +4 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +3 -3
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +3 -3
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
- package/styled-components/cjs/components/TimePicker/TimePicker.js +488 -22
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +3 -57
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +65 -0
- package/styled-components/cjs/components/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.styles.js +14 -16
- package/styled-components/cjs/components/TimePicker/utils/index.js +25 -1
- package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +21 -25
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +2 -3
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +3 -3
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +3 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
- package/styled-components/es/components/TimePicker/TimePicker.js +491 -25
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +3 -54
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +50 -0
- package/styled-components/es/components/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.styles.js +9 -11
- package/styled-components/es/components/TimePicker/utils/index.js +22 -1
- package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +21 -25
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +2 -3
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +0 -18
- package/types/components/TimePicker/TimePicker.styles.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.map +1 -0
- package/types/components/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.types.d.ts +8 -9
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -0
- package/types/components/TimePicker/utils/index.d.ts +2 -1
- package/types/components/TimePicker/utils/index.d.ts.map +1 -1
- package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
- package/cjs/components/TimePickerGrid/TimePickerGrid.css +0 -10
- package/cjs/components/TimePickerGrid/TimePickerGrid.js +0 -733
- package/cjs/components/TimePickerGrid/TimePickerGrid.js.map +0 -1
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +0 -27
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js.map +0 -1
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +0 -2
- package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +0 -40
- package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js.map +0 -1
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +0 -7
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +0 -118
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +0 -7
- package/cjs/components/TimePickerGrid/utils/index.js +0 -135
- package/cjs/components/TimePickerGrid/utils/index.js.map +0 -1
- package/cjs/components/TimePickerGrid/variations/_disabled/base.js +0 -9
- package/cjs/components/TimePickerGrid/variations/_disabled/base.js.map +0 -1
- package/cjs/components/TimePickerGrid/variations/_disabled/base_x642ct.css +0 -1
- package/cjs/components/TimePickerGrid/variations/_size/base.js +0 -9
- package/cjs/components/TimePickerGrid/variations/_size/base.js.map +0 -1
- package/cjs/components/TimePickerGrid/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/TimePickerGrid/variations/_view/base.js +0 -9
- package/cjs/components/TimePickerGrid/variations/_view/base.js.map +0 -1
- package/cjs/components/TimePickerGrid/variations/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.js +0 -922
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +0 -34
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +0 -50
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.types.js +0 -4
- package/emotion/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +0 -30
- package/emotion/cjs/components/TimePickerGrid/index.js +0 -26
- package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +0 -118
- package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +0 -71
- package/emotion/cjs/components/TimePickerGrid/utils/index.js +0 -166
- package/emotion/cjs/components/TimePickerGrid/variations/_disabled/base.js +0 -12
- package/emotion/cjs/components/TimePickerGrid/variations/_size/base.js +0 -12
- package/emotion/cjs/components/TimePickerGrid/variations/_view/base.js +0 -12
- package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +0 -32
- package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +0 -15
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.js +0 -863
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.styles.js +0 -11
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.tokens.js +0 -32
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.types.js +0 -1
- package/emotion/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +0 -20
- package/emotion/es/components/TimePickerGrid/index.js +0 -2
- package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +0 -103
- package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +0 -33
- package/emotion/es/components/TimePickerGrid/utils/index.js +0 -133
- package/emotion/es/components/TimePickerGrid/variations/_disabled/base.js +0 -2
- package/emotion/es/components/TimePickerGrid/variations/_size/base.js +0 -2
- package/emotion/es/components/TimePickerGrid/variations/_view/base.js +0 -2
- package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +0 -22
- package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.js +0 -5
- package/es/components/TimePickerGrid/TimePickerGrid.css +0 -10
- package/es/components/TimePickerGrid/TimePickerGrid.js +0 -724
- package/es/components/TimePickerGrid/TimePickerGrid.js.map +0 -1
- package/es/components/TimePickerGrid/TimePickerGrid.styles.js +0 -22
- package/es/components/TimePickerGrid/TimePickerGrid.styles.js.map +0 -1
- package/es/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +0 -2
- package/es/components/TimePickerGrid/TimePickerGrid.tokens.js +0 -35
- package/es/components/TimePickerGrid/TimePickerGrid.tokens.js.map +0 -1
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +0 -7
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +0 -109
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +0 -7
- package/es/components/TimePickerGrid/utils/index.js +0 -126
- package/es/components/TimePickerGrid/utils/index.js.map +0 -1
- package/es/components/TimePickerGrid/variations/_disabled/base.js +0 -5
- package/es/components/TimePickerGrid/variations/_disabled/base.js.map +0 -1
- package/es/components/TimePickerGrid/variations/_disabled/base_x642ct.css +0 -1
- package/es/components/TimePickerGrid/variations/_size/base.js +0 -5
- package/es/components/TimePickerGrid/variations/_size/base.js.map +0 -1
- package/es/components/TimePickerGrid/variations/_size/base_x642ct.css +0 -1
- package/es/components/TimePickerGrid/variations/_view/base.js +0 -5
- package/es/components/TimePickerGrid/variations/_view/base.js.map +0 -1
- package/es/components/TimePickerGrid/variations/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.js +0 -922
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +0 -79
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +0 -50
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.types.js +0 -4
- package/styled-components/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +0 -30
- package/styled-components/cjs/components/TimePickerGrid/index.js +0 -26
- package/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +0 -118
- package/styled-components/cjs/components/TimePickerGrid/utils/index.js +0 -166
- package/styled-components/cjs/components/TimePickerGrid/variations/_disabled/base.js +0 -14
- package/styled-components/cjs/components/TimePickerGrid/variations/_size/base.js +0 -14
- package/styled-components/cjs/components/TimePickerGrid/variations/_view/base.js +0 -14
- package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +0 -103
- package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +0 -15
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.js +0 -863
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.styles.js +0 -21
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.tokens.js +0 -32
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.types.js +0 -1
- package/styled-components/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +0 -20
- package/styled-components/es/components/TimePickerGrid/index.js +0 -2
- package/styled-components/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +0 -103
- package/styled-components/es/components/TimePickerGrid/utils/index.js +0 -133
- package/styled-components/es/components/TimePickerGrid/variations/_disabled/base.js +0 -4
- package/styled-components/es/components/TimePickerGrid/variations/_size/base.js +0 -4
- package/styled-components/es/components/TimePickerGrid/variations/_view/base.js +0 -4
- package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +0 -93
- package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.js +0 -5
- package/types/components/TimePickerGrid/TimePickerGrid.d.ts +0 -61
- package/types/components/TimePickerGrid/TimePickerGrid.d.ts.map +0 -1
- package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts +0 -5
- package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts.map +0 -1
- package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts +0 -33
- package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts.map +0 -1
- package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts +0 -65
- package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts.map +0 -1
- package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts +0 -14
- package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts.map +0 -1
- package/types/components/TimePickerGrid/index.d.ts +0 -4
- package/types/components/TimePickerGrid/index.d.ts.map +0 -1
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts +0 -3
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts.map +0 -1
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.d.ts.map +0 -1
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.d.ts.map +0 -1
- package/types/components/TimePickerGrid/utils/index.d.ts +0 -24
- package/types/components/TimePickerGrid/utils/index.d.ts.map +0 -1
- package/types/components/TimePickerGrid/variations/_disabled/base.d.ts +0 -2
- package/types/components/TimePickerGrid/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/TimePickerGrid/variations/_size/base.d.ts +0 -2
- package/types/components/TimePickerGrid/variations/_size/base.d.ts.map +0 -1
- package/types/components/TimePickerGrid/variations/_view/base.d.ts +0 -2
- package/types/components/TimePickerGrid/variations/_view/base.d.ts.map +0 -1
- package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts +0 -21
- package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts.map +0 -1
- package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts +0 -32
- package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts.map +0 -1
- /package/emotion/cjs/components/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/emotion/es/components/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/styled-components/cjs/components/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/styled-components/es/components/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/types/components/{TimePickerGrid → TimePicker}/ui/TimeColumn/TimeColumn.styles.d.ts +0 -0
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
2
|
-
import { css } from "styled-components";
|
|
3
|
-
import { tokens } from "./TimePickerGrid.tokens";
|
|
4
|
-
export var base = css([
|
|
5
|
-
"display:flex;width:100%;height:10rem;"
|
|
6
|
-
]);
|
|
7
|
-
export var StyledTimePicker = styled.div.withConfig({
|
|
8
|
-
displayName: "TimePickerGrid.styles__StyledTimePicker",
|
|
9
|
-
componentId: "sc-25f5922-0"
|
|
10
|
-
})([
|
|
11
|
-
"background:var(",
|
|
12
|
-
");border-radius:var(",
|
|
13
|
-
");width:",
|
|
14
|
-
";display:flex;padding:var(",
|
|
15
|
-
");flex:1 1 1;gap:var(",
|
|
16
|
-
");box-sizing:border-box;position:relative;height:var(",
|
|
17
|
-
");"
|
|
18
|
-
], tokens.timePickerGridBackground, tokens.timePickerGridBorderRadius, function(param) {
|
|
19
|
-
var width = param.width;
|
|
20
|
-
return (width === 'fullWidth' ? '100%' : width) || "var(".concat(tokens.timePickerGridWidth, ")");
|
|
21
|
-
}, tokens.timePickerGridPadding, tokens.scrollbarWidth, tokens.columnHeight);
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
export var classes = {
|
|
2
|
-
timePickerGridRoot: '--plasma-time-picker-grid-grid-root',
|
|
3
|
-
timePickerGridStretched: '--plasma-time-picker-grid-grid-stretched',
|
|
4
|
-
timeItemActive: '--plasma-time-picker-grid-item-active',
|
|
5
|
-
timeColumn: '--plasma-time-picker-grid-column',
|
|
6
|
-
scrollbarVisible: '--plasma-time-picker-grid-scrollbar-visible',
|
|
7
|
-
timeColumnActive: '--plasma-time-picker-grid-column-active',
|
|
8
|
-
itemDisabled: '--plasma-time-picker-grid-item-disabled'
|
|
9
|
-
};
|
|
10
|
-
export var tokens = {
|
|
11
|
-
timePickerGridBackground: '--plasma-time-picker-grid-grid-background',
|
|
12
|
-
timePickerGridBorderRadius: '--plasma-time-picker-grid-grid-border-radius',
|
|
13
|
-
timePickerGridWidth: '--plasma-time-picker-grid-grid-width',
|
|
14
|
-
timePickerGridPadding: '--plasma-time-picker-grid-grid-padding',
|
|
15
|
-
disabledOpacity: '--plasma-time-picker-grid-disabled-opacity',
|
|
16
|
-
columnHeight: '--plasma-time-picker-grid-column-height',
|
|
17
|
-
itemHeight: '--plasma-time-picker-grid-item-height',
|
|
18
|
-
itemBorderRadius: '--plasma-time-picker-grid-item-border-radius',
|
|
19
|
-
itemPadding: '--plasma-time-picker-grid-item-padding',
|
|
20
|
-
itemBackgroundHover: '--plasma-time-picker-grid-item-hover-background',
|
|
21
|
-
itemBackgroundActive: '--plasma-time-picker-grid-item-active-background',
|
|
22
|
-
itemFontFamily: '--plasma-time-picker-grid-item-font-family',
|
|
23
|
-
itemFontStyle: '--plasma-time-picker-grid-item-font-style',
|
|
24
|
-
itemFontSize: '--plasma-time-picker-grid-item-font-size',
|
|
25
|
-
itemFontWeight: '--plasma-time-picker-grid-item-font-weight',
|
|
26
|
-
itemLetterSpacing: '--plasma-time-picker-grid-item-letter-spacing',
|
|
27
|
-
itemLineHeight: '--plasma-time-picker-grid-item-line-height',
|
|
28
|
-
scrollbarWidth: '--plasma-time-picker-grid-scrollbar-width',
|
|
29
|
-
scrollbarColor: '--plasma-time-picker-grid-scrollbar-color',
|
|
30
|
-
scrollbarTrackColor: '--plasma-time-picker-grid-scrollbar-track-color',
|
|
31
|
-
scrollbarMargin: '--plasma-time-picker-grid-scrollbar-margin'
|
|
32
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export var useKeyNavigation = function(param) {
|
|
2
|
-
var isCalendarOpen = param.isCalendarOpen, closeOnEsc = param.closeOnEsc, format = param.format, maskWithFormat = param.maskWithFormat, delimiter = param.delimiter, onToggle = param.onToggle;
|
|
3
|
-
var onKeyDown = function(event) {
|
|
4
|
-
if (event.key === delimiter && maskWithFormat && format) {
|
|
5
|
-
event.preventDefault();
|
|
6
|
-
return;
|
|
7
|
-
}
|
|
8
|
-
if (event.code === 'Space' && !isCalendarOpen) {
|
|
9
|
-
event.preventDefault();
|
|
10
|
-
onToggle(true, event);
|
|
11
|
-
}
|
|
12
|
-
if (event.code === 'Escape' && isCalendarOpen && closeOnEsc) {
|
|
13
|
-
event.preventDefault();
|
|
14
|
-
onToggle(false, event);
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
return {
|
|
18
|
-
onKeyDown: onKeyDown
|
|
19
|
-
};
|
|
20
|
-
};
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
function _define_property(obj, key, value) {
|
|
2
|
-
if (key in obj) {
|
|
3
|
-
Object.defineProperty(obj, key, {
|
|
4
|
-
value: value,
|
|
5
|
-
enumerable: true,
|
|
6
|
-
configurable: true,
|
|
7
|
-
writable: true
|
|
8
|
-
});
|
|
9
|
-
} else {
|
|
10
|
-
obj[key] = value;
|
|
11
|
-
}
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
import React from "react";
|
|
15
|
-
import cls from "classnames";
|
|
16
|
-
import { classes } from "../../TimePickerGrid.tokens";
|
|
17
|
-
import { StyledTimeColumn, StyledTimeItem, StyledEmpty, CustomScrollbar, ScrollbarTrack, ScrollbarThumb, StyledRoot } from "./TimeColumn.styles";
|
|
18
|
-
export var renderTimeColumn = function(param) {
|
|
19
|
-
var values = param.values, disabledValues = param.disabledValues, dropdownHeight = param.dropdownHeight, column = param.column, activeTime = param.activeTime, handleTimeItemClick = param.handleTimeItemClick, handleTimeItemKeyDown = param.handleTimeItemKeyDown, createScrollbarDragHandler = param.createScrollbarDragHandler, setScrollbar = param.setScrollbar, columnRef = param.columnRef, scrollbarState = param.scrollbarState, scrollbarRef = param.scrollbarRef, thumbRef = param.thumbRef, timeoutRef = param.timeoutRef, timeItemRefs = param.timeItemRefs;
|
|
20
|
-
var handleKeyDown = function(e, columnType, value) {
|
|
21
|
-
handleTimeItemKeyDown(e, columnType, value);
|
|
22
|
-
};
|
|
23
|
-
var handleClick = function(value, columnType) {
|
|
24
|
-
var isDisabled = disabledValues === null || disabledValues === void 0 ? void 0 : disabledValues.some(function(disabledValue) {
|
|
25
|
-
return parseInt(disabledValue.toString(), 10) === parseInt(value, 10);
|
|
26
|
-
});
|
|
27
|
-
if (!isDisabled) {
|
|
28
|
-
handleTimeItemClick(value, columnType);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
var minDisableIndex = function() {
|
|
32
|
-
if (!disabledValues || disabledValues.length === 0) {
|
|
33
|
-
return 0;
|
|
34
|
-
}
|
|
35
|
-
var disabledNumbers = disabledValues.map(function(val) {
|
|
36
|
-
return parseInt(val.toString(), 10);
|
|
37
|
-
});
|
|
38
|
-
for(var i = 0; i < values.length; i++){
|
|
39
|
-
var currentValue = parseInt(values[i], 10);
|
|
40
|
-
if (!disabledNumbers.includes(currentValue)) {
|
|
41
|
-
return i;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
return 0;
|
|
45
|
-
};
|
|
46
|
-
var isColumnActive = activeTime.currentColumn === column;
|
|
47
|
-
var minAvailableIndex = minDisableIndex();
|
|
48
|
-
return /*#__PURE__*/ React.createElement(StyledRoot, null, /*#__PURE__*/ React.createElement(StyledTimeColumn, {
|
|
49
|
-
key: column,
|
|
50
|
-
ref: columnRef,
|
|
51
|
-
height: dropdownHeight,
|
|
52
|
-
className: classes.timeColumn,
|
|
53
|
-
tabIndex: -1
|
|
54
|
-
}, values.map(function(value, index) {
|
|
55
|
-
var isDisabled = disabledValues === null || disabledValues === void 0 ? void 0 : disabledValues.some(function(disabledValue) {
|
|
56
|
-
return disabledValue === index;
|
|
57
|
-
});
|
|
58
|
-
var isActive = activeTime[column] === parseInt(value, 10);
|
|
59
|
-
var getTabIndex = function() {
|
|
60
|
-
if (isDisabled) return -1;
|
|
61
|
-
var isValueActive = activeTime[column] === parseInt(value, 10);
|
|
62
|
-
if (isColumnActive && isValueActive) {
|
|
63
|
-
return 0;
|
|
64
|
-
}
|
|
65
|
-
if (index === minAvailableIndex) {
|
|
66
|
-
return 0;
|
|
67
|
-
}
|
|
68
|
-
return -1;
|
|
69
|
-
};
|
|
70
|
-
var tabIndex = getTabIndex();
|
|
71
|
-
var _obj;
|
|
72
|
-
return /*#__PURE__*/ React.createElement(StyledTimeItem, {
|
|
73
|
-
key: column + value,
|
|
74
|
-
ref: function(el) {
|
|
75
|
-
timeItemRefs.current["".concat(column, "-").concat(value)] = el;
|
|
76
|
-
},
|
|
77
|
-
className: cls((_obj = {}, _define_property(_obj, classes.timeItemActive, isActive), _define_property(_obj, classes.itemDisabled, isDisabled), _obj)),
|
|
78
|
-
onClick: function() {
|
|
79
|
-
return handleClick(value, column);
|
|
80
|
-
},
|
|
81
|
-
onKeyDown: function(e) {
|
|
82
|
-
return handleKeyDown(e, column, value);
|
|
83
|
-
},
|
|
84
|
-
"aria-disabled": isDisabled,
|
|
85
|
-
tabIndex: tabIndex,
|
|
86
|
-
"data-value": value,
|
|
87
|
-
"data-column": column,
|
|
88
|
-
"data-active": isActive
|
|
89
|
-
}, value);
|
|
90
|
-
}), /*#__PURE__*/ React.createElement(StyledEmpty, null)), /*#__PURE__*/ React.createElement(CustomScrollbar, {
|
|
91
|
-
ref: scrollbarRef,
|
|
92
|
-
className: cls(_define_property({}, classes.scrollbarVisible, scrollbarState === null || scrollbarState === void 0 ? void 0 : scrollbarState.isVisible)),
|
|
93
|
-
tabIndex: -1
|
|
94
|
-
}, /*#__PURE__*/ React.createElement(ScrollbarTrack, null, /*#__PURE__*/ React.createElement(ScrollbarThumb, {
|
|
95
|
-
ref: thumbRef,
|
|
96
|
-
style: {
|
|
97
|
-
height: "".concat(scrollbarState === null || scrollbarState === void 0 ? void 0 : scrollbarState.thumbHeight, "px"),
|
|
98
|
-
top: "".concat(scrollbarState === null || scrollbarState === void 0 ? void 0 : scrollbarState.thumbPosition, "px")
|
|
99
|
-
},
|
|
100
|
-
onMouseDown: columnRef && setScrollbar && timeoutRef ? createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef) : undefined,
|
|
101
|
-
tabIndex: -1
|
|
102
|
-
}))));
|
|
103
|
-
};
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
function _instanceof(left, right) {
|
|
2
|
-
if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
|
|
3
|
-
return !!right[Symbol.hasInstance](left);
|
|
4
|
-
} else {
|
|
5
|
-
return left instanceof right;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
export var getColumnsFromFormat = function(format) {
|
|
9
|
-
var parts = format.split(':');
|
|
10
|
-
var columns = [];
|
|
11
|
-
parts.forEach(function(part) {
|
|
12
|
-
switch(part){
|
|
13
|
-
case 'HH':
|
|
14
|
-
columns.push({
|
|
15
|
-
type: 'hours',
|
|
16
|
-
values: range(24),
|
|
17
|
-
format: 'HH'
|
|
18
|
-
});
|
|
19
|
-
break;
|
|
20
|
-
case 'mm':
|
|
21
|
-
columns.push({
|
|
22
|
-
type: 'minutes',
|
|
23
|
-
values: range(60),
|
|
24
|
-
format: 'mm'
|
|
25
|
-
});
|
|
26
|
-
break;
|
|
27
|
-
case 'ss':
|
|
28
|
-
columns.push({
|
|
29
|
-
type: 'seconds',
|
|
30
|
-
values: range(60),
|
|
31
|
-
format: 'ss'
|
|
32
|
-
});
|
|
33
|
-
break;
|
|
34
|
-
default:
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
return columns;
|
|
38
|
-
};
|
|
39
|
-
export var parseTimeString = function(timeString, format) {
|
|
40
|
-
var timeParts = timeString.split(':');
|
|
41
|
-
var formatParts = format.split(':');
|
|
42
|
-
var result = {
|
|
43
|
-
hh: null,
|
|
44
|
-
mm: null,
|
|
45
|
-
ss: null
|
|
46
|
-
};
|
|
47
|
-
formatParts.forEach(function(part, index) {
|
|
48
|
-
var value = timeParts[index] ? parseInt(timeParts[index], 10) : null;
|
|
49
|
-
switch(part){
|
|
50
|
-
case 'HH':
|
|
51
|
-
result.hh = value;
|
|
52
|
-
break;
|
|
53
|
-
case 'mm':
|
|
54
|
-
result.mm = value;
|
|
55
|
-
break;
|
|
56
|
-
case 'ss':
|
|
57
|
-
result.ss = value;
|
|
58
|
-
break;
|
|
59
|
-
default:
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
return result;
|
|
63
|
-
};
|
|
64
|
-
export var buildTimeString = function(timeValues, format) {
|
|
65
|
-
var formatParts = format.split(':');
|
|
66
|
-
return formatParts.map(function(part) {
|
|
67
|
-
switch(part){
|
|
68
|
-
case 'HH':
|
|
69
|
-
return timeValues.hh !== null ? timeValues.hh.toString().padStart(2, '0') : '00';
|
|
70
|
-
case 'mm':
|
|
71
|
-
return timeValues.mm !== null ? timeValues.mm.toString().padStart(2, '0') : '00';
|
|
72
|
-
case 'ss':
|
|
73
|
-
return timeValues.ss !== null ? timeValues.ss.toString().padStart(2, '0') : '00';
|
|
74
|
-
default:
|
|
75
|
-
return '00';
|
|
76
|
-
}
|
|
77
|
-
}).join(':');
|
|
78
|
-
};
|
|
79
|
-
export var isTimeDisabled = function(timeValues, min, max, format) {
|
|
80
|
-
if (!min && !max) return false;
|
|
81
|
-
if (timeValues.hh === null || timeValues.mm === null || timeValues.ss === null) {
|
|
82
|
-
return false;
|
|
83
|
-
}
|
|
84
|
-
var totalSeconds = timeValues.hh * 3600 + timeValues.mm * 60 + timeValues.ss;
|
|
85
|
-
var minSeconds = 0;
|
|
86
|
-
var maxSeconds = 23 * 3600 + 59 * 60 + 59;
|
|
87
|
-
if (min) {
|
|
88
|
-
if (_instanceof(min, Date)) {
|
|
89
|
-
minSeconds = min.getHours() * 3600 + min.getMinutes() * 60 + min.getSeconds();
|
|
90
|
-
} else {
|
|
91
|
-
var minTime = parseTimeString(min, format !== null && format !== void 0 ? format : 'HH:mm:ss');
|
|
92
|
-
minSeconds = (minTime.hh || 0) * 3600 + (minTime.mm || 0) * 60 + (minTime.ss || 0);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
if (max) {
|
|
96
|
-
if (_instanceof(max, Date)) {
|
|
97
|
-
maxSeconds = max.getHours() * 3600 + max.getMinutes() * 60 + max.getSeconds();
|
|
98
|
-
} else {
|
|
99
|
-
var maxTime = parseTimeString(max, format !== null && format !== void 0 ? format : 'HH:mm:ss');
|
|
100
|
-
maxSeconds = (maxTime.hh || 0) * 3600 + (maxTime.mm || 0) * 60 + (maxTime.ss || 0);
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
return totalSeconds < minSeconds || totalSeconds > maxSeconds;
|
|
104
|
-
};
|
|
105
|
-
export var delimiter = ':';
|
|
106
|
-
export var range = function(number) {
|
|
107
|
-
var padLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
|
|
108
|
-
return Array.from({
|
|
109
|
-
length: number
|
|
110
|
-
}, function(_, i) {
|
|
111
|
-
return i.toString().padStart(padLength, '0');
|
|
112
|
-
});
|
|
113
|
-
};
|
|
114
|
-
export var animateScrollTo = function(element, targetScrollTop) {
|
|
115
|
-
var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300;
|
|
116
|
-
var startScrollTop = element.scrollTop;
|
|
117
|
-
var distance = targetScrollTop - startScrollTop;
|
|
118
|
-
var startTime = null;
|
|
119
|
-
var animate = function(currentTime) {
|
|
120
|
-
if (!startTime) startTime = currentTime;
|
|
121
|
-
var timeElapsed = currentTime - startTime;
|
|
122
|
-
var progress = Math.min(timeElapsed / duration, 1);
|
|
123
|
-
var easeOut = function(t) {
|
|
124
|
-
return 1 - Math.pow(1 - t, 3);
|
|
125
|
-
};
|
|
126
|
-
var scrollPosition = startScrollTop + distance * easeOut(progress);
|
|
127
|
-
element.scrollTop = scrollPosition;
|
|
128
|
-
if (timeElapsed < duration) {
|
|
129
|
-
requestAnimationFrame(animate);
|
|
130
|
-
}
|
|
131
|
-
};
|
|
132
|
-
requestAnimationFrame(animate);
|
|
133
|
-
};
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { css } from "styled-components";
|
|
2
|
-
import { timePickerGridTokens as tokens } from "../../../components/TimePickerGrid";
|
|
3
|
-
export var config = {
|
|
4
|
-
defaults: {
|
|
5
|
-
view: 'default',
|
|
6
|
-
size: 'm'
|
|
7
|
-
},
|
|
8
|
-
variations: {
|
|
9
|
-
view: {
|
|
10
|
-
default: css([
|
|
11
|
-
"",
|
|
12
|
-
":var(--surface-transparent-secondary);",
|
|
13
|
-
":var(--surface-transparent-secondary);",
|
|
14
|
-
":var(--surface-transparent-tertiary);",
|
|
15
|
-
":var(--surface-transparent-primary);",
|
|
16
|
-
":0.4;"
|
|
17
|
-
], tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor, tokens.disabledOpacity)
|
|
18
|
-
},
|
|
19
|
-
size: {
|
|
20
|
-
l: css([
|
|
21
|
-
"",
|
|
22
|
-
":15rem;",
|
|
23
|
-
":36.25rem;",
|
|
24
|
-
":var(--plasma-typo-body-l-font-family);",
|
|
25
|
-
":var(--plasma-typo-body-l-font-size);",
|
|
26
|
-
":var(--plasma-typo-body-l-font-style);",
|
|
27
|
-
":var(--plasma-typo-body-l-font-weight);",
|
|
28
|
-
":var(--plasma-typo-body-l-letter-spacing);",
|
|
29
|
-
":var(--plasma-typo-body-l-line-height);",
|
|
30
|
-
":3.5rem;",
|
|
31
|
-
":0.75rem;",
|
|
32
|
-
":0rem;",
|
|
33
|
-
":0.125rem;",
|
|
34
|
-
":0.5rem;"
|
|
35
|
-
], tokens.timePickerGridWidth, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
36
|
-
m: css([
|
|
37
|
-
"",
|
|
38
|
-
":15rem;",
|
|
39
|
-
":31.25rem;",
|
|
40
|
-
":var(--plasma-typo-body-m-font-family);",
|
|
41
|
-
":var(--plasma-typo-body-m-font-size);",
|
|
42
|
-
":var(--plasma-typo-body-m-font-style);",
|
|
43
|
-
":var(--plasma-typo-body-m-font-weight);",
|
|
44
|
-
":var(--plasma-typo-body-m-letter-spacing);",
|
|
45
|
-
":var(--plasma-typo-body-m-line-height);",
|
|
46
|
-
":3rem;",
|
|
47
|
-
":0.625rem;",
|
|
48
|
-
":0rem;",
|
|
49
|
-
":0.125rem;",
|
|
50
|
-
":0.375rem;"
|
|
51
|
-
], tokens.timePickerGridWidth, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
52
|
-
s: css([
|
|
53
|
-
"",
|
|
54
|
-
":15rem;",
|
|
55
|
-
":26.25rem;",
|
|
56
|
-
":var(--plasma-typo-body-s-font-family);",
|
|
57
|
-
":var(--plasma-typo-body-s-font-size);",
|
|
58
|
-
":var(--plasma-typo-body-s-font-style);",
|
|
59
|
-
":var(--plasma-typo-body-s-font-weight);",
|
|
60
|
-
":var(--plasma-typo-body-s-letter-spacing);",
|
|
61
|
-
":var(--plasma-typo-body-s-line-height);",
|
|
62
|
-
":2.5rem;",
|
|
63
|
-
":0.5rem;",
|
|
64
|
-
":0rem;",
|
|
65
|
-
":0.125rem;",
|
|
66
|
-
":0.25rem;"
|
|
67
|
-
], tokens.timePickerGridWidth, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
|
|
68
|
-
xs: css([
|
|
69
|
-
"",
|
|
70
|
-
":15rem;",
|
|
71
|
-
":21.25rem;",
|
|
72
|
-
":var(--plasma-typo-body-xs-font-family);",
|
|
73
|
-
":var(--plasma-typo-body-xs-font-size);",
|
|
74
|
-
":var(--plasma-typo-body-xs-font-style);",
|
|
75
|
-
":var(--plasma-typo-body-xs-font-weight);",
|
|
76
|
-
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
77
|
-
":var(--plasma-typo-body-xs-line-height);",
|
|
78
|
-
":2rem;",
|
|
79
|
-
":0.375rem;",
|
|
80
|
-
":0rem;",
|
|
81
|
-
":0.125rem;",
|
|
82
|
-
":0.25rem;",
|
|
83
|
-
":0.4;"
|
|
84
|
-
], tokens.timePickerGridWidth, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin, tokens.disabledOpacity)
|
|
85
|
-
},
|
|
86
|
-
disabled: {
|
|
87
|
-
true: css([
|
|
88
|
-
"",
|
|
89
|
-
":0.4;"
|
|
90
|
-
], tokens.disabledOpacity)
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
|
2
|
-
import { timePickerGridConfig } from "../../../components/TimePickerGrid";
|
|
3
|
-
import { config } from "./TimePickerGrid.config";
|
|
4
|
-
var mergedConfig = mergeConfig(timePickerGridConfig, config);
|
|
5
|
-
export var TimePickerGrid = component(mergedConfig);
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { RootProps } from '../../engines';
|
|
3
|
-
import { TimePickerGridChangeEvent, TimePickerGridProps } from './TimePickerGrid.types';
|
|
4
|
-
export declare const timePickerGridRoot: (Root: RootProps<HTMLDivElement, Omit<TimePickerGridProps, "defaultValue" | "onChange">>) => React.ForwardRefExoticComponent<{
|
|
5
|
-
value?: string;
|
|
6
|
-
dropdownHeight?: React.CSSProperties["height"];
|
|
7
|
-
dropdownWidth?: "auto" | "fullWidth" | React.CSSProperties["width"];
|
|
8
|
-
format?: string;
|
|
9
|
-
min?: string | Date;
|
|
10
|
-
max?: string | Date;
|
|
11
|
-
columnsQuantity?: 2 | 3;
|
|
12
|
-
size?: string;
|
|
13
|
-
view?: string;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
disabledValues?: {
|
|
16
|
-
hour?: number[];
|
|
17
|
-
minute?: number[];
|
|
18
|
-
second?: number[];
|
|
19
|
-
};
|
|
20
|
-
onChange?: (event: TimePickerGridChangeEvent) => void;
|
|
21
|
-
} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
export declare const timePickerGridConfig: {
|
|
23
|
-
name: string;
|
|
24
|
-
tag: string;
|
|
25
|
-
layout: (Root: RootProps<HTMLDivElement, Omit<TimePickerGridProps, "defaultValue" | "onChange">>) => React.ForwardRefExoticComponent<{
|
|
26
|
-
value?: string;
|
|
27
|
-
dropdownHeight?: React.CSSProperties["height"];
|
|
28
|
-
dropdownWidth?: "auto" | "fullWidth" | React.CSSProperties["width"];
|
|
29
|
-
format?: string;
|
|
30
|
-
min?: string | Date;
|
|
31
|
-
max?: string | Date;
|
|
32
|
-
columnsQuantity?: 2 | 3;
|
|
33
|
-
size?: string;
|
|
34
|
-
view?: string;
|
|
35
|
-
disabled?: boolean;
|
|
36
|
-
disabledValues?: {
|
|
37
|
-
hour?: number[];
|
|
38
|
-
minute?: number[];
|
|
39
|
-
second?: number[];
|
|
40
|
-
};
|
|
41
|
-
onChange?: (event: TimePickerGridChangeEvent) => void;
|
|
42
|
-
} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
|
-
base: import("@linaria/core").LinariaClassName;
|
|
44
|
-
variations: {
|
|
45
|
-
view: {
|
|
46
|
-
css: import("@linaria/core").LinariaClassName;
|
|
47
|
-
};
|
|
48
|
-
size: {
|
|
49
|
-
css: import("@linaria/core").LinariaClassName;
|
|
50
|
-
};
|
|
51
|
-
disabled: {
|
|
52
|
-
css: import("@linaria/core").LinariaClassName;
|
|
53
|
-
attrs: boolean;
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
|
-
defaults: {
|
|
57
|
-
size: string;
|
|
58
|
-
view: string;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
//# sourceMappingURL=TimePickerGrid.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePickerGrid.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAC5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAsBxF,eAAO,MAAM,kBAAkB,SACrB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;YAE5D,CAAC;cACxB,CAAF;cAEU,CAAP;;;iGAovBJ,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBA3vBvB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;gBAE5D,CAAC;kBACxB,CAAF;kBAEU,CAAP;;;;;;;;;;;;;;;;;;;;;CA2wBR,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export declare const base: import("@linaria/core").LinariaClassName;
|
|
2
|
-
export declare const StyledTimePicker: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
3
|
-
width?: string | number;
|
|
4
|
-
}>;
|
|
5
|
-
//# sourceMappingURL=TimePickerGrid.styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePickerGrid.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAWnE,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
export declare const classes: {
|
|
2
|
-
timePickerGridRoot: string;
|
|
3
|
-
timePickerGridStretched: string;
|
|
4
|
-
timeItemActive: string;
|
|
5
|
-
timeColumn: string;
|
|
6
|
-
scrollbarVisible: string;
|
|
7
|
-
timeColumnActive: string;
|
|
8
|
-
itemDisabled: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const tokens: {
|
|
11
|
-
timePickerGridBackground: string;
|
|
12
|
-
timePickerGridBorderRadius: string;
|
|
13
|
-
timePickerGridWidth: string;
|
|
14
|
-
timePickerGridPadding: string;
|
|
15
|
-
disabledOpacity: string;
|
|
16
|
-
columnHeight: string;
|
|
17
|
-
itemHeight: string;
|
|
18
|
-
itemBorderRadius: string;
|
|
19
|
-
itemPadding: string;
|
|
20
|
-
itemBackgroundHover: string;
|
|
21
|
-
itemBackgroundActive: string;
|
|
22
|
-
itemFontFamily: string;
|
|
23
|
-
itemFontStyle: string;
|
|
24
|
-
itemFontSize: string;
|
|
25
|
-
itemFontWeight: string;
|
|
26
|
-
itemLetterSpacing: string;
|
|
27
|
-
itemLineHeight: string;
|
|
28
|
-
scrollbarWidth: string;
|
|
29
|
-
scrollbarColor: string;
|
|
30
|
-
scrollbarTrackColor: string;
|
|
31
|
-
scrollbarMargin: string;
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=TimePickerGrid.tokens.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePickerGrid.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CA2BlB,CAAC"}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import type { CSSProperties, HTMLAttributes } from 'react';
|
|
2
|
-
export type TimePickerGridChangeEvent = {
|
|
3
|
-
timeValues: {
|
|
4
|
-
hour?: number;
|
|
5
|
-
minute?: number;
|
|
6
|
-
second?: number;
|
|
7
|
-
};
|
|
8
|
-
value?: string;
|
|
9
|
-
};
|
|
10
|
-
export type TimePickerGridProps = {
|
|
11
|
-
/**
|
|
12
|
-
* Выбранное значение времени в формате HH:mm:ss
|
|
13
|
-
*/
|
|
14
|
-
value?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Высота выпадающего списка
|
|
17
|
-
*/
|
|
18
|
-
dropdownHeight?: CSSProperties['height'];
|
|
19
|
-
/**
|
|
20
|
-
* Ширина выпадающего списка
|
|
21
|
-
*/
|
|
22
|
-
dropdownWidth?: 'auto' | 'fullWidth' | CSSProperties['width'];
|
|
23
|
-
/**
|
|
24
|
-
* Формат времени (например: 'HH:mm', 'HH:mm:ss', 'mm:HH')
|
|
25
|
-
*/
|
|
26
|
-
format?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Минимальное время (в формате HH:mm:ss или Date)
|
|
29
|
-
*/
|
|
30
|
-
min?: string | Date;
|
|
31
|
-
/**
|
|
32
|
-
* Максимальное время (в формате HH:mm:ss или Date)
|
|
33
|
-
*/
|
|
34
|
-
max?: string | Date;
|
|
35
|
-
/**
|
|
36
|
-
* @deprecated
|
|
37
|
-
* Используйте параметр format
|
|
38
|
-
*/
|
|
39
|
-
columnsQuantity?: 2 | 3;
|
|
40
|
-
/**
|
|
41
|
-
* Размер компонента
|
|
42
|
-
*/
|
|
43
|
-
size?: string;
|
|
44
|
-
/**
|
|
45
|
-
* Стиль компонента
|
|
46
|
-
*/
|
|
47
|
-
view?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Флаг неактивного состояния
|
|
50
|
-
*/
|
|
51
|
-
disabled?: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Заблокированные значения
|
|
54
|
-
*/
|
|
55
|
-
disabledValues?: {
|
|
56
|
-
hour?: number[];
|
|
57
|
-
minute?: number[];
|
|
58
|
-
second?: number[];
|
|
59
|
-
};
|
|
60
|
-
/**
|
|
61
|
-
* Обработчик изменения значения
|
|
62
|
-
*/
|
|
63
|
-
onChange?: (event: TimePickerGridChangeEvent) => void;
|
|
64
|
-
} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
|
|
65
|
-
//# sourceMappingURL=TimePickerGrid.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePickerGrid.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,yBAAyB,GAAG;IACpC,UAAU,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9D;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACzD,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { KeyboardEvent, SyntheticEvent } from 'react';
|
|
2
|
-
interface UseKeyNavigationProps {
|
|
3
|
-
isCalendarOpen: boolean;
|
|
4
|
-
closeOnEsc: boolean;
|
|
5
|
-
delimiter: string;
|
|
6
|
-
format?: string;
|
|
7
|
-
maskWithFormat?: boolean;
|
|
8
|
-
onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;
|
|
9
|
-
}
|
|
10
|
-
export declare const useKeyNavigation: ({ isCalendarOpen, closeOnEsc, format, maskWithFormat, delimiter, onToggle, }: UseKeyNavigationProps) => {
|
|
11
|
-
onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
|
|
12
|
-
};
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=useKeyboardNavigation.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePickerGrid/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,UAAU,qBAAqB;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,gBAAgB,iFAO1B,qBAAqB;uBACM,aAAa,CAAC,gBAAgB,CAAC;CAiB5D,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { timePickerGridRoot, timePickerGridConfig } from './TimePickerGrid';
|
|
2
|
-
export { tokens as timePickerGridTokens, classes as timePickerGridClasses } from './TimePickerGrid.tokens';
|
|
3
|
-
export type { TimePickerGridProps } from './TimePickerGrid.types';
|
|
4
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3G,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { TimeColumnProps } from './TimeColumn.types';
|
|
2
|
-
export declare const renderTimeColumn: ({ values, disabledValues, dropdownHeight, column, activeTime, handleTimeItemClick, handleTimeItemKeyDown, createScrollbarDragHandler, setScrollbar, columnRef, scrollbarState, scrollbarRef, thumbRef, timeoutRef, timeItemRefs, }: TimeColumnProps) => JSX.Element;
|
|
3
|
-
//# sourceMappingURL=TimeColumn.d.ts.map
|