@wix/ricos 11.24.1 → 11.26.0

package/dist/es/plugin-ai/ai-menu-modal/ai-menu-modal.js

@@ -0,0 +1,260 @@
+import { IconButton, Input, ListItemSection } from "@wix/design-system";
+import { ChevronLeftSmall, ChevronRightSmall, ConfirmSmall } from "@wix/wix-ui-icons-common/lazy";
+import React, { useContext } from "react";
+import { EditorContext, ModalServiceContext, RicosContext } from "./../../ricos-context/index.js";
+import { DropdownModal } from "./../../_shared/dropdown-modal/dropdown-modal.js";
+import { ListItemDivider } from "./../../_shared/list-item-divider/list-item-divider.js";
+import { ListItemSelect } from "./../../_shared/list-item-select/list-item-select.js";
+import { unreachable } from "./../../_shared/uncreachable.js";
+import {
+  AI_MENU_BACK,
+  AI_MENU_POPOVER,
+  AI_MENU_PROMPT_INPUT,
+  AI_MENU_PROMPT_SUBMIT
+} from "../data-hooks.js";
+import { AI_MENU_MODAL_ID } from "../types.js";
+import { getSelectionAsHTML } from "../utils/get-selection-as-html.js";
+import { getSelectionAsText } from "../utils/get-selection-as-text.js";
+import styles from "./ai-menu-modal-scss.js";
+import { SubmenuFlyout } from "./submenu-flyout.js";
+import flyoutStyles from "./submenu-flyout-scss.js";
+const PROMPT_CHAR_LIMIT = 500;
+const useMenuRows = (items, options) => {
+  const { t, isMobile, onDrillIn, onRun } = options;
+  const [openFlyout, setOpenFlyout] = React.useState(null);
+  const closeOnHover = isMobile ? void 0 : () => setOpenFlyout(null);
+  const rows = items.map((item, index) => {
+    const key = `${"title" in item ? item.title : item.type}-${index}`;
+    switch (item.type) {
+      case "prompt":
+      case "action": {
+        const Icon = item.icon;
+        return /* @__PURE__ */ React.createElement(
+          ListItemSelect,
+          {
+            key,
+            "data-menu-key": key,
+            dataHook: item.type === "action" && item.dataHook || item.title,
+            prefix: Icon ? /* @__PURE__ */ React.createElement(Icon, null) : void 0,
+            title: t(item.title),
+            onMouseEnter: closeOnHover,
+            onSelect: () => onRun(item)
+          }
+        );
+      }
+      case "submenu": {
+        const Icon = item.icon;
+        const isOpen = openFlyout?.key === key;
+        return /* @__PURE__ */ React.createElement(
+          ListItemSelect,
+          {
+            key,
+            "data-menu-key": key,
+            dataHook: item.dataHook ?? item.title,
+            className: isOpen ? flyoutStyles.openRow : void 0,
+            prefix: Icon ? /* @__PURE__ */ React.createElement(Icon, null) : void 0,
+            title: t(item.title),
+            suffix: /* @__PURE__ */ React.createElement(ChevronRightSmall, null),
+            "aria-haspopup": "listbox",
+            "aria-expanded": isMobile ? void 0 : isOpen,
+            onMouseEnter: isMobile ? void 0 : (e) => setOpenFlyout({
+              key,
+              submenu: item,
+              anchor: e.currentTarget,
+              viaKeyboard: false
+            }),
+            onSelect: (e) => {
+              if (isMobile) {
+                onDrillIn(item, key);
+                return;
+              }
+              setOpenFlyout({
+                key,
+                submenu: item,
+                anchor: e.currentTarget,
+                viaKeyboard: "key" in e
+              });
+            }
+          }
+        );
+      }
+      case "section": {
+        return /* @__PURE__ */ React.createElement(ListItemSection, { key, title: t(item.title) });
+      }
+      case "divider": {
+        return /* @__PURE__ */ React.createElement(ListItemDivider, { key });
+      }
+      default: {
+        throw unreachable(item);
+      }
+    }
+  });
+  const flyout = openFlyout && /* @__PURE__ */ React.createElement(
+    SubmenuFlyout,
+    {
+      key: openFlyout.key,
+      label: t(openFlyout.submenu.title),
+      anchor: openFlyout.anchor,
+      autoFocus: openFlyout.viaKeyboard,
+      onClose: () => {
+        openFlyout.anchor.focus();
+        setOpenFlyout(null);
+      }
+    },
+    /* @__PURE__ */ React.createElement(FlyoutRows, { items: openFlyout.submenu.items, options })
+  );
+  const closeFlyout = () => setOpenFlyout(null);
+  return { rows, flyout, closeFlyout };
+};
+const FlyoutRows = ({
+  items,
+  options
+}) => {
+  const { rows, flyout } = useMenuRows(items, options);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, rows, flyout);
+};
+const AiMenuModal = ({ mode, config, toggleAiContentModal }) => {
+  const { t, lastInteraction, isMobile } = useContext(RicosContext);
+  const modalService = useContext(ModalServiceContext);
+  const { adapter, getPublicCommands } = useContext(EditorContext);
+  const editor = adapter.tiptapEditor;
+  const [submenus, setSubmenus] = React.useState([]);
+  const [promptValue, setPromptValue] = React.useState("");
+  const rootRef = React.useRef(null);
+  const focusAfterNavigationRef = React.useRef(null);
+  const openedFromKeysRef = React.useRef([]);
+  React.useLayoutEffect(() => {
+    const key = focusAfterNavigationRef.current;
+    focusAfterNavigationRef.current = null;
+    if (key === null) {
+      return;
+    }
+    const rows2 = Array.from(
+      rootRef.current?.querySelectorAll('[role="option"]') ?? []
+    );
+    const target = rows2.find((row) => row.dataset.menuKey === key) ?? rows2.find((row) => row.dataset.menuKey !== AI_MENU_BACK) ?? rows2[0];
+    target?.focus();
+  }, [submenus]);
+  React.useEffect(() => {
+    if (lastInteraction !== "keyboard") {
+      return;
+    }
+    let frameId = 0;
+    let attempts = 0;
+    const focusFirstControl = () => {
+      const control = rootRef.current?.querySelector('[role="option"]') ?? rootRef.current?.querySelector("input");
+      control?.focus();
+      if (control?.ownerDocument.activeElement !== control && ++attempts < 10) {
+        frameId = requestAnimationFrame(focusFirstControl);
+      }
+    };
+    focusFirstControl();
+    return () => cancelAnimationFrame(frameId);
+  }, []);
+  const openSubmenu = (submenu, key) => {
+    openedFromKeysRef.current = [...openedFromKeysRef.current, key];
+    focusAfterNavigationRef.current = "";
+    setSubmenus([...submenus, submenu]);
+  };
+  const closeSubmenu = () => {
+    focusAfterNavigationRef.current = openedFromKeysRef.current.at(-1) ?? "";
+    openedFromKeysRef.current = openedFromKeysRef.current.slice(0, -1);
+    setSubmenus(submenus.slice(0, -1));
+  };
+  const closeMenu = React.useCallback(() => {
+    modalService.closeModal(AI_MENU_MODAL_ID);
+  }, [modalService]);
+  const getContext = () => mode === "edit" ? {
+    mode,
+    selection: { nodes: getPublicCommands().getSelectionSlice() ?? [] },
+    selectionHtml: getSelectionAsHTML(editor),
+    selectionText: getSelectionAsText(editor)
+  } : { mode, selection: { nodes: [] }, selectionHtml: "", selectionText: "" };
+  const items = (mode === "edit" ? config.menu?.editItems : config.menu?.createItems) ?? [];
+  const submitPrompt = () => {
+    const prompt = promptValue.trim();
+    if (!prompt) {
+      return;
+    }
+    const context = getContext();
+    closeMenu();
+    if (config.menu?.onPromptSubmit?.(prompt, context) === "stop") {
+      return;
+    }
+    toggleAiContentModal(editor, modalService, prompt);
+  };
+  const currentSubmenu = submenus[submenus.length - 1];
+  const { rows, flyout, closeFlyout } = useMenuRows(currentSubmenu ? currentSubmenu.items : items, {
+    t,
+    isMobile,
+    onDrillIn: openSubmenu,
+    onRun: (item) => {
+      if (item.type === "prompt") {
+        closeMenu();
+        toggleAiContentModal(editor, modalService, item);
+        return;
+      }
+      const context = getContext();
+      closeMenu();
+      item.onClick(context);
+    }
+  });
+  const options = [
+    ...currentSubmenu ? [
+      /* @__PURE__ */ React.createElement(
+        ListItemSelect,
+        {
+          key: AI_MENU_BACK,
+          "data-menu-key": AI_MENU_BACK,
+          dataHook: AI_MENU_BACK,
+          prefix: /* @__PURE__ */ React.createElement(ChevronLeftSmall, null),
+          title: t(currentSubmenu.title),
+          "aria-label": t("AIPlugin_Menu_Back_AriaLabel"),
+          onSelect: closeSubmenu
+        }
+      )
+    ] : [],
+    ...rows
+  ];
+  return /* @__PURE__ */ React.createElement("div", { ref: rootRef }, /* @__PURE__ */ React.createElement(
+    DropdownModal,
+    {
+      dataHook: AI_MENU_POPOVER,
+      title: t(
+        mode === "edit" ? "AIPlugin_ToolbarButton_EditWithAI" : "AIPlugin_ToolbarButton_CreateWithAI"
+      ),
+      onCloseButtonClick: closeMenu,
+      minWidth: 240,
+      maxHeight: 304,
+      options,
+      footer: (
+        // Pointing at or focusing the prompt leaves the open submenu behind, as a sibling row would.
+        /* @__PURE__ */ React.createElement("div", { className: styles.promptRow, onMouseEnter: closeFlyout, onFocus: closeFlyout }, /* @__PURE__ */ React.createElement("div", { className: styles.promptInput }, /* @__PURE__ */ React.createElement(
+          Input,
+          {
+            dataHook: AI_MENU_PROMPT_INPUT,
+            size: "small",
+            value: promptValue,
+            maxLength: PROMPT_CHAR_LIMIT,
+            placeholder: t("AIPlugin_Menu_PromptInput_Placeholder"),
+            onChange: (e) => setPromptValue(e.target.value),
+            onEnterPressed: submitPrompt
+          }
+        )), promptValue.trim() && /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            dataHook: AI_MENU_PROMPT_SUBMIT,
+            size: "small",
+            ariaLabel: t("AIPlugin_Menu_PromptInput_Submit_AriaLabel"),
+            onClick: submitPrompt
+          },
+          /* @__PURE__ */ React.createElement(ConfirmSmall, null)
+        ))
+      )
+    }
+  ), flyout);
+};
+export {
+  AiMenuModal
+};
+//# sourceMappingURL=ai-menu-modal.js.map

