@wix/auto-patterns 1.46.0 → 1.48.0

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

@@ -1,124 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useMediaControl = useMediaControl;
-var _react = require("react");
-var _dashboard = require("@wix/dashboard");
-const MEDIA_TYPE_TO_CATEGORY = {
-  IMAGE: 'IMAGE',
-  VIDEO: 'VIDEO',
-  AUDIO: 'MUSIC',
-  DOCUMENT: 'DOCUMENT',
-  ALL_MEDIA: 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 '';
-  }
-
-  // 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 : '');
-};
-function useMediaControl({
-  mediaType,
-  readOnly,
-  autoFocus,
-  initialLoading,
-  inputRef,
-  viewRef,
-  onFocus,
-  onBlur,
-  ...params
-}) {
-  const {
-    value,
-    multiSelect
-  } = params;
-  const [loading, setLoading] = (0, _react.useState)(Boolean(initialLoading && value));
-  const mediaRequested = (0, _react.useRef)(false);
-  const setActive = (0, _react.useCallback)(() => {
-    if (!autoFocus) {
-      return;
-    }
-    if (value) {
-      var _viewRef$current, _inputRef$current;
-      viewRef && (viewRef == null || (_viewRef$current = viewRef.current) == null ? void 0 : _viewRef$current.focus());
-      !viewRef && (inputRef == null || (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus());
-    } else {
-      var _inputRef$current2;
-      inputRef == null || (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.focus();
-    }
-  }, [autoFocus, value, inputRef, viewRef]);
-  (0, _react.useEffect)(() => setActive(), [setActive]);
-  const onMediaLoad = (0, _react.useCallback)(() => setLoading(false), []);
-  const callMedia = (0, _react.useCallback)(async index => {
-    if (mediaRequested.current || readOnly) {
-      return;
-    }
-    if (!params.onChange) {
-      return;
-    }
-    mediaRequested.current = true;
-    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),
-        ...(category && {
-          category
-        })
-      });
-      onBlur == null || onBlur();
-      setLoading(false);
-      setActive();
-      mediaRequested.current = false;
-      if (!(mediaManagerData != null && (_mediaManagerData$ite = mediaManagerData.items) != null && _mediaManagerData$ite.length)) {
-        return;
-      }
-      if (params.multiSelect) {
-        const newURIs = mediaManagerData.items.map(extractMediaUri);
-        if (!newURIs.length) {
-          throw new Error(`Media Control Error: Media Manager returns not-covered Multi-Document data.`);
-        }
-        if (typeof index === 'number') {
-          const newValue = value ? [...value] : [];
-          newValue.splice(index, 1, ...newURIs);
-          params.onChange(newValue);
-        } else {
-          params.onChange([...(value ?? []), ...newURIs]);
-        }
-      } else {
-        params.onChange(extractMediaUri(mediaManagerData.items[0]));
-      }
-    } catch (e) {
-      setLoading(false);
-      mediaRequested.current = false;
-      console.error(`Media Control Error:`, e);
-    }
-  }, [mediaType, multiSelect, onBlur, onFocus, params, readOnly, setActive, value]);
-  const downloadMedia = valueToDownload => {
-    // TODO: Implement download media
-    return valueToDownload;
-  };
-  return {
-    loading,
-    callMedia,
-    downloadMedia,
-    onMediaLoad
-  };
-}
-//# sourceMappingURL=use-media-control.js.map

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

@@ -1 +0,0 @@
-{"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":[]}

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

@@ -1,41 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.usePasteURLForm = void 0;
-var _react = require("react");
-var _hooks = require("../../hooks");
-const usePasteURLForm = ({
-  onChange
-}) => {
-  const {
-    isOpen,
-    onOpen: onOpenModal,
-    onClose
-  } = (0, _hooks.useOpenState)(false);
-  const [title, setTitle] = (0, _react.useState)('');
-  const [value, setValue] = (0, _react.useState)('');
-  const [indexToReplace, setIndexToReplace] = (0, _react.useState)(undefined);
-  const onOpen = (0, _react.useCallback)(({
-    title,
-    value,
-    index
-  }) => () => {
-    setTitle(title);
-    setValue(value ?? '');
-    onOpenModal();
-    setIndexToReplace(index);
-  }, [onOpenModal]);
-  const onSave = (0, _react.useCallback)(value => {
-    onChange(value, indexToReplace);
-  }, [onChange, indexToReplace]);
-  return {
-    isOpen,
-    title,
-    onOpen,
-    onClose,
-    onSave,
-    value
-  };
-};
-exports.usePasteURLForm = usePasteURLForm;
-//# sourceMappingURL=use-paste-url-form.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_hooks","usePasteURLForm","onChange","isOpen","onOpen","onOpenModal","onClose","useOpenState","title","setTitle","useState","value","setValue","indexToReplace","setIndexToReplace","undefined","useCallback","index","onSave","exports"],"sources":["../../../../../src/cms-fields/components/media-control/use-paste-url-form.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nimport { useOpenState } from '../../hooks';\n\nexport interface UsePasteURLFormParams {\n  onChange: (value: string, indexToReplace?: number) => void;\n}\n\nexport interface OpenPasteURLFormParams {\n  title: string;\n  value?: string;\n  index?: number;\n}\n\nexport type UsePasteURLFormHook = (params: UsePasteURLFormParams) => {\n  isOpen: boolean;\n  title: string;\n  onOpen: (params: OpenPasteURLFormParams) => () => void;\n  onClose: () => void;\n  onSave: (value: string) => void;\n  value?: string;\n};\n\nexport const usePasteURLForm: UsePasteURLFormHook = ({ onChange }) => {\n  const { isOpen, onOpen: onOpenModal, onClose } = useOpenState(false);\n  const [title, setTitle] = useState('');\n  const [value, setValue] = useState('');\n  const [indexToReplace, setIndexToReplace] = useState<number | undefined>(\n    undefined,\n  );\n\n  const onOpen = useCallback(\n    ({ title, value, index }: OpenPasteURLFormParams) =>\n      () => {\n        setTitle(title);\n        setValue(value ?? '');\n        onOpenModal();\n        setIndexToReplace(index);\n      },\n    [onOpenModal],\n  );\n\n  const onSave = useCallback(\n    (value: string) => {\n      onChange(value, indexToReplace);\n    },\n    [onChange, indexToReplace],\n  );\n\n  return {\n    isOpen,\n    title,\n    onOpen,\n    onClose,\n    onSave,\n    value,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAqBO,MAAME,eAAoC,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACpE,MAAM;IAAEC,MAAM;IAAEC,MAAM,EAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAG,IAAAC,mBAAY,EAAC,KAAK,CAAC;EACpE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EACtC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACtC,MAAM,CAACG,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAJ,eAAQ,EAClDK,SACF,CAAC;EAED,MAAMX,MAAM,GAAG,IAAAY,kBAAW,EACxB,CAAC;IAAER,KAAK;IAAEG,KAAK;IAAEM;EAA8B,CAAC,KAC9C,MAAM;IACJR,QAAQ,CAACD,KAAK,CAAC;IACfI,QAAQ,CAACD,KAAK,IAAI,EAAE,CAAC;IACrBN,WAAW,CAAC,CAAC;IACbS,iBAAiB,CAACG,KAAK,CAAC;EAC1B,CAAC,EACH,CAACZ,WAAW,CACd,CAAC;EAED,MAAMa,MAAM,GAAG,IAAAF,kBAAW,EACvBL,KAAa,IAAK;IACjBT,QAAQ,CAACS,KAAK,EAAEE,cAAc,CAAC;EACjC,CAAC,EACD,CAACX,QAAQ,EAAEW,cAAc,CAC3B,CAAC;EAED,OAAO;IACLV,MAAM;IACNK,KAAK;IACLJ,MAAM;IACNE,OAAO;IACPY,MAAM;IACNP;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAAlB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-gallery/index.js

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

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

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

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

