@wix/patterns-fields 1.87.0 → 1.89.0

package/dist/esm/components/audio/audio-field/controlled-audio.uni.driver.js

@@ -0,0 +1,26 @@
+import { AddItemUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../../testkit/base-driver';
+export function ControlledAudioInputUniDriver(base, body) {
+    // The dataHook sits on the AddItem in the empty state and on the wrapper Box
+    // in the filled one, so `base` is either.
+    const addItem = AddItemUniDriver(base, body);
+    const moreButton = base.$('[data-hook="fromAudioInput.button.more"]');
+    const deleteAction = body.$('[data-hook="fromAudioInput.button.delete"]');
+    const replaceAction = body.$('[data-hook="fromAudioInput.button.replace"]');
+    const isDisabled = async (element) => (await element.attr('disabled')) !== null ||
+        (await element.attr('aria-disabled')) === 'true';
+    return {
+        ...baseUniDriverFactory(base),
+        getAddButtonText: () => base.text(),
+        clickAddButton: () => addItem.click(),
+        isAddButtonFocused: () => addItem.isFocused(),
+        getAudioName: () => base.$('[data-hook="fromAudioInput.audioName"]').text(),
+        audioPlayerExists: () => base.$('[data-hook="fromAudioInput.player"]').exists(),
+        clickMore: () => moreButton.click(),
+        clickDelete: () => deleteAction.click(),
+        clickReplace: () => replaceAction.click(),
+        isDeleteDisabled: () => isDisabled(deleteAction),
+        isReplaceDisabled: () => isDisabled(replaceAction),
+    };
+}
+//# sourceMappingURL=controlled-audio.uni.driver.js.map

package/dist/esm/components/audio/audio-field/controlled-audio.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-audio.uni.driver.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-field/controlled-audio.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,UAAU,6BAA6B,CAC3C,IAAe,EACf,IAAe;IAEf,6EAA6E;IAC7E,0CAA0C;IAC1C,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,4CAA4C,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,KAAK,EAAE,OAAkB,EAAE,EAAE,CAC9C,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,IAAI;QACzC,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,MAAM,CAAC;IAEnD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;QACnC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE;QACrC,kBAAkB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE;QAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,IAAI,EAAE;QAC3E,iBAAiB,EAAE,GAAG,EAAE,CACtB,IAAI,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,MAAM,EAAE;QACxD,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE;QACnC,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE;QACvC,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE;QACzC,gBAAgB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC;QAChD,iBAAiB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC;KACnD,CAAC;AACJ,CAAC"}

package/dist/esm/components/audio/audio-field/form-audio-field.js

@@ -9,7 +9,7 @@ import { MediaLoader } from '../../media-loader';
 import { ActionsButton } from '../actions/actions-button';
 import { buildAudioActions } from '../actions/audio-actions';
 import { style, classes } from './form-audio-field.st.css.js';
-export const FormAudioField = ({ data, onChange: onChangeAudio, onClear: onClearAudio, onInput, autoFocus, readOnly, invalid, dataHook, inputRef: forwardedRef, }) => {
+export const FormAudioField = ({ data, onChange: onChangeAudio, onClear: onClearAudio, onInput, onBlur, autoFocus, readOnly, invalid, dataHook, inputRef: forwardedRef, }) => {
     const { t } = useTranslations();
     const onChange = useWithCallback(onChangeAudio, onInput);
     const onClear = useWithCallback(onClearAudio, onInput);
@@ -23,6 +23,7 @@ export const FormAudioField = ({ data, onChange: onChangeAudio, onClear: onClear
         readOnly,
         inputRef,
         viewRef,
+        onBlur,
     });
     const { handleReplace, handleDownload, handleDelete } = useMediaHandlers({
         value: data ?? null,
@@ -77,4 +78,8 @@ export const FormAudioField = ({ data, onChange: onChangeAudio, onClear: onClear
                     React.createElement(Box, { marginLeft: "SP3", gap: "SP1" },
                         React.createElement(ActionsButton, { dataHook: "fromAudioInput.button.more", actionsMenuProps: actionsMenuProps, priority: "secondary", skin: "inverted" })))))));
 };
+export const ControlledAudioInput = ({ data, onChange, onBlur, readOnly, autoFocus, invalid, dataHook, }) => (React.createElement(FormAudioField, { data: data, onChange: onChange, 
+    // FormAudioField reports deletion through onClear, not onChange.
+    onClear: () => onChange(undefined), onBlur: onBlur, readOnly: readOnly, autoFocus: autoFocus, invalid: invalid, dataHook: dataHook }));
+ControlledAudioInput.displayName = 'ControlledAudioInput';
 //# sourceMappingURL=form-audio-field.js.map

package/dist/esm/components/audio/audio-field/form-audio-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-audio-field.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-field/form-audio-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,CAAC,MAAM,cAAc,GAA8B,CAAC,EACxD,IAAI,EACJ,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,YAAY,EACrB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EAAE,YAAY,GACvB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,QAAQ,GAAG,eAAe,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,eAAe,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAEvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,YAAY,CAAiB,YAAY,CAAC,CAAC;IAC3E,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,eAAe,CAAC;QACzE,SAAS,EAAE,WAAW,CAAC,KAAK;QAC5B,KAAK,EAAE,IAAI;QACX,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,OAAO;KACR,CAAC,CAAC;IAEH,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,gBAAgB,CAAC;QACvE,KAAK,EAAE,IAAI,IAAI,IAAI;QACnB,SAAS;QACT,aAAa;QACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;YACjB,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;gBAClB,OAAO,EAAE,CAAC;YACZ,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,gCAAgC;QAC1C,OAAO,EAAE,iBAAiB,CAAC;YACzB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC,CAAC,0BAA0B,CAAC;gBACtC,QAAQ,EAAE,CAAC,CAAC,2BAA2B,CAAC;gBACxC,MAAM,EAAE,CAAC,CAAC,yBAAyB,CAAC;aACrC;YACD,SAAS,EAAE;gBACT,OAAO,EAAE,+BAA+B;gBACxC,QAAQ,EAAE,gCAAgC;gBAC1C,MAAM,EAAE,8BAA8B;aACvC;YACD,SAAS,EAAE,aAAa;YACxB,UAAU,EAAE,cAAc;YAC1B,QAAQ,EAAE,YAAY;YACtB,QAAQ;SACT,CAAC;QACF,QAAQ,EAAE,QAAiB;QAC3B,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,qBAAqB;KAC9B,CAAC,EACF,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,CAAC,CAC3D,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,oBAAC,WAAW,IAAC,WAAW,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,GAAI,CAAC;IAC1E,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CACL,oBAAC,OAAO,IACN,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;gBAChC,QAAQ,EAAE,CAAC,CAAC,QAAQ;gBACpB,KAAK,EAAE,OAAO;aACf,CAAC,EACF,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,sBAAsB,CAAC,GACnC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,IAAI;QACpD,6BAAK,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;YAC5B,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,aAAa,EAAC,QAAQ,EACtB,eAAe,EAAC,KAAK,EACrB,OAAO,EAAC,KAAK,EACb,YAAY,EAAE,EAAE;gBAEhB,oBAAC,IAAI,IACH,QAAQ,EAAC,0BAA0B,EACnC,SAAS,EAAE,OAAO,CAAC,UAAU,IAE5B,aAAa,CAAC,IAAI,CAAC,CACf;gBACP,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,SAAS,EAAC,KAAK,EAAC,YAAY,EAAC,MAAM;oBAC7D,oBAAC,WAAW,IACV,QAAQ,EAAC,uBAAuB,EAChC,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,EACtB,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,WAAW,GACxB;oBACF,oBAAC,GAAG,IAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK;wBAC7B,oBAAC,aAAa,IACZ,QAAQ,EAAC,4BAA4B,EACrC,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,UAAU,GACf,CACE,CACF,CACF,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"form-audio-field.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-field/form-audio-field.tsx"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formaudiofield3511882057";
+var _namespace_ = "formaudiofield3743157660";
 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": "formaudiofield3511882057__root", "addItem": "formaudiofield3511882057__addItem", "mediaTitle": "formaudiofield3511882057__mediaTitle" };
+export var classes = { "root": "formaudiofield3743157660__root", "addItem": "formaudiofield3743157660__addItem", "mediaTitle": "formaudiofield3743157660__mediaTitle" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/audio/audio-player/audio-player.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "audioplayer3608168487";
+var _namespace_ = "audioplayer2787828225";
 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": "audioplayer3608168487__root" };
+export var classes = { "root": "audioplayer2787828225__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/color-view/cell-color-view.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellcolorview2388263273";
+var _namespace_ = "cellcolorview4225418284";
 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": "cellcolorview2388263273__root", "hashPrefix": "cellcolorview2388263273__hashPrefix" };
+export var classes = { "root": "cellcolorview4225418284__root", "hashPrefix": "cellcolorview4225418284__hashPrefix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/color-view/color-view.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "colorview3869873986";
+var _namespace_ = "colorview3472694465";
 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": "colorview3869873986__root", "view": "colorview3869873986__view", "fillPreview": "colorview3869873986__fillPreview" };
+export var classes = { "root": "colorview3472694465__root", "view": "colorview3472694465__view", "fillPreview": "colorview3472694465__fillPreview" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/controlled-input.uni.driver.js

@@ -1,7 +1,10 @@
 import { AutoCompleteUniDriver, CheckboxUniDriver, DatePickerUniDriver, InputUniDriver, NumberInputUniDriver, RadioGroupUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
 import { baseUniDriverFactory } from '../testkit/base-driver';
 import { CalendarPopoverUniDriver, InlineCalendarPopoverUniDriver, } from '../testkit/popover-driver';
+import { ControlledAudioInputUniDriver } from './audio/audio-field/controlled-audio.uni.driver';
 import { DateTimeInputUniDriver } from './datetime-input/controlled-date-time-input.uni.driver';
+import { ControlledImageInputUniDriver } from './image/controlled-image.uni.driver';
+import { ControlledVideoInputUniDriver } from './video/controlled-video.uni.driver';
 export function ControlledInputUniDriver(base, body) {
     const datePicker = DatePickerUniDriver(base, body);
     return {
@@ -16,6 +19,9 @@ export function ControlledInputUniDriver(base, body) {
         radioGroup: RadioGroupUniDriver(base, body),
         calendarPopover: CalendarPopoverUniDriver(datePicker, body),
         inlineCalendarPopover: InlineCalendarPopoverUniDriver(base),
+        audio: ControlledAudioInputUniDriver(base, body),
+        image: ControlledImageInputUniDriver(base, body),
+        video: ControlledVideoInputUniDriver(base, body),
     };
 }
 //# sourceMappingURL=controlled-input.uni.driver.js.map

package/dist/esm/components/controlled-input.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"controlled-input.uni.driver.js","sourceRoot":"","sources":["../../../src/components/controlled-input.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,wBAAwB,EACxB,8BAA8B,GAC/B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAC;AAEhG,MAAM,UAAU,wBAAwB,CAAC,IAAe,EAAE,IAAe;IACvE,MAAM,UAAU,GAAG,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEnD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC;QACvC,MAAM,EAAE,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;QACxC,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;QAChC,YAAY,EAAE,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC;QAC/C,UAAU;QACV,QAAQ,EAAE,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC;QAC5C,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;QACjC,UAAU,EAAE,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC;QAC3C,eAAe,EAAE,wBAAwB,CAAC,UAAU,EAAE,IAAI,CAAC;QAC3D,qBAAqB,EAAE,8BAA8B,CAAC,IAAI,CAAC;KAC5D,CAAC;AACJ,CAAC"}
+{"version":3,"file":"controlled-input.uni.driver.js","sourceRoot":"","sources":["../../../src/components/controlled-input.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,wBAAwB,EACxB,8BAA8B,GAC/B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAC;AAChG,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;AAEpF,MAAM,UAAU,wBAAwB,CAAC,IAAe,EAAE,IAAe;IACvE,MAAM,UAAU,GAAG,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEnD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC;QACvC,MAAM,EAAE,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;QACxC,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;QAChC,YAAY,EAAE,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC;QAC/C,UAAU;QACV,QAAQ,EAAE,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC;QAC5C,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;QACjC,UAAU,EAAE,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC;QAC3C,eAAe,EAAE,wBAAwB,CAAC,UAAU,EAAE,IAAI,CAAC;QAC3D,qBAAqB,EAAE,8BAA8B,CAAC,IAAI,CAAC;QAC3D,KAAK,EAAE,6BAA6B,CAAC,IAAI,EAAE,IAAI,CAAC;QAChD,KAAK,EAAE,6BAA6B,CAAC,IAAI,EAAE,IAAI,CAAC;QAChD,KAAK,EAAE,6BAA6B,CAAC,IAAI,EAAE,IAAI,CAAC;KACjD,CAAC;AACJ,CAAC"}

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "deletedialog1056046943";
+var _namespace_ = "deletedialog3903000196";
 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": "deletedialog1056046943__root", "layout": "deletedialog1056046943__layout" };
+export var classes = { "root": "deletedialog3903000196__root", "layout": "deletedialog3903000196__layout" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield2151681735";
+var _namespace_ = "formdocumentfield3549365286";
 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": "formdocumentfield2151681735__root", "viewWrapper": "formdocumentfield2151681735__viewWrapper", "textWidth": "formdocumentfield2151681735__textWidth", "documentLoader": "formdocumentfield2151681735__documentLoader", "addDocument": "formdocumentfield2151681735__addDocument", "addItemWrapper": "formdocumentfield2151681735__addItemWrapper" };
+export var classes = { "root": "formdocumentfield3549365286__root", "viewWrapper": "formdocumentfield3549365286__viewWrapper", "textWidth": "formdocumentfield3549365286__textWidth", "documentLoader": "formdocumentfield3549365286__documentLoader", "addDocument": "formdocumentfield3549365286__addDocument", "addItemWrapper": "formdocumentfield3549365286__addItemWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/exclamation/exclamation.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation929712031";
+var _namespace_ = "exclamation627976924";
 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": "exclamation929712031__root", "exclamation": "exclamation929712031__exclamation", "actions": "exclamation929712031__actions", "action": "exclamation929712031__action" };
+export var classes = { "root": "exclamation627976924__root", "exclamation": "exclamation627976924__exclamation", "actions": "exclamation627976924__actions", "action": "exclamation627976924__action" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/field-validation-settings/field-validation-settings-input.js

@@ -5,7 +5,8 @@ import { v4 as uuid } from 'uuid';
 import { getFieldValidationSettingsViolations } from '../../validations/field-validation-settings';
 const RuleToggle = ({ dataHook, checked, disabled, label, infoContent, onChange, }) => (React.createElement(FormField, { dataHook: dataHook, label: label, labelPlacement: "right", labelSize: "small", stretchContent: false, infoContent: infoContent },
     React.createElement(ToggleSwitch, { dataHook: `${dataHook}-toggle`, size: "medium", checked: checked, disabled: disabled, onChange: onChange })));
-export const FieldValidationSettingsInput = ({ data, onChange, readOnly, invalid, dataHook = 'field-validation-settings', rules, }) => {
+export const FieldValidationSettingsInput = ({ data, onChange, readOnly, invalid, dataHook = 'field-validation-settings', rules, disabledRules, }) => {
+    const isRuleDisabled = (rule) => Boolean(readOnly) || Boolean(disabledRules?.includes(rule));
     const supportedRules = rules.map(({ type }) => type);
     const violations = getFieldValidationSettingsViolations(data, supportedRules);
     const supportsSpecificValues = rules.some(({ type }) => type === 'specificValues');
@@ -18,7 +19,7 @@ export const FieldValidationSettingsInput = ({ data, onChange, readOnly, invalid
     const showsExclusiveRulesExplanation = (supportsCharactersLimit && (hasSpecificValues || hasCharactersLimit)) ||
         (supportsPattern && (hasSpecificValues || hasPattern));
     const update = (next) => onChange({ ...data, ...next });
-    const renderRequired = (rule) => (React.createElement(RuleToggle, { key: "required", dataHook: "field-validation-required", checked: Boolean(data.required), disabled: readOnly, label: rule.label, infoContent: rule.tooltip, onChange: () => update({ required: !data.required }) }));
+    const renderRequired = (rule) => (React.createElement(RuleToggle, { key: "required", dataHook: "field-validation-required", checked: Boolean(data.required), disabled: isRuleDisabled('required'), label: rule.label, infoContent: rule.tooltip, onChange: () => update({ required: !data.required }) }));
     const renderCharactersLimit = (rule) => {
         const minViolation = violations.find((violation) => violation.rule === 'charactersLimit' &&
             violation.type === 'outOfBounds' &&
@@ -29,11 +30,12 @@ export const FieldValidationSettingsInput = ({ data, onChange, readOnly, invalid
         const maxBelowMinViolation = violations.find((violation) => violation.rule === 'charactersLimit' &&
             violation.type === 'maxBelowMin');
         return (React.createElement(Box, { key: "charactersLimit", direction: "vertical", gap: "SP2" },
-            React.createElement(RuleToggle, { dataHook: "field-validation-characters-limit", checked: hasCharactersLimit, disabled: readOnly || (hasSpecificValues && !hasCharactersLimit), label: rule.label, infoContent: rule.tooltip, onChange: () => update({ charactersLimit: hasCharactersLimit ? undefined : {} }) }),
+            React.createElement(RuleToggle, { dataHook: "field-validation-characters-limit", checked: hasCharactersLimit, disabled: isRuleDisabled('charactersLimit') ||
+                    (hasSpecificValues && !hasCharactersLimit), label: rule.label, infoContent: rule.tooltip, onChange: () => update({ charactersLimit: hasCharactersLimit ? undefined : {} }) }),
             hasCharactersLimit && (React.createElement(Box, { verticalAlign: "middle", gap: "SP2" },
                 React.createElement(Box, { width: "112px" },
                     React.createElement(FormField, { stretchContent: true, label: rule.minLabel },
-                        React.createElement(NumberInput, { dataHook: "field-validation-min-characters", size: "small", value: data.charactersLimit?.min, disabled: readOnly, status: hasUnattributedInvalidState || minViolation
+                        React.createElement(NumberInput, { dataHook: "field-validation-min-characters", size: "small", value: data.charactersLimit?.min, disabled: isRuleDisabled('charactersLimit'), status: hasUnattributedInvalidState || minViolation
                                 ? 'error'
                                 : undefined, statusMessage: minViolation?.type === 'outOfBounds'
                                 ? rule.outOfBoundsError(minViolation.min, minViolation.max)
@@ -46,7 +48,7 @@ export const FieldValidationSettingsInput = ({ data, onChange, readOnly, invalid
                 React.createElement(Text, { size: "small", secondary: true }, rule.separator),
                 React.createElement(Box, { width: "112px" },
                     React.createElement(FormField, { stretchContent: true, label: rule.maxLabel },
-                        React.createElement(NumberInput, { dataHook: "field-validation-max-characters", size: "small", value: data.charactersLimit?.max, disabled: readOnly, status: hasUnattributedInvalidState ||
+                        React.createElement(NumberInput, { dataHook: "field-validation-max-characters", size: "small", value: data.charactersLimit?.max, disabled: isRuleDisabled('charactersLimit'), status: hasUnattributedInvalidState ||
                                 maxOutOfBoundsViolation ||
                                 maxBelowMinViolation
                                 ? 'error'
@@ -62,7 +64,8 @@ export const FieldValidationSettingsInput = ({ data, onChange, readOnly, invalid
                             }) })))))));
     };
     const renderSpecificValues = (rule) => (React.createElement(Box, { key: "specificValues", direction: "vertical", gap: "SP2" },
-        React.createElement(RuleToggle, { dataHook: "field-validation-specific-values", checked: hasSpecificValues, disabled: readOnly || ((hasCharactersLimit || hasPattern) && !hasSpecificValues), label: rule.label, infoContent: rule.tooltip, onChange: () => update({ specificValues: hasSpecificValues ? undefined : [] }) }),
+        React.createElement(RuleToggle, { dataHook: "field-validation-specific-values", checked: hasSpecificValues, disabled: isRuleDisabled('specificValues') ||
+                ((hasCharactersLimit || hasPattern) && !hasSpecificValues), label: rule.label, infoContent: rule.tooltip, onChange: () => update({ specificValues: hasSpecificValues ? undefined : [] }) }),
         hasSpecificValues && (React.createElement(Box, { direction: "vertical", gap: "SP2" },
             data.specificValues?.map((option, index) => {
                 const optionViolation = violations.find((violation) => violation.rule === 'specificValues' &&
@@ -70,7 +73,7 @@ export const FieldValidationSettingsInput = ({ data, onChange, readOnly, invalid
                     violation.optionId === option.id);
                 return (React.createElement(Box, { key: option.id, verticalAlign: "middle", gap: "SP1" },
                     React.createElement(Box, { width: "100%" },
-                        React.createElement(Input, { dataHook: `field-validation-specific-value-${index}`, size: "small", value: option.value, disabled: readOnly, status: optionViolation || hasUnattributedInvalidState
+                        React.createElement(Input, { dataHook: `field-validation-specific-value-${index}`, size: "small", value: option.value, disabled: isRuleDisabled('specificValues'), status: optionViolation || hasUnattributedInvalidState
                                 ? 'error'
                                 : undefined, statusMessage: optionViolation?.type === 'blank'
                                 ? rule.blankError
@@ -82,13 +85,13 @@ export const FieldValidationSettingsInput = ({ data, onChange, readOnly, invalid
                                     : item),
                             }) })),
                     React.createElement(Tooltip, { content: rule.removeButton },
-                        React.createElement(IconButton, { dataHook: `field-validation-specific-value-remove-${index}`, size: "tiny", priority: "secondary", disabled: readOnly, ariaLabel: rule.removeButton, onClick: () => update({
+                        React.createElement(IconButton, { dataHook: `field-validation-specific-value-remove-${index}`, size: "tiny", priority: "secondary", disabled: isRuleDisabled('specificValues'), ariaLabel: rule.removeButton, onClick: () => update({
                                 specificValues: data.specificValues?.filter(({ id }) => id !== option.id),
                             }) },
                             React.createElement(DeleteSmall, null)))));
             }),
             React.createElement(Box, null,
-                React.createElement(TextButton, { dataHook: "field-validation-specific-value-add", size: "small", prefixIcon: React.createElement(AddSmall, null), disabled: readOnly, onClick: () => update({
+                React.createElement(TextButton, { dataHook: "field-validation-specific-value-add", size: "small", prefixIcon: React.createElement(AddSmall, null), disabled: isRuleDisabled('specificValues'), onClick: () => update({
                         specificValues: [
                             ...(data.specificValues ?? []),
                             { id: uuid(), value: '' },
@@ -98,9 +101,9 @@ export const FieldValidationSettingsInput = ({ data, onChange, readOnly, invalid
     const renderPattern = (rule) => {
         const invalidPatternViolation = violations.find((violation) => violation.rule === 'pattern' && violation.type === 'invalidPattern');
         return (React.createElement(Box, { key: "pattern", direction: "vertical", gap: "SP2" },
-            React.createElement(RuleToggle, { dataHook: "field-validation-pattern", checked: hasPattern, disabled: readOnly || (hasSpecificValues && !hasPattern), label: rule.label, infoContent: rule.tooltip, onChange: () => update({ pattern: hasPattern ? undefined : '' }) }),
+            React.createElement(RuleToggle, { dataHook: "field-validation-pattern", checked: hasPattern, disabled: isRuleDisabled('pattern') || (hasSpecificValues && !hasPattern), label: rule.label, infoContent: rule.tooltip, onChange: () => update({ pattern: hasPattern ? undefined : '' }) }),
             hasPattern && (React.createElement(FormField, { stretchContent: true, label: rule.inputLabel },
-                React.createElement(Input, { dataHook: "field-validation-pattern-input", size: "small", value: data.pattern, disabled: readOnly, status: hasUnattributedInvalidState || invalidPatternViolation
+                React.createElement(Input, { dataHook: "field-validation-pattern-input", size: "small", value: data.pattern, disabled: isRuleDisabled('pattern'), status: hasUnattributedInvalidState || invalidPatternViolation
                         ? 'error'
                         : undefined, statusMessage: invalidPatternViolation ? rule.invalidError : undefined, onChange: (event) => update({ pattern: event.target.value }) })))));
     };

package/dist/esm/components/field-validation-settings/field-validation-settings-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-validation-settings-input.js","sourceRoot":"","sources":["../../../../src/components/field-validation-settings/field-validation-settings-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"field-validation-settings-input.js","sourceRoot":"","sources":["../../../../src/components/field-validation-settings/field-validation-settings-input.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/highlighted-text/highlighted-text.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "highlightedtext3600485196";
+var _namespace_ = "highlightedtext3674572764";
 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": "highlightedtext3600485196__root", "substring": "highlightedtext3600485196__substring" };
-export var keyframes = { "highlighted": "highlightedtext3600485196__highlighted", "highlighted-match": "highlightedtext3600485196__highlighted-match" };
+export var classes = { "root": "highlightedtext3674572764__root", "substring": "highlightedtext3674572764__substring" };
+export var keyframes = { "highlighted": "highlightedtext3674572764__highlighted", "highlighted-match": "highlightedtext3674572764__highlighted-match" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/image/controlled-image.uni.driver.js

@@ -0,0 +1,19 @@
+import { AddItemUniDriver, ImageViewerUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+export function ControlledImageInputUniDriver(base, body) {
+    const imageViewer = ImageViewerUniDriver(base, body);
+    // `add-image` is ImageViewer's own hook for its empty-state AddItem.
+    const addItem = AddItemUniDriver(base.$('[data-hook="add-image"]'), body);
+    const addButton = base.$('[data-hook="add-image"] [data-hook="additem"]');
+    const currentImage = base.$('[data-hook="image-viewer-current-image"]');
+    return {
+        ...imageViewer,
+        clickAddButton: () => imageViewer.clickAdd(),
+        isAddButtonFocused: () => addItem.isFocused(),
+        isAddButtonDisabled: async () => (await addButton.attr('disabled')) !== null,
+        containsFocus: async () => (await base.getNative()).contains(document.activeElement),
+        // ImageViewer hides its edit affordances behind a loader until the image
+        // loads, and jsdom never fires that event on its own.
+        simulateImageLoad: async () => (await currentImage.getNative()).dispatchEvent(new Event('load')),
+    };
+}
+//# sourceMappingURL=controlled-image.uni.driver.js.map

package/dist/esm/components/image/controlled-image.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-image.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/image/controlled-image.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,2CAA2C,CAAC;AAEnD,MAAM,UAAU,6BAA6B,CAC3C,IAAe,EACf,IAAe;IAEf,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACrD,qEAAqE;IACrE,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAAE,IAAI,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC;IAExE,OAAO;QACL,GAAG,WAAW;QACd,cAAc,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE;QAC5C,kBAAkB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE;QAC7C,mBAAmB,EAAE,KAAK,IAAI,EAAE,CAC9B,CAAC,MAAM,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,IAAI;QAC7C,aAAa,EAAE,KAAK,IAAI,EAAE,CACxB,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;QAC3D,yEAAyE;QACzE,sDAAsD;QACtD,iBAAiB,EAAE,KAAK,IAAI,EAAE,CAC5B,CAAC,MAAM,YAAY,CAAC,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC;KACpE,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Box, ImageViewer } from '@wix/design-system';
+import { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';
+import { useMergedRef, useWithCallback } from '../../hooks';
+import { getImageUrl } from '../../utils/get-image-url';
+import { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';
+import { MEDIA_TYPES } from '../../utils';
+import { useMediaControl } from '../media-control';
+export const FormImageField = ({ data, onChange: onChangeImage, onClear: onClearImage, onInput, onBlur, readOnly, autoFocus, dataHook, inputRef: forwardedRef, }) => {
+    const { translate: t } = useWixPatternsContainer();
+    const isMobile = useIsMobile();
+    const onChange = useWithCallback(onChangeImage, onInput);
+    const onClear = useWithCallback(onClearImage, onInput);
+    const [inputRef, setInputRef] = useMergedRef(forwardedRef);
+    const { callMedia, onMediaLoad } = useMediaControl({
+        mediaType: MEDIA_TYPES.IMAGE,
+        value: data,
+        onChange,
+        autoFocus,
+        readOnly,
+        onBlur,
+        inputRef,
+        // The focus target is hidden behind ImageViewer's loader until the image
+        // arrives, so focusing has to wait for onImageLoad.
+        initialLoading: true,
+    });
+    const canEdit = !isMobile && !readOnly;
+    return (React.createElement(Box, { width: "100%", maxWidth: MEDIA_MAX_WIDTH },
+        React.createElement(ImageViewer
+        // ImageViewer keeps its focus node on whichever button is live, so
+        // one ref serves both the empty and filled states.
+        , { 
+            // ImageViewer keeps its focus node on whichever button is live, so
+            // one ref serves both the empty and filled states.
+            ref: setInputRef, imageUrl: data && getImageUrl(data), dataHook: dataHook, onImageLoad: onMediaLoad, onAddImage: canEdit ? callMedia : undefined, onUpdateImage: canEdit ? callMedia : undefined, 
+            // Empty, the only control is the add button, so anything that blocks
+            // picking disables the viewer. Filled, removal still works on mobile.
+            disabled: data ? Boolean(readOnly) : !canEdit, 
+            // The buttons render whether or not a handler is given, so the states
+            // that cannot use them have to take them away explicitly.
+            showUpdateButton: canEdit, showRemoveButton: !readOnly && Boolean(onClearImage), updateImageInfo: t('cairo.replace-image.tooltip'), removeImageInfo: t('cairo.remove-image.tooltip'), addImageInfo: t('cairo.add-image.tooltip'), height: MEDIA_HEIGHT, width: "100%", fit: "cover", onRemoveImage: onClear })));
+};
+FormImageField.displayName = 'FormImageField';
+export const ControlledImageInput = ({ data, onChange, onBlur, readOnly, autoFocus, dataHook, }) => (React.createElement(FormImageField, { data: data, onChange: onChange, 
+    // FormImageField reports removal through onClear, not onChange.
+    onClear: () => onChange(undefined), onBlur: onBlur, readOnly: readOnly, autoFocus: autoFocus, dataHook: dataHook }));
+ControlledImageInput.displayName = 'ControlledImageInput';
+//# sourceMappingURL=form-image-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-field.js","sourceRoot":"","sources":["../../../../src/components/image/form-image-field.tsx"],"names":[],"mappings":"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"}

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

@@ -1,32 +1,14 @@
 import React from 'react';
-import { Box, FormField, ImageViewer } from '@wix/design-system';
+import { FormField } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
-import { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
 import { isEmpty } from '../../validations/string';
-import { getImageUrl } from '../../utils/get-image-url';
-import { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';
 import { useFieldRef } from '../../hooks';
+import { FormImageField } from './form-image-field';
 const _FormImageInput = (props) => {
     const { field, dataHook, formControl, data } = props;
-    const { translate: t, openMediaManager } = useWixPatternsContainer();
-    const isMobile = useIsMobile();
-    async function openMedia() {
-        if (!openMediaManager) {
-            return;
-        }
-        try {
-            const chosenMediaItems = await openMediaManager({
-                multiSelect: false,
-                category: 'IMAGE',
-            });
-            const newImage = chosenMediaItems?.items[0]?.media?.image?.image;
-            controller.field.onChange(newImage);
-        }
-        catch (error) {
-            console.error('Error opening Media Manager or no files selected:', error);
-        }
-    }
+    const { translate: t } = useWixPatternsContainer();
     const controller = useController({
         name: field?.id ?? '',
         control: formControl,
@@ -41,18 +23,14 @@ const _FormImageInput = (props) => {
         },
     });
     const setFieldRef = useFieldRef(controller.field.ref);
-    const imageUrl = controller.field.value && getImageUrl(controller.field.value);
     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(Box, { width: "100%", maxWidth: MEDIA_MAX_WIDTH },
-            React.createElement(ImageViewer
-            // ImageViewer keeps its focus node on whichever button is live, so
-            // one ref serves both the empty and filled states. Lets
-            // react-hook-form's shouldFocusError reach this field.
-            , { 
-                // ImageViewer keeps its focus node on whichever button is live, so
-                // one ref serves both the empty and filled states. Lets
-                // react-hook-form's shouldFocusError reach this field.
-                ref: setFieldRef, imageUrl: imageUrl, dataHook: `image-${field.id}`, onAddImage: isMobile ? undefined : () => openMedia(), onUpdateImage: isMobile ? undefined : () => openMedia(), updateImageInfo: t('cairo.replace-image.tooltip'), removeImageInfo: t('cairo.remove-image.tooltip'), addImageInfo: t('cairo.add-image.tooltip'), height: MEDIA_HEIGHT, width: "100%", fit: "cover", onRemoveImage: () => controller.field.onChange(null) }))));
+        React.createElement(FormImageField
+        // Hands the live button to react-hook-form so shouldFocusError can
+        // reach this field when it blocks save.
+        , { 
+            // Hands the live button to react-hook-form so shouldFocusError can
+            // reach this field when it blocks save.
+            inputRef: setFieldRef, data: controller.field.value, onChange: (value) => controller.field.onChange(value), onClear: () => controller.field.onChange(null), dataHook: `image-${field.id}` })));
 };
 export const FormImageInput = observer(_FormImageInput);
 //# sourceMappingURL=form-image-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-image-input.js","sourceRoot":"","sources":["../../../../src/components/image/form-image-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-image-input.js","sourceRoot":"","sources":["../../../../src/components/image/form-image-input.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,0BAA0B,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIpD,MAAM,eAAe,GAAG,CAAC,KAA0B,EAAE,EAAE;IACrD,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,CAAC;oBACjD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;gBAClD,CAAC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtD,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,cAAc;QACb,mEAAmE;QACnE,wCAAwC;;YADxC,mEAAmE;YACnE,wCAAwC;YACxC,QAAQ,EAAE,WAAW,EACrB,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,IAAI,CAAC,EAC9C,QAAQ,EAAE,SAAS,KAAK,CAAC,EAAE,EAAE,GAC7B,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC"}

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

@@ -2,5 +2,6 @@ export * from './image-thumbnail';
 export * from './image-view';
 export * from './image-view-field';
 export * from './cell-image-edit';
+export * from './form-image-field';
 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,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,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;AACnC,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_ = "thumbnailreplaceoverlay1626805897";
+var _namespace_ = "thumbnailreplaceoverlay1623114284";
 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": "thumbnailreplaceoverlay1626805897__root", "icon": "thumbnailreplaceoverlay1626805897__icon" };
+export var classes = { "root": "thumbnailreplaceoverlay1623114284__root", "icon": "thumbnailreplaceoverlay1623114284__icon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "cellmediaeditshell588955575";
+var _namespace_ = "cellmediaeditshell1721400213";
 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": "cellmediaeditshell588955575__root" };
+export var classes = { "root": "cellmediaeditshell1721400213__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};