@wix/patterns-fields 1.130.0 → 1.133.0

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,32 @@
+"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(),
+    clickPreviewReplace: () => (0, _unidriver.ButtonUniDriver)(body.$('[data-hook="preview-modal-replace-button"]'), body).click()
+  };
+}
+//# 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","clickPreviewReplace","ButtonUniDriver"],"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  ButtonUniDriver,\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    clickPreviewReplace: () =>\n      ButtonUniDriver(\n        body.$('[data-hook=\"preview-modal-replace-button\"]'),\n        body,\n      ).click(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAOA,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,CAAC;IAC3EU,mBAAmB,EAAEA,CAAA,KACnB,IAAAC,0BAAe,EACb9B,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDH,IACF,CAAC,CAACW,KAAK,CAAC;EACZ,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormMediaVectorArtInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _form = require("@wix/bex-core/form");
+var _hooks = require("../../hooks");
+var _mediaVectorArtValue = require("../../utils/media-vector-art-value");
+var _formMediaVectorArtField = require("./form-media-vector-art-field");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-vector-art-field/form-media-vector-art-input.tsx";
+const _FormMediaVectorArtInput = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        return (_field$validation = field.validation) != null && _field$validation.required && (0, _mediaVectorArtValue.isMediaVectorArtEmpty)(value) ? t('cairo.fieldValidation.requiredField') : true;
+      }
+    }
+  });
+  const setFieldRef = (0, _hooks.useFieldRef)(controller.field.ref);
+  return /*#__PURE__*/_react.default.createElement(_formMediaVectorArtField.FormMediaVectorArtField, {
+    inputRef: setFieldRef,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange(value),
+    dataHook: dataHook,
+    imageFormFieldProps: {
+      label: field.displayName,
+      required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+      status: controller.fieldState.error ? 'error' : undefined,
+      statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  });
+};
+const FormMediaVectorArtInput = exports.FormMediaVectorArtInput = (0, _mobxReactLite.observer)(_FormMediaVectorArtInput);
+//# sourceMappingURL=form-media-vector-art-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_form","_hooks","_mediaVectorArtValue","_formMediaVectorArtField","_jsxFileName","_FormMediaVectorArtInput","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isMediaVectorArtEmpty","setFieldRef","useFieldRef","ref","default","createElement","FormMediaVectorArtField","inputRef","onChange","imageFormFieldProps","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormMediaVectorArtInput","exports","observer"],"sources":["../../../../src/components/media-vector-art-field/form-media-vector-art-input.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport type { BaseInputProps } from '../../types/base-input';\nimport type { MediaVectorArtValue } from '../../types/media-vector-art';\nimport { useFieldRef } from '../../hooks';\nimport { isMediaVectorArtEmpty } from '../../utils/media-vector-art-value';\nimport { FormMediaVectorArtField } from './form-media-vector-art-field';\n\nexport interface FormMediaVectorArtInputProps\n  extends BaseInputProps<MediaVectorArtValue | null> {}\n\nconst _FormMediaVectorArtInput = (props: FormMediaVectorArtInputProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) =>\n        field.validation?.required && isMediaVectorArtEmpty(value)\n          ? t('cairo.fieldValidation.requiredField')\n          : true,\n    },\n  });\n\n  const setFieldRef = useFieldRef(controller.field.ref);\n\n  return (\n    <FormMediaVectorArtField\n      inputRef={setFieldRef}\n      data={controller.field.value}\n      onChange={(value) => controller.field.onChange(value)}\n      dataHook={dataHook}\n      imageFormFieldProps={{\n        label: field.displayName,\n        required: field.validation?.required,\n        status: controller.fieldState.error ? 'error' : undefined,\n        statusMessage: controller.fieldState.error?.message,\n      }}\n    />\n  );\n};\n\nexport const FormMediaVectorArtInput = observer(_FormMediaVectorArtInput);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAIA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,wBAAA,GAAAN,OAAA;AAAwE,IAAAO,YAAA;AAKxE,MAAMC,wBAAwB,GAAIC,KAAmC,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EACxE,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAEpD,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAET,WAAW;IACpBU,YAAY,EAAET,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK;QAAA,IAAAC,iBAAA;QAAA,OACd,CAAAA,iBAAA,GAAAhB,KAAK,CAACiB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,IAAAC,0CAAqB,EAACJ,KAAK,CAAC,GACtDV,CAAC,CAAC,qCAAqC,CAAC,GACxC,IAAI;MAAA;IACZ;EACF,CAAC,CAAC;EAEF,MAAMe,WAAW,GAAG,IAAAC,kBAAW,EAACd,UAAU,CAACP,KAAK,CAACsB,GAAG,CAAC;EAErD,oBACEpC,MAAA,CAAAqC,OAAA,CAAAC,aAAA,CAAC9B,wBAAA,CAAA+B,uBAAuB;IACtBC,QAAQ,EAAEN,WAAY;IACtBjB,IAAI,EAAEI,UAAU,CAACP,KAAK,CAACe,KAAM;IAC7BY,QAAQ,EAAGZ,KAAK,IAAKR,UAAU,CAACP,KAAK,CAAC2B,QAAQ,CAACZ,KAAK,CAAE;IACtDd,QAAQ,EAAEA,QAAS;IACnB2B,mBAAmB,EAAE;MACnBC,KAAK,EAAE7B,KAAK,CAAC8B,WAAW;MACxBZ,QAAQ,GAAApB,kBAAA,GAAEE,KAAK,CAACiB,UAAU,qBAAhBnB,kBAAA,CAAkBoB,QAAQ;MACpCa,MAAM,EAAExB,UAAU,CAACyB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGC,SAAS;MACzDC,aAAa,GAAApC,qBAAA,GAAEQ,UAAU,CAACyB,UAAU,CAACC,KAAK,qBAA3BlC,qBAAA,CAA6BqC;IAC9C,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN,CAAC;AAEM,MAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAAChD,wBAAwB,CAAC","ignoreList":[]}

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

