@digigov/form 0.10.8 → 0.10.10
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/CHANGELOG.md +8 -1
- package/Form.stories.playwright.json +0 -72
- package/FormBuilder/FormBuilder.mdx +1 -1
- package/MultiplicityField/__stories__/PreviewDisplay.js +6 -6
- package/Questions/__stories__/Default.js +2 -2
- package/Questions/index.mdx +1 -1
- package/es/Form.stories.playwright.json +0 -72
- package/es/FormBuilder/FormBuilder.mdx +1 -1
- package/es/MultiplicityField/__stories__/PreviewDisplay.js +6 -6
- package/es/Questions/__stories__/Default.js +1 -1
- package/es/Questions/index.mdx +1 -1
- package/esm/Form.stories.playwright.json +0 -72
- package/esm/FormBuilder/FormBuilder.mdx +1 -1
- package/esm/MultiplicityField/__stories__/PreviewDisplay.js +6 -6
- package/esm/Questions/__stories__/Default.js +1 -1
- package/esm/Questions/index.mdx +1 -1
- package/esm/index.js +1 -1
- package/package.json +4 -4
- package/src/Field/FieldBase.tsx +99 -0
- package/src/Field/FieldBaseContainer.tsx +57 -0
- package/src/Field/FieldConditional.tsx +75 -0
- package/src/Field/index.mdx +6 -0
- package/src/Field/index.tsx +92 -0
- package/src/Field/types.tsx +102 -0
- package/src/Field/utils.ts +164 -0
- package/src/FieldArray/FieldArray.stories.js +8 -0
- package/src/FieldArray/FieldArray.stories.playwright.json +353 -0
- package/src/FieldArray/__stories__/Default.tsx +95 -0
- package/src/FieldArray/__stories__/WithExactLength.tsx +95 -0
- package/src/FieldArray/index.tsx +83 -0
- package/src/FieldObject/index.tsx +92 -0
- package/src/Fieldset/FieldsetWithContext.tsx +41 -0
- package/src/Fieldset/index.tsx +40 -0
- package/src/Fieldset/types.tsx +6 -0
- package/src/Form.stories.js +5 -0
- package/src/Form.stories.playwright.json +71 -0
- package/src/FormBuilder/FormBuilder.mdx +271 -0
- package/src/FormBuilder/FormBuilder.stories.js +7 -0
- package/src/FormBuilder/FormBuilder.stories.playwright.json +52 -0
- package/src/FormBuilder/FormBuilder.tsx +165 -0
- package/src/FormBuilder/__stories__/Default.tsx +23 -0
- package/src/FormBuilder/index.tsx +3 -0
- package/src/FormContext.tsx +8 -0
- package/src/MultiplicityField/MultiplicityField.mdx +580 -0
- package/src/MultiplicityField/MultiplicityField.stories.js +12 -0
- package/src/MultiplicityField/MultiplicityField.stories.playwright.json +1370 -0
- package/src/MultiplicityField/__stories__/Default.tsx +100 -0
- package/src/MultiplicityField/__stories__/PreviewDisplay.tsx +160 -0
- package/src/MultiplicityField/__stories__/WithExactLength.tsx +99 -0
- package/src/MultiplicityField/__stories__/WithMaxLength.tsx +102 -0
- package/src/MultiplicityField/__stories__/WithMinAndMaxLength.tsx +103 -0
- package/src/MultiplicityField/__stories__/WithMinLength.tsx +102 -0
- package/src/MultiplicityField/add-objects.tsx +186 -0
- package/src/MultiplicityField/index.tsx +166 -0
- package/src/Questions/Questions.stories.js +7 -0
- package/src/Questions/Questions.tsx +74 -0
- package/src/Questions/QuestionsContext.tsx +9 -0
- package/src/Questions/Step/ReviewStep.tsx +63 -0
- package/src/Questions/Step/Step.tsx +67 -0
- package/src/Questions/Step/StepArrayReview.tsx +68 -0
- package/src/Questions/Step/StepContext.tsx +21 -0
- package/src/Questions/Step/StepDescription.tsx +33 -0
- package/src/Questions/Step/StepForm.tsx +60 -0
- package/src/Questions/Step/StepQuote.tsx +8 -0
- package/src/Questions/Step/StepTitle.tsx +60 -0
- package/src/Questions/Step/getAddMoreFields.tsx +28 -0
- package/src/Questions/Step/index.ts +13 -0
- package/src/Questions/Step/types.tsx +32 -0
- package/src/Questions/__snapshots__/index.spec.tsx.snap +887 -0
- package/src/Questions/__stories__/Default.tsx +130 -0
- package/src/Questions/getNextStep.tsx +24 -0
- package/src/Questions/index.mdx +418 -0
- package/src/Questions/index.spec.tsx +72 -0
- package/src/Questions/index.tsx +5 -0
- package/src/Questions/types.tsx +25 -0
- package/src/__stories__/AutoCompleteField.tsx +45 -0
- package/src/__stories__/IntField.tsx +38 -0
- package/src/create-simple-form.mdx +518 -0
- package/src/index.mdx +44 -0
- package/src/index.ts +3 -0
- package/src/inputs/AutoComplete/index.tsx +85 -0
- package/src/inputs/Checkboxes/Checkboxes.stories.js +7 -0
- package/src/inputs/Checkboxes/Checkboxes.stories.playwright.json +69 -0
- package/src/inputs/Checkboxes/__stories__/Default.tsx +39 -0
- package/src/inputs/Checkboxes/index.mdx +0 -0
- package/src/inputs/Checkboxes/index.tsx +77 -0
- package/src/inputs/DateInput/DateInput.stories.js +7 -0
- package/src/inputs/DateInput/DateInput.stories.playwright.json +72 -0
- package/src/inputs/DateInput/__stories__/Default.tsx +41 -0
- package/src/inputs/DateInput/index.tsx +130 -0
- package/src/inputs/FileInput/FileInput.stories.js +7 -0
- package/src/inputs/FileInput/FileInput.stories.playwright.json +75 -0
- package/src/inputs/FileInput/__stories__/Default.tsx +23 -0
- package/src/inputs/FileInput/index.tsx +76 -0
- package/src/inputs/Input/Input.stories.js +14 -0
- package/src/inputs/Input/Input.stories.playwright.json +376 -0
- package/src/inputs/Input/__stories__/AFM.tsx +24 -0
- package/src/inputs/Input/__stories__/Boolean.tsx +26 -0
- package/src/inputs/Input/__stories__/Default.tsx +25 -0
- package/src/inputs/Input/__stories__/IBAN.tsx +26 -0
- package/src/inputs/Input/__stories__/Integer.tsx +25 -0
- package/src/inputs/Input/__stories__/MobilePhone.tsx +24 -0
- package/src/inputs/Input/__stories__/PhoneNumber.tsx +24 -0
- package/src/inputs/Input/__stories__/PostalCode.tsx +25 -0
- package/src/inputs/Input/index.mdx +8 -0
- package/src/inputs/Input/index.tsx +62 -0
- package/src/inputs/Label/Label.stories.js +7 -0
- package/src/inputs/Label/Label.stories.playwright.json +40 -0
- package/src/inputs/Label/__stories__/Default.tsx +28 -0
- package/src/inputs/Label/index.mdx +0 -0
- package/src/inputs/Label/index.tsx +44 -0
- package/src/inputs/Radio/Radio.stories.js +7 -0
- package/src/inputs/Radio/Radio.stories.playwright.json +57 -0
- package/src/inputs/Radio/__stories__/Default.tsx +42 -0
- package/src/inputs/Radio/index.mdx +0 -0
- package/src/inputs/Radio/index.tsx +57 -0
- package/src/inputs/Select/Select.stories.js +7 -0
- package/src/inputs/Select/Select.stories.playwright.json +22 -0
- package/src/inputs/Select/__stories__/Default.tsx +47 -0
- package/src/inputs/Select/index.tsx +37 -0
- package/src/inputs/index.ts +7 -0
- package/src/installation.mdx +72 -0
- package/src/internal.ts +34 -0
- package/src/registry.js +134 -0
- package/src/types.tsx +110 -0
- package/src/utils.ts +78 -0
- package/src/validators/index.ts +203 -0
- package/src/validators/types.ts +2 -0
- package/src/validators/utils/afm.ts +37 -0
- package/src/validators/utils/file.ts +25 -0
- package/src/validators/utils/iban.ts +119 -0
- package/src/validators/utils/index.ts +94 -0
- package/src/validators/utils/int.ts +22 -0
- package/src/validators/utils/number.ts +18 -0
- package/src/validators/utils/phone.ts +120 -0
- package/src/validators/utils/postal_code.ts +33 -0
- package/src/validators/utils/uuid4.ts +21 -0
- 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
|
|
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/
|
|
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
|
|
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(
|
|
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.
|
|
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.
|
|
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.
|
|
77
|
-
size: "
|
|
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
|
|
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(
|
|
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
|
|
package/Questions/index.mdx
CHANGED
|
@@ -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/
|
|
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/
|
|
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,
|
|
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/
|
|
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(
|
|
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(
|
|
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(
|
|
56
|
-
size: "
|
|
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/
|
|
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';
|
package/es/Questions/index.mdx
CHANGED
|
@@ -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/
|
|
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/
|
|
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,
|
|
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/
|
|
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(
|
|
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(
|
|
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(
|
|
56
|
-
size: "
|
|
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/
|
|
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';
|
package/esm/Questions/index.mdx
CHANGED
|
@@ -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/
|
|
275
|
+
import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
|
|
276
276
|
import BasicLayout, {
|
|
277
277
|
Top,
|
|
278
278
|
Content,
|
package/esm/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digigov/form",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.10",
|
|
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.
|
|
22
|
-
"@digigov/react-core": "0.
|
|
23
|
-
"@digigov/react-extensions": "0.20.
|
|
21
|
+
"@digigov/ui": "0.29.1",
|
|
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
|
+
};
|