@multiplatform.one/rich-text 6.1.0 → 6.3.0

package/dist/jsx/toolbar/CodeBlockBubble.native.js.map

@@ -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","CodeBlockBubble_exports","CodeBlockBubble","module","exports","import_jsx_runtime","require","import_react","import_menus","import_theme","import_tamagui","import_styled","import_ToolbarButton","LANGUAGES","label","TrashIcon","jsxs"],"sources":["../../../src/toolbar/CodeBlockBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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","CodeBlockBubble_exports","CodeBlockBubble","module","exports","import_jsx_runtime","require","import_react","import_menus","import_theme","import_react2","import_tamagui","import_styled","import_blockAnchor","import_ToolbarButton","import_t","LANGUAGES","label","getActiveCodeBlockText","editor","$from","state","selection","depth","node","type","textContent","param","_ref","_ref1","_editor_getAttributes","_LANGUAGES_find","knobProps","useResolvedKnobs","langOpen","setLangOpen","useState","copied","setCopied","copiedTimer","useRef","useEffect","current","clearTimeout","currentLang","getAttributes","language","rawLabel","find","l","currentLabel","t"],"sources":["../../../src/toolbar/CodeBlockBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/ColorPicker.mjs

@@ -1,45 +1,12 @@
 import { useCallback, useState } from "react";
+import { PresetSwatches } from "@multiplatform.one/forms";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Popover, Text, View, XStack, YStack } from "tamagui";
-import { TEXT_COLORS, HIGHLIGHT_COLORS } from "../constants.mjs";
+import { Popover, Text, YStack, useThemeName } from "tamagui";
+import { TEXT_COLORS, TEXT_COLORS_DARK, HIGHLIGHT_COLORS } from "../constants.mjs";
 import { ToolbarButton } from "./ToolbarButton.mjs";
 import { TextColorIcon, HighlightIcon } from "./icons.mjs";
+import { t } from "../shared/t.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-function ColorSwatch({
-  color,
-  isSelected,
-  onPress,
-  isNone
-}) {
-  return /* @__PURE__ */jsx(View, {
-    width: 24,
-    height: 24,
-    borderRadius: 4,
-    backgroundColor: color || "$background",
-    borderWidth: isSelected ? 2 : 1,
-    borderColor: isSelected ? "$blue10" : "$color6",
-    cursor: "pointer",
-    hoverStyle: {
-      opacity: 0.8
-    },
-    pressStyle: {
-      scale: 0.95
-    },
-    onPress,
-    alignItems: "center",
-    justifyContent: "center",
-    "aria-label": isNone ? "Remove color" : `Color ${color}`,
-    children: isNone && /* @__PURE__ */jsx(View, {
-      position: "absolute",
-      width: 20,
-      height: 2,
-      backgroundColor: "$red10",
-      transform: [{
-        rotate: "45deg"
-      }]
-    })
-  });
-}
 function ColorGrid({
   title,
   colors,
@@ -56,16 +23,14 @@ function ColorGrid({
       fontSize: knobProps.sizeToken,
       fontWeight: "600",
       children: title
-    }), /* @__PURE__ */jsx(XStack, {
-      flexWrap: "wrap",
-      gap: "$1",
-      maxWidth,
-      children: colors.map(c => /* @__PURE__ */jsx(ColorSwatch, {
-        color: c.value,
-        isSelected: selectedColor === c.value,
-        isNone: c.value === null,
-        onPress: () => onSelect(c.value)
-      }, c.name))
+    }), /* @__PURE__ */jsx(PresetSwatches, {
+      presetColors: colors.map(c => ({
+        ...c,
+        name: t(c.name)
+      })),
+      selectedColor,
+      onSelect,
+      width: maxWidth
     })]
   });
 }
