@jetbrains/ring-ui 4.1.25 → 4.1.28

package/components/analytics/analytics__ga-plugin.js

@@ -4,7 +4,7 @@
  * @constructor
  */
 export default class AnalyticsGAPlugin {
-  constructor(gaId, isDevelopment, domain) {
+  constructor(gaId, isDevelopment, domain, cookielessUserIdentifier) {
     if (!gaId && !isDevelopment) {
       return;
     }
@@ -25,8 +25,16 @@ export default class AnalyticsGAPlugin {
      */
     const key = gaId || 'UA-57284711-1';
     /* global ga */
-    const gaCookieParams = domain ? {cookieDomain: domain} : {};
-    ga('create', key, (!gaId ? {cookieDomain: 'none'} : gaCookieParams));
+    if (cookielessUserIdentifier) {
+      ga('create', key, {
+        storage: 'none',
+        clientId: cookielessUserIdentifier
+      });
+    } else {
+      const gaCookieParams = domain ? {cookieDomain: domain} : {};
+      ga('create', key, (!gaId ? {cookieDomain: 'none'} : gaCookieParams));
+    }
+
     ga('set', 'anonymizeIp', true);
     ga('set', 'allowAdFeatures', false);
   }

package/components/list/list.js

@@ -171,27 +171,25 @@ export default class List extends Component {
       }
     }
 
-    if (
-      activeIndex == null &&
-      prevState.activeIndex == null &&
-      shouldActivateFirstItem(nextProps)
-    ) {
+    return nextState;
+  }
+
+  componentDidMount() {
+    document.addEventListener('mousemove', this.onDocumentMouseMove);
+    document.addEventListener('keydown', this.onDocumentKeyDown, true);
+
+    const {data, activeIndex} = this.props;
+
+    if (activeIndex == null && shouldActivateFirstItem(this.props)) {
       const firstActivatableIndex = data.findIndex(isActivatable);
       if (firstActivatableIndex >= 0) {
-        Object.assign(nextState, {
+        this.setState({
           activeIndex: firstActivatableIndex,
           activeItem: data[firstActivatableIndex],
           needScrollToActive: true
         });
       }
     }
-
-    return nextState;
-  }
-
-  componentDidMount() {
-    document.addEventListener('mousemove', this.onDocumentMouseMove);
-    document.addEventListener('keydown', this.onDocumentKeyDown, true);
   }
 
   shouldComponentUpdate(nextProps, nextState) {

package/components/select/select.js

@@ -386,6 +386,10 @@ export default class Select extends Component {
       nextState.selected = Select._getEmptyValue(multiple);
     }
 
+    if (multiple && !nextState.selected) {
+      nextState.selected = prevState.selected;
+    }
+
     const {selected} = {...prevState, ...nextState};
     if (selected && multiple) {
       nextState.multipleMap = buildMultipleMap(selected);

package/components/table/smart-table.js

@@ -29,10 +29,13 @@ class SmartTable extends PureComponent {
   };
 
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {data, isItemSelectable} = nextProps;
-    if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
-      const selection = new Selection({data, isItemSelectable});
+    const {data, isItemSelectable, selection} = nextProps;
+    if (this.props.remoteSelection && this.props.selection !== selection) {
       this.setState({selection});
+    } else if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
+      this.setState({
+        selection: new Selection({data, isItemSelectable})
+      });
     }
   }
 

package/dist/analytics/analytics__ga-plugin.js

@@ -4,7 +4,7 @@
  * @constructor
  */
 class AnalyticsGAPlugin {
-  constructor(gaId, isDevelopment, domain) {
+  constructor(gaId, isDevelopment, domain, cookielessUserIdentifier) {
     if (!gaId && !isDevelopment) {
       return;
     }
@@ -31,12 +31,20 @@ class AnalyticsGAPlugin {
     const key = gaId || 'UA-57284711-1';
     /* global ga */
 
-    const gaCookieParams = domain ? {
-      cookieDomain: domain
-    } : {};
-    ga('create', key, !gaId ? {
-      cookieDomain: 'none'
-    } : gaCookieParams);
+    if (cookielessUserIdentifier) {
+      ga('create', key, {
+        storage: 'none',
+        clientId: cookielessUserIdentifier
+      });
+    } else {
+      const gaCookieParams = domain ? {
+        cookieDomain: domain
+      } : {};
+      ga('create', key, !gaId ? {
+        cookieDomain: 'none'
+      } : gaCookieParams);
+    }
+
     ga('set', 'anonymizeIp', true);
     ga('set', 'allowAdFeatures', false);
   }

package/dist/list/list.js

@@ -518,24 +518,28 @@ class List extends Component {
       }
     }
 
-    if (activeIndex == null && prevState.activeIndex == null && shouldActivateFirstItem(nextProps)) {
+    return nextState;
+  }
+
+  componentDidMount() {
+    document.addEventListener('mousemove', this.onDocumentMouseMove);
+    document.addEventListener('keydown', this.onDocumentKeyDown, true);
+    const {
+      data,
+      activeIndex
+    } = this.props;
+
+    if (activeIndex == null && shouldActivateFirstItem(this.props)) {
       const firstActivatableIndex = data.findIndex(isActivatable);
 
       if (firstActivatableIndex >= 0) {
-        Object.assign(nextState, {
+        this.setState({
           activeIndex: firstActivatableIndex,
           activeItem: data[firstActivatableIndex],
           needScrollToActive: true
         });
       }
     }
-
-    return nextState;
-  }
-
-  componentDidMount() {
-    document.addEventListener('mousemove', this.onDocumentMouseMove);
-    document.addEventListener('keydown', this.onDocumentKeyDown, true);
   }
 
   shouldComponentUpdate(nextProps, nextState) {

package/dist/select/select.js

@@ -697,6 +697,10 @@ class Select extends Component {
       nextState.selected = Select._getEmptyValue(multiple);
     }
 
+    if (multiple && !nextState.selected) {
+      nextState.selected = prevState.selected;
+    }
+
     const {
       selected
     } = { ...prevState,

package/dist/table/smart-table.js

@@ -85,17 +85,21 @@ class SmartTable extends PureComponent {
   UNSAFE_componentWillReceiveProps(nextProps) {
     const {
       data,
-      isItemSelectable
+      isItemSelectable,
+      selection
     } = nextProps;
 
-    if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
-      const selection = new Selection({
-        data,
-        isItemSelectable
-      });
+    if (this.props.remoteSelection && this.props.selection !== selection) {
       this.setState({
         selection
       });
+    } else if (this.props.data !== data || this.props.isItemSelectable !== isItemSelectable) {
+      this.setState({
+        selection: new Selection({
+          data,
+          isItemSelectable
+        })
+      });
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "4.1.25",
+  "version": "4.1.28",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -70,7 +70,7 @@
     "@babel/cli": "^7.17.6",
     "@babel/eslint-parser": "^7.17.0",
     "@jetbrains/eslint-config": "^5.3.2",
-    "@jetbrains/generator-ring-ui": "^4.1.8",
+    "@jetbrains/generator-ring-ui": "^4.1.9",
     "@jetbrains/stylelint-config": "^3.0.2",
     "@primer/octicons": "^17.0.0",
     "@rollup/plugin-babel": "^5.3.1",
@@ -91,7 +91,7 @@
     "@storybook/theming": "6.4.19",
     "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "angular": "^1.8.2",
     "angular-mocks": "^1.8.2",
     "angular-route": "^1.8.2",
@@ -104,7 +104,7 @@
     "cheerio": "^0.22.0",
     "core-js": "^3.21.1",
     "enzyme": "^3.11.0",
-    "eslint": "^8.11.0",
+    "eslint": "^8.12.0",
     "eslint-import-resolver-webpack": "^0.13.2",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-bdd": "^2.1.1",
@@ -142,7 +142,7 @@
     "sinon": "^13.0.1",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "stylelint": "^14.5.3",
+    "stylelint": "^14.6.1",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.12",
     "terser-webpack-plugin": "^5.3.1",
@@ -164,14 +164,14 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.17.7",
+    "@babel/core": "^7.17.8",
     "@jetbrains/angular-elastic": "^2.5.1",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
     "@jetbrains/icons": "^3.18.0",
     "@jetbrains/logos": "^1.4.27",
     "@jetbrains/postcss-require-hover": "^0.1.2",
     "@ungap/url-search-params": "^0.2.2",
-    "babel-loader": "^8.2.3",
+    "babel-loader": "^8.2.4",
     "babel-plugin-transform-define": "^2.0.1",
     "browserslist": "^4.16.6",
     "change-case": "^4.1.1",
@@ -201,7 +201,7 @@
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^6.2.1",
     "postcss-modules-values-replace": "^3.4.0",
-    "postcss-preset-env": "^7.4.2",
+    "postcss-preset-env": "^7.4.3",
     "prop-types": "^15.8.1",
     "react-markdown": "^5.0.3",
     "react-movable": "^3.0.4",
@@ -221,5 +221,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "d52f95d73b992b26ac69526b0ee3898e0e4ff9f3"
+  "gitHead": "9c606e0eacffbd1a127f595173026e100e48671e"
 }