@itwin/imodel-components-react 4.10.0 → 4.11.0

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

@@ -37,11 +37,11 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 const components_react_1 = require("@itwin/components-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const UiIModelComponents_1 = require("../UiIModelComponents");
 const InlineEdit_1 = require("./InlineEdit");
 const interfaces_1 = require("./interfaces");
 const PlayButton_1 = require("./PlayButton");
 const Scrubber_1 = require("./Scrubber");
+const useTranslation_1 = require("../useTranslation");
 const slowSpeed = 60 * 1000;
 const mediumSpeed = 20 * 1000;
 const fastSpeed = 10 * 1000;
@@ -49,11 +49,12 @@ const fastSpeed = 10 * 1000;
  * @public
  */
 function TimelineComponent(props) {
+    var _a, _b, _c, _d;
     const { appMenuItemOption = "replace", startDate, endDate, showDuration, timeZoneOffset, dateFormatOptions, timeFormatOptions, includeRepeat = true, onSettingsChange, onChange, onPlayPause, } = props;
-    const [isPlaying, setIsPlaying] = React.useState(false);
-    const [currentDuration, setCurrentDuration] = React.useState(props.initialDuration ?? 0);
+    const [isPlaying, setIsPlaying] = React.useState(!!props.isPlaying);
+    const [currentDuration, setCurrentDuration] = React.useState((_a = props.initialDuration) !== null && _a !== void 0 ? _a : 0);
     const [totalDuration, setTotalDuration] = React.useState(props.totalDuration);
-    const [repeat, setRepeat] = React.useState(props.repeat ?? false);
+    const [repeat, setRepeat] = React.useState((_b = props.repeat) !== null && _b !== void 0 ? _b : false);
     const playOrReplay = React.useCallback(() => {
         if (isPlaying)
             return;
@@ -61,13 +62,13 @@ function TimelineComponent(props) {
             setCurrentDuration(0);
         }
         setIsPlaying(true);
-        onPlayPause?.(true);
+        onPlayPause === null || onPlayPause === void 0 ? void 0 : onPlayPause(true);
     }, [isPlaying, onPlayPause, currentDuration, totalDuration]);
     const pause = React.useCallback(() => {
         if (!isPlaying)
             return;
         setIsPlaying(false);
-        onPlayPause?.(false);
+        onPlayPause === null || onPlayPause === void 0 ? void 0 : onPlayPause(false);
     }, [isPlaying, onPlayPause]);
     const updateTotalDuration = (newTotalDuration) => {
         if (newTotalDuration === totalDuration)
@@ -76,7 +77,7 @@ function TimelineComponent(props) {
         const newCurrentDuration = fraction * newTotalDuration;
         setTotalDuration(newTotalDuration);
         setCurrentDuration(newCurrentDuration);
-        onSettingsChange?.({ duration: newTotalDuration });
+        onSettingsChange === null || onSettingsChange === void 0 ? void 0 : onSettingsChange({ duration: newTotalDuration });
     };
     const updateDuration = (newDuration, currentTotalDuration = totalDuration) => {
         newDuration = Math.max(newDuration, 0);
@@ -85,13 +86,13 @@ function TimelineComponent(props) {
             return;
         setCurrentDuration(newDuration);
         const fraction = newDuration / currentTotalDuration;
-        onChange?.(fraction);
+        onChange === null || onChange === void 0 ? void 0 : onChange(fraction);
     };
     const updateRepeat = (newRepeat) => {
         if (newRepeat === repeat)
             return;
         setRepeat(newRepeat);
-        onSettingsChange?.({ loop: newRepeat });
+        onSettingsChange === null || onSettingsChange === void 0 ? void 0 : onSettingsChange({ loop: newRepeat });
     };
     const [prevTotalDuration, setPrevTotalDuration] = React.useState(props.totalDuration);
     if (prevTotalDuration !== props.totalDuration) {
@@ -101,19 +102,21 @@ function TimelineComponent(props) {
     const [prevInitialDuration, setPrevInitialDuration] = React.useState(props.initialDuration);
     if (prevInitialDuration !== props.initialDuration) {
         setPrevInitialDuration(props.initialDuration);
-        updateDuration(props.initialDuration ?? 0, props.totalDuration);
+        updateDuration((_c = props.initialDuration) !== null && _c !== void 0 ? _c : 0, props.totalDuration);
     }
     const [prevRepeat, setPrevRepeat] = React.useState(props.repeat);
     if (prevRepeat !== props.repeat) {
         setPrevRepeat(props.repeat);
-        updateRepeat(props.repeat ?? repeat);
+        updateRepeat((_d = props.repeat) !== null && _d !== void 0 ? _d : repeat);
     }
     React.useEffect(() => {
+        // eslint-disable-next-line deprecation/deprecation
         if (!props.componentId)
             return;
         return appui_abstract_1.UiAdmin.onGenericUiEvent.addListener((args) => {
             const timelineArgs = args;
             if (!timelineArgs ||
+                // eslint-disable-next-line deprecation/deprecation
                 props.componentId !== timelineArgs.uiComponentId ||
                 timelineArgs.timelineAction === undefined)
                 return;
@@ -134,6 +137,7 @@ function TimelineComponent(props) {
                     break;
             }
         });
+        // eslint-disable-next-line deprecation/deprecation
     }, [isPlaying, pause, playOrReplay, props.componentId]);
     useAnimation(({ delta }) => {
         const duration = currentDuration + delta;
@@ -146,6 +150,12 @@ function TimelineComponent(props) {
             pause();
         }
     }, isPlaying);
+    React.useEffect(() => {
+        if (props.isPlaying)
+            playOrReplay();
+        if (props.isPlaying === false)
+            pause();
+    }, [props.isPlaying, playOrReplay, pause]);
     const onTimelineChange = (values) => {
         const newDuration = values[0];
         updateDuration(newDuration);
@@ -175,23 +185,22 @@ function TimelineComponent(props) {
 }
 exports.TimelineComponent = TimelineComponent;
 function SettingsMenu({ appMenuItems, appMenuItemOption, includeRepeat, repeat, totalDuration, onRepeatClick, onTotalDurationChange, }) {
-    const settingsLabel = React.useMemo(() => components_react_1.UiComponents.translate("button.label.settings"), []);
-    const repeatLabel = React.useMemo(() => UiIModelComponents_1.UiIModelComponents.translate("timeline.repeat"), []);
-    const standardItems = React.useMemo(() => [
-        {
-            label: UiIModelComponents_1.UiIModelComponents.translate("timeline.slow"),
-            timelineDuration: slowSpeed,
-        },
-        {
-            label: UiIModelComponents_1.UiIModelComponents.translate("timeline.medium"),
-            timelineDuration: mediumSpeed,
-        },
-        {
-            label: UiIModelComponents_1.UiIModelComponents.translate("timeline.fast"),
-            timelineDuration: fastSpeed,
-        },
-    ], []);
+    const { translate } = (0, useTranslation_1.useTranslation)();
     const menuItems = React.useMemo(() => {
+        const standardItems = [
+            {
+                label: translate("timeline.slow"),
+                timelineDuration: slowSpeed,
+            },
+            {
+                label: translate("timeline.medium"),
+                timelineDuration: mediumSpeed,
+            },
+            {
+                label: translate("timeline.fast"),
+                timelineDuration: fastSpeed,
+            },
+        ];
         if (!appMenuItems) {
             return standardItems;
         }
@@ -203,7 +212,7 @@ function SettingsMenu({ appMenuItems, appMenuItemOption, includeRepeat, repeat,
         }
         // Replace
         return appMenuItems;
-    }, [appMenuItemOption, appMenuItems, standardItems]);
+    }, [appMenuItemOption, appMenuItems, translate]);
     return (React.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => {
             return [
                 ...(includeRepeat
@@ -211,7 +220,7 @@ function SettingsMenu({ appMenuItems, appMenuItemOption, includeRepeat, repeat,
                         React.createElement(itwinui_react_1.MenuItem, { key: "repeat", onClick: () => {
                                 onRepeatClick();
                                 close();
-                            }, startIcon: repeat ? React.createElement(itwinui_icons_react_1.SvgCheckmark, null) : React.createElement(React.Fragment, null) }, repeatLabel),
+                            }, startIcon: repeat ? React.createElement(itwinui_icons_react_1.SvgCheckmark, null) : React.createElement(React.Fragment, null) }, translate("timeline.repeat")),
                         React.createElement(itwinui_react_1.MenuDivider, { key: "divider" }),
                     ]
                     : []),
@@ -224,7 +233,7 @@ function SettingsMenu({ appMenuItems, appMenuItemOption, includeRepeat, repeat,
                 }),
             ];
         }, placement: "top-start" },
-        React.createElement(itwinui_react_1.IconButton, { "data-testid": "timeline-settings", title: settingsLabel, styleType: "borderless" },
+        React.createElement(itwinui_react_1.IconButton, { "data-testid": "timeline-settings", label: translate("button.label.settings"), styleType: "borderless" },
             React.createElement(itwinui_icons_react_1.SvgMoreVertical, null))));
 }
 function useAnimation(onAnimate, playing = true) {

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 \"./TimelineComponent.scss\";\nimport * as React from \"react\";\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 { SvgCheckmark, SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\nimport {\n  DropdownMenu,\n  IconButton,\n  MenuDivider,\n  MenuItem,\n} from \"@itwin/itwinui-react\";\nimport { UiIModelComponents } from \"../UiIModelComponents\";\nimport { InlineEdit } from \"./InlineEdit\";\nimport type { PlaybackSettings, TimelinePausePlayArgs } from \"./interfaces\";\nimport { TimelinePausePlayAction } from \"./interfaces\";\nimport { PlayButton } from \"./PlayButton\";\nimport { Scrubber } from \"./Scrubber\";\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\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   * @note This can be changed by user interaction. See {@link TimelineComponentProps.appMenuItems}.\n   */\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   * @deprecated in 4.10.x. Has no effect.\n   */\n  minimized?: boolean;\n  /** When playing, repeat indefinitely. Defaults to `false`.\n   * @note This can be changed by user interaction. See {@link TimelineComponentProps.includeRepeat}.\n   */\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   * @deprecated in 4.10.x. Has no effect.\n   */\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   * @deprecated in 4.10.x. Has no effect.\n   */\n  alwaysMinimized?: boolean;\n  /** ComponentId -- must be set to use TimelineComponentEvents */\n  componentId?: string;\n  /** Include the repeat option on the Timeline Context Menu. Defaults to `true`. */\n  includeRepeat?: boolean;\n  /** App-supplied speed entries in the Timeline Context Menu. Defaults to `[Slow, Medium, Fast]` items. */\n  appMenuItems?: TimelineMenuItemProps[];\n  /** How to include the supplied app menu items in the Timeline Context Menu (prefix, append or replace). Defaults to `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\n/** [[TimelineComponent]] is used to playback timeline data\n * @public\n */\nexport function TimelineComponent(props: TimelineComponentProps) {\n  const {\n    appMenuItemOption = \"replace\",\n    startDate,\n    endDate,\n    showDuration,\n    timeZoneOffset,\n    dateFormatOptions,\n    timeFormatOptions,\n    includeRepeat = true,\n    onSettingsChange,\n    onChange,\n    onPlayPause,\n  } = props;\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [currentDuration, setCurrentDuration] = React.useState(\n    props.initialDuration ?? 0\n  );\n  const [totalDuration, setTotalDuration] = React.useState(props.totalDuration);\n  const [repeat, setRepeat] = React.useState(props.repeat ?? false);\n\n  const playOrReplay = React.useCallback(() => {\n    if (isPlaying) return;\n\n    if (currentDuration >= totalDuration) {\n      setCurrentDuration(0);\n    }\n\n    setIsPlaying(true);\n    onPlayPause?.(true);\n  }, [isPlaying, onPlayPause, currentDuration, totalDuration]);\n  const pause = React.useCallback(() => {\n    if (!isPlaying) return;\n    setIsPlaying(false);\n    onPlayPause?.(false);\n  }, [isPlaying, onPlayPause]);\n  const updateTotalDuration = (newTotalDuration: number) => {\n    if (newTotalDuration === totalDuration) return;\n\n    const fraction = currentDuration / totalDuration;\n    const newCurrentDuration = fraction * newTotalDuration;\n\n    setTotalDuration(newTotalDuration);\n    setCurrentDuration(newCurrentDuration);\n    onSettingsChange?.({ duration: newTotalDuration });\n  };\n  const updateDuration = (\n    newDuration: number,\n    currentTotalDuration = totalDuration\n  ) => {\n    newDuration = Math.max(newDuration, 0);\n    newDuration = Math.min(newDuration, currentTotalDuration);\n\n    if (newDuration === currentDuration) return;\n    setCurrentDuration(newDuration);\n\n    const fraction = newDuration / currentTotalDuration;\n    onChange?.(fraction);\n  };\n  const updateRepeat = (newRepeat: boolean) => {\n    if (newRepeat === repeat) return;\n\n    setRepeat(newRepeat);\n    onSettingsChange?.({ loop: newRepeat });\n  };\n\n  const [prevTotalDuration, setPrevTotalDuration] = React.useState(\n    props.totalDuration\n  );\n  if (prevTotalDuration !== props.totalDuration) {\n    setPrevTotalDuration(props.totalDuration);\n    updateTotalDuration(props.totalDuration);\n  }\n\n  const [prevInitialDuration, setPrevInitialDuration] = React.useState(\n    props.initialDuration\n  );\n  if (prevInitialDuration !== props.initialDuration) {\n    setPrevInitialDuration(props.initialDuration);\n    updateDuration(props.initialDuration ?? 0, props.totalDuration);\n  }\n\n  const [prevRepeat, setPrevRepeat] = React.useState(props.repeat);\n  if (prevRepeat !== props.repeat) {\n    setPrevRepeat(props.repeat);\n    updateRepeat(props.repeat ?? repeat);\n  }\n\n  React.useEffect(() => {\n    if (!props.componentId) return;\n    return UiAdmin.onGenericUiEvent.addListener((args) => {\n      const timelineArgs = args as TimelinePausePlayArgs;\n      if (\n        !timelineArgs ||\n        props.componentId !== timelineArgs.uiComponentId ||\n        timelineArgs.timelineAction === undefined\n      )\n        return;\n\n      switch (timelineArgs.timelineAction) {\n        case TimelinePausePlayAction.Play:\n          playOrReplay();\n          break;\n        case TimelinePausePlayAction.Pause:\n          pause();\n          break;\n        case TimelinePausePlayAction.Toggle:\n          if (isPlaying) {\n            pause();\n          } else {\n            playOrReplay();\n          }\n          break;\n      }\n    });\n  }, [isPlaying, pause, playOrReplay, props.componentId]);\n  useAnimation(({ delta }) => {\n    const duration = currentDuration + delta;\n    updateDuration(duration);\n\n    if (duration >= totalDuration) {\n      if (repeat) {\n        setCurrentDuration(0);\n        return;\n      }\n\n      pause();\n    }\n  }, isPlaying);\n\n  const onTimelineChange = (values: ReadonlyArray<number>) => {\n    const newDuration = values[0];\n    updateDuration(newDuration);\n  };\n\n  const currentDurationStr = toDisplayTime(currentDuration);\n  const totalDurationStr = toDisplayTime(totalDuration);\n  const hasDates = !!startDate && !!endDate;\n  return (\n    <div data-testid=\"timeline-component\" className=\"timeline-component\">\n      <PlayButton isPlaying={isPlaying} onPlay={playOrReplay} onPause={pause} />\n      <div className=\"time-container\">\n        {hasDates && (\n          <span data-testid=\"test-start-date\" className=\"timeline-date\">\n            {toDateString(startDate, timeZoneOffset, dateFormatOptions)}\n          </span>\n        )}\n        {hasDates && !showDuration && (\n          <span data-testid=\"test-start-time\" className=\"timeline-time\">\n            {toTimeString(startDate, timeZoneOffset, timeFormatOptions)}\n          </span>\n        )}\n        {showDuration && (\n          <span className=\"timeline-duration-time\">{currentDurationStr}</span>\n        )}\n      </div>\n      <Scrubber\n        className=\"slider\"\n        currentDuration={currentDuration}\n        totalDuration={totalDuration}\n        startDate={startDate}\n        endDate={endDate}\n        isPlaying={isPlaying}\n        showTime={!showDuration}\n        onChange={onTimelineChange}\n        onUpdate={onTimelineChange}\n        timeZoneOffset={props.timeZoneOffset}\n        markDate={props.markDate}\n      />\n      <div className=\"time-container\">\n        {hasDates && (\n          <span data-testid=\"test-end-date\" className=\"timeline-date\">\n            {toDateString(endDate, timeZoneOffset)}\n          </span>\n        )}\n        {hasDates && !showDuration && (\n          <span className=\"timeline-time\">\n            {toTimeString(endDate, timeZoneOffset, timeFormatOptions)}\n          </span>\n        )}\n        {showDuration && (\n          <InlineEdit\n            className=\"timeline-duration-time\"\n            defaultValue={totalDurationStr}\n            onChange={(value) => {\n              const newTotalDuration = timeToMs(value);\n              updateTotalDuration(newTotalDuration);\n            }}\n          />\n        )}\n      </div>\n      <SettingsMenu\n        appMenuItems={props.appMenuItems}\n        appMenuItemOption={appMenuItemOption}\n        includeRepeat={includeRepeat}\n        repeat={repeat}\n        totalDuration={totalDuration}\n        onRepeatClick={() => {\n          updateRepeat(!repeat);\n        }}\n        onTotalDurationChange={(newTotalDuration) => {\n          updateTotalDuration(newTotalDuration);\n        }}\n      />\n    </div>\n  );\n}\n\ntype SettingsMenuProps = Pick<\n  TimelineComponentProps,\n  \"appMenuItems\" | \"totalDuration\"\n> &\n  Pick<\n    Required<TimelineComponentProps>,\n    \"appMenuItemOption\" | \"includeRepeat\" | \"repeat\"\n  > & {\n    onRepeatClick: () => void;\n    onTotalDurationChange: (totalDuration: number) => void;\n  };\n\nfunction SettingsMenu({\n  appMenuItems,\n  appMenuItemOption,\n  includeRepeat,\n  repeat,\n  totalDuration,\n  onRepeatClick,\n  onTotalDurationChange,\n}: SettingsMenuProps) {\n  const settingsLabel = React.useMemo(\n    () => UiComponents.translate(\"button.label.settings\"),\n    []\n  );\n  const repeatLabel = React.useMemo(\n    () => UiIModelComponents.translate(\"timeline.repeat\"),\n    []\n  );\n  const standardItems: TimelineMenuItemProps[] = React.useMemo(\n    () => [\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  );\n\n  const menuItems = React.useMemo(() => {\n    if (!appMenuItems) {\n      return standardItems;\n    }\n\n    if (appMenuItemOption === \"append\") {\n      return [...standardItems, ...appMenuItems];\n    }\n    if (appMenuItemOption === \"prefix\") {\n      return [...appMenuItems, ...standardItems];\n    }\n    // Replace\n    return appMenuItems;\n  }, [appMenuItemOption, appMenuItems, standardItems]);\n\n  return (\n    <DropdownMenu\n      menuItems={(close) => {\n        return [\n          ...(includeRepeat\n            ? [\n                <MenuItem\n                  key=\"repeat\"\n                  onClick={() => {\n                    onRepeatClick();\n                    close();\n                  }}\n                  startIcon={repeat ? <SvgCheckmark /> : <></>}\n                >\n                  {repeatLabel}\n                </MenuItem>,\n                <MenuDivider key=\"divider\" />,\n              ]\n            : []),\n          ...menuItems.map((item, index) => {\n            const checked = totalDuration === item.timelineDuration;\n            return (\n              <MenuItem\n                key={index}\n                startIcon={checked ? <SvgCheckmark /> : <></>}\n                onClick={() => {\n                  onTotalDurationChange(item.timelineDuration);\n                  close();\n                }}\n              >\n                {item.label}\n              </MenuItem>\n            );\n          }),\n        ];\n      }}\n      placement=\"top-start\"\n    >\n      <IconButton\n        data-testid=\"timeline-settings\"\n        title={settingsLabel}\n        styleType=\"borderless\"\n      >\n        <SvgMoreVertical />\n      </IconButton>\n    </DropdownMenu>\n  );\n}\n\nfunction useAnimation(\n  onAnimate: (args: { delta: number }) => void,\n  playing = true\n) {\n  const onAnimateRef = React.useRef(onAnimate);\n  onAnimateRef.current = onAnimate;\n\n  const lastTimeRef = React.useRef<number | undefined>();\n\n  React.useEffect(() => {\n    if (!playing) return;\n\n    let handle = 0;\n    let didCancel = false;\n\n    const animate = (time: number) => {\n      if (lastTimeRef.current === undefined) {\n        lastTimeRef.current = time;\n      }\n\n      const delta = time - lastTimeRef.current;\n      lastTimeRef.current = time;\n\n      onAnimateRef.current({\n        delta,\n      });\n\n      if (didCancel) return;\n\n      handle = window.requestAnimationFrame(animate);\n    };\n\n    handle = window.requestAnimationFrame(animate);\n    return () => {\n      didCancel = true;\n      lastTimeRef.current = undefined;\n      window.cancelAnimationFrame(handle);\n    };\n  }, [playing]);\n}\n\nfunction timeToMs(time: string) {\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\nfunction toDisplayTime(ms: number) {\n  const addZero = (i: number) => {\n    return i < 10 ? `0${i}` : i;\n  };\n\n  const date = new Date(ms);\n  // const hours = date.getUTCHours();\n  const minutes = date.getUTCMinutes();\n  const seconds = date.getUTCSeconds();\n  return `${addZero(minutes)}:${addZero(seconds)}`;\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 \"./TimelineComponent.scss\";\nimport * as React from \"react\";\nimport { UiAdmin } from \"@itwin/appui-abstract\";\nimport type { DateFormatOptions } from \"@itwin/components-react\";\nimport { toDateString, toTimeString } from \"@itwin/components-react\";\nimport { SvgCheckmark, SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\nimport {\n  DropdownMenu,\n  IconButton,\n  MenuDivider,\n  MenuItem,\n} from \"@itwin/itwinui-react\";\nimport { InlineEdit } from \"./InlineEdit\";\nimport type { PlaybackSettings, TimelinePausePlayArgs } from \"./interfaces\";\nimport { TimelinePausePlayAction } from \"./interfaces\";\nimport { PlayButton } from \"./PlayButton\";\nimport { Scrubber } from \"./Scrubber\";\nimport { useTranslation } from \"../useTranslation\";\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\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   * @note This can be changed by user interaction. See {@link TimelineComponentProps.appMenuItems}.\n   */\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   * @deprecated in 4.10.x. Has no effect.\n   */\n  minimized?: boolean;\n  /** When playing, repeat indefinitely. Defaults to `false`.\n   * @note This can be changed by user interaction. See {@link TimelineComponentProps.includeRepeat}.\n   */\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   * @deprecated in 4.10.x. Has no effect.\n   */\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   * @deprecated in 4.10.x. Has no effect.\n   */\n  alwaysMinimized?: boolean;\n  /** ComponentId -- must be set to use TimelineComponentEvents\n   * @deprecated in 4.11.x.  Use the isPlaying prop instead.\n   */\n  componentId?: string;\n  /** Include the repeat option on the Timeline Context Menu. Defaults to `true`. */\n  includeRepeat?: boolean;\n  /** App-supplied speed entries in the Timeline Context Menu. Defaults to `[Slow, Medium, Fast]` items. */\n  appMenuItems?: TimelineMenuItemProps[];\n  /** How to include the supplied app menu items in the Timeline Context Menu (prefix, append or replace). Defaults to `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  /** Used to control the play/pause state of the Timeline.*/\n  isPlaying?: boolean;\n}\n\n/** [[TimelineComponent]] is used to playback timeline data\n * @public\n */\nexport function TimelineComponent(props: TimelineComponentProps) {\n  const {\n    appMenuItemOption = \"replace\",\n    startDate,\n    endDate,\n    showDuration,\n    timeZoneOffset,\n    dateFormatOptions,\n    timeFormatOptions,\n    includeRepeat = true,\n    onSettingsChange,\n    onChange,\n    onPlayPause,\n  } = props;\n  const [isPlaying, setIsPlaying] = React.useState(!!props.isPlaying);\n  const [currentDuration, setCurrentDuration] = React.useState(\n    props.initialDuration ?? 0\n  );\n  const [totalDuration, setTotalDuration] = React.useState(props.totalDuration);\n  const [repeat, setRepeat] = React.useState(props.repeat ?? false);\n\n  const playOrReplay = React.useCallback(() => {\n    if (isPlaying) return;\n\n    if (currentDuration >= totalDuration) {\n      setCurrentDuration(0);\n    }\n\n    setIsPlaying(true);\n    onPlayPause?.(true);\n  }, [isPlaying, onPlayPause, currentDuration, totalDuration]);\n  const pause = React.useCallback(() => {\n    if (!isPlaying) return;\n    setIsPlaying(false);\n    onPlayPause?.(false);\n  }, [isPlaying, onPlayPause]);\n  const updateTotalDuration = (newTotalDuration: number) => {\n    if (newTotalDuration === totalDuration) return;\n\n    const fraction = currentDuration / totalDuration;\n    const newCurrentDuration = fraction * newTotalDuration;\n\n    setTotalDuration(newTotalDuration);\n    setCurrentDuration(newCurrentDuration);\n    onSettingsChange?.({ duration: newTotalDuration });\n  };\n  const updateDuration = (\n    newDuration: number,\n    currentTotalDuration = totalDuration\n  ) => {\n    newDuration = Math.max(newDuration, 0);\n    newDuration = Math.min(newDuration, currentTotalDuration);\n\n    if (newDuration === currentDuration) return;\n    setCurrentDuration(newDuration);\n\n    const fraction = newDuration / currentTotalDuration;\n    onChange?.(fraction);\n  };\n  const updateRepeat = (newRepeat: boolean) => {\n    if (newRepeat === repeat) return;\n\n    setRepeat(newRepeat);\n    onSettingsChange?.({ loop: newRepeat });\n  };\n\n  const [prevTotalDuration, setPrevTotalDuration] = React.useState(\n    props.totalDuration\n  );\n  if (prevTotalDuration !== props.totalDuration) {\n    setPrevTotalDuration(props.totalDuration);\n    updateTotalDuration(props.totalDuration);\n  }\n\n  const [prevInitialDuration, setPrevInitialDuration] = React.useState(\n    props.initialDuration\n  );\n  if (prevInitialDuration !== props.initialDuration) {\n    setPrevInitialDuration(props.initialDuration);\n    updateDuration(props.initialDuration ?? 0, props.totalDuration);\n  }\n\n  const [prevRepeat, setPrevRepeat] = React.useState(props.repeat);\n  if (prevRepeat !== props.repeat) {\n    setPrevRepeat(props.repeat);\n    updateRepeat(props.repeat ?? repeat);\n  }\n\n  React.useEffect(() => {\n    // eslint-disable-next-line deprecation/deprecation\n    if (!props.componentId) return;\n    return UiAdmin.onGenericUiEvent.addListener((args) => {\n      const timelineArgs = args as TimelinePausePlayArgs;\n      if (\n        !timelineArgs ||\n        // eslint-disable-next-line deprecation/deprecation\n        props.componentId !== timelineArgs.uiComponentId ||\n        timelineArgs.timelineAction === undefined\n      )\n        return;\n\n      switch (timelineArgs.timelineAction) {\n        case TimelinePausePlayAction.Play:\n          playOrReplay();\n          break;\n        case TimelinePausePlayAction.Pause:\n          pause();\n          break;\n        case TimelinePausePlayAction.Toggle:\n          if (isPlaying) {\n            pause();\n          } else {\n            playOrReplay();\n          }\n          break;\n      }\n    });\n    // eslint-disable-next-line deprecation/deprecation\n  }, [isPlaying, pause, playOrReplay, props.componentId]);\n  useAnimation(({ delta }) => {\n    const duration = currentDuration + delta;\n    updateDuration(duration);\n\n    if (duration >= totalDuration) {\n      if (repeat) {\n        setCurrentDuration(0);\n        return;\n      }\n\n      pause();\n    }\n  }, isPlaying);\n\n  React.useEffect(() => {\n    if (props.isPlaying) playOrReplay();\n\n    if (props.isPlaying === false) pause();\n  }, [props.isPlaying, playOrReplay, pause]);\n\n  const onTimelineChange = (values: ReadonlyArray<number>) => {\n    const newDuration = values[0];\n    updateDuration(newDuration);\n  };\n\n  const currentDurationStr = toDisplayTime(currentDuration);\n  const totalDurationStr = toDisplayTime(totalDuration);\n  const hasDates = !!startDate && !!endDate;\n  return (\n    <div data-testid=\"timeline-component\" className=\"timeline-component\">\n      <PlayButton isPlaying={isPlaying} onPlay={playOrReplay} onPause={pause} />\n      <div className=\"time-container\">\n        {hasDates && (\n          <span data-testid=\"test-start-date\" className=\"timeline-date\">\n            {toDateString(startDate, timeZoneOffset, dateFormatOptions)}\n          </span>\n        )}\n        {hasDates && !showDuration && (\n          <span data-testid=\"test-start-time\" className=\"timeline-time\">\n            {toTimeString(startDate, timeZoneOffset, timeFormatOptions)}\n          </span>\n        )}\n        {showDuration && (\n          <span className=\"timeline-duration-time\">{currentDurationStr}</span>\n        )}\n      </div>\n      <Scrubber\n        className=\"slider\"\n        currentDuration={currentDuration}\n        totalDuration={totalDuration}\n        startDate={startDate}\n        endDate={endDate}\n        isPlaying={isPlaying}\n        showTime={!showDuration}\n        onChange={onTimelineChange}\n        onUpdate={onTimelineChange}\n        timeZoneOffset={props.timeZoneOffset}\n        markDate={props.markDate}\n      />\n      <div className=\"time-container\">\n        {hasDates && (\n          <span data-testid=\"test-end-date\" className=\"timeline-date\">\n            {toDateString(endDate, timeZoneOffset)}\n          </span>\n        )}\n        {hasDates && !showDuration && (\n          <span className=\"timeline-time\">\n            {toTimeString(endDate, timeZoneOffset, timeFormatOptions)}\n          </span>\n        )}\n        {showDuration && (\n          <InlineEdit\n            className=\"timeline-duration-time\"\n            defaultValue={totalDurationStr}\n            onChange={(value) => {\n              const newTotalDuration = timeToMs(value);\n              updateTotalDuration(newTotalDuration);\n            }}\n          />\n        )}\n      </div>\n      <SettingsMenu\n        appMenuItems={props.appMenuItems}\n        appMenuItemOption={appMenuItemOption}\n        includeRepeat={includeRepeat}\n        repeat={repeat}\n        totalDuration={totalDuration}\n        onRepeatClick={() => {\n          updateRepeat(!repeat);\n        }}\n        onTotalDurationChange={(newTotalDuration) => {\n          updateTotalDuration(newTotalDuration);\n        }}\n      />\n    </div>\n  );\n}\n\ntype SettingsMenuProps = Pick<\n  TimelineComponentProps,\n  \"appMenuItems\" | \"totalDuration\"\n> &\n  Pick<\n    Required<TimelineComponentProps>,\n    \"appMenuItemOption\" | \"includeRepeat\" | \"repeat\"\n  > & {\n    onRepeatClick: () => void;\n    onTotalDurationChange: (totalDuration: number) => void;\n  };\n\nfunction SettingsMenu({\n  appMenuItems,\n  appMenuItemOption,\n  includeRepeat,\n  repeat,\n  totalDuration,\n  onRepeatClick,\n  onTotalDurationChange,\n}: SettingsMenuProps) {\n  const { translate } = useTranslation();\n\n  const menuItems = React.useMemo(() => {\n    const standardItems: TimelineMenuItemProps[] = [\n      {\n        label: translate(\"timeline.slow\"),\n        timelineDuration: slowSpeed,\n      },\n      {\n        label: translate(\"timeline.medium\"),\n        timelineDuration: mediumSpeed,\n      },\n      {\n        label: translate(\"timeline.fast\"),\n        timelineDuration: fastSpeed,\n      },\n    ];\n\n    if (!appMenuItems) {\n      return standardItems;\n    }\n\n    if (appMenuItemOption === \"append\") {\n      return [...standardItems, ...appMenuItems];\n    }\n    if (appMenuItemOption === \"prefix\") {\n      return [...appMenuItems, ...standardItems];\n    }\n    // Replace\n    return appMenuItems;\n  }, [appMenuItemOption, appMenuItems, translate]);\n\n  return (\n    <DropdownMenu\n      menuItems={(close) => {\n        return [\n          ...(includeRepeat\n            ? [\n                <MenuItem\n                  key=\"repeat\"\n                  onClick={() => {\n                    onRepeatClick();\n                    close();\n                  }}\n                  startIcon={repeat ? <SvgCheckmark /> : <></>}\n                >\n                  {translate(\"timeline.repeat\")}\n                </MenuItem>,\n                <MenuDivider key=\"divider\" />,\n              ]\n            : []),\n          ...menuItems.map((item, index) => {\n            const checked = totalDuration === item.timelineDuration;\n            return (\n              <MenuItem\n                key={index}\n                startIcon={checked ? <SvgCheckmark /> : <></>}\n                onClick={() => {\n                  onTotalDurationChange(item.timelineDuration);\n                  close();\n                }}\n              >\n                {item.label}\n              </MenuItem>\n            );\n          }),\n        ];\n      }}\n      placement=\"top-start\"\n    >\n      <IconButton\n        data-testid=\"timeline-settings\"\n        label={translate(\"button.label.settings\")}\n        styleType=\"borderless\"\n      >\n        <SvgMoreVertical />\n      </IconButton>\n    </DropdownMenu>\n  );\n}\n\nfunction useAnimation(\n  onAnimate: (args: { delta: number }) => void,\n  playing = true\n) {\n  const onAnimateRef = React.useRef(onAnimate);\n  onAnimateRef.current = onAnimate;\n\n  const lastTimeRef = React.useRef<number | undefined>();\n\n  React.useEffect(() => {\n    if (!playing) return;\n\n    let handle = 0;\n    let didCancel = false;\n\n    const animate = (time: number) => {\n      if (lastTimeRef.current === undefined) {\n        lastTimeRef.current = time;\n      }\n\n      const delta = time - lastTimeRef.current;\n      lastTimeRef.current = time;\n\n      onAnimateRef.current({\n        delta,\n      });\n\n      if (didCancel) return;\n\n      handle = window.requestAnimationFrame(animate);\n    };\n\n    handle = window.requestAnimationFrame(animate);\n    return () => {\n      didCancel = true;\n      lastTimeRef.current = undefined;\n      window.cancelAnimationFrame(handle);\n    };\n  }, [playing]);\n}\n\nfunction timeToMs(time: string) {\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\nfunction toDisplayTime(ms: number) {\n  const addZero = (i: number) => {\n    return i < 10 ? `0${i}` : i;\n  };\n\n  const date = new Date(ms);\n  // const hours = date.getUTCHours();\n  const minutes = date.getUTCMinutes();\n  const seconds = date.getUTCSeconds();\n  return `${addZero(minutes)}:${addZero(seconds)}`;\n}\n"]}

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

@@ -3,7 +3,6 @@
  */
 import type { ColorDef } from "@itwin/core-common";
 import type { ScreenViewport } from "@itwin/core-frontend";
-import type { GenericUiEventArgs } from "@itwin/appui-abstract";
 /** The timeline scale.
  * @public
  */
@@ -70,7 +69,8 @@ export declare enum TimelinePausePlayAction {
 /** Args for event to pause or play the timeline component
  * @public
  */
-export interface TimelinePausePlayArgs extends GenericUiEventArgs {
+export interface TimelinePausePlayArgs {
+    uiComponentId: string;
     timelineAction: TimelinePausePlayAction;
 }
 /** Interface for a timeline data provider class

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/interfaces.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/interfaces.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAMH;;GAEG;AACH,IAAY,aAWX;AAXD,WAAY,aAAa;IACvB,iBAAiB;IACjB,mDAAK,CAAA;IACL,oBAAoB;IACpB,yDAAQ,CAAA;IACR,kBAAkB;IAClB,qDAAM,CAAA;IACN,gBAAgB;IAChB,iDAAI,CAAA;IACJ,iBAAiB;IACjB,mDAAK,CAAA;AACP,CAAC,EAXW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAWxB;AAED;;GAEG;AACH,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,qDAAqD;IACrD,yEAAU,CAAA;IACV,sEAAsE;IACtE,2EAAW,CAAA;AACb,CAAC,EALW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAK9B;AAwCD;;GAEG;AACH,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,yEAAM,CAAA;IACN,uEAAK,CAAA;IACL,qEAAI,CAAA;AACN,CAAC,EAJW,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAIlC","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\nimport type { ColorDef } from \"@itwin/core-common\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { GenericUiEventArgs } from \"@itwin/appui-abstract\";\n\n/** The timeline scale.\n * @public\n */\nexport enum TimelineScale {\n  /** Show years */\n  Years,\n  /** Show quarters */\n  Quarters,\n  /** Show months */\n  Months,\n  /** Show days */\n  Days,\n  /** Show hours */\n  Hours,\n}\n\n/** Determines if data displayed to use is the actual date or the amount of time elapsed since project start.\n * @public\n */\nexport enum TimelineDateDisplay {\n  /** Display time axis using actual start/end dates */\n  ActualTime,\n  /** Display time axis using time relative to actual start/end dates */\n  ProjectTime,\n}\n\n/**\n * Playback Settings.\n * @public\n */\nexport interface PlaybackSettings {\n  /** time in milliseconds to play animation from start date to end date */\n  duration?: number;\n  /** Set to True if animation to restart each time playbackEnd is reached. Defaults to false. */\n  loop?: boolean;\n  /** If true a minimal set of data is displayed. */\n  minimized?: boolean;\n  /** Playback start. If defined must be within start-end range. If not define 'start' is used. */\n  playbackStart?: Date;\n  /** Playback end. If defined must be within start-end range and later than playbackStart. If not define 'end' is used. */\n  playbackEnd?: Date;\n  /** Set to True if user should be allowed to insert milestone dates. Defaults to false */\n  allowMilestoneEdits?: boolean;\n  /** Define if actual date/times are used or date/times relative to project are used to draw timeline axis. */\n  dateDisplay?: TimelineDateDisplay;\n}\n\n/**\n * An interface used to notify Handlers of the current pointer position in the timeline playback. Valid range is 0 to 1 and it determines percentage complete.\n * @public\n */\nexport type AnimationFractionChangeHandler = (\n  animationFraction: number\n) => void;\n\n/**\n * An interface used to notify Handlers of Playback Settings changes.\n * Contains the settings to be used.\n * @public\n */\nexport type PlaybackSettingsChangeHandler = (\n  settingsChange: PlaybackSettings\n) => void;\n\n/** Actions for Pause/Play event\n * @public\n */\nexport enum TimelinePausePlayAction {\n  Toggle,\n  Pause,\n  Play,\n}\n/** Args for event to pause or play the timeline component\n * @public\n */\nexport interface TimelinePausePlayArgs extends GenericUiEventArgs {\n  timelineAction: TimelinePausePlayAction;\n}\n/** Interface for a timeline data provider class\n * @public\n */\nexport interface TimelineDataProvider {\n  /** uniqueId of provider */\n  id: string;\n  /** view id when viewport is initially assigned */\n  viewId: string;\n  /** returns true if the provider has timeline animation data available */\n  supportsTimelineAnimation: boolean;\n  /** Starting date for entire timeline */\n  start?: Date;\n  /** End date for entire timeline */\n  end?: Date;\n  /** Current animation fraction from 0.0 to 1.0 */\n  animationFraction?: number;\n  getSettings(): PlaybackSettings;\n  /** Called to get the initial scrubber location. This must be a value between 0 and the duration in PlaybackSettings. */\n  initialDuration: number;\n  /** Called to get the duration of the Playback. */\n  duration: number;\n  /** If true the playback will continuously loop. */\n  loop: boolean;\n  /** Called to save the playback settings */\n  updateSettings(settings: PlaybackSettings): void;\n  /** Async call to load milestone and settings data */\n  loadTimelineData(): Promise<boolean>;\n  /** Called when an internal process has defined the playback settings and the UI needs to be updated */\n  onPlaybackSettingChanged?: PlaybackSettingsChangeHandler;\n  /** Called when the an internal process has defined the playback settings and the UI needs to be updated */\n  onAnimationFractionChanged?: AnimationFractionChangeHandler;\n  /** viewport to show animation */\n  viewport?: ScreenViewport;\n}\n\n/**\n * An interface used to notify Handlers of Playback progress.\n * Contains the settings to be used.\n * @alpha\n */\nexport type SolarPlaybackProgressHandler = (time: Date) => void;\n\n/** Data Provider interface for getting and setting solar position\n * @alpha\n */\nexport interface SolarDataProvider {\n  // View Id used to determine sunrise and sunset\n  viewId: string;\n  /** returns true if the provider has timeline animation data available */\n  supportsTimelineAnimation: boolean;\n  // set to true is timeline should be shown - return false if view is not set to display shadow.\n  readonly shouldShowTimeline: boolean;\n  /** Starting date for entire timeline */\n  day: Date;\n  /** Starting time for day in milliseconds */\n  readonly dayStartMs: number;\n  /** Time of day for sun */\n  readonly timeOfDay: Date;\n  /** Called during playback to update animation */\n  onTimeChanged?: SolarPlaybackProgressHandler;\n  /** viewport to show animation */\n  viewport?: ScreenViewport;\n  /** Time of Sunrise to nearest minute */\n  readonly sunrise: Date;\n  /** time of Sunrise to nearest minute */\n  readonly sunset: Date;\n  /** shadow color */\n  shadowColor: ColorDef;\n  /** timezone offset for local project time */\n  readonly timeZoneOffset: number;\n  /** set date for shadow study. If isProjectDate is false the is assume to be in users\n   * current time and the value is adjusted to be the same date and time at the project location. */\n  setDateAndTime: (day: Date, isProjectDate?: boolean) => void;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/interfaces.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAKH;;GAEG;AACH,IAAY,aAWX;AAXD,WAAY,aAAa;IACvB,iBAAiB;IACjB,mDAAK,CAAA;IACL,oBAAoB;IACpB,yDAAQ,CAAA;IACR,kBAAkB;IAClB,qDAAM,CAAA;IACN,gBAAgB;IAChB,iDAAI,CAAA;IACJ,iBAAiB;IACjB,mDAAK,CAAA;AACP,CAAC,EAXW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAWxB;AAED;;GAEG;AACH,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,qDAAqD;IACrD,yEAAU,CAAA;IACV,sEAAsE;IACtE,2EAAW,CAAA;AACb,CAAC,EALW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAK9B;AAwCD;;GAEG;AACH,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,yEAAM,CAAA;IACN,uEAAK,CAAA;IACL,qEAAI,CAAA;AACN,CAAC,EAJW,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAIlC","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\nimport type { ColorDef } from \"@itwin/core-common\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\n\n/** The timeline scale.\n * @public\n */\nexport enum TimelineScale {\n  /** Show years */\n  Years,\n  /** Show quarters */\n  Quarters,\n  /** Show months */\n  Months,\n  /** Show days */\n  Days,\n  /** Show hours */\n  Hours,\n}\n\n/** Determines if data displayed to use is the actual date or the amount of time elapsed since project start.\n * @public\n */\nexport enum TimelineDateDisplay {\n  /** Display time axis using actual start/end dates */\n  ActualTime,\n  /** Display time axis using time relative to actual start/end dates */\n  ProjectTime,\n}\n\n/**\n * Playback Settings.\n * @public\n */\nexport interface PlaybackSettings {\n  /** time in milliseconds to play animation from start date to end date */\n  duration?: number;\n  /** Set to True if animation to restart each time playbackEnd is reached. Defaults to false. */\n  loop?: boolean;\n  /** If true a minimal set of data is displayed. */\n  minimized?: boolean;\n  /** Playback start. If defined must be within start-end range. If not define 'start' is used. */\n  playbackStart?: Date;\n  /** Playback end. If defined must be within start-end range and later than playbackStart. If not define 'end' is used. */\n  playbackEnd?: Date;\n  /** Set to True if user should be allowed to insert milestone dates. Defaults to false */\n  allowMilestoneEdits?: boolean;\n  /** Define if actual date/times are used or date/times relative to project are used to draw timeline axis. */\n  dateDisplay?: TimelineDateDisplay;\n}\n\n/**\n * An interface used to notify Handlers of the current pointer position in the timeline playback. Valid range is 0 to 1 and it determines percentage complete.\n * @public\n */\nexport type AnimationFractionChangeHandler = (\n  animationFraction: number\n) => void;\n\n/**\n * An interface used to notify Handlers of Playback Settings changes.\n * Contains the settings to be used.\n * @public\n */\nexport type PlaybackSettingsChangeHandler = (\n  settingsChange: PlaybackSettings\n) => void;\n\n/** Actions for Pause/Play event\n * @public\n */\nexport enum TimelinePausePlayAction {\n  Toggle,\n  Pause,\n  Play,\n}\n/** Args for event to pause or play the timeline component\n * @public\n */\nexport interface TimelinePausePlayArgs {\n  uiComponentId: string;\n  timelineAction: TimelinePausePlayAction;\n}\n/** Interface for a timeline data provider class\n * @public\n */\nexport interface TimelineDataProvider {\n  /** uniqueId of provider */\n  id: string;\n  /** view id when viewport is initially assigned */\n  viewId: string;\n  /** returns true if the provider has timeline animation data available */\n  supportsTimelineAnimation: boolean;\n  /** Starting date for entire timeline */\n  start?: Date;\n  /** End date for entire timeline */\n  end?: Date;\n  /** Current animation fraction from 0.0 to 1.0 */\n  animationFraction?: number;\n  getSettings(): PlaybackSettings;\n  /** Called to get the initial scrubber location. This must be a value between 0 and the duration in PlaybackSettings. */\n  initialDuration: number;\n  /** Called to get the duration of the Playback. */\n  duration: number;\n  /** If true the playback will continuously loop. */\n  loop: boolean;\n  /** Called to save the playback settings */\n  updateSettings(settings: PlaybackSettings): void;\n  /** Async call to load milestone and settings data */\n  loadTimelineData(): Promise<boolean>;\n  /** Called when an internal process has defined the playback settings and the UI needs to be updated */\n  onPlaybackSettingChanged?: PlaybackSettingsChangeHandler;\n  /** Called when the an internal process has defined the playback settings and the UI needs to be updated */\n  onAnimationFractionChanged?: AnimationFractionChangeHandler;\n  /** viewport to show animation */\n  viewport?: ScreenViewport;\n}\n\n/**\n * An interface used to notify Handlers of Playback progress.\n * Contains the settings to be used.\n * @alpha\n */\nexport type SolarPlaybackProgressHandler = (time: Date) => void;\n\n/** Data Provider interface for getting and setting solar position\n * @alpha\n */\nexport interface SolarDataProvider {\n  // View Id used to determine sunrise and sunset\n  viewId: string;\n  /** returns true if the provider has timeline animation data available */\n  supportsTimelineAnimation: boolean;\n  // set to true is timeline should be shown - return false if view is not set to display shadow.\n  readonly shouldShowTimeline: boolean;\n  /** Starting date for entire timeline */\n  day: Date;\n  /** Starting time for day in milliseconds */\n  readonly dayStartMs: number;\n  /** Time of day for sun */\n  readonly timeOfDay: Date;\n  /** Called during playback to update animation */\n  onTimeChanged?: SolarPlaybackProgressHandler;\n  /** viewport to show animation */\n  viewport?: ScreenViewport;\n  /** Time of Sunrise to nearest minute */\n  readonly sunrise: Date;\n  /** time of Sunrise to nearest minute */\n  readonly sunset: Date;\n  /** shadow color */\n  shadowColor: ColorDef;\n  /** timezone offset for local project time */\n  readonly timeZoneOffset: number;\n  /** set date for shadow study. If isProjectDate is false the is assume to be in users\n   * current time and the value is adjusted to be the same date and time at the project location. */\n  setDateAndTime: (day: Date, isProjectDate?: boolean) => void;\n}\n"]}

package/lib/cjs/imodel-components-react/useTranslation.d.ts

@@ -0,0 +1,10 @@
+interface UseTranslationResult {
+    translate: (key: string) => string;
+}
+/**
+ * Returns a translation function.
+ * @internal
+ */
+export declare function useTranslation(): UseTranslationResult;
+export {};
+//# sourceMappingURL=useTranslation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/useTranslation.ts"],"names":[],"mappings":"AAOA,UAAU,oBAAoB;IAC5B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,oBAAoB,CAMrD"}

package/lib/cjs/imodel-components-react/useTranslation.js

@@ -0,0 +1,20 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTranslation = void 0;
+const UiIModelComponents_1 = require("./UiIModelComponents");
+/**
+ * Returns a translation function.
+ * @internal
+ */
+function useTranslation() {
+    const translate = (key) => {
+        return UiIModelComponents_1.UiIModelComponents.translate(key);
+    };
+    return { translate };
+}
+exports.useTranslation = useTranslation;
+//# sourceMappingURL=useTranslation.js.map

package/lib/cjs/imodel-components-react/useTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation.js","sourceRoot":"","sources":["../../../src/imodel-components-react/useTranslation.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAEhG,6DAA0D;AAM1D;;;GAGG;AACH,SAAgB,cAAc;IAC5B,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE;QAChC,OAAO,uCAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC;AAND,wCAMC","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\nimport { UiIModelComponents } from \"./UiIModelComponents\";\n\ninterface UseTranslationResult {\n  translate: (key: string) => string;\n}\n\n/**\n * Returns a translation function.\n * @internal\n */\nexport function useTranslation(): UseTranslationResult {\n  const translate = (key: string) => {\n    return UiIModelComponents.translate(key);\n  };\n\n  return { translate };\n}\n"]}

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,qBAwUrD"}
+{"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,qBA2UrD"}

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 ?? core_frontend_1.IModelApp.viewManager);
+    const viewManagerRef = React.useRef(viewManagerOverride !== null && viewManagerOverride !== void 0 ? viewManagerOverride : core_frontend_1.IModelApp.viewManager);
     const tentativePointOverrideRef = React.useRef(tentativePointOverride);
     const screenViewportCreated = React.useRef(false);
     const viewportDiv = React.useRef(null);
@@ -102,9 +102,10 @@ function ViewportComponent(props) {
     };
     const targetPoint = React.useRef(null);
     const getRotatePoint = (vp) => {
+        var _a, _b;
         const lastTargetPoint = targetPoint.current;
         // istanbul ignore next
-        const tentativePoint = tentativePointOverrideRef.current ?? core_frontend_1.IModelApp.tentativePoint;
+        const tentativePoint = (_a = tentativePointOverrideRef.current) !== null && _a !== void 0 ? _a : core_frontend_1.IModelApp.tentativePoint;
         // istanbul ignore else
         if (tentativePoint.isActive)
             return tentativePoint.getPoint();
@@ -122,7 +123,7 @@ function ViewportComponent(props) {
         targetPoint.current =
             undefined !== visiblePoint ? visiblePoint : vp.view.getTargetPoint();
         // istanbul ignore next
-        return targetPoint.current ?? vp.view.getCenter();
+        return (_b = targetPoint.current) !== null && _b !== void 0 ? _b : vp.view.getCenter();
     };
     const handleCubeRotationChangeEvent = (args) => {
         const viewManager = viewManagerRef.current;
@@ -173,7 +174,10 @@ function ViewportComponent(props) {
             ? screenViewportOverride
             : core_frontend_1.ScreenViewport;
         const parentWindow = parentDiv.ownerDocument.defaultView;
-        parentWindow.addEventListener("unload", handleWindowUnload, true); // listener clear after being called
+        parentWindow.addEventListener("unload", handleWindowUnload, {
+            once: true,
+            capture: true,
+        }); // by specifying 'once', listener clears after being called
         ViewportComponentEvents_1.ViewportComponentEvents.initialize();
         ViewportComponentEvents_1.ViewportComponentEvents.onDrawingViewportChangeEvent.addListener(handleDrawingViewportChangeEvent);
         ViewportComponentEvents_1.ViewportComponentEvents.onCubeRotationChangeEvent.addListener(handleCubeRotationChangeEvent);
@@ -226,8 +230,8 @@ function ViewportComponent(props) {
             }
             // istanbul ignore next
             if (isMounted.current &&
-                (currentViewState?.iModel.isOpen || currentViewState?.iModel.isBlank)) {
-                setInitialViewState(currentViewState?.clone());
+                ((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());
             }
         }
         if (undefined === initialViewState)
@@ -236,12 +240,13 @@ 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?.iModel.isOpen || initialViewState?.iModel.isBlank)) {
+            ((initialViewState === null || initialViewState === void 0 ? void 0 : initialViewState.iModel.isOpen) || (initialViewState === null || initialViewState === void 0 ? void 0 : initialViewState.iModel.isBlank))) {
             if (!screenViewportCreated.current) {
                 const screenViewport = getScreenViewport(parentDiv, initialViewState);
                 screenViewportRef.current = screenViewport;
@@ -254,7 +259,7 @@ function ViewportComponent(props) {
             }
             else {
                 // istanbul ignore next
-                screenViewportRef.current?.changeView(initialViewState);
+                (_a = screenViewportRef.current) === null || _a === void 0 ? void 0 : _a.changeView(initialViewState);
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps