@sparrowengg/twigs-editor-react 0.0.1

package/dist/es/components/toolbar/tools/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../../src/components/toolbar/tools/format.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $createHeadingNode, HeadingTagType } from '@lexical/rich-text';\nimport { $setBlocksType } from '@lexical/selection';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  IconButton\n} from '@sparrowengg/twigs-react';\nimport { TextFormatIcon } from '@sparrowengg/twigs-react-icons';\nimport {\n  $createParagraphNode,\n  $getSelection,\n  $isRangeSelection\n} from 'lexical';\nimport React, { ComponentProps } from 'react';\nimport { useToolbarStore } from '../../toolbar-context/store';\nimport { TextFormats } from '../../toolbar-context/utils';\nimport { RenderButtonProps, ToolbarButtonProps } from './commons';\n\nconst formatMapping = {\n  paragraph: 'Paragraph',\n  h1: 'Heading 1',\n  h2: 'Heading 2',\n  h3: 'Heading 3',\n  h4: 'Heading 4',\n  h5: 'Heading 5',\n  h6: 'Heading 6'\n} as const;\n\nexport type FormatToolProps = Omit<ToolbarButtonProps, 'renderButton'> & {\n  renderButton?: (\n    props: Omit<RenderButtonProps, 'onChange' | 'active'> & {\n      onChange: (type: keyof typeof formatMapping) => void;\n      active: TextFormats;\n    }\n  ) => React.ReactNode;\n  dropdownMenuProps?: Partial<ComponentProps<typeof DropdownMenu>>;\n  dropdownMenuTriggerProps?: Partial<\n    ComponentProps<typeof DropdownMenuTrigger>\n  >;\n  dropdownMenuTriggerButtonProps?: Partial<ComponentProps<typeof IconButton>>;\n  dropdownMenuContentProps?: Partial<\n    ComponentProps<typeof DropdownMenuContent>\n  >;\n  dropdownMenuItemProps?:\n    | Partial<ComponentProps<typeof DropdownMenuItem>>\n    | ((args: {\n        type: keyof typeof formatMapping;\n        formatText: (formatType: keyof typeof formatMapping) => void;\n      }) => Partial<ComponentProps<typeof DropdownMenuItem>>);\n  renderDropdownTrigger?: () => React.ReactNode;\n};\n\nexport const FormatTool = ({\n  renderButton,\n  dropdownMenuProps,\n  dropdownMenuContentProps,\n  dropdownMenuItemProps,\n  dropdownMenuTriggerProps,\n  dropdownMenuTriggerButtonProps,\n  renderDropdownTrigger\n}: FormatToolProps) => {\n  const [editor] = useLexicalComposerContext();\n  const [format] = useToolbarStore((state) => state.data.format);\n\n  const formatText = (type: keyof typeof formatMapping) => {\n    if (type === 'paragraph') {\n      formatParagraph();\n    } else {\n      formatHeading(type);\n    }\n  };\n\n  const formatHeading = (headingSize: HeadingTagType) => {\n    if (headingSize) {\n      editor.update(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          $setBlocksType(selection, () => $createHeadingNode(headingSize));\n        }\n      });\n    }\n  };\n\n  const formatParagraph = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        $setBlocksType(selection, () => $createParagraphNode());\n      }\n    });\n  };\n\n  const { paragraph, ...headings } = formatMapping;\n\n  if (renderButton) {\n    return renderButton({ editor, active: format, onChange: formatText });\n  }\n\n  return (\n    <DropdownMenu {...dropdownMenuProps}>\n      <DropdownMenuTrigger asChild {...dropdownMenuTriggerProps}>\n        {renderDropdownTrigger ? (\n          renderDropdownTrigger()\n        ) : (\n          <IconButton\n            icon={<TextFormatIcon />}\n            variant=\"ghost\"\n            color=\"default\"\n            className=\"twigs-editor-tool-button\"\n            data-tool=\"format\"\n            {...dropdownMenuTriggerButtonProps}\n          />\n        )}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        className=\"twigs-editor-toolbar__format-options\"\n        {...dropdownMenuContentProps}\n      >\n        <DropdownMenuItem\n          onClick={formatParagraph}\n          {...(typeof dropdownMenuItemProps === 'function'\n            ? dropdownMenuItemProps({ type: 'paragraph', formatText })\n            : dropdownMenuItemProps)}\n        >\n          {paragraph}\n        </DropdownMenuItem>\n        {(Object.keys(headings) as unknown as (keyof typeof headings)[]).map(\n          (item) => (\n            <DropdownMenuItem\n              onClick={() => formatHeading(item)}\n              key={item}\n              {...(typeof dropdownMenuItemProps === 'function'\n                ? dropdownMenuItemProps({ type: item, formatText })\n                : dropdownMenuItemProps)}\n            >\n              {formatMapping[item]}\n            </DropdownMenuItem>\n          )\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/es/components/toolbar/tools/italic.js

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { clsx } from '../../../react-editor/node_modules/clsx/dist/clsx.js';
+import { FORMAT_TEXT_COMMAND } from 'lexical';
+import { useToolbarStore } from '../../toolbar-context/store.js';
+import { IconButton } from '../../../react-components/dist/es/button/icon-button.js';
+import { ItalicsIcon } from '../../../react-icons/dist/es/icons/italics.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const ItalicTool = ({
+  renderButton,
+  buttonProps
+}) => {
+  const [editor] = useLexicalComposerContext();
+  const [active] = useToolbarStore((state) => state.data.isItalic);
+  const handleClick = () => {
+    editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic");
+  };
+  if (renderButton) {
+    return renderButton({ editor, active, onChange: handleClick });
+  }
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    __spreadValues({
+      icon: /* @__PURE__ */ jsx(ItalicsIcon, {}),
+      variant: active ? "solid" : "ghost",
+      color: "default",
+      className: clsx("twigs-editor-tool-button", {
+        "twigs-editor-tool-button--active": active
+      }),
+      onClick: handleClick,
+      title: active ? "Clear italics formatting" : "Format text to italics",
+      "data-tool": "italic",
+      "aria-label": active ? "Clear italics formatting" : "Format text to italics"
+    }, buttonProps)
+  );
+};
+
+export { ItalicTool };
+//# sourceMappingURL=italic.js.map

