@itwin/imodel-components-react 4.17.0 → 5.0.0-dev.2

package/lib/{cjs/imodel-components-react → imodel-components-react}/timeline/Scrubber.d.ts

@@ -2,10 +2,8 @@ import "./Scrubber.scss";
 import * as React from "react";
 import { Slider } from "@itwin/itwinui-react";
 import type { CommonProps } from "@itwin/core-react";
-import type { TimelineDateMarkerProps } from "./TimelineComponent";
-/**
- * @internal
- */
+import type { TimelineDateMarkerProps } from "./TimelineComponent.js";
+/** @internal */
 export declare function getPercentageOfRectangle(rect: DOMRect, pointer: number): number;
 /** @internal */
 export declare function RailMarkers({ showToolTip, percent, tooltipText, markDate, }: {

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scrubber.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/timeline/Scrubber.tsx"],"names":[],"mappings":"AAIA,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,gBAAgB;AAChB,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,UAGtE;AA8FD,gBAAgB;AAChB,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,OAAO,EACP,WAAW,EACX,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,qBAsBA;AAED;;;GAGG;AACH,wBAAgB,WAAW,sBAQ1B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,eAAe,EAAE,cAAc,GAAG,SAAS,WA+B1E;AAED;;GAEG;AAEH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,mBAAmB,CAAC,EAAE,KAAK,CAAC,cAAc,CACxC,OAAO,MAAM,CACd,CAAC,qBAAqB,CAAC,CAAC;CAC1B;AAED;;GAEG;AACH,UAAU,eAAe;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AACD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAsH5C"}

package/lib/{esm/imodel-components-react → imodel-components-react}/timeline/Scrubber.js

@@ -5,11 +5,8 @@
 import "./Scrubber.scss";
 import * as React from "react";
 import { Slider } from "@itwin/itwinui-react";
-import { useEventListener } from "@itwin/core-react";
 import { toDateString, toTimeString } from "@itwin/components-react";
-/**
- * @internal
- */
+/** @internal */
 export function getPercentageOfRectangle(rect, pointer) {
     const position = Math.min(rect.right, Math.max(rect.left, pointer));
     return (position - rect.left) / rect.width;
@@ -90,14 +87,24 @@ export function useFocusedThumb(sliderContainer) {
         setThumbElement(element);
     }, [sliderContainer, thumbElement]);
     const [thumbHasFocus, setThumbHasFocus] = React.useState(false);
-    const handleThumbFocus = React.useCallback(() => {
-        setThumbHasFocus(true);
-    }, []);
-    const handleThumbBlur = React.useCallback(() => {
-        setThumbHasFocus(false);
-    }, []);
-    useEventListener("focus", handleThumbFocus, thumbElement);
-    useEventListener("blur", handleThumbBlur, thumbElement);
+    React.useEffect(() => {
+        const listener = () => {
+            setThumbHasFocus(true);
+        };
+        thumbElement?.addEventListener("focus", listener);
+        return () => {
+            thumbElement?.removeEventListener("focus", listener);
+        };
+    }, [thumbElement]);
+    React.useEffect(() => {
+        const listener = () => {
+            setThumbHasFocus(false);
+        };
+        thumbElement?.addEventListener("blur", listener);
+        return () => {
+            thumbElement?.removeEventListener("blur", listener);
+        };
+    }, [thumbElement]);
     return thumbHasFocus;
 }
 /** Scrubber/Slider for timeline control

package/lib/imodel-components-react/timeline/Scrubber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrubber.js","sourceRoot":"","sources":["../../../src/imodel-components-react/timeline/Scrubber.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 *--------------------------------------------------------------------------------------------*/\nimport \"./Scrubber.scss\";\nimport * as React from \"react\";\nimport { Slider } from \"@itwin/itwinui-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { toDateString, toTimeString } from \"@itwin/components-react\";\nimport type { TimelineDateMarkerProps } from \"./TimelineComponent.js\";\n\n/** @internal */\nexport function getPercentageOfRectangle(rect: DOMRect, pointer: number) {\n  const position = Math.min(rect.right, Math.max(rect.left, pointer));\n  return (position - rect.left) / rect.width;\n}\n\nconst formatDuration = (value: number) => {\n  const addZero = (i: number) => {\n    return i < 10 ? `0${i}` : i;\n  };\n\n  const date = new Date(value);\n  const minutes = date.getUTCMinutes();\n  const seconds = date.getUTCSeconds();\n  return `${addZero(minutes)}:${addZero(seconds)}`;\n};\n\nconst formatDate = (\n  startDate: Date,\n  endDate: Date,\n  fraction: number,\n  timeZoneOffset?: number\n) => {\n  const delta = (endDate.getTime() - startDate.getTime()) * fraction;\n  const date = new Date(startDate.getTime() + delta);\n  return toDateString(date, timeZoneOffset);\n};\n\nconst formatTime = (\n  startDate: Date,\n  endDate: Date,\n  fraction: number,\n  timeZoneOffset?: number\n) => {\n  const delta = (endDate.getTime() - startDate.getTime()) * fraction;\n  const date = new Date(startDate.getTime() + delta);\n  return ` ${toTimeString(date, timeZoneOffset)}`;\n};\n\nfunction generateToolTipText(\n  showTime: boolean,\n  percent: number,\n  min: number,\n  max: number,\n  startDate?: Date,\n  endDate?: Date,\n  timeZoneOffset = 0\n) {\n  if (startDate && endDate)\n    return `${formatDate(startDate, endDate, percent, timeZoneOffset)}${\n      showTime ? formatTime(startDate, endDate, percent, timeZoneOffset) : \"\"\n    } `;\n\n  const val = Math.round(min + (max - min) * percent);\n  return formatDuration(val);\n}\n\nfunction getPercentageFromDate(startDate: Date, endDate: Date, date?: Date) {\n  const newDate = date ? date : new Date();\n  const startTime = startDate.getTime();\n  const totalDuration = endDate.getTime() - startTime;\n  return (newDate.getTime() - startTime) / totalDuration;\n}\n\nfunction getDateMarker(\n  dateMarkerPropsIn: TimelineDateMarkerProps,\n  startDate: Date,\n  endDate: Date\n): DateMarkerProps {\n  const percentage = getPercentageFromDate(\n    startDate,\n    endDate,\n    dateMarkerPropsIn.date\n  );\n  const marker = dateMarkerPropsIn.dateMarker ? (\n    dateMarkerPropsIn.dateMarker\n  ) : (\n    <span className=\"date-marker-default\"></span>\n  );\n  return { datePercentage: percentage, dateMarker: marker };\n}\n\nfunction markDateInTimelineRange(\n  dateMarkerProps?: TimelineDateMarkerProps,\n  startDate?: Date,\n  endDate?: Date\n): boolean {\n  if (dateMarkerProps && startDate && endDate) {\n    const inDate = dateMarkerProps.date ? dateMarkerProps.date : new Date();\n    if (\n      inDate.getTime() >= startDate.getTime() &&\n      inDate.getTime() <= endDate.getTime()\n    )\n      return true;\n  }\n  return false;\n}\n\n/** @internal */\nexport function RailMarkers({\n  showToolTip,\n  percent,\n  tooltipText,\n  markDate,\n}: {\n  showToolTip: boolean;\n  percent: number;\n  tooltipText: string;\n  markDate?: DateMarkerProps;\n}) {\n  return (\n    <div className=\"components-timeline-rail-marker-container\">\n      {showToolTip && (\n        <div\n          className=\"components-timeline-tooltip\"\n          style={{ left: `${Math.round(percent * 100)}% ` }}\n        >\n          <span className=\"tooltip-text\">{tooltipText}</span>\n        </div>\n      )}\n      {markDate && (\n        <div\n          className=\"components-timeline-date-marker\"\n          data-testid=\"test-date-marker\"\n          style={{ left: `${Math.round(markDate.datePercentage * 100)}% ` }}\n        >\n          {markDate.dateMarker}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Custom Timeline Thumb\n * @internal\n */\nexport function CustomThumb() {\n  return (\n    <div className=\"scrubber-handle\">\n      <div />\n      <div />\n      <div />\n    </div>\n  );\n}\n\n/**\n * @internal\n */\nexport function useFocusedThumb(sliderContainer: HTMLDivElement | undefined) {\n  const [thumbElement, setThumbElement] = React.useState<HTMLDivElement>();\n\n  React.useLayoutEffect(() => {\n    if (!sliderContainer) return;\n    const element = sliderContainer.querySelector(\".components-timeline-thumb\");\n    if (!element) return;\n    setThumbElement(element as HTMLDivElement);\n  }, [sliderContainer, thumbElement]);\n\n  const [thumbHasFocus, setThumbHasFocus] = React.useState(false);\n\n  React.useEffect(() => {\n    const listener = () => {\n      setThumbHasFocus(true);\n    };\n    thumbElement?.addEventListener(\"focus\", listener);\n    return () => {\n      thumbElement?.removeEventListener(\"focus\", listener);\n    };\n  }, [thumbElement]);\n  React.useEffect(() => {\n    const listener = () => {\n      setThumbHasFocus(false);\n    };\n    thumbElement?.addEventListener(\"blur\", listener);\n    return () => {\n      thumbElement?.removeEventListener(\"blur\", listener);\n    };\n  }, [thumbElement]);\n  return thumbHasFocus;\n}\n\n/** Properties for Scrubber/Slider used on timeline control\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ScrubberProps extends CommonProps {\n  currentDuration: number;\n  totalDuration: number;\n  isPlaying: boolean;\n  startDate?: Date;\n  endDate?: Date;\n  showTime?: boolean;\n  onChange?: (values: ReadonlyArray<number>) => void;\n  onUpdate?: (values: ReadonlyArray<number>) => void;\n  timeZoneOffset?: number;\n  markDate?: TimelineDateMarkerProps;\n  trackContainerProps?: React.ComponentProps<\n    typeof Slider\n  >[\"trackContainerProps\"];\n}\n\n/** Properties for marking current date in RailMarkers\n * @internal\n */\ninterface DateMarkerProps {\n  datePercentage: number;\n  dateMarker?: React.ReactNode;\n}\n/** Scrubber/Slider for timeline control\n * @internal\n */\nexport function Scrubber(props: ScrubberProps) {\n  const {\n    startDate,\n    endDate,\n    showTime,\n    isPlaying,\n    totalDuration,\n    timeZoneOffset,\n    currentDuration,\n    className,\n    onChange,\n    onUpdate,\n    trackContainerProps,\n  } = props;\n\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 thumbHasFocus = useFocusedThumb(sliderContainer ?? undefined);\n\n  const tickLabel = React.useMemo(() => {\n    const showTip = isPlaying || showRailTooltip || thumbHasFocus;\n    const percent =\n      isPlaying || thumbHasFocus\n        ? currentDuration / totalDuration\n        : pointerPercent;\n    const markDateInRange = markDateInTimelineRange(\n      props.markDate,\n      startDate,\n      endDate\n    );\n    const currentDateMarker =\n      props.markDate && markDateInRange && startDate && endDate\n        ? getDateMarker(props.markDate, startDate, endDate)\n        : undefined;\n    const tooltipText = generateToolTipText(\n      !!showTime,\n      percent,\n      0,\n      totalDuration,\n      startDate,\n      endDate,\n      timeZoneOffset\n    );\n    return (\n      <RailMarkers\n        showToolTip={showTip}\n        percent={percent}\n        tooltipText={tooltipText}\n        markDate={currentDateMarker}\n      />\n    );\n  }, [\n    isPlaying,\n    showRailTooltip,\n    currentDuration,\n    totalDuration,\n    pointerPercent,\n    startDate,\n    endDate,\n    timeZoneOffset,\n    showTime,\n    thumbHasFocus,\n    props.markDate,\n  ]);\n\n  return (\n    <Slider\n      ref={setSliderContainer}\n      className={className}\n      step={1}\n      min={0}\n      max={totalDuration}\n      minLabel=\"\"\n      maxLabel=\"\"\n      onUpdate={onUpdate}\n      onChange={onChange}\n      values={[currentDuration]}\n      tooltipProps={tooltipProps}\n      thumbProps={() => ({\n        children: <CustomThumb />,\n        className: \"components-timeline-thumb\",\n      })}\n      tickLabels={tickLabel}\n      onPointerEnter={handlePointerEnter}\n      onPointerMove={handlePointerMove}\n      onPointerLeave={handlePointerLeave}\n      trackContainerProps={trackContainerProps}\n    />\n  );\n}\n"]}

