@case-framework/survey-ui 0.3.0 → 0.3.1

package/dist/src/modules/default-item-registry/items/form/model.d.ts

@@ -0,0 +1,158 @@
+import { SurveyItemTranslations } from '@case-framework/survey-core';
+export type FormFieldType = "input" | "textarea" | "number" | "datepicker" | "switch" | "select" | "slider";
+export declare const FORM_DATEPICKER_FIELD_MODES: readonly ["year", "year-month", "year-month-day"];
+export type FormDatepickerFieldMode = typeof FORM_DATEPICKER_FIELD_MODES[number];
+export interface FormFieldRendererSlotDefinition {
+    id: "field" | "label" | "description" | "error";
+    entryLabel: string;
+    description: string;
+    component: "Field" | "FieldLabel" | "FieldDescription" | "FieldError";
+}
+export declare const FORM_FIELD_RENDERER_SLOTS: FormFieldRendererSlotDefinition[];
+export interface FormFieldConfigSuggestion {
+    key: string;
+    label: string;
+    description: string;
+}
+export type FormFieldValidationType = "required" | "minLength" | "maxLength" | "pattern" | "email" | "url" | "integer" | "min" | "max" | "minDate" | "maxDate" | "mustBeTrue";
+export interface FormFieldValidationSuggestion {
+    type: FormFieldValidationType;
+    label: string;
+    description: string;
+    valueKind: "none" | "number" | "text" | "date";
+    defaultValue?: number | string;
+}
+export interface FormFieldValidationConfig {
+    id: string;
+    type: FormFieldValidationType;
+    value?: number | string;
+    message?: string;
+}
+export type FormFieldEffectiveValidationType = "required" | FormFieldValidationType;
+export interface FormFieldEffectiveValidationConfig {
+    id: string;
+    type: FormFieldEffectiveValidationType;
+    value?: number | string;
+    message?: string;
+    source: "required" | "validation";
+}
+export interface FormFieldSelectOptionConfig {
+    id: string;
+    value: string;
+    label?: string;
+}
+export interface FormInputFieldControlConfig {
+    type: "input";
+    placeholder?: string;
+    inputMode?: "text" | "email" | "tel" | "url" | "password";
+    autocomplete?: string;
+}
+export interface FormTextareaFieldControlConfig {
+    type: "textarea";
+    placeholder?: string;
+    rows?: number;
+}
+export interface FormNumberFieldControlConfig {
+    type: "number";
+    placeholder?: string;
+    step?: number;
+    unit?: string;
+    defaultValue?: number;
+}
+export interface FormDatepickerFieldControlConfig {
+    type: "datepicker";
+    placeholder?: string;
+    mode: FormDatepickerFieldMode;
+}
+export interface FormSwitchFieldControlConfig {
+    type: "switch";
+    checkedLabel?: string;
+    uncheckedLabel?: string;
+    defaultChecked?: boolean;
+}
+export interface FormSelectFieldControlConfig {
+    type: "select";
+    placeholder?: string;
+    allowClear?: boolean;
+    options: FormFieldSelectOptionConfig[];
+}
+export interface FormSliderFieldControlConfig {
+    type: "slider";
+    min?: number;
+    max?: number;
+    step?: number;
+    defaultValue?: number;
+    showValue?: boolean;
+}
+export type FormFieldControlConfig = FormInputFieldControlConfig | FormTextareaFieldControlConfig | FormNumberFieldControlConfig | FormDatepickerFieldControlConfig | FormSwitchFieldControlConfig | FormSelectFieldControlConfig | FormSliderFieldControlConfig;
+export interface FormFieldConfig {
+    id: string;
+    key: string;
+    type: FormFieldType;
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    required?: boolean;
+    controller: FormFieldControlConfig;
+    validations: FormFieldValidationConfig[];
+    hasValidations?: boolean;
+    isInvalid?: boolean;
+}
+export declare function getFormFieldEffectiveValidations(field: Pick<FormFieldConfig, "id" | "required" | "validations">): FormFieldEffectiveValidationConfig[];
+/**
+ * Column counts keyed by field group card width (container), not the viewport.
+ * Breakpoints match `@container (width >= …)` on `form-field-group`: 20rem / 24rem / 28rem / 36rem.
+ */
+export interface FormFieldGroupLayoutConfig {
+    /** Below @xs (under 20rem) */
+    base: number;
+    /** @xs — width >= 20rem */
+    xs: number;
+    /** @sm — width >= 24rem */
+    sm: number;
+    /** @md — width >= 28rem */
+    md: number;
+    /** @xl — width >= 36rem */
+    xl: number;
+}
+export interface FormFieldGroupConfig {
+    id: string;
+    title?: string;
+    description?: string;
+    hasDisplayCondition?: boolean;
+    layout: FormFieldGroupLayoutConfig;
+    fields: FormFieldConfig[];
+}
+export interface FormItemConfig {
+    id: string;
+    fieldGroups: FormFieldGroupConfig[];
+}
+export declare function createFormItemConfig(itemId: string): FormItemConfig;
+export declare function getFormFieldGroupTranslationPrefix(groupId: string, translationNamespace?: string): string;
+export declare function getFormFieldGroupTitleContentKey(groupId: string, translationNamespace?: string): string;
+export declare function getFormFieldGroupDescriptionContentKey(groupId: string, translationNamespace?: string): string;
+export declare function getFormFieldTranslationPrefix(fieldId: string, translationNamespace?: string): string;
+export declare function getFormFieldLabelContentKey(fieldId: string, translationNamespace?: string): string;
+export declare function getFormFieldDescriptionContentKey(fieldId: string, translationNamespace?: string): string;
+export declare function getFormFieldErrorMessageContentKey(fieldId: string, translationNamespace?: string): string;
+export declare function getFormFieldPlaceholderContentKey(fieldId: string, translationNamespace?: string): string;
+export declare function getFormFieldUnitContentKey(fieldId: string, translationNamespace?: string): string;
+export declare function getFormFieldCheckedLabelContentKey(fieldId: string, translationNamespace?: string): string;
+export declare function getFormFieldUncheckedLabelContentKey(fieldId: string, translationNamespace?: string): string;
+export declare function getFormFieldOptionLabelContentKey(fieldId: string, optionId: string, translationNamespace?: string): string;
+export declare function getFormFieldValidationMessageContentKey(fieldId: string, validationId: string, translationNamespace?: string): string;
+export declare function getFormFieldTranslationKeys(field: Pick<FormFieldConfig, "id" | "type" | "controller" | "validations">, translationNamespace?: string): string[];
+export declare function getFormFieldGroupTranslationKeys(group: Pick<FormFieldGroupConfig, "id">, translationNamespace?: string): string[];
+export declare function writeFormFieldGroupTranslations(itemTranslations: SurveyItemTranslations, locale: string, group: Pick<FormFieldGroupConfig, "id" | "title" | "description">, translationNamespace?: string): void;
+export declare function writeFormFieldTranslations(itemTranslations: SurveyItemTranslations, locale: string, field: Pick<FormFieldConfig, "id" | "type" | "label" | "description" | "errorMessage" | "controller" | "validations">, translationNamespace?: string): void;
+export declare function withFormItemTranslatedContent(config: FormItemConfig, itemTranslations: SurveyItemTranslations | undefined, locale: string, fallbackLocale?: string, translationNamespace?: string): FormItemConfig;
+export declare function withoutFormItemTranslatedContent(config: FormItemConfig): FormItemConfig;
+/** CSS custom properties for `.form-field-group-layout-scope` + `.form-field-group-grid`. */
+export declare function formFieldGroupLayoutCssVars(layout: FormFieldGroupLayoutConfig): Record<string, string>;
+export declare function getFormFieldControllerComponentName(type: FormFieldType): string;
+export declare function getFormFieldConfigSuggestions(type: FormFieldType): FormFieldConfigSuggestion[];
+export declare function getFormFieldValidationSuggestions(type: FormFieldType): FormFieldValidationSuggestion[];
+export declare function normalizeFormItemConfig(rawConfig: unknown, itemId: string): FormItemConfig;
+export declare function createFormFieldGroupConfig(): FormFieldGroupConfig;
+export declare function getNextAvailableFormFieldKey(fields: Pick<FormFieldConfig, "key">[]): string;
+export declare function createFormFieldConfig(type: FormFieldType, key?: string): FormFieldConfig;

