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

package/lib/cjs/TimePicker.js

@@ -1,348 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-exports.formatHoursTo12 = formatHoursTo12;
-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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = require("@semcore/core");
-var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
-var _flexBox = require("@semcore/flex-box");
-var _input = _interopRequireDefault(require("@semcore/input"));
-var _react = _interopRequireDefault(require("react"));
-var _PickerFormat = _interopRequireDefault(require("./PickerFormat"));
-var _PickerInput = require("./PickerInput");
-var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
-/*!__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.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_"
-});
-var MAP_MERIDIEM = {
-  AM: 'PM',
-  PM: 'AM'
-};
-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 */) {
-  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;
-}
-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;
-    (0, _classCallCheck2["default"])(this, TimePickerRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, TimePickerRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "hoursInputRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "minutesInputRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "_lastMeridiem", 'AM');
-    (0, _defineProperty2["default"])(_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 = (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"])(_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 = (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"])(_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
-      };
-    });
-    (0, _defineProperty2["default"])(_this, "getHoursProps", function () {
-      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _this._getHoursAndMinutesProps()), {}, {
-        ref: _this.hoursInputRef
-      });
-    });
-    (0, _defineProperty2["default"])(_this, "getMinutesProps", function () {
-      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _this._getHoursAndMinutesProps()), {}, {
-        ref: _this.minutesInputRef
-      });
-    });
-    return _this;
-  }
-  (0, _inherits2["default"])(TimePickerRoot, _Component);
-  return (0, _createClass2["default"])(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 = (0, _slicedToArray2["default"])(_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 = (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);
-      return [hours, minutes];
-    }
-  }, {
-    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;
-      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["default"];
-      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 = (0, _slicedToArray2["default"])(_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 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STimePicker, _ref3.cn("STimePicker", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "role": 'group',
-        "aria-label": label,
-        "__excludeProps": ['value', 'title']
-      }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))));
-    }
-  }]);
-}(_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;
-  return {
-    defaultValue: '',
-    size: 'm',
-    children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(TimePicker.Hours, null), /*#__PURE__*/_react["default"].createElement(TimePicker.Separator, null), /*#__PURE__*/_react["default"].createElement(TimePicker.Minutes, null), is12Hour && /*#__PURE__*/_react["default"].createElement(TimePicker.Format, null)),
-    i18n: _intergalacticDynamicLocales.localizedMessages,
-    locale: 'en',
-    defaultTitle: ''
-  };
-});
-var Separator = /*#__PURE__*/function (_Component2) {
-  function Separator() {
-    var _this4;
-    (0, _classCallCheck2["default"])(this, Separator);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this4 = (0, _callSuper2["default"])(this, Separator, [].concat(args));
-    (0, _defineProperty2["default"])(_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;
-  }
-  (0, _inherits2["default"])(Separator, _Component2);
-  return (0, _createClass2["default"])(Separator, [{
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps,
-        _ref4;
-      var STimePickerSeparator = _flexBox.Box;
-      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))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(Separator, "defaultProps", {
-  children: ':'
-});
-var TimePicker = (0, _core.createComponent)(TimePickerRoot, {
-  Hours: _PickerInput.Hours,
-  Minutes: _PickerInput.Minutes,
-  Separator: Separator,
-  Format: _PickerFormat["default"]
-});
-var _default = exports["default"] = TimePicker;
-//# sourceMappingURL=TimePicker.js.map

package/lib/cjs/TimePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimePicker.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_flexBox","_input","_react","_PickerFormat","_PickerInput","_intergalacticDynamicLocales","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","_this","_classCallCheck2","_len","args","Array","_key","_callSuper2","_defineProperty2","React","createRef","field","event","is12Hour","asProps","_this2","time","split","_time","_time2","_slicedToArray2","_time2$","_time2$2","timeToValue","handlers","_this3","_value$split","_value$split2","_value$split2$","_value$split2$2","_this$asProps","size","disabled","getI18nText","valueToTime","$onValueChange","handleValueChange","minutesInputRef","hoursInputRef","_getI18nText","_objectSpread2","_getHoursAndMinutesProps","ref","_inherits2","_createClass2","key","uncontrolledProps","title","componentDidMount","_document$querySelect","_this$asProps2","id","ariaDescribedBy","selector","titleElement","document","querySelector","textContent","get","_value$split3","_value$split4","_value$split4$","_lastMeridiem","_value$split5","_value$split6","_value$split6$","_value$split6$2","_time3","_time3$","_time3$2","getSeparatorProps","getFormatProps","_this$asProps3","disablePortal","onClick","handleMeridiemClick","render","_ref","_ref3","STimePicker","Input","_this$asProps4","styles","Children","_this$valueToTime","_this$valueToTime2","label","createElement","Fragment","cn","assignProps","Component","i18nEnhance","localizedMessages","_ref5","defaultValue","children","TimePicker","Hours","Separator","Minutes","Format","i18n","locale","defaultTitle","_Component2","_this4","_len2","_key2","current","_this4$asProps$hoursI","focus","_ref2","_ref4","STimePickerSeparator","Box","handlerClick","createComponent","_default","exports"],"sources":["../../src/TimePicker.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Box } from '@semcore/flex-box';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport Format from './PickerFormat';\nimport { Hours, Minutes } from './PickerInput';\nimport style from './style/time-picker.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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, Number.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 => 10 PM\n\n  return hours;\n}\n\nexport function formatHoursTo24(hours /* hours by 12 */, meridiem) {\n  const nHours = intOrDefault(hours, Number.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    defaultTitle: '',\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      title: null,\n    };\n  }\n\n  componentDidMount() {\n    const { id, 'aria-describedby': ariaDescribedBy } = this.asProps;\n    const selector = `[for=${id}]`;\n    const titleElement =\n      document.querySelector(selector) ?? document.querySelector(`#${ariaDescribedBy}`);\n\n    if (titleElement) {\n      this.handlers.title(titleElement.textContent);\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, Number.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 = () => {\n    return { ...this._getHoursAndMinutesProps(), ref: this.hoursInputRef };\n  };\n\n  getMinutesProps = () => {\n    return { ...this._getHoursAndMinutesProps(), ref: this.minutesInputRef };\n  };\n\n  getSeparatorProps() {\n    return {\n      disabled: this.asProps.disabled,\n      hoursInputRef: this.hoursInputRef,\n    };\n  }\n\n  getFormatProps() {\n    const { size, disabled, disablePortal, getI18nText } = this.asProps;\n\n    return {\n      size,\n      disabled,\n      disablePortal,\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, title } = this.asProps;\n    const [hours, minutes] = this.valueToTime(this.value);\n\n    const label = value\n      ? `${title} ${getI18nText('title', {\n        time: `${hours}:${withLeadingZero(minutes)}`,\n        meridiem: is12Hour ? this.meridiem : '',\n      })}`\n      : `${title} ${getI18nText('titleEmpty')}`;\n\n    return sstyled(styles)(\n      <>\n        <STimePicker\n          render={Input}\n          role='group'\n          aria-label={label}\n          __excludeProps={['value', 'title']}\n        >\n          <Children />\n        </STimePicker>\n      </>,\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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","ignoreList":[]}

package/lib/cjs/index.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.d.js.map

package/lib/cjs/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { InputProps, InputValueProps } from '@semcore/input';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface ITimePickerProps extends TimePickerProps, UnknownProperties {}\nexport type TimePickerProps = Omit<InputProps, 'size'> & {\n  /** Time in the hh:mm format */\n  value?: string;\n  /** Default value if `value` property is not provided */\n  defaultValue?: string;\n  /** The event responses upon time changing */\n  onChange?: (time: string, event?: React.SyntheticEvent) => void;\n  /** In charge of the component blocking */\n  disabled?: boolean;\n  /** Control size\n   * @default m */\n  size?: 'm' | 'l';\n  /** 12-hour time format */\n  is12Hour?: boolean;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}\nexport type TimePickerItemProps = InputValueProps & {\n  /** Step for changing of the values in the dropdown list */\n  step?: number;\n};\n\n/** @deprecated */\nexport interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}\nexport type TimePickerFormatProps = BoxProps & {};\n\n/** @deprecated */\nexport interface ITimePickerContext extends TimePickerContext, UnknownProperties {}\nexport type TimePickerContext = {\n  getHoursProps: PropGetterFn;\n  getFormatProps: PropGetterFn;\n  getMinutesProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}\nexport type TimePickerHandlers = {\n  value: (value: string) => void;\n};\n\ndeclare const TimePicker: Intergalactic.Component<\n  'div',\n  TimePickerProps,\n  TimePickerContext,\n  [handlers: TimePickerHandlers]\n> & {\n  Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n  Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n  Separator: typeof Box;\n  Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n\nexport default TimePicker;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/PickerFormat.js

@@ -1,75 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-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";
-import { Component, sstyled, Root } from '@semcore/core';
-import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
-import { Box, ScreenReaderOnly } from '@semcore/flex-box';
-import React from 'react';
-var TimePickerFormat = /*#__PURE__*/function (_Component) {
-  function TimePickerFormat() {
-    var _this;
-    _classCallCheck(this, TimePickerFormat);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, TimePickerFormat, [].concat(args));
-    _defineProperty(_this, "state", {
-      changedFormatNotice: ''
-    });
-    _defineProperty(_this, "handleClick", function () {
-      setTimeout(function () {
-        var _this$asProps = _this.asProps,
-          meridiem = _this$asProps.meridiem,
-          getI18nText = _this$asProps.getI18nText;
-        _this.setState({
-          changedFormatNotice: getI18nText('changedFormatNotice', {
-            meridiem: meridiem
-          })
-        });
-      }, 0);
-      setTimeout(function () {
-        _this.setState({
-          changedFormatNotice: ''
-        });
-      }, 2000);
-    });
-    return _this;
-  }
-  _inherits(TimePickerFormat, _Component);
-  return _createClass(TimePickerFormat, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SPickerFormat = Box;
-      var _this$asProps2 = this.asProps,
-        Children = _this$asProps2.Children,
-        meridiem = _this$asProps2.meridiem,
-        styles = _this$asProps2.styles,
-        getI18nText = _this$asProps2.getI18nText,
-        uid = _this$asProps2.uid;
-      var changedFormatNotice = this.state.changedFormatNotice;
-      var SPickerFormatText = 'span';
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SPickerFormat, _ref2.cn("SPickerFormat", _objectSpread({}, _assignProps({
-        "type": 'button',
-        "tag": 'button',
-        "tabIndex": 0,
-        "onClick": this.handleClick,
-        "aria-describedby": "".concat(uid, "_describe")
-      }, _ref))), Children.origin ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
-        "role": 'status',
-        "aria-live": 'polite'
-      }), changedFormatNotice), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
-        "aria-hidden": 'true',
-        "id": "".concat(uid, "_describe")
-      }), getI18nText('formatToggler')));
-    }
-  }]);
-}(Component);
-_defineProperty(TimePickerFormat, "enhance", [uniqueIDEnhancement()]);
-export default TimePickerFormat;
-//# sourceMappingURL=PickerFormat.js.map

