@itwin/imodel-components-react 3.0.0-dev.77 → 3.0.0-dev.81

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

@@ -0,0 +1,53 @@
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { Cartographic, ColorDef } from "@itwin/core-common";
+import { IModelConnection, ScreenViewport } from "@itwin/core-frontend";
+import { SolarDataProvider } from "./interfaces";
+/** Base class that provides solar data for animation control
+ * @alpha
+ */
+export declare class BaseSolarDataProvider implements SolarDataProvider {
+    protected _projectTimeZoneOffset: number;
+    protected _viewport: ScreenViewport | undefined;
+    protected _cartographicCenter: Cartographic;
+    protected _shadowColor: ColorDef;
+    longitude: number;
+    latitude: number;
+    viewId: string;
+    supportsTimelineAnimation: boolean;
+    animationFraction: number;
+    private _projectDayStartMS;
+    private _projectSunriseMs;
+    private _projectSunsetMs;
+    private _zoneOffsetMs;
+    private _projectSunrise;
+    private _projectSunset;
+    private _projectDateTime;
+    private _projectDay;
+    protected initializeData(projectTimeZoneOffset: number, initialTime?: Date): void;
+    constructor(viewport?: ScreenViewport, longitude?: number, latitude?: number);
+    get timeZoneOffset(): number;
+    get shadowColor(): ColorDef;
+    set shadowColor(color: ColorDef);
+    get shouldShowTimeline(): boolean;
+    /** Get time at project location */
+    get timeOfDay(): Date;
+    /** The date can be in project time or if isProjectDate is false, it is assumed to be users current local time
+     *  which will be adjusted to the same time at project location. */
+    setDateAndTime(date: Date, isProjectDate?: boolean): void;
+    /** Project Day Start */
+    get day(): Date;
+    /** Project Day Start in milliseconds */
+    get dayStartMs(): number;
+    getCartographicCenter(iModel: IModelConnection): Cartographic;
+    set viewport(viewport: ScreenViewport | undefined);
+    get viewport(): ScreenViewport | undefined;
+    protected getZone(location: Cartographic): number;
+    get sunrise(): Date;
+    get sunriseMs(): number;
+    get sunset(): Date;
+    get sunsetMs(): number;
+    onTimeChanged: (_time: Date) => void;
+}
+//# sourceMappingURL=BaseSolarDataProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSolarDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/BaseSolarDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAA4B,YAAY,EAAe,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnG,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQjD;;GAEG;AACH,qBAAa,qBAAsB,YAAW,iBAAiB;IAC7D,SAAS,CAAC,sBAAsB,EAAE,MAAM,CAAC;IACzC,SAAS,CAAC,SAAS,EAAE,cAAc,GAAG,SAAS,CAAC;IAChD,SAAS,CAAC,mBAAmB,EAAE,YAAY,CAAC;IAC5C,SAAS,CAAC,YAAY,WAAqC;IAEpD,SAAS,EAAE,MAAM,CAAa;IAC9B,QAAQ,EAAE,MAAM,CAAa;IAC7B,MAAM,SAAM;IACZ,yBAAyB,UAAS;IAClC,iBAAiB,EAAE,MAAM,CAAK;IAErC,OAAO,CAAC,kBAAkB,CAAK;IAC/B,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,eAAe,CAAc;IACrC,OAAO,CAAC,cAAc,CAAc;IACpC,OAAO,CAAC,gBAAgB,CAAc;IACtC,OAAO,CAAC,WAAW,CAAc;IAGjC,SAAS,CAAC,cAAc,CAAC,qBAAqB,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI;gBAwB9D,QAAQ,CAAC,EAAE,cAAc,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;IAiB5E,IAAW,cAAc,IAAI,MAAM,CAElC;IAED,IAAW,WAAW,IAAI,QAAQ,CAEjC;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,QAAQ,EAErC;IAED,IAAW,kBAAkB,YAE5B;IAED,mCAAmC;IACnC,IAAW,SAAS,IAAI,IAAI,CAE3B;IAED;uEACmE;IAC5D,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE,OAAO;IAYzD,wBAAwB;IACxB,IAAW,GAAG,IAAI,IAAI,CAErB;IAED,wCAAwC;IACxC,IAAW,UAAU,IAAI,MAAM,CAE9B;IAEM,qBAAqB,CAAC,MAAM,EAAE,gBAAgB,GAAG,YAAY;IASpE,IAAW,QAAQ,CAAC,QAAQ,EAAE,cAAc,GAAG,SAAS,EAMvD;IAED,IAAW,QAAQ,IAAI,cAAc,GAAG,SAAS,CAEhD;IAED,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,YAAY;IAIxC,IAAW,OAAO,IAAI,IAAI,CAEzB;IAED,IAAW,SAAS,IAAI,MAAM,CAE7B;IAED,IAAW,MAAM,IAAI,IAAI,CAExB;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAGM,aAAa,UAAW,IAAI,UAEjC;CACH"}

package/lib/esm/imodel-components-react/timeline/BaseSolarDataProvider.js

