@wix/patterns-fields 1.130.0 → 1.131.0

package/dist/cjs/components/media-image-field/cell-media-image-edit.st.css.js

@@ -5,20 +5,20 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellmediaimageedit4001045693";
+var _namespace_ = "cellmediaimageedit3201982401";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "cellmediaimageedit4001045693__root",
-  "view": "cellmediaimageedit4001045693__view",
-  "anchor": "cellmediaimageedit4001045693__anchor",
-  "anchorBox": "cellmediaimageedit4001045693__anchorBox",
-  "popoverContent": "cellmediaimageedit4001045693__popoverContent",
-  "image": "cellmediaimageedit4001045693__image",
-  "imageActions": "cellmediaimageedit4001045693__imageActions"
+  "root": "cellmediaimageedit3201982401__root",
+  "view": "cellmediaimageedit3201982401__view",
+  "anchor": "cellmediaimageedit3201982401__anchor",
+  "anchorBox": "cellmediaimageedit3201982401__anchorBox",
+  "popoverContent": "cellmediaimageedit3201982401__popoverContent",
+  "image": "cellmediaimageedit3201982401__image",
+  "imageActions": "cellmediaimageedit3201982401__imageActions"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image-field/cell-media-image-edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image-field/cell-media-image-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaimageedit4001045693\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmediaimageedit4001045693__root\",\"view\":\"cellmediaimageedit4001045693__view\",\"anchor\":\"cellmediaimageedit4001045693__anchor\",\"anchorBox\":\"cellmediaimageedit4001045693__anchorBox\",\"popoverContent\":\"cellmediaimageedit4001045693__popoverContent\",\"image\":\"cellmediaimageedit4001045693__image\",\"imageActions\":\"cellmediaimageedit4001045693__imageActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-transparent-primary\":\"--wds-color-fill-transparent-primary\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wds-image-border-radius-default\":\"--wds-image-border-radius-default\",\"wds-space-100\":\"--wds-space-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,oCAAoC;EAAC,MAAM,EAAC,oCAAoC;EAAC,QAAQ,EAAC,sCAAsC;EAAC,WAAW,EAAC,yCAAyC;EAAC,gBAAgB,EAAC,8CAA8C;EAAC,OAAO,EAAC,qCAAqC;EAAC,cAAc,EAAC;AAA4C,CAAC;AACvX,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image-field/cell-media-image-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaimageedit3201982401\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmediaimageedit3201982401__root\",\"view\":\"cellmediaimageedit3201982401__view\",\"anchor\":\"cellmediaimageedit3201982401__anchor\",\"anchorBox\":\"cellmediaimageedit3201982401__anchorBox\",\"popoverContent\":\"cellmediaimageedit3201982401__popoverContent\",\"image\":\"cellmediaimageedit3201982401__image\",\"imageActions\":\"cellmediaimageedit3201982401__imageActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-transparent-primary\":\"--wds-color-fill-transparent-primary\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wds-image-border-radius-default\":\"--wds-image-border-radius-default\",\"wds-space-100\":\"--wds-space-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,oCAAoC;EAAC,MAAM,EAAC,oCAAoC;EAAC,QAAQ,EAAC,sCAAsC;EAAC,WAAW,EAAC,yCAAyC;EAAC,gBAAgB,EAAC,8CAA8C;EAAC,OAAO,EAAC,qCAAqC;EAAC,cAAc,EAAC;AAA4C,CAAC;AACvX,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image-field/media-image-view.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediaimageview3838155923";
+var _namespace_ = "mediaimageview1432632342";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediaimageview3838155923__root",
-  "altTextPlaceholder": "mediaimageview3838155923__altTextPlaceholder"
+  "root": "mediaimageview1432632342__root",
+  "altTextPlaceholder": "mediaimageview1432632342__altTextPlaceholder"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image-field/media-image-view.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image-field/media-image-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimageview3838155923\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimageview3838155923__root\",\"altTextPlaceholder\":\"mediaimageview3838155923__altTextPlaceholder\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-placeholder\":\"--wds-color-text-placeholder\",\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,oBAAoB,EAAC;AAA8C,CAAC;AAC3H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image-field/media-image-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimageview1432632342\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimageview1432632342__root\",\"altTextPlaceholder\":\"mediaimageview1432632342__altTextPlaceholder\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-placeholder\":\"--wds-color-text-placeholder\",\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,oBAAoB,EAAC;AAA8C,CAAC;AAC3H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediatag86628212";
+var _namespace_ = "mediatag1026054763";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediatag86628212__root"
+  "root": "mediatag1026054763__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag86628212\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag86628212__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwB,CAAC;AAC/C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag1026054763\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag1026054763__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-vector-art-field/cell-media-vector-art-edit.js

