@wix/ricos 10.112.0 → 10.113.0

package/dist/es/plugin-mentions/statics/mention-list-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "e33b9adf";
+var styleDataHash = "f469ea73";
 const injectCss = () => {
-  var css = `.CQfWz,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Sy6Qa{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-height:360px;min-height:40px;overflow:hidden;overflow:auto}[dir] .Sy6Qa{background-color:#fff;border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1));padding:8px 0}.Sy6Qa *,.Sy6Qa :after,.Sy6Qa :before{box-sizing:inherit}.Sy6Qa input{box-sizing:border-box}.AHGsO{align-items:center;align-self:center;color:var(--ricos-settings-text-color,var(--ricos-text-color,#212121));display:flex;font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;gap:12px;justify-content:start;min-height:36px;width:220px}[dir] .AHGsO{cursor:pointer}[dir=ltr] .AHGsO{padding-left:12px;padding-right:8px}[dir=rtl] .AHGsO{padding-left:8px;padding-right:12px}.AHGsO span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .AHGsO.zsMd8{background-color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-fallback-color-tuple,0,0,0)),.06)}.AHGsO ._4OUdb{height:28px;min-height:28px;min-width:28px;overflow:hidden;width:28px}[dir] .AHGsO ._4OUdb{border-radius:50%}`;
+  var css = `.YURAT,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.u0fHa{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-height:360px;min-height:40px;overflow:hidden;overflow:auto}[dir] .u0fHa{background-color:#fff;border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1));padding:8px 0}.u0fHa *,.u0fHa :after,.u0fHa :before{box-sizing:inherit}.u0fHa input{box-sizing:border-box}.CGgFN{align-items:center;align-self:center;color:var(--ricos-settings-text-color,var(--ricos-text-color,#212121));display:flex;font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;gap:12px;justify-content:start;min-height:36px;width:220px}[dir] .CGgFN{cursor:pointer}[dir=ltr] .CGgFN{padding-left:12px;padding-right:8px}[dir=rtl] .CGgFN{padding-left:8px;padding-right:12px}.CGgFN span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .CGgFN.ml0rZ{background-color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-fallback-color-tuple,0,0,0)),.06)}.CGgFN ._0Fp-e{height:28px;min-height:28px;min-width:28px;overflow:hidden;width:28px}[dir] .CGgFN ._0Fp-e{border-radius:50%}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,11 +21,11 @@ const injectCss = () => {
 };
 injectCss();
 var mention_list_default = {
-  "fontElementMap": "CQfWz",
-  "mention_list": "Sy6Qa",
-  "mention_item": "AHGsO",
-  "mention_item_selected": "zsMd8",
-  "avatar": "_4OUdb"
+  "fontElementMap": "YURAT",
+  "mention_list": "u0fHa",
+  "mention_item": "CGgFN",
+  "mention_item_selected": "ml0rZ",
+  "avatar": "_0Fp-e"
 };
 export {
   mention_list_default as default,

package/dist/es/plugin-mentions/statics/mention-list-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-mentions/statics/mention-list.scss"],
-  "sourcesContent": ["var styleDataHash = 'e33b9adf';  \nexport const injectCss = (() => {\n  var css = `.CQfWz,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Sy6Qa{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-height:360px;min-height:40px;overflow:hidden;overflow:auto}[dir] .Sy6Qa{background-color:#fff;border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1));padding:8px 0}.Sy6Qa *,.Sy6Qa :after,.Sy6Qa :before{box-sizing:inherit}.Sy6Qa input{box-sizing:border-box}.AHGsO{align-items:center;align-self:center;color:var(--ricos-settings-text-color,var(--ricos-text-color,#212121));display:flex;font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;gap:12px;justify-content:start;min-height:36px;width:220px}[dir] .AHGsO{cursor:pointer}[dir=ltr] .AHGsO{padding-left:12px;padding-right:8px}[dir=rtl] .AHGsO{padding-left:8px;padding-right:12px}.AHGsO span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .AHGsO.zsMd8{background-color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-fallback-color-tuple,0,0,0)),.06)}.AHGsO ._4OUdb{height:28px;min-height:28px;min-width:28px;overflow:hidden;width:28px}[dir] .AHGsO ._4OUdb{border-radius:50%}`;\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  \"fontElementMap\": \"CQfWz\",\n  \"mention_list\": \"Sy6Qa\",\n  \"mention_item\": \"AHGsO\",\n  \"mention_item_selected\": \"zsMd8\",\n  \"avatar\": \"_4OUdb\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'f469ea73';  \nexport const injectCss = (() => {\n  var css = `.YURAT,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.u0fHa{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-height:360px;min-height:40px;overflow:hidden;overflow:auto}[dir] .u0fHa{background-color:#fff;border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1));padding:8px 0}.u0fHa *,.u0fHa :after,.u0fHa :before{box-sizing:inherit}.u0fHa input{box-sizing:border-box}.CGgFN{align-items:center;align-self:center;color:var(--ricos-settings-text-color,var(--ricos-text-color,#212121));display:flex;font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;gap:12px;justify-content:start;min-height:36px;width:220px}[dir] .CGgFN{cursor:pointer}[dir=ltr] .CGgFN{padding-left:12px;padding-right:8px}[dir=rtl] .CGgFN{padding-left:8px;padding-right:12px}.CGgFN span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .CGgFN.ml0rZ{background-color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-fallback-color-tuple,0,0,0)),.06)}.CGgFN ._0Fp-e{height:28px;min-height:28px;min-width:28px;overflow:hidden;width:28px}[dir] .CGgFN ._0Fp-e{border-radius:50%}`;\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  \"fontElementMap\": \"YURAT\",\n  \"mention_list\": \"u0fHa\",\n  \"mention_item\": \"CGgFN\",\n  \"mention_item_selected\": \"ml0rZ\",\n  \"avatar\": \"_0Fp-e\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,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,uBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,yBAAyB;AAAA,EACzB,UAAU;AACZ;",
   "names": []
 }

package/dist/es/plugin-mentions/statics/mentions-scss.js

@@ -1,14 +1,14 @@
 var mentions_default = {
-  "mentionPalette": "MKg-C",
-  "mention": "_2rgpU",
-  "mentionViewer": "XOOkd",
-  "mentionSuggestionsEntry": "eZ2Xs",
-  "mentionSuggestionsEntryFocused": "u4-bQ",
-  "mentionSuggestionsEntryText": "vmkZ4",
-  "mentionSuggestionsEntryAvatar": "_2bAk8",
-  "mentionSuggestions": "cF2Jd",
-  "cursorDefault": "SVcWZ",
-  "cursorPointer": "_1zTX1"
+  "mentionPalette": "n64Sz",
+  "mention": "TciAV",
+  "mentionViewer": "_5j23h",
+  "mentionSuggestionsEntry": "ea7d-",
+  "mentionSuggestionsEntryFocused": "JpB56",
+  "mentionSuggestionsEntryText": "X7MZ7",
+  "mentionSuggestionsEntryAvatar": "UiLjB",
+  "mentionSuggestions": "RxjPK",
+  "cursorDefault": "-PImp",
+  "cursorPointer": "a95Mw"
 };
 export {
   mentions_default as default

package/dist/es/plugin-mentions/statics/mentions-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-mentions/statics/mentions.scss"],
-  "sourcesContent": ["export default {\n  \"mentionPalette\": \"MKg-C\",\n  \"mention\": \"_2rgpU\",\n  \"mentionViewer\": \"XOOkd\",\n  \"mentionSuggestionsEntry\": \"eZ2Xs\",\n  \"mentionSuggestionsEntryFocused\": \"u4-bQ\",\n  \"mentionSuggestionsEntryText\": \"vmkZ4\",\n  \"mentionSuggestionsEntryAvatar\": \"_2bAk8\",\n  \"mentionSuggestions\": \"cF2Jd\",\n  \"cursorDefault\": \"SVcWZ\",\n  \"cursorPointer\": \"_1zTX1\"\n};"],
+  "sourcesContent": ["export default {\n  \"mentionPalette\": \"n64Sz\",\n  \"mention\": \"TciAV\",\n  \"mentionViewer\": \"_5j23h\",\n  \"mentionSuggestionsEntry\": \"ea7d-\",\n  \"mentionSuggestionsEntryFocused\": \"JpB56\",\n  \"mentionSuggestionsEntryText\": \"X7MZ7\",\n  \"mentionSuggestionsEntryAvatar\": \"UiLjB\",\n  \"mentionSuggestions\": \"RxjPK\",\n  \"cursorDefault\": \"-PImp\",\n  \"cursorPointer\": \"a95Mw\"\n};"],
   "mappings": "AAAA,IAAO,mBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,2BAA2B;AAAA,EAC3B,kCAAkC;AAAA,EAClC,+BAA+B;AAAA,EAC/B,iCAAiC;AAAA,EACjC,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/plugin-mentions/viewer-styles-inject.js

@@ -1,6 +1,6 @@
-var styleDataHash = '951ff658';  
+var styleDataHash = 'd9cd21e2';  
 export const injectCss = (() => {
-  var css = `.MKg-C{display:inline-block}._2rgpU,._2rgpU:visited{color:var(--ricos-custom-mention-color,var(--ricos-action-color,#116dff));display:inline-block;text-decoration:none}[dir] ._2rgpU,[dir] ._2rgpU:visited{background:var(--ricos-custom-mention-background-color,transparent)!important;border-radius:2px}[dir=ltr] ._2rgpU,[dir=ltr] ._2rgpU:visited,[dir=rtl] ._2rgpU,[dir=rtl] ._2rgpU:visited{padding-left:2px;padding-right:2px}[dir=ltr] .XOOkd,[dir=ltr] .XOOkd:visited,[dir=rtl] .XOOkd,[dir=rtl] .XOOkd:visited{padding-left:4px;padding-right:4px}._2rgpU:focus,._2rgpU:hover{outline:0;text-decoration:underline}._2rgpU:active,._2rgpU:focus,._2rgpU:hover{color:var(--ricos-custom-mention-color,var(--ricos-action-color,#116dff))}.eZ2Xs{align-items:center;display:flex;min-height:24px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}[dir] .eZ2Xs{padding:5px 10px}[dir] .eZ2Xs:active{background-color:#cce7ff}.u4-bQ{align-items:center;display:flex;min-height:24px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}[dir] .u4-bQ{background-color:#e6f3ff;padding:5px 10px}.vmkZ4{display:inline-block;font-size:14px;max-width:368px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .vmkZ4{margin-left:8px}[dir=rtl] .vmkZ4{margin-right:8px}._2bAk8{display:inline-block;height:24px;width:24px}[dir] ._2bAk8{border-radius:50%}.cF2Jd{display:flex;flex-direction:column;max-width:440px;min-width:220px;position:absolute;z-index:2}[dir] .cF2Jd{background:#fff;border:1px solid #eee;border-radius:2px;box-shadow:0 4px 30px 0 #dcdcdc;cursor:pointer;margin-top:7px;padding:8px 0;transform:scale(0)}[dir] .SVcWZ{cursor:default}[dir] ._1zTX1{cursor:pointer}`;
+  var css = `.n64Sz{display:inline-block}.TciAV,.TciAV:visited{color:var(--ricos-custom-mention-color,var(--ricos-action-color,#116dff));display:inline-block;text-decoration:none}[dir] .TciAV,[dir] .TciAV:visited{background:var(--ricos-custom-mention-background-color,transparent)!important;border-radius:2px}[dir=ltr] .TciAV,[dir=ltr] .TciAV:visited,[dir=rtl] .TciAV,[dir=rtl] .TciAV:visited{padding-left:2px;padding-right:2px}[dir=ltr] ._5j23h,[dir=ltr] ._5j23h:visited,[dir=rtl] ._5j23h,[dir=rtl] ._5j23h:visited{padding-left:4px;padding-right:4px}.TciAV:focus,.TciAV:hover{outline:0;text-decoration:underline}.TciAV:active,.TciAV:focus,.TciAV:hover{color:var(--ricos-custom-mention-color,var(--ricos-action-color,#116dff))}.ea7d-{align-items:center;display:flex;min-height:24px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}[dir] .ea7d-{padding:5px 10px}[dir] .ea7d-:active{background-color:#cce7ff}.JpB56{align-items:center;display:flex;min-height:24px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}[dir] .JpB56{background-color:#e6f3ff;padding:5px 10px}.X7MZ7{display:inline-block;font-size:14px;max-width:368px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .X7MZ7{margin-left:8px}[dir=rtl] .X7MZ7{margin-right:8px}.UiLjB{display:inline-block;height:24px;width:24px}[dir] .UiLjB{border-radius:50%}.RxjPK{display:flex;flex-direction:column;max-width:440px;min-width:220px;position:absolute;z-index:2}[dir] .RxjPK{background:#fff;border:1px solid #eee;border-radius:2px;box-shadow:0 4px 30px 0 #dcdcdc;cursor:pointer;margin-top:7px;padding:8px 0;transform:scale(0)}[dir] .-PImp{cursor:default}[dir] .a95Mw{cursor:pointer}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-quick-actions/data-hooks.js

@@ -0,0 +1,7 @@
+const QUICK_ACTIONS_ROOT = "quick-actions-root";
+const FLOATING_ADD_BUTTON = "floating-add-button";
+export {
+  FLOATING_ADD_BUTTON,
+  QUICK_ACTIONS_ROOT
+};
+//# sourceMappingURL=data-hooks.js.map

package/dist/es/plugin-quick-actions/data-hooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-quick-actions/data-hooks.ts"],
+  "sourcesContent": ["export const QUICK_ACTIONS_ROOT = 'quick-actions-root';\nexport const FLOATING_ADD_BUTTON = 'floating-add-button';\n"],
+  "mappings": "AAAO,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;",
+  "names": []
+}

package/dist/es/plugin-quick-actions/editor.js

@@ -0,0 +1,39 @@
+import { Node_Type } from "./../wix-rich-content-common";
+import { FloatingToolbarButton } from "./floating-toolbar-button/floating-toolbar-button";
+import { QuickActionsModal } from "./quick-actions-modal/quick-actions-modal";
+import { tiptapExtensions } from "./tiptap/extensions";
+import { QUICK_ACTIONS } from "./types";
+const pluginQuickActions = (config) => {
+  return {
+    config: config || {},
+    type: QUICK_ACTIONS,
+    tiptapExtensions,
+    floatingToolbarButton: {
+      Component: FloatingToolbarButton,
+      isVisible: ({
+        editorQuery,
+        nodeId
+      }) => {
+        const floatingPlusButtonActive = config?.activateOnFloatingPlusButton ?? false;
+        if (!floatingPlusButtonActive) {
+          return false;
+        }
+        if (!nodeId && (editorQuery.isMultipleSelection() || editorQuery.isSingleRootTextBlock())) {
+          return true;
+        }
+        const isInsideTable = editorQuery.isChildOfNode(Node_Type.TABLE_CELL);
+        if (isInsideTable || editorQuery.isListItem()) {
+          return false;
+        }
+        return nodeId && editorQuery.isChildSingleTextBlock(nodeId);
+      }
+    },
+    __exports: {
+      QuickActionsModal
+    }
+  };
+};
+export {
+  pluginQuickActions
+};
+//# sourceMappingURL=editor.js.map

package/dist/es/plugin-quick-actions/editor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-quick-actions/editor.tsx"],
+  "sourcesContent": ["import { type EditorPluginCreator, type IEditorQuery, Node_Type } from './../wix-rich-content-common';\n\nimport { FloatingToolbarButton } from './floating-toolbar-button/floating-toolbar-button';\nimport { QuickActionsModal } from './quick-actions-modal/quick-actions-modal';\nimport { tiptapExtensions } from './tiptap/extensions';\nimport type { QuickActionsEditorConfig } from './types';\nimport { QUICK_ACTIONS } from './types';\n\nexport const pluginQuickActions: EditorPluginCreator<\n  QuickActionsEditorConfig,\n  { QuickActionsModal: typeof QuickActionsModal }\n> = config => {\n  return {\n    config: config || {},\n    type: QUICK_ACTIONS,\n    tiptapExtensions,\n    floatingToolbarButton: {\n      Component: FloatingToolbarButton,\n      isVisible: ({\n        editorQuery,\n        nodeId,\n      }: {\n        editorQuery: IEditorQuery['query'];\n        nodeId?: string;\n      }) => {\n        const floatingPlusButtonActive = config?.activateOnFloatingPlusButton ?? false;\n        if (!floatingPlusButtonActive) {\n          return false;\n        }\n\n        if (!nodeId && (editorQuery.isMultipleSelection() || editorQuery.isSingleRootTextBlock())) {\n          return true;\n        }\n\n        const isInsideTable = editorQuery.isChildOfNode(Node_Type.TABLE_CELL);\n\n        if (isInsideTable || editorQuery.isListItem()) {\n          return false;\n        }\n\n        return nodeId && editorQuery.isChildSingleTextBlock(nodeId);\n      },\n    },\n    __exports: {\n      QuickActionsModal,\n    },\n  };\n};\n"],
+  "mappings": "AAAA,SAAsD,iBAAiB;AAEvE,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,qBAAqB;AAEvB,MAAM,qBAGT,YAAU;AACZ,SAAO;AAAA,IACL,QAAQ,UAAU,CAAC;AAAA,IACnB,MAAM;AAAA,IACN;AAAA,IACA,uBAAuB;AAAA,MACrB,WAAW;AAAA,MACX,WAAW,CAAC;AAAA,QACV;AAAA,QACA;AAAA,MACF,MAGM;AACJ,cAAM,2BAA2B,QAAQ,gCAAgC;AACzE,YAAI,CAAC,0BAA0B;AAC7B,iBAAO;AAAA,QACT;AAEA,YAAI,CAAC,WAAW,YAAY,oBAAoB,KAAK,YAAY,sBAAsB,IAAI;AACzF,iBAAO;AAAA,QACT;AAEA,cAAM,gBAAgB,YAAY,cAAc,UAAU,UAAU;AAEpE,YAAI,iBAAiB,YAAY,WAAW,GAAG;AAC7C,iBAAO;AAAA,QACT;AAEA,eAAO,UAAU,YAAY,uBAAuB,MAAM;AAAA,MAC5D;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,30 @@
+var styleDataHash = "31bf4db5";
+const injectCss = () => {
+  var css = `.H8LoC{display:flex;height:19px;overflow:hidden;position:absolute;width:19px;z-index:3}[dir] .H8LoC{background-color:#fff;border:none;border-radius:4px;cursor:pointer;padding:0}.H8LoC:before{bottom:0;content:"";opacity:.1;position:absolute;top:0}[dir] .H8LoC:before{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}[dir=ltr] .H8LoC:before,[dir=rtl] .H8LoC:before{left:0;right:0}.H8LoC 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))}[dir] .H8LoC:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.H8LoC:hover svg{color:#fff;fill:#fff}`;
+  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 floating_toolbar_button_default = {
+  "button": "H8LoC"
+};
+export {
+  floating_toolbar_button_default as default,
+  injectCss
+};
+//# sourceMappingURL=floating-toolbar-button-scss.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-quick-actions/floating-toolbar-button/floating-toolbar-button.scss"],
+  "sourcesContent": ["var styleDataHash = '31bf4db5';  \nexport const injectCss = (() => {\n  var css = `.H8LoC{display:flex;height:19px;overflow:hidden;position:absolute;width:19px;z-index:3}[dir] .H8LoC{background-color:#fff;border:none;border-radius:4px;cursor:pointer;padding:0}.H8LoC:before{bottom:0;content:\"\";opacity:.1;position:absolute;top:0}[dir] .H8LoC:before{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}[dir=ltr] .H8LoC:before,[dir=rtl] .H8LoC:before{left:0;right:0}.H8LoC 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))}[dir] .H8LoC:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.H8LoC: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\": \"H8LoC\"\n};"],
+  "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,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,kCAAQ;AAAA,EACb,UAAU;AACZ;",
+  "names": []
+}

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

@@ -0,0 +1,60 @@
+import { findParentNodeClosestToPos } from "@tiptap/core";
+import { AddSmall } from "@wix/wix-ui-icons-common";
+import { TextSelection } from "prosemirror-state";
+import React, { useContext } from "react";
+import { EditorContext, ModalServiceContext } from "./../../ricos-context";
+import { Node_Type } from "./../../wix-rich-content-common/index";
+import { UiComponentsProvider } from "./../../ui-components";
+import { FLOATING_ADD_BUTTON } from "../data-hooks";
+import { toggleQuickActionsModal } from "../toggle-quick-actions-modal/toggle-quick-actions-modal";
+import styles from "./floating-toolbar-button-scss";
+const FloatingToolbarButton = ({
+  className,
+  position
+}) => {
+  const { adapter } = useContext(EditorContext);
+  const modalService = useContext(ModalServiceContext);
+  const ref = React.useRef(null);
+  const handleClick = () => {
+    const { view } = adapter.tiptapEditor;
+    const { state } = view;
+    const { selection } = state;
+    const contentSize = selection.content().content.size;
+    const isInsideCollapsibleList = findParentNodeClosestToPos(
+      selection.$from,
+      (node) => node.type.name === 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() === Node_Type.TEXT && nodeBefore?.textContent === "/") {
+      view.dispatch(view.state.tr.deleteRange(selection.from - 1, selection.$anchor.pos));
+      return;
+    }
+    if (nodeBefore?.type.name.toUpperCase() === Node_Type.TEXT && nodeBefore?.textContent.endsWith("/")) {
+      view.dispatch(view.state.tr.deleteRange(selection.from - 1, selection.$anchor.pos));
+    }
+    if (contentSize) {
+      const selectionUpdated = TextSelection.create(view.state.doc, selection.to);
+      view.dispatch(view.state.tr.setSelection(selectionUpdated));
+    }
+    toggleQuickActionsModal({ modalService, referenceElement: ref.current });
+  };
+  return /* @__PURE__ */ React.createElement("div", { className, style: position, ref }, /* @__PURE__ */ React.createElement(UiComponentsProvider, null, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      className: styles.button,
+      onClick: handleClick,
+      "data-hook": FLOATING_ADD_BUTTON
+    },
+    /* @__PURE__ */ React.createElement(AddSmall, { fill: "currentColor" })
+  )));
+};
+export {
+  FloatingToolbarButton
+};
+//# sourceMappingURL=floating-toolbar-button.js.map

package/dist/es/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,SAAS,kCAAkC;AAC3C,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,OAAO,SAAS,kBAAkB;AAElC,SAAS,eAAe,2BAA2B;AACnD,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AAErC,SAAS,2BAA2B;AACpC,SAAS,+BAA+B;AACxC,OAAO,YAAY;AASZ,MAAM,wBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAC5C,QAAM,eAAe,WAAW,mBAAmB;AAEnD,QAAM,MAAM,MAAM,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,0BAA0B;AAAA,MAC9B,UAAU;AAAA,MACV,UAAQ,KAAK,KAAK,SAAS,UAAU;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,UAAU,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,UAAU,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,cAAc,OAAO,KAAK,MAAM,KAAK,UAAU,EAAE;AAC1E,WAAK,SAAS,KAAK,MAAM,GAAG,aAAa,gBAAgB,CAAC;AAAA,IAC5D;AAEA,4BAAwB,EAAE,cAAc,kBAAkB,IAAI,QAAQ,CAAC;AAAA,EACzE;AAEA,SACE,oCAAC,SAAI,WAAsB,OAAO,UAAU,OAC1C,oCAAC,4BACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,SAAS;AAAA,MACT,aAAW;AAAA;AAAA,IAEX,oCAAC,YAAS,MAAK,gBAAe;AAAA,EAChC,CACF,CACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,5 @@
+import { pluginQuickActions } from "./editor";
+export {
+  pluginQuickActions
+};
+//# sourceMappingURL=index.js.map

package/dist/es/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,SAAS,0BAA0B;",
+  "names": []
+}

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

@@ -0,0 +1,30 @@
+var styleDataHash = "fb48ff99";
+const injectCss = () => {
+  var css = `.bvF7C [data-hook=popover-content]{position:relative!important}`;
+  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 quick_actions_modal_default = {
+  "quickActionsModal": "bvF7C"
+};
+export {
+  quick_actions_modal_default as default,
+  injectCss
+};
+//# sourceMappingURL=quick-actions-modal-scss.js.map

package/dist/es/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": ["var styleDataHash = 'fb48ff99';  \nexport const injectCss = (() => {\n  var css = `.bvF7C [data-hook=popover-content]{position:relative!important}`;\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  \"quickActionsModal\": \"bvF7C\"\n};"],
+  "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,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,8BAAQ;AAAA,EACb,qBAAqB;AACvB;",
+  "names": []
+}

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

@@ -0,0 +1,143 @@
+import { DropdownBase, listItemSectionBuilder } from "@wix/design-system";
+import React, {
+  forwardRef,
+  useContext,
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+  useState
+} from "react";
+import { EditorContext, PluginsContext, RicosContext, ZIndexContext } from "./../../ricos-context";
+import { useModalService } from "./../../ricos-modals/modal-service-provider";
+import { quickActionsModalSections } from "./../../ricos-types/pluginTypes";
+import { QUICK_ACTIONS_MODAL_ID } from "./../types";
+import { UiComponentsProvider } from "./../../ui-components";
+import { QUICK_ACTIONS_ROOT } from "../data-hooks";
+import styles from "./quick-actions-modal-scss";
+const QuickActionsModal = forwardRef(
+  (props, ref) => {
+    const { query } = props;
+    const { adapter } = useContext(EditorContext);
+    const plugins = useContext(PluginsContext);
+    const { t } = useContext(RicosContext);
+    const zIndexService = useContext(ZIndexContext);
+    const actions = useMemo(() => plugins.getQuickActions(), []);
+    const modalService = useModalService();
+    const editorCommands = adapter.getEditorCommands();
+    const options = 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(quickActionsModalSections).reduce((list, section) => {
+        return [
+          ...list,
+          ...actionsInSectionsMap[section]?.length > 0 ? [
+            listItemSectionBuilder({
+              title: t(section),
+              id: section
+            }),
+            ...actionsInSectionsMap[section].map(
+              (item) => commandToPaletteOption({
+                pluginCommand: item,
+                editorCommands,
+                props,
+                modalService,
+                editor: adapter.tiptapEditor,
+                t
+              })
+            )
+          ] : []
+        ];
+      }, []);
+    }, [query]);
+    const [selectedId, setSelectedId] = useState(
+      options.find((option) => option.value === "action")?.id
+    );
+    useEffect(() => {
+      setSelectedId(options.find((option) => option.value === "action")?.id);
+    }, [query]);
+    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__ */ React.createElement(UiComponentsProvider, null, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: styles.quickActionsModal,
+        style: { zIndex: zIndexService.getZIndex("DIALOG") }
+      },
+      /* @__PURE__ */ React.createElement(
+        DropdownBase,
+        {
+          open: true,
+          onSelect: () => {
+            modalService.closeModal(QUICK_ACTIONS_MODAL_ID);
+          },
+          placement: "bottom-start",
+          minWidth: 242,
+          maxHeight: 250,
+          className: styles.quickActionsModal,
+          focusOnOption: selectedId,
+          dataHook: 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__ */ React.createElement(pluginCommand.icon, null) : void 0,
+    shouldFocusWithoutScroll: true,
+    size: "small",
+    title: false,
+    value: "action"
+  };
+};
+export {
+  QuickActionsModal
+};
+//# sourceMappingURL=quick-actions-modal.js.map

package/dist/es/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"]
+}

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

@@ -0,0 +1,26 @@
+import { DropdownBaseUniDriver } from "@wix/design-system/dist/testkit/unidriver";
+import { dataHook } from "./../wix-rich-content-common";
+import { FLOATING_ADD_BUTTON, QUICK_ACTIONS_ROOT } from "./data-hooks";
+const createQuickActionsTestkit = (getBase) => {
+  return {
+    content: {},
+    floatingAddButton: {
+      waitForElement: async () => {
+        await getBase().get(dataHook(FLOATING_ADD_BUTTON));
+      },
+      click: async () => {
+        await getBase().$(dataHook(FLOATING_ADD_BUTTON)).click();
+      }
+    },
+    quickActionsModal: {
+      waitForElement: async () => {
+        await getBase().get(dataHook(QUICK_ACTIONS_ROOT));
+      },
+      popover: DropdownBaseUniDriver(getBase().$(dataHook(QUICK_ACTIONS_ROOT)), getBase())
+    }
+  };
+};
+export {
+  createQuickActionsTestkit
+};
+//# sourceMappingURL=testkit.js.map

package/dist/es/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,SAAS,6BAA6B;AAGtC,SAAS,gBAAgB;AAEzB,SAAS,qBAAqB,0BAA0B;AAcjD,MAAM,4BAAiD,aAAW;AACvE,SAAO;AAAA,IACL,SAAS,CAAC;AAAA,IACV,mBAAmB;AAAA,MACjB,gBAAgB,YAAY;AAC1B,cAAM,QAAQ,EAAE,IAAI,SAAS,mBAAmB,CAAC;AAAA,MACnD;AAAA,MACA,OAAO,YAAY;AACjB,cAAM,QAAQ,EAAE,EAAE,SAAS,mBAAmB,CAAC,EAAE,MAAM;AAAA,MACzD;AAAA,IACF;AAAA,IACA,mBAAmB;AAAA,MACjB,gBAAgB,YAAY;AAC1B,cAAM,QAAQ,EAAE,IAAI,SAAS,kBAAkB,CAAC;AAAA,MAClD;AAAA,MACA,SAAS,sBAAsB,QAAQ,EAAE,EAAE,SAAS,kBAAkB,CAAC,GAAG,QAAQ,CAAC;AAAA,IACrF;AAAA,EACF;AACF;",
+  "names": []
+}