@@ -0,0 +1,140 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { Point3d } from "@itwin/core-geometry";
+import { calculateSunriseOrSunset, Cartographic, ColorByName, ColorDef } from "@itwin/core-common";
+const millisecPerMinute = 1000 * 60;
+const millisecPerHour = millisecPerMinute * 60;
+// the interface and class are in alpha state - it may change after usability testing - test coverage not complete
+/* istanbul ignore file */
+/** Base class that provides solar data for animation control
+ * @alpha
+ */
+export class BaseSolarDataProvider {
+    constructor(viewport, longitude, latitude) {
+        this._shadowColor = ColorDef.create(ColorByName.gray);
+        this.longitude = -75.17035; // long/lat of Philadelphia
+        this.latitude = 39.954927;
+        this.viewId = ""; // View Id used to determine sunrise and sunset
+        this.supportsTimelineAnimation = false; // set to true when provider determines animation data is available.
+        this.animationFraction = 0; // value from 0.0 to 1.0 that specifies the percentage complete for the animation.
+        this._projectDayStartMS = 0;
+        this._projectSunriseMs = 0;
+        this._projectSunsetMs = 0;
+        this._zoneOffsetMs = 0;
+        this._projectSunrise = new Date();
+        this._projectSunset = new Date();
+        this._projectDateTime = new Date();
+        this._projectDay = new Date();
+        // instanbul ignore next
+        this.onTimeChanged = (_time) => {
+            // to be implemented by derived class
+        };
+        this._viewport = viewport;
+        if (longitude)
+            this.longitude = longitude;
+        if (latitude)
+            this.latitude = latitude;
+        if (viewport)
+            this.viewId = viewport.view.id;
+        // project location
+        this._cartographicCenter = Cartographic.fromDegrees({ longitude: this.longitude, latitude: this.latitude, height: 0.0 });
+        this._projectTimeZoneOffset = this.getZone(this._cartographicCenter);
+        this.initializeData(this._projectTimeZoneOffset);
+    }
+    // projectTimeZoneOffset = zone offset in hours
+    initializeData(projectTimeZoneOffset, initialTime) {
+        if (!initialTime)
+            initialTime = new Date(Date.now()); // users local time
+        this._zoneOffsetMs = projectTimeZoneOffset * millisecPerHour;
+        const year = initialTime.getFullYear();
+        const month = initialTime.getMonth();
+        const date = initialTime.getDate();
+        const hours = initialTime.getHours();
+        const minutes = initialTime.getMinutes();
+        const initialUtcMs = Date.UTC(year, month, date, hours, minutes, 0, 0);
+        const initialProjectMs = initialUtcMs - this._zoneOffsetMs;
+        this._projectDateTime = new Date(initialProjectMs);
+        const utcDayMs = Date.UTC(year, month, date, 0, 0, 0, 0);
+        const utcDay = new Date(utcDayMs);
+        this._projectDayStartMS = utcDayMs - this._zoneOffsetMs;
+        this._projectDay = new Date(this._projectDayStartMS);
+        this._projectSunrise = calculateSunriseOrSunset(utcDay, this._cartographicCenter, true);
+        this._projectSunset = calculateSunriseOrSunset(utcDay, this._cartographicCenter, false);
+        this._projectSunriseMs = this._projectSunrise.getTime();
+        this._projectSunsetMs = this._projectSunset.getTime();
+    }
+    get timeZoneOffset() {
+        return this._projectTimeZoneOffset;
+    }
+    get shadowColor() {
+        return this._shadowColor;
+    }
+    set shadowColor(color) {
+        this._shadowColor = color;
+    }
+    get shouldShowTimeline() {
+        return false;
+    }
+    /** Get time at project location */
+    get timeOfDay() {
+        return this._projectDateTime;
+    }
+    /** The date can be in project time or if isProjectDate is false, it is assumed to be users current local time
+     *  which will be adjusted to the same time at project location. */
+    setDateAndTime(date, isProjectDate) {
+        let userDay = date;
+        // convert date from user date to project location
+        if (isProjectDate) {
+            const userOffset = date.getTimezoneOffset() * millisecPerMinute;
+            userDay = new Date(date.getTime() - userOffset - this._zoneOffsetMs);
+        }
+        this.initializeData(this._projectTimeZoneOffset, userDay);
+    }
+    /** Project Day Start */
+    get day() {
+        return this._projectDay;
+    }
+    /** Project Day Start in milliseconds */
+    get dayStartMs() {
+        return this._projectDayStartMS;
+    }
+    getCartographicCenter(iModel) {
+        if (iModel.isGeoLocated) {
+            const projectExtents = iModel.projectExtents;
+            const projectCenter = Point3d.createAdd2Scaled(projectExtents.low, .5, projectExtents.high, .5);
+            return iModel.spatialToCartographicFromEcef(projectCenter);
+        }
+        return Cartographic.fromDegrees({ longitude: this.longitude, latitude: this.latitude, height: 0.0 });
+    }
+    set viewport(viewport) {
+        this._viewport = viewport;
+        if (viewport)
+            this.viewId = viewport.view.id;
+        else
+            this.viewId = "";
+    }
+    get viewport() {
+        return this._viewport;
+    }
+    getZone(location) {
+        return Math.floor(.5 + location.longitudeDegrees / 15.0);
+    }
+    get sunrise() {
+        return this._projectSunrise;
+    }
+    get sunriseMs() {
+        return this._projectSunriseMs;
+    }
+    get sunset() {
+        return this._projectSunset;
+    }
+    get sunsetMs() {
+        return this._projectSunsetMs;
+    }
+}
+//# sourceMappingURL=BaseSolarDataProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSolarDataProvider.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/BaseSolarDataProvider.ts"],"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 { Point3d } from \"@itwin/core-geometry\";\nimport { calculateSunriseOrSunset, Cartographic, ColorByName, ColorDef } from \"@itwin/core-common\";\nimport { IModelConnection, ScreenViewport } from \"@itwin/core-frontend\";\nimport { SolarDataProvider } from \"./interfaces\";\n\nconst millisecPerMinute = 1000 * 60;\nconst millisecPerHour = millisecPerMinute * 60;\n\n// the interface and class are in alpha state - it may change after usability testing - test coverage not complete\n/* istanbul ignore file */\n\n/** Base class that provides solar data for animation control\n * @alpha\n */\nexport class BaseSolarDataProvider implements SolarDataProvider {\n  protected _projectTimeZoneOffset: number; // used to convert between project time and local time\n  protected _viewport: ScreenViewport | undefined;\n  protected _cartographicCenter: Cartographic;\n  protected _shadowColor = ColorDef.create(ColorByName.gray);\n\n  public longitude: number = -75.17035;  // long/lat of Philadelphia\n  public latitude: number = 39.954927;\n  public viewId = \"\"; // View Id used to determine sunrise and sunset\n  public supportsTimelineAnimation = false; // set to true when provider determines animation data is available.\n  public animationFraction: number = 0; // value from 0.0 to 1.0 that specifies the percentage complete for the animation.\n\n  private _projectDayStartMS = 0;\n  private _projectSunriseMs = 0;\n  private _projectSunsetMs = 0;\n  private _zoneOffsetMs = 0;\n  private _projectSunrise = new Date();\n  private _projectSunset = new Date();\n  private _projectDateTime = new Date();\n  private _projectDay = new Date();\n\n  // projectTimeZoneOffset = zone offset in hours\n  protected initializeData(projectTimeZoneOffset: number, initialTime?: Date) {\n    if (!initialTime)\n      initialTime = new Date(Date.now()); // users local time\n\n    this._zoneOffsetMs = projectTimeZoneOffset * millisecPerHour;\n    const year=initialTime.getFullYear();\n    const month=initialTime.getMonth();\n    const date=initialTime.getDate();\n    const hours=initialTime.getHours();\n    const minutes=initialTime.getMinutes();\n    const initialUtcMs = Date.UTC(year, month, date, hours, minutes, 0, 0);\n    const initialProjectMs = initialUtcMs - this._zoneOffsetMs;\n    this._projectDateTime = new Date (initialProjectMs);\n\n    const utcDayMs = Date.UTC(year, month, date, 0, 0, 0, 0);\n    const utcDay = new Date(utcDayMs);\n    this._projectDayStartMS = utcDayMs - this._zoneOffsetMs;\n    this._projectDay = new Date (this._projectDayStartMS);\n    this._projectSunrise = calculateSunriseOrSunset(utcDay, this._cartographicCenter, true);\n    this._projectSunset = calculateSunriseOrSunset(utcDay, this._cartographicCenter, false);\n    this._projectSunriseMs = this._projectSunrise.getTime();\n    this._projectSunsetMs = this._projectSunset.getTime();\n  }\n\n  constructor(viewport?: ScreenViewport, longitude?: number, latitude?: number) {\n    this._viewport = viewport;\n    if (longitude)\n      this.longitude = longitude;\n    if (latitude)\n      this.latitude = latitude;\n\n    if (viewport)\n      this.viewId = viewport.view.id;\n\n    // project location\n    this._cartographicCenter = Cartographic.fromDegrees({longitude: this.longitude, latitude: this.latitude, height: 0.0});\n    this._projectTimeZoneOffset = this.getZone(this._cartographicCenter);\n\n    this.initializeData(this._projectTimeZoneOffset);\n  }\n\n  public get timeZoneOffset(): number {\n    return this._projectTimeZoneOffset;\n  }\n\n  public get shadowColor(): ColorDef {\n    return this._shadowColor;\n  }\n\n  public set shadowColor(color: ColorDef) {\n    this._shadowColor = color;\n  }\n\n  public get shouldShowTimeline() {\n    return false;\n  }\n\n  /** Get time at project location */\n  public get timeOfDay(): Date {\n    return this._projectDateTime;\n  }\n\n  /** The date can be in project time or if isProjectDate is false, it is assumed to be users current local time\n   *  which will be adjusted to the same time at project location. */\n  public setDateAndTime(date: Date, isProjectDate?: boolean) {\n    let userDay = date;\n\n    // convert date from user date to project location\n    if (isProjectDate) {\n      const userOffset = date.getTimezoneOffset() * millisecPerMinute;\n      userDay = new Date(date.getTime() - userOffset - this._zoneOffsetMs);\n    }\n\n    this.initializeData(this._projectTimeZoneOffset, userDay);\n  }\n\n  /** Project Day Start */\n  public get day(): Date {\n    return this._projectDay;\n  }\n\n  /** Project Day Start in milliseconds */\n  public get dayStartMs(): number {\n    return this._projectDayStartMS;\n  }\n\n  public getCartographicCenter(iModel: IModelConnection): Cartographic {\n    if (iModel.isGeoLocated) {\n      const projectExtents = iModel.projectExtents;\n      const projectCenter = Point3d.createAdd2Scaled(projectExtents.low, .5, projectExtents.high, .5);\n      return iModel.spatialToCartographicFromEcef(projectCenter);\n    }\n    return Cartographic.fromDegrees({longitude: this.longitude, latitude: this.latitude, height: 0.0});\n  }\n\n  public set viewport(viewport: ScreenViewport | undefined) {\n    this._viewport = viewport;\n    if (viewport)\n      this.viewId = viewport.view.id;\n    else\n      this.viewId = \"\";\n  }\n\n  public get viewport(): ScreenViewport | undefined {\n    return this._viewport;\n  }\n\n  protected getZone(location: Cartographic) {\n    return Math.floor(.5 + location.longitudeDegrees / 15.0);\n  }\n\n  public get sunrise(): Date {\n    return this._projectSunrise;\n  }\n\n  public get sunriseMs(): number {\n    return this._projectSunriseMs;\n  }\n\n  public get sunset(): Date {\n    return this._projectSunset;\n  }\n\n  public get sunsetMs(): number {\n    return this._projectSunsetMs;\n  }\n\n  // instanbul ignore next\n  public onTimeChanged = (_time: Date) => {\n    // to be implemented by derived class\n  };\n}\n"]}

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

