@wix/patterns-fields 1.0.0

package/dist/cjs/components/media-image/overlays/video-indicator-overlay.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.VideoIndicatorOverlay = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _overlayStCss = require("./overlay.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-image/overlays/video-indicator-overlay.tsx";
+const VideoIndicatorOverlay = ({
+  src,
+  size = 'small',
+  placement = 'bottomLeft'
+}) => {
+  return src ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.VideoCameraSmall, {
+    className: (0, _overlayStCss.st)(_overlayStCss.classes.iconOverlay, {
+      size,
+      placement
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 13,
+      columnNumber: 5
+    }
+  }) : null;
+};
+exports.VideoIndicatorOverlay = VideoIndicatorOverlay;
+VideoIndicatorOverlay.displayName = 'VideoIndicatorOverlay';
+//# sourceMappingURL=video-indicator-overlay.js.map

package/dist/cjs/components/media-image/overlays/video-indicator-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_overlayStCss","_jsxFileName","VideoIndicatorOverlay","src","size","placement","default","createElement","VideoCameraSmall","className","st","classes","iconOverlay","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/components/media-image/overlays/video-indicator-overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { VideoCameraSmall } from '@wix/wix-ui-icons-common';\n\nimport { st, classes } from './overlay.st.css.js';\nimport type { IconOverlayProps } from './types';\n\nexport const VideoIndicatorOverlay: React.FC<IconOverlayProps> = ({\n  src,\n  size = 'small',\n  placement = 'bottomLeft',\n}) => {\n  return src ? (\n    <VideoCameraSmall\n      className={st(classes.iconOverlay, { size, placement })}\n    />\n  ) : null;\n};\n\nVideoIndicatorOverlay.displayName = 'VideoIndicatorOverlay';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAAkD,IAAAG,YAAA;AAG3C,MAAMC,qBAAiD,GAAGA,CAAC;EAChEC,GAAG;EACHC,IAAI,GAAG,OAAO;EACdC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,OAAOF,GAAG,gBACRP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,iBAAA,CAAAS,gBAAgB;IACfC,SAAS,EAAE,IAAAC,gBAAE,EAACC,qBAAO,CAACC,WAAW,EAAE;MAAER,IAAI;MAAEC;IAAU,CAAC,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzD,CAAC,GACA,IAAI;AACV,CAAC;AAACC,OAAA,CAAAhB,qBAAA,GAAAA,qBAAA;AAEFA,qBAAqB,CAACiB,WAAW,GAAG,uBAAuB","ignoreList":[]}

package/dist/cjs/components/media-loader/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _mediaLoader = require("./media-loader");
+Object.keys(_mediaLoader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mediaLoader[key]) return;
+  exports[key] = _mediaLoader[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/media-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mediaLoader","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/media-loader/index.ts"],"sourcesContent":["export * from './media-loader';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/media-loader/media-loader.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MediaLoader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mediaLoaderStCss = require("./media-loader.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-loader/media-loader.tsx";
+const MediaLoader = ({
+  borderStyle,
+  className
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  align: "center",
+  verticalAlign: "middle",
+  children: /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    size: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 15
+    }
+  }),
+  className: (0, _mediaLoaderStCss.style)(_mediaLoaderStCss.classes.loader, {
+    isSolid: borderStyle === 'solid',
+    isDashed: borderStyle === 'dashed'
+  }, className),
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 17,
+    columnNumber: 3
+  }
+});
+exports.MediaLoader = MediaLoader;
+//# sourceMappingURL=media-loader.js.map

