@wix/auto-patterns 1.47.0 → 1.48.0

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

@@ -1,108 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useEffect, useState } from 'react';
-import { Image } from '@wix/design-system';
-import { mediaURItoImageURL, ThumbnailSize } from '@wix/auto-cms-field-types';
-import { classes, st } from './media-image.st.css.js';
-import { useRequestIdleCallback } from '../../hooks';
-export const MediaImage = _ref => {
-  let {
-    size = ThumbnailSize.L,
-    fit = 'cover',
-    suspended = false,
-    overlay,
-    src,
-    onLoad,
-    onError,
-    width = '100%',
-    height = '100%',
-    borderRadius,
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    dataHook,
-    ...props
-  } = _ref;
-  const [allowLoading, setAllowLoading] = useState(!suspended || isLoadedImage(src));
-  useEffect(() => setAllowLoading(!suspended || isLoadedImage(src)), [src, suspended]);
-  const [loading, setLoading] = useState(allowLoading);
-  const [error, setError] = useState(isBrokenImage(src));
-  useEffect(() => {
-    const isBroken = isBrokenImage(src);
-    setError(isBroken);
-    isBroken && (onError == null ? void 0 : onError());
-  }, [src, onError]);
-  const requestFrameCallback = useRequestIdleCallback();
-  useEffect(() => {
-    if (!allowLoading) {
-      requestFrameCallback(() => {
-        setAllowLoading(true);
-        setLoading(true);
-      });
-    }
-  }, [allowLoading, requestFrameCallback]);
-  const onImageLoad = useCallback(() => {
-    if (allowLoading && src) {
-      imageLoaded(src);
-      setLoading(false);
-      setError(false);
-    }
-    onLoad == null || onLoad();
-  }, [allowLoading, onLoad, src]);
-  const onImageError = useCallback(() => {
-    if (allowLoading && src) {
-      imageBroken(src);
-      setLoading(false);
-      setError(true);
-    }
-    onError == null || onError();
-  }, [allowLoading, onError, src]);
-  return /*#__PURE__*/React.createElement("picture", {
-    "data-hook": dataHook,
-    style: {
-      width,
-      height,
-      borderRadius
-    },
-    className: st(classes.root, {
-      error,
-      loading
-    }, className),
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }, !error && /*#__PURE__*/React.createElement(Image, _extends({}, props, {
-    fit: fit,
-    src: allowLoading && src ? mediaURItoImageURL(src, size) : '',
-    width: width,
-    height: height,
-    borderRadius: borderRadius,
-    onLoad: onImageLoad,
-    dataHook: "media-image-image",
-    onError: onImageError
-  })), overlay);
-};
-MediaImage.displayName = 'MediaImage';
-MediaImage.Size = ThumbnailSize;
-MediaImage.loadedImages = new Set();
-MediaImage.brokenImages = new Set();
-MediaImage.resetBrokenImagesCache = () => {
-  MediaImage.brokenImages.clear();
-};
-export const useResetMediaImagesCacheEffect = () => {
-  useEffect(() => () => {
-    MediaImage.resetBrokenImagesCache();
-  }, []);
-};
-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/esm/cms-fields/components/media-image/media-image.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","Image","mediaURItoImageURL","ThumbnailSize","classes","st","useRequestIdleCallback","MediaImage","_ref","size","L","fit","suspended","overlay","src","onLoad","onError","width","height","borderRadius","onMouseEnter","onMouseLeave","className","dataHook","props","allowLoading","setAllowLoading","isLoadedImage","loading","setLoading","error","setError","isBrokenImage","isBroken","requestFrameCallback","onImageLoad","imageLoaded","onImageError","imageBroken","createElement","style","root","_extends","displayName","Size","loadedImages","Set","brokenImages","resetBrokenImagesCache","clear","useResetMediaImagesCacheEffect","add","delete","has"],"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 '@wix/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/esm/cms-fields/components/media-image/media-image.st.css.js

