@pallasoft/ps-input-components 3.0.0 → 3.2.0

package/dist/components/ps-combobox-input.d.ts

@@ -6,9 +6,11 @@ export interface PsComboboxInputProps<T> {
     getItemLabel: (item: T) => string;
     hideLabel?: boolean;
     inputValue?: string;
+    isDisabled?: boolean;
     isLoading?: boolean;
     items: T[];
     label?: string;
+    menuTrigger?: 'focus' | 'input' | 'manual';
     onInputChange?: (value: string) => void;
     onSelectionChange?: (item: T | null) => void;
     placeholder?: string;
@@ -16,4 +18,4 @@ export interface PsComboboxInputProps<T> {
     required?: boolean;
     selectedKey?: string | null;
 }
-export declare const PsComboboxInput: <T>({ className, emptyText, getItemKey, getItemLabel, hideLabel, inputValue, isLoading, items, label, onInputChange, onSelectionChange, placeholder, renderItem, required, selectedKey, }: PsComboboxInputProps<T>) => import("react").JSX.Element;
+export declare const PsComboboxInput: <T>({ className, emptyText, getItemKey, getItemLabel, hideLabel, inputValue, isDisabled, isLoading, items, label, menuTrigger, onInputChange, onSelectionChange, placeholder, renderItem, required, selectedKey, }: PsComboboxInputProps<T>) => import("react").JSX.Element;

package/dist/components/ps-combobox-input.js

@@ -7,8 +7,8 @@ const ps_design_system_1 = require("@pallasoft/ps-design-system");
 const react_aria_components_1 = require("react-aria-components");
 const ps_combobox_input_service_1 = require("../services/ps-combobox-input-service");
 const ps_required_mark_1 = require("./ps-required-mark");
-const PsComboboxInput = ({ className, emptyText, getItemKey, getItemLabel, hideLabel = false, inputValue, isLoading = false, items, label, onInputChange, onSelectionChange, placeholder, renderItem, required, selectedKey, }) => {
+const PsComboboxInput = ({ className, emptyText, getItemKey, getItemLabel, hideLabel = false, inputValue, isDisabled = false, isLoading = false, items, label, menuTrigger = 'input', onInputChange, onSelectionChange, placeholder, renderItem, required, selectedKey, }) => {
     const itemsByKey = new Map(items.map((item) => [getItemKey(item), item]));
-    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.ComboBox, { allowsEmptyCollection: true, "aria-label": hideLabel ? label : undefined, className: ps_design_system_1.PallasoftClassNameService.merge('block', className), defaultFilter: () => true, inputValue: inputValue, items: items, onInputChange: onInputChange, selectedKey: selectedKey, onSelectionChange: (key) => onSelectionChange?.(key === null ? null : ps_combobox_input_service_1.PsComboboxInputService.getItem(itemsByKey, key)), children: [label && !hideLabel ? ((0, jsx_runtime_1.jsxs)(react_aria_components_1.Label, { className: 'ps-input-label', children: [label, (0, jsx_runtime_1.jsx)(ps_required_mark_1.PsRequiredMark, { isRequired: required })] })) : null, (0, jsx_runtime_1.jsx)("span", { className: hideLabel || !label ? 'relative block' : 'relative mt-2 block', children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Input, { className: 'ps-input-control ps-focus-ring w-full text-sm font-semibold', placeholder: placeholder }) }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Popover, { className: 'w-[--trigger-width] rounded-2xl border border-line bg-white/95 p-1.5 shadow-lg dark:border-white/10 dark:bg-slate-900/95', children: isLoading ? ((0, jsx_runtime_1.jsx)("div", { className: 'flex items-center justify-center py-4', children: (0, jsx_runtime_1.jsx)(ps_core_components_1.PsSpinner, { label: 'Loading results', size: 'small' }) })) : ((0, jsx_runtime_1.jsx)(react_aria_components_1.ListBox, { className: 'max-h-72 overflow-y-auto outline-none', items: items, renderEmptyState: () => emptyText ? (0, jsx_runtime_1.jsx)("div", { className: 'px-3 py-2 text-sm text-ink/55', children: emptyText }) : null, children: (item) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.ListBoxItem, { className: 'ps-focus-ring cursor-pointer rounded-ps-control px-3 py-2 text-sm font-semibold text-ink selected:bg-primary-soft selected:text-primary hover:bg-slate-50 dark:hover:bg-white/6', id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item) : getItemLabel(item) })) })) })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.ComboBox, { allowsEmptyCollection: true, "aria-label": hideLabel ? label : undefined, className: ps_design_system_1.PallasoftClassNameService.merge('block', className), defaultFilter: () => true, inputValue: inputValue, isDisabled: isDisabled, items: items, menuTrigger: menuTrigger, onInputChange: onInputChange, selectedKey: selectedKey, onSelectionChange: (key) => onSelectionChange?.(key === null ? null : ps_combobox_input_service_1.PsComboboxInputService.getItem(itemsByKey, key)), children: [label && !hideLabel ? ((0, jsx_runtime_1.jsxs)(react_aria_components_1.Label, { className: 'ps-input-label', children: [label, (0, jsx_runtime_1.jsx)(ps_required_mark_1.PsRequiredMark, { isRequired: required })] })) : null, (0, jsx_runtime_1.jsx)("span", { className: hideLabel || !label ? 'relative block' : 'relative mt-2 block', children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Input, { className: 'ps-input-control ps-focus-ring w-full text-sm font-semibold', placeholder: placeholder }) }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Popover, { className: 'w-[--trigger-width] rounded-2xl border border-line bg-white/95 p-1.5 shadow-lg dark:border-white/10 dark:bg-slate-900/95', children: isLoading && items.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: 'flex items-center justify-center py-4', children: (0, jsx_runtime_1.jsx)(ps_core_components_1.PsSpinner, { label: 'Loading results', size: 'small' }) })) : ((0, jsx_runtime_1.jsx)(react_aria_components_1.ListBox, { "aria-busy": isLoading, className: 'max-h-72 overflow-y-auto outline-none', items: items, renderEmptyState: () => emptyText ? (0, jsx_runtime_1.jsx)("div", { className: 'px-3 py-2 text-sm text-ink/55', children: emptyText }) : null, children: (item) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.ListBoxItem, { className: 'ps-focus-ring cursor-pointer rounded-ps-control px-3 py-2 text-sm font-semibold text-ink selected:bg-primary-soft selected:text-primary hover:bg-slate-50 dark:hover:bg-white/6', id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item) : getItemLabel(item) })) })) })] }));
 };
 exports.PsComboboxInput = PsComboboxInput;

