@wix/ricos 10.112.0 → 10.113.0

package/dist/cjs/plugin-quick-actions/floating-toolbar-button/floating-toolbar-button.js

@@ -0,0 +1,89 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var floating_toolbar_button_exports = {};
+__export(floating_toolbar_button_exports, {
+  FloatingToolbarButton: () => FloatingToolbarButton
+});
+module.exports = __toCommonJS(floating_toolbar_button_exports);
+var import_core = require("@tiptap/core");
+var import_wix_ui_icons_common = require("@wix/wix-ui-icons-common");
+var import_prosemirror_state = require("prosemirror-state");
+var import_react = __toESM(require("react"));
+var import_ricos_context = require("./../../ricos-context");
+var import_wix_rich_content_common = require("./../../wix-rich-content-common/index");
+var import_ui_components = require("./../../ui-components");
+var import_data_hooks = require("../data-hooks");
+var import_toggle_quick_actions_modal = require("../toggle-quick-actions-modal/toggle-quick-actions-modal");
+var import_floating_toolbar_button_scss = __toESM(require("./floating-toolbar-button-scss"));
+const FloatingToolbarButton = ({
+  className,
+  position
+}) => {
+  const { adapter } = (0, import_react.useContext)(import_ricos_context.EditorContext);
+  const modalService = (0, import_react.useContext)(import_ricos_context.ModalServiceContext);
+  const ref = import_react.default.useRef(null);
+  const handleClick = () => {
+    const { view } = adapter.tiptapEditor;
+    const { state } = view;
+    const { selection } = state;
+    const contentSize = selection.content().content.size;
+    const isInsideCollapsibleList = (0, import_core.findParentNodeClosestToPos)(
+      selection.$from,
+      (node) => node.type.name === import_wix_rich_content_common.Node_Type.COLLAPSIBLE_LIST
+    );
+    const { nodeBefore, nodeAfter } = selection.$anchor;
+    if (!contentSize && !nodeBefore && !nodeAfter && !isInsideCollapsibleList) {
+      view.dispatch(view.state.tr.insertText("/", selection.from));
+      view.focus();
+      return;
+    }
+    if (!contentSize && nodeBefore?.type.name.toUpperCase() === import_wix_rich_content_common.Node_Type.TEXT && nodeBefore?.textContent === "/") {
+      view.dispatch(view.state.tr.deleteRange(selection.from - 1, selection.$anchor.pos));
+      return;
+    }
+    if (nodeBefore?.type.name.toUpperCase() === import_wix_rich_content_common.Node_Type.TEXT && nodeBefore?.textContent.endsWith("/")) {
+      view.dispatch(view.state.tr.deleteRange(selection.from - 1, selection.$anchor.pos));
+    }
+    if (contentSize) {
+      const selectionUpdated = import_prosemirror_state.TextSelection.create(view.state.doc, selection.to);
+      view.dispatch(view.state.tr.setSelection(selectionUpdated));
+    }
+    (0, import_toggle_quick_actions_modal.toggleQuickActionsModal)({ modalService, referenceElement: ref.current });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className, style: position, ref }, /* @__PURE__ */ import_react.default.createElement(import_ui_components.UiComponentsProvider, null, /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: import_floating_toolbar_button_scss.default.button,
+      onClick: handleClick,
+      "data-hook": import_data_hooks.FLOATING_ADD_BUTTON
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_wix_ui_icons_common.AddSmall, { fill: "currentColor" })
+  )));
+};
+//# sourceMappingURL=floating-toolbar-button.js.map

