@stokr/components-library 0.5.5 → 0.5.6

package/dist/Form/Form.stories.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import Form from './Form';
-// import { FormField, FormInfo, FormError } from './Form'
-import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles';
 import { withFormik } from 'formik';
+import ComponentWrapper from 'components/ComponentWrapper/ComponentWrapper.styles';
 export default {
   title: 'Components Library/Form',
   component: Form,

package/dist/Input/Select.stories.js

@@ -3,7 +3,7 @@ import { Select } from './Select';
 import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles';
 import { Medium } from '../icons/Medium';
 import { Share } from '../icons/Share';
-import { Number } from 'index';
+import Number from 'components/Number/Number';
 export default {
   title: 'Components Library/Inputs/Select',
   component: Select,

package/dist/LearnMoreCarousel/LearnMoreCarousel.stories.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LearnMoreCarousel } from './LearnMoreCarousel';
 // import { OneSvg, TwoSvg, ThreeSvg, FourSvg } from 'components/SvgIcons'
-import { Number } from 'index';
+import Number from 'components/Number/Number';
 export default {
   title: 'Components Library/LearnMoreCarousel',
   component: LearnMoreCarousel,

package/dist/LearnMorePage/LearnMoreItem.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import Background from 'components/Background/Background';
 import ComponentWrapper from 'components/ComponentWrapper/ComponentWrapper.styles';
 import Button from 'components/Button/Button.styles';
-import { learnMorePostPropTypes, learnMoreCategoryPropTypes } from './LearnMore';
 import { ArticleWrapper, VideoCover, VideoPlay, VideoPlayIcon, VideoTitleRow, TitleText, CompleteWrapper, ContentText } from './LearnMoreItem.styles';
 import { CompleteMarkContainer, CompleteMark } from './LearnMore.shared.styles';
 const LearnMoreItem = ({
@@ -51,6 +50,21 @@ const LearnMoreItem = ({
   inProgress: activeTabObject.inProgress,
   complete: activeTabObject.complete
 }, /*#__PURE__*/React.createElement(CompleteMark, null))))));
+const learnMorePostPropTypes = {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  excerpt: PropTypes.string.isRequired,
+  content: PropTypes.string.isRequired,
+  postType: PropTypes.oneOf(['video', 'text']),
+  cover: PropTypes.string,
+  videoSrc: PropTypes.string
+};
+const learnMoreCategoryPropTypes = {
+  title: PropTypes.string.isRequired,
+  inProgress: PropTypes.bool,
+  complete: PropTypes.bool,
+  tooltip: PropTypes.node
+};
 LearnMoreItem.propTypes = {
   postItem: PropTypes.shape(learnMorePostPropTypes).isRequired,
   activeTabObject: PropTypes.shape(learnMoreCategoryPropTypes).isRequired,

package/dist/LearnMoreSection/LearnMore.js

@@ -9,7 +9,6 @@ import ComponentWrapper from 'components/ComponentWrapper/ComponentWrapper.style
 import LearnMoreCarousel from 'components/LearnMoreCarousel/LearnMoreCarousel';
 import { LearnMoreSlide } from 'components/LearnMoreCarousel/LearnMoreCarousel.styles';
 import { getMedia } from 'styles/rwd';
-import { learnMorePostPropTypes, learnMoreCategoryPropTypes } from 'components/LearnMorePage/LearnMore';
 import { TabNav, TabArrow, Container, TitleContainer, TabTitle, Arrow, SidebarSubHeading } from './LearnMore.styles';
 import LearnMoreItem from './LearnMoreItem';
 export class LearnMore extends PureComponent {
@@ -134,6 +133,21 @@ export class LearnMore extends PureComponent {
     })))));
   }
 }