package/lib/{esm/imodel-components-react → imodel-components-react}/timeline/Scrubber.scss

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@use "~@itwin/core-react/lib/core-react/z-index" as *;
 
 .components-timeline-thumb {
   display: flex;

package/lib/{esm/imodel-components-react → imodel-components-react}/timeline/SolarTimeline.d.ts

@@ -4,7 +4,7 @@
 import "./SolarTimeline.scss";
 import * as React from "react";
 import { ColorDef } from "@itwin/core-common";
-import type { SolarDataProvider } from "./interfaces";
+import type { SolarDataProvider } from "./interfaces.js";
 interface SolarTimelineComponentProps {
     dataProvider: SolarDataProvider;
     onPlayPause?: (playing: boolean) => void;

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolarTimeline.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/timeline/SolarTimeline.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AA4B3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AA8EzD,UAAU,2BAA2B;IACnC,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,2BAA2B;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,QAAQ,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CACpD,2BAA2B,EAC3B,2BAA2B,CAC5B;IACC,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,cAAc,CAAK;IAE3B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAS5B;IAEF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsB;gBAElC,KAAK,EAAE,2BAA2B;IA8C9B,oBAAoB;IAMpC,OAAO,CAAC,gBAAgB,CA4CtB;IAEF,OAAO,CAAC,KAAK;IAWb,OAAO,CAAC,QAAQ,CAad;IAGF,OAAO,CAAC,OAAO,CAYb;IAEF,OAAO,CAAC,wBAAwB;IAWhC,OAAO,CAAC,aAAa,CAyCnB;IAEF,OAAO,CAAC,qBAAqB,CAE3B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,oBAAoB;IA0B5B,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,WAAW,CAoBjB;IAEK,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IASxB,MAAM;CA8JvB"}

package/lib/{esm/imodel-components-react → imodel-components-react}/timeline/SolarTimeline.js

@@ -12,9 +12,9 @@ import { ColorByName, ColorDef } from "@itwin/core-common";
 import { adjustDateToTimezone, UiComponents } from "@itwin/components-react";
 import { Button, ColorBuilder, ColorInputPanel, ColorPalette, ColorPicker, DatePicker, Flex, Icon, IconButton, Label, Popover, Select, Slider, Text, Tooltip, VisuallyHidden, } from "@itwin/itwinui-react";
 import { SvgCalendar, SvgLoop, SvgMoon, SvgSettings, SvgSun, } from "@itwin/itwinui-icons-react";
-import { UiIModelComponents } from "../UiIModelComponents";
-import { PlayButton } from "./PlayButton";
-import { useTranslation } from "../useTranslation";
+import { UiIModelComponents } from "../UiIModelComponents.js";
+import { PlayButton } from "./PlayButton.js";
+import { useTranslation } from "../useTranslation.js";
 const msPerMinute = 1000 * 60;
 const msPerHour = msPerMinute * 60;
 const defaultPlaybackDuration = 40 * 1000;

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

@@ -0,0 +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\nimport \"./SolarTimeline.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ColorByName, ColorDef } from \"@itwin/core-common\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { adjustDateToTimezone, UiComponents } from \"@itwin/components-react\";\nimport {\n  Button,\n  ColorBuilder,\n  ColorInputPanel,\n  ColorPalette,\n  ColorPicker,\n  DatePicker,\n  Flex,\n  Icon,\n  IconButton,\n  Label,\n  Popover,\n  Select,\n  Slider,\n  Text,\n  Tooltip,\n  VisuallyHidden,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgCalendar,\n  SvgLoop,\n  SvgMoon,\n  SvgSettings,\n  SvgSun,\n} from \"@itwin/itwinui-icons-react\";\nimport type { SolarDataProvider } from \"./interfaces.js\";\nimport { UiIModelComponents } from \"../UiIModelComponents.js\";\nimport { PlayButton } from \"./PlayButton.js\";\nimport { useTranslation } from \"../useTranslation.js\";\n\nconst msPerMinute = 1000 * 60;\nconst msPerHour = msPerMinute * 60;\nconst defaultPlaybackDuration = 40 * 1000;\n\nconst offset = 6;\n\n// eslint-disable-next-line deprecation/deprecation\ninterface TimelineProps extends CommonProps {\n  dayStartMs: number;\n  sunRiseOffsetMs: number;\n  sunSetOffsetMs: number;\n  currentTimeOffsetMs: number;\n  isPlaying: boolean;\n  formatTick?: (ms: number) => string;\n  formatTime: (ms: number) => string;\n  onChange?: (values: ReadonlyArray<number>) => void;\n  onUpdate?: (values: ReadonlyArray<number>) => void;\n}\n\nfunction Timeline(props: TimelineProps) {\n  const {\n    formatTick,\n    formatTime,\n    onChange,\n    onUpdate,\n    dayStartMs,\n    sunSetOffsetMs,\n    sunRiseOffsetMs,\n    currentTimeOffsetMs,\n  } = props;\n\n  const tooltipContent = formatTime(dayStartMs + currentTimeOffsetMs);\n\n  const className = classnames(\n    \"solar-timeline\",\n    props.className,\n    formatTick && \"showticks\"\n  );\n  const sunRiseStr = formatTime(dayStartMs + sunRiseOffsetMs);\n  const sunSetStr = formatTime(dayStartMs + sunSetOffsetMs);\n  return (\n    <div className={className}>\n      <VisuallyHidden>Solar timeline</VisuallyHidden>\n      <Slider\n        thumbProps={() => ({ \"aria-labelledby\": \"timeline\" })}\n        step={msPerMinute}\n        min={sunRiseOffsetMs}\n        max={sunSetOffsetMs}\n        minLabel={\n          <Tooltip content={sunRiseStr}>\n            <Icon>\n              <SvgSun />\n            </Icon>\n          </Tooltip>\n        }\n        maxLabel={\n          <Tooltip content={sunSetStr}>\n            <Icon>\n              <SvgMoon />\n            </Icon>\n          </Tooltip>\n        }\n        onUpdate={onUpdate}\n        onChange={onChange}\n        values={[currentTimeOffsetMs]}\n        tooltipProps={() => ({\n          content: tooltipContent,\n        })}\n      />\n    </div>\n  );\n}\n\ninterface SolarTimelineComponentProps {\n  dataProvider: SolarDataProvider; // provides date, sunrise, sunset in ms, 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 _requestFrame = 0;\n  private _unmounted = false;\n  private _timeLastCycle = 0;\n  private _totalPlayTime = 0;\n\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  private readonly _speeds = [1, 2, 3, 4, 5, 6];\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    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      if (this.props.onPlayPause) this.props.onPlayPause(true);\n    });\n  }\n\n  // user clicked pause button\n  private _onPause = () => {\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    if (this.props.onPlayPause) this.props.onPlayPause(false);\n  };\n\n  // user clicked play button\n  private _onPlay = () => {\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  private _onDateChange = (newDate: Date) => {\n    this.props.dataProvider.setDateAndTime(newDate);\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\n    /** call dataProvider to update display style */\n    // this.props.dataProvider.onTimeChanged?.(this.props.dataProvider.timeOfDay);\n\n    // Update time\n    const newHours = newDate.getHours();\n    const newMinutes = newDate.getMinutes();\n    const newSunTime = newHours * msPerHour + newMinutes * msPerMinute;\n    const dateWithNewTime = new Date(dayStartMs + newSunTime);\n    // this.props.dataProvider.setDateAndTime(dateWithNewTime, true);\n\n    const currentTimeOffsetMs = this.ensureRange(\n      newSunTime,\n      sunRiseOffsetMs,\n      sunSetOffsetMs\n    );\n    this.setPlaybackTimeBySunTime(\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunDeltaMs\n    );\n    this._timeLastCycle = new Date().getTime();\n\n    this.props.dataProvider.onTimeChanged?.(dateWithNewTime);\n    this.setState({\n      dayStartMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n      currentTimeOffsetMs,\n      sunDeltaMs,\n      isDateOpened: false,\n    });\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 = (ms: number) => {\n    const date = new Date(ms);\n    const amLabel = UiComponents.translate(\"time.am\");\n    const pmLabel = UiComponents.translate(\"time.pm\");\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 = date.getMinutes();\n    const abbrev = hours < 12 ? amLabel : hours === 24 ? amLabel : pmLabel;\n    hours = hours > 12 ? hours - 12 : hours;\n    const hoursStr = hours.toLocaleString(undefined, {\n      minimumIntegerDigits: 2,\n    });\n    const minutesStr = minutes.toLocaleString(undefined, {\n      minimumIntegerDigits: 2,\n    });\n    return `${hoursStr}:${minutesStr} ${abbrev}`;\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: currentSpeed,\n      loop,\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n    } = this.state;\n    const 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    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      months[localTime.getMonth()]\n    }, ${localTime.getDate()}`;\n\n    return (\n      <div className=\"solar-timeline-wrapper\">\n        <Flex flexWrap=\"wrap\" gap=\"none\" className=\"solar-timeline-start\">\n          <PlayButton\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n          />\n          <Popover\n            content={\n              <DatePicker\n                date={localTime}\n                onChange={this._onDateChange}\n                showTime\n                use12Hours\n              />\n            }\n            visible={this.state.isDateOpened}\n            onVisibleChange={(isDateOpened) => {\n              this.setState({ isDateOpened });\n            }}\n            placement=\"top\"\n            middleware={{\n              offset,\n            }}\n          >\n            <CalendarButton\n              onClick={() => {\n                const isDateOpened = !this.state.isDateOpened;\n                this.setState({ isDateOpened });\n              }}\n            >\n              {formattedDate} @ {formattedTime}\n            </CalendarButton>\n          </Popover>\n        </Flex>\n\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\n        <Flex\n          justifyContent=\"flex-end\"\n          flexWrap=\"wrap\"\n          gap=\"none\"\n          className=\"solar-timeline-end\"\n        >\n          <VisuallyHidden>\n            <Label htmlFor=\"speed\">Timeline speed</Label>\n          </VisuallyHidden>\n          <Tooltip\n            content={UiIModelComponents.translate(\"solartimeline.speed\")}\n          >\n            <Select\n              native\n              styleType=\"borderless\"\n              triggerProps={{\n                name: \"speed\",\n              }}\n              onChange={(newValue) => this._onSpeedChange(Number(newValue))}\n              value={currentSpeed.toString()}\n              options={this._speeds.map((speed) => ({\n                value: speed.toString(),\n                label: `${speed}x`,\n              }))}\n            />\n          </Tooltip>\n\n          <IconButton\n            styleType=\"borderless\"\n            label={UiIModelComponents.translate(\"timeline.repeat\")}\n            onClick={this._onToggleLoop}\n            isActive={loop}\n          >\n            <SvgLoop />\n          </IconButton>\n\n          <Popover\n            content={\n              <ColorPicker\n                selectedColor={this.state.shadowColor.colors}\n                onChangeComplete={(color) => {\n                  const colorDef = ColorDef.create(color.toTbgr());\n                  this.setState(\n                    { shadowColor: colorDef },\n                    () => (this.props.dataProvider.shadowColor = colorDef)\n                  );\n                }}\n              >\n                <Text variant=\"title\" as=\"h2\" style={{ textAlign: \"center\" }}>\n                  {UiIModelComponents.translate(\"solarsettings.shadowcolor\")}\n                </Text>\n                <ColorBuilder />\n                <ColorInputPanel defaultColorFormat=\"hsl\" />\n                <ColorPalette\n                  colors={this._presetColors.map((color) => color.colors)}\n                />\n              </ColorPicker>\n            }\n            placement=\"top\"\n            middleware={{\n              offset,\n            }}\n          >\n            <IconButton\n              styleType=\"borderless\"\n              data-testid=\"shadow-settings-button\"\n              label={UiIModelComponents.translate(\"timeline.settings\")}\n              onClick={this._onOpenSettingsPopup}\n            >\n              <SvgSettings />\n            </IconButton>\n          </Popover>\n        </Flex>\n      </div>\n    );\n  }\n}\n\ninterface CalendarButtonProps {\n  children?: React.ReactNode;\n  onClick?: () => void;\n}\n\nconst CalendarButton = React.forwardRef<HTMLButtonElement, CalendarButtonProps>(\n  function CalendarButton({ children, onClick }, ref) {\n    const { translate } = useTranslation();\n    const tooltip = translate(\"solartimeline.dateTime\");\n\n    return (\n      <Tooltip content={tooltip}>\n        <Button\n          styleType=\"borderless\"\n          startIcon={<SvgCalendar />}\n          data-testid=\"solar-date-time-button\"\n          title={tooltip}\n          onClick={onClick}\n          ref={ref}\n        >\n          <span className=\"solar-timeline-date-time\">{children}</span>\n        </Button>\n      </Tooltip>\n    );\n  }\n);\n"]}

