@pallasoft/ps-input-components 1.23.0 → 2.0.0

package/dist/esm/portable-text-core/components/ps-portable-text-core.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { EditorProvider, PortableTextEditable, } from '@portabletext/editor';
+import { EventListenerPlugin } from '@portabletext/editor/plugins';
+import { PsPortableTextCoreConfig } from '../constants/ps-portable-text-core-config';
+import { PsPortableTextEditorService } from '../services/ps-portable-text-editor-service';
+export const PsPortableTextCore = ({ className, disabled = false, editableClassName, fallback, minRows = 4, onChange, renderAnnotation, renderBlock, renderDecorator, renderPlaceholder, toolbar, value, }) => {
+    const [isMounted, setIsMounted] = useState(false);
+    const [version, setVersion] = useState(0);
+    const lastValue = useRef(value);
+    useEffect(() => {
+        setIsMounted(true);
+    }, []);
+    useEffect(() => {
+        if (PsPortableTextEditorService.isSame(value, lastValue.current))
+            return;
+        lastValue.current = value;
+        setVersion((current) => current + 1);
+    }, [value]);
+    return (_jsx("div", { className: className, children: isMounted ? (_jsxs(EditorProvider, { initialConfig: {
+                initialValue: value,
+                readOnly: disabled,
+                schemaDefinition: PsPortableTextCoreConfig.schemaDefinition,
+            }, children: [_jsx(EventListenerPlugin, { on: (event) => {
+                        if (event.type !== 'mutation')
+                            return;
+                        const next = Array.isArray(event.value) ? event.value : [];
+                        lastValue.current = next;
+                        onChange(next);
+                    } }), toolbar, _jsx(PortableTextEditable, { className: editableClassName, readOnly: disabled, renderAnnotation: renderAnnotation, renderBlock: renderBlock, renderDecorator: renderDecorator, renderPlaceholder: renderPlaceholder, style: { minHeight: PsPortableTextEditorService.minHeight(minRows) } })] }, version)) : (fallback) }));
+};

package/dist/esm/portable-text-core/constants/ps-portable-text-core-config.js

@@ -0,0 +1,42 @@
+import { Common } from '@pallasoft/ps-models';
+import { defineSchema } from '@portabletext/editor';
+const Models = Common.PortableTextConfig;
+export const PsPortableTextCoreConfig = {
+    linkAnnotation: Models.linkType,
+    mailtoPrefix: 'mailto:',
+    emailPattern: /^[^\s@/:]+@[^\s@/:]+\.[^\s@/:]+$/,
+    lineHeightRem: 1.5,
+    decorators: {
+        bold: Models.decorators[0],
+        code: Models.decorators[3],
+        italic: Models.decorators[1],
+        underline: Models.decorators[2],
+    },
+    styles: { blockquote: Models.styles[1], normal: Models.styles[0] },
+    listItems: { bullet: Models.listItems[0], number: Models.listItems[1] },
+    schemaDefinition: defineSchema({
+        annotations: [{ name: Models.linkType, fields: [{ name: 'href', type: 'string' }] }],
+        blockObjects: [],
+        decorators: Models.decorators.map((name) => ({ name })),
+        inlineObjects: [],
+        lists: Models.listItems.map((name) => ({ name })),
+        styles: Models.styles.map((name) => ({ name })),
+    }),
+    labels: {
+        bold: 'Bold',
+        bulletedList: 'Bulleted list',
+        cancel: 'Cancel',
+        code: 'Code',
+        invalidLink: 'Enter a web address or email address',
+        italic: 'Italic',
+        link: 'Link',
+        linkDialogTitle: 'Link',
+        linkUrl: 'Address',
+        numberedList: 'Numbered list',
+        quote: 'Quote',
+        removeLink: 'Remove link',
+        saveLink: 'Save',
+        toolbar: 'Formatting',
+        underline: 'Underline',
+    },
+};

package/dist/esm/portable-text-core/hooks/use-ps-portable-text-link-form.js