package/dist/cjs/plugin-quick-actions/floating-toolbar-button/floating-toolbar-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-quick-actions/floating-toolbar-button/floating-toolbar-button.tsx"],
+  "sourcesContent": ["import { findParentNodeClosestToPos } from '@tiptap/core';\nimport { AddSmall } from '@wix/wix-ui-icons-common';\nimport { TextSelection } from 'prosemirror-state';\nimport React, { useContext } from 'react';\n\nimport { EditorContext, ModalServiceContext } from './../../ricos-context';\nimport { Node_Type } from './../../wix-rich-content-common/index';\nimport { UiComponentsProvider } from './../../ui-components';\n\nimport { FLOATING_ADD_BUTTON } from '../data-hooks';\nimport { toggleQuickActionsModal } from '../toggle-quick-actions-modal/toggle-quick-actions-modal';\nimport styles from './floating-toolbar-button-scss';\n\ntype Position = { top: string };\n\ntype FloatingToolbarButtonProps = {\n  className: string;\n  position: Position;\n};\n\nexport const FloatingToolbarButton: React.FC<FloatingToolbarButtonProps> = ({\n  className,\n  position,\n}) => {\n  const { adapter } = useContext(EditorContext);\n  const modalService = useContext(ModalServiceContext);\n\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const handleClick = () => {\n    const { view } = adapter.tiptapEditor;\n    const { state } = view;\n    const { selection } = state;\n\n    const contentSize = selection.content().content.size;\n\n    const isInsideCollapsibleList = findParentNodeClosestToPos(\n      selection.$from,\n      node => node.type.name === Node_Type.COLLAPSIBLE_LIST\n    );\n\n    const { nodeBefore, nodeAfter } = selection.$anchor;\n\n    // in an empty paragraph places a \"/\" and opens the quick actions modal\n    if (!contentSize && !nodeBefore && !nodeAfter && !isInsideCollapsibleList) {\n      view.dispatch(view.state.tr.insertText('/', selection.from));\n      view.focus();\n      return;\n    }\n\n    // in a paragraph only with  \"/\", removes the \"/\" and closes the quick actions modal (to simulate toggle)\n    if (\n      !contentSize &&\n      nodeBefore?.type.name.toUpperCase() === Node_Type.TEXT &&\n      nodeBefore?.textContent === '/'\n    ) {\n      view.dispatch(view.state.tr.deleteRange(selection.from - 1, selection.$anchor.pos));\n      return;\n    }\n\n    // in a paragraph with text ending in \"/\", removes the \"/\", closes the quick actions modal next to the slash and opens the modal next to the plus button\n    if (\n      nodeBefore?.type.name.toUpperCase() === Node_Type.TEXT &&\n      nodeBefore?.textContent.endsWith('/')\n    ) {\n      view.dispatch(view.state.tr.deleteRange(selection.from - 1, selection.$anchor.pos));\n    }\n\n    // when some text is selected, opens the quick actions modal\n    if (contentSize) {\n      const selectionUpdated = TextSelection.create(view.state.doc, selection.to);\n      view.dispatch(view.state.tr.setSelection(selectionUpdated));\n    }\n\n    toggleQuickActionsModal({ modalService, referenceElement: ref.current });\n  };\n\n  return (\n    <div className={className} style={position} ref={ref}>\n      <UiComponentsProvider>\n        <button\n          type=\"button\"\n          className={styles.button}\n          onClick={handleClick}\n          data-hook={FLOATING_ADD_BUTTON}\n        >\n          <AddSmall fill=\"currentColor\" />\n        </button>\n      </UiComponentsProvider>\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2C;AAC3C,iCAAyB;AACzB,+BAA8B;AAC9B,mBAAkC;AAElC,2BAAmD;AACnD,qCAA0B;AAC1B,2BAAqC;AAErC,wBAAoC;AACpC,wCAAwC;AACxC,0CAAmB;AASZ,MAAM,wBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAI,yBAAW,kCAAa;AAC5C,QAAM,mBAAe,yBAAW,wCAAmB;AAEnD,QAAM,MAAM,aAAAA,QAAM,OAAuB,IAAI;AAE7C,QAAM,cAAc,MAAM;AACxB,UAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,UAAM,EAAE,MAAM,IAAI;AAClB,UAAM,EAAE,UAAU,IAAI;AAEtB,UAAM,cAAc,UAAU,QAAQ,EAAE,QAAQ;AAEhD,UAAM,8BAA0B;AAAA,MAC9B,UAAU;AAAA,MACV,UAAQ,KAAK,KAAK,SAAS,yCAAU;AAAA,IACvC;AAEA,UAAM,EAAE,YAAY,UAAU,IAAI,UAAU;AAG5C,QAAI,CAAC,eAAe,CAAC,cAAc,CAAC,aAAa,CAAC,yBAAyB;AACzE,WAAK,SAAS,KAAK,MAAM,GAAG,WAAW,KAAK,UAAU,IAAI,CAAC;AAC3D,WAAK,MAAM;AACX;AAAA,IACF;AAGA,QACE,CAAC,eACD,YAAY,KAAK,KAAK,YAAY,MAAM,yCAAU,QAClD,YAAY,gBAAgB,KAC5B;AACA,WAAK,SAAS,KAAK,MAAM,GAAG,YAAY,UAAU,OAAO,GAAG,UAAU,QAAQ,GAAG,CAAC;AAClF;AAAA,IACF;AAGA,QACE,YAAY,KAAK,KAAK,YAAY,MAAM,yCAAU,QAClD,YAAY,YAAY,SAAS,GAAG,GACpC;AACA,WAAK,SAAS,KAAK,MAAM,GAAG,YAAY,UAAU,OAAO,GAAG,UAAU,QAAQ,GAAG,CAAC;AAAA,IACpF;AAGA,QAAI,aAAa;AACf,YAAM,mBAAmB,uCAAc,OAAO,KAAK,MAAM,KAAK,UAAU,EAAE;AAC1E,WAAK,SAAS,KAAK,MAAM,GAAG,aAAa,gBAAgB,CAAC;AAAA,IAC5D;AAEA,mEAAwB,EAAE,cAAc,kBAAkB,IAAI,QAAQ,CAAC;AAAA,EACzE;AAEA,SACE,6BAAAA,QAAA,cAAC,SAAI,WAAsB,OAAO,UAAU,OAC1C,6BAAAA,QAAA,cAAC,iDACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,oCAAAC,QAAO;AAAA,MAClB,SAAS;AAAA,MACT,aAAW;AAAA;AAAA,IAEX,6BAAAD,QAAA,cAAC,uCAAS,MAAK,gBAAe;AAAA,EAChC,CACF,CACF;AAEJ;",
+  "names": ["React", "styles"]
+}