package/dist/components/ps-rating-input.d.ts

@@ -0,0 +1,12 @@
+import { PsRatingInputSize } from '../constants/ps-rating-input-size';
+export interface PsRatingInputProps {
+    isDisabled?: boolean;
+    label: string;
+    max?: number;
+    name?: string;
+    onChange: (score: number) => void;
+    optionLabel: (score: number) => string;
+    size?: PsRatingInputSize;
+    value: number;
+}
+export declare const PsRatingInput: ({ isDisabled, label, max, name, onChange, optionLabel, size, value, }: PsRatingInputProps) => import("react").JSX.Element;

package/dist/components/ps-rating-input.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsRatingInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_rating_input_config_1 = require("../constants/ps-rating-input-config");
+const ps_rating_input_size_1 = require("../constants/ps-rating-input-size");
+const PsRatingInput = ({ isDisabled = false, label, max = ps_rating_input_config_1.PsRatingInputConfig.defaultMax, name, onChange, optionLabel, size = ps_rating_input_size_1.PsRatingInputSize.Medium, value, }) => ((0, jsx_runtime_1.jsxs)("fieldset", { className: 'm-0 min-w-0 border-0 p-0', disabled: isDisabled, children: [(0, jsx_runtime_1.jsx)("legend", { className: 'sr-only', children: label }), (0, jsx_runtime_1.jsx)("div", { className: '-ml-1.5 flex items-center', children: Array.from({ length: max }, (_, index) => index + 1).map((score) => ((0, jsx_runtime_1.jsxs)("label", { className: ps_design_system_1.PallasoftClassNameService.merge('relative flex cursor-pointer items-center justify-center', ps_rating_input_config_1.PsRatingInputConfig.targetClassNames[size], isDisabled && 'cursor-not-allowed opacity-60'), title: optionLabel(score), children: [(0, jsx_runtime_1.jsx)("input", { "aria-label": optionLabel(score), checked: score === value, className: 'peer sr-only', name: name, onChange: () => onChange(score), type: 'radio', value: score }), (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { className: ps_design_system_1.PallasoftClassNameService.merge('transition-colors', ps_rating_input_config_1.PsRatingInputConfig.iconClassNames[size], score <= value
+                            ? ps_rating_input_config_1.PsRatingInputConfig.filledClassName
+                            : ps_rating_input_config_1.PsRatingInputConfig.emptyClassName, ps_rating_input_config_1.PsRatingInputConfig.focusClassName), iconKey: ps_icons_1.PsIconKey.Star })] }, score))) })] }));
+exports.PsRatingInput = PsRatingInput;

