@digigov/form 0.10.8 → 0.10.9

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 (138) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/Form.stories.playwright.json +0 -72
  3. package/FormBuilder/FormBuilder.mdx +1 -1
  4. package/MultiplicityField/__stories__/PreviewDisplay.js +6 -6
  5. package/Questions/__stories__/Default.js +2 -2
  6. package/Questions/index.mdx +1 -1
  7. package/es/Form.stories.playwright.json +0 -72
  8. package/es/FormBuilder/FormBuilder.mdx +1 -1
  9. package/es/MultiplicityField/__stories__/PreviewDisplay.js +6 -6
  10. package/es/Questions/__stories__/Default.js +1 -1
  11. package/es/Questions/index.mdx +1 -1
  12. package/esm/Form.stories.playwright.json +0 -72
  13. package/esm/FormBuilder/FormBuilder.mdx +1 -1
  14. package/esm/MultiplicityField/__stories__/PreviewDisplay.js +6 -6
  15. package/esm/Questions/__stories__/Default.js +1 -1
  16. package/esm/Questions/index.mdx +1 -1
  17. package/esm/index.js +1 -1
  18. package/package.json +4 -4
  19. package/src/Field/FieldBase.tsx +99 -0
  20. package/src/Field/FieldBaseContainer.tsx +57 -0
  21. package/src/Field/FieldConditional.tsx +75 -0
  22. package/src/Field/index.mdx +6 -0
  23. package/src/Field/index.tsx +92 -0
  24. package/src/Field/types.tsx +102 -0
  25. package/src/Field/utils.ts +164 -0
  26. package/src/FieldArray/FieldArray.stories.js +8 -0
  27. package/src/FieldArray/FieldArray.stories.playwright.json +353 -0
  28. package/src/FieldArray/__stories__/Default.tsx +95 -0
  29. package/src/FieldArray/__stories__/WithExactLength.tsx +95 -0
  30. package/src/FieldArray/index.tsx +83 -0
  31. package/src/FieldObject/index.tsx +92 -0
  32. package/src/Fieldset/FieldsetWithContext.tsx +41 -0
  33. package/src/Fieldset/index.tsx +40 -0
  34. package/src/Fieldset/types.tsx +6 -0
  35. package/src/Form.stories.js +5 -0
  36. package/src/Form.stories.playwright.json +71 -0
  37. package/src/FormBuilder/FormBuilder.mdx +271 -0
  38. package/src/FormBuilder/FormBuilder.stories.js +7 -0
  39. package/src/FormBuilder/FormBuilder.stories.playwright.json +52 -0
  40. package/src/FormBuilder/FormBuilder.tsx +165 -0
  41. package/src/FormBuilder/__stories__/Default.tsx +23 -0
  42. package/src/FormBuilder/index.tsx +3 -0
  43. package/src/FormContext.tsx +8 -0
  44. package/src/MultiplicityField/MultiplicityField.mdx +580 -0
  45. package/src/MultiplicityField/MultiplicityField.stories.js +12 -0
  46. package/src/MultiplicityField/MultiplicityField.stories.playwright.json +1370 -0
  47. package/src/MultiplicityField/__stories__/Default.tsx +100 -0
  48. package/src/MultiplicityField/__stories__/PreviewDisplay.tsx +160 -0
  49. package/src/MultiplicityField/__stories__/WithExactLength.tsx +99 -0
  50. package/src/MultiplicityField/__stories__/WithMaxLength.tsx +102 -0
  51. package/src/MultiplicityField/__stories__/WithMinAndMaxLength.tsx +103 -0
  52. package/src/MultiplicityField/__stories__/WithMinLength.tsx +102 -0
  53. package/src/MultiplicityField/add-objects.tsx +186 -0
  54. package/src/MultiplicityField/index.tsx +166 -0
  55. package/src/Questions/Questions.stories.js +7 -0
  56. package/src/Questions/Questions.tsx +74 -0
  57. package/src/Questions/QuestionsContext.tsx +9 -0
  58. package/src/Questions/Step/ReviewStep.tsx +63 -0
  59. package/src/Questions/Step/Step.tsx +67 -0
  60. package/src/Questions/Step/StepArrayReview.tsx +68 -0
  61. package/src/Questions/Step/StepContext.tsx +21 -0
  62. package/src/Questions/Step/StepDescription.tsx +33 -0
  63. package/src/Questions/Step/StepForm.tsx +60 -0
  64. package/src/Questions/Step/StepQuote.tsx +8 -0
  65. package/src/Questions/Step/StepTitle.tsx +60 -0
  66. package/src/Questions/Step/getAddMoreFields.tsx +28 -0
  67. package/src/Questions/Step/index.ts +13 -0
  68. package/src/Questions/Step/types.tsx +32 -0
  69. package/src/Questions/__snapshots__/index.spec.tsx.snap +887 -0
  70. package/src/Questions/__stories__/Default.tsx +130 -0
  71. package/src/Questions/getNextStep.tsx +24 -0
  72. package/src/Questions/index.mdx +418 -0
  73. package/src/Questions/index.spec.tsx +72 -0
  74. package/src/Questions/index.tsx +5 -0
  75. package/src/Questions/types.tsx +25 -0
  76. package/src/__stories__/AutoCompleteField.tsx +45 -0
  77. package/src/__stories__/IntField.tsx +38 -0
  78. package/src/create-simple-form.mdx +518 -0
  79. package/src/index.mdx +44 -0
  80. package/src/index.ts +3 -0
  81. package/src/inputs/AutoComplete/index.tsx +85 -0
  82. package/src/inputs/Checkboxes/Checkboxes.stories.js +7 -0
  83. package/src/inputs/Checkboxes/Checkboxes.stories.playwright.json +69 -0
  84. package/src/inputs/Checkboxes/__stories__/Default.tsx +39 -0
  85. package/src/inputs/Checkboxes/index.mdx +0 -0
  86. package/src/inputs/Checkboxes/index.tsx +77 -0
  87. package/src/inputs/DateInput/DateInput.stories.js +7 -0
  88. package/src/inputs/DateInput/DateInput.stories.playwright.json +72 -0
  89. package/src/inputs/DateInput/__stories__/Default.tsx +41 -0
  90. package/src/inputs/DateInput/index.tsx +130 -0
  91. package/src/inputs/FileInput/FileInput.stories.js +7 -0
  92. package/src/inputs/FileInput/FileInput.stories.playwright.json +75 -0
  93. package/src/inputs/FileInput/__stories__/Default.tsx +23 -0
  94. package/src/inputs/FileInput/index.tsx +76 -0
  95. package/src/inputs/Input/Input.stories.js +14 -0
  96. package/src/inputs/Input/Input.stories.playwright.json +376 -0
  97. package/src/inputs/Input/__stories__/AFM.tsx +24 -0
  98. package/src/inputs/Input/__stories__/Boolean.tsx +26 -0
  99. package/src/inputs/Input/__stories__/Default.tsx +25 -0
  100. package/src/inputs/Input/__stories__/IBAN.tsx +26 -0
  101. package/src/inputs/Input/__stories__/Integer.tsx +25 -0
  102. package/src/inputs/Input/__stories__/MobilePhone.tsx +24 -0
  103. package/src/inputs/Input/__stories__/PhoneNumber.tsx +24 -0
  104. package/src/inputs/Input/__stories__/PostalCode.tsx +25 -0
  105. package/src/inputs/Input/index.mdx +8 -0
  106. package/src/inputs/Input/index.tsx +62 -0
  107. package/src/inputs/Label/Label.stories.js +7 -0
  108. package/src/inputs/Label/Label.stories.playwright.json +40 -0
  109. package/src/inputs/Label/__stories__/Default.tsx +28 -0
  110. package/src/inputs/Label/index.mdx +0 -0
  111. package/src/inputs/Label/index.tsx +44 -0
  112. package/src/inputs/Radio/Radio.stories.js +7 -0
  113. package/src/inputs/Radio/Radio.stories.playwright.json +57 -0
  114. package/src/inputs/Radio/__stories__/Default.tsx +42 -0
  115. package/src/inputs/Radio/index.mdx +0 -0
  116. package/src/inputs/Radio/index.tsx +57 -0
  117. package/src/inputs/Select/Select.stories.js +7 -0
  118. package/src/inputs/Select/Select.stories.playwright.json +22 -0
  119. package/src/inputs/Select/__stories__/Default.tsx +47 -0
  120. package/src/inputs/Select/index.tsx +37 -0
  121. package/src/inputs/index.ts +7 -0
  122. package/src/installation.mdx +72 -0
  123. package/src/internal.ts +34 -0
  124. package/src/registry.js +134 -0
  125. package/src/types.tsx +110 -0
  126. package/src/utils.ts +78 -0
  127. package/src/validators/index.ts +203 -0
  128. package/src/validators/types.ts +2 -0
  129. package/src/validators/utils/afm.ts +37 -0
  130. package/src/validators/utils/file.ts +25 -0
  131. package/src/validators/utils/iban.ts +119 -0
  132. package/src/validators/utils/index.ts +94 -0
  133. package/src/validators/utils/int.ts +22 -0
  134. package/src/validators/utils/number.ts +18 -0
  135. package/src/validators/utils/phone.ts +120 -0
  136. package/src/validators/utils/postal_code.ts +33 -0
  137. package/src/validators/utils/uuid4.ts +21 -0
  138. package/src/validators/validators.spec.ts +122 -0
