@wix/patterns-fields 1.36.0 → 1.38.0

package/dist/esm/components/image/image-view-field.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Box, Text } from '@wix/design-system';
+import { getImageUrl } from '../../utils/get-image-url';
+import { MEDIA_HEIGHT, MEDIA_MAX_WIDTH, MEDIA_BORDER_RADIUS, } from '../../utils/media-constants';
+export const ImageViewField = ({ value, displayName, id, }) => {
+    const imageValue = typeof value === 'string' ? value : undefined;
+    const imageUrl = getImageUrl(imageValue);
+    if (!imageUrl) {
+        return React.createElement(Text, null, "-");
+    }
+    return (React.createElement(Box, { height: MEDIA_HEIGHT, width: "100%", maxWidth: MEDIA_MAX_WIDTH, borderRadius: MEDIA_BORDER_RADIUS, overflow: "hidden" },
+        React.createElement("img", { src: imageUrl, alt: displayName || id, style: {
+                height: '100%',
+                width: '100%',
+                objectFit: 'cover',
+                display: 'block',
+            } })));
+};
+//# sourceMappingURL=image-view-field.js.map

package/dist/esm/components/image/image-view-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-view-field.js","sourceRoot":"","sources":["../../../../src/components/image/image-view-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EACL,YAAY,EACZ,eAAe,EACf,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AAQrC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,WAAW,EACX,EAAE,GACH,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACjE,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IAEzC,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,oBAAC,IAAI,YAAS,CAAC;KACvB;IAED,OAAO,CACL,oBAAC,GAAG,IACF,MAAM,EAAE,YAAY,EACpB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAC,QAAQ;QAEjB,6BACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,WAAW,IAAI,EAAE,EACtB,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,OAAO;gBAClB,OAAO,EAAE,OAAO;aACjB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/image/index.js

@@ -1,4 +1,6 @@
 export * from './image-thumbnail';
 export * from './image-view';
+export * from './image-view-field';
 export * from './cell-image-edit';