package/dist/src/modules/default-item-registry/items/form/player/field.d.ts

@@ -0,0 +1,28 @@
+import { ResponseItem, Content } from '@case-framework/survey-core';
+import { FormFieldGroupConfig } from '../model';
+interface FormItemFieldProps {
+    itemId: string;
+    title?: Content;
+    subtitle?: Content;
+    topContent?: Content;
+    bottomContent?: Content;
+    footer?: Content;
+    resolveImageAssetUrl?: (assetId: string) => string | undefined;
+    groups: FormFieldGroupConfig[];
+    currentResponse?: ResponseItem;
+    onResponseChange?: (response?: ResponseItem) => void;
+    readOnly?: boolean;
+}
+interface FormFieldGroupsContentProps {
+    itemId: string;
+    groups: FormFieldGroupConfig[];
+    currentResponse?: ResponseItem;
+    onResponseChange?: (response?: ResponseItem) => void;
+    readOnly?: boolean;
+    controlIdPrefix?: string;
+    className?: string;
+    emptyState?: React.ReactNode;
+}
+export declare const FormFieldGroupsContent: React.FC<FormFieldGroupsContentProps>;
+export declare const FormItemField: React.FC<FormItemFieldProps>;
+export {};

package/dist/src/modules/default-item-registry/items/form/preview/item.d.ts