package/dist/cjs/plugin-quick-actions/index.js

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var plugin_quick_actions_exports = {};
+__export(plugin_quick_actions_exports, {
+  pluginQuickActions: () => import_editor.pluginQuickActions
+});
+module.exports = __toCommonJS(plugin_quick_actions_exports);
+var import_editor = require("./editor");
+//# sourceMappingURL=index.js.map

package/dist/cjs/plugin-quick-actions/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-quick-actions/index.ts"],
+  "sourcesContent": ["export { pluginQuickActions } from './editor';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmC;",
+  "names": []
+}

package/dist/cjs/plugin-quick-actions/quick-actions-modal/quick-actions-modal-scss.js

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var quick_actions_modal_exports = {};
+__export(quick_actions_modal_exports, {
+  default: () => quick_actions_modal_default
+});
+module.exports = __toCommonJS(quick_actions_modal_exports);
+var quick_actions_modal_default = {
+  "quickActionsModal": "bvF7C"
+};
+//# sourceMappingURL=quick-actions-modal-scss.js.map

package/dist/cjs/plugin-quick-actions/quick-actions-modal/quick-actions-modal-scss.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-quick-actions/quick-actions-modal/quick-actions-modal.scss"],
+  "sourcesContent": ["export default {\n  \"quickActionsModal\": \"bvF7C\"\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,8BAAQ;AAAA,EACb,qBAAqB;AACvB;",
+  "names": []
+}

package/dist/cjs/plugin-quick-actions/quick-actions-modal/quick-actions-modal.js

@@ -0,0 +1,165 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var quick_actions_modal_exports = {};
+__export(quick_actions_modal_exports, {
+  QuickActionsModal: () => QuickActionsModal
+});
+module.exports = __toCommonJS(quick_actions_modal_exports);
+var import_design_system = require("@wix/design-system");
+var import_react = __toESM(require("react"));
+var import_ricos_context = require("./../../ricos-context");
+var import_modal_service_provider = require("./../../ricos-modals/modal-service-provider");
+var import_pluginTypes = require("./../../ricos-types/pluginTypes");
+var import_types = require("./../types");
+var import_ui_components = require("./../../ui-components");
+var import_data_hooks = require("../data-hooks");
+var import_quick_actions_modal_scss = __toESM(require("./quick-actions-modal-scss"));
+const QuickActionsModal = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const { query } = props;
+    const { adapter } = (0, import_react.useContext)(import_ricos_context.EditorContext);
+    const plugins = (0, import_react.useContext)(import_ricos_context.PluginsContext);
+    const { t } = (0, import_react.useContext)(import_ricos_context.RicosContext);
+    const zIndexService = (0, import_react.useContext)(import_ricos_context.ZIndexContext);
+    const actions = (0, import_react.useMemo)(() => plugins.getQuickActions(), []);
+    const modalService = (0, import_modal_service_provider.useModalService)();
+    const editorCommands = adapter.getEditorCommands();
+    const options = (0, import_react.useMemo)(() => {
+      const actionsInSectionsMap = query === " " ? [] : actions.filter(
+        (item) => t(item.title).toLowerCase().includes((query ?? "").toLowerCase())
+      ).reduce((groups, action) => {
+        groups[action.section] ??= [];
+        return {
+          ...groups,
+          [action.section]: [...groups[action.section], action]
+        };
+      }, {});
+      return Object.values(import_pluginTypes.quickActionsModalSections).reduce((list, section) => {
+        return [
+          ...list,
+          ...actionsInSectionsMap[section]?.length > 0 ? [
+            (0, import_design_system.listItemSectionBuilder)({
+              title: t(section),
+              id: section
+            }),
+            ...actionsInSectionsMap[section].map(
+              (item) => commandToPaletteOption({
+                pluginCommand: item,
+                editorCommands,
+                props,
+                modalService,
+                editor: adapter.tiptapEditor,
+                t
+              })
+            )
+          ] : []
+        ];
+      }, []);
+    }, [query]);
+    const [selectedId, setSelectedId] = (0, import_react.useState)(
+      options.find((option) => option.value === "action")?.id
+    );
+    (0, import_react.useEffect)(() => {
+      setSelectedId(options.find((option) => option.value === "action")?.id);
+    }, [query]);
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      onKeyDown: ({ event }) => {
+        if (["ArrowUp", "ArrowDown"].includes(event.key)) {
+          const direction = event.key === "ArrowUp" ? -1 : 1;
+          const activeOptions = options.filter((option) => option.value === "action");
+          setSelectedId((prev) => {
+            const currIndex = activeOptions.findIndex(({ id }) => id === prev);
+            const nextIndex = (currIndex + direction + activeOptions.length) % activeOptions.length;
+            return activeOptions[nextIndex].id;
+          });
+          return true;
+        }
+        if (event.key === "Enter") {
+          const option = options.find((option2) => option2.id === selectedId);
+          if (option && "onClick" in option) {
+            props?.command?.(props);
+            option.onClick();
+            return true;
+          }
+          return false;
+        }
+        return false;
+      }
+    }));
+    return /* @__PURE__ */ import_react.default.createElement(import_ui_components.UiComponentsProvider, null, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: import_quick_actions_modal_scss.default.quickActionsModal,
+        style: { zIndex: zIndexService.getZIndex("DIALOG") }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_design_system.DropdownBase,
+        {
+          open: true,
+          onSelect: () => {
+            modalService.closeModal(import_types.QUICK_ACTIONS_MODAL_ID);
+          },
+          placement: "bottom-start",
+          minWidth: 242,
+          maxHeight: 250,
+          className: import_quick_actions_modal_scss.default.quickActionsModal,
+          focusOnOption: selectedId,
+          dataHook: import_data_hooks.QUICK_ACTIONS_ROOT,
+          options,
+          flip: false
+        }
+      )
+    ));
+  }
+);
+const commandToPaletteOption = ({
+  pluginCommand,
+  editorCommands,
+  props,
+  editor,
+  modalService,
+  t
+}) => {
+  return {
+    as: "button",
+    dataHook: pluginCommand.title,
+    ellipsis: false,
+    id: pluginCommand.id,
+    onClick: () => {
+      props?.command?.(props);
+      pluginCommand.command({ editorCommands, editor, modalService });
+    },
+    optionTitle: t(pluginCommand.title),
+    prefixIcon: pluginCommand.icon ? /* @__PURE__ */ import_react.default.createElement(pluginCommand.icon, null) : void 0,
+    shouldFocusWithoutScroll: true,
+    size: "small",
+    title: false,
+    value: "action"
+  };
+};
+//# sourceMappingURL=quick-actions-modal.js.map

