@bosonprotocol/react-kit 0.42.1 → 0.42.2-alpha.0

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 (8) hide show
  1. package/dist/cjs/components/modal/components/common/OfferFullDescription/Overview.d.ts.map +1 -1
  2. package/dist/cjs/components/modal/components/common/OfferFullDescription/Overview.js +16 -3
  3. package/dist/cjs/components/modal/components/common/OfferFullDescription/Overview.js.map +1 -1
  4. package/dist/esm/components/modal/components/common/OfferFullDescription/Overview.d.ts.map +1 -1
  5. package/dist/esm/components/modal/components/common/OfferFullDescription/Overview.js +16 -3
  6. package/dist/esm/components/modal/components/common/OfferFullDescription/Overview.js.map +1 -1
  7. package/package.json +2 -2
  8. package/src/components/modal/components/common/OfferFullDescription/Overview.tsx +21 -5
package/dist/cjs/components/modal/components/common/OfferFullDescription/Overview.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Overview.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/Overview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAMnD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqC5C,CAAC"}
1
+ {"version":3,"file":"Overview.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/Overview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAiBnD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyC5C,CAAC"}
package/dist/cjs/components/modal/components/common/OfferFullDescription/Overview.js CHANGED
@@ -5,14 +5,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Overview = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
+ const styled_components_1 = __importDefault(require("styled-components"));
8
9
  const Grid_1 = require("../../../../ui/Grid");
9
10
  const GridContainer_1 = require("../../../../ui/GridContainer");
10
11
  const Typography_1 = require("../../../../ui/Typography");
11
12
  const Detail_style_1 = require("../detail/Detail.style");
