@wix/patterns-fields 1.87.0 → 1.88.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":"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"}
+{"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_ = "formaudiofield1943540213";
 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": "formaudiofield1943540213__root", "addItem": "formaudiofield1943540213__addItem", "mediaTitle": "formaudiofield1943540213__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_ = "audioplayer2417328348";
 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": "audioplayer2417328348__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_ = "cellcolorview3557913876";
 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": "cellcolorview3557913876__root", "hashPrefix": "cellcolorview3557913876__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_ = "colorview3341471977";
 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": "colorview3341471977__root", "view": "colorview3341471977__view", "fillPreview": "colorview3341471977__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_ = "deletedialog516047347";
 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": "deletedialog516047347__root", "layout": "deletedialog516047347__layout" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,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,8BAA8B,EAAC,QAAQ,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,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.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,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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_ = "formdocumentfield1759869050";
 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": "formdocumentfield1759869050__root", "viewWrapper": "formdocumentfield1759869050__viewWrapper", "textWidth": "formdocumentfield1759869050__textWidth", "documentLoader": "formdocumentfield1759869050__documentLoader", "addDocument": "formdocumentfield1759869050__addDocument", "addItemWrapper": "formdocumentfield1759869050__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_ = "exclamation2405445415";
 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": "exclamation2405445415__root", "exclamation": "exclamation2405445415__exclamation", "actions": "exclamation2405445415__actions", "action": "exclamation2405445415__action" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"exclamation.st.css.js","sourceRoot":"","sources":["../../../../src/components/exclamation/exclamation.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,aAAa,EAAC,mCAAmC,EAAC,SAAS,EAAC,+BAA+B,EAAC,QAAQ,EAAC,8BAA8B,EAAC,CAAC;AAC/L,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,gCAAgC,EAAC,kCAAkC,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,CAAC"}
+{"version":3,"file":"exclamation.st.css.js","sourceRoot":"","sources":["../../../../src/components/exclamation/exclamation.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,aAAa,EAAC,oCAAoC,EAAC,SAAS,EAAC,gCAAgC,EAAC,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACnM,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,gCAAgC,EAAC,kCAAkC,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,CAAC"}

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_ = "highlightedtext106472051";
 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": "highlightedtext106472051__root", "substring": "highlightedtext106472051__substring" };
+export var keyframes = { "highlighted": "highlightedtext106472051__highlighted", "highlighted-match": "highlightedtext106472051__highlighted-match" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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

@@ -1 +1 @@
-{"version":3,"file":"highlighted-text.st.css.js","sourceRoot":"","sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,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,iCAAiC,EAAC,WAAW,EAAC,sCAAsC,EAAC,CAAC;AACnH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,aAAa,EAAC,wCAAwC,EAAC,mBAAmB,EAAC,8CAA8C,EAAC,CAAC;AACnJ,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,sBAAsB,EAAC,wBAAwB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"highlighted-text.st.css.js","sourceRoot":"","sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,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,gCAAgC,EAAC,WAAW,EAAC,qCAAqC,EAAC,CAAC;AACjH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,aAAa,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,6CAA6C,EAAC,CAAC;AACjJ,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,sBAAsB,EAAC,wBAAwB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

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_ = "thumbnailreplaceoverlay1401102869";
 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": "thumbnailreplaceoverlay1401102869__root", "icon": "thumbnailreplaceoverlay1401102869__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_ = "cellmediaeditshell2282788607";
 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": "cellmediaeditshell2282788607__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"cell-media-edit-shell.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.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;AAClE,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-media-edit-shell.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.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;AACnE,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/media-control/paste-url-button.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton851342683";
+var _namespace_ = "pasteurlbutton2169628829";
 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": "pasteurlbutton851342683__root", "iconButtonTooltip": "pasteurlbutton851342683__iconButtonTooltip", "iconButton": "pasteurlbutton851342683__iconButton" };
+export var classes = { "root": "pasteurlbutton2169628829__root", "iconButtonTooltip": "pasteurlbutton2169628829__iconButtonTooltip", "iconButton": "pasteurlbutton2169628829__iconButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,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,+BAA+B,EAAC,mBAAmB,EAAC,4CAA4C,EAAC,YAAY,EAAC,qCAAqC,EAAC,CAAC;AAClL,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":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,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,gCAAgC,EAAC,mBAAmB,EAAC,6CAA6C,EAAC,YAAY,EAAC,sCAAsC,EAAC,CAAC;AACrL,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/media-control/use-media-control.js

@@ -1,8 +1,7 @@
 import { useRef, useState, useEffect, useCallback, useContext } from 'react';
 import { WixPatternsContainerContext } from '@wix/bex-core/react';
 import { files } from '@wix/media';
-import { MEDIA_TYPES } from '../../utils/media-utils';
-import { executeDownloading } from '../../utils/media-utils';
+import { executeDownloading, MEDIA_TYPES } from '../../utils/media-utils';
 import { getMediaURL } from '../../auto-field-types';
 const MEDIA_TYPE_TO_CATEGORY = {
     [MEDIA_TYPES.IMAGE]: 'IMAGE',
@@ -72,7 +71,9 @@ export function useMediaControl({ mediaType, readOnly, autoFocus, initialLoading
             inputRef?.current?.focus();
         }
     }, [autoFocus, value, inputRef, viewRef]);
-    useEffect(() => setActive(), [setActive]);
+    // `loading` is a dependency because the focus target does not exist while the
+    // loader placeholder is up — the effect has to run again once it is gone.
+    useEffect(() => setActive(), [setActive, loading]);
     const onMediaLoad = useCallback(() => setLoading(false), []);
     const callMedia = useCallback(async (index) => {
         if (mediaRequested.current || readOnly) {

package/dist/esm/components/media-control/use-media-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-media-control.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-media-control.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-media-control.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-media-control.ts"],"names":[],"mappings":"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"}

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_ = "formmediagalleryfield1519743555";
+var _namespace_ = "formmediagalleryfield1285781073";
 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": "formmediagalleryfield1519743555__root", "container": "formmediagalleryfield1519743555__container", "viewBox": "formmediagalleryfield1519743555__viewBox", "addItemWrapper": "formmediagalleryfield1519743555__addItemWrapper", "addItem": "formmediagalleryfield1519743555__addItem", "overlay": "formmediagalleryfield1519743555__overlay", "image": "formmediagalleryfield1519743555__image", "previewImage": "formmediagalleryfield1519743555__previewImage", "previewVideo": "formmediagalleryfield1519743555__previewVideo" };
+export var classes = { "root": "formmediagalleryfield1285781073__root", "container": "formmediagalleryfield1285781073__container", "viewBox": "formmediagalleryfield1285781073__viewBox", "addItemWrapper": "formmediagalleryfield1285781073__addItemWrapper", "addItem": "formmediagalleryfield1285781073__addItem", "overlay": "formmediagalleryfield1285781073__overlay", "image": "formmediagalleryfield1285781073__image", "previewImage": "formmediagalleryfield1285781073__previewImage", "previewVideo": "formmediagalleryfield1285781073__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "mediaimage543554141";
+var _namespace_ = "mediaimage369066312";
 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": "mediaimage543554141__root" };
+export var classes = { "root": "mediaimage369066312__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": "--mediaimage543554141-from", "to": "--mediaimage543554141-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": "--mediaimage369066312-from", "to": "--mediaimage369066312-to" };
 //# sourceMappingURL=media-image.st.css.js.map