@@ -0,0 +1,32 @@
+import { useState } from 'react';
+import { PsPortableTextEditorService } from '../services/ps-portable-text-editor-service';
+export const usePsPortableTextLinkForm = ({ onClose, onSubmit, }) => {
+    const [address, setAddress] = useState('');
+    const [hasError, setHasError] = useState(false);
+    return {
+        address,
+        close: () => {
+            setAddress('');
+            setHasError(false);
+            onClose();
+        },
+        hasError,
+        isSubmitDisabled: address.trim() === '',
+        setAddress: (next) => {
+            setAddress(next);
+            setHasError(false);
+        },
+        submit: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            const href = PsPortableTextEditorService.normalizeLink(address);
+            if (href === null) {
+                setHasError(true);
+                return;
+            }
+            setAddress('');
+            setHasError(false);
+            onSubmit(href);
+        },
+    };
+};

package/dist/esm/portable-text-core/hooks/use-ps-portable-text-toolbar.js

@@ -0,0 +1,54 @@
+import { useEditor, useEditorSelector } from '@portabletext/editor';
+import { isActiveAnnotation, isActiveDecorator, isActiveListItem, isActiveStyle, } from '@portabletext/editor/selectors';
+import { PsPortableTextCoreConfig } from '../constants/ps-portable-text-core-config';
+export const usePsPortableTextToolbar = () => {
+    const editor = useEditor();
+    const isBold = useEditorSelector(editor, isActiveDecorator(PsPortableTextCoreConfig.decorators.bold));
+    const isItalic = useEditorSelector(editor, isActiveDecorator(PsPortableTextCoreConfig.decorators.italic));
+    const isUnderline = useEditorSelector(editor, isActiveDecorator(PsPortableTextCoreConfig.decorators.underline));
+    const isCode = useEditorSelector(editor, isActiveDecorator(PsPortableTextCoreConfig.decorators.code));
+    const isBulletedList = useEditorSelector(editor, isActiveListItem(PsPortableTextCoreConfig.listItems.bullet));
+    const isNumberedList = useEditorSelector(editor, isActiveListItem(PsPortableTextCoreConfig.listItems.number));
+    const isQuote = useEditorSelector(editor, isActiveStyle(PsPortableTextCoreConfig.styles.blockquote));
+    const isLink = useEditorSelector(editor, isActiveAnnotation(PsPortableTextCoreConfig.linkAnnotation));
+    const focus = () => editor.send({ type: 'focus' });
+    return {
+        active: {
+            bold: isBold,
+            bulletedList: isBulletedList,
+            code: isCode,
+            italic: isItalic,
+            link: isLink,
+            numberedList: isNumberedList,
+            quote: isQuote,
+            underline: isUnderline,
+        },
+        addLink: (href) => {
+            editor.send({
+                type: 'annotation.add',
+                annotation: { name: PsPortableTextCoreConfig.linkAnnotation, value: { href } },
+            });
+            focus();
+        },
+        focus,
+        removeLink: () => {
+            editor.send({
+                type: 'annotation.remove',
+                annotation: { name: PsPortableTextCoreConfig.linkAnnotation },
+            });
+            focus();
+        },
+        toggleDecorator: (decorator) => {
+            editor.send({ type: 'decorator.toggle', decorator });
+            focus();
+        },
+        toggleListItem: (listItem) => {
+            editor.send({ type: 'list item.toggle', listItem });
+            focus();
+        },
+        toggleQuote: () => {
+            editor.send({ type: 'style.toggle', style: PsPortableTextCoreConfig.styles.blockquote });
+            focus();
+        },
+    };
+};

package/dist/esm/portable-text-core/index.js

@@ -0,0 +1,6 @@
+export * from './components/ps-portable-text-core';
+export * from './constants/ps-portable-text-core-config';
+export * from './hooks/use-ps-portable-text-link-form';
+export * from './hooks/use-ps-portable-text-toolbar';
+export * from './interfaces/ps-portable-text-editor-labels';
+export * from './services/ps-portable-text-editor-service';

package/dist/esm/{services → portable-text-core/services}/ps-portable-text-editor-service.js