package/dist/constants/ps-rating-input-config.d.ts

@@ -0,0 +1,14 @@
+export declare const PsRatingInputConfig: {
+    readonly defaultMax: 5;
+    readonly filledClassName: "fill-current text-primary";
+    readonly emptyClassName: "text-ink/30 hover:text-primary dark:text-white/30";
+    readonly focusClassName: "peer-focus-visible:rounded-ps-control peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary";
+    readonly iconClassNames: {
+        readonly large: "h-10 w-10";
+        readonly medium: "h-8 w-8";
+    };
+    readonly targetClassNames: {
+        readonly large: "h-14 w-14";
+        readonly medium: "h-12 w-12";
+    };
+};

package/dist/constants/ps-rating-input-config.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsRatingInputConfig = void 0;
+const ps_rating_input_size_1 = require("./ps-rating-input-size");
+exports.PsRatingInputConfig = {
+    defaultMax: 5,
+    filledClassName: 'fill-current text-primary',
+    emptyClassName: 'text-ink/30 hover:text-primary dark:text-white/30',
+    focusClassName: 'peer-focus-visible:rounded-ps-control peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary',
+    iconClassNames: {
+        [ps_rating_input_size_1.PsRatingInputSize.Large]: 'h-10 w-10',
+        [ps_rating_input_size_1.PsRatingInputSize.Medium]: 'h-8 w-8',
+    },
+    targetClassNames: {
+        [ps_rating_input_size_1.PsRatingInputSize.Large]: 'h-14 w-14',
+        [ps_rating_input_size_1.PsRatingInputSize.Medium]: 'h-12 w-12',
+    },
+};

package/dist/constants/ps-rating-input-size.d.ts

@@ -0,0 +1,4 @@
+export declare enum PsRatingInputSize {
+    Large = "large",
+    Medium = "medium"
+}

package/dist/constants/ps-rating-input-size.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsRatingInputSize = void 0;
+var PsRatingInputSize;
+(function (PsRatingInputSize) {
+    PsRatingInputSize["Large"] = "large";
+    PsRatingInputSize["Medium"] = "medium";
+})(PsRatingInputSize || (exports.PsRatingInputSize = PsRatingInputSize = {}));

package/dist/esm/components/ps-combobox-input.js

