react-tiptap-base-editor 1.1.2 → 1.1.3

package/dist/components/tiptap-templates/simple/simple-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/tiptap-templates/simple/simple-editor.tsx"],"names":[],"mappings":"AA+BA,OAAO,+DAA+D,CAAA;AACtE,OAAO,+DAA+D,CAAA;AACtE,OAAO,yEAAyE,CAAA;AAChF,OAAO,mDAAmD,CAAA;AAC1D,OAAO,qDAAqD,CAAA;AAC5D,OAAO,yEAAyE,CAAA;AAChF,OAAO,yDAAyD,CAAA;AAChE,OAAO,6DAA6D,CAAA;AAoCpE,OAAO,yDAAyD,CAAA;AA6GhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,EACV,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,EAClD,WAAW,CAAC,EAAE,WAAW,KACtB,OAAO,CAAC,MAAM,CAAC,CAAA;CACrB,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAwHpD"}
+{"version":3,"file":"simple-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/tiptap-templates/simple/simple-editor.tsx"],"names":[],"mappings":"AA+BA,OAAO,+DAA+D,CAAA;AACtE,OAAO,+DAA+D,CAAA;AACtE,OAAO,yEAAyE,CAAA;AAChF,OAAO,mDAAmD,CAAA;AAC1D,OAAO,qDAAqD,CAAA;AAC5D,OAAO,yEAAyE,CAAA;AAChF,OAAO,yDAAyD,CAAA;AAChE,OAAO,6DAA6D,CAAA;AAyCpE,OAAO,yDAAyD,CAAA;AAwHhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,EACV,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,EAClD,WAAW,CAAC,EAAE,WAAW,KACtB,OAAO,CAAC,MAAM,CAAC,CAAA;CACrB,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAiIpD"}

