@desynova-digital/components 9.0.26 → 9.1.0

package/molecules/errorScreen/TableErrorScreen.js

@@ -1,107 +1,114 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var TableErrorScreen = function TableErrorScreen() {
-  return _react2.default.createElement(
-    'div',
-    {
-      style: _defineProperty({
-        height: '279px',
-        width: '100%',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-      }, 'alignItems', 'center') },
-    _react2.default.createElement(
-      'div',
-      {
-        style: {
-          width: '520px',
-          height: '130px',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          gap: '10px'
-        } },
-      _react2.default.createElement(
-        'div',
-        {
-          style: {
-            height: '120px',
-            width: '120px',
-            background: '#303F51',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            borderRadius: '50%',
-            flexDirection: 'column'
-          } },
-        _react2.default.createElement(
-          'div',
-          {
-            style: {
-              display: 'flex',
-              alignItems: 'flex-start',
-              justifyContent: 'center',
-              gap: '8px',
-              flexDirection: 'column'
-            } },
-          _react2.default.createElement('div', { style: { height: '10px', width: '60px', background: '#182738', borderRadius: '10px' } }),
-          _react2.default.createElement('div', { style: { height: '10px', width: '40px', background: '#182738', borderRadius: '10px' } }),
-          _react2.default.createElement('div', { style: { height: '10px', width: '50px', background: '#182738', borderRadius: '10px' } }),
-          _react2.default.createElement('div', { style: { height: '10px', width: '30px', background: '#182738', borderRadius: '10px' } }),
-          _react2.default.createElement('div', { style: { height: '10px', width: '50px', background: '#182738', borderRadius: '10px' } })
-        )
-      ),
-      _react2.default.createElement(
-        'div',
-        {
-          style: {
-            height: '120px',
-            width: '300px ',
-            display: 'flex',
-            alignItems: 'flex-start',
-            justifyContent: 'center',
-            flexDirection: 'column'
-          } },
-        _react2.default.createElement(
-          'p',
-          {
-            style: {
-              color: 'var(--color-text-color-pure-white, #FFF)',
-              fontSize: '24px',
-              fontWeight: '500',
-              lineHeight: '36px',
-              fontStyle: 'normal'
-            } },
-          'No Results Found'
-        ),
-        _react2.default.createElement(
-          'p',
-          {
-            style: {
-              color: 'var(--color-text-color-pure-white, #FFF)',
-              fontSize: '14px',
-              fontStyle: 'normal',
-              fontWeight: '300',
-              lineHeight: '21px'
-            } },
-          'Try a different filter set'
-        )
-      )
-    )
-  );
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var TableErrorScreen = function TableErrorScreen(_ref) {
+  var _ref$h = _ref.h1,
+    h1 = _ref$h === void 0 ? "No Results Found" : _ref$h,
+    _ref$h2 = _ref.h2,
+    h2 = _ref$h2 === void 0 ? "Try a different filter set" : _ref$h2;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '279px',
+      width: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: '520px',
+      height: '130px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: '10px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '120px',
+      width: '120px',
+      background: '#303F51',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: '50%',
+      flexDirection: 'column'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'flex-start',
+      justifyContent: 'center',
+      gap: '8px',
+      flexDirection: 'column'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '10px',
+      width: '60px',
+      background: '#182738',
+      borderRadius: '10px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '10px',
+      width: '40px',
+      background: '#182738',
+      borderRadius: '10px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '10px',
+      width: '50px',
+      background: '#182738',
+      borderRadius: '10px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '10px',
+      width: '30px',
+      background: '#182738',
+      borderRadius: '10px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '10px',
+      width: '50px',
+      background: '#182738',
+      borderRadius: '10px'
+    }
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '120px',
+      width: '300px ',
+      display: 'flex',
+      alignItems: 'flex-start',
+      justifyContent: 'center',
+      flexDirection: 'column'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("p", {
+    style: {
+      color: 'var(--color-text-color-pure-white, #FFF)',
+      fontSize: '24px',
+      fontWeight: '500',
+      lineHeight: '36px',
+      fontStyle: 'normal',
+      fontFamily: 'SFUIText-Medium'
+    }
+  }, h1), /*#__PURE__*/_react["default"].createElement("p", {
+    style: {
+      color: 'var(--color-text-color-pure-white, #FFF)',
+      fontSize: '14px',
+      fontStyle: 'normal',
+      fontWeight: '300',
+      lineHeight: '21px',
+      fontFamily: 'SFUIText-Medium'
+    }
+  }, h2))));
 };
-
-exports.default = TableErrorScreen;
+var _default = exports["default"] = TableErrorScreen;

package/molecules/errorScreen/TableErrorScreen.jsx

@@ -1,13 +1,12 @@
 import React from 'react';
 
