@semcore/time-picker 3.7.3 → 4.0.0-beta.1

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/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [3.7.3] - 2023-06-30
5
+ ## [4.0.0] - 2023-07-15
6
6
 
7
- ### Changed
7
+ ### Break
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/button` [4.4.8 ~> 4.4.9], `@semcore/flex-box` [4.7.32 ~> 4.7.33], `@semcore/input` [3.7.1 ~> 3.7.2], `@semcore/select` [3.10.2 ~> 3.10.3], `@semcore/utils` [3.54.0 ~> 3.54.1]).
9
+ - Strict, backward incompatible typings.
10
10
 
11
11
  ## [3.7.2] - 2023-06-28
12
12
 
@@ -29,18 +29,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
29
29
  var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
30
30
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
31
31
  /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
32
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1gaoj_gg_{position:relative;width:auto;outline:0}.___STimePicker_1gaoj_gg_.__keyboardFocused_1gaoj_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1gaoj_gg_.__disabled_1gaoj_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1gaoj_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1gaoj_gg_.__placeholder_1gaoj_gg_{text-overflow:initial}.___SPickerInput_1gaoj_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1gaoj_gg_._size_l_1gaoj_gg_,.___SPickerInput_1gaoj_gg_._size_m_1gaoj_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1gaoj_gg_._size_l_1gaoj_gg_{width:21px}.___SPickerFormat_1gaoj_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1gaoj_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1gaoj_gg_.__active_1gaoj_gg_,.___SPickerFormat_1gaoj_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1gaoj_gg_._size_m_1gaoj_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1gaoj_gg_._size_m_1gaoj_gg_ .___SPickerFormatText_1gaoj_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1gaoj_gg_._size_l_1gaoj_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1gaoj_gg_._size_l_1gaoj_gg_ .___SPickerFormatText_1gaoj_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1gaoj_gg_.__disabled_1gaoj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1gaoj_gg_.__keyboardFocused_1gaoj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1gaoj_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1gaoj_gg_.__disabled_1gaoj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1gaoj_gg_") /*__reshadow_css_end__*/, {
33
- "__STimePicker": "___STimePicker_1gaoj_gg_",
34
- "_keyboardFocused": "__keyboardFocused_1gaoj_gg_",
35
- "_disabled": "__disabled_1gaoj_gg_",
36
- "__SPickerInput": "___SPickerInput_1gaoj_gg_",
37
- "_placeholder": "__placeholder_1gaoj_gg_",
38
- "_size_m": "_size_m_1gaoj_gg_",
39
- "_size_l": "_size_l_1gaoj_gg_",
40
- "__SPickerFormat": "___SPickerFormat_1gaoj_gg_",
41
- "_active": "__active_1gaoj_gg_",
42
- "__SPickerFormatText": "___SPickerFormatText_1gaoj_gg_",
43
- "__STimePickerSeparator": "___STimePickerSeparator_1gaoj_gg_"
32
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_54ybr_gg_{position:relative;width:auto;outline:0}.___STimePicker_54ybr_gg_.__keyboardFocused_54ybr_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_54ybr_gg_.__disabled_54ybr_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_54ybr_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_54ybr_gg_.__placeholder_54ybr_gg_{text-overflow:initial}.___SPickerInput_54ybr_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_54ybr_gg_._size_l_54ybr_gg_,.___SPickerInput_54ybr_gg_._size_m_54ybr_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_54ybr_gg_._size_l_54ybr_gg_{width:21px}.___SPickerFormat_54ybr_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_54ybr_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_54ybr_gg_.__active_54ybr_gg_,.___SPickerFormat_54ybr_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_54ybr_gg_._size_m_54ybr_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_54ybr_gg_._size_m_54ybr_gg_ .___SPickerFormatText_54ybr_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_54ybr_gg_._size_l_54ybr_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_54ybr_gg_._size_l_54ybr_gg_ .___SPickerFormatText_54ybr_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_54ybr_gg_.__disabled_54ybr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_54ybr_gg_.__keyboardFocused_54ybr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_54ybr_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_54ybr_gg_.__disabled_54ybr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "54ybr_gg_") /*__reshadow_css_end__*/, {
33
+ "__STimePicker": "___STimePicker_54ybr_gg_",
34
+ "_keyboardFocused": "__keyboardFocused_54ybr_gg_",
35
+ "_disabled": "__disabled_54ybr_gg_",
36
+ "__SPickerInput": "___SPickerInput_54ybr_gg_",
37
+ "_placeholder": "__placeholder_54ybr_gg_",
38
+ "_size_m": "_size_m_54ybr_gg_",
39
+ "_size_l": "_size_l_54ybr_gg_",
40
+ "__SPickerFormat": "___SPickerFormat_54ybr_gg_",
41
+ "_active": "__active_54ybr_gg_",
42
+ "__SPickerFormatText": "___SPickerFormatText_54ybr_gg_",
43
+ "__STimePickerSeparator": "___STimePickerSeparator_54ybr_gg_"
44
44
  });
45
45
  var MAP_MERIDIEM = {
46
46
  AM: 'PM',
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IInputProps, IInputValueProps } from '@semcore/input';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport interface ITimePickerProps extends Omit<IInputProps, 'size'> {\n /** Time in the hh:mm format */\n value?: string;\n /** Default value if `value` property is not provided */\n defaultValue?: string;\n /** The event responses upon time changing */\n onChange?: (time: string, event?: React.SyntheticEvent) => void;\n /** In charge of the component blocking */\n disabled?: boolean;\n /** Control size\n * @default m */\n size?: 'm' | 'l';\n /** 12-hour time format */\n is12Hour?: boolean;\n locale?: string;\n}\n\nexport interface ITimePickerItemProps extends IInputValueProps {\n /** Step for changing of the values in the dropdown list */\n step?: number;\n}\n\nexport interface ITimePickerFormatProps extends IBoxProps, IKeyboardFocusProps {}\n\nexport interface ITimePickerContext {\n getHoursProps: PropGetterFn;\n getFormatProps: PropGetterFn;\n getMinutesProps: PropGetterFn;\n}\n\nexport interface ITimePickerHandlers {\n value: (value: string) => void;\n}\n\ndeclare const TimePicker: (<T>(\n props: CProps<ITimePickerProps & T, ITimePickerContext, ITimePickerHandlers>,\n) => ReturnEl) & {\n Hours: <T>(props: ITimePickerItemProps & T) => ReturnEl;\n Minutes: <T>(props: ITimePickerItemProps & T) => ReturnEl;\n Separator: typeof Box;\n Format: <T>(props: ITimePickerFormatProps & T) => ReturnEl;\n};\n\nexport default TimePicker;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { InputProps, InputValueProps } from '@semcore/input';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITimePickerProps extends TimePickerProps, UnknownProperties {}\nexport type TimePickerProps = Omit<InputProps, 'size'> & {\n /** Time in the hh:mm format */\n value?: string;\n /** Default value if `value` property is not provided */\n defaultValue?: string;\n /** The event responses upon time changing */\n onChange?: (time: string, event?: React.SyntheticEvent) => void;\n /** In charge of the component blocking */\n disabled?: boolean;\n /** Control size\n * @default m */\n size?: 'm' | 'l';\n /** 12-hour time format */\n is12Hour?: boolean;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}\nexport type TimePickerItemProps = InputValueProps & {\n /** Step for changing of the values in the dropdown list */\n step?: number;\n};\n\n/** @deprecated */\nexport interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}\nexport type TimePickerFormatProps = BoxProps & KeyboardFocusProps & {};\n\n/** @deprecated */\nexport interface ITimePickerContext extends TimePickerContext, UnknownProperties {}\nexport type TimePickerContext = {\n getHoursProps: PropGetterFn;\n getFormatProps: PropGetterFn;\n getMinutesProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}\nexport type TimePickerHandlers = {\n value: (value: string) => void;\n};\n\ndeclare const TimePicker: Intergalactic.Component<\n 'div',\n TimePickerProps,\n TimePickerContext,\n [handlers: TimePickerHandlers]\n> & {\n Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n Separator: typeof Box;\n Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n\nexport default TimePicker;\n"],"mappings":""}
@@ -18,18 +18,18 @@ import Format from './PickerFormat';
18
18
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
19
19
  import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
20
20
  /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_1gaoj_gg_{position:relative;width:auto;outline:0}.___STimePicker_1gaoj_gg_.__keyboardFocused_1gaoj_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1gaoj_gg_.__disabled_1gaoj_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1gaoj_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1gaoj_gg_.__placeholder_1gaoj_gg_{text-overflow:initial}.___SPickerInput_1gaoj_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1gaoj_gg_._size_l_1gaoj_gg_,.___SPickerInput_1gaoj_gg_._size_m_1gaoj_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1gaoj_gg_._size_l_1gaoj_gg_{width:21px}.___SPickerFormat_1gaoj_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1gaoj_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1gaoj_gg_.__active_1gaoj_gg_,.___SPickerFormat_1gaoj_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1gaoj_gg_._size_m_1gaoj_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1gaoj_gg_._size_m_1gaoj_gg_ .___SPickerFormatText_1gaoj_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1gaoj_gg_._size_l_1gaoj_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1gaoj_gg_._size_l_1gaoj_gg_ .___SPickerFormatText_1gaoj_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1gaoj_gg_.__disabled_1gaoj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1gaoj_gg_.__keyboardFocused_1gaoj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1gaoj_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1gaoj_gg_.__disabled_1gaoj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1gaoj_gg_") /*__reshadow_css_end__*/, {
22
- "__STimePicker": "___STimePicker_1gaoj_gg_",
23
- "_keyboardFocused": "__keyboardFocused_1gaoj_gg_",
24
- "_disabled": "__disabled_1gaoj_gg_",
25
- "__SPickerInput": "___SPickerInput_1gaoj_gg_",
26
- "_placeholder": "__placeholder_1gaoj_gg_",
27
- "_size_m": "_size_m_1gaoj_gg_",
28
- "_size_l": "_size_l_1gaoj_gg_",
29
- "__SPickerFormat": "___SPickerFormat_1gaoj_gg_",
30
- "_active": "__active_1gaoj_gg_",
31
- "__SPickerFormatText": "___SPickerFormatText_1gaoj_gg_",
32
- "__STimePickerSeparator": "___STimePickerSeparator_1gaoj_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_54ybr_gg_{position:relative;width:auto;outline:0}.___STimePicker_54ybr_gg_.__keyboardFocused_54ybr_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_54ybr_gg_.__disabled_54ybr_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_54ybr_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_54ybr_gg_.__placeholder_54ybr_gg_{text-overflow:initial}.___SPickerInput_54ybr_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_54ybr_gg_._size_l_54ybr_gg_,.___SPickerInput_54ybr_gg_._size_m_54ybr_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_54ybr_gg_._size_l_54ybr_gg_{width:21px}.___SPickerFormat_54ybr_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_54ybr_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_54ybr_gg_.__active_54ybr_gg_,.___SPickerFormat_54ybr_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_54ybr_gg_._size_m_54ybr_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_54ybr_gg_._size_m_54ybr_gg_ .___SPickerFormatText_54ybr_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_54ybr_gg_._size_l_54ybr_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_54ybr_gg_._size_l_54ybr_gg_ .___SPickerFormatText_54ybr_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_54ybr_gg_.__disabled_54ybr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_54ybr_gg_.__keyboardFocused_54ybr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_54ybr_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_54ybr_gg_.__disabled_54ybr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "54ybr_gg_") /*__reshadow_css_end__*/, {
22
+ "__STimePicker": "___STimePicker_54ybr_gg_",
23
+ "_keyboardFocused": "__keyboardFocused_54ybr_gg_",
24
+ "_disabled": "__disabled_54ybr_gg_",
25
+ "__SPickerInput": "___SPickerInput_54ybr_gg_",
26
+ "_placeholder": "__placeholder_54ybr_gg_",
27
+ "_size_m": "_size_m_54ybr_gg_",
28
+ "_size_l": "_size_l_54ybr_gg_",
29
+ "__SPickerFormat": "___SPickerFormat_54ybr_gg_",
30
+ "_active": "__active_54ybr_gg_",
31
+ "__SPickerFormatText": "___SPickerFormatText_54ybr_gg_",
32
+ "__STimePickerSeparator": "___STimePickerSeparator_54ybr_gg_"
33
33
  });
34
34
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
35
35
  var MAP_MERIDIEM = {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IInputProps, IInputValueProps } from '@semcore/input';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport interface ITimePickerProps extends Omit<IInputProps, 'size'> {\n /** Time in the hh:mm format */\n value?: string;\n /** Default value if `value` property is not provided */\n defaultValue?: string;\n /** The event responses upon time changing */\n onChange?: (time: string, event?: React.SyntheticEvent) => void;\n /** In charge of the component blocking */\n disabled?: boolean;\n /** Control size\n * @default m */\n size?: 'm' | 'l';\n /** 12-hour time format */\n is12Hour?: boolean;\n locale?: string;\n}\n\nexport interface ITimePickerItemProps extends IInputValueProps {\n /** Step for changing of the values in the dropdown list */\n step?: number;\n}\n\nexport interface ITimePickerFormatProps extends IBoxProps, IKeyboardFocusProps {}\n\nexport interface ITimePickerContext {\n getHoursProps: PropGetterFn;\n getFormatProps: PropGetterFn;\n getMinutesProps: PropGetterFn;\n}\n\nexport interface ITimePickerHandlers {\n value: (value: string) => void;\n}\n\ndeclare const TimePicker: (<T>(\n props: CProps<ITimePickerProps & T, ITimePickerContext, ITimePickerHandlers>,\n) => ReturnEl) & {\n Hours: <T>(props: ITimePickerItemProps & T) => ReturnEl;\n Minutes: <T>(props: ITimePickerItemProps & T) => ReturnEl;\n Separator: typeof Box;\n Format: <T>(props: ITimePickerFormatProps & T) => ReturnEl;\n};\n\nexport default TimePicker;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { InputProps, InputValueProps } from '@semcore/input';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITimePickerProps extends TimePickerProps, UnknownProperties {}\nexport type TimePickerProps = Omit<InputProps, 'size'> & {\n /** Time in the hh:mm format */\n value?: string;\n /** Default value if `value` property is not provided */\n defaultValue?: string;\n /** The event responses upon time changing */\n onChange?: (time: string, event?: React.SyntheticEvent) => void;\n /** In charge of the component blocking */\n disabled?: boolean;\n /** Control size\n * @default m */\n size?: 'm' | 'l';\n /** 12-hour time format */\n is12Hour?: boolean;\n locale?: string;\n};\n\n/** @deprecated */\nexport interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}\nexport type TimePickerItemProps = InputValueProps & {\n /** Step for changing of the values in the dropdown list */\n step?: number;\n};\n\n/** @deprecated */\nexport interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}\nexport type TimePickerFormatProps = BoxProps & KeyboardFocusProps & {};\n\n/** @deprecated */\nexport interface ITimePickerContext extends TimePickerContext, UnknownProperties {}\nexport type TimePickerContext = {\n getHoursProps: PropGetterFn;\n getFormatProps: PropGetterFn;\n getMinutesProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}\nexport type TimePickerHandlers = {\n value: (value: string) => void;\n};\n\ndeclare const TimePicker: Intergalactic.Component<\n 'div',\n TimePickerProps,\n TimePickerContext,\n [handlers: TimePickerHandlers]\n> & {\n Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n Separator: typeof Box;\n Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n\nexport default TimePicker;\n"],"mappings":""}
@@ -1,10 +1,12 @@
1
1
  import React from 'react';
2
- import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
3
- import { IInputProps, IInputValueProps } from '@semcore/input';
4
- import { Box, IBoxProps } from '@semcore/flex-box';
5
- import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
2
+ import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
3
+ import { InputProps, InputValueProps } from '@semcore/input';
4
+ import { Box, BoxProps } from '@semcore/flex-box';
5
+ import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
6
6
 
7
- export interface ITimePickerProps extends Omit<IInputProps, 'size'> {
7
+ /** @deprecated */
8
+ export interface ITimePickerProps extends TimePickerProps, UnknownProperties {}
9
+ export type TimePickerProps = Omit<InputProps, 'size'> & {
8
10
  /** Time in the hh:mm format */
9
11
  value?: string;
10
12
  /** Default value if `value` property is not provided */
@@ -19,32 +21,43 @@ export interface ITimePickerProps extends Omit<IInputProps, 'size'> {
19
21
  /** 12-hour time format */
20
22
  is12Hour?: boolean;
21
23
  locale?: string;
22
- }
24
+ };
23
25
 
24
- export interface ITimePickerItemProps extends IInputValueProps {
26
+ /** @deprecated */
27
+ export interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}
28
+ export type TimePickerItemProps = InputValueProps & {
25
29
  /** Step for changing of the values in the dropdown list */
26
30
  step?: number;
27
- }
31
+ };
28
32
 
29
- export interface ITimePickerFormatProps extends IBoxProps, IKeyboardFocusProps {}
33
+ /** @deprecated */
34
+ export interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}
35
+ export type TimePickerFormatProps = BoxProps & KeyboardFocusProps & {};
30
36
 
31
- export interface ITimePickerContext {
37
+ /** @deprecated */
38
+ export interface ITimePickerContext extends TimePickerContext, UnknownProperties {}
39
+ export type TimePickerContext = {
32
40
  getHoursProps: PropGetterFn;
33
41
  getFormatProps: PropGetterFn;
34
42
  getMinutesProps: PropGetterFn;
35
- }
43
+ };
36
44
 
37
- export interface ITimePickerHandlers {
45
+ /** @deprecated */
46
+ export interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}
47
+ export type TimePickerHandlers = {
38
48
  value: (value: string) => void;
39
- }
49
+ };
40
50
 
41
- declare const TimePicker: (<T>(
42
- props: CProps<ITimePickerProps & T, ITimePickerContext, ITimePickerHandlers>,
43
- ) => ReturnEl) & {
44
- Hours: <T>(props: ITimePickerItemProps & T) => ReturnEl;
45
- Minutes: <T>(props: ITimePickerItemProps & T) => ReturnEl;
51
+ declare const TimePicker: Intergalactic.Component<
52
+ 'div',
53
+ TimePickerProps,
54
+ TimePickerContext,
55
+ [handlers: TimePickerHandlers]
56
+ > & {
57
+ Hours: Intergalactic.Component<'div', TimePickerItemProps>;
58
+ Minutes: Intergalactic.Component<'div', TimePickerItemProps>;
46
59
  Separator: typeof Box;
47
- Format: <T>(props: ITimePickerFormatProps & T) => ReturnEl;
60
+ Format: Intergalactic.Component<'div', TimePickerFormatProps>;
48
61
  };
49
62
 
50
63
  export default TimePicker;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/time-picker",
3
3
  "description": "Semrush TimePicker Component",
4
- "version": "3.7.3",
4
+ "version": "4.0.0-beta.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -9,14 +9,14 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/button": "^4",
13
- "@semcore/flex-box": "^4",
14
- "@semcore/input": "^3.0.0",
15
- "@semcore/select": "^3.0.0",
16
- "@semcore/utils": "^3.15"
12
+ "@semcore/button": "5.0.0-beta.1",
13
+ "@semcore/flex-box": "5.0.0-beta.1",
14
+ "@semcore/input": "4.0.0-beta.1",
15
+ "@semcore/select": "4.0.0-beta.1",
16
+ "@semcore/utils": "4.0.0-beta.1"
17
17
  },
18
18
  "peerDependencies": {
19
- "@semcore/core": "^1.11",
19
+ "@semcore/core": "2.0.0-beta.1",
20
20
  "react": "16.8 - 18",
21
21
  "react-dom": "16.8 - 18"
22
22
  },