@vitnode/core 1.2.0-canary.52 → 1.2.0-canary.54

package/dist/src/components/table/content.js

@@ -6,7 +6,7 @@ import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from ".
 import { OrderTableHeadDataTable } from "./order-table-head.js";
 import { PaginationDataTable } from "./pagination.js";
 export function ContentDataTable({ columns, edges, pageInfo, order, customNotFoundComponent, ...props }) {
-    const t = useTranslations('core.global');
+    const t = useTranslations("core.global");
     return /*#__PURE__*/ _jsxs("div", {
         className: "space-y-4",
         children: [
@@ -34,10 +34,10 @@ export function ContentDataTable({ columns, edges, pageInfo, order, customNotFou
                                         const content = column.cell?.({
                                             allData: edges,
                                             row
-                                        }) ?? (column.id === 'actions' ? '' : String(row[column.id]));
+                                        }) ?? (column.id === "actions" ? "" : String(row[column.id]));
                                         return /*#__PURE__*/ _jsx(TableCell, {
                                             className: cn({
-                                                'flex items-center justify-end gap-2': column.id === 'actions'
+                                                "flex items-center justify-end gap-2": column.id === "actions"
                                             }),
                                             children: content
                                         }, `${row.id}_${column.id.toString()}`);
@@ -57,11 +57,11 @@ export function ContentDataTable({ columns, edges, pageInfo, order, customNotFou
                                                 children: [
                                                     /*#__PURE__*/ _jsx("h3", {
                                                         className: "text-xl font-semibold tracking-tight",
-                                                        children: t('no_results.title')
+                                                        children: t("no_results.title")
                                                     }),
                                                     /*#__PURE__*/ _jsx("p", {
                                                         className: "text-muted-foreground text-sm",
-                                                        children: t('no_results.desc')
+                                                        children: t("no_results.desc")
                                                     })
                                                 ]
                                             })

package/dist/src/components/table/data-table.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { PaginationDataTable } from './pagination';
-import { Table } from '../ui/table';
+import React from "react";
+import { Table } from "../ui/table";
+import type { PaginationDataTable } from "./pagination";
 export interface DataTableTMin {
     id: number;
 }
@@ -8,20 +8,20 @@ export interface SearchParamsDataTable<T = unknown> {
     cursor?: string;
     first?: string;
     last?: string;
-    order?: 'asc' | 'desc';
+    order?: "asc" | "desc";
     orderBy?: keyof T;
 }
 export declare const DataTableSkeleton: ({ columns }: {
     columns: number;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare function DataTable<T extends DataTableTMin>(props: Omit<React.ComponentProps<typeof Table>, 'columns'> & React.ComponentProps<typeof PaginationDataTable> & {
+export declare function DataTable<T extends DataTableTMin>(props: Omit<React.ComponentProps<typeof Table>, "columns"> & React.ComponentProps<typeof PaginationDataTable> & {
     columns: {
         cell?: (data: {
             allData: T[];
             row: T;
         }) => React.ReactNode;
         className?: string;
-        id: 'actions' | keyof T;
+        id: "actions" | keyof T;
         label: string;
     }[];
     customNotFoundComponent?: React.ReactNode;
@@ -30,7 +30,7 @@ export declare function DataTable<T extends DataTableTMin>(props: Omit<React.Com
         columns?: (keyof T)[];
         defaultOrder: {
             column: keyof T;
-            order: 'asc' | 'desc';
+            order: "asc" | "desc";
         };
     };
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/table/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/data-table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,OAAO,EACL,KAAK,EAKN,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,4CA+BjE,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,aAAa,EAC/C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,CAAC,GACxD,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACjD,OAAO,EAAE;QACP,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;YAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAAC,GAAG,EAAE,CAAC,CAAA;SAAE,KAAK,KAAK,CAAC,SAAS,CAAC;QAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,EAAE,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;QACtB,YAAY,EAAE;YACZ,MAAM,EAAE,MAAM,CAAC,CAAC;YAChB,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC;SACvB,CAAC;KACH,CAAC;CACH,2CAOJ"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,KAAK,EAKN,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,4CAoDjE,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,aAAa,EAC/C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,CAAC,GACxD,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACjD,OAAO,EAAE;QACP,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;YAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAAC,GAAG,EAAE,CAAC,CAAA;SAAE,KAAK,KAAK,CAAC,SAAS,CAAC;QAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,EAAE,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;QACtB,YAAY,EAAE;YACZ,MAAM,EAAE,MAAM,CAAC,CAAC;YAChB,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC;SACvB,CAAC;KACH,CAAC;CACH,2CAOJ"}

package/dist/src/components/table/data-table.js

@@ -1,10 +1,19 @@
-/* eslint-disable @eslint-react/no-array-index-key */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { ErrorView } from "../../views/error/error-view.js";
 import { Skeleton } from "../ui/skeleton.js";
 import { Table, TableBody, TableHead, TableHeader, TableRow } from "../ui/table.js";
 import { ContentDataTable } from "./content.js";
-export const DataTableSkeleton = ({ columns })=>/*#__PURE__*/ _jsxs("div", {
+export const DataTableSkeleton = ({ columns })=>{
+    const headerIds = React.useMemo(()=>Array.from({
+            length: columns
+        }).map(()=>`s-head-${Math.random().toString(36).slice(2, 9)}`), [
+        columns
+    ]);
+    const rowIds = React.useMemo(()=>Array.from({
+            length: 6
+        }).map(()=>`s-row-${Math.random().toString(36).slice(2, 9)}`), []);
+    return /*#__PURE__*/ _jsxs("div", {
         className: "space-y-4",
         children: [
             /*#__PURE__*/ _jsx("div", {
@@ -14,29 +23,26 @@ export const DataTableSkeleton = ({ columns })=>/*#__PURE__*/ _jsxs("div", {
                     children: [
                         /*#__PURE__*/ _jsx(TableHeader, {
                             children: /*#__PURE__*/ _jsx(TableRow, {
-                                children: Array.from({
-                                    length: columns
-                                }).map((_, i)=>/*#__PURE__*/ _jsx(TableHead, {
+                                children: headerIds.map((hid)=>/*#__PURE__*/ _jsx(TableHead, {
                                         className: "px-4 py-3",
                                         children: /*#__PURE__*/ _jsx(Skeleton, {
                                             className: "h-4 w-24"
                                         })
-                                    }, i))
+                                    }, hid))
                             })
                         }),
                         /*#__PURE__*/ _jsx(TableBody, {
-                            children: Array.from({
-                                length: 6
-                            }).map((_, i)=>/*#__PURE__*/ _jsx(TableRow, {
-                                    children: Array.from({
-                                        length: columns
-                                    }).map((_, j)=>/*#__PURE__*/ _jsx("td", {
+                            children: rowIds.map((rid)=>/*#__PURE__*/ _jsx(TableRow, {
+                                    children: headerIds.map((_, j)=>{
+                                        const cellId = `s-cell-${rid}-${j}`;
+                                        return /*#__PURE__*/ _jsx("td", {
                                             className: "px-4 py-3",
                                             children: /*#__PURE__*/ _jsx(Skeleton, {
                                                 className: "h-4 w-full"
                                             })
-                                        }, j))
-                                }, i))
+                                        }, cellId);
+                                    })
+                                }, rid))
                         })
                     ]
                 })
@@ -49,8 +55,9 @@ export const DataTableSkeleton = ({ columns })=>/*#__PURE__*/ _jsxs("div", {
             })
         ]
     });
+};
 export function DataTable(props) {
-    if (!props.edges || !props.pageInfo) {
+    if (!(props.edges && props.pageInfo)) {
         return /*#__PURE__*/ _jsx(ErrorView, {
             code: 500
         });

package/dist/src/components/table/order-table-head.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import type { DataTable, DataTableTMin } from './data-table';
-export declare function OrderTableHeadDataTable<T extends DataTableTMin>({ id, children, order: { defaultOrder }, }: Pick<React.ComponentProps<typeof DataTable<T>>, 'order'> & {
+import React from "react";
+import type { DataTable, DataTableTMin } from "./data-table";
+export declare function OrderTableHeadDataTable<T extends DataTableTMin>({ id, children, order: { defaultOrder }, }: Pick<React.ComponentProps<typeof DataTable<T>>, "order"> & {
     children: React.ReactNode;
-    id: React.ComponentProps<typeof DataTable<T>>['columns'][0]['id'];
+    id: React.ComponentProps<typeof DataTable<T>>["columns"][0]["id"];
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=order-table-head.d.ts.map

package/dist/src/components/table/order-table-head.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"order-table-head.d.ts","sourceRoot":"","sources":["../../../../src/components/table/order-table-head.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7D,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAAE,EAC/D,EAAE,EACF,QAAQ,EACR,KAAK,EAAE,EAAE,YAAY,EAAE,GACxB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;CACnE,2CA2CA"}
+{"version":3,"file":"order-table-head.d.ts","sourceRoot":"","sources":["../../../../src/components/table/order-table-head.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7D,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAAE,EAC/D,EAAE,EACF,QAAQ,EACR,KAAK,EAAE,EAAE,YAAY,EAAE,GACxB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;CACnE,2CA4CA"}

package/dist/src/components/table/order-table-head.js

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDown, ArrowUp, ChevronsUpDown } from "lucide-react";
 import { useSearchParams } from "next/navigation";
@@ -11,17 +11,17 @@ export function OrderTableHeadDataTable({ id, children, order: { defaultOrder }
     const searchParams = useSearchParams();
     const pathname = usePathname();
     const { push } = useRouter();
-    const currentOrderBy = searchParams.get('orderBy') ?? defaultOrder.column.toString();
-    const currentOrder = searchParams.get('order') ?? defaultOrder.order;
+    const currentOrderBy = searchParams.get("orderBy") ?? defaultOrder.column.toString();
+    const currentOrder = searchParams.get("order") ?? defaultOrder.order;
     const isActive = currentOrderBy === id.toString();
-    const nextOrder = isActive && currentOrder === 'asc' ? 'desc' : 'asc';
+    const nextOrder = isActive && currentOrder === "asc" ? "desc" : "asc";
     return /*#__PURE__*/ _jsxs(Button, {
         className: "[&_svg]:text-muted-foreground -ml-2 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 [&_svg]:size-4 [&_svg]:shrink-0",
         onClick: ()=>{
             startTransition(()=>{
                 const params = new URLSearchParams(searchParams.toString());
-                params.set('orderBy', id.toString());
-                params.set('order', nextOrder);
+                params.set("orderBy", id.toString());
+                params.set("order", nextOrder);
                 push(`${pathname}?${params.toString()}`, {
                     scroll: false
                 });
@@ -31,9 +31,20 @@ export function OrderTableHeadDataTable({ id, children, order: { defaultOrder }
         variant: "ghost",
         children: [
             children,
-            isPending ? /*#__PURE__*/ _jsx(Loader, {
-                small: true
-            }) : isActive ? currentOrder === 'asc' ? /*#__PURE__*/ _jsx(ArrowUp, {}) : /*#__PURE__*/ _jsx(ArrowDown, {}) : /*#__PURE__*/ _jsx(ChevronsUpDown, {})
+            (()=>{
+                if (isPending) {
+                    return /*#__PURE__*/ _jsx(Loader, {
+                        small: true
+                    });
+                }
+                if (isActive) {
+                    if (currentOrder === "asc") {
+                        return /*#__PURE__*/ _jsx(ArrowUp, {});
+                    }
+                    return /*#__PURE__*/ _jsx(ArrowDown, {});
+                }
+                return /*#__PURE__*/ _jsx(ChevronsUpDown, {});
+            })()
         ]
     });
 }

package/dist/src/components/table/pagination.js

@@ -1,8 +1,8 @@
-'use client';
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { useTranslations } from "next-intl";
 import { useSearchParams } from "next/navigation";
+import { useTranslations } from "next-intl";
 import React from "react";
 import { usePathname, useRouter } from "../../lib/navigation.js";
 import { Button } from "../ui/button.js";
@@ -15,15 +15,15 @@ const PAGE_SIZE_OPTIONS = [
     40
 ];
 export const PaginationDataTable = ({ pageInfo: { hasNextPage, hasPreviousPage, startCursor, endCursor } })=>{
-    const t = useTranslations('core.global');
+    const t = useTranslations("core.global");
     const { push } = useRouter();
     const [isPending, startTransition] = React.useTransition();
     const pathname = usePathname();
     const searchParams = useSearchParams();
     const pagination = {
-        first: searchParams.get('first'),
-        last: searchParams.get('last'),
-        cursor: searchParams.get('cursor')
+        first: searchParams.get("first"),
+        last: searchParams.get("last"),
+        cursor: searchParams.get("cursor")
     };
     const pageSize = pagination.first ?? pagination.last ?? 10;
     return /*#__PURE__*/ _jsx("div", {
@@ -36,9 +36,9 @@ export const PaginationDataTable = ({ pageInfo: { hasNextPage, hasPreviousPage,
                     onValueChange: (value)=>{
                         startTransition(()=>{
                             const params = new URLSearchParams(searchParams.toString());
-                            params.set('first', value);
-                            params.delete('last');
-                            params.delete('cursor');
+                            params.set("first", value);
+                            params.delete("last");
+                            params.delete("cursor");
                             push(`${pathname}?${params.toString()}`, {
                                 scroll: false
                             });
@@ -67,19 +67,19 @@ export const PaginationDataTable = ({ pageInfo: { hasNextPage, hasPreviousPage,
                         isPending ? /*#__PURE__*/ _jsx(Skeleton, {
                             className: "size-8"
                         }) : /*#__PURE__*/ _jsx(Button, {
-                            "aria-label": t('go_to_prev_page'),
+                            "aria-label": t("go_to_prev_page"),
                             className: "bg-card size-8",
                             disabled: !hasPreviousPage,
                             onClick: ()=>{
                                 startTransition(()=>{
                                     const params = new URLSearchParams(searchParams.toString());
-                                    params.set('last', `${Number(pageSize)}`);
+                                    params.set("last", `${Number(pageSize)}`);
                                     if (startCursor) {
-                                        params.set('cursor', `${startCursor}`);
+                                        params.set("cursor", `${startCursor}`);
                                     } else {
-                                        params.delete('cursor');
+                                        params.delete("cursor");
                                     }
-                                    params.delete('first');
+                                    params.delete("first");
                                     push(`${pathname}?${params.toString()}`, {
                                         scroll: false
                                     });
@@ -92,19 +92,19 @@ export const PaginationDataTable = ({ pageInfo: { hasNextPage, hasPreviousPage,
                         isPending ? /*#__PURE__*/ _jsx(Skeleton, {
                             className: "size-8"
                         }) : /*#__PURE__*/ _jsx(Button, {
-                            "aria-label": t('go_to_next_page'),
+                            "aria-label": t("go_to_next_page"),
                             className: "bg-card size-8",
                             disabled: !hasNextPage || isPending,
                             onClick: ()=>{
                                 startTransition(()=>{
                                     const params = new URLSearchParams(searchParams.toString());
-                                    params.set('first', `${Number(pageSize)}`);
+                                    params.set("first", `${Number(pageSize)}`);
                                     if (endCursor) {
-                                        params.set('cursor', `${endCursor}`);
+                                        params.set("cursor", `${endCursor}`);
                                     } else {
-                                        params.delete('cursor');
+                                        params.delete("cursor");
                                     }
-                                    params.delete('last');
+                                    params.delete("last");
                                     push(`${pathname}?${params.toString()}`, {
                                         scroll: false
                                     });

package/dist/src/components/tiptap/extension.d.ts

@@ -0,0 +1,4 @@
+import type { Extensions } from "@tiptap/react";
+export declare const SUPPORTED_HEADINGS_LEVELS: readonly [1, 2, 3, 4];
+export declare const tiptapExtensions: Extensions;
+//# sourceMappingURL=extension.d.ts.map

package/dist/src/components/tiptap/extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension.d.ts","sourceRoot":"","sources":["../../../../src/components/tiptap/extension.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,yBAAyB,uBAAwB,CAAC;AAE/D,eAAO,MAAM,gBAAgB,EAAE,UAgB9B,CAAC"}

package/dist/src/components/tiptap/extension.js

@@ -0,0 +1,26 @@
+import StarterKit from "@tiptap/starter-kit";
+export const SUPPORTED_HEADINGS_LEVELS = [
+    1,
+    2,
+    3,
+    4
+];
+export const tiptapExtensions = [
+    StarterKit.configure({
+        orderedList: {
+            HTMLAttributes: {
+                class: "list-decimal"
+            }
+        },
+        bulletList: {
+            HTMLAttributes: {
+                class: "list-disc"
+            }
+        },
+        heading: {
+            levels: [
+                ...SUPPORTED_HEADINGS_LEVELS
+            ]
+        }
+    })
+];

package/dist/src/components/tiptap/toolbar/actions/bold-action.d.ts

@@ -0,0 +1,2 @@
+export declare const BoldAction: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bold-action.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/bold-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bold-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/bold-action.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,+CA+BtB,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/bold-action.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditorState } from "@tiptap/react";
+import { BoldIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Toggle } from "../../../ui/toggle.js";
+import { TooltipWithContent } from "../../../ui/tooltip.js";
+import { useToolbarEditor } from "../use-toolbar-editor.js";
+import { TooltipShortcut } from "./utils/tooltip-shortcut.js";
+export const BoldAction = ()=>{
+    const t = useTranslations("core.global.editor");
+    const { editor } = useToolbarEditor();
+    const { isBold } = useEditorState({
+        editor,
+        selector: (ctx)=>{
+            return {
+                isBold: ctx.editor.isActive("bold")
+            };
+        }
+    });
+    return /*#__PURE__*/ _jsx(TooltipWithContent, {
+        text: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                t("bold"),
+                " ",
+                /*#__PURE__*/ _jsx(TooltipShortcut, {
+                    children: "+B"
+                })
+            ]
+        }),
+        children: /*#__PURE__*/ _jsx("div", {
+            children: /*#__PURE__*/ _jsx(Toggle, {
+                "aria-label": t("bold"),
+                onClick: ()=>editor.chain().focus().toggleBold().run(),
+                pressed: isBold,
+                children: /*#__PURE__*/ _jsx(BoldIcon, {})
+            })
+        })
+    });
+};

package/dist/src/components/tiptap/toolbar/actions/headings-action.d.ts

@@ -0,0 +1,2 @@
+export declare const HeadingsAction: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=headings-action.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/headings-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headings-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/headings-action.tsx"],"names":[],"mappings":"AA+BA,eAAO,MAAM,cAAc,+CAmE1B,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/headings-action.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditorState } from "@tiptap/react";
+import { ChevronDown, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, PilcrowIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../ui/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuShortcut, DropdownMenuTrigger } from "../../../ui/dropdown-menu.js";
+import { CtrlOrCommandCharacter } from "../../../../lib/ctrl-or-command-character.js";
+import { cn } from "../../../../lib/utils.js";
+import { SUPPORTED_HEADINGS_LEVELS } from "../../extension.js";
+import { useToolbarEditor } from "../use-toolbar-editor.js";
+const ICONS = {
+    paragraph: /*#__PURE__*/ _jsx(PilcrowIcon, {}),
+    heading_1: /*#__PURE__*/ _jsx(Heading1Icon, {}),
+    heading_2: /*#__PURE__*/ _jsx(Heading2Icon, {}),
+    heading_3: /*#__PURE__*/ _jsx(Heading3Icon, {}),
+    heading_4: /*#__PURE__*/ _jsx(Heading4Icon, {})
+};
+export const HeadingsAction = ()=>{
+    const t = useTranslations("core.global.editor");
+    const { editor } = useToolbarEditor();
+    const { isParagraph, isHeaderActive } = useEditorState({
+        editor,
+        selector: (ctx)=>{
+            return {
+                isParagraph: !ctx.editor.isActive("heading"),
+                isHeaderActive: (level)=>ctx.editor.isActive("heading", {
+                        level
+                    })
+            };
+        }
+    });
+    return /*#__PURE__*/ _jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsxs(Button, {
+                    className: "w-32 justify-between",
+                    variant: "ghost",
+                    children: [
+                        isParagraph ? t("paragraph") : t("heading", {
+                            level: SUPPORTED_HEADINGS_LEVELS.find((level)=>isHeaderActive(level)) ?? 1
+                        }),
+                        /*#__PURE__*/ _jsx(ChevronDown, {
+                            className: "ml-auto"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DropdownMenuContent, {
+                className: "min-w-[12rem]",
+                align: "start",
+                children: [
+                    /*#__PURE__*/ _jsxs(DropdownMenuItem, {
+                        onClick: ()=>editor.chain().focus().setParagraph().run(),
+                        className: cn({
+                            "bg-accent": isParagraph
+                        }),
+                        children: [
+                            ICONS.paragraph,
+                            t("paragraph"),
+                            /*#__PURE__*/ _jsxs(DropdownMenuShortcut, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(CtrlOrCommandCharacter, {}),
+                                    "+Alt+0"
+                                ]
+                            })
+                        ]
+                    }),
+                    SUPPORTED_HEADINGS_LEVELS.map((level)=>/*#__PURE__*/ _jsxs(DropdownMenuItem, {
+                            onClick: ()=>editor.chain().focus().toggleHeading({
+                                    level
+                                }).run(),
+                            className: cn({
+                                "bg-accent": isHeaderActive(level)
+                            }),
+                            children: [
+                                ICONS[`heading_${level}`],
+                                t("heading", {
+                                    level
+                                }),
+                                /*#__PURE__*/ _jsxs(DropdownMenuShortcut, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(CtrlOrCommandCharacter, {}),
+                                        "+Alt+",
+                                        level
+                                    ]
+                                })
+                            ]
+                        }, level))
+                ]
+            })
+        ]
+    });
+};

package/dist/src/components/tiptap/toolbar/actions/italic-action.d.ts

@@ -0,0 +1,2 @@
+export declare const ItalicAction: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=italic-action.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/italic-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"italic-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/italic-action.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,+CAgCxB,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/italic-action.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditorState } from "@tiptap/react";
+import { ItalicIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Toggle } from "../../../ui/toggle.js";
+import { TooltipWithContent } from "../../../ui/tooltip.js";
+import { useToolbarEditor } from "../use-toolbar-editor.js";
+import { TooltipShortcut } from "./utils/tooltip-shortcut.js";
+export const ItalicAction = ()=>{
+    const t = useTranslations("core.global.editor");
+    const { editor } = useToolbarEditor();
+    const { isItalic } = useEditorState({
+        editor,
+        selector: (ctx)=>{
+            return {
+                isItalic: ctx.editor.isActive("italic")
+            };
+        }
+    });
+    return /*#__PURE__*/ _jsx(TooltipWithContent, {
+        text: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                t("italic"),
+                /*#__PURE__*/ _jsx(TooltipShortcut, {
+                    children: "+I"
+                })
+            ]
+        }),
+        children: /*#__PURE__*/ _jsx("div", {
+            children: /*#__PURE__*/ _jsx(Toggle, {
+                "aria-label": t("italic"),
+                onClick: ()=>editor.chain().focus().toggleItalic().run(),
+                pressed: isItalic,
+                children: /*#__PURE__*/ _jsx(ItalicIcon, {})
+            })
+        })
+    });
+};

package/dist/src/components/tiptap/toolbar/actions/list-action.d.ts

@@ -0,0 +1,2 @@
+export declare const ListAction: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=list-action.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/list-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/list-action.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,+CAqDtB,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/list-action.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditorState } from "@tiptap/react";
+import { ItalicIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Toggle } from "../../../ui/toggle.js";
+import { TooltipWithContent } from "../../../ui/tooltip.js";
+import { useToolbarEditor } from "../use-toolbar-editor.js";
+import { TooltipShortcut } from "./utils/tooltip-shortcut.js";
+export const ListAction = ()=>{
+    const t = useTranslations("core.global.editor");
+    const { editor } = useToolbarEditor();
+    const { isItalic } = useEditorState({
+        editor,
+        selector: (ctx)=>{
+            return {
+                isItalic: ctx.editor.isActive("italic")
+            };
+        }
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipWithContent, {
+                text: /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        t("italic"),
+                        /*#__PURE__*/ _jsx(TooltipShortcut, {
+                            children: "+I"
+                        })
+                    ]
+                }),
+                children: /*#__PURE__*/ _jsx("div", {
+                    children: /*#__PURE__*/ _jsx(Toggle, {
+                        "aria-label": t("italic"),
+                        onClick: ()=>editor.chain().focus().toggleItalic().run(),
+                        pressed: isItalic,
+                        children: /*#__PURE__*/ _jsx(ItalicIcon, {})
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(TooltipWithContent, {
+                text: /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        t("italic"),
+                        /*#__PURE__*/ _jsx(TooltipShortcut, {
+                            children: "+I"
+                        })
+                    ]
+                }),
+                children: /*#__PURE__*/ _jsx("div", {
+                    children: /*#__PURE__*/ _jsx(Toggle, {
+                        "aria-label": t("italic"),
+                        onClick: ()=>editor.chain().focus().toggleItalic().run(),
+                        pressed: isItalic,
+                        children: /*#__PURE__*/ _jsx(ItalicIcon, {})
+                    })
+                })
+            })
+        ]
+    });
+};

package/dist/src/components/tiptap/toolbar/actions/text-format-more/text-format-more.d.ts

@@ -0,0 +1,2 @@
+export declare const TextFormatMore: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=text-format-more.d.ts.map