@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/AdminDashboard/Table/Table.js

@@ -7,29 +7,19 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ComponentScroll = _interopRequireDefault(require("../../ComponentScroll/ComponentScroll"));
-var _Table = require("./Table.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); 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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var OptionalScroll = function OptionalScroll(_ref) {
-  var children = _ref.children,
-    maxHeight = _ref.maxHeight,
-    noScroll = _ref.noScroll,
-    onScroll = _ref.onScroll;
+var _Table2 = require("./Table.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const OptionalScroll = _ref => {
+  let {
+    children,
+    maxHeight,
+    noScroll,
+    onScroll
+  } = _ref;
   if (noScroll) {
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children);
   }
@@ -48,114 +38,90 @@ OptionalScroll.propTypes = {
   noScroll: _propTypes.default.bool.isRequired,
   onScroll: _propTypes.default.func.isRequired
 };
-var Table = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Table, _PureComponent);
-  var _super = _createSuper(Table);
-  function Table() {
-    var _this;
-    _classCallCheck(this, Table);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "onResize", function () {
-      clearTimeout(_this.resizeTimeout);
-      _this.resizeTimeout = setTimeout(_this.setColumnsWidth, 200);
+class Table extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "onResize", () => {
+      clearTimeout(this.resizeTimeout);
+      this.resizeTimeout = setTimeout(this.setColumnsWidth, 200);
     });
-    _defineProperty(_assertThisInitialized(_this), "setColumnsWidth", function () {
-      var headColumns = _this.headTableEl.children[0].children[0].children;
-      var bodyColumns = _this.bodyTableEl.children[0].children[0].children;
-      Array.prototype.forEach.call(bodyColumns, function (column, columnKey) {
+    _defineProperty(this, "setColumnsWidth", () => {
+      const headColumns = this.headTableEl.children[0].children[0].children;
+      const bodyColumns = this.bodyTableEl.children[0].children[0].children;
+      Array.prototype.forEach.call(bodyColumns, (column, columnKey) => {
         bodyColumns[columnKey].style.width = '';
       });
-      _this.headTableEl.style.width = '';
-      Array.prototype.forEach.call(bodyColumns, function (column, columnKey) {
+      this.headTableEl.style.width = '';
+      Array.prototype.forEach.call(bodyColumns, (column, columnKey) => {
         headColumns[columnKey].style.width = "".concat(column.offsetWidth, "px");
         bodyColumns[columnKey].style.width = "".concat(column.offsetWidth, "px");
       });
-      _this.headTableEl.style.width = "".concat(_this.bodyTableEl.offsetWidth, "px");
+      this.headTableEl.style.width = "".concat(this.bodyTableEl.offsetWidth, "px");
     });
-    _defineProperty(_assertThisInitialized(_this), "onScroll", function (e) {
+    _defineProperty(this, "onScroll", e => {
       if (!e) return;
-      _this.headTableWrapperEl.scrollLeft = e.target.scrollLeft;
+      this.headTableWrapperEl.scrollLeft = e.target.scrollLeft;
     });
-    return _this;
   }
-  _createClass(Table, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setColumnsWidth();
-      window.addEventListener('resize', this.onResize);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      clearTimeout(this.resizeTimeout);
-      window.removeEventListener('resize', this.onResize);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        columns = _this$props.columns,
-        data = _this$props.data,
-        maxHeight = _this$props.maxHeight,
-        noScroll = _this$props.noScroll;
-      var columnsProps = {};
-      columns.map(function (column) {
-        columnsProps[column.key] = {
-          width: column.width,
-          align: column.align,
-          marginLeft: column.marginLeft
-        };
-        return column;
-      });
-      return /*#__PURE__*/_react.default.createElement(_Table.Container, null, /*#__PURE__*/_react.default.createElement(_Table.HeadWrapper, {
-        ref: function ref(el) {
-          _this2.headTableWrapperEl = el;
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Table.StyledTable, {
-        ref: function ref(el) {
-          _this2.headTableEl = el;
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Table.Head, null, /*#__PURE__*/_react.default.createElement(_Table.Row, null, columns.map(function (column) {
-        return /*#__PURE__*/_react.default.createElement(_Table.Column, {
-          key: column.key,
-          align: column.align
-        }, column.label);
-      }))))), /*#__PURE__*/_react.default.createElement(_Table.TableWrapper, null, /*#__PURE__*/_react.default.createElement(OptionalScroll, {
-        maxHeight: maxHeight,
-        noScroll: noScroll,
-        onScroll: this.onScroll
-      }, /*#__PURE__*/_react.default.createElement(_Table.StyledTable, {
-        ref: function ref(el) {
-          _this2.bodyTableEl = el;
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Table.Head, {
-        hidden: true
-      }, /*#__PURE__*/_react.default.createElement(_Table.Row, null, columns.map(function (column) {
-        return /*#__PURE__*/_react.default.createElement(_Table.Column, {
-          key: column.key,
-          colWidth: column.width,
-          minWidth: column.minWidth,
-          maxWidth: column.maxWidth,
-          align: column.align
-        }, column.label);
-      }))), /*#__PURE__*/_react.default.createElement(_Table.Body, null, data.map(function (row) {
-        return /*#__PURE__*/_react.default.createElement(_Table.Row, {
-          key: row.id
-        }, Object.keys(row).map(function (columnKey) {
-          return columnsProps[columnKey] && /*#__PURE__*/_react.default.createElement(_Table.Column, {
-            key: columnKey,
-            align: columnsProps[columnKey].align
-          }, row[columnKey]);
-        }));
-      }))))));
-    }
-  }]);
-  return Table;
-}(_react.PureComponent);
+  componentDidMount() {
+    this.setColumnsWidth();
+    window.addEventListener('resize', this.onResize);
+  }
+  componentWillUnmount() {
+    clearTimeout(this.resizeTimeout);
+    window.removeEventListener('resize', this.onResize);
+  }
+  render() {
+    const {
+      columns,
+      data,
+      maxHeight,
+      noScroll
+    } = this.props;
+    const columnsProps = {};
+    columns.map(column => {
+      columnsProps[column.key] = {
+        width: column.width,
+        align: column.align,
+        marginLeft: column.marginLeft
+      };
+      return column;
+    });
+    return /*#__PURE__*/_react.default.createElement(_Table2.Container, null, /*#__PURE__*/_react.default.createElement(_Table2.HeadWrapper, {
+      ref: el => {
+        this.headTableWrapperEl = el;
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Table2.StyledTable, {
+      ref: el => {
+        this.headTableEl = el;
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Table2.Head, null, /*#__PURE__*/_react.default.createElement(_Table2.Row, null, columns.map(column => /*#__PURE__*/_react.default.createElement(_Table2.Column, {
+      key: column.key,
+      align: column.align
+    }, column.label)))))), /*#__PURE__*/_react.default.createElement(_Table2.TableWrapper, null, /*#__PURE__*/_react.default.createElement(OptionalScroll, {
+      maxHeight: maxHeight,
+      noScroll: noScroll,
+      onScroll: this.onScroll
+    }, /*#__PURE__*/_react.default.createElement(_Table2.StyledTable, {
+      ref: el => {
+        this.bodyTableEl = el;
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Table2.Head, {
+      hidden: true
+    }, /*#__PURE__*/_react.default.createElement(_Table2.Row, null, columns.map(column => /*#__PURE__*/_react.default.createElement(_Table2.Column, {
+      key: column.key,
+      colWidth: column.width,
+      minWidth: column.minWidth,
+      maxWidth: column.maxWidth,
+      align: column.align
+    }, column.label)))), /*#__PURE__*/_react.default.createElement(_Table2.Body, null, data.map(row => /*#__PURE__*/_react.default.createElement(_Table2.Row, {
+      key: row.id
+    }, Object.keys(row).map(columnKey => columnsProps[columnKey] && /*#__PURE__*/_react.default.createElement(_Table2.Column, {
+      key: columnKey,
+      align: columnsProps[columnKey].align
+    }, row[columnKey])))))))));
+  }
+}
 Table.propTypes = {
   columns: _propTypes.default.arrayOf(Object).isRequired,
   data: _propTypes.default.arrayOf(Object).isRequired,
@@ -166,5 +132,4 @@ Table.defaultProps = {
   maxHeight: 500,
   noScroll: false
 };
-var _default = Table;
-exports.default = _default;
+var _default = exports.default = Table;

package/dist/components/AdminDashboard/Table/Table.styles.js

@@ -4,138 +4,76 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableWrapper = exports.TableWrap = exports.TableDropdownIcon = exports.TableCellType = exports.Styles = exports.StyledTr = exports.StyledTh = exports.StyledTd = exports.StyledTable = exports.StyledReactTable = exports.Row = exports.HeadWrapper = exports.Head = exports.Container = exports.Column = exports.Body = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Container = _styledComponents.default.div.withConfig({
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__Container",
   componentId: "sc-pdcd6r-0"
 })(["position:relative;"]);
-exports.Container = Container;
-var HeadWrapper = _styledComponents.default.div.withConfig({
+const HeadWrapper = exports.HeadWrapper = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__HeadWrapper",
   componentId: "sc-pdcd6r-1"
-})(["z-index:1;position:absolute;top:0;left:0;width:100%;overflow:hidden;background-color:", ";"], function (props) {
-  return props.theme.cWhite;
-});
-exports.HeadWrapper = HeadWrapper;
-var TableWrapper = _styledComponents.default.div.withConfig({
+})(["z-index:1;position:absolute;top:0;left:0;width:100%;overflow:hidden;background-color:", ";"], props => props.theme.cWhite);
+const TableWrapper = exports.TableWrapper = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__TableWrapper",
   componentId: "sc-pdcd6r-2"
 })(["z-index:0;position:relative;display:block;"]);
-exports.TableWrapper = TableWrapper;
-var StyledTable = _styledComponents.default.div.withConfig({
+const StyledTable = exports.StyledTable = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__StyledTable",
   componentId: "sc-pdcd6r-3"
 })(["display:table;min-width:100%;"]);
-exports.StyledTable = StyledTable;
-var Row = _styledComponents.default.div.withConfig({
+const Row = exports.Row = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__Row",
   componentId: "sc-pdcd6r-4"
 })(["display:table-row;"]);
-exports.Row = Row;
-var Column = _styledComponents.default.div.withConfig({
+const Column = exports.Column = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__Column",
   componentId: "sc-pdcd6r-5"
-})(["display:table-cell;text-align:", ";font-family:'Open Sans';", ";", ";", ";"], function (props) {
-  return props.align;
-}, function (props) {
-  return props.colWidth && "\n    width: ".concat(props.colWidth, "\n    min-width: ").concat(props.colWidth, "\n  ");
-}, function (props) {
-  return props.minWidth && "\n    min-width: ".concat(props.minWidth, "\n  ");
-}, function (props) {
-  return props.maxWidth && "\n    width: ".concat(props.maxWidth, "\n    max-width: ").concat(props.maxWidth, "\n  ");
-});
-exports.Column = Column;
-var Head = _styledComponents.default.div.withConfig({
+})(["display:table-cell;text-align:", ";font-family:'Open Sans';", ";", ";", ";"], props => props.align, props => props.colWidth && "\n    width: ".concat(props.colWidth, "\n    min-width: ").concat(props.colWidth, "\n  "), props => props.minWidth && "\n    min-width: ".concat(props.minWidth, "\n  "), props => props.maxWidth && "\n    width: ".concat(props.maxWidth, "\n    max-width: ").concat(props.maxWidth, "\n  "));
+const Head = exports.Head = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__Head",
   componentId: "sc-pdcd6r-6"
-})(["display:table-header-group;", " ", "{", "{border-bottom:1px solid ", ";}}", "{color:", ";font-weight:600;font-size:11px;line-height:20px;letter-spacing:1.98px;text-transform:uppercase;vertical-align:middle;white-space:nowrap;padding:10px 10px;}"], function (props) {
-  return props.hidden && "\n    visibility: hidden;\n  ";
-}, Row, Column, function (props) {
-  return props.theme.cLightGrey;
-}, Column, function (props) {
-  return props.theme.cProgress;
-});
-exports.Head = Head;
-var Body = _styledComponents.default.div.withConfig({
+})(["display:table-header-group;", " ", "{", "{border-bottom:1px solid ", ";}}", "{color:", ";font-weight:600;font-size:11px;line-height:20px;letter-spacing:1.98px;text-transform:uppercase;vertical-align:middle;white-space:nowrap;padding:10px 10px;}"], props => props.hidden && "\n    visibility: hidden;\n  ", Row, Column, props => props.theme.cLightGrey, Column, props => props.theme.cProgress);
+const Body = exports.Body = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__Body",
   componentId: "sc-pdcd6r-7"
-})(["display:table-row-group;", "{& + ", "{", "{border-top:1px solid ", ";}}}", "{color:", ";font-weight:400;font-size:14px;line-height:20px;vertical-align:middle;padding:26px 10px;}"], Row, Row, Column, function (props) {
-  return props.theme.cLightGrey;
-}, Column, function (props) {
-  return props.theme.cBlack;
-});
+})(["display:table-row-group;", "{& + ", "{", "{border-top:1px solid ", ";}}}", "{color:", ";font-weight:400;font-size:14px;line-height:20px;vertical-align:middle;padding:26px 10px;}"], Row, Row, Column, props => props.theme.cLightGrey, Column, props => props.theme.cBlack);
 
 // TODO: move to separate file
-exports.Body = Body;
-var TableCellType = _styledComponents.default.div.withConfig({
+const TableCellType = exports.TableCellType = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__TableCellType",
   componentId: "sc-pdcd6r-8"
-})(["display:inline-block;background-color:", ";color:", ";font-weight:600;min-width:40px;line-height:24px;border-radius:3px;text-align:center;"], function (props) {
-  return props.color;
-}, function (props) {
-  return props.theme.cWhite;
-});
-exports.TableCellType = TableCellType;
-var TableDropdownIcon = _styledComponents.default.i.attrs({
+})(["display:inline-block;background-color:", ";color:", ";font-weight:600;min-width:40px;line-height:24px;border-radius:3px;text-align:center;"], props => props.color, props => props.theme.cWhite);
+const TableDropdownIcon = exports.TableDropdownIcon = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-down'
 }).withConfig({
   displayName: "Tablestyles__TableDropdownIcon",
   componentId: "sc-pdcd6r-9"
-})(["width:14px;height:20px;font-size:20px;margin-top:-10px;transform:rotate(0);transition:0.3s transform;cursor:pointer;", ""], function (props) {
-  return props.isActive && "\n      transform: rotate(180deg);\n  ";
-});
-exports.TableDropdownIcon = TableDropdownIcon;
-var Styles = _styledComponents.default.div.withConfig({
+})(["width:14px;height:20px;font-size:20px;margin-top:-10px;transform:rotate(0);transition:0.3s transform;cursor:pointer;", ""], props => props.isActive && "\n      transform: rotate(180deg);\n  ");
+const Styles = exports.Styles = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__Styles",
   componentId: "sc-pdcd6r-10"
 })(["display:block;max-width:100%;table{th,td{&.collapse{width:0.0000000001%;}}}"]);