package/dist/es/plugin-ai/ai-menu-modal/ai-menu-modal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-ai/ai-menu-modal/ai-menu-modal.tsx"],
+  "sourcesContent": ["import { IconButton, Input, ListItemSection } from '@wix/design-system';\nimport { ChevronLeftSmall, ChevronRightSmall, ConfirmSmall } from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext } from 'react';\n\nimport { EditorContext, ModalServiceContext, RicosContext } from './../../ricos-context/index.js';\nimport type { ModalService } from './../../ricos-modals/index.js';\nimport type { TFunction, TiptapEditor } from './../../ricos-types/index.js';\nimport { DropdownModal } from './../../_shared/dropdown-modal/dropdown-modal.js';\nimport { ListItemDivider } from './../../_shared/list-item-divider/list-item-divider.js';\nimport { ListItemSelect } from './../../_shared/list-item-select/list-item-select.js';\nimport { unreachable } from './../../_shared/uncreachable.js';\n\nimport {\n  AI_MENU_BACK,\n  AI_MENU_POPOVER,\n  AI_MENU_PROMPT_INPUT,\n  AI_MENU_PROMPT_SUBMIT,\n} from '../data-hooks.js';\nimport type {\n  AiMenuAction,\n  AiMenuContext,\n  AiMenuItem,\n  AiMenuMode,\n  AiMenuSubmenu,\n  AiPluginEditorConfig,\n  Prompt,\n} from '../types.js';\nimport { AI_MENU_MODAL_ID } from '../types.js';\nimport { getSelectionAsHTML } from '../utils/get-selection-as-html.js';\nimport { getSelectionAsText } from '../utils/get-selection-as-text.js';\nimport styles from './ai-menu-modal-scss.js';\nimport { SubmenuFlyout } from './submenu-flyout.js';\nimport flyoutStyles from './submenu-flyout-scss.js';\n\nconst PROMPT_CHAR_LIMIT = 500;\n\ntype AiMenuModalProps = {\n  mode: AiMenuMode;\n  config: AiPluginEditorConfig;\n  toggleAiContentModal: (\n    editor: TiptapEditor,\n    modalsService: ModalService,\n    initialPrompt?: Prompt | string\n  ) => void;\n};\n\ntype MenuRowsOptions = {\n  t: TFunction;\n  /** Mobile drills into a submenu in place; desktop cascades it into a flyout. */\n  isMobile: boolean;\n  onDrillIn: (submenu: AiMenuSubmenu, key: string) => void;\n  onRun: (item: Prompt | AiMenuAction) => void;\n};\n\ntype OpenFlyout = {\n  key: string;\n  submenu: AiMenuSubmenu;\n  anchor: HTMLElement;\n  viaKeyboard: boolean;\n};\n\n/**\n * One list of menu rows, plus the flyout of whichever of its submenus is open. A flyout renders\n * its own items through this hook too, so submenus nest.\n */\nconst useMenuRows = (items: AiMenuItem[], options: MenuRowsOptions) => {\n  const { t, isMobile, onDrillIn, onRun } = options;\n  const [openFlyout, setOpenFlyout] = React.useState<OpenFlyout | null>(null);\n  // Pointing at a sibling row closes the open flyout, the way a native menu does.\n  const closeOnHover = isMobile ? undefined : () => setOpenFlyout(null);\n\n  const rows = items.map((item, index) => {\n    const key = `${'title' in item ? item.title : item.type}-${index}`;\n    switch (item.type) {\n      case 'prompt':\n      case 'action': {\n        const Icon = item.icon;\n        return (\n          <ListItemSelect\n            key={key}\n            data-menu-key={key}\n            dataHook={(item.type === 'action' && item.dataHook) || item.title}\n            prefix={Icon ? <Icon /> : undefined}\n            title={t(item.title)}\n            onMouseEnter={closeOnHover}\n            onSelect={() => onRun(item)}\n          />\n        );\n      }\n      case 'submenu': {\n        const Icon = item.icon;\n        const isOpen = openFlyout?.key === key;\n        return (\n          <ListItemSelect\n            key={key}\n            data-menu-key={key}\n            dataHook={item.dataHook ?? item.title}\n            className={isOpen ? flyoutStyles.openRow : undefined}\n            prefix={Icon ? <Icon /> : undefined}\n            title={t(item.title)}\n            suffix={<ChevronRightSmall />}\n            aria-haspopup=\"listbox\"\n            aria-expanded={isMobile ? undefined : isOpen}\n            onMouseEnter={\n              isMobile\n                ? undefined\n                : e =>\n                    setOpenFlyout({\n                      key,\n                      submenu: item,\n                      anchor: e.currentTarget,\n                      viaKeyboard: false,\n                    })\n            }\n            onSelect={e => {\n              if (isMobile) {\n                onDrillIn(item, key);\n                return;\n              }\n              setOpenFlyout({\n                key,\n                submenu: item,\n                anchor: e.currentTarget,\n                viaKeyboard: 'key' in e,\n              });\n            }}\n          />\n        );\n      }\n      case 'section': {\n        return <ListItemSection key={key} title={t(item.title)} />;\n      }\n      case 'divider': {\n        return <ListItemDivider key={key} />;\n      }\n      default: {\n        throw unreachable(item);\n      }\n    }\n  });\n\n  const flyout = openFlyout && (\n    <SubmenuFlyout\n      key={openFlyout.key}\n      label={t(openFlyout.submenu.title)}\n      anchor={openFlyout.anchor}\n      autoFocus={openFlyout.viaKeyboard}\n      onClose={() => {\n        openFlyout.anchor.focus();\n        setOpenFlyout(null);\n      }}\n    >\n      <FlyoutRows items={openFlyout.submenu.items} options={options} />\n    </SubmenuFlyout>\n  );\n\n  const closeFlyout = () => setOpenFlyout(null);\n\n  return { rows, flyout, closeFlyout };\n};\n\nconst FlyoutRows: React.FC<{ items: AiMenuItem[]; options: MenuRowsOptions }> = ({\n  items,\n  options,\n}) => {\n  const { rows, flyout } = useMenuRows(items, options);\n  return (\n    <>\n      {rows}\n      {flyout}\n    </>\n  );\n};\n\n/**\n * The \"Create with AI\" / \"Edit with AI\" menu: host actions and prompts, with submenus, above an\n * \"Ask me anything…\" input. Replaces the flow-selection and actions dropdowns when the plugin is\n * configured with `menu`.\n */\nexport const AiMenuModal: React.FC<AiMenuModalProps> = ({ mode, config, toggleAiContentModal }) => {\n  const { t, lastInteraction, isMobile } = useContext(RicosContext);\n  const modalService = useContext(ModalServiceContext);\n  const { adapter, getPublicCommands } = useContext(EditorContext);\n  const editor = adapter.tiptapEditor;\n\n  const [submenus, setSubmenus] = React.useState<AiMenuSubmenu[]>([]);\n  const [promptValue, setPromptValue] = React.useState('');\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  // Mobile drills into submenus in place. Drilling in or back unmounts the focused row, so the\n  // row to focus next is recorded here:\n  // the submenu's first item after drilling in, the row that opened it after going back.\n  const focusAfterNavigationRef = React.useRef<string | null>(null);\n  const openedFromKeysRef = React.useRef<string[]>([]);\n\n  React.useLayoutEffect(() => {\n    const key = focusAfterNavigationRef.current;\n    focusAfterNavigationRef.current = null;\n    if (key === null) {\n      return;\n    }\n    const rows = Array.from(\n      rootRef.current?.querySelectorAll<HTMLElement>('[role=\"option\"]') ?? []\n    );\n    const target =\n      rows.find(row => row.dataset.menuKey === key) ??\n      rows.find(row => row.dataset.menuKey !== AI_MENU_BACK) ??\n      rows[0];\n    target?.focus();\n  }, [submenus]);\n\n  // Opened from the keyboard, the menu takes focus: the button that opened it may be gone (the\n  // floating formatting toolbar unmounts under an exclusive modal), and Escape only reaches the\n  // menu from inside it. The modal stays `visibility: hidden` until positioned, and hidden rows\n  // can't take focus, so this retries for a few frames.\n  React.useEffect(() => {\n    if (lastInteraction !== 'keyboard') {\n      return;\n    }\n    let frameId = 0;\n    let attempts = 0;\n    // A menu whose items were all configured away is just the prompt input.\n    const focusFirstControl = () => {\n      const control =\n        rootRef.current?.querySelector<HTMLElement>('[role=\"option\"]') ??\n        rootRef.current?.querySelector<HTMLElement>('input');\n      control?.focus();\n      if (control?.ownerDocument.activeElement !== control && ++attempts < 10) {\n        frameId = requestAnimationFrame(focusFirstControl);\n      }\n    };\n    focusFirstControl();\n    return () => cancelAnimationFrame(frameId);\n  }, []);\n\n  const openSubmenu = (submenu: AiMenuSubmenu, key: string) => {\n    openedFromKeysRef.current = [...openedFromKeysRef.current, key];\n    focusAfterNavigationRef.current = '';\n    setSubmenus([...submenus, submenu]);\n  };\n\n  const closeSubmenu = () => {\n    focusAfterNavigationRef.current = openedFromKeysRef.current.at(-1) ?? '';\n    openedFromKeysRef.current = openedFromKeysRef.current.slice(0, -1);\n    setSubmenus(submenus.slice(0, -1));\n  };\n\n  const closeMenu = React.useCallback(() => {\n    modalService.closeModal(AI_MENU_MODAL_ID);\n  }, [modalService]);\n\n  const getContext = (): AiMenuContext =>\n    mode === 'edit'\n      ? {\n          mode,\n          selection: { nodes: getPublicCommands().getSelectionSlice() ?? [] },\n          selectionHtml: getSelectionAsHTML(editor),\n          selectionText: getSelectionAsText(editor),\n        }\n      : { mode, selection: { nodes: [] }, selectionHtml: '', selectionText: '' };\n\n  const items = (mode === 'edit' ? config.menu?.editItems : config.menu?.createItems) ?? [];\n\n  const submitPrompt = () => {\n    const prompt = promptValue.trim();\n    if (!prompt) {\n      return;\n    }\n    const context = getContext();\n    closeMenu();\n    if (config.menu?.onPromptSubmit?.(prompt, context) === 'stop') {\n      return;\n    }\n    toggleAiContentModal(editor, modalService, prompt);\n  };\n\n  const currentSubmenu = submenus[submenus.length - 1];\n  const { rows, flyout, closeFlyout } = useMenuRows(currentSubmenu ? currentSubmenu.items : items, {\n    t,\n    isMobile,\n    onDrillIn: openSubmenu,\n    onRun: item => {\n      if (item.type === 'prompt') {\n        closeMenu();\n        toggleAiContentModal(editor, modalService, item);\n        return;\n      }\n      const context = getContext();\n      closeMenu();\n      item.onClick(context);\n    },\n  });\n\n  const options = [\n    ...(currentSubmenu\n      ? [\n          <ListItemSelect\n            key={AI_MENU_BACK}\n            data-menu-key={AI_MENU_BACK}\n            dataHook={AI_MENU_BACK}\n            prefix={<ChevronLeftSmall />}\n            title={t(currentSubmenu.title)}\n            aria-label={t('AIPlugin_Menu_Back_AriaLabel')}\n            onSelect={closeSubmenu}\n          />,\n        ]\n      : []),\n    ...rows,\n  ];\n\n  return (\n    <div ref={rootRef}>\n      <DropdownModal\n        dataHook={AI_MENU_POPOVER}\n        title={t(\n          mode === 'edit'\n            ? 'AIPlugin_ToolbarButton_EditWithAI'\n            : 'AIPlugin_ToolbarButton_CreateWithAI'\n        )}\n        onCloseButtonClick={closeMenu}\n        minWidth={240}\n        maxHeight={304}\n        options={options}\n        footer={\n          // Pointing at or focusing the prompt leaves the open submenu behind, as a sibling row would.\n          <div className={styles.promptRow} onMouseEnter={closeFlyout} onFocus={closeFlyout}>\n            <div className={styles.promptInput}>\n              <Input\n                dataHook={AI_MENU_PROMPT_INPUT}\n                size=\"small\"\n                value={promptValue}\n                maxLength={PROMPT_CHAR_LIMIT}\n                placeholder={t('AIPlugin_Menu_PromptInput_Placeholder')}\n                onChange={e => setPromptValue(e.target.value)}\n                onEnterPressed={submitPrompt}\n              />\n            </div>\n            {promptValue.trim() && (\n              <IconButton\n                dataHook={AI_MENU_PROMPT_SUBMIT}\n                size=\"small\"\n                ariaLabel={t('AIPlugin_Menu_PromptInput_Submit_AriaLabel')}\n                onClick={submitPrompt}\n              >\n                <ConfirmSmall />\n              </IconButton>\n            )}\n          </div>\n        }\n      />\n      {flyout}\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA,SAAS,YAAY,OAAO,uBAAuB;AACnD,SAAS,kBAAkB,mBAAmB,oBAAoB;AAClE,OAAO,SAAS,kBAAkB;AAElC,SAAS,eAAe,qBAAqB,oBAAoB;AAGjE,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAUP,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,OAAO,YAAY;AACnB,SAAS,qBAAqB;AAC9B,OAAO,kBAAkB;AAEzB,MAAM,oBAAoB;AA+B1B,MAAM,cAAc,CAAC,OAAqB,YAA6B;AACrE,QAAM,EAAE,GAAG,UAAU,WAAW,MAAM,IAAI;AAC1C,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAA4B,IAAI;AAE1E,QAAM,eAAe,WAAW,SAAY,MAAM,cAAc,IAAI;AAEpE,QAAM,OAAO,MAAM,IAAI,CAAC,MAAM,UAAU;AACtC,UAAM,MAAM,GAAG,WAAW,OAAO,KAAK,QAAQ,KAAK,IAAI,IAAI,KAAK;AAChE,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK;AAAA,MACL,KAAK,UAAU;AACb,cAAM,OAAO,KAAK;AAClB,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,iBAAe;AAAA,YACf,UAAW,KAAK,SAAS,YAAY,KAAK,YAAa,KAAK;AAAA,YAC5D,QAAQ,OAAO,oCAAC,UAAK,IAAK;AAAA,YAC1B,OAAO,EAAE,KAAK,KAAK;AAAA,YACnB,cAAc;AAAA,YACd,UAAU,MAAM,MAAM,IAAI;AAAA;AAAA,QAC5B;AAAA,MAEJ;AAAA,MACA,KAAK,WAAW;AACd,cAAM,OAAO,KAAK;AAClB,cAAM,SAAS,YAAY,QAAQ;AACnC,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,iBAAe;AAAA,YACf,UAAU,KAAK,YAAY,KAAK;AAAA,YAChC,WAAW,SAAS,aAAa,UAAU;AAAA,YAC3C,QAAQ,OAAO,oCAAC,UAAK,IAAK;AAAA,YAC1B,OAAO,EAAE,KAAK,KAAK;AAAA,YACnB,QAAQ,oCAAC,uBAAkB;AAAA,YAC3B,iBAAc;AAAA,YACd,iBAAe,WAAW,SAAY;AAAA,YACtC,cACE,WACI,SACA,OACE,cAAc;AAAA,cACZ;AAAA,cACA,SAAS;AAAA,cACT,QAAQ,EAAE;AAAA,cACV,aAAa;AAAA,YACf,CAAC;AAAA,YAET,UAAU,OAAK;AACb,kBAAI,UAAU;AACZ,0BAAU,MAAM,GAAG;AACnB;AAAA,cACF;AACA,4BAAc;AAAA,gBACZ;AAAA,gBACA,SAAS;AAAA,gBACT,QAAQ,EAAE;AAAA,gBACV,aAAa,SAAS;AAAA,cACxB,CAAC;AAAA,YACH;AAAA;AAAA,QACF;AAAA,MAEJ;AAAA,MACA,KAAK,WAAW;AACd,eAAO,oCAAC,mBAAgB,KAAU,OAAO,EAAE,KAAK,KAAK,GAAG;AAAA,MAC1D;AAAA,MACA,KAAK,WAAW;AACd,eAAO,oCAAC,mBAAgB,KAAU;AAAA,MACpC;AAAA,MACA,SAAS;AACP,cAAM,YAAY,IAAI;AAAA,MACxB;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,SAAS,cACb;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,WAAW;AAAA,MAChB,OAAO,EAAE,WAAW,QAAQ,KAAK;AAAA,MACjC,QAAQ,WAAW;AAAA,MACnB,WAAW,WAAW;AAAA,MACtB,SAAS,MAAM;AACb,mBAAW,OAAO,MAAM;AACxB,sBAAc,IAAI;AAAA,MACpB;AAAA;AAAA,IAEA,oCAAC,cAAW,OAAO,WAAW,QAAQ,OAAO,SAAkB;AAAA,EACjE;AAGF,QAAM,cAAc,MAAM,cAAc,IAAI;AAE5C,SAAO,EAAE,MAAM,QAAQ,YAAY;AACrC;AAEA,MAAM,aAA0E,CAAC;AAAA,EAC/E;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,MAAM,OAAO,IAAI,YAAY,OAAO,OAAO;AACnD,SACE,0DACG,MACA,MACH;AAEJ;AAOO,MAAM,cAA0C,CAAC,EAAE,MAAM,QAAQ,qBAAqB,MAAM;AACjG,QAAM,EAAE,GAAG,iBAAiB,SAAS,IAAI,WAAW,YAAY;AAChE,QAAM,eAAe,WAAW,mBAAmB;AACnD,QAAM,EAAE,SAAS,kBAAkB,IAAI,WAAW,aAAa;AAC/D,QAAM,SAAS,QAAQ;AAEvB,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAA0B,CAAC,CAAC;AAClE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAE;AACvD,QAAM,UAAU,MAAM,OAAuB,IAAI;AAIjD,QAAM,0BAA0B,MAAM,OAAsB,IAAI;AAChE,QAAM,oBAAoB,MAAM,OAAiB,CAAC,CAAC;AAEnD,QAAM,gBAAgB,MAAM;AAC1B,UAAM,MAAM,wBAAwB;AACpC,4BAAwB,UAAU;AAClC,QAAI,QAAQ,MAAM;AAChB;AAAA,IACF;AACA,UAAMA,QAAO,MAAM;AAAA,MACjB,QAAQ,SAAS,iBAA8B,iBAAiB,KAAK,CAAC;AAAA,IACxE;AACA,UAAM,SACJA,MAAK,KAAK,SAAO,IAAI,QAAQ,YAAY,GAAG,KAC5CA,MAAK,KAAK,SAAO,IAAI,QAAQ,YAAY,YAAY,KACrDA,MAAK,CAAC;AACR,YAAQ,MAAM;AAAA,EAChB,GAAG,CAAC,QAAQ,CAAC;AAMb,QAAM,UAAU,MAAM;AACpB,QAAI,oBAAoB,YAAY;AAClC;AAAA,IACF;AACA,QAAI,UAAU;AACd,QAAI,WAAW;AAEf,UAAM,oBAAoB,MAAM;AAC9B,YAAM,UACJ,QAAQ,SAAS,cAA2B,iBAAiB,KAC7D,QAAQ,SAAS,cAA2B,OAAO;AACrD,eAAS,MAAM;AACf,UAAI,SAAS,cAAc,kBAAkB,WAAW,EAAE,WAAW,IAAI;AACvE,kBAAU,sBAAsB,iBAAiB;AAAA,MACnD;AAAA,IACF;AACA,sBAAkB;AAClB,WAAO,MAAM,qBAAqB,OAAO;AAAA,EAC3C,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,CAAC,SAAwB,QAAgB;AAC3D,sBAAkB,UAAU,CAAC,GAAG,kBAAkB,SAAS,GAAG;AAC9D,4BAAwB,UAAU;AAClC,gBAAY,CAAC,GAAG,UAAU,OAAO,CAAC;AAAA,EACpC;AAEA,QAAM,eAAe,MAAM;AACzB,4BAAwB,UAAU,kBAAkB,QAAQ,GAAG,EAAE,KAAK;AACtE,sBAAkB,UAAU,kBAAkB,QAAQ,MAAM,GAAG,EAAE;AACjE,gBAAY,SAAS,MAAM,GAAG,EAAE,CAAC;AAAA,EACnC;AAEA,QAAM,YAAY,MAAM,YAAY,MAAM;AACxC,iBAAa,WAAW,gBAAgB;AAAA,EAC1C,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,aAAa,MACjB,SAAS,SACL;AAAA,IACE;AAAA,IACA,WAAW,EAAE,OAAO,kBAAkB,EAAE,kBAAkB,KAAK,CAAC,EAAE;AAAA,IAClE,eAAe,mBAAmB,MAAM;AAAA,IACxC,eAAe,mBAAmB,MAAM;AAAA,EAC1C,IACA,EAAE,MAAM,WAAW,EAAE,OAAO,CAAC,EAAE,GAAG,eAAe,IAAI,eAAe,GAAG;AAE7E,QAAM,SAAS,SAAS,SAAS,OAAO,MAAM,YAAY,OAAO,MAAM,gBAAgB,CAAC;AAExF,QAAM,eAAe,MAAM;AACzB,UAAM,SAAS,YAAY,KAAK;AAChC,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AACA,UAAM,UAAU,WAAW;AAC3B,cAAU;AACV,QAAI,OAAO,MAAM,iBAAiB,QAAQ,OAAO,MAAM,QAAQ;AAC7D;AAAA,IACF;AACA,yBAAqB,QAAQ,cAAc,MAAM;AAAA,EACnD;AAEA,QAAM,iBAAiB,SAAS,SAAS,SAAS,CAAC;AACnD,QAAM,EAAE,MAAM,QAAQ,YAAY,IAAI,YAAY,iBAAiB,eAAe,QAAQ,OAAO;AAAA,IAC/F;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO,UAAQ;AACb,UAAI,KAAK,SAAS,UAAU;AAC1B,kBAAU;AACV,6BAAqB,QAAQ,cAAc,IAAI;AAC/C;AAAA,MACF;AACA,YAAM,UAAU,WAAW;AAC3B,gBAAU;AACV,WAAK,QAAQ,OAAO;AAAA,IACtB;AAAA,EACF,CAAC;AAED,QAAM,UAAU;AAAA,IACd,GAAI,iBACA;AAAA,MACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,iBAAe;AAAA,UACf,UAAU;AAAA,UACV,QAAQ,oCAAC,sBAAiB;AAAA,UAC1B,OAAO,EAAE,eAAe,KAAK;AAAA,UAC7B,cAAY,EAAE,8BAA8B;AAAA,UAC5C,UAAU;AAAA;AAAA,MACZ;AAAA,IACF,IACA,CAAC;AAAA,IACL,GAAG;AAAA,EACL;AAEA,SACE,oCAAC,SAAI,KAAK,WACR;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS,SACL,sCACA;AAAA,MACN;AAAA,MACA,oBAAoB;AAAA,MACpB,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA;AAAA;AAAA,QAEE,oCAAC,SAAI,WAAW,OAAO,WAAW,cAAc,aAAa,SAAS,eACpE,oCAAC,SAAI,WAAW,OAAO,eACrB;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAO;AAAA,YACP,WAAW;AAAA,YACX,aAAa,EAAE,uCAAuC;AAAA,YACtD,UAAU,OAAK,eAAe,EAAE,OAAO,KAAK;AAAA,YAC5C,gBAAgB;AAAA;AAAA,QAClB,CACF,GACC,YAAY,KAAK,KAChB;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,MAAK;AAAA,YACL,WAAW,EAAE,4CAA4C;AAAA,YACzD,SAAS;AAAA;AAAA,UAET,oCAAC,kBAAa;AAAA,QAChB,CAEJ;AAAA;AAAA;AAAA,EAEJ,GACC,MACH;AAEJ;",
+  "names": ["rows"]
+}