@@ -0,0 +1,2 @@
+import { ItemPreviewComponentProps } from '../../../../../../modules/survey-editor';
+export declare const FormItemPreviewRenderer: React.FC<ItemPreviewComponentProps>;

package/dist/src/modules/default-item-registry/items/info/editor-card.d.ts

@@ -0,0 +1,3 @@
+import { CommonItemEditorCardProps } from '../../../../../modules/survey-editor/editor-card/item-editor-card';
+declare const EditorCardForInfo: React.FC<CommonItemEditorCardProps>;
+export default EditorCardForInfo;

package/dist/src/modules/default-item-registry/items/info/player/card-field.d.ts

@@ -0,0 +1,14 @@
+import { Content } from '@case-framework/survey-core';
+import { default as React } from 'react';
+export interface InfoItemCardFieldProps {
+    content?: Content;
+    resolveImageAssetUrl?: (assetId: string) => string | undefined;
+    /** Screen reader label when `content` has no plain-text extract (e.g. image-only). */
+    legendFallback?: string;
+    emptyState?: React.ReactNode;
+}
+/**
+ * Display-only card shell matching {@link import("./choice-question").ChoiceQuestionField} (FieldSet + padding),
+ * without response controls.
+ */
+export declare const InfoItemCardField: React.FC<InfoItemCardFieldProps>;

package/dist/src/modules/default-item-registry/items/info/preview/item.d.ts

@@ -0,0 +1,2 @@
+import { ItemPreviewComponentProps } from '../../../../../../modules/survey-editor';
+export declare const InfoItemPreviewRenderer: React.FC<ItemPreviewComponentProps>;

package/dist/src/modules/default-item-registry/items/info/search-adapter.d.ts

@@ -0,0 +1,2 @@
+import { ItemSearchAdapter } from '../../../survey-editor/registry';
+export declare const infoItemSearchAdapter: ItemSearchAdapter;

package/dist/src/modules/default-item-registry/items/structure/group/editor-card.d.ts

@@ -0,0 +1,3 @@
+import { CommonItemEditorCardProps } from '../../../../../../modules/survey-editor/editor-card/item-editor-card';
+declare const EditorCardForGroup: React.FC<CommonItemEditorCardProps>;
+export default EditorCardForGroup;

package/dist/src/modules/default-item-registry/items/structure/page-break/editor-card.d.ts

@@ -0,0 +1,3 @@
+import { CommonItemEditorCardProps } from '../../../../../../modules/survey-editor/editor-card/item-editor-card';
+declare const EditorCardForPageBreak: React.FC<CommonItemEditorCardProps>;
+export default EditorCardForPageBreak;