-exports.Styles = Styles;
-var TableWrap = _styledComponents.default.div.withConfig({
+const TableWrap = exports.TableWrap = _styledComponents.default.div.withConfig({
   displayName: "Tablestyles__TableWrap",
   componentId: "sc-pdcd6r-11"
 })(["display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;"]);
-exports.TableWrap = TableWrap;
-var StyledTh = _styledComponents.default.th.withConfig({
+const StyledTh = exports.StyledTh = _styledComponents.default.th.withConfig({
   displayName: "Tablestyles__StyledTh",
   componentId: "sc-pdcd6r-12"
-})(["text-transform:uppercase;padding:10px;font-size:11px;letter-spacing:1.6px;font-weight:600;background-color:white;color:#000000de;border-bottom:1px solid #e1e1e1;line-height:20px;", " ", " ", " ", ""], function (props) {
-  return props.blue && "\n      background-color: #0050ca;\n      color: #ffffff;\n      border:none;\n  ";
-}, function (props) {
-  return props.width && "\n      width: ".concat(props.width, ";\n      min-width: ").concat(props.width, ";\n      max-width: ").concat(props.width, ";\n  ");
-}, function (props) {
-  return props.minWidth && "\n      min-width: ".concat(props.minWidth, ";\n  ");
-}, function (props) {
-  return props.maxWidth && "\n      max-width: ".concat(props.maxWidth, ";\n  ");
-});
-exports.StyledTh = StyledTh;
-var StyledTd = _styledComponents.default.td.withConfig({
+})(["text-transform:uppercase;padding:10px;font-size:11px;letter-spacing:1.6px;font-weight:600;background-color:white;color:#000000de;border-bottom:1px solid #e1e1e1;line-height:20px;", " ", " ", " ", ""], props => props.blue && "\n      background-color: #0050ca;\n      color: #ffffff;\n      border:none;\n  ", props => props.width && "\n      width: ".concat(props.width, ";\n      min-width: ").concat(props.width, ";\n      max-width: ").concat(props.width, ";\n  "), props => props.minWidth && "\n      min-width: ".concat(props.minWidth, ";\n  "), props => props.maxWidth && "\n      max-width: ".concat(props.maxWidth, ";\n  "));
+const StyledTd = exports.StyledTd = _styledComponents.default.td.withConfig({
   displayName: "Tablestyles__StyledTd",
   componentId: "sc-pdcd6r-13"
-})(["padding:26px 15px;border-bottom:1px solid #e1e1e1;font-size:14px;", " ", " ", " ", " ", ""], function (props) {
-  return props.blue && "\n      background-color: #004bb7;\n    color: #ffffff;\n  ";
-}, function (props) {
-  return props.subTable && "\n     padding: 0;\n      &:last-child {\n        border-bottom: 0;\n      }\n  ";
-}, function (props) {
-  return props.width && "\n      width: ".concat(props.width, ";\n      min-width: ").concat(props.width, ";\n      max-width: ").concat(props.width, ";\n  ");
-}, function (props) {
-  return props.minWidth && "\n      min-width: ".concat(props.minWidth, ";\n  ");
-}, function (props) {
-  return props.maxWidth && "\n      max-width: ".concat(props.maxWidth, ";\n  ");
-});
-exports.StyledTd = StyledTd;
-var StyledTr = _styledComponents.default.tr.withConfig({
+})(["padding:26px 15px;border-bottom:1px solid #e1e1e1;font-size:14px;", " ", " ", " ", " ", ""], props => props.blue && "\n      background-color: #004bb7;\n    color: #ffffff;\n  ", props => props.subTable && "\n     padding: 0;\n      &:last-child {\n        border-bottom: 0;\n      }\n  ", props => props.width && "\n      width: ".concat(props.width, ";\n      min-width: ").concat(props.width, ";\n      max-width: ").concat(props.width, ";\n  "), props => props.minWidth && "\n      min-width: ".concat(props.minWidth, ";\n  "), props => props.maxWidth && "\n      max-width: ".concat(props.maxWidth, ";\n  "));
+const StyledTr = exports.StyledTr = _styledComponents.default.tr.withConfig({
   displayName: "Tablestyles__StyledTr",
   componentId: "sc-pdcd6r-14"
-})(["", ""], function (props) {
-  return props.customRowHoverStyles && "\n    &:hover {\n      ".concat(props.customRowHoverStyles(props.rowIndex, props.rowData), "\n    }\n  ");
-});
-exports.StyledTr = StyledTr;
-var StyledReactTable = _styledComponents.default.table.withConfig({
+})(["", " ", ""], props => props.customRowStyles && (0, _styledComponents.css)(["", ""], props.customRowStyles(props.rowIndex, props.rowData)), props => props.customRowHoverStyles && (0, _styledComponents.css)(["&:hover{", "}"], props.customRowHoverStyles(props.rowIndex, props.rowData)));
+const StyledReactTable = exports.StyledReactTable = _styledComponents.default.table.withConfig({
   displayName: "Tablestyles__StyledReactTable",
   componentId: "sc-pdcd6r-15"
-})(["width:100%;border-spacing:0;"]);
-exports.StyledReactTable = StyledReactTable;
+})(["width:100%;border-spacing:0;", ""], props => props.customTableStyles && (0, _styledComponents.css)(["", ""], props.customTableStyles()));
 StyledReactTable.Tr = StyledTr;
 StyledReactTable.Th = StyledTh;
 StyledReactTable.Td = StyledTd;

package/dist/components/AgreementItem/AgreementItem.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,14 +11,15 @@ var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _Checkbox = _interopRequireWildcard(require("../Checkbox/Checkbox"));
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _AgreementItem = require("./AgreementItem.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var AgreementItem = function AgreementItem(_ref) {
-  var title = _ref.title,
-    text = _ref.text,
-    checkbox = _ref.checkbox,
-    info = _ref.info;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const AgreementItem = _ref => {
+  let {
+    title,
+    text,
+    checkbox,
+    info
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_AgreementItem.Container, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, title && /*#__PURE__*/_react.default.createElement("h3", null, title), text && /*#__PURE__*/_react.default.createElement("p", null, text)), checkbox && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingHorizontal: true,
     noPaddingBottom: true
@@ -48,5 +48,4 @@ AgreementItem.defaultProps = {
   title: '',
   info: ''
 };
-var _default = AgreementItem;
-exports.default = _default;
+var _default = exports.default = AgreementItem;

package/dist/components/AgreementItem/AgreementItem.stories.js

@@ -8,9 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _AgreementItem = _interopRequireDefault(require("./AgreementItem"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import Checkbox, { CheckboxPropTypes } from '../Checkbox/Checkbox'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/Agreement Item',
   component: _AgreementItem.default,
   argTypes: {
@@ -63,12 +63,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_AgreementItem.default, args)));
-};
-var AgreementItemOverview = Template.bind({});
-exports.AgreementItemOverview = AgreementItemOverview;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_AgreementItem.default, args)));
+const AgreementItemOverview = exports.AgreementItemOverview = Template.bind({});
 AgreementItemOverview.args = {
   title: 'Agreement Item Title',
   text: 'some Text',
@@ -76,8 +72,7 @@ AgreementItemOverview.args = {
   ventureName: 'Venture Name',
   info: 'Info'
 };
-var AgreementItemExample = Template.bind({});
-exports.AgreementItemExample = AgreementItemExample;
+const AgreementItemExample = exports.AgreementItemExample = Template.bind({});
 AgreementItemExample.args = {
   title: 'disclaimer',
   text: 'Before being able to view any fund offering, you, as a prospective investor, must confirm a few things. Please read check the boxes',

package/dist/components/AgreementItem/AgreementItem.styles.js

@@ -5,31 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TermsOfOfferingLink = exports.OfferingPageLink = exports.InfoBox = exports.Container = exports.CheckboxWrap = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Container = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "AgreementItemstyles__Container",
   componentId: "sc-1prg3a3-0"
 })(["display:block;"]);
