@wix/auto-patterns 1.48.0 → 1.49.0

package/dist/esm/cms-fields/auto-cms-field-types/media-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["video","document","audio","vector","image","isDataValid","isDecodable","uri","decodeURI","IMAGE_URI_MISSING_FILENAME_PATTERN","VIDEO_URI_MISSING_FILENAME_PATTERN","isImageURI","mediaUri","test","isVideoURI","isMissingFileName","extractThumbnail","split","addFileName","originWidthIndex","indexOf","fileName","slice","posterUriIndex","isWixImageURI","isWixImageUri","getOriginalSizeImageURL","getOriginalSizeUrl","getImageURLWithSize","width","height","getUrl","getImageTitle","getTitle","getImageDimensions","getDimensions","getThumbnailDimensions","size","scale","Math","min","round","ensureOriginalSizeImageURL","ensureThumbnailSizeImageURL","isWixVideoURI","isWixVideoUri","getVideoTitle","getPosterOriginalSizeImageURL","getPosterUri","isWixDocumentURI","isWixDocumentUri","getDocumentTitle","pop","isWixAudioURI","isWixAudioUri","getAudioTitle","isWixVectorURI","isWixVectorUri","getVectorTitle","getVectorUrl","getMediaURL","msid","getMediaTitle","mediaURItoImageURL","normalizedUri"],"sources":["../../../../src/cms-fields/auto-cms-field-types/media-manager.ts"],"sourcesContent":["import { video, document, audio, vector, image } from '@wix/auto-patterns-utils/@wix/cm-media-utils';\n\nimport { isDataValid } from './validations';\nimport type { ThumbnailSize } from './media-types';\n\nconst isDecodable = (uri: string): boolean => {\n  try {\n    decodeURI(uri);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst IMAGE_URI_MISSING_FILENAME_PATTERN =\n  /^wix:image:\\/\\/v1\\/([^/]+)\\/#originWidth=([0-9]+)&originHeight=([0-9]+)$/;\nconst VIDEO_URI_MISSING_FILENAME_PATTERN =\n  /^wix:video:\\/\\/v1\\/([^/]+)\\/#posterUri=([^/]+)&posterWidth=([0-9]+)&posterHeight=([0-9]+)$/;\n\nconst isImageURI = (mediaUri: string) => /^wix:image:\\/\\//.test(mediaUri);\nconst isVideoURI = (mediaUri: string) => /^wix:video:\\/\\//.test(mediaUri);\n\nconst isMissingFileName = (mediaUri: string): boolean => {\n  if (isImageURI(mediaUri)) {\n    return IMAGE_URI_MISSING_FILENAME_PATTERN.test(mediaUri);\n  }\n  if (isVideoURI(mediaUri)) {\n    return VIDEO_URI_MISSING_FILENAME_PATTERN.test(mediaUri);\n  }\n  return false;\n};\n\nconst extractThumbnail = (mediaUri: string) => mediaUri.split('/')[3];\n\nconst addFileName = (mediaUri: string): string => {\n  if (isImageURI(mediaUri) && isMissingFileName(mediaUri)) {\n    const originWidthIndex = mediaUri.indexOf('#originWidth');\n    const fileName = extractThumbnail(mediaUri);\n    return (\n      mediaUri.slice(0, originWidthIndex - 1) +\n      `/${fileName}` +\n      mediaUri.slice(originWidthIndex)\n    );\n  }\n  if (isVideoURI(mediaUri) && isMissingFileName(mediaUri)) {\n    const posterUriIndex = mediaUri.indexOf('#posterUri');\n    const fileName = extractThumbnail(mediaUri);\n    return (\n      mediaUri.slice(0, posterUriIndex - 1) +\n      `/${fileName}` +\n      mediaUri.slice(posterUriIndex)\n    );\n  }\n  return mediaUri;\n};\n\n// --- Image ---\n\nexport const isWixImageURI = (uri: string) =>\n  isDecodable(uri) && image.isWixImageUri(uri);\n\nconst getOriginalSizeImageURL = (uri: string) => image.getOriginalSizeUrl(uri);\n\nconst getImageURLWithSize = (uri: string, width: number, height: number) =>\n  image.getUrl(uri, width, height);\n\nconst getImageTitle = (uri: string) => image.getTitle(uri);\n\nexport const getImageDimensions = (\n  uri: string,\n): { width: number; height: number } => image.getDimensions(addFileName(uri));\n\nconst getThumbnailDimensions = (uri: string, size: number) => {\n  const { width, height } = getImageDimensions(uri);\n  const scale = Math.min(width / size, height / size);\n  return {\n    width: Math.round(width / scale),\n    height: Math.round(height / scale),\n  };\n};\n\nconst ensureOriginalSizeImageURL = (uri: string) =>\n  isWixImageURI(uri) ? getOriginalSizeImageURL(uri) : uri;\n\nconst ensureThumbnailSizeImageURL = (uri: string, size: ThumbnailSize) => {\n  if (isWixImageURI(uri)) {\n    const { width, height } = getThumbnailDimensions(uri, size);\n    return getImageURLWithSize(uri, width, height);\n  }\n  return uri;\n};\n\n// --- Video ---\n\nconst isWixVideoURI = (uri: string) =>\n  isDecodable(uri) && video.isWixVideoUri(uri);\n\nconst getVideoTitle = (uri: string) => video.getTitle(uri);\n\nconst getPosterOriginalSizeImageURL = (uri: string) =>\n  getOriginalSizeImageURL(video.getPosterUri(uri));\n\n// --- Document ---\n\nconst isWixDocumentURI = (uri: string) =>\n  isDecodable(uri) && document.isWixDocumentUri(uri);\n\nconst getDocumentTitle = (uri: string) =>\n  document.isWixDocumentUri(uri)\n    ? document.getTitle(uri)\n    : uri.split('/').pop() || uri;\n\n// --- Audio ---\n\nconst isWixAudioURI = (uri: string) =>\n  isDecodable(uri) && audio.isWixAudioUri(uri);\n\nconst getAudioTitle = (uri: string) => audio.getTitle(uri);\n\n// --- Vector ---\n\nconst isWixVectorURI = (uri: string) =>\n  isDecodable(uri) && vector.isWixVectorUri(uri);\n\nconst getVectorTitle = (uri: string) => vector.getTitle(uri);\nconst getVectorUrl = (uri: string) => vector.getUrl(uri);\n\n// --- Common ---\n\nexport const getMediaURL = (uri: string, msid?: string): string => {\n  if (isWixImageURI(uri)) {\n    return ensureOriginalSizeImageURL(uri);\n  }\n  if (isWixVideoURI(uri)) {\n    return video.getUrl(uri);\n  }\n  if (isWixDocumentURI(uri)) {\n    return document.getUrl(uri, msid);\n  }\n  if (isWixAudioURI(uri)) {\n    return audio.getUrl(uri);\n  }\n  if (isWixVectorURI(uri)) {\n    return vector.getUrl(uri);\n  }\n  return uri;\n};\n\nexport const getMediaTitle = (uri: string): string => {\n  if (isWixImageURI(uri)) {\n    return getImageTitle(uri);\n  }\n  if (isWixVideoURI(uri)) {\n    return getVideoTitle(uri);\n  }\n  if (isWixAudioURI(uri)) {\n    return getAudioTitle(uri);\n  }\n  if (isWixVectorURI(uri)) {\n    return getVectorTitle(uri);\n  }\n  if (isWixDocumentURI(uri) || isDataValid(uri, 'document')) {\n    return getDocumentTitle(uri);\n  }\n  return uri;\n};\n\nexport const mediaURItoImageURL = (uri: string, size: ThumbnailSize): string => {\n  const normalizedUri = addFileName(uri);\n  if (isWixVideoURI(normalizedUri)) {\n    return getPosterOriginalSizeImageURL(normalizedUri);\n  }\n  if (isWixVectorURI(uri)) {\n    return getVectorUrl(uri);\n  }\n  return ensureThumbnailSizeImageURL(normalizedUri, size);\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/cms-fields/auto-cms-field-types/media-types.js

@@ -0,0 +1,7 @@
+export let ThumbnailSize = /*#__PURE__*/function (ThumbnailSize) {
+  ThumbnailSize[ThumbnailSize["S"] = 48] = "S";
+  ThumbnailSize[ThumbnailSize["M"] = 128] = "M";
+  ThumbnailSize[ThumbnailSize["L"] = 204] = "L";
+  return ThumbnailSize;
+}({});
+//# sourceMappingURL=media-types.js.map

package/dist/esm/cms-fields/auto-cms-field-types/media-types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ThumbnailSize"],"sources":["../../../../src/cms-fields/auto-cms-field-types/media-types.ts"],"sourcesContent":["export enum ThumbnailSize {\n  S = 48,\n  M = 128,\n  L = 204,\n}\n\nexport type WixCodeGalleryItemTarget = '_blank' | '_self';\n\nexport type WixCodeGalleryItemLink =\n  | string\n  | { url: string; target?: WixCodeGalleryItemTarget };\n\nexport interface WixCodeGalleryItem {\n  slug: string;\n  src: string;\n  type: string;\n  title?: string;\n  fileName?: string;\n  description?: string;\n  thumbnail?: string;\n  alt?: string;\n  settings?: unknown;\n  link?: WixCodeGalleryItemLink;\n  target?: WixCodeGalleryItemTarget;\n}\n"],"mappings":"AAAA,WAAYA,aAAa,0BAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA","ignoreList":[]}

package/dist/esm/cms-fields/auto-cms-field-types/url.js

@@ -0,0 +1,5 @@
+const allowedPrefixes = ['/', '//', 'http://', 'https://', 'ftp://', 'ftps://', 'mailto:', 'tel:', 'sms:'];
+const getDefaultURL = url => `http://${url}`;
+const isURLvalid = url => allowedPrefixes.some(prefix => url.startsWith(prefix));
+export const getValidURL = url => isURLvalid(url) ? url : getDefaultURL(url);
+//# sourceMappingURL=url.js.map

package/dist/esm/cms-fields/auto-cms-field-types/url.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["allowedPrefixes","getDefaultURL","url","isURLvalid","some","prefix","startsWith","getValidURL"],"sources":["../../../../src/cms-fields/auto-cms-field-types/url.ts"],"sourcesContent":["const allowedPrefixes = [\n  '/',\n  '//',\n  'http://',\n  'https://',\n  'ftp://',\n  'ftps://',\n  'mailto:',\n  'tel:',\n  'sms:',\n];\n\nconst getDefaultURL = (url: string) => `http://${url}`;\n\nconst isURLvalid = (url: string) =>\n  allowedPrefixes.some((prefix) => url.startsWith(prefix));\n\nexport const getValidURL = (url: string): string =>\n  isURLvalid(url) ? url : getDefaultURL(url);\n"],"mappings":"AAAA,MAAMA,eAAe,GAAG,CACtB,GAAG,EACH,IAAI,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,MAAM,EACN,MAAM,CACP;AAED,MAAMC,aAAa,GAAIC,GAAW,IAAK,UAAUA,GAAG,EAAE;AAEtD,MAAMC,UAAU,GAAID,GAAW,IAC7BF,eAAe,CAACI,IAAI,CAAEC,MAAM,IAAKH,GAAG,CAACI,UAAU,CAACD,MAAM,CAAC,CAAC;AAE1D,OAAO,MAAME,WAAW,GAAIL,GAAW,IACrCC,UAAU,CAACD,GAAG,CAAC,GAAGA,GAAG,GAAGD,aAAa,CAACC,GAAG,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/auto-cms-field-types/utils.js

@@ -0,0 +1,2 @@
+export const isRicosLikeObject = data => data !== null && typeof data === 'object' && 'nodes' in data && Array.isArray(data.nodes);
+//# sourceMappingURL=utils.js.map

package/dist/esm/cms-fields/auto-cms-field-types/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isRicosLikeObject","data","Array","isArray","nodes"],"sources":["../../../../src/cms-fields/auto-cms-field-types/utils.ts"],"sourcesContent":["export const isRicosLikeObject = (\n  data: unknown,\n): data is { nodes: unknown[] } =>\n  data !== null &&\n  typeof data === 'object' &&\n  'nodes' in data &&\n  Array.isArray((data as { nodes: unknown }).nodes);\n"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB,GAC5BC,IAAa,IAEbA,IAAI,KAAK,IAAI,IACb,OAAOA,IAAI,KAAK,QAAQ,IACxB,OAAO,IAAIA,IAAI,IACfC,KAAK,CAACC,OAAO,CAAEF,IAAI,CAAwBG,KAAK,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/auto-cms-field-types/validations.js

@@ -0,0 +1,42 @@
+import { validateRicosDocument, RichContent, toPlainTextSync } from '@wix/ricos';
+import { isRicosLikeObject } from './utils';
+const richContentModule = {
+  isValid: data => {
+    if (!isRicosLikeObject(data)) {
+      return false;
+    }
+    try {
+      toPlainTextSync(RichContent.fromJSON(data));
+      return true;
+    } catch {
+      return false;
+    }
+  },
+  isStrictValid: data => {
+    try {
+      const validationResult = validateRicosDocument(data);
+      return validationResult.type === 'ok';
+    } catch {
+      return false;
+    }
+  }
+};
+const getModule = type => {
+  switch (type) {
+    case 'rich-content':
+      return richContentModule;
+    default:
+      return null;
+  }
+};
+export const isDataValid = function (data, type, _temp) {
+  let {
+    strict
+  } = _temp === void 0 ? {} : _temp;
+  const module = getModule(type);
+  if (strict && module != null && module.isStrictValid) {
+    return module.isStrictValid(data);
+  }
+  return module != null && module.isValid ? module.isValid(data) : true;
+};
+//# sourceMappingURL=validations.js.map

package/dist/esm/cms-fields/auto-cms-field-types/validations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateRicosDocument","RichContent","toPlainTextSync","isRicosLikeObject","richContentModule","isValid","data","fromJSON","isStrictValid","validationResult","type","getModule","isDataValid","_temp","strict","module"],"sources":["../../../../src/cms-fields/auto-cms-field-types/validations.ts"],"sourcesContent":["import { validateRicosDocument, RichContent, toPlainTextSync } from '@wix/ricos';\n\nimport { isRicosLikeObject } from './utils';\n\ninterface ValidationOptions {\n  strict?: boolean;\n}\n\nconst richContentModule = {\n  isValid: (data: unknown): data is RichContent => {\n    if (!isRicosLikeObject(data)) {\n      return false;\n    }\n    try {\n      toPlainTextSync(RichContent.fromJSON(data));\n      return true;\n    } catch {\n      return false;\n    }\n  },\n  isStrictValid: (data: unknown): data is RichContent => {\n    try {\n      const validationResult = validateRicosDocument(data);\n      return validationResult.type === 'ok';\n    } catch {\n      return false;\n    }\n  },\n};\n\ntype TypeModule = {\n  isValid?: (data: unknown) => boolean;\n  isStrictValid?: (data: unknown) => boolean;\n};\n\nconst getModule = (type: string): TypeModule | null => {\n  switch (type) {\n    case 'rich-content':\n      return richContentModule;\n    default:\n      return null;\n  }\n};\n\nexport const isDataValid = (\n  data: unknown,\n  type: string,\n  { strict }: ValidationOptions = {},\n): boolean => {\n  const module = getModule(type);\n  if (strict && module?.isStrictValid) {\n    return module.isStrictValid(data);\n  }\n  return module?.isValid ? module.isValid(data) : true;\n};\n"],"mappings":"AAAA,SAASA,qBAAqB,EAAEC,WAAW,EAAEC,eAAe,QAAQ,YAAY;AAEhF,SAASC,iBAAiB,QAAQ,SAAS;AAM3C,MAAMC,iBAAiB,GAAG;EACxBC,OAAO,EAAGC,IAAa,IAA0B;IAC/C,IAAI,CAACH,iBAAiB,CAACG,IAAI,CAAC,EAAE;MAC5B,OAAO,KAAK;IACd;IACA,IAAI;MACFJ,eAAe,CAACD,WAAW,CAACM,QAAQ,CAACD,IAAI,CAAC,CAAC;MAC3C,OAAO,IAAI;IACb,CAAC,CAAC,MAAM;MACN,OAAO,KAAK;IACd;EACF,CAAC;EACDE,aAAa,EAAGF,IAAa,IAA0B;IACrD,IAAI;MACF,MAAMG,gBAAgB,GAAGT,qBAAqB,CAACM,IAAI,CAAC;MACpD,OAAOG,gBAAgB,CAACC,IAAI,KAAK,IAAI;IACvC,CAAC,CAAC,MAAM;MACN,OAAO,KAAK;IACd;EACF;AACF,CAAC;AAOD,MAAMC,SAAS,GAAID,IAAY,IAAwB;EACrD,QAAQA,IAAI;IACV,KAAK,cAAc;MACjB,OAAON,iBAAiB;IAC1B;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAG,SAAAA,CACzBN,IAAa,EACbI,IAAY,EAAAG,KAAA,EAEA;EAAA,IADZ;IAAEC;EAA0B,CAAC,GAAAD,KAAA,cAAG,CAAC,CAAC,GAAAA,KAAA;EAElC,MAAME,MAAM,GAAGJ,SAAS,CAACD,IAAI,CAAC;EAC9B,IAAII,MAAM,IAAIC,MAAM,YAANA,MAAM,CAAEP,aAAa,EAAE;IACnC,OAAOO,MAAM,CAACP,aAAa,CAACF,IAAI,CAAC;EACnC;EACA,OAAOS,MAAM,YAANA,MAAM,CAAEV,OAAO,GAAGU,MAAM,CAACV,OAAO,CAACC,IAAI,CAAC,GAAG,IAAI;AACtD,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/address/input/address-input.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "addressinput110443506";
+var _namespace_ = "addressinput4109351774";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "addressinput110443506__root",
-  "tableAddressInput": "addressinput110443506__tableAddressInput"
+  "root": "addressinput4109351774__root",
+  "tableAddressInput": "addressinput4109351774__tableAddressInput"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/address/input/address-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/address/input/address-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"addressinput110443506\";\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\":\"addressinput110443506__root\",\"tableAddressInput\":\"addressinput110443506__tableAddressInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,mBAAmB,EAAC;AAA0C,CAAC;AAC1H,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/address/input/address-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"addressinput4109351774\";\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\":\"addressinput4109351774__root\",\"tableAddressInput\":\"addressinput4109351774__tableAddressInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,mBAAmB,EAAC;AAA2C,CAAC;AAC5H,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/actions/actions-button/actions-button.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback } from 'react';
+import { IconButton } from '@wix/design-system';
+import { More as MoreIcon } from '@wix/wix-ui-icons-common';
+import { ActionsMenu } from '../actions-menu';
+export const ActionsButton = _ref => {
+  let {
+    actionsMenuProps,
+    priority = 'primary',
+    skin = 'standard',
+    size,
+    dataHook,
+    onClick,
+    disabled,
+    className
+  } = _ref;
+  const handleClick = useCallback(toggle => e => {
+    onClick == null || onClick(e);
+    toggle();
+  }, [onClick]);
+  const renderChildren = useCallback(_ref2 => {
+    let {
+      toggle
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(IconButton, {
+      dataHook: dataHook,
+      priority: priority,
+      onClick: handleClick(toggle),
+      skin: skin,
+      disabled: disabled,
+      size: size,
+      className: className
+    }, /*#__PURE__*/React.createElement(MoreIcon, null));
+  }, [dataHook, priority, skin, size, disabled, handleClick, className]);
+  return /*#__PURE__*/React.createElement(ActionsMenu, _extends({
+    placement: "bottom"
+  }, actionsMenuProps, {
+    children: renderChildren
+  }));
+};
+ActionsButton.displayName = 'ActionsButton';
+//# sourceMappingURL=actions-button.js.map

package/dist/esm/cms-fields/components/audio/actions/actions-button/actions-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","IconButton","More","MoreIcon","ActionsMenu","ActionsButton","_ref","actionsMenuProps","priority","skin","size","dataHook","onClick","disabled","className","handleClick","toggle","e","renderChildren","_ref2","createElement","_extends","placement","children","displayName"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-button/actions-button.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useCallback } from 'react';\n\nimport type { IconButtonProps } from '@wix/design-system';\nimport { IconButton } from '@wix/design-system';\nimport { More as MoreIcon } from '@wix/wix-ui-icons-common';\n\nimport type { ActionsMenuProps } from '../actions-menu';\nimport { ActionsMenu } from '../actions-menu';\n\nexport type ActionsButtonProps = IconButtonProps & {\n  actionsMenuProps: Omit<ActionsMenuProps, 'children'>;\n  onClick?: React.MouseEventHandler;\n};\n\nexport const ActionsButton: FC<ActionsButtonProps> = ({\n  actionsMenuProps,\n  priority = 'primary',\n  skin = 'standard',\n  size,\n  dataHook,\n  onClick,\n  disabled,\n  className,\n}) => {\n  const handleClick = useCallback<\n    (toggle: () => void) => React.MouseEventHandler\n  >(\n    (toggle) => (e) => {\n      onClick?.(e);\n      toggle();\n    },\n    [onClick],\n  );\n\n  const renderChildren = useCallback(\n    ({ toggle }) => {\n      return (\n        <IconButton\n          dataHook={dataHook}\n          priority={priority}\n          onClick={handleClick(toggle)}\n          skin={skin}\n          disabled={disabled}\n          size={size}\n          className={className}\n        >\n          <MoreIcon />\n        </IconButton>\n      );\n    },\n    [dataHook, priority, skin, size, disabled, handleClick, className],\n  );\n\n  return (\n    <ActionsMenu\n      placement=\"bottom\"\n      {...actionsMenuProps}\n      children={renderChildren}\n    />\n  );\n};\n\nActionsButton.displayName = 'ActionsButton';\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAG1C,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,IAAI,IAAIC,QAAQ,QAAQ,0BAA0B;AAG3D,SAASC,WAAW,QAAQ,iBAAiB;AAO7C,OAAO,MAAMC,aAAqC,GAAGC,IAAA,IAS/C;EAAA,IATgD;IACpDC,gBAAgB;IAChBC,QAAQ,GAAG,SAAS;IACpBC,IAAI,GAAG,UAAU;IACjBC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC;EACF,CAAC,GAAAR,IAAA;EACC,MAAMS,WAAW,GAAGf,WAAW,CAG5BgB,MAAM,IAAMC,CAAC,IAAK;IACjBL,OAAO,YAAPA,OAAO,CAAGK,CAAC,CAAC;IACZD,MAAM,CAAC,CAAC;EACV,CAAC,EACD,CAACJ,OAAO,CACV,CAAC;EAED,MAAMM,cAAc,GAAGlB,WAAW,CAChCmB,KAAA,IAAgB;IAAA,IAAf;MAAEH;IAAO,CAAC,GAAAG,KAAA;IACT,oBACEpB,KAAA,CAAAqB,aAAA,CAACnB,UAAU;MACTU,QAAQ,EAAEA,QAAS;MACnBH,QAAQ,EAAEA,QAAS;MACnBI,OAAO,EAAEG,WAAW,CAACC,MAAM,CAAE;MAC7BP,IAAI,EAAEA,IAAK;MACXI,QAAQ,EAAEA,QAAS;MACnBH,IAAI,EAAEA,IAAK;MACXI,SAAS,EAAEA;IAAU,gBAErBf,KAAA,CAAAqB,aAAA,CAACjB,QAAQ,MAAE,CACD,CAAC;EAEjB,CAAC,EACD,CAACQ,QAAQ,EAAEH,QAAQ,EAAEC,IAAI,EAAEC,IAAI,EAAEG,QAAQ,EAAEE,WAAW,EAAED,SAAS,CACnE,CAAC;EAED,oBACEf,KAAA,CAAAqB,aAAA,CAAChB,WAAW,EAAAiB,QAAA;IACVC,SAAS,EAAC;EAAQ,GACdf,gBAAgB;IACpBgB,QAAQ,EAAEL;EAAe,EAC1B,CAAC;AAEN,CAAC;AAEDb,aAAa,CAACmB,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/actions/actions-button/index.js

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

package/dist/esm/cms-fields/components/audio/actions/actions-button/index.js.map

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

package/dist/esm/cms-fields/components/audio/actions/actions-menu/actions-menu.js

@@ -0,0 +1,80 @@
+import _extends from "@babel/runtime/helpers/extends";
+import omit from 'lodash/omit';
+import React, { useCallback, useEffect, useState, useRef } from 'react';
+import { Box, PopoverMenu } from '@wix/design-system';
+import { getAppPopoverMaxHeight, preventEvent, stopEvent, isTruthy } from '../../../../utils';
+import { useResizeEffect } from '../../../../hooks';
+import { Z_INDEX_POPOVER } from '../../../common';
+import { classes } from './actions-menu.st.css.js';
+export const ACTIONS_MENU_DIVIDER = 'divider';
+export const actionsFromSections = sections => sections.map(section => section.filter(isTruthy)).filter(section => section.length > 0).flatMap(section => [...section, ACTIONS_MENU_DIVIDER]).slice(0, -1);
+const getActionsMenuOffset = function (showArrow) {
+  if (showArrow === void 0) {
+    showArrow = true;
+  }
+  return {
+    up: showArrow ? 18 : 12,
+    down: showArrow ? 18 : 12
+  };
+};
+export const ActionsMenu = _ref => {
+  let {
+    actions,
+    focusable = false,
+    onKeyDown,
+    children,
+    ...props
+  } = _ref;
+  const anchorRef = useRef(null);
+  const [maxHeight, setMaxHeight] = useState();
+  const updateMaxHeight = useCallback(() => setMaxHeight(getAppPopoverMaxHeight(anchorRef.current, props.flip, getActionsMenuOffset(props.showArrow))), [props.flip, props.showArrow]);
+  useResizeEffect(updateMaxHeight);
+  useEffect(() => {
+    const frameId = requestAnimationFrame(updateMaxHeight);
+    return () => cancelAnimationFrame(frameId);
+  }, [updateMaxHeight]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: anchorRef,
+    onClick: !focusable ? stopEvent : undefined,
+    onMouseDown: !focusable ? preventEvent : undefined,
+    onKeyDownCapture: onKeyDown
+  }, /*#__PURE__*/React.createElement(PopoverMenu, _extends({
+    placement: "auto",
+    zIndex: Z_INDEX_POPOVER
+  }, props, {
+    triggerElement: children,
+    maxHeight: props.maxHeight ?? maxHeight
+  }), actions.map((action, index) => {
+    if (action === ACTIONS_MENU_DIVIDER) {
+      return /*#__PURE__*/React.createElement(PopoverMenu.Divider, {
+        key: `divider-${index}`
+      });
+    }
+    const itemProps = 'label' in action ? {
+      text: action.label,
+      prefixIcon: action.icon,
+      ...omit(action, 'id', 'label', 'icon')
+    } : {
+      text: action.element,
+      ...omit(action, 'id', 'element')
+    };
+    return /*#__PURE__*/React.createElement(PopoverMenu.MenuItem, _extends({
+      key: action.id ?? `item-${index}`
+    }, itemProps));
+  })));
+};
+ActionsMenu.displayName = 'ActionsMenu';
+ActionsMenu.Action = _ref2 => {
+  let {
+    icon,
+    children,
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    className: classes.action,
+    verticalAlign: "middle",
+    gap: "SP1"
+  }, props), /*#__PURE__*/React.createElement(Box, null, icon), children);
+};
+ActionsMenu.Action.displayName = 'ActionsMenu.Action';
+//# sourceMappingURL=actions-menu.js.map