-const TableErrorScreen = () => {
+const TableErrorScreen = ({ h1 = "No Results Found", h2 = "Try a different filter set" }) => {
   return (
     <div
       style={{
         height: '279px',
         width: '100%',
         display: 'flex',
-        alignItems: 'center',
         justifyContent: 'center',
         alignItems: 'center'
       }}>
@@ -61,9 +60,10 @@ const TableErrorScreen = () => {
               fontSize: '24px',
               fontWeight: '500',
               lineHeight: '36px',
-              fontStyle: 'normal'
+              fontStyle: 'normal',
+              fontFamily: 'SFUIText-Medium'
             }}>
-            No Results Found
+            {h1}
           </p>
           <p
             style={{
@@ -71,9 +71,10 @@ const TableErrorScreen = () => {
               fontSize: '14px',
               fontStyle: 'normal',
               fontWeight: '300',
-              lineHeight: '21px'
+              lineHeight: '21px',
+              fontFamily: 'SFUIText-Medium'
             }}>
-            Try a different filter set
+            {h2}
           </p>
         </div>
       </div>

package/molecules/errorScreen/errorScreen.js

@@ -1,52 +1,27 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _templateObject = _taggedTemplateLiteral(['\n  display: flex;\n  font-size: 32px;\n  align-items: center;\n  color: #fff;\n  flex-direction: column;\n  justify-content: center;\n  font-family: \'SFUIText-Medium\';\n  color: rgba(255, 255, 255, 0.8);\n  /* height: calc(100vh - 80px); */\n  height: ', ';\n  background: #0c141d;\n  .flex {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n'], ['\n  display: flex;\n  font-size: 32px;\n  align-items: center;\n  color: #fff;\n  flex-direction: column;\n  justify-content: center;\n  font-family: \'SFUIText-Medium\';\n  color: rgba(255, 255, 255, 0.8);\n  /* height: calc(100vh - 80px); */\n  height: ', ';\n  background: #0c141d;\n  .flex {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n']),
-    _templateObject2 = _taggedTemplateLiteral(['\n  width: ', ';\n  margin-right: 50px;\n  img {\n    width: 100%;\n  }\n'], ['\n  width: ', ';\n  margin-right: 50px;\n  img {\n    width: 100%;\n  }\n']),
-    _templateObject3 = _taggedTemplateLiteral(['\n  font-size: 50px;\n  margin-bottom: 40px;\n  font-weight: bold;\n  display: flex;\n'], ['\n  font-size: 50px;\n  margin-bottom: 40px;\n  font-weight: bold;\n  display: flex;\n']),
-    _templateObject4 = _taggedTemplateLiteral(['\n  font-size: 20px;\n  font-weight: 300;\n  margin-top: 40px;\n  display: flex;\n'], ['\n  font-size: 20px;\n  font-weight: 300;\n  margin-top: 40px;\n  display: flex;\n']),
-    _templateObject5 = _taggedTemplateLiteral(['\n  width: 50px;\n  border-bottom: 3px solid #00cec6;\n'], ['\n  width: 50px;\n  border-bottom: 3px solid #00cec6;\n']),
-    _templateObject6 = _taggedTemplateLiteral(['\n  margin: 30px 0 0 0;\n  width: 150px;\n  border: none;\n  padding: 15px 0;\n'], ['\n  margin: 30px 0 0 0;\n  width: 150px;\n  border: none;\n  padding: 15px 0;\n']);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _button = require('../../atoms/button/button');
-
-var _button2 = _interopRequireDefault(_button);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } /* eslint-disable no-unused-expressions, no-restricted-globals */
-
-
-var Wrapper = _styledComponents2.default.div(_templateObject, function (props) {
+exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _button = _interopRequireDefault(require("../../atoms/button/button"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+/* eslint-disable no-unused-expressions, no-restricted-globals */
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  font-size: 32px;\n  align-items: center;\n  color: #fff;\n  flex-direction: column;\n  justify-content: center;\n  font-family: 'SFUIText-Medium';\n  color: rgba(255, 255, 255, 0.8);\n  /* height: calc(100vh - 80px); */\n  height: ", ";\n  background: #0c141d;\n  .flex {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n"])), function (props) {
   return props.smallImage ? '' : '100vh';
 });
-
-var ImageWrapper = _styledComponents2.default.div(_templateObject2, function (props) {
+var ImageWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  width: ", ";\n  margin-right: 50px;\n  img {\n    width: 100%;\n  }\n"])), function (props) {
   return props.smallImage ? '240px' : '400px';
 });
-
-var Header = _styledComponents2.default.p(_templateObject3);
-
-var SubHeader = _styledComponents2.default.p(_templateObject4);
-
-var Line = _styledComponents2.default.div(_templateObject5);
-
-var ErrorButtons = (0, _styledComponents2.default)(_button2.default)(_templateObject6);
+var Header = _styledComponents["default"].p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 50px;\n  margin-bottom: 40px;\n  font-weight: bold;\n  display: flex;\n"])));
+var SubHeader = _styledComponents["default"].p(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 20px;\n  font-weight: 300;\n  margin-top: 40px;\n  display: flex;\n"])));
+var Line = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 50px;\n  border-bottom: 3px solid #00cec6;\n"])));
+var ErrorButtons = (0, _styledComponents["default"])(_button["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 30px 0 0 0;\n  width: 150px;\n  border: none;\n  padding: 15px 0;\n"])));
 
 /*
  * Image links
@@ -56,11 +31,11 @@ var ErrorButtons = (0, _styledComponents2.default)(_button2.default)(_templateOb
  */
 
 var propTypes = {
-  type: _propTypes2.default.oneOf(['no-result-found', 'went-wrong', '404-error', 'network-error']),
-  title: _propTypes2.default.string,
-  subTitle: _propTypes2.default.string,
-  smallImage: _propTypes2.default.bool,
-  showButton: _propTypes2.default.bool
+  type: _propTypes["default"].oneOf(['no-result-found', 'went-wrong', '404-error', 'network-error']),
+  title: _propTypes["default"].string,
+  subTitle: _propTypes["default"].string,
+  smallImage: _propTypes["default"].bool,
+  showButton: _propTypes["default"].bool
 };
 
 /**
@@ -71,10 +46,8 @@ var propTypes = {
 
 var ErrorScreen = function ErrorScreen(props) {
   var type = props.type,
-      smallImage = props.smallImage,
-      showButton = props.showButton;
-
-
+    smallImage = props.smallImage,
+    showButton = props.showButton;
   var data = {
     'no-result-found': {
       'title': 'No Results Found',
@@ -97,60 +70,34 @@ var ErrorScreen = function ErrorScreen(props) {
       'buttonText': ''
     }
   };
-
   var title = props.title || data[type].title;
   var subTitle = props.subTitle || data[type].subTitle;
   var buttonText = props.buttonText || data[type].buttonText;
-
   var ctaFunction = function ctaFunction() {
     type === '404-error' ? location.href = '/' : window.location.reload();
   };
-
-  return _react2.default.createElement(
-    Wrapper,
-    { smallImage: smallImage },
-    _react2.default.createElement(
-      'div',
-      { className: 'flex' },
-      _react2.default.createElement(
-        ImageWrapper,
-        { smallImage: smallImage },
-        _react2.default.createElement('img', { src: 'https://ctdnstgthumbnail.contido.io/contido-assets/' + type + '.svg', alt: '' })
-      ),
-      _react2.default.createElement(
-        'div',
-        { className: 'text' },
-        _react2.default.createElement(
-          Header,
-          null,
-          title
-        ),
-        _react2.default.createElement(Line, null),
-        _react2.default.createElement(
-          SubHeader,
-          null,
-          subTitle
-        ),
-        showButton ? _react2.default.createElement(
-          ErrorButtons,
-          {
-            display: 'rounded',
-            onClick: function onClick() {
-              ctaFunction();
-            } },
-          buttonText
-        ) : null
-      )
-    )
-  );
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, {
+    smallImage: smallImage
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/_react["default"].createElement(ImageWrapper, {
+    smallImage: smallImage
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "https://ctdnstgthumbnail.contido.io/contido-assets/".concat(type, ".svg"),
+    alt: ""
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "text"
+  }, /*#__PURE__*/_react["default"].createElement(Header, null, title), /*#__PURE__*/_react["default"].createElement(Line, null), /*#__PURE__*/_react["default"].createElement(SubHeader, null, subTitle), showButton ? /*#__PURE__*/_react["default"].createElement(ErrorButtons, {
+    display: "rounded",
+    onClick: function onClick() {
+      ctaFunction();
+    }
+  }, buttonText) : null)));
 };
-
 ErrorScreen.propTypes = propTypes;
-
 ErrorScreen.defaultProps = {
   title: 'No Results Found',
   subTitle: 'Refresh this page or try again later.',
   buttonText: 'Refresh'
 };
-
-exports.default = ErrorScreen;
+var _default = exports["default"] = ErrorScreen;

package/molecules/filter/constants.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.WEEK_DATE = exports.THREE_MONTHS = exports.MONTH_DATE = exports.MONTHS = exports.CURRENT_DATE = exports.CONVERT = void 0;
 var CURRENT_DATE = exports.CURRENT_DATE = new Date().getTime(); // current
 var CONVERT = exports.CONVERT = 24 * 60 * 60 * 1000;
 var WEEK_DATE = exports.WEEK_DATE = CURRENT_DATE - 7 * CONVERT; // subtracting 7 days from current