df-ae-forms-package 1.0.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/README.md +458 -0
- package/dist/ComponentActionFeatures.d.ts +19 -0
- package/dist/ComponentActionFeatures.d.ts.map +1 -0
- package/dist/DfFormPreview.d.ts +24 -0
- package/dist/DfFormPreview.d.ts.map +1 -0
- package/dist/ThresholdAlert.d.ts +15 -0
- package/dist/ThresholdAlert.d.ts.map +1 -0
- package/dist/components/ComponentSubmissionActions.d.ts +9 -0
- package/dist/components/ComponentSubmissionActions.d.ts.map +1 -0
- package/dist/components/RaiseIssueModal.d.ts +24 -0
- package/dist/components/RaiseIssueModal.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-checkbox/DfFormCheckbox.d.ts +22 -0
- package/dist/df-form-controls/df-form-checkbox/DfFormCheckbox.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-checkbox/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-checkbox/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-comments/DfFormComments.d.ts +12 -0
- package/dist/df-form-controls/df-form-comments/DfFormComments.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-comments/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-comments/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-date-time/DfFormDateTime.d.ts +21 -0
- package/dist/df-form-controls/df-form-date-time/DfFormDateTime.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-date-time/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-date-time/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-error-msg/DfFormErrorMsg.d.ts +5 -0
- package/dist/df-form-controls/df-form-error-msg/DfFormErrorMsg.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-error-msg/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-error-msg/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-file-upload/DfFormFileUpload.d.ts +33 -0
- package/dist/df-form-controls/df-form-file-upload/DfFormFileUpload.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-file-upload/example.d.ts +8 -0
- package/dist/df-form-controls/df-form-file-upload/example.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-file-upload/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-file-upload/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-grid/df-form-grid.d.ts +41 -0
- package/dist/df-form-controls/df-form-grid/df-form-grid.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-heading/DfFormHeading.d.ts +12 -0
- package/dist/df-form-controls/df-form-heading/DfFormHeading.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-heading/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-heading/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-input/DfFormInput.d.ts +25 -0
- package/dist/df-form-controls/df-form-input/DfFormInput.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-input/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-input/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-instruction/DfFormInstruction.d.ts +13 -0
- package/dist/df-form-controls/df-form-instruction/DfFormInstruction.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-instruction/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-instruction/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-location/DfFormLocation.d.ts +31 -0
- package/dist/df-form-controls/df-form-location/DfFormLocation.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-location/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-location/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-preview-interfaces.d.ts +389 -0
- package/dist/df-form-controls/df-form-preview-interfaces.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-radio/DfFormRadio.d.ts +22 -0
- package/dist/df-form-controls/df-form-radio/DfFormRadio.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-radio/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-radio/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-section/df-form-section.d.ts +35 -0
- package/dist/df-form-controls/df-form-section/df-form-section.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-segment/DfFormSegment.d.ts +23 -0
- package/dist/df-form-controls/df-form-segment/DfFormSegment.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-segment/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-segment/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-select/DfFormSelect.d.ts +22 -0
- package/dist/df-form-controls/df-form-select/DfFormSelect.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-select/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-select/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-signature/DfFormSignature.d.ts +21 -0
- package/dist/df-form-controls/df-form-signature/DfFormSignature.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-signature/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-signature/index.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-table/df-form-table.d.ts +43 -0
- package/dist/df-form-controls/df-form-table/df-form-table.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-textarea/DfFormTextarea.d.ts +21 -0
- package/dist/df-form-controls/df-form-textarea/DfFormTextarea.d.ts.map +1 -0
- package/dist/df-form-controls/df-form-textarea/index.d.ts +3 -0
- package/dist/df-form-controls/df-form-textarea/index.d.ts.map +1 -0
- package/dist/index.css +11 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +943 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +11 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +11 -0
- package/dist/index.js.map +1 -0
- package/dist/services/conditionalLogicService.d.ts +47 -0
- package/dist/services/conditionalLogicService.d.ts.map +1 -0
- package/dist/services/toast.service.d.ts +27 -0
- package/dist/services/toast.service.d.ts.map +1 -0
- package/dist/types/form-builder-schema.model.d.ts +75 -0
- package/dist/types/form-builder-schema.model.d.ts.map +1 -0
- package/package.json +88 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DfFormErrorMsg.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-error-msg/DfFormErrorMsg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4HtD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-error-msg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IFileUploadComponent, IFormControlChange, IFormValidationErrors } from '../df-form-preview-interfaces';
|
|
3
|
+
interface IFileDataObject {
|
|
4
|
+
name?: string;
|
|
5
|
+
fileName?: string;
|
|
6
|
+
type?: string;
|
|
7
|
+
fileType?: string;
|
|
8
|
+
mimeType?: string;
|
|
9
|
+
size?: number;
|
|
10
|
+
fileSize?: number;
|
|
11
|
+
url?: string;
|
|
12
|
+
path?: string;
|
|
13
|
+
data?: string;
|
|
14
|
+
}
|
|
15
|
+
interface DfFormFileUploadProps {
|
|
16
|
+
id: string;
|
|
17
|
+
properties: IFileUploadComponent;
|
|
18
|
+
validationErrors?: IFormValidationErrors;
|
|
19
|
+
formValue?: File[] | FileList | IFileDataObject[] | string[] | null;
|
|
20
|
+
readonly?: boolean;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
touchedFields?: Record<string, boolean>;
|
|
23
|
+
formSubmitted?: boolean;
|
|
24
|
+
mode?: 'edit' | 'preview' | 'test';
|
|
25
|
+
onValueChange?: (change: IFormControlChange) => void;
|
|
26
|
+
onBlur?: () => void;
|
|
27
|
+
onFocus?: () => void;
|
|
28
|
+
className?: string;
|
|
29
|
+
hideLabel?: boolean;
|
|
30
|
+
}
|
|
31
|
+
export declare const DfFormFileUpload: React.FC<DfFormFileUploadProps>;
|
|
32
|
+
export default DfFormFileUpload;
|
|
33
|
+
//# sourceMappingURL=DfFormFileUpload.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DfFormFileUpload.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-file-upload/DfFormFileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AAGvC,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAqB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,oBAAoB,CAAC;IACjC,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,QAAQ,GAAG,eAAe,EAAE,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAWD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA4iB5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Example usage of DfFormFileUpload component
|
|
4
|
+
* This demonstrates how to use the file upload component in different scenarios
|
|
5
|
+
*/
|
|
6
|
+
export declare const FileUploadExample: React.FC;
|
|
7
|
+
export default FileUploadExample;
|
|
8
|
+
//# sourceMappingURL=example.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-file-upload/example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAwKrC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IDataGridComponent, FormComponentType, IFormControlChange } from '../df-form-preview-interfaces';
|
|
3
|
+
import './df-form-grid.scss';
|
|
4
|
+
interface DfFormDataGridProps {
|
|
5
|
+
id: string;
|
|
6
|
+
properties: IDataGridComponent;
|
|
7
|
+
validationErrors?: Record<string, any>;
|
|
8
|
+
formValue?: any;
|
|
9
|
+
formData?: Record<string, any>;
|
|
10
|
+
readonly?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
touchedFields?: Record<string, boolean>;
|
|
13
|
+
formSubmitted?: boolean;
|
|
14
|
+
mode?: 'edit' | 'preview' | 'test';
|
|
15
|
+
onValueChange?: (change: IFormControlChange) => void;
|
|
16
|
+
onBlur?: () => void;
|
|
17
|
+
onFocus?: () => void;
|
|
18
|
+
onSelect?: () => void;
|
|
19
|
+
isSelected?: boolean;
|
|
20
|
+
className?: string;
|
|
21
|
+
onDataGridSelect?: (dataGrid: IDataGridComponent) => void;
|
|
22
|
+
onDataGridDelete?: (dataGridId: string) => void;
|
|
23
|
+
onEntryChange?: (entryIndex: number, components: FormComponentType[]) => void;
|
|
24
|
+
onComponentSelect?: (component: FormComponentType) => void;
|
|
25
|
+
onComponentDelete?: (component: FormComponentType, event: React.MouseEvent) => void;
|
|
26
|
+
onComponentEdit?: (component: FormComponentType) => void;
|
|
27
|
+
onComponentUpdate?: (componentId: string, updates: Partial<FormComponentType>) => void;
|
|
28
|
+
selectedComponent?: FormComponentType | null;
|
|
29
|
+
renderFormComponent?: (field: FormComponentType, hideLabel?: boolean) => React.ReactNode;
|
|
30
|
+
onDataGridUpdate?: (dataGridId: string, updates: Partial<IDataGridComponent>) => void;
|
|
31
|
+
onEntryAdd?: () => void;
|
|
32
|
+
onEntryRemove?: (entryIndex: number) => void;
|
|
33
|
+
formTemplateId?: string;
|
|
34
|
+
onThresholdActionCompletion?: (conditionId: string, action: 'notes' | 'attachments' | 'email', completed: boolean) => void;
|
|
35
|
+
onThresholdIssueRaised?: (conditionId: string) => void;
|
|
36
|
+
onNotesChange?: (componentId: string, notes: string) => void;
|
|
37
|
+
onAttachmentChange?: (componentId: string, attachments: File[] | null) => void;
|
|
38
|
+
}
|
|
39
|
+
export declare const DfFormDataGrid: React.FC<DfFormDataGridProps>;
|
|
40
|
+
export default DfFormDataGrid;
|
|
41
|
+
//# sourceMappingURL=df-form-grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"df-form-grid.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-grid/df-form-grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IHeadingComponent } from '../df-form-preview-interfaces';
|
|
3
|
+
interface DfFormHeadingProps {
|
|
4
|
+
id: string;
|
|
5
|
+
properties: IHeadingComponent;
|
|
6
|
+
mode?: 'edit' | 'preview' | 'test';
|
|
7
|
+
className?: string;
|
|
8
|
+
hideLabel?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const DfFormHeading: React.FC<DfFormHeadingProps>;
|
|
11
|
+
export default DfFormHeading;
|
|
12
|
+
//# sourceMappingURL=DfFormHeading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DfFormHeading.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-heading/DfFormHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,iBAAiB,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgEtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ITextInputComponent, INumberInputComponent, IEmailInputComponent, TInputComponentType, IFormControlChange, IFormValidationErrors } from '../df-form-preview-interfaces';
|
|
3
|
+
interface DfFormInputProps {
|
|
4
|
+
id: string;
|
|
5
|
+
properties: ITextInputComponent | INumberInputComponent | IEmailInputComponent;
|
|
6
|
+
validationErrors?: IFormValidationErrors;
|
|
7
|
+
formValue?: string;
|
|
8
|
+
inputType?: TInputComponentType;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
touchedFields?: Record<string, boolean>;
|
|
12
|
+
formSubmitted?: boolean;
|
|
13
|
+
mode?: 'edit' | 'preview' | 'test';
|
|
14
|
+
onValueChange?: (change: IFormControlChange) => void;
|
|
15
|
+
onBlur?: () => void;
|
|
16
|
+
onFocus?: () => void;
|
|
17
|
+
className?: string;
|
|
18
|
+
hideLabel?: boolean;
|
|
19
|
+
formTemplateId?: string;
|
|
20
|
+
onThresholdIssueRaised?: (conditionId: string) => void;
|
|
21
|
+
raisedThresholdIssues?: Set<string>;
|
|
22
|
+
}
|
|
23
|
+
export declare const DfFormInput: React.FC<DfFormInputProps>;
|
|
24
|
+
export default DfFormInput;
|
|
25
|
+
//# sourceMappingURL=DfFormInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DfFormInput.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-input/DfFormInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AAIvC,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,mBAAmB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;IAC/E,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,qBAAqB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2XlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IInstructionComponent, IFormControlChange } from '../df-form-preview-interfaces';
|
|
3
|
+
interface DfFormInstructionProps {
|
|
4
|
+
id: string;
|
|
5
|
+
properties: IInstructionComponent;
|
|
6
|
+
mode?: 'edit' | 'preview' | 'test';
|
|
7
|
+
onValueChange?: (change: IFormControlChange) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
hideLabel?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const DfFormInstruction: React.FC<DfFormInstructionProps>;
|
|
12
|
+
export default DfFormInstruction;
|
|
13
|
+
//# sourceMappingURL=DfFormInstruction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DfFormInstruction.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-instruction/DfFormInstruction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,+BAA+B,CAAC;AAEvC,UAAU,sBAAsB;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,qBAAqB,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkb9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-instruction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ILocationComponent, IFormControlChange, IFormValidationErrors } from '../df-form-preview-interfaces';
|
|
3
|
+
interface DfFormLocationProps {
|
|
4
|
+
id: string;
|
|
5
|
+
properties: ILocationComponent;
|
|
6
|
+
validationErrors?: IFormValidationErrors;
|
|
7
|
+
formValue?: ILocationData | null;
|
|
8
|
+
readonly?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
touchedFields?: Record<string, boolean>;
|
|
11
|
+
formSubmitted?: boolean;
|
|
12
|
+
mode?: 'edit' | 'preview' | 'test';
|
|
13
|
+
onValueChange?: (change: IFormControlChange) => void;
|
|
14
|
+
onBlur?: () => void;
|
|
15
|
+
onFocus?: () => void;
|
|
16
|
+
className?: string;
|
|
17
|
+
hideLabel?: boolean;
|
|
18
|
+
}
|
|
19
|
+
interface ILocationData {
|
|
20
|
+
latitude: number;
|
|
21
|
+
longitude: number;
|
|
22
|
+
accuracy?: number;
|
|
23
|
+
timestamp?: number;
|
|
24
|
+
address?: string;
|
|
25
|
+
placeName?: string;
|
|
26
|
+
city?: string;
|
|
27
|
+
country?: string;
|
|
28
|
+
}
|
|
29
|
+
export declare const DfFormLocation: React.FC<DfFormLocationProps>;
|
|
30
|
+
export default DfFormLocation;
|
|
31
|
+
//# sourceMappingURL=DfFormLocation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DfFormLocation.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-location/DfFormLocation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AAIvC,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,kBAAkB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,aAAa;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAQD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4oBxD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/df-form-controls/df-form-location/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,389 @@
|
|
|
1
|
+
export interface ICondition {
|
|
2
|
+
id: string;
|
|
3
|
+
when: string;
|
|
4
|
+
operator: 'equals' | 'notEquals' | 'isEmpty' | 'isNotEmpty' | 'contains' | 'notContains' | 'greaterThan' | 'lessThan' | 'greaterThanOrEqual' | 'lessThanOrEqual';
|
|
5
|
+
value: string | number | boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface IConditionalLogic {
|
|
8
|
+
action: 'show' | 'hide' | 'always';
|
|
9
|
+
when: 'all' | 'any';
|
|
10
|
+
conditions: ICondition[];
|
|
11
|
+
}
|
|
12
|
+
export interface IFormControlChange {
|
|
13
|
+
id: string;
|
|
14
|
+
value: any;
|
|
15
|
+
isValid?: boolean;
|
|
16
|
+
errors?: Record<string, any>;
|
|
17
|
+
comments?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface IFormValidationErrors {
|
|
20
|
+
[key: string]: any;
|
|
21
|
+
}
|
|
22
|
+
export type TInputComponentType = 'text' | 'number' | 'email' | 'password' | 'url' | 'tel';
|
|
23
|
+
export interface IBaseFormComponent {
|
|
24
|
+
id: string;
|
|
25
|
+
_id: string;
|
|
26
|
+
name: string;
|
|
27
|
+
category: string;
|
|
28
|
+
basic: {
|
|
29
|
+
label: string;
|
|
30
|
+
value: string;
|
|
31
|
+
defaultValue: string;
|
|
32
|
+
placeholder: string;
|
|
33
|
+
options: any[];
|
|
34
|
+
description?: string;
|
|
35
|
+
collapsed?: boolean;
|
|
36
|
+
showLabel?: boolean;
|
|
37
|
+
};
|
|
38
|
+
validation: {
|
|
39
|
+
required: boolean;
|
|
40
|
+
readonly: boolean;
|
|
41
|
+
customValidationMessage: string;
|
|
42
|
+
minLength?: number;
|
|
43
|
+
maxLength?: number;
|
|
44
|
+
min?: number;
|
|
45
|
+
max?: number;
|
|
46
|
+
pattern?: string;
|
|
47
|
+
customValidation?: string;
|
|
48
|
+
minDate?: string;
|
|
49
|
+
maxDate?: string;
|
|
50
|
+
};
|
|
51
|
+
styles: {
|
|
52
|
+
labelAlignment: 'left' | 'top';
|
|
53
|
+
width?: number;
|
|
54
|
+
height?: number;
|
|
55
|
+
minWidth?: number;
|
|
56
|
+
maxWidth?: number;
|
|
57
|
+
minHeight?: number;
|
|
58
|
+
maxHeight?: number;
|
|
59
|
+
column?: number;
|
|
60
|
+
fontSize?: string;
|
|
61
|
+
color?: string;
|
|
62
|
+
backgroundColor?: string;
|
|
63
|
+
borderColor?: string;
|
|
64
|
+
borderWidth?: string;
|
|
65
|
+
borderRadius?: string;
|
|
66
|
+
padding?: string;
|
|
67
|
+
margin?: string;
|
|
68
|
+
};
|
|
69
|
+
position: number;
|
|
70
|
+
options: any[];
|
|
71
|
+
conditional: IConditionalLogic;
|
|
72
|
+
}
|
|
73
|
+
export interface ITextInputComponent extends IBaseFormComponent {
|
|
74
|
+
name: 'text-input';
|
|
75
|
+
validation: IBaseFormComponent['validation'] & {
|
|
76
|
+
minLength?: number;
|
|
77
|
+
maxLength?: number;
|
|
78
|
+
pattern?: string;
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
export interface INumberInputComponent extends IBaseFormComponent {
|
|
82
|
+
name: 'number-input';
|
|
83
|
+
validation: IBaseFormComponent['validation'] & {
|
|
84
|
+
min?: number;
|
|
85
|
+
max?: number;
|
|
86
|
+
step?: number;
|
|
87
|
+
lowerLimit?: number;
|
|
88
|
+
upperLimit?: number;
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
export interface IEmailInputComponent extends IBaseFormComponent {
|
|
92
|
+
name: 'email-input';
|
|
93
|
+
validation: IBaseFormComponent['validation'] & {
|
|
94
|
+
pattern?: string;
|
|
95
|
+
};
|
|
96
|
+
}
|
|
97
|
+
export interface ITextareaComponent extends IBaseFormComponent {
|
|
98
|
+
name: 'textarea';
|
|
99
|
+
validation: IBaseFormComponent['validation'] & {
|
|
100
|
+
minLength?: number;
|
|
101
|
+
maxLength?: number;
|
|
102
|
+
rows?: number;
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
export interface ISelectComponent extends IBaseFormComponent {
|
|
106
|
+
name: 'select';
|
|
107
|
+
options: Array<{
|
|
108
|
+
label: string;
|
|
109
|
+
value: string;
|
|
110
|
+
disabled?: boolean;
|
|
111
|
+
}>;
|
|
112
|
+
validation: IBaseFormComponent['validation'] & {
|
|
113
|
+
multiple?: boolean;
|
|
114
|
+
};
|
|
115
|
+
basic: IBaseFormComponent['basic'] & {
|
|
116
|
+
comments?: string;
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
export interface IRadioComponent extends IBaseFormComponent {
|
|
120
|
+
name: 'radio';
|
|
121
|
+
options: Array<{
|
|
122
|
+
label: string;
|
|
123
|
+
value: string;
|
|
124
|
+
disabled?: boolean;
|
|
125
|
+
}>;
|
|
126
|
+
validation: IBaseFormComponent['validation'];
|
|
127
|
+
basic: IBaseFormComponent['basic'] & {
|
|
128
|
+
inlineLayout?: boolean;
|
|
129
|
+
comments?: string;
|
|
130
|
+
};
|
|
131
|
+
}
|
|
132
|
+
export interface ICheckboxComponent extends IBaseFormComponent {
|
|
133
|
+
name: 'checkbox';
|
|
134
|
+
options: Array<{
|
|
135
|
+
label: string;
|
|
136
|
+
value: string;
|
|
137
|
+
disabled?: boolean;
|
|
138
|
+
}>;
|
|
139
|
+
validation: IBaseFormComponent['validation'] & {
|
|
140
|
+
multiple?: boolean;
|
|
141
|
+
};
|
|
142
|
+
basic: IBaseFormComponent['basic'] & {
|
|
143
|
+
inlineLayout?: boolean;
|
|
144
|
+
comments?: string;
|
|
145
|
+
};
|
|
146
|
+
}
|
|
147
|
+
export interface ISegmentComponent extends IBaseFormComponent {
|
|
148
|
+
name: 'segment';
|
|
149
|
+
options: Array<{
|
|
150
|
+
label: string;
|
|
151
|
+
value: string;
|
|
152
|
+
disabled?: boolean;
|
|
153
|
+
}>;
|
|
154
|
+
validation: IBaseFormComponent['validation'];
|
|
155
|
+
basic: IBaseFormComponent['basic'] & {
|
|
156
|
+
inlineLayout?: boolean;
|
|
157
|
+
comments?: string;
|
|
158
|
+
};
|
|
159
|
+
}
|
|
160
|
+
export interface IDateComponent extends IBaseFormComponent {
|
|
161
|
+
name: 'date';
|
|
162
|
+
validation: IBaseFormComponent['validation'] & {
|
|
163
|
+
minDate?: string;
|
|
164
|
+
maxDate?: string;
|
|
165
|
+
};
|
|
166
|
+
}
|
|
167
|
+
export interface IDatePickerComponent extends IBaseFormComponent {
|
|
168
|
+
name: 'date-picker';
|
|
169
|
+
validation: IBaseFormComponent['validation'] & {
|
|
170
|
+
minDate?: string;
|
|
171
|
+
maxDate?: string;
|
|
172
|
+
};
|
|
173
|
+
}
|
|
174
|
+
export interface IDateTimePickerComponent extends IBaseFormComponent {
|
|
175
|
+
name: 'datetime-picker';
|
|
176
|
+
validation: IBaseFormComponent['validation'] & {
|
|
177
|
+
minDate?: string;
|
|
178
|
+
maxDate?: string;
|
|
179
|
+
};
|
|
180
|
+
}
|
|
181
|
+
export interface IFileComponent extends IBaseFormComponent {
|
|
182
|
+
name: 'file';
|
|
183
|
+
validation: IBaseFormComponent['validation'] & {
|
|
184
|
+
accept?: string;
|
|
185
|
+
maxSize?: number;
|
|
186
|
+
multiple?: boolean;
|
|
187
|
+
};
|
|
188
|
+
}
|
|
189
|
+
export interface IFileUploadComponent extends IBaseFormComponent {
|
|
190
|
+
name: 'file-upload';
|
|
191
|
+
validation: IBaseFormComponent['validation'] & {
|
|
192
|
+
accept?: string;
|
|
193
|
+
maxSize?: number;
|
|
194
|
+
multiple?: boolean;
|
|
195
|
+
maxFiles?: number;
|
|
196
|
+
allowedTypes?: string[];
|
|
197
|
+
};
|
|
198
|
+
}
|
|
199
|
+
export interface ILocationComponent extends IBaseFormComponent {
|
|
200
|
+
name: 'location';
|
|
201
|
+
validation: IBaseFormComponent['validation'] & {
|
|
202
|
+
enableHighAccuracy?: boolean;
|
|
203
|
+
timeout?: number;
|
|
204
|
+
maximumAge?: number;
|
|
205
|
+
};
|
|
206
|
+
}
|
|
207
|
+
export interface IHeadingComponent extends Omit<IBaseFormComponent, 'basic' | 'styles'> {
|
|
208
|
+
name: 'heading';
|
|
209
|
+
basic: {
|
|
210
|
+
label: string;
|
|
211
|
+
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
212
|
+
};
|
|
213
|
+
styles?: {
|
|
214
|
+
fontSize?: string;
|
|
215
|
+
color?: string;
|
|
216
|
+
textAlign?: 'left' | 'center' | 'right';
|
|
217
|
+
};
|
|
218
|
+
}
|
|
219
|
+
export interface IDividerComponent extends Omit<IBaseFormComponent, 'styles'> {
|
|
220
|
+
name: 'divider';
|
|
221
|
+
styles?: {
|
|
222
|
+
color?: string;
|
|
223
|
+
thickness?: string;
|
|
224
|
+
style?: 'solid' | 'dashed' | 'dotted';
|
|
225
|
+
};
|
|
226
|
+
}
|
|
227
|
+
export interface IInstructionComponent extends Omit<IBaseFormComponent, 'basic' | 'validation'> {
|
|
228
|
+
name: 'instructions';
|
|
229
|
+
basic: {
|
|
230
|
+
label?: string;
|
|
231
|
+
instructions: string[];
|
|
232
|
+
value?: string;
|
|
233
|
+
defaultValue?: string;
|
|
234
|
+
placeholder?: string;
|
|
235
|
+
options?: any[];
|
|
236
|
+
description?: string;
|
|
237
|
+
collapsed?: boolean;
|
|
238
|
+
showLabel?: boolean;
|
|
239
|
+
};
|
|
240
|
+
validation: IBaseFormComponent['validation'] & {
|
|
241
|
+
listStyle?: 'none' | 'numbers' | 'bullets' | 'alpha';
|
|
242
|
+
};
|
|
243
|
+
}
|
|
244
|
+
export interface ISignatureComponent extends IBaseFormComponent {
|
|
245
|
+
name: 'signature';
|
|
246
|
+
validation: IBaseFormComponent['validation'] & {
|
|
247
|
+
required?: boolean;
|
|
248
|
+
};
|
|
249
|
+
}
|
|
250
|
+
export interface ISectionComponent extends Omit<IBaseFormComponent, 'basic' | 'styles'> {
|
|
251
|
+
name: 'section';
|
|
252
|
+
basic: {
|
|
253
|
+
label: string;
|
|
254
|
+
description: string;
|
|
255
|
+
collapsed: boolean;
|
|
256
|
+
};
|
|
257
|
+
children: FormComponentType[];
|
|
258
|
+
styles: IBaseFormComponent['styles'] & {
|
|
259
|
+
backgroundColor: string;
|
|
260
|
+
borderColor: string;
|
|
261
|
+
borderWidth: string;
|
|
262
|
+
borderRadius: string;
|
|
263
|
+
padding: string;
|
|
264
|
+
margin: string;
|
|
265
|
+
};
|
|
266
|
+
}
|
|
267
|
+
export interface ITableComponent extends Omit<IBaseFormComponent, 'basic' | 'styles'> {
|
|
268
|
+
name: 'table';
|
|
269
|
+
basic: {
|
|
270
|
+
label: string;
|
|
271
|
+
description: string;
|
|
272
|
+
rows: number;
|
|
273
|
+
columns: number;
|
|
274
|
+
};
|
|
275
|
+
table: {
|
|
276
|
+
rows: number;
|
|
277
|
+
columns: number;
|
|
278
|
+
displayAsTable: boolean;
|
|
279
|
+
columnNames: string;
|
|
280
|
+
showColumns: boolean;
|
|
281
|
+
};
|
|
282
|
+
cells: TableCell[][];
|
|
283
|
+
styles: IBaseFormComponent['styles'] & {
|
|
284
|
+
backgroundColor: string;
|
|
285
|
+
borderColor: string;
|
|
286
|
+
borderWidth: string;
|
|
287
|
+
borderRadius: string;
|
|
288
|
+
padding: string;
|
|
289
|
+
margin: string;
|
|
290
|
+
headerBackgroundColor?: string;
|
|
291
|
+
headerTextColor?: string;
|
|
292
|
+
};
|
|
293
|
+
}
|
|
294
|
+
export interface IDataGridComponent extends Omit<IBaseFormComponent, 'basic' | 'styles'> {
|
|
295
|
+
name: 'datagrid';
|
|
296
|
+
basic: {
|
|
297
|
+
label: string;
|
|
298
|
+
description: string;
|
|
299
|
+
collapsed?: boolean;
|
|
300
|
+
};
|
|
301
|
+
datagrid: {
|
|
302
|
+
maxEntries: number;
|
|
303
|
+
minEntries: number;
|
|
304
|
+
allowAddRemoveEntries: boolean;
|
|
305
|
+
addAnotherText: string;
|
|
306
|
+
removeText: string;
|
|
307
|
+
displayAsGrid: boolean;
|
|
308
|
+
};
|
|
309
|
+
templateComponents: FormComponentType[];
|
|
310
|
+
entries: DataGridEntry[];
|
|
311
|
+
styles: IBaseFormComponent['styles'] & {
|
|
312
|
+
backgroundColor: string;
|
|
313
|
+
borderColor: string;
|
|
314
|
+
borderWidth: string;
|
|
315
|
+
borderRadius: string;
|
|
316
|
+
padding: string;
|
|
317
|
+
margin: string;
|
|
318
|
+
};
|
|
319
|
+
}
|
|
320
|
+
export interface DataGridEntry {
|
|
321
|
+
id: string;
|
|
322
|
+
index: number;
|
|
323
|
+
components: FormComponentType[];
|
|
324
|
+
styles?: {
|
|
325
|
+
backgroundColor?: string;
|
|
326
|
+
borderColor?: string;
|
|
327
|
+
padding?: string;
|
|
328
|
+
minHeight?: string;
|
|
329
|
+
verticalAlign?: 'top' | 'middle' | 'bottom';
|
|
330
|
+
};
|
|
331
|
+
}
|
|
332
|
+
export interface TableCell {
|
|
333
|
+
id: string;
|
|
334
|
+
row: number;
|
|
335
|
+
column: number;
|
|
336
|
+
components: FormComponentType[];
|
|
337
|
+
styles?: {
|
|
338
|
+
backgroundColor?: string;
|
|
339
|
+
borderColor?: string;
|
|
340
|
+
padding?: string;
|
|
341
|
+
minHeight?: string;
|
|
342
|
+
verticalAlign?: 'top' | 'middle' | 'bottom';
|
|
343
|
+
};
|
|
344
|
+
}
|
|
345
|
+
export type FormComponentType = ITextInputComponent | INumberInputComponent | IEmailInputComponent | ITextareaComponent | ISelectComponent | IRadioComponent | ICheckboxComponent | ISegmentComponent | IDateComponent | IDatePickerComponent | IDateTimePickerComponent | IFileComponent | IFileUploadComponent | ILocationComponent | IHeadingComponent | IDividerComponent | IInstructionComponent | ISignatureComponent | ISectionComponent | ITableComponent | IDataGridComponent;
|
|
346
|
+
export interface FormComponentProps {
|
|
347
|
+
id: string;
|
|
348
|
+
properties: FormComponentType;
|
|
349
|
+
validationErrors?: IFormValidationErrors;
|
|
350
|
+
formValue?: any;
|
|
351
|
+
inputType?: TInputComponentType;
|
|
352
|
+
readonly?: boolean;
|
|
353
|
+
disabled?: boolean;
|
|
354
|
+
touchedFields?: Record<string, boolean>;
|
|
355
|
+
formSubmitted?: boolean;
|
|
356
|
+
mode?: 'edit' | 'preview' | 'test';
|
|
357
|
+
onValueChange?: (change: IFormControlChange) => void;
|
|
358
|
+
onBlur?: () => void;
|
|
359
|
+
onFocus?: () => void;
|
|
360
|
+
onSelect?: () => void;
|
|
361
|
+
isSelected?: boolean;
|
|
362
|
+
className?: string;
|
|
363
|
+
hideLabel?: boolean;
|
|
364
|
+
}
|
|
365
|
+
export interface ErrorMessageProps {
|
|
366
|
+
validationErrors: IFormValidationErrors;
|
|
367
|
+
fieldId: string;
|
|
368
|
+
control?: any;
|
|
369
|
+
inputType?: TInputComponentType;
|
|
370
|
+
touchedFields: Record<string, boolean>;
|
|
371
|
+
formSubmitted: boolean;
|
|
372
|
+
properties: FormComponentType;
|
|
373
|
+
localValidation?: {
|
|
374
|
+
isValid: boolean;
|
|
375
|
+
errors: Record<string, any>;
|
|
376
|
+
};
|
|
377
|
+
isTouched?: boolean;
|
|
378
|
+
mode?: 'edit' | 'preview' | 'test';
|
|
379
|
+
}
|
|
380
|
+
export interface ValidationRule {
|
|
381
|
+
type: 'required' | 'minLength' | 'maxLength' | 'min' | 'max' | 'lowerLimit' | 'upperLimit' | 'pattern' | 'email' | 'custom';
|
|
382
|
+
value?: any;
|
|
383
|
+
message?: string;
|
|
384
|
+
}
|
|
385
|
+
export interface ValidationResult {
|
|
386
|
+
isValid: boolean;
|
|
387
|
+
errors: Record<string, string>;
|
|
388
|
+
}
|
|
389
|
+
//# sourceMappingURL=df-form-preview-interfaces.d.ts.map
|