package/lib/{esm/imodel-components-react → imodel-components-react}/timeline/SolarTimeline.scss

@@ -2,8 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
 .solar-timeline-wrapper {
   width: 100%;
   position: relative;

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

@@ -0,0 +1 @@
+{"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;AAKrD,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,qBA0B9C"}

package/lib/imodel-components-react/timeline/SpeedTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeedTimeline.js","sourceRoot":"","sources":["../../../src/imodel-components-react/timeline/SpeedTimeline.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAW9C;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,KAAiB;IAC7C,MAAM,QAAQ,GAAG,CAAC,MAA6B,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;YAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3D,oBAAC,MAAM,IACL,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,CAAC,EACN,QAAQ,EAAC,EAAE,EACX,QAAQ,EAAC,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EACrB,gBAAgB,EAAC,MAAM,EACvB,YAAY,EAAE,YAAY,GAC1B,CACE,CACP,CAAC;AACJ,CAAC","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 \"./SpeedTimeline.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Slider } from \"@itwin/itwinui-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n// component is in alpha state - it may change after usability testing - test coverage not complete\n\n// eslint-disable-next-line deprecation/deprecation\ninterface SpeedProps extends CommonProps {\n  speed: number;\n  onChange?: (value: number) => void;\n}\n\n/** Speed Timeline used in Solar Timeline component\n * @internal\n */\nexport function SpeedTimeline(props: SpeedProps) {\n  const onChange = (values: ReadonlyArray<number>) => {\n    const value = values[0];\n    if (props.onChange && value >= 1 && value <= 6) props.onChange(value);\n  };\n\n  const tooltipProps = React.useCallback(() => {\n    return { visible: false };\n  }, []);\n\n  return (\n    <div className={classnames(\"speed-timeline\", props.className)}>\n      <Slider\n        step={1}\n        min={1}\n        max={6}\n        minLabel=\"\"\n        maxLabel=\"\"\n        onUpdate={onChange}\n        onChange={onChange}\n        values={[props.speed]}\n        trackDisplayMode=\"none\"\n        tooltipProps={tooltipProps}\n      />\n    </div>\n  );\n}\n"]}