package/dist/es/components/toolbar/tools/italic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"italic.js","sources":["../../../../../src/components/toolbar/tools/italic.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { IconButton } from '@sparrowengg/twigs-react';\nimport { ItalicsIcon } from '@sparrowengg/twigs-react-icons';\nimport clsx from 'clsx';\nimport { FORMAT_TEXT_COMMAND } from 'lexical';\nimport { useToolbarStore } from '../../toolbar-context/store';\nimport { ToolbarButtonProps } from './commons';\n\nexport const ItalicTool = ({\n  renderButton,\n  buttonProps\n}: ToolbarButtonProps) => {\n  const [editor] = useLexicalComposerContext();\n  const [active] = useToolbarStore((state) => state.data.isItalic);\n\n  const handleClick = () => {\n    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');\n  };\n\n  if (renderButton) {\n    return renderButton({ editor, active, onChange: handleClick });\n  }\n\n  return (\n    <IconButton\n      icon={<ItalicsIcon />}\n      variant={active ? 'solid' : 'ghost'}\n      color=\"default\"\n      className={clsx('twigs-editor-tool-button', {\n        'twigs-editor-tool-button--active': active\n      })}\n      onClick={handleClick}\n      title={active ? 'Clear italics formatting' : 'Format text to italics'}\n      data-tool=\"italic\"\n      aria-label={\n        active ? 'Clear italics formatting' : 'Format text to italics'\n      }\n      {...buttonProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,aAAa,CAAC;AAAA,EACzB,YAAA;AAAA,EACA;AACF,CAA0B,KAAA;AACxB,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAC3C,EAAM,MAAA,CAAC,MAAM,CAAI,GAAA,eAAA,CAAgB,CAAC,KAAU,KAAA,KAAA,CAAM,KAAK,QAAQ,CAAA;AAE/D,EAAA,MAAM,cAAc,MAAM;AACxB,IAAO,MAAA,CAAA,eAAA,CAAgB,qBAAqB,QAAQ,CAAA;AAAA,GACtD;AAEA,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,OAAO,aAAa,EAAE,MAAA,EAAQ,MAAQ,EAAA,QAAA,EAAU,aAAa,CAAA;AAAA;AAG/D,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,IAAA,sBAAO,WAAY,EAAA,EAAA,CAAA;AAAA,MACnB,OAAA,EAAS,SAAS,OAAU,GAAA,OAAA;AAAA,MAC5B,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,KAAK,0BAA4B,EAAA;AAAA,QAC1C,kCAAoC,EAAA;AAAA,OACrC,CAAA;AAAA,MACD,OAAS,EAAA,WAAA;AAAA,MACT,KAAA,EAAO,SAAS,0BAA6B,GAAA,wBAAA;AAAA,MAC7C,WAAU,EAAA,QAAA;AAAA,MACV,YAAA,EACE,SAAS,0BAA6B,GAAA;AAAA,KAEpC,EAAA,WAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/es/components/toolbar/tools/link.js

@@ -0,0 +1,69 @@
+import { jsx } from 'react/jsx-runtime';
+import { $createLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { ADD_BLANK_LINK } from '../../../utils/commands.js';
+import { clsx } from '../../../react-editor/node_modules/clsx/dist/clsx.js';
+import { $getSelection, $isRangeSelection, $createTextNode, $insertNodes } from 'lexical';
+import { useToolbarStore } from '../../toolbar-context/store.js';
+import { IconButton } from '../../../react-components/dist/es/button/icon-button.js';
+import { LinkIcon } from '../../../react-icons/dist/es/icons/link.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const LinkTool = ({ renderButton, buttonProps }) => {
+  const [editor] = useLexicalComposerContext();
+  const [active] = useToolbarStore((state) => state.data.isLink);
+  const handleClick = () => {
+    editor.update(() => {
+      const selection = $getSelection();
+      if (selection === null || $isRangeSelection(selection) && (selection == null ? void 0 : selection.isCollapsed())) {
+        const newLinkNode = $createLinkNode("");
+        newLinkNode.append($createTextNode(" "));
+        $insertNodes([newLinkNode]);
+        newLinkNode.selectStart();
+        editor.dispatchCommand(ADD_BLANK_LINK, void 0);
+        return;
+      }
+      if (!active) {
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, "");
+      } else {
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+      }
+    });
+  };
+  if (renderButton) {
+    return renderButton({ editor, active, onChange: handleClick });
+  }
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    __spreadValues({
+      icon: /* @__PURE__ */ jsx(LinkIcon, {}),
+      variant: active ? "solid" : "ghost",
+      color: "default",
+      className: clsx("twigs-editor-tool-button", {
+        "twigs-editor-tool-button--active": active
+      }),
+      onClick: handleClick,
+      title: active ? "Remove link" : "Convert to link",
+      "aria-label": active ? "Remove link" : "Convert to link",
+      "data-tool": "link"
+    }, buttonProps)
+  );
+};
+
+export { LinkTool };
+//# sourceMappingURL=link.js.map

