@itwin/components-react 4.0.0-dev.2 → 4.0.0-dev.21

package/lib/public/locales/en/UiComponents.json

@@ -1,139 +1,139 @@
-{
-  "general": {
-    "true": "true",
-    "false": "false",
-    "loading": "loading",
-    "noData": "The data required for this tree layout is not available in this iModel.",
-    "length": "Length",
-    "label": "Label",
-    "of": "of"
-  },
-  "button": {
-    "label": {
-      "search": "Search",
-      "cancel": "Cancel",
-      "settings": "Settings",
-      "filter": "Filter",
-      "selectAll": "Select All"
-    }
-  },
-  "breadcrumb": {
-    "invalidBreadcrumbPath": "Path not found.",
-    "errorUnknownMode": "Error: Unknown Breadcrumb mode.",
-    "name": "Name",
-    "icon": "Icon",
-    "description": "Description"
-  },
-  "tree": {
-    "noResultsForFilter": "0 matches found for \"{{searchText}}\""
-  },
-  "table": {
-    "filter": {
-      "numericTooltip": "Input Methods: Range (x-y), Greater Then (>x), Less Then (<y)",
-      "numericPlaceholder": "e.g. 3,10-15,>20"
-    }
-  },
-  "showhide": {
-    "noLabel": "[unlabeled]",
-    "showAll": "Show all",
-    "list": "List...",
-    "title": "Show/Hide"
-  },
-  "property": {
-    "varies": "*** Varies ***",
-    "arrayLength": "Number of Items",
-    "expand": "See more",
-    "collapse": "See less"
-  },
-  "timepicker": {
-    "day-period-am": "AM",
-    "day-period-pm": "PM"
-  },
-  "datepicker": {
-    "selectDate": "Select Date",
-    "time": "Time",
-    "previousMonth": "Previous Month",
-    "nextMonth": "Next Month"
-  },
-  "month": {
-    "long": {
-      "january": "January",
-      "february": "February",
-      "march": "March",
-      "april": "April",
-      "may": "May",
-      "june": "June",
-      "july": "July",
-      "august": "August",
-      "september": "September",
-      "october": "October",
-      "november": "November",
-      "december": "December"
-    },
-    "short": {
-      "january": "Jan",
-      "february": "Feb",
-      "march": "Mar",
-      "april": "Apr",
-      "may": "May",
-      "june": "Jun",
-      "july": "Jul",
-      "august": "Aug",
-      "september": "Sep",
-      "october": "Oct",
-      "november": "Nov",
-      "december": "Dec"
-    }
-  },
-  "days": {
-    "long": {
-      "sunday": "Sunday",
-      "monday": "Monday",
-      "tuesday": "Tuesday",
-      "wednesday": "Wednesday",
-      "thursday": "Thursday",
-      "friday": "Friday",
-      "saturday": "Saturday"
-    },
-    "short": {
-      "sunday": "Su",
-      "monday": "Mo",
-      "tuesday": "Tu",
-      "wednesday": "We",
-      "thursday": "Th",
-      "friday": "Fr",
-      "saturday": "Sa"
-    }
-  },
-  "time": {
-    "am": "am",
-    "pm": "pm"
-  },
-  "filteringInput": {
-    "placeholder": "Search..."
-  },
-  "toolbar": {
-    "overflow": "More toolbar items"
-  },
-  "editor": {
-    "enum": "Enum Editor",
-    "text": "Text Editor",
-    "textarea": "Textarea Editor"
-  },
-  "filterBuilder": {
-    "rule": "Rule",
-    "ruleGroup": "Rule Group",
-    "operators": {
-      "isTrue": "Is True",
-      "isFalse": "Is False",
-      "equal": "Equal",
-      "notEqual": "Not Equal",
-      "contains": "Contains",
-      "isNull": "Is Null",
-      "isNotNull": "Is Not Null",
-      "and": "And",
-      "or": "Or"
-    },
-    "chooseProperty": "Choose property"
-  }
-}
+{
+  "general": {
+    "true": "true",
+    "false": "false",
+    "loading": "loading",
+    "noData": "The data required for this tree layout is not available in this iModel.",
+    "length": "Length",
+    "label": "Label",
+    "of": "of"
+  },
+  "button": {
+    "label": {
+      "search": "Search",
+      "cancel": "Cancel",
+      "settings": "Settings",
+      "filter": "Filter",
+      "selectAll": "Select All"
+    }
+  },
+  "breadcrumb": {
+    "invalidBreadcrumbPath": "Path not found.",
+    "errorUnknownMode": "Error: Unknown Breadcrumb mode.",
+    "name": "Name",
+    "icon": "Icon",
+    "description": "Description"
+  },
+  "tree": {
+    "noResultsForFilter": "0 matches found for \"{{searchText}}\""
+  },
+  "table": {
+    "filter": {
+      "numericTooltip": "Input Methods: Range (x-y), Greater Then (>x), Less Then (<y)",
+      "numericPlaceholder": "e.g. 3,10-15,>20"
+    }
+  },
+  "showhide": {
+    "noLabel": "[unlabeled]",
+    "showAll": "Show all",
+    "list": "List...",
+    "title": "Show/Hide"
+  },
+  "property": {
+    "varies": "*** Varies ***",
+    "arrayLength": "Number of Items",
+    "expand": "See more",
+    "collapse": "See less"
+  },
+  "timepicker": {
+    "day-period-am": "AM",
+    "day-period-pm": "PM"
+  },
+  "datepicker": {
+    "selectDate": "Select Date",
+    "time": "Time",
+    "previousMonth": "Previous Month",
+    "nextMonth": "Next Month"
+  },
+  "month": {
+    "long": {
+      "january": "January",
+      "february": "February",
+      "march": "March",
+      "april": "April",
+      "may": "May",
+      "june": "June",
+      "july": "July",
+      "august": "August",
+      "september": "September",
+      "october": "October",
+      "november": "November",
+      "december": "December"
+    },
+    "short": {
+      "january": "Jan",
+      "february": "Feb",
+      "march": "Mar",
+      "april": "Apr",
+      "may": "May",
+      "june": "Jun",
+      "july": "Jul",
+      "august": "Aug",
+      "september": "Sep",
+      "october": "Oct",
+      "november": "Nov",
+      "december": "Dec"
+    }
+  },
+  "days": {
+    "long": {
+      "sunday": "Sunday",
+      "monday": "Monday",
+      "tuesday": "Tuesday",
+      "wednesday": "Wednesday",
+      "thursday": "Thursday",
+      "friday": "Friday",
+      "saturday": "Saturday"
+    },
+    "short": {
+      "sunday": "Su",
+      "monday": "Mo",
+      "tuesday": "Tu",
+      "wednesday": "We",
+      "thursday": "Th",
+      "friday": "Fr",
+      "saturday": "Sa"
+    }
+  },
+  "time": {
+    "am": "am",
+    "pm": "pm"
+  },
+  "filteringInput": {
+    "placeholder": "Search..."
+  },
+  "toolbar": {
+    "overflow": "More toolbar items"
+  },
+  "editor": {
+    "enum": "Enum Editor",
+    "text": "Text Editor",
+    "textarea": "Textarea Editor"
+  },
+  "filterBuilder": {
+    "rule": "Rule",
+    "ruleGroup": "Rule Group",
+    "operators": {
+      "isTrue": "Is True",
+      "isFalse": "Is False",
+      "equal": "Equal",
+      "notEqual": "Not Equal",
+      "contains": "Contains",
+      "isNull": "Is Null",
+      "isNotNull": "Is Not Null",
+      "and": "And",
+      "or": "Or"
+    },
+    "chooseProperty": "Choose property"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/components-react",
-  "version": "4.0.0-dev.2",
+  "version": "4.0.0-dev.21",
   "description": "iTwin.js UI complex components",
   "main": "lib/cjs/components-react.js",
   "module": "lib/esm/components-react.js",
@@ -8,9 +8,11 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/iTwin/appui/tree/master/ui/components-react"
+    "url": "https://github.com/iTwin/appui.git",
+    "directory": "ui/components-react"
   },
   "keywords": [
+    "AppUI",
     "Bentley",
     "BIM",
     "iModel"
@@ -20,32 +22,31 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^4.0.0-dev.2",
-    "@itwin/core-bentley": "^3.5.1",
-    "@itwin/core-react": "^4.0.0-dev.2",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "@itwin/appui-abstract": ">=3.7.0",
+    "@itwin/core-bentley": ">=3.7.0",
+    "@itwin/core-react": "^4.0.0-dev.21",
+    "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.2",
-    "@itwin/build-tools": "^3.5.1",
-    "@itwin/core-bentley": "^3.5.1",
-    "@itwin/core-common": "^3.5.1",
-    "@itwin/core-geometry": "^3.5.1",
-    "@itwin/core-i18n": "^3.5.1",
-    "@itwin/core-react": "4.0.0-dev.2",
-    "@itwin/eslint-plugin": "^3.5.1",
+    "@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-geometry": "^3.7.0",
+    "@itwin/core-i18n": "^3.7.0",
+    "@itwin/core-react": "4.0.0-dev.21",
+    "@itwin/eslint-plugin": "^3.7.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-spies": "^1.0.0",
     "@types/chai-string": "^1.4.1",
     "@types/chai-subset": "1.3.1",
     "@types/faker": "^4.1.0",
@@ -61,7 +62,6 @@
     "@types/sinon-chai": "^3.2.0",
     "chai": "^4.1.2",
     "chai-as-promised": "^7",
-    "chai-spies": "1.0.0",
     "chai-string": "^1.5.0",
     "chai-subset": "1.6.0",
     "cpx2": "^3.0.0",
@@ -80,30 +80,26 @@
     "sinon-chai": "^3.2.0",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",
-    "typescript": "~4.4.0",
-    "xmlhttprequest": "^1.8.0"
+    "typescript": "~5.0.2"
   },
   "//dependencies": [
     "NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API",
     "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-variables": "^1.0.0",
-    "@itwin/itwinui-icons-react": "^1.8.0",
-    "@itwin/itwinui-react": "~1.42.0",
+    "@bentley/icons-generic": "^1.0.34",
+    "@itwin/itwinui-variables": "^2.0.0",
+    "@itwin/itwinui-icons-react": "^2.1.0",
+    "@itwin/itwinui-react": "^2.5.0",
     "@types/shortid": "~0.0.29",
     "classnames": "2.3.1",
     "immer": "9.0.6",
-    "immutable": "^3.8.2",
     "linkify-it": "~2.2.0",
     "lodash": "^4.17.10",
     "react-highlight-words": "^0.17.0",
     "react-window": "^1.8.2",
     "rxjs": "^6.6.2",
-    "shortid": "~2.2.15",
-    "ts-key-enum": "^2.0.0"
+    "shortid": "~2.2.15"
   },
   "nyc": {
     "extends": "./node_modules/@itwin/build-tools/.nycrc",
@@ -129,8 +125,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:cjs": "cpx \"./src/**/*.*css\" ./lib/cjs",
@@ -139,11 +134,14 @@
     "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/components-react/file.json --tsIndexFile=./components-react.ts --onlyJson",
     "lint": "eslint -f visualstudio \"./src/**/*.{ts,tsx}\" 1>&2",
     "extract-api": "betools extract-api --entry=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:extract && npm run -s docs:reference && npm run -s docs:changelog",
+    "docs:changelog": "cpx ./CHANGELOG.md ../../generated-docs/reference/components-react",
+    "docs:reference": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/reference/components-react/file.json --excludeGlob=**/declarations.d.ts --tsIndexFile=./components-react.ts --onlyJson",
+    "docs:extract": "betools extract --fileExt=ts,tsx --extractFrom=./src/test --recursive --out=../../generated-docs/extract"
   },
-  "readme": "# @itwin/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/components-react__ package contains React components that are data-oriented, such as PropertyGrid, Table, Tree and Breadcrumb.\r\n\r\n## Documentation\r\n\r\nSee the [iTwin.js](https://www.itwinjs.org) documentation for more information.\r\n"
+  "readme": "# @itwin/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/components-react__ package contains React components that are data-oriented, such as PropertyGrid and Tree.\r\n\r\n## Documentation\r\n\r\nSee the [iTwin.js](https://www.itwinjs.org/learning/ui/components/) documentation for more information.\r\n"
 }