package/lib/{cjs/imodel-components-react → imodel-components-react}/timeline/SpeedTimeline.scss

@@ -2,8 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
 .speed-timeline {
   position: relative;
   height: 25px;
@@ -22,7 +20,7 @@
     width: 100%;
     height: 2px;
     pointer-events: none;
-    background: $buic-background-5;
+    background: var(--iui-color-background-disabled);
   }
 
   .scrubberHandle {
@@ -35,6 +33,6 @@
     cursor: pointer;
     border: none;
     border-radius: 50%;
-    background: $buic-foreground-primary;
+    background: var(--iui-color-icon-accent);
   }
 }

package/lib/{esm/imodel-components-react → imodel-components-react}/timeline/Timeline.scss

@@ -2,13 +2,11 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
 .timeline {
   position: relative;
   height: 110px;
-  background: $buic-background-1;
-  border: 1px solid $buic-background-5;
+  background: var(--iui-color-background);
+  border: 1px solid var(--iui-color-background-disabled);
   box-sizing: border-box;
 }
 
@@ -31,7 +29,7 @@
   height: 4px;
   cursor: pointer;
   pointer-events: none;
-  background: $buic-background-5;
+  background: var(--iui-color-background-disabled);
 }
 
 .tooltip-rail {
@@ -49,7 +47,7 @@
   z-index: 4;
   width: 2px;
   height: 100%;
-  background: $buic-foreground-primary;
+  background: var(--iui-color-icon-accent);
   cursor: pointer;
 }
 
