guestbell-forms 3.0.1 → 3.0.3

package/build/components/timeSpan/TimeSpan.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeSpan.js","names":["ArrowIcon","classNames","require","TimeSpanUnit","allTimeSpanUnits","Day","Hour","Millisecond","Minute","Second","Year","getValues","enumeration","values","value","isNaN","Number","push","allUnits","TimeSpanRaw","BaseInput","constructor","props","e","commitState","handleBlur","preventDefault","unit","currentTarget","dataset","diff","oneUnitInMs","newDate","duration","timeSpan","asMilliseconds","handleLimits","setState","currentUnitText","target","currentUnit","key","removeUnitClick","bind","addUnitClick","onUnitChanged","render","validUnits","initialUnits","units","_units","getUnits","unitsArr","filter","u","reverse","title","tooltip","inputGroupClassName","id","getValidationClass","className","containerRef","map","getDisabled","required","filled","state","getValue","onBlur","handleFocus","onKeyDown","unitToString","renderDefaultValidation","focused","label","renderLabel","time","undefined","ms","tagMask","Math","floor","get","maxOfUnit","num","newOfUnitMs","oldOfUnitMs","maxOfUnitMs","moreThanMax","min","timeSpanChange","clone","max","Object","assign","defaultProps","type","placeholder","Dynamic","TimeSpan","withThemeContext","withFormContext"],"sources":["../../../src/lib/components/timeSpan/TimeSpan.tsx"],"sourcesContent":["import * as ArrowIcon from 'material-design-icons/hardware/svg/production/ic_keyboard_arrow_down_24px.svg';\r\n\r\n// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n  BaseInputProps,\r\n  BaseInputState,\r\n  BaseInput,\r\n} from '../base/input/BaseInput';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { Duration, duration } from 'moment';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nvar classNames = require('classnames');\r\n\r\nexport enum TimeSpanUnit {\r\n  Dynamic = 0,\r\n  Millisecond = 1,\r\n  Second = 2,\r\n  Minute = 4,\r\n  Hour = 8,\r\n  Day = 16,\r\n  Year = 32,\r\n}\r\n\r\nexport const allTimeSpanUnits: TimeSpanUnit =\r\n  TimeSpanUnit.Day |\r\n  TimeSpanUnit.Hour |\r\n  TimeSpanUnit.Millisecond |\r\n  TimeSpanUnit.Minute |\r\n  TimeSpanUnit.Second |\r\n  TimeSpanUnit.Year;\r\n\r\nfunction getValues<T>(enumeration: T): T[keyof T][] {\r\n  var values: T[keyof T][] = [];\r\n  for (var value in enumeration) {\r\n    if (isNaN(Number(value))) {\r\n      values.push(enumeration[value]);\r\n    }\r\n  }\r\n  return values;\r\n}\r\n\r\nconst allUnits = getValues(TimeSpanUnit);\r\n\r\nexport interface TimeSpanProps extends BaseInputProps<HTMLInputElement> {\r\n  onChange?: never;\r\n  timeSpanChange: (time: Duration) => void;\r\n  timeSpan: Duration;\r\n  min?: Duration;\r\n  max?: Duration;\r\n  initialUnits?: TimeSpanUnit;\r\n  units?: TimeSpanUnit;\r\n  validUnits?: TimeSpanUnit;\r\n  unitToString?: (unit: TimeSpanUnit) => string;\r\n}\r\n\r\nexport interface TimeSpanState extends BaseInputState {\r\n  currentUnitText: string;\r\n  currentUnit: TimeSpanUnit;\r\n}\r\n\r\nexport class TimeSpanRaw extends BaseInput<\r\n  TimeSpanProps,\r\n  TimeSpanState,\r\n  HTMLInputElement\r\n> {\r\n  public static defaultProps = (Object.assign({}, BaseInput.defaultProps, {\r\n    type: 'time',\r\n    placeholder: '',\r\n    validUnits: allTimeSpanUnits,\r\n    initialUnits: allTimeSpanUnits,\r\n    units: TimeSpanUnit.Dynamic,\r\n    unitToString: (unit: TimeSpanUnit) => {\r\n      switch (unit) {\r\n        case TimeSpanUnit.Millisecond:\r\n          return 'ms';\r\n        case TimeSpanUnit.Second:\r\n          return 's';\r\n        case TimeSpanUnit.Minute:\r\n          return 'm';\r\n        case TimeSpanUnit.Hour:\r\n          return 'h';\r\n        case TimeSpanUnit.Day:\r\n          return 'd';\r\n        case TimeSpanUnit.Year:\r\n          return 'y';\r\n        default:\r\n          return '';\r\n      }\r\n    },\r\n    min: duration(0),\r\n  }) as unknown) as TimeSpanProps;\r\n\r\n  constructor(props: TimeSpanProps) {\r\n    super(props);\r\n    this.removeUnitClick = this.removeUnitClick.bind(this);\r\n    this.addUnitClick = this.addUnitClick.bind(this);\r\n    this.onUnitChanged = this.onUnitChanged.bind(this);\r\n  }\r\n\r\n  public render() {\r\n    const { timeSpan, validUnits, initialUnits, units: _units } = this.props;\r\n    const units = _units || this.getUnits(timeSpan, validUnits, initialUnits);\r\n    const unitsArr = allUnits.filter(u => (units & u) !== 0).reverse();\r\n    return (\r\n      <InputGroup\r\n        title={this.props.title}\r\n        tooltip={this.props.tooltip}\r\n        className={this.props.inputGroupClassName}\r\n      >\r\n        <div\r\n          {...(this.props.id && {\r\n            id: this.props.id,\r\n          })}\r\n          className={\r\n            'input__base timeSpan-input ' +\r\n            this.getValidationClass() +\r\n            ' ' +\r\n            (this.props.className ? this.props.className : '')\r\n          }\r\n          ref={this.containerRef}\r\n        >\r\n          {unitsArr.map(unit => (\r\n            <div className=\"\" key={unit}>\r\n              <div className=\"timeSpan-input__arrows__container\">\r\n                <button\r\n                  className=\"plus\"\r\n                  onClick={this.addUnitClick}\r\n                  {...(this.props.id && {\r\n                    id: this.props.id + '-add-hours-button',\r\n                  })}\r\n                  data-unit={unit}\r\n                  tabIndex={0}\r\n                >\r\n                  <ArrowIcon />\r\n                </button>\r\n                <div className=\"input-padding\">\r\n                  <input\r\n                    {...(this.props.id && {\r\n                      id: this.props.id + '-' + unit + '-input',\r\n                    })}\r\n                    disabled={this.getDisabled()}\r\n                    required={this.props.required}\r\n                    className={classNames('timeSpan-input__time', {\r\n                      filled: this.state.value,\r\n                      'timeSpan-input__time--ms':\r\n                        unit === TimeSpanUnit.Millisecond,\r\n                    })}\r\n                    onChange={this.onUnitChanged}\r\n                    value={\r\n                      this.state.currentUnit === unit\r\n                        ? this.state.currentUnitText\r\n                        : this.getValue(timeSpan, unit)\r\n                    }\r\n                    onBlur={this.onBlur}\r\n                    onFocus={this.handleFocus}\r\n                    type=\"number\"\r\n                    data-unit={unit}\r\n                    onKeyDown={this.onKeyDown}\r\n                  />\r\n                  <span className=\"highlight\" />\r\n                </div>\r\n                <button\r\n                  className=\"minus\"\r\n                  onClick={this.removeUnitClick}\r\n                  {...(this.props.id && {\r\n                    id: this.props.id + '-subtract-hours-button',\r\n                  })}\r\n                  data-unit={unit}\r\n                  tabIndex={0}\r\n                >\r\n                  <ArrowIcon />\r\n                </button>\r\n              </div>\r\n              {this.props.unitToString(unit)}\r\n            </div>\r\n          ))}\r\n          {this.renderDefaultValidation()}\r\n          <span className=\"highlight\" />\r\n          <span className={'bar ' + (this.state.focused ? 'focused' : '')} />\r\n          {this.props.label && (\r\n            <label\r\n              className={classNames('timeSpan-input__label label--focused')}\r\n            >\r\n              {this.renderLabel()}\r\n            </label>\r\n          )}\r\n        </div>\r\n      </InputGroup>\r\n    );\r\n  }\r\n\r\n  private getUnits(\r\n    time: Duration,\r\n    validUnits: TimeSpanUnit,\r\n    initialUnits: TimeSpanUnit\r\n  ) {\r\n    if (time === null || time === undefined) {\r\n      return initialUnits;\r\n    }\r\n    const ms = time.asMilliseconds();\r\n    let units: TimeSpanUnit = TimeSpanUnit.Millisecond | TimeSpanUnit.Second;\r\n    if (ms >= 1000) {\r\n      units += TimeSpanUnit.Minute;\r\n    }\r\n    if (ms >= 60000) {\r\n      units += TimeSpanUnit.Hour;\r\n    }\r\n    if (ms >= 60 * 60000) {\r\n      units += TimeSpanUnit.Day;\r\n    }\r\n    if (ms >= 24 * 60 * 60000) {\r\n      units += TimeSpanUnit.Year;\r\n    }\r\n    const tagMask = allTimeSpanUnits & ~validUnits;\r\n    units &= ~tagMask;\r\n    return units || initialUnits;\r\n  }\r\n\r\n  private getValue(time: Duration, unit: TimeSpanUnit) {\r\n    if (!time || !unit) {\r\n      return 0;\r\n    }\r\n    switch (unit) {\r\n      case TimeSpanUnit.Millisecond:\r\n        return Math.floor(time.get('millisecond'));\r\n      case TimeSpanUnit.Second:\r\n        return Math.floor(time.get('second'));\r\n      case TimeSpanUnit.Minute:\r\n        return Math.floor(time.get('minute'));\r\n      case TimeSpanUnit.Hour:\r\n        return Math.floor(time.get('hour'));\r\n      case TimeSpanUnit.Day:\r\n        return Math.floor(time.get('day'));\r\n      case TimeSpanUnit.Year:\r\n        return Math.floor(time.get('year'));\r\n      default:\r\n        return 0;\r\n    }\r\n  }\r\n\r\n  private oneUnitInMs(unit: TimeSpanUnit) {\r\n    if (!unit) {\r\n      return 0;\r\n    }\r\n    switch (unit) {\r\n      case TimeSpanUnit.Millisecond:\r\n        return 1;\r\n      case TimeSpanUnit.Second:\r\n        return 1000;\r\n      case TimeSpanUnit.Minute:\r\n        return 60000;\r\n      case TimeSpanUnit.Hour:\r\n        return 3600000;\r\n      case TimeSpanUnit.Day:\r\n        return 24 * 3600000;\r\n      case TimeSpanUnit.Year:\r\n        return 24 * 365 * 3600000;\r\n      default:\r\n        return 0;\r\n    }\r\n  }\r\n\r\n  private maxOfUnit(unit: TimeSpanUnit) {\r\n    if (!unit) {\r\n      return 0;\r\n    }\r\n    switch (unit) {\r\n      case TimeSpanUnit.Millisecond:\r\n        return 1000;\r\n      case TimeSpanUnit.Second:\r\n        return 60;\r\n      case TimeSpanUnit.Minute:\r\n        return 60;\r\n      case TimeSpanUnit.Hour:\r\n        return 24;\r\n      case TimeSpanUnit.Day:\r\n        return 365;\r\n      case TimeSpanUnit.Year:\r\n        return 9999;\r\n      default:\r\n        return 0;\r\n    }\r\n  }\r\n\r\n  private commitState() {\r\n    if (this.state.currentUnit) {\r\n      var num = Number(this.state.currentUnitText);\r\n      if (!isNaN(num)) {\r\n        const newOfUnitMs = num * this.oneUnitInMs(this.state.currentUnit);\r\n        const oldOfUnitMs =\r\n          this.getValue(this.props.timeSpan, this.state.currentUnit) *\r\n          this.oneUnitInMs(this.state.currentUnit);\r\n        const maxOfUnitMs =\r\n          this.maxOfUnit(this.state.currentUnit) *\r\n          this.oneUnitInMs(this.state.currentUnit);\r\n        const moreThanMax = maxOfUnitMs < newOfUnitMs;\r\n        const diff = newOfUnitMs - oldOfUnitMs;\r\n        if (moreThanMax) {\r\n          this.handleLimits(duration(newOfUnitMs, 'millisecond'));\r\n        } else {\r\n          this.handleLimits(\r\n            duration(\r\n              (this.props.timeSpan?.asMilliseconds() || 0) + diff,\r\n              'millisecond'\r\n            )\r\n          );\r\n        }\r\n      }\r\n      this.setState({ currentUnit: undefined, currentUnitText: undefined });\r\n    }\r\n  }\r\n\r\n  private onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\r\n    this.commitState();\r\n    this.handleBlur(e);\r\n  };\r\n\r\n  private removeUnitClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n    e.preventDefault();\r\n    const unit: TimeSpanUnit = Number(e.currentTarget.dataset.unit);\r\n    const diff = -1 * this.oneUnitInMs(unit);\r\n    const newDate = duration(\r\n      (this.props.timeSpan?.asMilliseconds() || 0) + diff,\r\n      'millisecond'\r\n    );\r\n    this.handleLimits(newDate);\r\n  };\r\n\r\n  private onUnitChanged = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    // this.handleHoursChange(e.target.value);\r\n    const unit: TimeSpanUnit = Number(e.currentTarget.dataset.unit);\r\n    this.setState({ currentUnitText: e.target.value, currentUnit: unit });\r\n  };\r\n\r\n  private onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === 'Enter') {\r\n      this.commitState();\r\n    }\r\n  };\r\n\r\n  private addUnitClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n    e.preventDefault();\r\n    const unit: TimeSpanUnit = Number(e.currentTarget.dataset.unit);\r\n    const diff = this.oneUnitInMs(unit);\r\n    const newDate = duration(\r\n      (this.props.timeSpan?.asMilliseconds() || 0) + diff,\r\n      'milliseconds'\r\n    );\r\n    this.handleLimits(newDate);\r\n  };\r\n\r\n  private handleLimits(time: Duration) {\r\n    if (this.props.min) {\r\n      if (time.asMilliseconds() - this.props.min.asMilliseconds() <= 0) {\r\n        this.props.timeSpanChange(this.props.min.clone());\r\n        return;\r\n      }\r\n    }\r\n    if (this.props.max) {\r\n      if (this.props.max.asMilliseconds() - time.asMilliseconds() <= 0) {\r\n        this.props.timeSpanChange(this.props.max.clone());\r\n        return;\r\n      }\r\n    }\r\n    this.props.timeSpanChange(time);\r\n  }\r\n}\r\n\r\nexport const TimeSpan = withThemeContext<\r\n  TimeSpanProps,\r\n  InstanceType<typeof TimeSpanRaw>\r\n>(withFormContext<TimeSpanProps>(TimeSpanRaw), 'timeSpan');\r\n\r\nexport default TimeSpan;\r\n"],"mappings":";;;;;;;AAGA;;AAGA;;AACA;;AAKA;;AACA;;AACA;;;;;;;;;;;;IAdYA,S,YAAAA,S;;;;;;AAAAA,S;;;;;GAEZ;;AAaA,IAAIC,UAAU,GAAGC,OAAO,CAAC,YAAD,CAAxB;;IAEYC,Y;;;WAAAA,Y;EAAAA,Y,CAAAA,Y;EAAAA,Y,CAAAA,Y;EAAAA,Y,CAAAA,Y;EAAAA,Y,CAAAA,Y;EAAAA,Y,CAAAA,Y;EAAAA,Y,CAAAA,Y;EAAAA,Y,CAAAA,Y;GAAAA,Y,4BAAAA,Y;;AAUL,MAAMC,gBAA8B,GACzCD,YAAY,CAACE,GAAb,GACAF,YAAY,CAACG,IADb,GAEAH,YAAY,CAACI,WAFb,GAGAJ,YAAY,CAACK,MAHb,GAIAL,YAAY,CAACM,MAJb,GAKAN,YAAY,CAACO,IANR;;;AAQP,SAASC,SAAT,CAAsBC,WAAtB,EAAoD;EAClD,IAAIC,MAAoB,GAAG,EAA3B;;EACA,KAAK,IAAIC,KAAT,IAAkBF,WAAlB,EAA+B;IAC7B,IAAIG,KAAK,CAACC,MAAM,CAACF,KAAD,CAAP,CAAT,EAA0B;MACxBD,MAAM,CAACI,IAAP,CAAYL,WAAW,CAACE,KAAD,CAAvB;IACD;EACF;;EACD,OAAOD,MAAP;AACD;;AAED,MAAMK,QAAQ,GAAGP,SAAS,CAACR,YAAD,CAA1B;;AAmBO,MAAMgB,WAAN,SAA0BC,oBAA1B,CAIL;EA4BAC,WAAW,CAACC,KAAD,EAAuB;IAChC,MAAMA,KAAN;;IADgC,gCA4NhBC,CAAD,IAA2C;MAC1D,KAAKC,WAAL;MACA,KAAKC,UAAL,CAAgBF,CAAhB;IACD,CA/NiC;;IAAA,yCAiOPA,CAAD,IAA4C;MAAA;;MACpEA,CAAC,CAACG,cAAF;MACA,MAAMC,IAAkB,GAAGX,MAAM,CAACO,CAAC,CAACK,aAAF,CAAgBC,OAAhB,CAAwBF,IAAzB,CAAjC;MACA,MAAMG,IAAI,GAAG,CAAC,CAAD,GAAK,KAAKC,WAAL,CAAiBJ,IAAjB,CAAlB;MACA,MAAMK,OAAO,GAAG,IAAAC,gBAAA,EACd,CAAC,8BAAKX,KAAL,CAAWY,QAAX,8EAAqBC,cAArB,OAAyC,CAA1C,IAA+CL,IADjC,EAEd,aAFc,CAAhB;MAIA,KAAKM,YAAL,CAAkBJ,OAAlB;IACD,CA1OiC;;IAAA,uCA4OTT,CAAD,IAA4C;MAClE;MACA,MAAMI,IAAkB,GAAGX,MAAM,CAACO,CAAC,CAACK,aAAF,CAAgBC,OAAhB,CAAwBF,IAAzB,CAAjC;MACA,KAAKU,QAAL,CAAc;QAAEC,eAAe,EAAEf,CAAC,CAACgB,MAAF,CAASzB,KAA5B;QAAmC0B,WAAW,EAAEb;MAAhD,CAAd;IACD,CAhPiC;;IAAA,mCAkPbJ,CAAD,IAA8C;MAChE,IAAIA,CAAC,CAACkB,GAAF,KAAU,OAAd,EAAuB;QACrB,KAAKjB,WAAL;MACD;IACF,CAtPiC;;IAAA,sCAwPVD,CAAD,IAA4C;MAAA;;MACjEA,CAAC,CAACG,cAAF;MACA,MAAMC,IAAkB,GAAGX,MAAM,CAACO,CAAC,CAACK,aAAF,CAAgBC,OAAhB,CAAwBF,IAAzB,CAAjC;MACA,MAAMG,IAAI,GAAG,KAAKC,WAAL,CAAiBJ,IAAjB,CAAb;MACA,MAAMK,OAAO,GAAG,IAAAC,gBAAA,EACd,CAAC,+BAAKX,KAAL,CAAWY,QAAX,gFAAqBC,cAArB,OAAyC,CAA1C,IAA+CL,IADjC,EAEd,cAFc,CAAhB;MAIA,KAAKM,YAAL,CAAkBJ,OAAlB;IACD,CAjQiC;;IAEhC,KAAKU,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBD,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKE,aAAL,GAAqB,KAAKA,aAAL,CAAmBF,IAAnB,CAAwB,IAAxB,CAArB;EACD;;EAEMG,MAAM,GAAG;IACd,MAAM;MAAEZ,QAAF;MAAYa,UAAZ;MAAwBC,YAAxB;MAAsCC,KAAK,EAAEC;IAA7C,IAAwD,KAAK5B,KAAnE;;IACA,MAAM2B,KAAK,GAAGC,MAAM,IAAI,KAAKC,QAAL,CAAcjB,QAAd,EAAwBa,UAAxB,EAAoCC,YAApC,CAAxB;;IACA,MAAMI,QAAQ,GAAGlC,QAAQ,CAACmC,MAAT,CAAgBC,CAAC,IAAI,CAACL,KAAK,GAAGK,CAAT,MAAgB,CAArC,EAAwCC,OAAxC,EAAjB;IACA,oBACE,oBAAC,mBAAD;MACE,KAAK,EAAE,KAAKjC,KAAL,CAAWkC,KADpB;MAEE,OAAO,EAAE,KAAKlC,KAAL,CAAWmC,OAFtB;MAGE,SAAS,EAAE,KAAKnC,KAAL,CAAWoC;IAHxB,gBAKE,wCACO,KAAKpC,KAAL,CAAWqC,EAAX,IAAiB;MACpBA,EAAE,EAAE,KAAKrC,KAAL,CAAWqC;IADK,CADxB;MAIE,SAAS,EACP,gCACA,KAAKC,kBAAL,EADA,GAEA,GAFA,IAGC,KAAKtC,KAAL,CAAWuC,SAAX,GAAuB,KAAKvC,KAAL,CAAWuC,SAAlC,GAA8C,EAH/C,CALJ;MAUE,GAAG,EAAE,KAAKC;IAVZ,IAYGV,QAAQ,CAACW,GAAT,CAAapC,IAAI,iBAChB;MAAK,SAAS,EAAC,EAAf;MAAkB,GAAG,EAAEA;IAAvB,gBACE;MAAK,SAAS,EAAC;IAAf,gBACE;MACE,SAAS,EAAC,MADZ;MAEE,OAAO,EAAE,KAAKiB;IAFhB,GAGO,KAAKtB,KAAL,CAAWqC,EAAX,IAAiB;MACpBA,EAAE,EAAE,KAAKrC,KAAL,CAAWqC,EAAX,GAAgB;IADA,CAHxB;MAME,aAAWhC,IANb;MAOE,QAAQ,EAAE;IAPZ,iBASE,oBAAC,SAAD,OATF,CADF,eAYE;MAAK,SAAS,EAAC;IAAf,gBACE,0CACO,KAAKL,KAAL,CAAWqC,EAAX,IAAiB;MACpBA,EAAE,EAAE,KAAKrC,KAAL,CAAWqC,EAAX,GAAgB,GAAhB,GAAsBhC,IAAtB,GAA6B;IADb,CADxB;MAIE,QAAQ,EAAE,KAAKqC,WAAL,EAJZ;MAKE,QAAQ,EAAE,KAAK1C,KAAL,CAAW2C,QALvB;MAME,SAAS,EAAEhE,UAAU,CAAC,sBAAD,EAAyB;QAC5CiE,MAAM,EAAE,KAAKC,KAAL,CAAWrD,KADyB;QAE5C,4BACEa,IAAI,KAAKxB,YAAY,CAACI;MAHoB,CAAzB,CANvB;MAWE,QAAQ,EAAE,KAAKsC,aAXjB;MAYE,KAAK,EACH,KAAKsB,KAAL,CAAW3B,WAAX,KAA2Bb,IAA3B,GACI,KAAKwC,KAAL,CAAW7B,eADf,GAEI,KAAK8B,QAAL,CAAclC,QAAd,EAAwBP,IAAxB,CAfR;MAiBE,MAAM,EAAE,KAAK0C,MAjBf;MAkBE,OAAO,EAAE,KAAKC,WAlBhB;MAmBE,IAAI,EAAC,QAnBP;MAoBE,aAAW3C,IApBb;MAqBE,SAAS,EAAE,KAAK4C;IArBlB,GADF,eAwBE;MAAM,SAAS,EAAC;IAAhB,EAxBF,CAZF,eAsCE;MACE,SAAS,EAAC,OADZ;MAEE,OAAO,EAAE,KAAK7B;IAFhB,GAGO,KAAKpB,KAAL,CAAWqC,EAAX,IAAiB;MACpBA,EAAE,EAAE,KAAKrC,KAAL,CAAWqC,EAAX,GAAgB;IADA,CAHxB;MAME,aAAWhC,IANb;MAOE,QAAQ,EAAE;IAPZ,iBASE,oBAAC,SAAD,OATF,CAtCF,CADF,EAmDG,KAAKL,KAAL,CAAWkD,YAAX,CAAwB7C,IAAxB,CAnDH,CADD,CAZH,EAmEG,KAAK8C,uBAAL,EAnEH,eAoEE;MAAM,SAAS,EAAC;IAAhB,EApEF,eAqEE;MAAM,SAAS,EAAE,UAAU,KAAKN,KAAL,CAAWO,OAAX,GAAqB,SAArB,GAAiC,EAA3C;IAAjB,EArEF,EAsEG,KAAKpD,KAAL,CAAWqD,KAAX,iBACC;MACE,SAAS,EAAE1E,UAAU,CAAC,sCAAD;IADvB,GAGG,KAAK2E,WAAL,EAHH,CAvEJ,CALF,CADF;EAsFD;;EAEOzB,QAAQ,CACd0B,IADc,EAEd9B,UAFc,EAGdC,YAHc,EAId;IACA,IAAI6B,IAAI,KAAK,IAAT,IAAiBA,IAAI,KAAKC,SAA9B,EAAyC;MACvC,OAAO9B,YAAP;IACD;;IACD,MAAM+B,EAAE,GAAGF,IAAI,CAAC1C,cAAL,EAAX;IACA,IAAIc,KAAmB,GAAG9C,YAAY,CAACI,WAAb,GAA2BJ,YAAY,CAACM,MAAlE;;IACA,IAAIsE,EAAE,IAAI,IAAV,EAAgB;MACd9B,KAAK,IAAI9C,YAAY,CAACK,MAAtB;IACD;;IACD,IAAIuE,EAAE,IAAI,KAAV,EAAiB;MACf9B,KAAK,IAAI9C,YAAY,CAACG,IAAtB;IACD;;IACD,IAAIyE,EAAE,IAAI,KAAK,KAAf,EAAsB;MACpB9B,KAAK,IAAI9C,YAAY,CAACE,GAAtB;IACD;;IACD,IAAI0E,EAAE,IAAI,KAAK,EAAL,GAAU,KAApB,EAA2B;MACzB9B,KAAK,IAAI9C,YAAY,CAACO,IAAtB;IACD;;IACD,MAAMsE,OAAO,GAAG5E,gBAAgB,GAAG,CAAC2C,UAApC;IACAE,KAAK,IAAI,CAAC+B,OAAV;IACA,OAAO/B,KAAK,IAAID,YAAhB;EACD;;EAEOoB,QAAQ,CAACS,IAAD,EAAiBlD,IAAjB,EAAqC;IACnD,IAAI,CAACkD,IAAD,IAAS,CAAClD,IAAd,EAAoB;MAClB,OAAO,CAAP;IACD;;IACD,QAAQA,IAAR;MACE,KAAKxB,YAAY,CAACI,WAAlB;QACE,OAAO0E,IAAI,CAACC,KAAL,CAAWL,IAAI,CAACM,GAAL,CAAS,aAAT,CAAX,CAAP;;MACF,KAAKhF,YAAY,CAACM,MAAlB;QACE,OAAOwE,IAAI,CAACC,KAAL,CAAWL,IAAI,CAACM,GAAL,CAAS,QAAT,CAAX,CAAP;;MACF,KAAKhF,YAAY,CAACK,MAAlB;QACE,OAAOyE,IAAI,CAACC,KAAL,CAAWL,IAAI,CAACM,GAAL,CAAS,QAAT,CAAX,CAAP;;MACF,KAAKhF,YAAY,CAACG,IAAlB;QACE,OAAO2E,IAAI,CAACC,KAAL,CAAWL,IAAI,CAACM,GAAL,CAAS,MAAT,CAAX,CAAP;;MACF,KAAKhF,YAAY,CAACE,GAAlB;QACE,OAAO4E,IAAI,CAACC,KAAL,CAAWL,IAAI,CAACM,GAAL,CAAS,KAAT,CAAX,CAAP;;MACF,KAAKhF,YAAY,CAACO,IAAlB;QACE,OAAOuE,IAAI,CAACC,KAAL,CAAWL,IAAI,CAACM,GAAL,CAAS,MAAT,CAAX,CAAP;;MACF;QACE,OAAO,CAAP;IAdJ;EAgBD;;EAEOpD,WAAW,CAACJ,IAAD,EAAqB;IACtC,IAAI,CAACA,IAAL,EAAW;MACT,OAAO,CAAP;IACD;;IACD,QAAQA,IAAR;MACE,KAAKxB,YAAY,CAACI,WAAlB;QACE,OAAO,CAAP;;MACF,KAAKJ,YAAY,CAACM,MAAlB;QACE,OAAO,IAAP;;MACF,KAAKN,YAAY,CAACK,MAAlB;QACE,OAAO,KAAP;;MACF,KAAKL,YAAY,CAACG,IAAlB;QACE,OAAO,OAAP;;MACF,KAAKH,YAAY,CAACE,GAAlB;QACE,OAAO,KAAK,OAAZ;;MACF,KAAKF,YAAY,CAACO,IAAlB;QACE,OAAO,KAAK,GAAL,GAAW,OAAlB;;MACF;QACE,OAAO,CAAP;IAdJ;EAgBD;;EAEO0E,SAAS,CAACzD,IAAD,EAAqB;IACpC,IAAI,CAACA,IAAL,EAAW;MACT,OAAO,CAAP;IACD;;IACD,QAAQA,IAAR;MACE,KAAKxB,YAAY,CAACI,WAAlB;QACE,OAAO,IAAP;;MACF,KAAKJ,YAAY,CAACM,MAAlB;QACE,OAAO,EAAP;;MACF,KAAKN,YAAY,CAACK,MAAlB;QACE,OAAO,EAAP;;MACF,KAAKL,YAAY,CAACG,IAAlB;QACE,OAAO,EAAP;;MACF,KAAKH,YAAY,CAACE,GAAlB;QACE,OAAO,GAAP;;MACF,KAAKF,YAAY,CAACO,IAAlB;QACE,OAAO,IAAP;;MACF;QACE,OAAO,CAAP;IAdJ;EAgBD;;EAEOc,WAAW,GAAG;IACpB,IAAI,KAAK2C,KAAL,CAAW3B,WAAf,EAA4B;MAC1B,IAAI6C,GAAG,GAAGrE,MAAM,CAAC,KAAKmD,KAAL,CAAW7B,eAAZ,CAAhB;;MACA,IAAI,CAACvB,KAAK,CAACsE,GAAD,CAAV,EAAiB;QACf,MAAMC,WAAW,GAAGD,GAAG,GAAG,KAAKtD,WAAL,CAAiB,KAAKoC,KAAL,CAAW3B,WAA5B,CAA1B;QACA,MAAM+C,WAAW,GACf,KAAKnB,QAAL,CAAc,KAAK9C,KAAL,CAAWY,QAAzB,EAAmC,KAAKiC,KAAL,CAAW3B,WAA9C,IACA,KAAKT,WAAL,CAAiB,KAAKoC,KAAL,CAAW3B,WAA5B,CAFF;QAGA,MAAMgD,WAAW,GACf,KAAKJ,SAAL,CAAe,KAAKjB,KAAL,CAAW3B,WAA1B,IACA,KAAKT,WAAL,CAAiB,KAAKoC,KAAL,CAAW3B,WAA5B,CAFF;QAGA,MAAMiD,WAAW,GAAGD,WAAW,GAAGF,WAAlC;QACA,MAAMxD,IAAI,GAAGwD,WAAW,GAAGC,WAA3B;;QACA,IAAIE,WAAJ,EAAiB;UACf,KAAKrD,YAAL,CAAkB,IAAAH,gBAAA,EAASqD,WAAT,EAAsB,aAAtB,CAAlB;QACD,CAFD,MAEO;UAAA;;UACL,KAAKlD,YAAL,CACE,IAAAH,gBAAA,EACE,CAAC,+BAAKX,KAAL,CAAWY,QAAX,gFAAqBC,cAArB,OAAyC,CAA1C,IAA+CL,IADjD,EAEE,aAFF,CADF;QAMD;MACF;;MACD,KAAKO,QAAL,CAAc;QAAEG,WAAW,EAAEsC,SAAf;QAA0BxC,eAAe,EAAEwC;MAA3C,CAAd;IACD;EACF;;EAyCO1C,YAAY,CAACyC,IAAD,EAAiB;IACnC,IAAI,KAAKvD,KAAL,CAAWoE,GAAf,EAAoB;MAClB,IAAIb,IAAI,CAAC1C,cAAL,KAAwB,KAAKb,KAAL,CAAWoE,GAAX,CAAevD,cAAf,EAAxB,IAA2D,CAA/D,EAAkE;QAChE,KAAKb,KAAL,CAAWqE,cAAX,CAA0B,KAAKrE,KAAL,CAAWoE,GAAX,CAAeE,KAAf,EAA1B;QACA;MACD;IACF;;IACD,IAAI,KAAKtE,KAAL,CAAWuE,GAAf,EAAoB;MAClB,IAAI,KAAKvE,KAAL,CAAWuE,GAAX,CAAe1D,cAAf,KAAkC0C,IAAI,CAAC1C,cAAL,EAAlC,IAA2D,CAA/D,EAAkE;QAChE,KAAKb,KAAL,CAAWqE,cAAX,CAA0B,KAAKrE,KAAL,CAAWuE,GAAX,CAAeD,KAAf,EAA1B;QACA;MACD;IACF;;IACD,KAAKtE,KAAL,CAAWqE,cAAX,CAA0Bd,IAA1B;EACD;;AA7SD;;;;gBAJW1D,W,kBAKmB2E,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB3E,oBAAA,CAAU4E,YAA5B,EAA0C;EACtEC,IAAI,EAAE,MADgE;EAEtEC,WAAW,EAAE,EAFyD;EAGtEnD,UAAU,EAAE3C,gBAH0D;EAItE4C,YAAY,EAAE5C,gBAJwD;EAKtE6C,KAAK,EAAE9C,YAAY,CAACgG,OALkD;EAMtE3B,YAAY,EAAG7C,IAAD,IAAwB;IACpC,QAAQA,IAAR;MACE,KAAKxB,YAAY,CAACI,WAAlB;QACE,OAAO,IAAP;;MACF,KAAKJ,YAAY,CAACM,MAAlB;QACE,OAAO,GAAP;;MACF,KAAKN,YAAY,CAACK,MAAlB;QACE,OAAO,GAAP;;MACF,KAAKL,YAAY,CAACG,IAAlB;QACE,OAAO,GAAP;;MACF,KAAKH,YAAY,CAACE,GAAlB;QACE,OAAO,GAAP;;MACF,KAAKF,YAAY,CAACO,IAAlB;QACE,OAAO,GAAP;;MACF;QACE,OAAO,EAAP;IAdJ;EAgBD,CAvBqE;EAwBtEgF,GAAG,EAAE,IAAAzD,gBAAA,EAAS,CAAT;AAxBiE,CAA1C,C;;AA+SzB,MAAMmE,QAAQ,GAAG,IAAAC,kCAAA,EAGtB,IAAAC,gCAAA,EAA+BnF,WAA/B,CAHsB,EAGuB,UAHvB,CAAjB;;eAKQiF,Q"}
+{"version":3,"file":"TimeSpan.js","names":["ArrowIcon","TimeSpanUnit","allTimeSpanUnits","Day","Hour","Millisecond","Minute","Second","Year","getValues","enumeration","values","value","isNaN","Number","push","allUnits","TimeSpanRaw","BaseInput","constructor","props","e","commitState","handleBlur","preventDefault","unit","currentTarget","dataset","diff","oneUnitInMs","newDate","duration","timeSpan","asMilliseconds","handleLimits","setState","currentUnitText","target","currentUnit","key","removeUnitClick","bind","addUnitClick","onUnitChanged","render","validUnits","initialUnits","units","_units","getUnits","unitsArr","filter","u","reverse","title","tooltip","inputGroupClassName","id","getValidationClass","className","containerRef","map","getDisabled","required","classNames","filled","state","getValue","onBlur","handleFocus","onKeyDown","unitToString","renderDefaultValidation","focused","label","renderLabel","time","undefined","ms","tagMask","Math","floor","get","maxOfUnit","num","newOfUnitMs","oldOfUnitMs","maxOfUnitMs","moreThanMax","min","timeSpanChange","clone","max","Object","assign","defaultProps","type","placeholder","Dynamic","TimeSpan","withThemeContext","withFormContext"],"sources":["../../../src/lib/components/timeSpan/TimeSpan.tsx"],"sourcesContent":["import * as ArrowIcon from 'material-design-icons/hardware/svg/production/ic_keyboard_arrow_down_24px.svg';\r\n\r\n// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n  BaseInputProps,\r\n  BaseInputState,\r\n  BaseInput,\r\n} from '../base/input/BaseInput';\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { Duration, duration } from 'moment';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport classNames from 'classnames';\r\n\r\nexport enum TimeSpanUnit {\r\n  Dynamic = 0,\r\n  Millisecond = 1,\r\n  Second = 2,\r\n  Minute = 4,\r\n  Hour = 8,\r\n  Day = 16,\r\n  Year = 32,\r\n}\r\n\r\nexport const allTimeSpanUnits: TimeSpanUnit =\r\n  TimeSpanUnit.Day |\r\n  TimeSpanUnit.Hour |\r\n  TimeSpanUnit.Millisecond |\r\n  TimeSpanUnit.Minute |\r\n  TimeSpanUnit.Second |\r\n  TimeSpanUnit.Year;\r\n\r\nfunction getValues<T>(enumeration: T): T[keyof T][] {\r\n  var values: T[keyof T][] = [];\r\n  for (var value in enumeration) {\r\n    if (isNaN(Number(value))) {\r\n      values.push(enumeration[value]);\r\n    }\r\n  }\r\n  return values;\r\n}\r\n\r\nconst allUnits = getValues(TimeSpanUnit);\r\n\r\nexport interface TimeSpanProps extends BaseInputProps<HTMLInputElement> {\r\n  onChange?: never;\r\n  timeSpanChange: (time: Duration) => void;\r\n  timeSpan: Duration;\r\n  min?: Duration;\r\n  max?: Duration;\r\n  initialUnits?: TimeSpanUnit;\r\n  units?: TimeSpanUnit;\r\n  validUnits?: TimeSpanUnit;\r\n  unitToString?: (unit: TimeSpanUnit) => string;\r\n}\r\n\r\nexport interface TimeSpanState extends BaseInputState {\r\n  currentUnitText: string;\r\n  currentUnit: TimeSpanUnit;\r\n}\r\n\r\nexport class TimeSpanRaw extends BaseInput<\r\n  TimeSpanProps,\r\n  TimeSpanState,\r\n  HTMLInputElement\r\n> {\r\n  public static defaultProps = (Object.assign({}, BaseInput.defaultProps, {\r\n    type: 'time',\r\n    placeholder: '',\r\n    validUnits: allTimeSpanUnits,\r\n    initialUnits: allTimeSpanUnits,\r\n    units: TimeSpanUnit.Dynamic,\r\n    unitToString: (unit: TimeSpanUnit) => {\r\n      switch (unit) {\r\n        case TimeSpanUnit.Millisecond:\r\n          return 'ms';\r\n        case TimeSpanUnit.Second:\r\n          return 's';\r\n        case TimeSpanUnit.Minute:\r\n          return 'm';\r\n        case TimeSpanUnit.Hour:\r\n          return 'h';\r\n        case TimeSpanUnit.Day:\r\n          return 'd';\r\n        case TimeSpanUnit.Year:\r\n          return 'y';\r\n        default:\r\n          return '';\r\n      }\r\n    },\r\n    min: duration(0),\r\n  }) as unknown) as TimeSpanProps;\r\n\r\n  constructor(props: TimeSpanProps) {\r\n    super(props);\r\n    this.removeUnitClick = this.removeUnitClick.bind(this);\r\n    this.addUnitClick = this.addUnitClick.bind(this);\r\n    this.onUnitChanged = this.onUnitChanged.bind(this);\r\n  }\r\n\r\n  public render() {\r\n    const { timeSpan, validUnits, initialUnits, units: _units } = this.props;\r\n    const units = _units || this.getUnits(timeSpan, validUnits, initialUnits);\r\n    const unitsArr = allUnits.filter(u => (units & u) !== 0).reverse();\r\n    return (\r\n      <InputGroup\r\n        title={this.props.title}\r\n        tooltip={this.props.tooltip}\r\n        className={this.props.inputGroupClassName}\r\n      >\r\n        <div\r\n          {...(this.props.id && {\r\n            id: this.props.id,\r\n          })}\r\n          className={\r\n            'input__base timeSpan-input ' +\r\n            this.getValidationClass() +\r\n            ' ' +\r\n            (this.props.className ? this.props.className : '')\r\n          }\r\n          ref={this.containerRef}\r\n        >\r\n          {unitsArr.map(unit => (\r\n            <div className=\"\" key={unit}>\r\n              <div className=\"timeSpan-input__arrows__container\">\r\n                <button\r\n                  className=\"plus\"\r\n                  onClick={this.addUnitClick}\r\n                  {...(this.props.id && {\r\n                    id: this.props.id + '-add-hours-button',\r\n                  })}\r\n                  data-unit={unit}\r\n                  tabIndex={0}\r\n                >\r\n                  <ArrowIcon />\r\n                </button>\r\n                <div className=\"input-padding\">\r\n                  <input\r\n                    {...(this.props.id && {\r\n                      id: this.props.id + '-' + unit + '-input',\r\n                    })}\r\n                    disabled={this.getDisabled()}\r\n                    required={this.props.required}\r\n                    className={classNames('timeSpan-input__time', {\r\n                      filled: this.state.value,\r\n                      'timeSpan-input__time--ms':\r\n                        unit === TimeSpanUnit.Millisecond,\r\n                    })}\r\n                    onChange={this.onUnitChanged}\r\n                    value={\r\n                      this.state.currentUnit === unit\r\n                        ? this.state.currentUnitText\r\n                        : this.getValue(timeSpan, unit)\r\n                    }\r\n                    onBlur={this.onBlur}\r\n                    onFocus={this.handleFocus}\r\n                    type=\"number\"\r\n                    data-unit={unit}\r\n                    onKeyDown={this.onKeyDown}\r\n                  />\r\n                  <span className=\"highlight\" />\r\n                </div>\r\n                <button\r\n                  className=\"minus\"\r\n                  onClick={this.removeUnitClick}\r\n                  {...(this.props.id && {\r\n                    id: this.props.id + '-subtract-hours-button',\r\n                  })}\r\n                  data-unit={unit}\r\n                  tabIndex={0}\r\n                >\r\n                  <ArrowIcon />\r\n                </button>\r\n              </div>\r\n              {this.props.unitToString(unit)}\r\n            </div>\r\n          ))}\r\n          {this.renderDefaultValidation()}\r\n          <span className=\"highlight\" />\r\n          <span className={'bar ' + (this.state.focused ? 'focused' : '')} />\r\n          {this.props.label && (\r\n            <label\r\n              className={classNames('timeSpan-input__label label--focused')}\r\n            >\r\n              {this.renderLabel()}\r\n            </label>\r\n          )}\r\n        </div>\r\n      </InputGroup>\r\n    );\r\n  }\r\n\r\n  private getUnits(\r\n    time: Duration,\r\n    validUnits: TimeSpanUnit,\r\n    initialUnits: TimeSpanUnit\r\n  ) {\r\n    if (time === null || time === undefined) {\r\n      return initialUnits;\r\n    }\r\n    const ms = time.asMilliseconds();\r\n    let units: TimeSpanUnit = TimeSpanUnit.Millisecond | TimeSpanUnit.Second;\r\n    if (ms >= 1000) {\r\n      units += TimeSpanUnit.Minute;\r\n    }\r\n    if (ms >= 60000) {\r\n      units += TimeSpanUnit.Hour;\r\n    }\r\n    if (ms >= 60 * 60000) {\r\n      units += TimeSpanUnit.Day;\r\n    }\r\n    if (ms >= 24 * 60 * 60000) {\r\n      units += TimeSpanUnit.Year;\r\n    }\r\n    const tagMask = allTimeSpanUnits & ~validUnits;\r\n    units &= ~tagMask;\r\n    return units || initialUnits;\r\n  }\r\n\r\n  private getValue(time: Duration, unit: TimeSpanUnit) {\r\n    if (!time || !unit) {\r\n      return 0;\r\n    }\r\n    switch (unit) {\r\n      case TimeSpanUnit.Millisecond:\r\n        return Math.floor(time.get('millisecond'));\r\n      case TimeSpanUnit.Second:\r\n        return Math.floor(time.get('second'));\r\n      case TimeSpanUnit.Minute:\r\n        return Math.floor(time.get('minute'));\r\n      case TimeSpanUnit.Hour:\r\n        return Math.floor(time.get('hour'));\r\n      case TimeSpanUnit.Day:\r\n        return Math.floor(time.get('day'));\r\n      case TimeSpanUnit.Year:\r\n        return Math.floor(time.get('year'));\r\n      default:\r\n        return 0;\r\n    }\r\n  }\r\n\r\n  private oneUnitInMs(unit: TimeSpanUnit) {\r\n    if (!unit) {\r\n      return 0;\r\n    }\r\n    switch (unit) {\r\n      case TimeSpanUnit.Millisecond:\r\n        return 1;\r\n      case TimeSpanUnit.Second:\r\n        return 1000;\r\n      case TimeSpanUnit.Minute:\r\n        return 60000;\r\n      case TimeSpanUnit.Hour:\r\n        return 3600000;\r\n      case TimeSpanUnit.Day:\r\n        return 24 * 3600000;\r\n      case TimeSpanUnit.Year:\r\n        return 24 * 365 * 3600000;\r\n      default:\r\n        return 0;\r\n    }\r\n  }\r\n\r\n  private maxOfUnit(unit: TimeSpanUnit) {\r\n    if (!unit) {\r\n      return 0;\r\n    }\r\n    switch (unit) {\r\n      case TimeSpanUnit.Millisecond:\r\n        return 1000;\r\n      case TimeSpanUnit.Second:\r\n        return 60;\r\n      case TimeSpanUnit.Minute:\r\n        return 60;\r\n      case TimeSpanUnit.Hour:\r\n        return 24;\r\n      case TimeSpanUnit.Day:\r\n        return 365;\r\n      case TimeSpanUnit.Year:\r\n        return 9999;\r\n      default:\r\n        return 0;\r\n    }\r\n  }\r\n\r\n  private commitState() {\r\n    if (this.state.currentUnit) {\r\n      var num = Number(this.state.currentUnitText);\r\n      if (!isNaN(num)) {\r\n        const newOfUnitMs = num * this.oneUnitInMs(this.state.currentUnit);\r\n        const oldOfUnitMs =\r\n          this.getValue(this.props.timeSpan, this.state.currentUnit) *\r\n          this.oneUnitInMs(this.state.currentUnit);\r\n        const maxOfUnitMs =\r\n          this.maxOfUnit(this.state.currentUnit) *\r\n          this.oneUnitInMs(this.state.currentUnit);\r\n        const moreThanMax = maxOfUnitMs < newOfUnitMs;\r\n        const diff = newOfUnitMs - oldOfUnitMs;\r\n        if (moreThanMax) {\r\n          this.handleLimits(duration(newOfUnitMs, 'millisecond'));\r\n        } else {\r\n          this.handleLimits(\r\n            duration(\r\n              (this.props.timeSpan?.asMilliseconds() || 0) + diff,\r\n              'millisecond'\r\n            )\r\n          );\r\n        }\r\n      }\r\n      this.setState({ currentUnit: undefined, currentUnitText: undefined });\r\n    }\r\n  }\r\n\r\n  private onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\r\n    this.commitState();\r\n    this.handleBlur(e);\r\n  };\r\n\r\n  private removeUnitClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n    e.preventDefault();\r\n    const unit: TimeSpanUnit = Number(e.currentTarget.dataset.unit);\r\n    const diff = -1 * this.oneUnitInMs(unit);\r\n    const newDate = duration(\r\n      (this.props.timeSpan?.asMilliseconds() || 0) + diff,\r\n      'millisecond'\r\n    );\r\n    this.handleLimits(newDate);\r\n  };\r\n\r\n  private onUnitChanged = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    // this.handleHoursChange(e.target.value);\r\n    const unit: TimeSpanUnit = Number(e.currentTarget.dataset.unit);\r\n    this.setState({ currentUnitText: e.target.value, currentUnit: unit });\r\n  };\r\n\r\n  private onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === 'Enter') {\r\n      this.commitState();\r\n    }\r\n  };\r\n\r\n  private addUnitClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n    e.preventDefault();\r\n    const unit: TimeSpanUnit = Number(e.currentTarget.dataset.unit);\r\n    const diff = this.oneUnitInMs(unit);\r\n    const newDate = duration(\r\n      (this.props.timeSpan?.asMilliseconds() || 0) + diff,\r\n      'milliseconds'\r\n    );\r\n    this.handleLimits(newDate);\r\n  };\r\n\r\n  private handleLimits(time: Duration) {\r\n    if (this.props.min) {\r\n      if (time.asMilliseconds() - this.props.min.asMilliseconds() <= 0) {\r\n        this.props.timeSpanChange(this.props.min.clone());\r\n        return;\r\n      }\r\n    }\r\n    if (this.props.max) {\r\n      if (this.props.max.asMilliseconds() - time.asMilliseconds() <= 0) {\r\n        this.props.timeSpanChange(this.props.max.clone());\r\n        return;\r\n      }\r\n    }\r\n    this.props.timeSpanChange(time);\r\n  }\r\n}\r\n\r\nexport const TimeSpan = withThemeContext<\r\n  TimeSpanProps,\r\n  InstanceType<typeof TimeSpanRaw>\r\n>(withFormContext<TimeSpanProps>(TimeSpanRaw), 'timeSpan');\r\n\r\nexport default TimeSpan;\r\n"],"mappings":"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"}

