@semcore/time-picker 2.4.8 → 2.4.11

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.4.11] - 2022-03-14
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [3.31.2 ~> 3.31.2], `@semcore/flex-box` [4.5.0 ~> 4.5.1], `@semcore/button` [3.3.6 ~> 3.3.7], `@semcore/input` [2.2.4 ~> 2.2.5], `@semcore/select` [2.7.6 ~> 2.7.7]).
+
+## [2.4.10] - 2022-03-10
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/select` [2.7.5 ~> 2.7.6]).
+
+## [2.4.9] - 2022-03-05
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/select` [2.7.4 ~> 2.7.5]).
+
 ## [2.4.6] - 2022-02-24
 
 ### Added

package/lib/cjs/PickerFormat.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/PickerFormat.js"],"names":["TimePickerFormat","SPickerFormat","Box","asProps","Children","meridiem","styles","SPickerFormatText","origin","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;;;;;;;;;IAEMA,gB;;;;;;;;;;;;WAEJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,aAAa,GAKMC,YALzB;AACA,0BAAuC,KAAKC,OAA5C;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,QAAlB,iBAAkBA,QAAlB;AAAA,UAA4BC,MAA5B,iBAA4BA,MAA5B;AACA,UAAMC,iBAAiB,GAAG,MAA1B;AAEA,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAC,aAAD;AAAA,gBAAiC,QAAjC;AAAA,eAA8C;AAA9C,kBACGF,QAAQ,CAACI,MAAT,gBACC,gCAAC,QAAD,2BADD,gBAGC,+EACE,gCAAC,iBAAD,qCAAoBH,QAApB,CADF,CAJJ,CADF;AAWD;;;EAlB4BI,e;;iCAAzBT,gB,aACa,CAAC,uCAAD,C;eAoBJA,gB","sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance()];\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles } = this.asProps;\n    const SPickerFormatText = 'span';\n\n    return sstyled(styles)(\n      <SPickerFormat render={Box} type=\"button\" tag=\"button\">\n        {Children.origin ? (\n          <Children />\n        ) : (\n          <>\n            <SPickerFormatText>{meridiem}</SPickerFormatText>\n          </>\n        )}\n      </SPickerFormat>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"file":"PickerFormat.js"}
+{"version":3,"sources":["../../src/PickerFormat.jsx"],"names":["TimePickerFormat","SPickerFormat","Box","asProps","Children","meridiem","styles","SPickerFormatText","origin","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;;;;;;;;;IAEMA,gB;;;;;;;;;;;;WAEJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,aAAa,GAKMC,YALzB;AACA,0BAAuC,KAAKC,OAA5C;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,QAAlB,iBAAkBA,QAAlB;AAAA,UAA4BC,MAA5B,iBAA4BA,MAA5B;AACA,UAAMC,iBAAiB,GAAG,MAA1B;AAEA,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAC,aAAD;AAAA,gBAAiC,QAAjC;AAAA,eAA8C;AAA9C,kBACGF,QAAQ,CAACI,MAAT,gBACC,gCAAC,QAAD,2BADD,gBAGC,+EACE,gCAAC,iBAAD,qCAAoBH,QAApB,CADF,CAJJ,CADF;AAWD;;;EAlB4BI,e;;iCAAzBT,gB,aACa,CAAC,uCAAD,C;eAoBJA,gB","sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance()];\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles } = this.asProps;\n    const SPickerFormatText = 'span';\n\n    return sstyled(styles)(\n      <SPickerFormat render={Box} type=\"button\" tag=\"button\">\n        {Children.origin ? (\n          <Children />\n        ) : (\n          <>\n            <SPickerFormatText>{meridiem}</SPickerFormatText>\n          </>\n        )}\n      </SPickerFormat>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"file":"PickerFormat.js"}

package/lib/cjs/PickerInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/PickerInput.js"],"names":["MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","xl","getOptions","min","max","step","length","Number","toFixed","options","Array","fill","numValue","map","i","index","value","String","ItemPicker","React","createRef","dirtyValue","undefined","visible","minMax","Math","e","stopPropagation","numberValue","NaN","isNaN","setState","slice","submitChanges","$input","current","select","dispatchOnChange","event","asProps","$onValueChange","field","state","parseValueWithMinMax","SPickerInput","Select","Trigger","styles","onSelect","time","size","disabled","onVisibleChange","other","timeValue","handleSelect","handleVisibleChange","Input","Value","handleChange","handleBlur","handleFocus","handleKeyDown","Component","placeholder","Hours","currentTarget","keyCode","selectionStart","selectionEnd","preventDefault","nextInput","is12Hour","focus","prevProps","prevState","Minutes","prevFocus"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, nextInput, prevInput, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\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  xl: '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\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n  };\n\n  $input = 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, e) => {\n    /* hide props for bubbling events */\n    e.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (e) => this.submitChanges(e);\n\n  handleFocus = () => {\n    this.$input?.current.select();\n  };\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, e) => {\n    this.dispatchOnChange(value, e);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  render() {\n    const SPickerInput = Root;\n    const {\n      styles,\n      step,\n      onSelect,\n      time,\n      size,\n      disabled,\n      onVisibleChange,\n      ...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          interaction=\"focus\"\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.$input}\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={`Search ${this.field}`}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\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\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  nextInput() {\n    if (this.$input.current) {\n      const $input = nextInput(this.$input.current);\n      if ($input) {\n        this.setState({ visible: false });\n        $input.focus();\n      }\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 39) {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.nextInput();\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.nextInput();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n\n  minMax() {\n    return [0, 59];\n  }\n\n  prevFocus() {\n    if (this.$input.current) {\n      const $input = prevInput(this.$input.current);\n      if ($input) {\n        this.setState({ visible: false });\n        $input.focus();\n      }\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 37) {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n    if (e.keyCode === 8) {\n      if (currentTarget.value.length === 0) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n  };\n}\n\nexport { Hours, Minutes };\n"],"file":"PickerInput.js"}
+{"version":3,"sources":["../../src/PickerInput.jsx"],"names":["MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","xl","getOptions","min","max","step","length","Number","toFixed","options","Array","fill","numValue","map","i","index","value","String","ItemPicker","React","createRef","dirtyValue","undefined","visible","minMax","Math","e","stopPropagation","numberValue","NaN","isNaN","setState","slice","submitChanges","$input","current","select","dispatchOnChange","event","asProps","$onValueChange","field","state","parseValueWithMinMax","SPickerInput","Select","Trigger","styles","onSelect","time","size","disabled","onVisibleChange","other","timeValue","handleSelect","handleVisibleChange","Input","Value","handleChange","handleBlur","handleFocus","handleKeyDown","Component","placeholder","Hours","currentTarget","keyCode","selectionStart","selectionEnd","preventDefault","nextInput","is12Hour","focus","prevProps","prevState","Minutes","prevFocus"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, nextInput, prevInput, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\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  xl: '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\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n  };\n\n  $input = 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, e) => {\n    /* hide props for bubbling events */\n    e.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (e) => this.submitChanges(e);\n\n  handleFocus = () => {\n    this.$input?.current.select();\n  };\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, e) => {\n    this.dispatchOnChange(value, e);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\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          interaction=\"focus\"\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.$input}\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={`Search ${this.field}`}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\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\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  nextInput() {\n    if (this.$input.current) {\n      const $input = nextInput(this.$input.current);\n      if ($input) {\n        this.setState({ visible: false });\n        $input.focus();\n      }\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 39) {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.nextInput();\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.nextInput();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n\n  minMax() {\n    return [0, 59];\n  }\n\n  prevFocus() {\n    if (this.$input.current) {\n      const $input = prevInput(this.$input.current);\n      if ($input) {\n        this.setState({ visible: false });\n        $input.focus();\n      }\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 37) {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n    if (e.keyCode === 8) {\n      if (currentTarget.value.length === 0) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n  };\n}\n\nexport { Hours, Minutes };\n"],"file":"PickerInput.js"}

package/lib/cjs/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimePicker.js"],"names":["MAP_MERIDIEM","AM","PM","MAP_FIELD_TO_TIME","hours","minutes","nextInput","element","nextElementSibling","tagName","prevInput","previousElementSibling","intOrDefault","value","def","number","Number","parseInt","isNaN","withLeadingZero","String","length","meridiemByHours","formatHoursTo12","nHours","NaN","formatHoursTo24","meridiem","TimePickerRoot","field","event","is12Hour","asProps","time","split","timeToValue","handlers","size","disabled","valueToTime","$onValueChange","handleValueChange","getHoursProps","disablePortal","onClick","handleMeridiemClick","undefined","_lastMeridiem","STimePicker","Input","styles","Children","Component","style","defaultValue","children","Separator","React","createRef","$el","current","focus","Box","handlerClick","TimePicker","Hours","Minutes","Format"],"mappings":"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","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';\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 nextInput(element) {\n  do {\n    element = element.nextElementSibling;\n  } while (element && element.tagName !== 'INPUT');\n  return element;\n}\n\nexport function prevInput(element) {\n  do {\n    element = element.previousElementSibling;\n  } while (element && element.tagName !== 'INPUT');\n  return element;\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 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  });\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  getHoursProps = () => {\n    const { is12Hour, size, disabled } = 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    };\n  };\n\n  getMinutesProps = () => {\n    return this.getHoursProps();\n  };\n\n  getFormatProps = () => {\n    const { size, disabled, disablePortal } = this.asProps;\n    return {\n      size,\n      disabled,\n      disablePortal,\n      meridiem: this.meridiem,\n      onClick: this.handleMeridiemClick,\n    };\n  };\n\n  render() {\n    const STimePicker = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <STimePicker render={Input}>\n        <Children />\n      </STimePicker>,\n    );\n  }\n}\n\nclass Separator extends Component {\n  static defaultProps = {\n    children: ':',\n  };\n\n  $el = React.createRef();\n\n  handlerClick = () => {\n    if (this.$el.current) {\n      prevInput(this.$el.current)?.focus();\n    }\n  };\n\n  render() {\n    return <Root render={Box} ref={this.$el} onClick={this.handlerClick} />;\n  }\n}\n\nconst TimePicker = createComponent(TimePickerRoot, {\n  Hours,\n  Minutes,\n  Separator,\n  Format,\n});\n\nexport default TimePicker;\n"],"file":"TimePicker.js"}
+{"version":3,"sources":["../../src/TimePicker.jsx"],"names":["MAP_MERIDIEM","AM","PM","MAP_FIELD_TO_TIME","hours","minutes","nextInput","element","nextElementSibling","tagName","prevInput","previousElementSibling","intOrDefault","value","def","number","Number","parseInt","isNaN","withLeadingZero","String","length","meridiemByHours","formatHoursTo12","nHours","NaN","formatHoursTo24","meridiem","TimePickerRoot","field","event","is12Hour","asProps","time","split","timeToValue","handlers","size","disabled","valueToTime","$onValueChange","handleValueChange","getHoursProps","disablePortal","onClick","handleMeridiemClick","undefined","_lastMeridiem","STimePicker","Input","styles","Children","Component","style","defaultValue","children","Separator","React","createRef","$el","current","focus","Box","handlerClick","TimePicker","Hours","Minutes","Format"],"mappings":"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","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';\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 nextInput(element) {\n  do {\n    element = element.nextElementSibling;\n  } while (element && element.tagName !== 'INPUT');\n  return element;\n}\n\nexport function prevInput(element) {\n  do {\n    element = element.previousElementSibling;\n  } while (element && element.tagName !== 'INPUT');\n  return element;\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 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  });\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  getHoursProps = () => {\n    const { is12Hour, size, disabled } = 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    };\n  };\n\n  getMinutesProps = () => {\n    return this.getHoursProps();\n  };\n\n  getFormatProps = () => {\n    const { size, disabled, disablePortal } = this.asProps;\n    return {\n      size,\n      disabled,\n      disablePortal,\n      meridiem: this.meridiem,\n      onClick: this.handleMeridiemClick,\n    };\n  };\n\n  render() {\n    const STimePicker = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <STimePicker render={Input}>\n        <Children />\n      </STimePicker>,\n    );\n  }\n}\n\nclass Separator extends Component {\n  static defaultProps = {\n    children: ':',\n  };\n\n  $el = React.createRef();\n\n  handlerClick = () => {\n    if (this.$el.current) {\n      prevInput(this.$el.current)?.focus();\n    }\n  };\n\n  render() {\n    return <Root render={Box} ref={this.$el} onClick={this.handlerClick} />;\n  }\n}\n\nconst TimePicker = createComponent(TimePickerRoot, {\n  Hours,\n  Minutes,\n  Separator,\n  Format,\n});\n\nexport default TimePicker;\n"],"file":"TimePicker.js"}

package/lib/es6/PickerFormat.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/PickerFormat.js"],"names":["React","Component","sstyled","Root","Box","keyboardFocusEnhance","TimePickerFormat","SPickerFormat","asProps","Children","meridiem","styles","SPickerFormatText","origin"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,OAApB,EAA6BC,IAA7B,QAAyC,eAAzC;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;;IAEMC,gB;;;;;;;;;;;;;WAEJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,aAAa,GAKMH,GALzB;AACA,0BAAuC,KAAKI,OAA5C;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,QAAlB,iBAAkBA,QAAlB;AAAA,UAA4BC,MAA5B,iBAA4BA,MAA5B;AACA,UAAMC,iBAAiB,GAAG,MAA1B;AAEA,qBAAOV,OAAO,CAACS,MAAD,CAAd,eACE,oBAAC,aAAD;AAAA,gBAAiC,QAAjC;AAAA,eAA8C;AAA9C,kBACGF,QAAQ,CAACI,MAAT,gBACC,oBAAC,QAAD,2BADD,gBAGC,uDACE,oBAAC,iBAAD,qCAAoBH,QAApB,CADF,CAJJ,CADF;AAWD;;;;EAlB4BT,S;;gBAAzBK,gB,aACa,CAACD,oBAAoB,EAArB,C;;AAoBnB,eAAeC,gBAAf","sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance()];\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles } = this.asProps;\n    const SPickerFormatText = 'span';\n\n    return sstyled(styles)(\n      <SPickerFormat render={Box} type=\"button\" tag=\"button\">\n        {Children.origin ? (\n          <Children />\n        ) : (\n          <>\n            <SPickerFormatText>{meridiem}</SPickerFormatText>\n          </>\n        )}\n      </SPickerFormat>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"file":"PickerFormat.js"}
+{"version":3,"sources":["../../src/PickerFormat.jsx"],"names":["React","Component","sstyled","Root","Box","keyboardFocusEnhance","TimePickerFormat","SPickerFormat","asProps","Children","meridiem","styles","SPickerFormatText","origin"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,OAApB,EAA6BC,IAA7B,QAAyC,eAAzC;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;;IAEMC,gB;;;;;;;;;;;;;WAEJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,aAAa,GAKMH,GALzB;AACA,0BAAuC,KAAKI,OAA5C;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,QAAlB,iBAAkBA,QAAlB;AAAA,UAA4BC,MAA5B,iBAA4BA,MAA5B;AACA,UAAMC,iBAAiB,GAAG,MAA1B;AAEA,qBAAOV,OAAO,CAACS,MAAD,CAAd,eACE,oBAAC,aAAD;AAAA,gBAAiC,QAAjC;AAAA,eAA8C;AAA9C,kBACGF,QAAQ,CAACI,MAAT,gBACC,oBAAC,QAAD,2BADD,gBAGC,uDACE,oBAAC,iBAAD,qCAAoBH,QAApB,CADF,CAJJ,CADF;AAWD;;;;EAlB4BT,S;;gBAAzBK,gB,aACa,CAACD,oBAAoB,EAArB,C;;AAoBnB,eAAeC,gBAAf","sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance()];\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles } = this.asProps;\n    const SPickerFormatText = 'span';\n\n    return sstyled(styles)(\n      <SPickerFormat render={Box} type=\"button\" tag=\"button\">\n        {Children.origin ? (\n          <Children />\n        ) : (\n          <>\n            <SPickerFormatText>{meridiem}</SPickerFormatText>\n          </>\n        )}\n      </SPickerFormat>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"file":"PickerFormat.js"}

package/lib/es6/PickerInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/PickerInput.js"],"names":["React","Input","Select","intOrDefault","nextInput","prevInput","withLeadingZero","Component","sstyled","Root","callAllEventHandlers","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","xl","getOptions","min","max","step","length","Number","toFixed","options","Array","fill","numValue","map","i","index","value","String","ItemPicker","createRef","dirtyValue","undefined","visible","minMax","Math","e","stopPropagation","numberValue","NaN","isNaN","setState","slice","submitChanges","$input","current","select","dispatchOnChange","event","asProps","$onValueChange","field","state","parseValueWithMinMax","SPickerInput","Trigger","styles","onSelect","time","size","disabled","onVisibleChange","other","timeValue","handleSelect","handleVisibleChange","Value","handleChange","handleBlur","handleFocus","handleKeyDown","placeholder","Hours","currentTarget","keyCode","selectionStart","selectionEnd","preventDefault","is12Hour","focus","prevProps","prevState","Minutes","prevFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,gBAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,YAAT,EAAuBC,SAAS,IAATA,UAAvB,EAAkCC,SAAlC,EAA6CC,eAA7C,QAAoE,cAApE;AACA,SAASC,SAAT,EAAoBC,OAApB,EAA6BC,IAA7B,QAAyC,eAAzC;AACA,SAASC,oBAAT,QAAqC,gCAArC;AAEA,IAAMC,iBAAiB,GAAG;AACxBC,EAAAA,KAAK,EAAE,CADiB;AAExBC,EAAAA,OAAO,EAAE;AAFe,CAA1B;AAKA,IAAMC,eAAe,GAAG;AACtBC,EAAAA,CAAC,EAAE,GADmB;AAEtBC,EAAAA,CAAC,EAAE,GAFmB;AAGtBC,EAAAA,EAAE,EAAE;AAHkB,CAAxB;;AAMA,SAASC,UAAT,CAAoBC,GAApB,EAAyBC,GAAzB,EAAwC;AAAA,MAAVC,IAAU,uEAAH,CAAG;AACtC,MAAMC,MAAM,GAAGC,MAAM,CAAC,CAAC,CAACH,GAAG,GAAG,CAAN,GAAUD,GAAX,IAAkBE,IAAnB,EAAyBG,OAAzB,CAAiC,CAAjC,CAAD,CAArB;AACA,MAAMC,OAAO,GAAGC,KAAK,CAACJ,MAAD,CAAL,CAAcK,IAAd,CAAmB,EAAnB,CAAhB;AACA,MAAIC,QAAQ,GAAGT,GAAf;AACA,SAAOM,OAAO,CAACI,GAAR,CAAY,UAACC,CAAD,EAAIC,KAAJ,EAAc;AAC/BH,IAAAA,QAAQ,GAAGG,KAAK,KAAK,CAAV,GAAcH,QAAd,GAAyBA,QAAQ,GAAGP,IAA/C;AACA,QAAMW,KAAK,GAAG1B,eAAe,CAAC2B,MAAM,CAACL,QAAD,CAAP,CAA7B;AACA,wBACE,oBAAC,MAAD,CAAQ,MAAR;AAAe,MAAA,KAAK,EAAEI,KAAtB;AAA6B,MAAA,GAAG,EAAEA;AAAlC,OACGA,KADH,CADF;AAKD,GARM,CAAP;AASD;;IAEKE,U;;;;;;;;;;;;;;;;0EAKKlC,KAAK,CAACmC,SAAN,E;;4DAMD;AACNC,MAAAA,UAAU,EAAEC,SADN;AAENC,MAAAA,OAAO,EAAE;AAFH,K;;2EAKe,UAACN,KAAD,EAAW;AAChC,yBAAmB,MAAKO,MAAL,EAAnB;AAAA;AAAA,UAAOpB,GAAP;AAAA,UAAYC,GAAZ;;AACA,aAAOa,MAAM,CAACO,IAAI,CAACpB,GAAL,CAASD,GAAT,EAAcqB,IAAI,CAACrB,GAAL,CAASC,GAAT,EAAcY,KAAd,CAAd,CAAD,CAAb;AACD,K;;mEAgBc,UAACA,KAAD,EAAQS,CAAR,EAAc;AAC3B;AACAA,MAAAA,CAAC,CAACC,eAAF;AACA,UAAMC,WAAW,GAAGxC,YAAY,CAACoB,MAAM,CAACS,KAAD,CAAP,EAAgBY,GAAhB,CAAhC;;AAEA,UAAI,CAACrB,MAAM,CAACsB,KAAP,CAAaF,WAAb,CAAL,EAAgC;AAC9B,cAAKG,QAAL,CAAc;AAAEV,UAAAA,UAAU,EAAEJ,KAAK,CAACe,KAAN,CAAY,CAAC,CAAb;AAAd,SAAd;AACD;AACF,K;;iEAEY,UAACN,CAAD;AAAA,aAAO,MAAKO,aAAL,CAAmBP,CAAnB,CAAP;AAAA,K;;kEAEC,YAAM;AAAA;;AAClB,4BAAKQ,MAAL,8DAAaC,OAAb,CAAqBC,MAArB;AACD,K;;oEAGe,YAAM,CAAE,C;;mEAET,UAACnB,KAAD,EAAQS,CAAR,EAAc;AAC3B,YAAKW,gBAAL,CAAsBpB,KAAtB,EAA6BS,CAA7B;AACD,K;;0EAEqB,UAACH,OAAD;AAAA,aAAa,MAAKQ,QAAL,CAAc;AAAER,QAAAA,OAAO,EAAPA;AAAF,OAAd,CAAb;AAAA,K;;;;;;;WAnDtB,kBAAS;AACP,aAAO,EAAP;AACD;;;WAYD,0BAAiBN,KAAjB,EAAwBqB,KAAxB,EAA+B;AAC7B,WAAKP,QAAL,CAAc;AAAEV,QAAAA,UAAU,EAAEC;AAAd,OAAd;AACA,WAAKiB,OAAL,CAAaC,cAAb,CAA4BvB,KAA5B,EAAmC,KAAKwB,KAAxC,EAA+CH,KAA/C;AACD;;;WAED,uBAAcA,KAAd,EAAqB;AACnB,UAAMjB,UAAN,GAAqB,KAAKqB,KAA1B,CAAMrB,UAAN;;AACA,UAAIA,UAAU,KAAKC,SAAnB,EAA8B;AAC5B;AACA,YAAID,UAAJ,EAAgBA,UAAU,GAAG,KAAKsB,oBAAL,CAA0BtB,UAA1B,CAAb,CAFY,CAEwC;;AACpE,aAAKgB,gBAAL,CAAsBhB,UAAtB,EAAkCiB,KAAlC;AACD;AACF;;;WA2BD,kBAAS;AAAA;AAAA;;AACP,UAAMM,YAAY,GA4BJzD,MAAM,CAAC0D,OA5BrB;;AACA,0BASI,KAAKN,OATT;AAAA,UACEO,MADF,iBACEA,MADF;AAAA,UAEExC,IAFF,iBAEEA,IAFF;AAAA,UAGEyC,QAHF,iBAGEA,QAHF;AAAA,UAIEC,IAJF,iBAIEA,IAJF;AAAA,UAKEC,IALF,iBAKEA,IALF;AAAA,UAMEC,QANF,iBAMEA,QANF;AAAA,UAOEC,eAPF,iBAOEA,eAPF;AAAA,UAQKC,KARL;;AAUA,wBAAgC,KAAKV,KAArC;AAAA,UAAQrB,UAAR,eAAQA,UAAR;AAAA,UAAoBE,OAApB,eAAoBA,OAApB;AACA,UAAM8B,SAAS,GAAGL,IAAI,CAACpD,iBAAiB,CAAC,KAAK6C,KAAN,CAAlB,CAAtB;AACA,UAAMxB,KAAK,GAAGI,UAAU,KAAKC,SAAf,GAA2B+B,SAA3B,GAAuChC,UAArD;;AACA,0BAAmB,KAAKG,MAAL,EAAnB;AAAA;AAAA,UAAOpB,GAAP;AAAA,UAAYC,GAAZ;;AAEA,qBAAOZ,OAAO,CAACqD,MAAD,CAAd,eACE,oBAAC,MAAD,qDACMM,KADN;AAAA,uBAEc,OAFd;AAAA,gBAGQH,IAAI,GAAGlD,eAAe,CAACkD,IAAD,CAAlB,GAA2B,KAHvC;AAAA,oBAIYtD,oBAAoB,CAACoD,QAAD,EAAW,KAAKO,YAAhB,CAJhC;AAAA,2BAKmB3D,oBAAoB,CAACwD,eAAD,EAAkB,KAAKI,mBAAvB,CALvC;AAAA,mBAMWhC,OANX;AAAA,iBAOS8B;AAPT,wBASE,oBAAC,YAAD;AAAA,uBACc,OADd;AAAA,eAGOnE,KAAK,CAACsE,KAHb;AAAA,eAIO,KAAKtB,MAJZ;AAAA,gBAKQe,IALR;AAAA,oBAMYC,QANZ;AAAA,4BAOoB,KAPpB;AAAA,iBAQSjC,KART;AAAA,uCASwB,KAAKwB,KAT7B;AAAA,oBAUY,KAAKgB,YAVjB;AAAA,kBAWU,KAAKC,UAXf;AAAA,mBAYW,KAAKC,WAZhB;AAAA,qBAaa,KAAKC;AAblB,iBATF,eAwBE,oBAAC,MAAD,CAAQ,IAAR;AAAa,QAAA,IAAI,EAAE;AAAnB,SAAyBzD,UAAU,CAACC,GAAD,EAAMC,GAAN,EAAWC,IAAX,CAAnC,CAxBF,CADF;AA4BD;;;;EAzGsBd,S;;gBAAnB2B,U,kBACkB;AACpB0C,EAAAA,WAAW,EAAE;AADO,C;;IA2GlBC,K;;;;;;;;;;;;;;;;6DACI,O;;qEAqBQ,UAACpC,CAAD,EAAO;AACrB,UAAQqC,aAAR,GAA0BrC,CAA1B,CAAQqC,aAAR;AACA,UAAIrC,CAAC,CAACsC,OAAF,KAAc,EAAlB,EAAsB,OAAK/B,aAAL,CAAmBP,CAAnB;;AACtB,UAAIA,CAAC,CAACsC,OAAF,KAAc,EAAlB,EAAsB;AACpB,YACED,aAAa,CAACE,cAAd,IAAgCF,aAAa,CAAC9C,KAAd,CAAoBV,MAApD,IACAwD,aAAa,CAACE,cAAd,KAAiCF,aAAa,CAACG,YAFjD,EAGE;AACAxC,UAAAA,CAAC,CAACyC,cAAF;;AACA,iBAAK9E,SAAL;AACD;AACF;AACF,K;;;;;;;WA/BD,kBAAS;AACP,UAAQ+E,QAAR,GAAqB,KAAK7B,OAA1B,CAAQ6B,QAAR;;AACA,UAAIA,QAAJ,EAAc;AACZ,eAAO,CAAC,CAAD,EAAI,EAAJ,CAAP;AACD,OAFD,MAEO;AACL,eAAO,CAAC,CAAD,EAAI,EAAJ,CAAP;AACD;AACF;;;WAED,qBAAY;AACV,UAAI,KAAKlC,MAAL,CAAYC,OAAhB,EAAyB;AACvB,YAAMD,MAAM,GAAG7C,UAAS,CAAC,KAAK6C,MAAL,CAAYC,OAAb,CAAxB;;AACA,YAAID,MAAJ,EAAY;AACV,eAAKH,QAAL,CAAc;AAAER,YAAAA,OAAO,EAAE;AAAX,WAAd;AACAW,UAAAA,MAAM,CAACmC,KAAP;AACD;AACF;AACF;;;WAgBD,4BAAmBC,SAAnB,EAA8BC,SAA9B,EAAyC;AACvC,UAAQlD,UAAR,GAAuB,KAAKqB,KAA5B,CAAQrB,UAAR;AACA,UAAIkD,SAAS,CAAClD,UAAV,KAAyBC,SAAzB,IAAsCD,UAAU,KAAKC,SAAzD,EAAoE;;AAEpE,UAAIiD,SAAS,CAAClD,UAAV,CAAqBd,MAArB,KAAgC,CAAhC,IAAqCc,UAAU,CAACd,MAAX,KAAsB,CAA/D,EAAkE;AAChE,aAAKlB,SAAL;AACD;AACF;;;;EA3CiB8B,U;;IA8CdqD,O;;;;;;;;;;;;;;;;6DACI,S;;qEAgBQ,UAAC9C,CAAD,EAAO;AACrB,UAAQqC,aAAR,GAA0BrC,CAA1B,CAAQqC,aAAR;AACA,UAAIrC,CAAC,CAACsC,OAAF,KAAc,EAAlB,EAAsB,OAAK/B,aAAL,CAAmBP,CAAnB;;AACtB,UAAIA,CAAC,CAACsC,OAAF,KAAc,EAAlB,EAAsB;AACpB,YACED,aAAa,CAACE,cAAd,IAAgC,CAAhC,IACAF,aAAa,CAACE,cAAd,KAAiCF,aAAa,CAACG,YAFjD,EAGE;AACAxC,UAAAA,CAAC,CAACyC,cAAF;;AACA,iBAAKM,SAAL;AACD;AACF;;AACD,UAAI/C,CAAC,CAACsC,OAAF,KAAc,CAAlB,EAAqB;AACnB,YAAID,aAAa,CAAC9C,KAAd,CAAoBV,MAApB,KAA+B,CAAnC,EAAsC;AACpCmB,UAAAA,CAAC,CAACyC,cAAF;;AACA,iBAAKM,SAAL;AACD;AACF;AACF,K;;;;;;;WAhCD,kBAAS;AACP,aAAO,CAAC,CAAD,EAAI,EAAJ,CAAP;AACD;;;WAED,qBAAY;AACV,UAAI,KAAKvC,MAAL,CAAYC,OAAhB,EAAyB;AACvB,YAAMD,MAAM,GAAG5C,SAAS,CAAC,KAAK4C,MAAL,CAAYC,OAAb,CAAxB;;AACA,YAAID,MAAJ,EAAY;AACV,eAAKH,QAAL,CAAc;AAAER,YAAAA,OAAO,EAAE;AAAX,WAAd;AACAW,UAAAA,MAAM,CAACmC,KAAP;AACD;AACF;AACF;;;;EAfmBlD,U;;AAsCtB,SAAS2C,KAAT,EAAgBU,OAAhB","sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, nextInput, prevInput, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\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  xl: '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\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n  };\n\n  $input = 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, e) => {\n    /* hide props for bubbling events */\n    e.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (e) => this.submitChanges(e);\n\n  handleFocus = () => {\n    this.$input?.current.select();\n  };\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, e) => {\n    this.dispatchOnChange(value, e);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  render() {\n    const SPickerInput = Root;\n    const {\n      styles,\n      step,\n      onSelect,\n      time,\n      size,\n      disabled,\n      onVisibleChange,\n      ...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          interaction=\"focus\"\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.$input}\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={`Search ${this.field}`}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\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\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  nextInput() {\n    if (this.$input.current) {\n      const $input = nextInput(this.$input.current);\n      if ($input) {\n        this.setState({ visible: false });\n        $input.focus();\n      }\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 39) {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.nextInput();\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.nextInput();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n\n  minMax() {\n    return [0, 59];\n  }\n\n  prevFocus() {\n    if (this.$input.current) {\n      const $input = prevInput(this.$input.current);\n      if ($input) {\n        this.setState({ visible: false });\n        $input.focus();\n      }\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 37) {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n    if (e.keyCode === 8) {\n      if (currentTarget.value.length === 0) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n  };\n}\n\nexport { Hours, Minutes };\n"],"file":"PickerInput.js"}
+{"version":3,"sources":["../../src/PickerInput.jsx"],"names":["React","Input","Select","intOrDefault","nextInput","prevInput","withLeadingZero","Component","sstyled","Root","callAllEventHandlers","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","xl","getOptions","min","max","step","length","Number","toFixed","options","Array","fill","numValue","map","i","index","value","String","ItemPicker","createRef","dirtyValue","undefined","visible","minMax","Math","e","stopPropagation","numberValue","NaN","isNaN","setState","slice","submitChanges","$input","current","select","dispatchOnChange","event","asProps","$onValueChange","field","state","parseValueWithMinMax","SPickerInput","Trigger","styles","onSelect","time","size","disabled","onVisibleChange","other","timeValue","handleSelect","handleVisibleChange","Value","handleChange","handleBlur","handleFocus","handleKeyDown","placeholder","Hours","currentTarget","keyCode","selectionStart","selectionEnd","preventDefault","is12Hour","focus","prevProps","prevState","Minutes","prevFocus"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, nextInput, prevInput, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\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  xl: '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\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n  };\n\n  $input = 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, e) => {\n    /* hide props for bubbling events */\n    e.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (e) => this.submitChanges(e);\n\n  handleFocus = () => {\n    this.$input?.current.select();\n  };\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, e) => {\n    this.dispatchOnChange(value, e);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\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          interaction=\"focus\"\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.$input}\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={`Search ${this.field}`}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\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\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  nextInput() {\n    if (this.$input.current) {\n      const $input = nextInput(this.$input.current);\n      if ($input) {\n        this.setState({ visible: false });\n        $input.focus();\n      }\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 39) {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.nextInput();\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.nextInput();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n\n  minMax() {\n    return [0, 59];\n  }\n\n  prevFocus() {\n    if (this.$input.current) {\n      const $input = prevInput(this.$input.current);\n      if ($input) {\n        this.setState({ visible: false });\n        $input.focus();\n      }\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 37) {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n    if (e.keyCode === 8) {\n      if (currentTarget.value.length === 0) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n  };\n}\n\nexport { Hours, Minutes };\n"],"file":"PickerInput.js"}

package/lib/es6/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimePicker.js"],"names":["React","createComponent","Component","sstyled","Root","Input","Box","Hours","Minutes","Format","MAP_MERIDIEM","AM","PM","MAP_FIELD_TO_TIME","hours","minutes","nextInput","element","nextElementSibling","tagName","prevInput","previousElementSibling","intOrDefault","value","def","number","Number","parseInt","isNaN","withLeadingZero","String","length","meridiemByHours","formatHoursTo12","nHours","NaN","formatHoursTo24","meridiem","TimePickerRoot","field","event","is12Hour","asProps","time","split","timeToValue","handlers","size","disabled","valueToTime","$onValueChange","handleValueChange","getHoursProps","disablePortal","onClick","handleMeridiemClick","undefined","_lastMeridiem","STimePicker","styles","Children","style","defaultValue","children","Separator","createRef","$el","current","focus","handlerClick","TimePicker"],"mappings":"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","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';\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 nextInput(element) {\n  do {\n    element = element.nextElementSibling;\n  } while (element && element.tagName !== 'INPUT');\n  return element;\n}\n\nexport function prevInput(element) {\n  do {\n    element = element.previousElementSibling;\n  } while (element && element.tagName !== 'INPUT');\n  return element;\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 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  });\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  getHoursProps = () => {\n    const { is12Hour, size, disabled } = 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    };\n  };\n\n  getMinutesProps = () => {\n    return this.getHoursProps();\n  };\n\n  getFormatProps = () => {\n    const { size, disabled, disablePortal } = this.asProps;\n    return {\n      size,\n      disabled,\n      disablePortal,\n      meridiem: this.meridiem,\n      onClick: this.handleMeridiemClick,\n    };\n  };\n\n  render() {\n    const STimePicker = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <STimePicker render={Input}>\n        <Children />\n      </STimePicker>,\n    );\n  }\n}\n\nclass Separator extends Component {\n  static defaultProps = {\n    children: ':',\n  };\n\n  $el = React.createRef();\n\n  handlerClick = () => {\n    if (this.$el.current) {\n      prevInput(this.$el.current)?.focus();\n    }\n  };\n\n  render() {\n    return <Root render={Box} ref={this.$el} onClick={this.handlerClick} />;\n  }\n}\n\nconst TimePicker = createComponent(TimePickerRoot, {\n  Hours,\n  Minutes,\n  Separator,\n  Format,\n});\n\nexport default TimePicker;\n"],"file":"TimePicker.js"}
+{"version":3,"sources":["../../src/TimePicker.jsx"],"names":["React","createComponent","Component","sstyled","Root","Input","Box","Hours","Minutes","Format","MAP_MERIDIEM","AM","PM","MAP_FIELD_TO_TIME","hours","minutes","nextInput","element","nextElementSibling","tagName","prevInput","previousElementSibling","intOrDefault","value","def","number","Number","parseInt","isNaN","withLeadingZero","String","length","meridiemByHours","formatHoursTo12","nHours","NaN","formatHoursTo24","meridiem","TimePickerRoot","field","event","is12Hour","asProps","time","split","timeToValue","handlers","size","disabled","valueToTime","$onValueChange","handleValueChange","getHoursProps","disablePortal","onClick","handleMeridiemClick","undefined","_lastMeridiem","STimePicker","styles","Children","style","defaultValue","children","Separator","createRef","$el","current","focus","handlerClick","TimePicker"],"mappings":"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","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';\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 nextInput(element) {\n  do {\n    element = element.nextElementSibling;\n  } while (element && element.tagName !== 'INPUT');\n  return element;\n}\n\nexport function prevInput(element) {\n  do {\n    element = element.previousElementSibling;\n  } while (element && element.tagName !== 'INPUT');\n  return element;\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 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  });\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  getHoursProps = () => {\n    const { is12Hour, size, disabled } = 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    };\n  };\n\n  getMinutesProps = () => {\n    return this.getHoursProps();\n  };\n\n  getFormatProps = () => {\n    const { size, disabled, disablePortal } = this.asProps;\n    return {\n      size,\n      disabled,\n      disablePortal,\n      meridiem: this.meridiem,\n      onClick: this.handleMeridiemClick,\n    };\n  };\n\n  render() {\n    const STimePicker = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <STimePicker render={Input}>\n        <Children />\n      </STimePicker>,\n    );\n  }\n}\n\nclass Separator extends Component {\n  static defaultProps = {\n    children: ':',\n  };\n\n  $el = React.createRef();\n\n  handlerClick = () => {\n    if (this.$el.current) {\n      prevInput(this.$el.current)?.focus();\n    }\n  };\n\n  render() {\n    return <Root render={Box} ref={this.$el} onClick={this.handlerClick} />;\n  }\n}\n\nconst TimePicker = createComponent(TimePickerRoot, {\n  Hours,\n  Minutes,\n  Separator,\n  Format,\n});\n\nexport default TimePicker;\n"],"file":"TimePicker.js"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/time-picker",
   "description": "SEMRush TimePicker Component",
-  "version": "2.4.8",
+  "version": "2.4.11",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",

package/src/{PickerInput.js → PickerInput.jsx}

@@ -93,16 +93,8 @@ class ItemPicker extends Component {
 
   render() {
     const SPickerInput = Root;
-    const {
-      styles,
-      step,
-      onSelect,
-      time,
-      size,
-      disabled,
-      onVisibleChange,
-      ...other
-    } = this.asProps;
+    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ...other } =
+      this.asProps;
     const { dirtyValue, visible } = this.state;
     const timeValue = time[MAP_FIELD_TO_TIME[this.field]];
     const value = dirtyValue === undefined ? timeValue : dirtyValue;