@plone/volto 19.0.0-alpha.9 → 19.1.0

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/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;
-    }
-  }
-}