@itwin/imodel-components-react 4.9.0-dev.1 → 4.10.0-dev.1

package/lib/cjs/imodel-components-react/timeline/SolarTimeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolarTimeline.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/SolarTimeline.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Timeline\n */\n\n// component is in alpha state - it may change after usability testing - test coverage not complete\n/* istanbul ignore file */\n\nimport \"./SolarTimeline.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Slider, Text, Tooltip } from \"@itwin/itwinui-react\";\n\nimport type { HSVColor } from \"@itwin/core-common\";\nimport { ColorByName, ColorDef } from \"@itwin/core-common\";\nimport { RelativePosition, TimeDisplay } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon, Popup } from \"@itwin/core-react\";\nimport type { TimeSpec } from \"@itwin/components-react\";\nimport {\n  adjustDateToTimezone,\n  DatePicker,\n  TimeField,\n  UiComponents,\n} from \"@itwin/components-react\";\nimport { HueSlider } from \"../color/HueSlider\";\nimport { SaturationPicker } from \"../color/SaturationPicker\";\nimport { ColorSwatch } from \"../color/Swatch\";\nimport type { SolarDataProvider } from \"./interfaces\";\nimport { PlayButton } from \"./PlayerButton\";\nimport { SpeedTimeline } from \"./SpeedTimeline\";\nimport {\n  CustomThumb,\n  getPercentageOfRectangle,\n  RailMarkers,\n  useFocusedThumb,\n} from \"./Scrubber\";\nimport { UiIModelComponents } from \"../UiIModelComponents\";\nimport { SvgCalendar, SvgLoop, SvgSettings } from \"@itwin/itwinui-icons-react\";\n\n// cSpell:ignore millisec solarsettings showticks shadowcolor solartimeline datepicker millisecs\n\nconst millisecPerMinute = 1000 * 60;\nconst millisecPerHour = millisecPerMinute * 60;\n// const millisecPerDay = millisecPerHour * 24;\nconst defaultPlaybackDuration = 40 * 1000; // 40 seconds\nconst addZero = (i: number) => {\n  return i < 10 ? `0${i}` : i;\n};\n\ninterface TimelineProps extends CommonProps {\n  dayStartMs: number;\n  sunRiseOffsetMs: number;\n  sunSetOffsetMs: number;\n  currentTimeOffsetMs: number;\n  isPlaying: boolean;\n  formatTick?: (millisec: number) => string;\n  formatTime: (millisec: number) => string;\n  onChange?: (values: ReadonlyArray<number>) => void;\n  onUpdate?: (values: ReadonlyArray<number>) => void;\n}\n\nfunction Timeline(props: TimelineProps) {\n  const [sliderContainer, setSliderContainer] =\n    React.useState<HTMLDivElement | null>(null);\n  const [pointerPercent, setPointerPercent] = React.useState(0);\n\n  const tooltipProps = React.useCallback(() => {\n    return { visible: false };\n  }, []);\n\n  const [showRailTooltip, setShowRailTooltip] = React.useState(false);\n\n  const handlePointerEnter = React.useCallback(() => {\n    setShowRailTooltip(true);\n  }, []);\n\n  const handlePointerLeave = React.useCallback(() => {\n    setShowRailTooltip(false);\n  }, []);\n\n  const handlePointerMove = React.useCallback(\n    (event: React.PointerEvent) => {\n      sliderContainer &&\n        setPointerPercent(\n          getPercentageOfRectangle(\n            sliderContainer.getBoundingClientRect(),\n            event.clientX\n          )\n        );\n    },\n    [sliderContainer]\n  );\n\n  const {\n    formatTick,\n    formatTime,\n    onChange,\n    onUpdate,\n    dayStartMs,\n    sunSetOffsetMs,\n    sunRiseOffsetMs,\n    currentTimeOffsetMs,\n    isPlaying,\n  } = props;\n\n  const thumbHasFocus = useFocusedThumb(sliderContainer ?? undefined);\n\n  const tickLabel = React.useMemo(() => {\n    const showTip = isPlaying || showRailTooltip || thumbHasFocus;\n    const totalDuration = sunSetOffsetMs - sunRiseOffsetMs;\n    const percent =\n      isPlaying || thumbHasFocus\n        ? (currentTimeOffsetMs - sunRiseOffsetMs) / totalDuration\n        : pointerPercent;\n    const tooltipText = formatTime(\n      isPlaying || thumbHasFocus\n        ? dayStartMs + currentTimeOffsetMs\n        : dayStartMs + (sunRiseOffsetMs + pointerPercent * totalDuration)\n    );\n    return (\n      <RailMarkers\n        showToolTip={showTip}\n        percent={percent}\n        tooltipText={tooltipText}\n      />\n    );\n  }, [\n    isPlaying,\n    showRailTooltip,\n    thumbHasFocus,\n    sunSetOffsetMs,\n    sunRiseOffsetMs,\n    currentTimeOffsetMs,\n    pointerPercent,\n    formatTime,\n    dayStartMs,\n  ]);\n\n  const className = classnames(\n    \"solar-timeline\",\n    props.className,\n    formatTick && \"showticks\"\n  );\n  const sunRiseFormat = formatTime(dayStartMs + sunRiseOffsetMs);\n  const sunSetFormat = formatTime(dayStartMs + sunSetOffsetMs);\n  return (\n    <div className={className}>\n      <Tooltip content={sunRiseFormat}>\n        <span className=\"sunrise\">&#x2600;</span>\n      </Tooltip>\n      <Slider\n        ref={setSliderContainer}\n        className=\"solar-slider\"\n        step={millisecPerMinute}\n        min={sunRiseOffsetMs}\n        max={sunSetOffsetMs}\n        minLabel=\"\"\n        maxLabel=\"\"\n        onUpdate={onUpdate}\n        onChange={onChange}\n        values={[currentTimeOffsetMs]}\n        tooltipProps={tooltipProps}\n        thumbProps={() => ({\n          className: \"components-timeline-thumb\",\n          children: <CustomThumb />,\n        })}\n        tickLabels={tickLabel}\n        onPointerEnter={handlePointerEnter}\n        onPointerMove={handlePointerMove}\n        onPointerLeave={handlePointerLeave}\n      />\n      <Tooltip content={sunSetFormat}>\n        <span className=\"sunset\">&#x263D;</span>\n      </Tooltip>\n    </div>\n  );\n}\n\ninterface SolarTimelineComponentProps {\n  dataProvider: SolarDataProvider; // provides date, sunrise, sunset in millisecs, also contains timezone offset from UTC, and updates the display style to current time.\n  onPlayPause?: (playing: boolean) => void; // callback triggered when play/pause button is pressed\n  duration?: number; // playback duration in milliseconds\n  speed?: number;\n}\n\ninterface SolarTimelineComponentState {\n  isPlaying: boolean; // timeline is currently playing or paused\n  isDateOpened: boolean; // date picker is opened\n  isSettingsOpened: boolean; // settings popup is opened\n  dayStartMs: number;\n  sunRiseOffsetMs: number;\n  sunSetOffsetMs: number;\n  sunDeltaMs: number;\n  currentTimeOffsetMs: number;\n  speed: number;\n  loop: boolean;\n  shadowColor: ColorDef;\n  duration: number; // playback duration in milliseconds\n  adjustedDuration: number; // playback duration in milliseconds/ speed\n}\n\n/** Solar Timeline\n * @alpha\n */\nexport class SolarTimeline extends React.PureComponent<\n  SolarTimelineComponentProps,\n  SolarTimelineComponentState\n> {\n  private _datePicker: HTMLElement | null = null;\n  private _settings: HTMLElement | null = null;\n  private _requestFrame = 0;\n  private _unmounted = false;\n  private _timeLastCycle = 0;\n  private _totalPlayTime = 0;\n  private _settingsPopupTitle = UiIModelComponents.translate(\n    \"solarsettings.shadowcolor\"\n  );\n  private _playLabel = UiIModelComponents.translate(\"solartimeline.play\");\n  private _settingLabel = UiIModelComponents.translate(\n    \"solartimeline.settings\"\n  );\n  private _loopLabel = UiIModelComponents.translate(\"timeline.repeat\");\n  private _speedLabel = UiIModelComponents.translate(\"solartimeline.speed\");\n  private _dateTimeLabel = UiIModelComponents.translate(\n    \"solartimeline.dateTime\"\n  );\n\n  private _months = [\n    UiComponents.translate(\"month.short.january\"),\n    UiComponents.translate(\"month.short.february\"),\n    UiComponents.translate(\"month.short.march\"),\n    UiComponents.translate(\"month.short.april\"),\n    UiComponents.translate(\"month.short.may\"),\n    UiComponents.translate(\"month.short.june\"),\n    UiComponents.translate(\"month.short.july\"),\n    UiComponents.translate(\"month.short.august\"),\n    UiComponents.translate(\"month.short.september\"),\n    UiComponents.translate(\"month.short.october\"),\n    UiComponents.translate(\"month.short.november\"),\n    UiComponents.translate(\"month.short.december\"),\n  ];\n\n  private _timeLabel = UiComponents.translate(\"datepicker.time\");\n  private _amLabel = UiComponents.translate(\"time.am\");\n  private _pmLabel = UiComponents.translate(\"time.pm\");\n  private readonly _presetColors = [\n    ColorDef.create(ColorByName.grey),\n    ColorDef.create(ColorByName.lightGrey),\n    ColorDef.create(ColorByName.darkGrey),\n    ColorDef.create(ColorByName.lightBlue),\n    ColorDef.create(ColorByName.lightGreen),\n    ColorDef.create(ColorByName.darkGreen),\n    ColorDef.create(ColorByName.tan),\n    ColorDef.create(ColorByName.darkBrown),\n  ];\n\n  constructor(props: SolarTimelineComponentProps) {\n    super(props);\n\n    const dayStartMs = this.props.dataProvider.dayStartMs;\n    const sunRiseOffsetMs =\n      this.props.dataProvider.sunrise.getTime() - dayStartMs;\n    const sunSetOffsetMs =\n      this.props.dataProvider.sunset.getTime() - dayStartMs;\n    const sunDeltaMs = sunSetOffsetMs - sunRiseOffsetMs;\n    const sunOffsetMs =\n      this.props.dataProvider.timeOfDay.getTime() - dayStartMs;\n    const currentTimeOffsetMs = this.ensureRange(\n      sunOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs\n    );\n    const shadowColor = this.props.dataProvider.shadowColor;\n    const duration = this.props.duration\n      ? this.props.duration\n      : defaultPlaybackDuration;\n    const speed = this.props.speed ? this.props.speed : 2;\n    const adjustedDuration = duration / speed;\n    this.setPlaybackTimeBySunTime(\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunDeltaMs,\n      adjustedDuration\n    );\n\n    this.state = {\n      isDateOpened: false,\n      isSettingsOpened: false,\n      isPlaying: false,\n      dayStartMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n      sunDeltaMs,\n      currentTimeOffsetMs,\n      speed,\n      loop: false,\n      shadowColor,\n      duration,\n      adjustedDuration,\n    };\n  }\n\n  public override componentWillUnmount() {\n    window.cancelAnimationFrame(this._requestFrame);\n    this._unmounted = true;\n  }\n\n  // recursively update the animation until we hit the end or the pause button is clicked\n  private _updateAnimation = (_timestamp: number) => {\n    // istanbul ignore else\n    if (!this.state.isPlaying || this._unmounted) {\n      window.cancelAnimationFrame(this._requestFrame);\n      return;\n    }\n\n    const currentTime = new Date().getTime();\n    this._totalPlayTime += currentTime - this._timeLastCycle;\n    this._timeLastCycle = currentTime;\n    let percentComplete = this._totalPlayTime / this.state.adjustedDuration;\n    if (percentComplete > 1) percentComplete = 1;\n\n    let newPlayingState = true;\n\n    // calculate the next sun time base on the percentage playback complete - should be int value as that is step amount for slider\n    let nextSunOffset = Math.floor(\n      this.state.sunRiseOffsetMs + percentComplete * this.state.sunDeltaMs\n    );\n\n    if (percentComplete > 0.99) {\n      if (!this.state.loop) {\n        newPlayingState = false;\n        nextSunOffset = this.state.sunSetOffsetMs;\n        window.cancelAnimationFrame(this._requestFrame);\n      } else {\n        nextSunOffset = this.state.sunRiseOffsetMs;\n        this._totalPlayTime = 0;\n      }\n    }\n\n    if (this.props.dataProvider.onTimeChanged) {\n      const currentSunTime = new Date(this.state.dayStartMs + nextSunOffset);\n      this.props.dataProvider.onTimeChanged(currentSunTime);\n    }\n\n    this.setState(\n      { isPlaying: newPlayingState, currentTimeOffsetMs: nextSunOffset },\n      () => {\n        if (newPlayingState)\n          this._requestFrame = window.requestAnimationFrame(\n            this._updateAnimation\n          );\n      }\n    );\n  };\n\n  private _play(sunTimeMs: number) {\n    this._timeLastCycle = new Date().getTime();\n\n    // start playing\n    this.setState({ isPlaying: true, currentTimeOffsetMs: sunTimeMs }, () => {\n      this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\n      // istanbul ignore else\n      if (this.props.onPlayPause) this.props.onPlayPause(true);\n    });\n  }\n\n  // user clicked pause button\n  private _onPause = () => {\n    // istanbul ignore if\n    if (!this.state.isPlaying) return;\n\n    const currentTime = new Date().getTime();\n    this._totalPlayTime += currentTime - this._timeLastCycle;\n\n    // stop requesting frames\n    window.cancelAnimationFrame(this._requestFrame);\n\n    // stop playing\n    this.setState({ isPlaying: false });\n\n    // istanbul ignore else\n    if (this.props.onPlayPause) this.props.onPlayPause(false);\n  };\n\n  // user clicked play button\n  private _onPlay = () => {\n    // istanbul ignore if\n    if (this.state.isPlaying) return;\n\n    if (\n      this.state.currentTimeOffsetMs >= this.state.sunSetOffsetMs ||\n      this.state.currentTimeOffsetMs <= this.state.sunRiseOffsetMs\n    ) {\n      this._totalPlayTime = 0;\n      this._play(this.state.sunRiseOffsetMs);\n    } else {\n      this._play(this.state.currentTimeOffsetMs);\n    }\n  };\n\n  private setPlaybackTimeBySunTime(\n    sunOffsetMs: number,\n    sunRiseOffsetMs: number,\n    sunDeltaMs: number,\n    adjustedDuration?: number\n  ) {\n    this._totalPlayTime =\n      ((sunOffsetMs - sunRiseOffsetMs) / sunDeltaMs) *\n      (adjustedDuration ? adjustedDuration : this.state.adjustedDuration);\n  }\n\n  /** note the day passed in is in the time of the current user not in project time because the date picker works in\n   * local time  */\n  private _onDayClick = (day: Date) => {\n    const selectedDate = new Date(\n      day.getTime() + this.state.currentTimeOffsetMs\n    );\n    this.props.dataProvider.setDateAndTime(selectedDate);\n    const dayStartMs = this.props.dataProvider.dayStartMs;\n    const sunRiseOffsetMs =\n      this.props.dataProvider.sunrise.getTime() - dayStartMs;\n    const sunSetOffsetMs =\n      this.props.dataProvider.sunset.getTime() - dayStartMs;\n    const sunDeltaMs = sunSetOffsetMs - sunRiseOffsetMs;\n\n    const sunOffsetMs = this.ensureRange(\n      this.state.currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs\n    );\n    this.setPlaybackTimeBySunTime(sunOffsetMs, sunRiseOffsetMs, sunDeltaMs);\n\n    /** call dataProvider to update display style */\n    if (this.props.dataProvider.onTimeChanged)\n      this.props.dataProvider.onTimeChanged(this.props.dataProvider.timeOfDay);\n\n    this.setState(\n      {\n        dayStartMs,\n        sunRiseOffsetMs,\n        sunSetOffsetMs,\n        currentTimeOffsetMs: sunOffsetMs,\n        sunDeltaMs,\n        isDateOpened: false,\n      },\n      () => {\n        this._timeLastCycle = new Date().getTime();\n      }\n    );\n  };\n\n  private _onTimeChanged = (time: TimeSpec) => {\n    // compute the current date (with time)\n    const dayStartMs = this.props.dataProvider.dayStartMs;\n    const sunTime =\n      time.hours * millisecPerHour + time.minutes * millisecPerMinute;\n    const dateWithNewTime = new Date(dayStartMs + sunTime);\n    this.props.dataProvider.setDateAndTime(dateWithNewTime, true);\n\n    // notify the provider to update style\n    if (this.props.dataProvider.onTimeChanged)\n      this.props.dataProvider.onTimeChanged(dateWithNewTime);\n\n    const currentTimeOffsetMs = this.ensureRange(\n      sunTime,\n      this.state.sunRiseOffsetMs,\n      this.state.sunSetOffsetMs\n    );\n\n    this.setPlaybackTimeBySunTime(\n      currentTimeOffsetMs,\n      this.state.sunRiseOffsetMs,\n      this.state.sunDeltaMs\n    );\n    this._timeLastCycle = new Date().getTime();\n\n    // update the timeline\n    this.setState({ currentTimeOffsetMs });\n  };\n\n  private _onCloseDayPicker = () => {\n    this.setState({ isDateOpened: false });\n  };\n\n  private _onOpenDayPicker = () => {\n    this.setState((prevState) => ({ isDateOpened: !prevState.isDateOpened }));\n  };\n\n  private _onCloseSettingsPopup = () => {\n    this.setState({ isSettingsOpened: false });\n  };\n\n  private _onOpenSettingsPopup = () => {\n    this.setState((prevState) => ({\n      isSettingsOpened: !prevState.isSettingsOpened,\n    }));\n  };\n\n  private ensureRange(value: number, min: number, max: number): number {\n    return Math.max(Math.min(value, max), min);\n  }\n\n  private processSunTimeChange(sunTime: number) {\n    if (sunTime === this.state.currentTimeOffsetMs) return;\n\n    const currentTimeOffsetMs = this.ensureRange(\n      sunTime,\n      this.state.sunRiseOffsetMs,\n      this.state.sunSetOffsetMs\n    );\n\n    if (this.props.dataProvider.onTimeChanged) {\n      const currentSunTime = new Date(\n        this.state.dayStartMs + currentTimeOffsetMs\n      );\n      this.props.dataProvider.onTimeChanged(currentSunTime);\n    }\n\n    this.setState({ currentTimeOffsetMs }, () => {\n      const currentTime = new Date().getTime();\n      this._timeLastCycle = currentTime;\n      const percentComplete =\n        (currentTimeOffsetMs - this.state.sunRiseOffsetMs) /\n        this.state.sunDeltaMs;\n      this._totalPlayTime = percentComplete * this.state.adjustedDuration;\n    });\n  }\n\n  private _onUpdate = (values: ReadonlyArray<number>) => {\n    if (!this.state.isPlaying) this.processSunTimeChange(values[0]);\n  };\n\n  private _onChange = (values: ReadonlyArray<number>) => {\n    if (!this.state.isPlaying) this.processSunTimeChange(values[0]);\n  };\n\n  private _onSpeedChange = (value: number) => {\n    const adjustedDuration = this.state.duration / value;\n    this.setState({ speed: value, adjustedDuration });\n  };\n\n  private _onToggleLoop = () => {\n    this.setState((prevState) => ({ loop: !prevState.loop }));\n  };\n\n  private _formatTime = (millisec: number) => {\n    const date = new Date(millisec);\n    // convert project date to browser locale date\n    const localTime = adjustDateToTimezone(\n      date,\n      this.props.dataProvider.timeZoneOffset * 60\n    );\n    let hours = localTime.getHours();\n    const minutes = addZero(date.getMinutes());\n    const abbrev =\n      hours < 12 ? this._amLabel : hours === 24 ? this._amLabel : this._pmLabel;\n    hours = hours > 12 ? hours - 12 : hours;\n    return `${hours}:${minutes} ${abbrev}`;\n  };\n\n  private _onPresetColorPick = (shadowColor: ColorDef) => {\n    this.setState(\n      { shadowColor },\n      () => (this.props.dataProvider.shadowColor = shadowColor)\n    );\n  };\n\n  private _handleHueOrSaturationChange = (hueOrSaturation: HSVColor) => {\n    if (hueOrSaturation.s === 0)\n      // for a ColorDef to be created from hsv s can't be 0\n      hueOrSaturation = hueOrSaturation.clone(undefined, 0.5);\n\n    const shadowColor = hueOrSaturation.toColorDef();\n    this.setState(\n      { shadowColor },\n      () => (this.props.dataProvider.shadowColor = shadowColor)\n    );\n  };\n\n  public getLocalTime(ticks: number): Date {\n    const projectTime = new Date(ticks);\n    // convert project date to browser locale date\n    return adjustDateToTimezone(\n      projectTime,\n      this.props.dataProvider.timeZoneOffset * 60\n    );\n  }\n\n  public override render() {\n    const { dataProvider } = this.props;\n    const {\n      speed,\n      loop,\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n    } = this.state;\n    const localTime = this.getLocalTime(\n      this.state.dayStartMs + this.state.currentTimeOffsetMs\n    );\n    const formattedTime = this._formatTime(\n      dataProvider.dayStartMs + currentTimeOffsetMs\n    );\n    const formattedDate = `${\n      this._months[localTime.getMonth()]\n    }, ${localTime.getDate()}`;\n\n    const colorSwatchStyle: React.CSSProperties = {\n      width: `100%`,\n      height: `100%`,\n    };\n\n    return (\n      <div className={\"solar-timeline-wrapper\"}>\n        <div className=\"header\">\n          <PlayButton\n            tooltip={this._playLabel}\n            className=\"play-button\"\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n          />\n          <button\n            data-testid=\"solar-date-time-button\"\n            title={this._dateTimeLabel}\n            className=\"current-date\"\n            ref={(element) => (this._datePicker = element)}\n            onClick={this._onOpenDayPicker}\n          >\n            <span>{formattedDate}</span>\n            <span>/</span>\n            <span>{formattedTime}</span>\n            <span className=\"icon\">\n              <Icon iconSpec={<SvgCalendar />} />\n            </span>\n          </button>\n          <Popup\n            style={{ border: \"none\" }}\n            offset={11}\n            target={this._datePicker}\n            isOpen={this.state.isDateOpened}\n            onClose={this._onCloseDayPicker}\n            position={RelativePosition.Top}\n          >\n            <div\n              className=\"components-date-picker-calendar-popup-panel\"\n              data-testid=\"components-date-picker-calendar-popup-panel\"\n            >\n              <DatePicker\n                selected={localTime}\n                onDateChange={this._onDayClick}\n                showFocusOutline={false}\n              />\n              <div className=\"time-container\">\n                <Text variant=\"body\" className=\"time-label\">\n                  {this._timeLabel}\n                </Text>\n                <TimeField\n                  time={{\n                    hours: localTime.getHours(),\n                    minutes: localTime.getMinutes(),\n                    seconds: 0,\n                  }}\n                  timeDisplay={TimeDisplay.H12MC}\n                  onTimeChange={this._onTimeChanged}\n                />\n              </div>\n            </div>\n          </Popup>\n          <Timeline\n            dayStartMs={dataProvider.dayStartMs}\n            sunSetOffsetMs={sunSetOffsetMs}\n            sunRiseOffsetMs={sunRiseOffsetMs}\n            currentTimeOffsetMs={currentTimeOffsetMs}\n            onChange={this._onChange}\n            onUpdate={this._onUpdate}\n            formatTime={this._formatTime}\n            isPlaying={this.state.isPlaying}\n          />\n          <div className=\"speed-container\">\n            <span title={this._speedLabel}>{speed}x</span>\n            <SpeedTimeline\n              className=\"speed\"\n              onChange={this._onSpeedChange}\n              speed={this.state.speed}\n            />\n          </div>\n          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n          <span\n            title={this._loopLabel}\n            className={classnames(\n              \"icon\",\n              !loop && \"no-loop-playback\",\n              loop && \"loop-playback\"\n            )}\n            onClick={this._onToggleLoop}\n            role=\"button\"\n            tabIndex={-1}\n          >\n            <Icon iconSpec={<SvgLoop />} />\n          </span>\n          <button\n            data-testid=\"shadow-settings-button\"\n            title={this._settingLabel}\n            className=\"shadow-settings-button\"\n            ref={(element) => (this._settings = element)}\n            onClick={this._onOpenSettingsPopup}\n          >\n            <span className=\"icon\">\n              <Icon iconSpec={<SvgSettings />} />\n            </span>\n          </button>\n          <Popup\n            className=\"shadow-settings-popup\"\n            target={this._settings}\n            offset={11}\n            isOpen={this.state.isSettingsOpened}\n            onClose={this._onCloseSettingsPopup}\n            position={RelativePosition.Top}\n          >\n            <div className=\"shadow-settings-popup-container\">\n              <div className=\"shadow-settings-header\">\n                {this._settingsPopupTitle}\n              </div>\n              <div className=\"shadow-settings-color\">\n                <div className=\"shadow-settings-color-top\">\n                  <SaturationPicker\n                    hsv={this.state.shadowColor.toHSV()}\n                    onSaturationChange={this._handleHueOrSaturationChange}\n                  />\n                </div>\n                <div className=\"shadow-settings-color-bottom\">\n                  <div className=\"shadow-settings-color-bottom-left\">\n                    <HueSlider\n                      hsv={this.state.shadowColor.toHSV()}\n                      onHueChange={this._handleHueOrSaturationChange}\n                      isHorizontal={true}\n                    />\n                  </div>\n                  <div className=\"shadow-settings-color-bottom-right\">\n                    <ColorSwatch\n                      style={colorSwatchStyle}\n                      colorDef={this.state.shadowColor}\n                      round={false}\n                    />\n                  </div>\n                </div>\n              </div>\n              <div className=\"shadow-settings-color-presets\">\n                <ColorSwatch\n                  colorDef={this._presetColors[0]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[1]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[2]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[3]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[4]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[5]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[6]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[7]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n              </div>\n            </div>\n          </Popup>\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"SolarTimeline.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/SolarTimeline.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Timeline\n */\n\n// component is in alpha state - it may change after usability testing - test coverage not complete\n/* istanbul ignore file */\n\nimport \"./SolarTimeline.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Slider, Text, Tooltip } from \"@itwin/itwinui-react\";\n\nimport type { HSVColor } from \"@itwin/core-common\";\nimport { ColorByName, ColorDef } from \"@itwin/core-common\";\nimport { RelativePosition, TimeDisplay } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon, Popup } from \"@itwin/core-react\";\nimport type { TimeSpec } from \"@itwin/components-react\";\nimport {\n  adjustDateToTimezone,\n  DatePicker,\n  TimeField,\n  UiComponents,\n} from \"@itwin/components-react\";\nimport { HueSlider } from \"../color/HueSlider\";\nimport { SaturationPicker } from \"../color/SaturationPicker\";\nimport { ColorSwatch } from \"../color/Swatch\";\nimport type { SolarDataProvider } from \"./interfaces\";\nimport { PlayButton } from \"./PlayerButton\";\nimport { SpeedTimeline } from \"./SpeedTimeline\";\nimport {\n  CustomThumb,\n  getPercentageOfRectangle,\n  RailMarkers,\n  useFocusedThumb,\n} from \"./Scrubber\";\nimport { UiIModelComponents } from \"../UiIModelComponents\";\nimport { SvgCalendar, SvgLoop, SvgSettings } from \"@itwin/itwinui-icons-react\";\n\n// cSpell:ignore millisec solarsettings showticks shadowcolor solartimeline datepicker millisecs\n\nconst millisecPerMinute = 1000 * 60;\nconst millisecPerHour = millisecPerMinute * 60;\n// const millisecPerDay = millisecPerHour * 24;\nconst defaultPlaybackDuration = 40 * 1000; // 40 seconds\nconst addZero = (i: number) => {\n  return i < 10 ? `0${i}` : i;\n};\n\ninterface TimelineProps extends CommonProps {\n  dayStartMs: number;\n  sunRiseOffsetMs: number;\n  sunSetOffsetMs: number;\n  currentTimeOffsetMs: number;\n  isPlaying: boolean;\n  formatTick?: (millisec: number) => string;\n  formatTime: (millisec: number) => string;\n  onChange?: (values: ReadonlyArray<number>) => void;\n  onUpdate?: (values: ReadonlyArray<number>) => void;\n}\n\nfunction Timeline(props: TimelineProps) {\n  const [sliderContainer, setSliderContainer] =\n    React.useState<HTMLDivElement | null>(null);\n  const [pointerPercent, setPointerPercent] = React.useState(0);\n\n  const tooltipProps = React.useCallback(() => {\n    return { visible: false };\n  }, []);\n\n  const [showRailTooltip, setShowRailTooltip] = React.useState(false);\n\n  const handlePointerEnter = React.useCallback(() => {\n    setShowRailTooltip(true);\n  }, []);\n\n  const handlePointerLeave = React.useCallback(() => {\n    setShowRailTooltip(false);\n  }, []);\n\n  const handlePointerMove = React.useCallback(\n    (event: React.PointerEvent) => {\n      sliderContainer &&\n        setPointerPercent(\n          getPercentageOfRectangle(\n            sliderContainer.getBoundingClientRect(),\n            event.clientX\n          )\n        );\n    },\n    [sliderContainer]\n  );\n\n  const {\n    formatTick,\n    formatTime,\n    onChange,\n    onUpdate,\n    dayStartMs,\n    sunSetOffsetMs,\n    sunRiseOffsetMs,\n    currentTimeOffsetMs,\n    isPlaying,\n  } = props;\n\n  const thumbHasFocus = useFocusedThumb(sliderContainer ?? undefined);\n\n  const tickLabel = React.useMemo(() => {\n    const showTip = isPlaying || showRailTooltip || thumbHasFocus;\n    const totalDuration = sunSetOffsetMs - sunRiseOffsetMs;\n    const percent =\n      isPlaying || thumbHasFocus\n        ? (currentTimeOffsetMs - sunRiseOffsetMs) / totalDuration\n        : pointerPercent;\n    const tooltipText = formatTime(\n      isPlaying || thumbHasFocus\n        ? dayStartMs + currentTimeOffsetMs\n        : dayStartMs + (sunRiseOffsetMs + pointerPercent * totalDuration)\n    );\n    return (\n      <RailMarkers\n        showToolTip={showTip}\n        percent={percent}\n        tooltipText={tooltipText}\n      />\n    );\n  }, [\n    isPlaying,\n    showRailTooltip,\n    thumbHasFocus,\n    sunSetOffsetMs,\n    sunRiseOffsetMs,\n    currentTimeOffsetMs,\n    pointerPercent,\n    formatTime,\n    dayStartMs,\n  ]);\n\n  const className = classnames(\n    \"solar-timeline\",\n    props.className,\n    formatTick && \"showticks\"\n  );\n  const sunRiseFormat = formatTime(dayStartMs + sunRiseOffsetMs);\n  const sunSetFormat = formatTime(dayStartMs + sunSetOffsetMs);\n  return (\n    <div className={className}>\n      <Tooltip content={sunRiseFormat}>\n        <span className=\"sunrise\">&#x2600;</span>\n      </Tooltip>\n      <Slider\n        ref={setSliderContainer}\n        className=\"solar-slider\"\n        step={millisecPerMinute}\n        min={sunRiseOffsetMs}\n        max={sunSetOffsetMs}\n        minLabel=\"\"\n        maxLabel=\"\"\n        onUpdate={onUpdate}\n        onChange={onChange}\n        values={[currentTimeOffsetMs]}\n        tooltipProps={tooltipProps}\n        thumbProps={() => ({\n          className: \"components-timeline-thumb\",\n          children: <CustomThumb />,\n        })}\n        tickLabels={tickLabel}\n        onPointerEnter={handlePointerEnter}\n        onPointerMove={handlePointerMove}\n        onPointerLeave={handlePointerLeave}\n      />\n      <Tooltip content={sunSetFormat}>\n        <span className=\"sunset\">&#x263D;</span>\n      </Tooltip>\n    </div>\n  );\n}\n\ninterface SolarTimelineComponentProps {\n  dataProvider: SolarDataProvider; // provides date, sunrise, sunset in millisecs, also contains timezone offset from UTC, and updates the display style to current time.\n  onPlayPause?: (playing: boolean) => void; // callback triggered when play/pause button is pressed\n  duration?: number; // playback duration in milliseconds\n  speed?: number;\n}\n\ninterface SolarTimelineComponentState {\n  isPlaying: boolean; // timeline is currently playing or paused\n  isDateOpened: boolean; // date picker is opened\n  isSettingsOpened: boolean; // settings popup is opened\n  dayStartMs: number;\n  sunRiseOffsetMs: number;\n  sunSetOffsetMs: number;\n  sunDeltaMs: number;\n  currentTimeOffsetMs: number;\n  speed: number;\n  loop: boolean;\n  shadowColor: ColorDef;\n  duration: number; // playback duration in milliseconds\n  adjustedDuration: number; // playback duration in milliseconds/ speed\n}\n\n/** Solar Timeline\n * @alpha\n */\nexport class SolarTimeline extends React.PureComponent<\n  SolarTimelineComponentProps,\n  SolarTimelineComponentState\n> {\n  private _datePicker: HTMLElement | null = null;\n  private _settings: HTMLElement | null = null;\n  private _requestFrame = 0;\n  private _unmounted = false;\n  private _timeLastCycle = 0;\n  private _totalPlayTime = 0;\n  private _settingsPopupTitle = UiIModelComponents.translate(\n    \"solarsettings.shadowcolor\"\n  );\n  private _playLabel = UiIModelComponents.translate(\"solartimeline.play\");\n  private _settingLabel = UiIModelComponents.translate(\n    \"solartimeline.settings\"\n  );\n  private _loopLabel = UiIModelComponents.translate(\"timeline.repeat\");\n  private _speedLabel = UiIModelComponents.translate(\"solartimeline.speed\");\n  private _dateTimeLabel = UiIModelComponents.translate(\n    \"solartimeline.dateTime\"\n  );\n\n  private _months = [\n    UiComponents.translate(\"month.short.january\"),\n    UiComponents.translate(\"month.short.february\"),\n    UiComponents.translate(\"month.short.march\"),\n    UiComponents.translate(\"month.short.april\"),\n    UiComponents.translate(\"month.short.may\"),\n    UiComponents.translate(\"month.short.june\"),\n    UiComponents.translate(\"month.short.july\"),\n    UiComponents.translate(\"month.short.august\"),\n    UiComponents.translate(\"month.short.september\"),\n    UiComponents.translate(\"month.short.october\"),\n    UiComponents.translate(\"month.short.november\"),\n    UiComponents.translate(\"month.short.december\"),\n  ];\n\n  private _timeLabel = UiComponents.translate(\"datepicker.time\");\n  private _amLabel = UiComponents.translate(\"time.am\");\n  private _pmLabel = UiComponents.translate(\"time.pm\");\n  private readonly _presetColors = [\n    ColorDef.create(ColorByName.grey),\n    ColorDef.create(ColorByName.lightGrey),\n    ColorDef.create(ColorByName.darkGrey),\n    ColorDef.create(ColorByName.lightBlue),\n    ColorDef.create(ColorByName.lightGreen),\n    ColorDef.create(ColorByName.darkGreen),\n    ColorDef.create(ColorByName.tan),\n    ColorDef.create(ColorByName.darkBrown),\n  ];\n\n  constructor(props: SolarTimelineComponentProps) {\n    super(props);\n\n    const dayStartMs = this.props.dataProvider.dayStartMs;\n    const sunRiseOffsetMs =\n      this.props.dataProvider.sunrise.getTime() - dayStartMs;\n    const sunSetOffsetMs =\n      this.props.dataProvider.sunset.getTime() - dayStartMs;\n    const sunDeltaMs = sunSetOffsetMs - sunRiseOffsetMs;\n    const sunOffsetMs =\n      this.props.dataProvider.timeOfDay.getTime() - dayStartMs;\n    const currentTimeOffsetMs = this.ensureRange(\n      sunOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs\n    );\n    const shadowColor = this.props.dataProvider.shadowColor;\n    const duration = this.props.duration\n      ? this.props.duration\n      : defaultPlaybackDuration;\n    const speed = this.props.speed ? this.props.speed : 2;\n    const adjustedDuration = duration / speed;\n    this.setPlaybackTimeBySunTime(\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunDeltaMs,\n      adjustedDuration\n    );\n\n    this.state = {\n      isDateOpened: false,\n      isSettingsOpened: false,\n      isPlaying: false,\n      dayStartMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n      sunDeltaMs,\n      currentTimeOffsetMs,\n      speed,\n      loop: false,\n      shadowColor,\n      duration,\n      adjustedDuration,\n    };\n  }\n\n  public override componentWillUnmount() {\n    window.cancelAnimationFrame(this._requestFrame);\n    this._unmounted = true;\n  }\n\n  // recursively update the animation until we hit the end or the pause button is clicked\n  private _updateAnimation = (_timestamp: number) => {\n    // istanbul ignore else\n    if (!this.state.isPlaying || this._unmounted) {\n      window.cancelAnimationFrame(this._requestFrame);\n      return;\n    }\n\n    const currentTime = new Date().getTime();\n    this._totalPlayTime += currentTime - this._timeLastCycle;\n    this._timeLastCycle = currentTime;\n    let percentComplete = this._totalPlayTime / this.state.adjustedDuration;\n    if (percentComplete > 1) percentComplete = 1;\n\n    let newPlayingState = true;\n\n    // calculate the next sun time base on the percentage playback complete - should be int value as that is step amount for slider\n    let nextSunOffset = Math.floor(\n      this.state.sunRiseOffsetMs + percentComplete * this.state.sunDeltaMs\n    );\n\n    if (percentComplete > 0.99) {\n      if (!this.state.loop) {\n        newPlayingState = false;\n        nextSunOffset = this.state.sunSetOffsetMs;\n        window.cancelAnimationFrame(this._requestFrame);\n      } else {\n        nextSunOffset = this.state.sunRiseOffsetMs;\n        this._totalPlayTime = 0;\n      }\n    }\n\n    if (this.props.dataProvider.onTimeChanged) {\n      const currentSunTime = new Date(this.state.dayStartMs + nextSunOffset);\n      this.props.dataProvider.onTimeChanged(currentSunTime);\n    }\n\n    this.setState(\n      { isPlaying: newPlayingState, currentTimeOffsetMs: nextSunOffset },\n      () => {\n        if (newPlayingState)\n          this._requestFrame = window.requestAnimationFrame(\n            this._updateAnimation\n          );\n      }\n    );\n  };\n\n  private _play(sunTimeMs: number) {\n    this._timeLastCycle = new Date().getTime();\n\n    // start playing\n    this.setState({ isPlaying: true, currentTimeOffsetMs: sunTimeMs }, () => {\n      this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\n      // istanbul ignore else\n      if (this.props.onPlayPause) this.props.onPlayPause(true);\n    });\n  }\n\n  // user clicked pause button\n  private _onPause = () => {\n    // istanbul ignore if\n    if (!this.state.isPlaying) return;\n\n    const currentTime = new Date().getTime();\n    this._totalPlayTime += currentTime - this._timeLastCycle;\n\n    // stop requesting frames\n    window.cancelAnimationFrame(this._requestFrame);\n\n    // stop playing\n    this.setState({ isPlaying: false });\n\n    // istanbul ignore else\n    if (this.props.onPlayPause) this.props.onPlayPause(false);\n  };\n\n  // user clicked play button\n  private _onPlay = () => {\n    // istanbul ignore if\n    if (this.state.isPlaying) return;\n\n    if (\n      this.state.currentTimeOffsetMs >= this.state.sunSetOffsetMs ||\n      this.state.currentTimeOffsetMs <= this.state.sunRiseOffsetMs\n    ) {\n      this._totalPlayTime = 0;\n      this._play(this.state.sunRiseOffsetMs);\n    } else {\n      this._play(this.state.currentTimeOffsetMs);\n    }\n  };\n\n  private setPlaybackTimeBySunTime(\n    sunOffsetMs: number,\n    sunRiseOffsetMs: number,\n    sunDeltaMs: number,\n    adjustedDuration?: number\n  ) {\n    this._totalPlayTime =\n      ((sunOffsetMs - sunRiseOffsetMs) / sunDeltaMs) *\n      (adjustedDuration ? adjustedDuration : this.state.adjustedDuration);\n  }\n\n  /** note the day passed in is in the time of the current user not in project time because the date picker works in\n   * local time  */\n  private _onDayClick = (day: Date) => {\n    const selectedDate = new Date(\n      day.getTime() + this.state.currentTimeOffsetMs\n    );\n    this.props.dataProvider.setDateAndTime(selectedDate);\n    const dayStartMs = this.props.dataProvider.dayStartMs;\n    const sunRiseOffsetMs =\n      this.props.dataProvider.sunrise.getTime() - dayStartMs;\n    const sunSetOffsetMs =\n      this.props.dataProvider.sunset.getTime() - dayStartMs;\n    const sunDeltaMs = sunSetOffsetMs - sunRiseOffsetMs;\n\n    const sunOffsetMs = this.ensureRange(\n      this.state.currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs\n    );\n    this.setPlaybackTimeBySunTime(sunOffsetMs, sunRiseOffsetMs, sunDeltaMs);\n\n    /** call dataProvider to update display style */\n    if (this.props.dataProvider.onTimeChanged)\n      this.props.dataProvider.onTimeChanged(this.props.dataProvider.timeOfDay);\n\n    this.setState(\n      {\n        dayStartMs,\n        sunRiseOffsetMs,\n        sunSetOffsetMs,\n        currentTimeOffsetMs: sunOffsetMs,\n        sunDeltaMs,\n        isDateOpened: false,\n      },\n      () => {\n        this._timeLastCycle = new Date().getTime();\n      }\n    );\n  };\n\n  private _onTimeChanged = (time: TimeSpec) => {\n    // compute the current date (with time)\n    const dayStartMs = this.props.dataProvider.dayStartMs;\n    const sunTime =\n      time.hours * millisecPerHour + time.minutes * millisecPerMinute;\n    const dateWithNewTime = new Date(dayStartMs + sunTime);\n    this.props.dataProvider.setDateAndTime(dateWithNewTime, true);\n\n    // notify the provider to update style\n    if (this.props.dataProvider.onTimeChanged)\n      this.props.dataProvider.onTimeChanged(dateWithNewTime);\n\n    const currentTimeOffsetMs = this.ensureRange(\n      sunTime,\n      this.state.sunRiseOffsetMs,\n      this.state.sunSetOffsetMs\n    );\n\n    this.setPlaybackTimeBySunTime(\n      currentTimeOffsetMs,\n      this.state.sunRiseOffsetMs,\n      this.state.sunDeltaMs\n    );\n    this._timeLastCycle = new Date().getTime();\n\n    // update the timeline\n    this.setState({ currentTimeOffsetMs });\n  };\n\n  private _onCloseDayPicker = () => {\n    this.setState({ isDateOpened: false });\n  };\n\n  private _onOpenDayPicker = () => {\n    this.setState((prevState) => ({ isDateOpened: !prevState.isDateOpened }));\n  };\n\n  private _onCloseSettingsPopup = () => {\n    this.setState({ isSettingsOpened: false });\n  };\n\n  private _onOpenSettingsPopup = () => {\n    this.setState((prevState) => ({\n      isSettingsOpened: !prevState.isSettingsOpened,\n    }));\n  };\n\n  private ensureRange(value: number, min: number, max: number): number {\n    return Math.max(Math.min(value, max), min);\n  }\n\n  private processSunTimeChange(sunTime: number) {\n    if (sunTime === this.state.currentTimeOffsetMs) return;\n\n    const currentTimeOffsetMs = this.ensureRange(\n      sunTime,\n      this.state.sunRiseOffsetMs,\n      this.state.sunSetOffsetMs\n    );\n\n    if (this.props.dataProvider.onTimeChanged) {\n      const currentSunTime = new Date(\n        this.state.dayStartMs + currentTimeOffsetMs\n      );\n      this.props.dataProvider.onTimeChanged(currentSunTime);\n    }\n\n    this.setState({ currentTimeOffsetMs }, () => {\n      const currentTime = new Date().getTime();\n      this._timeLastCycle = currentTime;\n      const percentComplete =\n        (currentTimeOffsetMs - this.state.sunRiseOffsetMs) /\n        this.state.sunDeltaMs;\n      this._totalPlayTime = percentComplete * this.state.adjustedDuration;\n    });\n  }\n\n  private _onUpdate = (values: ReadonlyArray<number>) => {\n    if (!this.state.isPlaying) this.processSunTimeChange(values[0]);\n  };\n\n  private _onChange = (values: ReadonlyArray<number>) => {\n    if (!this.state.isPlaying) this.processSunTimeChange(values[0]);\n  };\n\n  private _onSpeedChange = (value: number) => {\n    const adjustedDuration = this.state.duration / value;\n    this.setState({ speed: value, adjustedDuration });\n  };\n\n  private _onToggleLoop = () => {\n    this.setState((prevState) => ({ loop: !prevState.loop }));\n  };\n\n  private _formatTime = (millisec: number) => {\n    const date = new Date(millisec);\n    // convert project date to browser locale date\n    const localTime = adjustDateToTimezone(\n      date,\n      this.props.dataProvider.timeZoneOffset * 60\n    );\n    let hours = localTime.getHours();\n    const minutes = addZero(date.getMinutes());\n    const abbrev =\n      hours < 12 ? this._amLabel : hours === 24 ? this._amLabel : this._pmLabel;\n    hours = hours > 12 ? hours - 12 : hours;\n    return `${hours}:${minutes} ${abbrev}`;\n  };\n\n  private _onPresetColorPick = (shadowColor: ColorDef) => {\n    this.setState(\n      { shadowColor },\n      () => (this.props.dataProvider.shadowColor = shadowColor)\n    );\n  };\n\n  private _handleHueOrSaturationChange = (hueOrSaturation: HSVColor) => {\n    if (hueOrSaturation.s === 0)\n      // for a ColorDef to be created from hsv s can't be 0\n      hueOrSaturation = hueOrSaturation.clone(undefined, 0.5);\n\n    const shadowColor = hueOrSaturation.toColorDef();\n    this.setState(\n      { shadowColor },\n      () => (this.props.dataProvider.shadowColor = shadowColor)\n    );\n  };\n\n  public getLocalTime(ticks: number): Date {\n    const projectTime = new Date(ticks);\n    // convert project date to browser locale date\n    return adjustDateToTimezone(\n      projectTime,\n      this.props.dataProvider.timeZoneOffset * 60\n    );\n  }\n\n  public override render() {\n    const { dataProvider } = this.props;\n    const {\n      speed,\n      loop,\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n    } = this.state;\n    const localTime = this.getLocalTime(\n      this.state.dayStartMs + this.state.currentTimeOffsetMs\n    );\n    const formattedTime = this._formatTime(\n      dataProvider.dayStartMs + currentTimeOffsetMs\n    );\n    const formattedDate = `${\n      this._months[localTime.getMonth()]\n    }, ${localTime.getDate()}`;\n\n    const colorSwatchStyle: React.CSSProperties = {\n      width: `100%`,\n      height: `100%`,\n    };\n\n    return (\n      <div className={\"solar-timeline-wrapper\"}>\n        <div className=\"header\">\n          <PlayButton\n            tooltip={this._playLabel}\n            className=\"play-button\"\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n          />\n          <button\n            data-testid=\"solar-date-time-button\"\n            title={this._dateTimeLabel}\n            className=\"current-date\"\n            ref={(element) => (this._datePicker = element)}\n            onClick={this._onOpenDayPicker}\n          >\n            <span>{formattedDate}</span>\n            <span>/</span>\n            <span>{formattedTime}</span>\n            <span className=\"icon\">\n              <Icon iconSpec={<SvgCalendar />} />\n            </span>\n          </button>\n          <Popup\n            style={{ border: \"none\" }}\n            offset={11}\n            target={this._datePicker}\n            isOpen={this.state.isDateOpened}\n            onClose={this._onCloseDayPicker}\n            position={RelativePosition.Top}\n          >\n            <div\n              className=\"components-date-picker-calendar-popup-panel\"\n              data-testid=\"components-date-picker-calendar-popup-panel\"\n            >\n              <DatePicker\n                selected={localTime}\n                onDateChange={this._onDayClick}\n                showFocusOutline={false}\n              />\n              <div className=\"time-container\">\n                <Text variant=\"body\" className=\"time-label\">\n                  {this._timeLabel}\n                </Text>\n                <TimeField\n                  time={{\n                    hours: localTime.getHours(),\n                    minutes: localTime.getMinutes(),\n                    seconds: 0,\n                  }}\n                  timeDisplay={TimeDisplay.H12MC}\n                  onTimeChange={this._onTimeChanged}\n                />\n              </div>\n            </div>\n          </Popup>\n          <Timeline\n            dayStartMs={dataProvider.dayStartMs}\n            sunSetOffsetMs={sunSetOffsetMs}\n            sunRiseOffsetMs={sunRiseOffsetMs}\n            currentTimeOffsetMs={currentTimeOffsetMs}\n            onChange={this._onChange}\n            onUpdate={this._onUpdate}\n            formatTime={this._formatTime}\n            isPlaying={this.state.isPlaying}\n          />\n          <div className=\"speed-container\">\n            <span title={this._speedLabel}>{speed}x</span>\n            <SpeedTimeline\n              className=\"speed\"\n              onChange={this._onSpeedChange}\n              speed={this.state.speed}\n            />\n          </div>\n          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n          <span\n            title={this._loopLabel}\n            className={classnames(\n              \"icon\",\n              !loop && \"no-loop-playback\",\n              loop && \"loop-playback\"\n            )}\n            onClick={this._onToggleLoop}\n            role=\"button\"\n            tabIndex={-1}\n          >\n            <Icon iconSpec={<SvgLoop />} />\n          </span>\n          <button\n            data-testid=\"shadow-settings-button\"\n            title={this._settingLabel}\n            className=\"shadow-settings-button\"\n            ref={(element) => (this._settings = element)}\n            onClick={this._onOpenSettingsPopup}\n          >\n            <span className=\"icon\">\n              <Icon iconSpec={<SvgSettings />} />\n            </span>\n          </button>\n          <Popup\n            className=\"shadow-settings-popup\"\n            target={this._settings}\n            offset={11}\n            isOpen={this.state.isSettingsOpened}\n            onClose={this._onCloseSettingsPopup}\n            position={RelativePosition.Top}\n          >\n            <div className=\"shadow-settings-popup-container\">\n              <div className=\"shadow-settings-header\">\n                {this._settingsPopupTitle}\n              </div>\n              <div className=\"shadow-settings-color\">\n                <div className=\"shadow-settings-color-top\">\n                  <SaturationPicker\n                    hsv={this.state.shadowColor.toHSV()}\n                    onSaturationChange={this._handleHueOrSaturationChange}\n                  />\n                </div>\n                <div className=\"shadow-settings-color-bottom\">\n                  <div className=\"shadow-settings-color-bottom-left\">\n                    <HueSlider\n                      hsv={this.state.shadowColor.toHSV()}\n                      onHueChange={this._handleHueOrSaturationChange}\n                      isHorizontal={true}\n                    />\n                  </div>\n                  <div className=\"shadow-settings-color-bottom-right\">\n                    <ColorSwatch\n                      style={colorSwatchStyle}\n                      colorDef={this.state.shadowColor}\n                      round={false}\n                    />\n                  </div>\n                </div>\n              </div>\n              <div className=\"shadow-settings-color-presets\">\n                <ColorSwatch\n                  colorDef={this._presetColors[0]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[1]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[2]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[3]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[4]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[5]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[6]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n                <ColorSwatch\n                  colorDef={this._presetColors[7]}\n                  round={false}\n                  onColorPick={this._onPresetColorPick}\n                />\n              </div>\n            </div>\n          </Popup>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/imodel-components-react/timeline/SolarTimeline.scss

