@itwin/imodel-components-react 4.0.0-dev.12 → 4.0.0-dev.14

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

@@ -1,56 +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), style: this.props.style, ref: this._inputRef, type: "text", value: this.state.value, size: "small", onFocus: this._onFocus, onBlur: this._onBlur, onKeyDown: this._onKeyDown, onChange: this._onChange }));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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), style: this.props.style, ref: this._inputRef, type: "text", value: this.state.value, size: "small", onFocus: this._onFocus, onBlur: this._onBlur, onKeyDown: this._onKeyDown, onChange: this._onChange }));
+    }
+}
 //# sourceMappingURL=InlineEdit.js.map

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

@@ -1,34 +1,34 @@
-import "./PlayerButton.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Player button used by buttons on timeline control
- * @internal
- */
-export declare class PlayerButton extends React.PureComponent<any> {
-    private _onClick;
-    render(): JSX.Element;
-}
-/** Properties for Play/Pause button used on timeline control
- * @internal
- */
-export interface PlayerButtonProps extends CommonProps {
-    isPlaying: boolean;
-    onPlay?: () => void;
-    onPause?: () => void;
-    tooltip?: string;
-}
-interface PlayButtonState {
-    isPlaying: boolean;
-}
-/** Play/Pause button used on timeline control
- * @internal
- */
-export declare class PlayButton extends React.Component<PlayerButtonProps, PlayButtonState> {
-    constructor(props: PlayerButtonProps, context?: any);
-    /** @internal */
-    componentDidUpdate(): void;
-    private _onClick;
-    render(): JSX.Element;
-}
-export {};
+import "./PlayerButton.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Player button used by buttons on timeline control
+ * @internal
+ */
+export declare class PlayerButton extends React.PureComponent<any> {
+    private _onClick;
+    render(): JSX.Element;
+}
+/** Properties for Play/Pause button used on timeline control
+ * @internal
+ */
+export interface PlayerButtonProps extends CommonProps {
+    isPlaying: boolean;
+    onPlay?: () => void;
+    onPause?: () => void;
+    tooltip?: string;
+}
+interface PlayButtonState {
+    isPlaying: boolean;
+}
+/** Play/Pause button used on timeline control
+ * @internal
+ */
+export declare class PlayButton extends React.Component<PlayerButtonProps, PlayButtonState> {
+    constructor(props: PlayerButtonProps, context?: any);
+    /** @internal */
+    componentDidUpdate(): void;
+    private _onClick;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=PlayerButton.d.ts.map

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

@@ -1,69 +1,69 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import "./PlayerButton.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Icon } from "@itwin/core-react";
-import { UiIModelComponents } from "../UiIModelComponents";
-import { SvgPause, SvgPlay } from "@itwin/itwinui-icons-react";
-/** Player button used by buttons on timeline control
- * @internal
- */
-export class PlayerButton extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._onClick = () => {
-            // istanbul ignore else
-            if (this.props.onClick)
-                this.props.onClick();
-        };
-    }
-    render() {
-        const { icon, title } = this.props;
-        return (React.createElement("button", { "data-testid": this.props.className, className: classnames("player-button", this.props.className), onClick: this._onClick, title: title },
-            React.createElement("span", { className: "icon" },
-                React.createElement(Icon, { iconSpec: icon }))));
-    }
-}
-/** Play/Pause button used on timeline control
- * @internal
- */
-export class PlayButton extends React.Component {
-    constructor(props, context) {
-        super(props, context);
-        this._onClick = () => {
-            const _isPlaying = !this.state.isPlaying;
-            this.setState({ isPlaying: _isPlaying });
-            if (_isPlaying) {
-                // istanbul ignore else
-                if (this.props.onPlay)
-                    this.props.onPlay();
-            }
-            else {
-                // istanbul ignore else
-                if (this.props.onPause)
-                    this.props.onPause();
-            }
-        };
-        this.state = { isPlaying: this.props.isPlaying };
-    }
-    /** @internal */
-    componentDidUpdate() {
-        if (this.props.isPlaying !== this.state.isPlaying) {
-            this.setState((_, props) => ({ isPlaying: props.isPlaying }));
-        }
-    }
-    render() {
-        const { tooltip } = this.props;
-        const iconSpec = this.state.isPlaying ? React.createElement(SvgPause, null) : React.createElement(SvgPlay, null);
-        let title = tooltip;
-        if (!title)
-            title = UiIModelComponents.translate(this.state.isPlaying ? "timeline.pause" : "timeline.play");
-        return (React.createElement("button", { "data-testid": this.props.className, title: title, className: classnames("player-button", this.props.className), onClick: this._onClick },
-            React.createElement("span", { className: "icon", "data-testid": this.state.isPlaying ? "pause" : "play" },
-                React.createElement(Icon, { iconSpec: iconSpec, "data-testid": this.state.isPlaying ? "pause" : "play" }))));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import "./PlayerButton.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Icon } from "@itwin/core-react";
+import { UiIModelComponents } from "../UiIModelComponents";
+import { SvgPause, SvgPlay } from "@itwin/itwinui-icons-react";
+/** Player button used by buttons on timeline control
+ * @internal
+ */
+export class PlayerButton extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._onClick = () => {
+            // istanbul ignore else
+            if (this.props.onClick)
+                this.props.onClick();
+        };
+    }
+    render() {
+        const { icon, title } = this.props;
+        return (React.createElement("button", { "data-testid": this.props.className, className: classnames("player-button", this.props.className), onClick: this._onClick, title: title },
+            React.createElement("span", { className: "icon" },
+                React.createElement(Icon, { iconSpec: icon }))));
+    }
+}
+/** Play/Pause button used on timeline control
+ * @internal
+ */
+export class PlayButton extends React.Component {
+    constructor(props, context) {
+        super(props, context);
+        this._onClick = () => {
+            const _isPlaying = !this.state.isPlaying;
+            this.setState({ isPlaying: _isPlaying });
+            if (_isPlaying) {
+                // istanbul ignore else
+                if (this.props.onPlay)
+                    this.props.onPlay();
+            }
+            else {
+                // istanbul ignore else
+                if (this.props.onPause)
+                    this.props.onPause();
+            }
+        };
+        this.state = { isPlaying: this.props.isPlaying };
+    }
+    /** @internal */
+    componentDidUpdate() {
+        if (this.props.isPlaying !== this.state.isPlaying) {
+            this.setState((_, props) => ({ isPlaying: props.isPlaying }));
+        }
+    }
+    render() {
+        const { tooltip } = this.props;
+        const iconSpec = this.state.isPlaying ? React.createElement(SvgPause, null) : React.createElement(SvgPlay, null);
+        let title = tooltip;
+        if (!title)
+            title = UiIModelComponents.translate(this.state.isPlaying ? "timeline.pause" : "timeline.play");
+        return (React.createElement("button", { "data-testid": this.props.className, title: title, className: classnames("player-button", this.props.className), onClick: this._onClick },
+            React.createElement("span", { className: "icon", "data-testid": this.state.isPlaying ? "pause" : "play" },
+                React.createElement(Icon, { iconSpec: iconSpec, "data-testid": this.state.isPlaying ? "pause" : "play" }))));
+    }
+}
 //# sourceMappingURL=PlayerButton.js.map

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

