@plone/volto 17.0.0-alpha.9 → 17.0.0

package/src/components/manage/Blocks/Teaser/utils.js

@@ -1,44 +0,0 @@
-import { isInternalURL } from '@plone/volto/helpers';
-import config from '@plone/volto/registry';
-
-export function getTeaserImageURL({ href, image, align }) {
-  // The default scale used in teasers is the 'teaser' scale
-  // except if it's customized otherwise in the teaser block settings
-  // or if the teaser is center (top)
-  const imageScale =
-    align === 'center'
-      ? 'great'
-      : config.blocks.blocksConfig['teaser'].imageScale || 'teaser';
-
-  if (image) {
-    // If the image is overriden locally in the teaser block
-    if (isInternalURL(image['@id'])) {
-      // If it's internal check if image_scales catalog info is present
-      if (image?.image_scales?.[image?.image_field]) {
-        return `${image['@id']}/${
-          image.image_scales[image.image_field]?.[0].scales[imageScale]
-            ?.download || image.image_scales[image.image_field]?.[0].download
-        }`;
-      } else {
-        // If not, fallback to content scale URL shortcut
-        return `${image['@id']}/@@images/${image.image_field}/${imageScale}`;
-      }
-    } else {
-      // If it's external, return the plain URL
-      return image['@id'];
-    }
-  } else {
-    // If the image is not overriden
-    if (href?.image_scales?.[href?.image_field]) {
-      return `${href['@id']}/${
-        href.image_scales[href.image_field]?.[0].scales[imageScale]?.download ||
-        href.image_scales[href.image_field]?.[0].download
-      }`;
-    } else {
-      // If not, fallback to content scale URL shortcut
-      return `${href['@id']}/@@images/${
-        href.image_field || 'preview_image'
-      }/${imageScale}`;
-    }
-  }
-}

package/src/components/manage/Blocks/Teaser/utils.test.jsx

