@semcore/time-picker 3.4.36 → 3.4.38

package/lib/cjs/TimePicker.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,60 +11,35 @@ exports.formatHoursTo24 = formatHoursTo24;
 exports.intOrDefault = intOrDefault;
 exports.meridiemByHours = meridiemByHours;
 exports.withLeadingZero = withLeadingZero;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _input = _interopRequireDefault(require("@semcore/input"));
-
 var _flexBox = require("@semcore/flex-box");
-
 var _PickerInput = require("./PickerInput");
-
 var _PickerFormat = _interopRequireDefault(require("./PickerFormat"));
-
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
-
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
-
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___STimePicker_h80ot_gg_{position:relative;width:auto}.___STimePicker_h80ot_gg_.__disabled_h80ot_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_h80ot_gg_{box-sizing:content-box;text-align:center;z-index:1}.___SPickerInput_h80ot_gg_.__placeholder_h80ot_gg_{text-overflow:initial}.___SPickerInput_h80ot_gg_._size_m_h80ot_gg_{width:19px}.___SPickerInput_h80ot_gg_._size_l_h80ot_gg_{width:21px}.___SPickerFormat_h80ot_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_h80ot_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_h80ot_gg_.__active_h80ot_gg_,.___SPickerFormat_h80ot_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_h80ot_gg_._size_m_h80ot_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_h80ot_gg_._size_m_h80ot_gg_ .___SPickerFormatText_h80ot_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_h80ot_gg_._size_l_h80ot_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_h80ot_gg_._size_l_h80ot_gg_ .___SPickerFormatText_h80ot_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_h80ot_gg_.__disabled_h80ot_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_h80ot_gg_.__keyboardFocused_h80ot_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___STimePickerSeparator_h80ot_gg_.__disabled_h80ot_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}"
-/*__inner_css_end__*/
-, "h80ot_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__STimePicker": "___STimePicker_h80ot_gg_",
-  "_disabled": "__disabled_h80ot_gg_",
-  "__SPickerInput": "___SPickerInput_h80ot_gg_",
-  "_placeholder": "__placeholder_h80ot_gg_",
-  "_size_m": "_size_m_h80ot_gg_",
-  "_size_l": "_size_l_h80ot_gg_",
-  "__SPickerFormat": "___SPickerFormat_h80ot_gg_",
-  "_active": "__active_h80ot_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_h80ot_gg_",
-  "_keyboardFocused": "__keyboardFocused_h80ot_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_h80ot_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_13p4a_gg_{position:relative;width:auto}.___STimePicker_13p4a_gg_.__disabled_13p4a_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_13p4a_gg_{box-sizing:content-box;text-align:center;z-index:1}.___SPickerInput_13p4a_gg_.__placeholder_13p4a_gg_{text-overflow:initial}.___SPickerInput_13p4a_gg_._size_m_13p4a_gg_{width:19px}.___SPickerInput_13p4a_gg_._size_l_13p4a_gg_{width:21px}.___SPickerFormat_13p4a_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_13p4a_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_13p4a_gg_.__active_13p4a_gg_,.___SPickerFormat_13p4a_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_13p4a_gg_._size_m_13p4a_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_13p4a_gg_._size_m_13p4a_gg_ .___SPickerFormatText_13p4a_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_13p4a_gg_._size_l_13p4a_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_13p4a_gg_._size_l_13p4a_gg_ .___SPickerFormatText_13p4a_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_13p4a_gg_.__disabled_13p4a_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_13p4a_gg_.__keyboardFocused_13p4a_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___STimePickerSeparator_13p4a_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_13p4a_gg_.__disabled_13p4a_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "13p4a_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_13p4a_gg_",
+  "_disabled": "__disabled_13p4a_gg_",
+  "__SPickerInput": "___SPickerInput_13p4a_gg_",
+  "_placeholder": "__placeholder_13p4a_gg_",
+  "_size_m": "_size_m_13p4a_gg_",
+  "_size_l": "_size_l_13p4a_gg_",
+  "__SPickerFormat": "___SPickerFormat_13p4a_gg_",
+  "_active": "__active_13p4a_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_13p4a_gg_",
+  "_keyboardFocused": "__keyboardFocused_13p4a_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_13p4a_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',
@@ -76,44 +49,33 @@ var MAP_FIELD_TO_TIME = {
   hours: 0,
   minutes: 1
 };
-
 function intOrDefault(value) {
   var def = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var number = Number.parseInt(value);
   return Number.isNaN(number) ? def : number;
 }
-
 function withLeadingZero(value) {
   value = String(value);
   if (value.length === 1) return "0".concat(value);
   return String(value);
 }
-
 function meridiemByHours(hours) {
   return hours >= 12 ? 'PM' : 'AM';
 }
