@wix/auto-patterns 1.47.0 → 1.49.0

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_ = "addressinput4009507416";
+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": "addressinput4009507416__root",
-  "tableAddressInput": "addressinput4009507416__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_ = \"addressinput4009507416\";\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\":\"addressinput4009507416__root\",\"tableAddressInput\":\"addressinput4009507416__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":[]}
+{"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-menu/actions-menu.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "actionsmenu3711108164";
+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": "actionsmenu3711108164__root",
-  "action": "actionsmenu3711108164__action"
+  "root": "actionsmenu1522980300__root",
+  "action": "actionsmenu1522980300__action"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/audio/actions/actions-menu/actions-menu.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/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_ = \"actionsmenu3711108164\";\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\":\"actionsmenu3711108164__root\",\"action\":\"actionsmenu3711108164__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":[]}
+{"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/audio-field/form-audio-field.js

@@ -1,5 +1,5 @@
 import React, { useRef, useMemo } from 'react';
-import { getMediaURL } from '@wix/auto-cms-field-types';
+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';

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

@@ -1 +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 '@wix/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":[]}
+{"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

@@ -1,16 +1,16 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "formaudiofield3935104549";
+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": "formaudiofield3935104549__root",
-  "addItem": "formaudiofield3935104549__addItem",
-  "mediaTitle": "formaudiofield3935104549__mediaTitle"
+  "root": "formaudiofield1125379769__root",
+  "addItem": "formaudiofield1125379769__addItem",
+  "mediaTitle": "formaudiofield1125379769__mediaTitle"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/audio/audio-field/form-audio-field.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/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_ = \"formaudiofield3935104549\";\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\":\"formaudiofield3935104549__root\",\"addItem\":\"formaudiofield3935104549__addItem\",\"mediaTitle\":\"formaudiofield3935104549__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":[]}
+{"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-player/audio-player.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { getMediaURL } from '@wix/auto-cms-field-types';
+import { getMediaURL } from '../../../auto-cms-field-types';
 import { Box, AudioPlayer, Card, Text, CloseButton } from '@wix/design-system';
 import { getMediaTitle } from '../../../utils';
 import { classes } from './audio-player.st.css.js';

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","getMediaURL","Box","AudioPlayer","Card","Text","CloseButton","getMediaTitle","classes","FloatingAudioPlayer","_ref","source","onClose","audioSrc","setAudioSrc","createElement","className","root","showShadow","controls","size","onClick","direction","paddingLeft","paddingRight","paddingTop","paddingBottom","width","gap","secondary","autoplay","src"],"sources":["../../../../../../src/cms-fields/components/audio/audio-player/audio-player.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport { getMediaURL } from '@wix/auto-cms-field-types';\nimport { Box, AudioPlayer, Card, Text, CloseButton } from '@wix/design-system';\n\nimport { getMediaTitle } from '../../../utils';\nimport { classes } from './audio-player.st.css.js';\n\ninterface FloatingAudioPlayerProps {\n  source: string | null;\n  onClose: () => void;\n}\nexport const FloatingAudioPlayer: FC<FloatingAudioPlayerProps> = ({\n  source,\n  onClose,\n}) => {\n  const [audioSrc, setAudioSrc] = useState(source);\n\n  useEffect(() => {\n    setAudioSrc(null);\n    onClose?.();\n  }, [onClose]);\n\n  if (!audioSrc) {\n    return null;\n  }\n\n  return (\n    <Card\n      className={classes.root}\n      showShadow\n      controls={<CloseButton size=\"medium\" onClick={onClose} />}\n    >\n      <Box\n        direction=\"vertical\"\n        paddingLeft=\"SP6\"\n        paddingRight=\"SP6\"\n        paddingTop=\"SP5\"\n        paddingBottom=\"SP5\"\n        width=\"369px\"\n        gap=\"SP3\"\n      >\n        <Text secondary>{getMediaTitle(audioSrc)}</Text>\n        <AudioPlayer autoplay src={getMediaURL(audioSrc)} />\n      </Box>\n    </Card>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,GAAG,EAAEC,WAAW,EAAEC,IAAI,EAAEC,IAAI,EAAEC,WAAW,QAAQ,oBAAoB;AAE9E,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,OAAO,QAAQ,0BAA0B;AAMlD,OAAO,MAAMC,mBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,MAAM;IACNC;EACF,CAAC,GAAAF,IAAA;EACC,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAACW,MAAM,CAAC;EAEhDZ,SAAS,CAAC,MAAM;IACde,WAAW,CAAC,IAAI,CAAC;IACjBF,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAI,CAACC,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEf,KAAA,CAAAiB,aAAA,CAACX,IAAI;IACHY,SAAS,EAAER,OAAO,CAACS,IAAK;IACxBC,UAAU;IACVC,QAAQ,eAAErB,KAAA,CAAAiB,aAAA,CAACT,WAAW;MAACc,IAAI,EAAC,QAAQ;MAACC,OAAO,EAAET;IAAQ,CAAE;EAAE,gBAE1Dd,KAAA,CAAAiB,aAAA,CAACb,GAAG;IACFoB,SAAS,EAAC,UAAU;IACpBC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,KAAK,EAAC,OAAO;IACbC,GAAG,EAAC;EAAK,gBAET9B,KAAA,CAAAiB,aAAA,CAACV,IAAI;IAACwB,SAAS;EAAA,GAAEtB,aAAa,CAACM,QAAQ,CAAQ,CAAC,eAChDf,KAAA,CAAAiB,aAAA,CAACZ,WAAW;IAAC2B,QAAQ;IAACC,GAAG,EAAE9B,WAAW,CAACY,QAAQ;EAAE,CAAE,CAChD,CACD,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","getMediaURL","Box","AudioPlayer","Card","Text","CloseButton","getMediaTitle","classes","FloatingAudioPlayer","_ref","source","onClose","audioSrc","setAudioSrc","createElement","className","root","showShadow","controls","size","onClick","direction","paddingLeft","paddingRight","paddingTop","paddingBottom","width","gap","secondary","autoplay","src"],"sources":["../../../../../../src/cms-fields/components/audio/audio-player/audio-player.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport { getMediaURL } from '../../../auto-cms-field-types';\nimport { Box, AudioPlayer, Card, Text, CloseButton } from '@wix/design-system';\n\nimport { getMediaTitle } from '../../../utils';\nimport { classes } from './audio-player.st.css.js';\n\ninterface FloatingAudioPlayerProps {\n  source: string | null;\n  onClose: () => void;\n}\nexport const FloatingAudioPlayer: FC<FloatingAudioPlayerProps> = ({\n  source,\n  onClose,\n}) => {\n  const [audioSrc, setAudioSrc] = useState(source);\n\n  useEffect(() => {\n    setAudioSrc(null);\n    onClose?.();\n  }, [onClose]);\n\n  if (!audioSrc) {\n    return null;\n  }\n\n  return (\n    <Card\n      className={classes.root}\n      showShadow\n      controls={<CloseButton size=\"medium\" onClick={onClose} />}\n    >\n      <Box\n        direction=\"vertical\"\n        paddingLeft=\"SP6\"\n        paddingRight=\"SP6\"\n        paddingTop=\"SP5\"\n        paddingBottom=\"SP5\"\n        width=\"369px\"\n        gap=\"SP3\"\n      >\n        <Text secondary>{getMediaTitle(audioSrc)}</Text>\n        <AudioPlayer autoplay src={getMediaURL(audioSrc)} />\n      </Box>\n    </Card>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SAASC,GAAG,EAAEC,WAAW,EAAEC,IAAI,EAAEC,IAAI,EAAEC,WAAW,QAAQ,oBAAoB;AAE9E,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,OAAO,QAAQ,0BAA0B;AAMlD,OAAO,MAAMC,mBAAiD,GAAGC,IAAA,IAG3D;EAAA,IAH4D;IAChEC,MAAM;IACNC;EACF,CAAC,GAAAF,IAAA;EACC,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAACW,MAAM,CAAC;EAEhDZ,SAAS,CAAC,MAAM;IACde,WAAW,CAAC,IAAI,CAAC;IACjBF,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAI,CAACC,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACEf,KAAA,CAAAiB,aAAA,CAACX,IAAI;IACHY,SAAS,EAAER,OAAO,CAACS,IAAK;IACxBC,UAAU;IACVC,QAAQ,eAAErB,KAAA,CAAAiB,aAAA,CAACT,WAAW;MAACc,IAAI,EAAC,QAAQ;MAACC,OAAO,EAAET;IAAQ,CAAE;EAAE,gBAE1Dd,KAAA,CAAAiB,aAAA,CAACb,GAAG;IACFoB,SAAS,EAAC,UAAU;IACpBC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,KAAK,EAAC,OAAO;IACbC,GAAG,EAAC;EAAK,gBAET9B,KAAA,CAAAiB,aAAA,CAACV,IAAI;IAACwB,SAAS;EAAA,GAAEtB,aAAa,CAACM,QAAQ,CAAQ,CAAC,eAChDf,KAAA,CAAAiB,aAAA,CAACZ,WAAW;IAAC2B,QAAQ;IAACC,GAAG,EAAE9B,WAAW,CAACY,QAAQ;EAAE,CAAE,CAChD,CACD,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -1,14 +1,14 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "audioplayer238685689";
+var _namespace_ = "audioplayer1393447092";
 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": "audioplayer238685689__root"
+  "root": "audioplayer1393447092__root"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/audio/audio-player/audio-player.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/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer238685689\";\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\":\"audioplayer238685689__root\"};\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,sBAAsB;AACxC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AAC1D,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,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/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer1393447092\";\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\":\"audioplayer1393447092__root\"};\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;AAA6B,CAAC;AAC3D,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/delete-dialog/delete-dialog.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "deletedialog3973039530";
+var _namespace_ = "deletedialog130352157";
 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": "deletedialog3973039530__root",
-  "layout": "deletedialog3973039530__layout"
+  "root": "deletedialog130352157__root",
+  "layout": "deletedialog130352157__layout"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/delete-dialog/delete-dialog.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/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog3973039530\";\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\":\"deletedialog3973039530__root\",\"layout\":\"deletedialog3973039530__layout\"};\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,kCAAkC;AAIhF,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,QAAQ,EAAC;AAAgC,CAAC;AACtG,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/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog130352157\";\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\":\"deletedialog130352157__root\",\"layout\":\"deletedialog130352157__layout\"};\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,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AACpG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/document/document-control.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useRef } from 'react';
 import { getMediaTitle } from '../../utils/media-utils';
-import { getMediaURL } from '@wix/auto-cms-field-types';
+import { getMediaURL } from '../../auto-cms-field-types';
 import { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';
 import { Delete, Replace, Document, Link, Download } from '@wix/wix-ui-icons-common';
 import { useTranslations } from '../../hooks';

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","getMediaTitle","getMediaURL","Text","Box","TableListItem","TableActionCell","Delete","Replace","Document","Link","Download","useTranslations","classes","DocumentLoader","openDocument","useWixPatternsContainer","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","_ref","mediaURI","createElement","gap","verticalAlign","className","textWidth","width","height","children","dataHook","secondary","ellipsis","DocumentControl","forwardRef","_ref2","ref","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","t","environment","metaSiteId","msid","handleOpenDocument","handleDownload","containerRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","borderStyle","onKeyDown","onClick","verticalPadding","options","value","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","disabled","divider","align"],"sources":["../../../../../src/cms-fields/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '@wix/auto-cms-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n  Delete,\n  Replace,\n  Document,\n  Link,\n  Download,\n} from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n      <Box width=\"24px\" height=\"24px\" children={<Document />} />\n      <Text\n        dataHook=\"document-view-name\"\n        secondary\n        ellipsis\n        children={getMediaTitle(mediaURI)}\n      />\n    </Box>\n  );\n};\ninterface DocumentControl {\n  mediaURI: string;\n  readOnly?: boolean;\n  onReplace: () => void;\n  onDelete: () => void;\n  onDownload: (mediaURI: string) => void;\n  className?: string;\n  loading: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n  loaderClassName?: string;\n  dataHook?: string;\n  onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n  TableListItemImperativeActions,\n  DocumentControl\n>(\n  (\n    {\n      mediaURI,\n      readOnly,\n      onReplace,\n      onDelete,\n      onDownload,\n      dataHook,\n      className,\n      loading,\n      loaderBorderStyle,\n      loaderClassName,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const { environment } = useWixPatternsContainer();\n    const metaSiteId = environment.msid;\n\n    const handleOpenDocument = useCallback(() => {\n      openDocument(getMediaURL(mediaURI, metaSiteId));\n    }, [mediaURI, metaSiteId]);\n\n    const handleDownload = useCallback(() => {\n      onDownload(mediaURI);\n    }, [mediaURI, onDownload]);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n      (event) => {\n        const actions = containerRef?.current?.querySelector(\n          `[data-hook=\"document-view-actions-button\"]`,\n        );\n\n        if (actions?.contains(document.activeElement)) {\n          return;\n        }\n\n        if (event.key === 'Enter') {\n          handleOpenDocument();\n        }\n      },\n      [handleOpenDocument, containerRef],\n    );\n\n    return loading ? (\n      <DocumentLoader\n        borderStyle={loaderBorderStyle}\n        className={loaderClassName}\n      />\n    ) : (\n      <div ref={containerRef} onKeyDown={handleOnKeydown}>\n        <TableListItem\n          dataHook={dataHook}\n          ref={ref}\n          className={className}\n          onClick={handleOpenDocument}\n          verticalPadding=\"tiny\"\n          options={[\n            {\n              value: <DocumentComponent mediaURI={mediaURI} />,\n              width: '75%',\n            },\n            {\n              value: (\n                <TableActionCell\n                  dataHook=\"document-view-actions-button\"\n                  alwaysShowSecondaryActions\n                  numOfVisibleSecondaryActions={1}\n                  primaryAction={{\n                    onClick: handleOpenDocument,\n                    skin: 'standard',\n                    text: t('CMS.document.action.open'),\n                    dataHook: 'document-view-open-action',\n                  }}\n                  popoverMenuProps={{\n                    textSize: 'medium',\n                    minWidth: '232px',\n                  }}\n                  secondaryActions={[\n                    {\n                      icon: <Download />,\n                      onClick: handleDownload,\n                      disabled: readOnly,\n                      dataHook: 'document-view-download-action',\n                      text: t('CMS.document.action.download'),\n                    },\n                    {\n                      icon: <Replace />,\n                      onClick: onReplace,\n                      text: t('CMS.document.action.replace'),\n                      dataHook: 'document-view-replace-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      icon: <Link />,\n                      onClick: onOpenPasteURLForm,\n                      text: t('CMS.document.action.replaceWithUrl'),\n                      dataHook: 'document-view-replace-with-url-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      divider: true,\n                    },\n                    {\n                      icon: <Delete />,\n                      onClick: onDelete,\n                      text: t('CMS.document.action.delete'),\n                      dataHook: 'document-view-delete-action',\n                      disabled: readOnly,\n                    },\n                  ]}\n                />\n              ),\n              width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n              align: 'right',\n            },\n          ]}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useRef","getMediaTitle","getMediaURL","Text","Box","TableListItem","TableActionCell","Delete","Replace","Document","Link","Download","useTranslations","classes","DocumentLoader","openDocument","useWixPatternsContainer","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","_ref","mediaURI","createElement","gap","verticalAlign","className","textWidth","width","height","children","dataHook","secondary","ellipsis","DocumentControl","forwardRef","_ref2","ref","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","t","environment","metaSiteId","msid","handleOpenDocument","handleDownload","containerRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","borderStyle","onKeyDown","onClick","verticalPadding","options","value","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","disabled","divider","align"],"sources":["../../../../../src/cms-fields/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-cms-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n  Delete,\n  Replace,\n  Document,\n  Link,\n  Download,\n} from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n      <Box width=\"24px\" height=\"24px\" children={<Document />} />\n      <Text\n        dataHook=\"document-view-name\"\n        secondary\n        ellipsis\n        children={getMediaTitle(mediaURI)}\n      />\n    </Box>\n  );\n};\ninterface DocumentControl {\n  mediaURI: string;\n  readOnly?: boolean;\n  onReplace: () => void;\n  onDelete: () => void;\n  onDownload: (mediaURI: string) => void;\n  className?: string;\n  loading: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n  loaderClassName?: string;\n  dataHook?: string;\n  onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n  TableListItemImperativeActions,\n  DocumentControl\n>(\n  (\n    {\n      mediaURI,\n      readOnly,\n      onReplace,\n      onDelete,\n      onDownload,\n      dataHook,\n      className,\n      loading,\n      loaderBorderStyle,\n      loaderClassName,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const { environment } = useWixPatternsContainer();\n    const metaSiteId = environment.msid;\n\n    const handleOpenDocument = useCallback(() => {\n      openDocument(getMediaURL(mediaURI, metaSiteId));\n    }, [mediaURI, metaSiteId]);\n\n    const handleDownload = useCallback(() => {\n      onDownload(mediaURI);\n    }, [mediaURI, onDownload]);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n      (event) => {\n        const actions = containerRef?.current?.querySelector(\n          `[data-hook=\"document-view-actions-button\"]`,\n        );\n\n        if (actions?.contains(document.activeElement)) {\n          return;\n        }\n\n        if (event.key === 'Enter') {\n          handleOpenDocument();\n        }\n      },\n      [handleOpenDocument, containerRef],\n    );\n\n    return loading ? (\n      <DocumentLoader\n        borderStyle={loaderBorderStyle}\n        className={loaderClassName}\n      />\n    ) : (\n      <div ref={containerRef} onKeyDown={handleOnKeydown}>\n        <TableListItem\n          dataHook={dataHook}\n          ref={ref}\n          className={className}\n          onClick={handleOpenDocument}\n          verticalPadding=\"tiny\"\n          options={[\n            {\n              value: <DocumentComponent mediaURI={mediaURI} />,\n              width: '75%',\n            },\n            {\n              value: (\n                <TableActionCell\n                  dataHook=\"document-view-actions-button\"\n                  alwaysShowSecondaryActions\n                  numOfVisibleSecondaryActions={1}\n                  primaryAction={{\n                    onClick: handleOpenDocument,\n                    skin: 'standard',\n                    text: t('CMS.document.action.open'),\n                    dataHook: 'document-view-open-action',\n                  }}\n                  popoverMenuProps={{\n                    textSize: 'medium',\n                    minWidth: '232px',\n                  }}\n                  secondaryActions={[\n                    {\n                      icon: <Download />,\n                      onClick: handleDownload,\n                      disabled: readOnly,\n                      dataHook: 'document-view-download-action',\n                      text: t('CMS.document.action.download'),\n                    },\n                    {\n                      icon: <Replace />,\n                      onClick: onReplace,\n                      text: t('CMS.document.action.replace'),\n                      dataHook: 'document-view-replace-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      icon: <Link />,\n                      onClick: onOpenPasteURLForm,\n                      text: t('CMS.document.action.replaceWithUrl'),\n                      dataHook: 'document-view-replace-with-url-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      divider: true,\n                    },\n                    {\n                      icon: <Delete />,\n                      onClick: onDelete,\n                      text: t('CMS.document.action.delete'),\n                      dataHook: 'document-view-delete-action',\n                      disabled: readOnly,\n                    },\n                  ]}\n                />\n              ),\n              width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n              align: 'right',\n            },\n          ]}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,19 +1,19 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield2561653091";
+var _namespace_ = "formdocumentfield4207312351";
 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": "formdocumentfield2561653091__root",
-  "viewWrapper": "formdocumentfield2561653091__viewWrapper",
-  "textWidth": "formdocumentfield2561653091__textWidth",
-  "documentLoader": "formdocumentfield2561653091__documentLoader",
-  "addDocument": "formdocumentfield2561653091__addDocument",
-  "addItemWrapper": "formdocumentfield2561653091__addItemWrapper"
+  "root": "formdocumentfield4207312351__root",
+  "viewWrapper": "formdocumentfield4207312351__viewWrapper",
+  "textWidth": "formdocumentfield4207312351__textWidth",
+  "documentLoader": "formdocumentfield4207312351__documentLoader",
+  "addDocument": "formdocumentfield4207312351__addDocument",
+  "addItemWrapper": "formdocumentfield4207312351__addItemWrapper"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/document/form-document-field.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/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield2561653091\";\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\":\"formdocumentfield2561653091__root\",\"viewWrapper\":\"formdocumentfield2561653091__viewWrapper\",\"textWidth\":\"formdocumentfield2561653091__textWidth\",\"documentLoader\":\"formdocumentfield2561653091__documentLoader\",\"addDocument\":\"formdocumentfield2561653091__addDocument\",\"addItemWrapper\":\"formdocumentfield2561653091__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,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,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AACtW,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AACpR,OAAO,IAAIC,IAAI,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,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/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield4207312351\";\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\":\"formdocumentfield4207312351__root\",\"viewWrapper\":\"formdocumentfield4207312351__viewWrapper\",\"textWidth\":\"formdocumentfield4207312351__textWidth\",\"documentLoader\":\"formdocumentfield4207312351__documentLoader\",\"addDocument\":\"formdocumentfield4207312351__addDocument\",\"addItemWrapper\":\"formdocumentfield4207312351__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,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,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AACtW,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AACpR,OAAO,IAAIC,IAAI,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}

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

@@ -1,17 +1,17 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation434051250";
+var _namespace_ = "exclamation1902386010";
 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": "exclamation434051250__root",
-  "exclamation": "exclamation434051250__exclamation",
-  "actions": "exclamation434051250__actions",
-  "action": "exclamation434051250__action"
+  "root": "exclamation1902386010__root",
+  "exclamation": "exclamation1902386010__exclamation",
+  "actions": "exclamation1902386010__actions",
+  "action": "exclamation1902386010__action"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/exclamation/exclamation.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/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation434051250\";\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\":\"exclamation434051250__root\",\"exclamation\":\"exclamation434051250__exclamation\",\"actions\":\"exclamation434051250__actions\",\"action\":\"exclamation434051250__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,aAAa,EAAC,mCAAmC;EAAC,SAAS,EAAC,+BAA+B;EAAC,QAAQ,EAAC;AAA8B,CAAC;AAC9L,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,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,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/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation1902386010\";\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\":\"exclamation1902386010__root\",\"exclamation\":\"exclamation1902386010__exclamation\",\"actions\":\"exclamation1902386010__actions\",\"action\":\"exclamation1902386010__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAClM,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,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.st.css.js

@@ -1,19 +1,19 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "highlightedtext3204350970";
+var _namespace_ = "highlightedtext3602929742";
 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": "highlightedtext3204350970__root",
-  "substring": "highlightedtext3204350970__substring"
+  "root": "highlightedtext3602929742__root",
+  "substring": "highlightedtext3602929742__substring"
 };
 export var keyframes = {
-  "highlighted": "highlightedtext3204350970__highlighted",
-  "highlighted-match": "highlightedtext3204350970__highlighted-match"
+  "highlighted": "highlightedtext3602929742__highlighted",
+  "highlighted-match": "highlightedtext3602929742__highlighted-match"
 };
 export var layers = {};
 export var containers = {};

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext3204350970\";\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\":\"highlightedtext3204350970__root\",\"substring\":\"highlightedtext3204350970__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext3204350970__highlighted\",\"highlighted-match\":\"highlightedtext3204350970__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAClH,OAAO,IAAIC,SAAS,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAClJ,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext3602929742\";\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\":\"highlightedtext3602929742__root\",\"substring\":\"highlightedtext3602929742__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext3602929742__highlighted\",\"highlighted-match\":\"highlightedtext3602929742__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAClH,OAAO,IAAIC,SAAS,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAClJ,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/paste-url-button.st.css.js

@@ -1,16 +1,16 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton540096597";
+var _namespace_ = "pasteurlbutton1695425721";
 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": "pasteurlbutton540096597__root",
-  "iconButtonTooltip": "pasteurlbutton540096597__iconButtonTooltip",
-  "iconButton": "pasteurlbutton540096597__iconButton"
+  "root": "pasteurlbutton1695425721__root",
+  "iconButtonTooltip": "pasteurlbutton1695425721__iconButtonTooltip",
+  "iconButton": "pasteurlbutton1695425721__iconButton"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/media-control/paste-url-button.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/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton540096597\";\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\":\"pasteurlbutton540096597__root\",\"iconButtonTooltip\":\"pasteurlbutton540096597__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton540096597__iconButton\"};\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,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,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,+BAA+B;EAAC,mBAAmB,EAAC,4CAA4C;EAAC,YAAY,EAAC;AAAqC,CAAC;AACjL,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/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton1695425721\";\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\":\"pasteurlbutton1695425721__root\",\"iconButtonTooltip\":\"pasteurlbutton1695425721__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton1695425721__iconButton\"};\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,kCAAkC;AAIhF,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,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AACpL,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/media-control/use-media-control.js

@@ -2,7 +2,7 @@ import { useRef, useState, useEffect, useCallback } from 'react';
 import { dashboard } from '@wix/dashboard';
 import { files } from '@wix/media';
 import { executeDownloading } from '../../utils/media-utils';
-import { getMediaURL } from '@wix/auto-cms-field-types';
+import { getMediaURL } from '../../auto-cms-field-types';
 const MEDIA_TYPE_TO_CATEGORY = {
   IMAGE: 'IMAGE',
   VIDEO: 'VIDEO',