@@ -0,0 +1,32 @@
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { ScreenViewport } from "@itwin/core-frontend";
+import { PlaybackSettings, TimelineDataProvider } from "./interfaces";
+/** Base Timeline Data Provider
+ * @alpha
+ */
+export declare class BaseTimelineDataProvider implements TimelineDataProvider {
+    readonly id = "TestTimelineDataProvider";
+    start: Date | undefined;
+    end: Date | undefined;
+    viewId: string;
+    supportsTimelineAnimation: boolean;
+    animationFraction: number;
+    protected _viewport: ScreenViewport | undefined;
+    constructor(viewport?: ScreenViewport);
+    protected _settings: PlaybackSettings;
+    loadTimelineData(): Promise<boolean>;
+    /** Called to get the initial scrubber location */
+    get initialDuration(): number;
+    /** Called to get playback duration  */
+    get duration(): number;
+    set viewport(viewport: ScreenViewport | undefined);
+    get viewport(): ScreenViewport | undefined;
+    get loop(): boolean;
+    getSettings(): PlaybackSettings;
+    updateSettings(settings: PlaybackSettings): void;
+    onPlaybackSettingChanged: (_settings: PlaybackSettings) => void;
+    onAnimationFractionChanged: (_animationFraction: number) => void;
+}
+//# sourceMappingURL=BaseTimelineDataProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTimelineDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/BaseTimelineDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEtE;;GAEG;AACH,qBAAa,wBAAyB,YAAW,oBAAoB;IACnE,SAAgB,EAAE,8BAA8B;IACzC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,GAAG,EAAE,IAAI,GAAG,SAAS,CAAC;IACtB,MAAM,SAAM;IAEZ,yBAAyB,UAAS;IAClC,iBAAiB,EAAE,MAAM,CAAK;IACrC,SAAS,CAAC,SAAS,EAAE,cAAc,GAAG,SAAS,CAAC;gBAEpC,QAAQ,CAAC,EAAE,cAAc;IAOrC,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAGnC;IAGW,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IAIjD,kDAAkD;IAClD,IAAW,eAAe,IAAI,MAAM,CAEnC;IAED,uCAAuC;IACvC,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAGD,IAAW,QAAQ,CAAC,QAAQ,EAAE,cAAc,GAAG,SAAS,EAMvD;IAGD,IAAW,QAAQ,IAAI,cAAc,GAAG,SAAS,CAEhD;IAED,IAAW,IAAI,IAAI,OAAO,CAEzB;IAEM,WAAW,IAAI,gBAAgB;IAI/B,cAAc,CAAC,QAAQ,EAAE,gBAAgB;IAKzC,wBAAwB,cAAe,gBAAgB,UAC5D;IAGK,0BAA0B,uBAAwB,MAAM,UAC7D;CACH"}