package/dist/es/plugin-ai/ai-menu-modal/submenu-flyout-scss.js

@@ -0,0 +1,33 @@
+var styleDataHash = "c6023758";
+const injectCss = (() => {
+  var css = `.c79DI{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(
+    --ricos-settings-text-color,var(--wsr-color-D10,#000624)
+  );box-sizing:border-box;min-width:114px;width:max-content;z-index:1}.c79DI *,.c79DI :after,.c79DI :before{box-sizing:inherit}.c79DI input{box-sizing:border-box}.sPuJg>*{background-color:var(--wds-list-item-select-fill-hover,var(--wds-color-fill-standard-tertiary-hover,#e7f0ff))}`;
+  var isTest = typeof process !== "undefined" && process.env && false;
+  if (isTest || !css || typeof document === "undefined") {
+    return;
+  }
+  if (document.querySelector('style[data-ricos-style-hash="' + styleDataHash + '"]')) {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName("head")[0];
+  var style = document.createElement("style");
+  style.setAttribute("data-ricos-style-hash", styleDataHash);
+  style.type = "text/css";
+  head.appendChild(style);
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+});
+injectCss();
+var submenu_flyout_default = {
+  "flyout": "c79DI",
+  "openRow": "sPuJg"
+};
+export {
+  submenu_flyout_default as default,
+  injectCss
+};
+//# sourceMappingURL=submenu-flyout-scss.js.map

package/dist/es/plugin-ai/ai-menu-modal/submenu-flyout-scss.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-ai/ai-menu-modal/submenu-flyout.scss"],
+  "sourcesContent": ["var styleDataHash = 'c6023758';  \nexport const injectCss = (() => {\n  var css = `.c79DI{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(\n    --ricos-settings-text-color,var(--wsr-color-D10,#000624)\n  );box-sizing:border-box;min-width:114px;width:max-content;z-index:1}.c79DI *,.c79DI :after,.c79DI :before{box-sizing:inherit}.c79DI input{box-sizing:border-box}.sPuJg>*{background-color:var(--wds-list-item-select-fill-hover,var(--wds-color-fill-standard-tertiary-hover,#e7f0ff))}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"flyout\": \"c79DI\",\n  \"openRow\": \"sPuJg\"\n};"],
+  "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AAAA;AAAA;AAGV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AACb;",
+  "names": []
+}