package/dist/es/components/toolbar/tools/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../../../../src/components/toolbar/tools/link.tsx"],"sourcesContent":["import { $createLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { LinkIcon } from '@sparrowengg/twigs-react-icons';\nimport { IconButton } from '@sparrowengg/twigs-react';\nimport { ADD_BLANK_LINK } from '@src/utils/commands';\nimport clsx from 'clsx';\nimport {\n  $createTextNode,\n  $getSelection,\n  $insertNodes,\n  $isRangeSelection\n} from 'lexical';\nimport { useToolbarStore } from '../../toolbar-context/store';\nimport { ToolbarButtonProps } from './commons';\n\nexport const LinkTool = ({ renderButton, buttonProps }: ToolbarButtonProps) => {\n  const [editor] = useLexicalComposerContext();\n  const [active] = useToolbarStore((state) => state.data.isLink);\n\n  const handleClick = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n      /**\n       * Handle link insertion when there is no selection (cursor blinking at a single point)\n       */\n      if (\n        selection === null\n        || ($isRangeSelection(selection) && selection?.isCollapsed())\n      ) {\n        const newLinkNode = $createLinkNode('');\n\n        // Completely empty string is not selectable, so we need to add a space.\n        // This space will be trimmed in the editor modal\n        newLinkNode.append($createTextNode(' '));\n\n        $insertNodes([newLinkNode]);\n        newLinkNode.selectStart();\n\n        editor.dispatchCommand(ADD_BLANK_LINK, undefined);\n\n        return;\n      }\n\n      if (!active) {\n        editor.dispatchCommand(TOGGLE_LINK_COMMAND, '');\n      } else {\n        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n      }\n    });\n  };\n\n  if (renderButton) {\n    return renderButton({ editor, active, onChange: handleClick });\n  }\n\n  return (\n    <IconButton\n      icon={<LinkIcon />}\n      variant={active ? 'solid' : 'ghost'}\n      color=\"default\"\n      className={clsx('twigs-editor-tool-button', {\n        'twigs-editor-tool-button--active': active\n      })}\n      onClick={handleClick}\n      title={active ? 'Remove link' : 'Convert to link'}\n      aria-label={active ? 'Remove link' : 'Convert to link'}\n      data-tool=\"link\"\n      {...buttonProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,QAAW,GAAA,CAAC,EAAE,YAAA,EAAc,aAAsC,KAAA;AAC7E,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAC3C,EAAM,MAAA,CAAC,MAAM,CAAI,GAAA,eAAA,CAAgB,CAAC,KAAU,KAAA,KAAA,CAAM,KAAK,MAAM,CAAA;AAE7D,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,MAAA,CAAO,OAAO,MAAM;AAClB,MAAA,MAAM,YAAY,aAAc,EAAA;AAIhC,MAAA,IACE,cAAc,IACV,IAAA,iBAAA,CAAkB,SAAS,CAAA,KAAK,uCAAW,WAC/C,EAAA,CAAA,EAAA;AACA,QAAM,MAAA,WAAA,GAAc,gBAAgB,EAAE,CAAA;AAItC,QAAY,WAAA,CAAA,MAAA,CAAO,eAAgB,CAAA,GAAG,CAAC,CAAA;AAEvC,QAAa,YAAA,CAAA,CAAC,WAAW,CAAC,CAAA;AAC1B,QAAA,WAAA,CAAY,WAAY,EAAA;AAExB,QAAO,MAAA,CAAA,eAAA,CAAgB,gBAAgB,MAAS,CAAA;AAEhD,QAAA;AAAA;AAGF,MAAA,IAAI,CAAC,MAAQ,EAAA;AACX,QAAO,MAAA,CAAA,eAAA,CAAgB,qBAAqB,EAAE,CAAA;AAAA,OACzC,MAAA;AACL,QAAO,MAAA,CAAA,eAAA,CAAgB,qBAAqB,IAAI,CAAA;AAAA;AAClD,KACD,CAAA;AAAA,GACH;AAEA,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,OAAO,aAAa,EAAE,MAAA,EAAQ,MAAQ,EAAA,QAAA,EAAU,aAAa,CAAA;AAAA;AAG/D,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,IAAA,sBAAO,QAAS,EAAA,EAAA,CAAA;AAAA,MAChB,OAAA,EAAS,SAAS,OAAU,GAAA,OAAA;AAAA,MAC5B,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,KAAK,0BAA4B,EAAA;AAAA,QAC1C,kCAAoC,EAAA;AAAA,OACrC,CAAA;AAAA,MACD,OAAS,EAAA,WAAA;AAAA,MACT,KAAA,EAAO,SAAS,aAAgB,GAAA,iBAAA;AAAA,MAChC,YAAA,EAAY,SAAS,aAAgB,GAAA,iBAAA;AAAA,MACrC,WAAU,EAAA;AAAA,KACN,EAAA,WAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/es/components/toolbar/tools/ordered-list.js

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import { INSERT_ORDERED_LIST_COMMAND } from '@lexical/list';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { clsx } from '../../../react-editor/node_modules/clsx/dist/clsx.js';
+import { useToolbarStore } from '../../toolbar-context/store.js';
+import { formatParagraph } from './commons.js';
+import { IconButton } from '../../../react-components/dist/es/button/icon-button.js';
+import { OrderedListIcon } from '../../../react-icons/dist/es/icons/ordered-list.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const OrderedListTool = ({
+  renderButton,
+  buttonProps
+}) => {
+  const [editor] = useLexicalComposerContext();
+  const [active] = useToolbarStore((state) => state.data.isOrderedList);
+  const handleClick = () => {
+    if (!active) {
+      editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+    } else {
+      formatParagraph(editor);
+    }
+  };
+  if (renderButton) {
+    return renderButton({ editor, active, onChange: handleClick });
+  }
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    __spreadValues({
+      icon: /* @__PURE__ */ jsx(OrderedListIcon, {}),
+      variant: active ? "solid" : "ghost",
+      color: "default",
+      className: clsx("twigs-editor-tool-button", {
+        "twigs-editor-tool-button--active": active
+      }),
+      onClick: handleClick,
+      title: active ? "Change formatting from ordered list to paragraph" : "Change formatting to ordered list",
+      "aria-label": active ? "Change formatting from ordered list to paragraph" : "Change formatting to ordered list",
+      "data-tool": "ordered-list"
+    }, buttonProps)
+  );
+};
+
+export { OrderedListTool };
+//# sourceMappingURL=ordered-list.js.map

