@itwin/imodel-components-react 3.7.16 → 3.7.17

package/lib/esm/imodel-components-react/quantityformat/misc/StationSeparatorSelector.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module QuantityFormat
  */
-/// <reference types="react" />
+import * as React from "react";
 import { CommonProps } from "@itwin/core-react";
 /** Properties of [[StationSeparatorSelector]] component.
  * @internal
@@ -14,5 +14,5 @@ export interface StationSeparatorSelectorProps extends CommonProps {
 /** Component use to setStation separator.
  * @internal
  */
-export declare function StationSeparatorSelector(props: StationSeparatorSelectorProps): JSX.Element;
+export declare function StationSeparatorSelector(props: StationSeparatorSelectorProps): React.JSX.Element;
 //# sourceMappingURL=StationSeparatorSelector.d.ts.map

package/lib/esm/imodel-components-react/quantityformat/misc/StationSeparatorSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StationSeparatorSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSeparatorSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,eA0B5E"}
+{"version":3,"file":"StationSeparatorSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSeparatorSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBA0B5E"}

package/lib/esm/imodel-components-react/quantityformat/misc/StationSizeSelector.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module QuantityFormat
  */
-/// <reference types="react" />
+import * as React from "react";
 import { CommonProps } from "@itwin/core-react";
 /** Properties of [[StationSizeSelector]] component.
  * @internal
@@ -14,5 +14,5 @@ export interface StationSizeSelectorProps extends CommonProps {
 /** Component use to set Station size (number of digits from right until '+').
  * @internal
  */
-export declare function StationSizeSelector(props: StationSizeSelectorProps): JSX.Element;
+export declare function StationSizeSelector(props: StationSizeSelectorProps): React.JSX.Element;
 //# sourceMappingURL=StationSizeSelector.d.ts.map

package/lib/esm/imodel-components-react/quantityformat/misc/StationSizeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StationSizeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSizeSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAclE"}
+{"version":3,"file":"StationSizeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSizeSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAclE"}

package/lib/esm/imodel-components-react/quantityformat/misc/ThousandsSelector.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module QuantityFormat
  */
-/// <reference types="react" />
+import * as React from "react";
 import { CommonProps } from "@itwin/core-react";
 /** Properties of [[ThousandsSelector]] component.
  * @internal
@@ -14,5 +14,5 @@ export interface ThousandsSelectorProps extends CommonProps {
 /** Component use to set Quantity Format thousand group separator.
  * @internal
  */
-export declare function ThousandsSelector(props: ThousandsSelectorProps): JSX.Element;
+export declare function ThousandsSelector(props: ThousandsSelectorProps): React.JSX.Element;
 //# sourceMappingURL=ThousandsSelector.d.ts.map

package/lib/esm/imodel-components-react/quantityformat/misc/ThousandsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThousandsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/ThousandsSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAwB9D"}
+{"version":3,"file":"ThousandsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/ThousandsSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAwB9D"}

package/lib/esm/imodel-components-react/quantityformat/misc/ThousandsSeparator.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module QuantityFormat
  */
-/// <reference types="react" />
+import * as React from "react";
 import { CommonProps } from "@itwin/core-react";
 import { FormatProps } from "@itwin/core-quantity";
 /** Properties of [[ThousandsSeparator]] component.
@@ -14,5 +14,5 @@ export interface ThousandsSeparatorProps extends CommonProps {
 /** Component use to set Quantity Format thousand group separator.
  * @internal
  */
-export declare function ThousandsSeparator(props: ThousandsSeparatorProps): JSX.Element;
+export declare function ThousandsSeparator(props: ThousandsSeparatorProps): React.JSX.Element;
 //# sourceMappingURL=ThousandsSeparator.d.ts.map

package/lib/esm/imodel-components-react/quantityformat/misc/ThousandsSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThousandsSeparator.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/ThousandsSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAU,WAAW,EAAgC,MAAM,sBAAsB,CAAC;AAKzF;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eA4DhE"}
+{"version":3,"file":"ThousandsSeparator.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/ThousandsSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAU,WAAW,EAAgC,MAAM,sBAAsB,CAAC;AAKzF;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBA4DhE"}

package/lib/esm/imodel-components-react/quantityformat/misc/UnitDescr.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module QuantityFormat
  */
-/// <reference types="react" />
+import * as React from "react";
 import { UnitsProvider } from "@itwin/core-quantity";
 import { CommonProps } from "@itwin/core-react";
 /** Properties of [[UnitDescr]] component.
@@ -20,5 +20,5 @@ export interface UnitDescrProps extends CommonProps {
 /** Component use to display dropdown list of possible units.
  * @internal
  */
-export declare function UnitDescr(props: UnitDescrProps): JSX.Element;
+export declare function UnitDescr(props: UnitDescrProps): React.JSX.Element;
 //# sourceMappingURL=UnitDescr.d.ts.map

package/lib/esm/imodel-components-react/quantityformat/misc/UnitDescr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnitDescr.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/UnitDescr.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAa,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAiCD;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAqE9C"}
+{"version":3,"file":"UnitDescr.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/UnitDescr.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAiCD;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAqE9C"}

package/lib/esm/imodel-components-react/timeline/InlineEdit.d.ts

@@ -22,7 +22,7 @@ export declare class InlineEdit extends React.Component<InlineEditProps, InlineE
     private _onKeyDown;
     private _onChange;
     private _sendChange;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=InlineEdit.d.ts.map

package/lib/esm/imodel-components-react/timeline/PlayerButton.d.ts

