@syncfusion/ej2-react-form-renderer 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 (48) hide show
  1. package/README.md +148 -0
  2. package/index.d.ts +6 -0
  3. package/index.js +6 -0
  4. package/license +13 -0
  5. package/package.json +49 -0
  6. package/src/CheckboxGroup.d.ts +12 -0
  7. package/src/CheckboxGroup.js +48 -0
  8. package/src/CustomTabComponent.d.ts +13 -0
  9. package/src/CustomTabComponent.js +35 -0
  10. package/src/DataGridComponent.d.ts +29 -0
  11. package/src/DataGridComponent.js +160 -0
  12. package/src/FormRenderer.d.ts +63 -0
  13. package/src/FormRenderer.js +567 -0
  14. package/src/FormValidator.d.ts +479 -0
  15. package/src/FormValidator.js +579 -0
  16. package/src/StaticHtmlRenderer.d.ts +8 -0
  17. package/src/StaticHtmlRenderer.js +21 -0
  18. package/src/index.d.ts +6 -0
  19. package/src/index.js +6 -0
  20. package/src/json-converter.d.ts +170 -0
  21. package/src/json-converter.js +1180 -0
  22. package/src/parser.d.ts +99 -0
  23. package/src/parser.js +749 -0
  24. package/src/renderFormField.d.ts +19 -0
  25. package/src/renderFormField.js +202 -0
  26. package/src/types/FormSchema.d.ts +177 -0
  27. package/src/types/FormSchema.js +1 -0
  28. package/src/utils.js +60 -0
  29. package/styles/bootstrap-dark.css +26 -0
  30. package/styles/bootstrap.css +26 -0
  31. package/styles/bootstrap4.css +26 -0
  32. package/styles/bootstrap5-dark.css +26 -0
  33. package/styles/bootstrap5.3-dark.css +26 -0
  34. package/styles/bootstrap5.3.css +26 -0
  35. package/styles/bootstrap5.css +26 -0
  36. package/styles/fluent-dark.css +26 -0
  37. package/styles/fluent.css +26 -0
  38. package/styles/fluent2-dark.css +26 -0
  39. package/styles/fluent2.css +26 -0
  40. package/styles/form-renderer.base.css +473 -0
  41. package/styles/material-dark.css +26 -0
  42. package/styles/material.css +26 -0
  43. package/styles/material3-dark.css +26 -0
  44. package/styles/material3.css +26 -0
  45. package/styles/tailwind-dark.css +26 -0
  46. package/styles/tailwind.css +26 -0
  47. package/styles/tailwind3-dark.css +10 -0
  48. package/styles/tailwind3.css +26 -0