package/dist/es/plugin-ai/ai-menu-modal/submenu-flyout.js

@@ -0,0 +1,60 @@
+import { autoUpdate, flip, offset, shift, useFloating } from "@floating-ui/react-dom";
+import React, { useContext } from "react";
+import { RicosContext } from "./../../ricos-context/index.js";
+import { AI_MENU_SUBMENU } from "../data-hooks.js";
+import styles from "./submenu-flyout-scss.js";
+const MENU_OVERLAP = -12;
+const SubmenuFlyout = ({
+  label,
+  anchor,
+  autoFocus,
+  onClose,
+  children
+}) => {
+  const { jsdomMode } = useContext(RicosContext);
+  const [flyoutElement, setFlyoutElement] = React.useState(null);
+  const { x, y, strategy, isPositioned, refs } = useFloating({
+    elements: { reference: anchor },
+    placement: "right",
+    strategy: "fixed",
+    middleware: [offset(MENU_OVERLAP), flip(), shift({ padding: 8 })],
+    whileElementsMounted: autoUpdate
+  });
+  const isVisible = isPositioned || jsdomMode;
+  React.useEffect(() => {
+    if (autoFocus && isVisible) {
+      flyoutElement?.querySelector('[role="option"]')?.focus();
+    }
+  }, [autoFocus, isVisible, flyoutElement]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: (element) => {
+        refs.setFloating(element);
+        setFlyoutElement(element);
+      },
+      className: styles.flyout,
+      "data-hook": AI_MENU_SUBMENU,
+      role: "listbox",
+      "aria-label": label,
+      style: {
+        position: strategy,
+        left: x ?? 0,
+        top: y ?? 0,
+        visibility: isVisible ? void 0 : "hidden"
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Escape" || e.key === "ArrowLeft") {
+          e.preventDefault();
+          e.stopPropagation();
+          onClose();
+        }
+      }
+    },
+    children
+  );
+};
+export {
+  SubmenuFlyout
+};
+//# sourceMappingURL=submenu-flyout.js.map

