@desynova-digital/components 9.0.26 → 9.1.0

package/atoms/cardStack/cardStack.story.js

@@ -1,214 +1,110 @@
-'use strict';
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _react3 = require('@storybook/react');
-
-var _storyHelpers = require('../../_helpers/story-helpers');
-
-var _components = require('../../components');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _storyHelpers = require("../../_helpers/story-helpers");
+var _components = require("../../components");
 //console.log(RadioGroup);
-(0, _react3.storiesOf)('CardStack').add('dark theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    null,
-    _react2.default.createElement(
-      'div',
-      null,
-      _react2.default.createElement(
-        'div',
-        null,
-        _react2.default.createElement(
-          'div',
-          {
-            style: {
-              background: '#fff',
-              padding: '10px'
-            }
-          },
-          _react2.default.createElement(
-            _components.CardStack,
-            {
-              current: 2,
-              theme: 'dark',
-              isStepform: true,
-              onChangeCheck: function onChangeCheck(value) {
-                console.log(value);
-              }
-            },
-            _react2.default.createElement(
-              'div',
-              { style: { height: '300px' }, title: 'SECTION 1' },
-              _react2.default.createElement(
-                'h1',
-                null,
-                ' Child 1'
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              { style: { height: '450px' }, title: 'SECTION 2' },
-              _react2.default.createElement(
-                'h1',
-                null,
-                ' Child 2'
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              { style: { height: '350px' }, title: 'SECTION 3' },
-              _react2.default.createElement(
-                'h1',
-                null,
-                ' Child 3'
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              { style: { height: '500px' }, title: 'SECTION 4' },
-              _react2.default.createElement(
-                'h1',
-                null,
-                ' Child 4'
-              )
-            )
-          )
-        ),
-        _react2.default.createElement(
-          'div',
-          {
-            style: {
-              background: '#fff',
-              padding: '10px',
-              marginTop: '300px'
-            }
-          },
-          _react2.default.createElement(
-            _components.CardStack,
-            {
-              current: 1,
-              theme: 'dark',
-              onChangeCheck: function onChangeCheck(value) {
-                console.log(value);
-              }
-            },
-            _react2.default.createElement(
-              'div',
-              { title: _react2.default.createElement('div', { background: 'yellow' }, 'Title Element') },
-              _react2.default.createElement(
-                'h1',
-                null,
-                ' Child 1'
-              )
-            )
-          )
-        )
-      )
-    )
-  );
+(0, _react2.storiesOf)('CardStack').add('dark theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      background: '#fff',
+      padding: '10px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_components.CardStack, {
+    current: 2,
+    theme: 'dark',
+    isStepform: true,
+    onChangeCheck: function onChangeCheck(value) {
+      console.log(value);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '300px'
+    },
+    title: 'SECTION 1'
+  }, /*#__PURE__*/_react["default"].createElement("h1", null, " Child 1")), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '450px'
+    },
+    title: 'SECTION 2'
+  }, /*#__PURE__*/_react["default"].createElement("h1", null, " Child 2")), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '350px'
+    },
+    title: 'SECTION 3'
+  }, /*#__PURE__*/_react["default"].createElement("h1", null, " Child 3")), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '500px'
+    },
+    title: 'SECTION 4'
+  }, /*#__PURE__*/_react["default"].createElement("h1", null, " Child 4")))), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      background: '#fff',
+      padding: '10px',
+      marginTop: '300px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_components.CardStack, {
+    current: 1,
+    theme: 'dark',
+    onChangeCheck: function onChangeCheck(value) {
+      console.log(value);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    title: /*#__PURE__*/_react["default"].createElement('div', {
+      background: 'yellow'
+    }, 'Title Element')
+  }, /*#__PURE__*/_react["default"].createElement("h1", null, " Child 1")))))));
 });
