@plone/volto 19.0.0-alpha.3 → 19.0.0-alpha.30

package/src/components/manage/Sidebar/SidebarPortal.test.jsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import ShallowRenderer from 'react-test-renderer/shallow';
-
-import SidebarPortal from './SidebarPortal';
-
-test('sidebar portal is rendered when the block is selected', () => {
-  const renderer = new ShallowRenderer();
-  renderer.render(
-    <SidebarPortal selected={true}>
-      <p>Tested!</p>
-    </SidebarPortal>,
-  );
-  const component = renderer.getRenderOutput();
-  expect(component).toMatchSnapshot();
-});
-
-test('sidebar portal is not rendered when the block is not selected', () => {
-  const renderer = new ShallowRenderer();
-  renderer.render(
-    <SidebarPortal selected={false}>
-      <p>Tested, but you shouldn't see this in the snapshot!</p>
-    </SidebarPortal>,
-  );
-  const component = renderer.getRenderOutput();
-  expect(component).toMatchSnapshot();
-});

package/src/components/manage/Widgets/AlignWidget.test.jsx

@@ -1,59 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import configureStore from 'redux-mock-store';
-import { Provider } from 'react-intl-redux';
-import imageFullSVG from '@plone/volto/icons/image-full.svg';
-
-import AlignWidget from './AlignWidget';
-
-const mockStore = configureStore();
-
-describe('renders an align widget component', () => {
-  it('basic', () => {
-    const store = mockStore({
-      intl: {
-        locale: 'en',
-        messages: {},
-      },
-    });
-
-    const { asFragment } = render(
-      <Provider store={store}>
-        <AlignWidget
-          id="align"
-          title="Alignment"
-          fieldSet="default"
-          onChange={() => {}}
-        />
-      </Provider>,
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('extended with actions and actionsInfoMap props', () => {
-    const store = mockStore({
-      intl: {
-        locale: 'en',
-        messages: {},
-      },
-    });
-
-    const { asFragment } = render(
-      <Provider store={store}>
-        <AlignWidget
-          id="align"
-          title="Alignment"
-          fieldSet="default"
-          onChange={() => {}}
-          actions={['additional']}
-          actionsInfoMap={{
-            additional: [imageFullSVG, 'Additional action title'],
-          }}
-        />
-      </Provider>,
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/src/components/manage/Widgets/ButtonsWidget.jsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import FormFieldWrapper from '@plone/volto/components/manage/Widgets/FormFieldWrapper';
-import Icon from '@plone/volto/components/theme/Icon/Icon';
-import { Button } from 'semantic-ui-react';
-
-// The ButtonsWidget
-const ButtonsWidget = (props) => {
-  const { id, onChange, actions, actionsInfoMap, defaultAction, value } = props;
-
-  React.useEffect(() => {
-    if (!props.value && props.default) {
-      props.onChange(props.id, props.default);
-    }
-  });
-
-  return (
-    <FormFieldWrapper {...props} className="align-widget">
-      <div className="align-buttons">
-        {actions.map((action) => (
-          <Button.Group key={action}>
-            <Button
-              icon
-              basic
-              aria-label={actionsInfoMap[action][1]}
-              onClick={() => onChange(id, action)}
-              active={(action === defaultAction && !value) || value === action}
-            >
-              <Icon
-                name={actionsInfoMap[action][0]}
-                title={actionsInfoMap[action][1] || action}
-                size="24px"
-              />
-            </Button>
-          </Button.Group>
-        ))}
-      </div>
-    </FormFieldWrapper>
-  );
-};
-
-export default ButtonsWidget;

package/src/components/manage/Widgets/ButtonsWidget.test.jsx

@@ -1,70 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import configureStore from 'redux-mock-store';
-import { Provider } from 'react-intl-redux';
-import imageFullSVG from '@plone/volto/icons/image-full.svg';
-import textJustifiedSVG from '@plone/volto/icons/align-justify.svg';
-import textCenteredSVG from '@plone/volto/icons/align-center.svg';
-import textLeftSVG from '@plone/volto/icons/align-left.svg';
-import textRightSVG from '@plone/volto/icons/align-right.svg';
-
-import ButtonsWidget from './ButtonsWidget';
-
-const mockStore = configureStore();
-
-describe('renders an align widget component', () => {
-  it('basic', () => {
-    const store = mockStore({
-      intl: {
-        locale: 'en',
-        messages: {},
-      },
-    });
-
-    const { asFragment } = render(
-      <Provider store={store}>
-        <ButtonsWidget
-          id="align"
-          title="Alignment"
-          fieldSet="default"
-          onChange={() => {}}
-          actions={['left', 'right', 'centered', 'justified']}
-          actionsInfoMap={{
-            left: [textLeftSVG, 'Text Left'],
-            right: [textRightSVG, 'Text Right'],
-            justified: [textJustifiedSVG, 'Text Justified'],
-            centered: [textCenteredSVG, 'Text Centered'],
-          }}
-        />
-      </Provider>,
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('extended with actions and actionsInfoMap props', () => {
-    const store = mockStore({
-      intl: {
-        locale: 'en',
-        messages: {},
-      },
-    });
-
-    const { asFragment } = render(
-      <Provider store={store}>
-        <ButtonsWidget
-          id="align"
-          title="Alignment"
-          fieldSet="default"
-          onChange={() => {}}
-          actions={['additional']}
-          actionsInfoMap={{
-            additional: [imageFullSVG, 'Additional action title'],
-          }}
-        />
-      </Provider>,
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/src/components/manage/Widgets/__mocks__/index.vitest.tsx

@@ -1,41 +0,0 @@
-export const AlignWidget = vi.fn(() => <div id="AlignWidget" />);
-export const ButtonsWidget = vi.fn(() => <div id="ButtonsWidget" />);
-export const ArrayWidget = vi.fn(() => <div id="ArrayWidget" />);
-export const CheckboxWidget = vi.fn(() => <div id="CheckboxWidget" />);
-export const FileWidget = vi.fn(() => <div id="FileWidget" />);
-export const IdWidget = vi.fn(() => <div id="IdWidget" />);
-export const PasswordWidget = vi.fn(() => <div id="PasswordWidget" />);
-export const QueryWidget = vi.fn(() => <div id="QueryWidget" />);
-export const QuerySortOnWidget = vi.fn(() => <div id="QuerySortOnWidget" />);
-export const QuerystringWidget = vi.fn(() => <div id="QuerystringWidget" />);
-export const SchemaWidget = vi.fn(() => <div id="SchemaWidget" />);
-export const SelectWidget = vi.fn(() => <div id="SelectWidget" />);
-export const TextareaWidget = vi.fn(() => <div id="TextareaWidget" />);
-export const TextWidget = vi.fn(() => <div id="TextWidget" />);
-export const TokenWidget = vi.fn(() => <div id="TokenWidget" />);
-export const WysiwygWidget = vi.fn(() => <div id="WysiwygWidget" />);
-export const UrlWidget = vi.fn(() => <div id="UrlWidget" />);
-export const InternalUrlWidget = vi.fn(() => <div id="InternalUrlWidget" />);
-export const EmailWidget = vi.fn(() => <div id="EmailWidget" />);
-export const NumberWidget = vi.fn(() => <div id="NumberWidget" />);
-export const ImageSizeWidget = vi.fn(() => <div id="ImageSizeWidget" />);
-export const RegistryImageWidget = vi.fn(() => (
-  <div id="RegistryImageWidget" />
-));
-export const ReferenceWidget = vi.fn(() => <div id="ReferenceWidget" />);
-export const ObjectBrowserWidget = vi.fn(() => (
-  <div id="ObjectBrowserWidget" />
-));
-export const ObjectWidget = vi.fn(() => <div id="ObjectWidget" />);
-export const ObjectListWidget = vi.fn(() => <div id="ObjectListWidget" />);
-export const VocabularyTermsWidget = vi.fn(() => (
-  <div id="VocabularyTermsWidget" />
-));
-export const SelectMetadataWidget = vi.fn(() => (
-  <div id="SelectMetadataWidget" />
-));
-export const SelectAutoComplete = vi.fn(() => <div id="SelectAutoComplete" />);
-export const ColorPickerWidget = vi.fn(() => <div id="ColorPickerWidget" />);
-export const DatetimeWidget = vi.fn(() => <div id="DatetimeWidget" />);
-export const RecurrenceWidget = vi.fn(() => <div id="RecurrenceWidget" />);
-export const FormFieldWrapper = vi.fn(() => <div id="FormFieldWrapper" />);

package/src/components/theme/LanguageSelector/LanguageSelector.jsx

@@ -1,79 +0,0 @@
-/**
- * Language selector component.
- * @module components/LanguageSelector/LanguageSelector
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Link } from 'react-router-dom';
-
-import { useSelector } from 'react-redux';
-import cx from 'classnames';
-import find from 'lodash/find';
-import map from 'lodash/map';
-
-import Helmet from '@plone/volto/helpers/Helmet/Helmet';
-import langmap from '@plone/volto/helpers/LanguageMap/LanguageMap';
-import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
-import { toReactIntlLang } from '@plone/volto/helpers/Utils/Utils';
-
-import { defineMessages, useIntl } from 'react-intl';
-
-const messages = defineMessages({
-  switchLanguageTo: {
-    id: 'Switch to',
-    defaultMessage: 'Switch to',
-  },
-});
-
-const LanguageSelector = (props) => {
-  const intl = useIntl();
-  const currentLang = useSelector((state) => state.intl.locale);
-  const translations = useSelector(
-    (state) => state.content.data?.['@components']?.translations?.items,
-  );
-  const isMultilingual = useSelector(
-    (state) => state.site.data.features?.multilingual,
-  );
-  const availableLanguages = useSelector(
-    (state) => state.site.data?.['plone.available_languages'],
-  );
-
-  return isMultilingual ? (
-    <div className="language-selector">
-      {map(availableLanguages, (lang) => {
-        const translation = find(translations, { language: lang });
-        return (
-          <Link
-            aria-label={`${intl.formatMessage(
-              messages.switchLanguageTo,
-            )} ${langmap[lang].nativeName.toLowerCase()}`}
-            className={cx({ selected: toReactIntlLang(lang) === currentLang })}
-            to={translation ? flattenToAppURL(translation['@id']) : `/${lang}`}
-            title={langmap[lang].nativeName}
-            onClick={() => {
-              props.onClickAction();
-            }}
-            key={`language-selector-${lang}`}
-          >
-            {langmap[lang].nativeName}
-          </Link>
-        );
-      })}
-    </div>
-  ) : (
-    <Helmet>
-      <html lang={toReactIntlLang(currentLang)} />
-    </Helmet>
-  );
-};
-
-LanguageSelector.propTypes = {
-  onClickAction: PropTypes.func,
-};
-
-LanguageSelector.defaultProps = {
-  onClickAction: () => {},
-};
-
-export default LanguageSelector;

package/src/helpers/Loadable/__mocks__/Loadable.vitest.jsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import config from '@plone/volto/registry';
-const loadables = config.settings.loadables;
-
-let mockAllLoadables = Object.create(null);
-
-export const __setLoadables = async () => {
-  if (Object.keys(mockAllLoadables).length > 0) return;
-  const resolved = await Promise.all(
-    Object.keys(loadables).map(async (n) => {
-      const lib = await Promise.resolve(loadables[n].load());
-      return [n, { current: lib }];
-    }),
-  );
-  resolved.forEach(([name, { current }]) => {
-    mockAllLoadables[name] = current;
-  });
-};
-
-// TODO: filter mockAllLoadables
-export const injectLazyLibs = vi.fn().mockImplementation(function ([
-  libraries,
-]) {
-  return vi.fn((WrappedComponent) =>
-    vi.fn((props) => {
-      return <WrappedComponent {...props} {...mockAllLoadables} />;
-    }),
-  );
-});
-
-export const preloadLazyLibs = vi.fn().mockImplementation(function ([
-  libraries,
-]) {
-  return vi.fn((WrappedComponent) =>
-    vi.fn((props) => {
-      return <WrappedComponent {...props} />;
-    }),
-  );
-});

package/test-setup-globals-vitest.js

@@ -1,46 +0,0 @@
-import '@testing-library/jest-dom';
-import { expect, describe, it, vi } from 'vitest';
-
-global.describe = describe;
-global.it = it;
-global.expect = expect;
-global.vi = vi;
-
-global.__CLIENT__ = true;
-global.__DEVELOPMENT__ = false;
-global.__SERVER__ = false;
-global.__TEST__ = true;
-
-window.matchMedia =
-  window.matchMedia ||
-  function (query) {
-    return {
-      matches: query === '(min-width: 1024px)',
-      addListener: function () {},
-      removeListener: function () {},
-    };
-  };
-
-vi.stubGlobal(
-  'fetch',
-  vi.fn(() =>
-    Promise.resolve({
-      json: () => Promise.resolve({}),
-      text: () => Promise.resolve(''),
-    }),
-  ),
-);
-
-vi.stubGlobal('localStorage', {
-  getItem: vi.fn(),
-  setItem: vi.fn(),
-  removeItem: vi.fn(),
-  clear: vi.fn(),
-});
-
-vi.stubGlobal('sessionStorage', {
-  getItem: vi.fn(),
-  setItem: vi.fn(),
-  removeItem: vi.fn(),
-  clear: vi.fn(),
-});

package/theme/themes/pastanaga/extras/utils.less

@@ -1,63 +0,0 @@
-/* Responsive visibility helper classes */
-
-body:not(.has-sidebar):not(.has-sidebar-collapsed) {
-  /* Mobile */
-  @media only screen and (max-width: @largestMobileScreen) {
-    [class*='mobile hidden'],
-    [class*='tablet only']:not(.mobile),
-    [class*='computer only']:not(.mobile),
-    [class*='large screen only']:not(.mobile),
-    [class*='widescreen only']:not(.mobile),
-    [class*='or lower hidden'] {
-      display: none !important;
-    }
-  }
-
-  /* Tablet / iPad Portrait */
-  @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
-    [class*='mobile only']:not(.tablet),
-    [class*='tablet hidden'],
-    [class*='computer only']:not(.tablet),
-    [class*='large screen only']:not(.tablet),
-    [class*='widescreen only']:not(.tablet),
-    [class*='or lower hidden']:not(.mobile) {
-      display: none !important;
-    }
-  }
-
-  /* Computer / Desktop / iPad Landscape */
-  @media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
-    [class*='mobile only']:not(.computer),
-    [class*='tablet only']:not(.computer),
-    [class*='computer hidden'],
-    [class*='large screen only']:not(.computer),
-    [class*='widescreen only']:not(.computer),
-    [class*='or lower hidden']:not(.tablet):not(.mobile) {
-      display: none !important;
-    }
-  }
-
-  /* Large Monitor */
-  @media only screen and (min-width: @largeMonitorBreakpoint) and (max-width: @largestLargeMonitor) {
-    [class*='mobile only']:not([class*='large screen']),
-    [class*='tablet only']:not([class*='large screen']),
-    [class*='computer only']:not([class*='large screen']),
-    [class*='large screen hidden'],
-    [class*='widescreen only']:not([class*='large screen']),
-    [class*='or lower hidden']:not(.computer):not(.tablet):not(.mobile) {
-      display: none !important;
-    }
-  }
-
-  /* Widescreen Monitor */
-  @media only screen and (min-width: @widescreenMonitorBreakpoint) {
-    [class*='mobile only']:not([class*='widescreen']),
-    [class*='tablet only']:not([class*='widescreen']),
-    [class*='computer only']:not([class*='widescreen']),
-    [class*='large screen only']:not([class*='widescreen']),
-    [class*='widescreen hidden'],
-    [class*='widescreen or lower hidden'] {
-      display: none !important;
-    }
-  }
-}