@digigov/form 0.8.6-alpha → 0.8.7-alpha

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 (11) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/MultiplicityField/MultiplicityField.stories.d.ts +1 -0
  3. package/MultiplicityField/MultiplicityField.stories.js +14 -0
  4. package/MultiplicityField/__stories__/PreviewDisplay.d.ts +1 -0
  5. package/MultiplicityField/__stories__/PreviewDisplay.js +106 -0
  6. package/es/MultiplicityField/MultiplicityField.stories.js +2 -1
  7. package/es/MultiplicityField/__stories__/PreviewDisplay.js +83 -0
  8. package/esm/MultiplicityField/MultiplicityField.stories.js +2 -1
  9. package/esm/MultiplicityField/__stories__/PreviewDisplay.js +83 -0
  10. package/esm/index.js +1 -1
  11. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,6 +1,13 @@
1
1
  # Change Log - @digigov/form
2
2
 
3
- This log was last generated on Tue, 27 Sep 2022 10:00:49 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 27 Sep 2022 14:49:37 GMT and should not be manually modified.
4
+
5
+ ## 0.8.6
6
+ Tue, 27 Sep 2022 14:49:37 GMT
7
+
8
+ ### Patches
9
+
10
+ - specify the peerDependencies range in a better way
4
11
 
5
12
  ## 0.8.5
6
13
  Tue, 27 Sep 2022 10:00:49 GMT
package/MultiplicityField/MultiplicityField.stories.d.ts CHANGED
@@ -8,4 +8,5 @@ export * from "@digigov/form/MultiplicityField/__stories__/WithMinLength";
8
8
  export * from "@digigov/form/MultiplicityField/__stories__/WithMaxLength";
9
9
  export * from "@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength";
10
10
  export * from "@digigov/form/MultiplicityField/__stories__/WithExactLength";
11
+ export * from "@digigov/form/MultiplicityField/__stories__/PreviewDisplay";
11
12
  import MultiplicityField from "@digigov/form/MultiplicityField";
package/MultiplicityField/MultiplicityField.stories.js CHANGED
@@ -79,6 +79,20 @@ Object.keys(_WithExactLength).forEach(function (key) {
79
79
  }
80
80
  });
81
81
  });