@@ -1,25 +0,0 @@
-// @ts-nocheck
-
-import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "mediaimage2995136738";
-var _style_ = classesRuntime.bind(null, _namespace_);
-export var cssStates = statesRuntime.bind(null, _namespace_);
-export var style = _style_;
-export var st = _style_;
-export var namespace = _namespace_;
-export var classes = {
-  "root": "mediaimage2995136738__root"
-};
-export var keyframes = {};
-export var layers = {};
-export var containers = {};
-export var stVars = {};
-export var vars = {
-  "wds-color-red-200": "--wds-color-red-200",
-  "wsr-color-R20": "--wsr-color-R20",
-  "wds-color-black-550": "--wds-color-black-550",
-  "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage2995136738-from",
-  "to": "--mediaimage2995136738-to"
-};
-//# sourceMappingURL=media-image.st.css.js.map

package/dist/esm/cms-fields/components/media-image/media-image.st.css.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","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_ = \"mediaimage2995136738\";\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\":\"mediaimage2995136738__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\":\"--mediaimage2995136738-from\",\"to\":\"--mediaimage2995136738-to\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AAC1D,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,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/esm/cms-fields/components/media-loader/index.js

@@ -1,2 +0,0 @@
-export * from './media-loader';
-//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/media-loader/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/media-loader/index.ts"],"sourcesContent":["export * from './media-loader';\n"],"mappings":"AAAA,cAAc,gBAAgB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-loader/media-loader.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Box, Loader } from '@wix/design-system';
-import { style, classes } from './media-loader.st.css.js';
-export const MediaLoader = _ref => {
-  let {
-    borderStyle,
-    className
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Box, {
-    align: "center",
-    verticalAlign: "middle",
-    children: /*#__PURE__*/React.createElement(Loader, {
-      size: "tiny"
-    }),
-    className: style(classes.loader, {
-      isSolid: borderStyle === 'solid',
-      isDashed: borderStyle === 'dashed'
-    }, className)
-  });
-};
-//# sourceMappingURL=media-loader.js.map

package/dist/esm/cms-fields/components/media-loader/media-loader.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Box","Loader","style","classes","MediaLoader","_ref","borderStyle","className","createElement","align","verticalAlign","children","size","loader","isSolid","isDashed"],"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,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,EAAEC,MAAM,QAAQ,oBAAoB;AAEhD,SAASC,KAAK,EAAEC,OAAO,QAAQ,0BAA0B;AAOzD,OAAO,MAAMC,WAAiC,GAAGC,IAAA;EAAA,IAAC;IAChDC,WAAW;IACXC;EACF,CAAC,GAAAF,IAAA;EAAA,oBACCN,KAAA,CAAAS,aAAA,CAACR,GAAG;IACFS,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBC,QAAQ,eAAEZ,KAAA,CAAAS,aAAA,CAACP,MAAM;MAACW,IAAI,EAAC;IAAM,CAAE,CAAE;IACjCL,SAAS,EAAEL,KAAK,CACdC,OAAO,CAACU,MAAM,EACd;MACEC,OAAO,EAAER,WAAW,KAAK,OAAO;MAChCS,QAAQ,EAAET,WAAW,KAAK;IAC5B,CAAC,EACDC,SACF;EAAE,CACH,CAAC;AAAA,CACH","ignoreList":[]}

package/dist/esm/cms-fields/components/media-loader/media-loader.st.css.js

@@ -1,25 +0,0 @@
-// @ts-nocheck
-
-import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "medialoader1950063354";
-var _style_ = classesRuntime.bind(null, _namespace_);
-export var cssStates = statesRuntime.bind(null, _namespace_);
-export var style = _style_;
-export var st = _style_;
-export var namespace = _namespace_;
-export var classes = {
-  "root": "medialoader1950063354__root",
-  "loader": "medialoader1950063354__loader"
-};
-export var keyframes = {};
-export var layers = {};
-export var containers = {};
-export var stVars = {
-  "loaderBorderRadius": "6px",
-  "blue300": "var(--wds-color-blue-300, var(--wsr-color-B30))"
-};
-export var vars = {
-  "wds-color-blue-300": "--wds-color-blue-300",
-  "wsr-color-B30": "--wsr-color-B30"
-};
-//# sourceMappingURL=media-loader.st.css.js.map

package/dist/esm/cms-fields/components/media-loader/media-loader.st.css.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","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_ = \"medialoader1950063354\";\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\":\"medialoader1950063354__root\",\"loader\":\"medialoader1950063354__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":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AACpG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AAC5G,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-tag/highlighted-media-tag.js

