@itwin/imodel-components-react 4.9.0 → 4.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/imodel-components-react",
-  "version": "4.9.0",
+  "version": "4.10.0",
   "description": "iTwin.js UI IModel Components",
   "main": "lib/cjs/imodel-components-react.js",
   "module": "lib/esm/imodel-components-react.js",
@@ -23,13 +23,13 @@
   },
   "peerDependencies": {
     "@itwin/appui-abstract": "^3.7.0 || ^4.0.0",
-    "@itwin/components-react": "^4.9.0",
+    "@itwin/components-react": "^4.10.0",
     "@itwin/core-bentley": "^3.7.0 || ^4.0.0",
     "@itwin/core-common": "^3.7.0 || ^4.0.0",
     "@itwin/core-frontend": "^3.7.0 || ^4.0.0",
     "@itwin/core-geometry": "^3.7.0 || ^4.0.0",
     "@itwin/core-quantity": "^3.7.0 || ^4.0.0",
-    "@itwin/core-react": "^4.9.0",
+    "@itwin/core-react": "^4.10.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -38,16 +38,16 @@
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "^3.7.0",
-    "@itwin/build-tools": "^3.7.0",
-    "@itwin/core-bentley": "^3.7.0",
-    "@itwin/core-common": "^3.7.0",
-    "@itwin/core-frontend": "^3.7.0",
-    "@itwin/core-geometry": "^3.7.0",
-    "@itwin/core-orbitgt": "^3.7.0",
-    "@itwin/core-quantity": "^3.7.0",
-    "@itwin/eslint-plugin": "^4.0.0-dev.45",
-    "@itwin/webgl-compatibility": "^3.7.0",
+    "@itwin/appui-abstract": "^3.7.0 || ^4.0.0",
+    "@itwin/build-tools": "^3.7.0 || ^4.0.0",
+    "@itwin/core-bentley": "^3.7.0 || ^4.0.0",
+    "@itwin/core-common": "^3.7.0 || ^4.0.0",
+    "@itwin/core-frontend": "^3.7.0 || ^4.0.0",
+    "@itwin/core-geometry": "^3.7.0 || ^4.0.0",
+    "@itwin/core-orbitgt": "^3.7.0 || ^4.0.0",
+    "@itwin/core-quantity": "^3.7.0 || ^4.0.0",
+    "@itwin/eslint-plugin": "^4.0.0-dev.52",
+    "@itwin/webgl-compatibility": "^3.7.0 || ^4.0.0",
     "@testing-library/dom": "^8.11.2",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
@@ -78,15 +78,15 @@
     "raf": "^3.4.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
-    "react-test-renderer": "^17.0.0",
     "rimraf": "^3.0.2",
     "sinon": "^17.0.1",
     "sinon-chai": "^3.2.0",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",
     "typescript": "~5.0.2",
-    "@itwin/components-react": "4.9.0",
-    "@itwin/core-react": "4.9.0"
+    "upath": "^2.0.1",
+    "@itwin/components-react": "4.10.0",
+    "@itwin/core-react": "4.10.0"
   },
   "//dependencies": [
     "NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API",
@@ -94,9 +94,9 @@
   ],
   "dependencies": {
     "@bentley/icons-generic": "^1.0.34",
-    "@itwin/itwinui-react": "^2.11.11",
-    "@itwin/itwinui-variables": "^2.0.0",
-    "@itwin/itwinui-icons-react": "^2.1.0",
+    "@itwin/itwinui-react": "^3.2.4",
+    "@itwin/itwinui-variables": "^3.0.0",
+    "@itwin/itwinui-icons-react": "^2.8.0",
     "classnames": "2.3.1",
     "ts-key-enum": "~2.0.12"
   },
@@ -109,10 +109,10 @@
       "ts-node/register"
     ],
     "check-coverage": true,
-    "statements": 99.9,
-    "branches": 99.9,
+    "statements": 99,
+    "branches": 98,
     "functions": 100,