package/dist/cjs/plugin-quick-actions/quick-actions-modal/quick-actions-modal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-quick-actions/quick-actions-modal/quick-actions-modal.tsx"],
+  "sourcesContent": ["import type { Editor } from '@tiptap/core';\nimport { DropdownBase, listItemSectionBuilder } from '@wix/design-system';\nimport React, {\n  forwardRef,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { EditorContext, PluginsContext, RicosContext, ZIndexContext } from './../../ricos-context';\nimport { useModalService } from './../../ricos-modals/modal-service-provider';\nimport type { EditorCommands } from './../../ricos-types/editorCommandsType';\nimport type { ModalService } from './../../ricos-types/modalTypes';\nimport { quickActionsModalSections } from './../../ricos-types/pluginTypes';\nimport type {\n  PluginCommand,\n  QuickActionsModalProps,\n  QuickActionsModalRef,\n} from './../types';\nimport { QUICK_ACTIONS_MODAL_ID } from './../types';\nimport { UiComponentsProvider } from './../../ui-components';\n\nimport { QUICK_ACTIONS_ROOT } from '../data-hooks';\nimport styles from './quick-actions-modal-scss';\n\nexport const QuickActionsModal = forwardRef<QuickActionsModalRef, QuickActionsModalProps>(\n  (props, ref) => {\n    const { query } = props;\n    const { adapter } = useContext(EditorContext);\n    const plugins = useContext(PluginsContext);\n    const { t } = useContext(RicosContext);\n    const zIndexService = useContext(ZIndexContext);\n    const actions = useMemo(() => plugins.getQuickActions(), []);\n\n    const modalService = useModalService();\n\n    const editorCommands = adapter.getEditorCommands();\n\n    const options = useMemo(() => {\n      const actionsInSectionsMap =\n        query === ' '\n          ? []\n          : actions\n              .filter(item =>\n                t(item.title)\n                  .toLowerCase()\n                  .includes((query ?? '').toLowerCase())\n              )\n              .reduce((groups, action) => {\n                groups[action.section] ??= [];\n\n                return {\n                  ...groups,\n                  [action.section]: [...groups[action.section], action],\n                };\n              }, {} as { [key: string]: PluginCommand[] });\n\n      return Object.values(quickActionsModalSections).reduce((list, section) => {\n        return [\n          ...list,\n\n          ...(actionsInSectionsMap[section]?.length > 0\n            ? [\n                listItemSectionBuilder({\n                  title: t(section),\n                  id: section,\n                }),\n\n                ...actionsInSectionsMap[section].map(item =>\n                  commandToPaletteOption({\n                    pluginCommand: item,\n                    editorCommands,\n                    props,\n                    modalService,\n                    editor: adapter.tiptapEditor,\n                    t,\n                  })\n                ),\n              ]\n            : []),\n        ];\n      }, []);\n    }, [query]);\n\n    const [selectedId, setSelectedId] = useState(\n      options.find(option => option.value === 'action')?.id\n    );\n\n    useEffect(() => {\n      setSelectedId(options.find(option => option.value === 'action')?.id);\n    }, [query]);\n\n    useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }) => {\n        if (['ArrowUp', 'ArrowDown'].includes(event.key)) {\n          const direction = event.key === 'ArrowUp' ? -1 : 1;\n          const activeOptions = options.filter(option => option.value === 'action');\n          setSelectedId(prev => {\n            const currIndex = activeOptions.findIndex(({ id }) => id === prev);\n            const nextIndex = (currIndex + direction + activeOptions.length) % activeOptions.length;\n            return activeOptions[nextIndex].id;\n          });\n          return true;\n        }\n\n        if (event.key === 'Enter') {\n          const option = options.find(option => option.id === selectedId);\n          if (option && 'onClick' in option) {\n            props?.command?.(props);\n            option.onClick();\n            return true;\n          }\n          return false;\n        }\n\n        return false;\n      },\n    }));\n\n    return (\n      <UiComponentsProvider>\n        <div\n          className={styles.quickActionsModal}\n          style={{ zIndex: zIndexService.getZIndex('DIALOG') }}\n        >\n          <DropdownBase\n            open\n            onSelect={() => {\n              modalService.closeModal(QUICK_ACTIONS_MODAL_ID);\n            }}\n            placement=\"bottom-start\"\n            minWidth={242}\n            maxHeight={250}\n            className={styles.quickActionsModal}\n            focusOnOption={selectedId}\n            dataHook={QUICK_ACTIONS_ROOT}\n            options={options}\n            flip={false}\n          />\n        </div>\n      </UiComponentsProvider>\n    );\n  }\n);\n\ntype Option = {\n  as: string;\n  dataHook: string;\n  ellipsis: boolean;\n  id: string;\n  onClick: () => void;\n  optionTitle: string;\n  prefixIcon?: JSX.Element;\n  shouldFocusWithoutScroll: boolean;\n  size: string;\n  title: boolean;\n  value: string;\n};\n\nconst commandToPaletteOption = ({\n  pluginCommand,\n  editorCommands,\n  props,\n  editor,\n  modalService,\n  t,\n}: {\n  pluginCommand: PluginCommand;\n  editorCommands: EditorCommands;\n  props: QuickActionsModalProps;\n  editor: Editor;\n  modalService: ModalService;\n  t: (key: string) => string;\n}): Option => {\n  return {\n    as: 'button',\n    dataHook: pluginCommand.title,\n    ellipsis: false,\n    id: pluginCommand.id,\n    onClick: () => {\n      props?.command?.(props);\n      pluginCommand.command({ editorCommands, editor, modalService });\n    },\n    optionTitle: t(pluginCommand.title),\n    prefixIcon: pluginCommand.icon ? <pluginCommand.icon /> : undefined,\n    shouldFocusWithoutScroll: true,\n    size: 'small',\n    title: false,\n    value: 'action',\n  };\n};\n"],
+  "mappings": "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",
+  "names": ["option", "React", "styles"]
+}

