@wix/patterns-fields 1.0.0

package/dist/cjs/components/media-gallery/media-gallery-dialog/utils.js

@@ -0,0 +1,289 @@
+"use strict";
+
+exports.__esModule = true;
+exports.setItemsEmptyTitles = exports.convertWixCodeGalleryItemToOrganizeMediaItem = exports.convertWixCodeGalleryItemLinkToOrganizeMediaItemLink = exports.convertOrganizeMediaItemToWixCodeGalleryItem = exports.convertMediaURIToPreviewVideoURL = exports.convertMediaControlItemToOrganizeMediaItem = exports.applyOrganizeMediaItemsChanges = void 0;
+var _autoFieldTypes = require("../../../auto-field-types");
+var _mediaItemUtils = require("../../../utils/media-item-utils");
+/** Convert a wix:video:// URI to a playable 480p MP4 URL for preview */
+const convertMediaURIToPreviewVideoURL = uri => {
+  const videoURL = (0, _autoFieldTypes.mediaURItoVideoURL)(uri);
+  return videoURL.replace(/\/file$/, '/480p/mp4/file.mp4');
+};
+exports.convertMediaURIToPreviewVideoURL = convertMediaURIToPreviewVideoURL;
+const generateId = () => crypto.randomUUID();
+const isEmptyString = value => value === undefined || value === null || value.trim() === '';
+const applyOrganizeMediaItemsChanges = (items, changes) => items.map(item => {
+  const itemChange = changes.find(({
+    itemId
+  }) => item.id === itemId);
+  return {
+    ...item,
+    ...(itemChange == null ? void 0 : itemChange.data)
+  };
+}).sort(({
+  orderIndex: a
+}, {
+  orderIndex: b
+}) => Number(a) - Number(b)).map(({
+  sortOrder,
+  ...item
+}, orderIndex) => ({
+  ...item,
+  orderIndex
+}));
+
+/**
+ * Converts WixCodeGalleryItem link (object or string) + target
+ * to OrganizeMediaItemLink. Handles both link formats.
+ * Ported from cms-web's convertWixCodeGalleryItemLinkToOrganizeMediaItemLink.
+ */
+exports.applyOrganizeMediaItemsChanges = applyOrganizeMediaItemsChanges;
+const convertWixCodeGalleryItemLinkToOrganizeMediaItemLink = (link, target) => {
+  if (link === null || link === undefined) {
+    return undefined;
+  }
+  switch (typeof link) {
+    case 'object':
+      {
+        if (!link.url || isEmptyString(link.url)) {
+          return undefined;
+        }
+        return {
+          url: link.url,
+          text: link.url,
+          target: link.target || target || '_blank'
+        };
+      }
+    case 'string':
+      {
+        if (isEmptyString(link)) {
+          return undefined;
+        }
+        return {
+          url: link,
+          text: link,
+          target: target || '_blank'
+        };
+      }
+    default:
+      return undefined;
+  }
+};
+exports.convertWixCodeGalleryItemLinkToOrganizeMediaItemLink = convertWixCodeGalleryItemLinkToOrganizeMediaItemLink;
+const convertWixCodeGalleryItemToOrganizeMediaItem = (item, orderIndex) => {
+  var _settings$focalPoint, _settings$focalPoint2;
+  const {
+    src,
+    alt,
+    description,
+    title: itemTitle = '',
+    fileName,
+    settings,
+    link: itemLink,
+    target
+  } = item;
+  const parsed = (0, _mediaItemUtils.parseMediaItemUri)(src);
+  if ((0, _mediaItemUtils.isMediaItemError)(parsed)) {
+    return null;
+  }
+  const focalPoint = {
+    x: (settings == null || (_settings$focalPoint = settings.focalPoint) == null ? void 0 : _settings$focalPoint[0]) ?? 0.5,
+    y: (settings == null || (_settings$focalPoint2 = settings.focalPoint) == null ? void 0 : _settings$focalPoint2[1]) ?? 0.5
+  };
+  const title = itemTitle.length > 0 ? itemTitle : parsed.title || '';
+  const link = convertWixCodeGalleryItemLinkToOrganizeMediaItemLink(itemLink, target);
+  if (parsed.type === 'image') {
+    return {
+      dataType: 'Photo',
+      id: generateId(),
+      mediaUrl: parsed.mediaId,
+      fileName: parsed.mediaId,
+      name: title,
+      orderIndex,
+      isSecure: false,
+      photoMetadata: {
+        width: parsed.width,
+        height: parsed.height,
+        focalPoint
+      },
+      title,
+      alt,
+      description,
+      link,
+      metaData: {
+        title,
+        description,
+        link,
+        height: parsed.height,
+        width: parsed.width,
+        fileName,
+        name: title
+      }
+    };
+  }
+  if (parsed.type === 'video') {
+    return {
+      dataType: 'Video',
+      id: generateId(),
+      mediaUrl: convertMediaURIToPreviewVideoURL(src),
+      fileName: parsed.mediaId,
+      name: title,
+      orderIndex,
+      thumbnail: parsed.mediaId,
+      videoMetadata: {
+        width: parsed.width,
+        height: parsed.height,
+        duration: 0,
+        posters: parsed.posterId ? [{
+          url: parsed.posterId
+        }] : [],
+        focalPoint
+      },
+      title,
+      alt,
+      description,
+      link,
+      metaData: {
+        title,
+        description,
+        link,
+        height: parsed.height,
+        width: parsed.width,
+        fileName,
+        name: title
+      }
+    };
+  }
+  return null;
+};
+
+/**
+ * Converts a media URI string (from media manager) to an OrganizeMediaItem.
+ * Always sets name to mediaId. The dialog's onAddMedia handles the EMPTY
+ * naming preference by calling setItemsEmptyTitles.
+ */
+exports.convertWixCodeGalleryItemToOrganizeMediaItem = convertWixCodeGalleryItemToOrganizeMediaItem;
+const convertMediaControlItemToOrganizeMediaItem = mediaUri => {
+  const parsed = (0, _mediaItemUtils.parseMediaItemUri)(mediaUri);
+  if ((0, _mediaItemUtils.isMediaItemError)(parsed)) {
+    return null;
+  }
+  const title = parsed.title || '';
+  if (parsed.type === 'image') {
+    return {
+      dataType: 'Photo',
+      id: generateId(),
+      mediaUrl: parsed.mediaId,
+      fileName: parsed.mediaId,
+      name: parsed.mediaId,
+      isSecure: false,
+      photoMetadata: {
+        width: parsed.width,
+        height: parsed.height,
+        focalPoint: {
+          x: 0.5,
+          y: 0.5
+        }
+      },
+      title,
+      metaData: {
+        title,
+        height: parsed.height,
+        width: parsed.width,
+        fileName: title,
+        name: title
+      }
+    };
+  }
+  if (parsed.type === 'video') {
+    return {
+      dataType: 'Video',
+      id: generateId(),
+      mediaUrl: convertMediaURIToPreviewVideoURL(mediaUri),
+      fileName: parsed.mediaId,
+      name: parsed.mediaId,
+      thumbnail: parsed.mediaId,
+      videoMetadata: {
+        width: parsed.width,
+        height: parsed.height,
+        duration: 0,
+        posters: parsed.posterId ? [{
+          url: parsed.posterId
+        }] : [],
+        focalPoint: {
+          x: 0.5,
+          y: 0.5
+        }
+      },
+      title,
+      metaData: {
+        title,
+        height: parsed.height,
+        width: parsed.width,
+        fileName: title,
+        name: title
+      }
+    };
+  }
+  return null;
+};
+
+/** Reset titles to empty — used when defaultNewItemName is EMPTY.
+ *  Only clears `title`, not `name` (matches cms-web behavior). */
+exports.convertMediaControlItemToOrganizeMediaItem = convertMediaControlItemToOrganizeMediaItem;
+const setItemsEmptyTitles = items => items.map(item => ({
+  ...item,
+  title: ''
+}));
+exports.setItemsEmptyTitles = setItemsEmptyTitles;
+const convertOrganizeMediaItemToWixCodeGalleryItem = item => {
+  var _item$photoMetadata, _item$photoMetadata2, _item$videoMetadata, _item$videoMetadata2, _item$videoMetadata3, _settings$focalPoint3, _settings$focalPoint4;
+  const {
+    dataType,
+    mediaUrl = '',
+    fileName = '',
+    title = '',
+    description = '',
+    alt = '',
+    link,
+    metaData
+  } = item;
+  const settings = dataType === 'Photo' ? item.photoMetadata : item.videoMetadata;
+  const createParams = dataType === 'Photo' ? {
+    type: 'image',
+    mediaId: fileName,
+    title: encodeURIComponent(title),
+    width: ((_item$photoMetadata = item.photoMetadata) == null ? void 0 : _item$photoMetadata.width) ?? 0,
+    height: ((_item$photoMetadata2 = item.photoMetadata) == null ? void 0 : _item$photoMetadata2.height) ?? 0
+  } : {
+    type: 'video',
+    mediaId: fileName,
+    title: encodeURIComponent(title),
+    width: ((_item$videoMetadata = item.videoMetadata) == null ? void 0 : _item$videoMetadata.width) ?? 0,
+    height: ((_item$videoMetadata2 = item.videoMetadata) == null ? void 0 : _item$videoMetadata2.height) ?? 0,
+    posterId: ((_item$videoMetadata3 = item.videoMetadata) == null || (_item$videoMetadata3 = _item$videoMetadata3.posters) == null || (_item$videoMetadata3 = _item$videoMetadata3[0]) == null ? void 0 : _item$videoMetadata3.url) ?? ''
+  };
+  const media = (0, _mediaItemUtils.createMediaItemUri)(createParams);
+  if ((0, _mediaItemUtils.isMediaItemError)(media)) {
+    return null;
+  }
+  return {
+    type: dataType === 'Photo' ? 'image' : 'video',
+    slug: mediaUrl,
+    src: media.item,
+    title,
+    description,
+    alt,
+    fileName: (metaData == null ? void 0 : metaData.fileName) ?? '',
+    settings: {
+      ...settings,
+      focalPoint: [(settings == null || (_settings$focalPoint3 = settings.focalPoint) == null ? void 0 : _settings$focalPoint3.x) ?? 0.5, (settings == null || (_settings$focalPoint4 = settings.focalPoint) == null ? void 0 : _settings$focalPoint4.y) ?? 0.5]
+    },
+    ...(link != null && link.url && !isEmptyString(link.url) ? {
+      link: link.url,
+      target: link.target || '_blank'
+    } : {})
+  };
+};
+exports.convertOrganizeMediaItemToWixCodeGalleryItem = convertOrganizeMediaItemToWixCodeGalleryItem;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/media-gallery/media-gallery-dialog/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_autoFieldTypes","require","_mediaItemUtils","convertMediaURIToPreviewVideoURL","uri","videoURL","mediaURItoVideoURL","replace","exports","generateId","crypto","randomUUID","isEmptyString","value","undefined","trim","applyOrganizeMediaItemsChanges","items","changes","map","item","itemChange","find","itemId","id","data","sort","orderIndex","a","b","Number","sortOrder","convertWixCodeGalleryItemLinkToOrganizeMediaItemLink","link","target","url","text","convertWixCodeGalleryItemToOrganizeMediaItem","_settings$focalPoint","_settings$focalPoint2","src","alt","description","title","itemTitle","fileName","settings","itemLink","parsed","parseMediaItemUri","isMediaItemError","focalPoint","x","y","length","type","dataType","mediaUrl","mediaId","name","isSecure","photoMetadata","width","height","metaData","thumbnail","videoMetadata","duration","posters","posterId","convertMediaControlItemToOrganizeMediaItem","mediaUri","setItemsEmptyTitles","convertOrganizeMediaItemToWixCodeGalleryItem","_item$photoMetadata","_item$photoMetadata2","_item$videoMetadata","_item$videoMetadata2","_item$videoMetadata3","_settings$focalPoint3","_settings$focalPoint4","createParams","encodeURIComponent","media","createMediaItemUri","slug"],"sources":["../../../../../src/components/media-gallery/media-gallery-dialog/utils.ts"],"sourcesContent":["import type {\n  WixCodeGalleryItem,\n  WixCodeGalleryItemLink,\n  WixCodeGalleryItemTarget,\n} from '../../../auto-field-types';\nimport { mediaURItoVideoURL } from '../../../auto-field-types';\nimport {\n  parseMediaItemUri,\n  createMediaItemUri,\n  isMediaItemError,\n} from '../../../utils/media-item-utils';\nimport type {\n  OrganizeMediaItem,\n  OrganizeMediaItemChange,\n  OrganizeMediaItemLink,\n} from './types';\n\n/** Convert a wix:video:// URI to a playable 480p MP4 URL for preview */\nexport const convertMediaURIToPreviewVideoURL = (uri: string): string => {\n  const videoURL = mediaURItoVideoURL(uri);\n  return videoURL.replace(/\\/file$/, '/480p/mp4/file.mp4');\n};\n\nconst generateId = () => crypto.randomUUID();\n\nconst isEmptyString = (value?: string | null): boolean =>\n  value === undefined || value === null || value.trim() === '';\n\nexport const applyOrganizeMediaItemsChanges = (\n  items: OrganizeMediaItem[],\n  changes: OrganizeMediaItemChange[],\n): OrganizeMediaItem[] =>\n  items\n    .map((item) => {\n      const itemChange = changes.find(({ itemId }) => item.id === itemId);\n      return { ...item, ...itemChange?.data };\n    })\n    .sort(({ orderIndex: a }, { orderIndex: b }) => Number(a) - Number(b))\n    .map(({ sortOrder, ...item }, orderIndex) => ({\n      ...item,\n      orderIndex,\n    }));\n\n/**\n * Converts WixCodeGalleryItem link (object or string) + target\n * to OrganizeMediaItemLink. Handles both link formats.\n * Ported from cms-web's convertWixCodeGalleryItemLinkToOrganizeMediaItemLink.\n */\nexport const convertWixCodeGalleryItemLinkToOrganizeMediaItemLink = (\n  link?: WixCodeGalleryItemLink | null,\n  target?: WixCodeGalleryItemTarget,\n): OrganizeMediaItemLink | undefined => {\n  if (link === null || link === undefined) {\n    return undefined;\n  }\n\n  switch (typeof link) {\n    case 'object': {\n      if (!link.url || isEmptyString(link.url)) {\n        return undefined;\n      }\n      return {\n        url: link.url,\n        text: link.url,\n        target: link.target || target || '_blank',\n      };\n    }\n    case 'string': {\n      if (isEmptyString(link)) {\n        return undefined;\n      }\n      return {\n        url: link,\n        text: link,\n        target: target || '_blank',\n      };\n    }\n    default:\n      return undefined;\n  }\n};\n\nexport const convertWixCodeGalleryItemToOrganizeMediaItem = (\n  item: WixCodeGalleryItem,\n  orderIndex: number,\n): OrganizeMediaItem | null => {\n  const {\n    src,\n    alt,\n    description,\n    title: itemTitle = '',\n    fileName,\n    settings,\n    link: itemLink,\n    target,\n  } = item;\n\n  const parsed = parseMediaItemUri(src);\n  if (isMediaItemError(parsed)) {\n    return null;\n  }\n\n  const focalPoint = {\n    x: settings?.focalPoint?.[0] ?? 0.5,\n    y: settings?.focalPoint?.[1] ?? 0.5,\n  };\n\n  const title = itemTitle.length > 0 ? itemTitle : parsed.title || '';\n  const link = convertWixCodeGalleryItemLinkToOrganizeMediaItemLink(\n    itemLink,\n    target,\n  );\n\n  if (parsed.type === 'image') {\n    return {\n      dataType: 'Photo',\n      id: generateId(),\n      mediaUrl: parsed.mediaId,\n      fileName: parsed.mediaId,\n      name: title,\n      orderIndex,\n      isSecure: false,\n      photoMetadata: {\n        width: parsed.width,\n        height: parsed.height,\n        focalPoint,\n      },\n      title,\n      alt,\n      description,\n      link,\n      metaData: {\n        title,\n        description,\n        link,\n        height: parsed.height,\n        width: parsed.width,\n        fileName,\n        name: title,\n      },\n    };\n  }\n\n  if (parsed.type === 'video') {\n    return {\n      dataType: 'Video',\n      id: generateId(),\n      mediaUrl: convertMediaURIToPreviewVideoURL(src),\n      fileName: parsed.mediaId,\n      name: title,\n      orderIndex,\n      thumbnail: parsed.mediaId,\n      videoMetadata: {\n        width: parsed.width,\n        height: parsed.height,\n        duration: 0,\n        posters: parsed.posterId ? [{ url: parsed.posterId }] : [],\n        focalPoint,\n      },\n      title,\n      alt,\n      description,\n      link,\n      metaData: {\n        title,\n        description,\n        link,\n        height: parsed.height,\n        width: parsed.width,\n        fileName,\n        name: title,\n      },\n    };\n  }\n\n  return null;\n};\n\n/**\n * Converts a media URI string (from media manager) to an OrganizeMediaItem.\n * Always sets name to mediaId. The dialog's onAddMedia handles the EMPTY\n * naming preference by calling setItemsEmptyTitles.\n */\nexport const convertMediaControlItemToOrganizeMediaItem = (\n  mediaUri: string,\n): OrganizeMediaItem | null => {\n  const parsed = parseMediaItemUri(mediaUri);\n  if (isMediaItemError(parsed)) {\n    return null;\n  }\n\n  const title = parsed.title || '';\n\n  if (parsed.type === 'image') {\n    return {\n      dataType: 'Photo',\n      id: generateId(),\n      mediaUrl: parsed.mediaId,\n      fileName: parsed.mediaId,\n      name: parsed.mediaId,\n      isSecure: false,\n      photoMetadata: {\n        width: parsed.width,\n        height: parsed.height,\n        focalPoint: { x: 0.5, y: 0.5 },\n      },\n      title,\n      metaData: {\n        title,\n        height: parsed.height,\n        width: parsed.width,\n        fileName: title,\n        name: title,\n      },\n    };\n  }\n\n  if (parsed.type === 'video') {\n    return {\n      dataType: 'Video',\n      id: generateId(),\n      mediaUrl: convertMediaURIToPreviewVideoURL(mediaUri),\n      fileName: parsed.mediaId,\n      name: parsed.mediaId,\n      thumbnail: parsed.mediaId,\n      videoMetadata: {\n        width: parsed.width,\n        height: parsed.height,\n        duration: 0,\n        posters: parsed.posterId ? [{ url: parsed.posterId }] : [],\n        focalPoint: { x: 0.5, y: 0.5 },\n      },\n      title,\n      metaData: {\n        title,\n        height: parsed.height,\n        width: parsed.width,\n        fileName: title,\n        name: title,\n      },\n    };\n  }\n\n  return null;\n};\n\n/** Reset titles to empty — used when defaultNewItemName is EMPTY.\n *  Only clears `title`, not `name` (matches cms-web behavior). */\nexport const setItemsEmptyTitles = (\n  items: OrganizeMediaItem[],\n): OrganizeMediaItem[] => items.map((item) => ({ ...item, title: '' }));\n\nexport const convertOrganizeMediaItemToWixCodeGalleryItem = (\n  item: OrganizeMediaItem,\n): WixCodeGalleryItem | null => {\n  const {\n    dataType,\n    mediaUrl = '',\n    fileName = '',\n    title = '',\n    description = '',\n    alt = '',\n    link,\n    metaData,\n  } = item;\n\n  const settings =\n    dataType === 'Photo' ? item.photoMetadata : item.videoMetadata;\n\n  const createParams =\n    dataType === 'Photo'\n      ? {\n          type: 'image' as const,\n          mediaId: fileName,\n          title: encodeURIComponent(title),\n          width: item.photoMetadata?.width ?? 0,\n          height: item.photoMetadata?.height ?? 0,\n        }\n      : {\n          type: 'video' as const,\n          mediaId: fileName,\n          title: encodeURIComponent(title),\n          width: item.videoMetadata?.width ?? 0,\n          height: item.videoMetadata?.height ?? 0,\n          posterId: item.videoMetadata?.posters?.[0]?.url ?? '',\n        };\n\n  const media = createMediaItemUri(createParams);\n  if (isMediaItemError(media)) {\n    return null;\n  }\n\n  return {\n    type: dataType === 'Photo' ? 'image' : 'video',\n    slug: mediaUrl,\n    src: media.item,\n    title,\n    description,\n    alt,\n    fileName: metaData?.fileName ?? '',\n    settings: {\n      ...settings,\n      focalPoint: [\n        settings?.focalPoint?.x ?? 0.5,\n        settings?.focalPoint?.y ?? 0.5,\n      ],\n    },\n    ...(link?.url && !isEmptyString(link.url)\n      ? { link: link.url, target: link.target || '_blank' }\n      : {}),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-gallery/media-gallery-item-thumbnail.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MediaGalleryItemThumbnail = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _autoFieldTypes = require("../../auto-field-types");
+var _mediaImage = require("../media-image");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-gallery/media-gallery-item-thumbnail.tsx";
+const MediaGalleryItemThumbnail = ({
+  width,
+  height = 30,
+  ...props
+}) => {
+  const dimensions = (() => {
+    try {
+      return (0, _autoFieldTypes.getImageDimensions)(props.src);
+    } catch (e) {
+      console.error(e);
+      return {
+        width: 0,
+        height: 0
+      };
+    }
+  })();
+  const actualHeight = parseInt(height.toString(), 10);
+  const actualWidth = Math.ceil(dimensions.width * actualHeight / dimensions.height);
+  return /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, (0, _extends2.default)({
+    suspended: true,
+    transparent: true,
+    borderRadius: 1,
+    width: `${actualWidth}px`,
+    height: `${actualHeight}px`,
+    size: _mediaImage.MediaImage.Size.S
+  }, props, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }));
+};
+exports.MediaGalleryItemThumbnail = MediaGalleryItemThumbnail;
+//# sourceMappingURL=media-gallery-item-thumbnail.js.map