82
+
83
+ var _PreviewDisplay = require("@digigov/form/MultiplicityField/__stories__/PreviewDisplay");
84
+
85
+ Object.keys(_PreviewDisplay).forEach(function (key) {
86
+ if (key === "default" || key === "__esModule") return;
87
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
88
+ if (key in exports && exports[key] === _PreviewDisplay[key]) return;
89
+ Object.defineProperty(exports, key, {
90
+ enumerable: true,
91
+ get: function get() {
92
+ return _PreviewDisplay[key];
93
+ }
94
+ });
95
+ });
82
96
  var _default = {
83
97
  title: 'Digigov Form/MultiplicityField',
84
98
  component: _MultiplicityField["default"]
package/MultiplicityField/__stories__/PreviewDisplay.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const PreviewDisplay: () => JSX.Element;
package/MultiplicityField/__stories__/PreviewDisplay.js ADDED
@@ -0,0 +1,106 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.PreviewDisplay = void 0;
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic/"));
15
+
16
+ var _SummaryList = _interopRequireWildcard(require("@digigov/ui/core/SummaryList"));
17
+
18
+ var _ui = require("@digigov/ui");
19
+
20
+ var _Footer = _interopRequireDefault(require("@digigov/ui/govgr/Footer"));
21
+
22
+ var _Logo = _interopRequireDefault(require("@digigov/ui/govgr/Logo"));
23
+
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
+
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+
28
+ var fields = [{
29
+ name: 'Όνομα',
30
+ value: 'ΜΑΡΙΟΣ'
31
+ }, {
32
+ name: 'Επώνυμο',
33
+ value: 'ΜΕΝΕΞΕΣ'
34
+ }, {
35
+ name: 'Όνομα Πατέρα',
36
+ value: 'ΝΙΚΟΣ'
37
+ }, {
38
+ name: 'Όνομα Μητέρα',
39
+ value: 'ΜΑΡΙΑ'
40
+ }, {
41
+ name: 'Α.Φ.Μ',
42
+ value: '12030454'
43
+ }, {
44
+ name: 'Τηλέφωνο',
45
+ value: '6984386756'
46
+ }, {
47
+ name: 'Ημερομηνία Γέννησης',
48
+ value: '22/03/78'
49
+ }, {
50
+ name: 'Α.Δ.Τ',
51
+ value: 'Ψ456789'
52
+ }, {
53
+ name: 'Τύπος A.Δ.Τ',
54
+ value: 'ΚΑΡΤΑ'
55
+ }];
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"], {
58
+ href: "#"
59
+ }), /*#__PURE__*/_react["default"].createElement(_ui.HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
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");
62
+
63
+ var _ref3 = /*#__PURE__*/_react["default"].createElement(_ui.Title, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
64
+
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
+
67
+ var _ref5 = /*#__PURE__*/_react["default"].createElement(_ui.CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 1");
68
+
69
+ var _ref6 = /*#__PURE__*/_react["default"].createElement(_ui.CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 2");
70
+
71
+ var _ref7 = /*#__PURE__*/_react["default"].createElement(_ui.Card, {
72
+ variant: "border",
73
+ borderColor: "dark"
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
+
76
+ var _ref8 = /*#__PURE__*/_react["default"].createElement(_ui.Title, {
77
+ size: "md"
78
+ }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2");
79
+
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, {
81
+ marginBottom: 0,
82
+ marginTop: 0,
83
+ listStyle: "bullet"
84
+ }, /*#__PURE__*/_react["default"].createElement(_ui.ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/_react["default"].createElement(_ui.ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/_react["default"].createElement(_ui.ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/_react["default"].createElement(_ui.ListItem, null, "15o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u0393\u03A5\u039C\u039D\u0391\u03A3\u0399\u039F \u0391\u0398\u0397\u039D\u03A9\u039D")))), /*#__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")));
85
+
86
+ var _ref10 = /*#__PURE__*/_react["default"].createElement(_Footer["default"], null);
87
+
88
+ var PreviewDisplay = function PreviewDisplay() {
89
+ return /*#__PURE__*/_react["default"].createElement(_Basic["default"], null, _ref, /*#__PURE__*/_react["default"].createElement(_Basic.Content, null, /*#__PURE__*/_react["default"].createElement(_Basic.Main, null, _ref2, _ref3, _ref4, /*#__PURE__*/_react["default"].createElement(_ui.Card, {
90
+ variant: "border",
91
+ borderColor: "dark"
92
+ }, _ref5, /*#__PURE__*/_react["default"].createElement(_ui.CardText, null, /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, fields && fields.map(function (field, index) {
93
+ return /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, {
94
+ key: index
95
+ }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, field.name), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, field.value));
96
+ })))), /*#__PURE__*/_react["default"].createElement(_ui.Card, {
97
+ variant: "border",
98
+ borderColor: "dark"
99
+ }, _ref6, /*#__PURE__*/_react["default"].createElement(_ui.CardText, null, /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, fields && fields.map(function (field, index) {
100
+ return /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, {
101
+ key: index
102
+ }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, field.name), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, field.value));
103
+ })))), _ref7, _ref8, _ref9)), _ref10);
104
+ };
105
+
106
+ exports.PreviewDisplay = PreviewDisplay;
package/es/MultiplicityField/MultiplicityField.stories.js CHANGED
@@ -7,4 +7,5 @@ export * from '@digigov/form/MultiplicityField/__stories__/Default';
7
7
  export * from '@digigov/form/MultiplicityField/__stories__/WithMinLength';
8
8
  export * from '@digigov/form/MultiplicityField/__stories__/WithMaxLength';
9
9
  export * from '@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength';
