Merge pull request #345 from greggman/remove-uuid-dependency

remove uuid package

Author: nealus

examples/demo/TabStorage.tsx

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { v4 } from "uuid";
 import { Actions, IJsonTabNode, ILayoutProps, Layout, TabNode } from "../../src/index";
 
 export function TabStorage({ tab, layout }: { tab: TabNode; layout: Layout; }) {
@@ -48,7 +47,7 @@ export function TabStorage({ tab, layout }: { tab: TabNode; layout: Layout; }) {
         const json = dragging instanceof TabNode ? dragging.toJson() as IJsonTabNode : dragging;
 
         if (json.id === undefined) {
-            json.id = `#${v4()}`;
+            json.id = `#${crypto.randomUUID()}`;
         }
 
         setStoredTabs(tabs => [...tabs, json]);
@@ -89,7 +88,7 @@ export function TabStorage({ tab, layout }: { tab: TabNode; layout: Layout; }) {
         const json = dragging instanceof TabNode ? dragging.toJson() as IJsonTabNode : dragging;
 
         if (json.id === undefined) {
-            json.id = `#${v4()}`;
+            json.id = `#${crypto.randomUUID()}`;
         }
 
         setStoredTabs(tabs => {

package.json

@@ -49,12 +49,13 @@
         "@types/prismjs": "^1.26.0",
         "@types/react": "^18.0.5",
         "@types/react-dom": "^18.0.1",
-        "@types/uuid": "^8.3.3",
         "css-loader": "^6.7.1",
         "cypress": "^9.5.4",
         "html-webpack-plugin": "^5.5.0",
         "prettier": "^2.6.2",
         "prismjs": "^1.28.0",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
         "react-scripts": "5.0.1",
         "sass": "^1.50.0",
         "source-map-loader": "^3.0.0",
@@ -66,7 +67,5 @@
         "webpack-cli": "^4.9.1",
         "webpack-dev-server": "^4.8.1"
     },
-    "dependencies": {
-        "uuid": "^8.3.2"
-    }
+    "dependencies": {}
 }

src/model/Model.ts

@@ -1,4 +1,3 @@
-import { v4 as getUUID } from "uuid";
 import { Attribute } from "../Attribute";
 import { AttributeDefinitions } from "../AttributeDefinitions";
 import { DockLocation } from "../DockLocation";
@@ -510,7 +509,7 @@ export class Model {
 
     /** @internal */
     _nextUniqueId() {
-        return '#' + getUUID();
+        return '#' + crypto.randomUUID  ();
     }
 
     /** @internal */