package/lib/esm/imodel-components-react/timeline/BaseTimelineDataProvider.js

@@ -0,0 +1,66 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Timeline
+ */
+/** Base Timeline Data Provider
+ * @alpha
+ */
+export class BaseTimelineDataProvider {
+    constructor(viewport) {
+        this.id = "TestTimelineDataProvider";
+        this.viewId = "";
+        this.supportsTimelineAnimation = false; // set to true when provider determines animation data is available.
+        this.animationFraction = 0; // value from 0.0 to 1.0 that specifies the percentage complete for the animation.
+        this._settings = {
+            duration: 20 * 1000,
+            loop: true,
+        };
+        // istanbul ignore next
+        this.onPlaybackSettingChanged = (_settings) => {
+        };
+        // istanbul ignore next
+        this.onAnimationFractionChanged = (_animationFraction) => {
+        };
+        this._viewport = viewport;
+        // istanbul ignore if - WIP
+        if (viewport)
+            this.viewId = viewport.view.id;
+    }
+    // istanbul ignore next
+    async loadTimelineData() {
+        return false;
+    }
+    /** Called to get the initial scrubber location */
+    get initialDuration() {
+        return this.duration * this.animationFraction;
+    }
+    /** Called to get playback duration  */
+    get duration() {
+        return (this.getSettings().duration) ? this.getSettings().duration : /* istanbul ignore next */ 20000;
+    }
+    // istanbul ignore next - WIP
+    set viewport(viewport) {
+        this._viewport = viewport;
+        if (viewport)
+            this.viewId = viewport.view.id;
+        else
+            this.viewId = "";
+    }
+    // istanbul ignore next - WIP
+    get viewport() {
+        return this._viewport;
+    }
+    get loop() {
+        return (undefined === this.getSettings().loop) ? /* istanbul ignore next */ false : this.getSettings().loop;
+    }
+    getSettings() {
+        return this._settings;
+    }
+    updateSettings(settings) {
+        this._settings = { ...this._settings, ...settings };
+    }
+}
+//# sourceMappingURL=BaseTimelineDataProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTimelineDataProvider.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/BaseTimelineDataProvider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAKH;;GAEG;AACH,MAAM,OAAO,wBAAwB;IAUnC,YAAY,QAAyB;QATrB,OAAE,GAAG,0BAA0B,CAAC;QAGzC,WAAM,GAAG,EAAE,CAAC;QAEZ,8BAAyB,GAAG,KAAK,CAAC,CAAC,oEAAoE;QACvG,sBAAiB,GAAW,CAAC,CAAC,CAAC,kFAAkF;QAU9G,cAAS,GAAqB;YACtC,QAAQ,EAAE,EAAE,GAAG,IAAI;YACnB,IAAI,EAAE,IAAI;SACX,CAAC;QA2CF,uBAAuB;QAChB,6BAAwB,GAAG,CAAC,SAA2B,EAAE,EAAE;QAClE,CAAC,CAAC;QAEF,uBAAuB;QAChB,+BAA0B,GAAG,CAAC,kBAA0B,EAAE,EAAE;QACnE,CAAC,CAAC;QA1DA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,2BAA2B;QAC3B,IAAI,QAAQ;YACV,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IACnC,CAAC;IAOD,uBAAuB;IAChB,KAAK,CAAC,gBAAgB;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,kDAAkD;IAClD,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC;IAChD,CAAC;IAED,uCAAuC;IACvC,IAAW,QAAQ;QACjB,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,KAAK,CAAC;IACzG,CAAC;IAED,6BAA6B;IAC7B,IAAW,QAAQ,CAAC,QAAoC;QACtD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,QAAQ;YACV,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;;YAE/B,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IACrB,CAAC;IAED,6BAA6B;IAC7B,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAW,IAAI;QACb,OAAO,CAAC,SAAS,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,IAAK,CAAC;IAC/G,CAAC;IAEM,WAAW;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAEM,cAAc,CAAC,QAA0B;QAC9C,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtD,CAAC;CASF","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 { ScreenViewport } from \"@itwin/core-frontend\";\nimport { PlaybackSettings, TimelineDataProvider } from \"./interfaces\";\n\n/** Base Timeline Data Provider\n * @alpha\n */\nexport class BaseTimelineDataProvider implements TimelineDataProvider {\n  public readonly id = \"TestTimelineDataProvider\";\n  public start: Date | undefined;\n  public end: Date | undefined;\n  public viewId = \"\";\n\n  public supportsTimelineAnimation = false; // set to true when provider determines animation data is available.\n  public animationFraction: number = 0; // value from 0.0 to 1.0 that specifies the percentage complete for the animation.\n  protected _viewport: ScreenViewport | undefined;\n\n  constructor(viewport?: ScreenViewport) {\n    this._viewport = viewport;\n    // istanbul ignore if - WIP\n    if (viewport)\n      this.viewId = viewport.view.id;\n  }\n\n  protected _settings: PlaybackSettings = {\n    duration: 20 * 1000,\n    loop: true,\n  };\n\n  // istanbul ignore next\n  public async loadTimelineData(): Promise<boolean> {\n    return false;\n  }\n\n  /** Called to get the initial scrubber location */\n  public get initialDuration(): number {\n    return this.duration * this.animationFraction;\n  }\n\n  /** Called to get playback duration  */\n  public get duration(): number {\n    return (this.getSettings().duration) ? this.getSettings().duration! : /* istanbul ignore next */ 20000;\n  }\n\n  // istanbul ignore next - WIP\n  public set viewport(viewport: ScreenViewport | undefined) {\n    this._viewport = viewport;\n    if (viewport)\n      this.viewId = viewport.view.id;\n    else\n      this.viewId = \"\";\n  }\n\n  // istanbul ignore next - WIP\n  public get viewport(): ScreenViewport | undefined {\n    return this._viewport;\n  }\n\n  public get loop(): boolean {\n    return (undefined === this.getSettings().loop) ? /* istanbul ignore next */ false : this.getSettings().loop!;\n  }\n\n  public getSettings(): PlaybackSettings {\n    return this._settings;\n  }\n\n  public updateSettings(settings: PlaybackSettings) {\n    this._settings = { ...this._settings, ...settings };\n  }\n\n  // istanbul ignore next\n  public onPlaybackSettingChanged = (_settings: PlaybackSettings) => {\n  };\n\n  // istanbul ignore next\n  public onAnimationFractionChanged = (_animationFraction: number) => {\n  };\n}\n"]}

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

