@wix/patterns-fields 1.115.0 → 1.117.0

package/src/__tests__/components/media-image-field/form-media-image-input.spec.tsx

@@ -0,0 +1,130 @@
+import '../../../testkit/test-polyfills';
+
+import React from 'react';
+import { act, render } from '@testing-library/react';
+import { WixPatternsContainerProvider } from '@wix/bex-core/react';
+import type { Field, WixPatternsContainer } from '@wix/bex-core';
+import { uniTestkitFactoryCreator } from '@wix/wix-ui-test-utils/testing-library';
+
+import { FormMediaImageInput } from '../../../components/media-image-field/form-media-image-input';
+import { ControlledMediaImageInput } from '../../../components/media-image-field/form-media-image-field';
+import { FormMediaImageFieldUniDriver } from '../../../components/media-image-field/form-media-image-field.uni.driver';
+import type { MediaImageValue } from '../../../types/media-image';
+import { PatternsFieldsTestProvider } from '../../../testkit/patterns-fields-test-provider';
+import { FormFieldDriver, makeField } from '../../form-field.driver';
+
+const mediaId = '913019_d5425b6817dc4739bd0f3a494d4ec00b~mv2.jpg';
+const uri = `wix:image://v1/${mediaId}/cat.jpg#originWidth=100&originHeight=50`;
+const otherId = 'a1b2c3_0123456789abcdef0123456789abcdef~mv2.png';
+const otherUri = `wix:image://v1/${otherId}/dog.png#originWidth=20&originHeight=10`;
+
+const mediaManagerImage: MediaImageValue = {
+  id: mediaId,
+  width: 100,
+  height: 50,
+  uri,
+  altText: 'A cat',
+};
+
+const pick = (itemUri: string) => ({
+  items: [{ media: { image: { image: itemUri } } }],
+});
+
+describe('FormMediaImageInput', () => {
+  const setup = (
+    overrides: { field?: Field; initialValue?: MediaImageValue | null } = {},
+  ) => {
+    const driver = new FormFieldDriver({
+      Component: FormMediaImageInput,
+      UniDriverFactory: FormMediaImageFieldUniDriver,
+      dataHook: (f) => `media-image-field-${f.id}`,
+      field: overrides.field ?? makeField({ type: 'MEDIA_IMAGE' as 'IMAGE' }),
+      initialValue: overrides.initialValue ?? null,
+    });
+    driver.render();
+    return driver;
+  };
+
+  it.each([null, { altText: 'A cat' }])(
+    'blocks save of a required field with no image: %p',
+    async (initialValue) => {
+      const driver = setup({
+        field: makeField({
+          type: 'MEDIA_IMAGE' as 'IMAGE',
+          validation: { required: true },
+        }),
+        initialValue: initialValue as MediaImageValue | null,
+      });
+
+      expect(await driver.tk.isRequired()).toBe(true);
+      await driver.submit();
+
+      expect(driver.onSubmit).not.toHaveBeenCalled();
+      expect(await driver.tk.hasError()).toBe(true);
+      expect(await driver.tk.getErrorMessage()).toBe(
+        'cairo.fieldValidation.requiredField',
+      );
+    },
+  );
+});
+
+describe('ControlledMediaImageInput', () => {
+  const renderInput = (
+    data: MediaImageValue | null,
+    openMediaManager: jest.Mock,
+  ) => {
+    const onChange = jest.fn();
+    const { container } = render(
+      <PatternsFieldsTestProvider>
+        <WixPatternsContainerProvider
+          value={
+            {
+              translate: (key: string) => key,
+              environment: { language: 'en' },
+              openMediaManager,
+            } as unknown as WixPatternsContainer
+          }
+        >
+          <ControlledMediaImageInput
+            data={data}
+            onChange={onChange}
+            dataHook="media-image-input"
+          />
+        </WixPatternsContainerProvider>
+      </PatternsFieldsTestProvider>,
+    );
+    const driver = uniTestkitFactoryCreator(FormMediaImageFieldUniDriver)({
+      wrapper: container,
+      dataHook: 'media-image-input',
+    });
+    return { driver, onChange };
+  };
+
+  it('fills the alt text from the file name on add', async () => {
+    const openMediaManager = jest.fn().mockResolvedValue(pick(uri));
+    const { driver, onChange } = renderInput(null, openMediaManager);
+
+    await driver.clickAdd();
+    await act(async () => {});
+
+    expect(onChange).toHaveBeenCalledWith(
+      expect.objectContaining({ uri, altText: 'cat' }),
+    );
+  });
+
+  it('keeps the alt text on replace', async () => {
+    const openMediaManager = jest.fn().mockResolvedValue(pick(otherUri));
+    const { driver, onChange } = renderInput(
+      mediaManagerImage,
+      openMediaManager,
+    );
+
+    await driver.simulateImageLoad();
+    await driver.clickReplace();
+    await act(async () => {});
+
+    expect(onChange).toHaveBeenCalledWith(
+      expect.objectContaining({ uri: otherUri, altText: 'A cat' }),
+    );
+  });
+});