+export * from './form-image-input';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/image/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/image/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "thumbnailreplaceoverlay3859327744";
+var _namespace_ = "thumbnailreplaceoverlay1906651930";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "thumbnailreplaceoverlay3859327744__root", "icon": "thumbnailreplaceoverlay3859327744__icon" };
+export var classes = { "root": "thumbnailreplaceoverlay1906651930__root", "icon": "thumbnailreplaceoverlay1906651930__icon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/index.js

@@ -1,9 +1,11 @@
 export * from './address';
+export * from './array';
 export * from './audio';
 export * from './common';
 export * from './exclamation';
 export * from './time-input';
 export * from './time-view';
+export * from './json-input';
 export * from './object';
 export * from './media-gallery';
 export * from './rich-content';
@@ -13,6 +15,8 @@ export * from './video';
 export * from './document';
 export * from './multi-document';
 export * from './color-view';
+export * from './date-input';
+export * from './datetime-input';
 export * from './delete-dialog';
 export * from './email';
 export * from './boolean';

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/dist/esm/components/json-input/form-json-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-json-input.js","sourceRoot":"","sources":["../../../../src/components/json-input/form-json-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IAClE,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAElC,gEAAgE;IAChE,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAoB,CAAC,CAAC;IAE9D,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,CAAC,EACP,SAAS,SACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esm/components/json-input/index.js

@@ -0,0 +1,3 @@
+export * from './json-input';
+export * from './form-json-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/json-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/json-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/json-input/json-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-input.js","sourceRoot":"","sources":["../../../../src/components/json-input/json-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AASvD,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,kBAAkB,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,WAAW,CAC9B,GAAG,EAAE,CACH,CAAC,QAAQ,IAAI,CAAC,QAAQ;QACpB,CAAC,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAChD,CAAC,CAAC,SAAS,EACf,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,CACrC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAA6C,EAAE,EAAE;QAChD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAC9C,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA4C,EAAE,EAAE;QAC/C,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,MAAM,EAAE,YAAY,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,IAAI,EAAE,EACjB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmediaeditshell2103765304";
+var _namespace_ = "cellmediaeditshell2607537795";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "cellmediaeditshell2103765304__root" };
+export var classes = { "root": "cellmediaeditshell2607537795__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/paste-url-button.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton323743403";
+var _namespace_ = "pasteurlbutton310768866";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "pasteurlbutton323743403__root", "iconButtonTooltip": "pasteurlbutton323743403__iconButtonTooltip", "iconButton": "pasteurlbutton323743403__iconButton" };
+export var classes = { "root": "pasteurlbutton310768866__root", "iconButtonTooltip": "pasteurlbutton310768866__iconButtonTooltip", "iconButton": "pasteurlbutton310768866__iconButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formmediagalleryfield3333265392";
+var _namespace_ = "formmediagalleryfield4220744262";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formmediagalleryfield3333265392__root", "container": "formmediagalleryfield3333265392__container", "viewBox": "formmediagalleryfield3333265392__viewBox", "addItemWrapper": "formmediagalleryfield3333265392__addItemWrapper", "addItem": "formmediagalleryfield3333265392__addItem", "overlay": "formmediagalleryfield3333265392__overlay", "image": "formmediagalleryfield3333265392__image", "previewImage": "formmediagalleryfield3333265392__previewImage", "previewVideo": "formmediagalleryfield3333265392__previewVideo" };
+export var classes = { "root": "formmediagalleryfield4220744262__root", "container": "formmediagalleryfield4220744262__container", "viewBox": "formmediagalleryfield4220744262__viewBox", "addItemWrapper": "formmediagalleryfield4220744262__addItemWrapper", "addItem": "formmediagalleryfield4220744262__addItem", "overlay": "formmediagalleryfield4220744262__overlay", "image": "formmediagalleryfield4220744262__image", "previewImage": "formmediagalleryfield4220744262__previewImage", "previewVideo": "formmediagalleryfield4220744262__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-gallery/form-media-gallery.driver.js

@@ -0,0 +1,19 @@
+import { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../testkit/base-driver';
+import { FormMediaGalleryFieldUniDriver } from './form-media-gallery-field.uni.driver';
+export function FormMediaGalleryDriver(base, body, field) {
+    const formField = FormFieldUniDriver(base, body);
+    const inner = FormMediaGalleryFieldUniDriver(base.$(`[data-hook="media-gallery-${field.id}"]`), `media-gallery-${field.id}`);
+    return {
+        ...baseUniDriverFactory(base),
+        getLabel: async () => {
+            const labelEl = await formField.getLabel();
+            return labelEl?.textContent ?? '';
+        },
+        isRequired: () => formField.isRequired(),
+        hasError: () => formField.hasStatus('error'),
+        getErrorMessage: () => formField.getStatusMessage(),
+        inner: () => inner,
+    };
+}
+//# sourceMappingURL=form-media-gallery.driver.js.map

package/dist/esm/components/media-gallery/form-media-gallery.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-media-gallery.driver.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/form-media-gallery.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,8BAA8B,EAAE,MAAM,uCAAuC,CAAC;AAEvF,MAAM,UAAU,sBAAsB,CACpC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,8BAA8B,CAC1C,IAAI,CAAC,CAAC,CAAC,6BAA6B,KAAK,CAAC,EAAE,IAAI,CAAC,EACjD,iBAAiB,KAAK,CAAC,EAAE,EAAE,CAC5B,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC3C,OAAO,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC;QACpC,CAAC;QACD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK;KACnB,CAAC;AACJ,CAAC"}

package/dist/esm/components/media-gallery/form-media-gallery.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FormField } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { isEmpty } from '../../validations/array';
+import { FormMediaGalleryField } from './form-media-gallery-field';
+const _FormMediaGallery = (props) => {
+    const { field, dataHook, formControl, data, autoFocus } = props;
+    const { translate: pt } = useWixPatternsContainer();
+    const controller = useController({
+        name: field?.id ?? '',
+        control: formControl,
+        defaultValue: data?.[field?.id ?? ''],
+        rules: {
+            validate: (value) => {
+                if (field.validation?.required && isEmpty(value)) {
+                    return pt('cairo.fieldValidation.requiredField');
+                }
+                return true;
+            },
+        },
+    });
+    return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
+        React.createElement(FormMediaGalleryField, { data: controller.field.value, onChange: (value) => controller.field.onChange(value), onClear: () => controller.field.onChange([]), invalid: !!controller.fieldState.error, autoFocus: autoFocus, readOnly: false, dataHook: `media-gallery-${field.id}` })));
+};
+export const FormMediaGallery = observer(_FormMediaGallery);
+//# sourceMappingURL=form-media-gallery.js.map