package/CHANGELOG.md CHANGED
@@ -1,6 +1,13 @@
1
1
  # Change Log - @digigov/form
2
2
 
3
- This log was last generated on Fri, 02 Dec 2022 11:20:56 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 16 Jan 2023 13:05:21 GMT and should not be manually modified.
4
+
5
+ ## 0.10.9
6
+ Mon, 16 Jan 2023 13:05:21 GMT
7
+
8
+ ### Patches
9
+
10
+ - Update import paths
4
11
 
5
12
  ## 0.10.8
6
13
  Fri, 02 Dec 2022 11:20:56 GMT
@@ -66,78 +66,6 @@
66
66
  "title": "Add number"
67
67
  }
68
68
  ]
69
- },
70
- "digigov-form--auto-complete-field": {
71
- "actionSets": [
72
- {
73
- "actions": [
74
- {
75
- "name": "keyboard.press",
76
- "args": {
77
- "key": "Tab"
78
- }
79
- },
80
- {
81
- "name": "type",
82
- "args": {
83
- "selector": "html>body>div:nth-child(5)>form>div>label>div>input",
84
- "text": "ch"
85
- }
86
- },
87
- {
88
- "name": "keyboard.press",
89
- "args": {
90
- "key": "ArrowDown"
91
- }
92
- },
93
- {
94
- "name": "keyboard.press",
95
- "args": {
96
- "key": "ArrowDown"
97
- }
98
- },
99
- {
100
- "name": "keyboard.press",
101
- "args": {
102
- "key": "ArrowUp"
103
- }
104
- },
105
- {
106
- "name": "keyboard.press",
107
- "args": {
108
- "key": "Enter"
109
- }
110
- }
111
- ],
112
- "id": "14vEsPV7hizO",
113
- "title": "flow with keyboard"
114
- },
115
- {
116
- "actions": [
117
- {
118
- "name": "type",
119
- "args": {
120
- "selector": "html>body>div:nth-child(5)>form>div>label>div>input",
121
- "text": "a"
122
- }
123
- },
124
- {
125
- "name": "click",
126
- "args": {
127
- "selector": ".govgr-autocomplete__option:has-text(\"Akrotiri\")"
128
- }
129
- },
130
- {
131
- "name": "click",
132
- "args": {
133
- "selector": "html>body>div:nth-child(5)>form>button"
134
- }
135
- }
136
- ],
137
- "id": "4a4faD_8O-1f",
138
- "title": "flow with mouse"
139
- }
140
- ]
141
69
  }
