@sanity/cross-dataset-duplicator 1.2.3 → 1.3.0

package/dist/index.esm.js

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useState, useEffect, useCallback, createContext, useContext } from 'react';
 import { ArrowRightIcon, SearchIcon, LaunchIcon } from '@sanity/icons';
 import { useSecrets, SettingsView } from '@sanity/studio-secrets';
-import { Card, Flex, Button, Badge, Tooltip, Box, Text, useTheme, Container, Stack, Label, Select, Checkbox, Grid, TextInput, Spinner } from '@sanity/ui';
+import { Card, Flex, Button, Badge, Tooltip, Box, Text, useTheme, Container, Stack, Label, Select, Checkbox, Spinner, Grid, TextInput } from '@sanity/ui';
 import mapLimit from 'async/mapLimit';
 import asyncify from 'async/asyncify';
 import { extractWithPath } from '@sanity/mutator';
@@ -120,6 +120,7 @@ function SelectButtons(props) {
     shadow: 1,
     children: /* @__PURE__ */jsx(Flex, {
       gap: 2,
+      wrap: "wrap",
       children: buttons.map((action, actionIndex) => action ? /* @__PURE__ */jsx(Button, {
         fontSize: 1,
         mode: "bleed",
@@ -385,7 +386,7 @@ function Duplicator(props) {
     setProgress([currentProgress, assetsCount]);
     setMessage({
       text: "Duplicating...",
-      tone: "default"
+      tone: "transparent"
     });
     const destinationClient = originClient.withConfig({
       ...clientConfig,
@@ -416,6 +417,8 @@ function Duplicator(props) {
             });
           }
           transactionDocs.push(assetDoc);
+          doc.url = assetDoc.url;
+          doc.path = assetDoc.path;
         });
         currentProgress += 1;
         setMessage({
@@ -535,89 +538,89 @@ function Duplicator(props) {
     width: 1,
     children: /* @__PURE__ */jsx(Card, {
       border: true,
-      children: /* @__PURE__ */jsx(Stack, {
-        children: /* @__PURE__ */jsxs(Fragment, {
-          children: [/* @__PURE__ */jsx(Card, {
-            borderBottom: true,
-            padding: 4,
-            style: stickyStyles(isDarkMode),
-            children: /* @__PURE__ */jsxs(Stack, {
-              space: 4,
-              children: [/* @__PURE__ */jsxs(Flex, {
-                gap: 3,
-                children: [/* @__PURE__ */jsxs(Stack, {
-                  style: {
-                    flex: 1
-                  },
-                  space: 3,
-                  children: [/* @__PURE__ */jsx(Label, {
-                    children: "Duplicate from"
-                  }), /* @__PURE__ */jsx(Select, {
-                    readOnly: true,
-                    value: (_c = workspacesOptions.find(space => space.disabled)) == null ? void 0 : _c.name,
-                    children: workspacesOptions.filter(space => space.disabled).map(space => {
-                      var _a2;
-                      return /* @__PURE__ */jsxs("option", {
-                        value: space.name,
-                        disabled: space.disabled,
-                        children: [(_a2 = space.title) != null ? _a2 : space.name, hasMultipleProjectIds ? " (".concat(space.projectId, ")") : ""]
-                      }, space.name);
-                    })
-                  })]
-                }), /* @__PURE__ */jsx(Box, {
-                  padding: 4,
-                  paddingTop: 5,
-                  paddingBottom: 0,
-                  children: /* @__PURE__ */jsx(Text, {
-                    size: 3,
-                    children: /* @__PURE__ */jsx(ArrowRightIcon, {})
+      children: /* @__PURE__ */jsxs(Stack, {
+        children: [/* @__PURE__ */jsx(Card, {
+          padding: 4,
+          style: stickyStyles(isDarkMode),
+          children: /* @__PURE__ */jsxs(Stack, {
+            space: 4,
+            children: [/* @__PURE__ */jsxs(Flex, {
+              gap: 3,
+              children: [/* @__PURE__ */jsxs(Stack, {
+                style: {
+                  flex: 1
+                },
+                space: 3,
+                children: [/* @__PURE__ */jsx(Label, {
+                  children: "Duplicate from"
+                }), /* @__PURE__ */jsx(Select, {
+                  readOnly: true,
+                  value: (_c = workspacesOptions.find(space => space.disabled)) == null ? void 0 : _c.name,
+                  children: workspacesOptions.filter(space => space.disabled).map(space => {
+                    var _a2;
+                    return /* @__PURE__ */jsxs("option", {
+                      value: space.name,
+                      disabled: space.disabled,
+                      children: [(_a2 = space.title) != null ? _a2 : space.name, hasMultipleProjectIds ? " (".concat(space.projectId, ")") : ""]
+                    }, space.name);
                   })
-                }), /* @__PURE__ */jsxs(Stack, {
-                  style: {
-                    flex: 1
-                  },
-                  space: 3,
-                  children: [/* @__PURE__ */jsx(Label, {
-                    children: "To Destination"
-                  }), /* @__PURE__ */jsx(Select, {
-                    onChange: handleChange,
-                    children: workspacesOptions.map(space => {
-                      var _a2;
-                      return /* @__PURE__ */jsxs("option", {
-                        value: space.name,
-                        disabled: space.disabled,
-                        children: [(_a2 = space.title) != null ? _a2 : space.name, hasMultipleProjectIds ? " (".concat(space.projectId, ")") : "", space.disabled ? " (Current)" : ""]
-                      }, space.name);
-                    })
-                  })]
                 })]
-              }), isDuplicating && /* @__PURE__ */jsx(Card, {
-                border: true,
-                radius: 2,
-                children: /* @__PURE__ */jsx(Card, {
-                  style: {
-                    width: "100%",
-                    transform: "scaleX(".concat(progress[0] / progress[1], ")"),
-                    transformOrigin: "left",
-                    transition: "transform .2s ease",
-                    boxSizing: "border-box"
-                  },
-                  padding: 1,
-                  tone: "positive"
+              }), /* @__PURE__ */jsx(Box, {
+                padding: 4,
+                paddingTop: 5,
+                paddingBottom: 0,
+                children: /* @__PURE__ */jsx(Text, {
+                  size: 3,
+                  children: /* @__PURE__ */jsx(ArrowRightIcon, {})
                 })
-              }), payload.length > 0 && /* @__PURE__ */jsxs(Fragment, {
+              }), /* @__PURE__ */jsxs(Stack, {
+                style: {
+                  flex: 1
+                },
+                space: 3,
                 children: [/* @__PURE__ */jsx(Label, {
-                  children: headingText
-                }), /* @__PURE__ */jsx(SelectButtons, {
-                  payload,
-                  setPayload
+                  children: "To Destination"
+                }), /* @__PURE__ */jsx(Select, {
+                  onChange: handleChange,
+                  children: workspacesOptions.map(space => {
+                    var _a2;
+                    return /* @__PURE__ */jsxs("option", {
+                      value: space.name,
+                      disabled: space.disabled,
+                      children: [(_a2 = space.title) != null ? _a2 : space.name, hasMultipleProjectIds ? " (".concat(space.projectId, ")") : "", space.disabled ? " (Current)" : ""]
+                    }, space.name);
+                  })
                 })]
               })]
-            })
-          }), message && /* @__PURE__ */jsx(Box, {
-            paddingX: 4,
-            paddingTop: 4,
-            children: /* @__PURE__ */jsx(Card, {
+            }), isDuplicating && /* @__PURE__ */jsx(Card, {
+              border: true,
+              radius: 2,
+              children: /* @__PURE__ */jsx(Card, {
+                style: {
+                  width: "100%",
+                  transform: "scaleX(".concat(progress[0] / progress[1], ")"),
+                  transformOrigin: "left",
+                  transition: "transform .2s ease",
+                  boxSizing: "border-box"
+                },
+                padding: 1,
+                tone: "positive"
+              })
+            }), payload.length > 0 && /* @__PURE__ */jsxs(Fragment, {
+              children: [/* @__PURE__ */jsx(Label, {
+                children: headingText
+              }), /* @__PURE__ */jsx(SelectButtons, {
+                payload,
+                setPayload
+              })]
+            })]
+          })
+        }), /* @__PURE__ */jsx(Card, {
+          borderTop: true,
+          padding: 4,
+          children: /* @__PURE__ */jsxs(Stack, {
+            space: 3,
+            children: [message && /* @__PURE__ */jsx(Card, {
               padding: 3,
               radius: 2,
               shadow: 1,
@@ -626,89 +629,90 @@ function Duplicator(props) {
                 size: 1,
                 children: message.text
               })
-            })
-          }), payload.length > 0 && /* @__PURE__ */jsx(Stack, {
-            padding: 4,
-            space: 3,
-            children: payload.map((_ref5, index) => {
-              let {
-                doc,
-                include,
-                status,
-                hasDraft
-              } = _ref5;
-              const schemaType = schema.get(doc._type);
-              return /* @__PURE__ */jsxs(React.Fragment, {
-                children: [/* @__PURE__ */jsxs(Flex, {
-                  align: "center",
-                  children: [/* @__PURE__ */jsx(Checkbox, {
-                    checked: include,
-                    onChange: () => handleCheckbox(doc._id)
-                  }), /* @__PURE__ */jsx(Box, {
-                    flex: 1,
-                    paddingX: 3,
-                    children: schemaType ? /* @__PURE__ */jsx(Preview, {
-                      value: doc,
-                      schemaType
-                    }) : /* @__PURE__ */jsx(Card, {
-                      tone: "caution",
-                      children: "Invalid schema type"
-                    })
-                  }), /* @__PURE__ */jsxs(Flex, {
+            }), payload.length > 0 ? /* @__PURE__ */jsx(Stack, {
+              children: payload.map((_ref5, index) => {
+                let {
+                  doc,
+                  include,
+                  status,
+                  hasDraft
+                } = _ref5;
+                const schemaType = schema.get(doc._type);
+                return /* @__PURE__ */jsxs(React.Fragment, {
+                  children: [/* @__PURE__ */jsxs(Flex, {
                     align: "center",
-                    gap: 2,
-                    children: [hasDraft ? /* @__PURE__ */jsx(StatusBadge, {
-                      status: "UNPUBLISHED",
-                      isAsset: false
-                    }) : null, /* @__PURE__ */jsx(StatusBadge, {
-                      status,
-                      isAsset: isAssetId(doc._id)
+                    children: [/* @__PURE__ */jsx(Checkbox, {
+                      checked: include,
+                      onChange: () => handleCheckbox(doc._id)
+                    }), /* @__PURE__ */jsx(Box, {
+                      flex: 1,
+                      paddingX: 3,
+                      children: schemaType ? /* @__PURE__ */jsx(Preview, {
+                        value: doc,
+                        schemaType
+                      }) : /* @__PURE__ */jsx(Card, {
+                        tone: "caution",
+                        children: "Invalid schema type"
+                      })
+                    }), /* @__PURE__ */jsxs(Flex, {
+                      align: "center",
+                      gap: 2,
+                      children: [hasDraft ? /* @__PURE__ */jsx(StatusBadge, {
+                        status: "UNPUBLISHED",
+                        isAsset: false
+                      }) : null, /* @__PURE__ */jsx(StatusBadge, {
+                        status,
+                        isAsset: isAssetId(doc._id)
+                      })]
                     })]
+                  }), (doc == null ? void 0 : doc.extension) === "svg" && index === firstSvgIndex && /* @__PURE__ */jsx(Card, {
+                    padding: 3,
+                    radius: 2,
+                    shadow: 1,
+                    tone: "caution",
+                    children: /* @__PURE__ */jsxs(Text, {
+                      size: 1,
+                      children: ["Due to how SVGs are sanitized after first uploaded, duplicated SVG assets may have new ", /* @__PURE__ */jsx("code", {
+                        children: "_id"
+                      }), "'s at the destination. The newly generated ", /* @__PURE__ */jsx("code", {
+                        children: "_id"
+                      }), " will be the same in each duplication, but it will never be the same ", /* @__PURE__ */jsx("code", {
+                        children: "_id"
+                      }), " as the first time this Asset was uploaded. References to the asset will be updated to use the new ", /* @__PURE__ */jsx("code", {
+                        children: "_id"
+                      }), "."]
+                    })
                   })]
-                }), (doc == null ? void 0 : doc.extension) === "svg" && index === firstSvgIndex && /* @__PURE__ */jsx(Card, {
-                  padding: 3,
-                  radius: 2,
-                  shadow: 1,
-                  tone: "caution",
-                  children: /* @__PURE__ */jsxs(Text, {
-                    size: 1,
-                    children: ["Due to how SVGs are sanitized after first uploaded, duplicated SVG assets may have new ", /* @__PURE__ */jsx("code", {
-                      children: "_id"
-                    }), "'s at the destination. The newly generated ", /* @__PURE__ */jsx("code", {
-                      children: "_id"
-                    }), " will be the same in each duplication, but it will never be the same ", /* @__PURE__ */jsx("code", {
-                      children: "_id"
-                    }), " as the first time this Asset was uploaded. References to the asset will be updated to use the new", " ", /* @__PURE__ */jsx("code", {
-                      children: "_id"
-                    }), "."]
-                  })
-                })]
-              }, doc._id);
-            })
-          }), /* @__PURE__ */jsxs(Stack, {
-            space: 2,
-            padding: 4,
-            paddingTop: 0,
-            children: [hasReferences && /* @__PURE__ */jsx(Button, {
-              fontSize: 2,
-              padding: 4,
-              tone: "positive",
-              mode: "ghost",
-              icon: SearchIcon,
-              onClick: handleReferences,
-              text: "Gather References",
-              disabled: isDuplicating || !selectedTotal || isGathering
-            }), /* @__PURE__ */jsx(Button, {
-              fontSize: 2,
+                }, doc._id);
+              })
+            }) : /* @__PURE__ */jsx(Flex, {
               padding: 4,
-              tone: "positive",
-              icon: LaunchIcon,
-              onClick: handleDuplicate,
-              text: buttonText,
-              disabled: isDuplicating || !selectedTotal || isGathering
+              align: "center",
+              justify: "center",
+              children: /* @__PURE__ */jsx(Spinner, {})
+            }), /* @__PURE__ */jsxs(Stack, {
+              space: 2,
+              children: [hasReferences && /* @__PURE__ */jsx(Button, {
+                fontSize: 2,
+                padding: 4,
+                tone: "positive",
+                mode: "ghost",
+                icon: SearchIcon,
+                onClick: handleReferences,
+                text: "Gather References",
+                disabled: isDuplicating || !selectedTotal || isGathering
+              }), /* @__PURE__ */jsx(Button, {
+                fontSize: 2,
+                padding: 4,
+                tone: "positive",
+                icon: LaunchIcon,
+                onClick: handleDuplicate,
+                text: buttonText,
+                disabled: isDuplicating || !selectedTotal || isGathering
+              })]
             })]
-          })]
-        })
+          })
+        })]
       })
     })
   });
@@ -744,67 +748,68 @@ function DuplicatorQuery(props) {
       handleSubmit();
     }
   }, []);
-  return /* @__PURE__ */jsx(Container, {
-    width: [1, 1, 1, 3],
+  return /* @__PURE__ */jsx(Card, {
     padding: [0, 0, 0, 5],
-    children: /* @__PURE__ */jsxs(Grid, {
-      columns: [1, 1, 1, 2],
-      gap: [1, 1, 1, 4],
-      children: [/* @__PURE__ */jsx(Box, {
-        padding: [2, 2, 2, 0],
-        children: /* @__PURE__ */jsx(Card, {
-          padding: 4,
-          radius: 3,
-          border: true,
-          children: /* @__PURE__ */jsxs(Stack, {
-            space: 4,
-            children: [/* @__PURE__ */jsx(Box, {
-              children: /* @__PURE__ */jsx(Label, {
-                children: "Initial Documents Query"
-              })
-            }), /* @__PURE__ */jsx(Box, {
-              children: /* @__PURE__ */jsx(Text, {
-                children: "Start with a valid GROQ query to load initial documents. The query will need to return an Array of Objects. Drafts will be removed from the results."
-              })
-            }), /* @__PURE__ */jsx("form", {
-              onSubmit: handleSubmit,
-              children: /* @__PURE__ */jsxs(Flex, {
-                children: [/* @__PURE__ */jsx(Box, {
-                  flex: 1,
-                  paddingRight: 2,
-                  children: /* @__PURE__ */jsx(TextInput, {
-                    style: {
-                      fontFamily: "monospace"
-                    },
-                    fontSize: 2,
-                    onChange: event => setValue(event.currentTarget.value),
-                    padding: 4,
-                    placeholder: "*[_type == \"article\"]",
-                    value: value != null ? value : ""
-                  })
-                }), /* @__PURE__ */jsx(Button, {
-                  padding: 2,
-                  paddingX: 4,
-                  tone: "primary",
-                  onClick: handleSubmit,
-                  text: "Query",
-                  disabled: !value
-                })]
-              })
-            })]
+    children: /* @__PURE__ */jsx(Container, {
+      children: /* @__PURE__ */jsxs(Grid, {
+        columns: [1, 1, 1, 2],
+        gap: [1, 1, 1, 4],
+        children: [/* @__PURE__ */jsx(Box, {
+          padding: [2, 2, 2, 0],
+          children: /* @__PURE__ */jsx(Card, {
+            padding: 4,
+            radius: 3,
+            border: true,
+            children: /* @__PURE__ */jsxs(Stack, {
+              space: 4,
+              children: [/* @__PURE__ */jsx(Box, {
+                children: /* @__PURE__ */jsx(Label, {
+                  children: "Initial Documents Query"
+                })
+              }), /* @__PURE__ */jsx(Box, {
+                children: /* @__PURE__ */jsx(Text, {
+                  children: "Start with a valid GROQ query to load initial documents. The query will need to return an Array of Objects. Drafts will be removed from the results."
+                })
+              }), /* @__PURE__ */jsx("form", {
+                onSubmit: handleSubmit,
+                children: /* @__PURE__ */jsxs(Flex, {
+                  children: [/* @__PURE__ */jsx(Box, {
+                    flex: 1,
+                    paddingRight: 2,
+                    children: /* @__PURE__ */jsx(TextInput, {
+                      style: {
+                        fontFamily: "monospace"
+                      },
+                      fontSize: 2,
+                      onChange: event => setValue(event.currentTarget.value),
+                      padding: 4,
+                      placeholder: "*[_type == \"article\"]",
+                      value: value != null ? value : ""
+                    })
+                  }), /* @__PURE__ */jsx(Button, {
+                    padding: 2,
+                    paddingX: 4,
+                    tone: "primary",
+                    onClick: handleSubmit,
+                    text: "Query",
+                    disabled: !value
+                  })]
+                })
+              })]
+            })
           })
-        })
-      }), !((_a = initialData.docs) == null ? void 0 : _a.length) || initialData.docs.length < 1 && /* @__PURE__ */jsx(Container, {
-        width: 1,
-        children: /* @__PURE__ */jsx(Card, {
-          padding: 5,
-          children: value ? "No Documents registered to the Schema match this query" : "Start with a valid GROQ query"
-        })
-      }), ((_b = initialData.docs) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */jsx(Duplicator, {
-        docs: initialData.docs,
-        token,
-        pluginConfig
-      })]
+        }), !((_a = initialData.docs) == null ? void 0 : _a.length) || initialData.docs.length < 1 && /* @__PURE__ */jsx(Container, {
+          width: 1,
+          children: /* @__PURE__ */jsx(Card, {
+            padding: 5,
+            children: value ? "No Documents registered to the Schema match this query" : "Start with a valid GROQ query"
+          })
+        }), ((_b = initialData.docs) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */jsx(Duplicator, {
+          docs: initialData.docs,
+          token,
+          pluginConfig
+        })]
+      })
     })
   });
 }