@semcore/time-picker 4.51.0-prerelease.0 → 16.0.0-prerelease.4

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.
@@ -1,104 +1,101 @@
1
- import x from "@babel/runtime/helpers/esm/objectSpread2";
2
- import b from "@babel/runtime/helpers/esm/slicedToArray";
3
- import z from "@babel/runtime/helpers/esm/classCallCheck";
4
- import H from "@babel/runtime/helpers/esm/createClass";
1
+ import S from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import P from "@babel/runtime/helpers/esm/slicedToArray";
3
+ import F from "@babel/runtime/helpers/esm/classCallCheck";
4
+ import $ from "@babel/runtime/helpers/esm/createClass";
5
5
  import v from "@babel/runtime/helpers/esm/assertThisInitialized";
6
- import $ from "@babel/runtime/helpers/esm/inherits";
7
- import N from "@babel/runtime/helpers/esm/createSuper";
6
+ import N from "@babel/runtime/helpers/esm/inherits";
7
+ import C from "@babel/runtime/helpers/esm/createSuper";
8
8
  import g from "@babel/runtime/helpers/esm/defineProperty";
9
- import { sstyled as D } from "@semcore/utils/lib/core/index";
10
- import q, { sstyled as C, assignProps as R, Component as w } from "@semcore/core";
9
+ import { sstyled as H, createComponent as D, assignProps as R, Component as E } from "@semcore/core";
11
10
  import m from "react";