@@ -1,14 +1,14 @@
 import { Common } from '@pallasoft/ps-models';
-import { PsPortableTextEditorConfig } from '../constants/ps-portable-text-editor-config';
-import { PsTextFormatService } from './ps-text-format-service';
+import { PsTextFormatService } from '../../services/ps-text-format-service';
+import { PsPortableTextCoreConfig } from '../constants/ps-portable-text-core-config';
 export class PsPortableTextEditorService {
     static normalizeLink(raw) {
         const trimmed = raw.trim();
         if (trimmed === '')
             return null;
-        const candidate = PsPortableTextEditorConfig.emailPattern.test(trimmed)
-            ? `${PsPortableTextEditorConfig.mailtoPrefix}${trimmed}`
-            : trimmed.toLowerCase().startsWith(PsPortableTextEditorConfig.mailtoPrefix)
+        const candidate = PsPortableTextCoreConfig.emailPattern.test(trimmed)
+            ? `${PsPortableTextCoreConfig.mailtoPrefix}${trimmed}`
+            : trimmed.toLowerCase().startsWith(PsPortableTextCoreConfig.mailtoPrefix)
                 ? trimmed
                 : PsTextFormatService.url(trimmed);
         try {
@@ -22,7 +22,7 @@ export class PsPortableTextEditorService {
         }
     }
     static minHeight(minRows) {
-        return `${minRows * PsPortableTextEditorConfig.lineHeightRem}rem`;
+        return `${minRows * PsPortableTextCoreConfig.lineHeightRem}rem`;
     }
     static isSame(first, second) {
         return JSON.stringify(first) === JSON.stringify(second);

package/dist/index.d.ts

@@ -45,8 +45,5 @@ export * from './components/ps-date-preset-field';
 export * from './components/ps-select-with-create';
 export * from './constants/ps-select-with-create-config';
 export * from './interfaces/ps-date-preset-data';
-export * from './components/ps-portable-text-editor';
-export * from './interfaces/ps-portable-text-editor-labels';
-export type { PortableTextBlock } from '@portabletext/editor';
 export * from './components/ps-option-card-group';
 export * from './interfaces/ps-option-card-data';

package/dist/index.js

@@ -61,7 +61,5 @@ __exportStar(require("./components/ps-date-preset-field"), exports);
 __exportStar(require("./components/ps-select-with-create"), exports);
 __exportStar(require("./constants/ps-select-with-create-config"), exports);
 __exportStar(require("./interfaces/ps-date-preset-data"), exports);
-__exportStar(require("./components/ps-portable-text-editor"), exports);
-__exportStar(require("./interfaces/ps-portable-text-editor-labels"), exports);
 __exportStar(require("./components/ps-option-card-group"), exports);
 __exportStar(require("./interfaces/ps-option-card-data"), exports);

package/dist/portable-text/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../components/ps-portable-text-editor';
+export * from '../portable-text-core/interfaces/ps-portable-text-editor-labels';
+export type { PortableTextBlock } from '@portabletext/editor';

package/dist/portable-text/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../components/ps-portable-text-editor"), exports);
+__exportStar(require("../portable-text-core/interfaces/ps-portable-text-editor-labels"), exports);

package/dist/portable-text-core/components/ps-portable-text-core.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+import { type PortableTextBlock, type RenderAnnotationFunction, type RenderBlockFunction, type RenderDecoratorFunction, type RenderPlaceholderFunction } from '@portabletext/editor';
+export interface PsPortableTextCoreProps {
+    className?: string;
+    disabled?: boolean;
+    editableClassName?: string;
+    fallback?: ReactNode;
+    minRows?: number;
+    onChange: (value: PortableTextBlock[]) => void;
+    renderAnnotation?: RenderAnnotationFunction;
+    renderBlock?: RenderBlockFunction;
+    renderDecorator?: RenderDecoratorFunction;
+    renderPlaceholder?: RenderPlaceholderFunction;
+    toolbar?: ReactNode;
+    value: PortableTextBlock[];
+}
+export declare const PsPortableTextCore: ({ className, disabled, editableClassName, fallback, minRows, onChange, renderAnnotation, renderBlock, renderDecorator, renderPlaceholder, toolbar, value, }: PsPortableTextCoreProps) => import("react").JSX.Element;

package/dist/portable-text-core/components/ps-portable-text-core.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPortableTextCore = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const editor_1 = require("@portabletext/editor");
+const plugins_1 = require("@portabletext/editor/plugins");
+const ps_portable_text_core_config_1 = require("../constants/ps-portable-text-core-config");
+const ps_portable_text_editor_service_1 = require("../services/ps-portable-text-editor-service");
+const PsPortableTextCore = ({ className, disabled = false, editableClassName, fallback, minRows = 4, onChange, renderAnnotation, renderBlock, renderDecorator, renderPlaceholder, toolbar, value, }) => {
+    const [isMounted, setIsMounted] = (0, react_1.useState)(false);
+    const [version, setVersion] = (0, react_1.useState)(0);
+    const lastValue = (0, react_1.useRef)(value);
+    (0, react_1.useEffect)(() => {
+        setIsMounted(true);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (ps_portable_text_editor_service_1.PsPortableTextEditorService.isSame(value, lastValue.current))
+            return;
+        lastValue.current = value;
+        setVersion((current) => current + 1);
+    }, [value]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: isMounted ? ((0, jsx_runtime_1.jsxs)(editor_1.EditorProvider, { initialConfig: {
+                initialValue: value,
+                readOnly: disabled,
+                schemaDefinition: ps_portable_text_core_config_1.PsPortableTextCoreConfig.schemaDefinition,
+            }, children: [(0, jsx_runtime_1.jsx)(plugins_1.EventListenerPlugin, { on: (event) => {
+                        if (event.type !== 'mutation')
+                            return;
+                        const next = Array.isArray(event.value) ? event.value : [];
+                        lastValue.current = next;
+                        onChange(next);
+                    } }), toolbar, (0, jsx_runtime_1.jsx)(editor_1.PortableTextEditable, { className: editableClassName, readOnly: disabled, renderAnnotation: renderAnnotation, renderBlock: renderBlock, renderDecorator: renderDecorator, renderPlaceholder: renderPlaceholder, style: { minHeight: ps_portable_text_editor_service_1.PsPortableTextEditorService.minHeight(minRows) } })] }, version)) : (fallback) }));
+};
+exports.PsPortableTextCore = PsPortableTextCore;

package/dist/portable-text-core/constants/ps-portable-text-core-config.d.ts

@@ -0,0 +1,57 @@
+export declare const PsPortableTextCoreConfig: {
+    readonly linkAnnotation: "link";
+    readonly mailtoPrefix: "mailto:";
+    readonly emailPattern: RegExp;
+    readonly lineHeightRem: 1.5;
+    readonly decorators: {
+        readonly bold: "strong";
+        readonly code: "code";
+        readonly italic: "em";
+        readonly underline: "underline";
+    };
+    readonly styles: {
+        readonly blockquote: "blockquote";
+        readonly normal: "normal";
+    };
+    readonly listItems: {
+        readonly bullet: "bullet";
+        readonly number: "number";
+    };
+    readonly schemaDefinition: {
+        readonly annotations: readonly [{
+            readonly name: "link";
+            readonly fields: readonly [{
+                readonly name: "href";
+                readonly type: "string";
+            }];
+        }];
+        readonly blockObjects: readonly [];
+        readonly decorators: {
+            name: "code" | "em" | "strong" | "underline";
+        }[];
+        readonly inlineObjects: readonly [];
+        readonly lists: {
+            name: "number" | "bullet";
+        }[];
+        readonly styles: {
+            name: "blockquote" | "normal";
+        }[];
+    };
+    readonly labels: {
+        bold: string;
+        bulletedList: string;
+        cancel: string;
+        code: string;
+        invalidLink: string;
+        italic: string;
+        link: string;
+        linkDialogTitle: string;
+        linkUrl: string;
+        numberedList: string;
+        quote: string;
+        removeLink: string;
+        saveLink: string;
+        toolbar: string;
+        underline: string;
+    };
+};

package/dist/portable-text-core/constants/ps-portable-text-core-config.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPortableTextCoreConfig = void 0;
+const ps_models_1 = require("@pallasoft/ps-models");
+const editor_1 = require("@portabletext/editor");
+const Models = ps_models_1.Common.PortableTextConfig;
+exports.PsPortableTextCoreConfig = {
+    linkAnnotation: Models.linkType,
+    mailtoPrefix: 'mailto:',
+    emailPattern: /^[^\s@/:]+@[^\s@/:]+\.[^\s@/:]+$/,
+    lineHeightRem: 1.5,
+    decorators: {
+        bold: Models.decorators[0],
+        code: Models.decorators[3],
+        italic: Models.decorators[1],
+        underline: Models.decorators[2],
+    },
+    styles: { blockquote: Models.styles[1], normal: Models.styles[0] },
+    listItems: { bullet: Models.listItems[0], number: Models.listItems[1] },
+    schemaDefinition: (0, editor_1.defineSchema)({
+        annotations: [{ name: Models.linkType, fields: [{ name: 'href', type: 'string' }] }],
+        blockObjects: [],
+        decorators: Models.decorators.map((name) => ({ name })),
+        inlineObjects: [],
+        lists: Models.listItems.map((name) => ({ name })),
+        styles: Models.styles.map((name) => ({ name })),
+    }),
+    labels: {
+        bold: 'Bold',
+        bulletedList: 'Bulleted list',
+        cancel: 'Cancel',
+        code: 'Code',
+        invalidLink: 'Enter a web address or email address',
+        italic: 'Italic',
+        link: 'Link',
+        linkDialogTitle: 'Link',
+        linkUrl: 'Address',
+        numberedList: 'Numbered list',
+        quote: 'Quote',
+        removeLink: 'Remove link',
+        saveLink: 'Save',
+        toolbar: 'Formatting',
+        underline: 'Underline',
+    },
+};

package/dist/portable-text-core/hooks/use-ps-portable-text-link-form.d.ts

@@ -0,0 +1,13 @@
+import { type FormEvent } from 'react';
+export interface UsePsPortableTextLinkFormOptions {
+    onClose: () => void;
+    onSubmit: (href: string) => void;
+}
+export declare const usePsPortableTextLinkForm: ({ onClose, onSubmit, }: UsePsPortableTextLinkFormOptions) => {
+    address: string;
+    close: () => void;
+    hasError: boolean;
+    isSubmitDisabled: boolean;
+    setAddress: (next: string) => void;
+    submit: (event: FormEvent) => void;
+};

package/dist/portable-text-core/hooks/use-ps-portable-text-link-form.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsPortableTextLinkForm = void 0;
+const react_1 = require("react");
+const ps_portable_text_editor_service_1 = require("../services/ps-portable-text-editor-service");
+const usePsPortableTextLinkForm = ({ onClose, onSubmit, }) => {
+    const [address, setAddress] = (0, react_1.useState)('');
+    const [hasError, setHasError] = (0, react_1.useState)(false);
+    return {
+        address,
+        close: () => {
+            setAddress('');
+            setHasError(false);
+            onClose();
+        },
+        hasError,
+        isSubmitDisabled: address.trim() === '',
+        setAddress: (next) => {
+            setAddress(next);
+            setHasError(false);
+        },
+        submit: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            const href = ps_portable_text_editor_service_1.PsPortableTextEditorService.normalizeLink(address);
+            if (href === null) {
+                setHasError(true);
+                return;
+            }
+            setAddress('');
+            setHasError(false);
+            onSubmit(href);
+        },
+    };
+};
+exports.usePsPortableTextLinkForm = usePsPortableTextLinkForm;