package/dist/es/plugin-ai/ai-menu-modal/submenu-flyout.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-ai/ai-menu-modal/submenu-flyout.tsx"],
+  "sourcesContent": ["import { autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/react-dom';\nimport React, { useContext } from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\n\nimport { AI_MENU_SUBMENU } from '../data-hooks.js';\nimport styles from './submenu-flyout-scss.js';\n\n/** The flyout sits over the menu's end padding, right after the row's chevron. */\nconst MENU_OVERLAP = -12;\n\ntype SubmenuFlyoutProps = {\n  /** The translated submenu title, naming the list for assistive technology. */\n  label: string;\n  anchor: HTMLElement;\n  /** Moves focus to the flyout's first row once it is positioned (opened from the keyboard). */\n  autoFocus: boolean;\n  /** Closes the flyout from inside it: Escape or ArrowLeft, focus going back to `anchor`. */\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\n/**\n * A submenu's items, cascading to the side of the row that opened it while the menu stays put.\n * Rendered inside the menu's own element so clicks in it are not clicks outside the menu.\n */\nexport const SubmenuFlyout: React.FC<SubmenuFlyoutProps> = ({\n  label,\n  anchor,\n  autoFocus,\n  onClose,\n  children,\n}) => {\n  const { jsdomMode } = useContext(RicosContext);\n  const [flyoutElement, setFlyoutElement] = React.useState<HTMLDivElement | null>(null);\n  const { x, y, strategy, isPositioned, refs } = useFloating({\n    elements: { reference: anchor },\n    placement: 'right',\n    strategy: 'fixed',\n    middleware: [offset(MENU_OVERLAP), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // Hidden until positioned, and a hidden row can't take focus.\n  const isVisible = isPositioned || jsdomMode;\n\n  React.useEffect(() => {\n    if (autoFocus && isVisible) {\n      flyoutElement?.querySelector<HTMLElement>('[role=\"option\"]')?.focus();\n    }\n  }, [autoFocus, isVisible, flyoutElement]);\n\n  return (\n    <div\n      ref={element => {\n        refs.setFloating(element);\n        setFlyoutElement(element);\n      }}\n      className={styles.flyout}\n      data-hook={AI_MENU_SUBMENU}\n      role=\"listbox\"\n      aria-label={label}\n      style={{\n        position: strategy,\n        left: x ?? 0,\n        top: y ?? 0,\n        visibility: isVisible ? undefined : 'hidden',\n      }}\n      onKeyDown={e => {\n        if (e.key === 'Escape' || e.key === 'ArrowLeft') {\n          // Before the modal's own Escape handler, which would close the whole menu.\n          e.preventDefault();\n          e.stopPropagation();\n          onClose();\n        }\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA,SAAS,YAAY,MAAM,QAAQ,OAAO,mBAAmB;AAC7D,OAAO,SAAS,kBAAkB;AAElC,SAAS,oBAAoB;AAE7B,SAAS,uBAAuB;AAChC,OAAO,YAAY;AAGnB,MAAM,eAAe;AAiBd,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,UAAU,IAAI,WAAW,YAAY;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAgC,IAAI;AACpF,QAAM,EAAE,GAAG,GAAG,UAAU,cAAc,KAAK,IAAI,YAAY;AAAA,IACzD,UAAU,EAAE,WAAW,OAAO;AAAA,IAC9B,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY,CAAC,OAAO,YAAY,GAAG,KAAK,GAAG,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAAA,IAChE,sBAAsB;AAAA,EACxB,CAAC;AAGD,QAAM,YAAY,gBAAgB;AAElC,QAAM,UAAU,MAAM;AACpB,QAAI,aAAa,WAAW;AAC1B,qBAAe,cAA2B,iBAAiB,GAAG,MAAM;AAAA,IACtE;AAAA,EACF,GAAG,CAAC,WAAW,WAAW,aAAa,CAAC;AAExC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,aAAW;AACd,aAAK,YAAY,OAAO;AACxB,yBAAiB,OAAO;AAAA,MAC1B;AAAA,MACA,WAAW,OAAO;AAAA,MAClB,aAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM,KAAK;AAAA,QACX,KAAK,KAAK;AAAA,QACV,YAAY,YAAY,SAAY;AAAA,MACtC;AAAA,MACA,WAAW,OAAK;AACd,YAAI,EAAE,QAAQ,YAAY,EAAE,QAAQ,aAAa;AAE/C,YAAE,eAAe;AACjB,YAAE,gBAAgB;AAClB,kBAAQ;AAAA,QACV;AAAA,MACF;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ;",
+  "names": []
+}

