chore: removed imports from volto barrel files

package.json

@@ -17,9 +17,6 @@
     "i18n": "rm -rf build/messages && NODE_ENV=production i18n -a",
     "release": "release-it"
   },
-  "dependencies": {
-    "react-outside-click-handler": "1.3.0"
-  },
   "peerDependencies": {
     "@plone/volto": ">=16.0.0-alpha.38",
     "volto-blocks-widget": ">=3.4.0"

src/components/FooterColumns.jsx

@@ -4,8 +4,11 @@ import { useLocation } from 'react-router-dom';
 
 import { Grid } from 'semantic-ui-react';
 
-import { flattenHTMLToAppURL, flattenToAppURL } from '@plone/volto/helpers';
-import { ConditionalLink } from '@plone/volto/components';
+import {
+  flattenHTMLToAppURL,
+  flattenToAppURL,
+} from '@plone/volto/helpers/Url/Url';
+import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
 
 import { getEditableFooterColumns } from '../actions';
 import { getItemsByPath } from '../utils';

src/widget/CustomRichTextWidget.jsx

@@ -0,0 +1,69 @@
+/**
+ * CustomRichTextWidget, a slate widget variant that saves its data as HTML
+ */
+
+import React from 'react';
+
+import { makeEditor } from '@plone/volto-slate/utils';
+import deserialize from '@plone/volto-slate/editor/deserialize';
+
+import {
+  createEmptyParagraph,
+  normalizeExternalData,
+} from '@plone/volto-slate/utils';
+
+import config from '@plone/volto/registry';
+
+const CustomRichTextWidget = (props) => {
+  const {
+    id,
+    onChange,
+    value,
+    focus,
+    className,
+    block,
+    placeholder,
+    properties,
+    intl,
+  } = props;
+  const editor = React.useMemo(() => makeEditor(), []);
+
+  const fromHtml = React.useCallback(
+    (value) => {
+      const html = value?.data || '';
+
+      const parsed = new DOMParser().parseFromString(html, 'text/html');
+      const body =
+        parsed.getElementsByTagName('google-sheets-html-origin').length > 0
+          ? parsed.querySelector('google-sheets-html-origin > table')
+          : parsed.body;
+      let data = deserialize(editor, body, { collapseWhitespace: false });
+      data = normalizeExternalData(editor, data);
+
+      // editor.children = data;
+      // Editor.normalize(editor);
+      // TODO: need to add {text: ""} placeholders between elements
+      const res = data.length ? data : [createEmptyParagraph()];
+      // console.log('from html', { html: value?.data, res });
+      return res;
+    },
+    [editor],
+  );
+
+  const _value = React.useMemo(() => {
+    return config.widgets.widget.slate && typeof value === 'string'
+      ? fromHtml(value)
+      : value;
+  }, [value, fromHtml]);
+  let RichTextWidget = config.widgets.widget.richtext;
+  if (config.widgets.widget.slate) {
+    //there's slate in this site. Don't use widget.richtext because is html widget and cannot handle intl provider. So convert value to slate object and use config.widgets.widget.slate
+    RichTextWidget = config.widgets.widget.slate;
+  }
+
+  const editor = React.useMemo(() => makeEditor(), []);
+
+  return <RichTextWidget />;
+};
+
+export default CustomRichTextWidget;

src/widget/FooterConfigurationForm.jsx

@@ -5,7 +5,7 @@ import {
   TextWidget,
   CheckboxWidget,
   ObjectBrowserWidget,
-} from '@plone/volto/components';
+} from '@plone/volto/components/manage/Widgets';
 
 import config from '@plone/volto/registry';
 

src/widget/FooterConfigurationWidget.jsx

@@ -9,7 +9,7 @@ import {
   Segment,
   Header,
 } from 'semantic-ui-react';
-import { TextWidget } from '@plone/volto/components';
+import { TextWidget } from '@plone/volto/components/manage/Widgets';
 import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 
 import { FooterConfigurationForm } from './';