@@ -77,12 +42,13 @@ function TextColorPicker({
   const {
     knobProps
   } = useResolvedKnobs();
+  const themeName = useThemeName();
+  const textColors = String(themeName).startsWith("dark") ? TEXT_COLORS_DARK : TEXT_COLORS;
   const [open, setOpen] = useState(false);
   const handleSelect = useCallback(color => {
     editorRef.current?.executeCommand("textColor", {
       color
     });
-    setOpen(false);
   }, [editorRef]);
   return /* @__PURE__ */jsxs(Popover, {
     open,
@@ -94,8 +60,8 @@ function TextColorPicker({
         active: !!state.textColor,
         disabled,
         onPress: () => setOpen(true),
-        "aria-label": "Text Color",
-        tooltip: "Text Color",
+        "aria-label": t("Text Color"),
+        tooltip: t("Text Color"),
         children: /* @__PURE__ */jsx(TextColorIcon, {
           color: state.textColor
         })
@@ -119,8 +85,8 @@ function TextColorPicker({
         borderColor: "$borderColor",
         backgroundColor: "$background"
       }), /* @__PURE__ */jsx(ColorGrid, {
-        title: "Text Color",
-        colors: TEXT_COLORS,
+        title: t("Text Color"),
+        colors: textColors,
         selectedColor: state.textColor,
         onSelect: handleSelect,
         maxWidth: 160
@@ -141,7 +107,6 @@ function HighlightColorPicker({
     editorRef.current?.executeCommand("highlight", {
       color
     });
-    setOpen(false);
   }, [editorRef]);
   return /* @__PURE__ */jsxs(Popover, {
     open,
@@ -153,8 +118,8 @@ function HighlightColorPicker({
         active: !!state.highlightColor,
         disabled,
         onPress: () => setOpen(true),
-        "aria-label": "Highlight Color",
-        tooltip: "Highlight",
+        "aria-label": t("Highlight Color"),
+        tooltip: t("Highlight"),
         children: /* @__PURE__ */jsx(HighlightIcon, {
           color: state.highlightColor
         })
@@ -178,7 +143,7 @@ function HighlightColorPicker({
         borderColor: "$borderColor",
         backgroundColor: "$background"
       }), /* @__PURE__ */jsx(ColorGrid, {
-        title: "Highlight",
+        title: t("Highlight"),
         colors: HIGHLIGHT_COLORS,
         selectedColor: state.highlightColor,
         onSelect: handleSelect,

package/dist/jsx/toolbar/ColorPicker.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useState","useResolvedKnobs","Popover","Text","View","XStack","YStack","TEXT_COLORS","HIGHLIGHT_COLORS","ToolbarButton","TextColorIcon","HighlightIcon","jsx","jsxs","ColorSwatch","color","isSelected","onPress","isNone","width","height","borderRadius","backgroundColor","borderWidth","borderColor","cursor","hoverStyle","opacity","pressStyle","scale","alignItems","justifyContent","children","position","transform","rotate","ColorGrid","title","colors","selectedColor","onSelect","maxWidth","knobProps","gap","fontSize","sizeToken","fontWeight","flexWrap","map","c","value","name","TextColorPicker","editorRef","state","disabled","open","setOpen","handleSelect","current","executeCommand","onOpenChange","placement","Trigger","asChild","active","textColor","tooltip","Content","panelPadding","elevation","enterStyle","y","exitStyle","Arrow","HighlightColorPicker","highlightColor"],"sources":["../../../src/toolbar/ColorPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useState","PresetSwatches","useResolvedKnobs","Popover","Text","YStack","useThemeName","TEXT_COLORS","TEXT_COLORS_DARK","HIGHLIGHT_COLORS","ToolbarButton","TextColorIcon","HighlightIcon","t","jsx","jsxs","ColorGrid","title","colors","selectedColor","onSelect","maxWidth","knobProps","gap","children","fontSize","sizeToken","fontWeight","presetColors","map","c","name","width","TextColorPicker","editorRef","state","disabled","themeName","textColors","String","startsWith","open","setOpen","handleSelect","color","current","executeCommand","onOpenChange","placement","Trigger","asChild","active","textColor","onPress","tooltip","Content","panelPadding","backgroundColor","borderWidth","borderColor","borderRadius","elevation","enterStyle","opacity","y","exitStyle","Arrow","HighlightColorPicker","highlightColor"],"sources":["../../../src/toolbar/ColorPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/ColorPicker.native.js

@@ -22,88 +22,65 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
-var ColorPicker_exports = {};
-__export(ColorPicker_exports, {
+var ColorPicker_native_exports = {};
+__export(ColorPicker_native_exports, {
   HighlightColorPicker: () => HighlightColorPicker,
   TextColorPicker: () => TextColorPicker
 });
-module.exports = __toCommonJS(ColorPicker_exports);
+module.exports = __toCommonJS(ColorPicker_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_theme = require("@multiplatform.one/theme");
+var import_react_native = require("react-native");
 var import_tamagui = require("tamagui");
 var import_constants = require("../constants.native.js");
 var import_ToolbarButton = require("./ToolbarButton.native.js");
 var import_icons = require("./icons.native.js");
-function ColorSwatch(param) {
-  var {
-    color,
-    isSelected,
-    onPress,
-    isNone
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    width: 24,
-    height: 24,
-    borderRadius: 4,
-    backgroundColor: color || "$background",
-    borderWidth: isSelected ? 2 : 1,
-    borderColor: isSelected ? "$blue10" : "$color6",
-    cursor: "pointer",
-    hoverStyle: {
-      opacity: 0.8
-    },
-    pressStyle: {
-      scale: 0.95
-    },
-    onPress,
-    alignItems: "center",
-    justifyContent: "center",
-    "aria-label": isNone ? "Remove color" : `Color ${color}`,
-    children: isNone && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      position: "absolute",
-      width: 20,
-      height: 2,
-      backgroundColor: "$red10",
-      transform: [{
-        rotate: "45deg"
-      }]
-    })
-  });
+var import_t = require("../shared/t.native.js");
+function useResolvedPalette(entries) {
+  var theme = (0, import_tamagui.useTheme)();
+  return (0, import_react.useMemo)(function () {
+    return entries.map(function (param) {
+      var {
+        name,
+        token
+      } = param;
+      var _ref;
+      var _theme_token;
+      return {
+        name,
+        value: token ? (_ref = (_theme_token = theme[token]) === null || _theme_token === void 0 ? void 0 : _theme_token.val) !== null && _ref !== void 0 ? _ref : null : null
+      };
+    });
+  }, [entries, theme]);
 }
-function ColorGrid(param) {
-  var {
-    title,
-    colors,
-    selectedColor,
-    onSelect,
-    maxWidth
-  } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    ...knobProps.gap,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: knobProps.sizeToken,
-      fontWeight: "600",
-      children: title
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-      flexWrap: "wrap",
-      gap: "$1",
-      maxWidth,
-      children: colors.map(function (c) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorSwatch, {
-          color: c.value,
-          isSelected: selectedColor === c.value,
-          isNone: c.value === null,
-          onPress: function onPress() {
-            return onSelect(c.value);
-          }
-        }, c.name);
-      })
-    })]
+function pickColor(title, colors, onSelect) {
+  var labels = colors.map(function (c) {
+    return (0, import_t.t)(c.name);
   });
+  if (import_react_native.Platform.OS === "ios") {
+    import_react_native.ActionSheetIOS.showActionSheetWithOptions({
+      title,
+      options: [...labels, (0, import_t.t)("Cancel")],
+      cancelButtonIndex: labels.length
+    }, function (index) {
+      var _ref;
+      var _colors_index;
+      if (typeof index !== "number" || index >= labels.length) return;
+      onSelect((_ref = (_colors_index = colors[index]) === null || _colors_index === void 0 ? void 0 : _colors_index.value) !== null && _ref !== void 0 ? _ref : null);
+    });
+    return;
+  }
+  import_react_native.Alert.alert(title, void 0, [...colors.map(function (c) {
+    return {
+      text: (0, import_t.t)(c.name),
+      onPress: function onPress() {
+        return onSelect(c.value);
+      }
+    };
+  }), {
+    text: (0, import_t.t)("Cancel"),
+    style: "cancel"
+  }]);
 }
 function TextColorPicker(param) {
   var {
@@ -111,61 +88,24 @@ function TextColorPicker(param) {
     state,
     disabled
   } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  var [open, setOpen] = (0, import_react.useState)(false);
-  var handleSelect = (0, import_react.useCallback)(function (color) {
-    var _editorRef_current;
-    (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("textColor", {
-      color
+  var themeName = (0, import_tamagui.useThemeName)();
+  var textColors = useResolvedPalette(String(themeName).startsWith("dark") ? import_constants.TEXT_COLOR_TOKENS_DARK : import_constants.TEXT_COLOR_TOKENS);
+  var handlePress = (0, import_react.useCallback)(function () {
+    pickColor((0, import_t.t)("Text Color"), textColors, function (color) {
+      var _editorRef_current;
+      (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("textColor", {
+        color
+      });
     });
-    setOpen(false);
-  }, [editorRef]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
-    open,
-    onOpenChange: setOpen,
-    placement: "bottom",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
-        active: !!state.textColor,
-        disabled,
-        onPress: function onPress() {
-          return setOpen(true);
-        },
-        "aria-label": "Text Color",
-        tooltip: "Text Color",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.TextColorIcon, {
-          color: state.textColor
-        })
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
-      ...knobProps.panelPadding,
-      backgroundColor: "$background",
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      borderRadius: knobProps.borderRadius.borderRadius,
-      elevation: knobProps.elevation,
-      enterStyle: {
-        opacity: 0,
-        y: -5
-      },
-      exitStyle: {
-        opacity: 0,
-        y: -5
-      },
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
-        borderColor: "$borderColor",
-        backgroundColor: "$background"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorGrid, {
-        title: "Text Color",
-        colors: import_constants.TEXT_COLORS,
-        selectedColor: state.textColor,
-        onSelect: handleSelect,
-        maxWidth: 160
-      })]
-    })]
+  }, [editorRef, textColors]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+    active: !!state.textColor,
+    disabled,
+    onPress: handlePress,
+    "aria-label": (0, import_t.t)("Text Color"),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.TextColorIcon, {
+      color: state.textColor
+    })
   });
 }
 function HighlightColorPicker(param) {
@@ -174,61 +114,23 @@ function HighlightColorPicker(param) {
     state,
     disabled
   } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  var [open, setOpen] = (0, import_react.useState)(false);
-  var handleSelect = (0, import_react.useCallback)(function (color) {
-    var _editorRef_current;
-    (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("highlight", {
-      color
+  var highlightColors = useResolvedPalette(import_constants.HIGHLIGHT_COLOR_TOKENS);
+  var handlePress = (0, import_react.useCallback)(function () {
+    pickColor((0, import_t.t)("Highlight"), highlightColors, function (color) {
+      var _editorRef_current;
+      (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("highlight", {
+        color
+      });
     });
-    setOpen(false);
-  }, [editorRef]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
-    open,
-    onOpenChange: setOpen,
-    placement: "bottom",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
-        active: !!state.highlightColor,
-        disabled,
-        onPress: function onPress() {
-          return setOpen(true);
-        },
-        "aria-label": "Highlight Color",
-        tooltip: "Highlight",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.HighlightIcon, {
-          color: state.highlightColor
-        })
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
-      ...knobProps.panelPadding,
-      backgroundColor: "$background",
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      borderRadius: knobProps.borderRadius.borderRadius,
-      elevation: knobProps.elevation,
-      enterStyle: {
-        opacity: 0,
-        y: -5
-      },
-      exitStyle: {
-        opacity: 0,
-        y: -5
-      },
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
-        borderColor: "$borderColor",
-        backgroundColor: "$background"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorGrid, {
-        title: "Highlight",
-        colors: import_constants.HIGHLIGHT_COLORS,
-        selectedColor: state.highlightColor,
-        onSelect: handleSelect,
-        maxWidth: 130
-      })]
-    })]
+  }, [editorRef, highlightColors]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+    active: !!state.highlightColor,
+    disabled,
+    onPress: handlePress,
+    "aria-label": (0, import_t.t)("Highlight Color"),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.HighlightIcon, {
+      color: state.highlightColor
+    })
   });
 }
 //# sourceMappingURL=ColorPicker.native.js.map

package/dist/jsx/toolbar/ColorPicker.native.js.map

@@ -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","ColorPicker_exports","HighlightColorPicker","TextColorPicker","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_constants","import_ToolbarButton","import_icons","ColorSwatch","param","color","isSelected","onPress","isNone","jsx","View","width","height","borderRadius","backgroundColor","borderWidth","borderColor","cursor","hoverStyle","opacity","pressStyle","scale","alignItems","justifyContent","children","position","transform","rotate","ColorGrid","title","colors","selectedColor","onSelect","maxWidth","knobProps","useResolvedKnobs","jsxs","YStack","gap","Text","fontSize","sizeToken","fontWeight","XStack","flexWrap","map","c","editorRef","state","disabled","open","setOpen","useState","handleSelect","useCallback","_editorRef_current","current","executeCommand","Popover","onOpenChange","placement","Trigger","asChild","ToolbarButton","active","textColor","tooltip","TextColorIcon","Content","panelPadding","elevation","enterStyle","y","exitStyle","Arrow","TEXT_COLORS"],"sources":["../../../src/toolbar/ColorPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ColorPicker_native_exports","__export","HighlightColorPicker","TextColorPicker","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_tamagui","import_constants","import_ToolbarButton","import_icons","import_t","useResolvedPalette","entries","theme","useTheme","useMemo","map","param","name","token","_ref","_theme_token","value","val","pickColor","title","colors","onSelect","labels","c","t","Platform","OS","ActionSheetIOS","showActionSheetWithOptions","options","cancelButtonIndex","length","index","_colors_index","Alert","alert","text","onPress","style","editorRef","state","disabled","themeName","useThemeName","textColors","String","startsWith","TEXT_COLOR_TOKENS_DARK","TEXT_COLOR_TOKENS","handlePress","useCallback","color","_editorRef_current","current","executeCommand","jsx","ToolbarButton","active","textColor","children","TextColorIcon","highlightColors","HIGHLIGHT_COLOR_TOKENS","highlightColor","HighlightIcon"],"sources":["../../../src/toolbar/ColorPicker.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}