@lunejs/admin-ui 0.2.0 → 0.2.1

package/dist/shared/components/rich-editor/toolbar/bold/rich-editor-toolbar-bold.js

@@ -32,23 +32,24 @@ import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-toggle
 import "../../../../../packages/lune-ui/dist/components/toggle-group.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
 import "../../../../../packages/lune-ui/dist/form/form.js";
-import { useCurrentEditor as n, useEditorState as s } from "../../../../../node_modules/@tiptap/react/dist/index.js";
-import c from "../../../../../node_modules/lucide-react/dist/esm/icons/bold.js";
+import { useCurrentEditor as s, useEditorState as n } from "../../../../../node_modules/@tiptap/react/dist/index.js";
+import d from "../../../../../node_modules/lucide-react/dist/esm/icons/bold.js";
 const U = () => {
-  const { editor: o } = n(), i = s({
-    editor: o,
-    selector({ editor: t }) {
-      if (t)
+  const { editor: t } = s(), i = n({
+    editor: t,
+    selector({ editor: o }) {
+      if (o)
         return {
-          isBoldActive: t.isActive("bold")
+          isBoldActive: o.isActive("bold")
         };
     }
   }), m = () => {
-    o?.commands.toggleBold();
+    t?.commands.toggleBold();
   };
   return /* @__PURE__ */ r(
     e,
     {
+      disabled: !t?.isEditable,
       type: "button",
       variant: "ghost",
       className: p(
@@ -56,7 +57,7 @@ const U = () => {
         i?.isBoldActive && "bg-input/75! hover:bg-input/75!"
       ),
       onClick: m,
-      children: /* @__PURE__ */ r(c, {})
+      children: /* @__PURE__ */ r(d, {})
     }
   );
 };

package/dist/shared/components/rich-editor/toolbar/color/rich-editor-toolbar-color.js

@@ -50,6 +50,7 @@ const W = () => {
   }, onOpenChange: (o) => t?.setEditable(!o), children: /* @__PURE__ */ r(
     p,
     {
+      disabled: !t?.isEditable,
       type: "button",
       variant: "ghost",
       className: m(

package/dist/shared/components/rich-editor/toolbar/heading/rich-editor-toolbar-heading.js

@@ -53,6 +53,7 @@ const ee = () => {
     /* @__PURE__ */ r(p, { asChild: !0, children: /* @__PURE__ */ i(
       m,
       {
+        disabled: !e?.isEditable,
         type: "button",
         variant: "ghost",
         size: "sm",

package/dist/shared/components/rich-editor/toolbar/italic/rich-editor-toolbar-italic.js

@@ -32,10 +32,10 @@ import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-toggle
 import "../../../../../packages/lune-ui/dist/components/toggle-group.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
 import "../../../../../packages/lune-ui/dist/form/form.js";
-import { useCurrentEditor as c, useEditorState as n } from "../../../../../node_modules/@tiptap/react/dist/index.js";
-import s from "../../../../../node_modules/lucide-react/dist/esm/icons/italic.js";
+import { useCurrentEditor as c, useEditorState as s } from "../../../../../node_modules/@tiptap/react/dist/index.js";
+import a from "../../../../../node_modules/lucide-react/dist/esm/icons/italic.js";
 const U = () => {
-  const { editor: t } = c(), r = n({
+  const { editor: t } = c(), r = s({
     editor: t,
     selector({ editor: i }) {
       if (i)
@@ -49,6 +49,7 @@ const U = () => {
   return /* @__PURE__ */ o(
     e,
     {
+      disabled: !t?.isEditable,
       type: "button",
       variant: "ghost",
       className: p(
@@ -56,7 +57,7 @@ const U = () => {
         r?.isItalicActive && "bg-input/75! hover:bg-input/75!"
       ),
       onClick: m,
-      children: /* @__PURE__ */ o(s, {})
+      children: /* @__PURE__ */ o(a, {})
     }
   );
 };

package/dist/shared/components/rich-editor/toolbar/link/rich-editor-toolbar-link.js

@@ -20,7 +20,7 @@ import "../../../../../packages/lune-ui/dist/components/dialog.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-label/dist/index.js";
 import "../../../../../packages/lune-ui/dist/components/phone-input.js";
-import { Popover as n, PopoverTrigger as s, PopoverContent as a } from "../../../../../packages/lune-ui/dist/components/popover.js";
+import { Popover as s, PopoverTrigger as n, PopoverContent as a } from "../../../../../packages/lune-ui/dist/components/popover.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-radio-group/dist/index.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-select/dist/index.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-dialog/dist/index.js";
@@ -36,21 +36,22 @@ import { useCurrentEditor as c, useEditorState as d } from "../../../../../node_
 import { RickEditorToolbarLinkForm as l } from "./rich-editor-toolbar-link-form.js";
 import u from "../../../../../node_modules/lucide-react/dist/esm/icons/link.js";
 const Z = () => {
-  const { editor: r } = c(), t = d({
+  const { editor: r } = c(), i = d({
     editor: r,
-    selector: (i) => ({
-      isLink: i.editor?.isActive("link")
+    selector: (t) => ({
+      isLink: t.editor?.isActive("link")
     })
   });
-  return /* @__PURE__ */ m(n, { children: [
-    /* @__PURE__ */ o(s, { asChild: !0, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ m(s, { children: [
+    /* @__PURE__ */ o(n, { asChild: !0, children: /* @__PURE__ */ o(
       e,
       {
+        disabled: !r?.isEditable,
         type: "button",
         variant: "ghost",
         className: p(
           "size-8! hover:bg-input/30!",
-          t?.isLink && "bg-input/75! hover:bg-input/75!"
+          i?.isLink && "bg-input/75! hover:bg-input/75!"
         ),
         children: /* @__PURE__ */ o(u, {})
       }

package/dist/shared/components/rich-editor/toolbar/ol-list/rich-editor-toolbar-ul-list.js

@@ -49,6 +49,7 @@ const Q = () => {
   return /* @__PURE__ */ o(
     s,
     {
+      disabled: !t?.isEditable,
       type: "button",
       variant: "ghost",
       className: p(

package/dist/shared/components/rich-editor/toolbar/table/rich-editor-toolbar-table.js

@@ -33,8 +33,8 @@ import "../../../../../packages/lune-ui/dist/components/toggle-group.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
 import "../../../../../packages/lune-ui/dist/form/form.js";
 import { useCurrentEditor as w } from "../../../../../node_modules/@tiptap/react/dist/index.js";
-import C from "../../../../../node_modules/lucide-react/dist/esm/icons/table.js";
-import b from "../../../../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import b from "../../../../../node_modules/lucide-react/dist/esm/icons/table.js";
+import C from "../../../../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 import T from "../../../../../node_modules/lucide-react/dist/esm/icons/grid-2x2-plus.js";
 import R from "../../../../../node_modules/lucide-react/dist/esm/icons/between-horizontal-end.js";
 import v from "../../../../../node_modules/lucide-react/dist/esm/icons/between-vertical-end.js";
@@ -50,15 +50,16 @@ const ho = () => {
     t?.chain().focus().deleteColumn().run();
   }, l = () => {
     t?.chain().focus().deleteRow().run();
-  }, c = () => {
-    t?.chain().focus().addRowAfter().run();
   }, a = () => {
+    t?.chain().focus().addRowAfter().run();
+  }, c = () => {
     t?.chain().focus().deleteTable().run();
   };
   return /* @__PURE__ */ r(u, { children: [
     /* @__PURE__ */ o(f, { asChild: !0, children: /* @__PURE__ */ r(
       d,
       {
+        disabled: !t?.isEditable,
         type: "button",
         variant: "ghost",
         size: "icon",
@@ -67,8 +68,8 @@ const ho = () => {
           !1
         ),
         children: [
-          /* @__PURE__ */ o(C, {}),
-          /* @__PURE__ */ o(b, {})
+          /* @__PURE__ */ o(b, {}),
+          /* @__PURE__ */ o(C, {})
         ]
       }
     ) }),
@@ -78,7 +79,7 @@ const ho = () => {
         "Insert table"
       ] }),
       /* @__PURE__ */ o(e, {}),
-      /* @__PURE__ */ r(i, { onClick: c, children: [
+      /* @__PURE__ */ r(i, { onClick: a, children: [
         /* @__PURE__ */ o(R, {}),
         "Insert row"
       ] }),
@@ -95,7 +96,7 @@ const ho = () => {
         /* @__PURE__ */ o(g, {}),
         "Remove column"
       ] }),
-      /* @__PURE__ */ r(i, { onClick: a, children: [
+      /* @__PURE__ */ r(i, { onClick: c, children: [
         /* @__PURE__ */ o(D, {}),
         "Remove table"
       ] })

package/dist/shared/components/rich-editor/toolbar/ul-list/rich-editor-toolbar-ul-list.js

@@ -1,4 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import "react";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-accordion/dist/index.js";
 import { cn as p } from "../../../../../packages/lune-ui/dist/lib/utils.js";
@@ -33,9 +33,9 @@ import "../../../../../packages/lune-ui/dist/components/toggle-group.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
 import "../../../../../packages/lune-ui/dist/form/form.js";
 import { useCurrentEditor as s, useEditorState as n } from "../../../../../node_modules/@tiptap/react/dist/index.js";
-import c from "../../../../../node_modules/lucide-react/dist/esm/icons/list-ordered.js";
+import d from "../../../../../node_modules/lucide-react/dist/esm/icons/list-ordered.js";
 const U = () => {
-  const { editor: t } = s(), i = n({
+  const { editor: t } = s(), o = n({
     editor: t,
     selector({ editor: r }) {
       if (r)
@@ -46,17 +46,18 @@ const U = () => {
   }), m = () => {
     t?.commands.toggleOrderedList();
   };
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ i(
     e,
     {
+      disabled: !t?.isEditable,
       type: "button",
       variant: "ghost",
       className: p(
         "size-8! hover:bg-input/30!",
-        i?.isListActive && "bg-input/75! hover:bg-input/75!"
+        o?.isListActive && "bg-input/75! hover:bg-input/75!"
       ),
       onClick: m,
-      children: /* @__PURE__ */ o(c, {})
+      children: /* @__PURE__ */ i(d, {})
     }
   );
 };

package/dist/shared/components/rich-editor/toolbar/underline/rich-editor-toolbar-underline.js

@@ -33,7 +33,7 @@ import "../../../../../packages/lune-ui/dist/components/toggle-group.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
 import "../../../../../packages/lune-ui/dist/form/form.js";
 import { useCurrentEditor as n, useEditorState as s } from "../../../../../node_modules/@tiptap/react/dist/index.js";
-import c from "../../../../../node_modules/lucide-react/dist/esm/icons/underline.js";
+import l from "../../../../../node_modules/lucide-react/dist/esm/icons/underline.js";
 const Q = () => {
   const { editor: t } = n(), o = s({
     editor: t,
@@ -49,6 +49,7 @@ const Q = () => {
   return /* @__PURE__ */ i(
     e,
     {
+      disabled: !t?.isEditable,
       type: "button",
       variant: "ghost",
       className: p(
@@ -56,7 +57,7 @@ const Q = () => {
         o?.isUnderlineActive && "bg-input/75! hover:bg-input/75!"
       ),
       onClick: m,
-      children: /* @__PURE__ */ i(c, {})
+      children: /* @__PURE__ */ i(l, {})
     }
   );
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@lunejs/admin-ui",
   "description": "Admin UI for Lune",
   "license": "AGPL-3.0",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "type": "module",
   "files": [
     "dist"