@balena/ui-shared-components 12.4.1-build-renovate-virtua-9c6a70eb84c15a8803cddb9464855d49ad4d16ea-1 → 12.4.1-build-upgrade-storybook-9-c49b942dae3e332e46bbccd907d73200483b15c1-1

package/dist/components/TagManagementDialog/AddTagForm.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import * as uuid from 'uuid';
 import find from 'lodash/find';
 import startsWith from 'lodash/startsWith';
 import isEmpty from 'lodash/isEmpty';
@@ -9,6 +8,7 @@ import { Callout } from '../Callout';
 import { useTranslation } from '../../hooks/useTranslations';
 import { stopKeyDownEvent, withPreventDefault, } from '../../utils/eventHandling';
 import { SimpleConfirmationDialog, } from '../SimpleConfirmationDialog';
+import { useRandomUUID } from '../../hooks/useRandomUUID';
 const RESERVED_NAMESPACES = ['io.resin.', 'io.balena.'];
 const newTagValidationRules = (t, key, existingTags) => {
     return [
@@ -42,7 +42,8 @@ export const AddTagForm = ({ itemType, existingTags, overridableTags = [], addTa
     const [confirmationDialogOptions, setConfirmationDialogOptions] = React.useState();
     const tagKeyInput = React.useRef(null);
     const valueInput = React.useRef(null);
-    const formUuid = `add-tag-form-${uuid.v1()}`;
+    const formId = useRandomUUID();
+    const formUuid = `add-tag-form-${formId}`;
     const checkNewTagValidity = (key) => {
         const failedRule = newTagValidationRules(t, key, existingTags).find((rule) => rule.test());
         const hasErrors = !!failedRule;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "12.4.1-build-renovate-virtua-9c6a70eb84c15a8803cddb9464855d49ad4d16ea-1",
+  "version": "12.4.1-build-upgrade-storybook-9-c49b942dae3e332e46bbccd907d73200483b15c1-1",
   "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
@@ -50,22 +50,16 @@
     "rimraf": "^6.0.0",
     "ts-jest": "^29.2.5",
     "typescript": "^5.8.2",
-    "virtua": "^0.41.0",
+    "virtua": "^0.37.3",
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
     "@balena/lint": "^9.3.0",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
+    "@storybook/addon-docs": "^9.0.0",
+    "@storybook/addon-links": "^9.0.0",
+    "@storybook/addon-onboarding": "^9.0.0",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/manager-api": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-webpack5": "^8.6.12",
-    "@storybook/test": "^8.6.12",
-    "@storybook/theming": "^8.6.12",
+    "@storybook/react-webpack5": "^9.0.0",
     "@types/color": "^4.2.0",
     "@types/color-hash": "^2.0.0",
     "@types/lodash": "^4.17.14",
@@ -75,11 +69,11 @@
     "@types/react-dom": "^18.0.11",
     "@types/react-helmet": "^6.1.6",
     "@types/zxcvbn": "^4.4.4",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^9.0.0",
     "husky": "^9.0.0",
     "lint-staged": "^15.0.0",
     "prop-types": "^15.8.1",
-    "storybook": "^8.6.12",
+    "storybook": "^9.0.0",
     "ts-loader": "^9.5.1",
     "webpack": "^5.88.2"
   },
@@ -138,6 +132,9 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2025-05-22T16:02:33.753Z"
+    "publishedAt": "2025-05-29T12:23:30.460Z"
+  },
+  "overrides": {
+    "storybook": "$storybook"
   }
 }