142
70
  }
143
71
  }
@@ -94,7 +94,7 @@ import BasicLayout, {
94
94
  Bottom,
95
95
  } from '@digigov/ui/layouts/Basic';
96
96
  import Header, { HeaderTitle } from '@digigov/ui/app/Header';
97
- import GovGRLogo from '@digigov/ui/govgr/Logo';
97
+ import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
98
98
  import GovGRFooter from '@digigov/ui/govgr/Footer';
99
99
  import Button from '@digigov/ui/core/Button';
100
100
  import PageTitle, {
@@ -19,7 +19,7 @@ var _ui = require("@digigov/ui");
19
19
 
20
20
  var _Footer = _interopRequireDefault(require("@digigov/ui/govgr/Footer"));
21
21
 
22
- var _Logo = _interopRequireDefault(require("@digigov/ui/govgr/Logo"));
22
+ var _GovGRLogo = _interopRequireDefault(require("@digigov/ui/govgr/GovGRLogo"));
23
23
 
24
24
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
25
 
@@ -54,13 +54,13 @@ var fields = [{
54
54
  value: 'ΚΑΡΤΑ'
55
55
  }];
56
56
 
57
- var _ref = /*#__PURE__*/_react["default"].createElement(_ui.Header, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderSection, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderContent, null, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
57
+ var _ref = /*#__PURE__*/_react["default"].createElement(_ui.Header, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderSection, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderContent, null, /*#__PURE__*/_react["default"].createElement(_GovGRLogo["default"], {
58
58
  href: "#"
59
59
  }), /*#__PURE__*/_react["default"].createElement(_ui.HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
60
60
 
61
- var _ref2 = /*#__PURE__*/_react["default"].createElement(_ui.Caption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
61
+ var _ref2 = /*#__PURE__*/_react["default"].createElement(_ui.HeadingCaption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
62
62
 
63
- var _ref3 = /*#__PURE__*/_react["default"].createElement(_ui.Title, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
63
+ var _ref3 = /*#__PURE__*/_react["default"].createElement(_ui.Heading, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
64
64
 
65
65
  var _ref4 = /*#__PURE__*/_react["default"].createElement(_ui.Paragraph, null, /*#__PURE__*/_react["default"].createElement(_ui.Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD"));
66
66
 
@@ -73,8 +73,8 @@ var _ref7 = /*#__PURE__*/_react["default"].createElement(_ui.Card, {
73
73
  borderColor: "dark"
74
74
  }, /*#__PURE__*/_react["default"].createElement(_ui.CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3"), /*#__PURE__*/_react["default"].createElement(_ui.CardText, null, /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2")))));
75
75
 
76
- var _ref8 = /*#__PURE__*/_react["default"].createElement(_ui.Title, {
77
- size: "md"
76
+ var _ref8 = /*#__PURE__*/_react["default"].createElement(_ui.Heading, {
77
+ size: "m"
78
78
  }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2");
79
79
 
80
80
  var _ref9 = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u0391\u03A1\u0399\u039F\u03A3")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u0395\u039D\u0395\u039E\u0395\u03A3")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "15/12/1988")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, /*#__PURE__*/_react["default"].createElement(_ui.List, {
@@ -20,7 +20,7 @@ var _HeaderSection = _interopRequireDefault(require("@digigov/ui/app/Header/Head
20
20
 
21
21
  var _HeaderContent = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderContent"));
22
22
 
23
- var _Logo = _interopRequireDefault(require("@digigov/ui/govgr/Logo"));
23
+ var _GovGRLogo = _interopRequireDefault(require("@digigov/ui/govgr/GovGRLogo"));
24
24
 
25
25
  var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic"));
26
26
 
@@ -83,7 +83,7 @@ var steps = [{
83
83
  }]
84
84
  }];
85
85
 
86
- var _ref = /*#__PURE__*/_react["default"].createElement(_Basic.Top, null, /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
86
+ var _ref = /*#__PURE__*/_react["default"].createElement(_Basic.Top, null, /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_GovGRLogo["default"], {
87
87
  href: "#"
88
88
  })))));
89
89
 
@@ -272,7 +272,7 @@ import GovGRFooter from '@digigov/ui/govgr/Footer';
272
272
  import Header from '@digigov/ui/app/Header';
273
273
  import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
274
274
  import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
275
- import GovGRLogo from '@digigov/ui/govgr/Logo';
275
+ import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
276
276
  import BasicLayout, {
277
277
  Top,
278
278
  Content,
@@ -66,78 +66,6 @@
66
66
  "title": "Add number"
67
67
  }
68
68
  ]
69
- },
70
- "digigov-form--auto-complete-field": {
71
- "actionSets": [
72
- {
73
- "actions": [
74
- {
75
- "name": "keyboard.press",
76
- "args": {
77
- "key": "Tab"
78
- }
79
- },
80
- {
81
- "name": "type",
82
- "args": {
83
- "selector": "html>body>div:nth-child(5)>form>div>label>div>input",
84
- "text": "ch"
85
- }
86
- },
87
- {
88
- "name": "keyboard.press",
89
- "args": {
90
- "key": "ArrowDown"
91
- }
92
- },
93
- {
94
- "name": "keyboard.press",
95
- "args": {
96
- "key": "ArrowDown"
97
- }
98
- },
99
- {
100
- "name": "keyboard.press",
101
- "args": {
102
- "key": "ArrowUp"
103
- }
104
- },
105
- {
106
- "name": "keyboard.press",
107
- "args": {
108
- "key": "Enter"
109
- }
110
- }
111
- ],
112
- "id": "14vEsPV7hizO",
113
- "title": "flow with keyboard"
114
- },
115
- {
116
- "actions": [
117
- {
118
- "name": "type",
119
- "args": {
120
- "selector": "html>body>div:nth-child(5)>form>div>label>div>input",
121
- "text": "a"
122
- }
123
- },
124
- {
125
- "name": "click",
126
- "args": {
127
- "selector": ".govgr-autocomplete__option:has-text(\"Akrotiri\")"
128
- }
129
- },
130
- {
131
- "name": "click",
132
- "args": {
133
- "selector": "html>body>div:nth-child(5)>form>button"
134
- }
135
- }
136
- ],
137
- "id": "4a4faD_8O-1f",
138
- "title": "flow with mouse"
139
- }
140
- ]
141
69
  }
142
70
  }
143
71
  }
@@ -94,7 +94,7 @@ import BasicLayout, {
94
94
  Bottom,
95
95
  } from '@digigov/ui/layouts/Basic';
96
96
  import Header, { HeaderTitle } from '@digigov/ui/app/Header';
97
- import GovGRLogo from '@digigov/ui/govgr/Logo';
97
+ import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
98
98
  import GovGRFooter from '@digigov/ui/govgr/Footer';
99
99
  import Button from '@digigov/ui/core/Button';
100
100
  import PageTitle, {
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import Layout, { Content, Main } from '@digigov/ui/layouts/Basic/';
3
3
  import SummaryList, { SummaryListItem, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
4
- import { Header, HeaderSection, HeaderContent, HeaderTitle, Caption, Title, Paragraph, Card, CardHeading, CardText, List, ListItem } from '@digigov/ui';
4
+ import { Header, HeaderSection, HeaderContent, HeaderTitle, HeadingCaption, Heading, Paragraph, Card, CardHeading, CardText, List, ListItem } from '@digigov/ui';
5
5
  import GovGRFooter from '@digigov/ui/govgr/Footer';
6
- import GovGRLogo from '@digigov/ui/govgr/Logo';
6
+ import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
7
7
  var fields = [{
8
8
  name: 'Όνομα',
9
9
  value: 'ΜΑΡΙΟΣ'
@@ -37,9 +37,9 @@ var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.cre
37
37
  href: "#"
38
38
  }), /*#__PURE__*/React.createElement(HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
39
39
 
40
- var _ref2 = /*#__PURE__*/React.createElement(Caption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
40
+ var _ref2 = /*#__PURE__*/React.createElement(HeadingCaption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
41
41
 
42
- var _ref3 = /*#__PURE__*/React.createElement(Title, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
42
+ var _ref3 = /*#__PURE__*/React.createElement(Heading, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
43
43
 
44
44
  var _ref4 = /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD"));
45
45
 
@@ -52,8 +52,8 @@ var _ref7 = /*#__PURE__*/React.createElement(Card, {
52
52
  borderColor: "dark"
53
53
  }, /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3"), /*#__PURE__*/React.createElement(CardText, null, /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2")))));
54
54
 
55
- var _ref8 = /*#__PURE__*/React.createElement(Title, {
56
- size: "md"
55
+ var _ref8 = /*#__PURE__*/React.createElement(Heading, {
56
+ size: "m"
57
57
  }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2");
58
58
 
59
59
  var _ref9 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u0391\u03A1\u0399\u039F\u03A3")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u0395\u039D\u0395\u039E\u0395\u03A3")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "15/12/1988")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, /*#__PURE__*/React.createElement(List, {
@@ -3,7 +3,7 @@ import GovGRFooter from '@digigov/ui/govgr/Footer';
3
3
  import Header from '@digigov/ui/app/Header';
4
4
  import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
5
5
  import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
6
- import GovGRLogo from '@digigov/ui/govgr/Logo';
6
+ import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
7
7
  import BasicLayout, { Top, Content, Main, Bottom } from '@digigov/ui/layouts/Basic';
8
8
  import Questions, { Step, StepForm, StepTitle } from '@digigov/form/Questions';
9
9
  import { Field } from '@digigov/form';
@@ -272,7 +272,7 @@ import GovGRFooter from '@digigov/ui/govgr/Footer';
272
272
  import Header from '@digigov/ui/app/Header';
273
273
  import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
274
274
  import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
275
- import GovGRLogo from '@digigov/ui/govgr/Logo';
275
+ import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
276
276
  import BasicLayout, {
277
277
  Top,
278
278
  Content,
@@ -66,78 +66,6 @@
66
66
  "title": "Add number"
67
67
  }
68
68
  ]
69
- },
70
- "digigov-form--auto-complete-field": {
71
- "actionSets": [
72
- {
73
- "actions": [
74
- {
75
- "name": "keyboard.press",
76
- "args": {
77
- "key": "Tab"
78
- }
79
- },
80
- {
81
- "name": "type",
82
- "args": {
83
- "selector": "html>body>div:nth-child(5)>form>div>label>div>input",
84
- "text": "ch"
85
- }
86
- },
87
- {
88
- "name": "keyboard.press",
89
- "args": {
90
- "key": "ArrowDown"
91
- }
92
- },
93
- {
94
- "name": "keyboard.press",
95
- "args": {
96
- "key": "ArrowDown"
97
- }
98
- },
99
- {
100
- "name": "keyboard.press",
101
- "args": {
102
- "key": "ArrowUp"
103
- }
104
- },
105
- {
106
- "name": "keyboard.press",
107
- "args": {
108
- "key": "Enter"
109
- }
110
- }
111
- ],
112
- "id": "14vEsPV7hizO",
113
- "title": "flow with keyboard"
114
- },
115
- {
116
- "actions": [
117
- {
118
- "name": "type",
119
- "args": {
120
- "selector": "html>body>div:nth-child(5)>form>div>label>div>input",
121
- "text": "a"
122
- }
123
- },
124
- {
125
- "name": "click",
126
- "args": {
127
- "selector": ".govgr-autocomplete__option:has-text(\"Akrotiri\")"
128
- }
129
- },
130
- {
131
- "name": "click",
132
- "args": {
133
- "selector": "html>body>div:nth-child(5)>form>button"
134
- }
135
- }
136
- ],
137
- "id": "4a4faD_8O-1f",
138
- "title": "flow with mouse"
139
- }
140
- ]
141
69
  }
142
70
  }
143
71
  }
@@ -94,7 +94,7 @@ import BasicLayout, {
94
94
  Bottom,
95
95
  } from '@digigov/ui/layouts/Basic';
96
96
  import Header, { HeaderTitle } from '@digigov/ui/app/Header';
97
- import GovGRLogo from '@digigov/ui/govgr/Logo';
97
+ import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
98
98
  import GovGRFooter from '@digigov/ui/govgr/Footer';
99
99
  import Button from '@digigov/ui/core/Button';
100
100
  import PageTitle, {
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import Layout, { Content, Main } from '@digigov/ui/layouts/Basic/';
3
3
  import SummaryList, { SummaryListItem, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
4
- import { Header, HeaderSection, HeaderContent, HeaderTitle, Caption, Title, Paragraph, Card, CardHeading, CardText, List, ListItem } from '@digigov/ui';
4
+ import { Header, HeaderSection, HeaderContent, HeaderTitle, HeadingCaption, Heading, Paragraph, Card, CardHeading, CardText, List, ListItem } from '@digigov/ui';
5
5
  import GovGRFooter from '@digigov/ui/govgr/Footer';
6
- import GovGRLogo from '@digigov/ui/govgr/Logo';
6
+ import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
7
7
  var fields = [{
8
8
  name: 'Όνομα',
9
9
  value: 'ΜΑΡΙΟΣ'
@@ -37,9 +37,9 @@ var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.cre
37
37
  href: "#"
38
38
  }), /*#__PURE__*/React.createElement(HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
39
39
 
40
- var _ref2 = /*#__PURE__*/React.createElement(Caption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
40
+ var _ref2 = /*#__PURE__*/React.createElement(HeadingCaption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
41
41
 
42
- var _ref3 = /*#__PURE__*/React.createElement(Title, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
42
+ var _ref3 = /*#__PURE__*/React.createElement(Heading, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
43
43
 
44
44
  var _ref4 = /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD"));
45
45
 
@@ -52,8 +52,8 @@ var _ref7 = /*#__PURE__*/React.createElement(Card, {
52
52
  borderColor: "dark"
53
53
  }, /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3"), /*#__PURE__*/React.createElement(CardText, null, /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2")))));
54
54
 
55
- var _ref8 = /*#__PURE__*/React.createElement(Title, {
56
- size: "md"
55
+ var _ref8 = /*#__PURE__*/React.createElement(Heading, {
56
+ size: "m"
57
57
  }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2");
58
58
 
59
59
  var _ref9 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u0391\u03A1\u0399\u039F\u03A3")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u0395\u039D\u0395\u039E\u0395\u03A3")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "15/12/1988")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, /*#__PURE__*/React.createElement(List, {
@@ -3,7 +3,7 @@ import GovGRFooter from '@digigov/ui/govgr/Footer';
3
3
  import Header from '@digigov/ui/app/Header';
4
4
  import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
5
5
  import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
6
- import GovGRLogo from '@digigov/ui/govgr/Logo';
6
+ import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
7
7
  import BasicLayout, { Top, Content, Main, Bottom } from '@digigov/ui/layouts/Basic';
8
8
  import Questions, { Step, StepForm, StepTitle } from '@digigov/form/Questions';
9
9
  import { Field } from '@digigov/form';
@@ -272,7 +272,7 @@ import GovGRFooter from '@digigov/ui/govgr/Footer';
272
272
  import Header from '@digigov/ui/app/Header';
273
273
  import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
274
274
  import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
275
- import GovGRLogo from '@digigov/ui/govgr/Logo';
275
+ import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
276
276
  import BasicLayout, {
277
277
  Top,
278
278
  Content,
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license Digigov v0.10.8
1
+ /** @license Digigov v0.10.9
2
2
  *
3
3
  * This source code is licensed under the BSD-2-Clause license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digigov/form",
3
- "version": "0.10.8",
3
+ "version": "0.10.9",
4
4
  "description": "@digigov form builder",
5
5
  "author": "GRNET Developers <devs@lists.grnet.gr>",
6
6
  "license": "BSD-2-Clause",
@@ -18,9 +18,9 @@
18
18
  "@hookform/resolvers": "2.9.6"
19
19
  },
20
20
  "peerDependencies": {
21
- "@digigov/ui": "0.28.3",
22
- "@digigov/react-core": "0.18.1",
23
- "@digigov/react-extensions": "0.20.1",
21
+ "@digigov/ui": "0.29.0",
22
+ "@digigov/react-core": "0.19.0",
23
+ "@digigov/react-extensions": "0.20.2",
24
24
  "clsx": "1.1.1",
25
25
  "react": "^16.8.0 || ^17.0.0",
26
26
  "react-dom": "^16.8.0 || ^17.0.0"
@@ -0,0 +1,99 @@
1
+ import React from 'react';
2
+ import FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';
3
+ import { FieldBaseProps } from '@digigov/form/Field/types';
4
+ import { Controller } from 'react-hook-form';
5
+
6
+ export const FieldBase: React.FC<FieldBaseProps> = (props) => {
7
+ const {
8
+ required,
9
+ name,
10
+ component: Component,
11
+ wrapper,
12
+ control,
13
+ type,
14
+ controlled = false,
15
+ enabled = true,
16
+ editable,
17
+ defaultValue,
18
+ label,
19
+ extra = {},
20
+ layout,
21
+ error,
22
+ register,
23
+ ...componentProps
24
+ } = props;
25
+ if (!enabled) {
26
+ return null;
27
+ }
28
+ if (controlled) {
29
+ return (
30
+ <FieldBaseContainer
31
+ label={label}
32
+ layout={layout}
33
+ error={error}
34
+ wrapper={wrapper}
35
+ name={name}
36
+ >
37
+ <Controller
38
+ control={control}
39
+ name={name}
40
+ render={({ field }) => {
41
+ return (
42
+ <Component
43
+ {...field}
44
+ defaultValue={defaultValue}
45
+ extra={extra}
46
+ error={!!error}
47
+ type={type}
48
+ aria-required={!!required}
49
+ aria-describedby={error && `${name}-error`}
50
+ required={required}
51
+ disabled={editable === false}
52
+ {...componentProps}
53
+ />
54
+ );
55
+ }}
56
+ />
57
+ </FieldBaseContainer>
58
+ );
59
+ }
60
+
61
+ return (
62
+ <FieldBaseContainer
63
+ label={label}
64
+ layout={layout}
65
+ error={error}
66
+ wrapper={wrapper}
67
+ name={name}
68
+ >
69
+ {Component?.render ? (
70
+ <Component
71
+ {...register(name)}
72
+ control={control}
73
+ error={!!error}
74
+ extra={extra}
75
+ type={type}
76
+ aria-required={!!required}
77
+ aria-describedby={error && `${name}-error`}
78
+ required={required}
79
+ disabled={editable === false}
80
+ {...componentProps}
81
+ />
82
+ ) : (
83
+ <Component
84
+ {...register(name)}
85
+ register={register}
86
+ control={control}
87
+ error={!!error}
88
+ extra={extra}
89
+ type={type}
90
+ aria-required={!!required}
91
+ aria-describedby={error && `${name}-error`}
92
+ required={required}
93
+ disabled={editable === false}
94
+ {...componentProps}
95
+ />
96
+ )}
97
+ </FieldBaseContainer>
98
+ );
99
+ };