@occmundial/occ-atomic 3.0.0-beta.7 → 3.0.0-beta.71

package/build/NavIcon/NavIcon.js

@@ -1,112 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-var _Flexbox = _interopRequireDefault(require("../Flexbox"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _colors = _interopRequireDefault(require("../subatomic/colors"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var NavIcon = /*#__PURE__*/function (_React$Component) {
-  _inherits(NavIcon, _React$Component);
-
-  var _super = _createSuper(NavIcon);
-
-  function NavIcon() {
-    _classCallCheck(this, NavIcon);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(NavIcon, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          selected = _this$props.selected,
-          label = _this$props.label,
-          onClick = _this$props.onClick,
-          direction = _this$props.direction,
-          className = _this$props.className,
-          testId = _this$props.testId,
-          id = _this$props.id,
-          iconName = _this$props.iconName,
-          white = _this$props.white;
-      var iconColor = white ? _colors["default"].bgWhite : _colors["default"].grey600;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(classes.cont).concat(selected ? " ".concat(classes.selected) : '').concat(className ? " ".concat(className) : ''),
-        onClick: onClick,
-        "data-testid": testId,
-        id: id
-      }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
-        display: "flex",
-        direction: direction,
-        justifyContent: "center",
-        alignItems: "center",
-        className: classes.flex
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-        iconName: iconName,
-        colors: [iconColor]
-      }), label && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
-        micro: true
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: classes.text
-      }, label))));
-    }
-  }]);
-
-  return NavIcon;
-}(_react["default"].Component);
-
-NavIcon.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
-  selected: _propTypes["default"].bool,
-  iconName: _propTypes["default"].string.isRequired,
-  label: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  width: _propTypes["default"].number,
-  showBar: _propTypes["default"].bool,
-  direction: _propTypes["default"].oneOf(['col', 'row']),
-  className: _propTypes["default"].string,
-
-  /** The testId property adds the data attribute data-testid to the main element and should be used for testing only. */
-  testId: _propTypes["default"].string,
-  id: _propTypes["default"].string,
-  white: _propTypes["default"].bool
-};
-var _default = NavIcon;
-exports["default"] = _default;

package/build/NavIcon/styles.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _spacing = _interopRequireDefault(require("../subatomic/spacing"));
-
-var _colors = _interopRequireDefault(require("../subatomic/colors"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
-  cont: {
-    width: function width(props) {
-      return props.width ? props.width : null;
-    },
-    display: 'inline-block',
-    height: _spacing["default"].xLarge,
-    cursor: 'pointer',
-    position: 'relative',
-    '&:hover $svg': {
-      fill: function fill(props) {
-        return props.white ? _colors["default"].bgWhite : _colors["default"].grey900;
-      },
-      opacity: function opacity(props) {
-        return props.white ? 0.6 : null;
-      }
-    },
-    '&:hover $text': {
-      color: function color(props) {
-        return props.white ? _colors["default"].white : _colors["default"].ink;
-      },
-      opacity: function opacity(props) {
-        return props.white ? 0.6 : null;
-      }
-    },
-    '&:after': {
-      content: '""',
-      position: 'absolute',
-      width: '100%',
-      height: 3,
-      bottom: 0,
-      left: 0,
-      background: 'transparent',
-      transition: '0.3s all'
-    }
-  },
-  flex: {
-    height: _spacing["default"].xLarge
-  },
-  selected: {
-    '& $svg, &:hover $svg': {
-      fill: function fill(props) {
-        return props.white ? _colors["default"].bgWhite : _colors["default"].prim;
-      }
-    },
-    '& $text, &:hover $text': {
-      color: function color(props) {
-        return props.white ? _colors["default"].white : _colors["default"].prim;
-      }
-    },
-    '&:after': {
-      background: function background(props) {
-        return props.showBar ? props.white ? _colors["default"].sec : _colors["default"].prim : null;
-      }
-    }
-  },
-  text: {
-    color: function color(props) {
-      return props.white ? _colors["default"].white : _colors["default"].inkLight;
-    },
-    marginLeft: function marginLeft(props) {
-      return props.direction !== 'col' ? _spacing["default"].xTiny : null;
-    },
-    textTransform: 'uppercase',
-    transition: '0.3s all'
-  }
-};
-exports["default"] = _default;

package/build/Pager/Break/Break.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var Break = function Break(_ref) {
-  var classes = _ref.classes,
-      label = _ref.label;
-  return /*#__PURE__*/_react["default"].createElement("li", {
-    className: classes.li
-  }, label);
-};
-
-Break.propTypes = {
-  classes: _propTypes["default"].object,
-  label: _propTypes["default"].string
-};
-var _default = Break;
-exports["default"] = _default;

package/build/Pager/Break/Break.test.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _Break = _interopRequireDefault(require("./Break"));
-
-var _styles = _interopRequireDefault(require("./styles"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-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 reduceClasses = function reduceClasses(prev, curr) {
-  return Object.assign({}, prev, _defineProperty({}, curr, curr));
-};
-
-var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
-describe("Break", function () {
-  it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
-      classes: classes
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('renders the li', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
-      classes: classes
-    }));
-    expect(wrapper.find('.li').length).toBe(1);
-  });
-  it('renders the label content', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
-      label: "...",
-      classes: classes
-    }));
-    expect(wrapper.find('.li').text()).toEqual('...');
-  });
-});
-describe("BreakJSS", function () {
-  it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
-    expect(wrapper).toMatchSnapshot();
-  });
-});
-describe("Break styles", function () {
-  it('matches the snapshot', function () {
-    expect(_styles["default"]).toMatchSnapshot();
-  });
-});

package/build/Pager/Break/__snapshots__/Break.test.js.snap

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Break matches the snapshot 1`] = `ShallowWrapper {}`;
-
-exports[`Break styles matches the snapshot 1`] = `
-Object {
-  "li": Object {
-    "display": "inline-block",
-  },
-}
-`;
-
-exports[`BreakJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Pager/Break/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _reactJss = _interopRequireDefault(require("react-jss"));
-
-var _Break = _interopRequireDefault(require("./Break"));
-
-var _styles = _interopRequireDefault(require("./styles"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = (0, _reactJss["default"])(_styles["default"])(_Break["default"]);
-
-exports["default"] = _default;