@bosonprotocol/react-kit 0.30.1 → 0.31.0-alpha.1
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/dist/cjs/components/modal/Modal.d.ts.map +1 -1
- package/dist/cjs/components/modal/Modal.js +8 -6
- package/dist/cjs/components/modal/Modal.js.map +1 -1
- package/dist/cjs/components/modal/components/PurchaseOverview/PurchaseOverview.d.ts.map +1 -1
- package/dist/cjs/components/modal/components/PurchaseOverview/PurchaseOverview.js +5 -30
- package/dist/cjs/components/modal/components/PurchaseOverview/PurchaseOverview.js.map +1 -1
- package/dist/cjs/components/modal/nonModal/NonModal.js +5 -5
- package/dist/cjs/components/modal/nonModal/NonModal.js.map +1 -1
- package/dist/cjs/components/modal/nonModal/styles.d.ts.map +1 -1
- package/dist/cjs/components/modal/nonModal/styles.js +2 -0
- package/dist/cjs/components/modal/nonModal/styles.js.map +1 -1
- package/dist/cjs/components/widgets/MarginContainer.d.ts +9 -0
- package/dist/cjs/components/widgets/MarginContainer.d.ts.map +1 -0
- package/dist/cjs/components/widgets/MarginContainer.js +51 -0
- package/dist/cjs/components/widgets/MarginContainer.js.map +1 -0
- package/dist/cjs/components/widgets/commit/CommitWidget.d.ts +1 -1
- package/dist/cjs/components/widgets/commit/CommitWidget.d.ts.map +1 -1
- package/dist/cjs/components/widgets/commit/CommitWidget.js +4 -32
- package/dist/cjs/components/widgets/commit/CommitWidget.js.map +1 -1
- package/dist/cjs/components/widgets/redemption/RedemptionWidget.d.ts +1 -0
- package/dist/cjs/components/widgets/redemption/RedemptionWidget.d.ts.map +1 -1
- package/dist/cjs/components/widgets/redemption/RedemptionWidget.js +2 -1
- package/dist/cjs/components/widgets/redemption/RedemptionWidget.js.map +1 -1
- package/dist/esm/components/modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/modal/Modal.js +8 -6
- package/dist/esm/components/modal/Modal.js.map +1 -1
- package/dist/esm/components/modal/components/PurchaseOverview/PurchaseOverview.d.ts.map +1 -1
- package/dist/esm/components/modal/components/PurchaseOverview/PurchaseOverview.js +5 -7
- package/dist/esm/components/modal/components/PurchaseOverview/PurchaseOverview.js.map +1 -1
- package/dist/esm/components/modal/nonModal/NonModal.js +5 -5
- package/dist/esm/components/modal/nonModal/NonModal.js.map +1 -1
- package/dist/esm/components/modal/nonModal/styles.d.ts.map +1 -1
- package/dist/esm/components/modal/nonModal/styles.js +2 -0
- package/dist/esm/components/modal/nonModal/styles.js.map +1 -1
- package/dist/esm/components/widgets/MarginContainer.d.ts +9 -0
- package/dist/esm/components/widgets/MarginContainer.d.ts.map +1 -0
- package/dist/esm/components/widgets/MarginContainer.js +24 -0
- package/dist/esm/components/widgets/MarginContainer.js.map +1 -0
- package/dist/esm/components/widgets/commit/CommitWidget.d.ts +1 -1
- package/dist/esm/components/widgets/commit/CommitWidget.d.ts.map +1 -1
- package/dist/esm/components/widgets/commit/CommitWidget.js +4 -9
- package/dist/esm/components/widgets/commit/CommitWidget.js.map +1 -1
- package/dist/esm/components/widgets/redemption/RedemptionWidget.d.ts +1 -0
- package/dist/esm/components/widgets/redemption/RedemptionWidget.d.ts.map +1 -1
- package/dist/esm/components/widgets/redemption/RedemptionWidget.js +2 -1
- package/dist/esm/components/widgets/redemption/RedemptionWidget.js.map +1 -1
- package/package.json +2 -2
- package/src/components/modal/Modal.tsx +9 -12
- package/src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx +7 -17
- package/src/components/modal/nonModal/NonModal.tsx +5 -5
- package/src/components/modal/nonModal/styles.tsx +2 -0
- package/src/components/widgets/MarginContainer.tsx +50 -0
- package/src/components/widgets/commit/CommitWidget.tsx +7 -18
- package/src/components/widgets/redemption/RedemptionWidget.tsx +4 -2
- package/src/stories/widgets/Commit.stories.tsx +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AA+MlD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACtC,SAAS,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAClC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,KAAU,EACV,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAe,EACf,SAAS,EACV,EAAE,KAAK,qBA4CP"}
|
|
@@ -43,10 +43,7 @@ const Root = styled_components_1.default.div `
|
|
|
43
43
|
left: 0;
|
|
44
44
|
right: 0;
|
|
45
45
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
46
|
-
max-height:
|
|
47
|
-
max-width: 100vw;
|
|
48
|
-
overflow-y: auto;
|
|
49
|
-
overflow-x: hidden;
|
|
46
|
+
max-height: inherit;
|
|
50
47
|
`;
|
|
51
48
|
const RootBG = styled_components_1.default.div `
|
|
52
49
|
position: fixed;
|
|
@@ -107,6 +104,9 @@ const background = {
|
|
|
107
104
|
light: `${colors.white}`
|
|
108
105
|
};
|
|
109
106
|
const Wrapper = styled_components_1.default.div `
|
|
107
|
+
display: flex;
|
|
108
|
+
flex-direction: column;
|
|
109
|
+
max-height: inherit;
|
|
110
110
|
position: relative;
|
|
111
111
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
112
112
|
color: ${({ $themeVal }) => {
|
|
@@ -181,7 +181,7 @@ const Wrapper = styled_components_1.default.div `
|
|
|
181
181
|
margin: ${({ $size }) => sizeToMargin[$size]["xl"] || "4rem 14rem"};
|
|
182
182
|
}
|
|
183
183
|
${({ $size }) => $size === "fullscreen" &&
|
|
184
|
-
`
|
|
184
|
+
(0, styled_components_1.css) `
|
|
185
185
|
min-height: 100vh;
|
|
186
186
|
`};
|
|
187
187
|
`;
|
|
@@ -211,6 +211,8 @@ const Close = (0, styled_components_1.default)(phosphor_react_1.X) `
|
|
|
211
211
|
`;
|
|
212
212
|
const Content = styled_components_1.default.div `
|
|
213
213
|
padding: 2rem;
|
|
214
|
+
flex: 1;
|
|
215
|
+
overflow-y: auto;
|
|
214
216
|
`;
|
|
215
217
|
function Modal({ children, hideModal, title = "", headerComponent: HeaderComponent, footerComponent: FooterComponent, size, maxWidths, theme, contentStyle, closable = true, modalType }) {
|
|
216
218
|
const handleOnClose = () => {
|
|
@@ -227,7 +229,7 @@ function Modal({ children, hideModal, title = "", headerComponent: HeaderCompone
|
|
|
227
229
|
title,
|
|
228
230
|
closable && (react_1.default.createElement(ThemedButton_1.default, { "data-close": true, themeVal: "blank", onClick: handleOnClose },
|
|
229
231
|
react_1.default.createElement(Close, { size: 32 }))))),
|
|
230
|
-
react_1.default.createElement(Content, {
|
|
232
|
+
react_1.default.createElement(Content, { style: contentStyle }, children),
|
|
231
233
|
FooterComponent && react_1.default.createElement(FooterWrapper, null, FooterComponent)),
|
|
232
234
|
react_1.default.createElement(RootBG, { onClick: () => {
|
|
233
235
|
handleOnClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA6C;AAC7C,mDAAmC;AAEnC,yCAAyC;AACzC,uEAAgD;AAEhD,uCAAoC;AAEpC,iDAA8C;AAC9C,sEAA8C;AAC9C,wDAAqD;AACrD,yCAAsC;AAEtC,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;aAMV,eAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseOverview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"PurchaseOverview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAOlD,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAC"}
|
|
@@ -1,42 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
6
|
exports.PurchaseOverview = void 0;
|
|
30
|
-
const react_1 =
|
|
31
|
-
const PurchaseOverviewView_1 = require("../common/StepsOverview/PurchaseOverviewView");
|
|
32
|
-
const NonModal_1 = __importDefault(require("../../nonModal/NonModal"));
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
33
8
|
const theme_1 = require("../../../../theme");
|
|
9
|
+
const MarginContainer_1 = require("../../../widgets/MarginContainer");
|
|
10
|
+
const NonModal_1 = __importDefault(require("../../nonModal/NonModal"));
|
|
11
|
+
const PurchaseOverviewView_1 = require("../common/StepsOverview/PurchaseOverviewView");
|
|
34
12
|
const colors = theme_1.theme.colors.light;
|
|
35
13
|
const PurchaseOverview = ({ lookAndFeel, hideModal, modalMargin }) => {
|
|
36
|
-
|
|
37
|
-
return lookAndFeel === "regular" ? (react_1.default.createElement(react_1.default.Fragment, null, children)) : (react_1.default.createElement("div", { style: { margin: modalMargin } }, children));
|
|
38
|
-
}, [lookAndFeel, modalMargin]);
|
|
39
|
-
return (react_1.default.createElement(Wrapper, null,
|
|
14
|
+
return (react_1.default.createElement(MarginContainer_1.MarginContainer, { lookAndFeel: lookAndFeel, modalMargin: modalMargin },
|
|
40
15
|
react_1.default.createElement(NonModal_1.default, { hideModal: hideModal, footerComponent: null, contentStyle: {
|
|
41
16
|
background: colors.white
|
|
42
17
|
}, lookAndFeel: lookAndFeel, showConnectButton: false },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseOverview.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PurchaseOverview.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,6CAA0C;AAC1C,sEAAmE;AACnE,uEAA+C;AAC/C,uFAAoF;AACpF,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAQ3B,MAAM,gBAAgB,GAAoC,CAAC,EAChE,WAAW,EACX,SAAS,EACT,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,iCAAe,IAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;QACjE,8BAAC,kBAAQ,IACP,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,IAAI,EACrB,YAAY,EAAE;gBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;aACzB,EACD,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,KAAK;YAExB,8BAAC,2CAAoB,OAAG,CACf,CACK,CACnB,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,gBAAgB,oBAoB3B"}
|
|
@@ -42,10 +42,7 @@ const Root = styled_components_1.default.div `
|
|
|
42
42
|
left: 0;
|
|
43
43
|
right: 0;
|
|
44
44
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
45
|
-
max-height:
|
|
46
|
-
max-width: 100vw;
|
|
47
|
-
overflow-y: auto;
|
|
48
|
-
overflow-x: hidden;
|
|
45
|
+
max-height: inherit;
|
|
49
46
|
`;
|
|
50
47
|
const RootBG = styled_components_1.default.div `
|
|
51
48
|
position: fixed;
|
|
@@ -106,6 +103,9 @@ const background = {
|
|
|
106
103
|
light: `${colors.white}`
|
|
107
104
|
};
|
|
108
105
|
const Wrapper = styled_components_1.default.div `
|
|
106
|
+
display: flex;
|
|
107
|
+
flex-direction: column;
|
|
108
|
+
max-height: inherit;
|
|
109
109
|
position: relative;
|
|
110
110
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
111
111
|
color: ${({ $themeVal }) => {
|
|
@@ -159,7 +159,7 @@ const Wrapper = styled_components_1.default.div `
|
|
|
159
159
|
margin: ${({ $size }) => sizeToMargin[$size]["xl"] || "4rem 14rem"};
|
|
160
160
|
}
|
|
161
161
|
${({ $size }) => $size === "fullscreen" &&
|
|
162
|
-
`
|
|
162
|
+
(0, styled_components_1.css) `
|
|
163
163
|
min-height: 100vh;
|
|
164
164
|
`};
|
|
165
165
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,0CAAuC;AAEvC,uEAAgD;AAEhD,sDAA8B;AAE9B,4CAAyC;AACzC,2DAAwD;AACxD,qCAAmC;AAEnC,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;aAMV,eAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO,gNAInB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAE1B,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAE1B,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
3
|
+
export type MarginContainerProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
lookAndFeel: "regular" | "modal";
|
|
6
|
+
modalMargin?: CSSProperties["margin"];
|
|
7
|
+
};
|
|
8
|
+
export declare function MarginContainer({ lookAndFeel, modalMargin, children }: MarginContainerProps): JSX.Element;
|
|
9
|
+
//# sourceMappingURL=MarginContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/MarginContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AAC5E,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAe/D,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,WAAW,EACX,QAAQ,EACT,EAAE,oBAAoB,eAwBtB"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.MarginContainer = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const styled_components_1 = __importStar(require("styled-components"));
|
|
29
|
+
const StyledContainer = styled_components_1.default.div `
|
|
30
|
+
${({ $margin, $marginVertical }) => (0, styled_components_1.css) `
|
|
31
|
+
margin: ${$margin};
|
|
32
|
+
max-height: calc(100vh - ${$marginVertical});
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
> * {
|
|
35
|
+
max-height: inherit;
|
|
36
|
+
}
|
|
37
|
+
`}
|
|
38
|
+
`;
|
|
39
|
+
function MarginContainer({ lookAndFeel, modalMargin, children }) {
|
|
40
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
41
|
+
const [marginVertical, setMarginVertical] = (0, react_1.useState)("");
|
|
42
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
43
|
+
if (containerRef.current) {
|
|
44
|
+
const { marginTop, marginBottom } = window.getComputedStyle(containerRef.current);
|
|
45
|
+
setMarginVertical(`(${marginTop} + ${marginBottom})`);
|
|
46
|
+
}
|
|
47
|
+
}, [containerRef, modalMargin]);
|
|
48
|
+
return lookAndFeel === "regular" ? (react_1.default.createElement(react_1.default.Fragment, null, children)) : (react_1.default.createElement(StyledContainer, { "$margin": modalMargin, "data-margin": true, ref: containerRef, "$marginVertical": marginVertical }, children));
|
|
49
|
+
}
|
|
50
|
+
exports.MarginContainer = MarginContainer;
|
|
51
|
+
//# sourceMappingURL=MarginContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarginContainer.js","sourceRoot":"","sources":["../../../../src/components/widgets/MarginContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4E;AAC5E,uEAA+D;AAE/D,MAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,CAGhC;IACE,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;cAC3B,OAAO;+BACU,eAAe;;;;;GAK3C;CACF,CAAC;AAMF,SAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,WAAW,EACX,QAAQ,EACa;IACrB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEzD,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,gBAAgB,CACzD,YAAY,CAAC,OAAO,CACrB,CAAC;YACF,iBAAiB,CAAC,IAAI,SAAS,MAAM,YAAY,GAAG,CAAC,CAAC;SACvD;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAChC,OAAO,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CACjC,8DAAG,QAAQ,CAAI,CAChB,CAAC,CAAC,CAAC,CACF,8BAAC,eAAe,eACL,WAAW,uBAEpB,GAAG,EAAE,YAAY,qBACA,cAAc,IAE9B,QAAQ,CACO,CACnB,CAAC;AACJ,CAAC;AA5BD,0CA4BC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentType } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
2
3
|
import { ButtonProps } from "../../buttons/Button";
|
|
3
4
|
import { CommitNonModalProps } from "../../modal/components/Commit/CommitNonModal";
|
|
4
5
|
import { CommitWidgetProvidersProps } from "./CommitWidgetProviders";
|
|
5
|
-
import { CSSProperties } from "styled-components";
|
|
6
6
|
type CommitProps = {
|
|
7
7
|
buttonProps?: Omit<ButtonProps, "onClick">;
|
|
8
8
|
trigger?: ComponentType<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommitWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"CommitWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAInF,OAAO,EAEL,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AAEjC,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,OAAO,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CACjE,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC,GAAG;IACnE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GAAG,CACA;IACE,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CACJ,GAAG;IACF,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AACJ,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,0BAA0B,EAAE,mBAAmB,GAAG,UAAU,CAAC,CAAC;AAErE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eASpD"}
|
|
@@ -1,44 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
6
|
exports.CommitWidget = void 0;
|
|
30
|
-
const react_1 =
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const GlobalStyle_1 = __importDefault(require("../../styles/GlobalStyle"));
|
|
9
|
+
const MarginContainer_1 = require("../MarginContainer");
|
|
31
10
|
const CommitModalWithOffer_1 = require("./CommitModalWithOffer");
|
|
32
11
|
const CommitWidgetProviders_1 = require("./CommitWidgetProviders");
|
|
33
|
-
const GlobalStyle_1 = __importDefault(require("../../styles/GlobalStyle"));
|
|
34
12
|
function CommitWidget(props) {
|
|
35
|
-
|
|
36
|
-
return props.lookAndFeel === "regular" ? (react_1.default.createElement(react_1.default.Fragment, null, children)) : (react_1.default.createElement("div", { style: { margin: props.modalMargin } }, children));
|
|
37
|
-
},
|
|
38
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
39
|
-
// @ts-ignore
|
|
40
|
-
[props.lookAndFeel, props.modalMargin]);
|
|
41
|
-
return (react_1.default.createElement(Container, null,
|
|
13
|
+
return (react_1.default.createElement(MarginContainer_1.MarginContainer, Object.assign({}, props),
|
|
42
14
|
react_1.default.createElement(CommitWidgetProviders_1.CommitWidgetProviders, Object.assign({}, props, { withReduxProvider: true }),
|
|
43
15
|
react_1.default.createElement(GlobalStyle_1.default, null),
|
|
44
16
|
react_1.default.createElement(CommitModalWithOffer_1.CommitModalWithOffer, Object.assign({}, props, { hideModal: props.closeWidgetClick })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommitWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CommitWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAI7C,2EAAmD;AACnD,wDAAqD;AACrD,iEAA8D;AAC9D,mEAGiC;AA4BjC,SAAgB,YAAY,CAAC,KAAwB;IACnD,OAAO,CACL,8BAAC,iCAAe,oBAAK,KAAK;QACxB,8BAAC,6CAAqB,oBAAK,KAAK,IAAE,iBAAiB;YACjD,8BAAC,qBAAW,OAAG;YACf,8BAAC,2CAAoB,oBAAK,KAAK,IAAE,SAAS,EAAE,KAAK,CAAC,gBAAgB,IAAI,CAChD,CACR,CACnB,CAAC;AACJ,CAAC;AATD,oCASC"}
|
|
@@ -11,6 +11,7 @@ type RedemptionProps = {
|
|
|
11
11
|
} & Omit<RedeemNonModalProps, "exchange" | "hideModal" | "parentOrigin"> & {
|
|
12
12
|
exchangeId?: string;
|
|
13
13
|
closeWidgetClick?: () => void;
|
|
14
|
+
lookAndFeel: "regular" | "modal";
|
|
14
15
|
modalMargin?: CSSProperties["margin"];
|
|
15
16
|
};
|
|
16
17
|
export type RedemptionWidgetProps = RedemptionProps & RedemptionWidgetProvidersProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAGnF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"RedemptionWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAGnF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,KAAK,eAAe,GAAG;IACrB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,OAAO,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CACjE,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC,GAAG;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAEJ,MAAM,MAAM,qBAAqB,GAAG,eAAe,GACjD,8BAA8B,CAAC;AAEjC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAqB5D"}
|
|
@@ -8,6 +8,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const common_1 = require("../common");
|
|
9
9
|
const RedeemModalWithExchange_1 = require("./RedeemModalWithExchange");
|
|
10
10
|
const RedemptionWidgetProviders_1 = require("./RedemptionWidgetProviders");
|
|
11
|
+
const MarginContainer_1 = require("../MarginContainer");
|
|
11
12
|
function RedemptionWidget(props) {
|
|
12
13
|
const parentOrigin = (0, common_1.getParentWindowOrigin)();
|
|
13
14
|
const sellerIds = Array.isArray(props.sellerIds)
|
|
@@ -16,7 +17,7 @@ function RedemptionWidget(props) {
|
|
|
16
17
|
const signatures = Array.isArray(props.signatures)
|
|
17
18
|
? props.signatures
|
|
18
19
|
: undefined;
|
|
19
|
-
return (react_1.default.createElement(
|
|
20
|
+
return (react_1.default.createElement(MarginContainer_1.MarginContainer, Object.assign({}, props),
|
|
20
21
|
react_1.default.createElement(RedemptionWidgetProviders_1.RedemptionWidgetProviders, Object.assign({}, props),
|
|
21
22
|
react_1.default.createElement(RedeemModalWithExchange_1.RedeemModalWithExchange, Object.assign({}, props, { sellerIds: sellerIds, signatures: signatures, parentOrigin: parentOrigin, hideModal: props.closeWidgetClick })))));
|
|
22
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAG7C,sCAAkD;AAClD,uEAAoE;AACpE,2EAGqC;
|
|
1
|
+
{"version":3,"file":"RedemptionWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAG7C,sCAAkD;AAClD,uEAAoE;AACpE,2EAGqC;AAErC,wDAAqD;AAerD,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,YAAY,GAAG,IAAA,8BAAqB,GAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QAC9C,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;QAChD,CAAC,CAAC,KAAK,CAAC,UAAU;QAClB,CAAC,CAAC,SAAS,CAAC;IACd,OAAO,CACL,8BAAC,iCAAe,oBAAK,KAAK;QACxB,8BAAC,qDAAyB,oBAAK,KAAK;YAClC,8BAAC,iDAAuB,oBAClB,KAAK,IACT,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,KAAK,CAAC,gBAAgB,IACjC,CACwB,CACZ,CACnB,CAAC;AACJ,CAAC;AArBD,4CAqBC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AA+MlD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACtC,SAAS,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAClC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,KAAU,EACV,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAe,EACf,SAAS,EACV,EAAE,KAAK,qBA4CP"}
|
|
@@ -15,10 +15,7 @@ const Root = styled.div `
|
|
|
15
15
|
left: 0;
|
|
16
16
|
right: 0;
|
|
17
17
|
z-index: ${zIndex.Modal};
|
|
18
|
-
max-height:
|
|
19
|
-
max-width: 100vw;
|
|
20
|
-
overflow-y: auto;
|
|
21
|
-
overflow-x: hidden;
|
|
18
|
+
max-height: inherit;
|
|
22
19
|
`;
|
|
23
20
|
const RootBG = styled.div `
|
|
24
21
|
position: fixed;
|
|
@@ -79,6 +76,9 @@ const background = {
|
|
|
79
76
|
light: `${colors.white}`
|
|
80
77
|
};
|
|
81
78
|
const Wrapper = styled.div `
|
|
79
|
+
display: flex;
|
|
80
|
+
flex-direction: column;
|
|
81
|
+
max-height: inherit;
|
|
82
82
|
position: relative;
|
|
83
83
|
z-index: ${zIndex.Modal};
|
|
84
84
|
color: ${({ $themeVal }) => {
|
|
@@ -153,7 +153,7 @@ const Wrapper = styled.div `
|
|
|
153
153
|
margin: ${({ $size }) => sizeToMargin[$size]["xl"] || "4rem 14rem"};
|
|
154
154
|
}
|
|
155
155
|
${({ $size }) => $size === "fullscreen" &&
|
|
156
|
-
`
|
|
156
|
+
css `
|
|
157
157
|
min-height: 100vh;
|
|
158
158
|
`};
|
|
159
159
|
`;
|
|
@@ -183,6 +183,8 @@ const Close = styled(X) `
|
|
|
183
183
|
`;
|
|
184
184
|
const Content = styled.div `
|
|
185
185
|
padding: 2rem;
|
|
186
|
+
flex: 1;
|
|
187
|
+
overflow-y: auto;
|
|
186
188
|
`;
|
|
187
189
|
export default function Modal({ children, hideModal, title = "", headerComponent: HeaderComponent, footerComponent: FooterComponent, size, maxWidths, theme, contentStyle, closable = true, modalType }) {
|
|
188
190
|
const handleOnClose = () => {
|
|
@@ -199,7 +201,7 @@ export default function Modal({ children, hideModal, title = "", headerComponent
|
|
|
199
201
|
title,
|
|
200
202
|
closable && (React.createElement(ThemedButton, { "data-close": true, themeVal: "blank", onClick: handleOnClose },
|
|
201
203
|
React.createElement(Close, { size: 32 }))))),
|
|
202
|
-
React.createElement(Content, {
|
|
204
|
+
React.createElement(Content, { style: contentStyle }, children),
|
|
203
205
|
FooterComponent && React.createElement(FooterWrapper, null, FooterComponent)),
|
|
204
206
|
React.createElement(RootBG, { onClick: () => {
|
|
205
207
|
handleOnClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,CAAC,EAAE,MAAM,gBAAgB,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMV,MAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseOverview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"PurchaseOverview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAOlD,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAC"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
|
|
3
|
-
import NonModal from "../../nonModal/NonModal";
|
|
1
|
+
import React from "react";
|
|
4
2
|
import { theme } from "../../../../theme";
|
|
3
|
+
import { MarginContainer } from "../../../widgets/MarginContainer";
|
|
4
|
+
import NonModal from "../../nonModal/NonModal";
|
|
5
|
+
import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
|
|
5
6
|
const colors = theme.colors.light;
|
|
6
7
|
export const PurchaseOverview = ({ lookAndFeel, hideModal, modalMargin }) => {
|
|
7
|
-
|
|
8
|
-
return lookAndFeel === "regular" ? (React.createElement(React.Fragment, null, children)) : (React.createElement("div", { style: { margin: modalMargin } }, children));
|
|
9
|
-
}, [lookAndFeel, modalMargin]);
|
|
10
|
-
return (React.createElement(Wrapper, null,
|
|
8
|
+
return (React.createElement(MarginContainer, { lookAndFeel: lookAndFeel, modalMargin: modalMargin },
|
|
11
9
|
React.createElement(NonModal, { hideModal: hideModal, footerComponent: null, contentStyle: {
|
|
12
10
|
background: colors.white
|
|
13
11
|
}, lookAndFeel: lookAndFeel, showConnectButton: false },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PurchaseOverview.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"PurchaseOverview.js","sourceRoot":"","sources":["../../../../../../src/components/modal/components/PurchaseOverview/PurchaseOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACpF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAQlC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,WAAW,EACX,SAAS,EACT,WAAW,EACZ,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,eAAe,IAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;QACjE,oBAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,IAAI,EACrB,YAAY,EAAE;gBACZ,UAAU,EAAE,MAAM,CAAC,KAAK;aACzB,EACD,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,KAAK;YAExB,oBAAC,oBAAoB,OAAG,CACf,CACK,CACnB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -13,10 +13,7 @@ const Root = styled.div `
|
|
|
13
13
|
left: 0;
|
|
14
14
|
right: 0;
|
|
15
15
|
z-index: ${zIndex.Modal};
|
|
16
|
-
max-height:
|
|
17
|
-
max-width: 100vw;
|
|
18
|
-
overflow-y: auto;
|
|
19
|
-
overflow-x: hidden;
|
|
16
|
+
max-height: inherit;
|
|
20
17
|
`;
|
|
21
18
|
const RootBG = styled.div `
|
|
22
19
|
position: fixed;
|
|
@@ -77,6 +74,9 @@ const background = {
|
|
|
77
74
|
light: `${colors.white}`
|
|
78
75
|
};
|
|
79
76
|
const Wrapper = styled.div `
|
|
77
|
+
display: flex;
|
|
78
|
+
flex-direction: column;
|
|
79
|
+
max-height: inherit;
|
|
80
80
|
position: relative;
|
|
81
81
|
z-index: ${zIndex.Modal};
|
|
82
82
|
color: ${({ $themeVal }) => {
|
|
@@ -130,7 +130,7 @@ const Wrapper = styled.div `
|
|
|
130
130
|
margin: ${({ $size }) => sizeToMargin[$size]["xl"] || "4rem 14rem"};
|
|
131
131
|
}
|
|
132
132
|
${({ $size }) => $size === "fullscreen" &&
|
|
133
|
-
`
|
|
133
|
+
css `
|
|
134
134
|
min-height: 100vh;
|
|
135
135
|
`};
|
|
136
136
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,UAAU,EACV,aAAa,EACb,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMV,MAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,UAAU,EACV,aAAa,EACb,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMV,MAAM,CAAC,KAAK;;CAExB,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;aAOZ,MAAM,CAAC,KAAK,GAAG,CAAC;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE;QACF,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;KACd;IACD,CAAC,EAAE;QACD,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;KACd;IACD,CAAC,EAAE;QACD,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,YAAY;KACjB;IACD,CAAC,EAAE;QACD,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;KACd;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,QAAQ;QACZ,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,EAAE,EAAE,QAAQ;KACb;IACD,UAAU,EAAE;QACV,EAAE,EAAE,QAAQ;QACZ,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,EAAE,EAAE,QAAQ;KACb;CACO,CAAC;AAEX,MAAM,UAAU,GAAG;IACjB,cAAc,EAAE,uBAAuB;IACvC,IAAI,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE;IACvB,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE;CAChB,CAAC;AAEX,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAIxB;;;;;aAKW,MAAM,CAAC,KAAK;WACd,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACzB,QAAQ,SAAS,EAAE;QACjB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,KAAK,CAAC;QACtB;YACE,OAAO,MAAM,CAAC,KAAK,CAAC;KACvB;AACH,CAAC;sBACmB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACpC,OAAO,UAAU,CAAC,SAAoC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC;AAC1E,CAAC;;IAEC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACnB,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,EAAE,CAAC;KACX;IAED,OAAO,GAAG,CAAA;QACN,UAAU,CAAC,GAAG;qBACD,UAAU,CAAC,KAAK,CAAC;;QAE9B,UAAU,CAAC,EAAE;qBACA,UAAU,CAAC,IAAI,CAAC;;QAE7B,UAAU,CAAC,CAAC;qBACC,UAAU,CAAC,GAAG,CAAC;;QAE5B,UAAU,CAAC,CAAC;qBACC,UAAU,CAAC,GAAG,CAAC;;QAE5B,UAAU,CAAC,CAAC;qBACC,UAAU,CAAC,GAAG,CAAC;;QAE5B,UAAU,CAAC,EAAE;qBACA,UAAU,CAAC,IAAI,CAAC;;KAEhC,CAAC;AACJ,CAAC;YACS,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IAC3D,UAAU,CAAC,CAAC;cACF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM;;IAEjE,UAAU,CAAC,CAAC;cACF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,GAAG,CAAC,IAAI,WAAW;;IAEtE,UAAU,CAAC,CAAC;cACF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,GAAG,CAAC,IAAI,YAAY;;IAEvE,UAAU,CAAC,EAAE;cACH,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,YAAY,CAAC,KAAkC,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY;;IAExE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,YAAY;IACtB,GAAG,CAAA;;KAEF;CACJ,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;0BACN,MAAM,CAAC,MAAM;CACtC,CAAC;AAEF,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,6CAA+B,CAAA;AACjC,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAWD,MAAM,OAAO,GAAG,CAAC,KAAY,EAAE,MAAc,EAAS,EAAE;IACtD,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAC3B,OAAO;QACL,GAAG,KAAK;QACR,GAAG,OAAO;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,aAAa,CACnC,SAAS,CACV,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAgBF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,IAAI,EAChB,KAAK,GAAG,OAAO,EACf,YAAY,EAAE,aAAa,EAC3B,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,OAAO,EACrB,iBAAiB,EACH;IACd,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,QAAQ,IAAI,SAAS,EAAE;YACzB,SAAS,EAAE,CAAC;SACb;IACH,CAAC,CAAC;IACF,MAAM,CACJ,EACE,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,YAAY,EACb,EACD,QAAQ,CACT,GAAG,UAAU,CAAC,OAAO,EAAE;QACtB,eAAe;QACf,eAAe;QACf,YAAY,EAAE,aAAa;KAC5B,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;YAC/C,OAAO,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAC/B,oBAAC,IAAI,mBAAa,OAAO;gBACtB,QAAQ;gBACT,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;wBACZ,aAAa,EAAE,CAAC;oBAClB,CAAC,GACD,CACG,CACR,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAC;QACJ,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,OAAO,aAAQ,IAAI,eAAa,KAAK,gBAAc,SAAS;YAC3D,oBAAC,MAAM,IACL,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,GACpC;YAEF,oBAAC,OAAO,IAAC,KAAK,EAAE,YAAY;gBAC1B,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IACtC,QAAQ,CACgB,CACnB;YACT,eAAe,IAAI,oBAAC,aAAa,QAAE,eAAe,CAAiB,CAC5D,CACA,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO,gNAInB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
3
|
+
export type MarginContainerProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
lookAndFeel: "regular" | "modal";
|
|
6
|
+
modalMargin?: CSSProperties["margin"];
|
|
7
|
+
};
|
|
8
|
+
export declare function MarginContainer({ lookAndFeel, modalMargin, children }: MarginContainerProps): JSX.Element;
|
|
9
|
+
//# sourceMappingURL=MarginContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarginContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/MarginContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AAC5E,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAe/D,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,WAAW,EACX,QAAQ,EACT,EAAE,oBAAoB,eAwBtB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { useLayoutEffect, useRef, useState } from "react";
|
|
2
|
+
import styled, { css } from "styled-components";
|
|
3
|
+
const StyledContainer = styled.div `
|
|
4
|
+
${({ $margin, $marginVertical }) => css `
|
|
5
|
+
margin: ${$margin};
|
|
6
|
+
max-height: calc(100vh - ${$marginVertical});
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
> * {
|
|
9
|
+
max-height: inherit;
|
|
10
|
+
}
|
|
11
|
+
`}
|
|
12
|
+
`;
|
|
13
|
+
export function MarginContainer({ lookAndFeel, modalMargin, children }) {
|
|
14
|
+
const containerRef = useRef(null);
|
|
15
|
+
const [marginVertical, setMarginVertical] = useState("");
|
|
16
|
+
useLayoutEffect(() => {
|
|
17
|
+
if (containerRef.current) {
|
|
18
|
+
const { marginTop, marginBottom } = window.getComputedStyle(containerRef.current);
|
|
19
|
+
setMarginVertical(`(${marginTop} + ${marginBottom})`);
|
|
20
|
+
}
|
|
21
|
+
}, [containerRef, modalMargin]);
|
|
22
|
+
return lookAndFeel === "regular" ? (React.createElement(React.Fragment, null, children)) : (React.createElement(StyledContainer, { "$margin": modalMargin, "data-margin": true, ref: containerRef, "$marginVertical": marginVertical }, children));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=MarginContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarginContainer.js","sourceRoot":"","sources":["../../../../src/components/widgets/MarginContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,MAAM,EAAE,EAAiB,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAGhC;IACE,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;cAC3B,OAAO;+BACU,eAAe;;;;;GAK3C;CACF,CAAC;AAMF,MAAM,UAAU,eAAe,CAAC,EAC9B,WAAW,EACX,WAAW,EACX,QAAQ,EACa;IACrB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,gBAAgB,CACzD,YAAY,CAAC,OAAO,CACrB,CAAC;YACF,iBAAiB,CAAC,IAAI,SAAS,MAAM,YAAY,GAAG,CAAC,CAAC;SACvD;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAChC,OAAO,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CACjC,0CAAG,QAAQ,CAAI,CAChB,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,eACL,WAAW,uBAEpB,GAAG,EAAE,YAAY,qBACA,cAAc,IAE9B,QAAQ,CACO,CACnB,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentType } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
2
3
|
import { ButtonProps } from "../../buttons/Button";
|
|
3
4
|
import { CommitNonModalProps } from "../../modal/components/Commit/CommitNonModal";
|
|
4
5
|
import { CommitWidgetProvidersProps } from "./CommitWidgetProviders";
|
|
5
|
-
import { CSSProperties } from "styled-components";
|
|
6
6
|
type CommitProps = {
|
|
7
7
|
buttonProps?: Omit<ButtonProps, "onClick">;
|
|
8
8
|
trigger?: ComponentType<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommitWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"CommitWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAInF,OAAO,EAEL,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AAEjC,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,OAAO,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CACjE,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC,GAAG;IACnE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GAAG,CACA;IACE,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CACJ,GAAG;IACF,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AACJ,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,0BAA0B,EAAE,mBAAmB,GAAG,UAAU,CAAC,CAAC;AAErE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eASpD"}
|
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
|
+
import GlobalStyle from "../../styles/GlobalStyle";
|
|
3
|
+
import { MarginContainer } from "../MarginContainer";
|
|
2
4
|
import { CommitModalWithOffer } from "./CommitModalWithOffer";
|
|
3
5
|
import { CommitWidgetProviders } from "./CommitWidgetProviders";
|
|
4
|
-
import GlobalStyle from "../../styles/GlobalStyle";
|
|
5
6
|
export function CommitWidget(props) {
|
|
6
|
-
|
|
7
|
-
return props.lookAndFeel === "regular" ? (React.createElement(React.Fragment, null, children)) : (React.createElement("div", { style: { margin: props.modalMargin } }, children));
|
|
8
|
-
},
|
|
9
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
10
|
-
// @ts-ignore
|
|
11
|
-
[props.lookAndFeel, props.modalMargin]);
|
|
12
|
-
return (React.createElement(Container, null,
|
|
7
|
+
return (React.createElement(MarginContainer, { ...props },
|
|
13
8
|
React.createElement(CommitWidgetProviders, { ...props, withReduxProvider: true },
|
|
14
9
|
React.createElement(GlobalStyle, null),
|
|
15
10
|
React.createElement(CommitModalWithOffer, { ...props, hideModal: props.closeWidgetClick }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommitWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"CommitWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,qBAAqB,EAEtB,MAAM,yBAAyB,CAAC;AA4BjC,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,OAAO,CACL,oBAAC,eAAe,OAAK,KAAK;QACxB,oBAAC,qBAAqB,OAAK,KAAK,EAAE,iBAAiB;YACjD,oBAAC,WAAW,OAAG;YACf,oBAAC,oBAAoB,OAAK,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,gBAAgB,GAAI,CAChD,CACR,CACnB,CAAC;AACJ,CAAC"}
|
|
@@ -11,6 +11,7 @@ type RedemptionProps = {
|
|
|
11
11
|
} & Omit<RedeemNonModalProps, "exchange" | "hideModal" | "parentOrigin"> & {
|
|
12
12
|
exchangeId?: string;
|
|
13
13
|
closeWidgetClick?: () => void;
|
|
14
|
+
lookAndFeel: "regular" | "modal";
|
|
14
15
|
modalMargin?: CSSProperties["margin"];
|
|
15
16
|
};
|
|
16
17
|
export type RedemptionWidgetProps = RedemptionProps & RedemptionWidgetProvidersProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAGnF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"RedemptionWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAGnF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,KAAK,eAAe,GAAG;IACrB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,OAAO,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CACjE,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC,GAAG;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAEJ,MAAM,MAAM,qBAAqB,GAAG,eAAe,GACjD,8BAA8B,CAAC;AAEjC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAqB5D"}
|
|
@@ -2,6 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { getParentWindowOrigin } from "../common";
|
|
3
3
|
import { RedeemModalWithExchange } from "./RedeemModalWithExchange";
|
|
4
4
|
import { RedemptionWidgetProviders } from "./RedemptionWidgetProviders";
|
|
5
|
+
import { MarginContainer } from "../MarginContainer";
|
|
5
6
|
export function RedemptionWidget(props) {
|
|
6
7
|
const parentOrigin = getParentWindowOrigin();
|
|
7
8
|
const sellerIds = Array.isArray(props.sellerIds)
|
|
@@ -10,7 +11,7 @@ export function RedemptionWidget(props) {
|
|
|
10
11
|
const signatures = Array.isArray(props.signatures)
|
|
11
12
|
? props.signatures
|
|
12
13
|
: undefined;
|
|
13
|
-
return (React.createElement(
|
|
14
|
+
return (React.createElement(MarginContainer, { ...props },
|
|
14
15
|
React.createElement(RedemptionWidgetProviders, { ...props },
|
|
15
16
|
React.createElement(RedeemModalWithExchange, { ...props, sellerIds: sellerIds, signatures: signatures, parentOrigin: parentOrigin, hideModal: props.closeWidgetClick }))));
|
|
16
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACL,yBAAyB,EAE1B,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"RedemptionWidget.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACL,yBAAyB,EAE1B,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAerD,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;QAC9C,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;QAChD,CAAC,CAAC,KAAK,CAAC,UAAU;QAClB,CAAC,CAAC,SAAS,CAAC;IACd,OAAO,CACL,oBAAC,eAAe,OAAK,KAAK;QACxB,oBAAC,yBAAyB,OAAK,KAAK;YAClC,oBAAC,uBAAuB,OAClB,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,KAAK,CAAC,gBAAgB,GACjC,CACwB,CACZ,CACnB,CAAC;AACJ,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.
|
|
4
|
+
"version": "0.31.0-alpha.1",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -170,5 +170,5 @@
|
|
|
170
170
|
"overrides": {
|
|
171
171
|
"typescript": "^5.1.6"
|
|
172
172
|
},
|
|
173
|
-
"gitHead": "
|
|
173
|
+
"gitHead": "3ca6786329ca5ffedf74941a584f8ca9d96cfcb7"
|
|
174
174
|
}
|
|
@@ -19,10 +19,7 @@ const Root = styled.div`
|
|
|
19
19
|
left: 0;
|
|
20
20
|
right: 0;
|
|
21
21
|
z-index: ${zIndex.Modal};
|
|
22
|
-
max-height:
|
|
23
|
-
max-width: 100vw;
|
|
24
|
-
overflow-y: auto;
|
|
25
|
-
overflow-x: hidden;
|
|
22
|
+
max-height: inherit;
|
|
26
23
|
`;
|
|
27
24
|
|
|
28
25
|
const RootBG = styled.div`
|
|
@@ -92,6 +89,9 @@ const Wrapper = styled.div<{
|
|
|
92
89
|
$themeVal: Props["theme"];
|
|
93
90
|
$maxWidths: Props["maxWidths"];
|
|
94
91
|
}>`
|
|
92
|
+
display: flex;
|
|
93
|
+
flex-direction: column;
|
|
94
|
+
max-height: inherit;
|
|
95
95
|
position: relative;
|
|
96
96
|
z-index: ${zIndex.Modal};
|
|
97
97
|
color: ${({ $themeVal }) => {
|
|
@@ -173,7 +173,7 @@ const Wrapper = styled.div<{
|
|
|
173
173
|
}
|
|
174
174
|
${({ $size }) =>
|
|
175
175
|
$size === "fullscreen" &&
|
|
176
|
-
`
|
|
176
|
+
css`
|
|
177
177
|
min-height: 100vh;
|
|
178
178
|
`};
|
|
179
179
|
`;
|
|
@@ -206,11 +206,10 @@ const Close = styled(X)`
|
|
|
206
206
|
}
|
|
207
207
|
`;
|
|
208
208
|
|
|
209
|
-
const Content = styled.div
|
|
210
|
-
$modalType: ModalType;
|
|
211
|
-
$size: Props["size"];
|
|
212
|
-
}>`
|
|
209
|
+
const Content = styled.div`
|
|
213
210
|
padding: 2rem;
|
|
211
|
+
flex: 1;
|
|
212
|
+
overflow-y: auto;
|
|
214
213
|
`;
|
|
215
214
|
|
|
216
215
|
interface Props {
|
|
@@ -272,9 +271,7 @@ export default function Modal({
|
|
|
272
271
|
)}
|
|
273
272
|
</HeaderWithTitle>
|
|
274
273
|
)}
|
|
275
|
-
<Content
|
|
276
|
-
{children}
|
|
277
|
-
</Content>
|
|
274
|
+
<Content style={contentStyle}>{children}</Content>
|
|
278
275
|
{FooterComponent && <FooterWrapper>{FooterComponent}</FooterWrapper>}
|
|
279
276
|
</Wrapper>
|
|
280
277
|
<RootBG
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
|
|
3
|
-
import NonModal from "../../nonModal/NonModal";
|
|
4
|
-
import { BosonLogo } from "../common/BosonLogo";
|
|
5
|
-
import { theme } from "../../../../theme";
|
|
1
|
+
import React from "react";
|
|
6
2
|
import { CSSProperties } from "styled-components";
|
|
3
|
+
import { theme } from "../../../../theme";
|
|
4
|
+
import { MarginContainer } from "../../../widgets/MarginContainer";
|
|
5
|
+
import NonModal from "../../nonModal/NonModal";
|
|
6
|
+
import { PurchaseOverviewView } from "../common/StepsOverview/PurchaseOverviewView";
|
|
7
7
|
const colors = theme.colors.light;
|
|
8
8
|
|
|
9
9
|
export type PurchaseOverviewProps = {
|
|
@@ -17,18 +17,8 @@ export const PurchaseOverview: React.FC<PurchaseOverviewProps> = ({
|
|
|
17
17
|
hideModal,
|
|
18
18
|
modalMargin
|
|
19
19
|
}) => {
|
|
20
|
-
const Wrapper = useCallback(
|
|
21
|
-
({ children }: { children: ReactNode }) => {
|
|
22
|
-
return lookAndFeel === "regular" ? (
|
|
23
|
-
<>{children}</>
|
|
24
|
-
) : (
|
|
25
|
-
<div style={{ margin: modalMargin }}>{children}</div>
|
|
26
|
-
);
|
|
27
|
-
},
|
|
28
|
-
[lookAndFeel, modalMargin]
|
|
29
|
-
);
|
|
30
20
|
return (
|
|
31
|
-
<
|
|
21
|
+
<MarginContainer lookAndFeel={lookAndFeel} modalMargin={modalMargin}>
|
|
32
22
|
<NonModal
|
|
33
23
|
hideModal={hideModal}
|
|
34
24
|
footerComponent={null}
|
|
@@ -40,6 +30,6 @@ export const PurchaseOverview: React.FC<PurchaseOverviewProps> = ({
|
|
|
40
30
|
>
|
|
41
31
|
<PurchaseOverviewView />
|
|
42
32
|
</NonModal>
|
|
43
|
-
</
|
|
33
|
+
</MarginContainer>
|
|
44
34
|
);
|
|
45
35
|
};
|
|
@@ -23,10 +23,7 @@ const Root = styled.div`
|
|
|
23
23
|
left: 0;
|
|
24
24
|
right: 0;
|
|
25
25
|
z-index: ${zIndex.Modal};
|
|
26
|
-
max-height:
|
|
27
|
-
max-width: 100vw;
|
|
28
|
-
overflow-y: auto;
|
|
29
|
-
overflow-x: hidden;
|
|
26
|
+
max-height: inherit;
|
|
30
27
|
`;
|
|
31
28
|
|
|
32
29
|
const RootBG = styled.div`
|
|
@@ -95,6 +92,9 @@ const Wrapper = styled.div<{
|
|
|
95
92
|
$themeVal: NonModalProps["theme"];
|
|
96
93
|
$maxWidths: NonModalProps["maxWidths"];
|
|
97
94
|
}>`
|
|
95
|
+
display: flex;
|
|
96
|
+
flex-direction: column;
|
|
97
|
+
max-height: inherit;
|
|
98
98
|
position: relative;
|
|
99
99
|
z-index: ${zIndex.Modal};
|
|
100
100
|
color: ${({ $themeVal }) => {
|
|
@@ -155,7 +155,7 @@ const Wrapper = styled.div<{
|
|
|
155
155
|
}
|
|
156
156
|
${({ $size }) =>
|
|
157
157
|
$size === "fullscreen" &&
|
|
158
|
-
`
|
|
158
|
+
css`
|
|
159
159
|
min-height: 100vh;
|
|
160
160
|
`};
|
|
161
161
|
`;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React, { ReactNode, useLayoutEffect, useRef, useState } from "react";
|
|
2
|
+
import styled, { CSSProperties, css } from "styled-components";
|
|
3
|
+
|
|
4
|
+
const StyledContainer = styled.div<{
|
|
5
|
+
$margin: CSSProperties["margin"];
|
|
6
|
+
$marginVertical: string;
|
|
7
|
+
}>`
|
|
8
|
+
${({ $margin, $marginVertical }) => css`
|
|
9
|
+
margin: ${$margin};
|
|
10
|
+
max-height: calc(100vh - ${$marginVertical});
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
> * {
|
|
13
|
+
max-height: inherit;
|
|
14
|
+
}
|
|
15
|
+
`}
|
|
16
|
+
`;
|
|
17
|
+
export type MarginContainerProps = {
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
lookAndFeel: "regular" | "modal";
|
|
20
|
+
modalMargin?: CSSProperties["margin"];
|
|
21
|
+
};
|
|
22
|
+
export function MarginContainer({
|
|
23
|
+
lookAndFeel,
|
|
24
|
+
modalMargin,
|
|
25
|
+
children
|
|
26
|
+
}: MarginContainerProps) {
|
|
27
|
+
const containerRef = useRef<HTMLDivElement>(null);
|
|
28
|
+
const [marginVertical, setMarginVertical] = useState("");
|
|
29
|
+
|
|
30
|
+
useLayoutEffect(() => {
|
|
31
|
+
if (containerRef.current) {
|
|
32
|
+
const { marginTop, marginBottom } = window.getComputedStyle(
|
|
33
|
+
containerRef.current
|
|
34
|
+
);
|
|
35
|
+
setMarginVertical(`(${marginTop} + ${marginBottom})`);
|
|
36
|
+
}
|
|
37
|
+
}, [containerRef, modalMargin]);
|
|
38
|
+
return lookAndFeel === "regular" ? (
|
|
39
|
+
<>{children}</>
|
|
40
|
+
) : (
|
|
41
|
+
<StyledContainer
|
|
42
|
+
$margin={modalMargin}
|
|
43
|
+
data-margin
|
|
44
|
+
ref={containerRef}
|
|
45
|
+
$marginVertical={marginVertical}
|
|
46
|
+
>
|
|
47
|
+
{children}
|
|
48
|
+
</StyledContainer>
|
|
49
|
+
);
|
|
50
|
+
}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import React, { ComponentType
|
|
1
|
+
import React, { ComponentType } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
2
3
|
import { ButtonProps } from "../../buttons/Button";
|
|
3
4
|
import { CommitNonModalProps } from "../../modal/components/Commit/CommitNonModal";
|
|
5
|
+
import GlobalStyle from "../../styles/GlobalStyle";
|
|
6
|
+
import { MarginContainer } from "../MarginContainer";
|
|
4
7
|
import { CommitModalWithOffer } from "./CommitModalWithOffer";
|
|
5
8
|
import {
|
|
6
9
|
CommitWidgetProviders,
|
|
7
10
|
CommitWidgetProvidersProps
|
|
8
11
|
} from "./CommitWidgetProviders";
|
|
9
|
-
import GlobalStyle from "../../styles/GlobalStyle";
|
|
10
|
-
import { CSSProperties } from "styled-components";
|
|
11
12
|
|
|
12
13
|
type CommitProps = {
|
|
13
14
|
buttonProps?: Omit<ButtonProps, "onClick">;
|
|
@@ -34,26 +35,14 @@ type CommitProps = {
|
|
|
34
35
|
};
|
|
35
36
|
export type CommitWidgetProps = CommitProps &
|
|
36
37
|
Omit<CommitWidgetProvidersProps, "withReduxProvider" | "provider">;
|
|
37
|
-
export function CommitWidget(props: CommitWidgetProps) {
|
|
38
|
-
const Container = useCallback(
|
|
39
|
-
({ children }: { children: ReactNode }) => {
|
|
40
|
-
return props.lookAndFeel === "regular" ? (
|
|
41
|
-
<>{children}</>
|
|
42
|
-
) : (
|
|
43
|
-
<div style={{ margin: props.modalMargin }}>{children}</div>
|
|
44
|
-
);
|
|
45
|
-
},
|
|
46
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
47
|
-
// @ts-ignore
|
|
48
|
-
[props.lookAndFeel, props.modalMargin]
|
|
49
|
-
);
|
|
50
38
|
|
|
39
|
+
export function CommitWidget(props: CommitWidgetProps) {
|
|
51
40
|
return (
|
|
52
|
-
<
|
|
41
|
+
<MarginContainer {...props}>
|
|
53
42
|
<CommitWidgetProviders {...props} withReduxProvider>
|
|
54
43
|
<GlobalStyle />
|
|
55
44
|
<CommitModalWithOffer {...props} hideModal={props.closeWidgetClick} />
|
|
56
45
|
</CommitWidgetProviders>
|
|
57
|
-
</
|
|
46
|
+
</MarginContainer>
|
|
58
47
|
);
|
|
59
48
|
}
|
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
RedemptionWidgetProvidersProps
|
|
9
9
|
} from "./RedemptionWidgetProviders";
|
|
10
10
|
import { CSSProperties } from "styled-components";
|
|
11
|
+
import { MarginContainer } from "../MarginContainer";
|
|
11
12
|
|
|
12
13
|
type RedemptionProps = {
|
|
13
14
|
buttonProps?: Omit<ButtonProps, "onClick">;
|
|
@@ -15,6 +16,7 @@ type RedemptionProps = {
|
|
|
15
16
|
} & Omit<RedeemNonModalProps, "exchange" | "hideModal" | "parentOrigin"> & {
|
|
16
17
|
exchangeId?: string;
|
|
17
18
|
closeWidgetClick?: () => void;
|
|
19
|
+
lookAndFeel: "regular" | "modal";
|
|
18
20
|
modalMargin?: CSSProperties["margin"];
|
|
19
21
|
};
|
|
20
22
|
|
|
@@ -30,7 +32,7 @@ export function RedemptionWidget(props: RedemptionWidgetProps) {
|
|
|
30
32
|
? props.signatures
|
|
31
33
|
: undefined;
|
|
32
34
|
return (
|
|
33
|
-
<
|
|
35
|
+
<MarginContainer {...props}>
|
|
34
36
|
<RedemptionWidgetProviders {...props}>
|
|
35
37
|
<RedeemModalWithExchange
|
|
36
38
|
{...props}
|
|
@@ -40,6 +42,6 @@ export function RedemptionWidget(props: RedemptionWidgetProps) {
|
|
|
40
42
|
hideModal={props.closeWidgetClick}
|
|
41
43
|
/>
|
|
42
44
|
</RedemptionWidgetProviders>
|
|
43
|
-
</
|
|
45
|
+
</MarginContainer>
|
|
44
46
|
);
|
|
45
47
|
}
|
|
@@ -43,8 +43,8 @@ Commit.args = {
|
|
|
43
43
|
defaultSelectedOfferId: "",
|
|
44
44
|
disableVariationsSelects: false,
|
|
45
45
|
bundleUuid: "",
|
|
46
|
-
productUuid: "
|
|
47
|
-
sellerId: "
|
|
46
|
+
productUuid: "f4bb0f8-2f2c-d151-2801-0d3c6250461", // with size variations
|
|
47
|
+
sellerId: "4",
|
|
48
48
|
metaTx: {
|
|
49
49
|
apiKey: process.env.STORYBOOK_DATA_META_TX_API_KEY as string,
|
|
50
50
|
apiIds: process.env.STORYBOOK_DATA_META_TX_API_IDS as string
|