improvements

.babelrc

@@ -1,17 +1,3 @@
 {
-  "plugins": [
-    "@babel/plugin-proposal-class-properties"
-  ],
-  "presets": [
-    "@babel/preset-react",
-    [
-      "@babel/preset-env",
-      {
-        "targets": {
-          "edge": "14"
-        },
-        "modules": "commonjs"
-      }
-    ]
-  ]
-}
+  "extends": "sanipack/babel"
+}

.editorconfig

@@ -0,0 +1,13 @@
+; editorconfig.org
+root = true
+charset= utf8
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -1,3 +1,54 @@
-.DS_Store
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
 node_modules
-lib
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+
+# macOS finder cache file
+.DS_Store
+
+# VS Code settings
+.vscode
+
+# Lockfiles
+yarn.lock
+package-lock.json
+
+# Cache
+.cache
+
+# Compiled plugin
+/lib
+

.npmignore

@@ -0,0 +1,9 @@
+/test
+/coverage
+.editorconfig
+.eslintrc
+.gitignore
+.github
+.prettierrc
+.travis.yml
+.nyc_output

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-table",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Table schema type and input component for Sanity CMS",
   "main": "lib/TableComponent.js",
   "scripts": {
@@ -19,6 +19,7 @@
   ],
   "license": "MIT",
   "peerDependencies": {
+    "@sanity/uuid": "^3.0.1",
     "@sanity/icons": "^1.0.1",
     "@sanity/ui": "^0.33.10",
     "react": "^17.0.1",

src/TableComponent.tsx

@@ -1,5 +1,5 @@
 import React, { useState, FunctionComponent, forwardRef } from 'react';
-import { randomKey } from '@sanity/util/lib/pathUtils';
+import { uuid } from '@sanity/uuid';
 import FormField from 'part:@sanity/components/formfields/default';
 import PatchEvent, { set, unset } from 'part:@sanity/form-builder/patch-event';
 import config from 'config:table';
@@ -8,20 +8,6 @@ import TableInput from './components/TableInput';
 import TableMenu from './components/TableMenu';
 import { Box, Button, Card, Dialog, Flex, Inline, Text } from '@sanity/ui';
 
-interface RootProps {
-  level: number;
-  markers: any[];
-  type: {
-    title: string;
-    description: string;
-    options: Record<string, any>;
-  };
-  value: {
-    rows: TableRow[];
-  };
-  onChange: (...any) => any;
-}
-
 // This probably isn't necessary anymore
 function deepClone<T>(obj: T): T {
   return JSON.parse(JSON.stringify(obj));
@@ -47,12 +33,12 @@ const TableComponent: FunctionComponent<RootProps> = (props) => {
       rows: [
         {
           _type: config.rowType,
-          _key: randomKey(),
+          _key: uuid(),
           cells: ['', ''],
         },
         {
           _type: config.rowType,
-          _key: randomKey(),
+          _key: uuid(),
           cells: ['', ''],
         },
       ],
@@ -77,7 +63,7 @@ const TableComponent: FunctionComponent<RootProps> = (props) => {
       // Add as many cells as we have columns
       newValue.rows.push({
         _type: config.rowType,
-        _key: randomKey(),
+        _key: uuid(),
         cells: Array(columnCount).fill(''),
       });
     }

src/types.ts

@@ -1,3 +1,17 @@
+interface RootProps {
+  level: number;
+  markers: any[];
+  type: {
+    title: string;
+    description: string;
+    options: Record<string, any>;
+  };
+  value: {
+    rows: TableRow[];
+  };
+  onChange: (...any) => any;
+}
+
 interface TableRow {
   _type: string;
   _key: string;

tsconfig.json

@@ -0,0 +1,15 @@
+{
+  // Note: This config is only used to help editors like VS Code understand/resolve
+  // parts, the actual transpilation is done by babel. Any compiler configuration in
+  // here will be ignored.
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "jsx": "react",
+    "lib": ["ES2019"]
+  },
+  "include": [
+    "./node_modules/@sanity/base/types/**/*.ts",
+    "./**/*.ts",
+    "./**/*.tsx"
+  ]
+}