package/dist/esm/components/media-gallery/form-media-gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-media-gallery.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/form-media-gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAOnE,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACzD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAChE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEpD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,EAAE,CAAC,qCAAqC,CAAC,CAAC;iBAClD;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ;QAElB,oBAAC,qBAAqB,IACpB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAC5C,OAAO,EAAE,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,EACtC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,iBAAiB,KAAK,CAAC,EAAE,EAAE,GACrC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/esm/components/media-image/media-image.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "mediaimage83983951";
+var _namespace_ = "mediaimage4014780765";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "mediaimage83983951__root" };
+export var classes = { "root": "mediaimage4014780765__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-red-200": "--wds-color-red-200", "wsr-color-R20": "--wsr-color-R20", "wds-color-black-550": "--wds-color-black-550", "wsr-color-D55": "--wsr-color-D55", "from": "--mediaimage83983951-from", "to": "--mediaimage83983951-to" };
+export var vars = { "wds-color-red-200": "--wds-color-red-200", "wsr-color-R20": "--wsr-color-R20", "wds-color-black-550": "--wds-color-black-550", "wsr-color-D55": "--wsr-color-D55", "from": "--mediaimage4014780765-from", "to": "--mediaimage4014780765-to" };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/esm/components/media-image/media-image.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-image.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image/media-image.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AACzD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,eAAe,EAAC,iBAAiB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,eAAe,EAAC,iBAAiB,EAAC,MAAM,EAAC,2BAA2B,EAAC,IAAI,EAAC,yBAAyB,EAAC,CAAC"}
+{"version":3,"file":"media-image.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image/media-image.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,eAAe,EAAC,iBAAiB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,eAAe,EAAC,iBAAiB,EAAC,MAAM,EAAC,6BAA6B,EAAC,IAAI,EAAC,2BAA2B,EAAC,CAAC"}