@@ -1,18 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { HighlightedText } from '../highlighted-text';
-import { MediaTag } from './web-media-tag';
-export const HighlightedMediaTag = _ref => {
-  let {
-    titleHighlight,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement(MediaTag, _extends({}, props, {
-    title: /*#__PURE__*/React.createElement(HighlightedText, {
-      highlight: titleHighlight,
-      highlightedBackground: false
-    })
-  }));
-};
-HighlightedMediaTag.displayName = 'HighlightedMediaTag';
-//# sourceMappingURL=highlighted-media-tag.js.map

package/dist/esm/cms-fields/components/media-tag/highlighted-media-tag.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","HighlightedText","MediaTag","HighlightedMediaTag","_ref","titleHighlight","props","createElement","_extends","title","highlight","highlightedBackground","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,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAASC,eAAe,QAAQ,qBAAqB;AAGrD,SAASC,QAAQ,QAAQ,iBAAiB;AAM1C,OAAO,MAAMC,mBAAuD,GAAGC,IAAA,IAGjE;EAAA,IAHkE;IACtEC,cAAc;IACd,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACL,QAAQ,EAAAM,QAAA,KACHF,KAAK;IACTG,KAAK,eACHT,KAAA,CAAAO,aAAA,CAACN,eAAe;MACdS,SAAS,EAAEL,cAAe;MAC1BM,qBAAqB,EAAE;IAAM,CAC9B;EACF,EACF,CAAC;AAEN,CAAC;AAEDR,mBAAmB,CAACS,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-tag/index.js

@@ -1,3 +0,0 @@
-export * from './web-media-tag';
-export * from './highlighted-media-tag';
-//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/media-tag/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/media-tag/index.ts"],"sourcesContent":["export * from './web-media-tag';\nexport * from './highlighted-media-tag';\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-tag/web-media-tag/index.js

@@ -1,3 +0,0 @@
-export { MediaTag } from './media-tag';
-export { TableMediaTagView } from './table-media-tag-view';
-//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/media-tag/web-media-tag/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MediaTag","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,SAASA,QAAQ,QAAQ,aAAa;AAEtC,SAASC,iBAAiB,QAAQ,wBAAwB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-tag/web-media-tag/media-tag.js

@@ -1,31 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Box, Text } from '@wix/design-system';
-import { style, classes } from './media-tag.st.css.js';
-export const MediaTag = _ref => {
-  let {
-    thumb,
-    title,
-    titleTextProps,
-    className,
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Box, _extends({}, props, {
-    className: style(classes.root, className)
-  }), /*#__PURE__*/React.createElement(Box, {
-    width: "18px",
-    height: "18px",
-    children: thumb
-  }), /*#__PURE__*/React.createElement(Box, {
-    minWidth: "0",
-    marginLeft: "SP1",
-    verticalAlign: "middle"
-  }, /*#__PURE__*/React.createElement(Text, _extends({
-    ellipsis: true,
-    size: "small",
-    children: title
-  }, titleTextProps))), children);
-};
-MediaTag.displayName = 'MediaTag';
-//# sourceMappingURL=media-tag.js.map

package/dist/esm/cms-fields/components/media-tag/web-media-tag/media-tag.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Box","Text","style","classes","MediaTag","_ref","thumb","title","titleTextProps","className","children","props","createElement","_extends","root","width","height","minWidth","marginLeft","verticalAlign","ellipsis","size","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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,oBAAoB;AAE9C,SAASC,KAAK,EAAEC,OAAO,QAAQ,uBAAuB;AAQtD,OAAO,MAAMC,QAEZ,GAAGC,IAAA,IAAqE;EAAA,IAApE;IAAEC,KAAK;IAAEC,KAAK;IAAEC,cAAc;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAN,IAAA;EAClE,oBACEN,KAAA,CAAAa,aAAA,CAACZ,GAAG,EAAAa,QAAA,KAAKF,KAAK;IAAEF,SAAS,EAAEP,KAAK,CAACC,OAAO,CAACW,IAAI,EAAEL,SAAS;EAAE,iBACxDV,KAAA,CAAAa,aAAA,CAACZ,GAAG;IAACe,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACN,QAAQ,EAAEJ;EAAM,CAAE,CAAC,eACnDP,KAAA,CAAAa,aAAA,CAACZ,GAAG;IAACiB,QAAQ,EAAC,GAAG;IAACC,UAAU,EAAC,KAAK;IAACC,aAAa,EAAC;EAAQ,gBACvDpB,KAAA,CAAAa,aAAA,CAACX,IAAI,EAAAY,QAAA;IAACO,QAAQ;IAACC,IAAI,EAAC,OAAO;IAACX,QAAQ,EAAEH;EAAM,GAAKC,cAAc,CAAG,CAC/D,CAAC,EACLE,QACE,CAAC;AAEV,CAAC;AAEDN,QAAQ,CAACkB,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/cms-fields/components/media-tag/web-media-tag/media-tag.st.css.js