@@ -0,0 +1,179 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CellMediaVectorArtEdit = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _hooks = require("../../hooks");
+var _mediaUtils = require("../../utils/media-utils");
+var _mediaVectorArtValue = require("../../utils/media-vector-art-value");
+var _imageThumbnail = require("../image/image-thumbnail");
+var _thumbnailReplaceOverlay = require("../image/thumbnail-replace-overlay");
+var _mediaControl = require("../media-control");
+var _mediaVectorArtActions = require("./media-vector-art-actions");
+var _cellMediaVectorArtEditStCss = require("./cell-media-vector-art-edit.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-vector-art-field/cell-media-vector-art-edit.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CellMediaVectorArtEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  onStartEdit,
+  inputRef,
+  dataHook
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const vectorArt = (0, _mediaVectorArtValue.toMediaVectorArtValue)(value);
+  const [isPreviewOpen, setIsPreviewOpen] = (0, _react.useState)(false);
+  const deletedFromPreview = (0, _react.useRef)(false);
+  const mediaEdit = (0, _mediaControl.useCellMediaEdit)({
+    mediaType: _mediaUtils.MEDIA_TYPES.VECTOR_ART,
+    value: vectorArt,
+    onChange,
+    onCommit,
+    onCancel,
+    onStartEdit,
+    inputRef,
+    fromPick: _mediaVectorArtValue.fromVectorArtPick
+  });
+  const {
+    handleCallMedia,
+    handleDelete,
+    downloadMedia
+  } = mediaEdit;
+  const handleDownload = (0, _react.useCallback)(() => {
+    if (vectorArt) {
+      downloadMedia(vectorArt.uri);
+    }
+  }, [vectorArt, downloadMedia]);
+  const openPreview = (0, _react.useCallback)(() => {
+    onStartEdit == null || onStartEdit();
+    setIsPreviewOpen(true);
+  }, [onStartEdit]);
+  const closePreview = (0, _react.useCallback)(() => {
+    setIsPreviewOpen(false);
+    if (!deletedFromPreview.current) {
+      onCancel == null || onCancel();
+    }
+    deletedFromPreview.current = false;
+  }, [onCancel]);
+  const deleteFromPreview = (0, _react.useCallback)(() => {
+    deletedFromPreview.current = true;
+    handleDelete();
+  }, [handleDelete]);
+  const replaceFromPreview = (0, _react.useCallback)(() => {
+    setIsPreviewOpen(false);
+    handleCallMedia();
+  }, [handleCallMedia]);
+  return /*#__PURE__*/_react.default.createElement(_mediaControl.CellMediaEditShell, {
+    dataHook: dataHook,
+    mediaEdit: mediaEdit,
+    fieldType: _mediaControl.MediaFieldType.image,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 90,
+      columnNumber: 5
+    }
+  }, vectorArt ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('CMS.vectorArt.replace'),
+    appendTo: "window",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 97,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    "data-hook": "media-vector-art-edit-thumbnail",
+    "aria-label": t('CMS.vectorArt.replace'),
+    className: _cellMediaVectorArtEditStCss.classes.thumbnailButton,
+    onClick: handleCallMedia,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 98,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
+    value: vectorArt,
+    width: "36px",
+    height: "24px",
+    borderRadius: "0",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 105,
+      columnNumber: 15
+    }
+  }), /*#__PURE__*/_react.default.createElement(_thumbnailReplaceOverlay.ThumbnailReplaceOverlay, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 111,
+      columnNumber: 15
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_mediaVectorArtActions.MediaVectorArtActions, {
+    dataHook: "media-vector-art-edit",
+    placement: "cell",
+    onReplace: handleCallMedia,
+    onPreview: openPreview,
+    onDownload: handleDownload,
+    onDelete: handleDelete,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 114,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_mediaVectorArtActions.MediaVectorArtPreviewModal, {
+    isOpen: isPreviewOpen,
+    vectorArt: vectorArt,
+    onClose: closePreview,
+    onReplace: replaceFromPreview,
+    onDelete: deleteFromPreview,
+    onDownload: handleDownload,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 122,
+      columnNumber: 11
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('CMS.vectorArt.add'),
+    appendTo: "window",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 132,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    size: "tiny",
+    priority: "secondary",
+    dataHook: "media-vector-art-edit-add-button",
+    ariaLabel: t('CMS.vectorArt.add'),
+    onClick: handleCallMedia,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 133,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 140,
+      columnNumber: 13
+    }
+  }))));
+};
+exports.CellMediaVectorArtEdit = CellMediaVectorArtEdit;
+CellMediaVectorArtEdit.displayName = 'CellMediaVectorArtEdit';
+//# sourceMappingURL=cell-media-vector-art-edit.js.map

