@semcore/time-picker 16.1.13 → 16.1.14-prerelease.9

package/lib/es6/PickerInput.js

@@ -1,281 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { assignProps as _assignProps } from "@semcore/core";
-var _excluded = ["styles", "step", "onSelect", "time", "size", "disabled", "onVisibleChange"];
-import { Component, sstyled, Root } from '@semcore/core';
-import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
-import Input from '@semcore/input';
-import Select from '@semcore/select';
-import React from 'react';
-import { intOrDefault, withLeadingZero } from './TimePicker';
-var MAP_FIELD_TO_TIME = {
-  hours: 0,
-  minutes: 1
-};
-var MAP_SIZE_SELECT = {
-  m: 'm',
-  l: 'l'
-};
-function getOptions(min, max) {
-  var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var length = Number(((max + 1 - min) / step).toFixed(0));
-  var options = Array(length).fill('');
-  var numValue = min;
-  return options.map(function (_i, index) {
-    numValue = index === 0 ? numValue : numValue + step;
-    var value = withLeadingZero(String(numValue));
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      value: value,
-      key: value
-    }, value);
-  });
-}
-var defaultPopperOffset = [-8, 4];
-var ItemPicker = /*#__PURE__*/function (_Component) {
-  function ItemPicker() {
-    var _this;
-    _classCallCheck(this, ItemPicker);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ItemPicker, [].concat(args));
-    _defineProperty(_this, "inputRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "state", {
-      dirtyValue: undefined,
-      visible: false
-    });
-    _defineProperty(_this, "parseValueWithMinMax", function (value) {
-      var _this$minMax = _this.minMax(),
-        _this$minMax2 = _slicedToArray(_this$minMax, 2),
-        min = _this$minMax2[0],
-        max = _this$minMax2[1];
-      return String(Math.max(min, Math.min(max, value)));
-    });
-    _defineProperty(_this, "handleChange", function (value, event) {
-      /* hide props for bubbling events */
-      event.stopPropagation();
-      var numberValue = intOrDefault(Number(value), Number.NaN);
-      if (!Number.isNaN(numberValue)) {
-        _this.setState({
-          dirtyValue: value.slice(-2)
-        });
-      }
-    });
-    _defineProperty(_this, "handleBlur", function (event) {
-      return _this.submitChanges(event);
-    });
-    /* rewrite method */
-    _defineProperty(_this, "handleKeyDown", function () {});
-    _defineProperty(_this, "handleSelect", function (value, event) {
-      _this.dispatchOnChange(value, event);
-    });
-    _defineProperty(_this, "handleVisibleChange", function (visible) {
-      return _this.setState({
-        visible: visible
-      });
-    });
-    _defineProperty(_this, "getAriaLabel", function () {
-      var getI18nText = _this.asProps._getI18nText;
-      if (_this.field === 'hours') return getI18nText('hours');
-      if (_this.field === 'minutes') return getI18nText('minutes');
-      return undefined;
-    });
-    return _this;
-  }
-  _inherits(ItemPicker, _Component);
-  return _createClass(ItemPicker, [{
-    key: "minMax",
-    value: function minMax() {
-      return [];
-    }
-  }, {
-    key: "dispatchOnChange",
-    value: function dispatchOnChange(value, event) {
-      this.setState({
-        dirtyValue: undefined
-      });
-      this.asProps.$onValueChange(value, this.field, event);
-    }
-  }, {
-    key: "submitChanges",
-    value: function submitChanges(event) {
-      var dirtyValue = this.state.dirtyValue;
-      if (dirtyValue !== undefined) {
-        // if changes value
-        if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not ""
-        this.dispatchOnChange(dirtyValue, event);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SPickerInput = Select.Trigger;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        step = _this$asProps.step,
-        onSelect = _this$asProps.onSelect,
-        time = _this$asProps.time,
-        size = _this$asProps.size,
-        disabled = _this$asProps.disabled,
-        onVisibleChange = _this$asProps.onVisibleChange,
-        other = _objectWithoutProperties(_this$asProps, _excluded);
-      var _this$state = this.state,
-        dirtyValue = _this$state.dirtyValue,
-        visible = _this$state.visible;
-      var timeValue = time[MAP_FIELD_TO_TIME[this.field]];
-      var value = dirtyValue === undefined ? timeValue : dirtyValue;
-      var _this$minMax3 = this.minMax(),
-        _this$minMax4 = _slicedToArray(_this$minMax3, 2),
-        min = _this$minMax4[0],
-        max = _this$minMax4[1];
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(Select, _ref2.cn("Select", _objectSpread(_objectSpread({}, other), {}, {
-        "interaction": 'focus',
-        "size": size ? MAP_SIZE_SELECT[size] : false,
-        "onChange": callAllEventHandlers(onSelect, this.handleSelect),
-        "onVisibleChange": callAllEventHandlers(onVisibleChange, this.handleVisibleChange),
-        "visible": visible,
-        "value": timeValue
-      })), /*#__PURE__*/React.createElement(SPickerInput, _ref2.cn("SPickerInput", _objectSpread({}, _assignProps({
-        "tag": Input.Value,
-        "ref": this.inputRef,
-        "inputMode": 'numeric',
-        "size": size,
-        "disabled": disabled,
-        "neighborLocation": false,
-        "value": value,
-        "aria-label": this.getAriaLabel(),
-        "onChange": this.handleChange,
-        "onBlur": this.handleBlur,
-        "onKeyDown": this.handleKeyDown
-      }, _ref)))), /*#__PURE__*/React.createElement(Select.Menu, {
-        hMax: 180
-      }, getOptions(min, max, step)));
-    }
-  }]);
-}(Component);
-_defineProperty(ItemPicker, "defaultProps", {
-  placeholder: '00',
-  offset: defaultPopperOffset
-});
-var Hours = /*#__PURE__*/function (_ItemPicker2) {
-  function Hours() {
-    var _this2;
-    _classCallCheck(this, Hours);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this2 = _callSuper(this, Hours, [].concat(args));
-    _defineProperty(_this2, "field", 'hours');
-    _defineProperty(_this2, "handleKeyDown", function (event) {
-      var currentTarget = event.currentTarget;
-      if (event.key === 'Enter') {
-        _this2.submitChanges(event);
-      }
-      if (event.key === 'ArrowRight') {
-        if (currentTarget.selectionStart >= currentTarget.value.length && currentTarget.selectionStart === currentTarget.selectionEnd) {
-          event.preventDefault();
-          _this2.focusNext();
-        }
-      }
-    });
-    return _this2;
-  }
-  _inherits(Hours, _ItemPicker2);
-  return _createClass(Hours, [{
-    key: "minMax",
-    value: function minMax() {
-      var is12Hour = this.asProps.is12Hour;
-      if (is12Hour) {
-        return [1, 12];
-      } else {
-        return [0, 23];
-      }
-    }
-  }, {
-    key: "focusNext",
-    value: function focusNext() {
-      if (this.asProps.minutesInputRef.current) {
-        this.setState({
-          visible: false
-        });
-        this.asProps.minutesInputRef.current.focus();
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(_prevProps, prevState) {
-      var dirtyValue = this.state.dirtyValue;
-      if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;
-      if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {
-        this.focusNext();
-      }
-    }
-  }]);
-}(ItemPicker);
-_defineProperty(Hours, "defaultProps", function (_ref3) {
-  var size = _ref3.size;
-  return _objectSpread(_objectSpread({}, ItemPicker.defaultProps), {}, {
-    ml: size === 'l' ? 3 : undefined
-  });
-});
-var Minutes = /*#__PURE__*/function (_ItemPicker3) {
-  function Minutes() {
-    var _this3;
-    _classCallCheck(this, Minutes);
-    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-    _this3 = _callSuper(this, Minutes, [].concat(args));
-    _defineProperty(_this3, "field", 'minutes');
-    _defineProperty(_this3, "handleKeyDown", function (event) {
-      var currentTarget = event.currentTarget;
-      if (event.key === 'ArrowLeft') {
-        if (currentTarget.selectionStart <= 0 && currentTarget.selectionStart === currentTarget.selectionEnd) {
-          event.preventDefault();
-          _this3.focusPrev();
-        }
-      }
-      if (event.key === 'Backspace') {
-        if (currentTarget.value.length === 0) {
-          event.preventDefault();
-          _this3.focusPrev();
-        }
-      }
-      if (event.key === 'Enter') _this3.submitChanges(event);
-    });
-    return _this3;
-  }
-  _inherits(Minutes, _ItemPicker3);
-  return _createClass(Minutes, [{
-    key: "minMax",
-    value: function minMax() {
-      return [0, 59];
-    }
-  }, {
-    key: "focusPrev",
-    value: function focusPrev() {
-      if (this.asProps.hoursInputRef.current) {
-        this.setState({
-          visible: false
-        });
-        this.asProps.hoursInputRef.current.focus();
-      }
-    }
-  }]);
-}(ItemPicker);
-_defineProperty(Minutes, "defaultProps", function (_ref4) {
-  var size = _ref4.size;
-  return _objectSpread(_objectSpread({}, ItemPicker.defaultProps), {}, {
-    mr: size === 'l' ? 3 : undefined
-  });
-});
-export { Hours, Minutes };
-//# sourceMappingURL=PickerInput.js.map

package/lib/es6/PickerInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerInput.js","names":["Component","sstyled","Root","callAllEventHandlers","Input","Select","React","intOrDefault","withLeadingZero","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","getOptions","min","max","step","arguments","length","undefined","Number","toFixed","options","Array","fill","numValue","map","_i","index","value","String","createElement","Option","key","defaultPopperOffset","ItemPicker","_Component","_this","_classCallCheck","_len","args","_key","_callSuper","concat","_defineProperty","createRef","dirtyValue","visible","_this$minMax","minMax","_this$minMax2","_slicedToArray","Math","event","stopPropagation","numberValue","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","_inherits","_createClass","$onValueChange","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","other","_objectWithoutProperties","_excluded","_this$state","timeValue","_this$minMax3","_this$minMax4","cn","_objectSpread","handleSelect","handleVisibleChange","_assignProps","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Menu","hMax","placeholder","offset","Hours","_ItemPicker2","_this2","_len2","_key2","currentTarget","selectionStart","selectionEnd","preventDefault","focusNext","is12Hour","minutesInputRef","current","focus","componentDidUpdate","_prevProps","prevState","_ref3","defaultProps","ml","Minutes","_ItemPicker3","_this3","_len3","_key3","focusPrev","hoursInputRef","_ref4","mr"],"sources":["../../src/PickerInput.jsx"],"sourcesContent":["import { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport React from 'react';\n\nimport { intOrDefault, withLeadingZero } from './TimePicker';\n\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nconst MAP_SIZE_SELECT = {\n  m: 'm',\n  l: 'l',\n};\n\nfunction getOptions(min, max, step = 1) {\n  const length = Number(((max + 1 - min) / step).toFixed(0));\n  const options = Array(length).fill('');\n  let numValue = min;\n  return options.map((_i, index) => {\n    numValue = index === 0 ? numValue : numValue + step;\n    const value = withLeadingZero(String(numValue));\n    return (\n      <Select.Option value={value} key={value}>\n        {value}\n      </Select.Option>\n    );\n  });\n}\n\nconst defaultPopperOffset = [-8, 4];\n\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n    offset: defaultPopperOffset,\n  };\n\n  inputRef = React.createRef();\n\n  minMax() {\n    return [];\n  }\n\n  state = {\n    dirtyValue: undefined,\n    visible: false,\n  };\n\n  parseValueWithMinMax = (value) => {\n    const [min, max] = this.minMax();\n    return String(Math.max(min, Math.min(max, value)));\n  };\n\n  dispatchOnChange(value, event) {\n    this.setState({ dirtyValue: undefined });\n    this.asProps.$onValueChange(value, this.field, event);\n  }\n\n  submitChanges(event) {\n    let { dirtyValue } = this.state;\n    if (dirtyValue !== undefined) {\n      // if changes value\n      if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n      this.dispatchOnChange(dirtyValue, event);\n    }\n  }\n\n  handleChange = (value, event) => {\n    /* hide props for bubbling events */\n    event.stopPropagation();\n    const numberValue = intOrDefault(Number(value), Number.NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (event) => this.submitChanges(event);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, event) => {\n    this.dispatchOnChange(value, event);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  getAriaLabel = () => {\n    const { _getI18nText: getI18nText } = this.asProps;\n    if (this.field === 'hours') return getI18nText('hours');\n    if (this.field === 'minutes') return getI18nText('minutes');\n    return undefined;\n  };\n\n  render() {\n    const SPickerInput = Root;\n    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ...other } =\n      this.asProps;\n    const { dirtyValue, visible } = this.state;\n    const timeValue = time[MAP_FIELD_TO_TIME[this.field]];\n    const value = dirtyValue === undefined ? timeValue : dirtyValue;\n    const [min, max] = this.minMax();\n\n    return sstyled(styles)(\n      <Select\n        {...other}\n        interaction='focus'\n        size={size ? MAP_SIZE_SELECT[size] : false}\n        onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n        onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n        visible={visible}\n        value={timeValue}\n      >\n        <SPickerInput\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.inputRef}\n          inputMode='numeric'\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={this.getAriaLabel()}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu hMax={180}>{getOptions(min, max, step)}</Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    ml: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  focusNext() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (event) => {\n    const { currentTarget } = event;\n    if (event.key === 'Enter') {\n      this.submitChanges(event);\n    }\n    if (event.key === 'ArrowRight') {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusNext();\n      }\n    }\n  };\n\n  componentDidUpdate(_prevProps, prevState) {\n    const { dirtyValue } = this.state;\n    if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n    if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n      this.focusNext();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    mr: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    return [0, 59];\n  }\n\n  focusPrev() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (event) => {\n    const { currentTarget } = event;\n    if (event.key === 'ArrowLeft') {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusPrev();\n      }\n    }\n    if (event.key === 'Backspace') {\n      if (currentTarget.value.length === 0) {\n        event.preventDefault();\n        this.focusPrev();\n      }\n    }\n    if (event.key === 'Enter') this.submitChanges(event);\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/TimePicker.js

@@ -1,339 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
-import { assignProps as _assignProps2 } from "@semcore/core";
-import { assignProps as _assignProps } from "@semcore/core";
-import { createComponent, Component, sstyled, Root } from '@semcore/core';
-import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
-import { Box } from '@semcore/flex-box';
-import Input from '@semcore/input';
-import React from 'react';
-import Format from './PickerFormat';
-import { Hours, Minutes } from './PickerInput';
-/*!__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STimePicker_1g12b_gg_{position:relative;width:auto;outline:0}.___STimePicker_1g12b_gg_ .___SPickerInput_1g12b_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_1g12b_gg_ .___SPickerInput_1g12b_gg_.__placeholder_1g12b_gg_{text-overflow:initial}.___STimePicker_1g12b_gg_ .___SPickerInput_1g12b_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerFormat_1g12b_gg_,.___STimePicker_1g12b_gg_.__disabled_1g12b_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1g12b_gg_._size_l_1g12b_gg_,.___SPickerInput_1g12b_gg_._size_m_1g12b_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1g12b_gg_._size_l_1g12b_gg_{width:21px}.___SPickerFormat_1g12b_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;background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1g12b_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1g12b_gg_.__active_1g12b_gg_,.___SPickerFormat_1g12b_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1g12b_gg_._size_m_1g12b_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1g12b_gg_._size_m_1g12b_gg_ .___SPickerFormatText_1g12b_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1g12b_gg_._size_l_1g12b_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0-1px 0 0}.___SPickerFormat_1g12b_gg_._size_l_1g12b_gg_ .___SPickerFormatText_1g12b_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1g12b_gg_.__disabled_1g12b_gg_{cursor:default;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___STimePickerSeparator_1g12b_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SPickerFormat_1g12b_gg_.__disabled_1g12b_gg_,.___STimePickerSeparator_1g12b_gg_.__disabled_1g12b_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}", /*__inner_css_end__*/"1g12b_gg_"),
-/*__reshadow_css_end__*/
-{
-  "__STimePicker": "___STimePicker_1g12b_gg_",
-  "_disabled": "__disabled_1g12b_gg_",
-  "__SPickerInput": "___SPickerInput_1g12b_gg_",
-  "_size_m": "_size_m_1g12b_gg_",
-  "_size_l": "_size_l_1g12b_gg_",
-  "__SPickerFormat": "___SPickerFormat_1g12b_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_1g12b_gg_",
-  "_placeholder": "__placeholder_1g12b_gg_",
-  "_active": "__active_1g12b_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_1g12b_gg_"
-});
-import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-var MAP_MERIDIEM = {
-  AM: 'PM',
-  PM: 'AM'
-};
-var MAP_FIELD_TO_TIME = {
-  hours: 0,
-  minutes: 1
-};
-export 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;
-}
-export function withLeadingZero(value) {
-  value = String(value);
-  if (value.length === 1) return "0".concat(value);
-  return String(value);
-}
-export function meridiemByHours(hours) {
-  return hours >= 12 ? 'PM' : 'AM';
-}
-export function formatHoursTo12(hours /* hours by 24 */) {
-  var nHours = intOrDefault(hours, Number.NaN); // if not (:00)
-  if (Number.isNaN(nHours)) return hours;
-
-  // if not (HH:00)
-  if (nHours === 0) return 12; // 0 => 12 PM
-  if (nHours > 12) return nHours - 12; // 22 => 10 PM
-
-  return hours;
-}
-export function formatHoursTo24(hours /* hours by 12 */, meridiem) {
-  var nHours = intOrDefault(hours, Number.NaN); // if not (:00)
-
-  if (Number.isNaN(nHours)) return hours;
-  if (meridiem === 'AM') {
-    if (nHours === 12) return 0; // 12 AM => 0
-  }
-  if (meridiem === 'PM') {
-    if (nHours < 12) return nHours + 12; // 10 PM => 22
-  }
-  return hours;
-}
-var TimePickerRoot = /*#__PURE__*/function (_Component) {
-  function TimePickerRoot() {
-    var _this;
-    _classCallCheck(this, TimePickerRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, TimePickerRoot, [].concat(args));
-    _defineProperty(_this, "hoursInputRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "minutesInputRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "_lastMeridiem", 'AM');
-    _defineProperty(_this, "handleValueChange", function (value, field, event) {
-      var is12Hour = _this.asProps.is12Hour;
-      var _this2 = _this,
-        meridiem = _this2.meridiem;
-      var time;
-      if (field) {
-        time = _this.value.split(':');
-        time[MAP_FIELD_TO_TIME[field]] = value;
-      } else {
-        time = value.split(':');
-      }
-      var _time = time,
-        _time2 = _slicedToArray(_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);
-    });
-    _defineProperty(_this, "handleMeridiemClick", function (event) {
-      var is12Hour = _this.asProps.is12Hour;
-      var _this3 = _this,
-        value = _this3.value,
-        meridiem = _this3.meridiem;
-      var _value$split = value.split(':'),
-        _value$split2 = _slicedToArray(_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);
-    });
-    _defineProperty(_this, "_getHoursAndMinutesProps", function () {
-      var _this$asProps = _this.asProps,
-        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,
-        is12Hour: is12Hour,
-        disabled: disabled,
-        $onValueChange: _this.handleValueChange,
-        minutesInputRef: _this.minutesInputRef,
-        hoursInputRef: _this.hoursInputRef,
-        _getI18nText: getI18nText
-      };
-    });
-    _defineProperty(_this, "getHoursProps", function () {
-      return _objectSpread(_objectSpread({}, _this._getHoursAndMinutesProps()), {}, {
-        ref: _this.hoursInputRef
-      });
-    });
-    _defineProperty(_this, "getMinutesProps", function () {
-      return _objectSpread(_objectSpread({}, _this._getHoursAndMinutesProps()), {}, {
-        ref: _this.minutesInputRef
-      });
-    });
-    return _this;
-  }
-  _inherits(TimePickerRoot, _Component);
-  return _createClass(TimePickerRoot, [{
-    key: "uncontrolledProps",
-    value:
-    // default AM
-
-    function uncontrolledProps() {
-      return {
-        value: null,
-        title: null
-      };
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _document$querySelect;
-      var _this$asProps2 = this.asProps,
-        id = _this$asProps2.id,
-        ariaDescribedBy = _this$asProps2['aria-describedby'];
-      var selector = "[for=".concat(id, "]");
-      var titleElement = (_document$querySelect = document.querySelector(selector)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("#".concat(ariaDescribedBy));
-      if (titleElement) {
-        this.handlers.title(titleElement.textContent);
-      }
-    }
-  }, {
-    key: "value",
-    get: function get() {
-      var value = this.asProps.value;
-      return value === null || value === undefined ? ':' : value;
-    }
-  }, {
-    key: "meridiem",
-    get: function get() {
-      var value = this.asProps.value;
-      var _value$split3 = value.split(':'),
-        _value$split4 = _slicedToArray(_value$split3, 1),
-        _value$split4$ = _value$split4[0],
-        hours = _value$split4$ === void 0 ? '' : _value$split4$;
-      var nHours = intOrDefault(hours, Number.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 = _slicedToArray(_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);
-      return [hours, minutes];
-    }
-  }, {
-    key: "timeToValue",
-    value: function timeToValue(time, meridiem) {
-      var is12Hour = this.asProps.is12Hour;
-      var _time3 = _slicedToArray(time, 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
-
-      return "".concat(hours, ":").concat(minutes);
-    }
-  }, {
-    key: "getSeparatorProps",
-    value: function getSeparatorProps() {
-      return {
-        disabled: this.asProps.disabled,
-        hoursInputRef: this.hoursInputRef
-      };
-    }
-  }, {
-    key: "getFormatProps",
-    value: function getFormatProps() {
-      var _this$asProps3 = this.asProps,
-        size = _this$asProps3.size,
-        disabled = _this$asProps3.disabled,
-        disablePortal = _this$asProps3.disablePortal,
-        getI18nText = _this$asProps3.getI18nText;
-      return {
-        size: size,
-        disabled: disabled,
-        disablePortal: disablePortal,
-        meridiem: this.meridiem,
-        onClick: this.handleMeridiemClick,
-        getI18nText: getI18nText
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var STimePicker = Input;
-      var _this$asProps4 = this.asProps,
-        styles = _this$asProps4.styles,
-        Children = _this$asProps4.Children,
-        value = _this$asProps4.value,
-        is12Hour = _this$asProps4.is12Hour,
-        getI18nText = _this$asProps4.getI18nText,
-        title = _this$asProps4.title;
-      var _this$valueToTime = this.valueToTime(this.value),
-        _this$valueToTime2 = _slicedToArray(_this$valueToTime, 2),
-        hours = _this$valueToTime2[0],
-        minutes = _this$valueToTime2[1];
-      var label = value ? "".concat(title, " ").concat(getI18nText('title', {
-        time: "".concat(hours, ":").concat(withLeadingZero(minutes)),
-        meridiem: is12Hour ? this.meridiem : ''
-      })) : "".concat(title, " ").concat(getI18nText('titleEmpty'));
-      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STimePicker, _ref3.cn("STimePicker", _objectSpread({}, _assignProps({
-        "role": 'group',
-        "aria-label": label,
-        "__excludeProps": ['value', 'title']
-      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))));
-    }
-  }]);
-}(Component);
-_defineProperty(TimePickerRoot, "displayName", 'TimePicker');
-_defineProperty(TimePickerRoot, "style", style);
-_defineProperty(TimePickerRoot, "enhance", [i18nEnhance(localizedMessages)]);
-_defineProperty(TimePickerRoot, "defaultProps", function (_ref5) {
-  var is12Hour = _ref5.is12Hour;
-  return {
-    defaultValue: '',
-    size: 'm',
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TimePicker.Hours, null), /*#__PURE__*/React.createElement(TimePicker.Separator, null), /*#__PURE__*/React.createElement(TimePicker.Minutes, null), is12Hour && /*#__PURE__*/React.createElement(TimePicker.Format, null)),
-    i18n: localizedMessages,
-    locale: 'en',
-    defaultTitle: ''
-  };
-});
-var Separator = /*#__PURE__*/function (_Component2) {
-  function Separator() {
-    var _this4;
-    _classCallCheck(this, Separator);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this4 = _callSuper(this, Separator, [].concat(args));
-    _defineProperty(_this4, "handlerClick", function () {
-      if (_this4.asProps.hoursInputRef.current) {
-        var _this4$asProps$hoursI;
-        (_this4$asProps$hoursI = _this4.asProps.hoursInputRef.current) === null || _this4$asProps$hoursI === void 0 || _this4$asProps$hoursI.focus();
-      }
-    });
-    return _this4;
-  }
-  _inherits(Separator, _Component2);
-  return _createClass(Separator, [{
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps,
-        _ref4;
-      var STimePickerSeparator = Box;
-      var styles = this.asProps.styles;
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STimePickerSeparator, _ref4.cn("STimePickerSeparator", _objectSpread({}, _assignProps2({
-        "onClick": this.handlerClick,
-        "aria-hidden": 'true'
-      }, _ref2))));
-    }
-  }]);
-}(Component);
-_defineProperty(Separator, "defaultProps", {
-  children: ':'
-});
-var TimePicker = createComponent(TimePickerRoot, {
-  Hours: Hours,
-  Minutes: Minutes,
-  Separator: Separator,
-  Format: Format
-});
-export default TimePicker;
-//# sourceMappingURL=TimePicker.js.map