package/dist/cjs/components/media-loader/media-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mediaLoaderStCss","_jsxFileName","MediaLoader","borderStyle","className","default","createElement","Box","align","verticalAlign","children","Loader","size","__self","__source","fileName","lineNumber","columnNumber","style","classes","loader","isSolid","isDashed","exports"],"sources":["../../../../src/components/media-loader/media-loader.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { Box, Loader } from '@wix/design-system';\n\nimport { style, classes } from './media-loader.st.css.js';\n\nexport interface MediaLoaderProps {\n  borderStyle?: 'solid' | 'dashed';\n  className?: string;\n}\n\nexport const MediaLoader: FC<MediaLoaderProps> = ({\n  borderStyle,\n  className,\n}) => (\n  <Box\n    align=\"center\"\n    verticalAlign=\"middle\"\n    children={<Loader size=\"tiny\" />}\n    className={style(\n      classes.loader,\n      {\n        isSolid: borderStyle === 'solid',\n        isDashed: borderStyle === 'dashed',\n      },\n      className,\n    )}\n  />\n);\n"],"mappings":";;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAA0D,IAAAG,YAAA;AAOnD,MAAMC,WAAiC,GAAGA,CAAC;EAChDC,WAAW;EACXC;AACF,CAAC,kBACCR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;EACFC,KAAK,EAAC,QAAQ;EACdC,aAAa,EAAC,QAAQ;EACtBC,QAAQ,eAAEd,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAY,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAE;EACjCb,SAAS,EAAE,IAAAc,uBAAK,EACdC,yBAAO,CAACC,MAAM,EACd;IACEC,OAAO,EAAElB,WAAW,KAAK,OAAO;IAChCmB,QAAQ,EAAEnB,WAAW,KAAK;EAC5B,CAAC,EACDC,SACF,CAAE;EAAAS,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAd,YAAA;IAAAe,UAAA;IAAAC,YAAA;EAAA;AAAA,CACH,CACF;AAACM,OAAA,CAAArB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/media-loader/media-loader.st.css

@@ -0,0 +1,20 @@
+@property st-global(--wds-color-blue-300);
+@property st-global(--wsr-color-B30);
+
+:vars {
+    loaderBorderRadius: 6px;
+    blue300: var(--wds-color-blue-300, var(--wsr-color-B30));
+}
+
+.loader {
+    -st-states: isDashed, isSolid;
+    border-radius: value(loaderBorderRadius);
+}
+
+.loader:isDashed {
+    border: dashed 1px value(blue300);
+}
+
+.loader:isSolid {
+    border: solid 1px value(blue300);
+}

package/dist/cjs/components/media-loader/media-loader.st.css.js

@@ -0,0 +1,29 @@
+"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_ = "medialoader3802590149";
+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": "medialoader3802590149__root",
+  "loader": "medialoader3802590149__loader"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {
+  "loaderBorderRadius": "6px",
+  "blue300": "var(--wds-color-blue-300, var(--wsr-color-B30))"
+};
+var vars = exports.vars = {
+  "wds-color-blue-300": "--wds-color-blue-300",
+  "wsr-color-B30": "--wsr-color-B30"
+};
+//# sourceMappingURL=media-loader.st.css.js.map