package/dist/es/components/toolbar/tools/ordered-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ordered-list.js","sources":["../../../../../src/components/toolbar/tools/ordered-list.tsx"],"sourcesContent":["import { INSERT_ORDERED_LIST_COMMAND } from '@lexical/list';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { OrderedListIcon } from '@sparrowengg/twigs-react-icons';\nimport { IconButton } from '@sparrowengg/twigs-react';\nimport clsx from 'clsx';\nimport { useToolbarStore } from '../../toolbar-context/store';\nimport { ToolbarButtonProps, formatParagraph } from './commons';\n\nexport const OrderedListTool = ({\n  renderButton,\n  buttonProps\n}: ToolbarButtonProps) => {\n  const [editor] = useLexicalComposerContext();\n  const [active] = useToolbarStore((state) => state.data.isOrderedList);\n\n  const handleClick = () => {\n    if (!active) {\n      editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n    } else {\n      formatParagraph(editor);\n    }\n  };\n\n  if (renderButton) {\n    return renderButton({ editor, active, onChange: handleClick });\n  }\n\n  return (\n    <IconButton\n      icon={<OrderedListIcon />}\n      variant={active ? 'solid' : 'ghost'}\n      color=\"default\"\n      className={clsx('twigs-editor-tool-button', {\n        'twigs-editor-tool-button--active': active\n      })}\n      onClick={handleClick}\n      title={\n        active\n          ? 'Change formatting from ordered list to paragraph'\n          : 'Change formatting to ordered list'\n      }\n      aria-label={\n        active\n          ? 'Change formatting from ordered list to paragraph'\n          : 'Change formatting to ordered list'\n      }\n      data-tool=\"ordered-list\"\n      {...buttonProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,YAAA;AAAA,EACA;AACF,CAA0B,KAAA;AACxB,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAC3C,EAAM,MAAA,CAAC,MAAM,CAAI,GAAA,eAAA,CAAgB,CAAC,KAAU,KAAA,KAAA,CAAM,KAAK,aAAa,CAAA;AAEpE,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,IAAI,CAAC,MAAQ,EAAA;AACX,MAAO,MAAA,CAAA,eAAA,CAAgB,6BAA6B,MAAS,CAAA;AAAA,KACxD,MAAA;AACL,MAAA,eAAA,CAAgB,MAAM,CAAA;AAAA;AACxB,GACF;AAEA,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,OAAO,aAAa,EAAE,MAAA,EAAQ,MAAQ,EAAA,QAAA,EAAU,aAAa,CAAA;AAAA;AAG/D,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,IAAA,sBAAO,eAAgB,EAAA,EAAA,CAAA;AAAA,MACvB,OAAA,EAAS,SAAS,OAAU,GAAA,OAAA;AAAA,MAC5B,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,KAAK,0BAA4B,EAAA;AAAA,QAC1C,kCAAoC,EAAA;AAAA,OACrC,CAAA;AAAA,MACD,OAAS,EAAA,WAAA;AAAA,MACT,KAAA,EACE,SACI,kDACA,GAAA,mCAAA;AAAA,MAEN,YAAA,EACE,SACI,kDACA,GAAA,mCAAA;AAAA,MAEN,WAAU,EAAA;AAAA,KACN,EAAA,WAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/es/components/toolbar/tools/text-align.js

@@ -0,0 +1,80 @@
+import { jsx } from 'react/jsx-runtime';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { clsx } from '../../../react-editor/node_modules/clsx/dist/clsx.js';
+import { FORMAT_ELEMENT_COMMAND } from 'lexical';
+import { useToolbarStore } from '../../toolbar-context/store.js';
+import { textAlignments } from '../../toolbar-context/utils.js';
+import { IconButton } from '../../../react-components/dist/es/button/icon-button.js';
+import { TextAlignJustifyIcon } from '../../../react-icons/dist/es/icons/text-align-justify.js';
+import { TextAlignRightIcon } from '../../../react-icons/dist/es/icons/text-align-right.js';
+import { TextAlignCenterIcon } from '../../../react-icons/dist/es/icons/text-align-center.js';
+import { TextAlignLeftIcon } from '../../../react-icons/dist/es/icons/text-align-left.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const IconMapping = {
+  left: /* @__PURE__ */ jsx(TextAlignLeftIcon, {}),
+  center: /* @__PURE__ */ jsx(TextAlignCenterIcon, {}),
+  right: /* @__PURE__ */ jsx(TextAlignRightIcon, {}),
+  justify: /* @__PURE__ */ jsx(TextAlignJustifyIcon, {})
+};
+const TextAlignTool = ({
+  renderButton,
+  buttonProps
+}) => {
+  const [editor] = useLexicalComposerContext();
+  const [alignment] = useToolbarStore((state) => state.data.textAlign);
+  const getNextAlignment = (currentAlign) => {
+    let activeIndex = textAlignments.indexOf(currentAlign);
+    if (activeIndex === textAlignments.length - 1) {
+      activeIndex = 0;
+    } else {
+      activeIndex++;
+    }
+    return textAlignments[activeIndex];
+  };
+  const handleClick = () => {
+    editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, getNextAlignment(alignment));
+  };
+  if (renderButton) {
+    return renderButton({ editor, active: alignment, onChange: handleClick });
+  }
+  const Icon = () => IconMapping[alignment];
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    __spreadValues({
+      icon: /* @__PURE__ */ jsx(Icon, {}),
+      variant: "ghost",
+      color: "default",
+      className: clsx(
+        "twigs-editor-tool-button",
+        `twigs-editor-tool-button--${alignment}`
+      ),
+      onClick: handleClick,
+      title: `Change text alignment from ${alignment} to ${getNextAlignment(
+        alignment
+      )}`,
+      "aria-label": `Change text alignment from ${alignment} to ${getNextAlignment(
+        alignment
+      )}`,
+      "data-tool": "text-align"
+    }, buttonProps)
+  );
+};
+
+export { TextAlignTool };
+//# sourceMappingURL=text-align.js.map

