@tellescope/react-components 1.228.0 → 1.229.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/Forms/forms.v2.d.ts +116 -0
- package/lib/cjs/Forms/forms.v2.d.ts.map +1 -0
- package/lib/cjs/Forms/forms.v2.js +760 -0
- package/lib/cjs/Forms/forms.v2.js.map +1 -0
- package/lib/cjs/Forms/hooks.d.ts.map +1 -1
- package/lib/cjs/Forms/hooks.js +8 -3
- package/lib/cjs/Forms/hooks.js.map +1 -1
- package/lib/cjs/Forms/index.d.ts +1 -0
- package/lib/cjs/Forms/index.d.ts.map +1 -1
- package/lib/cjs/Forms/index.js +6 -0
- package/lib/cjs/Forms/index.js.map +1 -1
- package/lib/cjs/Forms/inputs.v2.d.ts +81 -0
- package/lib/cjs/Forms/inputs.v2.d.ts.map +1 -0
- package/lib/cjs/Forms/inputs.v2.js +2289 -0
- package/lib/cjs/Forms/inputs.v2.js.map +1 -0
- package/lib/cjs/Forms/localization.d.ts.map +1 -1
- package/lib/cjs/Forms/localization.js +3 -0
- package/lib/cjs/Forms/localization.js.map +1 -1
- package/lib/cjs/Forms/types.d.ts +1 -0
- package/lib/cjs/Forms/types.d.ts.map +1 -1
- package/lib/cjs/state.d.ts +34 -0
- package/lib/cjs/state.d.ts.map +1 -1
- package/lib/cjs/state.js +16 -2
- package/lib/cjs/state.js.map +1 -1
- package/lib/esm/Forms/forms.v2.d.ts +116 -0
- package/lib/esm/Forms/forms.v2.d.ts.map +1 -0
- package/lib/esm/Forms/forms.v2.js +725 -0
- package/lib/esm/Forms/forms.v2.js.map +1 -0
- package/lib/esm/Forms/hooks.d.ts.map +1 -1
- package/lib/esm/Forms/hooks.js +8 -3
- package/lib/esm/Forms/hooks.js.map +1 -1
- package/lib/esm/Forms/index.d.ts +1 -0
- package/lib/esm/Forms/index.d.ts.map +1 -1
- package/lib/esm/Forms/index.js +2 -0
- package/lib/esm/Forms/index.js.map +1 -1
- package/lib/esm/Forms/inputs.v2.d.ts +81 -0
- package/lib/esm/Forms/inputs.v2.d.ts.map +1 -0
- package/lib/esm/Forms/inputs.v2.js +2218 -0
- package/lib/esm/Forms/inputs.v2.js.map +1 -0
- package/lib/esm/Forms/localization.d.ts.map +1 -1
- package/lib/esm/Forms/localization.js +3 -0
- package/lib/esm/Forms/localization.js.map +1 -1
- package/lib/esm/Forms/types.d.ts +1 -0
- package/lib/esm/Forms/types.d.ts.map +1 -1
- package/lib/esm/state.d.ts +34 -0
- package/lib/esm/state.d.ts.map +1 -1
- package/lib/esm/state.js +13 -0
- package/lib/esm/state.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +9 -9
- package/src/Forms/forms.v2.tsx +1321 -0
- package/src/Forms/hooks.tsx +10 -5
- package/src/Forms/index.ts +5 -2
- package/src/Forms/inputs.v2.tsx +3869 -0
- package/src/Forms/localization.ts +1 -0
- package/src/Forms/types.ts +1 -0
- package/src/state.tsx +25 -5
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FileBlob, Styled } from "../index";
|
|
3
|
+
import { useTellescopeForm, Response, FileResponse, NextFieldLogicOptions } from "./hooks";
|
|
4
|
+
import { FormInputs } from "./types";
|
|
5
|
+
import { AddToDatabaseProps } from "./inputs.v2";
|
|
6
|
+
import { FormResponse, FormField, Form, Enduser } from "@tellescope/types-client";
|
|
7
|
+
import { OrganizationTheme } from "@tellescope/types-models";
|
|
8
|
+
export declare const TellescopeFormContainerV2: ({ businessId, organizationIds, ...props }: {
|
|
9
|
+
businessId?: string | undefined;
|
|
10
|
+
organizationIds?: string[] | undefined;
|
|
11
|
+
dontAddContext?: boolean | undefined;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
hideBg?: boolean | undefined;
|
|
14
|
+
backgroundColor?: string | undefined;
|
|
15
|
+
hideLogo?: boolean | undefined;
|
|
16
|
+
logoHeight?: number | undefined;
|
|
17
|
+
language?: string | undefined;
|
|
18
|
+
onChangeLanguage?: ((l: string) => void) | undefined;
|
|
19
|
+
paperMinHeight?: React.CSSProperties['minHeight'];
|
|
20
|
+
maxWidth?: number | undefined;
|
|
21
|
+
} & Styled) => JSX.Element;
|
|
22
|
+
export interface TellescopeFormProps extends ReturnType<typeof useTellescopeForm> {
|
|
23
|
+
form?: Form;
|
|
24
|
+
isPreview?: boolean;
|
|
25
|
+
onSuccess?: (r: FormResponse) => void;
|
|
26
|
+
customInputs?: FormInputs;
|
|
27
|
+
submitted?: boolean;
|
|
28
|
+
thanksMessage?: string;
|
|
29
|
+
htmlThanksMessage?: string;
|
|
30
|
+
showSaveDraft?: boolean;
|
|
31
|
+
formTitle?: string;
|
|
32
|
+
repeats: Record<string, string | number>;
|
|
33
|
+
backgroundColor?: string;
|
|
34
|
+
rootResponseId?: string;
|
|
35
|
+
parentResponseId?: string;
|
|
36
|
+
downloadComponent?: React.ReactNode;
|
|
37
|
+
enduser?: Partial<Enduser>;
|
|
38
|
+
groupId?: string;
|
|
39
|
+
groupInstance?: string;
|
|
40
|
+
logoHeight?: number;
|
|
41
|
+
}
|
|
42
|
+
export declare const TellescopeFormV2: (props: TellescopeFormProps & Styled & {
|
|
43
|
+
hideBg?: boolean;
|
|
44
|
+
theme?: OrganizationTheme;
|
|
45
|
+
inputStyle?: React.CSSProperties;
|
|
46
|
+
}) => JSX.Element;
|
|
47
|
+
export declare const QuestionForField: ({ form, value, field, file, responses, selectedFiles, onAddFile, onFieldChange, customInputs, fields, validateField, repeats, onRepeatsChange, setCustomerId, handleDatabaseSelect, enduser, goToPreviousField, isPreviousDisabled, enduserId, formResponseId, submit, groupId, groupInstance, goToNextField, spacing, isSinglePage, rootResponseId, isInQuestionGroup, logicOptions, uploadingFiles, setUploadingFiles, handleFileUpload, groupFields, AddToDatabase, }: {
|
|
48
|
+
spacing?: number | undefined;
|
|
49
|
+
form?: (import("@tellescope/types-models").Form & {
|
|
50
|
+
id: string;
|
|
51
|
+
createdAt: Date;
|
|
52
|
+
}) | undefined;
|
|
53
|
+
repeats: Record<string, string | number>;
|
|
54
|
+
onRepeatsChange: (v: Record<string, string | number>) => void;
|
|
55
|
+
value: Response;
|
|
56
|
+
file: FileResponse;
|
|
57
|
+
field: FormField;
|
|
58
|
+
setCustomerId: React.Dispatch<React.SetStateAction<string | undefined>>;
|
|
59
|
+
isSinglePage?: boolean | undefined;
|
|
60
|
+
isInQuestionGroup?: boolean | undefined;
|
|
61
|
+
questionGroupSize?: number | undefined;
|
|
62
|
+
logicOptions?: NextFieldLogicOptions | undefined;
|
|
63
|
+
handleFileUpload: (blob: FileBlob, fieldId: string) => Promise<any>;
|
|
64
|
+
uploadingFiles: {
|
|
65
|
+
fieldId: string;
|
|
66
|
+
}[];
|
|
67
|
+
setUploadingFiles: React.Dispatch<React.SetStateAction<{
|
|
68
|
+
fieldId: string;
|
|
69
|
+
}[]>>;
|
|
70
|
+
groupFields?: (import("@tellescope/types-models").FormField & {
|
|
71
|
+
id: string;
|
|
72
|
+
createdAt: Date;
|
|
73
|
+
})[] | undefined;
|
|
74
|
+
AddToDatabase?: React.JSXElementConstructor<AddToDatabaseProps> | undefined;
|
|
75
|
+
} & Pick<TellescopeFormProps, "enduserId" | "enduser" | "fields" | "rootResponseId" | "groupId" | "groupInstance" | "responses" | "submit" | "formResponseId" | "selectedFiles" | "goToPreviousField" | "goToNextField" | "isPreviousDisabled" | "handleDatabaseSelect" | "onAddFile" | "onFieldChange" | "customInputs" | "validateField">) => JSX.Element | null;
|
|
76
|
+
export declare const TellescopeSingleQuestionFlowV2: typeof TellescopeFormV2;
|
|
77
|
+
export declare const DEFAULT_THANKS_MESSAGE = "Your response was successfully recorded";
|
|
78
|
+
export declare const ThanksMessage: ({ thanksMessage, htmlThanksMessage, showRestartAtEnd, downloadComponent, }: {
|
|
79
|
+
thanksMessage?: string | undefined;
|
|
80
|
+
htmlThanksMessage?: string | undefined;
|
|
81
|
+
showRestartAtEnd?: boolean | undefined;
|
|
82
|
+
downloadComponent?: React.ReactNode;
|
|
83
|
+
}) => JSX.Element;
|
|
84
|
+
export declare const SaveDraft: ({ selectedFiles, enduserId, responses, existingResponses, fields, onSuccess, formResponseId, includedFieldIds, formId, style, disabled, getResponsesWithQuestionGroupAnswers, isInternalNote, formTitle, rootResponseId, parentResponseId, }: Styled & Pick<TellescopeFormProps, "enduserId" | "onSuccess" | "fields" | "responses" | "existingResponses" | "selectedFiles" | "getResponsesWithQuestionGroupAnswers"> & {
|
|
85
|
+
disabled?: boolean | undefined;
|
|
86
|
+
formResponseId?: string | undefined;
|
|
87
|
+
formId: string;
|
|
88
|
+
includedFieldIds: string[];
|
|
89
|
+
isInternalNote?: boolean | undefined;
|
|
90
|
+
formTitle?: string | undefined;
|
|
91
|
+
rootResponseId?: string | undefined;
|
|
92
|
+
parentResponseId?: string | undefined;
|
|
93
|
+
}) => JSX.Element;
|
|
94
|
+
export declare const UpdateResponse: ({ selectedFiles, enduserId, responses, onSuccess, formResponseId, includedFieldIds, formId, style, disabled, getResponsesWithQuestionGroupAnswers, existingResponses, fields, }: Styled & Pick<TellescopeFormProps, "enduserId" | "onSuccess" | "fields" | "responses" | "existingResponses" | "selectedFiles" | "getResponsesWithQuestionGroupAnswers"> & {
|
|
95
|
+
disabled?: boolean | undefined;
|
|
96
|
+
formResponseId?: string | undefined;
|
|
97
|
+
formId: string;
|
|
98
|
+
includedFieldIds: string[];
|
|
99
|
+
}) => JSX.Element;
|
|
100
|
+
export declare const Description: ({ field, color, style }: {
|
|
101
|
+
field: FormField;
|
|
102
|
+
color?: string | undefined;
|
|
103
|
+
} & Styled) => JSX.Element | null;
|
|
104
|
+
export declare const TellescopeSinglePageForm: React.JSXElementConstructor<TellescopeFormProps & Styled & {
|
|
105
|
+
updating?: boolean;
|
|
106
|
+
isInternalNote?: boolean;
|
|
107
|
+
submittedAt?: Date;
|
|
108
|
+
updatedAt?: Date;
|
|
109
|
+
otherEnduserIds?: string[];
|
|
110
|
+
onBulkErrors?: (errors: {
|
|
111
|
+
enduserId: string;
|
|
112
|
+
message: string;
|
|
113
|
+
}[]) => void;
|
|
114
|
+
AddToDatabase?: React.JSXElementConstructor<AddToDatabaseProps>;
|
|
115
|
+
}>;
|
|
116
|
+
//# sourceMappingURL=forms.v2.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"forms.v2.d.ts","sourceRoot":"","sources":["../../../src/Forms/forms.v2.tsx"],"names":[],"mappings":"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"}
|