-
-function formatHoursTo12(hours
-/* hours by 24 */
-) {
+function formatHoursTo12(hours /* hours by 24 */) {
   var nHours = intOrDefault(hours, NaN); // if not (:00)
+  if (Number.isNaN(nHours)) return hours;
 
-  if (Number.isNaN(nHours)) return hours; // if not (HH:00)
-
+  // if not (HH:00)
   if (nHours === 0) return 12; // 0 => 12 PM
-
   if (nHours > 12) return nHours - 12; // 22 => 12 PM
 
   return hours;
 }
-
-function formatHoursTo24(hours
-/* hours by 12 */
-, meridiem) {
+function formatHoursTo24(hours /* hours by 12 */, meridiem) {
   var nHours = intOrDefault(hours, NaN); // if not (:00)
 
   if (Number.isNaN(nHours)) return hours;
-
   if (meridiem === 'AM') {
     if (nHours === 12) return 0; // 12 AM => 0
   }
@@ -124,80 +86,62 @@ function formatHoursTo24(hours
 
   return hours;
 }
-
 var TimePickerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(TimePickerRoot, _Component);
-
   var _super = (0, _createSuper2["default"])(TimePickerRoot);
-
   function TimePickerRoot() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, TimePickerRoot);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hoursInputRef", /*#__PURE__*/_react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "minutesInputRef", /*#__PURE__*/_react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_lastMeridiem", 'AM');
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleValueChange", function (value, field, event) {
       var is12Hour = _this.asProps.is12Hour;
-
       var _assertThisInitialize = (0, _assertThisInitialized2["default"])(_this),
-          meridiem = _assertThisInitialize.meridiem;
-
+        meridiem = _assertThisInitialize.meridiem;
       var time;
-
       if (field) {
         time = _this.value.split(':');
         time[MAP_FIELD_TO_TIME[field]] = value;
       } else {
         time = value.split(':');
       }
-
       var _time = time,
-          _time2 = (0, _slicedToArray2["default"])(_time, 2),
-          _time2$ = _time2[0],
-          hours = _time2$ === void 0 ? '' : _time2$,
-          _time2$2 = _time2[1],
-          minutes = _time2$2 === void 0 ? '' : _time2$2;
-
+        _time2 = (0, _slicedToArray2["default"])(_time, 2),
+        _time2$ = _time2[0],
+        hours = _time2$ === void 0 ? '' : _time2$,
+        _time2$2 = _time2[1],
+        minutes = _time2$2 === void 0 ? '' : _time2$2;
       if (is12Hour) hours = String(formatHoursTo12(hours));
       value = _this.timeToValue([hours, minutes], meridiem);
-
       _this.handlers.value(value, event);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMeridiemClick", function (event) {
       var is12Hour = _this.asProps.is12Hour;
-
       var _assertThisInitialize2 = (0, _assertThisInitialized2["default"])(_this),
-          value = _assertThisInitialize2.value,
-          meridiem = _assertThisInitialize2.meridiem;
-
+        value = _assertThisInitialize2.value,
+        meridiem = _assertThisInitialize2.meridiem;
       var _value$split = value.split(':'),
-          _value$split2 = (0, _slicedToArray2["default"])(_value$split, 2),
-          _value$split2$ = _value$split2[0],
-          hours = _value$split2$ === void 0 ? '' : _value$split2$,
-          _value$split2$2 = _value$split2[1],
-          minutes = _value$split2$2 === void 0 ? '' : _value$split2$2;
-
+        _value$split2 = (0, _slicedToArray2["default"])(_value$split, 2),
+        _value$split2$ = _value$split2[0],
+        hours = _value$split2$ === void 0 ? '' : _value$split2$,
+        _value$split2$2 = _value$split2[1],
+        minutes = _value$split2$2 === void 0 ? '' : _value$split2$2;
       if (is12Hour) hours = String(formatHoursTo12(hours));
       value = _this.timeToValue([hours, minutes], MAP_MERIDIEM[meridiem]);
-
       _this.handlers.value(value, event);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_getHoursAndMinutesProps", function () {
       var _this$asProps = _this.asProps,
-          is12Hour = _this$asProps.is12Hour,
-          size = _this$asProps.size,
-          disabled = _this$asProps.disabled,
-          getI18nText = _this$asProps.getI18nText;
-
+        is12Hour = _this$asProps.is12Hour,
+        size = _this$asProps.size,
+        disabled = _this$asProps.disabled,
+        getI18nText = _this$asProps.getI18nText;
       var time = _this.valueToTime(_this.value);
-
       return {
         time: time,
         size: size,
@@ -213,10 +157,11 @@ var TimePickerRoot = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getMinutesProps", _this._getHoursAndMinutesProps);
     return _this;
   }
-
   (0, _createClass2["default"])(TimePickerRoot, [{
     key: "uncontrolledProps",
-    value: // default AM
+    value:
+    // default AM
+
     function uncontrolledProps() {
       return {
         value: null
@@ -232,32 +177,26 @@ var TimePickerRoot = /*#__PURE__*/function (_Component) {
     key: "meridiem",
     get: function get() {
       var value = this.asProps.value;
-
       var _value$split3 = value.split(':'),
-          _value$split4 = (0, _slicedToArray2["default"])(_value$split3, 1),
-          _value$split4$ = _value$split4[0],
-          hours = _value$split4$ === void 0 ? '' : _value$split4$;
-
+        _value$split4 = (0, _slicedToArray2["default"])(_value$split3, 1),
+        _value$split4$ = _value$split4[0],
+        hours = _value$split4$ === void 0 ? '' : _value$split4$;
       var nHours = intOrDefault(hours, NaN);
-
       if (!Number.isNaN(nHours)) {
         this._lastMeridiem = meridiemByHours(nHours);
       }
-
       return this._lastMeridiem;
     }
   }, {
     key: "valueToTime",
     value: function valueToTime(value) {
       var is12Hour = this.asProps.is12Hour;
-
       var _value$split5 = value.split(':'),
-          _value$split6 = (0, _slicedToArray2["default"])(_value$split5, 2),
-          _value$split6$ = _value$split6[0],
-          hours = _value$split6$ === void 0 ? '' : _value$split6$,
-          _value$split6$2 = _value$split6[1],
-          minutes = _value$split6$2 === void 0 ? '' : _value$split6$2;
-
+        _value$split6 = (0, _slicedToArray2["default"])(_value$split5, 2),
+        _value$split6$ = _value$split6[0],
+        hours = _value$split6$ === void 0 ? '' : _value$split6$,
+        _value$split6$2 = _value$split6[1],
+        minutes = _value$split6$2 === void 0 ? '' : _value$split6$2;
       if (is12Hour) hours = formatHoursTo12(hours);
       hours = withLeadingZero(hours);
       minutes = withLeadingZero(minutes);
@@ -267,15 +206,12 @@ var TimePickerRoot = /*#__PURE__*/function (_Component) {
     key: "timeToValue",
     value: function timeToValue(time, meridiem) {
       var is12Hour = this.asProps.is12Hour;
-
       var _time3 = (0, _slicedToArray2["default"])(time, 2),
-          _time3$ = _time3[0],
-          hours = _time3$ === void 0 ? '' : _time3$,
-          _time3$2 = _time3[1],
-          minutes = _time3$2 === void 0 ? '' : _time3$2;
-
+        _time3$ = _time3[0],
+        hours = _time3$ === void 0 ? '' : _time3$,
+        _time3$2 = _time3[1],
+        minutes = _time3$2 === void 0 ? '' : _time3$2;
       hours = intOrDefault(hours, hours); // 03 => 3
-
       minutes = intOrDefault(minutes, minutes); // MM => MM
 
       if (is12Hour) hours = formatHoursTo24(hours, meridiem); // 12 PM -> 0
@@ -293,36 +229,34 @@ var TimePickerRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getFormatProps",
     value: function getFormatProps() {
-      var _ref4;
-
+      var _ref5;
       var _this$asProps2 = this.asProps,
-          size = _this$asProps2.size,
-          disabled = _this$asProps2.disabled,
-          disablePortal = _this$asProps2.disablePortal,
-          value = _this$asProps2.value,
-          getI18nText = _this$asProps2.getI18nText;
+        size = _this$asProps2.size,
+        disabled = _this$asProps2.disabled,
+        disablePortal = _this$asProps2.disablePortal,
+        value = _this$asProps2.value,
+        getI18nText = _this$asProps2.getI18nText;
       var valueFulfilled = value === null || value === void 0 ? void 0 : value.split(':').every(function (chunk) {
         return chunk.length > 0;
       });
-      return _ref4 = {
+      return _ref5 = {
         size: size,
         disabled: disabled,
         disablePortal: disablePortal
-      }, (0, _defineProperty2["default"])(_ref4, 'aria-hidden', !valueFulfilled), (0, _defineProperty2["default"])(_ref4, "meridiem", this.meridiem), (0, _defineProperty2["default"])(_ref4, "onClick", this.handleMeridiemClick), (0, _defineProperty2["default"])(_ref4, "getI18nText", getI18nText), _ref4;
+      }, (0, _defineProperty2["default"])(_ref5, 'aria-hidden', !valueFulfilled), (0, _defineProperty2["default"])(_ref5, "meridiem", this.meridiem), (0, _defineProperty2["default"])(_ref5, "onClick", this.handleMeridiemClick), (0, _defineProperty2["default"])(_ref5, "getI18nText", getI18nText), _ref5;
     }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref3;
-
+        _ref3;
       var STimePicker = _input["default"];
       var _this$asProps3 = this.asProps,
-          styles = _this$asProps3.styles,
-          Children = _this$asProps3.Children,
-          value = _this$asProps3.value,
-          is12Hour = _this$asProps3.is12Hour,
-          getI18nText = _this$asProps3.getI18nText;
+        styles = _this$asProps3.styles,
+        Children = _this$asProps3.Children,
+        value = _this$asProps3.value,
+        is12Hour = _this$asProps3.is12Hour,
+        getI18nText = _this$asProps3.getI18nText;
       var label = value ? getI18nText('title', {
         time: value,
         meridiem: is12Hour ? this.meridiem : ''
@@ -336,12 +270,11 @@ var TimePickerRoot = /*#__PURE__*/function (_Component) {
   }]);
   return TimePickerRoot;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(TimePickerRoot, "displayName", 'TimePicker');
 (0, _defineProperty2["default"])(TimePickerRoot, "style", style);
 (0, _defineProperty2["default"])(TimePickerRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-(0, _defineProperty2["default"])(TimePickerRoot, "defaultProps", function (_ref5) {
-  var is12Hour = _ref5.is12Hour;
+(0, _defineProperty2["default"])(TimePickerRoot, "defaultProps", function (_ref6) {
+  var is12Hour = _ref6.is12Hour;
   return {
     defaultValue: '',
     size: 'm',
@@ -350,46 +283,39 @@ var TimePickerRoot = /*#__PURE__*/function (_Component) {
     locale: 'en'
   };
 });
-
 var Separator = /*#__PURE__*/function (_Component2) {
   (0, _inherits2["default"])(Separator, _Component2);
-
   var _super2 = (0, _createSuper2["default"])(Separator);
-
   function Separator() {
     var _this2;
-
     (0, _classCallCheck2["default"])(this, Separator);
-
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-
     _this2 = _super2.call.apply(_super2, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handlerClick", function () {
       if (_this2.asProps.hoursInputRef.current) {
         var _this2$asProps$hoursI;
-
         (_this2$asProps$hoursI = _this2.asProps.hoursInputRef.current) === null || _this2$asProps$hoursI === void 0 ? void 0 : _this2$asProps$hoursI.focus();
       }
     });
     return _this2;
   }
-
   (0, _createClass2["default"])(Separator, [{
     key: "render",
     value: function render() {
-      var _ref2 = this.asProps;
+      var _ref2 = this.asProps,
+        _ref4;
       var STimePickerSeparator = _flexBox.Box;
-      return /*#__PURE__*/_react["default"].createElement(STimePickerSeparator, (0, _core.assignProps)({
+      var styles = this.asProps.styles;
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STimePickerSeparator, _ref4.cn("STimePickerSeparator", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "onClick": this.handlerClick,
         "aria-hidden": "true"
-      }, _ref2));
+      }, _ref2))));
     }
   }]);
   return Separator;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(Separator, "defaultProps", {
   children: ':'
 });

package/lib/cjs/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","names":["MAP_MERIDIEM","AM","PM","MAP_FIELD_TO_TIME","hours","minutes","intOrDefault","value","def","number","Number","parseInt","isNaN","withLeadingZero","String","length","meridiemByHours","formatHoursTo12","nHours","NaN","formatHoursTo24","meridiem","TimePickerRoot","React","createRef","field","event","is12Hour","asProps","time","split","timeToValue","handlers","size","disabled","getI18nText","valueToTime","$onValueChange","handleValueChange","minutesInputRef","hoursInputRef","_getI18nText","_getHoursAndMinutesProps","undefined","_lastMeridiem","disablePortal","valueFulfilled","every","chunk","handleMeridiemClick","STimePicker","Input","styles","Children","label","sstyled","Component","style","i18nEnhance","localizedMessages","defaultValue","children","i18n","locale","Separator","current","focus","STimePickerSeparator","Box","handlerClick","TimePicker","createComponent","Hours","Minutes","Format"],"sources":["../../src/TimePicker.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport { Box } from '@semcore/flex-box';\nimport { Hours, Minutes } from './PickerInput';\nimport Format from './PickerFormat';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/time-picker.shadow.css';\n\nconst MAP_MERIDIEM = {\n  AM: 'PM',\n  PM: 'AM',\n};\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nexport function intOrDefault(value, def = 0) {\n  const number = Number.parseInt(value);\n  return Number.isNaN(number) ? def : number;\n}\n\nexport function withLeadingZero(value) {\n  value = String(value);\n  if (value.length === 1) return `0${value}`;\n  return String(value);\n}\n\nexport function meridiemByHours(hours) {\n  return hours >= 12 ? 'PM' : 'AM';\n}\n\nexport function formatHoursTo12(hours /* hours by 24 */) {\n  const nHours = intOrDefault(hours, NaN); // if not (:00)\n  if (Number.isNaN(nHours)) return hours;\n\n  // if not (HH:00)\n  if (nHours === 0) return 12; // 0 => 12 PM\n  if (nHours > 12) return nHours - 12; // 22 => 12 PM\n\n  return hours;\n}\n\nexport function formatHoursTo24(hours /* hours by 12 */, meridiem) {\n  const nHours = intOrDefault(hours, NaN); // if not (:00)\n\n  if (Number.isNaN(nHours)) return hours;\n\n  if (meridiem === 'AM') {\n    if (nHours === 12) return 0; // 12 AM => 0\n  }\n\n  if (meridiem === 'PM') {\n    if (nHours < 12) return nHours + 12; // 10 PM => 22\n  }\n\n  return hours;\n}\n\nclass TimePickerRoot extends Component {\n  static displayName = 'TimePicker';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = ({ is12Hour }) => ({\n    defaultValue: '',\n    size: 'm',\n    children: (\n      <>\n        <TimePicker.Hours />\n        <TimePicker.Separator />\n        <TimePicker.Minutes />\n        {is12Hour && <TimePicker.Format />}\n      </>\n    ),\n    i18n: localizedMessages,\n    locale: 'en',\n  });\n\n  hoursInputRef = React.createRef();\n  minutesInputRef = React.createRef();\n\n  _lastMeridiem = 'AM'; // default AM\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  get value() {\n    const { value } = this.asProps;\n    return value === null || value === undefined ? ':' : value;\n  }\n\n  get meridiem() {\n    const { value } = this.asProps;\n    const [hours = ''] = value.split(':');\n\n    const nHours = intOrDefault(hours, NaN);\n\n    if (!Number.isNaN(nHours)) {\n      this._lastMeridiem = meridiemByHours(nHours);\n    }\n\n    return this._lastMeridiem;\n  }\n\n  valueToTime(value) {\n    const { is12Hour } = this.asProps;\n    let [hours = '', minutes = ''] = value.split(':');\n\n    if (is12Hour) hours = formatHoursTo12(hours);\n\n    hours = withLeadingZero(hours);\n    minutes = withLeadingZero(minutes);\n\n    return [hours, minutes];\n  }\n\n  timeToValue(time, meridiem) {\n    const { is12Hour } = this.asProps;\n    let [hours = '', minutes = ''] = time;\n\n    hours = intOrDefault(hours, hours); // 03 => 3\n    minutes = intOrDefault(minutes, minutes); // MM => MM\n\n    if (is12Hour) hours = formatHoursTo24(hours, meridiem); // 12 PM -> 0\n\n    return `${hours}:${minutes}`;\n  }\n\n  handleValueChange = (value, field, event) => {\n    const { is12Hour } = this.asProps;\n    const { meridiem } = this;\n\n    let time;\n    if (field) {\n      time = this.value.split(':');\n      time[MAP_FIELD_TO_TIME[field]] = value;\n    } else {\n      time = value.split(':');\n    }\n\n    let [hours = '', minutes = ''] = time;\n\n    if (is12Hour) hours = String(formatHoursTo12(hours));\n\n    value = this.timeToValue([hours, minutes], meridiem);\n    this.handlers.value(value, event);\n  };\n\n  handleMeridiemClick = (event) => {\n    const { is12Hour } = this.asProps;\n    let { value, meridiem } = this;\n    let [hours = '', minutes = ''] = value.split(':');\n\n    if (is12Hour) hours = String(formatHoursTo12(hours));\n\n    value = this.timeToValue([hours, minutes], MAP_MERIDIEM[meridiem]);\n    this.handlers.value(value, event);\n  };\n\n  _getHoursAndMinutesProps = () => {\n    const { is12Hour, size, disabled, getI18nText } = this.asProps;\n    const time = this.valueToTime(this.value);\n\n    return {\n      time,\n      size,\n      is12Hour,\n      disabled,\n      $onValueChange: this.handleValueChange,\n      minutesInputRef: this.minutesInputRef,\n      hoursInputRef: this.hoursInputRef,\n      _getI18nText: getI18nText,\n    };\n  };\n\n  getHoursProps = this._getHoursAndMinutesProps;\n  getMinutesProps = this._getHoursAndMinutesProps;\n\n  getSeparatorProps() {\n    return {\n      disabled: this.asProps.disabled,\n      hoursInputRef: this.hoursInputRef,\n    };\n  }\n\n  getFormatProps() {\n    const { size, disabled, disablePortal, value, getI18nText } = this.asProps;\n    const valueFulfilled = value?.split(':').every((chunk) => chunk.length > 0);\n\n    return {\n      size,\n      disabled,\n      disablePortal,\n      ['aria-hidden']: !valueFulfilled,\n      meridiem: this.meridiem,\n      onClick: this.handleMeridiemClick,\n      getI18nText,\n    };\n  }\n\n  render() {\n    const STimePicker = Root;\n    const { styles, Children, value, is12Hour, getI18nText } = this.asProps;\n    const label = value\n      ? getI18nText('title', { time: value, meridiem: is12Hour ? this.meridiem : '' })\n      : getI18nText('titleEmpty');\n\n    return sstyled(styles)(\n      <STimePicker\n        render={Input}\n        aria-label={label}\n        aria-valuenow={value || undefined}\n        tabIndex={0}\n      >\n        <Children />\n      </STimePicker>,\n    );\n  }\n}\n\nclass Separator extends Component {\n  static defaultProps = {\n    children: ':',\n  };\n\n  handlerClick = () => {\n    if (this.asProps.hoursInputRef.current) {\n      this.asProps.hoursInputRef.current?.focus();\n    }\n  };\n\n  render() {\n    const STimePickerSeparator = Root;\n    return <STimePickerSeparator render={Box} onClick={this.handlerClick} aria-hidden=\"true\" />;\n  }\n}\n\nconst TimePicker = createComponent(TimePickerRoot, {\n  Hours,\n  Minutes,\n  Separator,\n  Format,\n});\n\nexport default TimePicker;\n"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_input","_flexBox","_PickerInput","_PickerFormat","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","MAP_MERIDIEM","AM","PM","MAP_FIELD_TO_TIME","hours","minutes","intOrDefault","value","def","arguments","length","undefined","number","Number","parseInt","isNaN","withLeadingZero","String","concat","meridiemByHours","formatHoursTo12","nHours","NaN","formatHoursTo24","meridiem","TimePickerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","React","createRef","field","event","is12Hour","asProps","_assertThisInitialize","time","split","_time","_time2","_slicedToArray2","_time2$","_time2$2","timeToValue","handlers","_assertThisInitialize2","_value$split","_value$split2","_value$split2$","_value$split2$2","_this$asProps","size","disabled","getI18nText","valueToTime","$onValueChange","handleValueChange","minutesInputRef","hoursInputRef","_getI18nText","_getHoursAndMinutesProps","_createClass2","key","uncontrolledProps","get","_value$split3","_value$split4","_value$split4$","_lastMeridiem","_value$split5","_value$split6","_value$split6$","_value$split6$2","_time3","_time3$","_time3$2","getSeparatorProps","getFormatProps","_ref5","_this$asProps2","disablePortal","valueFulfilled","every","chunk","handleMeridiemClick","render","_ref","_ref3","STimePicker","Input","_this$asProps3","styles","Children","label","createElement","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","_ref6","defaultValue","children","Fragment","TimePicker","Hours","Separator","Minutes","Format","i18n","locale","_Component2","_super2","_this2","_len2","_key2","current","_this2$asProps$hoursI","focus","_ref2","_ref4","STimePickerSeparator","Box","handlerClick","createComponent","_default","exports"],"sources":["../../src/TimePicker.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport { Box } from '@semcore/flex-box';\nimport { Hours, Minutes } from './PickerInput';\nimport Format from './PickerFormat';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/time-picker.shadow.css';\n\nconst MAP_MERIDIEM = {\n  AM: 'PM',\n  PM: 'AM',\n};\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nexport function intOrDefault(value, def = 0) {\n  const number = Number.parseInt(value);\n  return Number.isNaN(number) ? def : number;\n}\n\nexport function withLeadingZero(value) {\n  value = String(value);\n  if (value.length === 1) return `0${value}`;\n  return String(value);\n}\n\nexport function meridiemByHours(hours) {\n  return hours >= 12 ? 'PM' : 'AM';\n}\n\nexport function formatHoursTo12(hours /* hours by 24 */) {\n  const nHours = intOrDefault(hours, NaN); // if not (:00)\n  if (Number.isNaN(nHours)) return hours;\n\n  // if not (HH:00)\n  if (nHours === 0) return 12; // 0 => 12 PM\n  if (nHours > 12) return nHours - 12; // 22 => 12 PM\n\n  return hours;\n}\n\nexport function formatHoursTo24(hours /* hours by 12 */, meridiem) {\n  const nHours = intOrDefault(hours, NaN); // if not (:00)\n\n  if (Number.isNaN(nHours)) return hours;\n\n  if (meridiem === 'AM') {\n    if (nHours === 12) return 0; // 12 AM => 0\n  }\n\n  if (meridiem === 'PM') {\n    if (nHours < 12) return nHours + 12; // 10 PM => 22\n  }\n\n  return hours;\n}\n\nclass TimePickerRoot extends Component {\n  static displayName = 'TimePicker';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = ({ is12Hour }) => ({\n    defaultValue: '',\n    size: 'm',\n    children: (\n      <>\n        <TimePicker.Hours />\n        <TimePicker.Separator />\n        <TimePicker.Minutes />\n        {is12Hour && <TimePicker.Format />}\n      </>\n    ),\n    i18n: localizedMessages,\n    locale: 'en',\n  });\n\n  hoursInputRef = React.createRef();\n  minutesInputRef = React.createRef();\n\n  _lastMeridiem = 'AM'; // default AM\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  get value() {\n    const { value } = this.asProps;\n    return value === null || value === undefined ? ':' : value;\n  }\n\n  get meridiem() {\n    const { value } = this.asProps;\n    const [hours = ''] = value.split(':');\n\n    const nHours = intOrDefault(hours, NaN);\n\n    if (!Number.isNaN(nHours)) {\n      this._lastMeridiem = meridiemByHours(nHours);\n    }\n\n    return this._lastMeridiem;\n  }\n\n  valueToTime(value) {\n    const { is12Hour } = this.asProps;\n    let [hours = '', minutes = ''] = value.split(':');\n\n    if (is12Hour) hours = formatHoursTo12(hours);\n\n    hours = withLeadingZero(hours);\n    minutes = withLeadingZero(minutes);\n\n    return [hours, minutes];\n  }\n\n  timeToValue(time, meridiem) {\n    const { is12Hour } = this.asProps;\n    let [hours = '', minutes = ''] = time;\n\n    hours = intOrDefault(hours, hours); // 03 => 3\n    minutes = intOrDefault(minutes, minutes); // MM => MM\n\n    if (is12Hour) hours = formatHoursTo24(hours, meridiem); // 12 PM -> 0\n\n    return `${hours}:${minutes}`;\n  }\n\n  handleValueChange = (value, field, event) => {\n    const { is12Hour } = this.asProps;\n    const { meridiem } = this;\n\n    let time;\n    if (field) {\n      time = this.value.split(':');\n      time[MAP_FIELD_TO_TIME[field]] = value;\n    } else {\n      time = value.split(':');\n    }\n\n    let [hours = '', minutes = ''] = time;\n\n    if (is12Hour) hours = String(formatHoursTo12(hours));\n\n    value = this.timeToValue([hours, minutes], meridiem);\n    this.handlers.value(value, event);\n  };\n\n  handleMeridiemClick = (event) => {\n    const { is12Hour } = this.asProps;\n    let { value, meridiem } = this;\n    let [hours = '', minutes = ''] = value.split(':');\n\n    if (is12Hour) hours = String(formatHoursTo12(hours));\n\n    value = this.timeToValue([hours, minutes], MAP_MERIDIEM[meridiem]);\n    this.handlers.value(value, event);\n  };\n\n  _getHoursAndMinutesProps = () => {\n    const { is12Hour, size, disabled, getI18nText } = this.asProps;\n    const time = this.valueToTime(this.value);\n\n    return {\n      time,\n      size,\n      is12Hour,\n      disabled,\n      $onValueChange: this.handleValueChange,\n      minutesInputRef: this.minutesInputRef,\n      hoursInputRef: this.hoursInputRef,\n      _getI18nText: getI18nText,\n    };\n  };\n\n  getHoursProps = this._getHoursAndMinutesProps;\n  getMinutesProps = this._getHoursAndMinutesProps;\n\n  getSeparatorProps() {\n    return {\n      disabled: this.asProps.disabled,\n      hoursInputRef: this.hoursInputRef,\n    };\n  }\n\n  getFormatProps() {\n    const { size, disabled, disablePortal, value, getI18nText } = this.asProps;\n    const valueFulfilled = value?.split(':').every((chunk) => chunk.length > 0);\n\n    return {\n      size,\n      disabled,\n      disablePortal,\n      ['aria-hidden']: !valueFulfilled,\n      meridiem: this.meridiem,\n      onClick: this.handleMeridiemClick,\n      getI18nText,\n    };\n  }\n\n  render() {\n    const STimePicker = Root;\n    const { styles, Children, value, is12Hour, getI18nText } = this.asProps;\n    const label = value\n      ? getI18nText('title', { time: value, meridiem: is12Hour ? this.meridiem : '' })\n      : getI18nText('titleEmpty');\n\n    return sstyled(styles)(\n      <STimePicker\n        render={Input}\n        aria-label={label}\n        aria-valuenow={value || undefined}\n        tabIndex={0}\n      >\n        <Children />\n      </STimePicker>,\n    );\n  }\n}\n\nclass Separator extends Component {\n  static defaultProps = {\n    children: ':',\n  };\n\n  handlerClick = () => {\n    if (this.asProps.hoursInputRef.current) {\n      this.asProps.hoursInputRef.current?.focus();\n    }\n  };\n\n  render() {\n    const STimePickerSeparator = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(\n      <STimePickerSeparator render={Box} onClick={this.handlerClick} aria-hidden=\"true\" />,\n    );\n  }\n}\n\nconst TimePicker = createComponent(TimePickerRoot, {\n  Hours,\n  Minutes,\n  Separator,\n  Format,\n});\n\nexport default TimePicker;\n"],"mappings":"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"}

package/lib/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
     return _TimePicker["default"];
   }
 });
-
 var _TimePicker = _interopRequireWildcard(require("./TimePicker"));
-
 Object.keys(_TimePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TimePicker';\nexport * from './TimePicker';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_TimePicker","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TimePicker';\nexport * from './TimePicker';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA"}

package/lib/cjs/style/time-picker.shadow.css

@@ -93,6 +93,10 @@ SPickerFormat[keyboardFocused] {
   box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
 }
 
+STimePickerSeparator {
+  color: var(--intergalactic-text-primary, #191b23);
+}
+
 STimePickerSeparator[disabled] {
   opacity: var(--intergalactic-disabled-opacity, 0.3);
   pointer-events: none;

package/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.localizedMessages = void 0;
-
 var _de = _interopRequireDefault(require("./de.json"));
-
 var _en = _interopRequireDefault(require("./en.json"));
-
 var _es = _interopRequireDefault(require("./es.json"));
-
 var _fr = _interopRequireDefault(require("./fr.json"));
-
 var _it = _interopRequireDefault(require("./it.json"));
-
 var _ja = _interopRequireDefault(require("./ja.json"));
-
 var _ko = _interopRequireDefault(require("./ko.json"));
-
 var _pt = _interopRequireDefault(require("./pt.json"));
-
 var _tr = _interopRequireDefault(require("./tr.json"));
-
 var _vi = _interopRequireDefault(require("./vi.json"));
-
 var _zh = _interopRequireDefault(require("./zh.json"));
-
 var localizedMessages = {
   de: _de["default"],
   en: _en["default"],

package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  pt,\n  tr,\n  vi,\n  zh,\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAD+B;EAE/BC,EAAE,EAAFA,cAF+B;EAG/BC,EAAE,EAAFA,cAH+B;EAI/BC,EAAE,EAAFA,cAJ+B;EAK/BC,EAAE,EAAFA,cAL+B;EAM/BC,EAAE,EAAFA,cAN+B;EAO/BC,EAAE,EAAFA,cAP+B;EAQ/BC,EAAE,EAAFA,cAR+B;EAS/BC,EAAE,EAAFA,cAT+B;EAU/BC,EAAE,EAAFA,cAV+B;EAW/BC,EAAE,EAAFA;AAX+B,CAA1B"}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_pt","_tr","_vi","_zh","localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  pt,\n  tr,\n  vi,\n  zh,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AAEO,IAAMW,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAZ,iBAAA,GAAAA,iBAAA"}

package/lib/es6/PickerFormat.js

@@ -9,30 +9,24 @@ import React from 'react';
 import { Component, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-
 var TimePickerFormat = /*#__PURE__*/function (_Component) {
   _inherits(TimePickerFormat, _Component);
-
   var _super = _createSuper(TimePickerFormat);
-
   function TimePickerFormat() {
     _classCallCheck(this, TimePickerFormat);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(TimePickerFormat, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref2;
-
+        _ref2;
       var SPickerFormat = Box;
       var _this$asProps = this.asProps,
-          Children = _this$asProps.Children,
-          meridiem = _this$asProps.meridiem,
-          styles = _this$asProps.styles,
-          getI18nText = _this$asProps.getI18nText;
+        Children = _this$asProps.Children,
+        meridiem = _this$asProps.meridiem,
+        styles = _this$asProps.styles,
+        getI18nText = _this$asProps.getI18nText;
       var SPickerFormatText = 'span';
       var label = getI18nText('format', {
         meridiem: meridiem
@@ -45,11 +39,8 @@ var TimePickerFormat = /*#__PURE__*/function (_Component) {
       }, _ref))), Children.origin ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem));
     }
   }]);
-
   return TimePickerFormat;
 }(Component);
-
 _defineProperty(TimePickerFormat, "enhance", [keyboardFocusEnhance()]);
-
 export default TimePickerFormat;
 //# sourceMappingURL=PickerFormat.js.map