package/dist/cjs/components/media-vector-art-field/cell-media-vector-art-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_hooks","_mediaUtils","_mediaVectorArtValue","_imageThumbnail","_thumbnailReplaceOverlay","_mediaControl","_mediaVectorArtActions","_cellMediaVectorArtEditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellMediaVectorArtEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","vectorArt","toMediaVectorArtValue","isPreviewOpen","setIsPreviewOpen","useState","deletedFromPreview","useRef","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","VECTOR_ART","fromPick","fromVectorArtPick","handleCallMedia","handleDelete","downloadMedia","handleDownload","useCallback","uri","openPreview","closePreview","current","deleteFromPreview","replaceFromPreview","createElement","CellMediaEditShell","fieldType","MediaFieldType","image","__self","__source","fileName","lineNumber","columnNumber","Fragment","Tooltip","content","appendTo","type","className","classes","thumbnailButton","onClick","ImageThumbnail","width","height","borderRadius","ThumbnailReplaceOverlay","MediaVectorArtActions","placement","onReplace","onPreview","onDownload","onDelete","MediaVectorArtPreviewModal","isOpen","onClose","IconButton","size","priority","ariaLabel","Add","exports","displayName"],"sources":["../../../../src/components/media-vector-art-field/cell-media-vector-art-edit.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport { IconButton, Tooltip } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\nimport { useTranslations } from '../../hooks';\nimport type { MediaVectorArtValue } from '../../types/media-vector-art';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  fromVectorArtPick,\n  toMediaVectorArtValue,\n} from '../../utils/media-vector-art-value';\nimport { ImageThumbnail } from '../image/image-thumbnail';\nimport { ThumbnailReplaceOverlay } from '../image/thumbnail-replace-overlay';\nimport {\n  CellMediaEditShell,\n  MediaFieldType,\n  useCellMediaEdit,\n} from '../media-control';\nimport {\n  MediaVectorArtActions,\n  MediaVectorArtPreviewModal,\n} from './media-vector-art-actions';\nimport { classes } from './cell-media-vector-art-edit.st.css.js';\n\nexport interface CellMediaVectorArtEditProps {\n  value: unknown;\n  onChange: (value: MediaVectorArtValue | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellMediaVectorArtEdit: React.FC<CellMediaVectorArtEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const vectorArt = toMediaVectorArtValue(value);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n  const deletedFromPreview = useRef(false);\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.VECTOR_ART,\n    value: vectorArt,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n    fromPick: fromVectorArtPick,\n  });\n  const { handleCallMedia, handleDelete, downloadMedia } = mediaEdit;\n\n  const handleDownload = useCallback(() => {\n    if (vectorArt) {\n      downloadMedia(vectorArt.uri);\n    }\n  }, [vectorArt, downloadMedia]);\n\n  const openPreview = useCallback(() => {\n    onStartEdit?.();\n    setIsPreviewOpen(true);\n  }, [onStartEdit]);\n\n  const closePreview = useCallback(() => {\n    setIsPreviewOpen(false);\n    if (!deletedFromPreview.current) {\n      onCancel?.();\n    }\n    deletedFromPreview.current = false;\n  }, [onCancel]);\n\n  const deleteFromPreview = useCallback(() => {\n    deletedFromPreview.current = true;\n    handleDelete();\n  }, [handleDelete]);\n\n  const replaceFromPreview = useCallback(() => {\n    setIsPreviewOpen(false);\n    handleCallMedia();\n  }, [handleCallMedia]);\n\n  return (\n    <CellMediaEditShell\n      dataHook={dataHook}\n      mediaEdit={mediaEdit}\n      fieldType={MediaFieldType.image}\n    >\n      {vectorArt ? (\n        <>\n          <Tooltip content={t('CMS.vectorArt.replace')} appendTo=\"window\">\n            <button\n              type=\"button\"\n              data-hook=\"media-vector-art-edit-thumbnail\"\n              aria-label={t('CMS.vectorArt.replace')}\n              className={classes.thumbnailButton}\n              onClick={handleCallMedia}\n            >\n              <ImageThumbnail\n                value={vectorArt}\n                width=\"36px\"\n                height=\"24px\"\n                borderRadius=\"0\"\n              />\n              <ThumbnailReplaceOverlay />\n            </button>\n          </Tooltip>\n          <MediaVectorArtActions\n            dataHook=\"media-vector-art-edit\"\n            placement=\"cell\"\n            onReplace={handleCallMedia}\n            onPreview={openPreview}\n            onDownload={handleDownload}\n            onDelete={handleDelete}\n          />\n          <MediaVectorArtPreviewModal\n            isOpen={isPreviewOpen}\n            vectorArt={vectorArt}\n            onClose={closePreview}\n            onReplace={replaceFromPreview}\n            onDelete={deleteFromPreview}\n            onDownload={handleDownload}\n          />\n        </>\n      ) : (\n        <Tooltip content={t('CMS.vectorArt.add')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"secondary\"\n            dataHook=\"media-vector-art-edit-add-button\"\n            ariaLabel={t('CMS.vectorArt.add')}\n            onClick={handleCallMedia}\n          >\n            <Add />\n          </IconButton>\n        </Tooltip>\n      )}\n    </CellMediaEditShell>\n  );\n};\n\nCellMediaVectorArtEdit.displayName = 'CellMediaVectorArtEdit';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-vector-art-field/cell-media-vector-art-edit.st.css

@@ -0,0 +1,8 @@
+.thumbnailButton {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: none;
+  line-height: 0;
+  cursor: pointer;
+}

package/dist/cjs/components/media-vector-art-field/cell-media-vector-art-edit.st.css.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "cellmediavectorartedit4192672435";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "cellmediavectorartedit4192672435__root",
+  "thumbnailButton": "cellmediavectorartedit4192672435__thumbnailButton"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=cell-media-vector-art-edit.st.css.js.map

package/dist/cjs/components/media-vector-art-field/cell-media-vector-art-edit.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-vector-art-field/cell-media-vector-art-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediavectorartedit4192672435\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmediavectorartedit4192672435__root\",\"thumbnailButton\":\"cellmediavectorartedit4192672435__thumbnailButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAmD,CAAC;AACrI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-vector-art-field/form-media-vector-art-field.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormMediaVectorArtField = exports.ControlledMediaVectorArtInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _react2 = require("@wix/bex-core/react");
+var _autoFieldTypes = require("../../auto-field-types");
+var _hooks = require("../../hooks");
+var _mediaConstants = require("../../utils/media-constants");
+var _mediaUtils = require("../../utils/media-utils");
+var _mediaVectorArtValue = require("../../utils/media-vector-art-value");
+var _common = require("../common");
+var _mediaControl = require("../media-control");
+var _mediaVectorArtActions = require("./media-vector-art-actions");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-vector-art-field/form-media-vector-art-field.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const FormMediaVectorArtField = ({
+  data,
+  onChange,
+  onBlur,
+  readOnly,
+  autoFocus,
+  dataHook,
+  inputRef: forwardedRef,
+  imageFormFieldProps
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const isMobile = (0, _react2.useIsMobile)();
+  const vectorArt = (0, _mediaVectorArtValue.toMediaVectorArtValue)(data);
+  const [inputRef, setInputRef] = (0, _hooks.useMergedRef)(forwardedRef);
+  const handlePick = (0, _react.useCallback)(uri => {
+    const picked = (0, _mediaVectorArtValue.fromVectorArtPick)(uri);
+    if (picked) {
+      onChange(picked);
+    }
+  }, [onChange]);
+  const {
+    callMedia,
+    downloadMedia
+  } = (0, _mediaControl.useMediaControl)({
+    mediaType: _mediaUtils.MEDIA_TYPES.VECTOR_ART,
+    value: vectorArt == null ? void 0 : vectorArt.uri,
+    onChange: handlePick,
+    autoFocus,
+    readOnly,
+    onBlur,
+    inputRef
+  });
+  const [isPreviewOpen, setIsPreviewOpen] = (0, _react.useState)(false);
+  const canEdit = !isMobile && !readOnly;
+  const canDelete = !readOnly;
+  const handleDownload = (0, _react.useCallback)(() => {
+    if (vectorArt) {
+      downloadMedia(vectorArt.uri);
+    }
+  }, [vectorArt, downloadMedia]);
+  const shouldFocusAddAfterDelete = (0, _react.useRef)(false);
+  const handleDelete = (0, _react.useCallback)(() => {
+    setIsPreviewOpen(false);
+    shouldFocusAddAfterDelete.current = true;
+    onChange(null);
+  }, [onChange]);
+  (0, _react.useEffect)(() => {
+    if (!vectorArt && shouldFocusAddAfterDelete.current) {
+      var _inputRef$current;
+      shouldFocusAddAfterDelete.current = false;
+      (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
+    }
+  }, [vectorArt, inputRef]);
+  const handlePreviewReplace = (0, _react.useCallback)(() => {
+    setIsPreviewOpen(false);
+    callMedia();
+  }, [callMedia]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    width: "100%",
+    maxWidth: _mediaConstants.MEDIA_MAX_WIDTH,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 111,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, (0, _extends2.default)({}, imageFormFieldProps, {
+    dataHook: "media-vector-art-field-image",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 112,
+      columnNumber: 7
+    }
+  }), vectorArt ? /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay, {
+    dataHook: "media-vector-art-field-overlay",
+    hoverSkin: "dark",
+    media: /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
+      dataHook: "media-vector-art-field-current-image",
+      src: (0, _autoFieldTypes.mediaURItoImageURL)(vectorArt.uri, _autoFieldTypes.ThumbnailSize.L),
+      width: "100%",
+      height: _mediaConstants.MEDIA_HEIGHT,
+      fit: "contain",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 121,
+        columnNumber: 15
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 117,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay.Content, {
+    placement: "middle",
+    visible: "hover",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 130,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_mediaVectorArtActions.MediaVectorArtActions, {
+    dataHook: "media-vector-art-field",
+    placement: "overlay",
+    onReplace: canEdit ? callMedia : undefined,
+    onPreview: () => setIsPreviewOpen(true),
+    onDownload: handleDownload,
+    onDelete: canDelete ? handleDelete : undefined,
+    menuZIndex: _common.Z_INDEX_MODAL_POPOVER,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 131,
+      columnNumber: 15
+    }
+  }))) : /*#__PURE__*/_react.default.createElement(_designSystem.ImageViewer, {
+    ref: setInputRef,
+    dataHook: "media-vector-art-field-viewer",
+    onAddImage: canEdit ? callMedia : undefined,
+    disabled: !canEdit,
+    addImageInfo: t('CMS.vectorArt.add'),
+    height: _mediaConstants.MEDIA_HEIGHT,
+    width: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 143,
+      columnNumber: 11
+    }
+  })), vectorArt && /*#__PURE__*/_react.default.createElement(_mediaVectorArtActions.MediaVectorArtPreviewModal, {
+    isOpen: isPreviewOpen,
+    vectorArt: vectorArt,
+    onClose: () => setIsPreviewOpen(false),
+    onReplace: handlePreviewReplace,
+    onDelete: canEdit ? handleDelete : undefined,
+    onDownload: handleDownload,
+    readOnly: !canEdit,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 155,
+      columnNumber: 9
+    }
+  }));
+};
+exports.FormMediaVectorArtField = FormMediaVectorArtField;
+FormMediaVectorArtField.displayName = 'FormMediaVectorArtField';
+const ControlledMediaVectorArtInput = ({
+  data,
+  onChange,
+  onBlur,
+  readOnly,
+  autoFocus,
+  dataHook
+}) => /*#__PURE__*/_react.default.createElement(FormMediaVectorArtField, {
+  data: data,
+  onChange: onChange,
+  onBlur: onBlur,
+  readOnly: readOnly,
+  autoFocus: autoFocus,
+  dataHook: dataHook,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 179,
+    columnNumber: 3
+  }
+});
+exports.ControlledMediaVectorArtInput = ControlledMediaVectorArtInput;
+ControlledMediaVectorArtInput.displayName = 'ControlledMediaVectorArtInput';
+//# sourceMappingURL=form-media-vector-art-field.js.map

