@stokr/components-library 0.5.6 → 0.5.7

package/dist/utils/customHooks.js

@@ -0,0 +1,52 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMobileView = void 0;
+exports.usePrevious = usePrevious;
+var _react = _interopRequireWildcard(require("react"));
+var _rwd = _interopRequireWildcard(require("styles/rwd"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var useMobileView = function useMobileView() {
+  var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _rwd.sizes.Medium;
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isMobile = _React$useState2[0],
+    setisMobile = _React$useState2[1];
+  var timeout = _react.default.useRef();
+  _react.default.useEffect(function () {
+    window.addEventListener('resize', onResize);
+    onResizeTimeout();
+    return function () {
+      window.removeEventListener('resize', onResize);
+    };
+  }, []);
+  var onResize = function onResize() {
+    clearTimeout(timeout.current);
+    timeout.current = setTimeout(onResizeTimeout, 200);
+  };
+  var onResizeTimeout = function onResizeTimeout() {
+    setisMobile(checkIsMobile());
+  };
+  var checkIsMobile = function checkIsMobile() {
+    return !window.matchMedia((0, _rwd.getMedia)(breakpoint)).matches;
+  };
+  return isMobile;
+};
+exports.useMobileView = useMobileView;
+function usePrevious(value) {
+  var ref = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    ref.current = value;
+  });
+  return ref.current;
+}