package/build/dist/guestbell-forms.css

@@ -1050,7 +1050,7 @@
       .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
         color: #1de1ed;
         fill: #1de1ed;
-        background-color: transparent; }
+        background-color: transparent !important; }
   .guestbell-btn.guestbell-btn-success {
     background-color: #5cb85c;
     fill: white;
@@ -1096,7 +1096,7 @@
       .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
         color: #80c780;
         fill: #80c780;
-        background-color: transparent; }
+        background-color: transparent !important; }
   .guestbell-btn.guestbell-btn-white {
     background-color: white;
     fill: #555555;
@@ -1142,7 +1142,7 @@
       .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
         color: white;
         fill: white;
-        background-color: transparent; }
+        background-color: transparent !important; }
   .guestbell-btn.guestbell-btn-info {
     background-color: #a8dadc;
     fill: white;
@@ -1188,7 +1188,7 @@
       .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
         color: #cce9eb;
         fill: #cce9eb;
-        background-color: transparent; }
+        background-color: transparent !important; }
   .guestbell-btn.guestbell-btn-error {
     background-color: #d9534f;
     fill: white;
@@ -1234,7 +1234,7 @@
       .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
         color: #e27c79;
         fill: #e27c79;
-        background-color: transparent; }
+        background-color: transparent !important; }
   .guestbell-btn.guestbell-btn-warning {
     background-color: #f0ad4e;
     fill: white;
@@ -1280,7 +1280,7 @@
       .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
         color: #f4c37d;
         fill: #f4c37d;
-        background-color: transparent; }
+        background-color: transparent !important; }
   .guestbell-btn.guestbell-btn-gray {
     background-color: #555555;
     fill: white;
@@ -1326,7 +1326,7 @@
       .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
         color: #6f6f6f;
         fill: #6f6f6f;
-        background-color: transparent; }
+        background-color: transparent !important; }
 
 .input__base.checkbox-input {
   display: block;