@@ -1,55 +1,55 @@
-import "./Scrubber.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-import { TimelineDateMarkerProps } from "./TimelineComponent";
-/**
- * @internal
- */
-export declare function getPercentageOfRectangle(rect: DOMRect, pointer: number): number;
-/**
- * @internal
- */
-export declare function RailMarkers({ showToolTip, percent, tooltipText, markDate }: {
-    showToolTip: boolean;
-    percent: number;
-    tooltipText: string;
-    markDate?: DateMarkerProps;
-}): JSX.Element;
-/**
- * Custom Timeline Thumb
- * @internal
- */
-export declare function CustomThumb(): JSX.Element;
-/**
- * @internal
- */
-export declare function useFocusedThumb(sliderContainer: HTMLDivElement | undefined): boolean;
-/** Properties for Scrubber/Slider used on timeline control
- * @internal
- */
-export interface ScrubberProps extends CommonProps {
-    currentDuration: number;
-    totalDuration: number;
-    isPlaying: boolean;
-    inMiniMode: boolean;
-    startDate?: Date;
-    endDate?: Date;
-    showTime?: boolean;
-    onChange?: (values: ReadonlyArray<number>) => void;
-    onUpdate?: (values: ReadonlyArray<number>) => void;
-    timeZoneOffset?: number;
-    markDate?: TimelineDateMarkerProps;
-}
-/** Properties for marking current date in RailMarkers
- * @internal
- */
-interface DateMarkerProps {
-    datePercentage: number;
-    dateMarker?: React.ReactNode;
-}
-/** Scrubber/Slider for timeline control
- * @internal
- */
-export declare function Scrubber(props: ScrubberProps): JSX.Element;
-export {};
+import "./Scrubber.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { TimelineDateMarkerProps } from "./TimelineComponent";
+/**
+ * @internal
+ */
+export declare function getPercentageOfRectangle(rect: DOMRect, pointer: number): number;
+/**
+ * @internal
+ */
+export declare function RailMarkers({ showToolTip, percent, tooltipText, markDate }: {
+    showToolTip: boolean;
+    percent: number;
+    tooltipText: string;
+    markDate?: DateMarkerProps;
+}): JSX.Element;
+/**
+ * Custom Timeline Thumb
+ * @internal
+ */
+export declare function CustomThumb(): JSX.Element;
+/**
+ * @internal
+ */
+export declare function useFocusedThumb(sliderContainer: HTMLDivElement | undefined): boolean;
+/** Properties for Scrubber/Slider used on timeline control
+ * @internal
+ */
+export interface ScrubberProps extends CommonProps {
+    currentDuration: number;
+    totalDuration: number;
+    isPlaying: boolean;
+    inMiniMode: boolean;
+    startDate?: Date;
+    endDate?: Date;
+    showTime?: boolean;
+    onChange?: (values: ReadonlyArray<number>) => void;
+    onUpdate?: (values: ReadonlyArray<number>) => void;
+    timeZoneOffset?: number;
+    markDate?: TimelineDateMarkerProps;
+}
+/** Properties for marking current date in RailMarkers
+ * @internal
+ */
+interface DateMarkerProps {
+    datePercentage: number;
+    dateMarker?: React.ReactNode;
+}
+/** Scrubber/Slider for timeline control
+ * @internal
+ */
+export declare function Scrubber(props: ScrubberProps): JSX.Element;
+export {};
 //# sourceMappingURL=Scrubber.d.ts.map