package/ThirdPartyNotices.md

@@ -1,31 +0,0 @@
-
-# Third-Party Code
-
-The iTwin.js library potentially incorporates work from the following third-party code:
-
-## [react-data-grid](https://adazzle.github.io/react-data-grid/)
-
-The MIT License (MIT)
-
-Original work Copyright (c) 2014 Prometheus Research
-Modified work Copyright 2015 Adazzle
-
-For the original source code please see https://github.com/prometheusresearch/react-grid
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/lib/cjs/components-react/propertygrid/component/PropertyGrid.d.ts

@@ -1,60 +0,0 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import "./PropertyGrid.scss";
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
-import { IPropertyDataProvider, PropertyCategory } from "../PropertyDataProvider";
-import { CommonPropertyGridProps } from "./PropertyGridCommons";
-/** Properties for [[PropertyGrid]] React component
- * @public
- */
-export interface PropertyGridProps extends CommonPropertyGridProps {
-    /** Property data provider */
-    dataProvider: IPropertyDataProvider;
-}
-interface CategorizedPropertyGridRecords {
-    category: PropertyCategory;
-    records: PropertyRecord[];
-    children: CategorizedPropertyGridRecords[];
-}
-/** State of [[PropertyGrid]] React component
- * @internal
- */
-interface PropertyGridState {
-    /** List of PropertyGrid categories */
-    categories: CategorizedPropertyGridRecords[];
-    /** Actual orientation used by the property grid */
-    orientation: Orientation;
-    /** If property grid currently loading data, the loading start time  */
-    loadStart?: Date;
-    /** Width of PropertyGrid */
-    width: number;
-}
-/** PropertyGrid React component.
- * @public
- */
-export declare class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> {
-    private _dataChangesListenerDisposeFunc?;
-    private _isMounted;
-    private _isInDataRequest;
-    private _hasPendingDataRequest;
-    /** @internal */
-    constructor(props: PropertyGridProps);
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: PropertyGridProps): void;
-    private _onPropertyDataChanged;
-    private gatherData;
-    private getPreferredOrientation;
-    private _onResize;
-    private _onCategoryExpansionToggled;
-    private updateOrientation;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=PropertyGrid.d.ts.map