package/dist/es/plugin-ai/ai-plus-button/ai-plus-button-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "e3a40c43";
+var styleDataHash = "ae7bcdce";
 const injectCss = (() => {
-  var css = `.jrLQP{align-items:center;border:0;border-radius:4px;color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));cursor:pointer;display:flex;height:19px;justify-content:flex-start;padding:0;width:19px;fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));background-color:#e7f0ff}.jrLQP svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.jrLQP:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.jrLQP:hover svg{color:#fff;fill:#fff}`;
+  var css = `.vzSqA{align-items:center;border:0;border-radius:4px;color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));cursor:pointer;display:flex;height:19px;justify-content:flex-start;padding:0;width:19px;fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));background-color:#e7f0ff}.vzSqA svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.vzSqA:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.vzSqA:hover svg{color:#fff;fill:#fff}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var ai_plus_button_default = {
-  "button": "jrLQP"
+  "button": "vzSqA"
 };
 export {
   ai_plus_button_default as default,

package/dist/es/plugin-ai/ai-plus-button/ai-plus-button-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-ai/ai-plus-button/ai-plus-button.scss"],
-  "sourcesContent": ["var styleDataHash = 'e3a40c43';  \nexport const injectCss = (() => {\n  var css = `.jrLQP{align-items:center;border:0;border-radius:4px;color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));cursor:pointer;display:flex;height:19px;justify-content:flex-start;padding:0;width:19px;fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));background-color:#e7f0ff}.jrLQP svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.jrLQP:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.jrLQP:hover svg{color:#fff;fill:#fff}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"button\": \"jrLQP\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'ae7bcdce';  \nexport const injectCss = (() => {\n  var css = `.vzSqA{align-items:center;border:0;border-radius:4px;color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));cursor:pointer;display:flex;height:19px;justify-content:flex-start;padding:0;width:19px;fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));background-color:#e7f0ff}.vzSqA svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.vzSqA:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.vzSqA:hover svg{color:#fff;fill:#fff}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"button\": \"vzSqA\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/es/plugin-ai/data-hooks.js

