@wix/auto-patterns 1.46.0 → 1.47.0

package/dist/cjs/assets/locale/messages_en.json

@@ -37,6 +37,8 @@
   "auto-patterns.fields.field_type_rich_text_title": "Rich Text",
   "auto-patterns.fields.field_type_rich_content_title": "Rich Content",
   "auto-patterns.fields.field_type_multi_document_title": "Multi Document",
+  "auto-patterns.fields.field_type_email_title": "Email",
+  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
   "CMS.richTextEditor.toolbar.button.link.cancel": "Cancel",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle": "Heading 1",
   "CMS.richTextEditor.toolbar.headerDropdown.option.h1.title": "Page Title",
@@ -73,5 +75,10 @@
   "CMS.richTextEditor.toolbar.button.link.paste.url.title": "Paste URL Here",
   "CMS.richTextEditor.toolbar.button.link.paste.url.placeholder": "Paste URL Here",
   "CMS.richTextEditor.toolbar.button.link.save": "Save",
-  "CMS.richContentCommon.publishLoader": "Saving. Please wait..."
+  "CMS.richContentCommon.publishLoader": "Saving. Please wait...",
+  "auto-patterns.fields.field_type_audio_title": "Audio",
+  "CMS.audio.button.add": "Add Audio",
+  "CMS.audio.button.replace": "Replace",
+  "CMS.audio.button.download": "Download",
+  "CMS.audio.button.delete": "Delete"
 }

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "addressinput2275058120";
+var _namespace_ = "addressinput4009507416";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "addressinput2275058120__root",
-  "tableAddressInput": "addressinput2275058120__tableAddressInput"
+  "root": "addressinput4009507416__root",
+  "tableAddressInput": "addressinput4009507416__tableAddressInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/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_ = \"addressinput2275058120\";\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\":\"addressinput2275058120__root\",\"tableAddressInput\":\"addressinput2275058120__tableAddressInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,mBAAmB,EAAC;AAA2C,CAAC;AACrH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/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":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,mBAAmB,EAAC;AAA2C,CAAC;AACrH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ActionsButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _actionsMenu = require("../actions-menu");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/audio/actions/actions-button/actions-button.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ActionsButton = ({
+  actionsMenuProps,
+  priority = 'primary',
+  skin = 'standard',
+  size,
+  dataHook,
+  onClick,
+  disabled,
+  className
+}) => {
+  const handleClick = (0, _react.useCallback)(toggle => e => {
+    onClick == null || onClick(e);
+    toggle();
+  }, [onClick]);
+  const renderChildren = (0, _react.useCallback)(({
+    toggle
+  }) => {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      dataHook: dataHook,
+      priority: priority,
+      onClick: handleClick(toggle),
+      skin: skin,
+      disabled: disabled,
+      size: size,
+      className: className,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 39,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 48,
+        columnNumber: 11
+      }
+    }));
+  }, [dataHook, priority, skin, size, disabled, handleClick, className]);
+  return /*#__PURE__*/_react.default.createElement(_actionsMenu.ActionsMenu, (0, _extends2.default)({
+    placement: "bottom"
+  }, actionsMenuProps, {
+    children: renderChildren,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 5
+    }
+  }));
+};
+exports.ActionsButton = ActionsButton;
+ActionsButton.displayName = 'ActionsButton';
+//# sourceMappingURL=actions-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_actionsMenu","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActionsButton","actionsMenuProps","priority","skin","size","dataHook","onClick","disabled","className","handleClick","useCallback","toggle","renderChildren","createElement","IconButton","__self","__source","fileName","lineNumber","columnNumber","More","ActionsMenu","_extends2","placement","children","exports","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAH,OAAA;AAA8C,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOvC,MAAMkB,aAAqC,GAAGA,CAAC;EACpDC,gBAAgB;EAChBC,QAAQ,GAAG,SAAS;EACpBC,IAAI,GAAG,UAAU;EACjBC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAG5BC,MAAM,IAAM9B,CAAC,IAAK;IACjByB,OAAO,YAAPA,OAAO,CAAGzB,CAAC,CAAC;IACZ8B,MAAM,CAAC,CAAC;EACV,CAAC,EACD,CAACL,OAAO,CACV,CAAC;EAED,MAAMM,cAAc,GAAG,IAAAF,kBAAW,EAChC,CAAC;IAAEC;EAAO,CAAC,KAAK;IACd,oBACErC,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACpC,aAAA,CAAAqC,UAAU;MACTT,QAAQ,EAAEA,QAAS;MACnBH,QAAQ,EAAEA,QAAS;MACnBI,OAAO,EAAEG,WAAW,CAACE,MAAM,CAAE;MAC7BR,IAAI,EAAEA,IAAK;MACXI,QAAQ,EAAEA,QAAS;MACnBH,IAAI,EAAEA,IAAK;MACXI,SAAS,EAAEA,SAAU;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAErB7C,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAACnC,iBAAA,CAAA0C,IAAQ;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACD,CAAC;EAEjB,CAAC,EACD,CAACd,QAAQ,EAAEH,QAAQ,EAAEC,IAAI,EAAEC,IAAI,EAAEG,QAAQ,EAAEE,WAAW,EAAED,SAAS,CACnE,CAAC;EAED,oBACElC,MAAA,CAAAiB,OAAA,CAAAsB,aAAA,CAAClC,YAAA,CAAA0C,WAAW,MAAAC,SAAA,CAAA/B,OAAA;IACVgC,SAAS,EAAC;EAAQ,GACdtB,gBAAgB;IACpBuB,QAAQ,EAAEZ,cAAe;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC1B,CAAC;AAEN,CAAC;AAACM,OAAA,CAAAzB,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAAC0B,WAAW,GAAG,eAAe","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.actionsFromSections = exports.ActionsMenu = exports.ACTIONS_MENU_DIVIDER = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _omit = _interopRequireDefault(require("lodash/omit"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _utils = require("../../../../utils");
+var _hooks = require("../../../../hooks");
+var _common = require("../../../common");
+var _actionsMenuStCss = require("./actions-menu.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/audio/actions/actions-menu/actions-menu.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ACTIONS_MENU_DIVIDER = exports.ACTIONS_MENU_DIVIDER = 'divider';
+const actionsFromSections = sections => sections.map(section => section.filter(_utils.isTruthy)).filter(section => section.length > 0).flatMap(section => [...section, ACTIONS_MENU_DIVIDER]).slice(0, -1);
+exports.actionsFromSections = actionsFromSections;
+const getActionsMenuOffset = (showArrow = true) => ({
+  up: showArrow ? 18 : 12,
+  down: showArrow ? 18 : 12
+});
+const ActionsMenu = ({
+  actions,
+  focusable = false,
+  onKeyDown,
+  children,
+  ...props
+}) => {
+  const anchorRef = (0, _react.useRef)(null);
+  const [maxHeight, setMaxHeight] = (0, _react.useState)();
+  const updateMaxHeight = (0, _react.useCallback)(() => setMaxHeight((0, _utils.getAppPopoverMaxHeight)(anchorRef.current, props.flip, getActionsMenuOffset(props.showArrow))), [props.flip, props.showArrow]);
+  (0, _hooks.useResizeEffect)(updateMaxHeight);
+  (0, _react.useEffect)(() => {
+    const frameId = requestAnimationFrame(updateMaxHeight);
+    return () => cancelAnimationFrame(frameId);
+  }, [updateMaxHeight]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: anchorRef,
+    onClick: !focusable ? _utils.stopEvent : undefined,
+    onMouseDown: !focusable ? _utils.preventEvent : undefined,
+    onKeyDownCapture: onKeyDown,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 102,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, (0, _extends2.default)({
+    placement: "auto",
+    zIndex: _common.Z_INDEX_POPOVER
+  }, props, {
+    triggerElement: children,
+    maxHeight: props.maxHeight ?? maxHeight,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 108,
+      columnNumber: 7
+    }
+  }), actions.map((action, index) => {
+    if (action === ACTIONS_MENU_DIVIDER) {
+      return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+        key: `divider-${index}`,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 117,
+          columnNumber: 20
+        }
+      });
+    }
+    const itemProps = 'label' in action ? {
+      text: action.label,
+      prefixIcon: action.icon,
+      ...(0, _omit.default)(action, 'id', 'label', 'icon')
+    } : {
+      text: action.element,
+      ...(0, _omit.default)(action, 'id', 'element')
+    };
+    return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, (0, _extends2.default)({
+      key: action.id ?? `item-${index}`
+    }, itemProps, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 133,
+        columnNumber: 13
+      }
+    }));
+  })));
+};
+exports.ActionsMenu = ActionsMenu;
+ActionsMenu.displayName = 'ActionsMenu';
+ActionsMenu.Action = ({
+  icon,
+  children,
+  ...props
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+  className: _actionsMenuStCss.classes.action,
+  verticalAlign: "middle",
+  gap: "SP1"
+}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 147,
+    columnNumber: 3
+  }
+}), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 148,
+    columnNumber: 5
+  }
+}, icon), children);
+ActionsMenu.Action.displayName = 'ActionsMenu.Action';
+//# sourceMappingURL=actions-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_omit","_interopRequireDefault","require","_react","_interopRequireWildcard","_designSystem","_utils","_hooks","_common","_actionsMenuStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ACTIONS_MENU_DIVIDER","exports","actionsFromSections","sections","map","section","filter","isTruthy","length","flatMap","slice","getActionsMenuOffset","showArrow","up","down","ActionsMenu","actions","focusable","onKeyDown","children","props","anchorRef","useRef","maxHeight","setMaxHeight","useState","updateMaxHeight","useCallback","getAppPopoverMaxHeight","current","flip","useResizeEffect","useEffect","frameId","requestAnimationFrame","cancelAnimationFrame","createElement","ref","onClick","stopEvent","undefined","onMouseDown","preventEvent","onKeyDownCapture","__self","__source","fileName","lineNumber","columnNumber","PopoverMenu","_extends2","placement","zIndex","Z_INDEX_POPOVER","triggerElement","action","index","Divider","key","itemProps","text","label","prefixIcon","icon","omit","element","MenuItem","id","displayName","Action","Box","className","classes","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/cjs/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css