package/lib/cjs/components-react/propertygrid/component/PropertyGrid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAG7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAE5E,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAgB,MAAM,yBAAyB,CAAC;AAGhG,OAAO,EAAE,uBAAuB,EAAuB,MAAM,uBAAuB,CAAC;AAIrF;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,uBAAuB;IAChE,6BAA6B;IAC7B,YAAY,EAAE,qBAAqB,CAAC;CACrC;AAED,UAAU,8BAA8B;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,8BAA8B,EAAE,CAAC;CAC5C;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,sCAAsC;IACtC,UAAU,EAAE,8BAA8B,EAAE,CAAC;IAC7C,mDAAmD;IACnD,WAAW,EAAE,WAAW,CAAC;IACzB,uEAAuE;IACvE,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACrF,OAAO,CAAC,+BAA+B,CAAC,CAAc;IACtD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,sBAAsB,CAAS;IAEvC,gBAAgB;gBACJ,KAAK,EAAE,iBAAiB;IASpC,gBAAgB;IACA,iBAAiB;IAQjC,gBAAgB;IACA,oBAAoB;IASpB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAiB/D,OAAO,CAAC,sBAAsB,CAG5B;YAEY,UAAU;IAyCxB,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,2BAA2B,CAWjC;IAEF,OAAO,CAAC,iBAAiB;IAQzB,gBAAgB;IACA,MAAM;CA4CvB"}