@@ -126,9 +126,8 @@ $bottom-position: 4px;
     flex: 1;
 
     .solar-slider {
-      height: 28px;
-      width: 100%;
       position: relative;
+      flex: 1;
     }
 
     .rail-outer {

package/lib/cjs/imodel-components-react/timeline/SpeedTimeline.d.ts

@@ -1,8 +1,8 @@
 /** @packageDocumentation
  * @module Timeline
  */
-/// <reference types="react" />
 import "./SpeedTimeline.scss";
+import * as React from "react";
 import type { CommonProps } from "@itwin/core-react";
 interface SpeedProps extends CommonProps {
     speed: number;
@@ -11,6 +11,6 @@ interface SpeedProps extends CommonProps {
 /** Speed Timeline used in Solar Timeline component
  * @internal
  */
-export declare function SpeedTimeline(props: SpeedProps): JSX.Element;
+export declare function SpeedTimeline(props: SpeedProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=SpeedTimeline.d.ts.map

package/lib/cjs/imodel-components-react/timeline/SpeedTimeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpeedTimeline.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/SpeedTimeline.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,sBAAsB,CAAC;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,UAAU,UAAW,SAAQ,WAAW;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,eA2B9C"}
+{"version":3,"file":"SpeedTimeline.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/SpeedTimeline.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,UAAU,UAAW,SAAQ,WAAW;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,qBA2B9C"}

package/lib/cjs/imodel-components-react/timeline/TimelineComponent.d.ts

@@ -125,7 +125,7 @@ export declare class TimelineComponent extends React.Component<TimelineComponent
     private _onSetTotalDuration;
     private _createMenuItemNode;
     private _renderSettings;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=TimelineComponent.d.ts.map

package/lib/cjs/imodel-components-react/timeline/TimelineComponent.js

@@ -142,14 +142,14 @@ class TimelineComponent extends React.Component {
         };
         // set the current duration, which will call the OnChange callback
         this._setDuration = (currentDuration, updatedTotal) => {
-            const actualDuration = Math.min(updatedTotal !== null && updatedTotal !== void 0 ? updatedTotal : this.state.totalDuration, Math.max(currentDuration, 0));
+            const actualDuration = Math.min(updatedTotal ?? this.state.totalDuration, Math.max(currentDuration, 0));
             this._timeLastCycle = new Date().getTime();
             // istanbul ignore else
             if (!this._unmounted)
                 this.setState({ currentDuration: actualDuration });
             // istanbul ignore else
             if (this.props.onChange) {
-                const fraction = actualDuration / (updatedTotal !== null && updatedTotal !== void 0 ? updatedTotal : this.state.totalDuration);
+                const fraction = actualDuration / (updatedTotal ?? this.state.totalDuration);
                 this.props.onChange(fraction);
             }
         };

package/lib/cjs/imodel-components-react/timeline/TimelineComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineComponent.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/TimelineComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Timeline\n */\nimport type { GenericUiEventArgs } from \"@itwin/appui-abstract\";\nimport { UiAdmin } from \"@itwin/appui-abstract\";\nimport type { DateFormatOptions } from \"@itwin/components-react\";\nimport {\n  toDateString,\n  toTimeString,\n  UiComponents,\n} from \"@itwin/components-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport {\n  SvgCaretLeft,\n  SvgCaretRight,\n  SvgCheckmark,\n  SvgMoreVertical,\n  SvgPlayCircular,\n} from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, MenuDivider, MenuItem } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\n\nimport { UiIModelComponents } from \"../UiIModelComponents\";\nimport { InlineEdit } from \"./InlineEdit\";\nimport type { PlaybackSettings, TimelinePausePlayArgs } from \"./interfaces\";\nimport { TimelinePausePlayAction } from \"./interfaces\";\nimport { PlayButton, PlayerButton } from \"./PlayerButton\";\nimport { Scrubber } from \"./Scrubber\";\n\nimport \"./TimelineComponent.scss\";\n\n// cspell:ignore millisec\n\nconst slowSpeed = 60 * 1000;\nconst mediumSpeed = 20 * 1000;\nconst fastSpeed = 10 * 1000;\n/**\n * [[TimelineMenuItemOption]]: specifies how the app wants the timeline speeds to be installed on the TimelineComponent's ContextMenu\n * \"replace\" : use the app-supplied items in place of the standard items\n * \"append\" : add the app-supplied items following the standard items\n * \"prefix\" : add the app-supplied items before the standard items\n *\n * @public\n */\nexport type TimelineMenuItemOption = \"replace\" | \"append\" | \"prefix\";\n/**\n * [[TimelineMenuItemProps]] specifies playback speed entries in the Timeline's ContextMenu\n * @public\n */\nexport interface TimelineMenuItemProps {\n  /** localized label for menu item */\n  label: string;\n\n  /** duration for the entire timeline to play */\n  timelineDuration: number;\n}\n/** TimelineDateMarkerProps: Mark a date on the timeline with an indicator\n * @public\n */\nexport interface TimelineDateMarkerProps {\n  /** Date to mark. If undefined, today's date will be used. */\n  date?: Date;\n  /** ReactNode to use as the marker on the timeline. If undefined, a short vertical bar will mark the date. */\n  dateMarker?: React.ReactNode;\n}\n/**\n *  [[TimelineComponentProps]] configure the timeline\n * @public\n */\nexport interface TimelineComponentProps {\n  /** Start date: beginning of the date range of a date-based timeline. */\n  startDate?: Date;\n  /** End date: end of the date range of a date-based timeline. */\n  endDate?: Date;\n  /** Total duration: range of the timeline in milliseconds. */\n  totalDuration: number;\n  /** Initial value for the current duration (the location of the thumb) in milliseconds */\n  initialDuration?: number;\n  /** Show in minimized mode (For future use. This prop will always be treated as true.) */\n  minimized?: boolean;\n  /** When playing, repeat indefinitely */\n  repeat?: boolean;\n  /** Show duration instead of time */\n  showDuration?: boolean;\n  /** Callback with current duration value (as a fraction) */\n  onChange?: (duration: number) => void;\n  /** Callback triggered when play/pause button is pressed */\n  onPlayPause?: (playing: boolean) => void;\n  /** Callback triggered when backward/forward buttons are pressed */\n  onJump?: (forward: boolean) => void;\n  /** Callback triggered when a setting is changed */\n  onSettingsChange?: (arg: PlaybackSettings) => void;\n  /** Always display in miniMode with no expand menu (For future use. This prop will always be treated as true) */\n  alwaysMinimized?: boolean;\n  /** ComponentId -- must be set to use TimelineComponentEvents */\n  componentId?: string;\n  /** Include the repeat option on the Timeline Context Menu */\n  includeRepeat?: boolean;\n  /** App-supplied speed entries in the Timeline Context Menu */\n  appMenuItems?: TimelineMenuItemProps[];\n  /** How to include the supplied app menu items in the Timeline Context Menu (prefix, append, replace)*/\n  appMenuItemOption?: TimelineMenuItemOption;\n  /** Display date and time offset by the number of minutes specified. When undefined - local timezone will be used */\n  timeZoneOffset?: number;\n  /** Display a marker on the timeline rail to indicate current date - will only work if starDate and endDate are defined */\n  markDate?: TimelineDateMarkerProps;\n  /** Options used to format date string. If not defined it will user browser default locale settings. */\n  dateFormatOptions?: DateFormatOptions;\n  /** Options used to format time string. If not defined it will user browser default locale settings. */\n  timeFormatOptions?: DateFormatOptions;\n}\n/** @internal */\ninterface TimelineComponentState {\n  /**  True if timeline is currently playing, false if paused */\n  isPlaying: boolean;\n  /** Minimized mode (For future use. This will always be true) */\n  minimized?: boolean;\n  /** Current duration in milliseconds */\n  currentDuration: number;\n  /** Total duration in milliseconds */\n  totalDuration: number;\n  /** If true, automatically restart when the timeline is finished playing */\n  repeat: boolean;\n  /** If true, include the repeat option in the timeline context menu */\n  includeRepeat: boolean;\n}\n\n/**\n * [[TimelineComponent]] is used to playback timeline data\n * @public\n */\nexport class TimelineComponent extends React.Component<\n  TimelineComponentProps,\n  TimelineComponentState\n> {\n  private _timeLastCycle = 0;\n  private _requestFrame = 0;\n  private _unmounted = false;\n  private _repeatLabel: string;\n  private _removeListener?: () => void;\n  private _standardTimelineMenuItems: TimelineMenuItemProps[] = [\n    {\n      label: UiIModelComponents.translate(\"timeline.slow\"),\n      timelineDuration: slowSpeed,\n    },\n    {\n      label: UiIModelComponents.translate(\"timeline.medium\"),\n      timelineDuration: mediumSpeed,\n    },\n    {\n      label: UiIModelComponents.translate(\"timeline.fast\"),\n      timelineDuration: fastSpeed,\n    },\n  ];\n\n  constructor(props: TimelineComponentProps) {\n    super(props);\n\n    this.state = {\n      isPlaying: false,\n      minimized: true,\n      currentDuration: props.initialDuration\n        ? props.initialDuration\n        : /* istanbul ignore next */ 0,\n      totalDuration: this.props.totalDuration,\n      repeat: this.props.repeat ? true : false,\n      includeRepeat:\n        this.props.includeRepeat || this.props.includeRepeat === undefined\n          ? true\n          : false,\n    };\n\n    this._repeatLabel = UiIModelComponents.translate(\"timeline.repeat\");\n    // istanbul ignore else\n    if (this.props.componentId) {\n      // can't handle an event if we have no id\n      this._removeListener = UiAdmin.onGenericUiEvent.addListener(\n        this._handleTimelinePausePlayEvent\n      );\n    }\n  }\n\n  public override componentWillUnmount() {\n    if (this._removeListener) this._removeListener();\n    window.cancelAnimationFrame(this._requestFrame);\n    this._unmounted = true;\n  }\n\n  public override shouldComponentUpdate(\n    nextProps: TimelineComponentProps,\n    nextState: TimelineComponentState\n  ) {\n    let result = false;\n\n    // istanbul ignore next\n    if (\n      nextState !== this.state ||\n      nextProps !== this.props ||\n      nextProps.startDate !== this.props.startDate ||\n      nextProps.endDate !== this.props.endDate ||\n      nextProps.initialDuration !== this.props.initialDuration ||\n      nextProps.repeat !== this.props.repeat\n    )\n      result = true;\n\n    return result;\n  }\n\n  public override componentDidUpdate(prevProps: TimelineComponentProps) {\n    // istanbul ignore else\n    if (this.props.initialDuration !== prevProps.initialDuration) {\n      this._setDuration(\n        this.props.initialDuration\n          ? this.props.initialDuration\n          : /* istanbul ignore next */ 0,\n        this.props.totalDuration !== prevProps.totalDuration\n          ? this.props.totalDuration\n          : undefined\n      );\n    }\n\n    // istanbul ignore else\n    if (this.props.repeat !== prevProps.repeat) {\n      this._changeRepeatSetting(this.props.repeat);\n    }\n\n    // istanbul ignore else\n    if (this.props.totalDuration !== prevProps.totalDuration) {\n      this._onSetTotalDuration(this.props.totalDuration);\n    }\n  }\n  private _handleTimelinePausePlayEvent = (args: GenericUiEventArgs): void => {\n    const timelineArgs = args as TimelinePausePlayArgs;\n    // istanbul ignore else\n    if (\n      !timelineArgs ||\n      this.props.componentId !== timelineArgs.uiComponentId ||\n      timelineArgs.timelineAction === undefined\n    )\n      return;\n\n    let startPlaying: boolean;\n    switch (timelineArgs.timelineAction) {\n      case TimelinePausePlayAction.Play:\n        startPlaying = true;\n        break;\n      case TimelinePausePlayAction.Pause:\n        startPlaying = false;\n        break;\n      case TimelinePausePlayAction.Toggle:\n        startPlaying = !this.state.isPlaying;\n        break;\n      // istanbul ignore next\n      default:\n        return; // throw error?\n    }\n    if (startPlaying) this._onPlay();\n    else this._onPause();\n  };\n\n  // user clicked backward button\n  private _onBackward = () => {\n    // istanbul ignore else\n    if (this.props.onJump) this.props.onJump(false);\n  };\n\n  // user clicked forward button\n  private _onForward = () => {\n    // istanbul ignore else\n    if (this.props.onJump) this.props.onJump(true);\n  };\n\n  // user clicked play button\n  private _onPlay = () => {\n    // istanbul ignore if\n    if (this.state.isPlaying) return;\n\n    // timeline was complete, restart from the beginning\n    if (this.state.currentDuration >= this.state.totalDuration) {\n      this._replay();\n    } else this._play();\n\n    // istanbul ignore else\n    if (this.props.onPlayPause) this.props.onPlayPause(true);\n  };\n\n  // user clicked pause button\n  private _onPause = () => {\n    // istanbul ignore if\n    if (!this.state.isPlaying) return;\n\n    // stop requesting frames\n    window.cancelAnimationFrame(this._requestFrame);\n\n    // stop playing\n    this.setState({ isPlaying: false });\n\n    // istanbul ignore else\n    if (this.props.onPlayPause) this.props.onPlayPause(false);\n  };\n\n  // user clicked on timeline rail or dragged scrubber handle\n  private _onTimelineChange = (values: ReadonlyArray<number>) => {\n    const currentDuration = values[0];\n    this._setDuration(currentDuration);\n  };\n\n  // set the current duration, which will call the OnChange callback\n  private _setDuration = (currentDuration: number, updatedTotal?: number) => {\n    const actualDuration = Math.min(\n      updatedTotal ?? this.state.totalDuration,\n      Math.max(currentDuration, 0)\n    );\n\n    this._timeLastCycle = new Date().getTime();\n    // istanbul ignore else\n    if (!this._unmounted) this.setState({ currentDuration: actualDuration });\n    // istanbul ignore else\n    if (this.props.onChange) {\n      const fraction =\n        actualDuration / (updatedTotal ?? this.state.totalDuration);\n      this.props.onChange(fraction);\n    }\n  };\n\n  // recursively update the animation until we hit the end or the pause button is clicked\n  private _updateAnimation = (_timestamp: number) => {\n    // istanbul ignore else\n    if (!this.state.isPlaying && !this._unmounted) {\n      return;\n    }\n\n    // update duration\n    const currentTime = new Date().getTime();\n    const millisecondsElapsed = currentTime - this._timeLastCycle;\n    const duration = this.state.currentDuration + millisecondsElapsed;\n    this._setDuration(duration);\n\n    // stop the animation!\n    if (duration >= this.state.totalDuration) {\n      window.cancelAnimationFrame(this._requestFrame);\n      this.setState({ isPlaying: false });\n      if (this.state.repeat) this._replay();\n      else {\n        // istanbul ignore else\n        if (this.props.onPlayPause) this.props.onPlayPause(false);\n      }\n\n      return;\n    }\n\n    // continue the animation - request the next frame\n    this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\n  };\n\n  private _play() {\n    // start playing\n    this.setState({ isPlaying: true }, () => {\n      // request the next frame\n      this._timeLastCycle = new Date().getTime();\n      this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\n    });\n  }\n\n  private _replay = () => {\n    // timeline was complete, restart from the beginning\n    this.setState({ currentDuration: 0 }, () => this._play());\n  };\n\n  private _displayTime(millisec: number) {\n    const addZero = (i: number) => {\n      return i < 10 ? `0${i}` : i;\n    };\n\n    const date = new Date(millisec);\n    // const hours = date.getUTCHours();\n    const minutes = date.getUTCMinutes();\n    const seconds = date.getUTCSeconds();\n    return `${addZero(minutes)}:${addZero(seconds)}`;\n  }\n\n  private _getMilliseconds(time: string) {\n    // istanbul ignore else - WIP\n    if (time.indexOf(\":\") !== -1) {\n      return (\n        (Number(time.split(\":\")[0]) * 60 + Number(time.split(\":\")[1])) * 1000\n      );\n    } else {\n      return Number(time) * 1000;\n    }\n  }\n\n  // user changed the total duration\n  private _onTotalDurationChange = (value: string) => {\n    // NOTE: we should reset the current duration to 0\n    const milliseconds = this._getMilliseconds(value);\n    this._onSetTotalDuration(milliseconds);\n  };\n\n  private _changeRepeatSetting = (newValue?: boolean) => {\n    // istanbul ignore else\n    if (newValue !== undefined) {\n      this.setState(\n        () => ({ repeat: newValue }),\n        () => {\n          // istanbul ignore else\n          if (this.props.onSettingsChange) {\n            this.props.onSettingsChange({ loop: this.state.repeat });\n          }\n        }\n      );\n    }\n  };\n\n  private _onRepeatChanged = () => {\n    this.setState(\n      (prevState) => ({ repeat: !prevState.repeat }),\n      () => {\n        // istanbul ignore else\n        if (this.props.onSettingsChange) {\n          this.props.onSettingsChange({ loop: this.state.repeat });\n        }\n      }\n    );\n  };\n\n  private _currentDate = (): Date => {\n    const fraction = this.state.currentDuration / this.state.totalDuration;\n    if (this.props.endDate && this.props.startDate) {\n      const timeElapsed =\n        (this.props.endDate.getTime() - this.props.startDate.getTime()) *\n        fraction;\n      return new Date(this.props.startDate.getTime() + timeElapsed);\n    }\n    return new Date();\n  };\n\n  private _onSetTotalDuration = (milliseconds: number) => {\n    this.setState({ totalDuration: milliseconds }, () => {\n      // istanbul ignore else\n      if (this.props.onSettingsChange) {\n        this.props.onSettingsChange({ duration: milliseconds });\n      }\n    });\n  };\n\n  private _createMenuItemNode(\n    item: TimelineMenuItemProps,\n    index: number,\n    currentTimelineDuration: number,\n    close: () => void\n  ): React.ReactElement {\n    const label = item.label;\n    const checked = currentTimelineDuration === item.timelineDuration;\n    const icon = checked ? (\n      <span className=\"icon\">\n        <Icon iconSpec={<SvgCheckmark />} />{\" \"}\n      </span>\n    ) : (\n      <span />\n    );\n    return (\n      <MenuItem\n        key={index}\n        startIcon={icon}\n        onClick={() => {\n          this._onSetTotalDuration(item.timelineDuration);\n          close();\n        }}\n      >\n        {label}\n      </MenuItem>\n    );\n  }\n\n  private _renderSettings = () => {\n    const createMenuItemNodes = (close: () => void): React.ReactElement[] => {\n      const { totalDuration } = this.state;\n      let contextMenuItems: Array<TimelineMenuItemProps> = [];\n\n      if (!this.props.appMenuItems) {\n        contextMenuItems = this._standardTimelineMenuItems;\n      } else {\n        if (this.props.appMenuItemOption === \"append\") {\n          contextMenuItems = this._standardTimelineMenuItems.concat(\n            this.props.appMenuItems\n          );\n        } else if (this.props.appMenuItemOption === \"prefix\") {\n          contextMenuItems = this.props.appMenuItems.concat(\n            this._standardTimelineMenuItems\n          );\n        } else {\n          contextMenuItems = this.props.appMenuItems;\n        }\n      }\n\n      const itemNodes: React.ReactElement[] = [];\n      let keyIndex = 0;\n      if (this.state.includeRepeat) {\n        const checked = this.state.repeat;\n        const icon = checked ? (\n          <span className=\"icon\">\n            <Icon iconSpec={<SvgCheckmark />} />{\" \"}\n          </span>\n        ) : (\n          <span />\n        );\n        itemNodes.push(\n          <MenuItem\n            key={++keyIndex}\n            onClick={() => {\n              this._onRepeatChanged();\n              close();\n            }}\n            startIcon={icon}\n          >\n            {this._repeatLabel}\n          </MenuItem>\n        );\n        itemNodes.push(<MenuDivider key={++keyIndex} />);\n      }\n\n      contextMenuItems.forEach((item: TimelineMenuItemProps, index: number) => {\n        itemNodes.push(\n          this._createMenuItemNode(\n            item,\n            index + keyIndex + 1,\n            totalDuration,\n            close\n          )\n        );\n      });\n\n      return itemNodes;\n    };\n\n    return (\n      <DropdownMenu menuItems={createMenuItemNodes} placement=\"top-start\">\n        <span\n          data-testid=\"timeline-settings\"\n          className=\"timeline-settings icon\"\n          role=\"button\"\n          tabIndex={-1}\n          title={UiComponents.translate(\"button.label.settings\")}\n        >\n          <Icon iconSpec={<SvgMoreVertical />} />\n        </span>\n      </DropdownMenu>\n    );\n  };\n\n  public override render() {\n    const {\n      startDate,\n      endDate,\n      showDuration,\n      timeZoneOffset,\n      dateFormatOptions,\n      timeFormatOptions,\n    } = this.props;\n    const { currentDuration, totalDuration, minimized } = this.state;\n    const currentDate = this._currentDate();\n    const durationString = this._displayTime(currentDuration);\n    const totalDurationString = this._displayTime(totalDuration);\n    const hasDates = !!startDate && !!endDate;\n\n    return (\n      <div\n        data-testid=\"timeline-component\"\n        className={classnames(\n          \"timeline-component\",\n          !!minimized && \"minimized\",\n          hasDates && \"has-dates\"\n        )}\n      >\n        <div className=\"header\">\n          <PlayButton\n            className=\"play-button\"\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n            data-testid=\"timeline-play\"\n          />\n          <PlayerButton\n            className=\"play-backward\"\n            icon={<SvgCaretLeft />}\n            onClick={this._onBackward}\n            title={UiIModelComponents.translate(\"timeline.backward\")}\n          />\n          <PlayerButton\n            className=\"play-button-step\"\n            icon={<SvgPlayCircular />}\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n            title={UiIModelComponents.translate(\"timeline.step\")}\n          />\n          <PlayerButton\n            className=\"play-forward\"\n            icon={<SvgCaretRight />}\n            onClick={this._onForward}\n            title={UiIModelComponents.translate(\"timeline.backward\")}\n          />\n          <span className=\"current-date\">\n            {toDateString(currentDate, timeZoneOffset, dateFormatOptions)}\n          </span>\n        </div>\n        <div className=\"scrubber\">\n          <PlayButton\n            className=\"play-button\"\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n          />\n          <div className=\"start-time-container\">\n            {hasDates && (\n              <span data-testid=\"test-start-date\" className=\"start-date\">\n                {toDateString(startDate, timeZoneOffset, dateFormatOptions)}\n              </span>\n            )}\n            {hasDates && !showDuration && (\n              <span data-testid=\"test-start-time\" className=\"start-time\">\n                {toTimeString(startDate, timeZoneOffset, timeFormatOptions)}\n              </span>\n            )}\n            {showDuration && (\n              <span className=\"duration-start-time\">{durationString}</span>\n            )}\n          </div>\n          <Scrubber\n            className=\"slider\"\n            currentDuration={this.state.currentDuration}\n            totalDuration={totalDuration}\n            startDate={startDate}\n            endDate={endDate}\n            isPlaying={this.state.isPlaying}\n            inMiniMode={!!minimized}\n            showTime={!showDuration}\n            onChange={this._onTimelineChange}\n            onUpdate={this._onTimelineChange}\n            timeZoneOffset={this.props.timeZoneOffset}\n            markDate={this.props.markDate}\n          />\n          <div className=\"end-time-container\">\n            {hasDates && (\n              <span className=\"end-date\">\n                {toDateString(endDate, timeZoneOffset)}\n              </span>\n            )}\n            {hasDates && !showDuration && (\n              <span className=\"end-time\">\n                {toTimeString(endDate, timeZoneOffset, timeFormatOptions)}\n              </span>\n            )}\n            {showDuration && (\n              <InlineEdit\n                className=\"duration-end-time\"\n                defaultValue={totalDurationString}\n                onChange={this._onTotalDurationChange}\n              />\n            )}\n          </div>\n          {minimized && this._renderSettings()}\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"TimelineComponent.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/TimelineComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Timeline\n */\nimport type { GenericUiEventArgs } from \"@itwin/appui-abstract\";\nimport { UiAdmin } from \"@itwin/appui-abstract\";\nimport type { DateFormatOptions } from \"@itwin/components-react\";\nimport {\n  toDateString,\n  toTimeString,\n  UiComponents,\n} from \"@itwin/components-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport {\n  SvgCaretLeft,\n  SvgCaretRight,\n  SvgCheckmark,\n  SvgMoreVertical,\n  SvgPlayCircular,\n} from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, MenuDivider, MenuItem } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\n\nimport { UiIModelComponents } from \"../UiIModelComponents\";\nimport { InlineEdit } from \"./InlineEdit\";\nimport type { PlaybackSettings, TimelinePausePlayArgs } from \"./interfaces\";\nimport { TimelinePausePlayAction } from \"./interfaces\";\nimport { PlayButton, PlayerButton } from \"./PlayerButton\";\nimport { Scrubber } from \"./Scrubber\";\n\nimport \"./TimelineComponent.scss\";\n\n// cspell:ignore millisec\n\nconst slowSpeed = 60 * 1000;\nconst mediumSpeed = 20 * 1000;\nconst fastSpeed = 10 * 1000;\n/**\n * [[TimelineMenuItemOption]]: specifies how the app wants the timeline speeds to be installed on the TimelineComponent's ContextMenu\n * \"replace\" : use the app-supplied items in place of the standard items\n * \"append\" : add the app-supplied items following the standard items\n * \"prefix\" : add the app-supplied items before the standard items\n *\n * @public\n */\nexport type TimelineMenuItemOption = \"replace\" | \"append\" | \"prefix\";\n/**\n * [[TimelineMenuItemProps]] specifies playback speed entries in the Timeline's ContextMenu\n * @public\n */\nexport interface TimelineMenuItemProps {\n  /** localized label for menu item */\n  label: string;\n\n  /** duration for the entire timeline to play */\n  timelineDuration: number;\n}\n/** TimelineDateMarkerProps: Mark a date on the timeline with an indicator\n * @public\n */\nexport interface TimelineDateMarkerProps {\n  /** Date to mark. If undefined, today's date will be used. */\n  date?: Date;\n  /** ReactNode to use as the marker on the timeline. If undefined, a short vertical bar will mark the date. */\n  dateMarker?: React.ReactNode;\n}\n/**\n *  [[TimelineComponentProps]] configure the timeline\n * @public\n */\nexport interface TimelineComponentProps {\n  /** Start date: beginning of the date range of a date-based timeline. */\n  startDate?: Date;\n  /** End date: end of the date range of a date-based timeline. */\n  endDate?: Date;\n  /** Total duration: range of the timeline in milliseconds. */\n  totalDuration: number;\n  /** Initial value for the current duration (the location of the thumb) in milliseconds */\n  initialDuration?: number;\n  /** Show in minimized mode (For future use. This prop will always be treated as true.) */\n  minimized?: boolean;\n  /** When playing, repeat indefinitely */\n  repeat?: boolean;\n  /** Show duration instead of time */\n  showDuration?: boolean;\n  /** Callback with current duration value (as a fraction) */\n  onChange?: (duration: number) => void;\n  /** Callback triggered when play/pause button is pressed */\n  onPlayPause?: (playing: boolean) => void;\n  /** Callback triggered when backward/forward buttons are pressed */\n  onJump?: (forward: boolean) => void;\n  /** Callback triggered when a setting is changed */\n  onSettingsChange?: (arg: PlaybackSettings) => void;\n  /** Always display in miniMode with no expand menu (For future use. This prop will always be treated as true) */\n  alwaysMinimized?: boolean;\n  /** ComponentId -- must be set to use TimelineComponentEvents */\n  componentId?: string;\n  /** Include the repeat option on the Timeline Context Menu */\n  includeRepeat?: boolean;\n  /** App-supplied speed entries in the Timeline Context Menu */\n  appMenuItems?: TimelineMenuItemProps[];\n  /** How to include the supplied app menu items in the Timeline Context Menu (prefix, append, replace)*/\n  appMenuItemOption?: TimelineMenuItemOption;\n  /** Display date and time offset by the number of minutes specified. When undefined - local timezone will be used */\n  timeZoneOffset?: number;\n  /** Display a marker on the timeline rail to indicate current date - will only work if starDate and endDate are defined */\n  markDate?: TimelineDateMarkerProps;\n  /** Options used to format date string. If not defined it will user browser default locale settings. */\n  dateFormatOptions?: DateFormatOptions;\n  /** Options used to format time string. If not defined it will user browser default locale settings. */\n  timeFormatOptions?: DateFormatOptions;\n}\n/** @internal */\ninterface TimelineComponentState {\n  /**  True if timeline is currently playing, false if paused */\n  isPlaying: boolean;\n  /** Minimized mode (For future use. This will always be true) */\n  minimized?: boolean;\n  /** Current duration in milliseconds */\n  currentDuration: number;\n  /** Total duration in milliseconds */\n  totalDuration: number;\n  /** If true, automatically restart when the timeline is finished playing */\n  repeat: boolean;\n  /** If true, include the repeat option in the timeline context menu */\n  includeRepeat: boolean;\n}\n\n/**\n * [[TimelineComponent]] is used to playback timeline data\n * @public\n */\nexport class TimelineComponent extends React.Component<\n  TimelineComponentProps,\n  TimelineComponentState\n> {\n  private _timeLastCycle = 0;\n  private _requestFrame = 0;\n  private _unmounted = false;\n  private _repeatLabel: string;\n  private _removeListener?: () => void;\n  private _standardTimelineMenuItems: TimelineMenuItemProps[] = [\n    {\n      label: UiIModelComponents.translate(\"timeline.slow\"),\n      timelineDuration: slowSpeed,\n    },\n    {\n      label: UiIModelComponents.translate(\"timeline.medium\"),\n      timelineDuration: mediumSpeed,\n    },\n    {\n      label: UiIModelComponents.translate(\"timeline.fast\"),\n      timelineDuration: fastSpeed,\n    },\n  ];\n\n  constructor(props: TimelineComponentProps) {\n    super(props);\n\n    this.state = {\n      isPlaying: false,\n      minimized: true,\n      currentDuration: props.initialDuration\n        ? props.initialDuration\n        : /* istanbul ignore next */ 0,\n      totalDuration: this.props.totalDuration,\n      repeat: this.props.repeat ? true : false,\n      includeRepeat:\n        this.props.includeRepeat || this.props.includeRepeat === undefined\n          ? true\n          : false,\n    };\n\n    this._repeatLabel = UiIModelComponents.translate(\"timeline.repeat\");\n    // istanbul ignore else\n    if (this.props.componentId) {\n      // can't handle an event if we have no id\n      this._removeListener = UiAdmin.onGenericUiEvent.addListener(\n        this._handleTimelinePausePlayEvent\n      );\n    }\n  }\n\n  public override componentWillUnmount() {\n    if (this._removeListener) this._removeListener();\n    window.cancelAnimationFrame(this._requestFrame);\n    this._unmounted = true;\n  }\n\n  public override shouldComponentUpdate(\n    nextProps: TimelineComponentProps,\n    nextState: TimelineComponentState\n  ) {\n    let result = false;\n\n    // istanbul ignore next\n    if (\n      nextState !== this.state ||\n      nextProps !== this.props ||\n      nextProps.startDate !== this.props.startDate ||\n      nextProps.endDate !== this.props.endDate ||\n      nextProps.initialDuration !== this.props.initialDuration ||\n      nextProps.repeat !== this.props.repeat\n    )\n      result = true;\n\n    return result;\n  }\n\n  public override componentDidUpdate(prevProps: TimelineComponentProps) {\n    // istanbul ignore else\n    if (this.props.initialDuration !== prevProps.initialDuration) {\n      this._setDuration(\n        this.props.initialDuration\n          ? this.props.initialDuration\n          : /* istanbul ignore next */ 0,\n        this.props.totalDuration !== prevProps.totalDuration\n          ? this.props.totalDuration\n          : undefined\n      );\n    }\n\n    // istanbul ignore else\n    if (this.props.repeat !== prevProps.repeat) {\n      this._changeRepeatSetting(this.props.repeat);\n    }\n\n    // istanbul ignore else\n    if (this.props.totalDuration !== prevProps.totalDuration) {\n      this._onSetTotalDuration(this.props.totalDuration);\n    }\n  }\n  private _handleTimelinePausePlayEvent = (args: GenericUiEventArgs): void => {\n    const timelineArgs = args as TimelinePausePlayArgs;\n    // istanbul ignore else\n    if (\n      !timelineArgs ||\n      this.props.componentId !== timelineArgs.uiComponentId ||\n      timelineArgs.timelineAction === undefined\n    )\n      return;\n\n    let startPlaying: boolean;\n    switch (timelineArgs.timelineAction) {\n      case TimelinePausePlayAction.Play:\n        startPlaying = true;\n        break;\n      case TimelinePausePlayAction.Pause:\n        startPlaying = false;\n        break;\n      case TimelinePausePlayAction.Toggle:\n        startPlaying = !this.state.isPlaying;\n        break;\n      // istanbul ignore next\n      default:\n        return; // throw error?\n    }\n    if (startPlaying) this._onPlay();\n    else this._onPause();\n  };\n\n  // user clicked backward button\n  private _onBackward = () => {\n    // istanbul ignore else\n    if (this.props.onJump) this.props.onJump(false);\n  };\n\n  // user clicked forward button\n  private _onForward = () => {\n    // istanbul ignore else\n    if (this.props.onJump) this.props.onJump(true);\n  };\n\n  // user clicked play button\n  private _onPlay = () => {\n    // istanbul ignore if\n    if (this.state.isPlaying) return;\n\n    // timeline was complete, restart from the beginning\n    if (this.state.currentDuration >= this.state.totalDuration) {\n      this._replay();\n    } else this._play();\n\n    // istanbul ignore else\n    if (this.props.onPlayPause) this.props.onPlayPause(true);\n  };\n\n  // user clicked pause button\n  private _onPause = () => {\n    // istanbul ignore if\n    if (!this.state.isPlaying) return;\n\n    // stop requesting frames\n    window.cancelAnimationFrame(this._requestFrame);\n\n    // stop playing\n    this.setState({ isPlaying: false });\n\n    // istanbul ignore else\n    if (this.props.onPlayPause) this.props.onPlayPause(false);\n  };\n\n  // user clicked on timeline rail or dragged scrubber handle\n  private _onTimelineChange = (values: ReadonlyArray<number>) => {\n    const currentDuration = values[0];\n    this._setDuration(currentDuration);\n  };\n\n  // set the current duration, which will call the OnChange callback\n  private _setDuration = (currentDuration: number, updatedTotal?: number) => {\n    const actualDuration = Math.min(\n      updatedTotal ?? this.state.totalDuration,\n      Math.max(currentDuration, 0)\n    );\n\n    this._timeLastCycle = new Date().getTime();\n    // istanbul ignore else\n    if (!this._unmounted) this.setState({ currentDuration: actualDuration });\n    // istanbul ignore else\n    if (this.props.onChange) {\n      const fraction =\n        actualDuration / (updatedTotal ?? this.state.totalDuration);\n      this.props.onChange(fraction);\n    }\n  };\n\n  // recursively update the animation until we hit the end or the pause button is clicked\n  private _updateAnimation = (_timestamp: number) => {\n    // istanbul ignore else\n    if (!this.state.isPlaying && !this._unmounted) {\n      return;\n    }\n\n    // update duration\n    const currentTime = new Date().getTime();\n    const millisecondsElapsed = currentTime - this._timeLastCycle;\n    const duration = this.state.currentDuration + millisecondsElapsed;\n    this._setDuration(duration);\n\n    // stop the animation!\n    if (duration >= this.state.totalDuration) {\n      window.cancelAnimationFrame(this._requestFrame);\n      this.setState({ isPlaying: false });\n      if (this.state.repeat) this._replay();\n      else {\n        // istanbul ignore else\n        if (this.props.onPlayPause) this.props.onPlayPause(false);\n      }\n\n      return;\n    }\n\n    // continue the animation - request the next frame\n    this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\n  };\n\n  private _play() {\n    // start playing\n    this.setState({ isPlaying: true }, () => {\n      // request the next frame\n      this._timeLastCycle = new Date().getTime();\n      this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\n    });\n  }\n\n  private _replay = () => {\n    // timeline was complete, restart from the beginning\n    this.setState({ currentDuration: 0 }, () => this._play());\n  };\n\n  private _displayTime(millisec: number) {\n    const addZero = (i: number) => {\n      return i < 10 ? `0${i}` : i;\n    };\n\n    const date = new Date(millisec);\n    // const hours = date.getUTCHours();\n    const minutes = date.getUTCMinutes();\n    const seconds = date.getUTCSeconds();\n    return `${addZero(minutes)}:${addZero(seconds)}`;\n  }\n\n  private _getMilliseconds(time: string) {\n    // istanbul ignore else - WIP\n    if (time.indexOf(\":\") !== -1) {\n      return (\n        (Number(time.split(\":\")[0]) * 60 + Number(time.split(\":\")[1])) * 1000\n      );\n    } else {\n      return Number(time) * 1000;\n    }\n  }\n\n  // user changed the total duration\n  private _onTotalDurationChange = (value: string) => {\n    // NOTE: we should reset the current duration to 0\n    const milliseconds = this._getMilliseconds(value);\n    this._onSetTotalDuration(milliseconds);\n  };\n\n  private _changeRepeatSetting = (newValue?: boolean) => {\n    // istanbul ignore else\n    if (newValue !== undefined) {\n      this.setState(\n        () => ({ repeat: newValue }),\n        () => {\n          // istanbul ignore else\n          if (this.props.onSettingsChange) {\n            this.props.onSettingsChange({ loop: this.state.repeat });\n          }\n        }\n      );\n    }\n  };\n\n  private _onRepeatChanged = () => {\n    this.setState(\n      (prevState) => ({ repeat: !prevState.repeat }),\n      () => {\n        // istanbul ignore else\n        if (this.props.onSettingsChange) {\n          this.props.onSettingsChange({ loop: this.state.repeat });\n        }\n      }\n    );\n  };\n\n  private _currentDate = (): Date => {\n    const fraction = this.state.currentDuration / this.state.totalDuration;\n    if (this.props.endDate && this.props.startDate) {\n      const timeElapsed =\n        (this.props.endDate.getTime() - this.props.startDate.getTime()) *\n        fraction;\n      return new Date(this.props.startDate.getTime() + timeElapsed);\n    }\n    return new Date();\n  };\n\n  private _onSetTotalDuration = (milliseconds: number) => {\n    this.setState({ totalDuration: milliseconds }, () => {\n      // istanbul ignore else\n      if (this.props.onSettingsChange) {\n        this.props.onSettingsChange({ duration: milliseconds });\n      }\n    });\n  };\n\n  private _createMenuItemNode(\n    item: TimelineMenuItemProps,\n    index: number,\n    currentTimelineDuration: number,\n    close: () => void\n  ): React.ReactElement {\n    const label = item.label;\n    const checked = currentTimelineDuration === item.timelineDuration;\n    const icon = checked ? (\n      <span className=\"icon\">\n        <Icon iconSpec={<SvgCheckmark />} />{\" \"}\n      </span>\n    ) : (\n      <span />\n    );\n    return (\n      <MenuItem\n        key={index}\n        startIcon={icon}\n        onClick={() => {\n          this._onSetTotalDuration(item.timelineDuration);\n          close();\n        }}\n      >\n        {label}\n      </MenuItem>\n    );\n  }\n\n  private _renderSettings = () => {\n    const createMenuItemNodes = (close: () => void): React.ReactElement[] => {\n      const { totalDuration } = this.state;\n      let contextMenuItems: Array<TimelineMenuItemProps> = [];\n\n      if (!this.props.appMenuItems) {\n        contextMenuItems = this._standardTimelineMenuItems;\n      } else {\n        if (this.props.appMenuItemOption === \"append\") {\n          contextMenuItems = this._standardTimelineMenuItems.concat(\n            this.props.appMenuItems\n          );\n        } else if (this.props.appMenuItemOption === \"prefix\") {\n          contextMenuItems = this.props.appMenuItems.concat(\n            this._standardTimelineMenuItems\n          );\n        } else {\n          contextMenuItems = this.props.appMenuItems;\n        }\n      }\n\n      const itemNodes: React.ReactElement[] = [];\n      let keyIndex = 0;\n      if (this.state.includeRepeat) {\n        const checked = this.state.repeat;\n        const icon = checked ? (\n          <span className=\"icon\">\n            <Icon iconSpec={<SvgCheckmark />} />{\" \"}\n          </span>\n        ) : (\n          <span />\n        );\n        itemNodes.push(\n          <MenuItem\n            key={++keyIndex}\n            onClick={() => {\n              this._onRepeatChanged();\n              close();\n            }}\n            startIcon={icon}\n          >\n            {this._repeatLabel}\n          </MenuItem>\n        );\n        itemNodes.push(<MenuDivider key={++keyIndex} />);\n      }\n\n      contextMenuItems.forEach((item: TimelineMenuItemProps, index: number) => {\n        itemNodes.push(\n          this._createMenuItemNode(\n            item,\n            index + keyIndex + 1,\n            totalDuration,\n            close\n          )\n        );\n      });\n\n      return itemNodes;\n    };\n\n    return (\n      <DropdownMenu menuItems={createMenuItemNodes} placement=\"top-start\">\n        <span\n          data-testid=\"timeline-settings\"\n          className=\"timeline-settings icon\"\n          role=\"button\"\n          tabIndex={-1}\n          title={UiComponents.translate(\"button.label.settings\")}\n        >\n          <Icon iconSpec={<SvgMoreVertical />} />\n        </span>\n      </DropdownMenu>\n    );\n  };\n\n  public override render() {\n    const {\n      startDate,\n      endDate,\n      showDuration,\n      timeZoneOffset,\n      dateFormatOptions,\n      timeFormatOptions,\n    } = this.props;\n    const { currentDuration, totalDuration, minimized } = this.state;\n    const currentDate = this._currentDate();\n    const durationString = this._displayTime(currentDuration);\n    const totalDurationString = this._displayTime(totalDuration);\n    const hasDates = !!startDate && !!endDate;\n\n    return (\n      <div\n        data-testid=\"timeline-component\"\n        className={classnames(\n          \"timeline-component\",\n          !!minimized && \"minimized\",\n          hasDates && \"has-dates\"\n        )}\n      >\n        <div className=\"header\">\n          <PlayButton\n            className=\"play-button\"\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n            data-testid=\"timeline-play\"\n          />\n          <PlayerButton\n            className=\"play-backward\"\n            icon={<SvgCaretLeft />}\n            onClick={this._onBackward}\n            title={UiIModelComponents.translate(\"timeline.backward\")}\n          />\n          <PlayerButton\n            className=\"play-button-step\"\n            icon={<SvgPlayCircular />}\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n            title={UiIModelComponents.translate(\"timeline.step\")}\n          />\n          <PlayerButton\n            className=\"play-forward\"\n            icon={<SvgCaretRight />}\n            onClick={this._onForward}\n            title={UiIModelComponents.translate(\"timeline.backward\")}\n          />\n          <span className=\"current-date\">\n            {toDateString(currentDate, timeZoneOffset, dateFormatOptions)}\n          </span>\n        </div>\n        <div className=\"scrubber\">\n          <PlayButton\n            className=\"play-button\"\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n          />\n          <div className=\"start-time-container\">\n            {hasDates && (\n              <span data-testid=\"test-start-date\" className=\"start-date\">\n                {toDateString(startDate, timeZoneOffset, dateFormatOptions)}\n              </span>\n            )}\n            {hasDates && !showDuration && (\n              <span data-testid=\"test-start-time\" className=\"start-time\">\n                {toTimeString(startDate, timeZoneOffset, timeFormatOptions)}\n              </span>\n            )}\n            {showDuration && (\n              <span className=\"duration-start-time\">{durationString}</span>\n            )}\n          </div>\n          <Scrubber\n            className=\"slider\"\n            currentDuration={this.state.currentDuration}\n            totalDuration={totalDuration}\n            startDate={startDate}\n            endDate={endDate}\n            isPlaying={this.state.isPlaying}\n            inMiniMode={!!minimized}\n            showTime={!showDuration}\n            onChange={this._onTimelineChange}\n            onUpdate={this._onTimelineChange}\n            timeZoneOffset={this.props.timeZoneOffset}\n            markDate={this.props.markDate}\n          />\n          <div className=\"end-time-container\">\n            {hasDates && (\n              <span className=\"end-date\">\n                {toDateString(endDate, timeZoneOffset)}\n              </span>\n            )}\n            {hasDates && !showDuration && (\n              <span className=\"end-time\">\n                {toTimeString(endDate, timeZoneOffset, timeFormatOptions)}\n              </span>\n            )}\n            {showDuration && (\n              <InlineEdit\n                className=\"duration-end-time\"\n                defaultValue={totalDurationString}\n                onChange={this._onTotalDurationChange}\n              />\n            )}\n          </div>\n          {minimized && this._renderSettings()}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/imodel-components-react/viewport/ViewportComponent.d.ts

@@ -40,5 +40,5 @@ export interface ViewportProps extends CommonProps {
  * A viewport React component that creates a ScreenViewport.
  * @public
  */
-export declare function ViewportComponent(props: ViewportProps): JSX.Element;
+export declare function ViewportComponent(props: ViewportProps): React.JSX.Element;
 //# sourceMappingURL=ViewportComponent.d.ts.map

package/lib/cjs/imodel-components-react/viewport/ViewportComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportComponent.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/viewport/ViewportComponent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAKtD,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACd,WAAW,EAEX,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,cAAc,EAGf,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQrD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,wBAAwB;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,wDAAwD;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IACjD,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,sCAAsC;IACtC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,OAAO,cAAc,CAAC;IAC/C,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,cAAc,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,eAwUrD"}
+{"version":3,"file":"ViewportComponent.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/viewport/ViewportComponent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAKtD,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACd,WAAW,EAEX,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,cAAc,EAGf,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQrD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,wBAAwB;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,wDAAwD;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IACjD,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,sCAAsC;IACtC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,OAAO,cAAc,CAAC;IAC/C,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,cAAc,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,qBAwUrD"}

package/lib/cjs/imodel-components-react/viewport/ViewportComponent.js

@@ -44,7 +44,7 @@ const ViewportComponentEvents_1 = require("./ViewportComponentEvents");
 function ViewportComponent(props) {
     const { viewState, imodel, viewDefinitionId, getViewOverlay, viewManagerOverride, tentativePointOverride, onContextMenu, style, className, screenViewportOverride, controlId, viewportRef, } = props;
     // istanbul ignore next
-    const viewManagerRef = React.useRef(viewManagerOverride !== null && viewManagerOverride !== void 0 ? viewManagerOverride : core_frontend_1.IModelApp.viewManager);
+    const viewManagerRef = React.useRef(viewManagerOverride ?? core_frontend_1.IModelApp.viewManager);
     const tentativePointOverrideRef = React.useRef(tentativePointOverride);
     const screenViewportCreated = React.useRef(false);
     const viewportDiv = React.useRef(null);
@@ -102,10 +102,9 @@ function ViewportComponent(props) {
     };
     const targetPoint = React.useRef(null);
     const getRotatePoint = (vp) => {
-        var _a, _b;
         const lastTargetPoint = targetPoint.current;
         // istanbul ignore next
-        const tentativePoint = (_a = tentativePointOverrideRef.current) !== null && _a !== void 0 ? _a : core_frontend_1.IModelApp.tentativePoint;
+        const tentativePoint = tentativePointOverrideRef.current ?? core_frontend_1.IModelApp.tentativePoint;
         // istanbul ignore else
         if (tentativePoint.isActive)
             return tentativePoint.getPoint();
@@ -123,7 +122,7 @@ function ViewportComponent(props) {
         targetPoint.current =
             undefined !== visiblePoint ? visiblePoint : vp.view.getTargetPoint();
         // istanbul ignore next
-        return (_b = targetPoint.current) !== null && _b !== void 0 ? _b : vp.view.getCenter();
+        return targetPoint.current ?? vp.view.getCenter();
     };
     const handleCubeRotationChangeEvent = (args) => {
         const viewManager = viewManagerRef.current;
@@ -227,8 +226,8 @@ function ViewportComponent(props) {
             }
             // istanbul ignore next
             if (isMounted.current &&
-                ((currentViewState === null || currentViewState === void 0 ? void 0 : currentViewState.iModel.isOpen) || (currentViewState === null || currentViewState === void 0 ? void 0 : currentViewState.iModel.isBlank))) {
-                setInitialViewState(currentViewState === null || currentViewState === void 0 ? void 0 : currentViewState.clone());
+                (currentViewState?.iModel.isOpen || currentViewState?.iModel.isBlank)) {
+                setInitialViewState(currentViewState?.clone());
             }
         }
         if (undefined === initialViewState)
@@ -237,13 +236,12 @@ function ViewportComponent(props) {
     const [viewOverlay, setViewOverlay] = React.useState(null);
     // This useEffect connects to ViewManger as soon as initialViewState is available once component is mounted.
     React.useEffect(() => {
-        var _a;
         const parentDiv = viewportDiv.current;
         const viewManager = viewManagerRef.current;
         // istanbul ignore next
         if (parentDiv &&
             initialViewState &&
-            ((initialViewState === null || initialViewState === void 0 ? void 0 : initialViewState.iModel.isOpen) || (initialViewState === null || initialViewState === void 0 ? void 0 : initialViewState.iModel.isBlank))) {
+            (initialViewState?.iModel.isOpen || initialViewState?.iModel.isBlank)) {
             if (!screenViewportCreated.current) {
                 const screenViewport = getScreenViewport(parentDiv, initialViewState);
                 screenViewportRef.current = screenViewport;
@@ -256,7 +254,7 @@ function ViewportComponent(props) {
             }
             else {
                 // istanbul ignore next
-                (_a = screenViewportRef.current) === null || _a === void 0 ? void 0 : _a.changeView(initialViewState);
+                screenViewportRef.current?.changeView(initialViewState);
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps