@syncfusion/ej2-react-form-builder 0.1.0-beta

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.
Files changed (145) hide show
  1. package/Common/CheckboxGroup.d.ts +13 -0
  2. package/Common/CheckboxGroup.js +50 -0
  3. package/Common/ConditionalRuleEngine.d.ts +296 -0
  4. package/Common/ConditionalRuleEngine.js +566 -0
  5. package/Common/CustomTabComponent.d.ts +17 -0
  6. package/Common/CustomTabComponent.js +30 -0
  7. package/Common/CustomValidationEngine.d.ts +58 -0
  8. package/Common/CustomValidationEngine.js +146 -0
  9. package/Common/DataGridComponent.d.ts +20 -0
  10. package/Common/DataGridComponent.js +273 -0
  11. package/Common/FormValidator.d.ts +485 -0
  12. package/Common/FormValidator.js +575 -0
  13. package/Common/MinMaxRuleEngine.d.ts +105 -0
  14. package/Common/MinMaxRuleEngine.js +365 -0
  15. package/Common/StaticHtmlRenderer.d.ts +14 -0
  16. package/Common/StaticHtmlRenderer.js +24 -0
  17. package/Common/expressions/DependencyTracker.d.ts +30 -0
  18. package/Common/expressions/DependencyTracker.js +128 -0
  19. package/Common/expressions/ExpressionEngine.d.ts +95 -0
  20. package/Common/expressions/ExpressionEngine.js +506 -0
  21. package/Common/expressions/ExpressionParser.d.ts +41 -0
  22. package/Common/expressions/ExpressionParser.js +269 -0
  23. package/Common/expressions/useGridExpressions.d.ts +12 -0
  24. package/Common/expressions/useGridExpressions.js +71 -0
  25. package/Common/globalFormId.d.ts +26 -0
  26. package/Common/globalFormId.js +45 -0
  27. package/Common/json-converter.d.ts +444 -0
  28. package/Common/json-converter.js +1184 -0
  29. package/Common/parser.d.ts +98 -0
  30. package/Common/parser.js +753 -0
  31. package/Common/utils.d.ts +130 -0
  32. package/Common/utils.js +574 -0
  33. package/README.md +53 -0
  34. package/index.d.ts +6 -0
  35. package/index.js +6 -0
  36. package/license +13 -0
  37. package/package.json +54 -0
  38. package/src/FormBuilder.d.ts +211 -0
  39. package/src/FormBuilder.js +1299 -0
  40. package/src/components/Database/ConnectionForm.d.ts +8 -0
  41. package/src/components/Database/ConnectionForm.js +28 -0
  42. package/src/components/TopBar.d.ts +10 -0
  43. package/src/components/TopBar.js +7 -0
  44. package/src/components/icons/ComponentIcons.d.ts +44 -0
  45. package/src/components/icons/ComponentIcons.js +40 -0
  46. package/src/components/layout/FormFieldWrapper.d.ts +41 -0
  47. package/src/components/layout/FormFieldWrapper.js +112 -0
  48. package/src/components/layout/LeftPane.d.ts +23 -0
  49. package/src/components/layout/LeftPane.js +310 -0
  50. package/src/components/layout/ListBoxPane.d.ts +24 -0
  51. package/src/components/layout/ListBoxPane.js +94 -0
  52. package/src/components/layout/MainSection.d.ts +39 -0
  53. package/src/components/layout/MainSection.js +1766 -0
  54. package/src/components/layout/Preview.d.ts +12 -0
  55. package/src/components/layout/Preview.js +337 -0
  56. package/src/components/layout/RightPane.d.ts +22 -0
  57. package/src/components/layout/RightPane.js +370 -0
  58. package/src/components/theme/ThemeSwitcher.d.ts +14 -0
  59. package/src/components/theme/ThemeSwitcher.js +24 -0
  60. package/src/components/theme/theme-constant.d.ts +37 -0
  61. package/src/components/theme/theme-constant.js +23 -0
  62. package/src/config/component-properties.json +4929 -0
  63. package/src/config/form-setting.json +56 -0
  64. package/src/config/locale.d.ts +449 -0
  65. package/src/config/locale.js +449 -0
  66. package/src/context/FormSchemaContext.d.ts +32 -0
  67. package/src/context/FormSchemaContext.js +155 -0
  68. package/src/context/LocalizationContext.d.ts +27 -0
  69. package/src/context/LocalizationContext.js +43 -0
  70. package/src/context/ThemeContext.d.ts +23 -0
  71. package/src/context/ThemeContext.js +161 -0
  72. package/src/context/contexts.d.ts +6 -0
  73. package/src/context/contexts.js +6 -0
  74. package/src/context/defaultFormSchema.d.ts +6 -0
  75. package/src/context/defaultFormSchema.js +20 -0
  76. package/src/defaultPalette.d.ts +9 -0
  77. package/src/defaultPalette.js +45 -0
  78. package/src/defaultTemplate.d.ts +3 -0
  79. package/src/defaultTemplate.js +185 -0
  80. package/src/import/schemaImportUtils.d.ts +24 -0
  81. package/src/import/schemaImportUtils.js +121 -0
  82. package/src/index.d.ts +16 -0
  83. package/src/index.js +6 -0
  84. package/src/types/ActionButtons.d.ts +44 -0
  85. package/src/types/ActionButtons.js +27 -0
  86. package/src/types/ComponentProperties.d.ts +33 -0
  87. package/src/types/ComponentProperties.js +2 -0
  88. package/src/types/FormSchema.d.ts +585 -0
  89. package/src/types/FormSchema.js +147 -0
  90. package/src/types/connection.d.ts +19 -0
  91. package/src/types/connection.js +9 -0
  92. package/src/utils/AttributesEditor.d.ts +13 -0
  93. package/src/utils/AttributesEditor.js +117 -0
  94. package/src/utils/ButtonGroupEditor.d.ts +15 -0
  95. package/src/utils/ButtonGroupEditor.js +141 -0
  96. package/src/utils/ChoiceBasedFieldEditor.d.ts +16 -0
  97. package/src/utils/ChoiceBasedFieldEditor.js +87 -0
  98. package/src/utils/ClipboardHelper.d.ts +26 -0
  99. package/src/utils/ClipboardHelper.js +83 -0
  100. package/src/utils/ColumnBuilder.d.ts +11 -0
  101. package/src/utils/ColumnBuilder.js +153 -0
  102. package/src/utils/ColumnSpanEditor.d.ts +8 -0
  103. package/src/utils/ColumnSpanEditor.js +98 -0
  104. package/src/utils/ConditionDataEditor.d.ts +29 -0
  105. package/src/utils/ConditionDataEditor.js +177 -0
  106. package/src/utils/ConditionalEditorUtils.d.ts +27 -0
  107. package/src/utils/ConditionalEditorUtils.js +310 -0
  108. package/src/utils/ConditionsEditor.d.ts +20 -0
  109. package/src/utils/ConditionsEditor.js +571 -0
  110. package/src/utils/CustomAccordion.d.ts +13 -0
  111. package/src/utils/CustomAccordion.js +38 -0
  112. package/src/utils/CustomValidationEditor.d.ts +11 -0
  113. package/src/utils/CustomValidationEditor.js +208 -0
  114. package/src/utils/DataSourceCollector.d.ts +3 -0
  115. package/src/utils/DataSourceCollector.js +252 -0
  116. package/src/utils/ExpressionEditor.d.ts +13 -0
  117. package/src/utils/ExpressionEditor.js +99 -0
  118. package/src/utils/FormSettingsPanel.d.ts +9 -0
  119. package/src/utils/FormSettingsPanel.js +60 -0
  120. package/src/utils/LookupConfig.d.ts +11 -0
  121. package/src/utils/LookupConfig.js +159 -0
  122. package/src/utils/MinMaxValueEditor.d.ts +25 -0
  123. package/src/utils/MinMaxValueEditor.js +188 -0
  124. package/src/utils/OptionsEditor.d.ts +8 -0
  125. package/src/utils/OptionsEditor.js +79 -0
  126. package/src/utils/PropertyRenderer.d.ts +22 -0
  127. package/src/utils/PropertyRenderer.js +210 -0
  128. package/src/utils/ValueRenderer.d.ts +2 -0
  129. package/src/utils/ValueRenderer.js +91 -0
  130. package/src/utils/ej2DbAdaptor.d.ts +6 -0
  131. package/src/utils/ej2DbAdaptor.js +38 -0
  132. package/src/utils/mappingHeuristics.d.ts +10 -0
  133. package/src/utils/mappingHeuristics.js +33 -0
  134. package/src/utils/renderComponent.d.ts +18 -0
  135. package/src/utils/renderComponent.js +300 -0
  136. package/styles/tailwind3.css +67 -0
  137. package/styles/themes/action-buttons.css +110 -0
  138. package/styles/themes/datagrid.css +380 -0
  139. package/styles/themes/drag-reorder.css +248 -0
  140. package/styles/themes/import-dialog.css +292 -0
  141. package/styles/themes/index.css +658 -0
  142. package/styles/themes/left-pane.css +253 -0
  143. package/styles/themes/options-editor.css +63 -0
  144. package/styles/themes/preview.css +702 -0
  145. package/styles/themes/property-dialog.css +371 -0
@@ -0,0 +1,56 @@
1
+ {
2
+ "groups": [
3
+ {
4
+ "name": "Properties",
5
+ "properties": [
6
+ {
7
+ "key": "name",
8
+ "label": "title",
9
+ "type": "text",
10
+ "default": "Untitled Form"
11
+ },
12
+ {
13
+ "key": "width",
14
+ "label": "width",
15
+ "type": "text",
16
+ "default": "500px"
17
+ }
18
+ ]
19
+ },
20
+ {
21
+ "name": "Layout",
22
+ "properties": [
23
+ {
24
+ "key": "hideLabel",
25
+ "label": "hideLabel",
26
+ "type": "switch",
27
+ "default": false,
28
+ "description": "hideLabelDescription"
29
+ },
30
+ {
31
+ "key": "size",
32
+ "label": "size",
33
+ "type": "dropdown",
34
+ "default": "Default",
35
+ "options": [
36
+ "default",
37
+ "small",
38
+ "bigger"
39
+ ],
40
+ "description": "sizeDescription"
41
+ },
42
+ {
43
+ "key": "floatLabelType",
44
+ "label": "floatLabelType",
45
+ "type": "dropdown",
46
+ "default": "Never",
47
+ "options": [
48
+ "never",
49
+ "always"
50
+ ],
51
+ "description": "floatLabelTypeDescription"
52
+ }
53
+ ]
54
+ }
55
+ ]
56
+ }
@@ -0,0 +1,449 @@
1
+ export declare const defaultLocale: {
2
+ textbox: string;
3
+ textarea: string;
4
+ number: string;
5
+ checkbox: string;
6
+ checkboxGroup: string;
7
+ radio: string;
8
+ dropdown: string;
9
+ switch: string;
10
+ button: string;
11
+ splitButton: string;
12
+ date: string;
13
+ range: string;
14
+ timeRange: string;
15
+ dateTime: string;
16
+ time: string;
17
+ dateRange: string;
18
+ inputMask: string;
19
+ multiselect: string;
20
+ message: string;
21
+ panel: string;
22
+ card: string;
23
+ table: string;
24
+ tabs: string;
25
+ rating: string;
26
+ lookup: string;
27
+ html: string;
28
+ staticHtml: string;
29
+ autoNumber: string;
30
+ imageEditor: string;
31
+ colorPicker: string;
32
+ fileUpload: string;
33
+ rangeSlider: string;
34
+ signature: string;
35
+ dataGrid: string;
36
+ richTextEditor: string;
37
+ loginForm: string;
38
+ feedbackSurvey: string;
39
+ registrationForm: string;
40
+ basic: string;
41
+ behaviour: string;
42
+ advanced: string;
43
+ layout: string;
44
+ templates: string;
45
+ build: string;
46
+ name: string;
47
+ title: string;
48
+ description: string;
49
+ prefix: string;
50
+ suffix: string;
51
+ preview: string;
52
+ import: string;
53
+ importJson: string;
54
+ export: string;
55
+ small: string;
56
+ bigger: string;
57
+ clear: string;
58
+ copy: string;
59
+ delete: string;
60
+ cancel: string;
61
+ json: string;
62
+ jsonCode: string;
63
+ fromFile: string;
64
+ fromUrl: string;
65
+ save: string;
66
+ validate: string;
67
+ fetching: string;
68
+ validating: string;
69
+ properties: string;
70
+ display: string;
71
+ copyCode: string;
72
+ resetForm: string;
73
+ editForm: string;
74
+ jsonview: string;
75
+ previewForm: string;
76
+ conditions: string;
77
+ addRule: string;
78
+ conditionsEditorLabel: string;
79
+ dataSchema: string;
80
+ uiSchema: string;
81
+ columns: string;
82
+ validation: string;
83
+ selectionType: string;
84
+ displayFormat: string;
85
+ lookupConfig: string;
86
+ importexport: string;
87
+ enableImportFromWord: string;
88
+ enableExportToWord: string;
89
+ enableExportToPdf: string;
90
+ importFromWordUrlPlaceholder: string;
91
+ exportToWordUrlPlaceholder: string;
92
+ exportToPdfUrlPlaceholder: string;
93
+ single: string;
94
+ multiple: string;
95
+ emptyFieldSetState: string;
96
+ startBuildingForm: string;
97
+ dragFieldsHint: string;
98
+ dropToAddField: string;
99
+ releaseToAddField: string;
100
+ index: string;
101
+ search: string;
102
+ fields: string;
103
+ fieldSettings: string;
104
+ formsettings: string;
105
+ columnSettings: string;
106
+ visibility: string;
107
+ visible: string;
108
+ publish: string;
109
+ draft: string;
110
+ closed: string;
111
+ visibility_publish_description: string;
112
+ visibility_draft_description: string;
113
+ visibility_closed_description: string;
114
+ visibility_closed_warning: string;
115
+ optionLabel: string;
116
+ tabLabel: string;
117
+ action: string;
118
+ attributeName: string;
119
+ attributeValue: string;
120
+ buttonLabel: string;
121
+ buttonType: string;
122
+ buttonStyle: string;
123
+ iconCss: string;
124
+ iconPosition: string;
125
+ disabled: string;
126
+ tab: string;
127
+ "Tab 1": string;
128
+ "Option 1": string;
129
+ cell: string;
130
+ option: string;
131
+ addNewTab: string;
132
+ addNewOption: string;
133
+ addAttribute: string;
134
+ addButton: string;
135
+ addColumn: string;
136
+ addRange: string;
137
+ addHeader: string;
138
+ addFilter: string;
139
+ addCondition: string;
140
+ column: string;
141
+ deleteColumn: string;
142
+ fieldName: string;
143
+ headerText: string;
144
+ type: string;
145
+ width: string;
146
+ primaryKey: string;
147
+ string: string;
148
+ boolean: string;
149
+ selectType: string;
150
+ uniqueFieldIdentifier: string;
151
+ columnHeaderDisplay: string;
152
+ columnWidthPlaceholder: string;
153
+ validationRulesFor: string;
154
+ required: string;
155
+ anotherPrimaryKeySet: string;
156
+ minLength: string;
157
+ maxLength: string;
158
+ minimumCharacters: string;
159
+ maximumCharacters: string;
160
+ minValue: string;
161
+ maxValue: string;
162
+ minimumValue: string;
163
+ maximumValue: string;
164
+ minDate: string;
165
+ maxDate: string;
166
+ importFormSchemaFromFile: string;
167
+ importFormSchema: string;
168
+ importFormSchemaFromUrls: string;
169
+ importSplitSchemas: string;
170
+ uploadSplitSchemas: string;
171
+ enterUrlsSplitSchemas: string;
172
+ dataSchemaImport: string;
173
+ uiSchemaImport: string;
174
+ containsFieldDefinitions: string;
175
+ containsThemeLayout: string;
176
+ dataSchemaUrl: string;
177
+ uiSchemaUrl: string;
178
+ addTagOnBlur: string;
179
+ addTabs: string;
180
+ alignment: string;
181
+ allowAdding: string;
182
+ allowFiltering: string;
183
+ allowCustomValue: string;
184
+ allowDeleting: string;
185
+ allowEditing: string;
186
+ allowExtensions: string;
187
+ allowMultiple: string;
188
+ allowPaging: string;
189
+ allowReset: string;
190
+ autocomplete: string;
191
+ backgroundColor: string;
192
+ buttons: string;
193
+ buttonsConfiguration: string;
194
+ cssClass: string;
195
+ calendarMode: string;
196
+ simple: string;
197
+ developer: string;
198
+ simpleMode: string;
199
+ developerMode: string;
200
+ calendarViewDepth: string;
201
+ cardSubtitle: string;
202
+ cardTitle: string;
203
+ checkboxLabelPosition: string;
204
+ checkboxOptions: string;
205
+ checked: string;
206
+ cols: string;
207
+ columnDefinitions: string;
208
+ containerWidth: string;
209
+ columnWidth: string;
210
+ setTableColumnWidth: string;
211
+ content: string;
212
+ currencyCode: string;
213
+ dayHeaderFormat: string;
214
+ delimiterCharacter: string;
215
+ enableHtmlSanitizer: string;
216
+ enableMultiple: string;
217
+ enableOpacity: string;
218
+ enableVirtualization: string;
219
+ fieldLabelPosition: string;
220
+ floatLabelType: string;
221
+ format: string;
222
+ gapBetweenButtons: string;
223
+ htmlAttributes: string;
224
+ htmlContent: string;
225
+ height: string;
226
+ hideBorder: string;
227
+ hideLabel: string;
228
+ iconCssClass: string;
229
+ indeterminate: string;
230
+ dataSource: string;
231
+ data: string;
232
+ initialView: string;
233
+ items: string;
234
+ itemsCount: string;
235
+ label: string;
236
+ labelPosition: string;
237
+ labelWidth: string;
238
+ layoutDirection: string;
239
+ mask: string;
240
+ maximumDate: string;
241
+ maximumFileSize: string;
242
+ maximumLength: string;
243
+ maximumStrokeWidth: string;
244
+ maximumTime: string;
245
+ minimum: string;
246
+ minimumDate: string;
247
+ minimumFileSize: string;
248
+ minimumLength: string;
249
+ minimumStrokeWidth: string;
250
+ minimumTime: string;
251
+ multiline: string;
252
+ on: string;
253
+ off: string;
254
+ offText: string;
255
+ onText: string;
256
+ options: string;
257
+ pageSize: string;
258
+ size: string;
259
+ placeholder: string;
260
+ popupHeight: string;
261
+ popupWidth: string;
262
+ promptCharacter: string;
263
+ ratingLabelPosition: string;
264
+ readOnly: string;
265
+ regularExpressionPattern: string;
266
+ removeUrl: string;
267
+ rows: string;
268
+ saveUrl: string;
269
+ selectAllText: string;
270
+ severity: string;
271
+ showButtons: string;
272
+ showClearButton: string;
273
+ showCloseIcon: string;
274
+ showDropdownIcon: string;
275
+ showFileList: string;
276
+ showIcon: string;
277
+ showNoColor: string;
278
+ showRatingLabel: string;
279
+ showRatingTooltip: string;
280
+ showRecentColors: string;
281
+ showSelectAll: string;
282
+ showTodayButton: string;
283
+ spacingBetweenItems: string;
284
+ step: string;
285
+ strokeColor: string;
286
+ style: string;
287
+ tooltip: string;
288
+ unselectAllText: string;
289
+ validateOn: string;
290
+ validationMessage: string;
291
+ value: string;
292
+ variant: string;
293
+ velocity: string;
294
+ visualMode: string;
295
+ startIndex: string;
296
+ startIndexDescription: string;
297
+ charForPlaceholder: string;
298
+ enterHtmlCode: string;
299
+ allowedExtensionsFormat: string;
300
+ pasteJsonArrayRecords: string;
301
+ provideCustomValidationMessage: string;
302
+ providePlaceholder: string;
303
+ provideDescription: string;
304
+ providePrefix: string;
305
+ provideSuffix: string;
306
+ selectDatePlaceholder: string;
307
+ selectInitialDateTime: string;
308
+ selectInitialTime: string;
309
+ selectMaximumDate: string;
310
+ selectMaximumTime: string;
311
+ selectMinimumDate: string;
312
+ selectMinimumTime: string;
313
+ selectStartEndDates: string;
314
+ percentageCalculationHint: string;
315
+ phoneFormatExample: string;
316
+ timeFormatEvening: string;
317
+ timeFormatMorning: string;
318
+ widthFormatFlexible: string;
319
+ widthFormatExample1: string;
320
+ widthFormatExample2: string;
321
+ dimensionFormatExample1: string;
322
+ dimensionFormatExample2: string;
323
+ dimensionFormatExample3: string;
324
+ dimensionFormatExample4: string;
325
+ spacingFormatExample1: string;
326
+ spacingFormatExample2: string;
327
+ currencyCodeExample: string;
328
+ arrayItemsExample: string;
329
+ dataAttributeExample1: string;
330
+ dataAttributeExample2: string;
331
+ cssIconExample: string;
332
+ numberFormatExample: string;
333
+ abbreviated: string;
334
+ headers: string;
335
+ headerKey: string;
336
+ endpointUrl: string;
337
+ enterUrl: string;
338
+ queryConfiguration: string;
339
+ adaptorType: string;
340
+ dataPath: string;
341
+ dataPathPlaceholder: string;
342
+ addQueryParams: string;
343
+ enableSearch: string;
344
+ queryParameterName: string;
345
+ fieldToSearch: string;
346
+ fieldsToSearchIn: string;
347
+ sort: string;
348
+ enableSort: string;
349
+ fieldToSortBy: string;
350
+ ascending: string;
351
+ descending: string;
352
+ filters: string;
353
+ fieldStatus: string;
354
+ offset: string;
355
+ limit: string;
356
+ skipOffset: string;
357
+ takeLimit: string;
358
+ after: string;
359
+ always: string;
360
+ defaultTabValue: string;
361
+ defaultOptionValue: string;
362
+ auto: string;
363
+ before: string;
364
+ blur: string;
365
+ bottom: string;
366
+ box: string;
367
+ center: string;
368
+ change: string;
369
+ decade: string;
370
+ default: string;
371
+ delimiter: string;
372
+ email: string;
373
+ error: string;
374
+ filled: string;
375
+ flat: string;
376
+ gregorian: string;
377
+ information: string;
378
+ islamic: string;
379
+ left: string;
380
+ month: string;
381
+ narrow: string;
382
+ never: string;
383
+ outlined: string;
384
+ password: string;
385
+ primary: string;
386
+ reset: string;
387
+ right: string;
388
+ row: string;
389
+ selectAll: string;
390
+ short: string;
391
+ standard: string;
392
+ submit: string;
393
+ success: string;
394
+ text: string;
395
+ top: string;
396
+ unselectAll: string;
397
+ url: string;
398
+ warning: string;
399
+ wide: string;
400
+ year: string;
401
+ n2: string;
402
+ tags: string;
403
+ rawData: string;
404
+ remoteUrl: string;
405
+ selectFormName: string;
406
+ selectField: string;
407
+ selectFormSubmissions: string;
408
+ creatorsettings: string;
409
+ condition: string;
410
+ expression: string;
411
+ expressionDesc: string;
412
+ expressionPlaceholder: string;
413
+ useFieldValue: string;
414
+ conditionalVisibility: string;
415
+ conditionalHide: string;
416
+ conditionalVisibilityDescription: string;
417
+ conditionalHideDescription: string;
418
+ conditionalReadOnly: string;
419
+ conditionalRequired: string;
420
+ conditionalRequiredDescription: string;
421
+ conditionalSetValue: string;
422
+ conditionalSetValueDescription: string;
423
+ setValue: string;
424
+ conditionalReadOnlyDescription: string;
425
+ conditionalDisable: string;
426
+ conditionalDisableDescription: string;
427
+ configureCheckboxGroupOptions: string;
428
+ configureDropdownOptions: string;
429
+ configureMultiselectOptions: string;
430
+ configureRadioButtonOptions: string;
431
+ configureSplitButtonItems: string;
432
+ choiceBasedField: string;
433
+ choiceBasedFieldDescription: string;
434
+ selectPrimaryField: string;
435
+ selectPrimaryOption: string;
436
+ selectDependentOptions: string;
437
+ defineGridColumnsWithValidation: string;
438
+ enableVirtualScrollingForLargeData: string;
439
+ hideLabelDescription: string;
440
+ sizeDescription: string;
441
+ floatLabelTypeDescription: string;
442
+ conditionalData: string;
443
+ customizeColumns: string;
444
+ conditionalDataDescription: string;
445
+ conditionalDataConditionDescription: string;
446
+ customValidation: string;
447
+ customValidationErrorMessage: string;
448
+ customValidationDescription: string;
449
+ };