@jetbrains/ring-ui 5.0.82 → 5.0.84

package/components/global/get-uid.js

@@ -1,4 +1,9 @@
 const idCounters = {};
+function generateSalt() {
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    return (Number(new Date()) * Math.random()).toString(36).substring(0, 4);
+}
+const salt = generateSalt();
 export default function getUID(name) {
     if (!name) {
         throw Error('Argument "name" is required in getUID()');
@@ -7,5 +12,5 @@ export default function getUID(name) {
         idCounters[name] = 0;
     }
     const id = String(idCounters[name]++);
-    return name + id;
+    return `${name}${id}-${salt}`;
 }

package/components/query-assist/query-assist.css

@@ -75,8 +75,6 @@
 
   padding: 0 0 0 var(--ring-input-padding-inline);
 
-  border-right: 0;
-
   & .actions {
     padding-right: var(--ring-input-padding-inline);
   }
@@ -215,6 +213,7 @@
   color: var(--ring-icon-secondary-color);
 
   border: 1px solid var(--ring-borders-color);
+  border-right: 0;
   border-radius: var(--ring-border-radius);
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;

package/components/tags-input/tags-input.css

@@ -35,6 +35,10 @@
   --ring-input-padding-start: var(--ring-input-padding-inline);
   --ring-input-padding-end: var(--ring-input-padding-inline);
 
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+
   width: 100%;
 
   margin: 0;
@@ -76,6 +80,17 @@
 }
 
 .tagsSelect {
+  flex-grow: 1;
+  flex-shrink: 1;
+
+  min-width: 160px;
+
+  & .input {
+    overflow: hidden;
+
+    text-overflow: ellipsis;
+  }
+
   & .outerContainer {
     --ring-input-padding-block: 0;
   }

package/components/tags-input/tags-input.js

@@ -141,11 +141,10 @@ export default class TagsInput extends PureComponent {
         }, this.focusInput);
     }
     clickHandler = (event) => {
-        if (event.target !== this.node) {
+        if (event.target !== this.node && event.target.parentElement !== this.node) {
             return;
         }
-        this.loadSuggestions(this.getInputNode()?.value);
-        this.focusInput();
+        this.select?._clickHandler();
     };
     filterExistingTags = (suggestions) => {
         const tagsMap = new Map(this.state.tags.map(tag => [tag.key, tag]));

package/dist/data-list/item.js

@@ -7,7 +7,7 @@ import Link from '../link/link.js';
 import Text from '../text/text.js';
 import LoaderInline from '../loader-inline/loader-inline.js';
 import { Button } from '../button/button.js';
-import Selection from '../table/selection.js';
+import Selection$1 from '../table/selection.js';
 import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
 import 'focus-visible';
 import 'classnames';
@@ -202,7 +202,7 @@ Item.propTypes = {
   onExpand: PropTypes.func,
   showFocus: PropTypes.bool,
   onFocus: PropTypes.func.isRequired,
-  selection: PropTypes.instanceOf(Selection).isRequired,
+  selection: PropTypes.instanceOf(Selection$1).isRequired,
   selectable: PropTypes.bool,
   selected: PropTypes.bool,
   onSelect: PropTypes.func.isRequired,

package/dist/global/get-uid.js

@@ -1,4 +1,9 @@
 const idCounters = {};
+function generateSalt() {
+  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+  return (Number(new Date()) * Math.random()).toString(36).substring(0, 4);
+}
+const salt = generateSalt();
 function getUID(name) {
   if (!name) {
     throw Error('Argument "name" is required in getUID()');
@@ -7,7 +12,7 @@ function getUID(name) {
     idCounters[name] = 0;
   }
   const id = String(idCounters[name]++);
-  return name + id;
+  return `${name}${id}-${salt}`;
 }
 
 export { getUID as default };