package/dist/es/components/toolbar/tools/text-align.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-align.js","sources":["../../../../../src/components/toolbar/tools/text-align.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport {\n  TextAlignCenterIcon,\n  TextAlignJustifyIcon,\n  TextAlignLeftIcon,\n  TextAlignRightIcon\n} from '@sparrowengg/twigs-react-icons';\nimport { IconButton } from '@sparrowengg/twigs-react';\nimport clsx from 'clsx';\nimport { FORMAT_ELEMENT_COMMAND } from 'lexical';\nimport React, { ReactNode } from 'react';\nimport { useToolbarStore } from '../../toolbar-context/store';\nimport { TextAlignments, textAlignments } from '../../toolbar-context/utils';\nimport { RenderButtonProps, ToolbarButtonProps } from './commons';\n\nconst IconMapping: Record<TextAlignments, ReactNode> = {\n  left: <TextAlignLeftIcon />,\n  center: <TextAlignCenterIcon />,\n  right: <TextAlignRightIcon />,\n  justify: <TextAlignJustifyIcon />\n};\n\nexport const TextAlignTool = ({\n  renderButton,\n  buttonProps\n}: Omit<ToolbarButtonProps, 'renderButton'> & {\n  renderButton?: (\n    props: Omit<RenderButtonProps, 'onChange' | 'active'> & {\n      onChange: (alignment: TextAlignments) => void;\n      active: TextAlignments;\n    }\n  ) => React.ReactNode;\n}) => {\n  const [editor] = useLexicalComposerContext();\n  const [alignment] = useToolbarStore((state) => state.data.textAlign);\n\n  const getNextAlignment = (currentAlign: TextAlignments) => {\n    let activeIndex = textAlignments.indexOf(currentAlign);\n    if (activeIndex === textAlignments.length - 1) {\n      activeIndex = 0;\n    } else {\n      activeIndex++;\n    }\n\n    return textAlignments[activeIndex];\n  };\n\n  const handleClick = () => {\n    editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, getNextAlignment(alignment));\n  };\n\n  if (renderButton) {\n    return renderButton({ editor, active: alignment, onChange: handleClick });\n  }\n\n  const Icon = () => IconMapping[alignment];\n\n  return (\n    <IconButton\n      icon={<Icon />}\n      variant=\"ghost\"\n      color=\"default\"\n      className={clsx(\n        'twigs-editor-tool-button',\n        `twigs-editor-tool-button--${alignment}`\n      )}\n      onClick={handleClick}\n      title={`Change text alignment from ${alignment} to ${getNextAlignment(\n        alignment\n      )}`}\n      aria-label={`Change text alignment from ${alignment} to ${getNextAlignment(\n        alignment\n      )}`}\n      data-tool=\"text-align\"\n      {...buttonProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,WAAiD,GAAA;AAAA,EACrD,IAAA,sBAAO,iBAAkB,EAAA,EAAA,CAAA;AAAA,EACzB,MAAA,sBAAS,mBAAoB,EAAA,EAAA,CAAA;AAAA,EAC7B,KAAA,sBAAQ,kBAAmB,EAAA,EAAA,CAAA;AAAA,EAC3B,OAAA,sBAAU,oBAAqB,EAAA,EAAA;AACjC,CAAA;AAEO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,YAAA;AAAA,EACA;AACF,CAOM,KAAA;AACJ,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAC3C,EAAM,MAAA,CAAC,SAAS,CAAI,GAAA,eAAA,CAAgB,CAAC,KAAU,KAAA,KAAA,CAAM,KAAK,SAAS,CAAA;AAEnE,EAAM,MAAA,gBAAA,GAAmB,CAAC,YAAiC,KAAA;AACzD,IAAI,IAAA,WAAA,GAAc,cAAe,CAAA,OAAA,CAAQ,YAAY,CAAA;AACrD,IAAI,IAAA,WAAA,KAAgB,cAAe,CAAA,MAAA,GAAS,CAAG,EAAA;AAC7C,MAAc,WAAA,GAAA,CAAA;AAAA,KACT,MAAA;AACL,MAAA,WAAA,EAAA;AAAA;AAGF,IAAA,OAAO,eAAe,WAAW,CAAA;AAAA,GACnC;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,MAAA,CAAO,eAAgB,CAAA,sBAAA,EAAwB,gBAAiB,CAAA,SAAS,CAAC,CAAA;AAAA,GAC5E;AAEA,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,OAAO,aAAa,EAAE,MAAA,EAAQ,QAAQ,SAAW,EAAA,QAAA,EAAU,aAAa,CAAA;AAAA;AAG1E,EAAM,MAAA,IAAA,GAAO,MAAM,WAAA,CAAY,SAAS,CAAA;AAExC,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,IAAA,sBAAO,IAAK,EAAA,EAAA,CAAA;AAAA,MACZ,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,SAAW,EAAA,IAAA;AAAA,QACT,0BAAA;AAAA,QACA,6BAA6B,SAAS,CAAA;AAAA,OACxC;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,KAAA,EAAO,CAA8B,2BAAA,EAAA,SAAS,CAAO,IAAA,EAAA,gBAAA;AAAA,QACnD;AAAA,OACD,CAAA,CAAA;AAAA,MACD,YAAA,EAAY,CAA8B,2BAAA,EAAA,SAAS,CAAO,IAAA,EAAA,gBAAA;AAAA,QACxD;AAAA,OACD,CAAA,CAAA;AAAA,MACD,WAAU,EAAA;AAAA,KACN,EAAA,WAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/es/components/toolbar/tools/underline.js

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { FORMAT_TEXT_COMMAND } from 'lexical';
+import { clsx } from '../../../react-editor/node_modules/clsx/dist/clsx.js';
+import { useToolbarStore } from '../../toolbar-context/store.js';
+import { IconButton } from '../../../react-components/dist/es/button/icon-button.js';
+import { UnderlineIcon } from '../../../react-icons/dist/es/icons/underline.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const UnderlineTool = ({
+  renderButton,
+  buttonProps
+}) => {
+  const [editor] = useLexicalComposerContext();
+  const [active] = useToolbarStore((state) => state.data.isUnderline);
+  const handleClick = () => {
+    editor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline");
+  };
+  if (renderButton) {
+    return renderButton({ editor, active, onChange: handleClick });
+  }
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    __spreadValues({
+      icon: /* @__PURE__ */ jsx(UnderlineIcon, {}),
+      variant: active ? "solid" : "ghost",
+      color: "default",
+      onClick: handleClick,
+      className: clsx("twigs-editor-tool-button", {
+        "twigs-editor-tool-button--active": active
+      }),
+      title: active ? "Remove underline" : "Add underline",
+      "aria-label": active ? "Remove underline" : "Add underline",
+      "data-tool": "underline"
+    }, buttonProps)
+  );
+};
+
+export { UnderlineTool };
+//# sourceMappingURL=underline.js.map

