@layers-app/shared 0.0.39 → 0.0.41

package/dist/components/CommentsPanel/types.d.ts

@@ -1,3 +1,4 @@
+import { EditorType } from '@layers-app/editor';
 import * as React from 'react';
 export interface ICommentReaction {
     id: string;
@@ -11,72 +12,69 @@ export interface ICommentReaction {
     deletedAt: string;
     version: number;
 }
-export interface ICommentFile extends File {
-    id?: string;
-    lastModified: number;
-    lastModifiedDate: Date;
-    name: string;
-    size: number;
-    type: string;
-    webkitRelativePath: string;
-}
-export interface ILocalCommentFile {
-    clientKey: string;
-    loading?: boolean;
-    file: File;
+export interface ICommentFile {
+    src: string;
+    id: string;
+    file: File & {
+        id?: string;
+    };
+    isImage: boolean;
 }
 export type UpdateCommentTextArgs = (text: {
     value: string;
     restore: boolean;
 }, files: {
     deletedFile: ICommentFile[];
-    newFiles: ILocalCommentFile[];
+    newFiles: ICommentFile[];
 }, threadOrGeneralId: string, commentId?: string) => void;
 export type Comment = {
-    author: string;
-    content: string;
+    authorId: string;
+    text: string;
     deleted: boolean;
     clientKey: string;
+    edited: boolean;
     id: string;
     tempId?: string;
     reactions: ICommentReaction[];
-    files: Array<ICommentFile | ILocalCommentFile>;
+    files: Array<ICommentFile>;
     timeStamp: number;
-    type: 'comment';
+    type: string;
 };
 export type Thread = {
     children: Array<Comment>;
     id: string;
     quote: string;
-    type: 'thread';
-    resolve: CommentResolve;
-    author: string;
+    edited: boolean;
+    type: string;
+    resolution: CommentResolve;
+    authorId: string;
     tempId?: string;
     reactions: ICommentReaction[];
-    files: Array<ICommentFile | ILocalCommentFile>;
+    files: Array<ICommentFile>;
     timeStamp: number;
     clientKey: string;
-    content: string;
+    text: string;
     deleted: boolean;
 };
 export type GeneralComment = {
-    content: string;
-    author: string;
+    text: string;
+    authorId: string;
     id: string;
     tempId?: string;
+    edited: boolean;
     quote: string;
     timeStamp: number;
-    resolve: CommentResolve;
+    resolution: CommentResolve;
     reactions: ICommentReaction[];
-    files: Array<ICommentFile | ILocalCommentFile>;
-    type: 'general';
+    files: Array<ICommentFile>;
+    type: string;
     clientKey: string;
     children: Array<Comment>;
     deleted: boolean;
 };
 type CommentValueType = {
     value: string;
-    files: (ICommentFile | ILocalCommentFile)[];
+    files: (ICommentFile)[];
 };
 export type GetEditorFn = (params: {
     onSubmit: () => void;
@@ -86,61 +84,57 @@ export type GetEditorFn = (params: {
     commentValue?: CommentValueType;
     initialContent?: string;
     registerClearEditor?: (fn: () => void) => void;
+    editorRef?: React.MutableRefObject<EditorType | null>;
 }) => React.ReactNode;
 export type Comments = Array<Thread | Comment | GeneralComment>;
-export type CommentResolve = 'ACCEPTED' | 'REJECTED' | null;
+export type CommentResolve = 'ACCEPTED' | 'REJECTED' | null | 'NONE';
 export interface ICommentsFilterProps {
     commentsFilter: CommentsFilter;
     setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
     disabled: boolean;
+    listRef: React.RefObject<HTMLElement>;
     updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
     commentValue: {
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: (ICommentFile)[];
     };
     setCommentValue: React.Dispatch<React.SetStateAction<{
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: (ICommentFile)[];
     }>>;
     submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: any | null, files?: File[]) => void;
 }
-export interface IMember {
+export type IMember = {
+    avatarUrl: string | null;
+    roleType: string;
+    roleId: string;
     accepted: boolean;
-    avatarUrl: string;
     email: string;
-    expiresAt: string | null;
+    userId: string | null;
     invitationId: string | null;
     invitationToken: string | null;
-    name: string;
-    roleType: string;
-    roleId: string;
-    userId: string;
-}
+    name: string | null;
+    expiresAt: string | null;
+};
 export interface IUser {
-    activeWorkspaceId: string;
-    createdAt: string;
-    darkMode: boolean;
-    email: string;
-    id: string;
-    lang: string;
-    metaData: {
-        cover: Record<string, any>;
-        about: string;
-        socialNetworks: any[];
-        fontFamily: string;
-    };
+    activeWorkspaceId: string | null;
     name: string;
     nickname: string;
-    plan: 'FREE' | 'PRO' | 'BUSINESS' | string;
+    email: string;
     profilePicture: {
         url: string;
     };
+    createdAt: string;
+    id: string;
+    lang: string;
+    plan: string;
+    darkMode: boolean;
     timeZone: string | null;
     twoFactorEnabled: boolean;
-    workspaces: any[];
 }
+export type ResolvedFilter = 'resolved' | 'not-resolved' | 'all';
 export type CommentsFilter = {
-    resolved: boolean;
+    resolved: ResolvedFilter;
     feedback: boolean;
     filteredUsers: IMember[];
 };
@@ -222,6 +216,8 @@ interface ICommentActions {
 export interface ICommentOptions {
     showComments: boolean;
     setShowComments: (value?: boolean) => void;
+    adminPermission: boolean;
+    isGuest: boolean;
     pageId: string;
     workspaceInfo: {
         title: string;
@@ -231,8 +227,8 @@ export interface ICommentOptions {
 }
 export interface SharedCommentProps {
     commentOrThread: Comment | Thread | GeneralComment;
-    deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => void;
-    resolveThreat?: (threat: Thread | GeneralComment) => void;
+    deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => Promise<void>;
+    resolveThreat?: (threat: Thread | GeneralComment) => Promise<void>;
 }
 type SelectMarkNodeFn = (markNodeKeys: Set<string>, activeElement: Element | null) => void;
 export interface StoreOptions {
@@ -241,4 +237,103 @@ export interface StoreOptions {
     commentOptions?: ICommentOptions;
     selectMarkNode: SelectMarkNodeFn;
 }
+export interface CommentsNs {
+    edited: string;
+    title: string;
+    addComment: string;
+    generalComment: string;
+    replyComment: string;
+    actionTooltips: {
+        resolve: string;
+        reopen: string;
+        addReaction: string;
+        reactionLimit: string;
+        reply: string;
+    };
+    deleteModal: {
+        title: {
+            thread: string;
+            general: string;
+            comment: string;
+        };
+        description: {
+            thread: string;
+            general: string;
+            comment: string;
+        };
+        actions: {
+            cancel: string;
+            delete: string;
+            remove: string;
+        };
+    };
+    emptyState: {
+        "not-resolved": string;
+        resolved: string;
+        all: string;
+        userFilter: string;
+    };
+    filter: {
+        resolved: string;
+        open: string;
+        all: string;
+        selectUsers: string;
+        searchPlaceholder: string;
+        emptyPlaceholder: string;
+        byStatus: string;
+        byPerson: string;
+    };
+    inputEditor: {
+        uploadFiles: string;
+        sendMessage: string;
+        editMessage: string;
+        clear: string;
+        clearModal: {
+            title: string;
+            description: {
+                both: string;
+                text: string;
+                files: string;
+                empty: string;
+            };
+        };
+        discardModal: {
+            title: string;
+            description: string;
+            labels: {
+                confirm: string;
+                cancel: string;
+            };
+        };
+        cancelCommentModal: {
+            description: string;
+        };
+    };
+    menuActions: {
+        edit: string;
+        delete: string;
+        download: string;
+    };
+    notifications: {
+        title: string;
+        description: string;
+        options: {
+            all: string;
+            replies: string;
+        };
+        uploadMessages: {
+            tooManyFiles: string;
+            fileTooLarge: string;
+            fileLimit: string;
+        };
+    };
+    repliesToggle: {
+        show_one: string;
+        show_other: string;
+        hide: string;
+    };
+}
+export interface CommentsLocales {
+    comments: CommentsNs;
+}
 export {};

package/dist/components/CommentsPanel/utils.d.ts

@@ -1,8 +1,14 @@
-import { ICommentFile, ILocalCommentFile } from './types.ts';
-import { TFunction } from 'i18next';
+import { default as React, Dispatch, SetStateAction } from 'react';
+import { CommentsFilter, CommentsNs, ICommentFile, IMember } from './types.ts';
 export declare const cutDeleteImageId: (imageSrc: string) => string;
-export declare const uploadAllFiles: (commentId: string, images: ILocalCommentFile[], uploadCommentFileApi: any) => Promise<ICommentFile[]>;
+export declare const uploadAllFiles: (commentId: string, images: ICommentFile[], uploadCommentFileApi: any) => Promise<ICommentFile[]>;
 export declare function scrollToTop(selector: string): void;
-export declare const getDescription: (type: string, t: TFunction) => string;
-export declare const getTitle: (type: string, t: TFunction) => string;
+export declare const getDescription: (type: string, locales: CommentsNs) => string;
+export declare const getTitle: (type: string, locales: CommentsNs) => string;
+export declare function toggleFilter(setState: Dispatch<SetStateAction<CommentsFilter>>, key: keyof CommentsFilter, value?: IMember | boolean | string, listRef?: React.RefObject<HTMLElement>): void;
 export declare const IS_APPLE: boolean;
+export declare const createDefaultCommentsLocales: () => CommentsNs;
+export declare function getClearInputMessage(hasText: boolean, hasFiles: boolean, locales: CommentsNs): string;
+export declare const preparePreviewFile: (file: File & {
+    id?: string;
+}, temp?: boolean) => ICommentFile;

package/dist/components/EntityTitle/EntityTitle.d.ts

@@ -3,7 +3,7 @@ declare global {
         isTitleFocused: boolean;
     }
 }
-export declare const EntityTitle: ({ lock, title, handleTitle, placeholder, error, isReadOnly, accessEdit, nowrap, maxLength, fw, }: {
+export declare const EntityTitle: ({ lock, title, handleTitle, placeholder, error, isReadOnly, accessEdit, nowrap, maxLength, fw, onPressEnter, }: {
     title: string;
     lock?: boolean;
     handleTitle?: (title: string) => void;
@@ -14,4 +14,5 @@ export declare const EntityTitle: ({ lock, title, handleTitle, placeholder, erro
     nowrap?: boolean;
     maxLength?: number;
     fw?: number;
+    onPressEnter?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/FormViewer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type FormViewerProps = {
+    NoStepSlot?: FC;
+    copyright?: string;
+};
+/** Основной компонент для отображения формы */
+export declare const FormViewer: ({ NoStepSlot, copyright, }: FormViewerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FormViewer/KeyboardNavigation.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+/** Если обернуть `FormViewer`, то можно будет переключаться между слайдами используя клавиаутуру */
+export declare const KeyboardNavigation: ({ children }: {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/AllSlidesLayout.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type AllSlidesLayoutProps = {
+    NoStepSlot: FC;
+    copyright?: string;
+};
+export declare const AllSlidesLayout: ({ NoStepSlot }: AllSlidesLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FormViewer/components/Container.d.ts

@@ -0,0 +1,5 @@
+import { ThemeData } from '../types/form';
+export declare const Container: import('react').MemoExoticComponent<({ children, theme }: {
+    children: React.ReactNode;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/FormViewer/components/ListFocusBox.d.ts

@@ -0,0 +1,4 @@
+export declare const ListFocusBox: ({ controlId, children, }: {
+    controlId: string;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/NavControls.d.ts

@@ -0,0 +1,4 @@
+import { StepData } from '../types/form';
+export declare const NavControls: ({ data }: {
+    data: StepData;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FormViewer/components/Navigation/Navigation.d.ts

@@ -0,0 +1 @@
+export declare const Navigation: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FormViewer/components/OneSlideLayput.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type OneSlideLayoutProps = {
+    NoStepSlot: FC;
+    copyright?: string;
+};
+export declare const OneSlideLayout: ({ NoStepSlot, copyright, }: OneSlideLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FormViewer/components/Step.d.ts

@@ -0,0 +1,6 @@
+import { MediaData, StepData, ThemeData } from '../types/form';
+export declare const getImageFilter: (v: MediaData | null | undefined) => string;
+export declare const Step: import('react').MemoExoticComponent<({ step, theme }: {
+    step: StepData;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/FormViewer/components/StepDescription.d.ts

@@ -0,0 +1,6 @@
+import { Control, ThemeData } from '../types/form';
+export declare const StepDescription: ({ originalStepId, control, theme, }: {
+    originalStepId: string;
+    control: Control;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FormViewer/components/StepTitle.d.ts

@@ -0,0 +1,6 @@
+import { Control, ThemeData } from '../types/form';
+export declare const StepTitle: ({ originalStepId, control, theme, }: {
+    originalStepId: string;
+    control: Control;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/AddOptionButton.d.ts

@@ -0,0 +1,3 @@
+export declare const AddOptionButton: ({ onClick }: {
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/ButtonField/ButtonField.d.ts

@@ -0,0 +1,6 @@
+import { ButtonControl, StepData, ThemeData } from '../../../types/form';
+export declare const ButtonField: ({ control, step, theme, }: {
+    control: ButtonControl;
+    step: StepData;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/ButtonField/InnerButton.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { ButtonControl, StepData, ThemeData } from '../../../types/form';
+export declare const InnerButton: ({ buttonControl, control, step, wrapperStyle, theme, }: {
+    buttonControl: ButtonControl;
+    control?: ButtonControl;
+    step: StepData;
+    wrapperStyle?: CSSProperties;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/ChoiceField/ChoiceCard.d.ts

@@ -0,0 +1,11 @@
+import { ChoiceControlItem, ThemeData } from '../../../types/form';
+export type ChoiceCardProps = {
+    label: string;
+    showInput?: boolean;
+    id: string;
+    onUpdate?: (v: Partial<ChoiceControlItem>) => void;
+    onRemove?: () => void;
+    controlId: string;
+    theme?: ThemeData;
+};
+export declare const ChoiceCard: import('react').MemoExoticComponent<({ label, showInput, onUpdate, onRemove, controlId, id, theme, }: ChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/FormViewer/components/fields/ChoiceField/ChoiceField.d.ts

@@ -0,0 +1,6 @@
+import { ChoiceControl, StepData, ThemeData } from '../../../types/form';
+export declare const ChoiceField: ({ control, step, theme, }: {
+    control: ChoiceControl;
+    step: StepData;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/ChoiceField/PictureChoiceCard.d.ts

@@ -0,0 +1,12 @@
+import { PictureChoiceControlItem, ThemeData } from '../../../types/form';
+export type PictureChoiceCardProps = {
+    label: string;
+    showInput?: boolean;
+    onUpdate?: (v: Partial<PictureChoiceControlItem>) => void;
+    onRemove?: () => void;
+    image?: string;
+    controlId: string;
+    id: string;
+    theme?: ThemeData;
+};
+export declare const PictureChoiceCard: import('react').MemoExoticComponent<({ label, showInput, onUpdate, onRemove, image, controlId, id, theme, }: PictureChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/FormViewer/components/fields/ChoiceField/PictureChoiceField.d.ts

@@ -0,0 +1,6 @@
+import { PictureChoiceControl, StepData, ThemeData } from '../../../types/form';
+export declare const PictureChoiceField: ({ control, step, theme, }: {
+    control: PictureChoiceControl;
+    step: StepData;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/ConfirmButton.d.ts

@@ -0,0 +1,6 @@
+import { ConfirmControl, StepData, ThemeData } from '../../types/form';
+export declare const ConfirmButton: ({ step, control, theme, }: {
+    step: StepData;
+    control: ConfirmControl;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FormViewer/components/fields/ConfirmField.d.ts

@@ -0,0 +1,6 @@
+import { ConfirmControl, StepData, ThemeData } from '../../types/form';
+export declare const ConfirmField: ({ control, step, theme, }: {
+    control: ConfirmControl;
+    step: StepData;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/DateField.d.ts

@@ -0,0 +1,4 @@
+import { DateControl } from '../../types/form';
+export declare const DateField: ({ control }: {
+    control: DateControl;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/DragOptions/DragOptions.d.ts

@@ -0,0 +1,11 @@
+import { DragEndEvent } from '@dnd-kit/core';
+export declare const DragOptions: ({ options, onDragEnd, editable, isGrid, align, }: {
+    options?: {
+        id: string;
+        element: React.ReactNode;
+    }[];
+    onDragEnd?: (event: DragEndEvent) => void;
+    editable?: boolean;
+    isGrid?: boolean;
+    align?: "start" | "center" | "end";
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/DropdownField/DropdownField.d.ts

@@ -0,0 +1,6 @@
+import { DropdownControl, StepData, ThemeData } from '../../../types/form';
+export declare const DropdownField: ({ control, step, theme, }: {
+    control: DropdownControl;
+    step: StepData;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/EditableContent/EditableContent.d.ts

@@ -0,0 +1,5 @@
+export declare const EditableContent: ({ value, onChange, placeholder, }: {
+    placeholder?: string;
+    value?: string;
+    onChange?: (title: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/EmailField.d.ts

@@ -0,0 +1,4 @@
+import { EmailControl } from '../../types/form';
+export declare const EmailField: ({ control }: {
+    control: EmailControl;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/LocationField.d.ts

@@ -0,0 +1,4 @@
+import { LocationControl } from '../../types/form';
+export declare const LocationField: ({ control }: {
+    control: LocationControl;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/LongTextField.d.ts

@@ -0,0 +1,4 @@
+import { LongTextControl } from '../../types/form';
+export declare const LongTextField: ({ control }: {
+    control: LongTextControl;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceCard.d.ts

@@ -0,0 +1,12 @@
+import { MultipleChoiceControlItem, ThemeData } from '../../../types/form';
+export type OptionCardProps = {
+    label: string;
+    showInput?: boolean;
+    maxOptions?: number;
+    id: string;
+    onUpdate?: (v: Partial<MultipleChoiceControlItem>) => void;
+    onRemove?: () => void;
+    controlId: string;
+    theme?: ThemeData;
+};
+export declare const MultipleChoiceCard: import('react').MemoExoticComponent<({ label, showInput, maxOptions, onUpdate, onRemove, controlId, id, theme, }: OptionCardProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/FormViewer/components/fields/MultipleChoice/MultipleChoiceField.d.ts

@@ -0,0 +1,6 @@
+import { MultipleChoiceControl, StepData, ThemeData } from '../../../types/form';
+export declare const MultipleChoiceField: ({ control, step, theme, }: {
+    control: MultipleChoiceControl;
+    step: StepData;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/NumberField.d.ts

@@ -0,0 +1,4 @@
+import { NumberControl } from '../../types/form';
+export declare const NumberField: ({ control }: {
+    control: NumberControl;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/PhoneField.d.ts

@@ -0,0 +1,4 @@
+import { PhoneControl } from '../../types/form';
+export declare const PhoneField: ({ control }: {
+    control: PhoneControl;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/ProgressLine.d.ts

@@ -0,0 +1 @@
+export declare const ProgressLine: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FormViewer/components/fields/RatingField.d.ts

@@ -0,0 +1,5 @@
+import { RatingControl, ThemeData } from '../../types/form';
+export declare const RatingField: ({ control, theme, }: {
+    control: RatingControl;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FormViewer/components/fields/SelectableCard/PictureSelectableCard.d.ts

@@ -0,0 +1,21 @@
+import { PropsWithChildren } from 'react';
+import { PictureChoiceControlItem, ThemeData } from '../../../types/form';
+type PictureSelectableCardProps = {
+    label: string;
+    inputType?: 'radio' | 'checkbox';
+    hasInput?: boolean;
+    disabled?: boolean;
+    active?: boolean;
+    onClick: () => void;
+    image?: string;
+    onRemove?: () => void;
+    onUpdate?: (v: Partial<PictureChoiceControlItem>) => void;
+    theme?: ThemeData;
+};
+export declare const PictureSelectableCard: import('react').MemoExoticComponent<({ label, active, disabled, hasInput, image, onClick, inputType, onUpdate, onRemove, theme, }: PictureSelectableCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const UploadOptionImageButton: ({ children, onUpdate, onRemove, hasImage, }: PropsWithChildren<{
+    onUpdate?: (v: Partial<PictureChoiceControlItem>) => void;
+    onRemove?: () => void;
+    hasImage?: boolean;
+}>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FormViewer/components/fields/SelectableCard/SelectableCard.d.ts

@@ -0,0 +1,14 @@
+import { ChoiceControlItem, ThemeData } from '../../../types/form';
+type SelectableCardProps = {
+    label: string;
+    inputType?: 'radio' | 'checkbox';
+    hasInput?: boolean;
+    disabled?: boolean;
+    active?: boolean;
+    onClick: () => void;
+    onRemove?: () => void;
+    onUpdate?: (v: Partial<ChoiceControlItem>) => void;
+    theme?: ThemeData;
+};
+export declare const SelectableCard: import('react').MemoExoticComponent<({ label, active, disabled, hasInput, onClick, inputType, onUpdate, onRemove, theme, }: SelectableCardProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/FormViewer/components/fields/SliderField.d.ts

@@ -0,0 +1,5 @@
+import { SliderControl, ThemeData } from '../../types/form';
+export declare const SliderField: ({ control, theme, }: {
+    control: SliderControl;
+    theme?: ThemeData;
+}) => import("react/jsx-runtime").JSX.Element;