@@ -4,7 +4,7 @@ import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
 import { ComboBox, Input, Label, ListBox, ListBoxItem, Popover } from 'react-aria-components';
 import { PsComboboxInputService } from '../services/ps-combobox-input-service';
 import { PsRequiredMark } from './ps-required-mark';
-export const PsComboboxInput = ({ className, emptyText, getItemKey, getItemLabel, hideLabel = false, inputValue, isLoading = false, items, label, onInputChange, onSelectionChange, placeholder, renderItem, required, selectedKey, }) => {
+export const PsComboboxInput = ({ className, emptyText, getItemKey, getItemLabel, hideLabel = false, inputValue, isDisabled = false, isLoading = false, items, label, menuTrigger = 'input', onInputChange, onSelectionChange, placeholder, renderItem, required, selectedKey, }) => {
     const itemsByKey = new Map(items.map((item) => [getItemKey(item), item]));
-    return (_jsxs(ComboBox, { allowsEmptyCollection: true, "aria-label": hideLabel ? label : undefined, className: PallasoftClassNameService.merge('block', className), defaultFilter: () => true, inputValue: inputValue, items: items, onInputChange: onInputChange, selectedKey: selectedKey, onSelectionChange: (key) => onSelectionChange?.(key === null ? null : PsComboboxInputService.getItem(itemsByKey, key)), children: [label && !hideLabel ? (_jsxs(Label, { className: 'ps-input-label', children: [label, _jsx(PsRequiredMark, { isRequired: required })] })) : null, _jsx("span", { className: hideLabel || !label ? 'relative block' : 'relative mt-2 block', children: _jsx(Input, { className: 'ps-input-control ps-focus-ring w-full text-sm font-semibold', placeholder: placeholder }) }), _jsx(Popover, { className: 'w-[--trigger-width] rounded-2xl border border-line bg-white/95 p-1.5 shadow-lg dark:border-white/10 dark:bg-slate-900/95', children: isLoading ? (_jsx("div", { className: 'flex items-center justify-center py-4', children: _jsx(PsSpinner, { label: 'Loading results', size: 'small' }) })) : (_jsx(ListBox, { className: 'max-h-72 overflow-y-auto outline-none', items: items, renderEmptyState: () => emptyText ? _jsx("div", { className: 'px-3 py-2 text-sm text-ink/55', children: emptyText }) : null, children: (item) => (_jsx(ListBoxItem, { className: 'ps-focus-ring cursor-pointer rounded-ps-control px-3 py-2 text-sm font-semibold text-ink selected:bg-primary-soft selected:text-primary hover:bg-slate-50 dark:hover:bg-white/6', id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item) : getItemLabel(item) })) })) })] }));
+    return (_jsxs(ComboBox, { allowsEmptyCollection: true, "aria-label": hideLabel ? label : undefined, className: PallasoftClassNameService.merge('block', className), defaultFilter: () => true, inputValue: inputValue, isDisabled: isDisabled, items: items, menuTrigger: menuTrigger, onInputChange: onInputChange, selectedKey: selectedKey, onSelectionChange: (key) => onSelectionChange?.(key === null ? null : PsComboboxInputService.getItem(itemsByKey, key)), children: [label && !hideLabel ? (_jsxs(Label, { className: 'ps-input-label', children: [label, _jsx(PsRequiredMark, { isRequired: required })] })) : null, _jsx("span", { className: hideLabel || !label ? 'relative block' : 'relative mt-2 block', children: _jsx(Input, { className: 'ps-input-control ps-focus-ring w-full text-sm font-semibold', placeholder: placeholder }) }), _jsx(Popover, { className: 'w-[--trigger-width] rounded-2xl border border-line bg-white/95 p-1.5 shadow-lg dark:border-white/10 dark:bg-slate-900/95', children: isLoading && items.length === 0 ? (_jsx("div", { className: 'flex items-center justify-center py-4', children: _jsx(PsSpinner, { label: 'Loading results', size: 'small' }) })) : (_jsx(ListBox, { "aria-busy": isLoading, className: 'max-h-72 overflow-y-auto outline-none', items: items, renderEmptyState: () => emptyText ? _jsx("div", { className: 'px-3 py-2 text-sm text-ink/55', children: emptyText }) : null, children: (item) => (_jsx(ListBoxItem, { className: 'ps-focus-ring cursor-pointer rounded-ps-control px-3 py-2 text-sm font-semibold text-ink selected:bg-primary-soft selected:text-primary hover:bg-slate-50 dark:hover:bg-white/6', id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item) : getItemLabel(item) })) })) })] }));
 };