+const learnMorePostPropTypes = {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  excerpt: PropTypes.string.isRequired,
+  content: PropTypes.string.isRequired,
+  postType: PropTypes.oneOf(['video', 'text']),
+  cover: PropTypes.string,
+  videoSrc: PropTypes.string
+};
+const learnMoreCategoryPropTypes = {
+  title: PropTypes.string.isRequired,
+  inProgress: PropTypes.bool,
+  complete: PropTypes.bool,
+  tooltip: PropTypes.node
+};
 LearnMore.propTypes = {
   items: PropTypes.arrayOf(PropTypes.shape(learnMorePostPropTypes)).isRequired,
   categories: PropTypes.arrayOf(PropTypes.shape({

package/dist/Number/Number.js

@@ -17,7 +17,7 @@ const getIcon = number => {
   }
 };
 export const Number = ({
-  number
+  number = 0
 }) => /*#__PURE__*/React.createElement(Container, null, getIcon(number));
 Number.propTypes = {
   number: PropTypes.number.isRequired

package/dist/RefreshButton/RefreshButton.stories.js

@@ -1,9 +1,7 @@
 import React from 'react';
-import { RefreshButton } from 'index';
-import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles';
-import { Number } from 'index';
-// import { TransactionDetails1 } from 'components/TransactionDetails/TransactionDetails.stories'
-
+import Number from 'components/Number/Number';
+import ComponentWrapper from 'components/ComponentWrapper/ComponentWrapper.styles';
+import RefreshButton from './RefreshButton';
 export default {
   title: 'Components Library/Buttons/RefreshButton',
   component: RefreshButton,

package/dist/RegisterAlgorand/Algorand.stories.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import AlgoAddressFlowPage from './flow';
 import AlgoFlowMemo from './flowWithMemo';
-
-// import { AlgoAdressSelect } from 'index'
 import { AuthProvider } from 'components/context/AuthContext';
 export default {
   title: 'Components Library/Algorand',

package/dist/Slider/Slider.stories.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Slider } from './Slider';
 import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles';
-import { Number } from 'index';
+import Number from 'components/Number/Number';
 export default {
   title: 'Components Library/Slider',
   component: Slider,

package/dist/Tabs/Tabs.stories.js

@@ -1,7 +1,7 @@
 // import React from 'react'
 // import Tabs from './Tabs'
 // import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles'
-// import { Number } from 'index'
+// import Number from 'components/Number/Number'
 
 // export default {
 //   title: 'Components Library/Tabs/Tabs',

package/dist/TabsNav/TabNav.stories.js

@@ -1,6 +1,6 @@
+import Number from 'components/Number/Number';
 import React from 'react';
 import { TabNav } from './TabNav';
-import { Number } from 'index';
 export default {
   title: 'Components Library/Tabs/TabNav',
   component: TabNav,

package/dist/TabsNav/TabsNav.stories.js

@@ -1,6 +1,6 @@
 // import React from 'react'
 // import { TabsNav } from './TabsNav'
-// import { Number } from 'index'
+// import Number from 'components/Number/Number'
 
 // export default {
 //   title: 'Components Library/Tabs/TabsNav',

package/dist/taxId/TaxId.stories.js

@@ -1,7 +1,5 @@
 import React from 'react';
 import TaxIdModal from './flow';
-
-// import { AlgoAdressSelect } from 'index'
 import { AuthProvider } from 'components/context/AuthContext';
 export default {
   title: 'Components Library/Tax Id',

package/dist/video/Video.js

@@ -3,10 +3,10 @@ import React, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import styled, { css } from 'styled-components';
 import * as sc from 'constants/style';
-import { breakpoint } from 'utils/breakpoint';
 import { CSSTransition } from 'react-transition-group';
 import { RenderToBody } from 'components/renderToBody';
 import { X } from 'components/icons';
+import { rwdMax } from 'styles/rwd';
 const Wrapper = styled.div`
   position: relative;
   cursor: pointer;
@@ -73,9 +73,9 @@ const LightboxVideo = styled.div`
     box-shadow: 0 0 20px 1px black;
     transition: all 0.4s;
 
-    ${breakpoint.below('tablet')} {
-      max-width: 88vw;
-    }
+    ${rwdMax.Medium`
+    max-width: 88vw;
+    `}
 
     @media screen and (max-width: 768px) {
       max-width: 95vw;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -36,7 +36,7 @@
     "axios": "^1.3.2",
     "bignumber.js": "^9.1.1",
     "formik": "^2.2.9",
-    "js-cookie": "^3.0.1",
+    "js-cookie": "^2.2.1",
     "mobile-detect": "^1.4.5",
     "polished": "^4.2.2",
     "prop-types": "^15.8.1",