package/styles/material3.css ADDED
@@ -0,0 +1,26 @@
1
+ @import '@syncfusion/ej2-base/styles/material3.css';
2
+ @import '@syncfusion/ej2-buttons/styles/material3.css';
3
+ @import '@syncfusion/ej2-inputs/styles/material3.css';
4
+ @import '@syncfusion/ej2-dropdowns/styles/material3.css';
5
+ @import '@syncfusion/ej2-calendars/styles/material3.css';
6
+ @import '@syncfusion/ej2-react-calendars/styles/material3.css';
7
+ @import '@syncfusion/ej2-navigations/styles/material3.css';
8
+ @import '@syncfusion/ej2-notifications/styles/material3.css';
9
+ @import '@syncfusion/ej2-popups/styles/material3.css';
10
+ @import '@syncfusion/ej2-lists/styles/material3.css';
11
+ @import '@syncfusion/ej2-splitbuttons/styles/material3.css';
12
+ @import "@syncfusion/ej2-react-popups/styles/material3.css";
13
+ @import "@syncfusion/ej2-react-grids/styles/material3.css";
14
+ @import "@syncfusion/ej2-splitbuttons/styles/material3.css";
15
+ @import "@syncfusion/ej2-image-editor/styles/material3.css";
16
+ @import "@syncfusion/ej2-layouts/styles/material3.css";
17
+ @import '@syncfusion/ej2-richtexteditor/styles/material3.css';
18
+ @import 'form-renderer.base.css';
19
+
20
+ :root {
21
+ --sf-bg-color: #ffffff;
22
+ --sf-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
23
+ --sf-text-color: rgb(28, 27, 31);
24
+ --sf-tooltip-text-color: rgb(73, 69, 78);
25
+ --sf-layout-border-color: rgb(196, 199, 197);
26
+ }
package/styles/tailwind-dark.css ADDED
@@ -0,0 +1,26 @@
1
+ @import '@syncfusion/ej2-base/styles/tailwind-dark.css';
2
+ @import '@syncfusion/ej2-buttons/styles/tailwind-dark.css';
3
+ @import '@syncfusion/ej2-inputs/styles/tailwind-dark.css';
4
+ @import '@syncfusion/ej2-dropdowns/styles/tailwind-dark.css';
5
+ @import '@syncfusion/ej2-calendars/styles/tailwind-dark.css';
6
+ @import '@syncfusion/ej2-react-calendars/styles/tailwind-dark.css';
7
+ @import '@syncfusion/ej2-navigations/styles/tailwind-dark.css';
8
+ @import '@syncfusion/ej2-notifications/styles/tailwind-dark.css';
9
+ @import '@syncfusion/ej2-popups/styles/tailwind-dark.css';
10
+ @import '@syncfusion/ej2-lists/styles/tailwind-dark.css';
11
+ @import '@syncfusion/ej2-splitbuttons/styles/tailwind-dark.css';
12
+ @import "@syncfusion/ej2-react-popups/styles/tailwind-dark.css";
13
+ @import "@syncfusion/ej2-react-grids/styles/tailwind-dark.css";
14
+ @import "@syncfusion/ej2-splitbuttons/styles/tailwind-dark.css";
15
+ @import "@syncfusion/ej2-image-editor/styles/tailwind-dark.css";
16
+ @import "@syncfusion/ej2-layouts/styles/tailwind-dark.css";
17
+ @import '@syncfusion/ej2-richtexteditor/styles/tailwind-dark.css';
18
+ @import 'form-renderer.base.css';
19
+
20
+ :root {
21
+ --sf-bg-color: #1f2937;
22
+ --sf-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji';
23
+ --sf-text-color: #fff;
24
+ --sf-tooltip-text-color: #d1d5db;
25
+ --sf-layout-border-color: #4b5563;
26
+ }
package/styles/tailwind.css ADDED
@@ -0,0 +1,26 @@
1
+ @import '@syncfusion/ej2-base/styles/tailwind.css';
2
+ @import '@syncfusion/ej2-buttons/styles/tailwind.css';
3
+ @import '@syncfusion/ej2-inputs/styles/tailwind.css';
4
+ @import '@syncfusion/ej2-dropdowns/styles/tailwind.css';
5
+ @import '@syncfusion/ej2-calendars/styles/tailwind.css';
6
+ @import '@syncfusion/ej2-react-calendars/styles/tailwind.css';
7
+ @import '@syncfusion/ej2-navigations/styles/tailwind.css';
8
+ @import '@syncfusion/ej2-notifications/styles/tailwind.css';
9
+ @import '@syncfusion/ej2-popups/styles/tailwind.css';
10
+ @import '@syncfusion/ej2-lists/styles/tailwind.css';
11
+ @import '@syncfusion/ej2-splitbuttons/styles/tailwind.css';
12
+ @import "@syncfusion/ej2-react-popups/styles/tailwind.css";
13
+ @import "@syncfusion/ej2-react-grids/styles/tailwind.css";
14
+ @import "@syncfusion/ej2-splitbuttons/styles/tailwind.css";
15
+ @import "@syncfusion/ej2-image-editor/styles/tailwind.css";
16
+ @import "@syncfusion/ej2-layouts/styles/tailwind.css";
17
+ @import '@syncfusion/ej2-richtexteditor/styles/tailwind.css';
18
+ @import 'form-renderer.base.css';
19
+
20
+ :root {
21
+ --sf-bg-color: #ffffff;
22
+ --sf-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji';
23
+ --sf-text-color: #111827;
24
+ --sf-tooltip-text-color: #6b7280;
25
+ --sf-layout-border-color: #e5e7eb;
26
+ }
package/styles/tailwind3-dark.css ADDED
@@ -0,0 +1,10 @@
1
+ @import '@syncfusion/ej2-tailwind3-dark-theme/styles/tailwind3-dark.css';
2
+ @import 'form-renderer.base.css';
3
+
4
+ :root {
5
+ --sf-bg-color: rgba(17, 24, 39);
6
+ --sf-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji';
7
+ --sf-text-color: #fff;
8
+ --sf-tooltip-text-color: #d1d5db;
9
+ --sf-layout-border-color: #282f3c;
10
+ }
package/styles/tailwind3.css ADDED
@@ -0,0 +1,26 @@
1
+ @import '@syncfusion/ej2-base/styles/tailwind3.css';
2
+ @import '@syncfusion/ej2-buttons/styles/tailwind3.css';
3
+ @import '@syncfusion/ej2-inputs/styles/tailwind3.css';
4
+ @import '@syncfusion/ej2-dropdowns/styles/tailwind3.css';
5
+ @import '@syncfusion/ej2-calendars/styles/tailwind3.css';
6
+ @import '@syncfusion/ej2-react-calendars/styles/tailwind3.css';
7
+ @import '@syncfusion/ej2-navigations/styles/tailwind3.css';
8
+ @import '@syncfusion/ej2-notifications/styles/tailwind3.css';
9
+ @import '@syncfusion/ej2-popups/styles/tailwind3.css';
10
+ @import '@syncfusion/ej2-lists/styles/tailwind3.css';
11
+ @import '@syncfusion/ej2-splitbuttons/styles/tailwind3.css';
12
+ @import "@syncfusion/ej2-react-popups/styles/tailwind3.css";
13
+ @import "@syncfusion/ej2-react-grids/styles/tailwind3.css";
14
+ @import "@syncfusion/ej2-splitbuttons/styles/tailwind3.css";
15
+ @import "@syncfusion/ej2-image-editor/styles/tailwind3.css";
16
+ @import "@syncfusion/ej2-layouts/styles/tailwind3.css";
17
+ @import '@syncfusion/ej2-richtexteditor/styles/tailwind3.css';
18
+ @import 'form-renderer.base.css';
19
+
20
+ :root {
21
+ --sf-bg-color: #ffffff;
22
+ --sf-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji';
23
+ --sf-text-color: #111827;
24
+ --sf-tooltip-text-color: #6b7280;
25
+ --sf-layout-border-color: #e5e7eb;
26
+ }