@stokr/components-library 2.3.65-beta.1 → 2.3.65-beta.11
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/components/2FA/main-flow.js +28 -7
- package/dist/components/AdminDashboard/Table/ReactTable.js +123 -7
- package/dist/components/Chips/Chip.js +1 -2
- package/dist/components/Chips/Chip.styles.js +3 -2
- package/dist/components/Input/Input.js +33 -33
- package/dist/components/Input/MultiSelect.js +319 -0
- package/dist/components/Input/SearchInput.js +78 -0
- package/dist/components/Input/SearchInput.styles.js +25 -0
- package/dist/components/Input/Select.js +51 -28
- package/dist/components/Modal/SideModal.js +82 -0
- package/dist/components/Modal/SideModal.styles.js +21 -0
- package/dist/components/Payment/PaymentDetailsCard.js +189 -0
- package/dist/components/Payment/PaymentDisplay.js +2 -12
- package/dist/components/ProfileBox/ProfileBox.js +2 -1
- package/dist/components/Snackbar/Snackbar.js +193 -0
- package/dist/components/Snackbar/Snackbar.styles.js +97 -0
- package/dist/components/Snackbar/SnackbarProvider.js +81 -0
- package/dist/components/Snackbar/index.js +32 -0
- package/dist/components/Snackbar/useSnackbar.js +43 -0
- package/dist/components/StatusTag/StatusTag.js +175 -0
- package/dist/components/StatusTag/StatusTag.styles.js +37 -0
- package/dist/components/StepsProgress/StepIndicator.js +59 -0
- package/dist/components/StepsProgress/StepIndicator.styles.js +30 -0
- package/dist/components/TextLink/TextLink.styles.js +1 -1
- package/dist/components/Timeline/TimelineStep.js +2 -2
- package/dist/constants/globalVariables.js +41 -2
- package/dist/context/Checkbox/CheckboxContext.js +0 -1
- package/dist/index.js +66 -0
- package/dist/static/images/bmn2-logo.svg +9 -0
- package/dist/static/images/document-icon.svg +3 -0
- package/dist/static/images/plus-icon.svg +4 -0
- package/dist/static/images/search-icon.svg +3 -0
- package/dist/static/images/sent-icon.svg +10 -0
- package/dist/static/images/transfer-icon.svg +10 -0
- package/dist/utils/formatCurrencyValue.js +43 -3
- package/package.json +3 -2
- package/dist/components/2FA/EnterCode.stories.js +0 -35
- package/dist/components/2FA/disable-2fa-flow.stories.js +0 -31
- package/dist/components/2FA/enable-2fa-flow.stories.js +0 -31
- package/dist/components/2FA/login-with-otp-flow.stories.js +0 -31
- package/dist/components/2FA/main-flow.stories.js +0 -33
- package/dist/components/AccountBalance/AccountBalance.stories.js +0 -83
- package/dist/components/AdminDashboard/Table/ReactTable.stories.js +0 -406
- package/dist/components/AgreementItem/AgreementItem.stories.js +0 -105
- package/dist/components/AnalyticGraphs/Analytic.js +0 -541
- package/dist/components/AnalyticGraphs/Analytic.styles.js +0 -25
- package/dist/components/BackButton/BackButton.stories.js +0 -32
- package/dist/components/Background/Background.stories.js +0 -75
- package/dist/components/BarChart/BarChart.js +0 -263
- package/dist/components/BarChart/BarChart.stories.js +0 -66
- package/dist/components/BarChart/BarChart.styles.js +0 -26
- package/dist/components/BarChartLegend/BarChartLegend.js +0 -79
- package/dist/components/BarChartLegend/BarChartLegend.styles.js +0 -21
- package/dist/components/BasicTable/BasicTable.stories.js +0 -59
- package/dist/components/BlogPost/BlogPost.stories.js +0 -160
- package/dist/components/Button/Button.stories.js +0 -146
- package/dist/components/Button/GlareButton.stories.js +0 -132
- package/dist/components/CapitalRaisedSummary/CapitalRaisedSummery.stories.js +0 -42
- package/dist/components/ChartBox/ChartBox.js +0 -41
- package/dist/components/ChartBox/ChartBox.stories.js +0 -17
- package/dist/components/ChartBox/ChartBox.styles.js +0 -27
- package/dist/components/ChartBox/ChartBoxDistribution.js +0 -27
- package/dist/components/ChartBox/ChartBoxDistribution.stories.js +0 -18
- package/dist/components/ChartLegend/ChartLegend.stories.js +0 -90
- package/dist/components/Checkbox/Checkbox.stories.js +0 -88
- package/dist/components/Checklist/ChecklistCard.stories.js +0 -102
- package/dist/components/Checklist/UserChecklist.js +0 -184
- package/dist/components/Checklist/UserChecklist.stories.js +0 -317
- package/dist/components/Chips/Chip.stories.js +0 -36
- package/dist/components/Chips/ChipsWrapper.stories.js +0 -47
- package/dist/components/ComponentScroll/ComponentScroll.stories.js +0 -111
- package/dist/components/CryptoAddress/CryptoAddress.stories.js +0 -205
- package/dist/components/CryptoAddressDetails/CryptoAddressDetails.stories.js +0 -70
- package/dist/components/DonutChart/DonutChart.stories.js +0 -54
- package/dist/components/FAQ/FAQ.stories.js +0 -76
- package/dist/components/Footer/Footer.stories.js +0 -49
- package/dist/components/Footer/FooterLayout.stories.js +0 -26
- package/dist/components/Footer/FooterMenu.stories.js +0 -113
- package/dist/components/Footer/mangopay.png +0 -0
- package/dist/components/Footer/mangopay.svg +0 -20
- package/dist/components/ForgotPasswordModal/ForgotPasswordModal.stories.js +0 -69
- package/dist/components/Form/Form.stories.js +0 -32
- package/dist/components/FullscreenCard/FullscreenCard.styles.js +0 -27
- package/dist/components/Header/Header.stories.js +0 -192
- package/dist/components/InfoIcon/InfoIcon.stories.js +0 -299
- package/dist/components/InfoPanel/InfoPanel.js +0 -124
- package/dist/components/Input/DatePickerInput.stories.js +0 -87
- package/dist/components/Input/Input.stories.js +0 -142
- package/dist/components/Input/InputPassword.stories.js +0 -80
- package/dist/components/Input/InputWithButton.stories.js +0 -75
- package/dist/components/Input/OtpInput.stories.js +0 -57
- package/dist/components/Input/RangeInput.stories.js +0 -58
- package/dist/components/Input/Select.stories.js +0 -139
- package/dist/components/InvestCalculator/InvestCalculator.stories.js +0 -135
- package/dist/components/InvestmentStat/InvestmentStat.stories.js +0 -52
- package/dist/components/KYCFlow/BasicInfo.js +0 -448
- package/dist/components/KYCFlow/Confirmation.js +0 -46
- package/dist/components/KYCFlow/DocumentFileUpload.js +0 -263
- package/dist/components/KYCFlow/DocumentScan.js +0 -75
- package/dist/components/KYCFlow/DocumentScanUpload.js +0 -251
- package/dist/components/KYCFlow/DocumentSelect.js +0 -118
- package/dist/components/KYCFlow/DocumentSuccess.js +0 -63
- package/dist/components/KYCFlow/DocumentUpload.js +0 -53
- package/dist/components/KYCFlow/DocumentVerificationType.js +0 -131
- package/dist/components/KYCFlow/FaceScan.js +0 -54
- package/dist/components/KYCFlow/FaceScanRecognition.js +0 -61
- package/dist/components/KYCFlow/FaceScanSuccess.js +0 -56
- package/dist/components/KYCFlow/Terms.js +0 -119
- package/dist/components/KYCFlow/_styles.js +0 -111
- package/dist/components/KYCFlow/index.js +0 -97
- package/dist/components/KYCSelectBox/KYCSelectBox.styles.js +0 -29
- package/dist/components/LatestUpdate/LatestUpdate.stories.js +0 -58
- package/dist/components/Layout/Layout.stories.js +0 -60
- package/dist/components/LearnMoreCarousel/LearnMoreCarousel.stories.js +0 -66
- package/dist/components/LearnMorePage/LearnMore.stories.js +0 -48
- package/dist/components/LearnMorePage/LearnMoreItem.stories.js +0 -62
- package/dist/components/LearnMoreSection/LearnMore.stories.js +0 -30
- package/dist/components/LearnMoreSection/LearnMoreItem.stories.js +0 -59
- package/dist/components/LoginModal/LoginModal.stories.js +0 -74
- package/dist/components/MatomoConnect/Matomo.js +0 -228
- package/dist/components/MatomoConnect/Matomo_fuckup.js +0 -387
- package/dist/components/Modal/Modal.stories.js +0 -75
- package/dist/components/Modal/NewVentureModal/NewVentureModal.stories.js +0 -150
- package/dist/components/Modal/PaymentModal.stories.js +0 -57
- package/dist/components/MultiProgressBar/MultiProgressBar.stories.js +0 -67
- package/dist/components/Newsletter/Newsletter.stories.js +0 -16
- package/dist/components/NotificationContext/NotificationContext.js +0 -141
- package/dist/components/Number/Number.stories.js +0 -92
- package/dist/components/Pagination/Pagination.stories.js +0 -83
- package/dist/components/Pagination/PaginationControls.stories.js +0 -112
- package/dist/components/Payment/PaymentDisplay.stories.js +0 -302
- package/dist/components/Payment/TimerComponent.stories.js +0 -236
- package/dist/components/Process/Process.stories.js +0 -42
- package/dist/components/ProfileBadge/ProfileBadge.stories.js +0 -45
- package/dist/components/ProfileBox/ProfileBox.stories.js +0 -35
- package/dist/components/ProfileHeader/ProfileHeader.js +0 -252
- package/dist/components/ProfileHeader/ProfileHeader.styles.js +0 -65
- package/dist/components/ProfileStat/ProfileStat.stories.js +0 -66
- package/dist/components/ProofOfAddress/ProofOfAddress.styles.js +0 -53
- package/dist/components/QRCode/QRCode.stories.js +0 -104
- package/dist/components/Radio/Radio.stories.js +0 -73
- package/dist/components/RefreshButton/RefreshButton.stories.js +0 -38
- package/dist/components/RegisterAlgorand/AlgoAddressName.js +0 -138
- package/dist/components/RegisterAlgorand/AlgoAdressSelect.js +0 -443
- package/dist/components/RegisterAlgorand/AlgoConnectWallet.js +0 -47
- package/dist/components/RegisterAlgorand/AlgoSuccess.js +0 -38
- package/dist/components/RegisterAlgorand/Algorand.stories.js +0 -80
- package/dist/components/RegisterAlgorand/ChooseWallet.js +0 -97
- package/dist/components/RegisterAlgorand/SelectProject.js +0 -89
- package/dist/components/RegisterAlgorand/_styles.js +0 -28
- package/dist/components/RegisterAlgorand/flow.js +0 -409
- package/dist/components/RegisterAlgorand/flowWithMemo.js +0 -410
- package/dist/components/RegisterAlgorand/index.js +0 -48
- package/dist/components/RegisterConfirmModal/RegisterConfirmModal.stories.js +0 -41
- package/dist/components/RegisterEthereum/EthAddressLedger.js +0 -226
- package/dist/components/RegisterEthereum/EthAddressMetamask.js +0 -204
- package/dist/components/RegisterEthereum/EthAddressName.js +0 -135
- package/dist/components/RegisterEthereum/EthConnectLedger.js +0 -194
- package/dist/components/RegisterEthereum/EthConnectMetamask.js +0 -35
- package/dist/components/RegisterEthereum/EthFinish.js +0 -41
- package/dist/components/RegisterEthereum/EthIntro.js +0 -95
- package/dist/components/RegisterEthereum/_styles.js +0 -28
- package/dist/components/RegisterEthereum/index.js +0 -68
- package/dist/components/RegisterModal/RegisterModal.stories.js +0 -49
- package/dist/components/RequestDataBox/RequestDataBox.stories.js +0 -37
- package/dist/components/RiskQuestionnaire/RiskQuestionnaireContext.js +0 -185
- package/dist/components/RiskQuestionnaire/_styles.js +0 -15
- package/dist/components/SEO/SEO.stories.js +0 -60
- package/dist/components/SideLine/SideLine.stories.js +0 -28
- package/dist/components/SigningSubflow/SignSubAddressMetamask.js +0 -137
- package/dist/components/SigningSubflow/SignSubConnectLedger.js +0 -150
- package/dist/components/SigningSubflow/SignSubConnectMetamask.js +0 -137
- package/dist/components/SigningSubflow/SignSubIntro.js +0 -55
- package/dist/components/SigningSubflow/SignSubSendLedger.js +0 -150
- package/dist/components/SigningSubflow/SignSubSendMetamask.js +0 -62
- package/dist/components/SigningSubflow/SignSubTransactionLedger.js +0 -161
- package/dist/components/SigningSubflow/SignSubTransactionMetamask.js +0 -166
- package/dist/components/SigningSubflow/_styles.js +0 -34
- package/dist/components/SigningSubflow/index.js +0 -32
- package/dist/components/Slider/Slider.stories.js +0 -68
- package/dist/components/StepController/StepController.stories.js +0 -60
- package/dist/components/StepController/StepControllerProgress.stories.js +0 -49
- package/dist/components/StepsProgress/StepsProgress.stories.js +0 -49
- package/dist/components/Switch/Switch.stories.js +0 -81
- package/dist/components/Tabs/Tabs.stories.js +0 -36
- package/dist/components/TabsNav/TabNav.stories.js +0 -40
- package/dist/components/TabsNav/TabsNav.stories.js +0 -37
- package/dist/components/TeamOverview/TeamOverview.stories.js +0 -76
- package/dist/components/TermsModal/TermsModal.stories.js +0 -31
- package/dist/components/Text/Headline.stories.js +0 -48
- package/dist/components/Text/Text.stories.js +0 -70
- package/dist/components/Timeline/Timeline.stories.js +0 -393
- package/dist/components/ToDoList/ToDoList.stories.js +0 -133
- package/dist/components/ToDoList/ToDoListTask.stories.js +0 -70
- package/dist/components/TransactionDetails/TransactionDetails.stories.js +0 -55
- package/dist/components/TransactionDetails/TransactionDetailsTable.stories.js +0 -305
- package/dist/components/TransactionInfo/TransactionInfo.stories.js +0 -61
- package/dist/components/TwoFactorModal/TwoFactorModal.js +0 -100
- package/dist/components/VerifyEmailModal/VerifyEmailModal.stories.js +0 -59
- package/dist/components/headerHo/HeaderHo.stories.js +0 -35
- package/dist/components/icons/Arrow.stories.js +0 -42
- package/dist/components/icons/ArrowSimple.stories.js +0 -48
- package/dist/components/icons/Check.stories.js +0 -22
- package/dist/components/icons/Facebook.stories.js +0 -21
- package/dist/components/icons/Facebook_Logo.png +0 -0
- package/dist/components/icons/Info.stories.js +0 -16
- package/dist/components/icons/Instagram.stories.js +0 -21
- package/dist/components/icons/LI-In-Bug.png +0 -0
- package/dist/components/icons/LinkIcon.stories.js +0 -21
- package/dist/components/icons/LinkedIn.stories.js +0 -16
- package/dist/components/icons/Medium.stories.js +0 -16
- package/dist/components/icons/Reddit.stories.js +0 -21
- package/dist/components/icons/Share.stories.js +0 -16
- package/dist/components/icons/Telegram-Logo.png +0 -0
- package/dist/components/icons/Telegram.stories.js +0 -16
- package/dist/components/icons/Twitter.stories.js +0 -21
- package/dist/components/icons/X-logo-black.png +0 -0
- package/dist/components/icons/X.stories.js +0 -16
- package/dist/components/icons/Youtube.stories.js +0 -21
- package/dist/components/icons/youtube_social_circle_red.png +0 -0
- package/dist/components/taxId/TaxId.stories.js +0 -50
- package/dist/components/video/Video.stories.js +0 -52
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.ImageRight = exports.ImageLeft = exports.ImageCover = exports.GridExample = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _BlogPost = _interopRequireDefault(require("./BlogPost"));
|
|
9
|
-
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
10
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
|
|
12
|
-
var _templateObject, _templateObject2;
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
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); }
|
|
15
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
16
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
19
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
20
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
|
-
var _default = exports.default = {
|
|
22
|
-
title: 'Components Library/BlogPost',
|
|
23
|
-
component: _BlogPost.default,
|
|
24
|
-
argTypes: {
|
|
25
|
-
layout: {
|
|
26
|
-
control: 'select',
|
|
27
|
-
options: ['image-left', 'image-right', 'image-cover'],
|
|
28
|
-
defaultValue: 'image-left'
|
|
29
|
-
},
|
|
30
|
-
category: {
|
|
31
|
-
control: 'text'
|
|
32
|
-
},
|
|
33
|
-
title: {
|
|
34
|
-
control: 'text'
|
|
35
|
-
},
|
|
36
|
-
description: {
|
|
37
|
-
control: 'text'
|
|
38
|
-
},
|
|
39
|
-
image: {
|
|
40
|
-
control: 'text'
|
|
41
|
-
},
|
|
42
|
-
date: {
|
|
43
|
-
control: 'text'
|
|
44
|
-
},
|
|
45
|
-
link: {
|
|
46
|
-
control: 'text'
|
|
47
|
-
},
|
|
48
|
-
withHoverBg: {
|
|
49
|
-
control: 'boolean'
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
|
|
54
|
-
style: {
|
|
55
|
-
maxWidth: '1200px',
|
|
56
|
-
margin: '0 auto',
|
|
57
|
-
padding: '20px'
|
|
58
|
-
}
|
|
59
|
-
}, /*#__PURE__*/_react.default.createElement(_BlogPost.default, args)));
|
|
60
|
-
const ImageLeft = exports.ImageLeft = Template.bind({});
|
|
61
|
-
ImageLeft.args = {
|
|
62
|
-
layout: 'image-left',
|
|
63
|
-
category: 'BITCOIN MINING',
|
|
64
|
-
title: 'Bitcoin Mining: A Series - Part 1: The Ups, Downs and Rebounds',
|
|
65
|
-
description: "It's the moment you have all been waiting for! Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.",
|
|
66
|
-
image: 'https://res.cloudinary.com/stokr/image/upload/v1574418924/1_hoz9ve.jpg',
|
|
67
|
-
date: '01 MAR 2022',
|
|
68
|
-
link: '/blog/bitcoin-mining-series-part-1',
|
|
69
|
-
withHoverBg: true
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
//https://res.cloudinary.com/stokr/image/upload/v1694077746/cld-sample-2.jpg
|
|
73
|
-
//https://res.cloudinary.com/stokr/image/upload/v1713792627/STOKE_POST/stos-an-alternative-way-of-fundraising-for-business_xqx6zu.jpg
|
|
74
|
-
|
|
75
|
-
const ImageRight = exports.ImageRight = Template.bind({});
|
|
76
|
-
ImageRight.args = _objectSpread(_objectSpread({}, ImageLeft.args), {}, {
|
|
77
|
-
layout: 'image-right'
|
|
78
|
-
});
|
|
79
|
-
const ImageCover = exports.ImageCover = Template.bind({});
|
|
80
|
-
ImageCover.args = _objectSpread(_objectSpread({}, ImageLeft.args), {}, {
|
|
81
|
-
layout: 'image-cover'
|
|
82
|
-
});
|
|
83
|
-
const GridLayout = _styledComponents.default.div.withConfig({
|
|
84
|
-
displayName: "BlogPoststories__GridLayout",
|
|
85
|
-
componentId: "sc-1hqbvxb-0"
|
|
86
|
-
})(["display:grid;grid-template-columns:1fr;gap:3rem;", ";", ";"], _rwd.default.Mobile(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n gap: 6rem;\n "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n gap: 10rem 4rem;\n grid-template-columns: repeat(2, 50%);\n "]))));
|
|
87
|
-
const LAYOUTS = [['image-cover', 'image-right', 'image-left', 'image-cover', 'image-cover', 'image-right', 'image-fullscreen'], ['image-cover', 'image-left', 'image-right', 'image-cover', 'image-cover', 'image-left', 'image-fullscreen']];
|
|
88
|
-
const getLayoutPattern = index => LAYOUTS[Math.floor(index / 7) % 2][index % 7];
|
|
89
|
-
|
|
90
|
-
// Sample blog posts data
|
|
91
|
-
const samplePosts = [{
|
|
92
|
-
layout: 'image-cover',
|
|
93
|
-
category: 'BITCOIN MINING',
|
|
94
|
-
title: 'STOKR RECEIVES BaFin APPROVAL FOR THE FIRST BITCOIN-BASED STO IN GERMANY',
|
|
95
|
-
description: "It's the moment you have all been waiting for! Trading for the BMN token is now fully live.",
|
|
96
|
-
image: 'https://res.cloudinary.com/stokr/image/upload/v1574418924/1_hoz9ve.jpg',
|
|
97
|
-
date: '01 MAR 2022',
|
|
98
|
-
link: '/blog/post-1'
|
|
99
|
-
}, {
|
|
100
|
-
layout: 'image-left',
|
|
101
|
-
category: 'PODCAST',
|
|
102
|
-
title: 'What Is Portfolio Diversification and What Does A Diversified Portfolio Look Like? What Is Portfolio Diversification and What Does A Diversified Portfolio Look Like?What Is Portfolio Diversification and What Does A Diversified Portfolio Look Like?',
|
|
103
|
-
description: 'Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.',
|
|
104
|
-
image: 'https://res.cloudinary.com/stokr/image/upload/v1694077746/cld-sample-2.jpg',
|
|
105
|
-
date: '02 MAR 2022',
|
|
106
|
-
link: '/blog/post-2'
|
|
107
|
-
}, {
|
|
108
|
-
layout: 'image-right',
|
|
109
|
-
category: 'BITCOIN MINING',
|
|
110
|
-
title: "T8 REASONS TO USE BTCPAY SERVER FOR YOUR WEBSITE'S BITCOIN PAYMENTS",
|
|
111
|
-
// description:
|
|
112
|
-
// 'Learn about the journey of Bitcoin mining and its various phases.',
|
|
113
|
-
image: 'https://res.cloudinary.com/stokr/image/upload/v1627569252/STOKE_POST/version1_yb4tck.png',
|
|
114
|
-
date: '03 MAR 2022',
|
|
115
|
-
link: '/blog/post-3'
|
|
116
|
-
}, {
|
|
117
|
-
layout: 'image-cover',
|
|
118
|
-
category: 'BITCOIN MINING',
|
|
119
|
-
title: 'Future of Mining',
|
|
120
|
-
description: 'Exploring what lies ahead for Bitcoin mining technology.',
|
|
121
|
-
image: 'https://res.cloudinary.com/stokr/image/upload/v1626798409/STOKE_POST/IMG_0324_rbvypv.png',
|
|
122
|
-
date: '04 MAR 2022',
|
|
123
|
-
link: '/blog/post-4'
|
|
124
|
-
}, {
|
|
125
|
-
layout: 'image-left',
|
|
126
|
-
category: 'BITCOIN MINING',
|
|
127
|
-
title: 'BMN Now Open for Trade',
|
|
128
|
-
description: 'Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.',
|
|
129
|
-
image: 'https://res.cloudinary.com/stokr/image/upload/v1694077746/cld-sample-2.jpg',
|
|
130
|
-
date: '02 MAR 2022',
|
|
131
|
-
link: '/blog/post-2'
|
|
132
|
-
}, {
|
|
133
|
-
layout: 'image-right',
|
|
134
|
-
category: 'BITCOIN MINING',
|
|
135
|
-
title: 'The Ups, Downs and Rebounds',
|
|
136
|
-
description: 'Learn about the journey of Bitcoin mining and its various phases.',
|
|
137
|
-
image: 'https://res.cloudinary.com/stokr/image/upload/v1713792627/STOKE_POST/stos-an-alternative-way-of-fundraising-for-business_xqx6zu.jpg',
|
|
138
|
-
date: '03 MAR 2022',
|
|
139
|
-
link: '/blog/post-3'
|
|
140
|
-
}, {
|
|
141
|
-
layout: 'image-cover',
|
|
142
|
-
category: 'BITCOIN MINING',
|
|
143
|
-
title: 'Bitcoin Mining: A Series - Part 1',
|
|
144
|
-
description: "It's the moment you have all been waiting for! Trading for the BMN token is now fully live.",
|
|
145
|
-
image: 'https://res.cloudinary.com/stokr/image/upload/v1574418924/1_hoz9ve.jpg',
|
|
146
|
-
date: '01 MAR 2022',
|
|
147
|
-
link: '/blog/post-1'
|
|
148
|
-
}];
|
|
149
|
-
const GridExample = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
|
|
150
|
-
style: {
|
|
151
|
-
maxWidth: '1700px',
|
|
152
|
-
margin: '0 auto'
|
|
153
|
-
}
|
|
154
|
-
}, /*#__PURE__*/_react.default.createElement(GridLayout, null, samplePosts.map((post, index) => /*#__PURE__*/_react.default.createElement(_BlogPost.default, _extends({
|
|
155
|
-
key: index
|
|
156
|
-
}, post, {
|
|
157
|
-
withHoverBg: true,
|
|
158
|
-
layout: getLayoutPattern(index)
|
|
159
|
-
}))))));
|
|
160
|
-
exports.GridExample = GridExample;
|
|
@@ -1,146 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.WithMinWidth = exports.WithMargin = exports.WithBottomMargin = exports.Secondary = exports.Primary = exports.OutlineBlack = exports.Outline = exports.OnlyText = exports.Negative = exports.Fluid = exports.Disabled = exports.Centered = exports.ButtonGroup = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _Button = _interopRequireDefault(require("./Button.styles"));
|
|
9
|
-
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
|
|
10
|
-
var _ButtonContainer = require("../ButtonContainer/ButtonContainer.styles");
|
|
11
|
-
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
// import { DoubleButtons } from '../DoubleButton/DoubleButton.styles'
|
|
14
|
-
var _default = exports.default = {
|
|
15
|
-
title: 'Components Library/Buttons/Button',
|
|
16
|
-
component: _Button.default,
|
|
17
|
-
argTypes: {
|
|
18
|
-
children: {
|
|
19
|
-
control: 'text'
|
|
20
|
-
},
|
|
21
|
-
onClick: {
|
|
22
|
-
action: 'clicked'
|
|
23
|
-
},
|
|
24
|
-
secondary: {
|
|
25
|
-
control: 'boolean'
|
|
26
|
-
},
|
|
27
|
-
disabled: {
|
|
28
|
-
control: 'boolean'
|
|
29
|
-
},
|
|
30
|
-
negative: {
|
|
31
|
-
control: 'boolean'
|
|
32
|
-
},
|
|
33
|
-
center: {
|
|
34
|
-
control: 'boolean'
|
|
35
|
-
},
|
|
36
|
-
fluid: {
|
|
37
|
-
control: 'boolean'
|
|
38
|
-
},
|
|
39
|
-
outline: {
|
|
40
|
-
control: 'boolean'
|
|
41
|
-
},
|
|
42
|
-
outlineBlack: {
|
|
43
|
-
control: 'boolean'
|
|
44
|
-
},
|
|
45
|
-
onlyText: {
|
|
46
|
-
control: 'boolean'
|
|
47
|
-
},
|
|
48
|
-
minWidth: {
|
|
49
|
-
control: 'text'
|
|
50
|
-
},
|
|
51
|
-
marginTop: {
|
|
52
|
-
control: 'text'
|
|
53
|
-
},
|
|
54
|
-
marginRight: {
|
|
55
|
-
control: 'text'
|
|
56
|
-
},
|
|
57
|
-
withMarginBottom: {
|
|
58
|
-
control: 'boolean'
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_ButtonContainer.ButtonContainer, null, /*#__PURE__*/_react.default.createElement(_Button.default, args, "Button"))));
|
|
63
|
-
const Primary = exports.Primary = Template.bind({});
|
|
64
|
-
Primary.args = {
|
|
65
|
-
children: 'Primary Button'
|
|
66
|
-
};
|
|
67
|
-
const Secondary = exports.Secondary = Template.bind({});
|
|
68
|
-
Secondary.args = {
|
|
69
|
-
children: 'Secondary Button',
|
|
70
|
-
secondary: true
|
|
71
|
-
};
|
|
72
|
-
const Disabled = exports.Disabled = Template.bind({});
|
|
73
|
-
Disabled.args = {
|
|
74
|
-
children: 'Disabled Button',
|
|
75
|
-
disabled: true
|
|
76
|
-
};
|
|
77
|
-
const Negative = exports.Negative = Template.bind({});
|
|
78
|
-
Negative.args = {
|
|
79
|
-
children: 'Negative Button',
|
|
80
|
-
negative: true
|
|
81
|
-
};
|
|
82
|
-
const Outline = exports.Outline = Template.bind({});
|
|
83
|
-
Outline.args = {
|
|
84
|
-
children: 'Outline Button',
|
|
85
|
-
outline: true
|
|
86
|
-
};
|
|
87
|
-
const OutlineBlack = exports.OutlineBlack = Template.bind({});
|
|
88
|
-
OutlineBlack.args = {
|
|
89
|
-
children: 'Outline Black Button',
|
|
90
|
-
outlineBlack: true
|
|
91
|
-
};
|
|
92
|
-
const OnlyText = exports.OnlyText = Template.bind({});
|
|
93
|
-
OnlyText.args = {
|
|
94
|
-
children: 'Text Only Button',
|
|
95
|
-
onlyText: true
|
|
96
|
-
};
|
|
97
|
-
const Fluid = exports.Fluid = Template.bind({});
|
|
98
|
-
Fluid.args = {
|
|
99
|
-
children: 'Fluid Width Button',
|
|
100
|
-
fluid: true
|
|
101
|
-
};
|
|
102
|
-
const WithMinWidth = exports.WithMinWidth = Template.bind({});
|
|
103
|
-
WithMinWidth.args = {
|
|
104
|
-
children: 'Min Width Button',
|
|
105
|
-
minWidth: '200px'
|
|
106
|
-
};
|
|
107
|
-
const Centered = exports.Centered = Template.bind({});
|
|
108
|
-
Centered.args = {
|
|
109
|
-
children: 'Centered Button',
|
|
110
|
-
center: true
|
|
111
|
-
};
|
|
112
|
-
const WithMargin = exports.WithMargin = Template.bind({});
|
|
113
|
-
WithMargin.args = {
|
|
114
|
-
children: 'Button with Margin',
|
|
115
|
-
marginTop: '20px',
|
|
116
|
-
marginRight: '20px'
|
|
117
|
-
};
|
|
118
|
-
const WithBottomMargin = exports.WithBottomMargin = Template.bind({});
|
|
119
|
-
WithBottomMargin.args = {
|
|
120
|
-
children: 'Button with Bottom Margin',
|
|
121
|
-
withMarginBottom: true
|
|
122
|
-
};
|
|
123
|
-
const ButtonGroup = () => /*#__PURE__*/_react.default.createElement("div", {
|
|
124
|
-
style: {
|
|
125
|
-
display: 'flex',
|
|
126
|
-
gap: '10px'
|
|
127
|
-
}
|
|
128
|
-
}, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Primary"), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
129
|
-
secondary: true
|
|
130
|
-
}, "Secondary"), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
131
|
-
outlineBlack: true
|
|
132
|
-
}, "Outline Black"), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
133
|
-
negative: true
|
|
134
|
-
}, "Negative"));
|
|
135
|
-
|
|
136
|
-
// export const DoubleButton = args => (
|
|
137
|
-
// <ComponentWrapper>
|
|
138
|
-
// <DoubleButtons />
|
|
139
|
-
// </ComponentWrapper>
|
|
140
|
-
// )
|
|
141
|
-
|
|
142
|
-
// doublecheck:
|
|
143
|
-
//other props mentioned in Button.styles that are not in propTypes:
|
|
144
|
-
//type, minWidth, fluid, onlyText, outLine, marginTop, isUpdates, isDone..
|
|
145
|
-
// Doublebuttons not showing, cannot find use
|
|
146
|
-
exports.ButtonGroup = ButtonGroup;
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.SlowAnimation = exports.FullWidth = exports.FastAnimation = exports.Disabled = exports.Default = exports.CustomColors = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _GlareButton = _interopRequireDefault(require("./GlareButton"));
|
|
9
|
-
var _actions = require("storybook/actions");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
14
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
15
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
16
|
-
var _default = exports.default = {
|
|
17
|
-
title: 'Components Library/Buttons/GlareButton',
|
|
18
|
-
component: _GlareButton.default,
|
|
19
|
-
parameters: {
|
|
20
|
-
docs: {
|
|
21
|
-
description: {
|
|
22
|
-
component: 'A button with animated glare effect that adds visual interest to important actions.'
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
argTypes: {
|
|
27
|
-
children: {
|
|
28
|
-
control: 'text',
|
|
29
|
-
description: 'Button content'
|
|
30
|
-
},
|
|
31
|
-
onClick: {
|
|
32
|
-
action: 'clicked',
|
|
33
|
-
description: 'Function called when button is clicked'
|
|
34
|
-
},
|
|
35
|
-
disabled: {
|
|
36
|
-
control: 'boolean',
|
|
37
|
-
description: 'Disables the button when true'
|
|
38
|
-
},
|
|
39
|
-
nowrap: {
|
|
40
|
-
control: 'boolean',
|
|
41
|
-
description: 'When true, button is displayed inline instead of block'
|
|
42
|
-
},
|
|
43
|
-
fullWidth: {
|
|
44
|
-
control: 'boolean',
|
|
45
|
-
description: 'Makes the button take full width of its container'
|
|
46
|
-
},
|
|
47
|
-
disabledColor: {
|
|
48
|
-
control: 'color',
|
|
49
|
-
description: 'Custom color for disabled state'
|
|
50
|
-
},
|
|
51
|
-
buttonId: {
|
|
52
|
-
control: 'text',
|
|
53
|
-
description: 'Custom ID for the button element'
|
|
54
|
-
},
|
|
55
|
-
className: {
|
|
56
|
-
control: 'text',
|
|
57
|
-
description: 'Additional CSS classes'
|
|
58
|
-
},
|
|
59
|
-
backgroundColor: {
|
|
60
|
-
control: 'color',
|
|
61
|
-
description: 'Custom background color'
|
|
62
|
-
},
|
|
63
|
-
textColor: {
|
|
64
|
-
control: 'color',
|
|
65
|
-
description: 'Custom text color'
|
|
66
|
-
},
|
|
67
|
-
borderColor: {
|
|
68
|
-
control: 'color',
|
|
69
|
-
description: 'Custom border color'
|
|
70
|
-
},
|
|
71
|
-
glareColorDark: {
|
|
72
|
-
control: 'color',
|
|
73
|
-
description: 'The darker, primary color of the animated glare.'
|
|
74
|
-
},
|
|
75
|
-
glareColorLight: {
|
|
76
|
-
control: 'color',
|
|
77
|
-
description: 'The lighter, secondary color of the animated glare.'
|
|
78
|
-
},
|
|
79
|
-
animationDuration: {
|
|
80
|
-
control: {
|
|
81
|
-
type: 'range',
|
|
82
|
-
min: 1,
|
|
83
|
-
max: 10,
|
|
84
|
-
step: 0.5
|
|
85
|
-
},
|
|
86
|
-
description: 'Duration of the glare animation in seconds'
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
const Template = args => /*#__PURE__*/_react.default.createElement("div", {
|
|
91
|
-
style: {
|
|
92
|
-
margin: '50px',
|
|
93
|
-
position: 'relative'
|
|
94
|
-
}
|
|
95
|
-
}, /*#__PURE__*/_react.default.createElement(_GlareButton.default, args));
|
|
96
|
-
const Default = exports.Default = Template.bind({});
|
|
97
|
-
Default.args = {
|
|
98
|
-
children: 'Default Glare Button',
|
|
99
|
-
onClick: (0, _actions.action)('button-clicked'),
|
|
100
|
-
disabled: false,
|
|
101
|
-
nowrap: false,
|
|
102
|
-
fullWidth: false
|
|
103
|
-
};
|
|
104
|
-
const Disabled = exports.Disabled = Template.bind({});
|
|
105
|
-
Disabled.args = _objectSpread(_objectSpread({}, Default.args), {}, {
|
|
106
|
-
children: 'Disabled Glare Button',
|
|
107
|
-
disabled: true
|
|
108
|
-
});
|
|
109
|
-
const FullWidth = exports.FullWidth = Template.bind({});
|
|
110
|
-
FullWidth.args = _objectSpread(_objectSpread({}, Default.args), {}, {
|
|
111
|
-
children: 'Full Width Glare Button',
|
|
112
|
-
fullWidth: true
|
|
113
|
-
});
|
|
114
|
-
const CustomColors = exports.CustomColors = Template.bind({});
|
|
115
|
-
CustomColors.args = _objectSpread(_objectSpread({}, Default.args), {}, {
|
|
116
|
-
children: 'Custom Colors',
|
|
117
|
-
backgroundColor: '#6200ee',
|
|
118
|
-
textColor: '#ffffff',
|
|
119
|
-
borderColor: '#9d4edd',
|
|
120
|
-
glareColorDark: '#e0aaff',
|
|
121
|
-
glareColorLight: '#ffffff'
|
|
122
|
-
});
|
|
123
|
-
const SlowAnimation = exports.SlowAnimation = Template.bind({});
|
|
124
|
-
SlowAnimation.args = _objectSpread(_objectSpread({}, Default.args), {}, {
|
|
125
|
-
children: 'Slow Glare Effect',
|
|
126
|
-
animationDuration: 8
|
|
127
|
-
});
|
|
128
|
-
const FastAnimation = exports.FastAnimation = Template.bind({});
|
|
129
|
-
FastAnimation.args = _objectSpread(_objectSpread({}, Default.args), {}, {
|
|
130
|
-
children: 'Fast Glare Effect',
|
|
131
|
-
animationDuration: 2
|
|
132
|
-
});
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.CapitalRaisedSum = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _CaptialRaisedSummary = _interopRequireDefault(require("./CaptialRaisedSummary"));
|
|
9
|
-
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
|
|
10
|
-
var _global = _interopRequireDefault(require("../../styles/global"));
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
// import Checkbox, { CheckboxPropTypes } from '../Checkbox/Checkbox'
|
|
13
|
-
var _default = exports.default = {
|
|
14
|
-
title: 'Components Library/Capital Raised Summary',
|
|
15
|
-
component: _CaptialRaisedSummary.default,
|
|
16
|
-
argTypes: {
|
|
17
|
-
capital: {
|
|
18
|
-
type: 'number',
|
|
19
|
-
defaultValue: 0,
|
|
20
|
-
required: true
|
|
21
|
-
},
|
|
22
|
-
multiProgressBar: {
|
|
23
|
-
type: 'shape',
|
|
24
|
-
defaultValue: {}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_CaptialRaisedSummary.default, args)));
|
|
29
|
-
const CapitalRaisedSum = exports.CapitalRaisedSum = Template.bind({});
|
|
30
|
-
CapitalRaisedSum.args = {
|
|
31
|
-
capital: 150,
|
|
32
|
-
multiProgressBar: {
|
|
33
|
-
backParts: [{
|
|
34
|
-
value: 7,
|
|
35
|
-
label: 'backparts - minumum fill'
|
|
36
|
-
}],
|
|
37
|
-
fillParts: [{
|
|
38
|
-
value: 60,
|
|
39
|
-
label: 'fillparts - maximum fill'
|
|
40
|
-
}]
|
|
41
|
-
}
|
|
42
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.ChartBox = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
9
|
-
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
10
|
-
var _ChartBox = require("./ChartBox.styles");
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
// import Select from "components/Input/Select";
|
|
13
|
-
// import DonutChart from "components/DonutChart/DonutChart";
|
|
14
|
-
// import {
|
|
15
|
-
// DonutChartLabel,
|
|
16
|
-
// DonutChartValue,
|
|
17
|
-
// DonutChartInfo,
|
|
18
|
-
// DonutChartTrend
|
|
19
|
-
// } from "components/DonutChart/DonutChart.styles";
|
|
20
|
-
// import ChartLegend from "components/ChartLegend/ChartLegend";
|
|
21
|
-
// import from "components//";
|
|
22
|
-
|
|
23
|
-
// import { Container, Chart, Legend, SelectWrapper } from "./ChartBox.styles";
|
|
24
|
-
|
|
25
|
-
// const example = (
|
|
26
|
-
// <
|
|
27
|
-
// data={[
|
|
28
|
-
// { label: "Token balance", value: "TYK 300" },
|
|
29
|
-
// { label: "Token price", value: "€ 2.50" },
|
|
30
|
-
// { label: "Token value", value: "€ 750" },
|
|
31
|
-
// { label: "Distributions", value: "€ 150" },
|
|
32
|
-
// { label: "ROI", value: "20.0%" }
|
|
33
|
-
// ]}
|
|
34
|
-
// />
|
|
35
|
-
// );
|
|
36
|
-
|
|
37
|
-
const ChartBox = () => /*#__PURE__*/_react.default.createElement(_ChartBox.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
38
|
-
center: true
|
|
39
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h4", null, "No Investments yet..."))));
|
|
40
|
-
exports.ChartBox = ChartBox;
|
|
41
|
-
var _default = exports.default = ChartBox;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.chartBoxEmpty = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ChartBox = require("./ChartBox");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
var _default = exports.default = {
|
|
11
|
-
title: 'Components Library/Chart Box/Chart Box',
|
|
12
|
-
component: _ChartBox.ChartBox
|
|
13
|
-
};
|
|
14
|
-
const chartBoxEmpty = () => /*#__PURE__*/_react.default.createElement(_ChartBox.ChartBox, null);
|
|
15
|
-
|
|
16
|
-
//ChartBox the component is pretty much commented out
|
|
17
|
-
exports.chartBoxEmpty = chartBoxEmpty;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SelectWrapper = exports.Legend = exports.Container = exports.Chart = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
|
|
9
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
12
|
-
const Container = exports.Container = _styledComponents.default.div.withConfig({
|
|
13
|
-
displayName: "ChartBoxstyles__Container",
|
|
14
|
-
componentId: "sc-1h5ta2j-0"
|
|
15
|
-
})(["position:relative;font-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;text-align:left;width:100%;", " @media screen and (max-width:767px){width:100%;}"], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n align-items: start;\n padding: 64px 0;\n flex-direction: row;\n "]))));
|
|
16
|
-
const Chart = exports.Chart = _styledComponents.default.div.withConfig({
|
|
17
|
-
displayName: "ChartBoxstyles__Chart",
|
|
18
|
-
componentId: "sc-1h5ta2j-1"
|
|
19
|
-
})(["display:block;"]);
|
|
20
|
-
const Legend = exports.Legend = _styledComponents.default.div.withConfig({
|
|
21
|
-
displayName: "ChartBoxstyles__Legend",
|
|
22
|
-
componentId: "sc-1h5ta2j-2"
|
|
23
|
-
})(["display:block;width:100%;padding-top:64px;", " ", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: auto;\n flex-grow: 1;\n padding-top: 0;\n padding-left: 64px;\n\n ", "\n "])), props => props.spaceTop && "\n padding-top: 104px;\n "), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n max-width: 768px;\n "]))));
|
|
24
|
-
const SelectWrapper = exports.SelectWrapper = _styledComponents.default.div.withConfig({
|
|
25
|
-
displayName: "ChartBoxstyles__SelectWrapper",
|
|
26
|
-
componentId: "sc-1h5ta2j-3"
|
|
27
|
-
})(["padding-bottom:64px;"]);
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.ChartBoxDistribution = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
9
|
-
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
10
|
-
var _ChartBox = require("./ChartBox.styles");
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
// import Select from '../Input/Select';
|
|
13
|
-
// import DonutChart from '../DonutChart/DonutChart';
|
|
14
|
-
// import {
|
|
15
|
-
// DonutChartLabel, DonutChartValue,
|
|
16
|
-
// } from '../DonutChart/DonutChart.styles';
|
|
17
|
-
// import ChartLegend from '../ChartLegend/ChartLegend';
|
|
18
|
-
|
|
19
|
-
// import {
|
|
20
|
-
// Container, Chart, Legend, SelectWrapper,
|
|
21
|
-
// } from './ChartBox.styles';
|
|
22
|
-
|
|
23
|
-
const ChartBoxDistribution = () => /*#__PURE__*/_react.default.createElement(_ChartBox.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
24
|
-
center: true
|
|
25
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h4", null, "No Distributions yet..."))));
|
|
26
|
-
exports.ChartBoxDistribution = ChartBoxDistribution;
|
|
27
|
-
var _default = exports.default = ChartBoxDistribution;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.chartBoxDistributionEmpty = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ChartBoxDistribution = require("./ChartBoxDistribution");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
var _default = exports.default = {
|
|
11
|
-
title: 'Components Library/Chart Box/Chart Box Distribution',
|
|
12
|
-
component: _ChartBoxDistribution.ChartBoxDistribution
|
|
13
|
-
};
|
|
14
|
-
const chartBoxDistributionEmpty = () => /*#__PURE__*/_react.default.createElement(_ChartBoxDistribution.ChartBoxDistribution, null);
|
|
15
|
-
|
|
16
|
-
//ChartBox the component is pretty much commented out
|
|
17
|
-
//Legend
|
|
18
|
-
exports.chartBoxDistributionEmpty = chartBoxDistributionEmpty;
|