13
+ const breakpoint_1 = require("../../../../../lib/ui/breakpoint");
14
+ // Styled GridContainer with responsive fixed-width first column
15
+ const ResponsiveGridContainer = (0, styled_components_1.default)(GridContainer_1.GridContainer) `
16
+ ${breakpoint_1.breakpoint.xxs} {
17
+ grid-template-columns: minmax(0, 1fr);
18
+ }
19
+ ${breakpoint_1.breakpoint.xs} {
20
+ grid-template-columns: 300px minmax(0, 1fr);
21
+ }
22
+ `;
12
23
  const Overview = ({ offer }) => {
13
24
  var _a, _b;
14
25
  return (react_1.default.createElement(Grid_1.Grid, { flexDirection: "column", gap: "0.5rem", alignItems: "flex-start", justifyContent: "space-between" },
15
- react_1.default.createElement(GridContainer_1.GridContainer, { itemsPerRow: {
26
+ react_1.default.createElement(ResponsiveGridContainer, { itemsPerRow: {
27
+ xxs: 1,
16
28
  xs: 2,
17
29
  s: 2,
18
30
  m: 2,
@@ -22,7 +34,8 @@ const Overview = ({ offer }) => {
22
34
  react_1.default.createElement(Typography_1.Typography, { tag: "h3" }, "Phygital name"),
23
35
  react_1.default.createElement(Typography_1.Typography, null, (_a = offer.metadata) === null || _a === void 0 ? void 0 : _a.name)),
24
36
  react_1.default.createElement(Detail_style_1.Break, null),
25
- react_1.default.createElement(GridContainer_1.GridContainer, { itemsPerRow: {
37
+ react_1.default.createElement(ResponsiveGridContainer, { itemsPerRow: {
38
+ xxs: 1,
26
39
  xs: 2,
27
40
  s: 2,
28
41
  m: 2,
@@ -30,7 +43,7 @@ const Overview = ({ offer }) => {
30
43
  xl: 2
31
44
  }, style: { alignItems: "center", width: "100%" } },
32
45
  react_1.default.createElement(Typography_1.Typography, { tag: "h3" }, "Phygital description"),
33
- react_1.default.createElement(Typography_1.Typography, null, (_b = offer.metadata) === null || _b === void 0 ? void 0 : _b.description))));
46
+ react_1.default.createElement(Typography_1.Typography, { style: { whiteSpace: "pre-wrap" } }, (_b = offer.metadata) === null || _b === void 0 ? void 0 : _b.description))));
34
47
  };
35
48
  exports.Overview = Overview;
36
49
  //# sourceMappingURL=Overview.js.map
package/dist/cjs/components/modal/components/common/OfferFullDescription/Overview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Overview.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/Overview.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8CAA2C;AAC3C,gEAA6D;AAC7D,0DAAuD;AACvD,yDAA+C;AAMxC,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;;IAC7D,OAAO,CACL,8BAAC,WAAI,IACH,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAC,QAAQ,EACZ,UAAU,EAAC,YAAY,EACvB,cAAc,EAAC,eAAe;QAE9B,8BAAC,6BAAa,IACZ,WAAW,EAAE;gBACX,EAAE,EAAE,CAAC;gBACL,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,EAAE,EAAE,CAAC;aACN,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;YAE9C,8BAAC,uBAAU,IAAC,GAAG,EAAC,IAAI,oBAA2B;YAC/C,8BAAC,uBAAU,QAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,CAAc,CACjC;QAChB,8BAAC,oBAAK,OAAG;QACT,8BAAC,6BAAa,IACZ,WAAW,EAAE;gBACX,EAAE,EAAE,CAAC;gBACL,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,EAAE,EAAE,CAAC;aACN,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;YAE9C,8BAAC,uBAAU,IAAC,GAAG,EAAC,IAAI,2BAAkC;YACtD,8BAAC,uBAAU,QAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,WAAW,CAAc,CACxC,CACX,CACR,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,QAAQ,YAqCnB"}
1
+ {"version":3,"file":"Overview.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/Overview.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0EAAuC;AAEvC,8CAA2C;AAC3C,gEAA6D;AAC7D,0DAAuD;AACvD,yDAA+C;AAC/C,iEAA8D;AAE9D,gEAAgE;AAChE,MAAM,uBAAuB,GAAG,IAAA,2BAAM,EAAC,6BAAa,CAAC,CAAA;IACjD,uBAAU,CAAC,GAAG;;;IAGd,uBAAU,CAAC,EAAE;;;CAGhB,CAAC;AAMK,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;;IAC7D,OAAO,CACL,8BAAC,WAAI,IACH,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAC,QAAQ,EACZ,UAAU,EAAC,YAAY,EACvB,cAAc,EAAC,eAAe;QAE9B,8BAAC,uBAAuB,IACtB,WAAW,EAAE;gBACX,GAAG,EAAE,CAAC;gBACN,EAAE,EAAE,CAAC;gBACL,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,EAAE,EAAE,CAAC;aACN,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;YAE9C,8BAAC,uBAAU,IAAC,GAAG,EAAC,IAAI,oBAA2B;YAC/C,8BAAC,uBAAU,QAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,CAAc,CACvB;QAC1B,8BAAC,oBAAK,OAAG;QACT,8BAAC,uBAAuB,IACtB,WAAW,EAAE;gBACX,GAAG,EAAE,CAAC;gBACN,EAAE,EAAE,CAAC;gBACL,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,EAAE,EAAE,CAAC;aACN,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;YAE9C,8BAAC,uBAAU,IAAC,GAAG,EAAC,IAAI,2BAAkC;YACtD,8BAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAC1C,MAAA,KAAK,CAAC,QAAQ,0CAAE,WAAW,CACjB,CACW,CACrB,CACR,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,QAAQ,YAyCnB"}
package/dist/esm/components/modal/components/common/OfferFullDescription/Overview.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Overview.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/Overview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAMnD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqC5C,CAAC"}
1
+ {"version":3,"file":"Overview.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/Overview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAiBnD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyC5C,CAAC"}
package/dist/esm/components/modal/components/common/OfferFullDescription/Overview.js CHANGED
@@ -1,11 +1,23 @@
1
1
  import React from "react";
2
+ import styled from "styled-components";
2
3
  import { Grid } from "../../../../ui/Grid";
3
4
  import { GridContainer } from "../../../../ui/GridContainer";
4
5
  import { Typography } from "../../../../ui/Typography";
5
6
  import { Break } from "../detail/Detail.style";
7
+ import { breakpoint } from "../../../../../lib/ui/breakpoint";
8
+ // Styled GridContainer with responsive fixed-width first column
9
+ const ResponsiveGridContainer = styled(GridContainer) `
10
+ ${breakpoint.xxs} {
11
+ grid-template-columns: minmax(0, 1fr);
12
+ }
13
+ ${breakpoint.xs} {
14
+ grid-template-columns: 300px minmax(0, 1fr);
15
+ }
16
+ `;
6
17
  export const Overview = ({ offer }) => {
7
18
  return (React.createElement(Grid, { flexDirection: "column", gap: "0.5rem", alignItems: "flex-start", justifyContent: "space-between" },
8
- React.createElement(GridContainer, { itemsPerRow: {
19
+ React.createElement(ResponsiveGridContainer, { itemsPerRow: {
20
+ xxs: 1,
9
21
  xs: 2,
10
22
  s: 2,
11
23
  m: 2,
@@ -15,7 +27,8 @@ export const Overview = ({ offer }) => {
15
27
  React.createElement(Typography, { tag: "h3" }, "Phygital name"),
16
28
  React.createElement(Typography, null, offer.metadata?.name)),
17
29
  React.createElement(Break, null),
18
- React.createElement(GridContainer, { itemsPerRow: {
30
+ React.createElement(ResponsiveGridContainer, { itemsPerRow: {
31
+ xxs: 1,
19
32
  xs: 2,
20
33
  s: 2,
21
34
  m: 2,
@@ -23,6 +36,6 @@ export const Overview = ({ offer }) => {
23
36
  xl: 2
24
37
  }, style: { alignItems: "center", width: "100%" } },
25
38
  React.createElement(Typography, { tag: "h3" }, "Phygital description"),
26
- React.createElement(Typography, null, offer.metadata?.description))));
39
+ React.createElement(Typography, { style: { whiteSpace: "pre-wrap" } }, offer.metadata?.description))));
27
40
  };
28
41
  //# sourceMappingURL=Overview.js.map
package/dist/esm/components/modal/components/common/OfferFullDescription/Overview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Overview.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/Overview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAM/C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7D,OAAO,CACL,oBAAC,IAAI,IACH,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAC,QAAQ,EACZ,UAAU,EAAC,YAAY,EACvB,cAAc,EAAC,eAAe;QAE9B,oBAAC,aAAa,IACZ,WAAW,EAAE;gBACX,EAAE,EAAE,CAAC;gBACL,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,EAAE,EAAE,CAAC;aACN,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;YAE9C,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,oBAA2B;YAC/C,oBAAC,UAAU,QAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAc,CACjC;QAChB,oBAAC,KAAK,OAAG;QACT,oBAAC,aAAa,IACZ,WAAW,EAAE;gBACX,EAAE,EAAE,CAAC;gBACL,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,EAAE,EAAE,CAAC;aACN,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;YAE9C,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,2BAAkC;YACtD,oBAAC,UAAU,QAAE,KAAK,CAAC,QAAQ,EAAE,WAAW,CAAc,CACxC,CACX,CACR,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Overview.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/common/OfferFullDescription/Overview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,gEAAgE;AAChE,MAAM,uBAAuB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;IACjD,UAAU,CAAC,GAAG;;;IAGd,UAAU,CAAC,EAAE;;;CAGhB,CAAC;AAMF,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7D,OAAO,CACL,oBAAC,IAAI,IACH,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAC,QAAQ,EACZ,UAAU,EAAC,YAAY,EACvB,cAAc,EAAC,eAAe;QAE9B,oBAAC,uBAAuB,IACtB,WAAW,EAAE;gBACX,GAAG,EAAE,CAAC;gBACN,EAAE,EAAE,CAAC;gBACL,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,EAAE,EAAE,CAAC;aACN,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;YAE9C,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,oBAA2B;YAC/C,oBAAC,UAAU,QAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAc,CACvB;QAC1B,oBAAC,KAAK,OAAG;QACT,oBAAC,uBAAuB,IACtB,WAAW,EAAE;gBACX,GAAG,EAAE,CAAC;gBACN,EAAE,EAAE,CAAC;gBACL,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,EAAE,EAAE,CAAC;aACN,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;YAE9C,oBAAC,UAAU,IAAC,GAAG,EAAC,IAAI,2BAAkC;YACtD,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAC1C,KAAK,CAAC,QAAQ,EAAE,WAAW,CACjB,CACW,CACrB,CACR,CAAC;AACJ,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bosonprotocol/react-kit",
3
3
  "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
4
- "version": "0.42.1",
4
+ "version": "0.42.2-alpha.0",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
7
7
  "types": "./dist/cjs/index.d.ts",
@@ -210,5 +210,5 @@
210
210
  "overrides": {
211
211
  "typescript": "^5.1.6"
212
212
  },
213
- "gitHead": "0b95bcafa55ac599fd9c1984ebf5cd95e16ee51d"
213
+ "gitHead": "bddc7f6b94dce23700f3296a4a5769a8682c0bd2"
214
214
  }
package/src/components/modal/components/common/OfferFullDescription/Overview.tsx CHANGED
@@ -1,9 +1,21 @@
1
1
  import React from "react";
2
+ import styled from "styled-components";
2
3
  import { Offer } from "../../../../../types/offer";
3
4
  import { Grid } from "../../../../ui/Grid";
4
5
  import { GridContainer } from "../../../../ui/GridContainer";
5
6
  import { Typography } from "../../../../ui/Typography";
6
7
  import { Break } from "../detail/Detail.style";
8
+ import { breakpoint } from "../../../../../lib/ui/breakpoint";
9
+
10
+ // Styled GridContainer with responsive fixed-width first column
11
+ const ResponsiveGridContainer = styled(GridContainer)`
12
+ ${breakpoint.xxs} {
13
+ grid-template-columns: minmax(0, 1fr);
14
+ }
15
+ ${breakpoint.xs} {
16
+ grid-template-columns: 300px minmax(0, 1fr);
17
+ }
18
+ `;
7
19
 
8
20
  type OverviewProps = {
9
21
  offer: Offer;
@@ -17,8 +29,9 @@ export const Overview: React.FC<OverviewProps> = ({ offer }) => {
17
29
  alignItems="flex-start"
18
30
  justifyContent="space-between"
19
31
  >
20
- <GridContainer
32
+ <ResponsiveGridContainer
21
33
  itemsPerRow={{
34
+ xxs: 1,
22
35
  xs: 2,
23
36
  s: 2,
24
37
  m: 2,
@@ -29,10 +42,11 @@ export const Overview: React.FC<OverviewProps> = ({ offer }) => {
29
42
  >
30
43
  <Typography tag="h3">Phygital name</Typography>
31
44
  <Typography>{offer.metadata?.name}</Typography>
32
- </GridContainer>
45
+ </ResponsiveGridContainer>
33
46
  <Break />
34
- <GridContainer
47
+ <ResponsiveGridContainer
35
48
  itemsPerRow={{
49
+ xxs: 1,
36
50
  xs: 2,
37
51
  s: 2,
38
52
  m: 2,
@@ -42,8 +56,10 @@ export const Overview: React.FC<OverviewProps> = ({ offer }) => {
42
56
  style={{ alignItems: "center", width: "100%" }}
43
57
  >
44
58
  <Typography tag="h3">Phygital description</Typography>
45
- <Typography>{offer.metadata?.description}</Typography>
46
- </GridContainer>
59
+ <Typography style={{ whiteSpace: "pre-wrap" }}>
60
+ {offer.metadata?.description}
61
+ </Typography>
62
+ </ResponsiveGridContainer>
47
63
  </Grid>
48
64
  );
49
65
  };