@@ -0,0 +1,5 @@
+@property st-global(--wds-space-100);
+
+.action {
+    margin-left: calc(var(--wds-space-100, 6px) * -1);
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "actionsmenu3711108164";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "actionsmenu3711108164__root",
+  "action": "actionsmenu3711108164__action"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-space-100": "--wds-space-100"
+};
+//# sourceMappingURL=actions-menu.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/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":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_actionsMenu","require","Object","keys","forEach","key","exports","_types"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/index.ts"],"sourcesContent":["export * from './actions-menu';\nexport * from './types';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,MAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,MAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,MAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,MAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/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/cjs/cms-fields/components/audio/audio-field/audio-view.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.HighlightedAudioView = exports.AudioView = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _utils = require("../../../utils");
+var _tooltip = require("../../../utils/tooltip");
+var _mediaTag = require("../../media-tag");
+var _highlightedText = require("../../highlighted-text");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/audio/audio-field/audio-view.tsx";
+const audioTagProps = {
+  thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MusicSmall, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 10
+    }
+  }),
+  titleTextProps: {
+    tooltipProps: _tooltip.smallTooltipCommonProps
+  }
+};
+const AudioView = ({
+  data
+}) => {
+  return data ? /*#__PURE__*/_react.default.createElement(_mediaTag.MediaTag, (0, _extends2.default)({}, audioTagProps, {
+    title: (0, _utils.getMediaTitle)(data),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 5
+    }
+  })) : null;
+};
+exports.AudioView = AudioView;
+const HighlightedAudioView = ({
+  metadata: {
+    highlight
+  } = {},
+  ...props
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_mediaTag.MediaTag, (0, _extends2.default)({}, audioTagProps, {
+    dataHook: `auto-view-highlight.${props.pointer}.${(0, _utils.getSchemaType)(props.schema)}`,
+    title: /*#__PURE__*/_react.default.createElement(_highlightedText.HighlightedText, {
+      highlight: highlight,
+      highlightedBackground: false,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 33,
+        columnNumber: 9
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 5
+    }
+  }));
+};
+exports.HighlightedAudioView = HighlightedAudioView;
+//# sourceMappingURL=audio-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_utils","_tooltip","_mediaTag","_highlightedText","_jsxFileName","audioTagProps","thumb","default","createElement","MusicSmall","__self","__source","fileName","lineNumber","columnNumber","titleTextProps","tooltipProps","smallTooltipCommonProps","AudioView","data","MediaTag","_extends2","title","getMediaTitle","exports","HighlightedAudioView","metadata","highlight","props","dataHook","pointer","getSchemaType","schema","HighlightedText","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAAyD,IAAAM,YAAA;AAEzD,MAAMC,aAAa,GAAG;EACpBC,KAAK,eAAEV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,iBAAA,CAAAU,UAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;EACzBC,cAAc,EAAE;IAAEC,YAAY,EAAEC;EAAwB;AAC1D,CAAC;AAEM,MAAMC,SAAwB,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACpD,OAAOA,IAAI,gBACTvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAkB,QAAQ,MAAAC,SAAA,CAAAd,OAAA,MAAKF,aAAa;IAAEiB,KAAK,EAAE,IAAAC,oBAAa,EAACJ,IAAI,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC,GACzD,IAAI;AACV,CAAC;AAACU,OAAA,CAAAN,SAAA,GAAAA,SAAA;AAEK,MAAMO,oBAAmC,GAAGA,CAAC;EAClDC,QAAQ,EAAE;IAAEC;EAAU,CAAC,GAAG,CAAC,CAAC;EAC5B,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEhC,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAkB,QAAQ,MAAAC,SAAA,CAAAd,OAAA,MACHF,aAAa;IACjBwB,QAAQ,EAAE,uBAAuBD,KAAK,CAACE,OAAO,IAAI,IAAAC,oBAAa,EAC7DH,KAAK,CAACI,MACR,CAAC,EAAG;IACJV,KAAK,eACH1B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACL,gBAAA,CAAA8B,eAAe;MAACN,SAAS,EAAEA,SAAU;MAACO,qBAAqB,EAAE,KAAM;MAAAxB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACvE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CAAC;AAEN,CAAC;AAACU,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}