@pagopa/io-app-design-system 2.0.3 → 2.0.4
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/lib/commonjs/components/typography/ComposedBodyFromArray.js +26 -0
- package/lib/commonjs/components/typography/ComposedBodyFromArray.js.map +1 -0
- package/lib/commonjs/components/typography/__test__/ComposedBodyFromArray.test.js +107 -0
- package/lib/commonjs/components/typography/__test__/ComposedBodyFromArray.test.js.map +1 -0
- package/lib/commonjs/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +895 -0
- package/lib/commonjs/components/typography/index.js +11 -0
- package/lib/commonjs/components/typography/index.js.map +1 -1
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/module/components/typography/ComposedBodyFromArray.js +18 -0
- package/lib/module/components/typography/ComposedBodyFromArray.js.map +1 -0
- package/lib/module/components/typography/__test__/ComposedBodyFromArray.test.js +104 -0
- package/lib/module/components/typography/__test__/ComposedBodyFromArray.test.js.map +1 -0
- package/lib/module/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +895 -0
- package/lib/module/components/typography/index.js +1 -0
- package/lib/module/components/typography/index.js.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts +2 -2
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
- package/lib/typescript/components/typography/ComposedBodyFromArray.d.ts +13 -0
- package/lib/typescript/components/typography/ComposedBodyFromArray.d.ts.map +1 -0
- package/lib/typescript/components/typography/__test__/ComposedBodyFromArray.test.d.ts +2 -0
- package/lib/typescript/components/typography/__test__/ComposedBodyFromArray.test.d.ts.map +1 -0
- package/lib/typescript/components/typography/index.d.ts +1 -0
- package/lib/typescript/components/typography/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/featureInfo/FeatureInfo.tsx +2 -2
- package/src/components/typography/ComposedBodyFromArray.tsx +25 -0
- package/src/components/typography/__test__/ComposedBodyFromArray.test.tsx +99 -0
- package/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +895 -0
- package/src/components/typography/index.tsx +1 -0
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ComposedBodyFromArray = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _Body = require("./Body");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
+
const ComposedBodyFromArray = ({
|
|
12
|
+
body,
|
|
13
|
+
textAlign = "center"
|
|
14
|
+
}) => /*#__PURE__*/_react.default.createElement(_Body.Body, {
|
|
15
|
+
style: {
|
|
16
|
+
textAlign
|
|
17
|
+
}
|
|
18
|
+
}, body.map(({
|
|
19
|
+
text,
|
|
20
|
+
key,
|
|
21
|
+
...props
|
|
22
|
+
}, i) => /*#__PURE__*/_react.default.createElement(_Body.Body, _extends({
|
|
23
|
+
key: key ?? `OpResScreen_${i}`
|
|
24
|
+
}, props), text)));
|
|
25
|
+
exports.ComposedBodyFromArray = ComposedBodyFromArray;
|
|
26
|
+
//# sourceMappingURL=ComposedBodyFromArray.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_Body","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ComposedBodyFromArray","body","textAlign","createElement","Body","style","map","text","props","exports"],"sourceRoot":"../../../../src","sources":["components/typography/ComposedBodyFromArray.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAA8B,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAWvB,MAAMQ,qBAAqB,GAAGA,CAAC;EACpCC,IAAI;EACJC,SAAS,GAAG;AACK,CAAC,kBAClBvB,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAACrB,KAAA,CAAAsB,IAAI;EAACC,KAAK,EAAE;IAAEH;EAAU;AAAE,GACxBD,IAAI,CAACK,GAAG,CAAC,CAAC;EAAEC,IAAI;EAAEZ,GAAG;EAAE,GAAGa;AAAM,CAAC,EAAEjB,CAAC,kBACnCZ,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAACrB,KAAA,CAAAsB,IAAI,EAAAlB,QAAA;EAACS,GAAG,EAAEA,GAAG,IAAK,eAAcJ,CAAE;AAAE,GAAKiB,KAAK,GAC5CD,IACG,CACP,CACG,CACP;AAACE,OAAA,CAAAT,qBAAA,GAAAA,qBAAA"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
var _reactNative = require("@testing-library/react-native");
|
|
5
|
+
var _ComposedBodyFromArray = require("../ComposedBodyFromArray");
|
|
6
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
7
|
+
describe("ComposedBodyFromArray", () => {
|
|
8
|
+
it("should match snapshot, empty body, default text align", () => {
|
|
9
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
10
|
+
body: []
|
|
11
|
+
}));
|
|
12
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
13
|
+
});
|
|
14
|
+
it("should match snapshot, empty body, auto text align", () => {
|
|
15
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
16
|
+
body: [],
|
|
17
|
+
textAlign: "auto"
|
|
18
|
+
}));
|
|
19
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
20
|
+
});
|
|
21
|
+
it("should match snapshot, empty body, center text align", () => {
|
|
22
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
23
|
+
body: [],
|
|
24
|
+
textAlign: "center"
|
|
25
|
+
}));
|
|
26
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
27
|
+
});
|
|
28
|
+
it("should match snapshot, empty body, justify text align", () => {
|
|
29
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
30
|
+
body: [],
|
|
31
|
+
textAlign: "justify"
|
|
32
|
+
}));
|
|
33
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
34
|
+
});
|
|
35
|
+
it("should match snapshot, empty body, left text align", () => {
|
|
36
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
37
|
+
body: [],
|
|
38
|
+
textAlign: "left"
|
|
39
|
+
}));
|
|
40
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
41
|
+
});
|
|
42
|
+
it("should match snapshot, empty body, right text align", () => {
|
|
43
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
44
|
+
body: [],
|
|
45
|
+
textAlign: "right"
|
|
46
|
+
}));
|
|
47
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
48
|
+
});
|
|
49
|
+
it("should match snapshot, multiple items body, default text align", () => {
|
|
50
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
51
|
+
body: multipleItemsBody
|
|
52
|
+
}));
|
|
53
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
54
|
+
});
|
|
55
|
+
it("should match snapshot, multiple items body, auto text align", () => {
|
|
56
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
57
|
+
body: multipleItemsBody,
|
|
58
|
+
textAlign: "auto"
|
|
59
|
+
}));
|
|
60
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
61
|
+
});
|
|
62
|
+
it("should match snapshot, multiple items body, center text align", () => {
|
|
63
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
64
|
+
body: multipleItemsBody,
|
|
65
|
+
textAlign: "center"
|
|
66
|
+
}));
|
|
67
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
68
|
+
});
|
|
69
|
+
it("should match snapshot, multiple items body, justify text align", () => {
|
|
70
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
71
|
+
body: multipleItemsBody,
|
|
72
|
+
textAlign: "justify"
|
|
73
|
+
}));
|
|
74
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
75
|
+
});
|
|
76
|
+
it("should match snapshot, multiple items body, left text align", () => {
|
|
77
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
78
|
+
body: multipleItemsBody,
|
|
79
|
+
textAlign: "left"
|
|
80
|
+
}));
|
|
81
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
82
|
+
});
|
|
83
|
+
it("should match snapshot, multiple items body, right text align", () => {
|
|
84
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ComposedBodyFromArray.ComposedBodyFromArray, {
|
|
85
|
+
body: multipleItemsBody,
|
|
86
|
+
textAlign: "right"
|
|
87
|
+
}));
|
|
88
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
89
|
+
});
|
|
90
|
+
const multipleItemsBody = [{
|
|
91
|
+
text: "Multiple ",
|
|
92
|
+
weight: "Regular"
|
|
93
|
+
}, {
|
|
94
|
+
text: "styles",
|
|
95
|
+
weight: "Bold"
|
|
96
|
+
}, {
|
|
97
|
+
text: " text ",
|
|
98
|
+
weight: "Light"
|
|
99
|
+
}, {
|
|
100
|
+
text: "just",
|
|
101
|
+
weight: "Medium"
|
|
102
|
+
}, {
|
|
103
|
+
text: " weights",
|
|
104
|
+
weight: "Semibold"
|
|
105
|
+
}];
|
|
106
|
+
});
|
|
107
|
+
//# sourceMappingURL=ComposedBodyFromArray.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ComposedBodyFromArray","obj","__esModule","default","describe","it","component","render","createElement","ComposedBodyFromArray","body","expect","toJSON","toMatchSnapshot","textAlign","multipleItemsBody","text","weight"],"sourceRoot":"../../../../../src","sources":["components/typography/__test__/ComposedBodyFromArray.test.tsx"],"mappings":"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"}
|