@itwin/core-react 4.0.0-dev.3 → 4.0.0-dev.6

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

@@ -1,31 +1,31 @@
-{
-  "form": {
-    "submitButtonLabel": "Submit",
-    "errorPrefix": "Error:",
-    "errorSuffix": "Please review input and try again."
-  },
-  "general": {
-    "search": "Search",
-    "clear": "Clear"
-  },
-  "dialog": {
-    "ok": "OK",
-    "retry": "Retry",
-    "yes": "Yes",
-    "no": "No",
-    "cancel": "Cancel",
-    "close": "Close",
-    "next": "Next",
-    "previous": "Previous"
-  },
-  "reactselect": {
-    "noSelectOption": "Option not found"
-  },
-  "tree": {
-    "expand": "Expand",
-    "collapse": "Collapse"
-  },
-  "elementSeparator": {
-    "label": "Resizer"
-  }
+{
+  "form": {
+    "submitButtonLabel": "Submit",
+    "errorPrefix": "Error:",
+    "errorSuffix": "Please review input and try again."
+  },
+  "general": {
+    "search": "Search",
+    "clear": "Clear"
+  },
+  "dialog": {
+    "ok": "OK",
+    "retry": "Retry",
+    "yes": "Yes",
+    "no": "No",
+    "cancel": "Cancel",
+    "close": "Close",
+    "next": "Next",
+    "previous": "Previous"
+  },
+  "reactselect": {
+    "noSelectOption": "Option not found"
+  },
+  "tree": {
+    "expand": "Expand",
+    "collapse": "Collapse"
+  },
+  "elementSeparator": {
+    "label": "Resizer"
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/core-react",
-  "version": "4.0.0-dev.3",
+  "version": "4.0.0-dev.6",
   "description": "iTwin.js UI core components",
   "main": "lib/cjs/core-react.js",
   "module": "lib/esm/core-react.js",
@@ -8,7 +8,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/iTwin/appui/tree/master/ui/core-react"
+    "url": "https://github.com/iTwin/itwinjs-core/tree/master/ui/core-react"
   },
   "keywords": [
     "Bentley",
@@ -22,8 +22,8 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^4.0.0-dev.3",
-    "@itwin/core-bentley": "^3.5.1",
+    "@itwin/appui-abstract": "^4.0.0-dev.6",
+    "@itwin/core-bentley": "^4.0.0-dev.6",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
@@ -32,13 +32,12 @@
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "4.0.0-dev.3",
-    "@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/eslint-plugin": "^3.5.1",
+    "@itwin/appui-abstract": "4.0.0-dev.6",
+    "@itwin/build-tools": "4.0.0-dev.6",
+    "@itwin/core-bentley": "4.0.0-dev.6",
+    "@itwin/core-common": "4.0.0-dev.6",
+    "@itwin/core-i18n": "4.0.0-dev.6",
+    "@itwin/eslint-plugin": "4.0.0-dev.6",
     "@testing-library/dom": "^8.11.2",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
@@ -53,6 +52,7 @@
     "@types/react": "^17.0.37",
     "@types/react-autosuggest": "10.1.2",
     "@types/react-dom": "^17.0.0",
+    "@types/react-select": "3.0.26",
     "@types/sinon": "^9.0.0",
     "@types/sinon-chai": "^3.2.0",
     "chai": "^4.1.2",
@@ -74,8 +74,7 @@
     "sinon-chai": "^3.2.0",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",
-    "typescript": "~4.4.0",
-    "xmlhttprequest": "^1.8.0"
+    "typescript": "~4.4.0"
   },
   "//dependencies": [
     "NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API",
@@ -84,12 +83,12 @@
   "dependencies": {
     "@bentley/icons-generic-webfont": "^1.0.15",
     "@itwin/itwinui-css": "0.x",
-    "@itwin/itwinui-variables": "^1.0.0",
-    "@itwin/itwinui-react": "~1.42.0",
-    "classnames": "2.3.1",
+    "@itwin/itwinui-react": "~1.46.0",
+    "classnames": "^2.3.1",
     "dompurify": "^2.0.12",
     "lodash": "^4.17.10",
     "react-autosuggest": "^10.1.0",
+    "react-select": "3.2.0",
     "resize-observer-polyfill": "1.5.1"
   },
   "nyc": {
@@ -113,13 +112,23 @@
     "extends": [
       "plugin:@itwin/ui",
       "plugin:@itwin/jsdoc"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "src/test/**/*"
+        ],
+        "rules": {
+          "deprecation/deprecation": "off"
+        }
+      }
     ]
   },
   "scripts": {
     "build": "npm run -s copy:locale && npm run -s build:cjs",
     "build:ci": "npm run -s build && npm run -s build:esm",
-    "build:cjs": "npm run -s copy:cjs && tsc 1>&2 --outDir lib/cjs",
-    "build:esm": "npm run -s copy:esm && tsc 1>&2 --module ES2020 --outDir lib/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,svg}\" ./lib/cjs",
     "copy:esm": "cpx \"./src/**/*.{*css,svg}\" ./lib/esm",
     "copy:locale": "cpx \"./public/**/*\" ./lib/public",

package/lib/cjs/core-react/inputs/input-label.scss

@@ -1,90 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@mixin uicore-inputs-labeled-input {
-  display: block;
-  padding: 0;
-  margin: 0 0 $uicore-unbordered-padding;
-  text-align: left;
-  font-size: var(--iui-font-size-1);
-  font-weight: var(--iui-font-weight-normal);
-  cursor: pointer;
-
-  > .uicore-label {
-    padding: 0;
-    margin: 0;
-    border: 0 none transparent;
-    display: block;
-    font-size: var(--iui-font-size-1);
-    font-weight: var(--iui-font-weight-semibold);
-    line-height: var(--iui-size-l);
-    text-align: left;
-    color: $buic-text-color;
-  }
-
-  > .input {
-    position: relative;
-    /// Needed to vertically align the icon:
-    display: inline-block;
-    width: 100%;
-
-    &.with-icon {
-      > input,
-      > .bwx-inputs-input {
-        padding-right: calc(#{$uicore-bordered-padding} + var(--iui-size-l));
-        margin-right: calc(#{$uicore-bordered-padding} + var(--iui-size-l));
-      }
-    }
-
-    > .icon {
-      display: flex;
-      align-items: center;
-      position: absolute;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      padding: $uicore-bordered-padding;
-
-      font-size: var(--iui-font-size-1);
-      font-weight: normal;
-    }
-  }
-
-  > .uicore-message {
-    display: block;
-    font-size: var(--iui-font-size-0);
-    line-height: var(--iui-size-l);
-    color: $buic-text-color-muted;
-  }
-
-  /// Status colors ----------------------------------------------------------
-
-  $status-colors: (
-    success: $buic-foreground-positive-rgb,
-    warning: $buic-foreground-warning-rgb,
-    error: $buic-foreground-negative-rgb,
-  );
-
-  @each $status, $color in $status-colors {
-    &.#{$status},
-    &.#{$status} > .uicore-message {
-      color: rgb($color);
-    }
-
-    &.#{$status} > .input {
-      > input,
-      > .uicore-inputs-input {
-        border-color: rgb($color);
-        box-shadow: $buic-inputs-boxshadow 0px 1px 1px inset;
-
-        &:focus {
-          border-color: rgb($color);
-          box-shadow: rgba($color, $uicore-opacity-boxshadow) 0px 0px 0px 2px;
-        }
-      }
-    }
-  }
-}

package/lib/esm/core-react/inputs/input-label.scss

@@ -1,90 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@mixin uicore-inputs-labeled-input {
-  display: block;
-  padding: 0;
-  margin: 0 0 $uicore-unbordered-padding;
-  text-align: left;
-  font-size: var(--iui-font-size-1);
-  font-weight: var(--iui-font-weight-normal);
-  cursor: pointer;
-
-  > .uicore-label {
-    padding: 0;
-    margin: 0;
-    border: 0 none transparent;
-    display: block;
-    font-size: var(--iui-font-size-1);
-    font-weight: var(--iui-font-weight-semibold);
-    line-height: var(--iui-size-l);
-    text-align: left;
-    color: $buic-text-color;
-  }
-
-  > .input {
-    position: relative;
-    /// Needed to vertically align the icon:
-    display: inline-block;
-    width: 100%;
-
-    &.with-icon {
-      > input,
-      > .bwx-inputs-input {
-        padding-right: calc(#{$uicore-bordered-padding} + var(--iui-size-l));
-        margin-right: calc(#{$uicore-bordered-padding} + var(--iui-size-l));
-      }
-    }
-
-    > .icon {
-      display: flex;
-      align-items: center;
-      position: absolute;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      padding: $uicore-bordered-padding;
-
-      font-size: var(--iui-font-size-1);
-      font-weight: normal;
-    }
-  }
-
-  > .uicore-message {
-    display: block;
-    font-size: var(--iui-font-size-0);
-    line-height: var(--iui-size-l);
-    color: $buic-text-color-muted;
-  }
-
-  /// Status colors ----------------------------------------------------------
-
-  $status-colors: (
-    success: $buic-foreground-positive-rgb,
-    warning: $buic-foreground-warning-rgb,
-    error: $buic-foreground-negative-rgb,
-  );
-
-  @each $status, $color in $status-colors {
-    &.#{$status},
-    &.#{$status} > .uicore-message {
-      color: rgb($color);
-    }
-
-    &.#{$status} > .input {
-      > input,
-      > .uicore-inputs-input {
-        border-color: rgb($color);
-        box-shadow: $buic-inputs-boxshadow 0px 1px 1px inset;
-
-        &:focus {
-          border-color: rgb($color);
-          box-shadow: rgba($color, $uicore-opacity-boxshadow) 0px 0px 0px 2px;
-        }
-      }
-    }
-  }
-}