@@ -63,8 +61,8 @@
   cursor: pointer;
   border: none;
   border-radius: 50%;
-  background: $buic-foreground-primary;
-  border: 2px solid $buic-background-1;
+  background: var(--iui-color-icon-accent);
+  border: 2px solid var(--iui-color-background);
 
   > span {
     position: absolute;
@@ -104,7 +102,7 @@
   width: 2px;
   height: 11px;
   transform: translateX(-50%);
-  background: $buic-background-5;
+  background: var(--iui-color-background-disabled);
 }
 
 .tick-label {

package/lib/{esm/imodel-components-react → imodel-components-react}/timeline/TimelineComponent.d.ts

@@ -5,7 +5,7 @@ import "./TimelineComponent.scss";
 import * as React from "react";
 import type { DateFormatOptions } from "@itwin/components-react";
 import type { Slider } from "@itwin/itwinui-react";
-import type { PlaybackSettings } from "./interfaces";
+import type { PlaybackSettings } from "./interfaces.js";
 /** [[TimelineMenuItemOption]]: specifies how the app wants the timeline speeds to be installed on the TimelineComponent's ContextMenu
  * "replace" : use the app-supplied items in place of the standard items
  * "append" : add the app-supplied items following the standard items

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineComponent.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/timeline/TimelineComponent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQnD,OAAO,KAAK,EAAE,gBAAgB,EAAyB,MAAM,iBAAiB,CAAC;AAU/E;;;;;;GAMG;AACH,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IAEd,+CAA+C;IAC/C,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,6GAA6G;IAC7G,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,gEAAgE;IAChE,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,2DAA2D;IAC3D,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yGAAyG;IACzG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,kIAAkI;IAClI,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,oHAAoH;IACpH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0HAA0H;IAC1H,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,uGAAuG;IACvG,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,uGAAuG;IACvG,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,mBAAmB,CAAC,EAAE,KAAK,CAAC,cAAc,CACxC,OAAO,MAAM,CACd,CAAC,qBAAqB,CAAC,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAwN9D"}

package/lib/{esm/imodel-components-react → imodel-components-react}/timeline/TimelineComponent.js

@@ -11,11 +11,11 @@ import { UiAdmin } from "@itwin/appui-abstract";
 import { toDateString, toTimeString } from "@itwin/components-react";
 import { SvgCheckmark, SvgMoreVertical } from "@itwin/itwinui-icons-react";
 import { DropdownMenu, IconButton, MenuDivider, MenuItem, } from "@itwin/itwinui-react";
-import { InlineEdit } from "./InlineEdit";
-import { TimelinePausePlayAction } from "./interfaces";
-import { PlayButton } from "./PlayButton";
-import { Scrubber } from "./Scrubber";
-import { useTranslation } from "../useTranslation";
+import { InlineEdit } from "./InlineEdit.js";
+import { TimelinePausePlayAction } from "./interfaces.js";
+import { PlayButton } from "./PlayButton.js";
+import { Scrubber } from "./Scrubber.js";
+import { useTranslation } from "../useTranslation.js";
 const slowSpeed = 60 * 1000;
 const mediumSpeed = 20 * 1000;
 const fastSpeed = 10 * 1000;

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

@@ -0,0 +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 { toDateString, toTimeString } from \"@itwin/components-react\";\nimport { SvgCheckmark, SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\nimport type { Slider } from \"@itwin/itwinui-react\";\nimport {\n  DropdownMenu,\n  IconButton,\n  MenuDivider,\n  MenuItem,\n} from \"@itwin/itwinui-react\";\nimport { InlineEdit } from \"./InlineEdit.js\";\nimport type { PlaybackSettings, TimelinePausePlayArgs } from \"./interfaces.js\";\nimport { TimelinePausePlayAction } from \"./interfaces.js\";\nimport { PlayButton } from \"./PlayButton.js\";\nimport { Scrubber } from \"./Scrubber.js\";\nimport { useTranslation } from \"../useTranslation.js\";\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.0. 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.0. 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.0. Has no effect.\n   */\n  alwaysMinimized?: boolean;\n  /** ComponentId -- must be set to use TimelineComponentEvents\n   * @deprecated in 4.11.0.  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  /** Props for a container that holds the slider thumbs and tracks. */\n  trackContainerProps?: React.ComponentProps<\n    typeof Slider\n  >[\"trackContainerProps\"];\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        trackContainerProps={props.trackContainerProps}\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(\"timeline.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/imodel-components-react/timeline/interfaces.d.ts.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/imodel-components-react/timeline/interfaces.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAKH;;GAEG;AACH,MAAM,CAAN,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,KAAb,aAAa,QAWxB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,qDAAqD;IACrD,yEAAU,CAAA;IACV,sEAAsE;IACtE,2EAAW,CAAA;AACb,CAAC,EALW,mBAAmB,KAAnB,mBAAmB,QAK9B;AAwCD;;GAEG;AACH,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,yEAAM,CAAA;IACN,uEAAK,CAAA;IACL,qEAAI,CAAA;AACN,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,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/imodel-components-react/useTranslation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../src/imodel-components-react/useTranslation.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,wBAAgB,cAAc;;EAY7B"}

package/lib/{esm/imodel-components-react → imodel-components-react}/useTranslation.js

@@ -4,8 +4,8 @@
  *--------------------------------------------------------------------------------------------*/
 import * as defaults from "./UiIModelComponents.json";
 import * as React from "react";
-import { usePackageTranslation } from "@itwin/core-react";
-import { UiIModelComponents } from "./UiIModelComponents";
+import { usePackageTranslation } from "@itwin/core-react/internal";
+import { UiIModelComponents } from "./UiIModelComponents.js";
 /** Returns a translation function.
  * @internal
  */

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation.js","sourceRoot":"","sources":["../../src/imodel-components-react/useTranslation.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,QAAQ,MAAM,2BAA2B,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D;;GAEG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,GAAW,EAAE,EAAE;QACjD,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,CAAC;YACpC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,qBAAqB,CAAC;QAC3B,SAAS,EAAE,kBAAkB,CAAC,qBAAqB;QACnD,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;AACL,CAAC","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 *--------------------------------------------------------------------------------------------*/\nimport * as defaults from \"./UiIModelComponents.json\";\nimport * as React from \"react\";\nimport { usePackageTranslation } from \"@itwin/core-react/internal\";\nimport { UiIModelComponents } from \"./UiIModelComponents.js\";\n\n/** Returns a translation function.\n * @internal\n */\nexport function useTranslation() {\n  const fallback = React.useCallback((key: string) => {\n    if (!UiIModelComponents.initialized) {\n      return undefined;\n    }\n    return UiIModelComponents.translate(key);\n  }, []);\n  return usePackageTranslation({\n    namespace: UiIModelComponents.localizationNamespace,\n    fallback,\n    defaults,\n  });\n}\n"]}

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