@@ -0,0 +1,55 @@
+import "./ContextMenu.scss";
+import * as React from "react";
+import { RelativePosition } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for [[ContextMenuItem]] component
+ * @internal
+ * @deprecated
+ */
+export interface MenuItem {
+    /** Name of the context menu item */
+    name?: string;
+    /** Optional icon */
+    icon?: string;
+    /** Disabled */
+    disabled?: boolean;
+    /** Checked or not */
+    checked?: boolean;
+    /** Separator */
+    isSeparator?: boolean;
+    /** Called when the item is clicked */
+    onClick?: () => void;
+}
+/**
+ * A context menu item.
+ * @internal
+ * @deprecated
+ */
+export declare class ContextMenuItem extends React.Component<MenuItem> {
+    private _onClick;
+    render(): JSX.Element;
+}
+/** Properties for [[ContextMenu]] component
+ * @internal
+ * @deprecated
+ */
+export interface ContextMenuProps extends CommonProps {
+    /** Show or hide the context menu */
+    isOpened: boolean;
+    /** Position the context menu relative to the parent */
+    position: RelativePosition;
+    /** List of context menu items */
+    items?: MenuItem[];
+    /** Called when the mouse is clicked outside the context menu */
+    onClickOutside?: () => void;
+    /** parent element */
+    parent: HTMLElement | null;
+}
+/** Context menu for timeline component
+ * @internal
+ * @deprecated
+ */
+export declare class ContextMenu extends React.Component<ContextMenuProps> {
+    render(): JSX.Element;
+}
+//# sourceMappingURL=ContextMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/ContextMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAIvD;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAGD;;;;GAIG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IAE5D,OAAO,CAAC,QAAQ,CAMd;IAGc,MAAM;CAqBvB;AAGD;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,gEAAgE;IAChE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qBAAqB;IACrB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAGD;;;GAGG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAEhD,MAAM;CAgBvB"}