package/dist/cjs/plugin-quick-actions/testkit.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var testkit_exports = {};
+__export(testkit_exports, {
+  createQuickActionsTestkit: () => createQuickActionsTestkit
+});
+module.exports = __toCommonJS(testkit_exports);
+var import_unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var import_wix_rich_content_common = require("./../wix-rich-content-common");
+var import_data_hooks = require("./data-hooks");
+const createQuickActionsTestkit = (getBase) => {
+  return {
+    content: {},
+    floatingAddButton: {
+      waitForElement: async () => {
+        await getBase().get((0, import_wix_rich_content_common.dataHook)(import_data_hooks.FLOATING_ADD_BUTTON));
+      },
+      click: async () => {
+        await getBase().$((0, import_wix_rich_content_common.dataHook)(import_data_hooks.FLOATING_ADD_BUTTON)).click();
+      }
+    },
+    quickActionsModal: {
+      waitForElement: async () => {
+        await getBase().get((0, import_wix_rich_content_common.dataHook)(import_data_hooks.QUICK_ACTIONS_ROOT));
+      },
+      popover: (0, import_unidriver.DropdownBaseUniDriver)(getBase().$((0, import_wix_rich_content_common.dataHook)(import_data_hooks.QUICK_ACTIONS_ROOT)), getBase())
+    }
+  };
+};
+//# sourceMappingURL=testkit.js.map