package/dist/cjs/components/media-loader/media-loader.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-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader3802590149\";\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\":\"medialoader3802590149__root\",\"loader\":\"medialoader3802590149__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,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;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-tag/highlighted-media-tag.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.HighlightedMediaTag = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _highlightedText = require("../highlighted-text");
+var _webMediaTag = require("./web-media-tag");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-tag/highlighted-media-tag.tsx";
+const HighlightedMediaTag = ({
+  titleHighlight,
+  ...props
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_webMediaTag.MediaTag, (0, _extends2.default)({}, props, {
+    title: /*#__PURE__*/_react.default.createElement(_highlightedText.HighlightedText, {
+      highlight: titleHighlight,
+      highlightedBackground: false,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 22,
+        columnNumber: 9
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }));
+};
+exports.HighlightedMediaTag = HighlightedMediaTag;
+HighlightedMediaTag.displayName = 'HighlightedMediaTag';
+//# sourceMappingURL=highlighted-media-tag.js.map

package/dist/cjs/components/media-tag/highlighted-media-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_highlightedText","_webMediaTag","_jsxFileName","HighlightedMediaTag","titleHighlight","props","default","createElement","MediaTag","_extends2","title","HighlightedText","highlight","highlightedBackground","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/media-tag/highlighted-media-tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { HighlightDescriptor } from '../../utils';\n\nimport { HighlightedText } from '../highlighted-text';\n\nimport type { MediaTagProps } from './web-media-tag';\nimport { MediaTag } from './web-media-tag';\n\nexport type HighlightedMediaTagProps = Omit<MediaTagProps, 'title'> & {\n  titleHighlight: HighlightDescriptor;\n};\n\nexport const HighlightedMediaTag: React.FC<HighlightedMediaTagProps> = ({\n  titleHighlight,\n  ...props\n}) => {\n  return (\n    <MediaTag\n      {...props}\n      title={\n        <HighlightedText\n          highlight={titleHighlight}\n          highlightedBackground={false}\n        />\n      }\n    />\n  );\n};\n\nHighlightedMediaTag.displayName = 'HighlightedMediaTag';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,gBAAA,GAAAD,OAAA;AAGA,IAAAE,YAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAMpC,MAAMC,mBAAuD,GAAGA,CAAC;EACtEC,cAAc;EACd,GAAGC;AACL,CAAC,KAAK;EACJ,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,YAAA,CAAAO,QAAQ,MAAAC,SAAA,CAAAH,OAAA,MACHD,KAAK;IACTK,KAAK,eACHb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,gBAAA,CAAAW,eAAe;MACdC,SAAS,EAAER,cAAe;MAC1BS,qBAAqB,EAAE,KAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAd,YAAA;QAAAe,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC9B,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAhB,mBAAA,GAAAA,mBAAA;AAEFA,mBAAmB,CAACiB,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/dist/cjs/components/media-tag/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _webMediaTag = require("./web-media-tag");
+Object.keys(_webMediaTag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _webMediaTag[key]) return;
+  exports[key] = _webMediaTag[key];
+});
+var _highlightedMediaTag = require("./highlighted-media-tag");
+Object.keys(_highlightedMediaTag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _highlightedMediaTag[key]) return;
+  exports[key] = _highlightedMediaTag[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/media-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_webMediaTag","require","Object","keys","forEach","key","exports","_highlightedMediaTag"],"sources":["../../../../src/components/media-tag/index.ts"],"sourcesContent":["export * from './web-media-tag';\nexport * from './highlighted-media-tag';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,oBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,oBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,oBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,oBAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/media-tag/web-media-tag/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TableMediaTagView = exports.MediaTag = void 0;
+var _mediaTag = require("./media-tag");
+exports.MediaTag = _mediaTag.MediaTag;
+var _tableMediaTagView = require("./table-media-tag-view");
+exports.TableMediaTagView = _tableMediaTagView.TableMediaTagView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mediaTag","require","exports","MediaTag","_tableMediaTagView","TableMediaTagView"],"sources":["../../../../../src/components/media-tag/web-media-tag/index.ts"],"sourcesContent":["export { MediaTag } from './media-tag';\nexport type { MediaTagProps } from './media-tag';\nexport { TableMediaTagView } from './table-media-tag-view';\nexport type { TableMediaTagViewProps } from './table-media-tag-view';\n"],"mappings":";;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAuCC,OAAA,CAAAC,QAAA,GAAAH,SAAA,CAAAG,QAAA;AAEvC,IAAAC,kBAAA,GAAAH,OAAA;AAA2DC,OAAA,CAAAG,iBAAA,GAAAD,kBAAA,CAAAC,iBAAA","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MediaTag = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mediaTagStCss = require("./media-tag.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-tag/web-media-tag/media-tag.tsx";
+const MediaTag = ({
+  thumb,
+  title,
+  titleTextProps,
+  className,
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({}, props, {
+    className: (0, _mediaTagStCss.style)(_mediaTagStCss.classes.root, className),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "18px",
+    height: "18px",
+    children: thumb,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    minWidth: "0",
+    marginLeft: "SP1",
+    verticalAlign: "middle",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, (0, _extends2.default)({
+    ellipsis: true,
+    size: "small",
+    children: title
+  }, titleTextProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 9
+    }
+  }))), children);
+};
+exports.MediaTag = MediaTag;
+MediaTag.displayName = 'MediaTag';
+//# sourceMappingURL=media-tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mediaTagStCss","_jsxFileName","MediaTag","thumb","title","titleTextProps","className","children","props","default","createElement","Box","_extends2","style","classes","root","__self","__source","fileName","lineNumber","columnNumber","width","height","minWidth","marginLeft","verticalAlign","Text","ellipsis","size","exports","displayName"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport React from 'react';\n\nimport type { BoxProps, TextProps } from '@wix/design-system';\nimport { Box, Text } from '@wix/design-system';\n\nimport { style, classes } from './media-tag.st.css.js';\n\nexport interface MediaTagProps extends BoxProps {\n  thumb: React.ReactNode;\n  title: React.ReactNode;\n  titleTextProps?: TextProps;\n}\n\nexport const MediaTag: React.FC<\n  MediaTagProps & Omit<CSSProperties, 'direction'>\n> = ({ thumb, title, titleTextProps, className, children, ...props }) => {\n  return (\n    <Box {...props} className={style(classes.root, className)}>\n      <Box width=\"18px\" height=\"18px\" children={thumb} />\n      <Box minWidth=\"0\" marginLeft=\"SP1\" verticalAlign=\"middle\">\n        <Text ellipsis size=\"small\" children={title} {...titleTextProps} />\n      </Box>\n      {children}\n    </Box>\n  );\n};\n\nMediaTag.displayName = 'MediaTag';\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAAuD,IAAAG,YAAA;AAQhD,MAAMC,QAEZ,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,cAAc;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAAK;EACvE,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,GAAG,MAAAC,SAAA,CAAAH,OAAA,MAAKD,KAAK;IAAEF,SAAS,EAAE,IAAAO,oBAAK,EAACC,sBAAO,CAACC,IAAI,EAAET,SAAS,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACxDxB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,GAAG;IAACU,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACf,QAAQ,EAAEJ,KAAM;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACnDxB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,GAAG;IAACY,QAAQ,EAAC,GAAG;IAACC,UAAU,EAAC,KAAK;IAACC,aAAa,EAAC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvDxB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAA2B,IAAI,MAAAd,SAAA,CAAAH,OAAA;IAACkB,QAAQ;IAACC,IAAI,EAAC,OAAO;IAACrB,QAAQ,EAAEH;EAAM,GAAKC,cAAc;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAC/D,CAAC,EACLb,QACE,CAAC;AAEV,CAAC;AAACsB,OAAA,CAAA3B,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAAC4B,WAAW,GAAG,UAAU","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+@property st-global(--wds-color-blue-400);
+@property st-global(--wsr-color-B40);
+
+.root {
+    box-sizing: border-box;
+    padding: 3px 6px 3px 3px;
+    border-radius: 3px;
+    max-height: 24px;
+    min-width: 54px;
+    max-width: 100%;
+    background-color: var(--wds-color-blue-400, var(--wsr-color-B40));
+}

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

