npm - @wix/ricos - Versions diffs - 11.20.3 → 11.20.5 - Mend

@wix/ricos 11.20.3 → 11.20.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1039) hide show

package/dist/cjs/ricos-modals/components/floating.js CHANGED Viewed

@@ -35,6 +35,7 @@ var import_react_dom = require("@floating-ui/react-dom");
 var import_react = __toESM(require("react"));
 var import_ricos_context = require("./../../ricos-context/index.js");
 var import_use_draggable_modal = require("./../hooks/use-draggable-modal.js");
+var import_reference_host = require("./../utils/reference-host.js");
 var import_focus_manager = require("./../../_shared/focus-manager/focus-manager.js");
 var import_ui_components = require("./../../ui-components/index.js");
 const Floating = ({ children, modalConfig, closeModal }) => {
@@ -129,8 +130,11 @@ const Floating = ({ children, modalConfig, closeModal }) => {
     }
     if (clickOutsideHandler) {
       clickOutsideHandler(event);
-    } else if (referenceElement instanceof HTMLElement && !referenceElement?.contains(event.target)) {
-      closeModal();
+    } else {
+      const host = (0, import_reference_host.referenceHost)(referenceElement);
+      if (host && !host.contains(event.target)) {
+        closeModal();
+      }
     }
   };
   return /* @__PURE__ */ import_react.default.createElement(

package/dist/cjs/ricos-modals/components/floating.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-modals/components/floating.tsx"],
-  "sourcesContent": ["import type { ReferenceType } from '@floating-ui/react-dom';\nimport { autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/react-dom';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { RicosContext, ZIndexContext } from './../../ricos-context/index.js';\nimport { useDraggableModal } from './../hooks/use-draggable-modal.js';\nimport type { ModalProps, Placement } from './../../ricos-types/index.js';\nimport { FocusManager } from './../../_shared/focus-manager/focus-manager.js';\nimport { ClickOutside, UiComponentsProvider } from './../../ui-components/index.js';\n\nexport const Floating = ({ children, modalConfig, closeModal }: ModalProps) => {\n  const { jsdomMode, environment } = useContext(RicosContext);\n  const zIndexService = useContext(ZIndexContext);\n  const [modalElement, setModalElement] = useState<HTMLDivElement | null>(null);\n  const [clampedY, setClampedY] = useState<number | null>(null);\n  const { autoFocus = true, initialFocus, positioning } = modalConfig || {};\n  let placement = positioning?.placement;\n  const referenceElement = positioning?.referenceElement as HTMLElement;\n\n  if (environment === 'wixel' && (placement === 'right-start' || placement === 'bottom')) {\n    placement = 'bottom-start';\n  }\n\n  const middlewares =\n    placement === 'right' || placement === 'right-start--custom-offset'\n      ? [offset({ mainAxis: 8 })]\n      : placement === 'right-start'\n        ? [offset({ mainAxis: 32, crossAxis: -78 })]\n        : placement === 'bottom' || placement === 'bottom-start' || placement === 'bottom-end'\n          ? [offset({ mainAxis: 8 }), flip()]\n          : placement === 'left' || placement === 'left-start' || placement === 'left-end'\n            ? [offset({ mainAxis: 8 }), flip()]\n            : placement === 'right-end'\n              ? [offset({ mainAxis: 20 }), flip()]\n              : [];\n\n  const {\n    x,\n    y,\n    isPositioned,\n    refs: { setReference, setFloating },\n    strategy,\n  } = useFloating({\n    placement: toFloatingPlacement(placement),\n    strategy: 'fixed',\n    middleware: [\n      ...middlewares,\n      shift({\n        crossAxis: true,\n      }),\n    ],\n    ...(modalConfig?.sticky && {\n      whileElementsMounted: (referenceEl, floatingEl, update) => {\n        return autoUpdate(referenceEl, floatingEl, update, {\n          animationFrame: true,\n        });\n      },\n    }),\n  });\n\n  useEffect(() => {\n    setReference(referenceElement as ReferenceType);\n  }, [setReference, referenceElement]);\n\n  const coords = useDraggableModal({\n    modalElement,\n    dragHandleSelector: modalConfig.enableDrag\n      ? modalConfig.dragHandleSelector\n      : '[data-drag-handle]',\n  });\n\n  useEffect(() => {\n    setClampedY(null);\n  }, [coords]);\n\n  useEffect(() => {\n    if (!modalElement) {\n      return;\n    }\n\n    let prevHeight = modalElement.getBoundingClientRect().height;\n\n    const observer = new ResizeObserver(() => {\n      const currentHeight = modalElement.getBoundingClientRect().height;\n      const grew = currentHeight > prevHeight;\n      prevHeight = currentHeight;\n\n      if (!grew) {\n        return;\n      }\n\n      const rect = modalElement.getBoundingClientRect();\n      const overflow = rect.bottom - window.innerHeight;\n\n      if (overflow > 0) {\n        setClampedY(Math.max(0, rect.top - overflow));\n      }\n    });\n\n    observer.observe(modalElement);\n    return () => observer.disconnect();\n  }, [modalElement]);\n\n  const isVisible = jsdomMode || isPositioned;\n  const content = (\n    <div\n      ref={ref => {\n        setFloating(ref);\n        setModalElement(ref);\n      }}\n      style={{\n        top: clampedY ?? coords?.y ?? y ?? '',\n        left: coords?.x ?? x ?? '',\n        position: strategy,\n        zIndex: zIndexService.getZIndex('DIALOG'),\n        display: 'block',\n        visibility: isVisible ? 'visible' : 'hidden',\n      }}\n    >\n      {modalElement && (\n        <UiComponentsProvider containerEl={modalElement}>{children}</UiComponentsProvider>\n      )}\n    </div>\n  );\n\n  const onClickOutside = (event: PointerEvent) => {\n    const clickOutsideHandler =\n      typeof modalConfig.onClickOutside === 'function'\n        ? modalConfig.onClickOutside\n        : modalConfig.onClickOutside?.handler;\n\n    // A modal's own tooltips are appended to the ricos portal, so they are outside\n    // this element even though they belong to it — clicking one used to close the\n    // modal out from under the user. `table-spacing-modal.tsx` makes the same\n    // exception in its own click-outside handler.\n    if ((event.target as HTMLElement | null)?.closest('[role=\"tooltip\"]')) {\n      return;\n    }\n\n    if (clickOutsideHandler) {\n      clickOutsideHandler(event);\n    } else if (\n      referenceElement instanceof HTMLElement &&\n      !referenceElement?.contains(event.target as Node)\n    ) {\n      closeModal();\n    }\n  };\n\n  return (\n    <ClickOutside\n      onClickOutside={onClickOutside}\n      triggerOn={\n        typeof modalConfig.onClickOutside !== 'function'\n          ? modalConfig.onClickOutside?.on\n          : undefined\n      }\n    >\n      {autoFocus ? (\n        <FocusManager\n          focusTrapOptions={{\n            returnFocusOnDeactivate: false,\n            fallbackFocus: document.activeElement as HTMLElement,\n            ...(initialFocus !== undefined && { initialFocus }),\n          }}\n          jsdomMode={jsdomMode}\n          active={isVisible}\n          preventScroll\n        >\n          {content}\n        </FocusManager>\n      ) : (\n        content\n      )}\n    </ClickOutside>\n  );\n};\n\nconst toFloatingPlacement = (placement?: Placement) => {\n  if (placement === 'right-start--custom-offset') {\n    return 'right-start';\n  }\n  if (placement === 'overlay') {\n    return 'bottom-start';\n  }\n  return placement;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ReferenceType } from '@floating-ui/react-dom';\nimport { autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/react-dom';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { RicosContext, ZIndexContext } from './../../ricos-context/index.js';\nimport { useDraggableModal } from './../hooks/use-draggable-modal.js';\nimport { referenceHost } from './../utils/reference-host.js';\nimport type { ModalProps, Placement } from './../../ricos-types/index.js';\nimport { FocusManager } from './../../_shared/focus-manager/focus-manager.js';\nimport { ClickOutside, UiComponentsProvider } from './../../ui-components/index.js';\n\nexport const Floating = ({ children, modalConfig, closeModal }: ModalProps) => {\n  const { jsdomMode, environment } = useContext(RicosContext);\n  const zIndexService = useContext(ZIndexContext);\n  const [modalElement, setModalElement] = useState<HTMLDivElement | null>(null);\n  const [clampedY, setClampedY] = useState<number | null>(null);\n  const { autoFocus = true, initialFocus, positioning } = modalConfig || {};\n  let placement = positioning?.placement;\n  const referenceElement = positioning?.referenceElement as HTMLElement;\n\n  if (environment === 'wixel' && (placement === 'right-start' || placement === 'bottom')) {\n    placement = 'bottom-start';\n  }\n\n  const middlewares =\n    placement === 'right' || placement === 'right-start--custom-offset'\n      ? [offset({ mainAxis: 8 })]\n      : placement === 'right-start'\n        ? [offset({ mainAxis: 32, crossAxis: -78 })]\n        : placement === 'bottom' || placement === 'bottom-start' || placement === 'bottom-end'\n          ? [offset({ mainAxis: 8 }), flip()]\n          : placement === 'left' || placement === 'left-start' || placement === 'left-end'\n            ? [offset({ mainAxis: 8 }), flip()]\n            : placement === 'right-end'\n              ? [offset({ mainAxis: 20 }), flip()]\n              : [];\n\n  const {\n    x,\n    y,\n    isPositioned,\n    refs: { setReference, setFloating },\n    strategy,\n  } = useFloating({\n    placement: toFloatingPlacement(placement),\n    strategy: 'fixed',\n    middleware: [\n      ...middlewares,\n      shift({\n        crossAxis: true,\n      }),\n    ],\n    ...(modalConfig?.sticky && {\n      whileElementsMounted: (referenceEl, floatingEl, update) => {\n        return autoUpdate(referenceEl, floatingEl, update, {\n          animationFrame: true,\n        });\n      },\n    }),\n  });\n\n  useEffect(() => {\n    setReference(referenceElement as ReferenceType);\n  }, [setReference, referenceElement]);\n\n  const coords = useDraggableModal({\n    modalElement,\n    dragHandleSelector: modalConfig.enableDrag\n      ? modalConfig.dragHandleSelector\n      : '[data-drag-handle]',\n  });\n\n  useEffect(() => {\n    setClampedY(null);\n  }, [coords]);\n\n  useEffect(() => {\n    if (!modalElement) {\n      return;\n    }\n\n    let prevHeight = modalElement.getBoundingClientRect().height;\n\n    const observer = new ResizeObserver(() => {\n      const currentHeight = modalElement.getBoundingClientRect().height;\n      const grew = currentHeight > prevHeight;\n      prevHeight = currentHeight;\n\n      if (!grew) {\n        return;\n      }\n\n      const rect = modalElement.getBoundingClientRect();\n      const overflow = rect.bottom - window.innerHeight;\n\n      if (overflow > 0) {\n        setClampedY(Math.max(0, rect.top - overflow));\n      }\n    });\n\n    observer.observe(modalElement);\n    return () => observer.disconnect();\n  }, [modalElement]);\n\n  const isVisible = jsdomMode || isPositioned;\n  const content = (\n    <div\n      ref={ref => {\n        setFloating(ref);\n        setModalElement(ref);\n      }}\n      style={{\n        top: clampedY ?? coords?.y ?? y ?? '',\n        left: coords?.x ?? x ?? '',\n        position: strategy,\n        zIndex: zIndexService.getZIndex('DIALOG'),\n        display: 'block',\n        visibility: isVisible ? 'visible' : 'hidden',\n      }}\n    >\n      {modalElement && (\n        <UiComponentsProvider containerEl={modalElement}>{children}</UiComponentsProvider>\n      )}\n    </div>\n  );\n\n  const onClickOutside = (event: PointerEvent) => {\n    const clickOutsideHandler =\n      typeof modalConfig.onClickOutside === 'function'\n        ? modalConfig.onClickOutside\n        : modalConfig.onClickOutside?.handler;\n\n    // A modal's own tooltips are appended to the ricos portal, so they are outside\n    // this element even though they belong to it — clicking one used to close the\n    // modal out from under the user. `table-spacing-modal.tsx` makes the same\n    // exception in its own click-outside handler.\n    if ((event.target as HTMLElement | null)?.closest('[role=\"tooltip\"]')) {\n      return;\n    }\n\n    if (clickOutsideHandler) {\n      clickOutsideHandler(event);\n    } else {\n      const host = referenceHost(referenceElement);\n      if (host && !host.contains(event.target as Node)) {\n        closeModal();\n      }\n    }\n  };\n\n  return (\n    <ClickOutside\n      onClickOutside={onClickOutside}\n      triggerOn={\n        typeof modalConfig.onClickOutside !== 'function'\n          ? modalConfig.onClickOutside?.on\n          : undefined\n      }\n    >\n      {autoFocus ? (\n        <FocusManager\n          focusTrapOptions={{\n            returnFocusOnDeactivate: false,\n            fallbackFocus: document.activeElement as HTMLElement,\n            ...(initialFocus !== undefined && { initialFocus }),\n          }}\n          jsdomMode={jsdomMode}\n          active={isVisible}\n          preventScroll\n        >\n          {content}\n        </FocusManager>\n      ) : (\n        content\n      )}\n    </ClickOutside>\n  );\n};\n\nconst toFloatingPlacement = (placement?: Placement) => {\n  if (placement === 'right-start--custom-offset') {\n    return 'right-start';\n  }\n  if (placement === 'overlay') {\n    return 'bottom-start';\n  }\n  return placement;\n};\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/cjs/ricos-modals/statics/styles/drawer-scss.js CHANGED Viewed

@@ -22,14 +22,14 @@ __export(drawer_exports, {
 });
 module.exports = __toCommonJS(drawer_exports);
 var drawer_default = {
-  "overlay": "uZSzs",
-  "content": "Xf0R2",
-  "contentBox": "LihZK",
-  "mobile": "_19icd",
-  "drawerT": "gvWHS",
-  "drawerB": "_7-uEq",
-  "drawerR": "dp7w5",
-  "drawerL": "_7ZpV6",
-  "dialog": "EtUdy"
+  "overlay": "_7NwWd",
+  "content": "WHn4I",
+  "contentBox": "bv7ED",
+  "mobile": "yghoZ",
+  "drawerT": "uaauK",
+  "drawerB": "_6Gddg",
+  "drawerR": "q-lO4",
+  "drawerL": "iiYTJ",
+  "dialog": "ZwYvk"
 };
 //# sourceMappingURL=drawer-scss.js.map

package/dist/cjs/ricos-modals/statics/styles/drawer-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-modals/statics/styles/drawer.scss"],
-  "sourcesContent": ["export default {\n  \"overlay\": \"uZSzs\",\n  \"content\": \"Xf0R2\",\n  \"contentBox\": \"LihZK\",\n  \"mobile\": \"_19icd\",\n  \"drawerT\": \"gvWHS\",\n  \"drawerB\": \"_7-uEq\",\n  \"drawerR\": \"dp7w5\",\n  \"drawerL\": \"_7ZpV6\",\n  \"dialog\": \"EtUdy\"\n};"],
+  "sourcesContent": ["export default {\n  \"overlay\": \"_7NwWd\",\n  \"content\": \"WHn4I\",\n  \"contentBox\": \"bv7ED\",\n  \"mobile\": \"yghoZ\",\n  \"drawerT\": \"uaauK\",\n  \"drawerB\": \"_6Gddg\",\n  \"drawerR\": \"q-lO4\",\n  \"drawerL\": \"iiYTJ\",\n  \"dialog\": \"ZwYvk\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/ricos-modals/statics/styles/fullscreen-scss.js CHANGED Viewed

@@ -22,6 +22,6 @@ __export(fullscreen_exports, {
 });
 module.exports = __toCommonJS(fullscreen_exports);
 var fullscreen_default = {
-  "fullscreen": "gWfSf"
+  "fullscreen": "AZ6b1"
 };
 //# sourceMappingURL=fullscreen-scss.js.map

package/dist/cjs/ricos-modals/statics/styles/fullscreen-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-modals/statics/styles/fullscreen.scss"],
-  "sourcesContent": ["export default {\n  \"fullscreen\": \"gWfSf\"\n};"],
+  "sourcesContent": ["export default {\n  \"fullscreen\": \"AZ6b1\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qBAAQ;AAAA,EACb,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/ricos-modals/statics/styles/popper-scss.js CHANGED Viewed

@@ -22,8 +22,8 @@ __export(popper_exports, {
 });
 module.exports = __toCommonJS(popper_exports);
 var popper_default = {
-  "fontElementMap": "G0IA3",
-  "container": "X2KdO",
-  "transparent": "S8wxO"
+  "fontElementMap": "_7yUw2",
+  "container": "mJ3AU",
+  "transparent": "ko5C1"
 };
 //# sourceMappingURL=popper-scss.js.map

package/dist/cjs/ricos-modals/statics/styles/popper-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-modals/statics/styles/popper.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"G0IA3\",\n  \"container\": \"X2KdO\",\n  \"transparent\": \"S8wxO\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_7yUw2\",\n  \"container\": \"mJ3AU\",\n  \"transparent\": \"ko5C1\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/ricos-modals/utils/modal-renderer.js CHANGED Viewed

@@ -36,6 +36,7 @@ var import_ricos_context = require("./../../ricos-context/index.js");
 var import_modal_service_provider = require("./../modal-service-provider.js");
 var import_log_invariant = require("./../../_shared/log-invariant.js");
 var import_modal_popper = require("./modal-popper.js");
+var import_reference_host = require("./reference-host.js");
 const ModalRenderer = () => {
   const openModals = (0, import_modal_service_provider.useModalState)((s) => s);
   const modalService = (0, import_modal_service_provider.useModalService)();
@@ -47,8 +48,9 @@ const ModalRenderer = () => {
         if (lastInteraction === "mouse" && !modal.returnFocusToEditor) {
           return;
         }
-        const refElement = modal.focusReturnElement || modal.positioning?.referenceElement;
-        if (lastInteraction === "keyboard" && refElement && refElement instanceof HTMLElement) {
+        const host = (0, import_reference_host.referenceHost)(modal.focusReturnElement || modal.positioning?.referenceElement);
+        const refElement = host && host instanceof (host.ownerDocument.defaultView ?? window).HTMLElement ? host : void 0;
+        if (lastInteraction === "keyboard" && refElement) {
           try {
             refElement.focus();
             return;

package/dist/cjs/ricos-modals/utils/modal-renderer.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-modals/utils/modal-renderer.tsx"],
-  "sourcesContent": ["import type { FC } from 'react';\nimport React, { useContext, useEffect } from 'react';\n\nimport { EditorContext, RicosContext } from './../../ricos-context/index.js';\nimport { useModalService, useModalState } from './../modal-service-provider.js';\nimport { logInvariant } from './../../_shared/log-invariant.js';\n\nimport { ModalPopper } from './modal-popper.js';\n\nexport const ModalRenderer: FC = () => {\n  const openModals = useModalState(s => s);\n  const modalService = useModalService();\n  const { getPublicCommands } = useContext(EditorContext);\n  const { lastInteraction } = useContext(RicosContext);\n\n  useEffect(() => {\n    const modalClosedSubscription = modalService.onModalClosed(modal => {\n      setTimeout(() => {\n        if (lastInteraction === 'mouse' && !modal.returnFocusToEditor) {\n          return;\n        }\n\n        const refElement = modal.focusReturnElement || modal.positioning?.referenceElement;\n\n        if (lastInteraction === 'keyboard' && refElement && refElement instanceof HTMLElement) {\n          try {\n            refElement.focus();\n            return;\n          } catch {\n            logInvariant(new Error('Failed to focus on modal return element'));\n          }\n        }\n\n        getPublicCommands().focus();\n      }, 0);\n    });\n    return () => {\n      modalClosedSubscription.cancel();\n    };\n  }, [lastInteraction]);\n\n  return (\n    <>\n      {Object.values(openModals).map(modalConfig => {\n        return (\n          <ModalPopper\n            key={modalConfig.id}\n            modalConfig={modalConfig}\n            setModalRef={ref => modalService.setModalRef(modalConfig.id, ref)}\n          />\n        );\n      })}\n    </>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA6C;AAE7C,2BAA4C;AAC5C,oCAA+C;AAC/C,2BAA6B;AAE7B,0BAA4B;AAErB,MAAM,gBAAoB,MAAM;AACrC,QAAM,iBAAa,6CAAc,OAAK,CAAC;AACvC,QAAM,mBAAe,+CAAgB;AACrC,QAAM,EAAE,kBAAkB,QAAI,yBAAW,kCAAa;AACtD,QAAM,EAAE,gBAAgB,QAAI,yBAAW,iCAAY;AAEnD,8BAAU,MAAM;AACd,UAAM,0BAA0B,aAAa,cAAc,WAAS;AAClE,iBAAW,MAAM;AACf,YAAI,oBAAoB,WAAW,CAAC,MAAM,qBAAqB;AAC7D;AAAA,QACF;AAEA,cAAM,aAAa,MAAM,sBAAsB,MAAM,aAAa;AAElE,YAAI,oBAAoB,cAAc,cAAc,sBAAsB,aAAa;AACrF,cAAI;AACF,uBAAW,MAAM;AACjB;AAAA,UACF,QAAQ;AACN,mDAAa,IAAI,MAAM,yCAAyC,CAAC;AAAA,UACnE;AAAA,QACF;AAEA,0BAAkB,EAAE,MAAM;AAAA,MAC5B,GAAG,CAAC;AAAA,IACN,CAAC;AACD,WAAO,MAAM;AACX,8BAAwB,OAAO;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,eAAe,CAAC;AAEpB,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,OAAO,OAAO,UAAU,EAAE,IAAI,iBAAe;AAC5C,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,YAAY;AAAA,QACjB;AAAA,QACA,aAAa,SAAO,aAAa,YAAY,YAAY,IAAI,GAAG;AAAA;AAAA,IAClE;AAAA,EAEJ,CAAC,CACH;AAEJ;",
+  "sourcesContent": ["import type { FC } from 'react';\nimport React, { useContext, useEffect } from 'react';\n\nimport { EditorContext, RicosContext } from './../../ricos-context/index.js';\nimport { useModalService, useModalState } from './../modal-service-provider.js';\nimport { logInvariant } from './../../_shared/log-invariant.js';\n\nimport { ModalPopper } from './modal-popper.js';\nimport { referenceHost } from './reference-host.js';\n\nexport const ModalRenderer: FC = () => {\n  const openModals = useModalState(s => s);\n  const modalService = useModalService();\n  const { getPublicCommands } = useContext(EditorContext);\n  const { lastInteraction } = useContext(RicosContext);\n\n  useEffect(() => {\n    const modalClosedSubscription = modalService.onModalClosed(modal => {\n      setTimeout(() => {\n        if (lastInteraction === 'mouse' && !modal.returnFocusToEditor) {\n          return;\n        }\n\n        const host = referenceHost(modal.focusReturnElement || modal.positioning?.referenceElement);\n        // Only HTML elements take focus back: an icon's <svg> isn't focusable, so the editor does.\n        const refElement =\n          host && host instanceof (host.ownerDocument.defaultView ?? window).HTMLElement\n            ? host\n            : undefined;\n\n        if (lastInteraction === 'keyboard' && refElement) {\n          try {\n            refElement.focus();\n            return;\n          } catch {\n            logInvariant(new Error('Failed to focus on modal return element'));\n          }\n        }\n\n        getPublicCommands().focus();\n      }, 0);\n    });\n    return () => {\n      modalClosedSubscription.cancel();\n    };\n  }, [lastInteraction]);\n\n  return (\n    <>\n      {Object.values(openModals).map(modalConfig => {\n        return (\n          <ModalPopper\n            key={modalConfig.id}\n            modalConfig={modalConfig}\n            setModalRef={ref => modalService.setModalRef(modalConfig.id, ref)}\n          />\n        );\n      })}\n    </>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA6C;AAE7C,2BAA4C;AAC5C,oCAA+C;AAC/C,2BAA6B;AAE7B,0BAA4B;AAC5B,4BAA8B;AAEvB,MAAM,gBAAoB,MAAM;AACrC,QAAM,iBAAa,6CAAc,OAAK,CAAC;AACvC,QAAM,mBAAe,+CAAgB;AACrC,QAAM,EAAE,kBAAkB,QAAI,yBAAW,kCAAa;AACtD,QAAM,EAAE,gBAAgB,QAAI,yBAAW,iCAAY;AAEnD,8BAAU,MAAM;AACd,UAAM,0BAA0B,aAAa,cAAc,WAAS;AAClE,iBAAW,MAAM;AACf,YAAI,oBAAoB,WAAW,CAAC,MAAM,qBAAqB;AAC7D;AAAA,QACF;AAEA,cAAM,WAAO,qCAAc,MAAM,sBAAsB,MAAM,aAAa,gBAAgB;AAE1F,cAAM,aACJ,QAAQ,iBAAiB,KAAK,cAAc,eAAe,QAAQ,cAC/D,OACA;AAEN,YAAI,oBAAoB,cAAc,YAAY;AAChD,cAAI;AACF,uBAAW,MAAM;AACjB;AAAA,UACF,QAAQ;AACN,mDAAa,IAAI,MAAM,yCAAyC,CAAC;AAAA,UACnE;AAAA,QACF;AAEA,0BAAkB,EAAE,MAAM;AAAA,MAC5B,GAAG,CAAC;AAAA,IACN,CAAC;AACD,WAAO,MAAM;AACX,8BAAwB,OAAO;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,eAAe,CAAC;AAEpB,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,OAAO,OAAO,UAAU,EAAE,IAAI,iBAAe;AAC5C,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,YAAY;AAAA,QACjB;AAAA,QACA,aAAa,SAAO,aAAa,YAAY,YAAY,IAAI,GAAG;AAAA;AAAA,IAClE;AAAA,EAEJ,CAAC,CACH;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/ricos-modals/utils/reference-host.js ADDED Viewed

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var reference_host_exports = {};
+__export(reference_host_exports, {
+  referenceHost: () => referenceHost
+});
+module.exports = __toCommonJS(reference_host_exports);
+const isElement = (value) => typeof value === "object" && value !== null && value.nodeType === Node.ELEMENT_NODE;
+const referenceHost = (reference) => {
+  if (isElement(reference)) {
+    return reference;
+  }
+  const contextElement = reference?.contextElement;
+  return isElement(contextElement) ? contextElement : void 0;
+};
+//# sourceMappingURL=reference-host.js.map

package/dist/cjs/ricos-modals/utils/reference-host.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ricos-modals/utils/reference-host.ts"],
+  "sourcesContent": ["const isElement = (value: unknown): value is Element =>\n  typeof value === 'object' && value !== null && (value as Node).nodeType === Node.ELEMENT_NODE;\n\n/**\n * The element a modal's reference stands for: the element itself, or the `contextElement` of\n * a floating-ui virtual reference that only overrides the geometry. Any `Element`: a click on\n * a header icon targets its `<svg>`. Checked by node type, so elements from another window\n * count too.\n */\nexport const referenceHost = (reference: unknown): Element | undefined => {\n  if (isElement(reference)) {\n    return reference;\n  }\n  const contextElement = (reference as { contextElement?: unknown } | undefined)?.contextElement;\n  return isElement(contextElement) ? contextElement : undefined;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,YAAY,CAAC,UACjB,OAAO,UAAU,YAAY,UAAU,QAAS,MAAe,aAAa,KAAK;AAQ5E,MAAM,gBAAgB,CAAC,cAA4C;AACxE,MAAI,UAAU,SAAS,GAAG;AACxB,WAAO;AAAA,EACT;AACA,QAAM,iBAAkB,WAAwD;AAChF,SAAO,UAAU,cAAc,IAAI,iBAAiB;AACtD;",
+  "names": []
+}

package/dist/cjs/ricos-schema/next-schema/version.js CHANGED Viewed

@@ -21,5 +21,5 @@ __export(version_exports, {
   RICOS_VERSION: () => RICOS_VERSION
 });
 module.exports = __toCommonJS(version_exports);
-const RICOS_VERSION = "11.20.3";
+const RICOS_VERSION = "11.20.5";
 //# sourceMappingURL=version.js.map

package/dist/cjs/ricos-schema/next-schema/version.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-schema/next-schema/version.ts"],
-  "sourcesContent": ["// Autogenerated during build time. Do not modify.\nexport const RICOS_VERSION = '11.20.3';\n"],
+  "sourcesContent": ["// Autogenerated during build time. Do not modify.\nexport const RICOS_VERSION = '11.20.5';\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,MAAM,gBAAgB;",
   "names": []
 }

package/dist/cjs/ricos-styles/statics/styles/style-presets-scss.js CHANGED Viewed

@@ -22,9 +22,9 @@ __export(style_presets_exports, {
 });
 module.exports = __toCommonJS(style_presets_exports);
 var style_presets_default = {
-  "liveSite": "RbH-h",
-  "mobile": "ulD5C",
-  "businessManager": "MNTU1",
-  "wixel": "qgaSJ"
+  "liveSite": "IGUkr",
+  "mobile": "_3fzFj",
+  "businessManager": "go-oZ",
+  "wixel": "_01HL0"
 };
 //# sourceMappingURL=style-presets-scss.js.map

package/dist/cjs/ricos-styles/statics/styles/style-presets-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-styles/statics/styles/style-presets.scss"],
-  "sourcesContent": ["export default {\n  \"liveSite\": \"RbH-h\",\n  \"mobile\": \"ulD5C\",\n  \"businessManager\": \"MNTU1\",\n  \"wixel\": \"qgaSJ\"\n};"],
+  "sourcesContent": ["export default {\n  \"liveSite\": \"IGUkr\",\n  \"mobile\": \"_3fzFj\",\n  \"businessManager\": \"go-oZ\",\n  \"wixel\": \"_01HL0\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/ricos-styles/styles.js CHANGED Viewed

@@ -28,6 +28,8 @@ var import_resolve_font_shorthand = require("./../_shared/resolve-font-shorthand
 var import_document_style = require("./document-style/document-style.js");
 var import_text_node_transformer = require("./text-node-transformer.js");
 var import_textual_theme = require("./textual-theme/textual-theme.js");
+var import_palette = require("./themeStrategy/generators/palette.js");
+var import_theme_utils = require("./themeStrategy/theme-utils.js");
 const TOPICS = [
   "ricos.styles.functionality.themeUpdate",
   "ricos.styles.functionality.documentStyleUpdate"
@@ -143,6 +145,17 @@ class RicosStyles {
   getTheme() {
     return this.theme;
   }
+  // Normalized like the theme CSS (legacy `palette` mapped, missing slots derived), with every
+  // literal color in hex so token opacity can be applied. CSS variable colors are left as is.
+  getThemeColorPalette() {
+    const palette = (0, import_palette.getThemeColorPalette)(this.theme.theme);
+    return Object.fromEntries(
+      Object.entries(palette).map(([field, color]) => [
+        field,
+        field !== "format" && color && (0, import_theme_utils.canTransformToHex)(color) ? (0, import_theme_utils.toHexFormat)(color) : color
+      ])
+    );
+  }
   setTheme(theme) {
     this.theme = new import_textual_theme.RicosTextualTheme(theme);
     this.publishers?.byTopic("ricos.styles.functionality.themeUpdate").publish(theme);

package/dist/cjs/ricos-styles/styles.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ricos-styles/styles.ts"],
-  "sourcesContent": ["import type { ReactElement } from 'react';\n\nimport { parseDocStyle } from './../ricos-content/lib/convert-doc-style-to-draft.js';\nimport type { Decoration, DocumentStyle as RichContentDocumentStyle } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Decoration_Type, FontSizeData_fontType, Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type {\n  EventSource,\n  PolicySubscriber,\n  PublisherProvider,\n  RichTextNode,\n  RicosTheme,\n  SubscriptorProvider,\n} from './../ricos-types/index.js';\nimport {\n  type PmCaptionNode,\n  type PmHeadingNode,\n  PmNodeType,\n  type PmParagraphNode,\n} from './../_shared/pm-node-types.js';\nimport { resolveFontShorthand } from './../_shared/resolve-font-shorthand.js';\n\nimport { RicosDocumentStyle } from './document-style/document-style.js';\nimport { getDocumentStyleKey } from './text-node-transformer.js';\nimport { RicosTextualTheme as TextualTheme } from './textual-theme/textual-theme.js';\n\ntype Topics = [\n  'ricos.styles.functionality.themeUpdate',\n  'ricos.styles.functionality.documentStyleUpdate',\n];\n\nconst TOPICS: Topics = [\n  'ricos.styles.functionality.themeUpdate',\n  'ricos.styles.functionality.documentStyleUpdate',\n];\n\nconst isFontWeight = (decoration: Decoration) =>\n  typeof decoration.fontWeightValue === 'number' && !isNaN(decoration.fontWeightValue);\n\nexport class RicosStyles implements PolicySubscriber<Topics>, EventSource<Topics> {\n  private theme: TextualTheme = new TextualTheme({});\n\n  private documentStyle: RicosDocumentStyle = new RicosDocumentStyle({});\n\n  id = 'ricos-styles';\n\n  topicsToPublish = TOPICS;\n\n  private editorElement: HTMLElement | null = null;\n\n  topicsToSubscribe = TOPICS;\n\n  publishers!: PublisherProvider<Topics>;\n\n  subscriptors!: SubscriptorProvider<Topics>;\n\n  setEditorElement = (e: HTMLElement) => {\n    this.editorElement = e;\n  };\n\n  toStyleTags(): ReactElement[] {\n    return [this.theme.toStyleTag(), this.documentStyle.toStyleTag()];\n  }\n\n  onThemeUpdate = (callback: (theme: RicosTheme) => void) =>\n    this.subscriptors\n      ?.byTopic('ricos.styles.functionality.themeUpdate')\n      .subscribe((_, data) => callback(data));\n\n  onDocumentStyleUpdate = (callback: (documentStyle: RichContentDocumentStyle) => void) =>\n    this.subscriptors\n      ?.byTopic('ricos.styles.functionality.documentStyleUpdate')\n      .subscribe((_, data) => callback(data));\n\n  getDecoration(\n    node: RichTextNode | undefined,\n    decorationType: Decoration_Type,\n    nodeDom?: HTMLElement\n  ): Decoration {\n    if (\n      !node ||\n      ![\n        Node_Type.PARAGRAPH,\n        Node_Type.HEADING,\n        Node_Type.BLOCKQUOTE,\n        Node_Type.CODE_BLOCK,\n        Node_Type.CAPTION,\n      ].includes(node?.type)\n    ) {\n      // Wrong node type\n      return {} as Decoration;\n    }\n    const element = nodeDom || this.editorElement;\n    const elementKey = propertyNameKeyFromNodeType(node);\n    // A font-mode element's own values only exist in its `font` shorthand; resolved from the Ricos\n    // root rather than a rendered block, which may be missing or stale (e.g. in a command chain).\n    const getShorthand = () => (element ? resolveFontShorthand(element, elementKey) : undefined);\n\n    if (element && decorationType === Decoration_Type.FONT_SIZE) {\n      const styles = window.getComputedStyle(element);\n      const parsedFontSizeVar = parseInt(\n        styles.getPropertyValue(`--ricos-custom-${elementKey}-font-size`),\n        10\n      );\n      const computedFontSize =\n        (!nodeDom && getShorthand()?.fontSize) || styles.getPropertyValue('font-size');\n      const fontSizeValue = !isNaN(parsedFontSizeVar)\n        ? parsedFontSizeVar\n        : parseInt(computedFontSize, 10);\n      return {\n        type: Decoration_Type.FONT_SIZE,\n        fontSizeData: {\n          unit: FontSizeData_fontType.PX,\n          value: fontSizeValue,\n        },\n      };\n    }\n\n    if (element && decorationType === Decoration_Type.FONT_FAMILY) {\n      const styles = window.getComputedStyle(element);\n      const fontFamily = styles.getPropertyValue(`--ricos-custom-${elementKey}-font-family`);\n      const computedFontFamily =\n        (!nodeDom && getShorthand()?.fontFamily) || styles.getPropertyValue('font-family');\n      return {\n        type: Decoration_Type.FONT_FAMILY,\n        fontFamilyData: {\n          value: fontFamily || computedFontFamily.split(',')[0],\n        },\n      };\n    }\n\n    const nodeType = getDocumentStyleKey(node);\n    const documentStyleDecoration = this.documentStyle.getDecoration(nodeType, decorationType);\n    const themeDecoration = this.theme.getDecoration(nodeType, decorationType);\n    const decoration = themeDecoration.overrideWith(documentStyleDecoration).getDecoration();\n\n    // Theme and document style values win; a `font` shorthand theme carries none of its own.\n    if (decorationType === Decoration_Type.BOLD && !isFontWeight(decoration)) {\n      const shorthand = getShorthand();\n      if (shorthand) {\n        return { type: Decoration_Type.BOLD, fontWeightValue: parseInt(shorthand.fontWeight, 10) };\n      }\n    }\n\n    if (decorationType === Decoration_Type.ITALIC && typeof decoration.italicData !== 'boolean') {\n      const shorthand = getShorthand();\n      if (shorthand) {\n        return {\n          type: Decoration_Type.ITALIC,\n          italicData: /^(italic|oblique)/.test(shorthand.fontStyle),\n        };\n      }\n    }\n\n    return decoration;\n  }\n\n  getComputedLineHeight(\n    node: PmParagraphNode | PmHeadingNode | PmCaptionNode,\n    nodeDom?: HTMLElement\n  ): string | undefined {\n    if (\n      ![\n        PmNodeType.PARAGRAPH,\n        PmNodeType.HEADING,\n        PmNodeType.BLOCKQUOTE,\n        PmNodeType.CODE_BLOCK,\n        PmNodeType.CAPTION,\n      ].includes(node.type)\n    ) {\n      return undefined;\n    }\n\n    const element = nodeDom || this.editorElement;\n\n    if (element) {\n      const styles = window.getComputedStyle(element);\n      const { lineHeight, fontSize } = styles;\n\n      return (parseFloat(lineHeight) / parseFloat(fontSize)).toFixed(1);\n    }\n  }\n\n  getTextStyle(node: RichTextNode) {\n    const nodeType = getDocumentStyleKey(node);\n    const documentStyleTextStyle = this.documentStyle.getTextStyle(nodeType);\n    const themeTextStyle = this.theme.getTextStyle(nodeType);\n    return themeTextStyle.overrideWith(documentStyleTextStyle.getTextStyle()).getTextStyle();\n  }\n\n  getNodeStyle(node: RichTextNode) {\n    const nodeType = getDocumentStyleKey(node);\n    const documentStyleNodeStyle = this.documentStyle.getNodeStyle(nodeType);\n    const themeTextStyle = this.theme.getNodeStyle(nodeType);\n    return themeTextStyle.overrideWith(documentStyleNodeStyle.getNodeStyle()).getNodeStyle();\n  }\n\n  getTheme() {\n    return this.theme;\n  }\n\n  setTheme(theme: RicosTheme) {\n    this.theme = new TextualTheme(theme);\n    this.publishers?.byTopic('ricos.styles.functionality.themeUpdate').publish(theme);\n    return this;\n  }\n\n  getDocumentStyle() {\n    return this.documentStyle;\n  }\n\n  setDocumentStyle(documentStyle: RichContentDocumentStyle) {\n    this.documentStyle = new RicosDocumentStyle(documentStyle);\n    this.publishers\n      ?.byTopic('ricos.styles.functionality.documentStyleUpdate')\n      .publish(documentStyle);\n    return this;\n  }\n\n  toDraftDocumentStyle() {\n    return parseDocStyle(this.documentStyle.toContent());\n  }\n}\n\nconst propertyNameKeyFromNodeType = (node: RichTextNode): string => {\n  switch (node.type) {\n    case Node_Type.HEADING:\n      return `h${node.headingData.level}`;\n    case Node_Type.BLOCKQUOTE:\n      return 'quote';\n    case Node_Type.CODE_BLOCK:\n      return 'code-block';\n    default:\n      return 'p';\n  }\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ReactElement } from 'react';\n\nimport { parseDocStyle } from './../ricos-content/lib/convert-doc-style-to-draft.js';\nimport type { Decoration, DocumentStyle as RichContentDocumentStyle } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Decoration_Type, FontSizeData_fontType, Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type {\n  EventSource,\n  PolicySubscriber,\n  PublisherProvider,\n  RichTextNode,\n  RicosPalette,\n  RicosTheme,\n  SubscriptorProvider,\n} from './../ricos-types/index.js';\nimport {\n  type PmCaptionNode,\n  type PmHeadingNode,\n  PmNodeType,\n  type PmParagraphNode,\n} from './../_shared/pm-node-types.js';\nimport { resolveFontShorthand } from './../_shared/resolve-font-shorthand.js';\n\nimport { RicosDocumentStyle } from './document-style/document-style.js';\nimport { getDocumentStyleKey } from './text-node-transformer.js';\nimport { RicosTextualTheme as TextualTheme } from './textual-theme/textual-theme.js';\nimport { getThemeColorPalette } from './themeStrategy/generators/palette.js';\nimport { canTransformToHex, toHexFormat } from './themeStrategy/theme-utils.js';\n\ntype Topics = [\n  'ricos.styles.functionality.themeUpdate',\n  'ricos.styles.functionality.documentStyleUpdate',\n];\n\nconst TOPICS: Topics = [\n  'ricos.styles.functionality.themeUpdate',\n  'ricos.styles.functionality.documentStyleUpdate',\n];\n\nconst isFontWeight = (decoration: Decoration) =>\n  typeof decoration.fontWeightValue === 'number' && !isNaN(decoration.fontWeightValue);\n\nexport class RicosStyles implements PolicySubscriber<Topics>, EventSource<Topics> {\n  private theme: TextualTheme = new TextualTheme({});\n\n  private documentStyle: RicosDocumentStyle = new RicosDocumentStyle({});\n\n  id = 'ricos-styles';\n\n  topicsToPublish = TOPICS;\n\n  private editorElement: HTMLElement | null = null;\n\n  topicsToSubscribe = TOPICS;\n\n  publishers!: PublisherProvider<Topics>;\n\n  subscriptors!: SubscriptorProvider<Topics>;\n\n  setEditorElement = (e: HTMLElement) => {\n    this.editorElement = e;\n  };\n\n  toStyleTags(): ReactElement[] {\n    return [this.theme.toStyleTag(), this.documentStyle.toStyleTag()];\n  }\n\n  onThemeUpdate = (callback: (theme: RicosTheme) => void) =>\n    this.subscriptors\n      ?.byTopic('ricos.styles.functionality.themeUpdate')\n      .subscribe((_, data) => callback(data));\n\n  onDocumentStyleUpdate = (callback: (documentStyle: RichContentDocumentStyle) => void) =>\n    this.subscriptors\n      ?.byTopic('ricos.styles.functionality.documentStyleUpdate')\n      .subscribe((_, data) => callback(data));\n\n  getDecoration(\n    node: RichTextNode | undefined,\n    decorationType: Decoration_Type,\n    nodeDom?: HTMLElement\n  ): Decoration {\n    if (\n      !node ||\n      ![\n        Node_Type.PARAGRAPH,\n        Node_Type.HEADING,\n        Node_Type.BLOCKQUOTE,\n        Node_Type.CODE_BLOCK,\n        Node_Type.CAPTION,\n      ].includes(node?.type)\n    ) {\n      // Wrong node type\n      return {} as Decoration;\n    }\n    const element = nodeDom || this.editorElement;\n    const elementKey = propertyNameKeyFromNodeType(node);\n    // A font-mode element's own values only exist in its `font` shorthand; resolved from the Ricos\n    // root rather than a rendered block, which may be missing or stale (e.g. in a command chain).\n    const getShorthand = () => (element ? resolveFontShorthand(element, elementKey) : undefined);\n\n    if (element && decorationType === Decoration_Type.FONT_SIZE) {\n      const styles = window.getComputedStyle(element);\n      const parsedFontSizeVar = parseInt(\n        styles.getPropertyValue(`--ricos-custom-${elementKey}-font-size`),\n        10\n      );\n      const computedFontSize =\n        (!nodeDom && getShorthand()?.fontSize) || styles.getPropertyValue('font-size');\n      const fontSizeValue = !isNaN(parsedFontSizeVar)\n        ? parsedFontSizeVar\n        : parseInt(computedFontSize, 10);\n      return {\n        type: Decoration_Type.FONT_SIZE,\n        fontSizeData: {\n          unit: FontSizeData_fontType.PX,\n          value: fontSizeValue,\n        },\n      };\n    }\n\n    if (element && decorationType === Decoration_Type.FONT_FAMILY) {\n      const styles = window.getComputedStyle(element);\n      const fontFamily = styles.getPropertyValue(`--ricos-custom-${elementKey}-font-family`);\n      const computedFontFamily =\n        (!nodeDom && getShorthand()?.fontFamily) || styles.getPropertyValue('font-family');\n      return {\n        type: Decoration_Type.FONT_FAMILY,\n        fontFamilyData: {\n          value: fontFamily || computedFontFamily.split(',')[0],\n        },\n      };\n    }\n\n    const nodeType = getDocumentStyleKey(node);\n    const documentStyleDecoration = this.documentStyle.getDecoration(nodeType, decorationType);\n    const themeDecoration = this.theme.getDecoration(nodeType, decorationType);\n    const decoration = themeDecoration.overrideWith(documentStyleDecoration).getDecoration();\n\n    // Theme and document style values win; a `font` shorthand theme carries none of its own.\n    if (decorationType === Decoration_Type.BOLD && !isFontWeight(decoration)) {\n      const shorthand = getShorthand();\n      if (shorthand) {\n        return { type: Decoration_Type.BOLD, fontWeightValue: parseInt(shorthand.fontWeight, 10) };\n      }\n    }\n\n    if (decorationType === Decoration_Type.ITALIC && typeof decoration.italicData !== 'boolean') {\n      const shorthand = getShorthand();\n      if (shorthand) {\n        return {\n          type: Decoration_Type.ITALIC,\n          italicData: /^(italic|oblique)/.test(shorthand.fontStyle),\n        };\n      }\n    }\n\n    return decoration;\n  }\n\n  getComputedLineHeight(\n    node: PmParagraphNode | PmHeadingNode | PmCaptionNode,\n    nodeDom?: HTMLElement\n  ): string | undefined {\n    if (\n      ![\n        PmNodeType.PARAGRAPH,\n        PmNodeType.HEADING,\n        PmNodeType.BLOCKQUOTE,\n        PmNodeType.CODE_BLOCK,\n        PmNodeType.CAPTION,\n      ].includes(node.type)\n    ) {\n      return undefined;\n    }\n\n    const element = nodeDom || this.editorElement;\n\n    if (element) {\n      const styles = window.getComputedStyle(element);\n      const { lineHeight, fontSize } = styles;\n\n      return (parseFloat(lineHeight) / parseFloat(fontSize)).toFixed(1);\n    }\n  }\n\n  getTextStyle(node: RichTextNode) {\n    const nodeType = getDocumentStyleKey(node);\n    const documentStyleTextStyle = this.documentStyle.getTextStyle(nodeType);\n    const themeTextStyle = this.theme.getTextStyle(nodeType);\n    return themeTextStyle.overrideWith(documentStyleTextStyle.getTextStyle()).getTextStyle();\n  }\n\n  getNodeStyle(node: RichTextNode) {\n    const nodeType = getDocumentStyleKey(node);\n    const documentStyleNodeStyle = this.documentStyle.getNodeStyle(nodeType);\n    const themeTextStyle = this.theme.getNodeStyle(nodeType);\n    return themeTextStyle.overrideWith(documentStyleNodeStyle.getNodeStyle()).getNodeStyle();\n  }\n\n  getTheme() {\n    return this.theme;\n  }\n\n  // Normalized like the theme CSS (legacy `palette` mapped, missing slots derived), with every\n  // literal color in hex so token opacity can be applied. CSS variable colors are left as is.\n  getThemeColorPalette(): RicosPalette {\n    const palette = getThemeColorPalette(this.theme.theme);\n    return Object.fromEntries(\n      Object.entries(palette).map(([field, color]) => [\n        field,\n        field !== 'format' && color && canTransformToHex(color) ? toHexFormat(color) : color,\n      ])\n    ) as RicosPalette;\n  }\n\n  setTheme(theme: RicosTheme) {\n    this.theme = new TextualTheme(theme);\n    this.publishers?.byTopic('ricos.styles.functionality.themeUpdate').publish(theme);\n    return this;\n  }\n\n  getDocumentStyle() {\n    return this.documentStyle;\n  }\n\n  setDocumentStyle(documentStyle: RichContentDocumentStyle) {\n    this.documentStyle = new RicosDocumentStyle(documentStyle);\n    this.publishers\n      ?.byTopic('ricos.styles.functionality.documentStyleUpdate')\n      .publish(documentStyle);\n    return this;\n  }\n\n  toDraftDocumentStyle() {\n    return parseDocStyle(this.documentStyle.toContent());\n  }\n}\n\nconst propertyNameKeyFromNodeType = (node: RichTextNode): string => {\n  switch (node.type) {\n    case Node_Type.HEADING:\n      return `h${node.headingData.level}`;\n    case Node_Type.BLOCKQUOTE:\n      return 'quote';\n    case Node_Type.CODE_BLOCK:\n      return 'code-block';\n    default:\n      return 'p';\n  }\n};\n"],
+  "mappings": "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",
   "names": ["TextualTheme"]
 }

package/dist/cjs/ricos-types/next/styles.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-types/next/styles.ts"],
-  "sourcesContent": ["import type { ReactElement } from 'react';\n\nimport type { PmHeadingNode, PmParagraphNode } from './../../_shared/pm-node-types.js';\n\nimport type {\n  Decoration,\n  Decoration_Type,\n  DocumentStyle,\n  NodeStyle,\n  TextStyle,\n} from '../../ricos-schema/next-schema/generated/ricos_document.js';\nimport type { Subscription } from '../events.js';\nimport type { RichTextNode } from './node-refined-types.js';\nimport type { RicosTheme } from './theme-types.js';\n\n/**\n * Aggregates Theme and DocumentStyle\n *\n * Responsibilities:\n * - ensures DocumentStyle precedence over Theme\n * - extracts summarized decorations per node type\n *\n * @export\n * @interface AmbientStyles\n */\nexport interface AmbientStyles {\n  onThemeUpdate(callback: (theme: RicosTheme) => void): Subscription;\n\n  onDocumentStyleUpdate(callback: (documentStyle: DocumentStyle) => void): Subscription;\n\n  getComputedLineHeight(\n    node: PmParagraphNode | PmHeadingNode,\n    nodeDom?: HTMLElement\n  ): string | undefined;\n  /**\n   * Extracts given decoration settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @param {Decoration_Type} decoration type\n   * @returns  {Decoration}\n   * @memberof AmbientStyles\n   */\n  getDecoration(type: RichTextNode, decoration: Decoration_Type): Decoration;\n  /**\n   * Extracts given text style (line height) settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @returns  {Omit<TextStyle, 'textAlignment'>}\n   * @memberof AmbientStyles\n   */\n  getTextStyle(type: RichTextNode): Omit<TextStyle, 'textAlignment'>;\n  /**\n   * Extracts given node style (margins) settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @returns  {NodeStyle}\n   * @memberof AmbientStyles\n   */\n  getNodeStyle(type: RichTextNode): NodeStyle;\n  /**\n   * Sets new theme\n   *\n   * @param {RicosTheme} theme\n   * @memberof AmbientStyles\n   */\n  setTheme(theme: RicosTheme, isMobile?: boolean): AmbientStyles;\n\n  /**\n   * Sets new Document Style\n   *\n   * @param {RichContentDocumentStyle} documentStyle\n   * @memberof AmbientStyles\n   */\n  setDocumentStyle(documentStyle: DocumentStyle): AmbientStyles;\n\n  /**\n   * Produces HTML style tags for DocumentStyle and Theme, guarantees correct precedence\n   * @deprecated\n   * @returns  {ReactElement[]} style tag elements\n   * @memberof AmbientStyles\n   */\n  toStyleTags(): ReactElement[];\n}\n"],
+  "sourcesContent": ["import type { ReactElement } from 'react';\n\nimport type { PmHeadingNode, PmParagraphNode } from './../../_shared/pm-node-types.js';\n\nimport type {\n  Decoration,\n  Decoration_Type,\n  DocumentStyle,\n  NodeStyle,\n  TextStyle,\n} from '../../ricos-schema/next-schema/generated/ricos_document.js';\nimport type { Subscription } from '../events.js';\nimport type { RichTextNode } from './node-refined-types.js';\nimport type { RicosPalette, RicosTheme } from './theme-types.js';\n\n/**\n * Aggregates Theme and DocumentStyle\n *\n * Responsibilities:\n * - ensures DocumentStyle precedence over Theme\n * - extracts summarized decorations per node type\n *\n * @export\n * @interface AmbientStyles\n */\nexport interface AmbientStyles {\n  onThemeUpdate(callback: (theme: RicosTheme) => void): Subscription;\n\n  /** The current theme's normalized palette, to resolve theme color tokens outside the editor. */\n  getThemeColorPalette(): RicosPalette;\n\n  onDocumentStyleUpdate(callback: (documentStyle: DocumentStyle) => void): Subscription;\n\n  getComputedLineHeight(\n    node: PmParagraphNode | PmHeadingNode,\n    nodeDom?: HTMLElement\n  ): string | undefined;\n  /**\n   * Extracts given decoration settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @param {Decoration_Type} decoration type\n   * @returns  {Decoration}\n   * @memberof AmbientStyles\n   */\n  getDecoration(type: RichTextNode, decoration: Decoration_Type): Decoration;\n  /**\n   * Extracts given text style (line height) settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @returns  {Omit<TextStyle, 'textAlignment'>}\n   * @memberof AmbientStyles\n   */\n  getTextStyle(type: RichTextNode): Omit<TextStyle, 'textAlignment'>;\n  /**\n   * Extracts given node style (margins) settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @returns  {NodeStyle}\n   * @memberof AmbientStyles\n   */\n  getNodeStyle(type: RichTextNode): NodeStyle;\n  /**\n   * Sets new theme\n   *\n   * @param {RicosTheme} theme\n   * @memberof AmbientStyles\n   */\n  setTheme(theme: RicosTheme, isMobile?: boolean): AmbientStyles;\n\n  /**\n   * Sets new Document Style\n   *\n   * @param {RichContentDocumentStyle} documentStyle\n   * @memberof AmbientStyles\n   */\n  setDocumentStyle(documentStyle: DocumentStyle): AmbientStyles;\n\n  /**\n   * Produces HTML style tags for DocumentStyle and Theme, guarantees correct precedence\n   * @deprecated\n   * @returns  {ReactElement[]} style tag elements\n   * @memberof AmbientStyles\n   */\n  toStyleTags(): ReactElement[];\n}\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/ricos-types/styles.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ricos-types/styles.ts"],
-  "sourcesContent": ["import type { ReactElement } from 'react';\n\nimport type {\n  Decoration,\n  Decoration_Type,\n  DocumentStyle,\n  NodeStyle,\n  TextStyle,\n} from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { PmHeadingNode, PmParagraphNode } from './../_shared/pm-node-types.js';\n\nimport type { Subscription } from './events.js';\nimport type { RichTextNode } from './node-refined-types.js';\nimport type { RicosTheme } from './theme-types.js';\n\n/**\n * Aggregates Theme and DocumentStyle\n *\n * Responsibilities:\n * - ensures DocumentStyle precedence over Theme\n * - extracts summarized decorations per node type\n *\n * @export\n * @interface AmbientStyles\n */\nexport interface AmbientStyles {\n  onThemeUpdate(callback: (theme: RicosTheme) => void): Subscription;\n\n  onDocumentStyleUpdate(callback: (documentStyle: DocumentStyle) => void): Subscription;\n\n  getComputedLineHeight(\n    node: PmParagraphNode | PmHeadingNode,\n    nodeDom?: HTMLElement\n  ): string | undefined;\n  /**\n   * Extracts given decoration settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @param {Decoration_Type} decoration type\n   * @returns  {Decoration}\n   * @memberof AmbientStyles\n   */\n  getDecoration(type: RichTextNode, decoration: Decoration_Type): Decoration;\n  /**\n   * Extracts given text style (line height) settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @returns  {Omit<TextStyle, 'textAlignment'>}\n   * @memberof AmbientStyles\n   */\n  getTextStyle(type: RichTextNode): Omit<TextStyle, 'textAlignment'>;\n  /**\n   * Extracts given node style (margins) settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @returns  {NodeStyle}\n   * @memberof AmbientStyles\n   */\n  getNodeStyle(type: RichTextNode): NodeStyle;\n  /**\n   * Sets new theme\n   *\n   * @param {RicosTheme} theme\n   * @memberof AmbientStyles\n   */\n  setTheme(theme: RicosTheme, isMobile?: boolean): AmbientStyles;\n\n  /**\n   * Sets new Document Style\n   *\n   * @param {RichContentDocumentStyle} documentStyle\n   * @memberof AmbientStyles\n   */\n  setDocumentStyle(documentStyle: DocumentStyle): AmbientStyles;\n\n  /**\n   * Produces HTML style tags for DocumentStyle and Theme, guarantees correct precedence\n   * @deprecated\n   * @returns  {ReactElement[]} style tag elements\n   * @memberof AmbientStyles\n   */\n  toStyleTags(): ReactElement[];\n}\n"],
+  "sourcesContent": ["import type { ReactElement } from 'react';\n\nimport type {\n  Decoration,\n  Decoration_Type,\n  DocumentStyle,\n  NodeStyle,\n  TextStyle,\n} from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { PmHeadingNode, PmParagraphNode } from './../_shared/pm-node-types.js';\n\nimport type { Subscription } from './events.js';\nimport type { RichTextNode } from './node-refined-types.js';\nimport type { RicosPalette, RicosTheme } from './theme-types.js';\n\n/**\n * Aggregates Theme and DocumentStyle\n *\n * Responsibilities:\n * - ensures DocumentStyle precedence over Theme\n * - extracts summarized decorations per node type\n *\n * @export\n * @interface AmbientStyles\n */\nexport interface AmbientStyles {\n  onThemeUpdate(callback: (theme: RicosTheme) => void): Subscription;\n\n  /** The current theme's normalized palette, to resolve theme color tokens outside the editor. */\n  getThemeColorPalette(): RicosPalette;\n\n  onDocumentStyleUpdate(callback: (documentStyle: DocumentStyle) => void): Subscription;\n\n  getComputedLineHeight(\n    node: PmParagraphNode | PmHeadingNode,\n    nodeDom?: HTMLElement\n  ): string | undefined;\n  /**\n   * Extracts given decoration settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @param {Decoration_Type} decoration type\n   * @returns  {Decoration}\n   * @memberof AmbientStyles\n   */\n  getDecoration(type: RichTextNode, decoration: Decoration_Type): Decoration;\n  /**\n   * Extracts given text style (line height) settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @returns  {Omit<TextStyle, 'textAlignment'>}\n   * @memberof AmbientStyles\n   */\n  getTextStyle(type: RichTextNode): Omit<TextStyle, 'textAlignment'>;\n  /**\n   * Extracts given node style (margins) settings for specific node type from the current Document Style and Theme conjunction\n   *\n   *\n   * @param {RichTextNode} type\n   * @returns  {NodeStyle}\n   * @memberof AmbientStyles\n   */\n  getNodeStyle(type: RichTextNode): NodeStyle;\n  /**\n   * Sets new theme\n   *\n   * @param {RicosTheme} theme\n   * @memberof AmbientStyles\n   */\n  setTheme(theme: RicosTheme, isMobile?: boolean): AmbientStyles;\n\n  /**\n   * Sets new Document Style\n   *\n   * @param {RichContentDocumentStyle} documentStyle\n   * @memberof AmbientStyles\n   */\n  setDocumentStyle(documentStyle: DocumentStyle): AmbientStyles;\n\n  /**\n   * Produces HTML style tags for DocumentStyle and Theme, guarantees correct precedence\n   * @deprecated\n   * @returns  {ReactElement[]} style tag elements\n   * @memberof AmbientStyles\n   */\n  toStyleTags(): ReactElement[];\n}\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/ricos-types/toolbar-types.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ricos-types/toolbar-types.ts"],
-  "sourcesContent": ["import type { ComponentType, ReactElement } from 'react';\n\nimport type { PmConverters } from './../pm-converters/collect.js';\nimport type { IEditorQuery } from './../ricos-content-query/index.js';\nimport type { ModalService } from './../ricos-modals/index.js';\nimport type { RicosStyles } from './../ricos-styles/styles.js';\nimport type { Editor } from './../tiptap/core/index.js';\nimport type { Node as TiptapNode } from './../tiptap/pm/model.js';\n\nimport type { TFunction } from './common-types.js';\nimport type { PublicCommands } from './editor-commands-type.js';\nimport type { TiptapEditor } from './editor.js';\nimport type { AmbientStyles } from './styles.js';\n\nexport type IToolbarItem = {\n  id: string;\n  type: 'toggle' | 'modal' | 'separator' | 'dropdown' | 'custom' | 'color';\n\n  presentation: Record<string, any>;\n\n  attributes: Record<string, any>;\n\n  commands: Record<string, (...args: any) => any>;\n};\n\nexport type Resolver<T = unknown> = (\n  content: TiptapNode[],\n  services: {\n    converters: PmConverters;\n    styles: RicosStyles;\n    getEditorQuery: () => IEditorQuery;\n    editor: null | Editor;\n    modals?: ModalService;\n  },\n  editor?: Editor\n) => T;\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type TiptapCommand = (args: {\n  attributes: any;\n  publicCommands: PublicCommands;\n  tiptapEditor: Editor;\n  editorQuery: IEditorQuery;\n}) => (args: $TSFixMe) => void;\n\nexport type ToolbarItemAttributes = Record<string, Resolver>;\n\nexport type IToolbarItemConfigTiptap = Modify<\n  IToolbarItem,\n  {\n    attributes: ToolbarItemAttributes;\n    commands: Record<string, TiptapCommand>;\n  }\n>;\n\nexport type PluginToolbarButtonConfig = Modify<\n  IToolbarItem,\n  {\n    attributes: ToolbarItemAttributes;\n\n    commands: Record<\n      string,\n      (args: {\n        [key: string]: any;\n        publicCommands: PublicCommands;\n        tiptapEditor: Editor;\n        attributes: $TSFixMe;\n        value?: $TSFixMe;\n      }) => void\n    >;\n  }\n>;\n\nexport type TextButton<P = unknown> =\n  | {\n      id: string;\n      type: 'separator';\n      presentation: { icon: ComponentType };\n      attributes: Record<string, string | Resolver>;\n    }\n  | {\n      id: string;\n      type: 'toggle';\n      presentation: Presentation & {\n        tooltipShortcut?: { MacOS: string; Windows: string };\n      };\n      attributes: Record<string, string | Resolver>;\n      command: TextButtonCommand<P>;\n    }\n  | {\n      id: string;\n      type: 'modal';\n      presentation: Presentation;\n      attributes: Record<string, string | Resolver>;\n      command: TextButtonCommand<P>;\n    }\n  | {\n      id: string;\n      type: 'dropdown';\n      presentation: Presentation & {\n        id: string;\n        Component: React.ComponentType<P>;\n        getComponentProps: (args: {\n          publicCommands: PublicCommands;\n          t: TFunction;\n          modals: ModalService;\n          styles: AmbientStyles;\n          editor: TiptapEditor;\n        }) => P;\n      };\n      command: TextButtonCommand<P>;\n      attributes: Record<string, string | Resolver>;\n    };\n\ntype PresentationBase = {\n  dataHook: string;\n  tooltip: string;\n  renderer?: (toolbarItem: IToolbarItem) => ReactElement;\n};\n\ntype Presentation =\n  | (PresentationBase & {\n      icon: ComponentType;\n    })\n  | (PresentationBase & {\n      getIcon: (params: { publicCommands: PublicCommands; t: TFunction }) => ComponentType;\n    });\n\nexport type TextButtonCommand<P> = (params: {\n  publicCommands: PublicCommands;\n  editor: TiptapEditor;\n  modalService: ModalService;\n  editorQuery: IEditorQuery;\n  referenceElement?: HTMLElement | null;\n  // Where keyboard focus returns when the button's modal closes. Only needed when the positioning\n  // reference element isn't focusable itself (e.g. a wrapper around an input).\n  focusReturnElement?: HTMLElement | null;\n  isMobile: boolean;\n  componentProps: P | undefined;\n}) => (args: Record<string, any>) => boolean;\n"],
+  "sourcesContent": ["import type { ComponentType, ReactElement } from 'react';\n\nimport type { PmConverters } from './../pm-converters/collect.js';\nimport type { IEditorQuery } from './../ricos-content-query/index.js';\nimport type { ModalService } from './../ricos-modals/index.js';\nimport type { RicosStyles } from './../ricos-styles/styles.js';\nimport type { Editor } from './../tiptap/core/index.js';\nimport type { Node as TiptapNode } from './../tiptap/pm/model.js';\n\nimport type { TFunction } from './common-types.js';\nimport type { PublicCommands } from './editor-commands-type.js';\nimport type { TiptapEditor } from './editor.js';\nimport type { AmbientStyles } from './styles.js';\n\nexport type IToolbarItem = {\n  id: string;\n  type: 'toggle' | 'modal' | 'separator' | 'dropdown' | 'custom' | 'color';\n\n  presentation: Record<string, any>;\n\n  attributes: Record<string, any>;\n\n  commands: Record<string, (...args: any) => any>;\n};\n\nexport type Resolver<T = unknown> = (\n  content: TiptapNode[],\n  services: {\n    converters: PmConverters;\n    styles: RicosStyles;\n    getEditorQuery: () => IEditorQuery;\n    editor: null | Editor;\n    modals?: ModalService;\n  },\n  editor?: Editor\n) => T;\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type TiptapCommand = (args: {\n  attributes: any;\n  publicCommands: PublicCommands;\n  tiptapEditor: Editor;\n  editorQuery: IEditorQuery;\n}) => (args: $TSFixMe) => void;\n\nexport type ToolbarItemAttributes = Record<string, Resolver>;\n\nexport type IToolbarItemConfigTiptap = Modify<\n  IToolbarItem,\n  {\n    attributes: ToolbarItemAttributes;\n    commands: Record<string, TiptapCommand>;\n  }\n>;\n\nexport type PluginToolbarButtonConfig = Modify<\n  IToolbarItem,\n  {\n    attributes: ToolbarItemAttributes;\n\n    commands: Record<\n      string,\n      (args: {\n        [key: string]: any;\n        publicCommands: PublicCommands;\n        tiptapEditor: Editor;\n        attributes: $TSFixMe;\n        value?: $TSFixMe;\n      }) => void\n    >;\n  }\n>;\n\nexport type TextButton<P = unknown> =\n  | {\n      id: string;\n      type: 'separator';\n      presentation: { icon: ComponentType };\n      attributes: Record<string, string | Resolver>;\n    }\n  | {\n      id: string;\n      type: 'toggle';\n      presentation: Presentation & {\n        tooltipShortcut?: { MacOS: string; Windows: string };\n      };\n      attributes: Record<string, string | Resolver>;\n      command: TextButtonCommand<P>;\n    }\n  | {\n      id: string;\n      type: 'modal';\n      presentation: Presentation;\n      attributes: Record<string, string | Resolver>;\n      command: TextButtonCommand<P>;\n    }\n  | {\n      id: string;\n      type: 'dropdown';\n      presentation: Presentation & {\n        id: string;\n        Component: React.ComponentType<P>;\n        getComponentProps: (args: {\n          publicCommands: PublicCommands;\n          t: TFunction;\n          modals: ModalService;\n          styles: AmbientStyles;\n          editor: TiptapEditor;\n        }) => P;\n      };\n      command: TextButtonCommand<P>;\n      attributes: Record<string, string | Resolver>;\n    };\n\ntype PresentationBase = {\n  dataHook: string;\n  tooltip: string;\n  renderer?: (toolbarItem: IToolbarItem) => ReactElement;\n};\n\ntype Presentation =\n  | (PresentationBase & {\n      icon: ComponentType;\n    })\n  | (PresentationBase & {\n      /**\n       * External toolbars draw the icon instead of `renderer`, outside the editor root, and\n       * pass `editor` and `resolveColor`: there a theme color token can't be a CSS variable,\n       * since the theme's variables are only defined inside the editor.\n       *\n       * Return the same component while what it draws is unchanged (`memoLast`): external\n       * toolbars compare icons by identity to decide whether to re-render.\n       */\n      getIcon: (params: {\n        publicCommands: PublicCommands;\n        t: TFunction;\n        editor?: TiptapEditor;\n        resolveColor?: (color: string | undefined) => string | undefined;\n      }) => ComponentType;\n    });\n\nexport type TextButtonCommand<P> = (params: {\n  publicCommands: PublicCommands;\n  editor: TiptapEditor;\n  modalService: ModalService;\n  editorQuery: IEditorQuery;\n  referenceElement?: HTMLElement | null;\n  // Where keyboard focus returns when the button's modal closes. Only needed when the positioning\n  // reference element isn't focusable itself (e.g. a wrapper around an input).\n  focusReturnElement?: HTMLElement | null;\n  isMobile: boolean;\n  componentProps: P | undefined;\n}) => (args: Record<string, any>) => boolean;\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/ricos-viewer-next/ContentViewer/rericos/renderers/blockquote/blockquote-scss.js CHANGED Viewed

@@ -22,8 +22,8 @@ __export(blockquote_exports, {
 });
 module.exports = __toCommonJS(blockquote_exports);
 var blockquote_default = {
-  "fontElementMap": "_6Hxnv",
-  "quoteContainer": "_2U-kw",
-  "quote": "EZ-oD"
+  "fontElementMap": "_88Wqm",
+  "quoteContainer": "_8cKzM",
+  "quote": "JaSGB"
 };
 //# sourceMappingURL=blockquote-scss.js.map

package/dist/cjs/ricos-viewer-next/ContentViewer/rericos/renderers/blockquote/blockquote-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/blockquote/blockquote.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_6Hxnv\",\n  \"quoteContainer\": \"_2U-kw\",\n  \"quote\": \"EZ-oD\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_88Wqm\",\n  \"quoteContainer\": \"_8cKzM\",\n  \"quote\": \"JaSGB\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/ricos-viewer-next/ContentViewer/rericos/renderers/codeblock/codeblock-scss.js CHANGED Viewed

@@ -22,8 +22,8 @@ __export(codeblock_exports, {
 });
 module.exports = __toCommonJS(codeblock_exports);
 var codeblock_default = {
-  "blockStyleSpacing": "CXSPI",
-  "codeBlock": "koU0y CXSPI",
-  "renderedInTable": "_1Gc4O"
+  "blockStyleSpacing": "mZzF2",
+  "codeBlock": "e36Yd mZzF2",
+  "renderedInTable": "QCbIL"
 };
 //# sourceMappingURL=codeblock-scss.js.map

package/dist/cjs/ricos-viewer-next/ContentViewer/rericos/renderers/codeblock/codeblock-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/codeblock/codeblock.scss"],
-  "sourcesContent": ["export default {\n  \"blockStyleSpacing\": \"CXSPI\",\n  \"codeBlock\": \"koU0y CXSPI\",\n  \"renderedInTable\": \"_1Gc4O\"\n};"],
+  "sourcesContent": ["export default {\n  \"blockStyleSpacing\": \"mZzF2\",\n  \"codeBlock\": \"e36Yd mZzF2\",\n  \"renderedInTable\": \"QCbIL\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,oBAAQ;AAAA,EACb,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB;AACrB;",
   "names": []
 }

package/dist/cjs/ricos-viewer-next/ContentViewer/rericos/renderers/heading/heading-scss.js CHANGED Viewed

@@ -22,14 +22,14 @@ __export(heading_exports, {
 });
 module.exports = __toCommonJS(heading_exports);
 var heading_default = {
-  "fontElementMap": "h4eJ4",
-  "elementSpacing": "eXSCW",
-  "headerOne": "xGKMG eXSCW",
-  "headerTwo": "P97pW eXSCW",
-  "headerThree": "NbQc1 eXSCW",
-  "headerFour": "_8cBb6 eXSCW",
-  "headerFive": "r5bTH eXSCW",
-  "headerSix": "X7KzG eXSCW",
-  "child": "JWOaD"
+  "fontElementMap": "CDadn",
+  "elementSpacing": "QTRu3",
+  "headerOne": "j-6WO QTRu3",
+  "headerTwo": "-d3em QTRu3",
+  "headerThree": "lwu2i QTRu3",
+  "headerFour": "sofPP QTRu3",
+  "headerFive": "qR99E QTRu3",
+  "headerSix": "f0yg8 QTRu3",
+  "child": "OQrn5"
 };
 //# sourceMappingURL=heading-scss.js.map

package/dist/cjs/ricos-viewer-next/ContentViewer/rericos/renderers/heading/heading-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/heading/heading.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"h4eJ4\",\n  \"elementSpacing\": \"eXSCW\",\n  \"headerOne\": \"xGKMG eXSCW\",\n  \"headerTwo\": \"P97pW eXSCW\",\n  \"headerThree\": \"NbQc1 eXSCW\",\n  \"headerFour\": \"_8cBb6 eXSCW\",\n  \"headerFive\": \"r5bTH eXSCW\",\n  \"headerSix\": \"X7KzG eXSCW\",\n  \"child\": \"JWOaD\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"CDadn\",\n  \"elementSpacing\": \"QTRu3\",\n  \"headerOne\": \"j-6WO QTRu3\",\n  \"headerTwo\": \"-d3em QTRu3\",\n  \"headerThree\": \"lwu2i QTRu3\",\n  \"headerFour\": \"sofPP QTRu3\",\n  \"headerFive\": \"qR99E QTRu3\",\n  \"headerSix\": \"f0yg8 QTRu3\",\n  \"child\": \"OQrn5\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/ricos-viewer-next/ContentViewer/rericos/renderers/layout/layout-scss.js CHANGED Viewed

@@ -22,15 +22,15 @@ __export(layout_exports, {
 });
 module.exports = __toCommonJS(layout_exports);
 var layout_default = {
-  "sectionDividerClip": "hKfcL",
-  "sectionDivider": "_6GYLg",
-  "sectionDividerTop": "WDadt",
-  "sectionDividerBottom": "oX-cl",
-  "layoutWrapper": "wzoA9",
-  "layout": "vMI3P",
-  "designOnLayout": "_7LNsa",
-  "designOnCell": "N-bfF",
-  "cell": "plQhN",
-  "mobile": "TD4UH"
+  "sectionDividerClip": "Ctmnf",
+  "sectionDivider": "GQej4",
+  "sectionDividerTop": "A4R-C",
+  "sectionDividerBottom": "MSu7P",
+  "layoutWrapper": "M9IqF",
+  "layout": "f-cAa",
+  "designOnLayout": "_7x8la",
+  "designOnCell": "xmz5-",
+  "cell": "FUDyb",
+  "mobile": "AzqtI"
 };
 //# sourceMappingURL=layout-scss.js.map

package/dist/cjs/ricos-viewer-next/ContentViewer/rericos/renderers/layout/layout-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ricos-viewer-next/ContentViewer/rericos/renderers/layout/layout.scss"],
-  "sourcesContent": ["export default {\n  \"sectionDividerClip\": \"hKfcL\",\n  \"sectionDivider\": \"_6GYLg\",\n  \"sectionDividerTop\": \"WDadt\",\n  \"sectionDividerBottom\": \"oX-cl\",\n  \"layoutWrapper\": \"wzoA9\",\n  \"layout\": \"vMI3P\",\n  \"designOnLayout\": \"_7LNsa\",\n  \"designOnCell\": \"N-bfF\",\n  \"cell\": \"plQhN\",\n  \"mobile\": \"TD4UH\"\n};"],
+  "sourcesContent": ["export default {\n  \"sectionDividerClip\": \"Ctmnf\",\n  \"sectionDivider\": \"GQej4\",\n  \"sectionDividerTop\": \"A4R-C\",\n  \"sectionDividerBottom\": \"MSu7P\",\n  \"layoutWrapper\": \"M9IqF\",\n  \"layout\": \"f-cAa\",\n  \"designOnLayout\": \"_7x8la\",\n  \"designOnCell\": \"xmz5-\",\n  \"cell\": \"FUDyb\",\n  \"mobile\": \"AzqtI\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,UAAU;AACZ;",
   "names": []
 }