package/dist/cjs/plugin-quick-actions/testkit.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-quick-actions/testkit.ts"],
+  "sourcesContent": ["import { DropdownBaseUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nimport type { Testkit } from './../ricos-types/testkit';\nimport { dataHook } from './../wix-rich-content-common';\n\nimport { FLOATING_ADD_BUTTON, QUICK_ACTIONS_ROOT } from './data-hooks';\n\nexport type QuickActionsTestkit = Testkit<{\n  content: object;\n  floatingAddButton: {\n    waitForElement: () => Promise<void>;\n    click: () => Promise<void>;\n  };\n  quickActionsModal: {\n    waitForElement: () => Promise<void>;\n    popover: ReturnType<typeof DropdownBaseUniDriver>;\n  };\n}>;\n\nexport const createQuickActionsTestkit: QuickActionsTestkit = getBase => {\n  return {\n    content: {},\n    floatingAddButton: {\n      waitForElement: async () => {\n        await getBase().get(dataHook(FLOATING_ADD_BUTTON));\n      },\n      click: async () => {\n        await getBase().$(dataHook(FLOATING_ADD_BUTTON)).click();\n      },\n    },\n    quickActionsModal: {\n      waitForElement: async () => {\n        await getBase().get(dataHook(QUICK_ACTIONS_ROOT));\n      },\n      popover: DropdownBaseUniDriver(getBase().$(dataHook(QUICK_ACTIONS_ROOT)), getBase()),\n    },\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsC;AAGtC,qCAAyB;AAEzB,wBAAwD;AAcjD,MAAM,4BAAiD,aAAW;AACvE,SAAO;AAAA,IACL,SAAS,CAAC;AAAA,IACV,mBAAmB;AAAA,MACjB,gBAAgB,YAAY;AAC1B,cAAM,QAAQ,EAAE,QAAI,yCAAS,qCAAmB,CAAC;AAAA,MACnD;AAAA,MACA,OAAO,YAAY;AACjB,cAAM,QAAQ,EAAE,MAAE,yCAAS,qCAAmB,CAAC,EAAE,MAAM;AAAA,MACzD;AAAA,IACF;AAAA,IACA,mBAAmB;AAAA,MACjB,gBAAgB,YAAY;AAC1B,cAAM,QAAQ,EAAE,QAAI,yCAAS,oCAAkB,CAAC;AAAA,MAClD;AAAA,MACA,aAAS,wCAAsB,QAAQ,EAAE,MAAE,yCAAS,oCAAkB,CAAC,GAAG,QAAQ,CAAC;AAAA,IACrF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cjs/plugin-quick-actions/tiptap/extensions.js

@@ -0,0 +1,140 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var extensions_exports = {};
+__export(extensions_exports, {
+  tiptapExtensions: () => tiptapExtensions
+});
+module.exports = __toCommonJS(extensions_exports);
+var import_react_dom = require("@floating-ui/react-dom");
+var import_core = require("@tiptap/core");
+var import_react = require("@tiptap/react");
+var import_suggestion = __toESM(require("@tiptap/suggestion"));
+var import_prosemirror_state = require("prosemirror-state");
+var import_wix_rich_content_common = require("./../../wix-rich-content-common/index");
+var import_tiptap_extensions = require("./../../tiptap-extensions");
+var import_quick_actions_modal = require("../quick-actions-modal/quick-actions-modal");
+const tiptapExtensions = [
+  (0, import_tiptap_extensions.createRicosFunctionalExtension)({
+    name: "quick-actions",
+    type: "extension",
+    groups: [],
+    createExtensionConfig: () => ({
+      name: "quick-actions",
+      priority: 110,
+      addProseMirrorPlugins() {
+        return [
+          (0, import_suggestion.default)({
+            editor: this.editor,
+            pluginKey: new import_prosemirror_state.PluginKey("quickActions"),
+            char: "/",
+            allowSpaces: true,
+            command: ({ editor, props }) => {
+              const { text } = props;
+              const query = text ? text : "/";
+              const { dispatch, state } = editor.view;
+              const { tr } = state;
+              const { $from } = tr.selection;
+              const range = $from.blockRange();
+              if (!range) {
+                return;
+              }
+              if (!$from.nodeBefore || $from.nodeBefore?.type.name.toUpperCase() !== "TEXT" || !$from.nodeBefore.text?.endsWith(query)) {
+                return;
+              }
+              if (!dispatch) {
+                return;
+              }
+              editor.view.dispatch(tr.delete($from.pos - query.length, $from.pos));
+            },
+            allow: ({ range, state }) => {
+              const { doc } = state;
+              const { from } = range;
+              const $from = doc.resolve(from);
+              const tableParent = (0, import_core.findParentNodeClosestToPos)(
+                $from,
+                (node) => node.type.name === import_wix_rich_content_common.Node_Type.TABLE_CELL
+              );
+              return !tableParent;
+            },
+            render: () => {
+              let component;
+              return {
+                onStart: (props) => {
+                  component = new import_react.ReactRenderer(import_quick_actions_modal.QuickActionsModal, {
+                    editor: this.editor,
+                    props
+                  });
+                  const element = component.element;
+                  element.style.position = "absolute";
+                  document.body.appendChild(element);
+                  updatePosition(props.editor, element);
+                },
+                onUpdate(props) {
+                  component.updateProps(props);
+                  updatePosition(props.editor, component.element);
+                },
+                onKeyDown(props) {
+                  if (props.event.key === "Escape") {
+                    component.destroy();
+                    component.element.remove();
+                    props.view.focus();
+                    return true;
+                  }
+                  if (!component) {
+                    return false;
+                  }
+                  return component.ref?.onKeyDown?.(props) ?? false;
+                },
+                onExit() {
+                  component?.destroy?.();
+                  component.element.remove();
+                }
+              };
+            }
+          })
+        ];
+      }
+    })
+  })
+];
+const updatePosition = (editor, element) => {
+  const virtualElement = {
+    getBoundingClientRect: () => (0, import_react.posToDOMRect)(editor.view, editor.state.selection.from, editor.state.selection.to)
+  };
+  (0, import_react_dom.computePosition)(virtualElement, element, {
+    placement: "bottom-start",
+    strategy: "absolute",
+    middleware: [(0, import_react_dom.shift)(), (0, import_react_dom.flip)()]
+  }).then(({ x, y, strategy }) => {
+    element.style.width = "max-content";
+    element.style.position = strategy;
+    element.style.left = `${x}px`;
+    element.style.top = `${y}px`;
+  });
+};
+//# sourceMappingURL=extensions.js.map

package/dist/cjs/plugin-quick-actions/tiptap/extensions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-quick-actions/tiptap/extensions.ts"],
+  "sourcesContent": ["import { computePosition, flip, shift } from '@floating-ui/react-dom';\nimport type { Editor } from '@tiptap/core';\nimport { findParentNodeClosestToPos } from '@tiptap/core';\nimport { posToDOMRect, ReactRenderer } from '@tiptap/react';\n// eslint-disable-next-line import/no-named-as-default\nimport Suggestion from '@tiptap/suggestion';\nimport { PluginKey } from 'prosemirror-state';\nimport type React from 'react';\n\nimport { Node_Type } from './../../wix-rich-content-common/index';\nimport { createRicosFunctionalExtension } from './../../tiptap-extensions';\n\nimport { QuickActionsModal } from '../quick-actions-modal/quick-actions-modal';\nimport type { QuickActionsModalProps, QuickActionsModalRef } from '../types';\n\nexport const tiptapExtensions = [\n  createRicosFunctionalExtension({\n    name: 'quick-actions',\n    type: 'extension',\n    groups: [],\n\n    createExtensionConfig: () => ({\n      name: 'quick-actions',\n      priority: 110,\n\n      addProseMirrorPlugins() {\n        return [\n          Suggestion({\n            editor: this.editor,\n            pluginKey: new PluginKey('quickActions'),\n            char: '/',\n            allowSpaces: true,\n            command: ({ editor, props }: { editor: Editor; props: QuickActionsModalProps }) => {\n              const { text } = props;\n              const query = text ? text : '/';\n              const { dispatch, state } = editor.view;\n              const { tr } = state;\n              const { $from } = tr.selection;\n              const range = $from.blockRange();\n              if (!range) {\n                return;\n              }\n\n              if (\n                !$from.nodeBefore ||\n                $from.nodeBefore?.type.name.toUpperCase() !== 'TEXT' ||\n                !$from.nodeBefore.text?.endsWith(query)\n              ) {\n                return;\n              }\n              if (!dispatch) {\n                return;\n              }\n              editor.view.dispatch(tr.delete($from.pos - query.length, $from.pos));\n            },\n\n            allow: ({ range, state }) => {\n              const { doc } = state;\n              const { from } = range;\n              const $from = doc.resolve(from);\n              const tableParent = findParentNodeClosestToPos(\n                $from,\n                node => node.type.name === Node_Type.TABLE_CELL\n              );\n\n              return !tableParent;\n            },\n\n            render: () => {\n              let component: ReactRenderer<\n                QuickActionsModalRef,\n                QuickActionsModalProps & React.RefAttributes<QuickActionsModalRef>\n              >;\n\n              return {\n                onStart: props => {\n                  component = new ReactRenderer(QuickActionsModal, {\n                    editor: this.editor,\n                    props,\n                  });\n\n                  const element = component.element as HTMLElement;\n                  element.style.position = 'absolute';\n                  document.body.appendChild(element);\n                  updatePosition(props.editor, element);\n                },\n\n                onUpdate(props) {\n                  component.updateProps(props);\n\n                  updatePosition(props.editor, component.element as HTMLElement);\n                },\n\n                onKeyDown(props) {\n                  if (props.event.key === 'Escape') {\n                    component.destroy();\n                    component.element.remove();\n                    props.view.focus();\n                    return true;\n                  }\n\n                  if (!component) {\n                    return false;\n                  }\n\n                  return component.ref?.onKeyDown?.(props) ?? false;\n                },\n\n                onExit() {\n                  component?.destroy?.();\n                  component.element.remove();\n                },\n              };\n            },\n          }),\n        ];\n      },\n    }),\n  }),\n];\n\nconst updatePosition = (editor: Editor, element: HTMLElement) => {\n  const virtualElement = {\n    getBoundingClientRect: () =>\n      posToDOMRect(editor.view, editor.state.selection.from, editor.state.selection.to),\n  };\n\n  computePosition(virtualElement, element, {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [shift(), flip()],\n  }).then(({ x, y, strategy }) => {\n    element.style.width = 'max-content';\n    element.style.position = strategy;\n    element.style.left = `${x}px`;\n    element.style.top = `${y}px`;\n  });\n};\n"],
+  "mappings": "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",
+  "names": ["Suggestion"]
+}