package/dist/esm/cms-fields/components/audio/actions/actions-menu/actions-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["omit","React","useCallback","useEffect","useState","useRef","Box","PopoverMenu","getAppPopoverMaxHeight","preventEvent","stopEvent","isTruthy","useResizeEffect","Z_INDEX_POPOVER","classes","ACTIONS_MENU_DIVIDER","actionsFromSections","sections","map","section","filter","length","flatMap","slice","getActionsMenuOffset","showArrow","up","down","ActionsMenu","_ref","actions","focusable","onKeyDown","children","props","anchorRef","maxHeight","setMaxHeight","updateMaxHeight","current","flip","frameId","requestAnimationFrame","cancelAnimationFrame","createElement","ref","onClick","undefined","onMouseDown","onKeyDownCapture","_extends","placement","zIndex","triggerElement","action","index","Divider","key","itemProps","text","label","prefixIcon","icon","element","MenuItem","id","displayName","Action","_ref2","className","verticalAlign","gap"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/actions-menu.tsx"],"sourcesContent":["import omit from 'lodash/omit';\nimport React, { useCallback, useEffect, useState, useRef } from 'react';\n\nimport type {\n  BoxProps,\n  PopoverMenuProps,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { Box, PopoverMenu } from '@wix/design-system';\n\nimport {\n  getAppPopoverMaxHeight,\n  preventEvent,\n  stopEvent,\n  isTruthy,\n} from '../../../../utils';\nimport { useResizeEffect } from '../../../../hooks';\n\nimport { Z_INDEX_POPOVER } from '../../../common';\n\nimport { classes } from './actions-menu.st.css.js';\n\nexport type ActionsMenuAction = Omit<\n  PopoverMenuItemProps,\n  'text' | 'subtitle' | 'prefixIcon'\n> & {\n  id?: string | number;\n} & (\n    | {\n        element: React.ReactElement;\n      }\n    | {\n        icon?: PopoverMenuItemProps['prefixIcon'];\n        label: string;\n      }\n  );\n\nexport type ActionsMenuDivider = 'divider';\nexport type ActionsMenuItem = ActionsMenuAction | ActionsMenuDivider;\n\nexport const ACTIONS_MENU_DIVIDER: ActionsMenuDivider = 'divider';\n\nexport const actionsFromSections = (\n  sections: (ActionsMenuAction | undefined)[][],\n): ActionsMenuItem[] =>\n  sections\n    .map((section) => section.filter(isTruthy) as ActionsMenuAction[])\n    .filter((section) => section.length > 0)\n    .flatMap((section) => [...section, ACTIONS_MENU_DIVIDER] as ActionsMenuItem[])\n    .slice(0, -1);\n\nexport interface ActionsMenuProps\n  extends Omit<PopoverMenuProps, 'triggerElement'> {\n  actions: ActionsMenuItem[];\n  focusable?: boolean;\n  onKeyDown?: React.KeyboardEventHandler;\n  children: PopoverMenuProps['triggerElement'];\n}\n\nexport interface ActionsMenuActionProps extends BoxProps {\n  icon?: React.ReactElement;\n}\n\ntype ActionsMenuFC = React.FC<ActionsMenuProps> & {\n  Action: React.FC<ActionsMenuActionProps>;\n};\n\nconst getActionsMenuOffset = (showArrow = true) => ({\n  up: showArrow ? 18 : 12,\n  down: showArrow ? 18 : 12,\n});\n\nexport const ActionsMenu: ActionsMenuFC = ({\n  actions,\n  focusable = false,\n  onKeyDown,\n  children,\n  ...props\n}) => {\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  const [maxHeight, setMaxHeight] = useState<number>();\n  const updateMaxHeight = useCallback(\n    () =>\n      setMaxHeight(\n        getAppPopoverMaxHeight(\n          anchorRef.current,\n          props.flip,\n          getActionsMenuOffset(props.showArrow),\n        ),\n      ),\n    [props.flip, props.showArrow],\n  );\n\n  useResizeEffect(updateMaxHeight);\n  useEffect(() => {\n    const frameId = requestAnimationFrame(updateMaxHeight);\n    return () => cancelAnimationFrame(frameId);\n  }, [updateMaxHeight]);\n\n  return (\n    <div\n      ref={anchorRef}\n      onClick={!focusable ? stopEvent : undefined}\n      onMouseDown={!focusable ? preventEvent : undefined}\n      onKeyDownCapture={onKeyDown}\n    >\n      <PopoverMenu\n        placement=\"auto\"\n        zIndex={Z_INDEX_POPOVER}\n        {...props}\n        triggerElement={children}\n        maxHeight={props.maxHeight ?? maxHeight}\n      >\n        {actions.map((action, index) => {\n          if (action === ACTIONS_MENU_DIVIDER) {\n            return <PopoverMenu.Divider key={`divider-${index}`} />;\n          }\n\n          const itemProps =\n            'label' in action\n              ? {\n                  text: action.label,\n                  prefixIcon: action.icon,\n                  ...omit(action, 'id', 'label', 'icon'),\n                }\n              : {\n                  text: action.element,\n                  ...omit(action, 'id', 'element'),\n                };\n\n          return (\n            <PopoverMenu.MenuItem\n              key={action.id ?? `item-${index}`}\n              {...itemProps}\n            />\n          );\n        })}\n      </PopoverMenu>\n    </div>\n  );\n};\n\nActionsMenu.displayName = 'ActionsMenu';\n\nActionsMenu.Action = ({ icon, children, ...props }) => (\n  <Box className={classes.action} verticalAlign=\"middle\" gap=\"SP1\" {...props}>\n    <Box>{icon}</Box>\n    {children}\n  </Box>\n);\n\nActionsMenu.Action.displayName = 'ActionsMenu.Action';\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css.js

@@ -0,0 +1,21 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "actionsmenu1522980300";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "actionsmenu1522980300__root",
+  "action": "actionsmenu1522980300__action"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-space-100": "--wds-space-100"
+};
+//# sourceMappingURL=actions-menu.st.css.js.map

package/dist/esm/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"actionsmenu1522980300\";\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\":\"actionsmenu1522980300__root\",\"action\":\"actionsmenu1522980300__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-100\":\"--wds-space-100\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AACpG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/actions/actions-menu/index.js

@@ -0,0 +1,3 @@
+export * from './actions-menu';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/audio/actions/actions-menu/index.js.map

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

package/dist/esm/cms-fields/components/audio/actions/actions-menu/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/cms-fields/components/audio/actions/actions-menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/types.ts"],"sourcesContent":["export interface UseActionProps {\n  dataHook: string;\n  actionText: string;\n  onAction?: () => void;\n  iconSize?: 'small' | 'medium';\n}\n\nexport interface ActionsMenuTriggerProps {\n  toggle: () => void;\n  isOpen: boolean;\n  open: () => void;\n  close: () => void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-field/audio-view.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { MusicSmall as MusicSmallIcon } from '@wix/wix-ui-icons-common';
+import { getSchemaType, getMediaTitle } from '../../../utils';
+import { smallTooltipCommonProps } from '../../../utils/tooltip';
+import { MediaTag } from '../../media-tag';
+import { HighlightedText } from '../../highlighted-text';
+const audioTagProps = {
+  thumb: /*#__PURE__*/React.createElement(MusicSmallIcon, null),
+  titleTextProps: {
+    tooltipProps: smallTooltipCommonProps
+  }
+};
+export const AudioView = _ref => {
+  let {
+    data
+  } = _ref;
+  return data ? /*#__PURE__*/React.createElement(MediaTag, _extends({}, audioTagProps, {
+    title: getMediaTitle(data)
+  })) : null;
+};
+export const HighlightedAudioView = _ref2 => {
+  let {
+    metadata: {
+      highlight
+    } = {},
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(MediaTag, _extends({}, audioTagProps, {
+    dataHook: `auto-view-highlight.${props.pointer}.${getSchemaType(props.schema)}`,
+    title: /*#__PURE__*/React.createElement(HighlightedText, {
+      highlight: highlight,
+      highlightedBackground: false
+    })
+  }));
+};
+//# sourceMappingURL=audio-view.js.map

package/dist/esm/cms-fields/components/audio/audio-field/audio-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MusicSmall","MusicSmallIcon","getSchemaType","getMediaTitle","smallTooltipCommonProps","MediaTag","HighlightedText","audioTagProps","thumb","createElement","titleTextProps","tooltipProps","AudioView","_ref","data","_extends","title","HighlightedAudioView","_ref2","metadata","highlight","props","dataHook","pointer","schema","highlightedBackground"],"sources":["../../../../../../src/cms-fields/components/audio/audio-field/audio-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MusicSmall as MusicSmallIcon } from '@wix/wix-ui-icons-common';\n\nimport { getSchemaType, getMediaTitle } from '../../../utils';\nimport { smallTooltipCommonProps } from '../../../utils/tooltip';\n\nimport { MediaTag } from '../../media-tag';\nimport { HighlightedText } from '../../highlighted-text';\n\nconst audioTagProps = {\n  thumb: <MusicSmallIcon />,\n  titleTextProps: { tooltipProps: smallTooltipCommonProps },\n};\n\nexport const AudioView: React.FC<any> = ({ data }) => {\n  return data ? (\n    <MediaTag {...audioTagProps} title={getMediaTitle(data)} />\n  ) : null;\n};\n\nexport const HighlightedAudioView: React.FC<any> = ({\n  metadata: { highlight } = {},\n  ...props\n}) => {\n  return (\n    <MediaTag\n      {...audioTagProps}\n      dataHook={`auto-view-highlight.${props.pointer}.${getSchemaType(\n        props.schema,\n      )}`}\n      title={\n        <HighlightedText highlight={highlight} highlightedBackground={false} />\n      }\n    />\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,IAAIC,cAAc,QAAQ,0BAA0B;AAEvE,SAASC,aAAa,EAAEC,aAAa,QAAQ,gBAAgB;AAC7D,SAASC,uBAAuB,QAAQ,wBAAwB;AAEhE,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,eAAe,QAAQ,wBAAwB;AAExD,MAAMC,aAAa,GAAG;EACpBC,KAAK,eAAET,KAAA,CAAAU,aAAA,CAACR,cAAc,MAAE,CAAC;EACzBS,cAAc,EAAE;IAAEC,YAAY,EAAEP;EAAwB;AAC1D,CAAC;AAED,OAAO,MAAMQ,SAAwB,GAAGC,IAAA,IAAc;EAAA,IAAb;IAAEC;EAAK,CAAC,GAAAD,IAAA;EAC/C,OAAOC,IAAI,gBACTf,KAAA,CAAAU,aAAA,CAACJ,QAAQ,EAAAU,QAAA,KAAKR,aAAa;IAAES,KAAK,EAAEb,aAAa,CAACW,IAAI;EAAE,EAAE,CAAC,GACzD,IAAI;AACV,CAAC;AAED,OAAO,MAAMG,oBAAmC,GAAGC,KAAA,IAG7C;EAAA,IAH8C;IAClDC,QAAQ,EAAE;MAAEC;IAAU,CAAC,GAAG,CAAC,CAAC;IAC5B,GAAGC;EACL,CAAC,GAAAH,KAAA;EACC,oBACEnB,KAAA,CAAAU,aAAA,CAACJ,QAAQ,EAAAU,QAAA,KACHR,aAAa;IACjBe,QAAQ,EAAE,uBAAuBD,KAAK,CAACE,OAAO,IAAIrB,aAAa,CAC7DmB,KAAK,CAACG,MACR,CAAC,EAAG;IACJR,KAAK,eACHjB,KAAA,CAAAU,aAAA,CAACH,eAAe;MAACc,SAAS,EAAEA,SAAU;MAACK,qBAAqB,EAAE;IAAM,CAAE;EACvE,EACF,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-field/form-audio-field.js

@@ -0,0 +1,131 @@
+import React, { useRef, useMemo } from 'react';
+import { getMediaURL } from '../../../auto-cms-field-types';
+import { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';
+import { DownloadImport as Download, Delete, Replace } from '@wix/wix-ui-icons-common';
+import { useWithCallback, useTranslations } from '../../../hooks';
+import { getMediaTitle, MEDIA_TYPES } from '../../../utils';
+import { Z_INDEX_MODAL_POPOVER } from '../../common';
+import { useMediaControl } from '../../media-control';
+import { MediaLoader } from '../../media-loader';
+import { ActionsButton } from '../actions/actions-button';
+import { ACTIONS_MENU_DIVIDER } from '../actions/actions-menu';
+import { style, classes } from './form-audio-field.st.css.js';
+export const FormAudioField = _ref => {
+  let {
+    data,
+    onChange: onChangeAudio,
+    onClear: onClearAudio,
+    onInput,
+    autoFocus,
+    readOnly,
+    invalid,
+    dataHook
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const onChange = useWithCallback(onChangeAudio, onInput);
+  const onClear = useWithCallback(onClearAudio, onInput);
+  const inputRef = useRef(null);
+  const viewRef = useRef(null);
+  const {
+    callMedia,
+    onMediaLoad,
+    downloadMedia,
+    loading
+  } = useMediaControl({
+    mediaType: MEDIA_TYPES.AUDIO,
+    value: data,
+    onChange,
+    autoFocus,
+    readOnly,
+    inputRef,
+    viewRef
+  });
+  const actionsMenuProps = useMemo(() => {
+    const replaceAction = {
+      id: 'AUDIO_REPLACE',
+      dataHook: 'fromAudioInput.button.replace',
+      label: t('CMS.audio.button.replace'),
+      disabled: readOnly,
+      icon: /*#__PURE__*/React.createElement(Replace, null),
+      onClick: callMedia
+    };
+    const downloadAction = {
+      id: 'AUDIO_DOWNLOAD',
+      label: t('CMS.audio.button.download'),
+      disabled: false,
+      icon: /*#__PURE__*/React.createElement(Download, null),
+      onClick: downloadMedia
+    };
+    const clearAction = {
+      id: 'AUDIO_CLEAR',
+      dataHook: 'fromAudioInput.button.delete',
+      label: t('CMS.audio.button.delete'),
+      disabled: readOnly,
+      icon: /*#__PURE__*/React.createElement(Delete, null),
+      onClick: onClear
+    };
+    const actions = [replaceAction, downloadAction, ACTIONS_MENU_DIVIDER, clearAction];
+    return {
+      dataHook: 'fromAudioInput.moreActionsMenu',
+      actions,
+      zIndex: Z_INDEX_MODAL_POPOVER
+    };
+  }, [t, readOnly, callMedia, downloadMedia, onClear]);
+  if (loading) {
+    return /*#__PURE__*/React.createElement(MediaLoader, {
+      borderStyle: "dashed",
+      className: classes.addItem
+    });
+  }
+  if (!data) {
+    return /*#__PURE__*/React.createElement(AddItem, {
+      ref: inputRef,
+      dataHook: dataHook,
+      className: style(classes.addItem, {
+        disabled: !!readOnly,
+        error: invalid
+      }),
+      theme: "dashes",
+      onClick: callMedia,
+      disabled: readOnly,
+      children: t('CMS.audio.button.add')
+    });
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    dataHook: dataHook,
+    direction: "vertical",
+    gap: "S1"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: viewRef,
+    tabIndex: 0
+  }, /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    verticalAlign: "middle",
+    backgroundColor: "D70",
+    padding: "SP5",
+    borderRadius: 12
+  }, /*#__PURE__*/React.createElement(Text, {
+    dataHook: "fromAudioInput.audioName",
+    className: classes.mediaTitle
+  }, getMediaTitle(data)), /*#__PURE__*/React.createElement(Box, {
+    direction: "horizontal",
+    marginTop: "9px",
+    marginBottom: "-3px"
+  }, /*#__PURE__*/React.createElement(AudioPlayer, {
+    dataHook: "fromAudioInput.player",
+    src: getMediaURL(data),
+    onLoad: onMediaLoad,
+    onLoadError: onMediaLoad
+  }), /*#__PURE__*/React.createElement(Box, {
+    marginLeft: "SP3",
+    gap: "SP1"
+  }, /*#__PURE__*/React.createElement(ActionsButton, {
+    dataHook: "fromAudioInput.button.more",
+    actionsMenuProps: actionsMenuProps,
+    priority: "secondary",
+    skin: "inverted"
+  }))))));
+};
+//# sourceMappingURL=form-audio-field.js.map

package/dist/esm/cms-fields/components/audio/audio-field/form-audio-field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useMemo","getMediaURL","AddItem","AudioPlayer","Box","Text","DownloadImport","Download","Delete","Replace","useWithCallback","useTranslations","getMediaTitle","MEDIA_TYPES","Z_INDEX_MODAL_POPOVER","useMediaControl","MediaLoader","ActionsButton","ACTIONS_MENU_DIVIDER","style","classes","FormAudioField","_ref","data","onChange","onChangeAudio","onClear","onClearAudio","onInput","autoFocus","readOnly","invalid","dataHook","t","inputRef","viewRef","callMedia","onMediaLoad","downloadMedia","loading","mediaType","AUDIO","value","actionsMenuProps","replaceAction","id","label","disabled","icon","createElement","onClick","downloadAction","clearAction","actions","zIndex","borderStyle","className","addItem","ref","error","theme","children","direction","gap","tabIndex","verticalAlign","backgroundColor","padding","borderRadius","mediaTitle","marginTop","marginBottom","src","onLoad","onLoadError","marginLeft","priority","skin"],"sources":["../../../../../../src/cms-fields/components/audio/audio-field/form-audio-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useRef, useMemo } from 'react';\n\nimport { getMediaURL } from '../../../auto-cms-field-types';\nimport type { AddItemActions } from '@wix/design-system';\nimport { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';\nimport {\n  DownloadImport as Download,\n  Delete,\n  Replace,\n} from '@wix/wix-ui-icons-common';\n\nimport { useWithCallback, useTranslations } from '../../../hooks';\nimport { getMediaTitle, MEDIA_TYPES } from '../../../utils';\n\nimport { Z_INDEX_MODAL_POPOVER } from '../../common';\nimport type { FormMediaControlProps } from '../../media-control';\nimport { useMediaControl } from '../../media-control';\nimport { MediaLoader } from '../../media-loader';\nimport { ActionsButton } from '../actions/actions-button';\nimport { ACTIONS_MENU_DIVIDER } from '../actions/actions-menu';\n\nimport { style, classes } from './form-audio-field.st.css.js';\n\nexport const FormAudioField: FC<FormMediaControlProps> = ({\n  data,\n  onChange: onChangeAudio,\n  onClear: onClearAudio,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeAudio, onInput);\n  const onClear = useWithCallback(onClearAudio, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, onMediaLoad, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.AUDIO,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n  });\n\n  const actionsMenuProps = useMemo(() => {\n    const replaceAction = {\n      id: 'AUDIO_REPLACE',\n      dataHook: 'fromAudioInput.button.replace',\n      label: t('CMS.audio.button.replace'),\n      disabled: readOnly,\n      icon: <Replace />,\n      onClick: callMedia,\n    };\n\n    const downloadAction = {\n      id: 'AUDIO_DOWNLOAD',\n      label: t('CMS.audio.button.download'),\n      disabled: false,\n      icon: <Download />,\n      onClick: downloadMedia,\n    };\n\n    const clearAction = {\n      id: 'AUDIO_CLEAR',\n      dataHook: 'fromAudioInput.button.delete',\n      label: t('CMS.audio.button.delete'),\n      disabled: readOnly,\n      icon: <Delete />,\n      onClick: onClear,\n    };\n\n    const actions = [\n      replaceAction,\n      downloadAction,\n      ACTIONS_MENU_DIVIDER,\n      clearAction,\n    ];\n\n    return {\n      dataHook: 'fromAudioInput.moreActionsMenu',\n      actions,\n      zIndex: Z_INDEX_MODAL_POPOVER,\n    };\n  }, [t, readOnly, callMedia, downloadMedia, onClear]);\n\n  if (loading) {\n    return <MediaLoader borderStyle=\"dashed\" className={classes.addItem} />;\n  }\n\n  if (!data) {\n    return (\n      <AddItem\n        ref={inputRef}\n        dataHook={dataHook}\n        className={style(classes.addItem, {\n          disabled: !!readOnly,\n          error: invalid,\n        })}\n        theme=\"dashes\"\n        onClick={callMedia}\n        disabled={readOnly}\n        children={t('CMS.audio.button.add')}\n      />\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"S1\">\n      <div ref={viewRef} tabIndex={0}>\n        <Box\n          direction=\"vertical\"\n          verticalAlign=\"middle\"\n          backgroundColor=\"D70\"\n          padding=\"SP5\"\n          borderRadius={12}\n        >\n          <Text\n            dataHook=\"fromAudioInput.audioName\"\n            className={classes.mediaTitle}\n          >\n            {getMediaTitle(data)}\n          </Text>\n          <Box direction=\"horizontal\" marginTop=\"9px\" marginBottom=\"-3px\">\n            <AudioPlayer\n              dataHook=\"fromAudioInput.player\"\n              src={getMediaURL(data)}\n              onLoad={onMediaLoad}\n              onLoadError={onMediaLoad}\n            />\n            <Box marginLeft=\"SP3\" gap=\"SP1\">\n              <ActionsButton\n                dataHook=\"fromAudioInput.button.more\"\n                actionsMenuProps={actionsMenuProps}\n                priority=\"secondary\"\n                skin=\"inverted\"\n              />\n            </Box>\n          </Box>\n        </Box>\n      </div>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-field/form-audio-field.st.css.js

@@ -0,0 +1,27 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "formaudiofield1125379769";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "formaudiofield1125379769__root",
+  "addItem": "formaudiofield1125379769__addItem",
+  "mediaTitle": "formaudiofield1125379769__mediaTitle"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-color-red-100": "--wds-color-red-100",
+  "wds-color-blue-300": "--wds-color-blue-300",
+  "wds-border-radius-400": "--wds-border-radius-400",
+  "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard",
+  "wsr-color-R10": "--wsr-color-R10",
+  "wsr-color-B30": "--wsr-color-B30"
+};
+//# sourceMappingURL=form-audio-field.st.css.js.map

package/dist/esm/cms-fields/components/audio/audio-field/form-audio-field.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield1125379769\";\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\":\"formaudiofield1125379769__root\",\"addItem\":\"formaudiofield1125379769__addItem\",\"mediaTitle\":\"formaudiofield1125379769__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,SAAS,EAAC,mCAAmC;EAAC,YAAY,EAAC;AAAsC,CAAC;AAChK,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/audio/audio-field/index.js

@@ -0,0 +1,3 @@
+export * from './form-audio-field';
+export * from './audio-view';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/audio/audio-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../src/cms-fields/components/audio/audio-field/index.ts"],"sourcesContent":["export * from './form-audio-field';\nexport * from './audio-view';\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,cAAc","ignoreList":[]}