package/dist/cjs/components/media-vector-art-field/form-media-vector-art-field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_autoFieldTypes","_hooks","_mediaConstants","_mediaUtils","_mediaVectorArtValue","_common","_mediaControl","_mediaVectorArtActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormMediaVectorArtField","data","onChange","onBlur","readOnly","autoFocus","dataHook","inputRef","forwardedRef","imageFormFieldProps","useTranslations","isMobile","useIsMobile","vectorArt","toMediaVectorArtValue","setInputRef","useMergedRef","handlePick","useCallback","uri","picked","fromVectorArtPick","callMedia","downloadMedia","useMediaControl","mediaType","MEDIA_TYPES","VECTOR_ART","value","isPreviewOpen","setIsPreviewOpen","useState","canEdit","canDelete","handleDownload","shouldFocusAddAfterDelete","useRef","handleDelete","current","useEffect","_inputRef$current","focus","handlePreviewReplace","createElement","Box","width","maxWidth","MEDIA_MAX_WIDTH","__self","__source","fileName","lineNumber","columnNumber","FormField","_extends2","MediaOverlay","hoverSkin","media","Image","src","mediaURItoImageURL","ThumbnailSize","L","height","MEDIA_HEIGHT","fit","Content","placement","visible","MediaVectorArtActions","onReplace","undefined","onPreview","onDownload","onDelete","menuZIndex","Z_INDEX_MODAL_POPOVER","ImageViewer","ref","onAddImage","disabled","addImageInfo","MediaVectorArtPreviewModal","isOpen","onClose","exports","displayName","ControlledMediaVectorArtInput"],"sources":["../../../../src/components/media-vector-art-field/form-media-vector-art-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport type { FormFieldProps } from '@wix/design-system';\nimport {\n  Box,\n  FormField,\n  Image,\n  ImageViewer,\n  MediaOverlay,\n} from '@wix/design-system';\nimport { useIsMobile } from '@wix/bex-core/react';\n\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport type { MediaVectorArtValue } from '../../types/media-vector-art';\nimport { useMergedRef, useTranslations } from '../../hooks';\nimport { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  fromVectorArtPick,\n  toMediaVectorArtValue,\n} from '../../utils/media-vector-art-value';\nimport { Z_INDEX_MODAL_POPOVER } from '../common';\nimport { useMediaControl } from '../media-control';\nimport {\n  MediaVectorArtActions,\n  MediaVectorArtPreviewModal,\n} from './media-vector-art-actions';\n\ninterface ImageViewerActions {\n  focus: () => void;\n}\n\nexport interface FormMediaVectorArtFieldProps {\n  data?: unknown;\n  onChange: (value: MediaVectorArtValue | null) => void;\n  onBlur?: () => void;\n  readOnly?: boolean;\n  autoFocus?: boolean;\n  dataHook?: string;\n  inputRef?: React.Ref<ImageViewerActions>;\n  imageFormFieldProps?: Pick<\n    FormFieldProps,\n    'label' | 'required' | 'status' | 'statusMessage'\n  >;\n}\n\nexport const FormMediaVectorArtField: FC<FormMediaVectorArtFieldProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  dataHook,\n  inputRef: forwardedRef,\n  imageFormFieldProps,\n}) => {\n  const { t } = useTranslations();\n  const isMobile = useIsMobile();\n  const vectorArt = toMediaVectorArtValue(data);\n  const [inputRef, setInputRef] =\n    useMergedRef<ImageViewerActions>(forwardedRef);\n\n  const handlePick = useCallback(\n    (uri: string) => {\n      const picked = fromVectorArtPick(uri);\n      if (picked) {\n        onChange(picked);\n      }\n    },\n    [onChange],\n  );\n\n  const { callMedia, downloadMedia } = useMediaControl({\n    mediaType: MEDIA_TYPES.VECTOR_ART,\n    value: vectorArt?.uri,\n    onChange: handlePick,\n    autoFocus,\n    readOnly,\n    onBlur,\n    inputRef,\n  });\n\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n  const canEdit = !isMobile && !readOnly;\n  const canDelete = !readOnly;\n\n  const handleDownload = useCallback(() => {\n    if (vectorArt) {\n      downloadMedia(vectorArt.uri);\n    }\n  }, [vectorArt, downloadMedia]);\n  const shouldFocusAddAfterDelete = useRef(false);\n  const handleDelete = useCallback(() => {\n    setIsPreviewOpen(false);\n    shouldFocusAddAfterDelete.current = true;\n    onChange(null);\n  }, [onChange]);\n  useEffect(() => {\n    if (!vectorArt && shouldFocusAddAfterDelete.current) {\n      shouldFocusAddAfterDelete.current = false;\n      inputRef.current?.focus();\n    }\n  }, [vectorArt, inputRef]);\n  const handlePreviewReplace = useCallback(() => {\n    setIsPreviewOpen(false);\n    callMedia();\n  }, [callMedia]);\n\n  return (\n    <Box dataHook={dataHook} width=\"100%\" maxWidth={MEDIA_MAX_WIDTH}>\n      <FormField\n        {...imageFormFieldProps}\n        dataHook=\"media-vector-art-field-image\"\n      >\n        {vectorArt ? (\n          <MediaOverlay\n            dataHook=\"media-vector-art-field-overlay\"\n            hoverSkin=\"dark\"\n            media={\n              <Image\n                dataHook=\"media-vector-art-field-current-image\"\n                src={mediaURItoImageURL(vectorArt.uri, ThumbnailSize.L)}\n                width=\"100%\"\n                height={MEDIA_HEIGHT}\n                fit=\"contain\"\n              />\n            }\n          >\n            <MediaOverlay.Content placement=\"middle\" visible=\"hover\">\n              <MediaVectorArtActions\n                dataHook=\"media-vector-art-field\"\n                placement=\"overlay\"\n                onReplace={canEdit ? callMedia : undefined}\n                onPreview={() => setIsPreviewOpen(true)}\n                onDownload={handleDownload}\n                onDelete={canDelete ? handleDelete : undefined}\n                menuZIndex={Z_INDEX_MODAL_POPOVER}\n              />\n            </MediaOverlay.Content>\n          </MediaOverlay>\n        ) : (\n          <ImageViewer\n            ref={setInputRef}\n            dataHook=\"media-vector-art-field-viewer\"\n            onAddImage={canEdit ? callMedia : undefined}\n            disabled={!canEdit}\n            addImageInfo={t('CMS.vectorArt.add')}\n            height={MEDIA_HEIGHT}\n            width=\"100%\"\n          />\n        )}\n      </FormField>\n      {vectorArt && (\n        <MediaVectorArtPreviewModal\n          isOpen={isPreviewOpen}\n          vectorArt={vectorArt}\n          onClose={() => setIsPreviewOpen(false)}\n          onReplace={handlePreviewReplace}\n          onDelete={canEdit ? handleDelete : undefined}\n          onDownload={handleDownload}\n          readOnly={!canEdit}\n        />\n      )}\n    </Box>\n  );\n};\n\nFormMediaVectorArtField.displayName = 'FormMediaVectorArtField';\n\nexport type ControlledMediaVectorArtInputProps = Omit<\n  ControlledInputProps<MediaVectorArtValue | null>,\n  'invalid'\n>;\n\nexport const ControlledMediaVectorArtInput: FC<\n  ControlledMediaVectorArtInputProps\n> = ({ data, onChange, onBlur, readOnly, autoFocus, dataHook }) => (\n  <FormMediaVectorArtField\n    data={data}\n    onChange={onChange}\n    onBlur={onBlur}\n    readOnly={readOnly}\n    autoFocus={autoFocus}\n    dataHook={dataHook}\n  />\n);\n\nControlledMediaVectorArtInput.displayName = 'ControlledMediaVectorArtInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-vector-art-field/form-media-vector-art-field.uni.driver.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormMediaVectorArtFieldUniDriver = FormMediaVectorArtFieldUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../testkit/base-driver");
+function FormMediaVectorArtFieldUniDriver(base, body) {
+  const formField = (0, _unidriver.FormFieldUniDriver)(base.$('[data-hook="media-vector-art-field-image"]'), body);
+  const imageViewer = (0, _unidriver.ImageViewerUniDriver)(base.$('[data-hook="media-vector-art-field-viewer"]'), body);
+  const addItem = (0, _unidriver.AddItemUniDriver)(base.$('[data-hook="media-vector-art-field-viewer"] [data-hook="add-image"]'), body);
+  const menuItem = action => body.$(`[data-hook="media-vector-art-field-action-${action}"]`);
+  const clickMenuItem = async action => {
+    await base.$('[data-hook="media-vector-art-field-more-button"]').click();
+    await menuItem(action).click();
+  };
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    isRequired: () => formField.isRequired(),
+    hasError: () => formField.hasStatus('error'),
+    getErrorMessage: () => formField.getStatusMessage(),
+    hasImage: () => base.$('[data-hook="media-vector-art-field-current-image"]').exists(),
+    clickAdd: () => imageViewer.clickAdd(),
+    isAddDisabled: () => imageViewer.isDisabled(),
+    isAddButtonFocused: () => addItem.isFocused(),
+    clickReplace: () => clickMenuItem('replace'),
+    openPreview: () => clickMenuItem('preview'),
+    clickDelete: () => clickMenuItem('delete'),
+    isPreviewOpen: () => body.$('[data-hook="preview-modal-content"]').exists()
+  };
+}
+//# sourceMappingURL=form-media-vector-art-field.uni.driver.js.map

