@wix/patterns-fields 1.55.0 → 1.59.0

package/dist/types/components/reference/reference-dropdown-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-dropdown-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/reference/reference-dropdown-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,6BAA6B;IAC5C,2EAA2E;IAC3E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,gBAAgB,EAChB,WAAW,GACZ,EAAE,6BAA6B,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,CA4B7D"}

package/dist/types/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-default-value-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.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;;;CAA0F,CAAC"}
+{"version":3,"file":"rich-content-default-value-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.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;;;;CAAmN,CAAC;AACtO,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;;;CAA0F,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"rich-content-form-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.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;;;CAAkG,CAAC;AACrH,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;;;;;;;CAA0S,CAAC"}
+{"version":3,"file":"rich-content-form-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.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;;;;;;;CAA0S,CAAC"}

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;;;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"}
+{"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;;;CAAkG,CAAC;AACrH,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-common/publish-loader/publish-loader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"publish-loader.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.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;;CAA0C,CAAC"}
+{"version":3,"file":"publish-loader.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.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;;;CAAkG,CAAC;AACrH,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;;CAA0C,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;;;;;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"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"rich-content-viewer.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.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;;;;CAAuJ,CAAC;AAC1K,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-viewer.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.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;;;;CAAoJ,CAAC;AACvK,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/text/text-view.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-view.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text-view.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;;;CAA8E,CAAC;AACjG,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":"text-view.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text-view.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;;;CAA4E,CAAC;AAC/F,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/time-input/form-time-input.d.ts

@@ -1,6 +1,11 @@
 import type { FC } from 'react';
+import React from 'react';
+import type { TimeInputImperativeActions } from '@wix/design-system';
 import type { FormInputProps } from '../../types';
 import { type Time } from './hooks';
-export type FormTimeInputProps = FormInputProps<Time>;
+export type FormTimeInputProps = FormInputProps<Time> & {
+    /** Ref to the underlying TimeInput's imperative handle (focus/blur/clear). */
+    inputRef?: React.RefObject<TimeInputImperativeActions>;
+};
 export declare const FormTimeInput: FC<FormTimeInputProps>;
 //# sourceMappingURL=form-time-input.d.ts.map

package/dist/types/components/time-input/form-time-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-time-input.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/form-time-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlD,OAAO,EAAW,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEtD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2ChD,CAAC"}
+{"version":3,"file":"form-time-input.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/form-time-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlD,OAAO,EAAW,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG;IACtD,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA6ChD,CAAC"}

package/dist/types/components/time-input/form-time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-time.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/form-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAgEhE,eAAO,MAAM,QAAQ,WA9DK,aAAa;;CA8DI,CAAC"}
+{"version":3,"file":"form-time.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/form-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AA0EhE,eAAO,MAAM,QAAQ,WAxEK,aAAa;;CAwEI,CAAC"}

package/dist/types/utils/get-image-url.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-image-url.d.ts","sourceRoot":"","sources":["../../../src/utils/get-image-url.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,UAAW,MAAM,GAAG,SAAS,GAAG,IAAI,uBAU3D,CAAC;AAEF,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAOlD"}
+{"version":3,"file":"get-image-url.d.ts","sourceRoot":"","sources":["../../../src/utils/get-image-url.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,UAAW,MAAM,GAAG,SAAS,GAAG,IAAI,uBA0B3D,CAAC;AAUF,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAOlD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns-fields",
-  "version": "1.55.0",
+  "version": "1.59.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -113,11 +113,11 @@
     "@wix/atlas": "^1.0.35",
     "@wix/data": "^1.0.323",
     "@wix/media": "^1.0.231",
-    "@wix/patterns-fields-utils": "1.36.0",
+    "@wix/patterns-fields-utils": "1.40.0",
     "@wix/rich-content": "1.0.37",
     "@wix/ricos": "^11.2.0",
     "@wix/sdk": "^1.17.2",
-    "@wix/wix-ui-icons-common": "^3.100.0",
+    "@wix/wix-ui-icons-common": "^3.187.0",
     "color": "^2.0.1",
     "draft-js": "^0.11.7",
     "draft-js-export-html": "^1.4.1",
@@ -142,8 +142,8 @@
     "@types/lodash": "^4.17.20",
     "@types/react": "^16.14.68",
     "@wix/babel-cli": "^1.11.0",
-    "@wix/bex-core": "2.333.0",
-    "@wix/design-system": "^1.285.0",
+    "@wix/bex-core": "2.337.0",
+    "@wix/design-system": "^1.307.0",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/jest-yoshi-preset": "^6.74.0",
     "@wix/wix-data-items-common": "^1.0.270",
@@ -157,7 +157,7 @@
   },
   "peerDependencies": {
     "@wix/bex-core": "^2.284.0",
-    "@wix/design-system": "^1.204.0",
+    "@wix/design-system": "^1.307.0",
     "mobx": "^6.1.8",
     "react": "^16.8.0 || ^18.0.0"
   },
@@ -195,5 +195,5 @@
       "type": "yoshi-flow-library"
     }
   },
-  "falconPackageHash": "d4b14104b957fbfa72e43f6c83120d6b029b116fdc73283d36e501fe"
+  "falconPackageHash": "101294d55eccd20ce3daee60be2369fe807f104addd2fd4b7c61a7cd"
 }

package/src/__tests__/components/date-input/form-date-input.spec.tsx

@@ -5,6 +5,7 @@ import type { Field } from '@wix/bex-core';
 import { FormDateInput } from '../../../components/date-input/form-date-input';
 import { FormDateInputDriver } from '../../../components/date-input/form-date-input.driver';
 import { FormFieldDriver, makeField } from '../../form-field.driver';
+import { isActiveElement } from '../../test-utils/active-element';
 
 const setup = (
   overrides: { field?: Field; initialValue?: string | null } = {},
@@ -33,6 +34,14 @@ describe('FormDateInput field', () => {
     expect(await driver.tk.datePickerExists()).toBe(true);
   });
 
+  // Building the picker's initial value goes through toISOString, which throws
+  // on an unparsable date — during render, so it takes the page down.
+  it('renders an empty picker for a stored value that is not a date', async () => {
+    const driver = setup({ initialValue: 'not a date' });
+
+    expect(await driver.tk.datePickerExists()).toBe(true);
+  });
+
   it('marks the field as required when validation.required is true', async () => {
     const driver = setup({
       field: makeField({ type: 'DATE', validation: { required: true } }),
@@ -40,4 +49,18 @@ describe('FormDateInput field', () => {
 
     expect(await driver.tk.isRequired()).toBe(true);
   });
+
+  it('focuses the date input when submit is blocked (so the page scrolls to it)', async () => {
+    const driver = setup({
+      field: makeField({ type: 'DATE', validation: { required: true } }),
+    });
+
+    await driver.submit();
+
+    const dateInput = document.querySelector<HTMLInputElement>(
+      `[data-hook="date-${driver.field.id}"] input`,
+    );
+    expect(dateInput).toBeTruthy();
+    expect(isActiveElement(dateInput)).toBe(true);
+  });
 });

package/src/__tests__/components/datetime-input/form-date-time.spec.tsx

@@ -5,6 +5,7 @@ import type { Field } from '@wix/bex-core';
 import { FormDateTime } from '../../../components/datetime-input/form-date-time';
 import { FormDateTimeDriver } from '../../../components/datetime-input/form-date-time.driver';
 import { FormFieldDriver, makeField } from '../../form-field.driver';
+import { isActiveElement } from '../../test-utils/active-element';
 
 const setup = (
   overrides: { field?: Field; initialValue?: string | null } = {},
@@ -58,4 +59,18 @@ describe('FormDateTime field', () => {
       'cairo.fieldValidation.requiredField',
     );
   });
+
+  it('focuses the date input when submit is blocked (so the page scrolls to it)', async () => {
+    const driver = setup({
+      field: makeField({ type: 'DATETIME', validation: { required: true } }),
+    });
+
+    await driver.submit();
+
+    const dateInput = document.querySelector<HTMLInputElement>(
+      `[data-hook="datetime-date-${driver.field.id}"] input`,
+    );
+    expect(dateInput).toBeTruthy();
+    expect(isActiveElement(dateInput)).toBe(true);
+  });
 });

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

@@ -42,6 +42,16 @@ describe('FormImageInput field', () => {
     );
   });
 
+  it('renders the image when the value is a bare media id', async () => {
+    const driver = setup({
+      initialValue: 'dafa67_9aa1f03ed7274a7795d2f2e18a245ac7~mv2.jpg',
+    });
+
+    expect(await driver.tk.getImageUrl()).toContain(
+      'dafa67_9aa1f03ed7274a7795d2f2e18a245ac7~mv2.jpg',
+    );
+  });
+
   it('marks the field as required when validation.required is true', async () => {
     const driver = setup({
       field: makeField({ type: 'IMAGE', validation: { required: true } }),

package/src/__tests__/components/reference/form-multi-reference.spec.tsx

@@ -0,0 +1,254 @@
+import '../../../testkit/test-polyfills';
+
+import React from 'react';
+import { act, fireEvent, render, RenderResult } from '@testing-library/react';
+import type { Field } from '@wix/bex-core';
+import { useForm } from '@wix/bex-core/form';
+import type { Control, FieldValues } from '@wix/bex-core/form';
+
+import { PatternsFieldsTestProvider } from '../../../testkit/patterns-fields-test-provider';
+import type { FormReferenceItem } from '../../../components/reference/form-reference';
+import { FormMultiReference } from '../../../components/reference/form-multi-reference';
+
+const FIELD: Field = {
+  id: 'owners',
+  displayName: 'Owners',
+  type: 'MULTI_REFERENCE',
+  referenceMetadata: { referencedCollectionId: 'people' },
+} as Field;
+
+const ITEMS: FormReferenceItem[] = [
+  { id: 'p1', name: 'Ada Lovelace' },
+  { id: 'p2', name: 'Alan Turing' },
+];
+
+const DATA_HOOK = 'multi-reference-field';
+
+interface HarnessProps {
+  field?: Field;
+  initialValue?: Record<string, unknown>[] | null;
+  items?: FormReferenceItem[];
+  searchValue?: string;
+  onSearch?: (q: string) => void;
+  fixedFooter?: React.ReactNode;
+  onOpenCollection?: () => void;
+}
+
+const Harness = ({
+  field = FIELD,
+  initialValue = null,
+  items = ITEMS,
+  searchValue,
+  onSearch = () => {},
+  fixedFooter,
+  onOpenCollection,
+}: HarnessProps) => {
+  const Inner = () => {
+    const methods = useForm<FieldValues>({
+      mode: 'onChange',
+      defaultValues: { [field.id]: initialValue },
+    });
+    const error = methods.formState.errors[field.id]?.message as
+      | string
+      | undefined;
+    return (
+      <form onSubmit={methods.handleSubmit(() => {})}>
+        <FormMultiReference
+          field={field}
+          value={initialValue}
+          onChange={() => {}}
+          dataHook={DATA_HOOK}
+          formControl={methods.control as Control<FieldValues>}
+          data={{ [field.id]: initialValue }}
+          items={items}
+          idField="_id"
+          displayField="name"
+          searchValue={searchValue}
+          onSearch={onSearch}
+          fixedFooter={fixedFooter}
+          onOpenCollection={onOpenCollection}
+        />
+        <span data-hook="error-out">{error ?? ''}</span>
+        <button type="submit" data-hook="submit" />
+      </form>
+    );
+  };
+  return (
+    <PatternsFieldsTestProvider>
+      <Inner />
+    </PatternsFieldsTestProvider>
+  );
+};
+
+const renderField = (props: HarnessProps = {}): RenderResult =>
+  render(<Harness {...props} />);
+
+const input = (r: RenderResult) =>
+  r.baseElement.querySelector(
+    `[data-hook="multi-reference-input-${FIELD.id}"] input`,
+  ) as HTMLInputElement;
+
+const errorText = (r: RenderResult) =>
+  r.baseElement.querySelector('[data-hook="error-out"]')?.textContent ?? '';
+
+const submit = async (r: RenderResult) => {
+  await act(async () => {
+    fireEvent.click(r.baseElement.querySelector('[data-hook="submit"]')!);
+  });
+};
+
+const requiredField = (): Field =>
+  ({ ...FIELD, validation: { required: true } } as Field);
+
+describe('FormMultiReference', () => {
+  it('renders the field displayName as the label', () => {
+    const r = renderField();
+    expect(
+      r.baseElement.querySelector(`[data-hook="${DATA_HOOK}"]`)?.textContent,
+    ).toContain('Owners');
+  });
+
+  it('renders a tag per selected reference', () => {
+    const r = renderField({
+      initialValue: [
+        { _id: 'p1', name: 'Ada Lovelace' },
+        { _id: 'p2', name: 'Alan Turing' },
+      ],
+    });
+    expect(
+      r.baseElement.querySelector(
+        `[data-hook="multi-reference-tag-${FIELD.id}-p1"]`,
+      ),
+    ).toBeTruthy();
+    expect(
+      r.baseElement.querySelector(
+        `[data-hook="multi-reference-tag-${FIELD.id}-p2"]`,
+      ),
+    ).toBeTruthy();
+  });
+
+  // The label is written when the reference is picked, from the referenced
+  // item's display field. An empty one must not render an empty tag.
+  it('falls back to the untitled label for a reference with no display value', () => {
+    const r = renderField({
+      initialValue: [{ _id: 'p1', name: '' }],
+    });
+    const tag = r.baseElement.querySelector(
+      `[data-hook="multi-reference-tag-${FIELD.id}-p1"]`,
+    );
+
+    expect(tag?.textContent).toBeTruthy();
+  });
+
+  it('reports typing to the caller via onSearch', () => {
+    const onSearch = jest.fn();
+    const r = renderField({ onSearch });
+    fireEvent.change(input(r), { target: { value: 'Al' } });
+    expect(onSearch).toHaveBeenCalledWith('Al');
+  });
+
+  it('marks the field required when validation.required is set', () => {
+    const r = renderField({ field: requiredField() });
+    const asterisk = r.baseElement.querySelector(
+      `[data-hook="${DATA_HOOK}"] [data-hook*="asterisk"]`,
+    );
+    expect(asterisk).toBeTruthy();
+  });
+
+  it('surfaces a required error when submitted empty', async () => {
+    const r = renderField({ field: requiredField(), initialValue: [] });
+    await submit(r);
+    expect(errorText(r)).not.toBe('');
+  });
+
+  it('passes validation when at least one reference is selected', async () => {
+    const r = renderField({
+      field: requiredField(),
+      initialValue: [{ _id: 'p1', name: 'Ada Lovelace' }],
+    });
+    await submit(r);
+    expect(errorText(r)).toBe('');
+  });
+
+  describe('dropdown options', () => {
+    const openDropdown = (r: RenderResult) => {
+      fireEvent.focus(input(r));
+      fireEvent.change(input(r), { target: { value: 'A' } });
+    };
+
+    const optionTitles = () =>
+      Array.from(
+        document.body.querySelectorAll('[data-hook="list-item-select-title"]'),
+      ).map((el) => el.textContent);
+
+    // MultiSelect hides options that already have a tag, so a picked reference
+    // stops being offered. Pinned because picking it again would be a no-op.
+    it('leaves out references that are already selected', () => {
+      const r = renderField({
+        initialValue: [{ _id: 'p1', name: 'Ada Lovelace' }],
+      });
+      openDropdown(r);
+
+      expect(optionTitles()).toEqual(['Alan Turing']);
+    });
+
+    it('offers every reference when none is selected', () => {
+      const r = renderField();
+      openDropdown(r);
+
+      expect(optionTitles()).toEqual(['Ada Lovelace', 'Alan Turing']);
+    });
+
+    it('adds a tag for the picked reference', () => {
+      const r = renderField();
+      openDropdown(r);
+
+      fireEvent.click(
+        document.body.querySelectorAll('[data-hook="list-item-select"]')[0],
+      );
+
+      expect(
+        r.baseElement.querySelector(
+          `[data-hook="multi-reference-tag-${FIELD.id}-p1"]`,
+        ),
+      ).toBeTruthy();
+    });
+  });
+
+  describe('dropdown footer', () => {
+    // The footer is portal-mounted with the dropdown, so open it before asserting.
+    const openDropdown = (r: RenderResult) => {
+      fireEvent.focus(input(r));
+      fireEvent.change(input(r), { target: { value: 'A' } });
+    };
+
+    const openCollectionAction = (r: RenderResult) =>
+      r.baseElement.querySelector(
+        '[data-hook="reference-open-collection"]',
+      ) as HTMLElement | null;
+
+    it('renders no open-collection action without an onOpenCollection', () => {
+      const r = renderField();
+      openDropdown(r);
+      expect(openCollectionAction(r)).toBeNull();
+    });
+
+    it('renders the open-collection action and calls it on click', () => {
+      const onOpenCollection = jest.fn();
+      const r = renderField({ onOpenCollection });
+      openDropdown(r);
+      fireEvent.click(openCollectionAction(r)!);
+      expect(onOpenCollection).toHaveBeenCalledTimes(1);
+    });
+
+    it('renders the caller fixedFooter', () => {
+      const r = renderField({
+        fixedFooter: <span data-hook="custom-footer">loading</span>,
+      });
+      openDropdown(r);
+      expect(
+        r.baseElement.querySelector('[data-hook="custom-footer"]'),
+      ).toBeTruthy();
+    });
+  });
+});