@@ -6,7 +6,7 @@ import { CommonProps } from "@itwin/core-react";
  */
 export declare class PlayerButton extends React.PureComponent<any> {
     private _onClick;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 /** Properties for Play/Pause button used on timeline control
  * @internal
@@ -28,7 +28,7 @@ export declare class PlayButton extends React.Component<PlayerButtonProps, PlayB
     /** @internal */
     componentDidUpdate(): void;
     private _onClick;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=PlayerButton.d.ts.map

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

@@ -14,12 +14,12 @@ export declare function RailMarkers({ showToolTip, percent, tooltipText, markDat
     percent: number;
     tooltipText: string;
     markDate?: DateMarkerProps;
-}): JSX.Element;
+}): React.JSX.Element;
 /**
  * Custom Timeline Thumb
  * @internal
  */
-export declare function CustomThumb(): JSX.Element;
+export declare function CustomThumb(): React.JSX.Element;
 /**
  * @internal
  */
@@ -50,6 +50,6 @@ interface DateMarkerProps {
 /** Scrubber/Slider for timeline control
  * @internal
  */
-export declare function Scrubber(props: ScrubberProps): JSX.Element;
+export declare function Scrubber(props: ScrubberProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Scrubber.d.ts.map

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

@@ -1 +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;AAE/B,OAAO,EAAE,WAAW,EAAoB,MAAM,mBAAmB,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,UAGtE;AA0DD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE;IAC3E,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,eAcA;AAED;;;GAGG;AACH,wBAAgB,WAAW,gBAM1B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,eAAe,EAAE,cAAc,GAAG,SAAS,WA0B1E;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,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;CACpC;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,eA8E5C"}
+{"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;AAE/B,OAAO,EAAE,WAAW,EAAoB,MAAM,mBAAmB,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,UAGtE;AA0DD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE;IAC3E,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,qBAcA;AAED;;;GAGG;AACH,wBAAgB,WAAW,sBAM1B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,eAAe,EAAE,cAAc,GAAG,SAAS,WA0B1E;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,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;CACpC;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,qBA8E5C"}

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

@@ -72,7 +72,7 @@ export declare class SolarTimeline extends React.PureComponent<SolarTimelineComp
     private _onPresetColorPick;
     private _handleHueOrSaturationChange;
     getLocalTime(ticks: number): Date;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=SolarTimeline.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ViewportComponent.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/viewport/ViewportComponent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAU,MAAM,qBAAqB,CAAC;AAGzD,OAAO,EACM,gBAAgB,EAAE,cAAc,EAC3C,cAAc,EAAgB,WAAW,EAC/B,SAAS,EACpB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD;;GAEG;AACH,oBAAY,aAAa,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,wBAAwB;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,wDAAwD;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IACjD,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,sCAAsC;IACtC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,OAAO,cAAc,CAAC;IAC/C,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,cAAc,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,eAwQrD"}
+{"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,EAAE,UAAU,EAAU,MAAM,qBAAqB,CAAC;AAGzD,OAAO,EACM,gBAAgB,EAAE,cAAc,EAC3C,cAAc,EAAgB,WAAW,EAC/B,SAAS,EACpB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD;;GAEG;AACH,oBAAY,aAAa,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,wBAAwB;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,wDAAwD;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IACjD,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,sCAAsC;IACtC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,OAAO,cAAc,CAAC;IAC/C,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,cAAc,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,qBAwQrD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/imodel-components-react",
-  "version": "3.7.16",
+  "version": "3.7.17",
   "description": "iTwin.js UI IModel Components",
   "main": "lib/cjs/imodel-components-react.js",
   "module": "lib/esm/imodel-components-react.js",
@@ -20,14 +20,14 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^3.7.16",
-    "@itwin/components-react": "^3.7.16",
-    "@itwin/core-bentley": "^3.7.16",
-    "@itwin/core-common": "^3.7.16",
-    "@itwin/core-frontend": "^3.7.16",
-    "@itwin/core-geometry": "^3.7.16",
-    "@itwin/core-quantity": "^3.7.16",
-    "@itwin/core-react": "^3.7.16",
+    "@itwin/appui-abstract": "^3.7.17",
+    "@itwin/components-react": "^3.7.17",
+    "@itwin/core-bentley": "^3.7.17",
+    "@itwin/core-common": "^3.7.17",
+    "@itwin/core-frontend": "^3.7.17",
+    "@itwin/core-geometry": "^3.7.17",
+    "@itwin/core-quantity": "^3.7.17",
+    "@itwin/core-react": "^3.7.17",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
@@ -36,20 +36,20 @@
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "3.7.16",
-    "@itwin/build-tools": "3.7.16",
-    "@itwin/components-react": "3.7.16",
-    "@itwin/core-bentley": "3.7.16",
-    "@itwin/core-common": "3.7.16",
-    "@itwin/core-frontend": "3.7.16",
-    "@itwin/core-geometry": "3.7.16",
-    "@itwin/core-quantity": "3.7.16",
-    "@itwin/core-react": "3.7.16",
-    "@itwin/eslint-plugin": "3.7.16",
+    "@itwin/appui-abstract": "3.7.17",
+    "@itwin/build-tools": "3.7.17",
+    "@itwin/components-react": "3.7.17",
+    "@itwin/core-bentley": "3.7.17",
+    "@itwin/core-common": "3.7.17",
+    "@itwin/core-frontend": "3.7.17",
+    "@itwin/core-geometry": "3.7.17",
+    "@itwin/core-quantity": "3.7.17",
+    "@itwin/core-react": "3.7.17",
+    "@itwin/eslint-plugin": "3.7.17",
     "@testing-library/dom": "^8.11.2",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
-    "@testing-library/user-event": "^14.4.2",
+    "@testing-library/user-event": "~14.4.2",
     "@types/chai": "4.3.1",
     "@types/chai-as-promised": "^7",
     "@types/chai-jest-snapshot": "^1.3.0",