package/dist/es/components/toolbar/tools/underline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"underline.js","sources":["../../../../../src/components/toolbar/tools/underline.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { UnderlineIcon } from '@sparrowengg/twigs-react-icons';\nimport { IconButton } from '@sparrowengg/twigs-react';\nimport { FORMAT_TEXT_COMMAND } from 'lexical';\nimport clsx from 'clsx';\nimport { useToolbarStore } from '../../toolbar-context/store';\nimport { ToolbarButtonProps } from './commons';\n\nexport const UnderlineTool = ({\n  renderButton,\n  buttonProps\n}: ToolbarButtonProps) => {\n  const [editor] = useLexicalComposerContext();\n  const [active] = useToolbarStore((state) => state.data.isUnderline);\n\n  const handleClick = () => {\n    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');\n  };\n\n  if (renderButton) {\n    return renderButton({ editor, active, onChange: handleClick });\n  }\n\n  return (\n    <IconButton\n      icon={<UnderlineIcon />}\n      variant={active ? 'solid' : 'ghost'}\n      color=\"default\"\n      onClick={handleClick}\n      className={clsx('twigs-editor-tool-button', {\n        'twigs-editor-tool-button--active': active\n      })}\n      title={active ? 'Remove underline' : 'Add underline'}\n      aria-label={active ? 'Remove underline' : 'Add underline'}\n      data-tool=\"underline\"\n      {...buttonProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,YAAA;AAAA,EACA;AACF,CAA0B,KAAA;AACxB,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAC3C,EAAM,MAAA,CAAC,MAAM,CAAI,GAAA,eAAA,CAAgB,CAAC,KAAU,KAAA,KAAA,CAAM,KAAK,WAAW,CAAA;AAElE,EAAA,MAAM,cAAc,MAAM;AACxB,IAAO,MAAA,CAAA,eAAA,CAAgB,qBAAqB,WAAW,CAAA;AAAA,GACzD;AAEA,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,OAAO,aAAa,EAAE,MAAA,EAAQ,MAAQ,EAAA,QAAA,EAAU,aAAa,CAAA;AAAA;AAG/D,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,IAAA,sBAAO,aAAc,EAAA,EAAA,CAAA;AAAA,MACrB,OAAA,EAAS,SAAS,OAAU,GAAA,OAAA;AAAA,MAC5B,KAAM,EAAA,SAAA;AAAA,MACN,OAAS,EAAA,WAAA;AAAA,MACT,SAAA,EAAW,KAAK,0BAA4B,EAAA;AAAA,QAC1C,kCAAoC,EAAA;AAAA,OACrC,CAAA;AAAA,MACD,KAAA,EAAO,SAAS,kBAAqB,GAAA,eAAA;AAAA,MACrC,YAAA,EAAY,SAAS,kBAAqB,GAAA,eAAA;AAAA,MAC1C,WAAU,EAAA;AAAA,KACN,EAAA,WAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/es/components/toolbar/tools/unordered-list.js

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import { INSERT_UNORDERED_LIST_COMMAND } from '@lexical/list';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { clsx } from '../../../react-editor/node_modules/clsx/dist/clsx.js';
+import { useToolbarStore } from '../../toolbar-context/store.js';
+import { formatParagraph } from './commons.js';
+import { IconButton } from '../../../react-components/dist/es/button/icon-button.js';
+import { UnorderedListIcon } from '../../../react-icons/dist/es/icons/unordered-list.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const UnorderedListTool = ({
+  renderButton,
+  buttonProps
+}) => {
+  const [active] = useToolbarStore((state) => state.data.isUnOrderedList);
+  const [editor] = useLexicalComposerContext();
+  const handleClick = () => {
+    if (!active) {
+      editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+    } else {
+      formatParagraph(editor);
+    }
+  };
+  if (renderButton) {
+    return renderButton({ editor, active, onChange: handleClick });
+  }
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    __spreadValues({
+      icon: /* @__PURE__ */ jsx(UnorderedListIcon, {}),
+      variant: active ? "solid" : "ghost",
+      color: "default",
+      onClick: handleClick,
+      title: active ? "Change formatting from unordered list to paragraph" : "Change formatting to unordered list",
+      "aria-label": active ? "Change formatting from unordered list to paragraph" : "Change formatting to unordered list",
+      className: clsx("twigs-editor-tool-button", {
+        "twigs-editor-tool-button--active": active
+      }),
+      "data-tool": "unordered-list"
+    }, buttonProps)
+  );
+};
+
+export { UnorderedListTool };
+//# sourceMappingURL=unordered-list.js.map