package/dist/cjs/components/media-gallery/media-gallery-item-thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_autoFieldTypes","_mediaImage","_jsxFileName","MediaGalleryItemThumbnail","width","height","props","dimensions","getImageDimensions","src","e","console","error","actualHeight","parseInt","toString","actualWidth","Math","ceil","default","createElement","MediaImage","_extends2","suspended","transparent","borderRadius","size","Size","S","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/media-gallery/media-gallery-item-thumbnail.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getImageDimensions } from '../../auto-field-types';\n\nimport type { MediaImageProps } from '../media-image';\nimport { MediaImage } from '../media-image';\n\nexport interface MediaGalleryItemThumbnailProps extends MediaImageProps {\n  src: string;\n}\n\nexport const MediaGalleryItemThumbnail: React.FC<\n  MediaGalleryItemThumbnailProps\n> = ({ width, height = 30, ...props }) => {\n  const dimensions = (() => {\n    try {\n      return getImageDimensions(props.src);\n    } catch (e) {\n      console.error(e);\n      return { width: 0, height: 0 };\n    }\n  })();\n\n  const actualHeight = parseInt(height.toString(), 10);\n  const actualWidth = Math.ceil(\n    (dimensions.width * actualHeight) / dimensions.height,\n  );\n\n  return (\n    <MediaImage\n      suspended\n      transparent\n      borderRadius={1}\n      width={`${actualWidth}px`}\n      height={`${actualHeight}px`}\n      size={MediaImage.Size.S}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAGA,IAAAE,WAAA,GAAAF,OAAA;AAA4C,IAAAG,YAAA;AAMrC,MAAMC,yBAEZ,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM,GAAG,EAAE;EAAE,GAAGC;AAAM,CAAC,KAAK;EACxC,MAAMC,UAAU,GAAG,CAAC,MAAM;IACxB,IAAI;MACF,OAAO,IAAAC,kCAAkB,EAACF,KAAK,CAACG,GAAG,CAAC;IACtC,CAAC,CAAC,OAAOC,CAAC,EAAE;MACVC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;MAChB,OAAO;QAAEN,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;IAChC;EACF,CAAC,EAAE,CAAC;EAEJ,MAAMQ,YAAY,GAAGC,QAAQ,CAACT,MAAM,CAACU,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;EACpD,MAAMC,WAAW,GAAGC,IAAI,CAACC,IAAI,CAC1BX,UAAU,CAACH,KAAK,GAAGS,YAAY,GAAIN,UAAU,CAACF,MACjD,CAAC;EAED,oBACER,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,WAAA,CAAAoB,UAAU,MAAAC,SAAA,CAAAH,OAAA;IACTI,SAAS;IACTC,WAAW;IACXC,YAAY,EAAE,CAAE;IAChBrB,KAAK,EAAE,GAAGY,WAAW,IAAK;IAC1BX,MAAM,EAAE,GAAGQ,YAAY,IAAK;IAC5Ba,IAAI,EAAEL,sBAAU,CAACM,IAAI,CAACC;EAAE,GACpBtB,KAAK;IAAAuB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,EACV,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA/B,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/cjs/components/media-gallery/media-gallery-view.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MediaGalleryView = MediaGalleryView;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mediaGalleryItemThumbnail = require("./media-gallery-item-thumbnail");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-gallery/media-gallery-view.tsx";
+function MediaGalleryView({
+  data
+}) {
+  const items = data ?? [];
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP1",
+    maxWidth: "100%",
+    overflow: "hidden",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 5
+    }
+  }, items.map(({
+    src
+  }, index) => /*#__PURE__*/_react.default.createElement(_mediaGalleryItemThumbnail.MediaGalleryItemThumbnail, {
+    key: `${src}:${index}`,
+    src: src,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 9
+    }
+  })));
+}
+MediaGalleryView.displayName = 'MediaGalleryView';
+//# sourceMappingURL=media-gallery-view.js.map