package/dist/src/modules/default-item-registry/items/structure/preview-renderers.d.ts

@@ -0,0 +1,3 @@
+import { ItemPreviewComponentProps } from '../../../survey-editor/registry';
+export declare const GroupItemPreviewRenderer: React.FC<ItemPreviewComponentProps>;
+export declare const PageBreakPreviewRenderer: React.FC<ItemPreviewComponentProps>;

package/dist/src/modules/default-item-registry/items/structure/root/editor-card.d.ts

@@ -0,0 +1,3 @@
+import { CommonItemEditorCardProps } from '../../../../../../modules/survey-editor/editor-card/item-editor-card';
+declare const EditorCardForRoot: React.FC<CommonItemEditorCardProps>;
+export default EditorCardForRoot;

package/dist/src/modules/default-item-registry/shared/player/question-card-shell.d.ts

@@ -0,0 +1,13 @@
+import { Content } from '@case-framework/survey-core';
+export interface QuestionCardShellProps {
+    title?: Content;
+    subtitle?: Content;
+    topContent?: Content;
+    bottomContent?: Content;
+    footer?: Content;
+    resolveImageAssetUrl?: (assetId: string) => string | undefined;
+    legendFallback?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const QuestionCardShell: React.FC<QuestionCardShellProps>;

package/dist/src/modules/default-item-registry/shared/preview/question-header.d.ts

@@ -0,0 +1,6 @@
+import { Content } from '@case-framework/survey-core';
+export declare function QuestionHeaderPreview({ title, subtitle, resolveImageAssetUrl, }: {
+    title?: Content;
+    subtitle?: Content;
+    resolveImageAssetUrl?: (assetId: string) => string | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/modules/default-item-registry/shared/preview/utils.d.ts

@@ -0,0 +1,3 @@
+import { ItemPreviewComponentProps } from '../../../../../modules/survey-editor';
+import { Content } from '@case-framework/survey-core';
+export declare function getTranslatedContent(itemContent: ItemPreviewComponentProps["itemContent"], locale: string, contentKey: string): Content | undefined;

package/dist/src/modules/default-item-registry/shared/question-editor/deferred-localized-rich-text-field.d.ts

@@ -0,0 +1,26 @@
+import { RichTextStyleControl, RichTextTemplateVariable } from '../../../../../components/rich-text-editor';
+import { RichTextContentPolicy, RichTextImageAssetOption } from '../../../../../components/rich-text';
+export interface DeferredLocalizedRichTextFieldProps {
+    itemId: string;
+    locale: string;
+    contentKey: string;
+    label: string;
+    placeholder: string;
+    description?: string;
+    /** Omit Field chrome; use for inline question title/subtitle. */
+    bare?: boolean;
+    contentPolicy?: RichTextContentPolicy;
+    wrapperClassName?: string;
+    surfaceClassName?: string;
+    contentClassName?: string;
+    placeholderClassName?: string;
+    styleControls?: RichTextStyleControl[];
+    templateVariables?: RichTextTemplateVariable[];
+    resolveImageAssetUrl?: (assetId: string) => string | undefined;
+    imageAssets?: RichTextImageAssetOption[];
+}
+/**
+ * Binds one survey item translation `contentKey` to a rich text editor.
+ * Commits to the editor store on blur; syncs draft from survey on focus.
+ */
+export declare const DeferredLocalizedRichTextField: React.FC<DeferredLocalizedRichTextFieldProps>;

package/dist/src/modules/default-item-registry/shared/question-editor/header-editor.d.ts

@@ -0,0 +1,6 @@
+interface QuestionHeaderEditorProps {
+    itemId: string;
+    locale: string;
+}
+declare const QuestionHeaderEditor: React.FC<QuestionHeaderEditorProps>;
+export default QuestionHeaderEditor;

package/dist/src/modules/default-item-registry/shared/question-editor/layout.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface QuestionItemEditorLayoutProps {
+    itemId: string;
+    locale: string;
+    responseSection: ReactNode;
+}
+declare const QuestionItemEditorLayout: React.FC<QuestionItemEditorLayoutProps>;
+export default QuestionItemEditorLayout;

package/dist/src/modules/default-item-registry/shared/question-editor/rich-text-editors.d.ts

@@ -0,0 +1,23 @@
+interface QuestionCardFooterEditorProps {
+    itemId: string;
+    locale: string;
+}
+interface QuestionContentEditorProps {
+    itemId: string;
+    locale: string;
+    contentKey: "topContent" | "bottomContent";
+    placeholder: string;
+    /** When true (choice questions), editors may insert heading and info box blocks in top/bottom content. */
+    allowAdvancedBlocks?: boolean;
+}
+/** Card footer rich text (choice/form items); stored as item translation key `cardFooter`. */
+export declare const QuestionCardFooterEditor: React.FC<QuestionCardFooterEditorProps>;
+export declare const QuestionContentEditor: React.FC<QuestionContentEditorProps>;
+interface InfoItemContentEditorProps {
+    itemId: string;
+    locale: string;
+    placeholder: string;
+}
+/** Single rich text body for info items; stored as item translation key `content`. */
+export declare const InfoItemContentEditor: React.FC<InfoItemContentEditorProps>;
+export {};

package/dist/src/modules/default-item-registry/shared/question-editor/rich-text-policies.d.ts

@@ -0,0 +1,8 @@
+import { RichTextContentPolicy } from '../../../../../components/rich-text';
+export declare const QUESTION_TITLE_CONTENT_POLICY: RichTextContentPolicy;
+export declare const QUESTION_SUBTITLE_CONTENT_POLICY: RichTextContentPolicy;
+export declare const QUESTION_BODY_CONTENT_POLICY: RichTextContentPolicy;
+export declare const QUESTION_CHOICE_BODY_CONTENT_POLICY: RichTextContentPolicy;
+/** Info item: full block editor (paragraphs, lists, images, separators, headings, info boxes). */
+export declare const INFO_ITEM_CONTENT_POLICY: RichTextContentPolicy;
+export declare const QUESTION_CARD_FOOTER_CONTENT_POLICY: RichTextContentPolicy;

package/dist/src/modules/default-item-registry/shared/question-editor/toolbar.d.ts

@@ -0,0 +1,10 @@
+import { RichTextStyleControl, RichTextTemplateVariable } from '../../../../../components/rich-text-editor';
+/**
+ * Template variables and floating toolbar presets shared by question item rich text editors.
+ * `subtitleStyleControls` omits italic to match the subtitle content policy.
+ */
+export declare function useQuestionItemRichTextToolbars(): {
+    templateVariables: RichTextTemplateVariable[];
+    defaultStyleControls: RichTextStyleControl[];
+    subtitleStyleControls: RichTextStyleControl[];
+};

package/dist/src/modules/survey-editor/ai/types.d.ts

@@ -0,0 +1,88 @@
+import { SurveyAIContextPack, SurveyAIContextPurpose, SurveyAIContextScope } from '@case-framework/survey-core/editor';
+export type { SurveyAIContextPurpose, SurveyAIContextScope };
+export type SurveyAIInvocationMode = "user" | "background";
+export interface SurveyAIRequestOptions {
+    signal?: AbortSignal;
+    mode?: SurveyAIInvocationMode;
+}
+export interface AISuggestedText {
+    text: string;
+}
+export interface SuggestItemKeySuggestion extends AISuggestedText {
+    rationale?: string;
+}
+export interface SuggestItemLabelSuggestion extends AISuggestedText {
+    tone?: string;
+}
+export interface SuggestItemKeyRequest {
+    draftKey: string;
+    currentKey: string;
+    siblingKeys: string[];
+    childContentHints?: string[];
+    maxSuggestions?: number;
+    context: SurveyAIContextPack;
+}
+export interface SuggestItemKeyResult {
+    suggestions: SuggestItemKeySuggestion[];
+}
+export interface SuggestItemLabelRequest {
+    draftLabel: string;
+    itemType: string;
+    locale?: string;
+    maxSuggestions?: number;
+    context: SurveyAIContextPack;
+}
+export interface SuggestItemLabelResult {
+    suggestions: SuggestItemLabelSuggestion[];
+}
+export interface GeneratedItemIntentSuggestion {
+    tempId: string;
+    parentTempId?: string;
+    itemType: string;
+    key: string;
+    itemLabel?: string;
+    confidence?: number;
+}
+export interface GenerateItemFromIntentRequest {
+    intent: string;
+    targetParentId: string;
+    allowedItemTypes: string[];
+    maxItems?: number;
+    locale?: string;
+    context: SurveyAIContextPack;
+}
+export interface GenerateItemFromIntentResult {
+    items: GeneratedItemIntentSuggestion[];
+}
+export interface TranslateContentEntry {
+    id: string;
+    text: string;
+    kind: string;
+}
+export interface TranslateContentRequest {
+    sourceLocale: string;
+    targetLocales: string[];
+    entries: TranslateContentEntry[];
+    context: SurveyAIContextPack;
+}
+export interface TranslateContentResult {
+    translations: Record<string, Record<string, string>>;
+}
+export interface SurveyEditorAIProvider {
+    suggestItemKey?: (request: SuggestItemKeyRequest, options?: SurveyAIRequestOptions) => Promise<SuggestItemKeyResult>;
+    suggestItemLabel?: (request: SuggestItemLabelRequest, options?: SurveyAIRequestOptions) => Promise<SuggestItemLabelResult>;
+    generateItemFromIntent?: (request: GenerateItemFromIntentRequest, options?: SurveyAIRequestOptions) => Promise<GenerateItemFromIntentResult>;
+    translateContent?: (request: TranslateContentRequest, options?: SurveyAIRequestOptions) => Promise<TranslateContentResult>;
+}
+export interface BuildSurveyAIContextOptions {
+    purpose?: SurveyAIContextPurpose;
+    scope?: SurveyAIContextScope;
+    focusItemId?: string;
+    includeRawSurvey?: boolean;
+    outlineLimit?: number;
+    includeIndexes?: boolean;
+    includeFocusItemTree?: boolean;
+    focusItemTreeLimit?: number;
+    translationSnippetsPerItemLimit?: number;
+    translationSnippetTextLimit?: number;
+}

package/dist/src/modules/survey-editor/assets/index.d.ts

@@ -0,0 +1,4 @@
+export { SurveyImageAssetManager } from './survey-image-asset-manager';
+export type { SurveyImageAssetManagerProps } from './survey-image-asset-manager';
+export { useSurveyAssets, useSurveyImageAssets, useUnusedSurveyAssetCount, } from './use-survey-assets';
+export { getSurveyAssetDisplayName, getSurveyAssetSecondaryLabel, getSurveyImageAssetUrl, } from './utils';

package/dist/src/modules/survey-editor/assets/survey-image-asset-manager.d.ts

@@ -0,0 +1,4 @@
+export interface SurveyImageAssetManagerProps {
+    className?: string;
+}
+export declare function SurveyImageAssetManager({ className, }: SurveyImageAssetManagerProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/modules/survey-editor/assets/use-survey-assets.d.ts

@@ -0,0 +1,4 @@
+import { RawSurveyAsset } from '@case-framework/survey-core';
+export declare function useSurveyAssets(): Map<string, RawSurveyAsset>;
+export declare function useSurveyImageAssets(): Array<[string, RawSurveyAsset]>;
+export declare function useUnusedSurveyAssetCount(): number;

package/dist/src/modules/survey-editor/assets/utils.d.ts

@@ -0,0 +1,5 @@
+import { RawSurveyAsset } from '@case-framework/survey-core';
+export declare function readFileAsBase64(file: File): Promise<string>;
+export declare function getSurveyImageAssetUrl(asset?: RawSurveyAsset): string | undefined;
+export declare function getSurveyAssetDisplayName(asset: RawSurveyAsset, assetId: string): string;
+export declare function getSurveyAssetSecondaryLabel(asset: RawSurveyAsset, assetId: string): string;

package/dist/src/modules/survey-editor/editor-card/add-items/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const LAST_USED_ITEM_TYPE_KEY = "case.survey-editor.last-used-item-type";
+export declare const DEFAULT_TOP_ITEM_TYPES: readonly ["infoItem", "formItem"];
+export declare const STRUCTURE_ITEM_TYPES: Set<string>;

package/dist/src/modules/survey-editor/editor-card/add-items/hooks/use-add-item-actions.d.ts

@@ -0,0 +1,25 @@
+import { SurveyItemTranslations, SurveyItemCore } from '@case-framework/survey-core';
+import { SurveyItemClipboardData, Target } from '@case-framework/survey-core/editor';
+import { ComposedEditorItemRegistry } from '../../../../../../modules/survey-editor/registry';
+import { ItemTypeOption } from '../types';
+import { GeneratedItemIntentSuggestion } from '../../../../../../modules/survey-editor/ai/types';
+interface UseAddItemActionsParams {
+    editorItemRegistry: ComposedEditorItemRegistry;
+    addItem: (target: Target | null, item: SurveyItemCore, content?: SurveyItemTranslations) => void;
+    pasteItem: (clipboardData: SurveyItemClipboardData, target: Target) => string;
+    commitByUser: (meta: {
+        label: string;
+    }) => void;
+    setPreferredPreviewItemId: (itemId: string | null) => void;
+    closeDialog: () => void;
+    targetGroupId?: string;
+    rootItemId?: string;
+    clipboardValue: string | null;
+    setLastUsedItemType: (itemType: string) => void;
+}
+export declare function useAddItemActions({ editorItemRegistry, addItem, pasteItem, commitByUser, setPreferredPreviewItemId, closeDialog, targetGroupId, rootItemId, clipboardValue, setLastUsedItemType, }: UseAddItemActionsParams): {
+    handleSelectOption: (option: ItemTypeOption) => void;
+    pasteFromClipboard: () => void;
+    createItemsFromIntent: (items: GeneratedItemIntentSuggestion[]) => void;
+};
+export {};

package/dist/src/modules/survey-editor/editor-card/add-items/hooks/use-add-item-target.d.ts

@@ -0,0 +1,9 @@
+import { SurveyEditor } from '@case-framework/survey-core/editor';
+import { TargetGroupInfo } from '../types';
+interface UseAddItemTargetParams {
+    editor: SurveyEditor | null;
+    selectedItemId: string | null;
+    targetParentId?: string;
+}
+export declare function useAddItemTarget({ editor, selectedItemId, targetParentId, }: UseAddItemTargetParams): TargetGroupInfo | null;
+export {};

package/dist/src/modules/survey-editor/editor-card/add-items/hooks/use-option-group-navigation.d.ts

@@ -0,0 +1,19 @@
+import { FocusEvent as ReactFocusEvent, KeyboardEvent as ReactKeyboardEvent, RefObject } from 'react';
+interface UseOptionGroupNavigationParams<TOption> {
+    options: TOption[];
+    onSelect: (option: TOption) => void;
+    rowSize?: number;
+}
+export interface OptionGroupNavigation {
+    groupRef: RefObject<HTMLDivElement | null>;
+    activeIndex: number;
+    isFocused: boolean;
+    setActiveIndex: (index: number) => void;
+    focusGroup: () => void;
+    reset: (index?: number) => void;
+    handleGroupFocus: () => void;
+    handleGroupBlur: (event: ReactFocusEvent<HTMLDivElement>) => void;
+    handleGroupKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;
+}
+export declare function useOptionGroupNavigation<TOption>({ options, onSelect, rowSize, }: UseOptionGroupNavigationParams<TOption>): OptionGroupNavigation;
+export {};

package/dist/src/modules/survey-editor/editor-card/add-items/types.d.ts

@@ -0,0 +1,21 @@
+import { LucideIcon } from 'lucide-react';
+import { ItemTypeInfos } from '../../../../../modules/survey-editor/utils/item-type-infos';
+export type AddDialogView = 'entry' | 'blank-item' | 'structure' | 'ai' | 'catalogue';
+export interface ItemTypeOption extends ItemTypeInfos {
+    itemType: string;
+    categories: string[];
+}
+export interface EntryOption {
+    id: AddDialogView;
+    title: string;
+    description: string;
+    icon: LucideIcon;
+    enabled: boolean;
+}
+export interface TargetGroupInfo {
+    id: string;
+    itemKey?: string;
+    itemLabel?: string;
+    isRoot: boolean;
+    itemCount: number;
+}

package/dist/src/modules/survey-editor/editor-card/add-items/views/ai-item-view.d.ts

@@ -0,0 +1,10 @@
+interface AIItemViewProps {
+    intent: string;
+    onIntentChange: (value: string) => void;
+    onGenerate: () => void;
+    onBack: () => void;
+    isGenerating: boolean;
+    isEnabled: boolean;
+}
+export declare function AIItemView({ intent, onIntentChange, onGenerate, onBack, isGenerating, isEnabled, }: AIItemViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/modules/survey-editor/editor-card/add-items/views/back-button.d.ts

@@ -0,0 +1,5 @@
+interface BackButtonProps {
+    onBack: () => void;
+}
+export declare function BackButton({ onBack }: BackButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/modules/survey-editor/editor-card/add-items/views/blank-item-view.d.ts

@@ -0,0 +1,13 @@
+import { ItemTypeOption } from '../types';
+interface BlankItemViewProps {
+    search: string;
+    onSearchChange: (value: string) => void;
+    hasValidClipboardItem: boolean;
+    onPasteFromClipboard: () => void;
+    groupedOptions: Array<[string, ItemTypeOption[]]>;
+    getCategoryLabel: (category: string) => string;
+    onSelectOption: (option: ItemTypeOption) => void;
+    onBack: () => void;
+}
+export declare function BlankItemView({ search, onSearchChange, hasValidClipboardItem, onPasteFromClipboard, groupedOptions, getCategoryLabel, onSelectOption, onBack, }: BlankItemViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/modules/survey-editor/editor-card/add-items/views/entry-view.d.ts

@@ -0,0 +1,15 @@
+import { FocusEvent as ReactFocusEvent, KeyboardEvent as ReactKeyboardEvent, RefObject } from 'react';
+import { EntryOption } from '../types';
+interface EntryViewProps {
+    options: EntryOption[];
+    optionGroupRef: RefObject<HTMLDivElement | null>;
+    activeIndex: number;
+    isFocused: boolean;
+    setActiveIndex: (index: number) => void;
+    onGroupFocus: () => void;
+    onGroupBlur: (event: ReactFocusEvent<HTMLDivElement>) => void;
+    onGroupKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;
+    onSelectOption: (option: EntryOption) => void;
+}
+export declare function EntryView({ options, optionGroupRef, activeIndex, isFocused, setActiveIndex, onGroupFocus, onGroupBlur, onGroupKeyDown, onSelectOption, }: EntryViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/modules/survey-editor/editor-card/add-items/views/structure-view.d.ts

@@ -0,0 +1,16 @@
+import { FocusEvent as ReactFocusEvent, KeyboardEvent as ReactKeyboardEvent, RefObject } from 'react';
+import { ItemTypeOption } from '../types';
+interface StructureViewProps {
+    options: ItemTypeOption[];
+    optionGroupRef: RefObject<HTMLDivElement | null>;
+    activeIndex: number;
+    isFocused: boolean;
+    setActiveIndex: (index: number) => void;
+    onGroupFocus: () => void;
+    onGroupBlur: (event: ReactFocusEvent<HTMLDivElement>) => void;
+    onGroupKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;
+    onSelectOption: (option: ItemTypeOption) => void;
+    onBack: () => void;
+}
+export declare function StructureView({ options, optionGroupRef, activeIndex, isFocused, setActiveIndex, onGroupFocus, onGroupBlur, onGroupKeyDown, onSelectOption, onBack, }: StructureViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/modules/survey-editor/editor-card/add-items.d.ts

@@ -0,0 +1 @@
+export declare const AddItemDialog: React.FC;

package/dist/src/modules/survey-editor/editor-card/copy-item-dropdown-menu.d.ts

@@ -0,0 +1,5 @@
+interface CopyItemDropdownMenuItemProps {
+    itemId: string;
+}
+export declare const CopyItemDropdownMenuItem: ({ itemId }: CopyItemDropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};