taskforge-forms 0.0.1

package/types/components/elements/rating-input.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface RatingProps {
+    value?: number;
+    max?: number;
+    readOnly?: boolean;
+    onChange?: (rating: number) => void;
+    size?: number;
+    className?: string;
+    element: any;
+    validationData: any;
+}
+declare const Rating: React.FC<RatingProps>;
+export default Rating;

package/types/components/elements/section-editor.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const SectionEditorModal: React.FC<{
+    isOpen: boolean;
+    onClose: () => void;
+    section: any;
+}>;
+export default SectionEditorModal;

package/types/components/elements/section-input.d.ts

@@ -0,0 +1,4 @@
+export default function SectionInput({ element, state, }: {
+    element: string;
+    state: string;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/elements/select-input.d.ts

@@ -0,0 +1,4 @@
+export default function SelectInput({ element, validationData, }: {
+    element: any;
+    validationData?: any;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/elements/spacer.d.ts

@@ -0,0 +1,3 @@
+export default function Spacer({ element }: {
+    element: any;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/elements/table-input.d.ts

@@ -0,0 +1,4 @@
+export default function TableInput({ element, validationData, }: {
+    element: any;
+    validationData: any;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/elements/text-input.d.ts

@@ -0,0 +1,5 @@
+export default function TextInput({ element, validationData, }: {
+    element: any;
+    validationData: any;
+    state?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/elements/validate-input.d.ts

@@ -0,0 +1,4 @@
+export default function ValidateInput({ element, validationData, }: {
+    element: any;
+    validationData: any;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/elements/visibility-editor.d.ts

@@ -0,0 +1 @@
+export default function VisibilityEditor({ register, setValue, trigger, watch, id, }: any): import("react/jsx-runtime").JSX.Element;

package/types/components/forms/dynamic-input.d.ts

@@ -0,0 +1,24 @@
+import { UseFormRegister, FieldErrors } from "react-hook-form";
+interface InputProps {
+    label: string;
+    name: string;
+    register?: UseFormRegister<any>;
+    errors?: FieldErrors;
+    element?: any;
+    type?: "text" | "checkbox" | "number" | "amount" | "textarea";
+    placeholder?: string;
+    className?: string;
+    isFloating?: boolean;
+    setValue?: any;
+    value?: any;
+    trigger?: any;
+    prefix?: string;
+    disabled?: boolean;
+    watch?: any;
+    min?: number;
+    max?: number;
+    description?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+}
+export declare const DynamicInput: ({ label, name, register, errors, className, type, placeholder, isFloating, setValue, value, trigger, prefix, disabled, watch, min, max, description, onChange, }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/forms/file-uploader.d.ts

@@ -0,0 +1,18 @@
+type FileItem = {
+    base64: string;
+    type: string;
+    name: string;
+};
+interface FileUploadProps {
+    onFileLoaded: (data: FileItem[] | null) => void;
+    disabled?: boolean;
+    handleDeleteFile?: () => void;
+    multiple?: boolean;
+    list?: FileItem[] | null;
+    accept?: {
+        value: string;
+        label: string;
+    }[];
+}
+export default function FileUpload({ onFileLoaded, disabled, handleDeleteFile, multiple, list, accept, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/ui/AppButton.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface ButtonProps {
+    text?: string;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    btnClass?: string;
+    icon?: string;
+    iconPosition?: "left" | "right";
+    iconClass?: string;
+    loadingClass?: string;
+    link?: string;
+    div?: boolean;
+    type?: "button" | "submit" | "reset";
+    onClick?: () => void;
+    style?: React.CSSProperties;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/types/components/ui/AppIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconifyIcon } from "@iconify/react";
+export default function AppIcon({ icon, iconClass, }: {
+    icon: string | IconifyIcon;
+    iconClass?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/ui/AppTab.d.ts

@@ -0,0 +1,17 @@
+import { FC } from "react";
+interface Tab {
+    key: string;
+    title: string;
+}
+interface TabsComponentProps {
+    tabs: Tab[];
+    className?: string;
+    count?: {
+        [key: string]: number;
+    };
+    setActiveTab: (key: string) => void;
+    activeTab: string;
+    btnClass?: string;
+}
+declare const TabsComponent: FC<TabsComponentProps>;
+export default TabsComponent;

package/types/components/viewer/elements-render.d.ts

@@ -0,0 +1,4 @@
+export declare const RenderElement: ({ element, validationData }: {
+    element: any;
+    validationData?: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/components/viewer/index.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+export interface AnswerElement {
+    id: string;
+    value: any;
+    [key: string]: any;
+}
+export type RenderType = "multi" | "single";
+export interface FormRendererProps {
+    form_data: any[];
+    answerData?: any[];
+    ignoreValidation?: boolean;
+    onSubmitData?: (data: any[]) => void;
+    onGetValues?: (data: any[]) => void;
+    isReadOnly?: boolean;
+    renderType?: RenderType;
+    children?: ReactNode;
+    hideFooter?: boolean;
+    uploadUrl?: string;
+}
+declare const _default: React.NamedExoticComponent<FormRendererProps>;
+export default _default;

package/types/components/viewer/multi-page.d.ts

@@ -0,0 +1,5 @@
+export default function MultiPage({ form_data, options, current }: {
+    form_data: any;
+    options: any;
+    current: any;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/viewer/single-page.d.ts

@@ -0,0 +1,5 @@
+export declare const getElementOptions: (element: any, options: any) => any;
+export default function SinglePage({ form_data, options }: {
+    form_data: any;
+    options: any;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/viewer/validation.d.ts

@@ -0,0 +1,25 @@
+import * as yup from "yup";
+interface QuestionData {
+    id: string;
+    type: "textField" | "longText" | "numberField" | "amountField" | "selectField" | "checkbox" | "email" | "date" | "matrix" | "url";
+    isRequired?: boolean;
+    requiredMessage?: string;
+    minLength?: number;
+    maxLength?: number;
+    minAmount?: number;
+    maxAmount?: number;
+    minLengthMessage?: string;
+    maxLengthMessage?: string;
+    minAmountMessage?: string;
+    maxAmountMessage?: string;
+    isDisabled?: boolean;
+}
+interface Section {
+    questionData: QuestionData[];
+}
+export declare function generateDynamicSchema(data: Section[]): yup.ObjectSchema<{
+    [x: string]: any;
+}, yup.AnyObject, {
+    [x: string]: any;
+}, "">;
+export {};

package/types/context/editor-context.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+interface EditorProviderProps {
+    children: React.ReactNode;
+}
+declare const EditorContext: React.Context<{
+    showPreview: boolean;
+    setShowPreview: React.Dispatch<React.SetStateAction<boolean>>;
+    formData: any;
+    setFormData: React.Dispatch<React.SetStateAction<any>>;
+    handleDragStop: (e: any, elementId: string) => void;
+    removeElement: (elementId: string, sectionId: string) => void;
+    updateElementPosition: (updatedFormData: any[], sectionId: string) => void;
+    addElement: (element: any, sectionId: string) => void;
+    addElementInPosition: (element: any, sectionId: string, index: any) => void;
+    updateElement: (value: any, sectionId: string) => void;
+    updateSection: (value: any, sectionId: string) => void;
+    setIsDragging: (value: boolean) => void;
+    isDragging: boolean;
+    uploadUrl: string;
+    setUploadUrl: (e: string) => void;
+    /**
+     * Universal element move:
+     *  - canvas  → canvas  (reorder by index)
+     *  - grid    → canvas  (eject; targetIndex = insertion point)
+     *  - canvas  → grid    (inject into col; targetGridId + targetCol required)
+     *  - grid    → grid    (transfer between cells)
+     */
+    moveElement: (opts: {
+        draggedId: string;
+        sectionId: string;
+        targetIndex?: number;
+        targetId?: string;
+        targetGridId?: string;
+        targetCol?: number;
+    }) => void;
+}>;
+export declare const EditorProvider: React.FC<EditorProviderProps>;
+export default EditorContext;

package/types/index.d.ts

@@ -0,0 +1,3 @@
+import './index.css';
+export { default as FormBuilder } from "./pages/builder";
+export { default as FormViewer } from "./pages/viewer";

package/types/main.d.ts

@@ -0,0 +1 @@
+import "./index.css";

package/types/pages/builder/index.d.ts

@@ -0,0 +1,3 @@
+import { BuilderProps } from "../../components/editor/layout";
+declare const HomePage: ({ onSubmit, questionData, isReadOnly, config, title, loading, goBackUrl, onPublish, previewLoading, saveLoading, publishLoading, onTitleChange, uploadUrl, }: BuilderProps) => import("react/jsx-runtime").JSX.Element;
+export default HomePage;

package/types/pages/viewer/index.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+export interface RenderProps {
+    onSubmit?: (e: any) => void;
+    answerData?: any;
+    isReadOnly?: boolean;
+    form_data?: any;
+    ignoreValidation?: boolean;
+    loading?: boolean;
+    config?: any;
+    renderType?: "multi" | "single";
+    children?: ReactNode;
+    hideFooter?: boolean;
+    onGetValues?: (e: any) => void;
+    uploadUrl?: string;
+}
+export default function Viewer({ answerData, form_data, ignoreValidation, onSubmit, isReadOnly, loading, config, renderType, children, hideFooter, onGetValues, uploadUrl, }: RenderProps): import("react/jsx-runtime").JSX.Element;

package/types/utils/contants.d.ts

@@ -0,0 +1,123 @@
+export declare enum ElementKind {
+    BASIC_TEXT = "basicText",
+    TEXT = "textField",
+    LONG_TEXT = "longText",
+    SELECT = "selectField",
+    CASCADE_SELECT = "cascadeSelect",
+    MULTI_SELECT = "multiSelect",
+    VALIDATE_INPUT = "validateInput",
+    NUMBER = "numberField",
+    AMOUNT = "amountField",
+    DATE = "date",
+    URL = "url",
+    PASSWORD = "password",
+    CHECKBOX = "checkbox",
+    PHONE = "phoneField",
+    RADIO = "radio",
+    EMAIL = "email",
+    FILE = "file",
+    COUNTRY = "country",
+    RATING = "rating",
+    DATA_GRID = "dataGrid",
+    TABLE_INPUT = "tableInput",
+    DIVIDER = "divider",
+    SPACER = "spacer",
+    SECTION = "section",
+    GRID = "grid",
+    MATRIX = "matrix"
+}
+export interface DataColumnType {
+    field: string;
+    headerName: string;
+    width?: number;
+    editable?: boolean;
+    type?: string;
+    validate?: boolean;
+    id: string;
+}
+export interface OptionType {
+    label: string;
+    value: any;
+    id: string;
+    key?: string;
+}
+export interface ElementType {
+    type: ElementKind;
+    label: string;
+    icon: string;
+    inputLabel: string;
+    inputType: string;
+    required?: boolean;
+    placeholder?: string;
+    description?: string;
+    value?: any;
+    maxLength?: number | null;
+    minLength?: number | null;
+    maxAmount?: number | null;
+    minAmount?: number | null;
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    requiredMessage?: string;
+    minLengthMessage?: string;
+    maxLengthMessage?: string;
+    minAmountMessage?: string;
+    maxAmountMessage?: string;
+    options?: OptionType[];
+    options1?: OptionType[];
+    options2?: OptionType[];
+    columns?: number;
+    dataColumns?: DataColumnType[];
+    prefix?: string | null;
+    inputMode?: string;
+    pattern?: string;
+    selectType?: string;
+    dateType?: string;
+    dateFormat?: string;
+    minDate?: string | null;
+    maxDate?: string | null;
+    canHaveDateRange?: boolean;
+    allowYearPicker?: boolean;
+    url?: string;
+    method?: string;
+    responseType?: string;
+    customClass?: string | null;
+    elementClass?: string;
+    gridPosition?: any;
+    gridId?: string | null;
+    isHidden: boolean;
+    visibilityDependentFields?: string;
+    visibilityDependentFieldsValue?: any;
+    isMultiple: boolean;
+    acceptedFiles: any[];
+    showState?: boolean;
+}
+export declare const countryOptions: OptionType[];
+export declare const Elements: ElementType[];
+export declare const CategorizedElements: Readonly<{
+    textFields: ElementKind[];
+    selectionFields: ElementKind[];
+    dateAndTime: ElementKind[];
+    fileAndMedia: ElementKind[];
+    layoutAndDisplay: ElementKind[];
+    advancedData: ElementKind[];
+}>;
+export declare const dateFormats: {
+    label: string;
+    value: string;
+}[];
+export declare const AllowValidationPrefix: string[];
+export declare const AllowValidationMaxMin: string[];
+export declare const AllowValidationPlaceholder: string[];
+export declare const AllowValidationAmount: string[];
+export declare const noAllowValidation: string[];
+export declare const AllowOptions: string[];
+export declare const AllowApiOptions: string[];
+export declare const AllowTableOptions: string[];
+export declare const AllowTextOptions: string[];
+export declare const noAllowEdit: string[];
+export declare const allowValue: string[];
+export declare const FileTypes: {
+    value: string;
+    label: string;
+}[];

package/types/utils/getAllQuestions.d.ts

@@ -0,0 +1,8 @@
+type Section = {
+    id: string;
+    title: string;
+    description: string;
+    questionData?: any[];
+};
+export declare function getAllQuestionData(sections: Section[]): any[];
+export {};

package/types/utils/isValidImage.d.ts

@@ -0,0 +1 @@
+export declare function isValidImage(value: any): boolean;

package/types/utils/localStorageControl.d.ts

@@ -0,0 +1,4 @@
+declare const getItem: (key: any) => any;
+declare const setItem: (key: any, value: any) => void;
+declare const removeItem: (key: any) => void;
+export { getItem, setItem, removeItem };

package/types/utils/mapIdToValue.d.ts

@@ -0,0 +1 @@
+export declare function mapIdToValue(answerData: any): any;

package/types/utils/normalizeRows.d.ts

@@ -0,0 +1,4 @@
+export declare const slugify: (text: string) => string;
+/** Ensure every row has a `value` — derive from `label` if missing or empty. */
+export declare const normalizeRows: (rows: any[]) => any[];
+export declare const normalizeGridRows: (rows: any[]) => any[];