package/dist/portable-text-core/hooks/use-ps-portable-text-toolbar.d.ts

@@ -0,0 +1,18 @@
+export declare const usePsPortableTextToolbar: () => {
+    active: {
+        bold: boolean;
+        bulletedList: boolean;
+        code: boolean;
+        italic: boolean;
+        link: boolean;
+        numberedList: boolean;
+        quote: boolean;
+        underline: boolean;
+    };
+    addLink: (href: string) => void;
+    focus: () => void;
+    removeLink: () => void;
+    toggleDecorator: (decorator: string) => void;
+    toggleListItem: (listItem: string) => void;
+    toggleQuote: () => void;
+};

package/dist/portable-text-core/hooks/use-ps-portable-text-toolbar.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsPortableTextToolbar = void 0;
+const editor_1 = require("@portabletext/editor");
+const selectors_1 = require("@portabletext/editor/selectors");
+const ps_portable_text_core_config_1 = require("../constants/ps-portable-text-core-config");
+const usePsPortableTextToolbar = () => {
+    const editor = (0, editor_1.useEditor)();
+    const isBold = (0, editor_1.useEditorSelector)(editor, (0, selectors_1.isActiveDecorator)(ps_portable_text_core_config_1.PsPortableTextCoreConfig.decorators.bold));
+    const isItalic = (0, editor_1.useEditorSelector)(editor, (0, selectors_1.isActiveDecorator)(ps_portable_text_core_config_1.PsPortableTextCoreConfig.decorators.italic));
+    const isUnderline = (0, editor_1.useEditorSelector)(editor, (0, selectors_1.isActiveDecorator)(ps_portable_text_core_config_1.PsPortableTextCoreConfig.decorators.underline));
+    const isCode = (0, editor_1.useEditorSelector)(editor, (0, selectors_1.isActiveDecorator)(ps_portable_text_core_config_1.PsPortableTextCoreConfig.decorators.code));
+    const isBulletedList = (0, editor_1.useEditorSelector)(editor, (0, selectors_1.isActiveListItem)(ps_portable_text_core_config_1.PsPortableTextCoreConfig.listItems.bullet));
+    const isNumberedList = (0, editor_1.useEditorSelector)(editor, (0, selectors_1.isActiveListItem)(ps_portable_text_core_config_1.PsPortableTextCoreConfig.listItems.number));
+    const isQuote = (0, editor_1.useEditorSelector)(editor, (0, selectors_1.isActiveStyle)(ps_portable_text_core_config_1.PsPortableTextCoreConfig.styles.blockquote));
+    const isLink = (0, editor_1.useEditorSelector)(editor, (0, selectors_1.isActiveAnnotation)(ps_portable_text_core_config_1.PsPortableTextCoreConfig.linkAnnotation));
+    const focus = () => editor.send({ type: 'focus' });
+    return {
+        active: {
+            bold: isBold,
+            bulletedList: isBulletedList,
+            code: isCode,
+            italic: isItalic,
+            link: isLink,
+            numberedList: isNumberedList,
+            quote: isQuote,
+            underline: isUnderline,
+        },
+        addLink: (href) => {
+            editor.send({
+                type: 'annotation.add',
+                annotation: { name: ps_portable_text_core_config_1.PsPortableTextCoreConfig.linkAnnotation, value: { href } },
+            });
+            focus();
+        },
+        focus,
+        removeLink: () => {
+            editor.send({
+                type: 'annotation.remove',
+                annotation: { name: ps_portable_text_core_config_1.PsPortableTextCoreConfig.linkAnnotation },
+            });
+            focus();
+        },
+        toggleDecorator: (decorator) => {
+            editor.send({ type: 'decorator.toggle', decorator });
+            focus();
+        },
+        toggleListItem: (listItem) => {
+            editor.send({ type: 'list item.toggle', listItem });
+            focus();
+        },
+        toggleQuote: () => {
+            editor.send({ type: 'style.toggle', style: ps_portable_text_core_config_1.PsPortableTextCoreConfig.styles.blockquote });
+            focus();
+        },
+    };
+};
+exports.usePsPortableTextToolbar = usePsPortableTextToolbar;