package/dist/utils/delete-redirect-cookie-and-navigate.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsCookie = _interopRequireDefault(require("js-cookie"));
+var _getCookieDomain = _interopRequireDefault(require("./get-cookie-domain"));
+var _redirectUrl = _interopRequireDefault(require("./redirect-url"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = function _default() {
+  var cookieDomain = {};
+  if (process.env.NODE_ENV === 'production') {
+    cookieDomain.domain = (0, _getCookieDomain.default)();
+  }
+  _jsCookie.default.remove('STOKR_INVESTOR_DASHBOARD_REDIRECT', cookieDomain);
+  _jsCookie.default.remove('STOKR_INVEST_IN_STO_REDIRECT', cookieDomain);
+  window.location.href = _redirectUrl.default;
+};
+exports.default = _default;

package/dist/utils/fix-decimals.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// Convert to float; fix decimals; convert to string; return
+var _default = function _default(value, decimals) {
+  return parseFloat(value).toFixed(decimals).toString();
+};
+exports.default = _default;

package/dist/utils/get-cookie-domain.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = function _default() {
+  var cookieDomain = {};
+
+  // Cookie for deployed app
+  if (process.env.NODE_ENV === 'production') {
+    cookieDomain.domain = process.env.REACT_APP_COOKIE_DOMAIN;
+  }
+  return cookieDomain;
+};
+exports.default = _default;

package/dist/utils/get-short-address.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = function _default(address) {
+  return "".concat(address.slice(0, 6), "[...]").concat(address.slice(-4));
+};
+exports.default = _default;

package/dist/utils/lock-body.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _react = require("react");
+// Hook
+function _default() {
+  (0, _react.useLayoutEffect)(function () {
+    // Get original body overflow
+    var originalStyle = window.getComputedStyle(document.body).overflow;
+    // Prevent scrolling on mount
+    document.body.style.overflow = 'hidden';
+    // Re-enable scrolling when component unmounts
+    return function () {
+      return document.body.style.overflow = originalStyle;
+    };
+  }, []); // Empty array ensures effect is only run on mount and unmount
+}

package/dist/utils/redirect-url.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsCookie = _interopRequireDefault(require("js-cookie"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = _jsCookie.default.getJSON('STOKR_INVESTOR_DASHBOARD_REDIRECT') || _jsCookie.default.getJSON('STOKR_INVEST_IN_STO_REDIRECT');
+exports.default = _default;

package/dist/utils/set-redirect-cookie.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsCookie = _interopRequireDefault(require("js-cookie"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = function _default() {
+  var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var inOneHour = 1 / 24;
+  var cookieOptions = {
+    expires: inOneHour
+  };
+  if (process.env.NODE_ENV === 'production') {
+    cookieOptions.domain = '.stokr.info';
+  }
+  _jsCookie.default.set('STOKR_INVESTOR_DASHBOARD_REDIRECT', "".concat(window.location.href).concat(path), cookieOptions);
+};
+exports.default = _default;

package/package.json

@@ -1,128 +1,133 @@
-{
-  "name": "@stokr/components-library",
-  "version": "0.5.6",
-  "description": "STOKR - Components Library",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "repository": {
-    "type": "git",
-    "url": "http://46.101.229.186:3000/stokr/components-library"
-  },
-  "author": "Marcel Cruz <marcel@stokr.io>",
-  "license": "MIT",
-  "scripts": {
-    "build-storybook": "build-storybook -s public",
-    "build-storybook-docs": "build-storybook -s public --docs",
-    "prepare": "npm run build",
-    "storybook": "start-storybook -p 6006 -s public",
-    "start": "npm run storybook",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "publish:npm": "(if exist dist rmdir /s /q dist) && mkdir dist && babel ./src/components -d dist --copy-files",
-    "publish:npm:linux": "rm -rf dist && mkdir dist && babel ./src/components -d dist --copy-files"
-  },
-  "dependencies": {
-    "@atlaskit/field-range": "^9.0.7",
-    "@fortawesome/fontawesome-svg-core": "^6.3.0",
-    "@fortawesome/free-solid-svg-icons": "^6.3.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@randlabs/myalgo-connect": "^1.4.2",
-    "@reach/router": "^1.3.4",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "algosdk": "^2.1.0",
-    "axios": "^1.3.2",
-    "bignumber.js": "^9.1.1",
-    "formik": "^2.2.9",
-    "js-cookie": "^2.2.1",
-    "mobile-detect": "^1.4.5",
-    "polished": "^4.2.2",
-    "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-collapse": "^5.1.1",
-    "react-copy-to-clipboard": "^5.1.0",
-    "react-countup": "^6.4.1",
-    "react-custom-scrollbars": "^4.2.1",
-    "react-day-picker": "^7.4.10",
-    "react-device-detect": "^2.2.3",
-    "react-dom": "^18.2.0",
-    "react-helmet": "^6.1.0",
-    "react-portal": "^4.2.2",
-    "react-scripts": "5.0.1",
-    "react-slick": "^0.29.0",
-    "react-tippy": "^1.4.0",
-    "react-transition-group": "^4.4.5",
-    "scroll-to-element": "^2.0.3",
-    "semantic-ui-css": "^2.5.0",
-    "semantic-ui-react": "^2.1.4",
-    "slick-carousel": "^1.8.1",
-    "storybook-formik": "^2.4.2",
-    "styled-breakpoints": "^11.1.1",
-    "styled-components": "^5.3.6",
-    "styled-components.macro": "^1.0.0",
-    "web-vitals": "^2.1.4",
-    "yup": "^0.32.11"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.20.7",
-    "@babel/preset-react": "^7.18.6",
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-knobs": "^6.4.0",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/node-logger": "^6.5.16",
-    "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/react": "^6.5.16",
-    "@storybook/testing-library": "^0.0.13",
-    "babel-plugin-named-exports-order": "^0.0.2",
-    "webpack": "^5.75.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
-    ]
-  },
-  "babel": {
-    "presets": [
-      "@babel/preset-react"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "bugs": {
-    "url": "https://github.com/stokr-io/components-library/issues"
-  },
-  "homepage": "https://github.com/stokr-io/components-library#readme",
-  "keywords": [
-    "stokr",
-    "components-library",
-    "story-book"
-  ]
-}
+{
+  "name": "@stokr/components-library",
+  "version": "0.5.7",
+  "description": "STOKR - Components Library",
+  "main": "dist/index.js",
+  "repository": {
+    "type": "git",
+    "url": "http://46.101.229.186:3000/stokr/components-library"
+  },
+  "author": "Marcel Cruz <marcel@stokr.io>",
+  "license": "MIT",
+  "scripts": {
+    "build": "webpack --mode production",
+    "build-storybook": "build-storybook -s public",
+    "build-storybook-docs": "build-storybook -s public --docs",
+    "test": "react-scripts test",
+    "prepare": "npm run build",
+    "storybook": "start-storybook -p 9009 -s public",
+    "start": "npm run storybook",
+    "chromatic": "CHROMATIC_APP_CODE=7kzdke5umep chromatic",
+    "release": "auto shipit",
+    "pub": "rm -rf ./dist && npm publish --access public"
+  },
+  "dependencies": {
+    "@atlaskit/field-range": "^9.0.5",
+    "@fortawesome/fontawesome-svg-core": "^1.2.36",
+    "@fortawesome/free-solid-svg-icons": "^5.15.3",
+    "@fortawesome/react-fontawesome": "^0.1.14",
+    "@randlabs/myalgo-connect": "^1.1.1",
+    "@reach/router": "^1.3.4",
+    "@stokr/utils": "^1.0.3",
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.5.0",
+    "@testing-library/user-event": "^7.1.2",
+    "algosdk": "^1.12.0",
+    "axios": "^0.21.1",
+    "bignumber.js": "^9.0.1",
+    "formik": "^2.2.8",
+    "js-cookie": "^2.2.1",
+    "mobile-detect": "^1.4.5",
+    "polished": "^3.7.1",
+    "prop-types": "^15.7.2",
+    "react-collapse": "^5.1.0",
+    "react-copy-to-clipboard": "^5.0.3",
+    "react-countup": "^4.3.3",
+    "react-custom-scrollbars": "^4.2.1",
+    "react-day-picker": "^7.4.10",
+    "react-device-detect": "^2.1.2",
+    "react-helmet": "^6.1.0",
+    "react-portal": "^4.2.1",
+    "react-scripts": "3.4.0",
+    "react-slick": "^0.28.1",
+    "react-tippy": "^1.4.0",
+    "scroll-to-element": "^2.0.3",
+    "semantic-ui-css": "^2.4.1",
+    "semantic-ui-react": "^2.0.3",
+    "slick-carousel": "^1.8.1",
+    "storybook-formik": "^2.3.1",
+    "styled-breakpoints": "^11.1.1",
+    "styled-components": "^5.3.0",
+    "webpack-cli": "^3.3.12",
+    "webpack-node-externals": "^1.7.2",
+    "yup": "^0.32.9"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.14.3",
+    "@babel/core": "^7.14.3",
+    "@babel/plugin-proposal-class-properties": "^7.13.0",
+    "@babel/preset-env": "^7.14.2",
+    "@babel/preset-react": "^7.13.13",
+    "@storybook/addon-a11y": "^6.4.14",
+    "@storybook/addon-actions": "^6.4.14",
+    "@storybook/addon-backgrounds": "^6.4.14",
+    "@storybook/addon-docs": "^6.4.14",
+    "@storybook/addon-essentials": "^6.4.14",
+    "@storybook/addon-knobs": "^6.4.0",
+    "@storybook/addon-links": "^6.4.14",
+    "@storybook/addon-storysource": "^6.4.14",
+    "@storybook/addons": "^6.4.14",
+    "@storybook/preset-create-react-app": "^1.5.2",
+    "@storybook/react": "^6.4.14",
+    "auto": "^9.61.0",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^25.5.1",
+    "babel-loader": "^8.2.2",
+    "babel-plugin-styled-components": "^1.12.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^6.8.0",
+    "eslint-config-react-app": "^5.2.1",
+    "eslint-plugin-flowtype": "^4.7.0",
+    "eslint-plugin-import": "^2.23.3",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.23.2",
+    "eslint-plugin-react-hooks": "^2.5.1",
+    "eslint-plugin-storybook": "^0.5.6",
+    "jest": "^25.5.4",
+    "prettier": "^1.19.1",
+    "storybook-chromatic": "^3.5.5",
+    "styled-components.macro": "^1.0.0",
+    "webpack": "^4.46.0"
+  },
+  "peerDependencies": {
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "bugs": {
+    "url": "https://github.com/stokr-io/components-library/issues"
+  },
+  "homepage": "https://github.com/stokr-io/components-library#readme",
+  "keywords": [
+    "stokr",
+    "components-library",
+    "story-book"
+  ]
+}

package/dist/AccountBalance/AccountBalance.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import InfoIcon from 'components/InfoIcon/InfoIcon';
-import { Container, Head, Body, Title, Value, Equal } from './AccountBalance.styles';
-export const AccountBalance = ({
-  title,
-  value,
-  unit,
-  info,
-  eqValue,
-  eqUnit,
-  half,
-  right,
-  border
-}) => /*#__PURE__*/React.createElement(Container, {
-  half: half,
-  right: right,
-  border: border
-}, /*#__PURE__*/React.createElement(Head, null, /*#__PURE__*/React.createElement(Title, null, title, info && /*#__PURE__*/React.createElement(InfoIcon, {
-  position: "top",
-  title: info
-}))), /*#__PURE__*/React.createElement(Body, null, /*#__PURE__*/React.createElement(Value, null, unit && `${unit} `, value), eqValue && /*#__PURE__*/React.createElement(Equal, null, '= ', eqUnit && `${eqUnit}`, eqValue)));
-AccountBalance.propTypes = {
-  title: PropTypes.string.isRequired,
-  value: PropTypes.string.isRequired,
-  unit: PropTypes.string.isRequired,
-  eqValue: PropTypes.string,
-  eqUnit: PropTypes.string,
-  info: PropTypes.string,
-  half: PropTypes.bool,
-  right: PropTypes.bool,
-  border: PropTypes.bool,
-  fontSizeSmall: PropTypes.bool
-};
-AccountBalance.defaultProps = {
-  eqValue: '',
-  eqUnit: '',
-  info: '',
-  half: false,
-  right: false,
-  border: false
-};
-export default AccountBalance;

package/dist/AccountBalance/AccountBalance.stories.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import AccountBalance from './AccountBalance';
-import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles';
-export default {
-  title: 'Components Library/Account Balance',
-  component: AccountBalance,
-  argTypes: {
-    title: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    value: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    unit: {
-      type: 'string',
-      defaultValue: '',
-      required: true
-    },
-    eqValue: {
-      type: 'string'
-    },
-    eqUnit: {
-      type: 'string'
-    },
-    info: {
-      type: 'string',
-      defaultValue: ''
-    },
-    half: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    right: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    border: {
-      type: 'boolean',
-      defaultValue: false
-    }
-  }
-};
-const Template = args => /*#__PURE__*/React.createElement(ComponentWrapper, null, /*#__PURE__*/React.createElement(AccountBalance, args));
-export const AccountBalanceOverview = Template.bind({});
-AccountBalanceOverview.args = {
-  title: 'Account Balance Title',
-  value: ' some Value ',
-  unit: ' A Unit ',
-  info: 'Info Tooltip',
-  eqValue: ' eqValue ',
-  eqUnit: ' eqUnit '
-};
-export const AccountBalanceExample = Template.bind({});
-AccountBalanceExample.args = {
-  title: 'Account Balance Title',
-  value: '42',
-  unit: '€',
-  info: 'Information',
-  eqValue: '47,34',
-  eqUnit: '$'
-};
-export const AccountBalanceRight = Template.bind({});
-AccountBalanceRight.args = {
-  title: 'Account Balance Title',
-  value: '42',
-  unit: '€',
-  info: 'Information',
-  eqValue: '47,34',
-  eqUnit: '$',
-  right: true
-};

package/dist/AccountBalance/AccountBalance.styles.js

@@ -1,38 +0,0 @@
-import styled from 'styled-components/macro';
-export const Container = styled.div`
-  position: relative;
-  margin-right: -20px;
-
-  ${props => props.right && `
-    text-align: right;
-  `}
-`;
-export const Head = styled.div`
-  position: relative;
-  margin-bottom: 4px;
-`;
-export const Body = styled.div`
-  position: relative;
-`;
-export const Title = styled.div`
-  font-weight: bold;
-  font-size: 11px;
-  line-height: 24px;
-  letter-spacing: 2.04px;
-  text-transform: uppercase;
-`;
-export const Value = styled.div`
-  position: relative;
-  font-weight: 300;
-  font-size: 22px;
-  line-height: 28px;
-  letter-spacing: 0.8px;
-`;
-export const Equal = styled.div`
-  position: relative;
-  line-height: 16px;
-  letter-spacing: 0.4px;
-  font-size: 11px;
-  font-style: italic;
-  margin-top: 8px;
-`;