@wix/auto-patterns 1.48.0 → 1.49.0

package/dist/cjs/cms-fields/components/media-image/media-image.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useResetMediaImagesCacheEffect = exports.MediaImage = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _autoCmsFieldTypes = require("../../auto-cms-field-types");
+var _mediaImageStCss = require("./media-image.st.css.js");
+var _hooks = require("../../hooks");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/media-image/media-image.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 MediaImage = ({
+  size = _autoCmsFieldTypes.ThumbnailSize.L,
+  fit = 'cover',
+  suspended = false,
+  overlay,
+  src,
+  onLoad,
+  onError,
+  width = '100%',
+  height = '100%',
+  borderRadius,
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  dataHook,
+  ...props
+}) => {
+  const [allowLoading, setAllowLoading] = (0, _react.useState)(!suspended || isLoadedImage(src));
+  (0, _react.useEffect)(() => setAllowLoading(!suspended || isLoadedImage(src)), [src, suspended]);
+  const [loading, setLoading] = (0, _react.useState)(allowLoading);
+  const [error, setError] = (0, _react.useState)(isBrokenImage(src));
+  (0, _react.useEffect)(() => {
+    const isBroken = isBrokenImage(src);
+    setError(isBroken);
+    isBroken && (onError == null ? void 0 : onError());
+  }, [src, onError]);
+  const requestFrameCallback = (0, _hooks.useRequestIdleCallback)();
+  (0, _react.useEffect)(() => {
+    if (!allowLoading) {
+      requestFrameCallback(() => {
+        setAllowLoading(true);
+        setLoading(true);
+      });
+    }
+  }, [allowLoading, requestFrameCallback]);
+  const onImageLoad = (0, _react.useCallback)(() => {
+    if (allowLoading && src) {
+      imageLoaded(src);
+      setLoading(false);
+      setError(false);
+    }
+    onLoad == null || onLoad();
+  }, [allowLoading, onLoad, src]);
+  const onImageError = (0, _react.useCallback)(() => {
+    if (allowLoading && src) {
+      imageBroken(src);
+      setLoading(false);
+      setError(true);
+    }
+    onError == null || onError();
+  }, [allowLoading, onError, src]);
+  return /*#__PURE__*/_react.default.createElement("picture", {
+    "data-hook": dataHook,
+    style: {
+      width,
+      height,
+      borderRadius
+    },
+    className: (0, _mediaImageStCss.st)(_mediaImageStCss.classes.root, {
+      error,
+      loading
+    }, className),
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 5
+    }
+  }, !error && /*#__PURE__*/_react.default.createElement(_designSystem.Image, (0, _extends2.default)({}, props, {
+    fit: fit,
+    src: allowLoading && src ? (0, _autoCmsFieldTypes.mediaURItoImageURL)(src, size) : '',
+    width: width,
+    height: height,
+    borderRadius: borderRadius,
+    onLoad: onImageLoad,
+    dataHook: "media-image-image",
+    onError: onImageError,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 99,
+      columnNumber: 9
+    }
+  })), overlay);
+};
+exports.MediaImage = MediaImage;
+MediaImage.displayName = 'MediaImage';
+MediaImage.Size = _autoCmsFieldTypes.ThumbnailSize;
+MediaImage.loadedImages = new Set();
+MediaImage.brokenImages = new Set();
+MediaImage.resetBrokenImagesCache = () => {
+  MediaImage.brokenImages.clear();
+};
+const useResetMediaImagesCacheEffect = () => {
+  (0, _react.useEffect)(() => () => {
+    MediaImage.resetBrokenImagesCache();
+  }, []);
+};
+exports.useResetMediaImagesCacheEffect = useResetMediaImagesCacheEffect;
+function imageLoaded(src) {
+  MediaImage.loadedImages.add(src);
+  MediaImage.brokenImages.delete(src);
+}
+function isLoadedImage(src) {
+  return src ? MediaImage.loadedImages.has(src) : false;
+}
+function imageBroken(src) {
+  MediaImage.brokenImages.add(src);
+}
+function isBrokenImage(src) {
+  return src ? MediaImage.brokenImages.has(src) : false;
+}
+//# sourceMappingURL=media-image.js.map