10
- export * from '@digigov/form/MultiplicityField/__stories__/WithExactLength';
10
+ export * from '@digigov/form/MultiplicityField/__stories__/WithExactLength';
11
+ export * from '@digigov/form/MultiplicityField/__stories__/PreviewDisplay';
package/es/MultiplicityField/__stories__/PreviewDisplay.js ADDED
@@ -0,0 +1,83 @@
1
+ import React from 'react';
2
+ import Layout, { Content, Main } from '@digigov/ui/layouts/Basic/';
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';
5
+ import GovGRFooter from '@digigov/ui/govgr/Footer';
6
+ import GovGRLogo from '@digigov/ui/govgr/Logo';
7
+ var fields = [{
8
+ name: 'Όνομα',
9
+ value: 'ΜΑΡΙΟΣ'
10
+ }, {
11
+ name: 'Επώνυμο',
12
+ value: 'ΜΕΝΕΞΕΣ'
13
+ }, {
14
+ name: 'Όνομα Πατέρα',
15
+ value: 'ΝΙΚΟΣ'
16
+ }, {
17
+ name: 'Όνομα Μητέρα',
18
+ value: 'ΜΑΡΙΑ'
19
+ }, {
20
+ name: 'Α.Φ.Μ',
21
+ value: '12030454'
22
+ }, {
23
+ name: 'Τηλέφωνο',
24
+ value: '6984386756'
25
+ }, {
26
+ name: 'Ημερομηνία Γέννησης',
27
+ value: '22/03/78'
28
+ }, {
29
+ name: 'Α.Δ.Τ',
30
+ value: 'Ψ456789'
31
+ }, {
32
+ name: 'Τύπος A.Δ.Τ',
33
+ value: 'ΚΑΡΤΑ'
34
+ }];
35
+
36
+ var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(GovGRLogo, {
37
+ href: "#"
38
+ }), /*#__PURE__*/React.createElement(HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
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");
41
+
42
+ var _ref3 = /*#__PURE__*/React.createElement(Title, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
43
+
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
+
46
+ var _ref5 = /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 1");
47
+
48
+ var _ref6 = /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 2");
49
+
50
+ var _ref7 = /*#__PURE__*/React.createElement(Card, {
51
+ variant: "border",
52
+ borderColor: "dark"
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
+
55
+ var _ref8 = /*#__PURE__*/React.createElement(Title, {
56
+ size: "md"
57
+ }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2");
58
+
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, {
60
+ marginBottom: 0,
61
+ marginTop: 0,
62
+ listStyle: "bullet"
63
+ }, /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "15o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u0393\u03A5\u039C\u039D\u0391\u03A3\u0399\u039F \u0391\u0398\u0397\u039D\u03A9\u039D")))), /*#__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")));
64
+
65
+ var _ref10 = /*#__PURE__*/React.createElement(GovGRFooter, null);
66
+
67
+ export var PreviewDisplay = function PreviewDisplay() {
68
+ return /*#__PURE__*/React.createElement(Layout, null, _ref, /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Main, null, _ref2, _ref3, _ref4, /*#__PURE__*/React.createElement(Card, {
69
+ variant: "border",
70
+ borderColor: "dark"
71
+ }, _ref5, /*#__PURE__*/React.createElement(CardText, null, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
72
+ return /*#__PURE__*/React.createElement(SummaryListItem, {
73
+ key: index
74
+ }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value));
75
+ })))), /*#__PURE__*/React.createElement(Card, {
76
+ variant: "border",
77
+ borderColor: "dark"
78
+ }, _ref6, /*#__PURE__*/React.createElement(CardText, null, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
79
+ return /*#__PURE__*/React.createElement(SummaryListItem, {
80
+ key: index
81
+ }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value));
82
+ })))), _ref7, _ref8, _ref9)), _ref10);
83
+ };
package/esm/MultiplicityField/MultiplicityField.stories.js CHANGED
@@ -7,4 +7,5 @@ export * from '@digigov/form/MultiplicityField/__stories__/Default';
7
7
  export * from '@digigov/form/MultiplicityField/__stories__/WithMinLength';
8
8
  export * from '@digigov/form/MultiplicityField/__stories__/WithMaxLength';
9
9
  export * from '@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength';