package/dist/cjs/plugin-quick-actions/toggle-quick-actions-modal/toggle-quick-actions-modal.js

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toggle_quick_actions_modal_exports = {};
+__export(toggle_quick_actions_modal_exports, {
+  toggleQuickActionsModal: () => toggleQuickActionsModal
+});
+module.exports = __toCommonJS(toggle_quick_actions_modal_exports);
+var import_quick_actions_modal = require("../quick-actions-modal/quick-actions-modal");
+var import_types = require("../types");
+const toggleQuickActionsModal = (props) => {
+  const { modalService, referenceElement } = props;
+  modalService.isModalOpen(import_types.QUICK_ACTIONS_MODAL_ID) ? modalService.closeModal(import_types.QUICK_ACTIONS_MODAL_ID) : modalService.openModal({
+    id: import_types.QUICK_ACTIONS_MODAL_ID,
+    Component: import_quick_actions_modal.QuickActionsModal,
+    componentProps: {},
+    layout: "base",
+    onClickOutside: {
+      on: "pointerdown",
+      handler: (e) => {
+        const isToggleButton = e.target === referenceElement || referenceElement?.contains(e.target);
+        if (isToggleButton) {
+          return;
+        }
+        modalService.closeModal(import_types.QUICK_ACTIONS_MODAL_ID);
+      }
+    },
+    positioning: {
+      referenceElement,
+      placement: "right-end"
+    },
+    returnFocusOnDeactivate: true,
+    type: "exclusive"
+  });
+};
+//# sourceMappingURL=toggle-quick-actions-modal.js.map