@@ -0,0 +1,25 @@
+"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_ = "mediatag1642571975";
+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": "mediatag1642571975__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-color-blue-400": "--wds-color-blue-400",
+  "wsr-color-B40": "--wsr-color-B40"
+};
+//# sourceMappingURL=media-tag.st.css.js.map

package/dist/cjs/components/media-tag/web-media-tag/media-tag.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-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_ = \"mediatag1642571975\";\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\":\"mediatag1642571975__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-tag/web-media-tag/table-media-tag-view.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TableMediaTagView = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _utils = require("../../../utils");
+var _mediaTag = require("./media-tag");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-tag/web-media-tag/table-media-tag-view.tsx";
+const TableMediaTagBox = props => /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({}, props, {
+  paddingLeft: "SP2",
+  paddingRight: "SP2",
+  boxSizing: "border-box",
+  verticalAlign: "middle",
+  width: "100%",
+  height: "100%",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 10,
+    columnNumber: 3
+  }
+}));
+const TableMediaTagView = ({
+  data,
+  thumb
+}) => {
+  return /*#__PURE__*/_react.default.createElement(TableMediaTagBox, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 5
+    }
+  }, data && /*#__PURE__*/_react.default.createElement(_mediaTag.MediaTag, {
+    thumb: thumb,
+    title: (0, _utils.getMediaTitle)(data),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 16
+    }
+  }));
+};
+exports.TableMediaTagView = TableMediaTagView;
+TableMediaTagView.displayName = 'TableMediaTagView';
+//# sourceMappingURL=table-media-tag-view.js.map