package/dist/esm/components/ps-rating-input.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
+import { PsIcon, PsIconKey } from '@pallasoft/ps-icons';
+import { PsRatingInputConfig } from '../constants/ps-rating-input-config';
+import { PsRatingInputSize } from '../constants/ps-rating-input-size';
+export const PsRatingInput = ({ isDisabled = false, label, max = PsRatingInputConfig.defaultMax, name, onChange, optionLabel, size = PsRatingInputSize.Medium, value, }) => (_jsxs("fieldset", { className: 'm-0 min-w-0 border-0 p-0', disabled: isDisabled, children: [_jsx("legend", { className: 'sr-only', children: label }), _jsx("div", { className: '-ml-1.5 flex items-center', children: Array.from({ length: max }, (_, index) => index + 1).map((score) => (_jsxs("label", { className: PallasoftClassNameService.merge('relative flex cursor-pointer items-center justify-center', PsRatingInputConfig.targetClassNames[size], isDisabled && 'cursor-not-allowed opacity-60'), title: optionLabel(score), children: [_jsx("input", { "aria-label": optionLabel(score), checked: score === value, className: 'peer sr-only', name: name, onChange: () => onChange(score), type: 'radio', value: score }), _jsx(PsIcon, { className: PallasoftClassNameService.merge('transition-colors', PsRatingInputConfig.iconClassNames[size], score <= value
+                            ? PsRatingInputConfig.filledClassName
+                            : PsRatingInputConfig.emptyClassName, PsRatingInputConfig.focusClassName), iconKey: PsIconKey.Star })] }, score))) })] }));

package/dist/esm/constants/ps-rating-input-config.js

@@ -0,0 +1,15 @@
+import { PsRatingInputSize } from './ps-rating-input-size';
+export const PsRatingInputConfig = {
+    defaultMax: 5,
+    filledClassName: 'fill-current text-primary',
+    emptyClassName: 'text-ink/30 hover:text-primary dark:text-white/30',
+    focusClassName: 'peer-focus-visible:rounded-ps-control peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary',
+    iconClassNames: {
+        [PsRatingInputSize.Large]: 'h-10 w-10',
+        [PsRatingInputSize.Medium]: 'h-8 w-8',
+    },
+    targetClassNames: {
+        [PsRatingInputSize.Large]: 'h-14 w-14',
+        [PsRatingInputSize.Medium]: 'h-12 w-12',
+    },
+};

package/dist/esm/constants/ps-rating-input-size.js

@@ -0,0 +1,5 @@
+export var PsRatingInputSize;
+(function (PsRatingInputSize) {
+    PsRatingInputSize["Large"] = "large";
+    PsRatingInputSize["Medium"] = "medium";
+})(PsRatingInputSize || (PsRatingInputSize = {}));

package/dist/esm/index.js

@@ -54,3 +54,5 @@ export * from './interfaces/ps-checkbox-matrix-group';
 export * from './interfaces/ps-checkbox-matrix-labels';
 export * from './interfaces/ps-checkbox-matrix-row';
 export * from './services/ps-checkbox-matrix-service';
