@desynova-digital/components 9.0.20 → 9.0.21

package/_helpers/pagination.js

@@ -11,10 +11,10 @@ exports.getPaginationSlice = getPaginationSlice;
 
 function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
 
-/**
- * Calculates the page input width based on the characters
- * it contains.
- * @param {number} page
+/**
+ * Calculates the page input width based on the characters
+ * it contains.
+ * @param {number} page
  */
 function pageInputWidth(page) {
   var charWidth = 8;
@@ -26,24 +26,24 @@ function pageInputWidth(page) {
   return pageCharLength * charWidth + baseWidth;
 }
 
-/**
- * Calculates the number of pages required given
- * the total number of items and the desired items
- * per page.
- * @param {number} items
- * @param {number} perPage
+/**
+ * Calculates the number of pages required given
+ * the total number of items and the desired items
+ * per page.
+ * @param {number} items
+ * @param {number} perPage
  */
 function pagesFromItems(items, perPage) {
   return Math.ceil(items / perPage);
 }
 
-/**
- * Determines if the page should change based on the
- * expected next page and the number of pages.
- * @param {number | string} rawNextPage
- * @param {number} total
- * @param {number} perPage
- * @param {function} handlerFn
+/**
+ * Determines if the page should change based on the
+ * expected next page and the number of pages.
+ * @param {number | string} rawNextPage
+ * @param {number} total
+ * @param {number} perPage
+ * @param {function} handlerFn
  */
 function changePageIfAppropiate(rawNextPage, total, perPage, handlerFn) {
   var nextPage = parseInt(rawNextPage);
@@ -53,11 +53,11 @@ function changePageIfAppropiate(rawNextPage, total, perPage, handlerFn) {
   if (nextPageExists) handlerFn(nextPage);
 }
 
-/**
- * Calculates the totals for the current page
- * @param {number} page
- * @param {number} perPage
- * @param {number} items
+/**
+ * Calculates the totals for the current page
+ * @param {number} page
+ * @param {number} perPage
+ * @param {number} items
  */
 function totals(page, perPage, items) {
   var toRecord = page * perPage;
@@ -66,22 +66,22 @@ function totals(page, perPage, items) {
   return "Showing " + fromRecord + " - " + toRecord + " of " + items;
 }
 
-/**
- * Calculates the pagintion slice range for a given page.
- *
- * Example:
- *  Given the page 77 with a pages-per-slice value of 10,
- *  we would obtain the following range:
- *
- *    70, 71, 72, [[73]], 74, 75, 76, 77, 78, 79, ..., 310
- *
- *  with the format:
- *    { label: number | string, selected: boolean, clickable: boolean }.
- *
- * @param {number} page
- * @param {number} items
- * @param {number} itemsPerPage
- * @param {number} pagesPerSlice
+/**
+ * Calculates the pagintion slice range for a given page.
+ *
+ * Example:
+ *  Given the page 77 with a pages-per-slice value of 10,
+ *  we would obtain the following range:
+ *
+ *    70, 71, 72, [[73]], 74, 75, 76, 77, 78, 79, ..., 310
+ *
+ *  with the format:
+ *    { label: number | string, selected: boolean, clickable: boolean }.
+ *
+ * @param {number} page
+ * @param {number} items
+ * @param {number} itemsPerPage
+ * @param {number} pagesPerSlice
  */
 function getPaginationSlice(page, items, itemsPerPage) {
   var pagesPerSlice = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10;

package/_helpers/story-helpers.js

@@ -1,15 +1,15 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Stack = exports.Example = undefined;
 
-var _storyExample = require('./story-example');
+var _storyExample = require("./story-example");
 
 var _storyExample2 = _interopRequireDefault(_storyExample);
 
-var _storyStack = require('./story-stack');
+var _storyStack = require("./story-stack");
 
 var _storyStack2 = _interopRequireDefault(_storyStack);
 

package/_helpers/uniqueId.js

@@ -1,16 +1,16 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var id = function id() {
-  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
 
-  prefix = prefix.toLowerCase().replace(/ /g, '_');
+  prefix = prefix.toLowerCase().replace(/ /g, "_");
 
   var hash = Math.random().toString(36).substring(5);
 
-  return prefix + '-' + hash;
+  return prefix + "-" + hash;
 };
 
 exports.default = id;

package/atoms/badge/index.js

@@ -1,11 +1,11 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledBadge = undefined;
 
-var _badge = require('./badge');
+var _badge = require("./badge");
 
 var _badge2 = _interopRequireDefault(_badge);
 

package/atoms/card/index.js

@@ -1,11 +1,11 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledCard = undefined;
 
-var _card = require('./card');
+var _card = require("./card");
 
 var _card2 = _interopRequireDefault(_card);
 

package/atoms/cardStack/index.js

@@ -1,11 +1,11 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardStackBox = undefined;
 
-var _cardStack = require('./cardStack');
+var _cardStack = require("./cardStack");
 
 var _cardStack2 = _interopRequireDefault(_cardStack);
 

package/atoms/checkbox/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _checkbox = require('./checkbox');
+var _checkbox = require("./checkbox");
 
 var _checkbox2 = _interopRequireDefault(_checkbox);
 

package/atoms/customSelect/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _customSelect = require('./customSelect');
+var _customSelect = require("./customSelect");
 
 var _customSelect2 = _interopRequireDefault(_customSelect);
 

package/atoms/datePicker/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _datePicker = require('./datePicker');
+var _datePicker = require("./datePicker");
 
 var _datePicker2 = _interopRequireDefault(_datePicker);
 

package/atoms/dropdown/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _dropdown = require('./dropdown');
+var _dropdown = require("./dropdown");
 
 var _dropdown2 = _interopRequireDefault(_dropdown);
 

package/atoms/dropdownList/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _dropdownList = require('./dropdownList');
+var _dropdownList = require("./dropdownList");
 
 var _dropdownList2 = _interopRequireDefault(_dropdownList);
 

package/atoms/graphs/barGraph/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _barGraph = require('./barGraph');
+var _barGraph = require("./barGraph");
 
 var _barGraph2 = _interopRequireDefault(_barGraph);
 

package/atoms/graphs/circleGraph/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _circleGraph = require('./circleGraph');
+var _circleGraph = require("./circleGraph");
 
 var _circleGraph2 = _interopRequireDefault(_circleGraph);
 

package/atoms/graphs/pieChart/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _pieChart = require('./pieChart');
+var _pieChart = require("./pieChart");
 
 var _pieChart2 = _interopRequireDefault(_pieChart);
 

package/atoms/image/image.js

@@ -1,22 +1,22 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _templateObject = _taggedTemplateLiteral(['\n    user-select: none;\n    pointer-events: none;\n    width: ', ';\n    height: ', ';\n    top: 50%;\n    left: 50%;\n    position: relative;\n    transform: translate(-50%, -50%);\n    -webkit-transform: translate(-50%, -50%);\n    -moz-transform: translate(-50%, -50%);\n    -ms-transform: translate(-50%, -50%);\n    -o-transform: translate(-50%, -50%);\n'], ['\n    user-select: none;\n    pointer-events: none;\n    width: ', ';\n    height: ', ';\n    top: 50%;\n    left: 50%;\n    position: relative;\n    transform: translate(-50%, -50%);\n    -webkit-transform: translate(-50%, -50%);\n    -moz-transform: translate(-50%, -50%);\n    -ms-transform: translate(-50%, -50%);\n    -o-transform: translate(-50%, -50%);\n']);
+var _templateObject = _taggedTemplateLiteral(["\n  user-select: none;\n  pointer-events: none;\n  width: ", ";\n  height: ", ";\n  top: 50%;\n  left: 50%;\n  position: relative;\n  transform: translate(-50%, -50%);\n  -webkit-transform: translate(-50%, -50%);\n  -moz-transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  -o-transform: translate(-50%, -50%);\n"], ["\n  user-select: none;\n  pointer-events: none;\n  width: ", ";\n  height: ", ";\n  top: 50%;\n  left: 50%;\n  position: relative;\n  transform: translate(-50%, -50%);\n  -webkit-transform: translate(-50%, -50%);\n  -moz-transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  -o-transform: translate(-50%, -50%);\n"]);
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _propTypes = require('prop-types');
+var _propTypes = require("prop-types");
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _styledComponents = require('styled-components');
+var _styledComponents = require("styled-components");
 
 var _styledComponents2 = _interopRequireDefault(_styledComponents);
 
@@ -25,27 +25,27 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 var StyledImage = _styledComponents2.default.img(_templateObject, function (props) {
-    return props.width;
+  return props.width;
 }, function (props) {
-    return props.height;
+  return props.height;
 });
 
 var Image = function Image(props) {
-    return _react2.default.createElement(StyledImage, _extends({ src: props.source, alt: props.alt }, props));
+  return _react2.default.createElement(StyledImage, _extends({ src: props.source, alt: props.alt }, props));
 };
 
 Image.propTypes = {
-    source: _propTypes2.default.string.isRequired,
-    alt: _propTypes2.default.string,
-    width: _propTypes2.default.string,
-    height: _propTypes2.default.string
+  source: _propTypes2.default.string.isRequired,
+  alt: _propTypes2.default.string,
+  width: _propTypes2.default.string,
+  height: _propTypes2.default.string
 };
 
 Image.defaultProps = {
-    source: null,
-    alt: null,
-    width: '100%',
-    height: 'auto'
+  source: null,
+  alt: null,
+  width: "100%",
+  height: "auto"
 };
 
 exports.default = Image;

package/atoms/image/image.story.js

@@ -1,24 +1,24 @@
-'use strict';
+"use strict";
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _react3 = require('@storybook/react');
+var _react3 = require("@storybook/react");
 
-var _storyHelpers = require('../../_helpers/story-helpers');
+var _storyHelpers = require("../../_helpers/story-helpers");
 
-var _components = require('../../components');
+var _components = require("../../components");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-(0, _react3.storiesOf)('Image').add('url', function () {
-    return _react2.default.createElement(
-        _storyHelpers.Example,
-        { title: 'Icons' },
-        _react2.default.createElement(_components.Image, {
-            source: 'https://tassets.desynova.com/img/topaz-logo.png',
-            alt: 'topaz logo'
-        })
-    );
+(0, _react3.storiesOf)("Image").add("url", function () {
+  return _react2.default.createElement(
+    _storyHelpers.Example,
+    { title: "Icons" },
+    _react2.default.createElement(_components.Image, {
+      source: "https://tassets.desynova.com/img/topaz-logo.png",
+      alt: "topaz logo"
+    })
+  );
 });

package/atoms/image/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _image = require('./image');
+var _image = require("./image");
 
 var _image2 = _interopRequireDefault(_image);
 

package/atoms/inputText/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _inputText = require('./inputText');
+var _inputText = require("./inputText");
 
 var _inputText2 = _interopRequireDefault(_inputText);
 

package/atoms/radio/index.js

@@ -1,11 +1,11 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledRadioOption = exports.StyledRadio = undefined;
 
-var _radio = require('./radio');
+var _radio = require("./radio");
 
 var _radio2 = _interopRequireDefault(_radio);
 

package/atoms/select/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _select = require('./select');
+var _select = require("./select");
 
 var _select2 = _interopRequireDefault(_select);
 

package/atoms/switch/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _switch = require('./switch');
+var _switch = require("./switch");
 
 var _switch2 = _interopRequireDefault(_switch);
 

package/atoms/tag/index.js

@@ -1,11 +1,11 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledTag = undefined;
 
-var _tag = require('./tag');
+var _tag = require("./tag");
 
 var _tag2 = _interopRequireDefault(_tag);
 

package/atoms/thematicBreak/index.js

@@ -1,11 +1,11 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledBreak = undefined;
 
-var _thematicBreak = require('./thematicBreak');
+var _thematicBreak = require("./thematicBreak");
 
 var _thematicBreak2 = _interopRequireDefault(_thematicBreak);
 

package/atoms/thematicBreak/thematicBreak.story.js

@@ -1,43 +1,43 @@
-'use strict';
+"use strict";
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _react3 = require('@storybook/react');
+var _react3 = require("@storybook/react");
 
-var _storyHelpers = require('../../_helpers/story-helpers');
+var _storyHelpers = require("../../_helpers/story-helpers");
 
-var _components = require('../../components');
+var _components = require("../../components");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-(0, _react3.storiesOf)('Break').add('break-appearance', function () {
-    return _react2.default.createElement(
-        _storyHelpers.Example,
-        { title: 'Break Appearence', background: 'white' },
-        _react2.default.createElement(
-            _storyHelpers.Stack,
-            null,
-            _react2.default.createElement(_components.Break, { text: 'OR' }),
-            _react2.default.createElement(_components.Break, { text: '' })
-        )
-    );
+(0, _react3.storiesOf)("Break").add("break-appearance", function () {
+  return _react2.default.createElement(
+    _storyHelpers.Example,
+    { title: "Break Appearence", background: "white" },
+    _react2.default.createElement(
+      _storyHelpers.Stack,
+      null,
+      _react2.default.createElement(_components.Break, { text: "OR" }),
+      _react2.default.createElement(_components.Break, { text: "" })
+    )
+  );
 });
 
-(0, _react3.storiesOf)('Break').add('break-appearance dark', function () {
-    return _react2.default.createElement(
-        _storyHelpers.Example,
-        { title: 'Break Appearence', background: 'dark' },
-        _react2.default.createElement(
-            _storyHelpers.Stack,
-            null,
-            _react2.default.createElement(
-                'div',
-                { style: { 'width': '100%' } },
-                _react2.default.createElement(_components.Break, { text: 'OR' }),
-                _react2.default.createElement(_components.Break, { text: '' })
-            )
-        )
-    );
+(0, _react3.storiesOf)("Break").add("break-appearance dark", function () {
+  return _react2.default.createElement(
+    _storyHelpers.Example,
+    { title: "Break Appearence", background: "dark" },
+    _react2.default.createElement(
+      _storyHelpers.Stack,
+      null,
+      _react2.default.createElement(
+        "div",
+        { style: { width: "100%" } },
+        _react2.default.createElement(_components.Break, { text: "OR" }),
+        _react2.default.createElement(_components.Break, { text: "" })
+      )
+    )
+  );
 });

package/atoms/videoCard/index.js

@@ -1,11 +1,11 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledCard = undefined;
 
-var _videoCard = require('./videoCard');
+var _videoCard = require("./videoCard");
 
 var _videoCard2 = _interopRequireDefault(_videoCard);
 

package/molecules/graphCard/index.js

@@ -1,10 +1,10 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _graphCard = require('./graphCard');
+var _graphCard = require("./graphCard");
 
 var _graphCard2 = _interopRequireDefault(_graphCard);