package/lib/esm/imodel-components-react/timeline/ContextMenu.js

@@ -0,0 +1,55 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import "./ContextMenu.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Popup } from "@itwin/core-react";
+/* istanbul ignore next */
+/**
+ * A context menu item.
+ * @internal
+ * @deprecated
+ */
+export class ContextMenuItem extends React.Component {
+    constructor() {
+        super(...arguments);
+        this._onClick = (event) => {
+            event.stopPropagation();
+            // istanbul ignore else
+            if (!this.props.disabled && !this.props.isSeparator && this.props.onClick) {
+                this.props.onClick();
+            }
+        };
+    }
+    // istanbul ignore next - WIP
+    render() {
+        const menuClassName = classnames("contextmenu-item-wip", this.props.disabled && "disabled", this.props.checked && "checked");
+        return (React.createElement(React.Fragment, null,
+            this.props.isSeparator && React.createElement("div", { className: "separator", role: "separator" }),
+            !this.props.isSeparator &&
+                // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+                React.createElement("li", { className: menuClassName, onClick: this._onClick, role: "menuitem" },
+                    this.props.checked && React.createElement("span", { className: "icon icon-checkmark" }),
+                    (this.props.icon && !this.props.checked) && React.createElement("span", { className: classnames("user-icon icon", this.props.icon) }),
+                    React.createElement("span", null, this.props.name))));
+    }
+}
+/* istanbul ignore next */
+/** Context menu for timeline component
+ * @internal
+ * @deprecated
+ */
+export class ContextMenu extends React.Component {
+    // istanbul ignore next - WIP
+    render() {
+        const { items, parent, position, isOpened, onClickOutside } = this.props;
+        return (React.createElement(Popup, { isOpen: isOpened, target: parent, position: position, onClose: onClickOutside },
+            React.createElement("div", { "data-testid": "timeline-contextmenu-div", className: "contextmenu-wip" },
+                React.createElement("ul", null,
+                    items && items.map((item, index) => (React.createElement(ContextMenuItem, { key: index, name: item.name, icon: item.icon, disabled: item.disabled, onClick: item.onClick, isSeparator: item.isSeparator }))),
+                    this.props.children))));
+    }
+}
+//# sourceMappingURL=ContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/ContextMenu.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,oBAAoB,CAAC;AAC5B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAuBvD,0BAA0B;AAC1B;;;;GAIG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAmB;IAA9D;;QAEU,aAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;YAChC,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACzE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;aACtB;QACH,CAAC,CAAC;IAwBJ,CAAC;IAtBC,6BAA6B;IACb,MAAM;QACpB,MAAM,aAAa,GAAG,UAAU,CAC9B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,UAAU,EACjC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAChC,CAAC;QAEF,OAAO,CACL;YACG,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,6BAAK,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,WAAW,GAAG;YACxE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW;gBACtB,iEAAiE;gBACjE,4BAAI,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,UAAU;oBAClE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,8BAAM,SAAS,EAAC,qBAAqB,GAAG;oBAC9D,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,8BAAM,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAI;oBAC/G,kCAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAQ,CAC3B,CAEN,CACJ,CAAC;IACJ,CAAC;CACF;AAoBD,0BAA0B;AAC1B;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA2B;IAChE,6BAA6B;IACb,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACzE,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc;YAClF,4CAAiB,0BAA0B,EAAC,SAAS,EAAC,iBAAiB;gBACrE;oBACG,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAc,EAAE,KAAa,EAAE,EAAE,CAAC,CACrD,oBAAC,eAAe,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,CACjJ,CAAC;oBAED,IAAI,CAAC,KAAK,CAAC,QAAQ,CACjB,CACD,CACA,CACT,CAAC;IACJ,CAAC;CACF","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 \"./ContextMenu.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { CommonProps, Popup } from \"@itwin/core-react\";\n/* eslint-disable deprecation/deprecation */\n\n/* istanbul ignore next */\n/** Properties for [[ContextMenuItem]] component\n * @internal\n * @deprecated\n */\nexport interface MenuItem {\n  /** Name of the context menu item */\n  name?: string;\n  /** Optional icon */\n  icon?: string;\n  /** Disabled */\n  disabled?: boolean;\n  /** Checked or not */\n  checked?: boolean;\n  /** Separator */\n  isSeparator?: boolean;\n  /** Called when the item is clicked */\n  onClick?: () => void;\n}\n\n/* istanbul ignore next */\n/**\n * A context menu item.\n * @internal\n * @deprecated\n */\nexport class ContextMenuItem extends React.Component<MenuItem> {\n\n  private _onClick = (event: any) => {\n    event.stopPropagation();\n    // istanbul ignore else\n    if (!this.props.disabled && !this.props.isSeparator && this.props.onClick) {\n      this.props.onClick();\n    }\n  };\n\n  // istanbul ignore next - WIP\n  public override render() {\n    const menuClassName = classnames(\n      \"contextmenu-item-wip\",\n      this.props.disabled && \"disabled\",\n      this.props.checked && \"checked\",\n    );\n\n    return (\n      <>\n        {this.props.isSeparator && <div className=\"separator\" role=\"separator\" />}\n        {!this.props.isSeparator &&\n          // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n          <li className={menuClassName} onClick={this._onClick} role=\"menuitem\">\n            {this.props.checked && <span className=\"icon icon-checkmark\" />}\n            {(this.props.icon && !this.props.checked) && <span className={classnames(\"user-icon icon\", this.props.icon)} />}\n            <span>{this.props.name}</span>\n          </li>\n        }\n      </>\n    );\n  }\n}\n\n/* istanbul ignore next */\n/** Properties for [[ContextMenu]] component\n * @internal\n * @deprecated\n */\nexport interface ContextMenuProps extends CommonProps {\n  /** Show or hide the context menu */\n  isOpened: boolean;\n  /** Position the context menu relative to the parent */\n  position: RelativePosition;\n  /** List of context menu items */\n  items?: MenuItem[];\n  /** Called when the mouse is clicked outside the context menu */\n  onClickOutside?: () => void;\n  /** parent element */\n  parent: HTMLElement | null;\n}\n\n/* istanbul ignore next */\n/** Context menu for timeline component\n * @internal\n * @deprecated\n */\nexport class ContextMenu extends React.Component<ContextMenuProps> {\n  // istanbul ignore next - WIP\n  public override render() {\n    const { items, parent, position, isOpened, onClickOutside } = this.props;\n    return (\n      <Popup isOpen={isOpened} target={parent} position={position} onClose={onClickOutside}>\n        <div data-testid=\"timeline-contextmenu-div\" className=\"contextmenu-wip\">\n          <ul>\n            {items && items.map((item: MenuItem, index: number) => (\n              <ContextMenuItem key={index} name={item.name} icon={item.icon} disabled={item.disabled} onClick={item.onClick} isSeparator={item.isSeparator} />\n            ))\n            }\n            {this.props.children}\n          </ul>\n        </div>\n      </Popup>\n    );\n  }\n}\n"]}