package/lib/es6/PickerFormat.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerFormat.js","names":["Component","sstyled","Root","uniqueIDEnhancement","Box","ScreenReaderOnly","React","TimePickerFormat","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_inherits","_createClass","key","value","render","_ref","_ref2","SPickerFormat","_this$asProps2","Children","styles","uid","state","SPickerFormatText","createElement","Fragment","cn","_objectSpread","_assignProps","handleClick","origin"],"sources":["../../src/PickerFormat.jsx"],"sourcesContent":["import { Component, sstyled, Root } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Box, ScreenReaderOnly } from '@semcore/flex-box';\nimport React from 'react';\n\nclass TimePickerFormat extends Component {\n  static enhance = [uniqueIDEnhancement()];\n\n  state = {\n    changedFormatNotice: '',\n  };\n\n  handleClick = () => {\n    setTimeout(() => {\n      const { meridiem, getI18nText } = this.asProps;\n      this.setState({ changedFormatNotice: getI18nText('changedFormatNotice', { meridiem }) });\n    }, 0);\n\n    setTimeout(() => {\n      this.setState({ changedFormatNotice: '' });\n    }, 2000);\n  };\n\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles, getI18nText, uid } = this.asProps;\n    const { changedFormatNotice } = this.state;\n    const SPickerFormatText = 'span';\n\n    return sstyled(styles)(\n      <>\n        <SPickerFormat\n          render={Box}\n          type='button'\n          tag='button'\n          tabIndex={0}\n          onClick={this.handleClick}\n          aria-describedby={`${uid}_describe`}\n        >\n          {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n        </SPickerFormat>\n        <ScreenReaderOnly role='status' aria-live='polite'>\n          {changedFormatNotice}\n        </ScreenReaderOnly>\n        <ScreenReaderOnly aria-hidden='true' id={`${uid}_describe`}>\n          {getI18nText('formatToggler')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"mappings":"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","ignoreList":[]}