@@ -1,21 +0,0 @@
-// @ts-nocheck
-
-import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "mediatag2287591266";
-var _style_ = classesRuntime.bind(null, _namespace_);
-export var cssStates = statesRuntime.bind(null, _namespace_);
-export var style = _style_;
-export var st = _style_;
-export var namespace = _namespace_;
-export var classes = {
-  "root": "mediatag2287591266__root"
-};
-export var keyframes = {};
-export var layers = {};
-export var containers = {};
-export var stVars = {};
-export var vars = {
-  "wds-color-blue-400": "--wds-color-blue-400",
-  "wsr-color-B40": "--wsr-color-B40"
-};
-//# sourceMappingURL=media-tag.st.css.js.map

package/dist/esm/cms-fields/components/media-tag/web-media-tag/media-tag.st.css.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","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_ = \"mediatag2287591266\";\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\":\"mediatag2287591266__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":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACxD,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-tag/web-media-tag/table-media-tag-view.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Box } from '@wix/design-system';
-import { getMediaTitle } from '../../../utils';
-import { MediaTag } from './media-tag';
-const TableMediaTagBox = props => /*#__PURE__*/React.createElement(Box, _extends({}, props, {
-  paddingLeft: "SP2",
-  paddingRight: "SP2",
-  boxSizing: "border-box",
-  verticalAlign: "middle",
-  width: "100%",
-  height: "100%"
-}));
-export const TableMediaTagView = _ref => {
-  let {
-    data,
-    thumb
-  } = _ref;
-  return /*#__PURE__*/React.createElement(TableMediaTagBox, null, data && /*#__PURE__*/React.createElement(MediaTag, {
-    thumb: thumb,
-    title: getMediaTitle(data)
-  }));
-};
-TableMediaTagView.displayName = 'TableMediaTagView';
-//# sourceMappingURL=table-media-tag-view.js.map

package/dist/esm/cms-fields/components/media-tag/web-media-tag/table-media-tag-view.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Box","getMediaTitle","MediaTag","TableMediaTagBox","props","createElement","_extends","paddingLeft","paddingRight","boxSizing","verticalAlign","width","height","TableMediaTagView","_ref","data","thumb","title","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,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,oBAAoB;AAExC,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,QAAQ,QAAQ,aAAa;AAEtC,MAAMC,gBAA8B,GAAIC,KAAK,iBAC3CL,KAAA,CAAAM,aAAA,CAACL,GAAG,EAAAM,QAAA,KACEF,KAAK;EACTG,WAAW,EAAC,KAAK;EACjBC,YAAY,EAAC,KAAK;EAClBC,SAAS,EAAC,YAAY;EACtBC,aAAa,EAAC,QAAQ;EACtBC,KAAK,EAAC,MAAM;EACZC,MAAM,EAAC;AAAM,EACd,CACF;AAOD,OAAO,MAAMC,iBAA6C,GAAGC,IAAA,IAGvD;EAAA,IAHwD;IAC5DC,IAAI;IACJC;EACF,CAAC,GAAAF,IAAA;EACC,oBACEf,KAAA,CAAAM,aAAA,CAACF,gBAAgB,QACdY,IAAI,iBAAIhB,KAAA,CAAAM,aAAA,CAACH,QAAQ;IAACc,KAAK,EAAEA,KAAM;IAACC,KAAK,EAAEhB,aAAa,CAACc,IAAI;EAAE,CAAE,CAC9C,CAAC;AAEvB,CAAC;AAEDF,iBAAiB,CAACK,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/esm/cms-fields/components/multi-document/index.js