@@ -0,0 +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,EACX,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,cAAc,EAGf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;AAE1D;;;GAGG;AAEH,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;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,qBA8TrD"}

package/lib/{esm/imodel-components-react → imodel-components-react}/viewport/ViewportComponent.js

@@ -10,7 +10,7 @@ import { Logger } from "@itwin/core-bentley";
 import { Transform } from "@itwin/core-geometry";
 import { NpcCenter } from "@itwin/core-common";
 import { IModelApp, ScreenViewport, StandardView, ToolSettings, } from "@itwin/core-frontend";
-import { ViewportComponentEvents } from "./ViewportComponentEvents";
+import { ViewportComponentEvents } from "./ViewportComponentEvents.js";
 /** A viewport React component that creates a ScreenViewport.
  * @public
  */

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportComponent.js","sourceRoot":"","sources":["../../../src/imodel-components-react/viewport/ViewportComponent.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 Viewport\n */\n\nimport * as React from \"react\";\nimport type { Id64String } from \"@itwin/core-bentley\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Point3d } from \"@itwin/core-geometry\";\nimport { Transform } from \"@itwin/core-geometry\";\nimport { NpcCenter } from \"@itwin/core-common\";\nimport type {\n  IModelConnection,\n  TentativePoint,\n  ViewManager,\n  ViewState,\n} from \"@itwin/core-frontend\";\nimport {\n  IModelApp,\n  ScreenViewport,\n  StandardView,\n  ToolSettings,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport { ViewportComponentEvents } from \"./ViewportComponentEvents.js\";\n\n/** Type for a ViewState prop\n * @public\n */\nexport type ViewStateProp = ViewState | (() => ViewState);\n\n/**\n * Properties for [[ViewportComponent]] component.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ViewportProps extends CommonProps {\n  /** IModel to display */\n  imodel: IModelConnection;\n  /** Id of a default view definition to load as a starting point */\n  viewDefinitionId?: Id64String;\n  /** ViewState to use as a starting point */\n  viewState?: ViewStateProp;\n  /** Function to get a reference to the ScreenViewport */\n  viewportRef?: (v: ScreenViewport) => void;\n  /** controlId for this content component @internal */\n  controlId?: string;\n  /** @internal */\n  onContextMenu?: (e: React.MouseEvent) => boolean;\n  /** @internal */\n  getViewOverlay?: (viewport: ScreenViewport) => React.ReactNode;\n  /** @internal used only for testing */\n  viewManagerOverride?: ViewManager;\n  /** @internal used only for testing */\n  screenViewportOverride?: typeof ScreenViewport;\n  /** @internal used only for testing */\n  tentativePointOverride?: TentativePoint;\n}\n\n/** A viewport React component that creates a ScreenViewport.\n * @public\n */\nexport function ViewportComponent(props: ViewportProps) {\n  const {\n    viewState,\n    imodel,\n    viewDefinitionId,\n    getViewOverlay,\n    viewManagerOverride,\n    tentativePointOverride,\n    onContextMenu,\n    style,\n    className,\n    screenViewportOverride,\n    controlId,\n    viewportRef,\n  } = props;\n  const viewManagerRef = React.useRef(\n    viewManagerOverride ?? IModelApp.viewManager\n  );\n  const tentativePointOverrideRef = React.useRef(tentativePointOverride);\n  const screenViewportCreated = React.useRef(false);\n  const viewportDiv = React.useRef<HTMLDivElement>(null);\n  const screenViewportRef = React.useRef<ScreenViewport | null>(null);\n  const isMounted = React.useRef(false);\n  const viewClassFullName = React.useRef(\"\");\n  const viewId = React.useRef(\"0\");\n\n  const handleViewChanged: ListenerType<ScreenViewport[\"onViewChanged\"]> = (\n    vp\n  ) => {\n    if (!(vp.iModel.isOpen || vp.iModel.isBlank)) return;\n    ViewportComponentEvents.setViewMatrix(vp);\n    if (viewClassFullName.current !== vp.view.classFullName) {\n      setTimeout(() => {\n        ViewportComponentEvents.onViewClassFullNameChangedEvent.emit({\n          viewport: vp,\n          oldName: viewClassFullName.current,\n          newName: vp.view.classFullName,\n        });\n        viewClassFullName.current = vp.view.classFullName;\n      });\n    }\n    if (viewId.current !== vp.view.id) {\n      setTimeout(() => {\n        ViewportComponentEvents.onViewIdChangedEvent.emit({\n          viewport: vp,\n          oldId: viewId.current,\n          newId: vp.view.id,\n        });\n        viewId.current = vp.view.id;\n      });\n    }\n  };\n\n  const handleStandardRotationChangeEvent: ListenerType<\n    typeof ViewportComponentEvents.onStandardRotationChangeEvent\n  > = (args) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (\n      currentScreenViewport &&\n      viewManager.selectedView === currentScreenViewport\n    ) {\n      currentScreenViewport.view.setRotationAboutPoint(\n        StandardView.getStandardRotation(args.standardRotation)\n      );\n      currentScreenViewport.synchWithView();\n    }\n  };\n\n  const handleDrawingViewportChangeEvent: ListenerType<\n    typeof ViewportComponentEvents.onDrawingViewportChangeEvent\n  > = (args) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (\n      currentScreenViewport &&\n      viewManager.selectedView === currentScreenViewport\n    ) {\n      currentScreenViewport.view.setOrigin(args.origin);\n      currentScreenViewport.view.setRotation(args.rotation);\n      currentScreenViewport.synchWithView({\n        noSaveInUndo: args.complete !== true,\n      });\n    }\n  };\n\n  const targetPoint = React.useRef<Point3d | null>(null);\n\n  const getRotatePoint = (vp: ScreenViewport): Point3d => {\n    const lastTargetPoint = targetPoint.current;\n    const tentativePoint =\n      tentativePointOverrideRef.current ?? IModelApp.tentativePoint;\n    if (tentativePoint.isActive) return tentativePoint.getPoint();\n\n    if (null !== lastTargetPoint) {\n      const testPt = vp.worldToView(lastTargetPoint);\n      const viewRect = vp.viewRect.clone();\n      viewRect.scaleAboutCenter(0.25, 0.25);\n      if (viewRect.containsPoint(testPt)) return lastTargetPoint;\n      targetPoint.current = null;\n    }\n\n    const visiblePoint = vp.pickNearestVisibleGeometry(\n      vp.npcToWorld(NpcCenter),\n      vp.pixelsFromInches(ToolSettings.viewToolPickRadiusInches)\n    );\n    targetPoint.current =\n      undefined !== visiblePoint ? visiblePoint : vp.view.getTargetPoint();\n    return targetPoint.current ?? vp.view.getCenter();\n  };\n\n  const handleCubeRotationChangeEvent: ListenerType<\n    typeof ViewportComponentEvents.onCubeRotationChangeEvent\n  > = (args) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (\n      currentScreenViewport &&\n      viewManager.selectedView === currentScreenViewport\n    ) {\n      const rotMatrix = args.rotMatrix;\n      if (currentScreenViewport.rotation !== rotMatrix) {\n        const inverse = rotMatrix.transpose(); // rotation is from current nav cube state...\n        const center = getRotatePoint(currentScreenViewport);\n        const targetMatrix = inverse.multiplyMatrixMatrix(\n          currentScreenViewport.view.getRotation()\n        );\n        const worldTransform = Transform.createFixedPointAndMatrix(\n          center,\n          targetMatrix\n        );\n        const frustum = currentScreenViewport.getWorldFrustum();\n        frustum.multiply(worldTransform);\n        currentScreenViewport.view.setupFromFrustum(frustum);\n        currentScreenViewport.synchWithView({ noSaveInUndo: !args.complete });\n      }\n    }\n  };\n\n  const handleDisconnectFromViewManager = () => {\n    const screenViewport = screenViewportRef.current;\n    if (screenViewport) {\n      const viewManager = IModelApp.viewManager;\n      screenViewport.onViewChanged.removeListener(handleViewChanged);\n      screenViewportRef.current = null;\n      screenViewportCreated.current = false;\n      ViewportComponentEvents.onDrawingViewportChangeEvent.removeListener(\n        handleDrawingViewportChangeEvent\n      );\n      ViewportComponentEvents.onCubeRotationChangeEvent.removeListener(\n        handleCubeRotationChangeEvent\n      );\n      ViewportComponentEvents.onStandardRotationChangeEvent.removeListener(\n        handleStandardRotationChangeEvent\n      );\n      viewManager.dropViewport(screenViewport, true);\n    }\n  };\n\n  const handleWindowUnload = () => {\n    const parentDiv = viewportDiv.current;\n    if (parentDiv) {\n      const parentWindow = parentDiv.ownerDocument.defaultView as Window;\n      if (parentWindow !== window) {\n        handleDisconnectFromViewManager();\n      }\n    }\n  };\n\n  const getScreenViewport = (\n    parentDiv: HTMLDivElement,\n    inViewState: ViewState\n  ) => {\n    const screenViewportFactory = screenViewportOverride\n      ? screenViewportOverride\n      : ScreenViewport;\n    const parentWindow = parentDiv.ownerDocument.defaultView as Window;\n    parentWindow.addEventListener(\"unload\", handleWindowUnload, {\n      once: true,\n      capture: true,\n    }); // by specifying 'once', listener clears after being called\n    ViewportComponentEvents.initialize();\n    ViewportComponentEvents.onDrawingViewportChangeEvent.addListener(\n      handleDrawingViewportChangeEvent\n    );\n    ViewportComponentEvents.onCubeRotationChangeEvent.addListener(\n      handleCubeRotationChangeEvent\n    );\n    ViewportComponentEvents.onStandardRotationChangeEvent.addListener(\n      handleStandardRotationChangeEvent\n    );\n    const screenViewport = screenViewportFactory.create(parentDiv, inViewState);\n    screenViewportCreated.current = true;\n    viewClassFullName.current = screenViewport.view.classFullName;\n    viewId.current = screenViewport.view.id;\n    screenViewport.onViewChanged.addListener(handleViewChanged);\n    return screenViewport;\n  };\n\n  React.useEffect(() => {\n    isMounted.current = true;\n    Logger.logInfo(\n      \"ViewportComponent\",\n      `mounting ViewportComponent for controlId=${controlId}`\n    );\n\n    return () => {\n      isMounted.current = false;\n      Logger.logInfo(\n        \"ViewportComponent\",\n        `un-mounting ViewportComponent for controlId=${controlId}`\n      );\n      handleDisconnectFromViewManager();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const [initialViewState, setInitialViewState] = React.useState<\n    ViewState | undefined\n  >(undefined);\n  React.useEffect(() => {\n    setInitialViewState(undefined);\n  }, [viewDefinitionId, viewState]);\n  React.useEffect(() => {\n    async function fetchInitialViewstate() {\n      let currentViewState: ViewState | undefined;\n      if (viewState) {\n        if (typeof viewState === \"function\") currentViewState = viewState();\n        else currentViewState = viewState;\n      } else if (viewDefinitionId && imodel) {\n        try {\n          currentViewState = await imodel.views.load(viewDefinitionId);\n          if (!currentViewState) {\n            Logger.logError(\"ViewportComponent\", `Viewstate failed to load`);\n          }\n        } catch (_e) {\n          Logger.logError(\"ViewportComponent\", `Viewstate failed to load`);\n        }\n      } else {\n        Logger.logError(\n          \"ViewportComponent\",\n          `A Viewstate or a viewId and imodel must be provided`\n        );\n      }\n      if (\n        isMounted.current &&\n        (currentViewState?.iModel.isOpen || currentViewState?.iModel.isBlank)\n      ) {\n        setInitialViewState(currentViewState?.clone());\n      }\n    }\n    if (undefined === initialViewState) void fetchInitialViewstate();\n  }, [imodel, initialViewState, viewDefinitionId, viewState]);\n\n  const [viewOverlay, setViewOverlay] = React.useState<React.ReactNode>(null);\n\n  // This useEffect connects to ViewManger as soon as initialViewState is available once component is mounted.\n  React.useEffect(() => {\n    const parentDiv = viewportDiv.current;\n    const viewManager = viewManagerRef.current;\n    if (\n      parentDiv &&\n      initialViewState &&\n      (initialViewState?.iModel.isOpen || initialViewState?.iModel.isBlank)\n    ) {\n      if (!screenViewportCreated.current) {\n        const screenViewport = getScreenViewport(parentDiv, initialViewState);\n        screenViewportRef.current = screenViewport;\n\n        if (viewportRef) viewportRef(screenViewport);\n\n        Logger.logInfo(\n          \"ViewportComponent\",\n          `processing viewManager.addViewport for controlId=${controlId}`\n        );\n        viewManager.addViewport(screenViewport);\n\n        // overlay component is set up once a ScreenViewport is available. The overlay component must handle any view changes itself.\n        setViewOverlay(getViewOverlay ? getViewOverlay(screenViewport) : null);\n      } else {\n        screenViewportRef.current?.changeView(initialViewState);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [controlId, initialViewState, viewportRef]);\n\n  const handleContextMenu = React.useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      if (onContextMenu) onContextMenu(e);\n    },\n    [onContextMenu]\n  );\n\n  const parentDivStyle: React.CSSProperties = {\n    height: \"100%\",\n    width: \"100%\",\n    position: \"relative\",\n  };\n\n  const viewportDivStyle: React.CSSProperties = {\n    ...style,\n    height: \"100%\",\n    width: \"100%\",\n  };\n\n  return (\n    <div style={parentDivStyle} data-item-id={controlId}>\n      <div\n        ref={viewportDiv}\n        data-testid=\"viewport-component\"\n        className={className}\n        style={viewportDivStyle}\n        onContextMenu={handleContextMenu}\n      />\n      {viewOverlay}\n    </div>\n  );\n}\n"]}