+export * from './components/ps-rating-input';
+export * from './constants/ps-rating-input-size';

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { EditorContent, useEditor, useEditorState } from '@tiptap/react';
 import { PsPortableTextCoreContext } from '../contexts/ps-portable-text-core-context';
 import { PsPortableTextCommandService } from '../services/ps-portable-text-command-service';
 import { PsPortableTextConverterService } from '../services/ps-portable-text-converter-service';
 import { PsPortableTextEditorService } from '../services/ps-portable-text-editor-service';
 import { PsPortableTextExtensionService } from '../services/ps-portable-text-extension-service';
-export const PsPortableTextCoreEditor = ({ className, classNames, disabled = false, editableClassName = '', label, minRows = 4, onChange, placeholder = '', toolbar, value, }) => {
+export const PsPortableTextCoreEditor = ({ className, classNames, disabled = false, handleRef, editableClassName = '', label, minRows = 4, onChange, placeholder = '', toolbar, value, }) => {
     const [isLinkOpen, setIsLinkOpen] = useState(false);
     const lastValue = useRef(value);
     const editor = useEditor({
@@ -32,6 +32,11 @@ export const PsPortableTextCoreEditor = ({ className, classNames, disabled = fal
         editor,
         selector: ({ editor: current }) => PsPortableTextCommandService.state(current),
     });
+    useImperativeHandle(handleRef, () => ({
+        focus: () => PsPortableTextCommandService.focus(editor),
+        insertBlocks: (blocks) => PsPortableTextCommandService.insertBlocks(editor, blocks),
+        isCurrentBlockEmpty: () => PsPortableTextCommandService.isCurrentBlockEmpty(editor),
+    }), [editor]);
     useEffect(() => {
         editor.setEditable(!disabled, false);
     }, [editor, disabled]);

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

@@ -5,6 +5,7 @@ export * from './hooks/use-ps-portable-text-toolbar';
 export * from './interfaces/ps-portable-text-active-formats';
 export * from './interfaces/ps-portable-text-core-class-names';
 export * from './interfaces/ps-portable-text-core-props';
+export * from './interfaces/ps-portable-text-editor-handle';
 export * from './interfaces/ps-portable-text-editor-labels';
 export * from './services/ps-portable-text-converter-service';
 export * from './services/ps-portable-text-editor-service';

package/dist/esm/portable-text-core/interfaces/ps-portable-text-editor-handle.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/portable-text-core/services/ps-portable-text-command-service.js

@@ -1,4 +1,5 @@
 import { PsPortableTextCoreConfig } from '../constants/ps-portable-text-core-config';
+import { PsPortableTextConverterService } from './ps-portable-text-converter-service';
 import { PsPortableTextEditorService } from './ps-portable-text-editor-service';
 export class PsPortableTextCommandService {
     static state(editor) {
@@ -70,4 +71,23 @@ export class PsPortableTextCommandService {
         if (editor !== null)
             editor.commands.focus();
     }
+    static insertBlocks(editor, blocks) {
+        if (editor === null || blocks.length === 0)
+            return;
+        const content = PsPortableTextConverterService.toDocument(blocks).content;
+        if (content === undefined)
+            return;
+        const [first] = content;
+        const isOneLine = content.length === 1 &&
+            first.type === PsPortableTextCoreConfig.nodes.paragraph &&
+            first.content !== undefined;
+        editor
+            .chain()
+            .focus()
+            .insertContent(isOneLine && first.content !== undefined ? first.content : content)
+            .run();
+    }
+    static isCurrentBlockEmpty(editor) {
+        return editor === null ? true : editor.state.selection.$from.parent.content.size === 0;
+    }
 }

package/dist/index.d.ts

@@ -54,3 +54,5 @@ export * from './interfaces/ps-checkbox-matrix-group';
 export * from './interfaces/ps-checkbox-matrix-labels';
 export * from './interfaces/ps-checkbox-matrix-row';
 export * from './services/ps-checkbox-matrix-service';
+export * from './components/ps-rating-input';
+export * from './constants/ps-rating-input-size';

package/dist/index.js

@@ -70,3 +70,5 @@ __exportStar(require("./interfaces/ps-checkbox-matrix-group"), exports);
 __exportStar(require("./interfaces/ps-checkbox-matrix-labels"), exports);
 __exportStar(require("./interfaces/ps-checkbox-matrix-row"), exports);
 __exportStar(require("./services/ps-checkbox-matrix-service"), exports);
+__exportStar(require("./components/ps-rating-input"), exports);
+__exportStar(require("./constants/ps-rating-input-size"), exports);

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

@@ -1,2 +1,2 @@
 import type { PsPortableTextCoreProps } from '../interfaces/ps-portable-text-core-props';
-export declare const PsPortableTextCoreEditor: ({ className, classNames, disabled, editableClassName, label, minRows, onChange, placeholder, toolbar, value, }: PsPortableTextCoreProps) => import("react").JSX.Element;
+export declare const PsPortableTextCoreEditor: ({ className, classNames, disabled, handleRef, editableClassName, label, minRows, onChange, placeholder, toolbar, value, }: PsPortableTextCoreProps) => import("react").JSX.Element;

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

@@ -9,7 +9,7 @@ const ps_portable_text_command_service_1 = require("../services/ps-portable-text
 const ps_portable_text_converter_service_1 = require("../services/ps-portable-text-converter-service");
 const ps_portable_text_editor_service_1 = require("../services/ps-portable-text-editor-service");
 const ps_portable_text_extension_service_1 = require("../services/ps-portable-text-extension-service");
-const PsPortableTextCoreEditor = ({ className, classNames, disabled = false, editableClassName = '', label, minRows = 4, onChange, placeholder = '', toolbar, value, }) => {
+const PsPortableTextCoreEditor = ({ className, classNames, disabled = false, handleRef, editableClassName = '', label, minRows = 4, onChange, placeholder = '', toolbar, value, }) => {
     const [isLinkOpen, setIsLinkOpen] = (0, react_1.useState)(false);
     const lastValue = (0, react_1.useRef)(value);
     const editor = (0, react_2.useEditor)({
@@ -35,6 +35,11 @@ const PsPortableTextCoreEditor = ({ className, classNames, disabled = false, edi
         editor,
         selector: ({ editor: current }) => ps_portable_text_command_service_1.PsPortableTextCommandService.state(current),
     });
+    (0, react_1.useImperativeHandle)(handleRef, () => ({
+        focus: () => ps_portable_text_command_service_1.PsPortableTextCommandService.focus(editor),
+        insertBlocks: (blocks) => ps_portable_text_command_service_1.PsPortableTextCommandService.insertBlocks(editor, blocks),
+        isCurrentBlockEmpty: () => ps_portable_text_command_service_1.PsPortableTextCommandService.isCurrentBlockEmpty(editor),
+    }), [editor]);
     (0, react_1.useEffect)(() => {
         editor.setEditable(!disabled, false);
     }, [editor, disabled]);

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

@@ -5,6 +5,7 @@ export * from './hooks/use-ps-portable-text-toolbar';
 export * from './interfaces/ps-portable-text-active-formats';
 export * from './interfaces/ps-portable-text-core-class-names';
 export * from './interfaces/ps-portable-text-core-props';
+export * from './interfaces/ps-portable-text-editor-handle';
 export * from './interfaces/ps-portable-text-editor-labels';
 export * from './services/ps-portable-text-converter-service';
 export * from './services/ps-portable-text-editor-service';

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

@@ -21,6 +21,7 @@ __exportStar(require("./hooks/use-ps-portable-text-toolbar"), exports);
 __exportStar(require("./interfaces/ps-portable-text-active-formats"), exports);
 __exportStar(require("./interfaces/ps-portable-text-core-class-names"), exports);
 __exportStar(require("./interfaces/ps-portable-text-core-props"), exports);
+__exportStar(require("./interfaces/ps-portable-text-editor-handle"), exports);
 __exportStar(require("./interfaces/ps-portable-text-editor-labels"), exports);
 __exportStar(require("./services/ps-portable-text-converter-service"), exports);
 __exportStar(require("./services/ps-portable-text-editor-service"), exports);

package/dist/portable-text-core/interfaces/ps-portable-text-core-props.d.ts

@@ -1,12 +1,14 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, Ref } from 'react';
 import type { PortableTextBlock } from '@portabletext/schema';
 import type { PsPortableTextCoreClassNames } from './ps-portable-text-core-class-names';
+import type { PsPortableTextEditorHandle } from './ps-portable-text-editor-handle';
 export interface PsPortableTextCoreProps {
     className?: string;
     classNames: PsPortableTextCoreClassNames;
     disabled?: boolean;
     editableClassName?: string;
     fallback?: ReactNode;
+    handleRef?: Ref<PsPortableTextEditorHandle>;
     label?: string;
     minRows?: number;
     onChange: (value: PortableTextBlock[]) => void;

package/dist/portable-text-core/interfaces/ps-portable-text-editor-handle.d.ts

@@ -0,0 +1,6 @@
+import type { PortableTextBlock } from '@portabletext/schema';
+export interface PsPortableTextEditorHandle {
+    focus: () => void;
+    insertBlocks: (blocks: PortableTextBlock[]) => void;
+    isCurrentBlockEmpty: () => boolean;
+}

package/dist/portable-text-core/interfaces/ps-portable-text-editor-handle.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/portable-text-core/services/ps-portable-text-command-service.d.ts

@@ -1,3 +1,4 @@
+import type { PortableTextBlock } from '@portabletext/schema';
 import type { Editor } from '@tiptap/core';
 import type { PsPortableTextActiveFormats } from '../interfaces/ps-portable-text-active-formats';
 import type { PsPortableTextToolbarState } from '../interfaces/ps-portable-text-toolbar-state';
@@ -11,4 +12,6 @@ export declare class PsPortableTextCommandService {
     static setLink(editor: Editor | null, href: string): void;
     static removeLink(editor: Editor | null): void;
     static focus(editor: Editor | null): void;
+    static insertBlocks(editor: Editor | null, blocks: PortableTextBlock[]): void;
+    static isCurrentBlockEmpty(editor: Editor | null): boolean;
 }

package/dist/portable-text-core/services/ps-portable-text-command-service.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsPortableTextCommandService = void 0;
 const ps_portable_text_core_config_1 = require("../constants/ps-portable-text-core-config");
+const ps_portable_text_converter_service_1 = require("./ps-portable-text-converter-service");
 const ps_portable_text_editor_service_1 = require("./ps-portable-text-editor-service");
 class PsPortableTextCommandService {
     static state(editor) {
@@ -73,5 +74,24 @@ class PsPortableTextCommandService {
         if (editor !== null)
             editor.commands.focus();
     }
+    static insertBlocks(editor, blocks) {
+        if (editor === null || blocks.length === 0)
+            return;
+        const content = ps_portable_text_converter_service_1.PsPortableTextConverterService.toDocument(blocks).content;
+        if (content === undefined)
+            return;
+        const [first] = content;
+        const isOneLine = content.length === 1 &&
+            first.type === ps_portable_text_core_config_1.PsPortableTextCoreConfig.nodes.paragraph &&
+            first.content !== undefined;
+        editor
+            .chain()
+            .focus()
+            .insertContent(isOneLine && first.content !== undefined ? first.content : content)
+            .run();
+    }
+    static isCurrentBlockEmpty(editor) {
+        return editor === null ? true : editor.state.selection.$from.parent.content.size === 0;
+    }
 }
 exports.PsPortableTextCommandService = PsPortableTextCommandService;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-input-components",
-	"version": "3.0.0",
+	"version": "3.2.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",