package/lib/esm/imodel-components-react/timeline/ContextMenu.scss

@@ -0,0 +1,81 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+// cspell:ignore contextmenu
+
+.contextmenu-wip {
+  cursor: default;
+  box-sizing: border-box;
+  @include uicore-z-index(context-menu-z);
+  background: $buic-background-1;
+  border-radius: 3px;
+  max-width: 250px;
+
+  >ul {
+    margin: 0;
+    padding: 6px 0;
+    list-style: none;
+
+    >.separator {
+      padding: .5em 0;
+      position: relative;
+
+      &:before {
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 32px;
+        right: 4px;
+        width: auto;
+        height: 1px;
+        background: #dce0e3;
+        transform: translateY(-50%);
+      }
+    }
+  }
+}
+
+.contextmenu-item-wip {
+  display: flex;
+  align-items: center;
+  margin: 0;
+  padding: .5em 0;
+  color: $buic-foreground-body;
+  font-size: 14px;
+  position: relative;
+  user-select: none;
+
+  >.user-icon,
+  >.icon-checkmark {
+    position: absolute;
+    left: 10px;
+  }
+
+  // text
+  >span:last-child {
+    padding-left: 32px;
+    padding-right: 1em;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  &:hover:not(.disabled) {
+    background: $buic-row-hover;
+    color: $buic-foreground-activehover;
+    cursor: pointer;
+  }
+
+  &.disabled {
+    color: $buic-foreground-disabled;
+    cursor: default;
+  }
+
+  >.icon-checkmark {
+    color: $buic-foreground-primary;
+  }
+}

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

@@ -0,0 +1,28 @@
+import "./InlineEdit.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+interface InlineEditProps extends CommonProps {
+    defaultValue: string;
+    onChange?: (value: string) => void;
+}
+interface InlineEditState {
+    value: string;
+    originalValue: string;
+}
+/** Duration Inline Editor
+ * @internal
+ */
+export declare class InlineEdit extends React.Component<InlineEditProps, InlineEditState> {
+    private _inputRef;
+    constructor(props: InlineEditProps);
+    /** @internal */
+    componentDidUpdate(prevProps: InlineEditProps, _prevState: InlineEditState): void;
+    private _onBlur;
+    private _onFocus;
+    private _onKeyDown;
+    private _onChange;
+    private _sendChange;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=InlineEdit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/InlineEdit.tsx"],"names":[],"mappings":"AAIA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,UAAU,eAAgB,SAAQ,WAAW;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,OAAO,CAAC,SAAS,CAAuC;gBAE5C,KAAK,EAAE,eAAe;IAMlC,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe;IAS1F,OAAO,CAAC,OAAO,CAEb;IAEF,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,UAAU,CAWhB;IAEF,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,WAAW;IAMH,MAAM;CAcvB"}

package/lib/esm/imodel-components-react/timeline/InlineEdit.js

@@ -0,0 +1,56 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import "./InlineEdit.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { SpecialKey } from "@itwin/appui-abstract";
+import { Input } from "@itwin/itwinui-react";
+/** Duration Inline Editor
+ * @internal
+ */
+export class InlineEdit extends React.Component {
+    constructor(props) {
+        super(props);
+        this._inputRef = React.createRef();
+        // istanbul ignore next
+        this._onBlur = (event) => {
+            this._sendChange(event.target.value);
+        };
+        this._onFocus = (event) => {
+            event.target.select();
+        };
+        this._onKeyDown = (event) => {
+            switch (event.key) {
+                case SpecialKey.Escape:
+                    this.setState((prevState) => ({ value: prevState.originalValue }), () => this._inputRef.current.select());
+                    break;
+                case SpecialKey.Enter:
+                    this._sendChange(this.state.value);
+                    break;
+            }
+        };
+        this._onChange = (event) => {
+            this.setState({ value: event.target.value });
+        };
+        this.state = { value: this.props.defaultValue, originalValue: this.props.defaultValue };
+    }
+    /** @internal */
+    componentDidUpdate(prevProps, _prevState) {
+        if (prevProps.defaultValue !== this.props.defaultValue) {
+            this.setState((_, props) => {
+                return { value: props.defaultValue, originalValue: props.defaultValue };
+            });
+        }
+    }
+    _sendChange(value) {
+        // istanbul ignore else
+        if (this.props.onChange)
+            this.props.onChange(value);
+    }
+    render() {
+        return (React.createElement(Input, { "data-testid": "timeline-duration-edit-input", className: classnames("inline-edit-input", this.props.className), ref: this._inputRef, type: "text", value: this.state.value, onFocus: this._onFocus, onBlur: this._onBlur, onKeyDown: this._onKeyDown, onChange: this._onChange }));
+    }
+}
+//# sourceMappingURL=InlineEdit.js.map