@kaio-xyz/design-system 1.1.131 → 1.1.133
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/index.cjs.js +85 -65
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.esm.js +85 -65
- package/dist/index.esm.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -92,234 +92,254 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
92
92
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
93
93
|
};
|
|
94
94
|
|
|
95
|
+
var _path$f;
|
|
96
|
+
function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
|
|
97
|
+
var SvgCheck = function SvgCheck(props) {
|
|
98
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
99
|
+
width: "1em",
|
|
100
|
+
height: "1em",
|
|
101
|
+
fill: "none",
|
|
102
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
103
|
+
}, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
104
|
+
d: "M20.6474 3.30281C20.8943 2.97025 21.3647 2.90067 21.6972 3.14754C22.0298 3.39444 22.0994 3.86477 21.8525 4.19734L9.60251 20.6973C9.48001 20.8623 9.29478 20.9693 9.09079 20.9942C8.88673 21.0191 8.68101 20.959 8.52244 20.8282L2.27244 15.672C1.95326 15.4083 1.90836 14.9357 2.17185 14.6163C2.43551 14.2971 2.90813 14.2522 3.22751 14.5157L8.86716 19.169L20.6474 3.30281Z",
|
|
105
|
+
fill: "#98989D"
|
|
106
|
+
})));
|
|
107
|
+
};
|
|
108
|
+
|
|
95
109
|
var _path$e;
|
|
96
110
|
function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
|
|
97
|
-
var
|
|
111
|
+
var SvgCircleDashed = function SvgCircleDashed(props) {
|
|
98
112
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
99
113
|
width: "1em",
|
|
100
114
|
height: "1em",
|
|
101
115
|
fill: "none",
|
|
102
116
|
xmlns: "http://www.w3.org/2000/svg"
|
|
103
117
|
}, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
104
|
-
d: "
|
|
118
|
+
d: "M13.4258 20.3809C13.8341 20.3122 14.2211 20.5878 14.29 20.9961C14.3588 21.4044 14.0832 21.7914 13.6748 21.8604C13.1298 21.9523 12.5702 22 12 22C11.4298 22 10.8702 21.9523 10.3252 21.8604C9.91684 21.7914 9.6412 21.4044 9.70996 20.9961C9.77886 20.5878 10.1659 20.3122 10.5742 20.3809C11.0372 20.459 11.5137 20.5 12 20.5C12.4863 20.5 12.9628 20.459 13.4258 20.3809ZM4.02051 16.7422C4.35812 16.5022 4.82643 16.5813 5.06641 16.9189C5.62015 17.6979 6.30206 18.3799 7.08105 18.9336C7.41867 19.1736 7.49779 19.6419 7.25781 19.9795C7.01785 20.3166 6.55031 20.3957 6.21289 20.1562C5.297 19.5052 4.49477 18.703 3.84375 17.7871C3.6043 17.4497 3.68345 16.9821 4.02051 16.7422ZM18.9336 16.9189C19.1736 16.5813 19.6419 16.5022 19.9795 16.7422C20.3165 16.9822 20.3957 17.4497 20.1562 17.7871C19.5052 18.703 18.703 19.5052 17.7871 20.1562C17.4497 20.3957 16.9822 20.3165 16.7422 19.9795C16.5022 19.6419 16.5813 19.1736 16.9189 18.9336C17.6979 18.3799 18.3799 17.6979 18.9336 16.9189ZM2 12C2 11.4298 2.04769 10.8702 2.13965 10.3252C2.20855 9.91684 2.59556 9.6412 3.00391 9.70996C3.41221 9.77886 3.68781 10.1659 3.61914 10.5742C3.54102 11.0372 3.5 11.5137 3.5 12C3.5 12.4863 3.54102 12.9628 3.61914 13.4258C3.68781 13.8341 3.41221 14.2211 3.00391 14.29C2.59556 14.3588 2.20855 14.0832 2.13965 13.6748C2.04769 13.1298 2 12.5702 2 12ZM20.5 12C20.5 11.5137 20.459 11.0372 20.3809 10.5742C20.3122 10.1659 20.5878 9.77886 20.9961 9.70996C21.4044 9.6412 21.7914 9.91684 21.8604 10.3252C21.9523 10.8702 22 11.4298 22 12C22 12.5702 21.9523 13.1298 21.8604 13.6748C21.7914 14.0832 21.4044 14.3588 20.9961 14.29C20.5878 14.2211 20.3122 13.8341 20.3809 13.4258C20.459 12.9628 20.5 12.4863 20.5 12ZM6.21289 3.84375C6.55032 3.6043 7.01785 3.68344 7.25781 4.02051C7.49779 4.35812 7.41867 4.82643 7.08105 5.06641C6.30206 5.62015 5.62015 6.30206 5.06641 7.08105C4.82643 7.41867 4.35812 7.49779 4.02051 7.25781C3.68344 7.01785 3.6043 6.55032 3.84375 6.21289C4.49478 5.297 5.297 4.49478 6.21289 3.84375ZM16.7422 4.02051C16.9821 3.68345 17.4497 3.60431 17.7871 3.84375C18.703 4.49477 19.5052 5.297 20.1562 6.21289C20.3957 6.55031 20.3166 7.01785 19.9795 7.25781C19.6419 7.49779 19.1736 7.41867 18.9336 7.08105C18.3799 6.30206 17.6979 5.62015 16.9189 5.06641C16.5813 4.82643 16.5022 4.35812 16.7422 4.02051ZM12 2C12.5702 2 13.1298 2.04769 13.6748 2.13965C14.0832 2.20855 14.3588 2.59556 14.29 3.00391C14.2211 3.41221 13.8341 3.68781 13.4258 3.61914C12.9628 3.54102 12.4863 3.5 12 3.5C11.5137 3.5 11.0372 3.54102 10.5742 3.61914C10.1659 3.68781 9.77886 3.41221 9.70996 3.00391C9.6412 2.59556 9.91684 2.20855 10.3252 2.13965C10.8702 2.04769 11.4298 2 12 2Z",
|
|
105
119
|
fill: "#98989D"
|
|
106
120
|
})));
|
|
107
121
|
};
|
|
108
122
|
|
|
109
123
|
var _path$d;
|
|
110
124
|
function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
|
|
111
|
-
var
|
|
125
|
+
var SvgCross = function SvgCross(props) {
|
|
112
126
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
113
127
|
width: "1em",
|
|
114
128
|
height: "1em",
|
|
115
129
|
fill: "none",
|
|
116
130
|
xmlns: "http://www.w3.org/2000/svg"
|
|
117
131
|
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
118
|
-
d: "
|
|
132
|
+
d: "M18.7197 4.21967C19.0126 3.92678 19.4873 3.92678 19.7802 4.21967C20.0731 4.51256 20.0731 4.98732 19.7802 5.28022L13.0605 11.9999L19.7802 18.7197C20.0731 19.0126 20.0731 19.4873 19.7802 19.7802C19.4873 20.0731 19.0126 20.0731 18.7197 19.7802L11.9999 13.0605L5.28022 19.7802C4.98732 20.0731 4.51256 20.0731 4.21967 19.7802C3.92678 19.4873 3.92678 19.0126 4.21967 18.7197L10.9394 11.9999L4.21967 5.28022C3.92678 4.98732 3.92678 4.51256 4.21967 4.21967C4.51256 3.92678 4.98732 3.92678 5.28022 4.21967L11.9999 10.9394L18.7197 4.21967Z",
|
|
119
133
|
fill: "#98989D"
|
|
120
134
|
})));
|
|
121
135
|
};
|
|
122
136
|
|
|
123
137
|
var _path$c;
|
|
124
138
|
function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
|
|
125
|
-
var
|
|
139
|
+
var SvgDeny = function SvgDeny(props) {
|
|
126
140
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
127
141
|
width: "1em",
|
|
128
142
|
height: "1em",
|
|
129
143
|
fill: "none",
|
|
130
144
|
xmlns: "http://www.w3.org/2000/svg"
|
|
131
145
|
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
132
|
-
d: "
|
|
146
|
+
d: "M20.5 12C20.5 9.9223 19.7539 8.02087 18.5156 6.54395L6.54395 18.5156C8.02087 19.7539 9.9223 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12ZM3.5 12C3.5 14.0772 4.24566 15.9783 5.4834 17.4551L17.4551 5.4834C15.9783 4.24566 14.0772 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12ZM22 12C22 17.5228 17.5228 22 12 22C9.2388 22 6.73754 20.8802 4.92871 19.0713C3.11989 17.2625 2 14.7612 2 12C2 6.47716 6.47716 2 12 2C14.7612 2 17.2625 3.11989 19.0713 4.92871C20.8802 6.73754 22 9.2388 22 12Z",
|
|
133
147
|
fill: "#98989D"
|
|
134
148
|
})));
|
|
135
149
|
};
|
|
136
150
|
|
|
137
|
-
var _path$b;
|
|
151
|
+
var _path$b, _path2$4, _path3$2;
|
|
138
152
|
function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
|
|
139
|
-
var
|
|
153
|
+
var SvgInfo = function SvgInfo(props) {
|
|
140
154
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
141
155
|
width: "1em",
|
|
142
156
|
height: "1em",
|
|
143
157
|
fill: "none",
|
|
144
158
|
xmlns: "http://www.w3.org/2000/svg"
|
|
145
159
|
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
146
|
-
d: "M20.5 12C20.5
|
|
160
|
+
d: "M20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12ZM11.25 16.25V11.75H10.75C10.3358 11.75 10 11.4142 10 11C10 10.5858 10.3358 10.25 10.75 10.25H12C12.4142 10.25 12.75 10.5858 12.75 11V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47716 6.47716 2 12 2C17.5228 2 22 6.47715 22 12Z",
|
|
161
|
+
fill: "#98989D"
|
|
162
|
+
})), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
163
|
+
d: "M12 7.375C11.6548 7.375 11.375 7.65482 11.375 8C11.375 8.34518 11.6548 8.625 12 8.625C12.3452 8.625 12.625 8.34518 12.625 8C12.625 7.65482 12.3452 7.375 12 7.375Z",
|
|
164
|
+
fill: "#98989D"
|
|
165
|
+
})), _path3$2 || (_path3$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
166
|
+
d: "M12.5 8C12.5 7.72385 12.2762 7.5 12 7.5C11.7238 7.5 11.5 7.72385 11.5 8C11.5 8.27615 11.7238 8.5 12 8.5C12.2762 8.5 12.5 8.27615 12.5 8ZM12.75 8C12.75 8.41421 12.4142 8.75 12 8.75C11.5858 8.75 11.25 8.41421 11.25 8C11.25 7.58579 11.5858 7.25 12 7.25C12.4142 7.25 12.75 7.58579 12.75 8Z",
|
|
147
167
|
fill: "#98989D"
|
|
148
168
|
})));
|
|
149
169
|
};
|
|
150
170
|
|
|
151
|
-
var _path$a
|
|
171
|
+
var _path$a;
|
|
152
172
|
function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
|
|
153
|
-
var
|
|
173
|
+
var SvgLoader = function SvgLoader(props) {
|
|
154
174
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
155
175
|
width: "1em",
|
|
156
176
|
height: "1em",
|
|
157
177
|
fill: "none",
|
|
158
178
|
xmlns: "http://www.w3.org/2000/svg"
|
|
159
179
|
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
160
|
-
d: "
|
|
161
|
-
fill: "#98989D"
|
|
162
|
-
})), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
163
|
-
d: "M12 7.375C11.6548 7.375 11.375 7.65482 11.375 8C11.375 8.34518 11.6548 8.625 12 8.625C12.3452 8.625 12.625 8.34518 12.625 8C12.625 7.65482 12.3452 7.375 12 7.375Z",
|
|
164
|
-
fill: "#98989D"
|
|
165
|
-
})), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
166
|
-
d: "M12.5 8C12.5 7.72385 12.2762 7.5 12 7.5C11.7238 7.5 11.5 7.72385 11.5 8C11.5 8.27615 11.7238 8.5 12 8.5C12.2762 8.5 12.5 8.27615 12.5 8ZM12.75 8C12.75 8.41421 12.4142 8.75 12 8.75C11.5858 8.75 11.25 8.41421 11.25 8C11.25 7.58579 11.5858 7.25 12 7.25C12.4142 7.25 12.75 7.58579 12.75 8Z",
|
|
180
|
+
d: "M11.25 21.25V17.75C11.25 17.3359 11.5859 17.0002 12 17C12.4142 17 12.75 17.3358 12.75 17.75V21.25C12.75 21.6642 12.4142 22 12 22C11.5859 21.9998 11.25 21.6641 11.25 21.25ZM7.4043 15.5361C7.69718 15.2433 8.17195 15.2433 8.46484 15.5361C8.75773 15.829 8.75774 16.3038 8.46484 16.5967L5.99023 19.0713C5.69734 19.3642 5.22258 19.3642 4.92969 19.0713C4.6368 18.7784 4.63679 18.3036 4.92969 18.0107L7.4043 15.5361ZM15.5361 15.5352C15.829 15.2425 16.3039 15.2423 16.5967 15.5352L19.0713 18.0098C19.3642 18.3027 19.3642 18.7784 19.0713 19.0713C18.7785 19.3638 18.3036 19.3638 18.0107 19.0713L15.5361 16.5957C15.2432 16.3028 15.2432 15.828 15.5361 15.5352ZM6.25 11.251C6.66421 11.251 7 11.5868 7 12.001C6.99985 12.4151 6.66412 12.751 6.25 12.751H2.75C2.33588 12.751 2.00015 12.4151 2 12.001C2 11.5868 2.33579 11.251 2.75 11.251H6.25ZM21.25 11.251C21.6642 11.251 22 11.5868 22 12.001C21.9999 12.4151 21.6641 12.751 21.25 12.751H17.75C17.3359 12.751 17.0001 12.4151 17 12.001C17 11.5868 17.3358 11.251 17.75 11.251H21.25ZM4.92871 4.92871C5.22163 4.63584 5.69737 4.63579 5.99023 4.92871L8.46484 7.4043C8.75731 7.69723 8.75759 8.1721 8.46484 8.46484C8.17193 8.75771 7.69619 8.75776 7.40332 8.46484L4.92871 5.98926C4.63616 5.69641 4.63613 5.22152 4.92871 4.92871ZM18.0107 4.92969C18.3036 4.63679 18.7784 4.6368 19.0713 4.92969C19.3642 5.22258 19.3642 5.69734 19.0713 5.99023L16.5967 8.46484C16.3038 8.75774 15.829 8.75773 15.5361 8.46484C15.2433 8.17195 15.2433 7.69718 15.5361 7.4043L18.0107 4.92969ZM11.25 6.25V2.75C11.25 2.33591 11.586 2.00016 12 2C12.4142 2.00004 12.75 2.33582 12.75 2.75V6.25C12.75 6.66419 12.4142 7 12 7C11.5858 6.99996 11.25 6.66418 11.25 6.25Z",
|
|
167
181
|
fill: "#98989D"
|
|
168
182
|
})));
|
|
169
183
|
};
|
|
170
184
|
|
|
171
185
|
var _path$9;
|
|
172
186
|
function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
|
|
173
|
-
var
|
|
187
|
+
var SvgWarning = function SvgWarning(props) {
|
|
174
188
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
175
189
|
width: "1em",
|
|
176
190
|
height: "1em",
|
|
177
191
|
fill: "none",
|
|
178
192
|
xmlns: "http://www.w3.org/2000/svg"
|
|
179
193
|
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
180
|
-
d: "
|
|
194
|
+
d: "M10.4901 2.8437C11.1661 1.6901 12.8335 1.69014 13.5096 2.8437L22.0155 17.3652L22.075 17.4755C22.6455 18.6221 21.8153 19.9997 20.5057 19.9999H3.49494C2.14292 19.9999 1.30087 18.5318 1.9842 17.3652L10.4901 2.8437ZM12.2156 3.60249C12.119 3.43758 11.8806 3.43758 11.784 3.60249L3.27912 18.124C3.18173 18.2906 3.30188 18.4999 3.49494 18.4999H20.5057C20.6985 18.4997 20.8181 18.2896 20.7205 18.123V18.122L12.2156 3.60249ZM11.2498 13.2499V9.74995C11.2498 9.33576 11.5856 8.99998 11.9998 8.99995C12.414 8.99995 12.7498 9.33574 12.7498 9.74995V13.2499C12.7498 13.6641 12.414 13.9999 11.9998 13.9999C11.5857 13.9999 11.2499 13.6641 11.2498 13.2499ZM12.9998 15.7499C12.9998 16.3022 12.5521 16.7499 11.9998 16.7499C11.4822 16.7499 11.0561 16.3566 11.0047 15.8525L10.9998 15.7499L11.0047 15.6474C11.056 15.1432 11.4821 14.75 11.9998 14.7499L12.1024 14.7548C12.6065 14.8061 12.9998 15.2322 12.9998 15.7499Z",
|
|
181
195
|
fill: "#98989D"
|
|
182
196
|
})));
|
|
183
197
|
};
|
|
184
198
|
|
|
185
|
-
var _path$8;
|
|
199
|
+
var _path$8, _path2$3, _path3$1, _path4;
|
|
186
200
|
function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
|
|
187
|
-
var
|
|
201
|
+
var SvgEyeClosed = function SvgEyeClosed(props) {
|
|
188
202
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
189
203
|
width: "1em",
|
|
190
204
|
height: "1em",
|
|
191
205
|
fill: "none",
|
|
192
206
|
xmlns: "http://www.w3.org/2000/svg"
|
|
193
207
|
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
194
|
-
d: "
|
|
208
|
+
d: "M9.16582 4.42078C13.8206 3.01988 18.8177 5.12744 21.9822 10.4071L22.283 10.9276L22.4578 11.2587C22.5129 11.3768 22.5612 11.5047 22.5906 11.6473C22.6359 11.8681 22.6358 12.1307 22.5906 12.3514V12.3524C22.5318 12.6378 22.399 12.864 22.284 13.0712C21.6809 14.1579 21.0031 15.1203 20.2674 15.9569C19.9939 16.2677 19.5208 16.2984 19.2098 16.0253C18.8988 15.7518 18.868 15.2777 19.1414 14.9667C19.8015 14.2161 20.417 13.3419 20.9715 12.3427H20.9725C21.0425 12.2165 21.0776 12.1518 21.1014 12.1014C21.118 12.066 21.1201 12.0546 21.1209 12.0507L21.1228 12.036C21.1238 12.0259 21.1248 12.0133 21.1248 11.9999C21.1248 11.9865 21.1238 11.9738 21.1228 11.9637C21.122 11.9542 21.1209 11.9491 21.1209 11.9491C21.1202 11.9453 21.1184 11.9335 21.1014 11.8973C21.0775 11.8466 21.0418 11.7818 20.9715 11.6552V11.6561C18.0916 6.46801 13.5809 4.65835 9.59746 5.8573C9.20111 5.97635 8.7834 5.75154 8.66386 5.35535C8.54448 4.95871 8.76918 4.54016 9.16582 4.42078Z",
|
|
209
|
+
fill: "#98989D"
|
|
210
|
+
})), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
211
|
+
d: "M8 12.0004C8 11.0291 8.34764 10.1366 8.92383 9.44372C9.18871 9.12543 9.66108 9.08225 9.97949 9.34704C10.2978 9.61192 10.341 10.0843 10.0762 10.4027C9.71578 10.8362 9.5 11.3924 9.5 12.0004C9.5002 13.3809 10.6194 14.5004 12 14.5004C12.6187 14.5004 13.1835 14.2765 13.6201 13.9047C13.9353 13.6362 14.4081 13.6736 14.6768 13.9886C14.9453 14.3039 14.9079 14.7776 14.5928 15.0463C13.895 15.6406 12.9883 16.0004 12 16.0004C9.79101 16.0004 8.0002 14.2093 8 12.0004Z",
|
|
212
|
+
fill: "#98989D"
|
|
213
|
+
})), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
214
|
+
d: "M5.77575 6.14839C6.10808 5.9013 6.57739 5.9704 6.82458 6.30269C7.07166 6.63502 7.00257 7.10433 6.67028 7.35151C5.31638 8.35871 4.06561 9.78804 3.02868 11.6562C2.95846 11.7828 2.92258 11.8479 2.8988 11.8984C2.88125 11.9357 2.87892 11.9459 2.87829 11.9492C2.8783 11.9492 2.87821 11.9542 2.87731 11.9638C2.87639 11.9739 2.87536 11.9866 2.87536 12C2.87536 12.0131 2.87641 12.0251 2.87731 12.0351C2.87805 12.0431 2.87804 12.0483 2.87829 12.0498V12.0507C2.87893 12.054 2.88136 12.0645 2.8988 12.1015C2.92263 12.1521 2.95835 12.2169 3.02868 12.3437C4.7566 15.4568 7.07667 17.3485 9.48864 18.1093C11.8939 18.8679 14.4579 18.5251 16.7513 17.0488C17.0995 16.8248 17.5633 16.9253 17.7875 17.2734C18.0117 17.6217 17.9111 18.0863 17.5629 18.3105C14.9108 20.0176 11.8859 20.4384 9.03747 19.54C6.19541 18.6435 3.59609 16.4565 1.71716 13.0712C1.60222 12.8641 1.46828 12.638 1.40954 12.3525C1.3641 12.1315 1.36418 11.8683 1.40954 11.6474C1.46824 11.362 1.60132 11.1357 1.71618 10.9287L1.93102 10.5527C3.01817 8.69857 4.32745 7.22577 5.77575 6.14839Z",
|
|
215
|
+
fill: "#98989D"
|
|
216
|
+
})), _path4 || (_path4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
217
|
+
d: "M2.21967 2.21967C2.51256 1.92678 2.98732 1.92678 3.28022 2.21967L21.7802 20.7197C22.0731 21.0126 22.0731 21.4873 21.7802 21.7802C21.4873 22.0731 21.0126 22.0731 20.7197 21.7802L2.21967 3.28022C1.92678 2.98732 1.92678 2.51256 2.21967 2.21967Z",
|
|
195
218
|
fill: "#98989D"
|
|
196
219
|
})));
|
|
197
220
|
};
|
|
198
221
|
|
|
199
|
-
var _path$7, _path2$2
|
|
222
|
+
var _path$7, _path2$2;
|
|
200
223
|
function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
|
|
201
|
-
var
|
|
224
|
+
var SvgEyeOpen = function SvgEyeOpen(props) {
|
|
202
225
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
203
226
|
width: "1em",
|
|
204
227
|
height: "1em",
|
|
205
228
|
fill: "none",
|
|
206
229
|
xmlns: "http://www.w3.org/2000/svg"
|
|
207
230
|
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
208
|
-
d: "
|
|
231
|
+
d: "M12.0001 4C16.0105 4.00003 19.9104 6.47732 22.4308 11.1992C22.6966 11.6972 22.6966 12.3028 22.4308 12.8008C19.9104 17.5227 16.0105 20 12.0001 20C7.98972 20 4.08981 17.5227 1.56944 12.8008C1.30365 12.3028 1.3037 11.6973 1.56944 11.1992C4.08981 6.47731 7.98972 3.99997 12.0001 4ZM12.0001 5.5C8.66218 5.49998 5.21336 7.5575 2.89268 11.9053C2.86244 11.962 2.86243 12.038 2.89268 12.0947C5.21336 16.4424 8.66221 18.5 12.0001 18.5C15.338 18.5 18.7869 16.4425 21.1075 12.0947C21.1378 12.0381 21.1378 11.9619 21.1075 11.9053C18.7869 7.55753 15.338 5.50003 12.0001 5.5Z",
|
|
209
232
|
fill: "#98989D"
|
|
210
233
|
})), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
211
|
-
d: "
|
|
212
|
-
fill: "#98989D"
|
|
213
|
-
})), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
214
|
-
d: "M5.77575 6.14839C6.10808 5.9013 6.57739 5.9704 6.82458 6.30269C7.07166 6.63502 7.00257 7.10433 6.67028 7.35151C5.31638 8.35871 4.06561 9.78804 3.02868 11.6562C2.95846 11.7828 2.92258 11.8479 2.8988 11.8984C2.88125 11.9357 2.87892 11.9459 2.87829 11.9492C2.8783 11.9492 2.87821 11.9542 2.87731 11.9638C2.87639 11.9739 2.87536 11.9866 2.87536 12C2.87536 12.0131 2.87641 12.0251 2.87731 12.0351C2.87805 12.0431 2.87804 12.0483 2.87829 12.0498V12.0507C2.87893 12.054 2.88136 12.0645 2.8988 12.1015C2.92263 12.1521 2.95835 12.2169 3.02868 12.3437C4.7566 15.4568 7.07667 17.3485 9.48864 18.1093C11.8939 18.8679 14.4579 18.5251 16.7513 17.0488C17.0995 16.8248 17.5633 16.9253 17.7875 17.2734C18.0117 17.6217 17.9111 18.0863 17.5629 18.3105C14.9108 20.0176 11.8859 20.4384 9.03747 19.54C6.19541 18.6435 3.59609 16.4565 1.71716 13.0712C1.60222 12.8641 1.46828 12.638 1.40954 12.3525C1.3641 12.1315 1.36418 11.8683 1.40954 11.6474C1.46824 11.362 1.60132 11.1357 1.71618 10.9287L1.93102 10.5527C3.01817 8.69857 4.32745 7.22577 5.77575 6.14839Z",
|
|
215
|
-
fill: "#98989D"
|
|
216
|
-
})), _path4 || (_path4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
217
|
-
d: "M2.21967 2.21967C2.51256 1.92678 2.98732 1.92678 3.28022 2.21967L21.7802 20.7197C22.0731 21.0126 22.0731 21.4873 21.7802 21.7802C21.4873 22.0731 21.0126 22.0731 20.7197 21.7802L2.21967 3.28022C1.92678 2.98732 1.92678 2.51256 2.21967 2.21967Z",
|
|
234
|
+
d: "M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12ZM16 12C16 14.2091 14.2091 16 12 16C9.79089 16 8 14.2091 8 12C8 9.79089 9.79089 8 12 8C14.2091 8 16 9.79089 16 12Z",
|
|
218
235
|
fill: "#98989D"
|
|
219
236
|
})));
|
|
220
237
|
};
|
|
221
238
|
|
|
222
|
-
var _path$6
|
|
239
|
+
var _path$6;
|
|
223
240
|
function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
|
|
224
|
-
var
|
|
241
|
+
var SvgChevronGrabber = function SvgChevronGrabber(props) {
|
|
225
242
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
226
243
|
width: "1em",
|
|
227
244
|
height: "1em",
|
|
228
245
|
fill: "none",
|
|
229
246
|
xmlns: "http://www.w3.org/2000/svg"
|
|
230
247
|
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
231
|
-
d: "
|
|
232
|
-
fill: "#98989D"
|
|
233
|
-
})), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
234
|
-
d: "M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12ZM16 12C16 14.2091 14.2091 16 12 16C9.79089 16 8 14.2091 8 12C8 9.79089 9.79089 8 12 8C14.2091 8 16 9.79089 16 12Z",
|
|
248
|
+
d: "M15.4696 14.4696C15.7625 14.1767 16.2373 14.1767 16.5302 14.4696C16.823 14.7625 16.8231 15.2373 16.5302 15.5302L13.0605 18.9999C12.4747 19.5856 11.5251 19.5856 10.9394 18.9999L7.46965 15.5302C7.17677 15.2373 7.1768 14.7625 7.46965 14.4696C7.76254 14.1767 8.2373 14.1767 8.53019 14.4696L11.9999 17.9393L15.4696 14.4696ZM10.9394 4.99989C11.5252 4.4141 12.4747 4.4141 13.0605 4.99989L16.5302 8.46962C16.823 8.76252 16.8231 9.23729 16.5302 9.53017C16.2373 9.82299 15.7625 9.82299 15.4696 9.53017L11.9999 6.06044L8.53019 9.53017C8.23731 9.82299 7.76252 9.82299 7.46965 9.53017C7.17677 9.23729 7.17681 8.76252 7.46965 8.46962L10.9394 4.99989Z",
|
|
235
249
|
fill: "#98989D"
|
|
236
250
|
})));
|
|
237
251
|
};
|
|
238
252
|
|
|
239
253
|
var _path$5;
|
|
240
254
|
function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
|
|
241
|
-
var
|
|
255
|
+
var SvgMinus = function SvgMinus(props) {
|
|
242
256
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
243
257
|
width: "1em",
|
|
244
258
|
height: "1em",
|
|
245
259
|
fill: "none",
|
|
246
260
|
xmlns: "http://www.w3.org/2000/svg"
|
|
247
261
|
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
248
|
-
d: "
|
|
262
|
+
d: "M20.25 11.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12C3 11.5858 3.33579 11.25 3.75 11.25H20.25Z",
|
|
249
263
|
fill: "#98989D"
|
|
250
264
|
})));
|
|
251
265
|
};
|
|
252
266
|
|
|
253
267
|
var _path$4;
|
|
254
268
|
function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
|
|
255
|
-
var
|
|
269
|
+
var SvgClipboard = function SvgClipboard(props) {
|
|
256
270
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
257
271
|
width: "1em",
|
|
258
272
|
height: "1em",
|
|
259
273
|
fill: "none",
|
|
260
274
|
xmlns: "http://www.w3.org/2000/svg"
|
|
261
275
|
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
262
|
-
d: "
|
|
276
|
+
d: "M18.5 5.75C18.5 5.61192 18.3881 5.5 18.25 5.5H16V6.25C16 7.21648 15.2165 8 14.25 8H9.75C8.78351 8 8 7.21649 8 6.25V5.5H5.75C5.61193 5.5 5.5 5.61193 5.5 5.75V20.25C5.5 20.3881 5.61192 20.5 5.75 20.5H18.25C18.3881 20.5 18.5 20.3881 18.5 20.25V5.75ZM14.5 3.75C14.5 3.61192 14.3881 3.5 14.25 3.5H9.75C9.61193 3.5 9.5 3.61193 9.5 3.75V6.25C9.5 6.38807 9.61193 6.5 9.75 6.5H14.25C14.3881 6.5 14.5 6.38808 14.5 6.25V3.75ZM16 4H18.25C19.2165 4 20 4.78352 20 5.75V20.25C20 21.2165 19.2165 22 18.25 22H5.75C4.7835 22 4 21.2165 4 20.25V5.75C4 4.78351 4.78351 4 5.75 4H8V3.75C8 2.78351 8.78351 2 9.75 2H14.25C15.2165 2 16 2.78352 16 3.75V4Z",
|
|
263
277
|
fill: "#98989D"
|
|
264
278
|
})));
|
|
265
279
|
};
|
|
266
280
|
|
|
267
|
-
var _path$3;
|
|
281
|
+
var _path$3, _path2$1;
|
|
268
282
|
function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
|
|
269
|
-
var
|
|
283
|
+
var SvgLoadingCircle = function SvgLoadingCircle(props) {
|
|
270
284
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
271
285
|
width: "1em",
|
|
272
286
|
height: "1em",
|
|
273
287
|
fill: "none",
|
|
274
288
|
xmlns: "http://www.w3.org/2000/svg"
|
|
275
289
|
}, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
276
|
-
d: "
|
|
290
|
+
d: "M20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47716 6.47716 2 12 2C17.5228 2 22 6.47715 22 12Z",
|
|
291
|
+
fill: "white",
|
|
292
|
+
fillOpacity: 0.3
|
|
293
|
+
})), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
294
|
+
d: "M20.5 12C20.5 11.5858 20.8358 11.25 21.25 11.25C21.6642 11.25 22 11.5858 22 12C22 17.5228 17.5228 22 12 22C11.5858 22 11.25 21.6642 11.25 21.25C11.25 20.8358 11.5858 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12Z",
|
|
277
295
|
fill: "#98989D"
|
|
278
296
|
})));
|
|
279
297
|
};
|
|
280
298
|
|
|
281
|
-
var _path$2
|
|
299
|
+
var _path$2;
|
|
282
300
|
function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
|
|
283
|
-
var
|
|
301
|
+
var SvgArrowDownRight = function SvgArrowDownRight(props) {
|
|
284
302
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
285
303
|
width: "1em",
|
|
286
304
|
height: "1em",
|
|
287
305
|
fill: "none",
|
|
288
306
|
xmlns: "http://www.w3.org/2000/svg"
|
|
289
307
|
}, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
290
|
-
d: "
|
|
291
|
-
fill: "white",
|
|
292
|
-
fillOpacity: 0.3
|
|
293
|
-
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
294
|
-
d: "M20.5 12C20.5 11.5858 20.8358 11.25 21.25 11.25C21.6642 11.25 22 11.5858 22 12C22 17.5228 17.5228 22 12 22C11.5858 22 11.25 21.6642 11.25 21.25C11.25 20.8358 11.5858 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12Z",
|
|
308
|
+
d: "M5.46967 5.46967C5.76256 5.17678 6.23732 5.17678 6.53022 5.46967L17.4999 16.4394V8.74994C17.4999 8.33573 17.8357 7.99994 18.2499 7.99994C18.6642 7.99994 18.9999 8.33573 18.9999 8.74994V18.2499C18.9999 18.6642 18.6642 18.9999 18.2499 18.9999H8.74994C8.33573 18.9999 7.99994 18.6642 7.99994 18.2499C7.99994 17.8357 8.33573 17.4999 8.74994 17.4999H16.4394L5.46967 6.53022C5.17678 6.23732 5.17678 5.76256 5.46967 5.46967Z",
|
|
295
309
|
fill: "#98989D"
|
|
296
310
|
})));
|
|
297
311
|
};
|
|
298
312
|
|
|
299
313
|
var _path$1;
|
|
300
314
|
function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
|
|
301
|
-
var
|
|
315
|
+
var SvgArrowUpRight = function SvgArrowUpRight(props) {
|
|
302
316
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
303
317
|
width: "1em",
|
|
304
318
|
height: "1em",
|
|
305
319
|
fill: "none",
|
|
306
320
|
xmlns: "http://www.w3.org/2000/svg"
|
|
307
321
|
}, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
308
|
-
d: "
|
|
322
|
+
d: "M18.9999 15.25C18.9999 15.6642 18.6642 16 18.2499 16C17.8357 16 17.4999 15.6642 17.4999 15.25V7.56055L6.53022 18.5303C6.23732 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L16.4394 6.5H8.74994C8.33573 6.5 7.99994 6.16421 7.99994 5.75C7.99994 5.33579 8.33573 5 8.74994 5H18.2499C18.6642 5 18.9999 5.33579 18.9999 5.75V15.25Z",
|
|
309
323
|
fill: "#98989D"
|
|
310
324
|
})));
|
|
311
325
|
};
|
|
312
326
|
|
|
313
|
-
var _path;
|
|
327
|
+
var _path, _path2, _path3;
|
|
314
328
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
315
|
-
var
|
|
329
|
+
var SvgLock = function SvgLock(props) {
|
|
316
330
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
317
331
|
width: "1em",
|
|
318
332
|
height: "1em",
|
|
319
333
|
fill: "none",
|
|
320
334
|
xmlns: "http://www.w3.org/2000/svg"
|
|
321
335
|
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
322
|
-
d: "M18.
|
|
336
|
+
d: "M18.5 10.75C18.5 10.6119 18.3881 10.5 18.25 10.5H5.75C5.61192 10.5 5.5 10.6119 5.5 10.75V20.25C5.5 20.3881 5.61192 20.5 5.75 20.5H18.25C18.3881 20.5 18.5 20.3881 18.5 20.25V10.75ZM20 20.25C20 21.2165 19.2165 22 18.25 22H5.75C4.7835 22 4 21.2165 4 20.25V10.75C4 9.78348 4.78352 9 5.75 9H18.25C19.2165 9 20 9.78349 20 10.75V20.25Z",
|
|
337
|
+
fill: "#98989D"
|
|
338
|
+
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
339
|
+
d: "M15.5 9.75V7.25C15.5 5.317 13.933 3.75 12 3.75C10.067 3.75 8.5 5.317 8.5 7.25V9.75C8.5 10.1642 8.16421 10.5 7.75 10.5C7.33579 10.5 7 10.1642 7 9.75V7.25C7 4.48858 9.23858 2.25 12 2.25C14.7614 2.25 17 4.48858 17 7.25V9.75C17 10.1642 16.6642 10.5 16.25 10.5C15.8358 10.5 15.5 10.1642 15.5 9.75Z",
|
|
340
|
+
fill: "#98989D"
|
|
341
|
+
})), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
342
|
+
d: "M11.25 17V14C11.25 13.5858 11.5858 13.25 12 13.25C12.4142 13.25 12.75 13.5858 12.75 14V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17Z",
|
|
323
343
|
fill: "#98989D"
|
|
324
344
|
})));
|
|
325
345
|
};
|
|
@@ -939,7 +959,7 @@ var ByProductChart = function (_a) {
|
|
|
939
959
|
} }), jsxRuntime.jsx(recharts.Legend, { content: getCustomLegend(data) }), data.map(function (item) { return (jsxRuntime.jsx(recharts.Area, { dataKey: item.id, name: item.id, stroke: item.color, strokeWidth: 1.5, fill: "url(#grad-".concat(item.id, ")"), fillOpacity: 1, dot: false, activeDot: { r: 4, fill: item.color } }, item.id)); })] }) }));
|
|
940
960
|
};
|
|
941
961
|
|
|
942
|
-
var style$7 = {"root":"investments-graph-module__root__-BKux","paddedWrapper":"investments-graph-module__paddedWrapper__afkOR","graphButtons":"investments-graph-module__graphButtons__coxZq","graphButton":"investments-graph-module__graphButton__yVOBe"};
|
|
962
|
+
var style$7 = {"root":"investments-graph-module__root__-BKux","paddedWrapper":"investments-graph-module__paddedWrapper__afkOR","graphButtons":"investments-graph-module__graphButtons__coxZq","graphButton":"investments-graph-module__graphButton__yVOBe","lockedPlaceholder":"investments-graph-module__lockedPlaceholder__EgBiO","lockIconCircle":"investments-graph-module__lockIconCircle__B0Tft"};
|
|
943
963
|
|
|
944
964
|
var TotalChart = function (_a) {
|
|
945
965
|
var data = _a.data, ticks = _a.ticks, timeFrame = _a.timeFrame;
|
|
@@ -981,7 +1001,7 @@ var TotalChart = function (_a) {
|
|
|
981
1001
|
};
|
|
982
1002
|
|
|
983
1003
|
var InvestmentGraph = function (_a) {
|
|
984
|
-
var viewMode = _a.viewMode, setViewMode = _a.setViewMode, initialDataPoints = _a.dataPoints, timeFrame = _a.timeFrame, header = _a.header, setTimeFrame = _a.setTimeFrame, _b = _a.byProductData, initialByProductData = _b === void 0 ? [] : _b;
|
|
1004
|
+
var viewMode = _a.viewMode, setViewMode = _a.setViewMode, initialDataPoints = _a.dataPoints, timeFrame = _a.timeFrame, header = _a.header, setTimeFrame = _a.setTimeFrame, _b = _a.byProductData, initialByProductData = _b === void 0 ? [] : _b, _c = _a.isLocked, isLocked = _c === void 0 ? false : _c;
|
|
985
1005
|
var dataPoints = formatDataPoints(initialDataPoints);
|
|
986
1006
|
var byProductData = initialByProductData.map(function (item) { return (__assign(__assign({}, item), { dataPoints: formatDataPoints(item.dataPoints) })); });
|
|
987
1007
|
var hasByProductView = Boolean(byProductData === null || byProductData === void 0 ? void 0 : byProductData.length);
|
|
@@ -1017,8 +1037,8 @@ var InvestmentGraph = function (_a) {
|
|
|
1017
1037
|
}
|
|
1018
1038
|
return getMonthTicks(dates);
|
|
1019
1039
|
}, [timeFrame, viewMode, totalData, byProductChartData]);
|
|
1020
|
-
return (jsxRuntime.jsxs(Stack, { className: style$7.root, space: "m", children: [jsxRuntime.jsxs(Stack, { space: "none", children: [header && (jsxRuntime.jsx("div", { className: style$7.paddedWrapper, children: header })), jsxRuntime.jsxs(Stack, { className: style$7.paddedWrapper, position: "horizontal-space", wrap: true, children: [jsxRuntime.jsx("div", { className: style$7.graphButtons, children: periodOptions.map(function (p) { return (jsxRuntime.jsx("button", { tabIndex: 0, onKeyDown: function (e) {
|
|
1021
|
-
return isEnter(e)
|
|
1040
|
+
return (jsxRuntime.jsxs(Stack, { className: style$7.root, space: "m", children: [jsxRuntime.jsxs(Stack, { space: "none", children: [header && (jsxRuntime.jsx("div", { className: style$7.paddedWrapper, children: header })), jsxRuntime.jsxs(Stack, { className: style$7.paddedWrapper, position: "horizontal-space", wrap: true, children: [jsxRuntime.jsx("div", { className: style$7.graphButtons, children: periodOptions.map(function (p) { return (jsxRuntime.jsx("button", { tabIndex: isLocked ? -1 : 0, disabled: isLocked, onKeyDown: function (e) {
|
|
1041
|
+
return isEnter(e) && !isLocked
|
|
1022
1042
|
? setTimeFrame(p)
|
|
1023
1043
|
: null;
|
|
1024
1044
|
}, className: style$7.graphButton, "data-active": (timeFrame === null || timeFrame === void 0 ? void 0 : timeFrame.value) === p.value
|
|
@@ -1027,7 +1047,7 @@ var InvestmentGraph = function (_a) {
|
|
|
1027
1047
|
? 'true'
|
|
1028
1048
|
: 'false', onClick: function () {
|
|
1029
1049
|
return setViewMode === null || setViewMode === void 0 ? void 0 : setViewMode(mode);
|
|
1030
|
-
}, children: mode === 'total' ? 'Total' : 'By Product' }, mode)); }) }))] })] }), viewMode === 'byProduct' && hasByProductView ? (jsxRuntime.jsx(ByProductChart, { chartData: byProductChartData, data: byProductData, ticks: ticks, timeFrame: timeFrame === null || timeFrame === void 0 ? void 0 : timeFrame.value })) : (jsxRuntime.jsx(TotalChart, { data: totalData, ticks: ticks, timeFrame: timeFrame === null || timeFrame === void 0 ? void 0 : timeFrame.value }))] }));
|
|
1050
|
+
}, children: mode === 'total' ? 'Total' : 'By Product' }, mode)); }) }))] })] }), isLocked ? (jsxRuntime.jsx("div", { className: style$7.lockedPlaceholder, children: jsxRuntime.jsx("div", { className: style$7.lockIconCircle, children: jsxRuntime.jsx(SvgLock, {}) }) })) : viewMode === 'byProduct' && hasByProductView ? (jsxRuntime.jsx(ByProductChart, { chartData: byProductChartData, data: byProductData, ticks: ticks, timeFrame: timeFrame === null || timeFrame === void 0 ? void 0 : timeFrame.value })) : (jsxRuntime.jsx(TotalChart, { data: totalData, ticks: ticks, timeFrame: timeFrame === null || timeFrame === void 0 ? void 0 : timeFrame.value }))] }));
|
|
1031
1051
|
};
|
|
1032
1052
|
|
|
1033
1053
|
var style$6 = {"root":"investments-header-module__root__fxQmk","total":"investments-header-module__total__DrEq0","badge":"investments-header-module__badge__-aeBM"};
|
|
@@ -1133,8 +1153,8 @@ var Alert = function (_a) {
|
|
|
1133
1153
|
var style$2 = {"root":"box-module__root__dZ-MR","icon":"box-module__icon__3dFXL"};
|
|
1134
1154
|
|
|
1135
1155
|
var Box = function (_a) {
|
|
1136
|
-
var title = _a.title, description = _a.description, Icon = _a.icon, iconType = _a.iconType;
|
|
1137
|
-
return (jsxRuntime.jsxs(Stack, { className: style$2.root, as: "dl", children: [jsxRuntime.jsx("dt", { children: title }), jsxRuntime.jsxs("dd", { children: [description, Icon && jsxRuntime.jsx(Icon, { className: style$2.icon, "data-icon-type": iconType, viewBox: "0 0 24 24" })] })] }));
|
|
1156
|
+
var title = _a.title, description = _a.description, Icon = _a.icon, iconType = _a.iconType, fullWidth = _a.fullWidth;
|
|
1157
|
+
return (jsxRuntime.jsxs(Stack, { className: style$2.root, "data-is-full-width": fullWidth, as: "dl", children: [jsxRuntime.jsx("dt", { children: title }), jsxRuntime.jsxs("dd", { children: [description, Icon && jsxRuntime.jsx(Icon, { className: style$2.icon, "data-icon-type": iconType, viewBox: "0 0 24 24" })] })] }));
|
|
1138
1158
|
};
|
|
1139
1159
|
|
|
1140
1160
|
var style$1 = {"list":"tabs-module__list__Nuvl-","trigger":"tabs-module__trigger__qOk2r","content":"tabs-module__content__4w1tZ","counter":"tabs-module__counter__QkcJB"};
|