refactor(form-builder): initial migration of different variations of …

…array inputs to Sanity UI Co-authored-by: Benedicte Emilie Brækken <benedicte@sanity.io> Co-authored-by: Bjørge Næss <bjoerge@gmail.com> Co-authored-by: Marius Lundgård <studio@mariuslundgard.com>
sanity-io · Apr 8, 2021 · 884f576 · 884f576
1 parent 08bd4fe
commit 884f576
Show file tree

Hide file tree

Showing 72 changed files with 1,985 additions and 2,916 deletions.
diff --git a/examples/test-studio/schemas/arrays.js b/examples/test-studio/schemas/arrays.js
@@ -270,10 +270,6 @@ export default {
           type: 'string',
           title: 'String',
         },
-        {
-          type: 'number',
-          title: 'Number',
-        },
         {
           type: 'boolean',
           title: 'Boolean',

diff --git a/examples/test-studio/src/components/SearchableArrayFunctions.css b/examples/test-studio/src/components/SearchableArrayFunctions.css
@@ -5,9 +5,7 @@
 }
 
 .searchableSelect {
-  composes: spacing from 'part:@sanity/components/buttons/default-style';
-  grid-column: span 2;
-  width: stretch;
+  padding-left: 4px;
 }
 
 .searchableSelectInput {

diff --git a/packages/@sanity/form-builder/package.json b/packages/@sanity/form-builder/package.json
@@ -45,6 +45,7 @@
     "nano-pubsub": "^2.0.0",
     "pretty-ms": "^7.0.1",
     "react-focus-lock": "^2.5.0",
+    "react-sortable-hoc": "^1.11.0",
     "rxjs": "^6.5.3",
     "scroll-into-view-if-needed": "^2.2.26",
     "shallow-equals": "^1.0.0",

diff --git a/packages/@sanity/form-builder/sanity.json b/packages/@sanity/form-builder/sanity.json
@@ -23,11 +23,6 @@
       "name": "part:@sanity/form-builder/input/array",
       "description": "Input component for the core array type"
     },
-    {
-      "name": "part:@sanity/form-builder/input/array-default",
-      "implements": "part:@sanity/form-builder/input/array",
-      "path": "inputs/ArrayInput/ArrayInput"
-    },
     {
       "name": "part:@sanity/form-builder/input/array/functions",
       "description": "React component defining array functions such as add item"
@@ -108,10 +103,15 @@
       "name": "part:@sanity/form-builder/patch-event",
       "path": "PatchEvent"
     },
+    {
+      "name": "part:@sanity/form-builder/input/array-default",
+      "implements": "part:@sanity/form-builder/input/array",
+      "path": "inputs/arrays/ArrayOfObjectsInput"
+    },
     {
       "name": "part:@sanity/form-builder/input/array/functions-default",
       "implements": "part:@sanity/form-builder/input/array/functions",
-      "path": "inputs/ArrayInput/ArrayFunctions"
+      "path": "inputs/arrays/common/ArrayFunctions"
     },
     {
       "name": "part:@sanity/form-builder/input/block-editor/block-markers-default",

diff --git a/packages/@sanity/form-builder/src/fallbackInputs.ts b/packages/@sanity/form-builder/src/fallbackInputs.ts
@@ -1,5 +1,5 @@
 import ObjectInput from './inputs/ObjectInput'
-import ArrayInput from './inputs/ArrayInput'
+import ArrayInput from './inputs/arrays/ArrayOfObjectsInput'
 import BooleanInput from './inputs/BooleanInput'
 import NumberInput from './inputs/NumberInput'
 import TextInput from './inputs/TextInput'

diff --git a/packages/@sanity/form-builder/src/inputs/ArrayInput/ArrayFunctions.css b/packages/@sanity/form-builder/src/inputs/ArrayInput/ArrayFunctions.css
diff --git a/packages/@sanity/form-builder/src/inputs/ArrayInput/ArrayFunctions.tsx b/packages/@sanity/form-builder/src/inputs/ArrayInput/ArrayFunctions.tsx
diff --git a/packages/@sanity/form-builder/src/inputs/ArrayInput/ArrayInput.css b/packages/@sanity/form-builder/src/inputs/ArrayInput/ArrayInput.css