@wise/dynamic-flow-client-internal 4.16.0-exp-modal-renderer-8e5c27a → 4.16.0-exp-modal-renderer-c6d2baa
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/build/main.js +17 -17
- package/build/main.mjs +16 -16
- package/package.json +5 -5
package/build/main.js
CHANGED
|
@@ -1740,31 +1740,21 @@ var MarkdownRenderer = {
|
|
|
1740
1740
|
render: ({ content, align, margin }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_components19.Markdown, { className: "np-text-body-large", config: { link: { target: "_blank" } }, children: content }) })
|
|
1741
1741
|
};
|
|
1742
1742
|
|
|
1743
|
-
// ../renderers/src/ModalContentRenderer.tsx
|
|
1744
|
-
var import_components20 = require("@transferwise/components");
|
|
1745
|
-
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
1746
|
-
var ModalContentRenderer = {
|
|
1747
|
-
canRenderType: "modal",
|
|
1748
|
-
render: ({ title, children, open, onClose }) => {
|
|
1749
|
-
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_components20.Modal, { open, title, body: children, onClose });
|
|
1750
|
-
}
|
|
1751
|
-
};
|
|
1752
|
-
|
|
1753
1743
|
// ../renderers/src/ModalLayoutRenderer.tsx
|
|
1754
|
-
var
|
|
1744
|
+
var import_components20 = require("@transferwise/components");
|
|
1755
1745
|
var import_react4 = require("react");
|
|
1756
|
-
var
|
|
1746
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
1757
1747
|
var ModalLayoutRenderer = {
|
|
1758
1748
|
canRenderType: "modal-layout",
|
|
1759
|
-
render: (props) => /* @__PURE__ */ (0,
|
|
1749
|
+
render: (props) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DFModal, __spreadValues({}, props))
|
|
1760
1750
|
};
|
|
1761
1751
|
function DFModal({ content, margin, trigger }) {
|
|
1762
1752
|
const [visible, setVisible] = (0, import_react4.useState)(false);
|
|
1763
1753
|
const { children, title } = content;
|
|
1764
|
-
return /* @__PURE__ */ (0,
|
|
1765
|
-
/* @__PURE__ */ (0,
|
|
1766
|
-
/* @__PURE__ */ (0,
|
|
1767
|
-
|
|
1754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: getMargin(margin), children: [
|
|
1755
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_components20.Button, { priority: "tertiary", block: true, onClick: () => setVisible(true), children: trigger.title }),
|
|
1756
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
1757
|
+
import_components20.Modal,
|
|
1768
1758
|
{
|
|
1769
1759
|
scroll: "content",
|
|
1770
1760
|
open: visible,
|
|
@@ -1777,6 +1767,16 @@ function DFModal({ content, margin, trigger }) {
|
|
|
1777
1767
|
] });
|
|
1778
1768
|
}
|
|
1779
1769
|
|
|
1770
|
+
// ../renderers/src/ModalRenderer.tsx
|
|
1771
|
+
var import_components21 = require("@transferwise/components");
|
|
1772
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
1773
|
+
var ModalContentRenderer = {
|
|
1774
|
+
canRenderType: "modal",
|
|
1775
|
+
render: ({ title, children, open, onClose }) => {
|
|
1776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_components21.Modal, { open, title, body: children, onClose });
|
|
1777
|
+
}
|
|
1778
|
+
};
|
|
1779
|
+
|
|
1780
1780
|
// ../renderers/src/MultiSelectInputRenderer.tsx
|
|
1781
1781
|
var import_components22 = require("@transferwise/components");
|
|
1782
1782
|
var import_react5 = require("react");
|
package/build/main.mjs
CHANGED
|
@@ -1710,31 +1710,21 @@ var MarkdownRenderer = {
|
|
|
1710
1710
|
render: ({ content, align, margin }) => /* @__PURE__ */ jsx33("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ jsx33(Markdown3, { className: "np-text-body-large", config: { link: { target: "_blank" } }, children: content }) })
|
|
1711
1711
|
};
|
|
1712
1712
|
|
|
1713
|
-
// ../renderers/src/ModalContentRenderer.tsx
|
|
1714
|
-
import { Modal as Modal2 } from "@transferwise/components";
|
|
1715
|
-
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
1716
|
-
var ModalContentRenderer = {
|
|
1717
|
-
canRenderType: "modal",
|
|
1718
|
-
render: ({ title, children, open, onClose }) => {
|
|
1719
|
-
return /* @__PURE__ */ jsx34(Modal2, { open, title, body: children, onClose });
|
|
1720
|
-
}
|
|
1721
|
-
};
|
|
1722
|
-
|
|
1723
1713
|
// ../renderers/src/ModalLayoutRenderer.tsx
|
|
1724
|
-
import { Button as Button3, Modal as
|
|
1714
|
+
import { Button as Button3, Modal as Modal2 } from "@transferwise/components";
|
|
1725
1715
|
import { useState as useState3 } from "react";
|
|
1726
|
-
import { jsx as
|
|
1716
|
+
import { jsx as jsx34, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1727
1717
|
var ModalLayoutRenderer = {
|
|
1728
1718
|
canRenderType: "modal-layout",
|
|
1729
|
-
render: (props) => /* @__PURE__ */
|
|
1719
|
+
render: (props) => /* @__PURE__ */ jsx34(DFModal, __spreadValues({}, props))
|
|
1730
1720
|
};
|
|
1731
1721
|
function DFModal({ content, margin, trigger }) {
|
|
1732
1722
|
const [visible, setVisible] = useState3(false);
|
|
1733
1723
|
const { children, title } = content;
|
|
1734
1724
|
return /* @__PURE__ */ jsxs8("div", { className: getMargin(margin), children: [
|
|
1735
|
-
/* @__PURE__ */
|
|
1736
|
-
/* @__PURE__ */
|
|
1737
|
-
|
|
1725
|
+
/* @__PURE__ */ jsx34(Button3, { priority: "tertiary", block: true, onClick: () => setVisible(true), children: trigger.title }),
|
|
1726
|
+
/* @__PURE__ */ jsx34(
|
|
1727
|
+
Modal2,
|
|
1738
1728
|
{
|
|
1739
1729
|
scroll: "content",
|
|
1740
1730
|
open: visible,
|
|
@@ -1747,6 +1737,16 @@ function DFModal({ content, margin, trigger }) {
|
|
|
1747
1737
|
] });
|
|
1748
1738
|
}
|
|
1749
1739
|
|
|
1740
|
+
// ../renderers/src/ModalRenderer.tsx
|
|
1741
|
+
import { Modal as Modal3 } from "@transferwise/components";
|
|
1742
|
+
import { jsx as jsx35 } from "react/jsx-runtime";
|
|
1743
|
+
var ModalContentRenderer = {
|
|
1744
|
+
canRenderType: "modal",
|
|
1745
|
+
render: ({ title, children, open, onClose }) => {
|
|
1746
|
+
return /* @__PURE__ */ jsx35(Modal3, { open, title, body: children, onClose });
|
|
1747
|
+
}
|
|
1748
|
+
};
|
|
1749
|
+
|
|
1750
1750
|
// ../renderers/src/MultiSelectInputRenderer.tsx
|
|
1751
1751
|
import { SelectInput, SelectInputOptionContent } from "@transferwise/components";
|
|
1752
1752
|
import { useState as useState4 } from "react";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wise/dynamic-flow-client-internal",
|
|
3
|
-
"version": "4.16.0-exp-modal-renderer-
|
|
3
|
+
"version": "4.16.0-exp-modal-renderer-c6d2baa",
|
|
4
4
|
"description": "Dynamic Flow web client for Wise",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "./build/main.js",
|
|
@@ -74,9 +74,9 @@
|
|
|
74
74
|
"stylelint-value-no-unknown-custom-properties": "6.0.1",
|
|
75
75
|
"tsx": "4.20.3",
|
|
76
76
|
"typescript": "5.8.3",
|
|
77
|
-
"@wise/dynamic-flow-types": "3.8.0-exp-modal-renderer-8e5c27a",
|
|
78
77
|
"@wise/dynamic-flow-fixtures": "0.0.1",
|
|
79
|
-
"@wise/dynamic-flow-renderers": "0.0.0"
|
|
78
|
+
"@wise/dynamic-flow-renderers": "0.0.0",
|
|
79
|
+
"@wise/dynamic-flow-types": "3.8.0-exp-modal-renderer-c6d2baa"
|
|
80
80
|
},
|
|
81
81
|
"peerDependencies": {
|
|
82
82
|
"@transferwise/components": "^46.92.0",
|
|
@@ -91,8 +91,8 @@
|
|
|
91
91
|
},
|
|
92
92
|
"dependencies": {
|
|
93
93
|
"classnames": "2.5.1",
|
|
94
|
-
"@wise/dynamic-flow-client": "4.9.0-exp-modal-renderer-
|
|
95
|
-
"@wise/dynamic-flow-types": "3.8.0-exp-modal-renderer-
|
|
94
|
+
"@wise/dynamic-flow-client": "4.9.0-exp-modal-renderer-c6d2baa",
|
|
95
|
+
"@wise/dynamic-flow-types": "3.8.0-exp-modal-renderer-c6d2baa"
|
|
96
96
|
},
|
|
97
97
|
"scripts": {
|
|
98
98
|
"dev": "pnpm build:visual-tests && storybook dev -p 3005",
|