@itwin/imodel-components-react 4.0.0-dev.1 → 4.0.0-dev.11

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

@@ -15,7 +15,7 @@ export interface MilestoneRange {
 /**
  * A Milestone event that is to be noted in the timeline.
  * @internal
- * @deprecated in 3.0.
+ * @deprecated
  */
 export interface Milestone {
     /** uniqueId of milestone */

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/interfaces.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAsCH;;GAEG;AACH,MAAM,CAAN,IAAY,aAWX;AAXD,WAAY,aAAa;IACvB,iBAAiB;IACjB,mDAAK,CAAA;IACL,oBAAoB;IACpB,yDAAQ,CAAA;IACR,kBAAkB;IAClB,qDAAM,CAAA;IACN,gBAAgB;IAChB,iDAAI,CAAA;IACJ,iBAAiB;IACjB,mDAAK,CAAA;AACP,CAAC,EAXW,aAAa,KAAb,aAAa,QAWxB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,qDAAqD;IACrD,yEAAU,CAAA;IACV,sEAAsE;IACtE,2EAAW,CAAA;AACb,CAAC,EALW,mBAAmB,KAAnB,mBAAmB,QAK9B;AAoCD;;GAEG;AACH,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,yEAAM,CAAA;IACN,uEAAK,CAAA;IACL,qEAAI,CAAA;AACN,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC","sourcesContent":["/*---------------------------------------------------------------------------------------------\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 { ColorDef } from \"@itwin/core-common\";\r\nimport { ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { GenericUiEventArgs } from \"@itwin/appui-abstract\";\r\n\r\n/**\r\n * A range of time which can be used to focus in on activities scheduled around a milestone.\r\n * @public\r\n */\r\nexport interface MilestoneRange {\r\n  start: Date;\r\n  end: Date;\r\n}\r\n\r\n/**\r\n * A Milestone event that is to be noted in the timeline.\r\n * @internal\r\n * @deprecated in 3.0.\r\n */\r\nexport interface Milestone {\r\n  /** uniqueId of milestone */\r\n  id: string;\r\n  /** milestone date */\r\n  date: Date;\r\n  parentId?: string;\r\n  /** Milestone label that is display if space allows */\r\n  label?: string;\r\n  /** Milestone description that is show as tooltip */\r\n  description?: string;\r\n  /** animation range that includes milestone */\r\n  range?: MilestoneRange;\r\n  /** Set to true if read only. */\r\n  readonly?: boolean;\r\n  // eslint-disable-next-line deprecation/deprecation\r\n  children?: Milestone[];\r\n}\r\n\r\n/** The timeline scale.\r\n * @public\r\n */\r\nexport enum TimelineScale {\r\n  /** Show years */\r\n  Years,\r\n  /** Show quarters */\r\n  Quarters,\r\n  /** Show months */\r\n  Months,\r\n  /** Show days */\r\n  Days,\r\n  /** Show hours */\r\n  Hours,\r\n}\r\n\r\n/** Determines if data displayed to use is the actual date or the amount of time elapsed since project start.\r\n * @public\r\n */\r\nexport enum TimelineDateDisplay {\r\n  /** Display time axis using actual start/end dates */\r\n  ActualTime,\r\n  /** Display time axis using time relative to actual start/end dates */\r\n  ProjectTime,\r\n}\r\n\r\n/**\r\n * Playback Settings.\r\n * @public\r\n */\r\nexport interface PlaybackSettings {\r\n  /** time in milliseconds to play animation from start date to end date */\r\n  duration?: number;\r\n  /** Set to True if animation to restart each time playbackEnd is reached. Defaults to false. */\r\n  loop?: boolean;\r\n  /** If true a minimal set of data is displayed. */\r\n  minimized?: boolean;\r\n  /** Playback start. If defined must be within start-end range. If not define 'start' is used. */\r\n  playbackStart?: Date;\r\n  /** Playback end. If defined must be within start-end range and later than playbackStart. If not define 'end' is used. */\r\n  playbackEnd?: Date;\r\n  /** Set to True if user should be allowed to insert milestone dates. Defaults to false */\r\n  allowMilestoneEdits?: boolean;\r\n  /** Define if actual date/times are used or date/times relative to project are used to draw timeline axis. */\r\n  dateDisplay?: TimelineDateDisplay;\r\n}\r\n\r\n/**\r\n * An interface used to notify Handlers of the current pointer position in the timeline playback. Valid range is 0 to 1 and it determines percentage complete.\r\n * @public\r\n */\r\nexport type AnimationFractionChangeHandler = (animationFraction: number) => void;\r\n\r\n/**\r\n * An interface used to notify Handlers of Playback Settings changes.\r\n * Contains the settings to be used.\r\n * @public\r\n */\r\nexport type PlaybackSettingsChangeHandler = (settingsChange: PlaybackSettings) => void;\r\n\r\n/** Actions for Pause/Play event\r\n * @public\r\n */\r\nexport enum TimelinePausePlayAction {\r\n  Toggle,\r\n  Pause,\r\n  Play,\r\n}\r\n/** Args for event to pause or play the timeline component\r\n * @public\r\n */\r\nexport interface TimelinePausePlayArgs extends GenericUiEventArgs {\r\n  timelineAction: TimelinePausePlayAction;\r\n}\r\n/** Interface for a timeline data provider class\r\n * @public\r\n */\r\nexport interface TimelineDataProvider {\r\n  /** uniqueId of provider */\r\n  id: string;\r\n  /** view id when viewport is initially assigned */\r\n  viewId: string;\r\n  /** returns true if the provider has timeline animation data available */\r\n  supportsTimelineAnimation: boolean;\r\n  /** Starting date for entire timeline */\r\n  start?: Date;\r\n  /** End date for entire timeline */\r\n  end?: Date;\r\n  /** Current animation fraction from 0.0 to 1.0 */\r\n  animationFraction?: number;\r\n  getSettings(): PlaybackSettings;\r\n  /** Called to get the initial scrubber location. This must be a value between 0 and the duration in PlaybackSettings. */\r\n  initialDuration: number;\r\n  /** Called to get the duration of the Playback. */\r\n  duration: number;\r\n  /** If true the playback will continuously loop. */\r\n  loop: boolean;\r\n  /** Called to save the playback settings */\r\n  updateSettings(settings: PlaybackSettings): void;\r\n  /** Async call to load milestone and settings data */\r\n  loadTimelineData(): Promise<boolean>;\r\n  /** Called when an internal process has defined the playback settings and the UI needs to be updated */\r\n  onPlaybackSettingChanged?: PlaybackSettingsChangeHandler;\r\n  /** Called when the an internal process has defined the playback settings and the UI needs to be updated */\r\n  onAnimationFractionChanged?: AnimationFractionChangeHandler;\r\n  /** viewport to show animation */\r\n  viewport?: ScreenViewport;\r\n}\r\n\r\n/**\r\n * An interface used to notify Handlers of Playback progress.\r\n * Contains the settings to be used.\r\n * @alpha\r\n */\r\nexport type SolarPlaybackProgressHandler = (time: Date) => void;\r\n\r\n/** Data Provider interface for getting and setting solar position\r\n * @alpha\r\n */\r\nexport interface SolarDataProvider {\r\n  // View Id used to determine sunrise and sunset\r\n  viewId: string;\r\n  /** returns true if the provider has timeline animation data available */\r\n  supportsTimelineAnimation: boolean;\r\n  // set to true is timeline should be shown - return false if view is not set to display shadow.\r\n  readonly shouldShowTimeline: boolean;\r\n  /** Starting date for entire timeline */\r\n  day: Date;\r\n  /** Starting time for day in milliseconds */\r\n  readonly dayStartMs: number;\r\n  /** Time of day for sun */\r\n  readonly timeOfDay: Date;\r\n  /** Called during playback to update animation */\r\n  onTimeChanged?: SolarPlaybackProgressHandler;\r\n  /** viewport to show animation */\r\n  viewport?: ScreenViewport;\r\n  /** Time of Sunrise to nearest minute */\r\n  readonly sunrise: Date;\r\n  /** time of Sunrise to nearest minute */\r\n  readonly sunset: Date;\r\n  /** shadow color */\r\n  shadowColor: ColorDef;\r\n  /** timezone offset for local project time */\r\n  readonly timeZoneOffset: number;\r\n  /** set date for shadow study. If isProjectDate is false the is assume to be in users\r\n   * current time and the value is adjusted to be the same date and time at the project location. */\r\n  setDateAndTime: (day: Date, isProjectDate?: boolean) => void;\r\n}\r\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/interfaces.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAsCH;;GAEG;AACH,MAAM,CAAN,IAAY,aAWX;AAXD,WAAY,aAAa;IACvB,iBAAiB;IACjB,mDAAK,CAAA;IACL,oBAAoB;IACpB,yDAAQ,CAAA;IACR,kBAAkB;IAClB,qDAAM,CAAA;IACN,gBAAgB;IAChB,iDAAI,CAAA;IACJ,iBAAiB;IACjB,mDAAK,CAAA;AACP,CAAC,EAXW,aAAa,KAAb,aAAa,QAWxB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,qDAAqD;IACrD,yEAAU,CAAA;IACV,sEAAsE;IACtE,2EAAW,CAAA;AACb,CAAC,EALW,mBAAmB,KAAnB,mBAAmB,QAK9B;AAoCD;;GAEG;AACH,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,yEAAM,CAAA;IACN,uEAAK,CAAA;IACL,qEAAI,CAAA;AACN,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC","sourcesContent":["/*---------------------------------------------------------------------------------------------\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 { ColorDef } from \"@itwin/core-common\";\r\nimport { ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { GenericUiEventArgs } from \"@itwin/appui-abstract\";\r\n\r\n/**\r\n * A range of time which can be used to focus in on activities scheduled around a milestone.\r\n * @public\r\n */\r\nexport interface MilestoneRange {\r\n  start: Date;\r\n  end: Date;\r\n}\r\n\r\n/**\r\n * A Milestone event that is to be noted in the timeline.\r\n * @internal\r\n * @deprecated\r\n */\r\nexport interface Milestone {\r\n  /** uniqueId of milestone */\r\n  id: string;\r\n  /** milestone date */\r\n  date: Date;\r\n  parentId?: string;\r\n  /** Milestone label that is display if space allows */\r\n  label?: string;\r\n  /** Milestone description that is show as tooltip */\r\n  description?: string;\r\n  /** animation range that includes milestone */\r\n  range?: MilestoneRange;\r\n  /** Set to true if read only. */\r\n  readonly?: boolean;\r\n  // eslint-disable-next-line deprecation/deprecation\r\n  children?: Milestone[];\r\n}\r\n\r\n/** The timeline scale.\r\n * @public\r\n */\r\nexport enum TimelineScale {\r\n  /** Show years */\r\n  Years,\r\n  /** Show quarters */\r\n  Quarters,\r\n  /** Show months */\r\n  Months,\r\n  /** Show days */\r\n  Days,\r\n  /** Show hours */\r\n  Hours,\r\n}\r\n\r\n/** Determines if data displayed to use is the actual date or the amount of time elapsed since project start.\r\n * @public\r\n */\r\nexport enum TimelineDateDisplay {\r\n  /** Display time axis using actual start/end dates */\r\n  ActualTime,\r\n  /** Display time axis using time relative to actual start/end dates */\r\n  ProjectTime,\r\n}\r\n\r\n/**\r\n * Playback Settings.\r\n * @public\r\n */\r\nexport interface PlaybackSettings {\r\n  /** time in milliseconds to play animation from start date to end date */\r\n  duration?: number;\r\n  /** Set to True if animation to restart each time playbackEnd is reached. Defaults to false. */\r\n  loop?: boolean;\r\n  /** If true a minimal set of data is displayed. */\r\n  minimized?: boolean;\r\n  /** Playback start. If defined must be within start-end range. If not define 'start' is used. */\r\n  playbackStart?: Date;\r\n  /** Playback end. If defined must be within start-end range and later than playbackStart. If not define 'end' is used. */\r\n  playbackEnd?: Date;\r\n  /** Set to True if user should be allowed to insert milestone dates. Defaults to false */\r\n  allowMilestoneEdits?: boolean;\r\n  /** Define if actual date/times are used or date/times relative to project are used to draw timeline axis. */\r\n  dateDisplay?: TimelineDateDisplay;\r\n}\r\n\r\n/**\r\n * An interface used to notify Handlers of the current pointer position in the timeline playback. Valid range is 0 to 1 and it determines percentage complete.\r\n * @public\r\n */\r\nexport type AnimationFractionChangeHandler = (animationFraction: number) => void;\r\n\r\n/**\r\n * An interface used to notify Handlers of Playback Settings changes.\r\n * Contains the settings to be used.\r\n * @public\r\n */\r\nexport type PlaybackSettingsChangeHandler = (settingsChange: PlaybackSettings) => void;\r\n\r\n/** Actions for Pause/Play event\r\n * @public\r\n */\r\nexport enum TimelinePausePlayAction {\r\n  Toggle,\r\n  Pause,\r\n  Play,\r\n}\r\n/** Args for event to pause or play the timeline component\r\n * @public\r\n */\r\nexport interface TimelinePausePlayArgs extends GenericUiEventArgs {\r\n  timelineAction: TimelinePausePlayAction;\r\n}\r\n/** Interface for a timeline data provider class\r\n * @public\r\n */\r\nexport interface TimelineDataProvider {\r\n  /** uniqueId of provider */\r\n  id: string;\r\n  /** view id when viewport is initially assigned */\r\n  viewId: string;\r\n  /** returns true if the provider has timeline animation data available */\r\n  supportsTimelineAnimation: boolean;\r\n  /** Starting date for entire timeline */\r\n  start?: Date;\r\n  /** End date for entire timeline */\r\n  end?: Date;\r\n  /** Current animation fraction from 0.0 to 1.0 */\r\n  animationFraction?: number;\r\n  getSettings(): PlaybackSettings;\r\n  /** Called to get the initial scrubber location. This must be a value between 0 and the duration in PlaybackSettings. */\r\n  initialDuration: number;\r\n  /** Called to get the duration of the Playback. */\r\n  duration: number;\r\n  /** If true the playback will continuously loop. */\r\n  loop: boolean;\r\n  /** Called to save the playback settings */\r\n  updateSettings(settings: PlaybackSettings): void;\r\n  /** Async call to load milestone and settings data */\r\n  loadTimelineData(): Promise<boolean>;\r\n  /** Called when an internal process has defined the playback settings and the UI needs to be updated */\r\n  onPlaybackSettingChanged?: PlaybackSettingsChangeHandler;\r\n  /** Called when the an internal process has defined the playback settings and the UI needs to be updated */\r\n  onAnimationFractionChanged?: AnimationFractionChangeHandler;\r\n  /** viewport to show animation */\r\n  viewport?: ScreenViewport;\r\n}\r\n\r\n/**\r\n * An interface used to notify Handlers of Playback progress.\r\n * Contains the settings to be used.\r\n * @alpha\r\n */\r\nexport type SolarPlaybackProgressHandler = (time: Date) => void;\r\n\r\n/** Data Provider interface for getting and setting solar position\r\n * @alpha\r\n */\r\nexport interface SolarDataProvider {\r\n  // View Id used to determine sunrise and sunset\r\n  viewId: string;\r\n  /** returns true if the provider has timeline animation data available */\r\n  supportsTimelineAnimation: boolean;\r\n  // set to true is timeline should be shown - return false if view is not set to display shadow.\r\n  readonly shouldShowTimeline: boolean;\r\n  /** Starting date for entire timeline */\r\n  day: Date;\r\n  /** Starting time for day in milliseconds */\r\n  readonly dayStartMs: number;\r\n  /** Time of day for sun */\r\n  readonly timeOfDay: Date;\r\n  /** Called during playback to update animation */\r\n  onTimeChanged?: SolarPlaybackProgressHandler;\r\n  /** viewport to show animation */\r\n  viewport?: ScreenViewport;\r\n  /** Time of Sunrise to nearest minute */\r\n  readonly sunrise: Date;\r\n  /** time of Sunrise to nearest minute */\r\n  readonly sunset: Date;\r\n  /** shadow color */\r\n  shadowColor: ColorDef;\r\n  /** timezone offset for local project time */\r\n  readonly timeZoneOffset: number;\r\n  /** set date for shadow study. If isProjectDate is false the is assume to be in users\r\n   * current time and the value is adjusted to be the same date and time at the project location. */\r\n  setDateAndTime: (day: Date, isProjectDate?: boolean) => void;\r\n}\r\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/imodel-components-react",
-  "version": "4.0.0-dev.1",
+  "version": "4.0.0-dev.11",
   "description": "iTwin.js UI IModel Components",
   "main": "lib/cjs/imodel-components-react.js",
   "module": "lib/esm/imodel-components-react.js",
@@ -8,7 +8,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/iTwin/itwinjs-core/tree/master/ui/imodel-components-react"
+    "url": "https://github.com/iTwin/appui/tree/master/ui/imodel-components-react"
   },
   "keywords": [
     "Bentley",
@@ -20,44 +20,43 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^4.0.0-dev.1",
-    "@itwin/components-react": "^4.0.0-dev.1",
-    "@itwin/core-bentley": "^4.0.0-dev.1",
-    "@itwin/core-common": "^4.0.0-dev.1",
-    "@itwin/core-frontend": "^4.0.0-dev.1",
-    "@itwin/core-geometry": "^4.0.0-dev.1",
-    "@itwin/core-quantity": "^4.0.0-dev.1",
-    "@itwin/core-react": "^4.0.0-dev.1",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "@itwin/appui-abstract": "^3.6.0",
+    "@itwin/components-react": "^4.0.0-dev.11",
+    "@itwin/core-bentley": "^3.6.0",
+    "@itwin/core-common": "^3.6.0",
+    "@itwin/core-frontend": "^3.6.0",
+    "@itwin/core-geometry": "^3.6.0",
+    "@itwin/core-quantity": "^3.6.0",
+    "@itwin/core-react": "^4.0.0-dev.11",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
   },
   "//devDependencies": [
     "NOTE: All peerDependencies should also be listed as devDependencies since peerDependencies are not considered by npm install",
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "4.0.0-dev.1",
-    "@itwin/build-tools": "4.0.0-dev.1",
-    "@itwin/components-react": "4.0.0-dev.1",
-    "@itwin/core-bentley": "4.0.0-dev.1",
-    "@itwin/core-common": "4.0.0-dev.1",
-    "@itwin/core-frontend": "4.0.0-dev.1",
-    "@itwin/core-geometry": "4.0.0-dev.1",
-    "@itwin/core-quantity": "4.0.0-dev.1",
-    "@itwin/core-react": "4.0.0-dev.1",
-    "@itwin/eslint-plugin": "4.0.0-dev.1",
+    "@itwin/appui-abstract": "^3.6.0",
+    "@itwin/build-tools": "^3.6.0",
+    "@itwin/components-react": "4.0.0-dev.11",
+    "@itwin/core-bentley": "^3.6.0",
+    "@itwin/core-common": "^3.6.0",
+    "@itwin/core-frontend": "^3.6.0",
+    "@itwin/core-geometry": "^3.6.0",
+    "@itwin/core-orbitgt": "^3.6.0",
+    "@itwin/core-quantity": "^3.6.0",
+    "@itwin/core-react": "4.0.0-dev.11",
+    "@itwin/eslint-plugin": "^3.6.0",
+    "@itwin/webgl-compatibility": "^3.6.0",
     "@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",
     "@types/chai": "4.3.1",
     "@types/chai-as-promised": "^7",
-    "@types/chai-jest-snapshot": "^1.3.0",
     "@types/chai-spies": "^1.0.0",
     "@types/chai-string": "^1.4.1",
-    "@types/enzyme": "3.9.3",
     "@types/faker": "^4.1.0",
-    "@types/lodash": "^4.14.0",
     "@types/mocha": "^8.2.2",
     "@types/node": "18.11.5",
     "@types/react": "^17.0.37",
@@ -66,13 +65,9 @@
     "@types/sinon-chai": "^3.2.0",
     "chai": "^4.1.2",
     "chai-as-promised": "^7",
-    "chai-jest-snapshot": "^2.0.0",
     "chai-spies": "1.0.0",
     "chai-string": "^1.5.0",
     "cpx2": "^3.0.0",
-    "enzyme": "3.10.0",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
-    "enzyme-to-json": "^3.3.4",
     "eslint": "^7.11.0",
     "faker": "^4.1.0",
     "ignore-styles": "^5.0.1",
@@ -97,15 +92,12 @@
     "NOTE: core-frontend should remain UI technology agnostic, so no react/angular dependencies are allowed"
   ],
   "dependencies": {
-    "@bentley/icons-generic-webfont": "^1.0.15",
-    "@itwin/itwinui-css": "0.x",
-    "@itwin/itwinui-react": "~1.46.0",
-    "callable-instance2": "1.0.0",
-    "classnames": "^2.3.1",
-    "eventemitter2": "^5.0.1",
-    "immer": "9.0.6",
-    "immutable": "^3.8.2",
-    "ts-key-enum": "^2.0.0"
+    "@bentley/icons-generic": "^1.0.34",
+    "@itwin/itwinui-react": "^2.5.0",
+    "@itwin/itwinui-variables": "^2.0.0",
+    "@itwin/itwinui-icons-react": "^2.1.0",
+    "classnames": "2.3.1",
+    "immer": "9.0.6"
   },
   "nyc": {
     "extends": "./node_modules/@itwin/build-tools/.nycrc",
@@ -131,8 +123,7 @@
     ]
   },
   "scripts": {
-    "build": "npm run -s copy:locale && npm run -s build:cjs",
-    "build:ci": "npm run -s build && npm run -s build:esm",
+    "build": "npm run -s copy:locale && npm run -s build:cjs && npm run -s build:esm",
     "build:cjs": "tsc 1>&2 --outDir lib/cjs && npm run -s copy:cjs",
     "build:esm": "tsc 1>&2 --module ES2020 --outDir lib/esm && npm run -s copy:esm",
     "copy:locale": "cpx \"./public/**/*\" ./lib/public",
@@ -141,11 +132,13 @@
     "pseudolocalize": "betools pseudolocalize --englishDir ./public/locales/en --out ./public/locales/en-PSEUDO",
     "clean": "rimraf lib .rush/temp/package-deps*.json",
     "cover": "nyc npm -s test",
-    "docs": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/ui/imodel-components-react/file.json --tsIndexFile=./imodel-components-react.ts --onlyJson",
     "lint": "eslint -f visualstudio \"./src/**/*.{ts,tsx}\" 1>&2",
     "extract-api": "betools extract-api --entry=imodel-components-react",
     "test": "mocha --config ../.mocharc.json \"./lib/cjs/test/**/*.test.js\"",
-    "test:watch": "npm -s test -- --reporter min --watch-extensions ts,tsx --watch"
+    "test:watch": "npm -s test -- --reporter min --watch-extensions ts,tsx --watch",
+    "docs": "npm run -s docs:reference && npm run -s docs:changelog",
+    "docs:changelog": "cpx ./CHANGELOG.md ../../generated-docs/ui/imodel-components-react",
+    "docs:reference": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/ui/imodel-components-react/file.json --tsIndexFile=./imodel-components-react.ts --onlyJson"
   },
   "readme": "# @itwin/imodel-components-react\r\n\r\nCopyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md for license terms and full copyright notice.\r\n\r\n## Description\r\n\r\nThe __@itwin/imodel-components-react__ package contains React components that depend on the imodeljs-frontend, imodeljs-common or imodeljs-quantity packages.\r\n\r\n## Documentation\r\n\r\nSee the [iTwin.js](https://www.itwinjs.org) documentation for more information.\r\n"
 }