@@ -1,3 +0,0 @@
-export { MultiDocumentView } from './multi-document-view/multi-document-view';
-export { FormMultiDocumentField } from './multi-document-input/form-multi-document-field';
-//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/multi-document/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MultiDocumentView","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,SAASA,iBAAiB,QAAQ,2CAA2C;AAC7E,SAASC,sBAAsB,QAAQ,kDAAkD","ignoreList":[]}

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document-field.js

@@ -1,87 +0,0 @@
-import React, { useRef, useCallback } from 'react';
-import { MEDIA_TYPES } from '../../../utils/media-utils';
-import { PasteURLForm, useMediaControl, usePasteURLForm } from '../../media-control';
-import { FormDocumentInput } from '../../document/form';
-import { useTranslations, useWithCallback } from '../../../hooks';
-import { FormMultiDocumentView } from './form-multi-document-view';
-export const FormMultiDocumentField = _ref => {
-  let {
-    data,
-    onChange: onChangeMultiDocument,
-    onInput,
-    autoFocus,
-    readOnly,
-    invalid,
-    dataHook
-  } = _ref;
-  const {
-    t
-  } = useTranslations();
-  const onChange = useWithCallback(onChangeMultiDocument, onInput);
-  const inputRef = useRef(null);
-  const firstDocumentViewRef = useRef(null);
-  const {
-    callMedia,
-    loading,
-    downloadMedia
-  } = useMediaControl({
-    mediaType: MEDIA_TYPES.ALL_MEDIA,
-    value: data,
-    onChange,
-    autoFocus,
-    readOnly,
-    inputRef,
-    viewRef: firstDocumentViewRef,
-    multiSelect: true
-  });
-  const onPastedURLChange = 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
-  } = usePasteURLForm({
-    onChange: onPastedURLChange
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, data != null && data.length ? /*#__PURE__*/React.createElement(FormMultiDocumentView, {
-    dataHook: dataHook,
-    data: data,
-    readOnly: readOnly,
-    callMedia: callMedia,
-    onDownload: downloadMedia,
-    onChange: onChange,
-    ref: firstDocumentViewRef,
-    loading: loading,
-    onOpenPasteURLForm: onOpen
-  }) : /*#__PURE__*/React.createElement(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')
-    })
-  }), /*#__PURE__*/React.createElement(PasteURLForm, {
-    title: title,
-    value: value,
-    show: isOpen,
-    closeModal: onClose,
-    onSave: onSave
-  }));
-};
-FormMultiDocumentField.displayName = 'FormMultiDocumentField';
-//# sourceMappingURL=form-multi-document-field.js.map

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document-field.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useRef","useCallback","MEDIA_TYPES","PasteURLForm","useMediaControl","usePasteURLForm","FormDocumentInput","useTranslations","useWithCallback","FormMultiDocumentView","FormMultiDocumentField","_ref","data","onChange","onChangeMultiDocument","onInput","autoFocus","readOnly","invalid","dataHook","t","inputRef","firstDocumentViewRef","callMedia","loading","downloadMedia","mediaType","ALL_MEDIA","value","viewRef","multiSelect","onPastedURLChange","indexToReplace","undefined","nextData","splice","isOpen","title","onOpen","onClose","onSave","createElement","Fragment","length","onDownload","ref","onOpenPasteURLForm","theme","disabled","error","loaderBorderStyle","onAddButtonClick","onPasteURLButtonClick","show","closeModal","displayName"],"sources":["../../../../../../src/cms-fields/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":[]}

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document-view.js