package/src/__tests__/components/media-image-field/media-image-view.spec.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { uniTestkitFactoryCreator } from '@wix/wix-ui-test-utils/testing-library';
+
+import { MediaImageView } from '../../../components/media-image-field/media-image-view';
+import { MediaImageViewUniDriver } from '../../../components/media-image-field/media-image-view.uni.driver';
+import type { MediaImageValue } from '../../../types/media-image';
+import { PatternsFieldsTestProvider } from '../../../testkit/patterns-fields-test-provider';
+
+const mediaId = '913019_d5425b6817dc4739bd0f3a494d4ec00b~mv2.jpg';
+const image: MediaImageValue = {
+  id: mediaId,
+  width: 100,
+  height: 50,
+  uri: `wix:image://v1/${mediaId}/cat.jpg#originWidth=100&originHeight=50`,
+};
+
+const driverFactory = uniTestkitFactoryCreator(MediaImageViewUniDriver);
+
+const setup = (value: MediaImageValue | null) => {
+  const { container } = render(
+    <PatternsFieldsTestProvider>
+      <MediaImageView value={value} dataHook="media-image-view" />
+    </PatternsFieldsTestProvider>,
+  );
+  return driverFactory({ wrapper: container, dataHook: 'media-image-view' });
+};
+
+describe('MediaImageView', () => {
+  it('renders the thumbnail with the alt text', async () => {
+    const driver = setup({ ...image, altText: 'A cat' });
+
+    expect(await driver.isEmpty()).toBe(false);
+    expect(await driver.getAltText()).toBe('A cat');
+    expect(await driver.hasAltTextPlaceholder()).toBe(false);
+  });
+
+  it('renders the add-alt-text placeholder when the image has no alt text', async () => {
+    const driver = setup(image);
+
+    expect(await driver.getAltText()).toBeUndefined();
+    expect(await driver.hasAltTextPlaceholder()).toBe(true);
+  });
+
+  it('renders only the empty-image placeholder for no value', async () => {
+    const driver = setup(null);
+
+    expect(await driver.isEmpty()).toBe(true);
+    expect(await driver.hasAltTextPlaceholder()).toBe(false);
+  });
+});

package/src/__tests__/components/text/cell-text-input.spec.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { CellTextInput } from '../../../components/text/cell-text-input';
+import { PatternsFieldsTestProvider } from '../../../testkit/patterns-fields-test-provider';
+
+const hint = 'patterns-fields.text.char_limit_tooltip{maxLength=4}';
+
+const setup = (value: string) =>
+  render(
+    <PatternsFieldsTestProvider>
+      <CellTextInput value={value} onChange={jest.fn()} maxLength={4} />
+    </PatternsFieldsTestProvider>,
+  );
+
+describe('<CellTextInput/> char limit hint', () => {
+  it('shows the hint when the value is at the limit', () => {
+    const { getByText } = setup('aaaa');
+
+    expect(getByText(hint)).toBeTruthy();
+  });
+
+  it('does not show the hint below the limit', () => {
+    const { queryByText } = setup('aaa');
+
+    expect(queryByText(hint)).toBeNull();
+  });
+});

package/src/__tests__/utils/media-image-value.spec.ts