package/dist/cjs/cms-fields/components/media-image/media-image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_autoCmsFieldTypes","_mediaImageStCss","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaImage","size","ThumbnailSize","L","fit","suspended","overlay","src","onLoad","onError","width","height","borderRadius","onMouseEnter","onMouseLeave","className","dataHook","props","allowLoading","setAllowLoading","useState","isLoadedImage","useEffect","loading","setLoading","error","setError","isBrokenImage","isBroken","requestFrameCallback","useRequestIdleCallback","onImageLoad","useCallback","imageLoaded","onImageError","imageBroken","createElement","style","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","Image","_extends2","mediaURItoImageURL","exports","displayName","Size","loadedImages","Set","brokenImages","resetBrokenImagesCache","clear","useResetMediaImagesCacheEffect","add","delete"],"sources":["../../../../../src/cms-fields/components/media-image/media-image.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nimport type { ImageProps } from '@wix/design-system';\nimport { Image } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-cms-field-types';\n\nimport { classes, st } from './media-image.st.css.js';\nimport { useRequestIdleCallback } from '../../hooks';\n\nexport interface MediaImageProps\n  extends Omit<ImageProps, 'onLoad' | 'onError'> {\n  size?: ThumbnailSize | number;\n  suspended?: boolean;\n  overlay?: React.ReactNode;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\ntype MediaImageFC = React.FC<MediaImageProps> & {\n  Size: typeof ThumbnailSize;\n  loadedImages: Set<string>;\n  brokenImages: Set<string>;\n  resetBrokenImagesCache: () => void;\n};\n\nexport const MediaImage: MediaImageFC = ({\n  size = ThumbnailSize.L,\n  fit = 'cover',\n  suspended = false,\n  overlay,\n  src,\n  onLoad,\n  onError,\n  width = '100%',\n  height = '100%',\n  borderRadius,\n  onMouseEnter,\n  onMouseLeave,\n  className,\n  dataHook,\n  ...props\n}) => {\n  const [allowLoading, setAllowLoading] = useState(\n    !suspended || isLoadedImage(src),\n  );\n  useEffect(\n    () => setAllowLoading(!suspended || isLoadedImage(src)),\n    [src, suspended],\n  );\n\n  const [loading, setLoading] = useState(allowLoading);\n\n  const [error, setError] = useState(isBrokenImage(src));\n  useEffect(() => {\n    const isBroken = isBrokenImage(src);\n    setError(isBroken);\n    isBroken && onError?.();\n  }, [src, onError]);\n\n  const requestFrameCallback = useRequestIdleCallback();\n  useEffect(() => {\n    if (!allowLoading) {\n      requestFrameCallback(() => {\n        setAllowLoading(true);\n        setLoading(true);\n      });\n    }\n  }, [allowLoading, requestFrameCallback]);\n\n  const onImageLoad = useCallback(() => {\n    if (allowLoading && src) {\n      imageLoaded(src);\n      setLoading(false);\n      setError(false);\n    }\n\n    onLoad?.();\n  }, [allowLoading, onLoad, src]);\n\n  const onImageError = useCallback(() => {\n    if (allowLoading && src) {\n      imageBroken(src);\n      setLoading(false);\n      setError(true);\n    }\n\n    onError?.();\n  }, [allowLoading, onError, src]);\n\n  return (\n    <picture\n      data-hook={dataHook}\n      style={{ width, height, borderRadius }}\n      className={st(classes.root, { error, loading }, className)}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {!error && (\n        <Image\n          {...props}\n          fit={fit}\n          src={allowLoading && src ? mediaURItoImageURL(src, size) : ''}\n          width={width}\n          height={height}\n          borderRadius={borderRadius}\n          onLoad={onImageLoad}\n          dataHook=\"media-image-image\"\n          onError={onImageError}\n        />\n      )}\n      {overlay}\n    </picture>\n  );\n};\n\nMediaImage.displayName = 'MediaImage';\n\nMediaImage.Size = ThumbnailSize;\n\nMediaImage.loadedImages = new Set();\nMediaImage.brokenImages = new Set();\n\nMediaImage.resetBrokenImagesCache = () => {\n  MediaImage.brokenImages.clear();\n};\n\nexport const useResetMediaImagesCacheEffect = () => {\n  useEffect(\n    () => () => {\n      MediaImage.resetBrokenImagesCache();\n    },\n    [],\n  );\n};\n\nfunction imageLoaded(src: string) {\n  MediaImage.loadedImages.add(src);\n  MediaImage.brokenImages.delete(src);\n}\n\nfunction isLoadedImage(src?: string) {\n  return src ? MediaImage.loadedImages.has(src) : false;\n}\n\nfunction imageBroken(src: string) {\n  MediaImage.brokenImages.add(src);\n}\n\nfunction isBrokenImage(src?: string) {\n  return src ? MediaImage.brokenImages.has(src) : false;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-image/media-image.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_ = "mediaimage3887694001";
+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": "mediaimage3887694001__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-color-red-200": "--wds-color-red-200",
+  "wsr-color-R20": "--wsr-color-R20",
+  "wds-color-black-550": "--wds-color-black-550",
+  "wsr-color-D55": "--wsr-color-D55",
+  "from": "--mediaimage3887694001-from",
+  "to": "--mediaimage3887694001-to"
+};
+//# sourceMappingURL=media-image.st.css.js.map

package/dist/cjs/cms-fields/components/media-image/media-image.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/cms-fields/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage3887694001\";\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\":\"mediaimage3887694001__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage3887694001-from\",\"to\":\"--mediaimage3887694001-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/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/cms-fields/components/media-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mediaLoader","require","Object","keys","forEach","key","exports"],"sources":["../../../../../src/cms-fields/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/cms-fields/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/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/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/cms-fields/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/cms-fields/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/cms-fields/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_ = "medialoader1996977687";
+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": "medialoader1996977687__root",
+  "loader": "medialoader1996977687__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/cms-fields/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/cms-fields/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_ = \"medialoader1996977687\";\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\":\"medialoader1996977687__root\",\"loader\":\"medialoader1996977687__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/cms-fields/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/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/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/cms-fields/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/cms-fields/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/cms-fields/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/cms-fields/components/media-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_webMediaTag","require","Object","keys","forEach","key","exports","_highlightedMediaTag"],"sources":["../../../../../src/cms-fields/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/cms-fields/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/cms-fields/components/media-tag/web-media-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mediaTag","require","exports","MediaTag","_tableMediaTagView","TableMediaTagView"],"sources":["../../../../../../src/cms-fields/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/cms-fields/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/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/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/cms-fields/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/cms-fields/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/cms-fields/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_ = "mediatag3872959543";
+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": "mediatag3872959543__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/cms-fields/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/cms-fields/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_ = \"mediatag3872959543\";\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\":\"mediatag3872959543__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/cms-fields/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/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/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/cms-fields/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/cms-fields/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/cms-fields/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/cms-fields/components/multi-document/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_multiDocumentView","require","exports","MultiDocumentView","_formMultiDocumentField","FormMultiDocumentField"],"sources":["../../../../../src/cms-fields/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":[]}