package/dist/cjs/components/media-tag/web-media-tag/table-media-tag-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_utils","_mediaTag","_jsxFileName","TableMediaTagBox","props","default","createElement","Box","_extends2","paddingLeft","paddingRight","boxSizing","verticalAlign","width","height","__self","__source","fileName","lineNumber","columnNumber","TableMediaTagView","data","thumb","MediaTag","title","getMediaTitle","exports","displayName"],"sources":["../../../../../src/components/media-tag/web-media-tag/table-media-tag-view.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\nimport type { BoxProps } from '@wix/design-system';\nimport { Box } from '@wix/design-system';\n\nimport { getMediaTitle } from '../../../utils';\nimport { MediaTag } from './media-tag';\n\nconst TableMediaTagBox: FC<BoxProps> = (props) => (\n  <Box\n    {...props}\n    paddingLeft=\"SP2\"\n    paddingRight=\"SP2\"\n    boxSizing=\"border-box\"\n    verticalAlign=\"middle\"\n    width=\"100%\"\n    height=\"100%\"\n  />\n);\n\nexport interface TableMediaTagViewProps {\n  data?: string;\n  thumb?: React.ReactNode;\n}\n\nexport const TableMediaTagView: FC<TableMediaTagViewProps> = ({\n  data,\n  thumb,\n}) => {\n  return (\n    <TableMediaTagBox>\n      {data && <MediaTag thumb={thumb} title={getMediaTitle(data)} />}\n    </TableMediaTagBox>\n  );\n};\n\nTableMediaTagView.displayName = 'TableMediaTagView';\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAuC,IAAAI,YAAA;AAEvC,MAAMC,gBAA8B,GAAIC,KAAK,iBAC3CR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG,MAAAC,SAAA,CAAAH,OAAA,MACED,KAAK;EACTK,WAAW,EAAC,KAAK;EACjBC,YAAY,EAAC,KAAK;EAClBC,SAAS,EAAC,YAAY;EACtBC,aAAa,EAAC,QAAQ;EACtBC,KAAK,EAAC,MAAM;EACZC,MAAM,EAAC,MAAM;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAf,YAAA;IAAAgB,UAAA;IAAAC,YAAA;EAAA;AAAA,EACd,CACF;AAOM,MAAMC,iBAA6C,GAAGA,CAAC;EAC5DC,IAAI;EACJC;AACF,CAAC,KAAK;EACJ,oBACE1B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACdE,IAAI,iBAAIzB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,SAAA,CAAAsB,QAAQ;IAACD,KAAK,EAAEA,KAAM;IAACE,KAAK,EAAE,IAAAC,oBAAa,EAACJ,IAAI,CAAE;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC9C,CAAC;AAEvB,CAAC;AAACO,OAAA,CAAAN,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAACO,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/cjs/components/multi-document/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MultiDocumentView = exports.FormMultiDocumentField = void 0;
+var _multiDocumentView = require("./multi-document-view/multi-document-view");
+exports.MultiDocumentView = _multiDocumentView.MultiDocumentView;
+var _formMultiDocumentField = require("./multi-document-input/form-multi-document-field");
+exports.FormMultiDocumentField = _formMultiDocumentField.FormMultiDocumentField;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/multi-document/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_multiDocumentView","require","exports","MultiDocumentView","_formMultiDocumentField","FormMultiDocumentField"],"sources":["../../../../src/components/multi-document/index.ts"],"sourcesContent":["export { MultiDocumentView } from './multi-document-view/multi-document-view';\nexport { FormMultiDocumentField } from './multi-document-input/form-multi-document-field';\n"],"mappings":";;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAA8EC,OAAA,CAAAC,iBAAA,GAAAH,kBAAA,CAAAG,iBAAA;AAC9E,IAAAC,uBAAA,GAAAH,OAAA;AAA0FC,OAAA,CAAAG,sBAAA,GAAAD,uBAAA,CAAAC,sBAAA","ignoreList":[]}

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

@@ -0,0 +1,111 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormMultiDocumentField = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mediaUtils = require("../../../utils/media-utils");
+var _mediaControl = require("../../media-control");
+var _form = require("../../document/form");
+var _hooks = require("../../../hooks");
+var _formMultiDocumentView = require("./form-multi-document-view");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/multi-document/multi-document-input/form-multi-document-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 FormMultiDocumentField = ({
+  data,
+  onChange: onChangeMultiDocument,
+  onInput,
+  autoFocus,
+  readOnly,
+  invalid,
+  dataHook
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const onChange = (0, _hooks.useWithCallback)(onChangeMultiDocument, onInput);
+  const inputRef = (0, _react.useRef)(null);
+  const firstDocumentViewRef = (0, _react.useRef)(null);
+  const {
+    callMedia,
+    loading,
+    downloadMedia
+  } = (0, _mediaControl.useMediaControl)({
+    mediaType: _mediaUtils.MEDIA_TYPES.ALL_MEDIA,
+    value: data,
+    onChange,
+    autoFocus,
+    readOnly,
+    inputRef,
+    viewRef: firstDocumentViewRef,
+    multiSelect: true
+  });
+  const onPastedURLChange = (0, _react.useCallback)((value, indexToReplace) => {
+    if (indexToReplace !== undefined) {
+      const nextData = [...(data ?? [])];
+      nextData.splice(indexToReplace, 1, value);
+      onChange(nextData);
+    } else {
+      onChange([...(data ?? []), value]);
+    }
+  }, [data, onChange]);
+  const {
+    isOpen,
+    title,
+    onOpen,
+    onClose,
+    onSave,
+    value
+  } = (0, _mediaControl.usePasteURLForm)({
+    onChange: onPastedURLChange
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data != null && data.length ? /*#__PURE__*/_react.default.createElement(_formMultiDocumentView.FormMultiDocumentView, {
+    dataHook: dataHook,
+    data: data,
+    readOnly: readOnly,
+    callMedia: callMedia,
+    onDownload: downloadMedia,
+    onChange: onChange,
+    ref: firstDocumentViewRef,
+    loading: loading,
+    onOpenPasteURLForm: onOpen,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 9
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_form.FormDocumentInput, {
+    dataHook: dataHook,
+    ref: inputRef,
+    theme: "dashes",
+    disabled: readOnly,
+    loading: loading,
+    error: invalid,
+    loaderBorderStyle: "dashed",
+    onAddButtonClick: callMedia,
+    onPasteURLButtonClick: onOpen({
+      title: t('CMS.document.pasteUrl.title')
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_mediaControl.PasteURLForm, {
+    title: title,
+    value: value,
+    show: isOpen,
+    closeModal: onClose,
+    onSave: onSave,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 92,
+      columnNumber: 7
+    }
+  }));
+};
+exports.FormMultiDocumentField = FormMultiDocumentField;
+FormMultiDocumentField.displayName = 'FormMultiDocumentField';
+//# sourceMappingURL=form-multi-document-field.js.map

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document-field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_mediaControl","_form","_hooks","_formMultiDocumentView","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormMultiDocumentField","data","onChange","onChangeMultiDocument","onInput","autoFocus","readOnly","invalid","dataHook","useTranslations","useWithCallback","inputRef","useRef","firstDocumentViewRef","callMedia","loading","downloadMedia","useMediaControl","mediaType","MEDIA_TYPES","ALL_MEDIA","value","viewRef","multiSelect","onPastedURLChange","useCallback","indexToReplace","undefined","nextData","splice","isOpen","title","onOpen","onClose","onSave","usePasteURLForm","createElement","Fragment","length","FormMultiDocumentView","onDownload","ref","onOpenPasteURLForm","__self","__source","fileName","lineNumber","columnNumber","FormDocumentInput","theme","disabled","error","loaderBorderStyle","onAddButtonClick","onPasteURLButtonClick","PasteURLForm","show","closeModal","exports","displayName"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document-field.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\n\nimport { MEDIA_TYPES } from '../../../utils/media-utils';\nimport type { AddItemActions } from '@wix/design-system';\n\nimport type { FormMediaControlProps } from '../../media-control';\nimport {\n  PasteURLForm,\n  useMediaControl,\n  usePasteURLForm,\n} from '../../media-control';\nimport { FormDocumentInput } from '../../document/form';\nimport { useTranslations, useWithCallback } from '../../../hooks';\n\nimport { FormMultiDocumentView } from './form-multi-document-view';\n\nexport const FormMultiDocumentField: React.FC<\n  FormMediaControlProps<string[]>\n> = ({\n  data,\n  onChange: onChangeMultiDocument,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeMultiDocument, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const firstDocumentViewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, loading, downloadMedia } = useMediaControl({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef: firstDocumentViewRef,\n    multiSelect: true,\n  });\n\n  const onPastedURLChange = useCallback(\n    (value: string, indexToReplace?: number) => {\n      if (indexToReplace !== undefined) {\n        const nextData = [...(data ?? [])];\n        nextData.splice(indexToReplace, 1, value);\n        onChange(nextData);\n      } else {\n        onChange([...(data ?? []), value]);\n      }\n    },\n    [data, onChange],\n  );\n\n  const { isOpen, title, onOpen, onClose, onSave, value } = usePasteURLForm({\n    onChange: onPastedURLChange,\n  });\n\n  return (\n    <>\n      {data?.length ? (\n        <FormMultiDocumentView\n          dataHook={dataHook}\n          data={data}\n          readOnly={readOnly}\n          callMedia={callMedia}\n          onDownload={downloadMedia}\n          onChange={onChange}\n          ref={firstDocumentViewRef}\n          loading={loading}\n          onOpenPasteURLForm={onOpen}\n        />\n      ) : (\n        <FormDocumentInput\n          dataHook={dataHook}\n          ref={inputRef}\n          theme=\"dashes\"\n          disabled={readOnly}\n          loading={loading}\n          error={invalid}\n          loaderBorderStyle=\"dashed\"\n          onAddButtonClick={callMedia as () => Promise<void>}\n          onPasteURLButtonClick={onOpen({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n      )}\n      <PasteURLForm\n        title={title}\n        value={value}\n        show={isOpen}\n        closeModal={onClose}\n        onSave={onSave}\n      />\n    </>\n  );\n};\n\nFormMultiDocumentField.displayName = 'FormMultiDocumentField';\n"],"mappings":"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","ignoreList":[]}