12
- import B from "@semcore/input";
13
- import { Box as L } from "@semcore/flex-box";
14
- import { Hours as O, Minutes as j } from "./PickerInput.mjs";
15
- import Z from "./PickerFormat.mjs";
16
- import { localizedMessages as E } from "./translations/__intergalactic-dynamic-locales.mjs";
17
- import G from "@semcore/utils/lib/enhances/i18nEnhance";
18
- import J from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
19
- var K = (
11
+ import q from "@semcore/input";
12
+ import { Box as B } from "@semcore/flex-box";
13
+ import { Hours as L, Minutes as O } from "./PickerInput.mjs";
14
+ import j from "./PickerFormat.mjs";
15
+ import { localizedMessages as w } from "./translations/__intergalactic-dynamic-locales.mjs";
16
+ import Z from "@semcore/core/lib/utils/enhances/i18nEnhance";
17
+ var G = (
20
18
  /*__reshadow_css_start__*/
21
- (D.insert(
19
+ (H.insert(
22
20
  /*__inner_css_start__*/
23
- ".___STimePicker_us7vk_gg_{position:relative;width:auto;outline:0}.___STimePicker_us7vk_gg_.__keyboardFocused_us7vk_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_us7vk_gg_.__disabled_us7vk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_us7vk_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_us7vk_gg_.__placeholder_us7vk_gg_{text-overflow:initial}.___SPickerInput_us7vk_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_,.___SPickerInput_us7vk_gg_._size_m_us7vk_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_us7vk_gg_._size_l_us7vk_gg_{width:21px}.___SPickerFormat_us7vk_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;-webkit-text-decoration:none;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_us7vk_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_us7vk_gg_.__active_us7vk_gg_,.___SPickerFormat_us7vk_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_us7vk_gg_:focus,.___SPickerFormat_us7vk_gg_:focus-visible{outline:0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_us7vk_gg_._size_m_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_us7vk_gg_._size_l_us7vk_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_us7vk_gg_._size_l_us7vk_gg_ .___SPickerFormatText_us7vk_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_us7vk_gg_.__keyboardFocused_us7vk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_us7vk_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_us7vk_gg_.__disabled_us7vk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
24
- "us7vk_gg_"
21
+ ".___STimePicker_xkf0v_gg_{position:relative;width:auto;outline:0}.___STimePicker_xkf0v_gg_.__disabled_xkf0v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_xkf0v_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_xkf0v_gg_.__placeholder_xkf0v_gg_{text-overflow:initial}.___SPickerInput_xkf0v_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_xkf0v_gg_._size_l_xkf0v_gg_,.___SPickerInput_xkf0v_gg_._size_m_xkf0v_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_xkf0v_gg_._size_l_xkf0v_gg_{width:21px}.___SPickerFormat_xkf0v_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;-webkit-text-decoration:none;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;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_xkf0v_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_xkf0v_gg_.__active_xkf0v_gg_,.___SPickerFormat_xkf0v_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_xkf0v_gg_._size_m_xkf0v_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_xkf0v_gg_._size_m_xkf0v_gg_ .___SPickerFormatText_xkf0v_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_xkf0v_gg_._size_l_xkf0v_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_xkf0v_gg_._size_l_xkf0v_gg_ .___SPickerFormatText_xkf0v_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_xkf0v_gg_.__disabled_xkf0v_gg_{cursor:default;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___STimePickerSeparator_xkf0v_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SPickerFormat_xkf0v_gg_.__disabled_xkf0v_gg_,.___STimePickerSeparator_xkf0v_gg_.__disabled_xkf0v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
22
+ "xkf0v_gg_"
25
23
  ), {
26
- __STimePicker: "___STimePicker_us7vk_gg_",
27
- _keyboardFocused: "__keyboardFocused_us7vk_gg_",
28
- _disabled: "__disabled_us7vk_gg_",
29
- __SPickerInput: "___SPickerInput_us7vk_gg_",
30
- _size_m: "_size_m_us7vk_gg_",
31
- _size_l: "_size_l_us7vk_gg_",
32
- __SPickerFormat: "___SPickerFormat_us7vk_gg_",
33
- __STimePickerSeparator: "___STimePickerSeparator_us7vk_gg_",
34
- _placeholder: "__placeholder_us7vk_gg_",
35
- _active: "__active_us7vk_gg_",
36
- __SPickerFormatText: "___SPickerFormatText_us7vk_gg_"
24
+ __STimePicker: "___STimePicker_xkf0v_gg_",
25
+ _disabled: "__disabled_xkf0v_gg_",
26
+ __SPickerInput: "___SPickerInput_xkf0v_gg_",
27
+ _size_m: "_size_m_xkf0v_gg_",
28
+ _size_l: "_size_l_xkf0v_gg_",
29
+ __SPickerFormat: "___SPickerFormat_xkf0v_gg_",
30
+ __STimePickerSeparator: "___STimePickerSeparator_xkf0v_gg_",
31
+ _placeholder: "__placeholder_xkf0v_gg_",
32
+ _active: "__active_xkf0v_gg_",
33
+ __SPickerFormatText: "___SPickerFormatText_xkf0v_gg_"
37
34
  })
38
- ), Q = {
35
+ ), J = {
39
36
  AM: "PM",
40
37
  PM: "AM"
41
- }, U = {
38
+ }, K = {
42
39
  hours: 0,
43
40
  minutes: 1
44
41
  };
45
- function S(a) {
46
- var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, _ = Number.parseInt(a);
47
- return Number.isNaN(_) ? u : _;
42
+ function T(a) {
43
+ var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, s = Number.parseInt(a);
44
+ return Number.isNaN(s) ? l : s;
48
45
  }
49
- function F(a) {
46
+ function M(a) {
50
47
  return a = String(a), a.length === 1 ? "0".concat(a) : String(a);
51
48
  }
52
- function W(a) {
49
+ function Q(a) {
53
50
  return a >= 12 ? "PM" : "AM";
54
51
  }
55
- function M(a) {
56
- var u = S(a, NaN);
57
- return Number.isNaN(u) ? a : u === 0 ? 12 : u > 12 ? u - 12 : a;
52
+ function z(a) {
53
+ var l = T(a, NaN);
54
+ return Number.isNaN(l) ? a : l === 0 ? 12 : l > 12 ? l - 12 : a;
58
55
  }
59
- function X(a, u) {
60
- var _ = S(a, NaN);
61
- return Number.isNaN(_) ? a : u === "AM" && _ === 12 ? 0 : u === "PM" && _ < 12 ? _ + 12 : a;
56
+ function U(a, l) {
57
+ var s = T(a, NaN);
58
+ return Number.isNaN(s) ? a : l === "AM" && s === 12 ? 0 : l === "PM" && s < 12 ? s + 12 : a;
62
59
  }
63
- var T = /* @__PURE__ */ function(a) {
64
- $(_, a);
65
- var u = N(_);
66
- function _() {
60
+ var b = /* @__PURE__ */ function(a) {
61
+ N(s, a);
62
+ var l = C(s);
63
+ function s() {
67
64
  var e;
68
- z(this, _);
69
- for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
70
- o[n] = arguments[n];
71
- return e = u.call.apply(u, [this].concat(o)), g(v(e), "hoursInputRef", /* @__PURE__ */ m.createRef()), g(v(e), "minutesInputRef", /* @__PURE__ */ m.createRef()), g(v(e), "_lastMeridiem", "AM"), g(v(e), "handleValueChange", function(r, s, i) {
72
- var l = e.asProps.is12Hour, c = v(e), f = c.meridiem, p;
73
- s ? (p = e.value.split(":"), p[U[s]] = r) : p = r.split(":");
74
- var P = p, d = b(P, 2), k = d[0], h = k === void 0 ? "" : k, y = d[1], V = y === void 0 ? "" : y;
75
- l && (h = String(M(h))), r = e.timeToValue([h, V], f), e.handlers.value(r, i);
65
+ F(this, s);
66
+ for (var t = arguments.length, n = new Array(t), o = 0; o < t; o++)
67
+ n[o] = arguments[o];
68
+ return e = l.call.apply(l, [this].concat(n)), g(v(e), "hoursInputRef", /* @__PURE__ */ m.createRef()), g(v(e), "minutesInputRef", /* @__PURE__ */ m.createRef()), g(v(e), "_lastMeridiem", "AM"), g(v(e), "handleValueChange", function(r, _, i) {
69
+ var u = e.asProps.is12Hour, c = v(e), d = c.meridiem, f;
70
+ _ ? (f = e.value.split(":"), f[K[_]] = r) : f = r.split(":");
71
+ var x = f, p = P(x, 2), k = p[0], h = k === void 0 ? "" : k, y = p[1], V = y === void 0 ? "" : y;
72
+ u && (h = String(z(h))), r = e.timeToValue([h, V], d), e.handlers.value(r, i);
76
73
  }), g(v(e), "handleMeridiemClick", function(r) {
77
- var s = e.asProps.is12Hour, i = v(e), l = i.value, c = i.meridiem, f = l.split(":"), p = b(f, 2), P = p[0], d = P === void 0 ? "" : P, k = p[1], h = k === void 0 ? "" : k;
78
- s && (d = String(M(d))), l = e.timeToValue([d, h], Q[c]), e.handlers.value(l, r);
74
+ var _ = e.asProps.is12Hour, i = v(e), u = i.value, c = i.meridiem, d = u.split(":"), f = P(d, 2), x = f[0], p = x === void 0 ? "" : x, k = f[1], h = k === void 0 ? "" : k;
75
+ _ && (p = String(z(p))), u = e.timeToValue([p, h], J[c]), e.handlers.value(u, r);
79
76
  }), g(v(e), "_getHoursAndMinutesProps", function() {
80
- var r = e.asProps, s = r.is12Hour, i = r.size, l = r.disabled, c = r.getI18nText, f = e.valueToTime(e.value);
77
+ var r = e.asProps, _ = r.is12Hour, i = r.size, u = r.disabled, c = r.getI18nText, d = e.valueToTime(e.value);
81
78
  return {
82
- time: f,
79
+ time: d,
83
80
  size: i,
84
- is12Hour: s,
85
- disabled: l,
81
+ is12Hour: _,
82
+ disabled: u,
86
83
  $onValueChange: e.handleValueChange,
87
84
  minutesInputRef: e.minutesInputRef,
88
85
  hoursInputRef: e.hoursInputRef,
89
86
  _getI18nText: c
90
87
  };
91
88
  }), g(v(e), "getHoursProps", function() {
92
- return x(x({}, e._getHoursAndMinutesProps()), {}, {
89
+ return S(S({}, e._getHoursAndMinutesProps()), {}, {
93
90
  ref: e.hoursInputRef
94
91
  });
95
92
  }), g(v(e), "getMinutesProps", function() {
96
- return x(x({}, e._getHoursAndMinutesProps()), {}, {
93
+ return S(S({}, e._getHoursAndMinutesProps()), {}, {
97
94
  ref: e.minutesInputRef
98
95
  });
99
96
  }), e;
100
97
  }
101
- return H(_, [{
98
+ return $(s, [{
102
99
  key: "uncontrolledProps",
103
100
  value: (
104
101
  // default AM
@@ -112,7 +109,7 @@ var T = /* @__PURE__ */ function(a) {
112
109
  }, {
113
110
  key: "componentDidMount",
114
111
  value: function() {
115
- var t, o = this.asProps, n = o.id, r = o["aria-describedby"], s = "[for=".concat(n, "]"), i = (t = document.querySelector(s)) !== null && t !== void 0 ? t : document.querySelector("#".concat(r));
112
+ var t, n = this.asProps, o = n.id, r = n["aria-describedby"], _ = "[for=".concat(o, "]"), i = (t = document.querySelector(_)) !== null && t !== void 0 ? t : document.querySelector("#".concat(r));
116
113
  i && this.handlers.title(i.textContent);
117
114
  }
118
115
  }, {
@@ -124,20 +121,20 @@ var T = /* @__PURE__ */ function(a) {
124
121
  }, {
125
122
  key: "meridiem",
126
123
  get: function() {
127
- var t = this.asProps.value, o = t.split(":"), n = b(o, 1), r = n[0], s = r === void 0 ? "" : r, i = S(s, NaN);
128
- return Number.isNaN(i) || (this._lastMeridiem = W(i)), this._lastMeridiem;
124
+ var t = this.asProps.value, n = t.split(":"), o = P(n, 1), r = o[0], _ = r === void 0 ? "" : r, i = T(_, NaN);
125
+ return Number.isNaN(i) || (this._lastMeridiem = Q(i)), this._lastMeridiem;
129
126
  }
130
127
  }, {
131
128
  key: "valueToTime",
132
129
  value: function(t) {
133
- var o = this.asProps.is12Hour, n = t.split(":"), r = b(n, 2), s = r[0], i = s === void 0 ? "" : s, l = r[1], c = l === void 0 ? "" : l;
134
- return o && (i = M(i)), i = F(i), c = F(c), [i, c];
130
+ var n = this.asProps.is12Hour, o = t.split(":"), r = P(o, 2), _ = r[0], i = _ === void 0 ? "" : _, u = r[1], c = u === void 0 ? "" : u;
131
+ return n && (i = z(i)), i = M(i), c = M(c), [i, c];
135
132
  }
136
133
  }, {
137
134
  key: "timeToValue",
138
- value: function(t, o) {
139
- var n = this.asProps.is12Hour, r = b(t, 2), s = r[0], i = s === void 0 ? "" : s, l = r[1], c = l === void 0 ? "" : l;
140
- return i = S(i, i), c = S(c, c), n && (i = X(i, o)), "".concat(i, ":").concat(c);
135
+ value: function(t, n) {
136
+ var o = this.asProps.is12Hour, r = P(t, 2), _ = r[0], i = _ === void 0 ? "" : _, u = r[1], c = u === void 0 ? "" : u;
137
+ return i = T(i, i), c = T(c, c), o && (i = U(i, n)), "".concat(i, ":").concat(c);
141
138
  }
142
139
  }, {
143
140
  key: "getSeparatorProps",
@@ -150,85 +147,85 @@ var T = /* @__PURE__ */ function(a) {
150
147
  }, {
151
148
  key: "getFormatProps",
152
149
  value: function() {
153
- var t = this.asProps, o = t.size, n = t.disabled, r = t.disablePortal, s = t.getI18nText;
150
+ var t = this.asProps, n = t.size, o = t.disabled, r = t.disablePortal, _ = t.getI18nText;
154
151
  return {
155
- size: o,
156
- disabled: n,
152
+ size: n,
153
+ disabled: o,
157
154
  disablePortal: r,
158
155
  meridiem: this.meridiem,
159
156
  onClick: this.handleMeridiemClick,
160
- getI18nText: s
157
+ getI18nText: _
161
158
  };
162
159
  }
163
160
  }, {
164
161
  key: "render",
165
162
  value: function() {
166
- var t = this.asProps, o, n = B, r = this.asProps, s = r.styles, i = r.Children, l = r.value, c = r.is12Hour, f = r.getI18nText, p = r.title, P = this.valueToTime(this.value), d = b(P, 2), k = d[0], h = d[1], y = l ? "".concat(p, " ").concat(f("title", {
167
- time: "".concat(k, ":").concat(F(h)),
163
+ var t = this.asProps, n, o = q, r = this.asProps, _ = r.styles, i = r.Children, u = r.value, c = r.is12Hour, d = r.getI18nText, f = r.title, x = this.valueToTime(this.value), p = P(x, 2), k = p[0], h = p[1], y = u ? "".concat(f, " ").concat(d("title", {
164
+ time: "".concat(k, ":").concat(M(h)),
168
165
  meridiem: c ? this.meridiem : ""
169
- })) : "".concat(p, " ").concat(f("titleEmpty"));
170
- return o = C(s), /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(n, o.cn("STimePicker", x({}, R({
166
+ })) : "".concat(f, " ").concat(d("titleEmpty"));
167
+ return n = H(_), /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(o, n.cn("STimePicker", S({}, R({
171
168
  role: "group",
172
169
  "aria-label": y,
173
170
  __excludeProps: ["value", "title"]
174
- }, t))), /* @__PURE__ */ m.createElement(i, o.cn("Children", {}))));
171
+ }, t))), /* @__PURE__ */ m.createElement(i, n.cn("Children", {}))));
175
172
  }
176
- }]), _;
177
- }(w);
178
- g(T, "displayName", "TimePicker");
179
- g(T, "style", K);
180
- g(T, "enhance", [G(E), J()]);
181
- g(T, "defaultProps", function(a) {
182
- var u = a.is12Hour;
173
+ }]), s;
174
+ }(E);
175
+ g(b, "displayName", "TimePicker");
176
+ g(b, "style", G);
177
+ g(b, "enhance", [Z(w)]);
178
+ g(b, "defaultProps", function(a) {
179
+ var l = a.is12Hour;
183
180
  return {
184
181
  defaultValue: "",
185
182
  size: "m",
186
- children: /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(I.Hours, null), /* @__PURE__ */ m.createElement(I.Separator, null), /* @__PURE__ */ m.createElement(I.Minutes, null), u && /* @__PURE__ */ m.createElement(I.Format, null)),
187
- i18n: E,
183
+ children: /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(I.Hours, null), /* @__PURE__ */ m.createElement(I.Separator, null), /* @__PURE__ */ m.createElement(I.Minutes, null), l && /* @__PURE__ */ m.createElement(I.Format, null)),
184
+ i18n: w,
188
185
  locale: "en",
189
186
  defaultTitle: ""
190
187
  };
191
188
  });
192
189
  var A = /* @__PURE__ */ function(a) {
193
- $(_, a);
194
- var u = N(_);
195
- function _() {
190
+ N(s, a);
191
+ var l = C(s);
192
+ function s() {
196
193
  var e;
197
- z(this, _);
198
- for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
199
- o[n] = arguments[n];
200
- return e = u.call.apply(u, [this].concat(o)), g(v(e), "handlerClick", function() {
194
+ F(this, s);
195
+ for (var t = arguments.length, n = new Array(t), o = 0; o < t; o++)
196
+ n[o] = arguments[o];
197
+ return e = l.call.apply(l, [this].concat(n)), g(v(e), "handlerClick", function() {
201
198
  if (e.asProps.hoursInputRef.current) {
202
199
  var r;
203
200
  (r = e.asProps.hoursInputRef.current) === null || r === void 0 || r.focus();
204
201
  }
205
202
  }), e;
206
203
  }
207
- return H(_, [{
204
+ return $(s, [{
208
205
  key: "render",
209
206
  value: function() {
210
- var t = this.asProps, o, n = L, r = this.asProps.styles;
211
- return o = C(r), /* @__PURE__ */ m.createElement(n, o.cn("STimePickerSeparator", x({}, R({
207
+ var t = this.asProps, n, o = B, r = this.asProps.styles;
208
+ return n = H(r), /* @__PURE__ */ m.createElement(o, n.cn("STimePickerSeparator", S({}, R({
212
209
  onClick: this.handlerClick,
213
210
  "aria-hidden": "true"
214
211
  }, t))));
215
212
  }
216
- }]), _;
217
- }(w);
213
+ }]), s;
214
+ }(E);
218
215
  g(A, "defaultProps", {
219
216
  children: ":"
220
217
  });
221
- var I = q(T, {
222
- Hours: O,
223
- Minutes: j,
218
+ var I = D(b, {
219
+ Hours: L,
220
+ Minutes: O,
224
221
  Separator: A,
225
- Format: Z
222
+ Format: j
226
223
  });
227
224
  export {
228
225
  I as default,
229
- M as formatHoursTo12,
230
- X as formatHoursTo24,
231
- S as intOrDefault,
232
- W as meridiemByHours,
233
- F as withLeadingZero
226
+ z as formatHoursTo12,
227
+ U as formatHoursTo24,
228
+ T as intOrDefault,
229
+ Q as meridiemByHours,
230
+ M as withLeadingZero
234
231
  };
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
3
3
  import { InputProps, InputValueProps } from '@semcore/input';
4
4
  import { Box, BoxProps } from '@semcore/flex-box';
5
- import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
5
+ import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
6
6
 
7
7
  /** @deprecated */
8
8
  export interface ITimePickerProps extends TimePickerProps, UnknownProperties {}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/time-picker",
3
3
  "description": "Semrush TimePicker Component",
4
- "version": "4.51.0-prerelease.0",
4
+ "version": "16.0.0-prerelease.4",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,16 +14,13 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/button": "5.43.0-prerelease.0",
18
- "@semcore/flex-box": "5.41.1",
19
- "@semcore/input": "4.42.1",
20
- "@semcore/select": "4.51.0-prerelease.0",
21
- "@semcore/utils": "4.48.1"
17
+ "@semcore/flex-box": "16.0.0-prerelease.4",
18
+ "@semcore/button": "16.0.0-prerelease.4",
19
+ "@semcore/input": "16.0.0-prerelease.4",
20
+ "@semcore/select": "16.0.0-prerelease.4"
22
21
  },
23
22
  "peerDependencies": {
24
- "@semcore/core": "^2.17.5",
25
- "react": "16.8 - 18",
26
- "react-dom": "16.8 - 18"
23
+ "@semcore/base-components": "^16.0.0-prerelease.4"
27
24
  },
28
25
  "repository": {
29
26
  "type": "git",