-
-(0, _react3.storiesOf)('CardStack').add('nexc theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    null,
-    _react2.default.createElement(
-      'div',
-      null,
-      _react2.default.createElement(
-        'div',
-        null,
-        _react2.default.createElement(
-          'div',
-          {
-            style: {
-              background: '#fff',
-              padding: '10px'
-            }
-          },
-          _react2.default.createElement(
-            _components.CardStack,
-            {
-              current: 2,
-              theme: 'nexc',
-              isStepform: true,
-              onChangeCheck: function onChangeCheck(value) {
-                console.log(value);
-              }
-            },
-            _react2.default.createElement(
-              'div',
-              { style: { height: '300px' }, title: 'SECTION 1' },
-              _react2.default.createElement(
-                'h1',
-                null,
-                ' Child 1'
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              { style: { height: '450px' }, title: 'SECTION 2' },
-              _react2.default.createElement(
-                'h1',
-                null,
-                ' Child 2'
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              { style: { height: '350px' }, title: 'SECTION 3' },
-              _react2.default.createElement(
-                'h1',
-                null,
-                ' Child 3'
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              { style: { height: '500px' }, title: 'SECTION 4' },
-              _react2.default.createElement(
-                'h1',
-                null,
-                ' Child 4'
-              )
-            )
-          )
-        ),
-        _react2.default.createElement(
-          'div',
-          {
-            style: {
-              background: '#fff',
-              padding: '10px',
-              marginTop: '300px'
-            }
-          },
-          _react2.default.createElement(
-            _components.CardStack,
-            {
-              current: 1,
-              theme: 'nexc',
-              onChangeCheck: function onChangeCheck(value) {
-                console.log(value);
-              }
-            },
-            _react2.default.createElement(
-              'div',
-              { title: _react2.default.createElement('div', { background: 'yellow' }, 'Title Element') },
-              _react2.default.createElement(
-                'h1',
-                null,
-                ' Child 1'
-              )
-            )
-          )
-        )
-      )
-    )
-  );
+(0, _react2.storiesOf)('CardStack').add('nexc theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      background: '#fff',
+      padding: '10px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_components.CardStack, {
+    current: 2,
+    theme: 'nexc',
+    isStepform: true,
+    onChangeCheck: function onChangeCheck(value) {
+      console.log(value);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '300px'
+    },
+    title: 'SECTION 1'
+  }, /*#__PURE__*/_react["default"].createElement("h1", null, " Child 1")), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '450px'
+    },
+    title: 'SECTION 2'
+  }, /*#__PURE__*/_react["default"].createElement("h1", null, " Child 2")), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '350px'
+    },
+    title: 'SECTION 3'
+  }, /*#__PURE__*/_react["default"].createElement("h1", null, " Child 3")), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '500px'
+    },
+    title: 'SECTION 4'
+  }, /*#__PURE__*/_react["default"].createElement("h1", null, " Child 4")))), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      background: '#fff',
+      padding: '10px',
+      marginTop: '300px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_components.CardStack, {
+    current: 1,
+    theme: 'nexc',
+    onChangeCheck: function onChangeCheck(value) {
+      console.log(value);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    title: /*#__PURE__*/_react["default"].createElement('div', {
+      background: 'yellow'
+    }, 'Title Element')
+  }, /*#__PURE__*/_react["default"].createElement("h1", null, " Child 1")))))));
 });

package/atoms/cardStack/index.js

