@wix/patterns-fields 1.129.0 → 1.131.0

package/dist/types/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen-modal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAoG,CAAC;AACvH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;CAA8K,CAAC"}
+{"version":3,"file":"fullscreen-modal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAsG,CAAC;AACzH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;CAA8K,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.d.ts

@@ -23,8 +23,6 @@ export type RichContentEditorProps = Omit<RCEProps, 'onChange'> & {
     onChange?: (content: RicosDocument, isContentChanged?: boolean) => void;
     onPublish?: (promise: Promise<RicosDocument>) => void;
     fullScreenOnly?: boolean;
-    /** Close full screen on Enter in the text, like Escape. Shift+Enter still adds a new line. */
-    closeOnEnter?: boolean;
 };
 export declare const RichContentEditor: FC<RichContentEditorProps>;
 export {};

package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-editor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAYnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+DAA+D,CAAC;AACnG,OAAO,KAAK,EAGV,gBAAgB,EAEjB,MAAM,+DAA+D,CAAC;AAQvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAe/C,KAAK,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,OAAO,CAAC,GAAG;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAQF,UAAU,QAAS,SAAQ,UAAU;IACnC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA+TD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAChE,iBAAiB,CAAC,EAAE,CAClB,OAAO,CAAC,EAAE,aAAa,EACvB,gBAAgB,CAAC,EAAE,OAAO,KACvB,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CACjB,OAAO,CAAC,EAAE,aAAa,EACvB,gBAAgB,CAAC,EAAE,OAAO,KACvB,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,gBAAgB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkNxD,CAAC"}
+{"version":3,"file":"rich-content-editor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAYnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+DAA+D,CAAC;AACnG,OAAO,KAAK,EAGV,gBAAgB,EAEjB,MAAM,+DAA+D,CAAC;AAQvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAc/C,KAAK,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,OAAO,CAAC,GAAG;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAQF,UAAU,QAAS,SAAQ,UAAU;IACnC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA+TD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAChE,iBAAiB,CAAC,EAAE,CAClB,OAAO,CAAC,EAAE,aAAa,EACvB,gBAAgB,CAAC,EAAE,OAAO,KACvB,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CACjB,OAAO,CAAC,EAAE,aAAa,EACvB,gBAAgB,CAAC,EAAE,OAAO,KACvB,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,gBAAgB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA6MxD,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAAsN,CAAC;AACzO,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"rich-content-toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAAkN,CAAC;AACrO,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;;;;;;;;;CAAyyB,CAAC;AAC5zB,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiqK,CAAC;AACnrK,eAAO,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAg0E,CAAC"}
+{"version":3,"file":"rich-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;;;;;;;;;CAA0zB,CAAC;AAC70B,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiqK,CAAC;AACnrK,eAAO,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAg0E,CAAC"}

package/dist/types/utils/media-utils.d.ts

@@ -18,7 +18,8 @@ export declare enum MEDIA_TYPES {
     VIDEO = "VIDEO_BOX",
     IMAGE = "AUTO_CMS_IMAGE",
     AUDIO = "MUSIC",
-    GALLERY = "PRO_GALLERY"
+    GALLERY = "PRO_GALLERY",
+    VECTOR_ART = "VECTOR_ART"
 }
 /**
  * Simple validation for document/image URLs

package/dist/types/utils/media-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/media-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA+BH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,OAK9C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,OAK5C,CAAC;AAiBF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,MAyC3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,SAc7C,CAAC;AAGF,oBAAY,WAAW;IACrB,SAAS,cAAc;IACvB,KAAK,cAAc;IACnB,KAAK,mBAAmB;IACxB,KAAK,UAAU;IACf,OAAO,gBAAgB;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,MAAM,MAAM,GAAG,SAAS,EACxB,MAAM,UAAU,GAAG,OAAO,KACzB,OAeF,CAAC"}
+{"version":3,"file":"media-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/media-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA+BH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,OAK9C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,OAK5C,CAAC;AAiBF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,MAyC3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,SAc7C,CAAC;AAGF,oBAAY,WAAW;IACrB,SAAS,cAAc;IACvB,KAAK,cAAc;IACnB,KAAK,mBAAmB;IACxB,KAAK,UAAU;IACf,OAAO,gBAAgB;IACvB,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,MAAM,MAAM,GAAG,SAAS,EACxB,MAAM,UAAU,GAAG,OAAO,KACzB,OAeF,CAAC"}

package/dist/types/utils/media-vector-art-value.d.ts

@@ -1,3 +1,5 @@
 import type { MediaVectorArtValue } from '../types/media-vector-art';
 export declare const toMediaVectorArtValue: (value: unknown) => MediaVectorArtValue | null;
+export declare const isMediaVectorArtEmpty: (value: unknown) => boolean;
+export declare const fromVectorArtPick: (uri: string) => MediaVectorArtValue | null;
 //# sourceMappingURL=media-vector-art-value.d.ts.map

package/dist/types/utils/media-vector-art-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-vector-art-value.d.ts","sourceRoot":"","sources":["../../../src/utils/media-vector-art-value.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAUrE,eAAO,MAAM,qBAAqB,GAChC,OAAO,OAAO,KACb,mBAAmB,GAAG,IAA4C,CAAC"}
+{"version":3,"file":"media-vector-art-value.d.ts","sourceRoot":"","sources":["../../../src/utils/media-vector-art-value.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAUrE,eAAO,MAAM,qBAAqB,GAChC,OAAO,OAAO,KACb,mBAAmB,GAAG,IAA4C,CAAC;AAEtE,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,KAAG,OAChB,CAAC;AAExC,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,KAAG,mBAAmB,GAAG,IAU5D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns-fields",
-  "version": "1.129.0",
+  "version": "1.131.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -125,7 +125,7 @@
     "@wix/atlas": "^1.0.35",
     "@wix/data": "^1.0.323",
     "@wix/media": "^1.0.231",
-    "@wix/patterns-fields-utils": "1.110.0",
+    "@wix/patterns-fields-utils": "1.112.0",
     "@wix/rich-content": "1.0.37",
     "@wix/sdk": "^1.17.2",
     "@wix/wix-ui-icons-common": "^3.189.0",
@@ -153,7 +153,7 @@
     "@types/lodash": "^4.17.20",
     "@types/react": "^16.14.68",
     "@wix/babel-cli": "^1.11.0",
-    "@wix/bex-core": "2.407.0",
+    "@wix/bex-core": "2.409.0",
     "@wix/design-system": "^1.336.0",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/jest-yoshi-preset": "^6.74.0",
@@ -216,5 +216,5 @@
       "optional": true
     }
   },
-  "falconPackageHash": "8f9c9e0ea9024eb99a08e271e20cbdf054221810978737c485ed8689"
+  "falconPackageHash": "62acb83e099988aac045829b9ade0f8399e80d1a6c2e81a12db430c8"
 }

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

@@ -0,0 +1,203 @@
+import '../../../testkit/test-polyfills';
+
+import React, { useState } from 'react';
+import { act, render } from '@testing-library/react';
+import { WixPatternsContainerProvider } from '@wix/bex-core/react';
+import type { WixPatternsContainer } from '@wix/bex-core';
+import { uniTestkitFactoryCreator } from '@wix/wix-ui-test-utils/testing-library';
+
+import { FormMediaVectorArtInput } from '../../../components/media-vector-art-field/form-media-vector-art-input';
+import { ControlledMediaVectorArtInput } from '../../../components/media-vector-art-field/form-media-vector-art-field';
+import { FormMediaVectorArtFieldUniDriver } from '../../../components/media-vector-art-field/form-media-vector-art-field.uni.driver';
+import type { MediaVectorArtValue } from '../../../types/media-vector-art';
+import { PatternsFieldsTestProvider } from '../../../testkit/patterns-fields-test-provider';
+import { FormFieldDriver, makeField } from '../../form-field.driver';
+
+const uri = 'wix:vector://v1/3d4bb251d1904cf8b5b8a1e9a1ba727d.svg/Cheese.svg';
+const otherUri = 'wix:vector://v1/shape789.svg/';
+const imageUri =
+  'wix:image://v1/913019_d5425b6817dc4739bd0f3a494d4ec00b~mv2.jpg/cat.jpg#originWidth=100&originHeight=50';
+
+const pickedValue = (pickedUri: string): MediaVectorArtValue => ({
+  uri: pickedUri,
+  viewBox: '',
+  contentBox: '',
+  colors: {},
+  contentType: 'shape',
+  svgContent: '',
+});
+
+const vectorArt: MediaVectorArtValue = {
+  ...pickedValue(uri),
+  viewBox: '0 0 100 100',
+  colors: { 'color-1': '#FF0000' },
+};
+
+const vectorPick = (itemUri: string) => ({
+  items: [{ media: { vector: { vector: itemUri } } }],
+});
+const imageShapedPick = (itemUri: string) => ({
+  items: [{ media: { image: { image: itemUri } } }],
+});
+
+describe('FormMediaVectorArtInput', () => {
+  const setupRequired = (initialValue: MediaVectorArtValue | null) => {
+    const driver = new FormFieldDriver({
+      Component: FormMediaVectorArtInput,
+      UniDriverFactory: FormMediaVectorArtFieldUniDriver,
+      dataHook: (f) => `media-vector-art-field-${f.id}`,
+      field: makeField({ validation: { required: true } }),
+      initialValue,
+    });
+    driver.render();
+    return driver;
+  };
+
+  it.each([null, { uri: imageUri }])(
+    'blocks save of a required field with no vector art: %p',
+    async (initialValue) => {
+      const driver = setupRequired(initialValue as MediaVectorArtValue | null);
+
+      expect(await driver.tk.isRequired()).toBe(true);
+      await driver.submit();
+
+      expect(driver.onSubmit).not.toHaveBeenCalled();
+      expect(await driver.tk.getErrorMessage()).toBe(
+        'cairo.fieldValidation.requiredField',
+      );
+    },
+  );
+
+  it('saves a required field that has vector art', async () => {
+    const driver = setupRequired(vectorArt);
+
+    await driver.submit();
+
+    expect(driver.onSubmit.mock.calls[0][0][driver.field.id]).toEqual(
+      vectorArt,
+    );
+  });
+});
+
+describe('ControlledMediaVectorArtInput', () => {
+  const renderInput = (
+    data: MediaVectorArtValue | null,
+    openMediaManager: jest.Mock = jest.fn(),
+    { isMobile = false } = {},
+  ) => {
+    const onChange = jest.fn();
+    const StatefulInput = () => {
+      const [value, setValue] = useState(data);
+      const handleChange = (next: MediaVectorArtValue | null) => {
+        onChange(next);
+        setValue(next);
+      };
+      return (
+        <ControlledMediaVectorArtInput
+          data={value}
+          onChange={handleChange}
+          dataHook="media-vector-art-input"
+        />
+      );
+    };
+    const { container } = render(
+      <PatternsFieldsTestProvider>
+        <WixPatternsContainerProvider
+          value={
+            {
+              translate: (key: string) => key,
+              environment: { language: 'en' },
+              openMediaManager,
+              isMobile,
+            } as unknown as WixPatternsContainer
+          }
+        >
+          <StatefulInput />
+        </WixPatternsContainerProvider>
+      </PatternsFieldsTestProvider>,
+    );
+    const driver = uniTestkitFactoryCreator(FormMediaVectorArtFieldUniDriver)({
+      wrapper: container,
+      dataHook: 'media-vector-art-input',
+    });
+    return { driver, onChange };
+  };
+
+  it.each([
+    ['a vector payload', vectorPick(uri)],
+    ['a shape returned as an image', imageShapedPick(uri)],
+  ])(
+    'adds vector art from the vector-only media manager, for %s',
+    async (_, result) => {
+      const openMediaManager = jest.fn().mockResolvedValue(result);
+      const { driver, onChange } = renderInput(null, openMediaManager);
+
+      await driver.clickAdd();
+      await act(async () => {});
+
+      expect(openMediaManager).toHaveBeenCalledWith({
+        multiSelect: false,
+        category: 'VECTOR_ART',
+      });
+      expect(onChange).toHaveBeenCalledWith(pickedValue(uri));
+    },
+  );
+
+  it('keeps the value when the pick is not vector art', async () => {
+    const openMediaManager = jest
+      .fn()
+      .mockResolvedValue(imageShapedPick(imageUri));
+    const { driver, onChange } = renderInput(vectorArt, openMediaManager);
+
+    await driver.clickReplace();
+    await act(async () => {});
+
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it('replaces the vector art from the more actions menu', async () => {
+    const openMediaManager = jest.fn().mockResolvedValue(vectorPick(otherUri));
+    const { driver, onChange } = renderInput(vectorArt, openMediaManager);
+
+    await driver.clickReplace();
+    await act(async () => {});
+
+    expect(onChange).toHaveBeenCalledWith(pickedValue(otherUri));
+  });
+
+  it('deletes the vector art from the more actions menu', async () => {
+    const { driver, onChange } = renderInput(vectorArt);
+
+    await driver.clickDelete();
+
+    expect(onChange).toHaveBeenCalledWith(null);
+    expect(await driver.isAddButtonFocused()).toBe(true);
+  });
+
+  it('opens the preview from the more actions menu', async () => {
+    const { driver } = renderInput(vectorArt);
+
+    await driver.openPreview();
+
+    expect(await driver.isPreviewOpen()).toBe(true);
+  });
+
+  it('cannot replace on mobile but still previews', async () => {
+    const openMediaManager = jest.fn();
+    const { driver } = renderInput(vectorArt, openMediaManager, {
+      isMobile: true,
+    });
+
+    await driver.clickReplace();
+    expect(openMediaManager).not.toHaveBeenCalled();
+
+    await driver.openPreview();
+    expect(await driver.isPreviewOpen()).toBe(true);
+  });
+
+  it('cannot add on mobile', async () => {
+    const { driver } = renderInput(null, jest.fn(), { isMobile: true });
+
+    expect(await driver.isAddDisabled()).toBe(true);
+  });
+});

package/src/__tests__/components/rich-content-editor.spec.tsx

@@ -5,6 +5,7 @@ import { render, screen, waitFor, fireEvent } from '@testing-library/react';
 
 import type { RichContentEditorProps } from '../../components/rich-content/editor';
 import { RichContentEditor } from '../../components/rich-content/editor';
+import { CellRichContentInput } from '../../components/rich-content/cell-rich-content-input';
 
 import { nextRender } from '../test-utils';
 
@@ -25,6 +26,9 @@ jest.mock(
 jest.mock(
   '../../components/rich-content/rich-content-input/rich-content-common/hooks',
   () => ({
+    ...jest.requireActual(
+      '../../components/rich-content/rich-content-input/rich-content-common/hooks',
+    ),
     useWixRicosProps: () => ({}),
   }),
 );
@@ -80,6 +84,7 @@ jest.mock(
       ],
       metadata: { version: 1 },
     }),
+    ensureContentId: (content: unknown) => content,
   }),
 );
 
@@ -106,6 +111,7 @@ jest.mock('../../components/rich-content/cdn/load-ricos', () => {
         {
           contentEditable: true,
           'data-hook': 'rich-content-editable',
+          'data-testid': 'rich-content-editable',
         },
         props.initialContent
           ? JSON.stringify(props.initialContent)
@@ -413,55 +419,80 @@ describe('<RichContentEditor/>', () => {
   });
 
   describe('Enter key', () => {
-    const pressEnterInText = (opts: { shiftKey?: boolean } = {}) => {
-      const text = document.createElement('div');
-      text.setAttribute('contenteditable', 'true');
-      document.body.appendChild(text);
-      fireEvent.keyDown(text, { key: 'Enter', bubbles: true, ...opts });
-      text.remove();
-    };
-
-    it('closes fullscreen on Enter in the text when closeOnEnter is set', async () => {
-      renderWithProps({
-        fullScreenOnly: true,
-        closeOnEnter: true,
-        onExitFullScreen,
-      });
+    it('keeps the table cell editor open on Enter, so Enter adds a new paragraph', async () => {
+      const onSave = jest.fn();
+      render(
+        <CellRichContentInput
+          value={fromPlainText('Test content')}
+          onChange={onChange}
+          onSave={onSave}
+        />,
+        { wrapper: PatternsFieldsTestProvider },
+      );
       await waitFor(() =>
         expect(screen.getByTestId('fullscreen-modal')).toBeInTheDocument(),
       );
 
-      pressEnterInText();
+      fireEvent.keyDown(screen.getByTestId('rich-content-editable'), {
+        key: 'Enter',
+      });
 
-      await waitFor(() => expect(onExitFullScreen).toHaveBeenCalled());
+      await nextRender();
+      expect(screen.getByTestId('fullscreen-modal')).toBeInTheDocument();
+      expect(onSave).not.toHaveBeenCalled();
     });
+  });
 
-    it('does not close on Shift+Enter', async () => {
-      renderWithProps({
-        fullScreenOnly: true,
-        closeOnEnter: true,
-        onExitFullScreen,
+  describe('Tab key', () => {
+    // Stands in for EditableTable, which closes the open cell editor on Tab.
+    const TableCell: React.FC<{ onSave: () => void }> = ({ onSave }) => {
+      const [isEditing, setIsEditing] = React.useState(true);
+      return (
+        <div
+          onKeyDown={(e) => {
+            if (e.key === 'Tab') {
+              setIsEditing(false);
+            }
+          }}
+        >
+          {isEditing && (
+            <CellRichContentInput
+              value={fromPlainText('Test content')}
+              onChange={onChange}
+              onSave={onSave}
+            />
+          )}
+        </div>
+      );
+    };
+
+    it('keeps Tab inside the table cell editor, so the typed text is saved when it closes', async () => {
+      const typedContent = fromPlainText('Typed content');
+      mockPublishFn.mockResolvedValue(typedContent);
+      mockEditorRefObject.getContentTraits.mockReturnValue({
+        isContentChanged: true,
+      });
+      const onSave = jest.fn();
+      render(<TableCell onSave={onSave} />, {
+        wrapper: PatternsFieldsTestProvider,
       });
       await waitFor(() =>
         expect(screen.getByTestId('fullscreen-modal')).toBeInTheDocument(),
       );
 
-      pressEnterInText({ shiftKey: true });
+      const isTabDefaultKept = fireEvent.keyDown(
+        screen.getByTestId('rich-content-editable'),
+        { key: 'Tab' },
+      );
 
       await nextRender();
-      expect(onExitFullScreen).not.toHaveBeenCalled();
-    });
-
-    it('does not close on Enter without closeOnEnter', async () => {
-      renderWithProps({ fullScreenOnly: true, onExitFullScreen });
-      await waitFor(() =>
-        expect(screen.getByTestId('fullscreen-modal')).toBeInTheDocument(),
-      );
+      expect(isTabDefaultKept).toBe(true);
+      expect(screen.getByTestId('fullscreen-modal')).toBeInTheDocument();
 
-      pressEnterInText();
+      fireEvent.keyDown(document, { key: 'Escape', bubbles: true });
 
-      await nextRender();
-      expect(onExitFullScreen).not.toHaveBeenCalled();
+      await waitFor(() => expect(onSave).toHaveBeenCalledTimes(1));
+      expect(onChange).toHaveBeenCalledWith(typedContent);
     });
   });
 

package/src/__tests__/utils/media-vector-art-value.spec.ts

@@ -1,4 +1,8 @@
-import { toMediaVectorArtValue } from '../../utils/media-vector-art-value';
+import {
+  fromVectorArtPick,
+  isMediaVectorArtEmpty,
+  toMediaVectorArtValue,
+} from '../../utils/media-vector-art-value';
 
 const pickedVectorArt = {
   uri: 'wix:vector://v1/3d4bb251d1904cf8b5b8a1e9a1ba727d.svg/Cheese.svg',
@@ -47,3 +51,23 @@ describe('toMediaVectorArtValue', () => {
     expect(toMediaVectorArtValue(value)).toBeNull();
   });
 });
+
+describe('isMediaVectorArtEmpty', () => {
+  it.each([
+    [false, boundVectorArt],
+    [true, imageValue],
+    [true, pickedVectorArt.uri],
+  ])('returns %p for %p', (expected, value) => {
+    expect(isMediaVectorArtEmpty(value)).toBe(expected);
+  });
+});
+
+describe('fromVectorArtPick', () => {
+  it('writes every member for a picked vector URI', () => {
+    expect(fromVectorArtPick(pickedVectorArt.uri)).toEqual(pickedVectorArt);
+  });
+
+  it('ignores a pick that is not vector art', () => {
+    expect(fromVectorArtPick(imageValue.uri)).toBeNull();
+  });
+});

package/src/assets/locale/messages_ar.json

@@ -6,7 +6,7 @@
   "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 ",
+  "CMS.formTime.invalidMessage": "Enter a valid time.",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -163,7 +163,7 @@
   "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",
+  "auto-patterns.fields.email_input_error": "Enter a valid email address.",
   "patterns-fields.reference.untitled": "Untitled",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen": "Expand",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle": "Heading 1",

package/src/assets/locale/messages_bg.json

@@ -6,7 +6,7 @@
   "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 ",
+  "CMS.formTime.invalidMessage": "Enter a valid time.",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -163,7 +163,7 @@
   "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",
+  "auto-patterns.fields.email_input_error": "Enter a valid email address.",
   "patterns-fields.reference.untitled": "Untitled",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen": "Expand",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle": "Heading 1",

package/src/assets/locale/messages_ca.json

@@ -6,7 +6,7 @@
   "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 ",
+  "CMS.formTime.invalidMessage": "Enter a valid time.",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -163,7 +163,7 @@
   "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",
+  "auto-patterns.fields.email_input_error": "Enter a valid email address.",
   "patterns-fields.reference.untitled": "Untitled",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen": "Expand",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle": "Heading 1",

package/src/assets/locale/messages_cs.json

@@ -6,7 +6,7 @@
   "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 ",
+  "CMS.formTime.invalidMessage": "Zadejte platný čas.",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -163,7 +163,7 @@
   "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",
+  "auto-patterns.fields.email_input_error": "Zadejte platnou e‑mailovou adresu.",
   "patterns-fields.reference.untitled": "Untitled",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen": "Expand",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle": "Heading 1",

package/src/assets/locale/messages_da.json

@@ -6,7 +6,7 @@
   "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 ",
+  "CMS.formTime.invalidMessage": "Angiv et gyldigt klokkeslæt.",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -163,7 +163,7 @@
   "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",
+  "auto-patterns.fields.email_input_error": "Angiv en gyldig e-mailadresse.",
   "patterns-fields.reference.untitled": "Untitled",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen": "Expand",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle": "Heading 1",

package/src/assets/locale/messages_de.json

@@ -6,7 +6,7 @@
   "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 ",
+  "CMS.formTime.invalidMessage": "Gib eine gültige Uhrzeit ein.",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -163,7 +163,7 @@
   "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",
+  "auto-patterns.fields.email_input_error": "Gib eine gültige E-Mail-Adresse ein.",
   "patterns-fields.reference.untitled": "Untitled",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen": "Expand",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle": "Heading 1",

package/src/assets/locale/messages_el.json

@@ -6,7 +6,7 @@
   "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 ",
+  "CMS.formTime.invalidMessage": "Enter a valid time.",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -163,7 +163,7 @@
   "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",
+  "auto-patterns.fields.email_input_error": "Enter a valid email address.",
   "patterns-fields.reference.untitled": "Untitled",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen": "Expand",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle": "Heading 1",

package/src/assets/locale/messages_en.json

@@ -6,7 +6,7 @@
   "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 ",
+  "CMS.formTime.invalidMessage": "Enter a valid time.",
   "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle": "Paragraph 2",
   "CMS.mediaGallery.addLink.currentTab": "Current tab",
   "CMS.mediaGallery.dialog.externalLinkLabel": "Link",
@@ -163,7 +163,7 @@
   "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",
+  "auto-patterns.fields.email_input_error": "Enter a valid email address.",
   "patterns-fields.reference.untitled": "Untitled",
   "CMS.richTextEditor.toolbar.button.tooltip.full-screen": "Expand",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle": "Heading 1",