package/dist/components/tiptap-ui/color-text-button/color-text-button.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { UseColorTextConfig } from '@/components/tiptap-ui/color-text-button';
+import type { ButtonProps } from '@/components/tiptap-ui-primitive/button';
+import '@/components/tiptap-ui/color-text-button/color-text-button.scss';
+export interface ColorTextButtonProps extends Omit<ButtonProps, 'type'>, UseColorTextConfig {
+    /**
+     * Optional text to display alongside the icon.
+     */
+    text?: string;
+    /**
+     * Optional show shortcut keys in the button.
+     * @default false
+     */
+    showShortcut?: boolean;
+}
+export declare function ColorTextShortcutBadge({ shortcutKeys }: {
+    shortcutKeys?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Button component for applying text colors in a Tiptap editor.
+ *
+ * For custom button implementations, use the `useColorText` hook instead.
+ */
+export declare const ColorTextButton: React.ForwardRefExoticComponent<ColorTextButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=color-text-button.d.ts.map

package/dist/components/tiptap-ui/color-text-button/color-text-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-text-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tiptap-ui/color-text-button/color-text-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAA;AAOlF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AAK1E,OAAO,iEAAiE,CAAA;AAExE,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EAC/B,kBAAkB;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,YAAsC,EACvC,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAEA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,gGAyF3B,CAAA"}

package/dist/components/tiptap-ui/color-text-button/index.d.ts

@@ -0,0 +1,3 @@
+export * from './color-text-button';
+export * from './use-color-text';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tiptap-ui/color-text-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tiptap-ui/color-text-button/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA"}

package/dist/components/tiptap-ui/color-text-button/use-color-text.d.ts

@@ -0,0 +1,61 @@
+import * as React from "react";
+import { type Editor } from "@tiptap/react";
+export declare const COLOR_TEXT_SHORTCUT_KEY = "mod+shift+c";
+export declare const TEXT_COLORS: {
+    label: string;
+    value: string;
+    border: string;
+}[];
+export type TextColor = (typeof TEXT_COLORS)[number];
+/**
+ * Configuration for the color text functionality
+ */
+export interface UseColorTextConfig {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * The color to apply when toggling the text color.
+     */
+    textColor?: string;
+    /**
+     * Optional label to display alongside the icon.
+     */
+    label?: string;
+    /**
+     * Whether the button should hide when the mark is not available.
+     * @default false
+     */
+    hideWhenUnavailable?: boolean;
+    /**
+     * Called when the text color is applied.
+     */
+    onApplied?: ({ color, label }: {
+        color: string;
+        label: string;
+    }) => void;
+}
+export declare function pickTextColorsByValue(values: string[]): {
+    label: string;
+    value: string;
+    border: string;
+}[];
+export declare function canColorText(editor: Editor | null): boolean;
+export declare function isColorTextActive(editor: Editor | null, textColor?: string): boolean;
+export declare function removeTextColor(editor: Editor | null): boolean;
+export declare function shouldShowButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+export declare function useColorText(config: UseColorTextConfig): {
+    isVisible: boolean;
+    isActive: boolean;
+    handleColorText: () => false | undefined;
+    handleRemoveTextColor: () => boolean;
+    canColorText: boolean;
+    label: string;
+    shortcutKeys: string;
+    Icon: React.MemoExoticComponent<({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+};
+//# sourceMappingURL=use-color-text.d.ts.map

package/dist/components/tiptap-ui/color-text-button/use-color-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-text.d.ts","sourceRoot":"","sources":["../../../../src/components/tiptap-ui/color-text-button/use-color-text.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;AAa3C,eAAO,MAAM,uBAAuB,gBAAgB,CAAA;AACpD,eAAO,MAAM,WAAW;;;;GAmDvB,CAAA;AACD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACzE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,EAAE;;;;IAOrD;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAS3D;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,SAAS,CAAC,EAAE,MAAM,GACjB,OAAO,CAKT;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAK9D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,mBAAmB,EAAE,OAAO,CAAA;CAC7B,GAAG,OAAO,CAWV;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB;;;;;;;;;EAwFtD"}

package/dist/components/tiptap-ui/color-text-popover/color-text-popover.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { type Editor } from '@tiptap/react';
+import type { ButtonProps } from '@/components/tiptap-ui-primitive/button';
+import type { TextColor, UseColorTextConfig } from '@/components/tiptap-ui/color-text-button';
+export interface ColorTextPopoverContentProps {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * Optional colors to use in the text color popover.
+     * If not provided, defaults to a predefined set of colors.
+     */
+    colors?: TextColor[];
+}
+export interface ColorTextPopoverProps extends Omit<ButtonProps, 'type'>, Pick<UseColorTextConfig, 'editor' | 'hideWhenUnavailable' | 'onApplied'> {
+    /**
+     * Optional colors to use in the text color popover.
+     * If not provided, defaults to a predefined set of colors.
+     */
+    colors?: TextColor[];
+}
+export declare const ColorTextPopoverButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare function ColorTextPopoverContent({ editor, colors }: ColorTextPopoverContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorTextPopover({ editor: providedEditor, colors, hideWhenUnavailable, onApplied, ...props }: ColorTextPopoverProps): import("react/jsx-runtime").JSX.Element | null;
+export default ColorTextPopover;
+//# sourceMappingURL=color-text-popover.d.ts.map

package/dist/components/tiptap-ui/color-text-popover/color-text-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-text-popover.d.ts","sourceRoot":"","sources":["../../../../src/components/tiptap-ui/color-text-popover/color-text-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;AAY3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AAe1E,OAAO,KAAK,EACV,SAAS,EACT,kBAAkB,EACnB,MAAM,0CAA0C,CAAA;AAOjD,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EAC/B,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,qBAAqB,GAAG,WAAW,CAAC;IAC1E;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;CACrB;AAED,eAAO,MAAM,sBAAsB,uFAkBjC,CAAA;AAIF,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAME,EACH,EAAE,4BAA4B,2CAiE9B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EAAE,cAAc,EACtB,MAME,EACF,mBAA2B,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,kDA+BvB;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/tiptap-ui/color-text-popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color-text-popover';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tiptap-ui/color-text-popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tiptap-ui/color-text-popover/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}