@xyo-network/react-wallet 2.47.18 → 2.47.19
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/MaxAccounts/MaxAccountsTableRow.js +43 -0
- package/dist/cjs/components/MaxAccounts/MaxAccountsTableRow.js.map +1 -0
- package/dist/cjs/components/MaxAccounts/OutOfBoundsSnackBar.js +10 -0
- package/dist/cjs/components/MaxAccounts/OutOfBoundsSnackBar.js.map +1 -0
- package/dist/cjs/components/MaxAccounts/index.js +5 -0
- package/dist/cjs/components/MaxAccounts/index.js.map +1 -0
- package/dist/cjs/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/docs.json +1528 -1300
- package/dist/esm/components/MaxAccounts/MaxAccountsTableRow.js +39 -0
- package/dist/esm/components/MaxAccounts/MaxAccountsTableRow.js.map +1 -0
- package/dist/esm/components/MaxAccounts/OutOfBoundsSnackBar.js +6 -0
- package/dist/esm/components/MaxAccounts/OutOfBoundsSnackBar.js.map +1 -0
- package/dist/esm/components/MaxAccounts/index.js +2 -0
- package/dist/esm/components/MaxAccounts/index.js.map +1 -0
- package/dist/esm/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/types/components/MaxAccounts/MaxAccountsTableRow.d.ts +9 -0
- package/dist/types/components/MaxAccounts/MaxAccountsTableRow.d.ts.map +1 -0
- package/dist/types/components/MaxAccounts/OutOfBoundsSnackBar.d.ts +10 -0
- package/dist/types/components/MaxAccounts/OutOfBoundsSnackBar.d.ts.map +1 -0
- package/dist/types/components/MaxAccounts/index.d.ts +2 -0
- package/dist/types/components/MaxAccounts/index.d.ts.map +1 -0
- package/dist/types/components/WalletAccountSelect/Select.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/MaxAccounts/MaxAccountsTableRow.tsx +68 -0
- package/src/components/MaxAccounts/OutOfBoundsSnackBar.tsx +31 -0
- package/src/components/MaxAccounts/index.ts +1 -0
- package/src/components/WalletAccountSelect/Select.tsx +0 -1
- package/src/components/index.ts +1 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MaxAccountsTableRow = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const material_1 = require("@mui/material");
|
|
6
|
+
const react_button_1 = require("@xylabs/react-button");
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const OutOfBoundsSnackBar_1 = require("./OutOfBoundsSnackBar");
|
|
9
|
+
const MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
|
|
10
|
+
const [desiredMaximumAccounts, setDesiredMaximumAccounts] = (0, react_1.useState)();
|
|
11
|
+
const [showSnackBar, setShowSnackBar] = (0, react_1.useState)(false);
|
|
12
|
+
const handleChangeMaxAccounts = (change) => {
|
|
13
|
+
if (maxAccounts !== undefined && activeAccountIndex !== undefined) {
|
|
14
|
+
switch (change) {
|
|
15
|
+
case 'decrease': {
|
|
16
|
+
const desiredMaximumAccounts = maxAccounts - 1;
|
|
17
|
+
const validMaximumAccounts = desiredMaximumAccounts > 0;
|
|
18
|
+
const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts;
|
|
19
|
+
if (validMaximumAccounts && maxAccountsWithinRange) {
|
|
20
|
+
changeMaxAccounts === null || changeMaxAccounts === void 0 ? void 0 : changeMaxAccounts(desiredMaximumAccounts);
|
|
21
|
+
}
|
|
22
|
+
if (!maxAccountsWithinRange)
|
|
23
|
+
setShowSnackBar(true);
|
|
24
|
+
setDesiredMaximumAccounts(desiredMaximumAccounts);
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
case 'increase': {
|
|
28
|
+
changeMaxAccounts === null || changeMaxAccounts === void 0 ? void 0 : changeMaxAccounts(maxAccounts + 1);
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
default: {
|
|
32
|
+
console.error(change, 'is not a recognized value');
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
throw new Error('Max Accounts is unset and needs a default');
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Maximum Accounts" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: 'caption' }, { children: maxAccounts })) })), (0, jsx_runtime_1.jsxs)(material_1.TableCell, Object.assign({ align: "center" }, { children: [(0, jsx_runtime_1.jsxs)(material_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ onClick: () => handleChangeMaxAccounts('decrease'), variant: 'contained', size: 'small' }, { children: "-" })), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ onClick: () => handleChangeMaxAccounts('increase'), variant: 'contained', size: 'small' }, { children: "+" }))] }), (0, jsx_runtime_1.jsx)(OutOfBoundsSnackBar_1.OutOfBoundsSnackBar, { desiredMaximumAccounts: desiredMaximumAccounts, activeAccountIndex: activeAccountIndex, setShowSnackBar: setShowSnackBar, showSnackBar: showSnackBar })] }))] }));
|
|
41
|
+
};
|
|
42
|
+
exports.MaxAccountsTableRow = MaxAccountsTableRow;
|
|
43
|
+
//# sourceMappingURL=MaxAccountsTableRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MaxAccountsTableRow.js","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx"],"names":[],"mappings":";;;;AAAA,4CAA2F;AAC3F,uDAA+C;AAC/C,iCAAgC;AAEhC,+DAA2D;AAQpD,MAAM,mBAAmB,GAAkC,CAAC,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,EAAE,EAAE;IAC3H,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAA;IAC1F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,uBAAuB,GAAG,CAAC,MAA+B,EAAE,EAAE;QAClE,IAAI,WAAW,KAAK,SAAS,IAAI,kBAAkB,KAAK,SAAS,EAAE;YACjE,QAAQ,MAAM,EAAE;gBACd,KAAK,UAAU,CAAC,CAAC;oBACf,MAAM,sBAAsB,GAAG,WAAW,GAAG,CAAC,CAAA;oBAC9C,MAAM,oBAAoB,GAAG,sBAAsB,GAAG,CAAC,CAAA;oBACvD,MAAM,sBAAsB,GAAG,kBAAkB,GAAG,CAAC,IAAI,sBAAsB,CAAA;oBAC/E,IAAI,oBAAoB,IAAI,sBAAsB,EAAE;wBAClD,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,sBAAsB,CAAC,CAAA;qBAC5C;oBACD,IAAI,CAAC,sBAAsB;wBAAE,eAAe,CAAC,IAAI,CAAC,CAAA;oBAClD,yBAAyB,CAAC,sBAAsB,CAAC,CAAA;oBACjD,OAAM;iBACP;gBACD,KAAK,UAAU,CAAC,CAAC;oBACf,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,WAAW,GAAG,CAAC,CAAC,CAAA;oBACpC,OAAM;iBACP;gBACD,OAAO,CAAC,CAAC;oBACP,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,2BAA2B,CAAC,CAAA;iBACnD;aACF;SACF;aAAM;YACL,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;SAC7D;IACH,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,mBAAQ,eACP,uBAAC,oBAAS,mCAA6B,EACvC,uBAAC,oBAAS,kBAAC,KAAK,EAAC,QAAQ,gBACvB,uBAAC,qBAAU,kBAAC,OAAO,EAAE,SAAS,gBAAG,WAAW,IAAc,IAChD,EACZ,wBAAC,oBAAS,kBAAC,KAAK,EAAC,QAAQ,iBACvB,wBAAC,sBAAW,eACV,uBAAC,uBAAQ,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,uBAEtF,EACX,uBAAC,uBAAQ,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,uBAEtF,IACC,EACd,uBAAC,yCAAmB,IAClB,sBAAsB,EAAE,sBAAsB,EAC9C,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC1B,KACQ,IACH,CACZ,CAAA;AACH,CAAC,CAAA;AAvDY,QAAA,mBAAmB,uBAuD/B"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.OutOfBoundsSnackBar = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const material_1 = require("@mui/material");
|
|
6
|
+
const OutOfBoundsSnackBar = ({ activeAccountIndex, desiredMaximumAccounts, setShowSnackBar, showSnackBar, }) => {
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Snackbar, Object.assign({ anchorOrigin: { horizontal: 'center', vertical: 'top' }, autoHideDuration: 5000, onClose: () => setShowSnackBar === null || setShowSnackBar === void 0 ? void 0 : setShowSnackBar(false), open: showSnackBar }, { children: (0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: 'error', onClose: () => setShowSnackBar === null || setShowSnackBar === void 0 ? void 0 : setShowSnackBar(false) }, { children: [(0, jsx_runtime_1.jsx)(material_1.AlertTitle, { children: "Maximum Accounts Error" }), "Your currently selected account number (", activeAccountIndex !== undefined ? activeAccountIndex + 1 : '', ") cannot be greater than the desired Maximum Accounts (", desiredMaximumAccounts, ")."] })) })));
|
|
8
|
+
};
|
|
9
|
+
exports.OutOfBoundsSnackBar = OutOfBoundsSnackBar;
|
|
10
|
+
//# sourceMappingURL=OutOfBoundsSnackBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OutOfBoundsSnackBar.js","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0E;AAUnE,MAAM,mBAAmB,GAAuC,CAAC,EACtE,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,mBAAQ,kBACP,YAAY,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EACvD,gBAAgB,EAAE,IAAI,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,CAAC,EACvC,IAAI,EAAE,YAAY,gBAElB,wBAAC,gBAAK,kBAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,CAAC,iBAC/D,uBAAC,qBAAU,yCAAoC,8CACN,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,6DACpF,sBAAsB,WACnC,IACC,CACZ,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,mBAAmB,uBAoB/B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/index.ts"],"names":[],"mappings":";;;AAAA,gEAAqC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuE;AACvE,uDAA+C;AAC/C,4EAAqG;AAErG,6CAA0C;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuE;AACvE,uDAA+C;AAC/C,4EAAqG;AAErG,6CAA0C;AAS1C,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;IAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAA;AAC/D,CAAC,CAAA;AAEM,MAAM,mBAAmB,GAAuC,CAAC,EASvE,EAAE,EAAE;QATmE,EACtE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,KAAK,EACpB,IAAI,OAEL,EADI,KAAK,sBAR8D,qFASvE,CADS;IAER,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,qBAAqB,EAAE,MAAM,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAA;IAC7E,MAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,kBAAkB,KAAK,SAAS,CAAA;IAE5D,OAAO,CACL,2DACG,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,uBAAQ,kBACP,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACxB,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;gBACzD,OAAO,uBAAC,0CAAmB,IAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;YAC1H,CAAC,EACD,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,QAAQ,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,EAC/E,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,UAAU,IACd,KAAK,cAER,UAAU,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrC,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;gBACtD,OAAO,CACL,uBAAC,mBAAQ,kBAAiC,KAAK,EAAE,KAAK,gBACpD,uBAAC,0CAAmB,IAClB,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,EAClC,QAAQ,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,GAC1B,KARW,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,CAS7B,CACZ,CAAA;YACH,CAAC,CAAC,IACO,CACZ,CAAC,CAAC,CAAC,CACF,uBAAC,2BAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,CAC/B,GACA,CACJ,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,mBAAmB,uBAiD/B"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./MaxAccounts"), exports);
|
|
4
5
|
tslib_1.__exportStar(require("./SeedPhrase"), exports);
|
|
5
6
|
tslib_1.__exportStar(require("./WalletAccountDetails"), exports);
|
|
6
7
|
tslib_1.__exportStar(require("./WalletAccountSelect"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,iEAAsC;AACtC,gEAAqC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B;AAC7B,uDAA4B;AAC5B,iEAAsC;AACtC,gEAAqC"}
|