@@ -1,15 +1,17 @@
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CardStackBox = undefined;
-
-var _cardStack = require("./cardStack");
-
-var _cardStack2 = _interopRequireDefault(_cardStack);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _cardStack2.default;
-exports.CardStackBox = _cardStack.CardStackBox;
+Object.defineProperty(exports, "CardStackBox", {
+  enumerable: true,
+  get: function get() {
+    return _cardStack.CardStackBox;
+  }
+});
+exports["default"] = void 0;
+var _cardStack = _interopRequireWildcard(require("./cardStack"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _default = exports["default"] = _cardStack["default"];

package/atoms/cardV2/cardV2.js

@@ -1,88 +1,49 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BaseButtonStyles = exports.BaseParaStyles = exports.DivStyles = exports.CommonStyles = undefined;
-
-var _templateObject = _taggedTemplateLiteral(['\n  ', '\n'], ['\n  ', '\n']),
-    _templateObject2 = _taggedTemplateLiteral(['\n    background-color: ', ';\n    margin: ', ';\n    padding: ', ';\n    display: ', ';\n    justify-content: ', ';\n    align-items: ', ';\n    font-size: ', ';\n    color: ', ';\n    position: ', ';\n    border: ', ';\n    z-index: ', ';\n    cursor: ', ';\n    border-radius: ', ';\n    height: ', ';\n    width: ', ';\n    margin-left: ', ';\n  '], ['\n    background-color: ', ';\n    margin: ', ';\n    padding: ', ';\n    display: ', ';\n    justify-content: ', ';\n    align-items: ', ';\n    font-size: ', ';\n    color: ', ';\n    position: ', ';\n    border: ', ';\n    z-index: ', ';\n    cursor: ', ';\n    border-radius: ', ';\n    height: ', ';\n    width: ', ';\n    margin-left: ', ';\n  ']),
-    _templateObject3 = _taggedTemplateLiteral(['\n  ', ';\n'], ['\n  ', ';\n']),
-    _templateObject4 = _taggedTemplateLiteral(['\n  font-family: SFUIText-Regular;\n  ', ';\n'], ['\n  font-family: SFUIText-Regular;\n  ', ';\n']),
-    _templateObject5 = _taggedTemplateLiteral(['\n  position: relative;\n  border-radius: 2px;\n'], ['\n  position: relative;\n  border-radius: 2px;\n']);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _thumbnail = require('./thumbnail');
-
-var _thumbnail2 = _interopRequireDefault(_thumbnail);
-
-var _content = require('./content');
-
-var _content2 = _interopRequireDefault(_content);
-
-var _timeline = require('./timeline');
-
-var _timeline2 = _interopRequireDefault(_timeline);
-
-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) } })); }
-
-// components
-
-
-var CommonStyles = exports.CommonStyles = (0, _styledComponents.css)(_templateObject, function (_ref) {
+exports["default"] = exports.DivStyles = exports.CommonStyles = exports.BaseParaStyles = exports.BaseButtonStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _thumbnail = _interopRequireDefault(require("./thumbnail"));
+var _content = _interopRequireDefault(require("./content"));
+var _timeline = _interopRequireDefault(require("./timeline"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6; // components
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var CommonStyles = exports.CommonStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (_ref) {
   var margin = _ref.margin,
-      padding = _ref.padding,
-      display = _ref.display,
-      justify = _ref.justify,
-      align = _ref.align,
-      fontSize = _ref.fontSize,
-      color = _ref.color,
-      position = _ref.position,
-      border = _ref.border,
-      zIndex = _ref.zIndex,
-      cursor = _ref.cursor,
-      borderRadius = _ref.borderRadius,
-      height = _ref.height,
-      width = _ref.width,
-      bgColor = _ref.bgColor,
-      marginLeft = _ref.marginLeft;
-  return (0, _styledComponents.css)(_templateObject2, bgColor, margin, padding, display, justify, align, fontSize, color, position, border, zIndex, cursor, borderRadius, height, width, marginLeft);
+    padding = _ref.padding,
+    display = _ref.display,
+    justify = _ref.justify,
+    align = _ref.align,
+    fontSize = _ref.fontSize,
+    color = _ref.color,
+    position = _ref.position,
+    border = _ref.border,
+    zIndex = _ref.zIndex,
+    cursor = _ref.cursor,
+    borderRadius = _ref.borderRadius,
+    height = _ref.height,
+    width = _ref.width,
+    bgColor = _ref.bgColor,
+    marginLeft = _ref.marginLeft;
+  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    background-color: ", ";\n    margin: ", ";\n    padding: ", ";\n    display: ", ";\n    justify-content: ", ";\n    align-items: ", ";\n    font-size: ", ";\n    color: ", ";\n    position: ", ";\n    border: ", ";\n    z-index: ", ";\n    cursor: ", ";\n    border-radius: ", ";\n    height: ", ";\n    width: ", ";\n    margin-left: ", ";\n  "])), bgColor, margin, padding, display, justify, align, fontSize, color, position, border, zIndex, cursor, borderRadius, height, width, marginLeft);
 });
-
-var DivStyles = exports.DivStyles = _styledComponents2.default.div(_templateObject3, CommonStyles);
-
-var BaseParaStyles = exports.BaseParaStyles = _styledComponents2.default.p(_templateObject4, CommonStyles);
-
-var BaseButtonStyles = exports.BaseButtonStyles = _styledComponents2.default.button(_templateObject4, CommonStyles);
-
-var CardStyles = _styledComponents2.default.div(_templateObject5);
-
+var DivStyles = exports.DivStyles = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  ", ";\n"])), CommonStyles);
+var BaseParaStyles = exports.BaseParaStyles = _styledComponents["default"].p(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: SFUIText-Regular;\n  ", ";\n"])), CommonStyles);
+var BaseButtonStyles = exports.BaseButtonStyles = _styledComponents["default"].button(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: SFUIText-Regular;\n  ", ";\n"])), CommonStyles);
+var CardStyles = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  border-radius: 2px;\n"])));
 var CardV2 = function CardV2(props) {
   var width = props.width,
-      type = props.type;
-
-
+    type = props.type;
   var content = (0, _react.useCallback)(function () {
-    return _react2.default.createElement(
-      _react.Fragment,
-      null,
-      type === 'timeline' && _react2.default.createElement(_timeline2.default, props) || null,
-      _react2.default.createElement(_thumbnail2.default, props),
-      _react2.default.createElement(_content2.default, props)
-    );
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, type === 'timeline' && /*#__PURE__*/_react["default"].createElement(_timeline["default"], props) || null, /*#__PURE__*/_react["default"].createElement(_thumbnail["default"], props), /*#__PURE__*/_react["default"].createElement(_content["default"], props));
   }, [props]);
 
   /**
@@ -93,39 +54,30 @@ var CardV2 = function CardV2(props) {
    */
   var renderBasedOnWidth = (0, _react.useCallback)(function () {
     if (width === 'sm') {
-      return _react2.default.createElement(
-        DivStyles,
-        { display: 'flex' },
-        content()
-      );
+      return /*#__PURE__*/_react["default"].createElement(DivStyles, {
+        display: "flex"
+      }, content());
     } else return content();
   }, [props]);
-
-  return _react2.default.createElement(
-    CardStyles,
-    props,
-    renderBasedOnWidth()
-  );
+  return /*#__PURE__*/_react["default"].createElement(CardStyles, props, renderBasedOnWidth());
 };
-
 CardV2.propTypes = {
-  h1: _propTypes2.default.string.isRequired,
-  h2: _propTypes2.default.string,
-  h3: _propTypes2.default.string,
-  h4: _propTypes2.default.string,
-  h5: _propTypes2.default.string,
-  width: _propTypes2.default.string,
-  thumbnail: _propTypes2.default.string,
-  preview: _propTypes2.default.string,
-  status: _propTypes2.default.string,
-  ingestDbId: _propTypes2.default.string,
-  actionClick: _propTypes2.default.func,
-  actions: _propTypes2.default.arrayOf(_propTypes2.default.object),
-  theme: _propTypes2.default.oneOf(['light', 'dark', 'nexc']),
-  type: _propTypes2.default.oneOf(['asset', 'search']),
-  bgColor: _propTypes2.default.oneOf(['primary', 'secondary'])
+  h1: _propTypes["default"].string.isRequired,
+  h2: _propTypes["default"].string,
+  h3: _propTypes["default"].string,
+  h4: _propTypes["default"].string,
+  h5: _propTypes["default"].string,
+  width: _propTypes["default"].string,
+  thumbnail: _propTypes["default"].string,
+  preview: _propTypes["default"].string,
+  status: _propTypes["default"].string,
+  ingestDbId: _propTypes["default"].string,
+  actionClick: _propTypes["default"].func,
+  actions: _propTypes["default"].arrayOf(_propTypes["default"].object),
+  theme: _propTypes["default"].oneOf(['light', 'dark', 'nexc']),
+  type: _propTypes["default"].oneOf(['asset', 'search']),
+  bgColor: _propTypes["default"].oneOf(['primary', 'secondary'])
 };
-
 CardV2.defaultProps = {
   isSegment: false,
   theme: 'dark',
@@ -135,5 +87,4 @@ CardV2.defaultProps = {
   thumbnail: 'https://thumbnail.desynova.com/default_placeholder/Contido_Placeholder_Image.png',
   preview: ''
 };
-
-exports.default = CardV2;
+var _default = exports["default"] = CardV2;