-exports.Container = Container;
-var CheckboxWrap = _styledComponents.default.div.withConfig({
+const CheckboxWrap = exports.CheckboxWrap = _styledComponents.default.div.withConfig({
   displayName: "AgreementItemstyles__CheckboxWrap",
   componentId: "sc-1prg3a3-1"
 })(["padding:6px 0;"]);
-exports.CheckboxWrap = CheckboxWrap;
-var InfoBox = _styledComponents.default.div.withConfig({
+const InfoBox = exports.InfoBox = _styledComponents.default.div.withConfig({
   displayName: "AgreementItemstyles__InfoBox",
   componentId: "sc-1prg3a3-2"
 })(["max-width:240px;text-align:left;"]);
 
 //styles from unmerged IIS:
-exports.InfoBox = InfoBox;
-var OfferingPageLink = _styledComponents.default.a.withConfig({
+
+const OfferingPageLink = exports.OfferingPageLink = _styledComponents.default.a.withConfig({
   displayName: "AgreementItemstyles__OfferingPageLink",
   componentId: "sc-1prg3a3-3"
 })(["text-decoration:underline;&:hover{color:#0050ca !important;opacity:0.7;text-decoration:underline;}"]);
-exports.OfferingPageLink = OfferingPageLink;
-var TermsOfOfferingLink = _styledComponents.default.a.withConfig({
+const TermsOfOfferingLink = exports.TermsOfOfferingLink = _styledComponents.default.a.withConfig({
   displayName: "AgreementItemstyles__TermsOfOfferingLink",
   componentId: "sc-1prg3a3-4"
-})(["text-decoration:underline;&:hover{opacity:0.7;text-decoration:underline;}"]);
-exports.TermsOfOfferingLink = TermsOfOfferingLink;
+})(["text-decoration:underline;&:hover{opacity:0.7;text-decoration:underline;}"]);