-    "lines": 99.9
+    "lines": 99
   },
   "scripts": {
     "start": "run-p -l \"build:** -- -w\" \"copy:** -- -w\"",

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

@@ -1,34 +0,0 @@
-import "./PlayerButton.scss";
-import * as React from "react";
-import type { 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(): React.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(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=PlayerButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlayerButton.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/PlayerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC;IACxD,OAAO,CAAC,QAAQ,CAGd;IAEc,MAAM;CAevB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAC7C,iBAAiB,EACjB,eAAe,CAChB;gBACa,KAAK,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE,GAAG;IAMnD,gBAAgB;IACA,kBAAkB;IAMlC,OAAO,CAAC,QAAQ,CAYd;IAEc,MAAM;CA6BvB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlayerButton.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/PlayerButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport \"./PlayerButton.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../UiIModelComponents\";\nimport { SvgPause, SvgPlay } from \"@itwin/itwinui-icons-react\";\n\n/** Player button used by buttons on timeline control\n * @internal\n */\nexport class PlayerButton extends React.PureComponent<any> {\n  private _onClick = () => {\n    // istanbul ignore else\n    if (this.props.onClick) this.props.onClick();\n  };\n\n  public override render() {\n    const { icon, title } = this.props;\n    return (\n      <button\n        data-testid={this.props.className}\n        className={classnames(\"player-button\", this.props.className)}\n        onClick={this._onClick}\n        title={title}\n      >\n        <span className=\"icon\">\n          <Icon iconSpec={icon} />\n        </span>\n      </button>\n    );\n  }\n}\n\n/** Properties for Play/Pause button used on timeline control\n * @internal\n */\nexport interface PlayerButtonProps extends CommonProps {\n  isPlaying: boolean;\n  onPlay?: () => void;\n  onPause?: () => void;\n  tooltip?: string;\n}\n\ninterface PlayButtonState {\n  isPlaying: boolean;\n}\n\n/** Play/Pause button used on timeline control\n * @internal\n */\nexport class PlayButton extends React.Component<\n  PlayerButtonProps,\n  PlayButtonState\n> {\n  constructor(props: PlayerButtonProps, context?: any) {\n    super(props, context);\n\n    this.state = { isPlaying: this.props.isPlaying };\n  }\n\n  /** @internal */\n  public override componentDidUpdate() {\n    if (this.props.isPlaying !== this.state.isPlaying) {\n      this.setState((_, props) => ({ isPlaying: props.isPlaying }));\n    }\n  }\n\n  private _onClick = () => {\n    const _isPlaying = !this.state.isPlaying;\n\n    this.setState({ isPlaying: _isPlaying });\n\n    if (_isPlaying) {\n      // istanbul ignore else\n      if (this.props.onPlay) this.props.onPlay();\n    } else {\n      // istanbul ignore else\n      if (this.props.onPause) this.props.onPause();\n    }\n  };\n\n  public override render() {\n    const { tooltip } = this.props;\n    const iconSpec = this.state.isPlaying ? <SvgPause /> : <SvgPlay />;\n    let title = tooltip;\n\n    if (!title)\n      title = UiIModelComponents.translate(\n        this.state.isPlaying ? \"timeline.pause\" : \"timeline.play\"\n      );\n\n    return (\n      <button\n        data-testid={this.props.className}\n        title={title}\n        className={classnames(\"player-button\", this.props.className)}\n        onClick={this._onClick}\n      >\n        <span\n          className=\"icon\"\n          data-testid={this.state.isPlaying ? \"pause\" : \"play\"}\n        >\n          <Icon\n            iconSpec={iconSpec}\n            data-testid={this.state.isPlaying ? \"pause\" : \"play\"}\n          />\n        </span>\n      </button>\n    );\n  }\n}\n"]}

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

@@ -1,34 +0,0 @@
-import "./PlayerButton.scss";
-import * as React from "react";
-import type { 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(): React.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(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=PlayerButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlayerButton.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/PlayerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC;IACxD,OAAO,CAAC,QAAQ,CAGd;IAEc,MAAM;CAevB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAC7C,iBAAiB,EACjB,eAAe,CAChB;gBACa,KAAK,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE,GAAG;IAMnD,gBAAgB;IACA,kBAAkB;IAMlC,OAAO,CAAC,QAAQ,CAYd;IAEc,MAAM;CA6BvB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlayerButton.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/PlayerButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport \"./PlayerButton.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../UiIModelComponents\";\nimport { SvgPause, SvgPlay } from \"@itwin/itwinui-icons-react\";\n\n/** Player button used by buttons on timeline control\n * @internal\n */\nexport class PlayerButton extends React.PureComponent<any> {\n  private _onClick = () => {\n    // istanbul ignore else\n    if (this.props.onClick) this.props.onClick();\n  };\n\n  public override render() {\n    const { icon, title } = this.props;\n    return (\n      <button\n        data-testid={this.props.className}\n        className={classnames(\"player-button\", this.props.className)}\n        onClick={this._onClick}\n        title={title}\n      >\n        <span className=\"icon\">\n          <Icon iconSpec={icon} />\n        </span>\n      </button>\n    );\n  }\n}\n\n/** Properties for Play/Pause button used on timeline control\n * @internal\n */\nexport interface PlayerButtonProps extends CommonProps {\n  isPlaying: boolean;\n  onPlay?: () => void;\n  onPause?: () => void;\n  tooltip?: string;\n}\n\ninterface PlayButtonState {\n  isPlaying: boolean;\n}\n\n/** Play/Pause button used on timeline control\n * @internal\n */\nexport class PlayButton extends React.Component<\n  PlayerButtonProps,\n  PlayButtonState\n> {\n  constructor(props: PlayerButtonProps, context?: any) {\n    super(props, context);\n\n    this.state = { isPlaying: this.props.isPlaying };\n  }\n\n  /** @internal */\n  public override componentDidUpdate() {\n    if (this.props.isPlaying !== this.state.isPlaying) {\n      this.setState((_, props) => ({ isPlaying: props.isPlaying }));\n    }\n  }\n\n  private _onClick = () => {\n    const _isPlaying = !this.state.isPlaying;\n\n    this.setState({ isPlaying: _isPlaying });\n\n    if (_isPlaying) {\n      // istanbul ignore else\n      if (this.props.onPlay) this.props.onPlay();\n    } else {\n      // istanbul ignore else\n      if (this.props.onPause) this.props.onPause();\n    }\n  };\n\n  public override render() {\n    const { tooltip } = this.props;\n    const iconSpec = this.state.isPlaying ? <SvgPause /> : <SvgPlay />;\n    let title = tooltip;\n\n    if (!title)\n      title = UiIModelComponents.translate(\n        this.state.isPlaying ? \"timeline.pause\" : \"timeline.play\"\n      );\n\n    return (\n      <button\n        data-testid={this.props.className}\n        title={title}\n        className={classnames(\"player-button\", this.props.className)}\n        onClick={this._onClick}\n      >\n        <span\n          className=\"icon\"\n          data-testid={this.state.isPlaying ? \"pause\" : \"play\"}\n        >\n          <Icon\n            iconSpec={iconSpec}\n            data-testid={this.state.isPlaying ? \"pause\" : \"play\"}\n          />\n        </span>\n      </button>\n    );\n  }\n}\n"]}