10
- export * from '@digigov/form/MultiplicityField/__stories__/WithExactLength';
10
+ export * from '@digigov/form/MultiplicityField/__stories__/WithExactLength';
11
+ export * from '@digigov/form/MultiplicityField/__stories__/PreviewDisplay';
package/esm/MultiplicityField/__stories__/PreviewDisplay.js ADDED
@@ -0,0 +1,83 @@
1
+ import React from 'react';
2
+ import Layout, { Content, Main } from '@digigov/ui/layouts/Basic/';
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';
5
+ import GovGRFooter from '@digigov/ui/govgr/Footer';
6
+ import GovGRLogo from '@digigov/ui/govgr/Logo';
7
+ var fields = [{
8
+ name: 'Όνομα',
9
+ value: 'ΜΑΡΙΟΣ'
10
+ }, {
11
+ name: 'Επώνυμο',
12
+ value: 'ΜΕΝΕΞΕΣ'
13
+ }, {
14
+ name: 'Όνομα Πατέρα',
15
+ value: 'ΝΙΚΟΣ'
16
+ }, {
17
+ name: 'Όνομα Μητέρα',
18
+ value: 'ΜΑΡΙΑ'
19
+ }, {
20
+ name: 'Α.Φ.Μ',
21
+ value: '12030454'
22
+ }, {
23
+ name: 'Τηλέφωνο',
24
+ value: '6984386756'
25
+ }, {
26
+ name: 'Ημερομηνία Γέννησης',
27
+ value: '22/03/78'
28
+ }, {
29
+ name: 'Α.Δ.Τ',
30
+ value: 'Ψ456789'
31
+ }, {
32
+ name: 'Τύπος A.Δ.Τ',
33
+ value: 'ΚΑΡΤΑ'
34
+ }];
35
+
36
+ var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(GovGRLogo, {
37
+ href: "#"
38
+ }), /*#__PURE__*/React.createElement(HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
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");
41
+
42
+ var _ref3 = /*#__PURE__*/React.createElement(Title, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
43
+
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
+
46
+ var _ref5 = /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 1");
47
+
48
+ var _ref6 = /*#__PURE__*/React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 2");
49
+
50
+ var _ref7 = /*#__PURE__*/React.createElement(Card, {
51
+ variant: "border",
52
+ borderColor: "dark"
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
+
55
+ var _ref8 = /*#__PURE__*/React.createElement(Title, {
56
+ size: "md"
57
+ }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2");
58
+
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, {
60
+ marginBottom: 0,
61
+ marginTop: 0,
62
+ listStyle: "bullet"
63
+ }, /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /*#__PURE__*/React.createElement(ListItem, null, "15o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u0393\u03A5\u039C\u039D\u0391\u03A3\u0399\u039F \u0391\u0398\u0397\u039D\u03A9\u039D")))), /*#__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")));
64
+
65
+ var _ref10 = /*#__PURE__*/React.createElement(GovGRFooter, null);
66
+
67
+ export var PreviewDisplay = function PreviewDisplay() {
68
+ return /*#__PURE__*/React.createElement(Layout, null, _ref, /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Main, null, _ref2, _ref3, _ref4, /*#__PURE__*/React.createElement(Card, {
69
+ variant: "border",
70
+ borderColor: "dark"
71
+ }, _ref5, /*#__PURE__*/React.createElement(CardText, null, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
72
+ return /*#__PURE__*/React.createElement(SummaryListItem, {
73
+ key: index
74
+ }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value));
75
+ })))), /*#__PURE__*/React.createElement(Card, {
76
+ variant: "border",
77
+ borderColor: "dark"
78
+ }, _ref6, /*#__PURE__*/React.createElement(CardText, null, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
79
+ return /*#__PURE__*/React.createElement(SummaryListItem, {
80
+ key: index
81
+ }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value));
82
+ })))), _ref7, _ref8, _ref9)), _ref10);
83
+ };
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license Digigov v0.8.6-alpha
1
+ /** @license Digigov v0.8.7-alpha
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.8.6-alpha",
3
+ "version": "0.8.7-alpha",
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.26.6-alpha",
22
- "@digigov/react-core": "0.16.5-alpha",
23
- "@digigov/react-extensions": "0.18.4-alpha",
21
+ "@digigov/ui": "0.26.7-alpha",
22
+ "@digigov/react-core": "0.16.6-alpha",
23
+ "@digigov/react-extensions": "0.18.5-alpha",
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"