package/dist/portable-text-core/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components/ps-portable-text-core';
+export * from './constants/ps-portable-text-core-config';
+export * from './hooks/use-ps-portable-text-link-form';
+export * from './hooks/use-ps-portable-text-toolbar';
+export * from './interfaces/ps-portable-text-editor-labels';
+export * from './services/ps-portable-text-editor-service';
+export type { BlockAnnotationRenderProps, BlockDecoratorRenderProps, BlockRenderProps, PortableTextBlock, } from '@portabletext/editor';

package/dist/portable-text-core/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components/ps-portable-text-core"), exports);
+__exportStar(require("./constants/ps-portable-text-core-config"), exports);
+__exportStar(require("./hooks/use-ps-portable-text-link-form"), exports);
+__exportStar(require("./hooks/use-ps-portable-text-toolbar"), exports);
+__exportStar(require("./interfaces/ps-portable-text-editor-labels"), exports);
+__exportStar(require("./services/ps-portable-text-editor-service"), exports);

package/dist/{services → portable-text-core/services}/ps-portable-text-editor-service.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsPortableTextEditorService = void 0;
 const ps_models_1 = require("@pallasoft/ps-models");
-const ps_portable_text_editor_config_1 = require("../constants/ps-portable-text-editor-config");
-const ps_text_format_service_1 = require("./ps-text-format-service");
+const ps_text_format_service_1 = require("../../services/ps-text-format-service");
+const ps_portable_text_core_config_1 = require("../constants/ps-portable-text-core-config");
 class PsPortableTextEditorService {
     static normalizeLink(raw) {
         const trimmed = raw.trim();
         if (trimmed === '')
             return null;
-        const candidate = ps_portable_text_editor_config_1.PsPortableTextEditorConfig.emailPattern.test(trimmed)
-            ? `${ps_portable_text_editor_config_1.PsPortableTextEditorConfig.mailtoPrefix}${trimmed}`
-            : trimmed.toLowerCase().startsWith(ps_portable_text_editor_config_1.PsPortableTextEditorConfig.mailtoPrefix)
+        const candidate = ps_portable_text_core_config_1.PsPortableTextCoreConfig.emailPattern.test(trimmed)
+            ? `${ps_portable_text_core_config_1.PsPortableTextCoreConfig.mailtoPrefix}${trimmed}`
+            : trimmed.toLowerCase().startsWith(ps_portable_text_core_config_1.PsPortableTextCoreConfig.mailtoPrefix)
                 ? trimmed
                 : ps_text_format_service_1.PsTextFormatService.url(trimmed);
         try {
@@ -25,7 +25,7 @@ class PsPortableTextEditorService {
         }
     }
     static minHeight(minRows) {
-        return `${minRows * ps_portable_text_editor_config_1.PsPortableTextEditorConfig.lineHeightRem}rem`;
+        return `${minRows * ps_portable_text_core_config_1.PsPortableTextCoreConfig.lineHeightRem}rem`;
     }
     static isSame(first, second) {
         return JSON.stringify(first) === JSON.stringify(second);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-input-components",
-	"version": "1.23.0",
+	"version": "2.0.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",
@@ -18,6 +18,18 @@
 			"module": "./dist/esm/form/index.js",
 			"require": "./dist/form/index.js",
 			"default": "./dist/form/index.js"
+		},
+		"./portable-text": {
+			"types": "./dist/portable-text/index.d.ts",
+			"module": "./dist/esm/portable-text/index.js",
+			"require": "./dist/portable-text/index.js",
+			"default": "./dist/portable-text/index.js"
+		},
+		"./portable-text-core": {
+			"types": "./dist/portable-text-core/index.d.ts",
+			"module": "./dist/esm/portable-text-core/index.js",
+			"require": "./dist/portable-text-core/index.js",
+			"default": "./dist/portable-text-core/index.js"
 		}
 	},
 	"files": [
@@ -102,6 +114,12 @@
 		"*": {
 			"form": [
 				"./dist/form/index.d.ts"
+			],
+			"portable-text": [
+				"./dist/portable-text/index.d.ts"
+			],
+			"portable-text-core": [
+				"./dist/portable-text-core/index.d.ts"
 			]
 		}
 	},