package/dist/cjs/plugin-quick-actions/toggle-quick-actions-modal/toggle-quick-actions-modal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-quick-actions/toggle-quick-actions-modal/toggle-quick-actions-modal.ts"],
+  "sourcesContent": ["import type { ModalService } from './../../ricos-types/modalTypes';\n\nimport { QuickActionsModal } from '../quick-actions-modal/quick-actions-modal';\nimport { QUICK_ACTIONS_MODAL_ID } from '../types';\n\nexport type toggleQuickActionsModalProps = {\n  modalService: ModalService;\n  referenceElement: HTMLDivElement | null;\n};\n\nexport const toggleQuickActionsModal = (props: toggleQuickActionsModalProps) => {\n  const { modalService, referenceElement } = props;\n  modalService.isModalOpen(QUICK_ACTIONS_MODAL_ID)\n    ? modalService.closeModal(QUICK_ACTIONS_MODAL_ID)\n    : modalService.openModal({\n        id: QUICK_ACTIONS_MODAL_ID,\n        Component: QuickActionsModal,\n        componentProps: {},\n        layout: 'base',\n        onClickOutside: {\n          on: 'pointerdown',\n          handler: (e: PointerEvent) => {\n            const isToggleButton =\n              e.target === referenceElement || referenceElement?.contains(e.target as Node);\n            if (isToggleButton) {\n              return;\n            }\n            modalService.closeModal(QUICK_ACTIONS_MODAL_ID);\n          },\n        } as { on: 'pointerdown'; handler: (e: PointerEvent) => void },\n        positioning: {\n          referenceElement,\n          placement: 'right-end',\n        },\n        returnFocusOnDeactivate: true,\n        type: 'exclusive',\n      });\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,iCAAkC;AAClC,mBAAuC;AAOhC,MAAM,0BAA0B,CAAC,UAAwC;AAC9E,QAAM,EAAE,cAAc,iBAAiB,IAAI;AAC3C,eAAa,YAAY,mCAAsB,IAC3C,aAAa,WAAW,mCAAsB,IAC9C,aAAa,UAAU;AAAA,IACrB,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB,CAAC;AAAA,IACjB,QAAQ;AAAA,IACR,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,SAAS,CAAC,MAAoB;AAC5B,cAAM,iBACJ,EAAE,WAAW,oBAAoB,kBAAkB,SAAS,EAAE,MAAc;AAC9E,YAAI,gBAAgB;AAClB;AAAA,QACF;AACA,qBAAa,WAAW,mCAAsB;AAAA,MAChD;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX;AAAA,MACA,WAAW;AAAA,IACb;AAAA,IACA,yBAAyB;AAAA,IACzB,MAAM;AAAA,EACR,CAAC;AACP;",
+  "names": []
+}