@@ -37,6 +37,13 @@ const AI_IMAGE_MODAL_ACTION_INSERT = "ai-image-modal-action-insert";
 const AI_IMAGE_MODAL_IMAGE_STYLE = "ai-image-modal-image-style";
 const AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER = "ai-image-modal-prompt-helper-popover";
 const AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER_CLOSE = "ai-image-modal-prompt-helper-popover-close";
+const AI_MENU_POPOVER = "ai-menu-popover";
+const AI_MENU_PROMPT_INPUT = "ai-menu-prompt-input";
+const AI_MENU_BACK = "ai-menu-back";
+const AI_MENU_SUBMENU = "ai-menu-submenu";
+const AI_MENU_PROMPT_SUBMIT = "ai-menu-prompt-submit";
+const AI_FOOTER_BUTTON = "footer-button-ai";
+const AI_SELECTION_BUTTON = "ai-selection-button";
 export {
   AI_EXPORTS_ALT_TEXT_GENERATE_BUTTON,
   AI_EXPORTS_ALT_TEXT_INPUT_AREA,
@@ -44,6 +51,7 @@ export {
   AI_FLOW_ITEM_CONTENT,
   AI_FLOW_ITEM_IMAGE,
   AI_FLOW_SELECTION_POPOVER,
+  AI_FOOTER_BUTTON,
   AI_IMAGE_MODAL_ACTION_INSERT,
   AI_IMAGE_MODAL_ACTION_INSERT_ABOVE,
   AI_IMAGE_MODAL_ACTION_INSERT_BELOW,
@@ -58,6 +66,11 @@ export {
   AI_IMAGE_MODAL_PROMPT_INPUT,
   AI_IMAGE_MODAL_ROOT,
   AI_IMAGE_MODAL_SUBMIT_BUTTON,
+  AI_MENU_BACK,
+  AI_MENU_POPOVER,
+  AI_MENU_PROMPT_INPUT,
+  AI_MENU_PROMPT_SUBMIT,
+  AI_MENU_SUBMENU,
   AI_MODAL_CANCEL_BUTTON,
   AI_MODAL_DISCARD_MODAL,
   AI_MODAL_ERROR_CANCEL_BUTTON,
@@ -76,6 +89,7 @@ export {
   AI_MODAL_RESULTS_SECOND_ACTION_BUTTON,
   AI_MODAL_ROOT,
   AI_MODAL_SUBMIT_BUTTON,
+  AI_SELECTION_BUTTON,
   TEXT_BUTTON_AI
 };
 //# sourceMappingURL=data-hooks.js.map

package/dist/es/plugin-ai/data-hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-ai/data-hooks.ts"],
-  "sourcesContent": ["export const TEXT_BUTTON_AI = 'text-button-ai';\nexport const AI_MODAL_FLOATING_MENU_POPOVER = 'ai-modal-floating-menu-popover';\nexport const AI_MODAL_ROOT = 'ai-modal-root';\nexport const AI_MODAL_PROMPT_INPUT = 'ai-modal-prompt-input';\nexport const AI_MODAL_CANCEL_BUTTON = 'ai-modal-cancel-button';\nexport const AI_MODAL_SUBMIT_BUTTON = 'ai-modal-submit-button';\nexport const AI_MODAL_PROMPT_LIST_ITEM = 'ai-modal-prompt-list-item';\nexport const AI_MODAL_LOADING_INDICATOR = 'ai-modal-loading-indicator';\nexport const AI_MODAL_RESULTS_CONTENT = 'ai-modal-results-content';\nexport const AI_MODAL_RESULTS_CONTENT_ITEM = 'ai-modal-results-content-item';\nexport const AI_MODAL_RESULTS_FIST_ACTION_BUTTON = 'ai-modal-results-first-action-button';\nexport const AI_MODAL_RESULTS_SECOND_ACTION_BUTTON = 'ai-modal-results-second-action-button';\nexport const AI_MODAL_RESULTS_ACTIONS_POPOVER = 'ai-modal-results-actions-popover';\nexport const AI_MODAL_RESULTS_ACTIONS_POPOVER_TRIGGER = 'ai-modal-results-actions-popover-trigger';\nexport const AI_MODAL_NO_SELECTION_CONTAINER = 'ai-modal-no-selection-container';\nexport const AI_MODAL_ERROR_CONTAINER = 'ai-modal-error-container';\nexport const AI_MODAL_ERROR_RETRY_BUTTON = 'ai-modal-error-retry-button';\nexport const AI_MODAL_ERROR_CANCEL_BUTTON = 'ai-modal-error-cancel-button';\nexport const AI_MODAL_DISCARD_MODAL = 'ai-modal-discard-modal';\n\nexport const AI_EXPORTS_ALT_TEXT_INPUT_AREA = 'ai-exports-image-alt-text-input-area';\nexport const AI_EXPORTS_ALT_TEXT_GENERATE_BUTTON = 'ai-exports-image-alt-text-generate-button';\nexport const AI_EXPORTS_CAPTION_TRIGGER_BUTTON = 'ai-exports-image-caption-trigger-button';\n\nexport const AI_FLOW_SELECTION_POPOVER = 'ai-flow-selection-popover';\nexport const AI_FLOW_ITEM_CONTENT = 'ai-flow-popover-item-content';\nexport const AI_FLOW_ITEM_IMAGE = 'ai-flow-popover-item-image';\n\nexport const AI_IMAGE_MODAL_ROOT = 'ai-image-modal-root';\nexport const AI_IMAGE_MODAL_PROMPT_INPUT = 'ai-image-modal-prompt-input';\nexport const AI_IMAGE_MODAL_CANCEL_BUTTON = 'ai-image--modal-cancel-button';\nexport const AI_IMAGE_MODAL_SUBMIT_BUTTON = 'ai-image--modal-submit-button';\nexport const AI_IMAGE_MODAL_ERROR_RETRY_BUTTON = 'ai-modal-error-retry-button';\nexport const AI_IMAGE_MODAL_ERROR_CANCEL_BUTTON = 'ai-modal-error-cancel-button';\nexport const AI_IMAGE_MODAL_FEED_ITEM = 'ai-image-modal-feed-item';\nexport const AI_IMAGE_MODAL_FEED_LOADER = 'ai-image-modal-image-loader';\nexport const AI_IMAGE_MODAL_ACTION_INSERT_ABOVE = 'ai-image-modal-action-insert-above';\nexport const AI_IMAGE_MODAL_ACTION_INSERT_BELOW = 'ai-image-modal-action-insert-below';\nexport const AI_IMAGE_MODAL_ACTION_INSERT = 'ai-image-modal-action-insert';\nexport const AI_IMAGE_MODAL_IMAGE_STYLE = 'ai-image-modal-image-style';\nexport const AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER = 'ai-image-modal-prompt-helper-popover';\nexport const AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER_CLOSE =\n  'ai-image-modal-prompt-helper-popover-close';\n"],
-  "mappings": "AAAO,MAAM,iBAAiB;AACvB,MAAM,iCAAiC;AACvC,MAAM,gBAAgB;AACtB,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,4BAA4B;AAClC,MAAM,6BAA6B;AACnC,MAAM,2BAA2B;AACjC,MAAM,gCAAgC;AACtC,MAAM,sCAAsC;AAC5C,MAAM,wCAAwC;AAC9C,MAAM,mCAAmC;AACzC,MAAM,2CAA2C;AACjD,MAAM,kCAAkC;AACxC,MAAM,2BAA2B;AACjC,MAAM,8BAA8B;AACpC,MAAM,+BAA+B;AACrC,MAAM,yBAAyB;AAE/B,MAAM,iCAAiC;AACvC,MAAM,sCAAsC;AAC5C,MAAM,oCAAoC;AAE1C,MAAM,4BAA4B;AAClC,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB;AAE3B,MAAM,sBAAsB;AAC5B,MAAM,8BAA8B;AACpC,MAAM,+BAA+B;AACrC,MAAM,+BAA+B;AACrC,MAAM,oCAAoC;AAC1C,MAAM,qCAAqC;AAC3C,MAAM,2BAA2B;AACjC,MAAM,6BAA6B;AACnC,MAAM,qCAAqC;AAC3C,MAAM,qCAAqC;AAC3C,MAAM,+BAA+B;AACrC,MAAM,6BAA6B;AACnC,MAAM,uCAAuC;AAC7C,MAAM,6CACX;",
+  "sourcesContent": ["export const TEXT_BUTTON_AI = 'text-button-ai';\nexport const AI_MODAL_FLOATING_MENU_POPOVER = 'ai-modal-floating-menu-popover';\nexport const AI_MODAL_ROOT = 'ai-modal-root';\nexport const AI_MODAL_PROMPT_INPUT = 'ai-modal-prompt-input';\nexport const AI_MODAL_CANCEL_BUTTON = 'ai-modal-cancel-button';\nexport const AI_MODAL_SUBMIT_BUTTON = 'ai-modal-submit-button';\nexport const AI_MODAL_PROMPT_LIST_ITEM = 'ai-modal-prompt-list-item';\nexport const AI_MODAL_LOADING_INDICATOR = 'ai-modal-loading-indicator';\nexport const AI_MODAL_RESULTS_CONTENT = 'ai-modal-results-content';\nexport const AI_MODAL_RESULTS_CONTENT_ITEM = 'ai-modal-results-content-item';\nexport const AI_MODAL_RESULTS_FIST_ACTION_BUTTON = 'ai-modal-results-first-action-button';\nexport const AI_MODAL_RESULTS_SECOND_ACTION_BUTTON = 'ai-modal-results-second-action-button';\nexport const AI_MODAL_RESULTS_ACTIONS_POPOVER = 'ai-modal-results-actions-popover';\nexport const AI_MODAL_RESULTS_ACTIONS_POPOVER_TRIGGER = 'ai-modal-results-actions-popover-trigger';\nexport const AI_MODAL_NO_SELECTION_CONTAINER = 'ai-modal-no-selection-container';\nexport const AI_MODAL_ERROR_CONTAINER = 'ai-modal-error-container';\nexport const AI_MODAL_ERROR_RETRY_BUTTON = 'ai-modal-error-retry-button';\nexport const AI_MODAL_ERROR_CANCEL_BUTTON = 'ai-modal-error-cancel-button';\nexport const AI_MODAL_DISCARD_MODAL = 'ai-modal-discard-modal';\n\nexport const AI_EXPORTS_ALT_TEXT_INPUT_AREA = 'ai-exports-image-alt-text-input-area';\nexport const AI_EXPORTS_ALT_TEXT_GENERATE_BUTTON = 'ai-exports-image-alt-text-generate-button';\nexport const AI_EXPORTS_CAPTION_TRIGGER_BUTTON = 'ai-exports-image-caption-trigger-button';\n\nexport const AI_FLOW_SELECTION_POPOVER = 'ai-flow-selection-popover';\nexport const AI_FLOW_ITEM_CONTENT = 'ai-flow-popover-item-content';\nexport const AI_FLOW_ITEM_IMAGE = 'ai-flow-popover-item-image';\n\nexport const AI_IMAGE_MODAL_ROOT = 'ai-image-modal-root';\nexport const AI_IMAGE_MODAL_PROMPT_INPUT = 'ai-image-modal-prompt-input';\nexport const AI_IMAGE_MODAL_CANCEL_BUTTON = 'ai-image--modal-cancel-button';\nexport const AI_IMAGE_MODAL_SUBMIT_BUTTON = 'ai-image--modal-submit-button';\nexport const AI_IMAGE_MODAL_ERROR_RETRY_BUTTON = 'ai-modal-error-retry-button';\nexport const AI_IMAGE_MODAL_ERROR_CANCEL_BUTTON = 'ai-modal-error-cancel-button';\nexport const AI_IMAGE_MODAL_FEED_ITEM = 'ai-image-modal-feed-item';\nexport const AI_IMAGE_MODAL_FEED_LOADER = 'ai-image-modal-image-loader';\nexport const AI_IMAGE_MODAL_ACTION_INSERT_ABOVE = 'ai-image-modal-action-insert-above';\nexport const AI_IMAGE_MODAL_ACTION_INSERT_BELOW = 'ai-image-modal-action-insert-below';\nexport const AI_IMAGE_MODAL_ACTION_INSERT = 'ai-image-modal-action-insert';\nexport const AI_IMAGE_MODAL_IMAGE_STYLE = 'ai-image-modal-image-style';\nexport const AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER = 'ai-image-modal-prompt-helper-popover';\nexport const AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER_CLOSE =\n  'ai-image-modal-prompt-helper-popover-close';\n\nexport const AI_MENU_POPOVER = 'ai-menu-popover';\nexport const AI_MENU_PROMPT_INPUT = 'ai-menu-prompt-input';\nexport const AI_MENU_BACK = 'ai-menu-back';\nexport const AI_MENU_SUBMENU = 'ai-menu-submenu';\nexport const AI_MENU_PROMPT_SUBMIT = 'ai-menu-prompt-submit';\nexport const AI_FOOTER_BUTTON = 'footer-button-ai';\nexport const AI_SELECTION_BUTTON = 'ai-selection-button';\n"],
+  "mappings": "AAAO,MAAM,iBAAiB;AACvB,MAAM,iCAAiC;AACvC,MAAM,gBAAgB;AACtB,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,4BAA4B;AAClC,MAAM,6BAA6B;AACnC,MAAM,2BAA2B;AACjC,MAAM,gCAAgC;AACtC,MAAM,sCAAsC;AAC5C,MAAM,wCAAwC;AAC9C,MAAM,mCAAmC;AACzC,MAAM,2CAA2C;AACjD,MAAM,kCAAkC;AACxC,MAAM,2BAA2B;AACjC,MAAM,8BAA8B;AACpC,MAAM,+BAA+B;AACrC,MAAM,yBAAyB;AAE/B,MAAM,iCAAiC;AACvC,MAAM,sCAAsC;AAC5C,MAAM,oCAAoC;AAE1C,MAAM,4BAA4B;AAClC,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB;AAE3B,MAAM,sBAAsB;AAC5B,MAAM,8BAA8B;AACpC,MAAM,+BAA+B;AACrC,MAAM,+BAA+B;AACrC,MAAM,oCAAoC;AAC1C,MAAM,qCAAqC;AAC3C,MAAM,2BAA2B;AACjC,MAAM,6BAA6B;AACnC,MAAM,qCAAqC;AAC3C,MAAM,qCAAqC;AAC3C,MAAM,+BAA+B;AACrC,MAAM,6BAA6B;AACnC,MAAM,uCAAuC;AAC7C,MAAM,6CACX;AAEK,MAAM,kBAAkB;AACxB,MAAM,uBAAuB;AAC7B,MAAM,eAAe;AACrB,MAAM,kBAAkB;AACxB,MAAM,wBAAwB;AAC9B,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;",
   "names": []
 }