fix(examples): multiselect

Author: prevwong

examples/landing/components/selectors/Custom1/index.tsx

@@ -17,7 +17,7 @@ export const OnlyButtons = ({ children, ...props }) => {
 
 OnlyButtons.craft = {
   rules: {
-    canMoveIn: (node) => node.data.type === Button,
+    canMoveIn: (nodes) => nodes.every((node) => node.data.type === Button),
   },
 };
 

examples/landing/components/selectors/Custom2/index.tsx

@@ -16,9 +16,9 @@ export const Custom2VideoDrop = ({ children }) => {
 };
 Custom2VideoDrop.craft = {
   rules: {
-    canMoveIn: (incoming, self, helper) => {
+    canMoveIn: (nodes, self, helper) => {
       return (
-        incoming.data.type === Video &&
+        nodes.every((node) => node.data.type === Video) &&
         helper(self.id).decendants().length === 0
       );
     },

examples/landing/components/selectors/Custom3/index.tsx

@@ -17,15 +17,23 @@ export const Custom3BtnDrop = ({ children }) => {
 
 Custom3BtnDrop.craft = {
   rules: {
-    canMoveOut: (target, self, helpers) => {
+    canMoveOut: (outgoingNodes, self, helpers) => {
       const {
         data: { nodes },
       } = self;
       const btnNodes = nodes.filter(
         (id) => helpers(id).get().data.type === Button
       );
-      if (target.data.type === Button && btnNodes.length === 1) return false;
-      return true;
+
+      const outgoingButtonNodes = outgoingNodes.filter(
+        (node) => node.data.type === Button
+      );
+
+      if (outgoingButtonNodes.length < btnNodes.length) {
+        return true;
+      }
+
+      return false;
     },
   },
 };