@@ -1,46 +0,0 @@
-"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 _autoCmsFieldTypes = require("@wix/auto-cms-field-types");
-var _mediaImage = require("../media-image");
-var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/media-gallery/media-gallery-item-thumbnail.tsx";
-const MediaGalleryItemThumbnail = ({
-  width,
-  height = 30,
-  ...props
-}) => {
-  const dimensions = (() => {
-    try {
-      return (0, _autoCmsFieldTypes.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/cms-fields/components/media-gallery/media-gallery-item-thumbnail.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_autoCmsFieldTypes","_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/cms-fields/components/media-gallery/media-gallery-item-thumbnail.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getImageDimensions } from '@wix/auto-cms-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,kBAAA,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,qCAAkB,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/cms-fields/components/media-gallery/media-gallery-view.js

@@ -1,38 +0,0 @@
-"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/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/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/cms-fields/components/media-gallery/media-gallery-view.js.map

@@ -1 +0,0 @@
-{"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/cms-fields/components/media-gallery/media-gallery-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { WixCodeGalleryItem } from '@wix/auto-cms-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":[]}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_autoCmsFieldTypes","_mediaImageStCss","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaImage","size","ThumbnailSize","L","fit","suspended","overlay","src","onLoad","onError","width","height","borderRadius","onMouseEnter","onMouseLeave","className","dataHook","props","allowLoading","setAllowLoading","useState","isLoadedImage","useEffect","loading","setLoading","error","setError","isBrokenImage","isBroken","requestFrameCallback","useRequestIdleCallback","onImageLoad","useCallback","imageLoaded","onImageError","imageBroken","createElement","style","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","Image","_extends2","mediaURItoImageURL","exports","displayName","Size","loadedImages","Set","brokenImages","resetBrokenImagesCache","clear","useResetMediaImagesCacheEffect","add","delete"],"sources":["../../../../../src/cms-fields/components/media-image/media-image.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nimport type { ImageProps } from '@wix/design-system';\nimport { Image } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '@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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAqD,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAkB9C,MAAMkB,UAAwB,GAAGA,CAAC;EACvCC,IAAI,GAAGC,gCAAa,CAACC,CAAC;EACtBC,GAAG,GAAG,OAAO;EACbC,SAAS,GAAG,KAAK;EACjBC,OAAO;EACPC,GAAG;EACHC,MAAM;EACNC,OAAO;EACPC,KAAK,GAAG,MAAM;EACdC,MAAM,GAAG,MAAM;EACfC,YAAY;EACZC,YAAY;EACZC,YAAY;EACZC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAC9C,CAACf,SAAS,IAAIgB,aAAa,CAACd,GAAG,CACjC,CAAC;EACD,IAAAe,gBAAS,EACP,MAAMH,eAAe,CAAC,CAACd,SAAS,IAAIgB,aAAa,CAACd,GAAG,CAAC,CAAC,EACvD,CAACA,GAAG,EAAEF,SAAS,CACjB,CAAC;EAED,MAAM,CAACkB,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAJ,eAAQ,EAACF,YAAY,CAAC;EAEpD,MAAM,CAACO,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAN,eAAQ,EAACO,aAAa,CAACpB,GAAG,CAAC,CAAC;EACtD,IAAAe,gBAAS,EAAC,MAAM;IACd,MAAMM,QAAQ,GAAGD,aAAa,CAACpB,GAAG,CAAC;IACnCmB,QAAQ,CAACE,QAAQ,CAAC;IAClBA,QAAQ,KAAInB,OAAO,oBAAPA,OAAO,CAAG,CAAC;EACzB,CAAC,EAAE,CAACF,GAAG,EAAEE,OAAO,CAAC,CAAC;EAElB,MAAMoB,oBAAoB,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EACrD,IAAAR,gBAAS,EAAC,MAAM;IACd,IAAI,CAACJ,YAAY,EAAE;MACjBW,oBAAoB,CAAC,MAAM;QACzBV,eAAe,CAAC,IAAI,CAAC;QACrBK,UAAU,CAAC,IAAI,CAAC;MAClB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACN,YAAY,EAAEW,oBAAoB,CAAC,CAAC;EAExC,MAAME,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpC,IAAId,YAAY,IAAIX,GAAG,EAAE;MACvB0B,WAAW,CAAC1B,GAAG,CAAC;MAChBiB,UAAU,CAAC,KAAK,CAAC;MACjBE,QAAQ,CAAC,KAAK,CAAC;IACjB;IAEAlB,MAAM,YAANA,MAAM,CAAG,CAAC;EACZ,CAAC,EAAE,CAACU,YAAY,EAAEV,MAAM,EAAED,GAAG,CAAC,CAAC;EAE/B,MAAM2B,YAAY,GAAG,IAAAF,kBAAW,EAAC,MAAM;IACrC,IAAId,YAAY,IAAIX,GAAG,EAAE;MACvB4B,WAAW,CAAC5B,GAAG,CAAC;MAChBiB,UAAU,CAAC,KAAK,CAAC;MACjBE,QAAQ,CAAC,IAAI,CAAC;IAChB;IAEAjB,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EAAE,CAACS,YAAY,EAAET,OAAO,EAAEF,GAAG,CAAC,CAAC;EAEhC,oBACElC,MAAA,CAAAkB,OAAA,CAAA6C,aAAA;IACE,aAAWpB,QAAS;IACpBqB,KAAK,EAAE;MAAE3B,KAAK;MAAEC,MAAM;MAAEC;IAAa,CAAE;IACvCG,SAAS,EAAE,IAAAuB,mBAAE,EAACC,wBAAO,CAACC,IAAI,EAAE;MAAEf,KAAK;MAAEF;IAAQ,CAAC,EAAER,SAAS,CAAE;IAC3DF,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA,YAAa;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/D,YAAA;MAAAgE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1B,CAACpB,KAAK,iBACLpD,MAAA,CAAAkB,OAAA,CAAA6C,aAAA,CAAC5D,aAAA,CAAAsE,KAAK,MAAAC,SAAA,CAAAxD,OAAA,MACA0B,KAAK;IACTb,GAAG,EAAEA,GAAI;IACTG,GAAG,EAAEW,YAAY,IAAIX,GAAG,GAAG,IAAAyC,qCAAkB,EAACzC,GAAG,EAAEN,IAAI,CAAC,GAAG,EAAG;IAC9DS,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA,YAAa;IAC3BJ,MAAM,EAAEuB,WAAY;IACpBf,QAAQ,EAAC,mBAAmB;IAC5BP,OAAO,EAAEyB,YAAa;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/D,YAAA;MAAAgE,UAAA;MAAAC,YAAA;IAAA;EAAA,EACvB,CACF,EACAvC,OACM,CAAC;AAEd,CAAC;AAAC2C,OAAA,CAAAjD,UAAA,GAAAA,UAAA;AAEFA,UAAU,CAACkD,WAAW,GAAG,YAAY;AAErClD,UAAU,CAACmD,IAAI,GAAGjD,gCAAa;AAE/BF,UAAU,CAACoD,YAAY,GAAG,IAAIC,GAAG,CAAC,CAAC;AACnCrD,UAAU,CAACsD,YAAY,GAAG,IAAID,GAAG,CAAC,CAAC;AAEnCrD,UAAU,CAACuD,sBAAsB,GAAG,MAAM;EACxCvD,UAAU,CAACsD,YAAY,CAACE,KAAK,CAAC,CAAC;AACjC,CAAC;AAEM,MAAMC,8BAA8B,GAAGA,CAAA,KAAM;EAClD,IAAAnC,gBAAS,EACP,MAAM,MAAM;IACVtB,UAAU,CAACuD,sBAAsB,CAAC,CAAC;EACrC,CAAC,EACD,EACF,CAAC;AACH,CAAC;AAACN,OAAA,CAAAQ,8BAAA,GAAAA,8BAAA;AAEF,SAASxB,WAAWA,CAAC1B,GAAW,EAAE;EAChCP,UAAU,CAACoD,YAAY,CAACM,GAAG,CAACnD,GAAG,CAAC;EAChCP,UAAU,CAACsD,YAAY,CAACK,MAAM,CAACpD,GAAG,CAAC;AACrC;AAEA,SAASc,aAAaA,CAACd,GAAY,EAAE;EACnC,OAAOA,GAAG,GAAGP,UAAU,CAACoD,YAAY,CAAC5D,GAAG,CAACe,GAAG,CAAC,GAAG,KAAK;AACvD;AAEA,SAAS4B,WAAWA,CAAC5B,GAAW,EAAE;EAChCP,UAAU,CAACsD,YAAY,CAACI,GAAG,CAACnD,GAAG,CAAC;AAClC;AAEA,SAASoB,aAAaA,CAACpB,GAAY,EAAE;EACnC,OAAOA,GAAG,GAAGP,UAAU,CAACsD,YAAY,CAAC9D,GAAG,CAACe,GAAG,CAAC,GAAG,KAAK;AACvD","ignoreList":[]}

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

@@ -1,29 +0,0 @@
-"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_ = "mediaimage2553715898";
-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"
-};
-var keyframes = exports.keyframes = {};
-var layers = exports.layers = {};
-var containers = exports.containers = {};
-var stVars = exports.stVars = {};
-var vars = exports.vars = {
-  "wds-color-red-200": "--wds-color-red-200",
-  "wsr-color-R20": "--wsr-color-R20",
-  "wds-color-black-550": "--wds-color-black-550",
-  "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage2553715898-from",
-  "to": "--mediaimage2553715898-to"
-};
-//# sourceMappingURL=media-image.st.css.js.map

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

@@ -1 +0,0 @@
-{"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":[]}

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

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

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

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

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

@@ -1,109 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.FormMultiDocumentField = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _mediaUtils = require("../../../utils/media-utils");
-var _mediaControl = require("../../media-control");
-var _form = require("../../document/form");
-var _hooks = require("../../../hooks");
-var _formMultiDocumentView = require("./form-multi-document-view");
-var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/multi-document/multi-document-input/form-multi-document-field.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const FormMultiDocumentField = ({
-  data,
-  onChange: onChangeMultiDocument,
-  onInput,
-  autoFocus,
-  readOnly,
-  invalid,
-  dataHook
-}) => {
-  const {
-    t
-  } = (0, _hooks.useTranslations)();
-  const onChange = (0, _hooks.useWithCallback)(onChangeMultiDocument, onInput);
-  const inputRef = (0, _react.useRef)(null);
-  const firstDocumentViewRef = (0, _react.useRef)(null);
-  const {
-    callMedia,
-    loading
-  } = (0, _mediaControl.useMediaControl)({
-    mediaType: _mediaUtils.MEDIA_TYPES.ALL_MEDIA,
-    value: data,
-    onChange,
-    autoFocus,
-    readOnly,
-    inputRef,
-    viewRef: firstDocumentViewRef,
-    multiSelect: true
-  });
-  const onPastedURLChange = (0, _react.useCallback)((value, indexToReplace) => {
-    if (indexToReplace !== undefined) {
-      const nextData = [...(data ?? [])];
-      nextData.splice(indexToReplace, 1, value);
-      onChange(nextData);
-    } else {
-      onChange([...(data ?? []), value]);
-    }
-  }, [data, onChange]);
-  const {
-    isOpen,
-    title,
-    onOpen,
-    onClose,
-    onSave,
-    value
-  } = (0, _mediaControl.usePasteURLForm)({
-    onChange: onPastedURLChange
-  });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data != null && data.length ? /*#__PURE__*/_react.default.createElement(_formMultiDocumentView.FormMultiDocumentView, {
-    dataHook: dataHook,
-    data: data,
-    readOnly: readOnly,
-    callMedia: callMedia,
-    onChange: onChange,
-    ref: firstDocumentViewRef,
-    loading: loading,
-    onOpenPasteURLForm: onOpen,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 66,
-      columnNumber: 9
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_form.FormDocumentInput, {
-    dataHook: dataHook,
-    ref: inputRef,
-    theme: "dashes",
-    disabled: readOnly,
-    loading: loading,
-    error: invalid,
-    loaderBorderStyle: "dashed",
-    onAddButtonClick: callMedia,
-    onPasteURLButtonClick: onOpen({
-      title: t('CMS.document.pasteUrl.title')
-    }),
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 77,
-      columnNumber: 9
-    }
-  }), /*#__PURE__*/_react.default.createElement(_mediaControl.PasteURLForm, {
-    title: title,
-    value: value,
-    show: isOpen,
-    closeModal: onClose,
-    onSave: onSave,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 91,
-      columnNumber: 7
-    }
-  }));
-};
-exports.FormMultiDocumentField = FormMultiDocumentField;
-FormMultiDocumentField.displayName = 'FormMultiDocumentField';
-//# sourceMappingURL=form-multi-document-field.js.map