package/dist/es/components/toolbar/tools/unordered-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unordered-list.js","sources":["../../../../../src/components/toolbar/tools/unordered-list.tsx"],"sourcesContent":["import { INSERT_UNORDERED_LIST_COMMAND } from '@lexical/list';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { UnorderedListIcon } from '@sparrowengg/twigs-react-icons';\nimport { IconButton } from '@sparrowengg/twigs-react';\nimport clsx from 'clsx';\nimport { useToolbarStore } from '../../toolbar-context/store';\nimport { ToolbarButtonProps, formatParagraph } from './commons';\n\nexport const UnorderedListTool = ({\n  renderButton,\n  buttonProps\n}: ToolbarButtonProps) => {\n  const [active] = useToolbarStore((state) => state.data.isUnOrderedList);\n  const [editor] = useLexicalComposerContext();\n\n  const handleClick = () => {\n    if (!active) {\n      editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n    } else {\n      formatParagraph(editor);\n    }\n  };\n\n  if (renderButton) {\n    return renderButton({ editor, active, onChange: handleClick });\n  }\n\n  return (\n    <IconButton\n      icon={<UnorderedListIcon />}\n      variant={active ? 'solid' : 'ghost'}\n      color=\"default\"\n      onClick={handleClick}\n      title={\n        active\n          ? 'Change formatting from unordered list to paragraph'\n          : 'Change formatting to unordered list'\n      }\n      aria-label={\n        active\n          ? 'Change formatting from unordered list to paragraph'\n          : 'Change formatting to unordered list'\n      }\n      className={clsx('twigs-editor-tool-button', {\n        'twigs-editor-tool-button--active': active\n      })}\n      data-tool=\"unordered-list\"\n      {...buttonProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,oBAAoB,CAAC;AAAA,EAChC,YAAA;AAAA,EACA;AACF,CAA0B,KAAA;AACxB,EAAM,MAAA,CAAC,MAAM,CAAI,GAAA,eAAA,CAAgB,CAAC,KAAU,KAAA,KAAA,CAAM,KAAK,eAAe,CAAA;AACtE,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAE3C,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,IAAI,CAAC,MAAQ,EAAA;AACX,MAAO,MAAA,CAAA,eAAA,CAAgB,+BAA+B,MAAS,CAAA;AAAA,KAC1D,MAAA;AACL,MAAA,eAAA,CAAgB,MAAM,CAAA;AAAA;AACxB,GACF;AAEA,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,OAAO,aAAa,EAAE,MAAA,EAAQ,MAAQ,EAAA,QAAA,EAAU,aAAa,CAAA;AAAA;AAG/D,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,IAAA,sBAAO,iBAAkB,EAAA,EAAA,CAAA;AAAA,MACzB,OAAA,EAAS,SAAS,OAAU,GAAA,OAAA;AAAA,MAC5B,KAAM,EAAA,SAAA;AAAA,MACN,OAAS,EAAA,WAAA;AAAA,MACT,KAAA,EACE,SACI,oDACA,GAAA,qCAAA;AAAA,MAEN,YAAA,EACE,SACI,oDACA,GAAA,qCAAA;AAAA,MAEN,SAAA,EAAW,KAAK,0BAA4B,EAAA;AAAA,QAC1C,kCAAoC,EAAA;AAAA,OACrC,CAAA;AAAA,MACD,WAAU,EAAA;AAAA,KACN,EAAA,WAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/es/components/toolbar-context/context.js

@@ -0,0 +1,145 @@
+import { jsx } from 'react/jsx-runtime';
+import { $isCodeNode } from '@lexical/code';
+import { $isLinkNode } from '@lexical/link';
+import { $isListNode, ListNode } from '@lexical/list';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $isHeadingNode } from '@lexical/rich-text';
+import { $getNearestNodeOfType, $findMatchingParent, mergeRegister } from '@lexical/utils';
+import { $getSelection, $isRangeSelection, $isParagraphNode, $isElementNode, SELECTION_CHANGE_COMMAND, CAN_UNDO_COMMAND, CAN_REDO_COMMAND } from 'lexical';
+import { useCallback, useEffect } from 'react';
+import { getSelectedNode } from '../../utils/get-selected-node.js';
+import { ToolbarStoreProvider, useToolbarStore } from './store.js';
+import { textAlignments } from './utils.js';
+
+const LowPriority = 1;
+const ToolbarContextPlugin = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx(ToolbarStoreProvider, { children: /* @__PURE__ */ jsx(ToolbarContextConsumer, { children }) });
+};
+const ToolbarContextConsumer = ({
+  children
+}) => {
+  const [editor] = useLexicalComposerContext();
+  const [, updateData] = useToolbarStore((state) => state.data);
+  const updateToolbar = useCallback(() => {
+    const selection = $getSelection();
+    if ($isRangeSelection(selection)) {
+      const anchorNode = selection.anchor.getNode();
+      const element = anchorNode.getKey() === "root" ? anchorNode : anchorNode.getTopLevelElementOrThrow();
+      const elementKey = element.getKey();
+      const elementDOM = editor.getElementByKey(elementKey);
+      if (elementDOM !== null) {
+        if ($isListNode(element)) {
+          const parentList = $getNearestNodeOfType(anchorNode, ListNode);
+          const type = parentList ? parentList.getTag() : element.getTag();
+          if (type === "ul") {
+            updateData({
+              isUnOrderedList: true,
+              isOrderedList: false
+            });
+          } else if (type === "ol") {
+            updateData({
+              isUnOrderedList: false,
+              isOrderedList: true
+            });
+          }
+        } else {
+          updateData({
+            isUnOrderedList: false,
+            isOrderedList: false
+          });
+        }
+        if ($isHeadingNode(element)) {
+          const headingTag = element.getTag();
+          updateData({
+            format: headingTag
+          });
+        }
+        if ($isParagraphNode(element)) {
+          updateData({
+            format: "paragraph"
+          });
+        }
+        if ($isCodeNode(element)) {
+          updateData({
+            format: "code"
+          });
+        }
+      }
+      updateData({
+        isBold: selection.hasFormat("bold"),
+        isItalic: selection.hasFormat("italic"),
+        isUnderline: selection.hasFormat("underline"),
+        isStrikethrough: selection.hasFormat("strikethrough"),
+        isSubscript: selection.hasFormat("subscript"),
+        isSuperscript: selection.hasFormat("superscript"),
+        isCode: selection.hasFormat("code")
+      });
+      const node = getSelectedNode(selection);
+      const parent = node.getParent();
+      if ($isLinkNode(parent) || $isLinkNode(node)) {
+        updateData({
+          isLink: true
+        });
+      } else {
+        updateData({
+          isLink: false
+        });
+      }
+      let matchingParent;
+      if ($isLinkNode(parent)) {
+        matchingParent = $findMatchingParent(
+          node,
+          (parentNode) => $isElementNode(parentNode) && !parentNode.isInline()
+        );
+      }
+      let formatType = null;
+      if ($isElementNode(matchingParent)) {
+        formatType = matchingParent.getFormatType();
+      } else if ($isElementNode(node)) {
+        formatType = node.getFormatType();
+      } else {
+        formatType = parent == null ? void 0 : parent.getFormatType();
+      }
+      updateData({
+        textAlign: textAlignments.includes(formatType) ? formatType : "left"
+      });
+    }
+  }, []);
+  useEffect(() => {
+    return mergeRegister(
+      editor.registerUpdateListener(({ editorState }) => {
+        editorState.read(() => {
+          updateToolbar();
+        });
+      }),
+      editor.registerCommand(
+        SELECTION_CHANGE_COMMAND,
+        () => {
+          updateToolbar();
+          return false;
+        },
+        LowPriority
+      ),
+      editor.registerCommand(
+        CAN_UNDO_COMMAND,
+        () => {
+          return false;
+        },
+        LowPriority
+      ),
+      editor.registerCommand(
+        CAN_REDO_COMMAND,
+        () => {
+          return false;
+        },
+        LowPriority
+      )
+    );
+  }, [editor, updateToolbar]);
+  return children;
+};
+
+export { ToolbarContextConsumer, ToolbarContextPlugin };
+//# sourceMappingURL=context.js.map