@@ -1,82 +0,0 @@
-import React, { useCallback, useState } from 'react';
-import { Box, Text } from '@wix/design-system';
-import { DocumentControl, AddDocumentButton } from '../../document/form';
-import { PasteURLButton, useDocumentDelete } from '../../media-control';
-import { DeleteDialog } from '../../delete-dialog';
-import { useTranslations } from '../../../hooks';
-import { classes } from './form-multi-document.st.css.js';
-export const FormMultiDocumentView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    data,
-    readOnly,
-    onChange,
-    callMedia,
-    loading,
-    dataHook,
-    onOpenPasteURLForm,
-    onDownload
-  } = _ref;
-  const {
-    t
-  } = useTranslations();
-  const [replacedDocumentIndex, setReplacedDocumentIndex] = useState(null);
-  const {
-    isOpen,
-    onDelete,
-    onDeleteCancel,
-    onDeleteConfirm,
-    title,
-    text
-  } = useDocumentDelete({
-    data,
-    onChange
-  });
-  const onReplace = useCallback(index => async () => {
-    setReplacedDocumentIndex(index);
-    await callMedia(index);
-    setReplacedDocumentIndex(null);
-  }, [callMedia]);
-  return /*#__PURE__*/React.createElement("div", {
-    "data-hook": dataHook
-  }, /*#__PURE__*/React.createElement(Box, {
-    direction: "vertical",
-    className: classes.viewRoot
-  }, data.map((mediaURI, index) => /*#__PURE__*/React.createElement(DocumentControl, {
-    dataHook: `multi-document-field-document-${index}`,
-    key: index,
-    ref: index === 0 ? ref : undefined,
-    mediaURI: mediaURI,
-    readOnly: readOnly,
-    onReplace: onReplace(index),
-    onDelete: onDelete(index),
-    onDownload: onDownload,
-    className: classes.singleViewWrapper,
-    loading: index === replacedDocumentIndex ? loading : false,
-    loaderClassName: classes.singleViewWrapper,
-    onOpenPasteURLForm: onOpenPasteURLForm({
-      index,
-      value: mediaURI,
-      title: t('CMS.document.replaceWithUrl.title')
-    })
-  })), /*#__PURE__*/React.createElement(AddDocumentButton, {
-    dataHook: "multi-document-field-add-document-button",
-    theme: "plain",
-    disabled: readOnly,
-    onClick: callMedia,
-    className: classes.addDocumentButton,
-    loading: replacedDocumentIndex === null ? loading : false
-  })), /*#__PURE__*/React.createElement(PasteURLButton, {
-    title: t('CMS.document.pasteUrl.button'),
-    disabled: readOnly,
-    onClick: onOpenPasteURLForm({
-      title: t('CMS.document.pasteUrl.title')
-    })
-  }), /*#__PURE__*/React.createElement(DeleteDialog, {
-    open: isOpen,
-    title: title,
-    onClose: onDeleteCancel,
-    onDelete: onDeleteConfirm
-  }, /*#__PURE__*/React.createElement(Text, null, text)));
-});
-FormMultiDocumentView.displayName = 'FormMultiDocumentView';
-//# sourceMappingURL=form-multi-document-view.js.map

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document-view.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useState","Box","Text","DocumentControl","AddDocumentButton","PasteURLButton","useDocumentDelete","DeleteDialog","useTranslations","classes","FormMultiDocumentView","forwardRef","_ref","ref","data","readOnly","onChange","callMedia","loading","dataHook","onOpenPasteURLForm","onDownload","t","replacedDocumentIndex","setReplacedDocumentIndex","isOpen","onDelete","onDeleteCancel","onDeleteConfirm","title","text","onReplace","index","createElement","direction","className","viewRoot","map","mediaURI","key","undefined","singleViewWrapper","loaderClassName","value","theme","disabled","onClick","addDocumentButton","open","onClose","displayName"],"sources":["../../../../../../src/cms-fields/components/multi-document/multi-document-input/form-multi-document-view.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\n\nimport { Box, Text } from '@wix/design-system';\n\nimport { DocumentControl, AddDocumentButton } from '../../document/form';\nimport type { OpenPasteURLFormParams } from '../../media-control';\nimport { PasteURLButton, useDocumentDelete } from '../../media-control';\nimport { DeleteDialog } from '../../delete-dialog';\nimport { useTranslations } from '../../../hooks';\n\nimport { classes } from './form-multi-document.st.css.js';\n\ninterface FormMultiDocumentViewProps {\n  data: string[];\n  readOnly?: boolean;\n  onChange: (value: string[]) => void;\n  callMedia: (index?: number) => Promise<void>;\n  onDownload: (mediaURI?: string) => void;\n  loading: boolean;\n  dataHook?: string;\n  onOpenPasteURLForm: (params: OpenPasteURLFormParams) => () => void;\n}\n\nexport const FormMultiDocumentView = React.forwardRef<\n  HTMLDivElement,\n  FormMultiDocumentViewProps\n>(\n  (\n    {\n      data,\n      readOnly,\n      onChange,\n      callMedia,\n      loading,\n      dataHook,\n      onOpenPasteURLForm,\n      onDownload,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n\n    const [replacedDocumentIndex, setReplacedDocumentIndex] = useState<\n      number | null\n    >(null);\n\n    const { isOpen, onDelete, onDeleteCancel, onDeleteConfirm, title, text } =\n      useDocumentDelete({ data, onChange });\n\n    const onReplace = useCallback(\n      (index: number) => async () => {\n        setReplacedDocumentIndex(index);\n        await callMedia(index);\n        setReplacedDocumentIndex(null);\n      },\n      [callMedia],\n    );\n\n    return (\n      <div data-hook={dataHook}>\n        <Box direction=\"vertical\" className={classes.viewRoot}>\n          {data.map((mediaURI, index) => (\n            <DocumentControl\n              dataHook={`multi-document-field-document-${index}`}\n              key={index}\n              ref={index === 0 ? ref : undefined}\n              mediaURI={mediaURI}\n              readOnly={readOnly}\n              onReplace={onReplace(index)}\n              onDelete={onDelete(index)}\n              onDownload={onDownload}\n              className={classes.singleViewWrapper}\n              loading={index === replacedDocumentIndex ? loading : false}\n              loaderClassName={classes.singleViewWrapper}\n              onOpenPasteURLForm={onOpenPasteURLForm({\n                index,\n                value: mediaURI,\n                title: t('CMS.document.replaceWithUrl.title'),\n              })}\n            />\n          ))}\n          <AddDocumentButton\n            dataHook=\"multi-document-field-add-document-button\"\n            theme=\"plain\"\n            disabled={readOnly}\n            onClick={callMedia as () => Promise<void>}\n            className={classes.addDocumentButton}\n            loading={replacedDocumentIndex === null ? loading : false}\n          />\n        </Box>\n        <PasteURLButton\n          title={t('CMS.document.pasteUrl.button')}\n          disabled={readOnly}\n          onClick={onOpenPasteURLForm({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n        <DeleteDialog\n          open={isOpen}\n          title={title}\n          onClose={onDeleteCancel}\n          onDelete={onDeleteConfirm}\n        >\n          <Text>{text}</Text>\n        </DeleteDialog>\n      </div>\n    );\n  },\n);\n\nFormMultiDocumentView.displayName = 'FormMultiDocumentView';\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -1,32 +0,0 @@
-// @ts-nocheck
-
-import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "formmultidocument598912796";
-var _style_ = classesRuntime.bind(null, _namespace_);
-export var cssStates = statesRuntime.bind(null, _namespace_);
-export var style = _style_;
-export var st = _style_;
-export var namespace = _namespace_;
-export var classes = {
-  "root": "formmultidocument598912796__root",
-  "viewRoot": "formmultidocument598912796__viewRoot",
-  "singleViewWrapper": "formmultidocument598912796__singleViewWrapper",
-  "addDocumentButton": "formmultidocument598912796__addDocumentButton"
-};
-export var keyframes = {};
-export var layers = {};
-export var containers = {};
-export var stVars = {
-  "BorderRadius": "2px",
-  "documentViewBorderRadius": "var(--wds-border-radius-300, calc(2px * 3))"
-};
-export var vars = {
-  "wds-border-radius-300": "--wds-border-radius-300",
-  "wds-color-blue-300": "--wds-color-blue-300",
-  "wds-color-blue-500": "--wds-color-blue-500",
-  "wds-color-neutral-600": "--wds-color-neutral-600",
-  "wsr-color-B30": "--wsr-color-B30",
-  "wsr-color-B50": "--wsr-color-B50",
-  "wsr-color-D60": "--wsr-color-D60"
-};
-//# sourceMappingURL=form-multi-document.st.css.js.map

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument598912796\";\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\":\"formmultidocument598912796__root\",\"viewRoot\":\"formmultidocument598912796__viewRoot\",\"singleViewWrapper\":\"formmultidocument598912796__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument598912796__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,UAAU,EAAC,sCAAsC;EAAC,mBAAmB,EAAC,+CAA+C;EAAC,mBAAmB,EAAC;AAA+C,CAAC;AAC1P,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AACnH,OAAO,IAAIC,IAAI,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}