package/dist/esm/components/media-image/overlays/overlay.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "overlay448562002";
+var _namespace_ = "overlay2083186616";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "overlay448562002__root", "iconOverlay": "overlay448562002__iconOverlay" };
+export var classes = { "root": "overlay2083186616__root", "iconOverlay": "overlay2083186616__iconOverlay" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-image/overlays/overlay.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,aAAa,EAAC,+BAA+B,EAAC,CAAC;AACrG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,YAAY,EAAC,8CAA8C,EAAC,CAAC;AAClF,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"overlay.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,aAAa,EAAC,gCAAgC,EAAC,CAAC;AACvG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,YAAY,EAAC,8CAA8C,EAAC,CAAC;AAClF,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/media-loader/media-loader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "medialoader732921463";
+var _namespace_ = "medialoader2739525698";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "medialoader732921463__root", "loader": "medialoader732921463__loader" };
+export var classes = { "root": "medialoader2739525698__root", "loader": "medialoader2739525698__loader" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-loader/media-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-loader.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,QAAQ,EAAC,8BAA8B,EAAC,CAAC;AACnG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,oBAAoB,EAAC,KAAK,EAAC,SAAS,EAAC,iDAAiD,EAAC,CAAC;AAC7G,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"media-loader.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACrG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,oBAAoB,EAAC,KAAK,EAAC,SAAS,EAAC,iDAAiD,EAAC,CAAC;AAC7G,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "mediatag803492834";
+var _namespace_ = "mediatag15581887";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "mediatag803492834__root" };
+export var classes = { "root": "mediatag15581887__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-tag.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"media-tag.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,CAAC;AACvD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/multi-document/index.js

@@ -1,3 +1,4 @@
 export { MultiDocumentView } from './multi-document-view/multi-document-view';
+export { FormMultiDocument } from './multi-document-input/form-multi-document';
 export { FormMultiDocumentField } from './multi-document-input/form-multi-document-field';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/multi-document/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/multi-document/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/multi-document/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC"}

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.driver.js

@@ -0,0 +1,15 @@
+import { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory, getFormFieldLabelText, } from '../../../testkit/base-driver';
+export function FormMultiDocumentDriver(base, body, field) {
+    const formField = FormFieldUniDriver(base, body);
+    const multiDocumentField = base.$(`[data-hook="multi-document-${field.id}"]`);
+    return {
+        ...baseUniDriverFactory(base),
+        getLabel: () => getFormFieldLabelText(formField),
+        multiDocumentFieldExists: () => multiDocumentField.exists(),
+        isRequired: () => formField.isRequired(),
+        hasError: () => formField.hasStatus('error'),
+        getErrorMessage: () => formField.getStatusMessage(),
+    };
+}
+//# sourceMappingURL=form-multi-document.driver.js.map

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-multi-document.driver.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,UAAU,uBAAuB,CACrC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC,CAAC,8BAA8B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAE9E,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,wBAAwB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE;QAC3D,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;KACpD,CAAC;AACJ,CAAC"}

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FormField } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { isEmpty } from '../../../validations/array';
+import { FormMultiDocumentField } from './form-multi-document-field';
+const _FormMultiDocument = (props) => {
+    const { field, dataHook, formControl, data } = props;
+    const { translate: t } = useWixPatternsContainer();
+    const controller = useController({
+        name: field?.id ?? '',
+        control: formControl,
+        defaultValue: data?.[field?.id ?? ''],
+        rules: {
+            validate: (value) => {
+                if (field.validation?.required && isEmpty(value)) {
+                    return t('cairo.fieldValidation.requiredField');
+                }
+                return true;
+            },
+        },
+    });
+    return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
+        React.createElement(FormMultiDocumentField, { data: controller.field.value, onChange: (value) => controller.field.onChange(value), dataHook: `multi-document-${field.id}` })));
+};
+export const FormMultiDocument = observer(_FormMultiDocument);
+//# sourceMappingURL=form-multi-document.js.map

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-multi-document.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAIrE,MAAM,kBAAkB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC3D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;iBACjD;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ;QAElB,oBAAC,sBAAsB,IACrB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,QAAQ,EAAE,kBAAkB,KAAK,CAAC,EAAE,EAAE,GACtC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formmultidocument441385592";
+var _namespace_ = "formmultidocument2147054451";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formmultidocument441385592__root", "viewRoot": "formmultidocument441385592__viewRoot", "singleViewWrapper": "formmultidocument441385592__singleViewWrapper", "addDocumentButton": "formmultidocument441385592__addDocumentButton" };
+export var classes = { "root": "formmultidocument2147054451__root", "viewRoot": "formmultidocument2147054451__viewRoot", "singleViewWrapper": "formmultidocument2147054451__singleViewWrapper", "addDocumentButton": "formmultidocument2147054451__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-multi-document.st.css.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,UAAU,EAAC,sCAAsC,EAAC,mBAAmB,EAAC,+CAA+C,EAAC,mBAAmB,EAAC,+CAA+C,EAAC,CAAC;AAC3P,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,CAAC;AACpH,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"form-multi-document.st.css.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,UAAU,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,gDAAgD,EAAC,mBAAmB,EAAC,gDAAgD,EAAC,CAAC;AAC/P,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,CAAC;AACpH,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/number-input/form-number.driver.js

@@ -1,6 +1,6 @@
 import { FormFieldUniDriver, NumberInputUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
 import { baseUniDriverFactory } from '../../testkit/base-driver';
-export function FormNumberDriver(base, body) {
+export function FormNumberDriver(base, body, _field) {
     const formField = FormFieldUniDriver(base, body);
     const input = NumberInputUniDriver(base, body);
     return {

package/dist/esm/components/number-input/form-number.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-number.driver.js","sourceRoot":"","sources":["../../../../src/components/number-input/form-number.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,gBAAgB,CAAC,IAAe,EAAE,IAAe;IAC/D,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE/C,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC3C,OAAO,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC;QACpC,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE;QAChC,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QACpD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;KACzC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-number.driver.js","sourceRoot":"","sources":["../../../../src/components/number-input/form-number.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,gBAAgB,CAC9B,IAAe,EACf,IAAe,EACf,MAAa;IAEb,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE/C,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC3C,OAAO,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC;QACpC,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE;QAChC,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QACpD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;KACzC,CAAC;AACJ,CAAC"}

package/dist/esm/components/number-input/form-number.js

@@ -4,6 +4,7 @@ import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 import { isGreaterThan, isLessThan } from '../../validations/number';
+import { isEmpty } from '../../validations/value';
 const _FormNumber = (props) => {
     const { field, dataHook, formControl, data } = props;
     const { translate: t } = useWixPatternsContainer();
@@ -16,8 +17,7 @@ const _FormNumber = (props) => {
         defaultValue: data?.[field.id],
         rules: {
             validate: (value) => {
-                if (field.validation?.required &&
-                    (value === null || value === undefined || value === '')) {
+                if (field.validation?.required && isEmpty(value)) {
                     return t('cairo.fieldValidation.requiredField');
                 }
                 if (value !== null && value !== undefined) {

package/dist/esm/components/number-input/form-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-number.js","sourceRoot":"","sources":["../../../../src/components/number-input/form-number.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAIrE,MAAM,WAAW,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,EAAE,WAAW,CAAC;IAClD,MAAM,GAAG,GAAG,WAAW,EAAE,GAAG,CAAC;IAC7B,MAAM,GAAG,GAAG,WAAW,EAAE,GAAG,CAAC;IAE7B,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IACE,KAAK,CAAC,UAAU,EAAE,QAAQ;oBAC1B,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,CAAC,EACvD;oBACA,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;iBACjD;gBAED,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;oBACzC,IAAI,GAAG,KAAK,SAAS,IAAI,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;wBAC/C,OAAO,CAAC,CAAC,iCAAiC,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC;qBACjE;oBACD,IAAI,GAAG,KAAK,SAAS,IAAI,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;wBAClD,OAAO,CAAC,CAAC,iCAAiC,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC;qBACjE;iBACF;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ;QAElB,oBAAC,WAAW,IACV,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC7C,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAC/B,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAC9B,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAE,EAAE,GAC9B,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"form-number.js","sourceRoot":"","sources":["../../../../src/components/number-input/form-number.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIlD,MAAM,WAAW,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,EAAE,WAAW,CAAC;IAClD,MAAM,GAAG,GAAG,WAAW,EAAE,GAAG,CAAC;IAC7B,MAAM,GAAG,GAAG,WAAW,EAAE,GAAG,CAAC;IAE7B,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;iBACjD;gBAED,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;oBACzC,IAAI,GAAG,KAAK,SAAS,IAAI,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;wBAC/C,OAAO,CAAC,CAAC,iCAAiC,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC;qBACjE;oBACD,IAAI,GAAG,KAAK,SAAS,IAAI,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;wBAClD,OAAO,CAAC,CAAC,iCAAiC,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC;qBACjE;iBACF;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ;QAElB,oBAAC,WAAW,IACV,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC7C,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAC/B,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAC9B,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAE,EAAE,GAC9B,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC"}

package/dist/esm/components/object/form-object.driver.js

@@ -0,0 +1,14 @@
+import { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory, getFormFieldLabelText, } from '../../testkit/base-driver';
+export function FormObjectDriver(base, body) {
+    const formField = FormFieldUniDriver(base, body);
+    return {
+        ...baseUniDriverFactory(base),
+        getLabel: () => getFormFieldLabelText(formField),
+        hasError: () => formField.hasStatus('error'),
+        getErrorMessage: () => formField.getStatusMessage(),
+        isRequired: () => formField.isRequired(),
+        hasSuffix: async () => (await formField.getSuffix()) !== null,
+    };
+}
+//# sourceMappingURL=form-object.driver.js.map

package/dist/esm/components/object/form-object.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-object.driver.js","sourceRoot":"","sources":["../../../../src/components/object/form-object.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,gBAAgB,CAAC,IAAe,EAAE,IAAe;IAC/D,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEjD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,SAAS,CAAC,SAAS,EAAE,CAAC,KAAK,IAAI;KAC9D,CAAC;AACJ,CAAC"}

package/dist/esm/components/object/form-object.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { FormField } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { useTranslations } from '../../hooks';
+import { isDataValidOrNotSet, objectValidation, } from '../../validations/validations';
+import { isEmpty } from '../../validations/string';
+import { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';
+import { FormJsonInput } from '../json-input/form-json-input';
+const _FormObject = (props) => {
+    const { field, dataHook, formControl, data } = props;
+    const { translate: pt } = useWixPatternsContainer();
+    const { t } = useTranslations();
+    const controller = useController({
+        name: field.id,
+        control: formControl,
+        defaultValue: data?.[field.id],
+        rules: {
+            validate: (value) => {
+                if (field.validation?.required && isEmpty(value)) {
+                    return pt('cairo.fieldValidation.requiredField');
+                }
+                return true;
+            },
+        },
+    });
+    return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook, suffix: isDataValidOrNotSet(controller.field.value, objectValidation) ? undefined : (React.createElement(TypeMismatchExclamation, { typeName: t('auto-patterns.fields.field_type_object_title'), clearButtonText: t('auto-patterns.fields.type_mismatch_clear'), convertButtonText: t('auto-patterns.fields.type_mismatch_convert'), onClear: () => controller.field.onChange(undefined), onChange: (value) => controller.field.onChange(value), convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'), fieldName: field.displayName, isConverted: false, isConverting: false, convertedValue: {}, tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
+                typeName: 'Object',
+            }) })) },
+        React.createElement(FormJsonInput, { autoFocus: false, data: controller.field.value, onChange: (value) => controller.field.onChange?.(value), onBlur: controller.field.onBlur, ref: controller.field.ref, dataHook: `object-${field.id}`, field: field.id })));
+};
+export const FormObject = observer(_FormObject);
+//# sourceMappingURL=form-object.js.map

package/dist/esm/components/object/form-object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-object.js","sourceRoot":"","sources":["../../../../src/components/object/form-object.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAEnF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,MAAM,WAAW,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACpD,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,EAAE,CAAC,qCAAqC,CAAC,CAAC;iBAClD;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EACJ,mBAAmB,CACjB,UAAU,CAAC,KAAK,CAAC,KAAK,EACtB,gBAAgB,CACjB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,oBAAC,uBAAuB,IACtB,QAAQ,EAAE,CAAC,CAAC,8CAA8C,CAAC,EAC3D,eAAe,EAAE,CAAC,CAAC,0CAA0C,CAAC,EAC9D,iBAAiB,EAAE,CAAC,CAAC,4CAA4C,CAAC,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,mBAAmB,EAAE,CAAC,CACpB,qDAAqD,CACtD,EACD,SAAS,EAAE,KAAK,CAAC,WAAW,EAC5B,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,EACnB,cAAc,EAAE,EAAE,EAClB,WAAW,EAAE,CAAC,CAAC,wCAAwC,EAAE;gBACvD,QAAQ,EAAE,QAAQ;aACnB,CAAC,GACF,CACH;QAGH,oBAAC,aAAa,IACZ,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EACvD,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAC/B,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EACzB,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAE,EAAE,EAC9B,KAAK,EAAE,KAAK,CAAC,EAAE,GACf,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC"}

package/dist/esm/components/object/index.js

@@ -1,5 +1,4 @@
 export * from './json-view';
-export * from './json-input';
 export * from './cell-json-input';
-export * from './form-json-input';
+export * from './form-object';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/object/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/object/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/object/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

package/dist/esm/components/reference/cell-reference-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellreferenceinput2634747470";
+var _namespace_ = "cellreferenceinput241502562";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "cellreferenceinput2634747470__root", "autocomplete": "cellreferenceinput2634747470__autocomplete" };
+export var classes = { "root": "cellreferenceinput241502562__root", "autocomplete": "cellreferenceinput241502562__autocomplete" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/cell-reference-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,oCAAoC,EAAC,cAAc,EAAC,4CAA4C,EAAC,CAAC;AAC/H,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"cell-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,cAAc,EAAC,2CAA2C,EAAC,CAAC;AAC7H,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/rich-content/form-rich-content.driver.js

@@ -0,0 +1,14 @@
+import { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory, getFormFieldLabelText, } from '../../testkit/base-driver';
+export function FormRichContentDriver(base, body) {
+    const formField = FormFieldUniDriver(base, body);
+    return {
+        ...baseUniDriverFactory(base),
+        getLabel: () => getFormFieldLabelText(formField),
+        hasError: () => formField.hasStatus('error'),
+        getErrorMessage: () => formField.getStatusMessage(),
+        isRequired: () => formField.isRequired(),
+        hasSuffix: async () => (await formField.getSuffix()) !== null,
+    };
+}
+//# sourceMappingURL=form-rich-content.driver.js.map

package/dist/esm/components/rich-content/form-rich-content.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-rich-content.driver.js","sourceRoot":"","sources":["../../../../src/components/rich-content/form-rich-content.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,qBAAqB,CAAC,IAAe,EAAE,IAAe;IACpE,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEjD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,SAAS,CAAC,SAAS,EAAE,CAAC,KAAK,IAAI;KAC9D,CAAC;AACJ,CAAC"}