feat!: move DND to the host application and ensure WYSIWYG experience [SPA-2744]

.github/workflows/main.yml

@@ -37,7 +37,6 @@ jobs:
       (github.ref_name == 'main' ||
         github.ref_name == 'development' ||
         github.ref_name == 'next' ||
-        github.ref_name == 'v3-prerelease' ||
         inputs.publish-prerelease 
       ) &&
       !contains(github.event.head_commit.message, 'skip-release') &&

.github/workflows/publish.yaml

@@ -86,8 +86,6 @@ jobs:
             npx lerna publish --conventional-commits --conventional-prerelease --exact --force-publish --preid prerelease-$(date +%Y%m%dT%H%M)-$(git rev-parse HEAD | cut -c1-7) --no-changelog --no-push --yes --no-private --dist-tag prerelease --allow-branch ${{ github.ref_name }} --git-tag-command="echo 'skipping git tag for prereleases'"
           elif [ ${{ github.ref_name }} = development ]; then
             npx lerna publish --conventional-commits --conventional-prerelease --exact --force-publish --preid dev-$(date +%Y%m%dT%H%M)-$(git rev-parse HEAD | cut -c1-7) --dist-tag dev --no-changelog --no-push --yes --no-private --git-tag-command="echo 'skipping git tag for prereleases'"
-          elif [ ${{ github.ref_name }} = v3-prerelease ]; then
-            npx lerna publish --conventional-commits --conventional-prerelease --exact --force-publish --preid alpha-$(date +%Y%m%dT%H%M)-$(git rev-parse HEAD | cut -c1-7) --dist-tag alpha --no-changelog --no-push --yes --no-private --git-tag-command="echo 'skipping git tag for prereleases'"
           elif [ ${{ github.ref_name }} = next ]; then
             npx lerna publish --conventional-commits --conventional-prerelease --exact --force-publish --preid beta --dist-tag next --no-changelog --yes --no-private --git-tag-command="echo 'skipping git tag for prereleases'"
           else
@@ -107,34 +105,9 @@ jobs:
             git pull
             git rebase next
             git push origin
-            git checkout v3-prerelease
-             git pull
-            { # try
-              git rebase development &&
-              git push origin
-            } || { # catch
-              echo "⚠️  Silently failed to update v3-prerelease"
-            }
           elif [ ${{ github.ref_name }} = next ]; then
             git checkout development
             git pull
             git rebase next
             git push origin
-            git checkout v3-prerelease
-             git pull
-            { # try
-              git rebase development &&
-              git push origin
-            } || { # catch
-              echo "⚠️  Silently failed to update v3-prerelease"
-            }
-          elif [ ${{ github.ref_name }} = development ]; then
-             git checkout v3-prerelease
-             git pull
-            { # try
-              git rebase development &&
-              git push origin
-            } || { # catch
-              echo "⚠️  Silently failed to update v3-prerelease"
-            }
           fi

packages/components/src/components/Assembly/Assembly.tsx

@@ -1,45 +1,11 @@
-import {
-  ExperienceTreeNode,
-  ResolveDesignValueType,
-  StyleProps,
-} from '@contentful/experiences-core/types';
-import React from 'react';
+import { StructureComponentProps } from '@contentful/experiences-core/types';
+import React, { HTMLAttributes } from 'react';
 
-export type AssemblyProps<EditorMode = boolean> = EditorMode extends true
-  ? {
-      children?: React.ReactNode;
-      className?: string;
-      cfHyperlink?: StyleProps['cfHyperlink'];
-      cfOpenInNewTab?: StyleProps['cfOpenInNewTab'];
-      editorMode?: EditorMode;
-      node: ExperienceTreeNode;
-      resolveDesignValue?: ResolveDesignValueType;
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      dragProps?: Record<string, any>;
-      renderDropzone: (
-        node: ExperienceTreeNode,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        props?: Record<string, any>,
-      ) => React.ReactNode;
-    }
-  : // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    Record<string, any>;
+export type AssemblyProps = StructureComponentProps<HTMLAttributes<HTMLDivElement>>;
 
 const assemblyStyle = { display: 'contents' };
 
-// Feel free to do any magic as regards variable definitions for assemblies
-// Or if this isn't necessary by the time we figure that part out, we can bid this part farewell
 export const Assembly: React.FC<AssemblyProps> = (props) => {
-  if (props.editorMode) {
-    const { node, dragProps, ...editorModeProps } = props;
-
-    return props.renderDropzone(node, {
-      ...editorModeProps,
-      ['data-test-id']: 'contentful-assembly',
-      className: props.className,
-      dragProps,
-    });
-  }
   // Using a display contents so assembly content/children
   // can appear as if they are direct children of the div wrapper's parent
   return <div data-test-id="assembly" {...props} style={assemblyStyle} />;

packages/components/src/components/Columns/Columns.css

@@ -15,11 +15,6 @@
 
 .cf-single-column-wrapper {
   position: relative;
-  display: flex;
-}
-
-.cf-single-column {
-  pointer-events: all;
 }
 
 .cf-single-column-wrapper:after {