@@ -7,4 +7,22 @@ Object.keys(_mediaVectorArtView).forEach(function (key) {
   if (key in exports && exports[key] === _mediaVectorArtView[key]) return;
   exports[key] = _mediaVectorArtView[key];
 });
+var _cellMediaVectorArtEdit = require("./cell-media-vector-art-edit");
+Object.keys(_cellMediaVectorArtEdit).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellMediaVectorArtEdit[key]) return;
+  exports[key] = _cellMediaVectorArtEdit[key];
+});
+var _formMediaVectorArtField = require("./form-media-vector-art-field");
+Object.keys(_formMediaVectorArtField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formMediaVectorArtField[key]) return;
+  exports[key] = _formMediaVectorArtField[key];
+});
+var _formMediaVectorArtInput = require("./form-media-vector-art-input");
+Object.keys(_formMediaVectorArtInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formMediaVectorArtInput[key]) return;
+  exports[key] = _formMediaVectorArtInput[key];
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_mediaVectorArtView","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/media-vector-art-field/index.ts"],"sourcesContent":["export * from './media-vector-art-view';\n"],"mappings":";;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,mBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_mediaVectorArtView","require","Object","keys","forEach","key","exports","_cellMediaVectorArtEdit","_formMediaVectorArtField","_formMediaVectorArtInput"],"sources":["../../../../src/components/media-vector-art-field/index.ts"],"sourcesContent":["export * from './media-vector-art-view';\nexport * from './cell-media-vector-art-edit';\nexport * from './form-media-vector-art-field';\nexport * from './form-media-vector-art-input';\n"],"mappings":";;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,mBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,uBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,uBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,uBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,uBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,wBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,wBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,wBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,wBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,wBAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,wBAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,wBAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,wBAAA,CAAAJ,GAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,187 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MediaVectorArtPreviewModal = exports.MediaVectorArtActions = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _hooks = require("../../hooks");
+var _mediaPreviewModal = require("../media-gallery/media-preview-modal");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-vector-art-field/media-vector-art-actions.tsx";
+const TRIGGER_LOOK = {
+  cell: {
+    size: 'tiny',
+    priority: 'tertiary'
+  },
+  overlay: {
+    size: 'small',
+    skin: 'light',
+    priority: 'secondary'
+  }
+};
+const MediaVectorArtActions = ({
+  dataHook,
+  placement,
+  onReplace,
+  onPreview,
+  onDownload,
+  onDelete,
+  menuZIndex
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+    textSize: "small",
+    appendTo: "window",
+    zIndex: menuZIndex,
+    triggerElement: ({
+      isOpen,
+      toggle,
+      ref
+    }) => /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, (0, _extends2.default)({}, TRIGGER_LOOK[placement], {
+      ref: ref,
+      dataHook: `${dataHook}-more-button`,
+      ariaLabel: t('auto-patterns.fields.more_actions_tooltip'),
+      "aria-haspopup": "menu",
+      "aria-expanded": isOpen,
+      onClick: toggle,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 52,
+        columnNumber: 9
+      }
+    }), /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 61,
+        columnNumber: 11
+      }
+    })),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: `${dataHook}-action-replace`,
+    text: t('CMS.image.replace'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 68,
+        columnNumber: 21
+      }
+    }),
+    disabled: !onReplace,
+    onClick: () => onReplace == null ? void 0 : onReplace(),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 65,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: `${dataHook}-action-preview`,
+    text: t('CMS.mediaGallery.preview'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Maximize, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 75,
+        columnNumber: 21
+      }
+    }),
+    onClick: onPreview,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: `${dataHook}-action-download`,
+    text: t('CMS.image.download'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 81,
+        columnNumber: 21
+      }
+    }),
+    onClick: onDownload,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 84,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: `${dataHook}-action-delete`,
+    text: t('CMS.image.clear'),
+    skin: "destructive",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 89,
+        columnNumber: 21
+      }
+    }),
+    disabled: !onDelete,
+    onClick: () => onDelete == null ? void 0 : onDelete(),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 85,
+      columnNumber: 7
+    }
+  }));
+};
+exports.MediaVectorArtActions = MediaVectorArtActions;
+MediaVectorArtActions.displayName = 'MediaVectorArtActions';
+const MediaVectorArtPreviewModal = ({
+  isOpen,
+  vectorArt,
+  onClose,
+  onReplace,
+  onDelete,
+  onDownload,
+  readOnly
+}) => /*#__PURE__*/_react.default.createElement(_mediaPreviewModal.MediaPreviewModal, {
+  isOpen: isOpen,
+  value: vectorArt.uri,
+  onClose: onClose,
+  onRequestMedia: onReplace,
+  onClearMedia: onDelete,
+  onDownloadMedia: onDownload,
+  readOnly: readOnly,
+  textKeys: {
+    replace: 'CMS.image.replace',
+    download: 'CMS.image.download',
+    delete: 'CMS.image.clear'
+  },
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 120,
+    columnNumber: 3
+  }
+});
+exports.MediaVectorArtPreviewModal = MediaVectorArtPreviewModal;
+MediaVectorArtPreviewModal.displayName = 'MediaVectorArtPreviewModal';
+//# sourceMappingURL=media-vector-art-actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_hooks","_mediaPreviewModal","_jsxFileName","TRIGGER_LOOK","cell","size","priority","overlay","skin","MediaVectorArtActions","dataHook","placement","onReplace","onPreview","onDownload","onDelete","menuZIndex","t","useTranslations","default","createElement","PopoverMenu","textSize","appendTo","zIndex","triggerElement","isOpen","toggle","ref","IconButton","_extends2","ariaLabel","onClick","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","MenuItem","text","prefixIcon","Replace","disabled","Maximize","Download","Divider","Delete","exports","displayName","MediaVectorArtPreviewModal","vectorArt","onClose","readOnly","MediaPreviewModal","value","uri","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","replace","download","delete"],"sources":["../../../../src/components/media-vector-art-field/media-vector-art-actions.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton, PopoverMenu } from '@wix/design-system';\nimport type { IconButtonProps } from '@wix/design-system';\nimport {\n  Delete,\n  Download,\n  Maximize,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { useTranslations } from '../../hooks';\nimport type { MediaVectorArtValue } from '../../types/media-vector-art';\nimport { MediaPreviewModal } from '../media-gallery/media-preview-modal';\n\ntype ActionsPlacement = 'cell' | 'overlay';\n\nconst TRIGGER_LOOK: Record<\n  ActionsPlacement,\n  Pick<IconButtonProps, 'size' | 'skin' | 'priority'>\n> = {\n  cell: { size: 'tiny', priority: 'tertiary' },\n  overlay: { size: 'small', skin: 'light', priority: 'secondary' },\n};\n\nexport interface MediaVectorArtActionsProps {\n  dataHook: string;\n  placement: ActionsPlacement;\n  onReplace?: () => void;\n  onPreview: () => void;\n  onDownload: () => void;\n  onDelete?: () => void;\n  menuZIndex?: number;\n}\n\nexport const MediaVectorArtActions: React.FC<MediaVectorArtActionsProps> = ({\n  dataHook,\n  placement,\n  onReplace,\n  onPreview,\n  onDownload,\n  onDelete,\n  menuZIndex,\n}) => {\n  const { t } = useTranslations();\n\n  return (\n    <PopoverMenu\n      textSize=\"small\"\n      appendTo=\"window\"\n      zIndex={menuZIndex}\n      triggerElement={({ isOpen, toggle, ref }) => (\n        <IconButton\n          {...TRIGGER_LOOK[placement]}\n          ref={ref}\n          dataHook={`${dataHook}-more-button`}\n          ariaLabel={t('auto-patterns.fields.more_actions_tooltip')}\n          aria-haspopup=\"menu\"\n          aria-expanded={isOpen}\n          onClick={toggle}\n        >\n          <MoreSmall />\n        </IconButton>\n      )}\n    >\n      <PopoverMenu.MenuItem\n        dataHook={`${dataHook}-action-replace`}\n        text={t('CMS.image.replace')}\n        prefixIcon={<Replace />}\n        disabled={!onReplace}\n        onClick={() => onReplace?.()}\n      />\n      <PopoverMenu.MenuItem\n        dataHook={`${dataHook}-action-preview`}\n        text={t('CMS.mediaGallery.preview')}\n        prefixIcon={<Maximize />}\n        onClick={onPreview}\n      />\n      <PopoverMenu.MenuItem\n        dataHook={`${dataHook}-action-download`}\n        text={t('CMS.image.download')}\n        prefixIcon={<Download />}\n        onClick={onDownload}\n      />\n      <PopoverMenu.Divider />\n      <PopoverMenu.MenuItem\n        dataHook={`${dataHook}-action-delete`}\n        text={t('CMS.image.clear')}\n        skin=\"destructive\"\n        prefixIcon={<Delete />}\n        disabled={!onDelete}\n        onClick={() => onDelete?.()}\n      />\n    </PopoverMenu>\n  );\n};\n\nMediaVectorArtActions.displayName = 'MediaVectorArtActions';\n\nexport interface MediaVectorArtPreviewModalProps {\n  isOpen: boolean;\n  vectorArt: MediaVectorArtValue;\n  onClose: () => void;\n  onReplace: () => void;\n  onDelete?: () => void;\n  onDownload: () => void;\n  readOnly?: boolean;\n}\n\nexport const MediaVectorArtPreviewModal: React.FC<\n  MediaVectorArtPreviewModalProps\n> = ({\n  isOpen,\n  vectorArt,\n  onClose,\n  onReplace,\n  onDelete,\n  onDownload,\n  readOnly,\n}) => (\n  <MediaPreviewModal\n    isOpen={isOpen}\n    value={vectorArt.uri}\n    onClose={onClose}\n    onRequestMedia={onReplace}\n    onClearMedia={onDelete}\n    onDownloadMedia={onDownload}\n    readOnly={readOnly}\n    textKeys={{\n      replace: 'CMS.image.replace',\n      download: 'CMS.image.download',\n      delete: 'CMS.image.clear',\n    }}\n  />\n);\n\nMediaVectorArtPreviewModal.displayName = 'MediaVectorArtPreviewModal';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/multi-document/cell-multi-document-edit.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_ = "cellmultidocumentedit1175738466";
+var _namespace_ = "cellmultidocumentedit1162337225";
 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": "cellmultidocumentedit1175738466__root",