@@ -1,229 +0,0 @@
-import { getTeaserImageURL } from './utils';
-import config from '@plone/volto/registry';
-
-beforeAll(() => {
-  config.blocks.blocksConfig.teaser = {};
-  config.blocks.blocksConfig.teaser.imageScale = 'teaser';
-});
-
-describe('getTeaserImageURL tests', () => {
-  it('getTeaserImageURL internal URL - no overriden', () => {
-    const align = 'left';
-    const href = {
-      '@id': '/document',
-      image_field: 'preview_image',
-      image_scales: {
-        preview_image: [
-          {
-            download: '@@images/default_original_URL',
-            scales: {
-              teaser: {
-                download: '@@images/teaser_scale_URL',
-              },
-            },
-          },
-        ],
-      },
-    };
-    const image = undefined;
-    expect(getTeaserImageURL({ href, image, align })).toBe(
-      '/document/@@images/teaser_scale_URL',
-    );
-  });
-
-  it('getTeaserImageURL internal URL - no overriden - no scale', () => {
-    const align = 'left';
-    const href = {
-      '@id': '/document',
-      image_field: 'preview_image',
-      image_scales: {
-        preview_image: [
-          {
-            download: '@@images/default_original_URL',
-            scales: {},
-          },
-        ],
-      },
-    };
-    const image = undefined;
-    expect(getTeaserImageURL({ href, image, align })).toBe(
-      '/document/@@images/default_original_URL',
-    );
-  });
-
-  it('getTeaserImageURL internal URL - no overriden - no catalog image info', () => {
-    const align = 'left';
-    const href = {
-      '@id': '/document',
-      image_field: 'image',
-      image_scales: {
-        preview_image: [
-          {
-            download: '@@images/default_original_URL',
-            scales: {},
-          },
-        ],
-      },
-    };
-    const image = undefined;
-    expect(getTeaserImageURL({ href, image, align })).toBe(
-      '/document/@@images/image/teaser',
-    );
-  });
-
-  it('getTeaserImageURL internal URL - no overriden - center', () => {
-    const align = 'center';
-    const href = {
-      '@id': '/document',
-      image_field: 'preview_image',
-      image_scales: {
-        preview_image: [
-          {
-            download: '@@images/default_original_URL',
-            scales: {
-              great: {
-                download: '@@images/great_scale_URL',
-              },
-              teaser: {
-                download: '@@images/teaser_scale_URL',
-              },
-            },
-          },
-        ],
-      },
-    };
-    const image = undefined;
-    expect(getTeaserImageURL({ href, image, align })).toBe(
-      '/document/@@images/great_scale_URL',
-    );
-  });
-
-  it('getTeaserImageURL internal URL - no overriden - center - no great scale', () => {
-    const align = 'center';
-    const href = {
-      '@id': '/document',
-      image_field: 'preview_image',
-      image_scales: {
-        preview_image: [
-          {
-            download: '@@images/default_original_URL',
-            scales: {
-              teaser: {
-                download: '@@images/teaser_scale_URL',
-              },
-            },
-          },
-        ],
-      },
-    };
-    const image = undefined;
-    expect(getTeaserImageURL({ href, image, align })).toBe(
-      '/document/@@images/default_original_URL',
-    );
-  });
-
-  it('getTeaserImageURL internal URL - image overriden', () => {
-    const align = 'left';
-    const href = {
-      '@id': '/document',
-      image_field: 'preview_image',
-      image_scales: {
-        preview_image: [
-          {
-            download: '@@images/default_original_URL',
-            scales: {
-              teaser: {
-                download: '@@images/teaser_scale_URL',
-              },
-            },
-          },
-        ],
-      },
-    };
-    const image = {
-      '@id': '/document/image',
-      image_field: 'image',
-      image_scales: {
-        image: [
-          {
-            download: '@@images/overriden_image_default_original_URL',
-            scales: {
-              teaser: {
-                download: '@@images/overriden_image_teaser_scale_URL',
-              },
-            },
-          },
-        ],
-      },
-    };
-    expect(getTeaserImageURL({ href, image, align })).toBe(
-      '/document/image/@@images/overriden_image_teaser_scale_URL',
-    );
-  });
-
-  it('getTeaserImageURL internal URL - image overriden - center - no great scale', () => {
-    const align = 'center';
-    const href = {
-      '@id': '/document',
-      image_field: 'preview_image',
-      image_scales: {
-        preview_image: [
-          {
-            download: '@@images/default_original_URL',
-            scales: {
-              teaser: {
-                download: '@@images/teaser_scale_URL',
-              },
-            },
-          },
-        ],
-      },
-    };
-    const image = {
-      '@id': '/document/image',
-      image_field: 'image',
-      image_scales: {
-        image: [
-          {
-            download: '@@images/overriden_image_default_original_URL',
-            scales: {
-              teaser: {
-                download: '@@images/overriden_image_teaser_scale_URL',
-              },
-            },
-          },
-        ],
-      },
-    };
-    expect(getTeaserImageURL({ href, image, align })).toBe(
-      '/document/image/@@images/overriden_image_default_original_URL',
-    );
-  });
-
-  it('getTeaserImageURL internal URL - image overriden - external', () => {
-    const align = 'left';
-    const href = {
-      '@id': '/document',
-      image_field: 'preview_image',
-      image_scales: {
-        preview_image: [
-          {
-            download: '@@images/default_original_URL',
-            scales: {
-              teaser: {
-                download: '@@images/teaser_scale_URL',
-              },
-            },
-          },
-        ],
-      },
-    };
-    const image = {
-      '@id': 'https://plone.org/document/image.png',
-    };
-
-    expect(getTeaserImageURL({ href, image, align })).toBe(
-      'https://plone.org/document/image.png',
-    );
-  });
-});

package/src/components/theme/Header/Header.md

@@ -1,27 +0,0 @@
-Header example:
-
-```jsx static
-<Header pathname="" />
-```
-
-Output:
-
-```jsx noeditor
-const { Provider } = require('react-intl-redux');
-const configureStore = require('redux-mock-store').default;
-const store = configureStore()({
-  userSession: {
-    login: {},
-  },
-  intl: {
-    locale: 'en',
-    messages: {},
-  },
-});
-
-<div className={'rsg--pre-42'}>
-  <Provider store={store}>
-    <Header pathname="" />
-  </Provider>
-</div>;
-```