package/dist/cjs/components/media-gallery/media-gallery-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mediaGalleryItemThumbnail","_jsxFileName","MediaGalleryView","data","items","default","createElement","Box","gap","maxWidth","overflow","__self","__source","fileName","lineNumber","columnNumber","map","src","index","MediaGalleryItemThumbnail","key","displayName"],"sources":["../../../../src/components/media-gallery/media-gallery-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { Box } from '@wix/design-system';\n\nimport { MediaGalleryItemThumbnail } from './media-gallery-item-thumbnail';\n\nexport interface MediaGalleryViewProps {\n  data?: WixCodeGalleryItem[];\n}\n\nexport function MediaGalleryView({ data }: MediaGalleryViewProps) {\n  const items: WixCodeGalleryItem[] = data ?? [];\n  return (\n    <Box gap=\"SP1\" maxWidth=\"100%\" overflow=\"hidden\">\n      {items.map(({ src }, index) => (\n        <MediaGalleryItemThumbnail key={`${src}:${index}`} src={src} />\n      ))}\n    </Box>\n  );\n}\n\nMediaGalleryView.displayName = 'MediaGalleryView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,0BAAA,GAAAF,OAAA;AAA2E,IAAAG,YAAA;AAMpE,SAASC,gBAAgBA,CAAC;EAAEC;AAA4B,CAAC,EAAE;EAChE,MAAMC,KAA2B,GAAGD,IAAI,IAAI,EAAE;EAC9C,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,QAAQ,EAAC,MAAM;IAACC,QAAQ,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7CX,KAAK,CAACY,GAAG,CAAC,CAAC;IAAEC;EAAI,CAAC,EAAEC,KAAK,kBACxBtB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,0BAAA,CAAAmB,yBAAyB;IAACC,GAAG,EAAE,GAAGH,GAAG,IAAIC,KAAK,EAAG;IAACD,GAAG,EAAEA,GAAI;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CACE,CAAC;AAEV;AAEAb,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB","ignoreList":[]}