package/dist/es/components/toolbar-context/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/toolbar-context/context.tsx"],"sourcesContent":["import { $isCodeNode } from '@lexical/code';\nimport { $isLinkNode } from '@lexical/link';\nimport { $isListNode, ListNode } from '@lexical/list';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $isHeadingNode } from '@lexical/rich-text';\nimport {\n  $findMatchingParent,\n  $getNearestNodeOfType,\n  mergeRegister\n} from '@lexical/utils';\nimport {\n  $getSelection,\n  $isElementNode,\n  $isParagraphNode,\n  $isRangeSelection,\n  CAN_REDO_COMMAND,\n  CAN_UNDO_COMMAND,\n  ElementFormatType,\n  SELECTION_CHANGE_COMMAND\n} from 'lexical';\nimport { ReactNode, useCallback, useEffect } from 'react';\nimport { getSelectedNode } from '../../utils/get-selected-node';\nimport { useToolbarStore, ToolbarStoreProvider } from './store';\nimport { TextAlignments, textAlignments } from './utils';\n\nconst LowPriority = 1;\n\nexport const ToolbarContextPlugin = ({\n  children\n}: {\n  children?: ReactNode;\n}) => {\n  return (\n    <ToolbarStoreProvider>\n      <ToolbarContextConsumer>{children}</ToolbarContextConsumer>\n    </ToolbarStoreProvider>\n  );\n};\n\nexport const ToolbarContextConsumer = ({\n  children\n}: {\n  children?: ReactNode;\n}) => {\n  const [editor] = useLexicalComposerContext();\n  const [, updateData] = useToolbarStore((state) => state.data);\n\n  const updateToolbar = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const anchorNode = selection.anchor.getNode();\n      const element = anchorNode.getKey() === 'root'\n        ? anchorNode\n        : anchorNode.getTopLevelElementOrThrow();\n      const elementKey = element.getKey();\n      const elementDOM = editor.getElementByKey(elementKey);\n      if (elementDOM !== null) {\n        if ($isListNode(element)) {\n          const parentList = $getNearestNodeOfType(anchorNode, ListNode);\n          const type = parentList ? parentList.getTag() : element.getTag();\n          if (type === 'ul') {\n            updateData({\n              isUnOrderedList: true,\n              isOrderedList: false\n            });\n          } else if (type === 'ol') {\n            updateData({\n              isUnOrderedList: false,\n              isOrderedList: true\n            });\n          }\n        } else {\n          updateData({\n            isUnOrderedList: false,\n            isOrderedList: false\n          });\n        }\n\n        if ($isHeadingNode(element)) {\n          const headingTag = element.getTag();\n          updateData({\n            format: headingTag\n          });\n        }\n\n        if ($isParagraphNode(element)) {\n          updateData({\n            format: 'paragraph'\n          });\n        }\n\n        if ($isCodeNode(element)) {\n          updateData({\n            format: 'code'\n          });\n        }\n      }\n\n      // Update text format\n      updateData({\n        isBold: selection.hasFormat('bold'),\n        isItalic: selection.hasFormat('italic'),\n        isUnderline: selection.hasFormat('underline'),\n        isStrikethrough: selection.hasFormat('strikethrough'),\n        isSubscript: selection.hasFormat('subscript'),\n        isSuperscript: selection.hasFormat('superscript'),\n        isCode: selection.hasFormat('code')\n      });\n      // Update links\n      const node = getSelectedNode(selection);\n      const parent = node.getParent();\n\n      if ($isLinkNode(parent) || $isLinkNode(node)) {\n        updateData({\n          isLink: true\n        });\n      } else {\n        updateData({\n          isLink: false\n        });\n      }\n\n      let matchingParent;\n      if ($isLinkNode(parent)) {\n        // If node is a link, we need to fetch the parent paragraph node to set format\n        matchingParent = $findMatchingParent(\n          node,\n          (parentNode) => $isElementNode(parentNode) && !parentNode.isInline()\n        );\n      }\n\n      let formatType: ElementFormatType | null | undefined = null;\n      if ($isElementNode(matchingParent)) {\n        formatType = matchingParent.getFormatType();\n      } else if ($isElementNode(node)) {\n        formatType = node.getFormatType();\n      } else {\n        formatType = parent?.getFormatType();\n      }\n\n      updateData({\n        textAlign: textAlignments.includes(formatType as any)\n          ? (formatType as TextAlignments)\n          : 'left'\n      });\n    }\n  }, []);\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          updateToolbar();\n        });\n      }),\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          updateToolbar();\n          return false;\n        },\n        LowPriority\n      ),\n      editor.registerCommand(\n        CAN_UNDO_COMMAND,\n        () => {\n          return false;\n        },\n        LowPriority\n      ),\n      editor.registerCommand(\n        CAN_REDO_COMMAND,\n        () => {\n          return false;\n        },\n        LowPriority\n      )\n    );\n  }, [editor, updateToolbar]);\n\n  return children;\n};\n"],"names":[],"mappings":"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"}