@wix/auto-patterns 1.46.0 → 1.47.0

package/dist/cjs/cms-fields/components/media-control/use-media-control.js

@@ -4,32 +4,61 @@ exports.__esModule = true;
 exports.useMediaControl = useMediaControl;
 var _react = require("react");
 var _dashboard = require("@wix/dashboard");
+var _media = require("@wix/media");
+var _mediaUtils = require("../../utils/media-utils");
+var _autoCmsFieldTypes = require("@wix/auto-cms-field-types");
 const MEDIA_TYPE_TO_CATEGORY = {
   IMAGE: 'IMAGE',
   VIDEO: 'VIDEO',
-  AUDIO: 'MUSIC',
+  MUSIC: 'MUSIC',
+  // MEDIA_TYPES.AUDIO = 'MUSIC'
   DOCUMENT: 'DOCUMENT',
   ALL_MEDIA: undefined
 };
 
+/**
+ * Extracts a playable URL from media.audio, which may be:
+ *   - a string (wix:audio:// URI or direct URL)
+ *   - an object with { audio: string } (nested URI)
+ *   - an object with { assets: [{ url }] } or { assets: [string] }
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const extractAudioUrl = audio => {
+  if (audio) {
+    var _audio$assets;
+    if (typeof audio === 'string') {
+      return audio;
+    }
+    if (typeof audio.audio === 'string') {
+      return audio.audio;
+    }
+    const firstAsset = (_audio$assets = audio.assets) == null ? void 0 : _audio$assets[0];
+    if (typeof firstAsset === 'string') {
+      return firstAsset;
+    }
+    if (typeof (firstAsset == null ? void 0 : firstAsset.url) === 'string') {
+      return firstAsset.url;
+    }
+  }
+  return undefined;
+};
+
 /**
  * Extracts the Wix media URI from media manager result.
  * Media manager returns different structures for different media types.
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const extractMediaUri = mediaItem => {
-  var _media$image, _media$video, _media$audio, _media$document;
   const {
     media
   } = mediaItem || {};
-  if (!media) {
-    return '';
+  if (media) {
+    var _media$image, _media$video, _media$document;
+    return (
+      // Try each media type: the URI is nested under media.[type].[type], fallback for direct string values
+      ((_media$image = media.image) == null ? void 0 : _media$image.image) || typeof media.image === 'string' && media.image || ((_media$video = media.video) == null ? void 0 : _media$video.video) || typeof media.video === 'string' && media.video || ((_media$document = media.document) == null ? void 0 : _media$document.document) || typeof media.document === 'string' && media.document || extractAudioUrl(media.audio) || ''
+    );
   }
-
-  // Try each media type - the URI is nested under media.[type].[type]
-  return ((_media$image = media.image) == null ? void 0 : _media$image.image) || ((_media$video = media.video) == null ? void 0 : _media$video.video) || ((_media$audio = media.audio) == null ? void 0 : _media$audio.audio) || ((_media$document = media.document) == null ? void 0 : _media$document.document) || (
-  // Fallback for direct string values
-  typeof media.image === 'string' ? media.image : '') || (typeof media.video === 'string' ? media.video : '') || (typeof media.audio === 'string' ? media.audio : '') || (typeof media.document === 'string' ? media.document : '');
+  return '';
 };
 function useMediaControl({
   mediaType,
@@ -74,7 +103,6 @@ function useMediaControl({
     onFocus == null || onFocus();
     setLoading(true);
     try {
-      var _mediaManagerData$ite;
       const category = MEDIA_TYPE_TO_CATEGORY[mediaType];
       const mediaManagerData = await _dashboard.dashboard.openMediaManager({
         multiSelect: Boolean(multiSelect),
@@ -86,11 +114,14 @@ function useMediaControl({
       setLoading(false);
       setActive();
       mediaRequested.current = false;
-      if (!(mediaManagerData != null && (_mediaManagerData$ite = mediaManagerData.items) != null && _mediaManagerData$ite.length)) {
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const items = (mediaManagerData == null ? void 0 : mediaManagerData.items) || (mediaManagerData == null ? void 0 : mediaManagerData.files);
+      if (!(items != null && items.length)) {
         return;
       }
       if (params.multiSelect) {
-        const newURIs = mediaManagerData.items.map(extractMediaUri);
+        const newURIs = items.map(extractMediaUri);
         if (!newURIs.length) {
           throw new Error(`Media Control Error: Media Manager returns not-covered Multi-Document data.`);
         }
@@ -102,7 +133,7 @@ function useMediaControl({
           params.onChange([...(value ?? []), ...newURIs]);
         }
       } else {
-        params.onChange(extractMediaUri(mediaManagerData.items[0]));
+        params.onChange(extractMediaUri(items[0]));
       }
     } catch (e) {
       setLoading(false);
@@ -110,10 +141,24 @@ function useMediaControl({
       console.error(`Media Control Error:`, e);
     }
   }, [mediaType, multiSelect, onBlur, onFocus, params, readOnly, setActive, value]);
-  const downloadMedia = valueToDownload => {
-    // TODO: Implement download media
-    return valueToDownload;
-  };
+  const downloadMedia = (0, _react.useCallback)(async mediaUri => {
+    if (!mediaUri) {
+      return;
+    }
+    try {
+      var _result$downloadUrls;
+      const result = await _media.files.generateFileDownloadUrl(mediaUri);
+      const downloadUrl = (_result$downloadUrls = result.downloadUrls) == null || (_result$downloadUrls = _result$downloadUrls[0]) == null ? void 0 : _result$downloadUrls.url;
+      if (!downloadUrl) {
+        throw new Error('No download URL returned');
+      }
+      return (0, _mediaUtils.executeDownloading)(downloadUrl);
+    } catch (error) {
+      // Fallback: open the static URL in a new tab
+      console.error('Media download error, falling back to static URL:', error);
+      return (0, _mediaUtils.executeDownloading)((0, _autoCmsFieldTypes.getMediaURL)(mediaUri));
+    }
+  }, []);
   return {
     loading,
     callMedia,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_dashboard","MEDIA_TYPE_TO_CATEGORY","IMAGE","VIDEO","AUDIO","DOCUMENT","ALL_MEDIA","undefined","extractMediaUri","mediaItem","_media$image","_media$video","_media$audio","_media$document","media","image","video","audio","document","useMediaControl","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","loading","setLoading","useState","Boolean","mediaRequested","useRef","setActive","useCallback","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","useEffect","onMediaLoad","callMedia","index","onChange","_mediaManagerData$ite","category","mediaManagerData","dashboard","openMediaManager","items","length","newURIs","map","Error","newValue","splice","e","console","error","downloadMedia","valueToDownload"],"sources":["../../../../../src/cms-fields/components/media-control/use-media-control.ts"],"sourcesContent":["import { useRef, useState, useEffect, useCallback } from 'react';\nimport { dashboard } from '@wix/dashboard';\n\nimport type { MEDIA_TYPES } from '../../utils/media-utils';\n\ntype Focusable = { focus: () => void };\ntype FocusableRef =\n  | React.RefObject<Focusable | undefined>\n  | React.MutableRefObject<Focusable | undefined>;\n\ninterface UseMediaControlBaseParams {\n  mediaType: MEDIA_TYPES;\n  autoFocus?: boolean;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  readOnly?: boolean;\n  initialLoading?: boolean;\n  inputRef?: FocusableRef;\n  viewRef?: FocusableRef;\n}\n\ninterface UseSingleMediaControlParams extends UseMediaControlBaseParams {\n  value?: string;\n  onChange?: (value: string) => void;\n  multiSelect?: false;\n}\n\ninterface UseMultiMediaControlParams extends UseMediaControlBaseParams {\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  multiSelect: true;\n}\n\nexport type UseMediaControlParams =\n  | UseSingleMediaControlParams\n  | UseMultiMediaControlParams;\n\ninterface UseMediaControlBaseReturnType {\n  loading: boolean;\n  onMediaLoad: () => void;\n}\n\ninterface UseSingleMediaControlReturnType\n  extends UseMediaControlBaseReturnType {\n  callMedia(): Promise<void>;\n}\n\ninterface UseMultiMediaControlReturnType extends UseMediaControlBaseReturnType {\n  callMedia(index?: number): Promise<void>;\n  downloadMedia(): void;\n}\n\nexport type UseMediaControlReturnType =\n  | UseSingleMediaControlReturnType\n  | UseMultiMediaControlReturnType;\n\nconst MEDIA_TYPE_TO_CATEGORY: Record<string, string | undefined> = {\n  IMAGE: 'IMAGE',\n  VIDEO: 'VIDEO',\n  AUDIO: 'MUSIC',\n  DOCUMENT: 'DOCUMENT',\n  ALL_MEDIA: undefined,\n};\n\n/**\n * Extracts the Wix media URI from media manager result.\n * Media manager returns different structures for different media types.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractMediaUri = (mediaItem: any): string => {\n  const { media } = mediaItem || {};\n  if (!media) {\n    return '';\n  }\n\n  // Try each media type - the URI is nested under media.[type].[type]\n  return (\n    media.image?.image ||\n    media.video?.video ||\n    media.audio?.audio ||\n    media.document?.document ||\n    // Fallback for direct string values\n    (typeof media.image === 'string' ? media.image : '') ||\n    (typeof media.video === 'string' ? media.video : '') ||\n    (typeof media.audio === 'string' ? media.audio : '') ||\n    (typeof media.document === 'string' ? media.document : '')\n  );\n};\n\nexport function useMediaControl(\n  params: UseSingleMediaControlParams,\n): UseSingleMediaControlReturnType;\n\nexport function useMediaControl(\n  params: UseMultiMediaControlParams,\n): UseMultiMediaControlReturnType;\n\nexport function useMediaControl({\n  mediaType,\n  readOnly,\n  autoFocus,\n  initialLoading,\n  inputRef,\n  viewRef,\n  onFocus,\n  onBlur,\n  ...params\n}: UseMediaControlParams): UseMediaControlReturnType {\n  const { value, multiSelect } = params;\n\n  const [loading, setLoading] = useState(Boolean(initialLoading && value));\n  const mediaRequested = useRef(false);\n\n  const setActive = useCallback(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    if (value) {\n      viewRef && viewRef?.current?.focus();\n      !viewRef && inputRef?.current?.focus();\n    } else {\n      inputRef?.current?.focus();\n    }\n  }, [autoFocus, value, inputRef, viewRef]);\n\n  useEffect(() => setActive(), [setActive]);\n\n  const onMediaLoad = useCallback(() => setLoading(false), []);\n\n  const callMedia = useCallback(\n    async (index?: number) => {\n      if (mediaRequested.current || readOnly) {\n        return;\n      }\n\n      if (!params.onChange) {\n        return;\n      }\n\n      mediaRequested.current = true;\n\n      onFocus?.();\n      setLoading(true);\n\n      try {\n        const category = MEDIA_TYPE_TO_CATEGORY[mediaType];\n        const mediaManagerData = await dashboard.openMediaManager({\n          multiSelect: Boolean(multiSelect),\n          ...(category && { category }),\n        });\n\n        onBlur?.();\n        setLoading(false);\n\n        setActive();\n\n        mediaRequested.current = false;\n\n        if (!mediaManagerData?.items?.length) {\n          return;\n        }\n\n        if (params.multiSelect) {\n          const newURIs = mediaManagerData.items.map(extractMediaUri);\n\n          if (!newURIs.length) {\n            throw new Error(\n              `Media Control Error: Media Manager returns not-covered Multi-Document data.`,\n            );\n          }\n\n          if (typeof index === 'number') {\n            const newValue = value ? [...value] : [];\n            newValue.splice(index, 1, ...newURIs);\n            params.onChange(newValue);\n          } else {\n            params.onChange([...((value as string[]) ?? []), ...newURIs]);\n          }\n        } else {\n          params.onChange(extractMediaUri(mediaManagerData.items[0]));\n        }\n      } catch (e) {\n        setLoading(false);\n        mediaRequested.current = false;\n        console.error(`Media Control Error:`, e);\n      }\n    },\n    [\n      mediaType,\n      multiSelect,\n      onBlur,\n      onFocus,\n      params,\n      readOnly,\n      setActive,\n      value,\n    ],\n  );\n\n  const downloadMedia = (valueToDownload?: string) => {\n    // TODO: Implement download media\n    return valueToDownload;\n  };\n\n  return {\n    loading,\n    callMedia,\n    downloadMedia,\n    onMediaLoad,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_dashboard","_media","_mediaUtils","_autoCmsFieldTypes","MEDIA_TYPE_TO_CATEGORY","IMAGE","VIDEO","MUSIC","DOCUMENT","ALL_MEDIA","undefined","extractAudioUrl","audio","_audio$assets","firstAsset","assets","url","extractMediaUri","mediaItem","media","_media$image","_media$video","_media$document","image","video","document","useMediaControl","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","loading","setLoading","useState","Boolean","mediaRequested","useRef","setActive","useCallback","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","useEffect","onMediaLoad","callMedia","index","onChange","category","mediaManagerData","dashboard","openMediaManager","items","files","length","newURIs","map","Error","newValue","splice","e","console","error","downloadMedia","mediaUri","_result$downloadUrls","result","generateFileDownloadUrl","downloadUrl","downloadUrls","executeDownloading","getMediaURL"],"sources":["../../../../../src/cms-fields/components/media-control/use-media-control.ts"],"sourcesContent":["import { useRef, useState, useEffect, useCallback } from 'react';\nimport { dashboard } from '@wix/dashboard';\nimport { files } from '@wix/media';\n\nimport type { MEDIA_TYPES } from '../../utils/media-utils';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { getMediaURL } from '@wix/auto-cms-field-types';\n\ntype Focusable = { focus: () => void };\ntype FocusableRef =\n  | React.RefObject<Focusable | undefined>\n  | React.MutableRefObject<Focusable | undefined>;\n\ninterface UseMediaControlBaseParams {\n  mediaType: MEDIA_TYPES;\n  autoFocus?: boolean;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  readOnly?: boolean;\n  initialLoading?: boolean;\n  inputRef?: FocusableRef;\n  viewRef?: FocusableRef;\n}\n\ninterface UseSingleMediaControlParams extends UseMediaControlBaseParams {\n  value?: string;\n  onChange?: (value: string) => void;\n  multiSelect?: false;\n}\n\ninterface UseMultiMediaControlParams extends UseMediaControlBaseParams {\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  multiSelect: true;\n}\n\nexport type UseMediaControlParams =\n  | UseSingleMediaControlParams\n  | UseMultiMediaControlParams;\n\ninterface UseMediaControlBaseReturnType {\n  loading: boolean;\n  onMediaLoad: () => void;\n}\n\ninterface UseSingleMediaControlReturnType\n  extends UseMediaControlBaseReturnType {\n  callMedia(): Promise<void>;\n  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\ninterface UseMultiMediaControlReturnType extends UseMediaControlBaseReturnType {\n  callMedia(index?: number): Promise<void>;\n  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\nexport type UseMediaControlReturnType =\n  | UseSingleMediaControlReturnType\n  | UseMultiMediaControlReturnType;\n\nconst MEDIA_TYPE_TO_CATEGORY: Record<string, string | undefined> = {\n  IMAGE: 'IMAGE',\n  VIDEO: 'VIDEO',\n  MUSIC: 'MUSIC', // MEDIA_TYPES.AUDIO = 'MUSIC'\n  DOCUMENT: 'DOCUMENT',\n  ALL_MEDIA: undefined,\n};\n\n/**\n * Extracts a playable URL from media.audio, which may be:\n *   - a string (wix:audio:// URI or direct URL)\n *   - an object with { audio: string } (nested URI)\n *   - an object with { assets: [{ url }] } or { assets: [string] }\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractAudioUrl = (audio: any): string | undefined => {\n  if (audio) {\n    if (typeof audio === 'string') {\n      return audio;\n    }\n    if (typeof audio.audio === 'string') {\n      return audio.audio;\n    }\n    const firstAsset = audio.assets?.[0];\n    if (typeof firstAsset === 'string') {\n      return firstAsset;\n    }\n    if (typeof firstAsset?.url === 'string') {\n      return firstAsset.url;\n    }\n  }\n  return undefined;\n};\n\n/**\n * Extracts the Wix media URI from media manager result.\n * Media manager returns different structures for different media types.\n */\nconst extractMediaUri = (mediaItem: any): string => {\n  const { media } = mediaItem || {};\n  if (media) {\n    return (\n      // Try each media type: the URI is nested under media.[type].[type], fallback for direct string values\n      media.image?.image ||\n      (typeof media.image === 'string' && media.image) ||\n      media.video?.video ||\n      (typeof media.video === 'string' && media.video) ||\n      media.document?.document ||\n      (typeof media.document === 'string' && media.document) ||\n      extractAudioUrl(media.audio) ||\n      ''\n    );\n  }\n\n  return '';\n};\n\nexport function useMediaControl(\n  params: UseSingleMediaControlParams,\n): UseSingleMediaControlReturnType;\n\nexport function useMediaControl(\n  params: UseMultiMediaControlParams,\n): UseMultiMediaControlReturnType;\n\nexport function useMediaControl({\n  mediaType,\n  readOnly,\n  autoFocus,\n  initialLoading,\n  inputRef,\n  viewRef,\n  onFocus,\n  onBlur,\n  ...params\n}: UseMediaControlParams): UseMediaControlReturnType {\n  const { value, multiSelect } = params;\n\n  const [loading, setLoading] = useState(Boolean(initialLoading && value));\n  const mediaRequested = useRef(false);\n\n  const setActive = useCallback(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    if (value) {\n      viewRef && viewRef?.current?.focus();\n      !viewRef && inputRef?.current?.focus();\n    } else {\n      inputRef?.current?.focus();\n    }\n  }, [autoFocus, value, inputRef, viewRef]);\n\n  useEffect(() => setActive(), [setActive]);\n\n  const onMediaLoad = useCallback(() => setLoading(false), []);\n\n  const callMedia = useCallback(\n    async (index?: number) => {\n      if (mediaRequested.current || readOnly) {\n        return;\n      }\n\n      if (!params.onChange) {\n        return;\n      }\n\n      mediaRequested.current = true;\n\n      onFocus?.();\n      setLoading(true);\n\n      try {\n        const category = MEDIA_TYPE_TO_CATEGORY[mediaType];\n        const mediaManagerData = await dashboard.openMediaManager({\n          multiSelect: Boolean(multiSelect),\n          ...(category && { category }),\n        });\n\n        onBlur?.();\n        setLoading(false);\n\n        setActive();\n\n        mediaRequested.current = false;\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const items =\n          mediaManagerData?.items || (mediaManagerData as any)?.files;\n\n        if (!items?.length) {\n          return;\n        }\n\n        if (params.multiSelect) {\n          const newURIs = items.map(extractMediaUri);\n\n          if (!newURIs.length) {\n            throw new Error(\n              `Media Control Error: Media Manager returns not-covered Multi-Document data.`,\n            );\n          }\n\n          if (typeof index === 'number') {\n            const newValue = value ? [...value] : [];\n            newValue.splice(index, 1, ...newURIs);\n            params.onChange(newValue);\n          } else {\n            params.onChange([...((value as string[]) ?? []), ...newURIs]);\n          }\n        } else {\n          params.onChange(extractMediaUri(items[0]));\n        }\n      } catch (e) {\n        setLoading(false);\n        mediaRequested.current = false;\n        console.error(`Media Control Error:`, e);\n      }\n    },\n    [\n      mediaType,\n      multiSelect,\n      onBlur,\n      onFocus,\n      params,\n      readOnly,\n      setActive,\n      value,\n    ],\n  );\n\n  const downloadMedia = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\n    }\n\n    try {\n      const result = await files.generateFileDownloadUrl(mediaUri);\n      const downloadUrl = result.downloadUrls?.[0]?.url;\n      if (!downloadUrl) {\n        throw new Error('No download URL returned');\n      }\n      return executeDownloading(downloadUrl);\n    } catch (error) {\n      // Fallback: open the static URL in a new tab\n      console.error('Media download error, falling back to static URL:', error);\n      return executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  return {\n    loading,\n    callMedia,\n    downloadMedia,\n    onMediaLoad,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediaimage2553715898";
+var _namespace_ = "mediaimage2995136738";
 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": "mediaimage2553715898__root"
+  "root": "mediaimage2995136738__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,7 +23,7 @@ var vars = exports.vars = {
   "wsr-color-R20": "--wsr-color-R20",
   "wds-color-black-550": "--wds-color-black-550",
   "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage2553715898-from",
-  "to": "--mediaimage2553715898-to"
+  "from": "--mediaimage2995136738-from",
+  "to": "--mediaimage2995136738-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/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_ = \"mediaimage2553715898\";\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\":\"mediaimage2553715898__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\":\"--mediaimage2553715898-from\",\"to\":\"--mediaimage2553715898-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":[]}
+{"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_ = \"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":";;;;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

@@ -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/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_ = "medialoader1950063354";
+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": "medialoader1950063354__root",
+  "loader": "medialoader1950063354__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_ = \"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":";;;;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

@@ -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/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_ = "mediatag2287591266";
+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": "mediatag2287591266__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_ = \"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":";;;;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":[]}