@multiplatform.one/rich-text 6.0.0

package/dist/jsx/toolbar/LinkDialog.mjs

@@ -0,0 +1,112 @@
+import { useCallback, useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Input, Popover, Text, XStack, YStack } from "tamagui";
+import { Button } from "@multiplatform.one/forms";
+import { ToolbarButton } from "./ToolbarButton.mjs";
+import { LinkIcon } from "./icons.mjs";
+import { SHORTCUTS } from "./shortcuts.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function normalizeUrl(url) {
+  const trimmed = url.trim();
+  if (!trimmed) return trimmed;
+  if (/^https?:\/\//i.test(trimmed)) return trimmed;
+  if (/^mailto:/i.test(trimmed)) return trimmed;
+  if (/^tel:/i.test(trimmed)) return trimmed;
+  return `https://${trimmed}`;
+}
+function LinkDialog({
+  editorRef,
+  state,
+  disabled
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [open, setOpen] = useState(false);
+  const [linkUrl, setLinkUrl] = useState("");
+  const handleSubmit = useCallback(() => {
+    const normalized = normalizeUrl(linkUrl);
+    if (normalized) {
+      editorRef.current?.executeCommand("link", {
+        href: normalized
+      });
+    }
+    setLinkUrl("");
+    setOpen(false);
+  }, [linkUrl, editorRef]);
+  const handleRemove = useCallback(() => {
+    editorRef.current?.executeCommand("link", {
+      href: null
+    });
+    setOpen(false);
+  }, [editorRef]);
+  return /* @__PURE__ */jsxs(Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom",
+    children: [/* @__PURE__ */jsx(Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */jsx(ToolbarButton, {
+        active: state.isLink,
+        disabled,
+        onPress: () => setOpen(true),
+        "aria-label": "Link",
+        tooltip: SHORTCUTS.link,
+        children: /* @__PURE__ */jsx(LinkIcon, {})
+      })
+    }), /* @__PURE__ */jsxs(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__ */jsx(Popover.Arrow, {
+        borderColor: "$borderColor",
+        backgroundColor: "$background"
+      }), /* @__PURE__ */jsxs(YStack, {
+        gap: "$2",
+        minWidth: 250,
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: knobProps.sizeToken,
+          fontWeight: "600",
+          children: state.isLink ? "Edit Link" : "Add Link"
+        }), /* @__PURE__ */jsx(Input, {
+          size: "$3",
+          placeholder: "https://example.com",
+          value: linkUrl,
+          onChangeText: setLinkUrl,
+          onSubmitEditing: handleSubmit,
+          autoFocus: true
+        }), /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [state.isLink && /* @__PURE__ */jsx(Button, {
+            size: "$2",
+            theme: "red",
+            onPress: handleRemove,
+            "aria-label": "Remove link",
+            children: "Remove"
+          }), /* @__PURE__ */jsx(Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleSubmit,
+            disabled: !linkUrl.trim(),
+            "aria-label": state.isLink ? "Update link" : "Add link",
+            children: state.isLink ? "Update" : "Add"
+          })]
+        })]
+      })]
+    })]
+  });
+}
+export { LinkDialog, normalizeUrl };
+//# sourceMappingURL=LinkDialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","useResolvedKnobs","Input","Popover","Text","XStack","YStack","Button","ToolbarButton","LinkIcon","SHORTCUTS","jsx","jsxs","normalizeUrl","url","trimmed","trim","test","LinkDialog","editorRef","state","disabled","knobProps","open","setOpen","linkUrl","setLinkUrl","handleSubmit","normalized","current","executeCommand","href","handleRemove","onOpenChange","placement","children","Trigger","asChild","active","isLink","onPress","tooltip","link","Content","panelPadding","backgroundColor","borderWidth","borderColor","borderRadius","elevation","enterStyle","opacity","y","exitStyle","Arrow","gap","minWidth","fontSize","sizeToken","fontWeight","size","placeholder","value","onChangeText","onSubmitEditing","autoFocus","justifyContent","theme"],"sources":["../../../src/toolbar/LinkDialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,146 @@
+"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 LinkDialog_exports = {};
+__export(LinkDialog_exports, {
+  LinkDialog: () => LinkDialog,
+  normalizeUrl: () => normalizeUrl
+});
+module.exports = __toCommonJS(LinkDialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_forms = require("@multiplatform.one/forms");
+var import_ToolbarButton = require("./ToolbarButton.native.js");
+var import_icons = require("./icons.native.js");
+var import_shortcuts = require("./shortcuts.native.js");
+function normalizeUrl(url) {
+  var trimmed = url.trim();
+  if (!trimmed) return trimmed;
+  if (/^https?:\/\//i.test(trimmed)) return trimmed;
+  if (/^mailto:/i.test(trimmed)) return trimmed;
+  if (/^tel:/i.test(trimmed)) return trimmed;
+  return `https://${trimmed}`;
+}
+function LinkDialog(param) {
+  var {
+    editorRef,
+    state,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var [linkUrl, setLinkUrl] = (0, import_react.useState)("");
+  var handleSubmit = (0, import_react.useCallback)(function () {
+    var normalized = normalizeUrl(linkUrl);
+    if (normalized) {
+      var _editorRef_current;
+      (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("link", {
+        href: normalized
+      });
+    }
+    setLinkUrl("");
+    setOpen(false);
+  }, [linkUrl, editorRef]);
+  var handleRemove = (0, import_react.useCallback)(function () {
+    var _editorRef_current;
+    (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("link", {
+      href: null
+    });
+    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.isLink,
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "Link",
+        tooltip: import_shortcuts.SHORTCUTS.link,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.LinkIcon, {})
+      })
+    }), /* @__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.jsxs)(import_tamagui.YStack, {
+        gap: "$2",
+        minWidth: 250,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          fontWeight: "600",
+          children: state.isLink ? "Edit Link" : "Add Link"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+          size: "$3",
+          placeholder: "https://example.com",
+          value: linkUrl,
+          onChangeText: setLinkUrl,
+          onSubmitEditing: handleSubmit,
+          autoFocus: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [state.isLink && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "red",
+            onPress: handleRemove,
+            "aria-label": "Remove link",
+            children: "Remove"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleSubmit,
+            disabled: !linkUrl.trim(),
+            "aria-label": state.isLink ? "Update link" : "Add link",
+            children: state.isLink ? "Update" : "Add"
+          })]
+        })]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=LinkDialog.native.js.map

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

@@ -0,0 +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","LinkDialog_exports","LinkDialog","normalizeUrl","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_forms","import_ToolbarButton","import_icons","import_shortcuts","url","trimmed","trim","test","param","editorRef","state","disabled","knobProps","useResolvedKnobs","open","setOpen","useState","linkUrl","setLinkUrl","handleSubmit","useCallback","normalized","_editorRef_current","current","executeCommand","href","handleRemove","jsxs","Popover","onOpenChange","placement","children","jsx","Trigger","asChild","ToolbarButton","active","isLink","onPress","tooltip","SHORTCUTS","link","LinkIcon","Content","panelPadding","backgroundColor","borderWidth"],"sources":["../../../src/toolbar/LinkDialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/ListPicker.mjs

@@ -0,0 +1,92 @@
+import { useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Popover, Text, YStack } from "tamagui";
+import { DropdownMenuItemFrame } from "../styled.mjs";
+import { ToolbarDropdownButton } from "./ToolbarButton.mjs";
+import { BulletListIcon, OrderedListIcon, TaskListIcon } from "./icons.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const LIST_OPTIONS = [{
+  label: "Bullet List",
+  command: "bulletList",
+  stateKey: "isBulletList",
+  icon: BulletListIcon
+}, {
+  label: "Ordered List",
+  command: "orderedList",
+  stateKey: "isOrderedList",
+  icon: OrderedListIcon
+}, {
+  label: "Task List",
+  command: "taskList",
+  stateKey: "isTaskList",
+  icon: TaskListIcon
+}];
+function getActiveListIcon(state) {
+  if (state.isOrderedList) return OrderedListIcon;
+  if (state.isTaskList) return TaskListIcon;
+  return BulletListIcon;
+}
+function isAnyListActive(state) {
+  return state.isBulletList || state.isOrderedList || state.isTaskList;
+}
+function ListPicker({
+  editorRef,
+  state,
+  disabled
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [open, setOpen] = useState(false);
+  const ActiveIcon = getActiveListIcon(state);
+  return /* @__PURE__ */jsxs(Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom-start",
+    children: [/* @__PURE__ */jsx(Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */jsx(ToolbarDropdownButton, {
+        active: isAnyListActive(state),
+        disabled,
+        onPress: () => setOpen(true),
+        "aria-label": "Lists",
+        children: /* @__PURE__ */jsx(ActiveIcon, {})
+      })
+    }), /* @__PURE__ */jsx(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__ */jsx(YStack, {
+        gap: "$1",
+        minWidth: 150,
+        children: LIST_OPTIONS.map(option => {
+          const Icon = option.icon;
+          return /* @__PURE__ */jsxs(DropdownMenuItemFrame, {
+            active: state[option.stateKey],
+            onPress: () => {
+              editorRef.current?.executeCommand(option.command);
+              setOpen(false);
+            },
+            "aria-label": option.label,
+            children: [/* @__PURE__ */jsx(Icon, {}), /* @__PURE__ */jsx(Text, {
+              children: option.label
+            })]
+          }, option.command);
+        })
+      })
+    })]
+  });
+}
+export { ListPicker };
+//# sourceMappingURL=ListPicker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useResolvedKnobs","Popover","Text","YStack","DropdownMenuItemFrame","ToolbarDropdownButton","BulletListIcon","OrderedListIcon","TaskListIcon","jsx","jsxs","LIST_OPTIONS","label","command","stateKey","icon","getActiveListIcon","state","isOrderedList","isTaskList","isAnyListActive","isBulletList","ListPicker","editorRef","disabled","knobProps","open","setOpen","ActiveIcon","onOpenChange","placement","children","Trigger","asChild","active","onPress","Content","panelPadding","backgroundColor","borderWidth","borderColor","borderRadius","elevation","enterStyle","opacity","y","exitStyle","gap","minWidth","map","option","Icon","current","executeCommand"],"sources":["../../../src/toolbar/ListPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,124 @@
+"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 ListPicker_exports = {};
+__export(ListPicker_exports, {
+  ListPicker: () => ListPicker
+});
+module.exports = __toCommonJS(ListPicker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_styled = require("../styled.native.js");
+var import_ToolbarButton = require("./ToolbarButton.native.js");
+var import_icons = require("./icons.native.js");
+var LIST_OPTIONS = [{
+  label: "Bullet List",
+  command: "bulletList",
+  stateKey: "isBulletList",
+  icon: import_icons.BulletListIcon
+}, {
+  label: "Ordered List",
+  command: "orderedList",
+  stateKey: "isOrderedList",
+  icon: import_icons.OrderedListIcon
+}, {
+  label: "Task List",
+  command: "taskList",
+  stateKey: "isTaskList",
+  icon: import_icons.TaskListIcon
+}];
+function getActiveListIcon(state) {
+  if (state.isOrderedList) return import_icons.OrderedListIcon;
+  if (state.isTaskList) return import_icons.TaskListIcon;
+  return import_icons.BulletListIcon;
+}
+function isAnyListActive(state) {
+  return state.isBulletList || state.isOrderedList || state.isTaskList;
+}
+function ListPicker(param) {
+  var {
+    editorRef,
+    state,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var ActiveIcon = getActiveListIcon(state);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom-start",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarDropdownButton, {
+        active: isAnyListActive(state),
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "Lists",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ActiveIcon, {})
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(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.YStack, {
+        gap: "$1",
+        minWidth: 150,
+        children: LIST_OPTIONS.map(function (option) {
+          var Icon = option.icon;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styled.DropdownMenuItemFrame, {
+            active: state[option.stateKey],
+            onPress: function onPress() {
+              var _editorRef_current;
+              (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand(option.command);
+              setOpen(false);
+            },
+            "aria-label": option.label,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: option.label
+            })]
+          }, option.command);
+        })
+      })
+    })]
+  });
+}
+//# sourceMappingURL=ListPicker.native.js.map

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

@@ -0,0 +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","ListPicker_exports","ListPicker","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_styled","import_ToolbarButton","import_icons","LIST_OPTIONS","label","command","stateKey","icon","BulletListIcon","OrderedListIcon","TaskListIcon","getActiveListIcon","state","isOrderedList","isTaskList","isAnyListActive","isBulletList","param","editorRef","disabled","knobProps","useResolvedKnobs","open","setOpen","useState","ActiveIcon","jsxs","Popover","onOpenChange","placement","children","jsx","Trigger","asChild","ToolbarDropdownButton","active","onPress","Content","panelPadding","backgroundColor","borderWidth"],"sources":["../../../src/toolbar/ListPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}