package/dist/cjs/components/media-vector-art-field/form-media-vector-art-field.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","FormMediaVectorArtFieldUniDriver","base","body","formField","FormFieldUniDriver","$","imageViewer","ImageViewerUniDriver","addItem","AddItemUniDriver","menuItem","action","clickMenuItem","click","baseUniDriverFactory","isRequired","hasError","hasStatus","getErrorMessage","getStatusMessage","hasImage","exists","clickAdd","isAddDisabled","isDisabled","isAddButtonFocused","isFocused","clickReplace","openPreview","clickDelete","isPreviewOpen"],"sources":["../../../../src/components/media-vector-art-field/form-media-vector-art-field.uni.driver.ts"],"sourcesContent":["import type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  AddItemUniDriver,\n  FormFieldUniDriver,\n  ImageViewerUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FormMediaVectorArtFieldUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const formField = FormFieldUniDriver(\n    base.$('[data-hook=\"media-vector-art-field-image\"]'),\n    body,\n  );\n  const imageViewer = ImageViewerUniDriver(\n    base.$('[data-hook=\"media-vector-art-field-viewer\"]'),\n    body,\n  );\n  const addItem = AddItemUniDriver(\n    base.$(\n      '[data-hook=\"media-vector-art-field-viewer\"] [data-hook=\"add-image\"]',\n    ),\n    body,\n  );\n  const menuItem = (action: string) =>\n    body.$(`[data-hook=\"media-vector-art-field-action-${action}\"]`);\n  const clickMenuItem = async (action: string) => {\n    await base.$('[data-hook=\"media-vector-art-field-more-button\"]').click();\n    await menuItem(action).click();\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    isRequired: () => formField.isRequired(),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n    hasImage: () =>\n      base.$('[data-hook=\"media-vector-art-field-current-image\"]').exists(),\n    clickAdd: () => imageViewer.clickAdd(),\n    isAddDisabled: () => imageViewer.isDisabled(),\n    isAddButtonFocused: () => addItem.isFocused(),\n    clickReplace: () => clickMenuItem('replace'),\n    openPreview: () => clickMenuItem('preview'),\n    clickDelete: () => clickMenuItem('delete'),\n    isPreviewOpen: () => body.$('[data-hook=\"preview-modal-content\"]').exists(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAMA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,gCAAgCA,CAC9CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAClCH,IAAI,CAACI,CAAC,CAAC,4CAA4C,CAAC,EACpDH,IACF,CAAC;EACD,MAAMI,WAAW,GAAG,IAAAC,+BAAoB,EACtCN,IAAI,CAACI,CAAC,CAAC,6CAA6C,CAAC,EACrDH,IACF,CAAC;EACD,MAAMM,OAAO,GAAG,IAAAC,2BAAgB,EAC9BR,IAAI,CAACI,CAAC,CACJ,qEACF,CAAC,EACDH,IACF,CAAC;EACD,MAAMQ,QAAQ,GAAIC,MAAc,IAC9BT,IAAI,CAACG,CAAC,CAAC,6CAA6CM,MAAM,IAAI,CAAC;EACjE,MAAMC,aAAa,GAAG,MAAOD,MAAc,IAAK;IAC9C,MAAMV,IAAI,CAACI,CAAC,CAAC,kDAAkD,CAAC,CAACQ,KAAK,CAAC,CAAC;IACxE,MAAMH,QAAQ,CAACC,MAAM,CAAC,CAACE,KAAK,CAAC,CAAC;EAChC,CAAC;EAED,OAAO;IACL,GAAG,IAAAC,gCAAoB,EAACb,IAAI,CAAC;IAC7Bc,UAAU,EAAEA,CAAA,KAAMZ,SAAS,CAACY,UAAU,CAAC,CAAC;IACxCC,QAAQ,EAAEA,CAAA,KAAMb,SAAS,CAACc,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAMf,SAAS,CAACgB,gBAAgB,CAAC,CAAC;IACnDC,QAAQ,EAAEA,CAAA,KACRnB,IAAI,CAACI,CAAC,CAAC,oDAAoD,CAAC,CAACgB,MAAM,CAAC,CAAC;IACvEC,QAAQ,EAAEA,CAAA,KAAMhB,WAAW,CAACgB,QAAQ,CAAC,CAAC;IACtCC,aAAa,EAAEA,CAAA,KAAMjB,WAAW,CAACkB,UAAU,CAAC,CAAC;IAC7CC,kBAAkB,EAAEA,CAAA,KAAMjB,OAAO,CAACkB,SAAS,CAAC,CAAC;IAC7CC,YAAY,EAAEA,CAAA,KAAMf,aAAa,CAAC,SAAS,CAAC;IAC5CgB,WAAW,EAAEA,CAAA,KAAMhB,aAAa,CAAC,SAAS,CAAC;IAC3CiB,WAAW,EAAEA,CAAA,KAAMjB,aAAa,CAAC,QAAQ,CAAC;IAC1CkB,aAAa,EAAEA,CAAA,KAAM5B,IAAI,CAACG,CAAC,CAAC,qCAAqC,CAAC,CAACgB,MAAM,CAAC;EAC5E,CAAC;AACH","ignoreList":[]}