package/lib/{cjs/imodel-components-react → imodel-components-react}/viewport/ViewportComponentEvents.d.ts

@@ -4,7 +4,7 @@
 import { Matrix3d, Point3d, Vector3d } from "@itwin/core-geometry";
 import type { StandardViewId, Viewport } from "@itwin/core-frontend";
 import { UiEvent } from "@itwin/appui-abstract";
-import { Face } from "../navigationaids/Cube";
+import { Face } from "../navigationaids/Cube.js";
 /** Arguments for [[DrawingViewportChangeEvent]]
  * @public
  * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportComponentEvents.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/viewport/ViewportComponentEvents.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAGjD;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AAEH,qBAAa,0BAA2B,SAAQ,OAAO,CAAC,8BAA8B,CAAC;CAAG;AAE1F;;;GAGG;AACH,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,QAAQ,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AAEH,qBAAa,uBAAwB,SAAQ,OAAO,CAAC,2BAA2B,CAAC;CAAG;AAEpF;;;GAGG;AACH,MAAM,WAAW,+BAA+B;IAC9C,gBAAgB,EAAE,cAAc,CAAC;CAClC;AAED;;;GAGG;AAEH,qBAAa,2BAA4B,SAAQ,OAAO,CAAC,+BAA+B,CAAC;CAAG;AAE5F;;;GAGG;AACH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AAEH,qBAAa,uBAAwB,SAAQ,OAAO,CAAC,2BAA2B,CAAC;CAAG;AAEpF;;;GAGG;AACH,MAAM,WAAW,iCAAiC;IAChD,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AAEH,qBAAa,6BAA8B,SAAQ,OAAO,CAAC,iCAAiC,CAAC;CAAG;AAEhG;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AAEH,qBAAa,kBAAmB,SAAQ,OAAO,CAAC,sBAAsB,CAAC;CAAG;AAE1E;;GAEG;AACH,qBAAa,uBAAuB;IAClC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,CAAa;WAE9B,UAAU;IASxB,mCAAmC;WACrB,SAAS;IAOvB,OAAc,IAAI,OAAa;IAC/B,gBAAuB,MAAM,UAAwB;IACrD,gBAAuB,OAAO,WAAyB;IACvD,gBAAuB,cAAc,WAA6B;IAClE,gBAAuB,4BAA4B,6BAChB;IACnC,gBAAuB,yBAAyB,0BAChB;IAChC,gBAAuB,6BAA6B,8BAChB;IACpC,gBAAuB,yBAAyB,0BAChB;IAChC,gBAAuB,+BAA+B,gCAChB;IAEtC,gBAAuB,oBAAoB,qBAA4B;IAEvE,OAAO,CAAC,MAAM,CAAC,8BAA8B,CAI3C;WAEY,aAAa,CACzB,SAAS,EAAE,QAAQ,EACnB,IAAI,OAAY,EAChB,QAAQ,GAAE,OAAe,GACxB,IAAI;WAMO,uBAAuB,CACnC,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,GAAE,OAAe,GACxB,IAAI;WAIO,mBAAmB,CAAC,gBAAgB,EAAE,cAAc,GAAG,IAAI;WAI3D,aAAa,CACzB,QAAQ,EAAE,QAAQ,EAClB,aAAa,CAAC,EAAE,MAAM,GACrB,IAAI;CAYR"}

package/lib/{esm/imodel-components-react → imodel-components-react}/viewport/ViewportComponentEvents.js

@@ -8,7 +8,7 @@
 import { Matrix3d, Point3d, Vector3d } from "@itwin/core-geometry";
 import { IModelApp } from "@itwin/core-frontend";
 import { UiEvent } from "@itwin/appui-abstract";
-import { Face } from "../navigationaids/Cube";
+import { Face } from "../navigationaids/Cube.js";
 /** Drawing View Change event
  * @public
  * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.