@@ -0,0 +1,153 @@
+import {
+  altFromName,
+  fromImageUrl,
+  fromMediaManagerUri,
+  isExternalMediaImage,
+  isMediaImageEmpty,
+  replaceImage,
+  toMediaImageValue,
+  withAltText,
+} from '../../utils/media-image-value';
+
+const mediaId = '913019_d5425b6817dc4739bd0f3a494d4ec00b~mv2.jpg';
+const uri = `wix:image://v1/${mediaId}/photo.jpg#originWidth=4668&originHeight=4669`;
+const url = `https://static.wixstatic.com/media/${mediaId}`;
+
+const mediaManagerImage = {
+  id: mediaId,
+  width: 4668,
+  height: 4669,
+  uri,
+  url,
+  filename: mediaId,
+  altText: 'A cat',
+};
+
+describe('toMediaImageValue', () => {
+  it('returns image objects as they are', () => {
+    const externalImage = {
+      url: 'https://example.com/cat.jpg',
+      altText: 'A cat',
+    };
+    expect(toMediaImageValue(mediaManagerImage)).toBe(mediaManagerImage);
+    expect(toMediaImageValue(externalImage)).toBe(externalImage);
+  });
+
+  it.each([
+    null,
+    undefined,
+    '',
+    uri,
+    'https://example.com/cat.jpg',
+    42,
+    [uri],
+    {},
+    { altText: 'A cat' },
+    { id: 'image-id', width: 10, height: 20, altText: 'A cat' },
+    { url: '', uri: '' },
+  ])('returns null when there is no image to show: %p', (value) => {
+    expect(toMediaImageValue(value)).toBeNull();
+  });
+});
+
+describe('isMediaImageEmpty', () => {
+  it('is false only for a value with an image', () => {
+    expect(isMediaImageEmpty(mediaManagerImage)).toBe(false);
+    expect(isMediaImageEmpty({ url: 'https://example.com/cat.jpg' })).toBe(
+      false,
+    );
+    expect(isMediaImageEmpty(null)).toBe(true);
+    expect(isMediaImageEmpty({ altText: 'A cat' })).toBe(true);
+    expect(isMediaImageEmpty(uri)).toBe(true);
+  });
+});
+
+describe('isExternalMediaImage', () => {
+  it('is true only for an image linked by URL', () => {
+    expect(isExternalMediaImage({ url: 'https://example.com/cat.jpg' })).toBe(
+      true,
+    );
+    expect(isExternalMediaImage(mediaManagerImage)).toBe(false);
+    expect(isExternalMediaImage({ ...mediaManagerImage, uri: undefined })).toBe(
+      false,
+    );
+    expect(isExternalMediaImage(null)).toBe(false);
+  });
+});
+
+describe('altFromName', () => {
+  it.each([
+    ['photo.jpg', 'photo'],
+    ['my.summer.photo.png', 'my.summer.photo'],
+    [' photo.jpg ', 'photo'],
+    ['photo', 'photo'],
+    ['', ''],
+  ])('%p → %p', (name, expected) => {
+    expect(altFromName(name)).toBe(expected);
+  });
+});
+
+describe('withAltText', () => {
+  it.each(['', '   '])('drops empty or blank alt text: %p', (altText) => {
+    expect(withAltText({ url, altText: 'A cat' }, altText)).toEqual({ url });
+  });
+});
+
+describe('replaceImage', () => {
+  const next = { ...mediaManagerImage, altText: 'photo' };
+
+  it('keeps the current alt text', () => {
+    expect(replaceImage({ url, altText: 'A cat' }, next)).toEqual({
+      ...next,
+      altText: 'A cat',
+    });
+  });
+
+  it.each([null, { url }, { url, altText: '' }])(
+    'keeps the new default alt text when the current image has none: %p',
+    (current) => {
+      expect(replaceImage(current, next)).toEqual(next);
+    },
+  );
+});
+
+describe('fromMediaManagerUri', () => {
+  it('reads the id, size and default alt text from the URI', () => {
+    expect(fromMediaManagerUri(uri)).toEqual({
+      id: mediaId,
+      width: 4668,
+      height: 4669,
+      uri,
+      filename: mediaId,
+      altText: 'photo',
+    });
+  });
+
+  it('leaves out the alt text when the URI has no file name', () => {
+    expect(
+      fromMediaManagerUri(
+        `wix:image://v1/${mediaId}/_.jpg#originWidth=10&originHeight=20`,
+      ),
+    ).not.toHaveProperty('altText');
+  });
+
+  it.each([
+    '',
+    'https://example.com/cat.jpg',
+    'wix:vector://v1/shape.svg/shape.svg',
+  ])('returns null when the URI is not an image: %p', (value) => {
+    expect(fromMediaManagerUri(value)).toBeNull();
+  });
+});
+
+describe('fromImageUrl', () => {
+  it('builds an image linked by URL', () => {
+    expect(fromImageUrl(' https://example.com/cat.jpg ')).toEqual({
+      url: 'https://example.com/cat.jpg',
+    });
+    expect(fromImageUrl('https://example.com/cat.jpg', 'A cat')).toEqual({
+      url: 'https://example.com/cat.jpg',
+      altText: 'A cat',
+    });
+  });
+});

package/src/assets/locale/messages_ar.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_bg.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_ca.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_cs.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_da.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_de.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_el.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_en.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_es.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_fi.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_fr.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_he.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_hi.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_hu.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_id.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_it.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",

package/src/assets/locale/messages_ja.json

@@ -3,6 +3,7 @@
   "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
   "auto-patterns.fields.field_type_email_title": "Email",
   "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
+  "CMS.image.altText.label": "Alt text",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
   "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
   "CMS.image.download": "Download",
   "CMS.richTextEditor.toolbar.header": "Themes",
   "CMS.document.action.delete": "Delete file",
+  "CMS.image.thumbnail.label": "Image",
   "CMS.mediaGallery.preview.download": "Download",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
   "auto-patterns.fields.email_input_error": "Please enter a valid email address",