-  "chipTrigger": "cellmultidocumentedit1175738466__chipTrigger"
+  "root": "cellmultidocumentedit1162337225__root",
+  "chipTrigger": "cellmultidocumentedit1162337225__chipTrigger"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/multi-document/cell-multi-document-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/multi-document/cell-multi-document-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultidocumentedit1175738466\";\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\":\"cellmultidocumentedit1175738466__root\",\"chipTrigger\":\"cellmultidocumentedit1175738466__chipTrigger\"};\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,iCAAiC;AACnD,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,uCAAuC;EAAC,aAAa,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,CAAC,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/multi-document/cell-multi-document-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultidocumentedit1162337225\";\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\":\"cellmultidocumentedit1162337225__root\",\"chipTrigger\":\"cellmultidocumentedit1162337225__chipTrigger\"};\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,iCAAiC;AACnD,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,uCAAuC;EAAC,aAAa,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,CAAC,CAAC","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmultidocument1257162130";
+var _namespace_ = "formmultidocument1821799669";
 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": "formmultidocument1257162130__root",
-  "viewRoot": "formmultidocument1257162130__viewRoot",
-  "singleViewWrapper": "formmultidocument1257162130__singleViewWrapper",
-  "addDocumentButton": "formmultidocument1257162130__addDocumentButton"
+  "root": "formmultidocument1821799669__root",
+  "viewRoot": "formmultidocument1821799669__viewRoot",
+  "singleViewWrapper": "formmultidocument1821799669__singleViewWrapper",
+  "addDocumentButton": "formmultidocument1821799669__addDocumentButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};