@multiplatform.one/rich-text 7.15.0 → 7.16.0

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 (159) hide show
  1. package/dist/cjs/RichTextEditor/index.native.js.map +1 -1
  2. package/dist/cjs/constants.native.js.map +1 -1
  3. package/dist/cjs/context.native.js.map +1 -1
  4. package/dist/cjs/editor/BlockDragHandle.native.js.map +1 -1
  5. package/dist/cjs/editor/MarkdownPaste.native.js.map +1 -1
  6. package/dist/cjs/editor/SlashCommands.native.js.map +1 -1
  7. package/dist/cjs/editor/TiptapEditor.native.js.map +1 -1
  8. package/dist/cjs/editor/blockAnchor.native.js.map +1 -1
  9. package/dist/cjs/editor/capabilities.native.js.map +1 -1
  10. package/dist/cjs/editor/codeBlockPreview.native.js.map +1 -1
  11. package/dist/cjs/editor/editorStyles.native.js.map +1 -1
  12. package/dist/cjs/editor/emoji.native.js.map +1 -1
  13. package/dist/cjs/editor/extensions.native.js.map +1 -1
  14. package/dist/cjs/editor/index.native.js.map +1 -1
  15. package/dist/cjs/editor/lazyKatex.native.js.map +1 -1
  16. package/dist/cjs/editor/markdown.native.js.map +1 -1
  17. package/dist/cjs/editor/mathematics.native.js.map +1 -1
  18. package/dist/cjs/editor/media.native.js.map +1 -1
  19. package/dist/cjs/editor/mentions.native.js.map +1 -1
  20. package/dist/cjs/editor/nativeEditorCSS.native.js.map +1 -1
  21. package/dist/cjs/editor/pasteCleanup.native.js.map +1 -1
  22. package/dist/cjs/editor/suggestionPopup.native.js.map +1 -1
  23. package/dist/cjs/editor/types.native.js.map +1 -1
  24. package/dist/cjs/editor/useEditorState.native.js.map +1 -1
  25. package/dist/cjs/index.native.js +1 -1
  26. package/dist/cjs/index.native.js.map +1 -1
  27. package/dist/cjs/preview.native.js.map +1 -1
  28. package/dist/cjs/shared/t.native.js.map +1 -1
  29. package/dist/cjs/shared/url.native.js.map +1 -1
  30. package/dist/cjs/styled.native.js.map +1 -1
  31. package/dist/cjs/toolbar/BubbleToolbar.native.js.map +1 -1
  32. package/dist/cjs/toolbar/CodeBlockBubble.native.js.map +1 -1
  33. package/dist/cjs/toolbar/HeadingPicker.native.js.map +1 -1
  34. package/dist/cjs/toolbar/ImageBubble.native.js.map +1 -1
  35. package/dist/cjs/toolbar/LinkBubble.native.js.map +1 -1
  36. package/dist/cjs/toolbar/LinkDialog.cjs +1 -1
  37. package/dist/cjs/toolbar/LinkDialog.native.js +1 -1
  38. package/dist/cjs/toolbar/LinkDialog.native.js.map +1 -1
  39. package/dist/cjs/toolbar/ListPicker.native.js.map +1 -1
  40. package/dist/cjs/toolbar/MathBubble.native.js.map +1 -1
  41. package/dist/cjs/toolbar/MoreDropdown.native.js.map +1 -1
  42. package/dist/cjs/toolbar/ResizeHandle.native.js.map +1 -1
  43. package/dist/cjs/toolbar/StatusBar.native.js.map +1 -1
  44. package/dist/cjs/toolbar/TableBubble.native.js.map +1 -1
  45. package/dist/cjs/toolbar/ToolbarButton.cjs +11 -3
  46. package/dist/cjs/toolbar/ToolbarGroup.native.js.map +1 -1
  47. package/dist/cjs/toolbar/shortcuts.native.js.map +1 -1
  48. package/dist/cjs/toolbar/useHorizontalScroll.native.js.map +1 -1
  49. package/dist/cjs/toolbar/useRovingFocus.native.js.map +1 -1
  50. package/dist/cjs/types.native.js.map +1 -1
  51. package/dist/esm/RichTextEditor/index.native.js.map +1 -1
  52. package/dist/esm/constants.native.js.map +1 -1
  53. package/dist/esm/context.native.js.map +1 -1
  54. package/dist/esm/editor/BlockDragHandle.native.js.map +1 -1
  55. package/dist/esm/editor/MarkdownPaste.native.js.map +1 -1
  56. package/dist/esm/editor/SlashCommands.native.js.map +1 -1
  57. package/dist/esm/editor/TiptapEditor.native.js.map +1 -1
  58. package/dist/esm/editor/blockAnchor.native.js.map +1 -1
  59. package/dist/esm/editor/capabilities.native.js.map +1 -1
  60. package/dist/esm/editor/codeBlockPreview.native.js.map +1 -1
  61. package/dist/esm/editor/editorStyles.native.js.map +1 -1
  62. package/dist/esm/editor/emoji.native.js.map +1 -1
  63. package/dist/esm/editor/extensions.native.js.map +1 -1
  64. package/dist/esm/editor/index.native.js.map +1 -1
  65. package/dist/esm/editor/lazyKatex.native.js.map +1 -1
  66. package/dist/esm/editor/markdown.native.js.map +1 -1
  67. package/dist/esm/editor/mathematics.native.js.map +1 -1
  68. package/dist/esm/editor/media.native.js.map +1 -1
  69. package/dist/esm/editor/mentions.native.js.map +1 -1
  70. package/dist/esm/editor/nativeEditorCSS.native.js.map +1 -1
  71. package/dist/esm/editor/pasteCleanup.native.js.map +1 -1
  72. package/dist/esm/editor/suggestionPopup.native.js.map +1 -1
  73. package/dist/esm/editor/types.native.js.map +1 -1
  74. package/dist/esm/editor/useEditorState.native.js.map +1 -1
  75. package/dist/esm/index.native.js.map +1 -1
  76. package/dist/esm/preview.native.js.map +1 -1
  77. package/dist/esm/shared/t.native.js.map +1 -1
  78. package/dist/esm/shared/url.native.js.map +1 -1
  79. package/dist/esm/styled.native.js.map +1 -1
  80. package/dist/esm/toolbar/BubbleToolbar.native.js.map +1 -1
  81. package/dist/esm/toolbar/CodeBlockBubble.native.js.map +1 -1
  82. package/dist/esm/toolbar/HeadingPicker.native.js.map +1 -1
  83. package/dist/esm/toolbar/ImageBubble.native.js.map +1 -1
  84. package/dist/esm/toolbar/LinkBubble.native.js.map +1 -1
  85. package/dist/esm/toolbar/LinkDialog.mjs +1 -1
  86. package/dist/esm/toolbar/LinkDialog.mjs.map +1 -1
  87. package/dist/esm/toolbar/LinkDialog.native.js +1 -1
  88. package/dist/esm/toolbar/LinkDialog.native.js.map +1 -1
  89. package/dist/esm/toolbar/ListPicker.native.js.map +1 -1
  90. package/dist/esm/toolbar/MathBubble.native.js.map +1 -1
  91. package/dist/esm/toolbar/MoreDropdown.native.js.map +1 -1
  92. package/dist/esm/toolbar/ResizeHandle.native.js.map +1 -1
  93. package/dist/esm/toolbar/StatusBar.native.js.map +1 -1
  94. package/dist/esm/toolbar/TableBubble.native.js.map +1 -1
  95. package/dist/esm/toolbar/ToolbarButton.mjs +11 -3
  96. package/dist/esm/toolbar/ToolbarButton.mjs.map +1 -1
  97. package/dist/esm/toolbar/ToolbarGroup.native.js.map +1 -1
  98. package/dist/esm/toolbar/shortcuts.native.js.map +1 -1
  99. package/dist/esm/toolbar/useHorizontalScroll.native.js.map +1 -1
  100. package/dist/esm/toolbar/useRovingFocus.native.js.map +1 -1
  101. package/dist/esm/types.native.js.map +1 -1
  102. package/dist/jsx/RichTextEditor/index.native.js.map +1 -1
  103. package/dist/jsx/constants.native.js.map +1 -1
  104. package/dist/jsx/context.native.js.map +1 -1
  105. package/dist/jsx/editor/BlockDragHandle.native.js.map +1 -1
  106. package/dist/jsx/editor/MarkdownPaste.native.js.map +1 -1
  107. package/dist/jsx/editor/SlashCommands.native.js.map +1 -1
  108. package/dist/jsx/editor/TiptapEditor.native.js.map +1 -1
  109. package/dist/jsx/editor/blockAnchor.native.js.map +1 -1
  110. package/dist/jsx/editor/capabilities.native.js.map +1 -1
  111. package/dist/jsx/editor/codeBlockPreview.native.js.map +1 -1
  112. package/dist/jsx/editor/editorStyles.native.js.map +1 -1
  113. package/dist/jsx/editor/emoji.native.js.map +1 -1
  114. package/dist/jsx/editor/extensions.native.js.map +1 -1
  115. package/dist/jsx/editor/index.native.js.map +1 -1
  116. package/dist/jsx/editor/lazyKatex.native.js.map +1 -1
  117. package/dist/jsx/editor/markdown.native.js.map +1 -1
  118. package/dist/jsx/editor/mathematics.native.js.map +1 -1
  119. package/dist/jsx/editor/media.native.js.map +1 -1
  120. package/dist/jsx/editor/mentions.native.js.map +1 -1
  121. package/dist/jsx/editor/nativeEditorCSS.native.js.map +1 -1
  122. package/dist/jsx/editor/pasteCleanup.native.js.map +1 -1
  123. package/dist/jsx/editor/suggestionPopup.native.js.map +1 -1
  124. package/dist/jsx/editor/types.native.js.map +1 -1
  125. package/dist/jsx/editor/useEditorState.native.js.map +1 -1
  126. package/dist/jsx/index.native.js +1 -1
  127. package/dist/jsx/preview.native.js.map +1 -1
  128. package/dist/jsx/shared/t.native.js.map +1 -1
  129. package/dist/jsx/shared/url.native.js.map +1 -1
  130. package/dist/jsx/styled.native.js.map +1 -1
  131. package/dist/jsx/toolbar/BubbleToolbar.native.js.map +1 -1
  132. package/dist/jsx/toolbar/CodeBlockBubble.native.js.map +1 -1
  133. package/dist/jsx/toolbar/HeadingPicker.native.js.map +1 -1
  134. package/dist/jsx/toolbar/ImageBubble.native.js.map +1 -1
  135. package/dist/jsx/toolbar/LinkBubble.native.js.map +1 -1
  136. package/dist/jsx/toolbar/LinkDialog.mjs +1 -1
  137. package/dist/jsx/toolbar/LinkDialog.mjs.map +1 -1
  138. package/dist/jsx/toolbar/LinkDialog.native.js +1 -1
  139. package/dist/jsx/toolbar/LinkDialog.native.js.map +1 -1
  140. package/dist/jsx/toolbar/ListPicker.native.js.map +1 -1
  141. package/dist/jsx/toolbar/MathBubble.native.js.map +1 -1
  142. package/dist/jsx/toolbar/MoreDropdown.native.js.map +1 -1
  143. package/dist/jsx/toolbar/ResizeHandle.native.js.map +1 -1
  144. package/dist/jsx/toolbar/StatusBar.native.js.map +1 -1
  145. package/dist/jsx/toolbar/TableBubble.native.js.map +1 -1
  146. package/dist/jsx/toolbar/ToolbarButton.mjs +11 -3
  147. package/dist/jsx/toolbar/ToolbarButton.mjs.map +1 -1
  148. package/dist/jsx/toolbar/ToolbarGroup.native.js.map +1 -1
  149. package/dist/jsx/toolbar/shortcuts.native.js.map +1 -1
  150. package/dist/jsx/toolbar/useHorizontalScroll.native.js.map +1 -1
  151. package/dist/jsx/toolbar/useRovingFocus.native.js.map +1 -1
  152. package/dist/jsx/types.native.js.map +1 -1
  153. package/package.json +8 -8
  154. package/src/toolbar/LinkDialog.native.tsx +1 -6
  155. package/src/toolbar/LinkDialog.tsx +1 -1
  156. package/src/toolbar/ToolbarButton.tsx +16 -5
  157. package/src/toolbar/toolbarButtonRadius.spec.tsx +59 -0
  158. package/types/toolbar/LinkDialog.native.d.ts.map +1 -1
  159. package/types/toolbar/ToolbarButton.d.ts.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useRovingFocus_exports","useRovingFocus","module","exports","import_react","require","FOCUSABLE","join","containerRef","useEffect","container","current","controls","controls2","Array","querySelectorAll","setTabStops","setTabStops2","active","_list_find","list","length","includes","find","b","tabIndex","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","control","err","return","handleKeyDown","handleKeyDown2","event","_container_closest","document","activeElement","index","indexOf","isRtl","closest","dir","forward","preventDefault","focus","scrollIntoView","block","inline","handleFocusIn","handleFocusIn2","_target_matches","matches","observer","MutationObserver","observe","childList","subtree","attributes","attributeFilter","addEventListener","disconnect","removeEventListener"],"sources":["useRovingFocus.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useRovingFocus_exports = {};\n__export(useRovingFocus_exports, {\n useRovingFocus: () => useRovingFocus\n});\nmodule.exports = __toCommonJS(useRovingFocus_exports);\nvar import_react = require(\"react\");\nvar FOCUSABLE = [\n 'button:not([disabled]):not([aria-disabled=\"true\"])',\n '[role=\"button\"]:not([disabled]):not([aria-disabled=\"true\"])'\n].join(\", \");\nfunction useRovingFocus(containerRef) {\n (0, import_react.useEffect)(function() {\n var container = containerRef.current;\n if (!container) return void 0;\n var controls = function controls2() {\n return Array.from(container.querySelectorAll(FOCUSABLE));\n };\n var setTabStops = function setTabStops2(active) {\n var _list_find;\n var list = controls();\n if (list.length === 0) return;\n var current = active && list.includes(active) ? active : (_list_find = list.find(function(b) {\n return b.tabIndex === 0;\n })) !== null && _list_find !== void 0 ? _list_find : list[0];\n var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n try {\n for (var _iterator = list[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var control = _step.value;\n control.tabIndex = control === current ? 0 : -1;\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return != null) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n };\n setTabStops();\n var handleKeyDown = function handleKeyDown2(event) {\n var _container_closest;\n if (![\n \"ArrowLeft\",\n \"ArrowRight\",\n \"Home\",\n \"End\"\n ].includes(event.key)) return;\n var list = controls();\n if (list.length === 0) return;\n var current = document.activeElement;\n var index = current ? list.indexOf(current) : -1;\n if (index === -1) return;\n var isRtl = ((_container_closest = container.closest(\"[dir]\")) === null || _container_closest === void 0 ? void 0 : _container_closest.dir) === \"rtl\" || document.dir === \"rtl\";\n var forward = isRtl ? -1 : 1;\n if (event.key === \"ArrowRight\") index = (index + forward + list.length) % list.length;\n else if (event.key === \"ArrowLeft\") index = (index - forward + list.length) % list.length;\n else if (event.key === \"Home\") index = 0;\n else index = list.length - 1;\n event.preventDefault();\n var next = list[index];\n setTabStops(next);\n next.focus();\n next.scrollIntoView({\n block: \"nearest\",\n inline: \"nearest\"\n });\n };\n var handleFocusIn = function handleFocusIn2(event) {\n var _target_matches;\n var target = event.target;\n if ((_target_matches = target.matches) === null || _target_matches === void 0 ? void 0 : _target_matches.call(target, FOCUSABLE)) setTabStops(target);\n };\n var observer = new MutationObserver(function() {\n return setTabStops();\n });\n observer.observe(container, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: [\n \"disabled\",\n \"aria-disabled\"\n ]\n });\n container.addEventListener(\"keydown\", handleKeyDown);\n container.addEventListener(\"focusin\", handleFocusIn);\n return function() {\n observer.disconnect();\n container.removeEventListener(\"keydown\", handleKeyDown);\n container.removeEventListener(\"focusin\", handleFocusIn);\n };\n }, [\n containerRef\n ]);\n}\n//# sourceMappingURL=useRovingFocus.js.map\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useRovingFocus_exports","useRovingFocus","module","exports","import_react","require","FOCUSABLE","join","containerRef","useEffect","container","current","controls","controls2","Array","querySelectorAll","setTabStops","setTabStops2","active","_list_find","list","length","includes","find","b","tabIndex","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","control","err","return"],"sources":["../../../src/toolbar/useRovingFocus.ts"],"sourcesContent":[null],"mappings":"AAQA,YAAS;;AAKT,IAAAA,SAAM,GAAAC,MAAY,CAAAC,cAAA;AAAA,IAChBC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AACF,IAAEC,YAAS,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAEJ,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAeC,GAAA;EAC7B,SAAAC,IAAU,IAAMD,GAAA,EACdZ,SAAM,CAAAW,MAAA,EAAYE,IAAA;IAAAC,GAAA,EAAaF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAC/B;AAEA,IAAAC,WAAM,GAAAA,CAAAC,EAAW,EAAAC,IAAM,EAAAC,MAAM,EAAAC,IAAK;EAElC,IAAAF,IAAM,WAAAA,IAAe,aAAyB,WAAAA,IAAA;IAC5C,SAAMG,GAAA,IAAOhB,iBAAS,CAAAa,IAAA,GACtB,IAAI,CAAAX,YAAK,CAAAe,IAAc,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACvBnB,SAAM,CAAAiB,EAAA,EACJI,GAAA;MAAAP,GAAU,EAAAA,CAAA,KAAKI,IAAA,CAAAG,GAAS;MAAAN,UAAU,IAAUK,IAAA,GAAKjB,gBAAc,CAAAe,IAAA,EAAAG,GAAc,MAAKD,IAAK,CAACL;IAAA;EAC1F;EAAyE,OAC3EE,EAAA;AAEA;AAEA,IAAAM,YAAM,GAAAC,GAAA,IAAiBR,WAAyB,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAC9C,IAAAE,sBAAmB;AACnBhB,QAAA,CAAAgB,sBAAsB;EACtBC,cAAS,EAAAA,CAAA,KAAAA;AACT;AACAC,MAAA,CAAAC,OAAI,GAAAN,YAAkB,CAAAG,sBAAwB;AAC9C,IAAAI,YAAI,GAAAC,OAAc;AAElB,IAAAC,SAAM,IAEN,oDAA6B,EAE7B,6DAAiD,CAA8B,CAAAC,IAAA;AACI,SAAAN,cACpEA,CAAAO,YAAgB;EAAQ,IAAAJ,YAClC,CAAQK,SAAK,cAAS;IAE3B,IAAAC,SAAM,GAAAF,YAAe,CAAAG,OAAA;IACrB,KAAAD,SAAM,EAAO,OAAK,KAAK;IACvB,IAAAE,QAAA,GAAY,SAAIC,UAAA;MAChB,OAAKC,KAAM,CAAAtB,IAAA,CAAAkB,SAAA,CAAAK,gBAAA,CAAAT,SAAA;IACX;IACF,IAAAU,WAAA,YAAAC,aAAAC,MAAA;MAEA,IAAMC,UAAA;MACJ,IAAAC,IAAM,GAAAR,QAAS,EAAM;MACrB,IAAIQ,IAAA,CAAAC,MAAO,MAAU;MACvB,IAAAV,OAAA,GAAAO,MAAA,IAAAE,IAAA,CAAAE,QAAA,CAAAJ,MAAA,IAAAA,MAAA,IAAAC,UAAA,GAAAC,IAAA,CAAAG,IAAA,WAAAC,CAAA;QAGA,OAAMA,CAAA,CAAAC,QAAe;MACrB,QAAS,QAAQN,UAAW,cAAAA,UAAA,GAAAC,IAAA;MAC1B,IAAAM,yBAAW;QAAAC,iBAAA;QAAAC,cAAA;MACX;QACA,SAAAC,SAAY,GAAAT,IAAA,CAAAU,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;UACZ,IAAAS,OAAA,GAAkBH,KAAA,CAAAjC,KAAA;UACnBoC,OAAA,CAAAV,QAAA,GAAAU,OAAA,KAAAxB,OAAA;QAED;MACA,SAAUyB,GAAA;QACVT,iBAAa;QACXC,cAAS,GAAAQ,GAAW;MACpB,UAAU;QACV;UACF,KAAAV,yBAAA,IAAAG,SAAA,CAAAQ,MAAA;YACER,SAAa,CAAAQ,MAAA;UACnB","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","types_exports","defaultEditorState","module","exports","isBold","isItalic","isUnderline","isStrike","isCode","isSubscript","isSuperscript","isHeading1","isHeading2","isHeading3","isHeading4","isHeading5","isHeading6","isParagraph","isBulletList","isOrderedList","isTaskList","isBlockquote","isCodeBlock","isLink","canUndo","canRedo","textAlign","textColor","highlightColor","wordCount","characterCount"],"sources":["types.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar types_exports = {};\n__export(types_exports, {\n defaultEditorState: () => defaultEditorState\n});\nmodule.exports = __toCommonJS(types_exports);\nvar defaultEditorState = {\n isBold: false,\n isItalic: false,\n isUnderline: false,\n isStrike: false,\n isCode: false,\n isSubscript: false,\n isSuperscript: false,\n isHeading1: false,\n isHeading2: false,\n isHeading3: false,\n isHeading4: false,\n isHeading5: false,\n isHeading6: false,\n isParagraph: true,\n isBulletList: false,\n isOrderedList: false,\n isTaskList: false,\n isBlockquote: false,\n isCodeBlock: false,\n isLink: false,\n canUndo: false,\n canRedo: false,\n textAlign: \"left\",\n textColor: null,\n highlightColor: null,\n wordCount: 0,\n characterCount: 0\n};\n//# sourceMappingURL=types.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,aAAa,GAAG,CAAC,CAAC;AACtBhB,QAAQ,CAACgB,aAAa,EAAE;EACtBC,kBAAkB,EAAEA,CAAA,KAAMA;AAC5B,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,aAAa,CAAC;AAC5C,IAAIC,kBAAkB,GAAG;EACvBG,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,WAAW,EAAE,KAAK;EAClBC,QAAQ,EAAE,KAAK;EACfC,MAAM,EAAE,KAAK;EACbC,WAAW,EAAE,KAAK;EAClBC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,KAAK;EACjBC,UAAU,EAAE,KAAK;EACjBC,UAAU,EAAE,KAAK;EACjBC,UAAU,EAAE,KAAK;EACjBC,UAAU,EAAE,KAAK;EACjBC,UAAU,EAAE,KAAK;EACjBC,WAAW,EAAE,IAAI;EACjBC,YAAY,EAAE,KAAK;EACnBC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,KAAK;EACjBC,YAAY,EAAE,KAAK;EACnBC,WAAW,EAAE,KAAK;EAClBC,MAAM,EAAE,KAAK;EACbC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,MAAM;EACjBC,SAAS,EAAE,IAAI;EACfC,cAAc,EAAE,IAAI;EACpBC,SAAS,EAAE,CAAC;EACZC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","types_exports","defaultEditorState","module","exports","isBold","isItalic","isUnderline","isStrike","isCode"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":"AA8HO,YAAM;;AAAkC,IAC7CA,SAAQ,GAAAC,MAAA,CAAAC,cAAA;AAAA,IACRC,gBAAU,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACVC,iBAAa,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACbC,YAAU,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACVC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACR,SAAAC,IAAa,IAAAD,GAAA,EACbZ,SAAA,CAAAW,MAAe,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACH,IACZC,WAAY,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACZ,IAAAF,IAAA,IAAY,OAAAA,IAAA,wBAAAA,IAAA;IACZ,SAAAG,GAAY,IAAAhB,iBAAA,CAAAa,IAAA,GACZ,KAAAX,YAAY,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACZnB,SAAY,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACZ;EACA,OAAAE,EAAA;AAAc;AACC,IACfM,YAAY,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACZE,aAAc;AAAAhB,QACd,CAAAgB,aAAa;EACbC,kBAAQ,EAAAA,CAAA,KAAAA;AAAA,EACR;AAASC,MACT,CAAAC,OAAS,GAAAN,YAAA,CAAAG,aAAA;AAAA,IACTC,kBAAW;EACXG,MAAA,OAAW;EACXC,QAAA;EACAC,WAAW;EACXC,QAAA;EACFC,MAAA","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@multiplatform.one/rich-text",
3
- "version": "7.15.0",
3
+ "version": "7.16.0",
4
4
  "description": "Cross-platform rich text editor with markdown support and syntax highlighting",
5
5
  "keywords": [
6
6
  "cross-platform",
@@ -57,10 +57,10 @@
57
57
  },
58
58
  "dependencies": {
59
59
  "@10play/tentap-editor": "^1.0.1",
60
- "@multiplatform.one/components": "7.15.0",
61
- "@multiplatform.one/forms": "7.15.0",
62
- "@multiplatform.one/markdown": "7.15.0",
63
- "@multiplatform.one/theme": "7.15.0",
60
+ "@multiplatform.one/components": "7.16.0",
61
+ "@multiplatform.one/forms": "7.16.0",
62
+ "@multiplatform.one/markdown": "7.16.0",
63
+ "@multiplatform.one/theme": "7.16.0",
64
64
  "@phosphor-icons/react": "^2.1.10",
65
65
  "@tamagui/linear-gradient": "2.7.6",
66
66
  "@tanstack/react-form": "^1.29.1",
@@ -100,9 +100,9 @@
100
100
  "turndown": "^7.2.4"
101
101
  },
102
102
  "devDependencies": {
103
- "@multiplatform.one/config": "7.15.0",
104
- "@multiplatform.one/storybook": "7.15.0",
105
- "@multiplatform.one/test-utils": "7.15.0",
103
+ "@multiplatform.one/config": "7.16.0",
104
+ "@multiplatform.one/storybook": "7.16.0",
105
+ "@multiplatform.one/test-utils": "7.16.0",
106
106
  "@tamagui/build": "2.7.6",
107
107
  "@testing-library/jest-dom": "^6.9.1",
108
108
  "@testing-library/react": "^16.3.2",
@@ -79,12 +79,7 @@ export function LinkDialog({ editorRef, state, disabled }: LinkDialogProps) {
79
79
  {t("Cancel")}
80
80
  </Button>
81
81
  {state.isLink && (
82
- <Button
83
- size="$2"
84
- theme="red"
85
- onPress={handleRemove}
86
- aria-label={t("Remove link")}
87
- >
82
+ <Button size="$2" error onPress={handleRemove} aria-label={t("Remove link")}>
88
83
  {t("Remove")}
89
84
  </Button>
90
85
  )}
@@ -97,7 +97,7 @@ export function LinkDialog({
97
97
  />
98
98
  <XStack gap="$2" justifyContent="flex-end">
99
99
  {state.isLink && (
100
- <Button size="$2" theme="red" onPress={handleRemove} aria-label={t("Remove link")}>
100
+ <Button size="$2" error onPress={handleRemove} aria-label={t("Remove link")}>
101
101
  {t("Remove")}
102
102
  </Button>
103
103
  )}
@@ -17,6 +17,7 @@ import type { ReactNode } from "react";
17
17
  import { XStack, View, styled } from "tamagui";
18
18
  import { Button } from "@multiplatform.one/forms";
19
19
  import { Tooltip } from "@multiplatform.one/components";
20
+ import { useResolvedKnobs } from "@multiplatform.one/theme";
20
21
  import { CaretDownIcon } from "@phosphor-icons/react";
21
22
  import { RichEditorContext } from "../context";
22
23
 
@@ -58,7 +59,6 @@ const ChromeBox = styled(View, {
58
59
  justifyContent: "center",
59
60
  width: VISUAL_SIZE,
60
61
  height: VISUAL_SIZE,
61
- borderRadius: "$2",
62
62
 
63
63
  hoverStyle: {
64
64
  backgroundColor: "$color4",
@@ -100,6 +100,7 @@ export function ToolbarButton({
100
100
  ...props
101
101
  }: ToolbarButtonProps) {
102
102
  const ctx = RichEditorContext.useStyledContext();
103
+ const { knobProps } = useResolvedKnobs();
103
104
  const isDisabled = disabled ?? ctx.disabled;
104
105
  const pressed = ariaPressed ?? (active !== undefined ? !!active : undefined);
105
106
 
@@ -124,12 +125,16 @@ export function ToolbarButton({
124
125
  backgroundColor="transparent"
125
126
  hoverStyle={{ backgroundColor: "transparent" }}
126
127
  pressStyle={{ backgroundColor: "transparent" }}
127
- borderRadius="$2"
128
128
  {...(pressed !== undefined ? { "aria-pressed": pressed } : undefined)}
129
129
  {...(active ? { theme: "active" } : undefined)}
130
130
  {...props}
131
131
  >
132
- <ChromeBox active={!!active} unavailable={!!isDisabled}>
132
+ <ChromeBox
133
+ {...knobProps.borderRadius}
134
+ borderWidth={0}
135
+ active={!!active}
136
+ unavailable={!!isDisabled}
137
+ >
133
138
  {children}
134
139
  </ChromeBox>
135
140
  </Button>
@@ -160,6 +165,7 @@ export function ToolbarDropdownButton({
160
165
  ...props
161
166
  }: ToolbarDropdownButtonProps) {
162
167
  const ctx = RichEditorContext.useStyledContext();
168
+ const { knobProps } = useResolvedKnobs();
163
169
  const isDisabled = disabled ?? ctx.disabled;
164
170
 
165
171
  return (
@@ -178,11 +184,16 @@ export function ToolbarDropdownButton({
178
184
  backgroundColor="transparent"
179
185
  hoverStyle={{ backgroundColor: "transparent" }}
180
186
  pressStyle={{ backgroundColor: "transparent" }}
181
- borderRadius="$2"
182
187
  {...(active ? { theme: "active" } : undefined)}
183
188
  {...props}
184
189
  >
185
- <ChromeBox active={!!active} stretch unavailable={!!isDisabled}>
190
+ <ChromeBox
191
+ {...knobProps.borderRadius}
192
+ borderWidth={0}
193
+ active={!!active}
194
+ stretch
195
+ unavailable={!!isDisabled}
196
+ >
186
197
  <XStack alignItems="center" gap="$1">
187
198
  {children}
188
199
  <CaretDownIcon size={10} />
@@ -0,0 +1,59 @@
1
+ import { cleanup } from "@testing-library/react";
2
+ import { renderWithProviders } from "@multiplatform.one/test-utils";
3
+ import { Preset, type Knobs } from "@multiplatform.one/theme";
4
+ import { afterEach, describe, expect, it, vi } from "vitest";
5
+ import { RichEditorContext } from "../context";
6
+
7
+ vi.mock("@multiplatform.one/forms", async (importOriginal) => ({
8
+ ...(await importOriginal<Record<string, unknown>>()),
9
+ Button: (props: any) => (
10
+ <button role="button" aria-label={props["aria-label"]} onClick={props.onPress}>
11
+ {props.children}
12
+ </button>
13
+ ),
14
+ }));
15
+
16
+ vi.mock("@multiplatform.one/components", () => ({
17
+ Tooltip: ({ children }: any) => children,
18
+ useDirection: () => "ltr",
19
+ }));
20
+
21
+ const { ToolbarButton, ToolbarDropdownButton } = await import("./ToolbarButton");
22
+
23
+ afterEach(cleanup);
24
+
25
+ function chromeRadius(overrides: Partial<Knobs>, dropdown = false) {
26
+ const { getByRole } = renderWithProviders(
27
+ <Preset overrides={overrides}>
28
+ <RichEditorContext.Provider size="$true" compact={false} disabled={false}>
29
+ {dropdown ? (
30
+ <ToolbarDropdownButton aria-label="Heading" onPress={() => {}}>
31
+ H
32
+ </ToolbarDropdownButton>
33
+ ) : (
34
+ <ToolbarButton aria-label="Bold" onPress={() => {}}>
35
+ B
36
+ </ToolbarButton>
37
+ )}
38
+ </RichEditorContext.Provider>
39
+ </Preset>,
40
+ );
41
+ const chrome = getByRole("button").firstElementChild;
42
+ const atom = String(chrome?.getAttribute("class") ?? "")
43
+ .split(/\s+/)
44
+ .find((c) => c.startsWith("_btlr-"));
45
+ cleanup();
46
+ return atom;
47
+ }
48
+
49
+ describe("toolbar chrome rides the borderRadius knob (DG-RAD-01, MPO-56)", () => {
50
+ it("squares the visible chrome at none", () => {
51
+ expect(chromeRadius({ borderRadius: "none" })).toBe("_btlr-t-radius-0");
52
+ expect(chromeRadius({ borderRadius: "none" }, true)).toBe("_btlr-t-radius-0");
53
+ });
54
+
55
+ it("follows the token scale above none", () => {
56
+ expect(chromeRadius({ borderRadius: "medium" })).toBe("_btlr-t-radius-4");
57
+ expect(chromeRadius({ borderRadius: "large" }, true)).toBe("_btlr-t-radius-6");
58
+ });
59
+ });
@@ -1 +1 @@
1
- {"version":3,"file":"LinkDialog.native.d.ts","sourceRoot":"","sources":["../../src/toolbar/LinkDialog.native.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAM3D,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA+EzE"}
1
+ {"version":3,"file":"LinkDialog.native.d.ts","sourceRoot":"","sources":["../../src/toolbar/LinkDialog.native.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAM3D,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA0EzE"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AA4CD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,cAAc,EAAE,WAAW,EAC3B,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgDpB;AAMD,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAgC5B"}
1
+ {"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AA2CD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,cAAc,EAAE,WAAW,EAC3B,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAqDpB;AAMD,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAsC5B"}