trepur_components 0.4.8 → 1.0.0

package/dist/components/Nav/index.js

@@ -1,302 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Column = _interopRequireDefault(require("../Column"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
-const burgerMenuBtnProps = {
-  bgColor: _propTypes.default.string,
-  color: _propTypes.default.string,
-  hoverBgColor: _propTypes.default.string,
-  hoverColor: _propTypes.default.string,
-  activeBgColor: _propTypes.default.string
-};
-const navProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  firstRow: _propTypes.default.array,
-  firstRowClasses: _propTypes.default.string,
-  secondRow: _propTypes.default.array,
-  secondRowClasses: _propTypes.default.string,
-  thirdRow: _propTypes.default.array,
-  thirdRowClasses: _propTypes.default.string,
-  mobileItems: _propTypes.default.object,
-  bgColor: _propTypes.default.string,
-  burgerMenuBtn: burgerMenuBtnProps,
-  mobileBgColor: _propTypes.default.string,
-  asSideBar: _propTypes.default.bool,
-  mobileNavCloseColor: _propTypes.default.string,
-  sideBarWidth: _propTypes.default.string,
-  dropdownNavHeight: _propTypes.default.string,
-  mobileLogo: _propTypes.default.string,
-  mobileLogoBannerClasses: _propTypes.default.string,
-  mobileNavLogoLink: _propTypes.default.string,
-  fixedTop: _propTypes.default.bool,
-  mobileClasses: _propTypes.default.string,
-  borderBottom: _propTypes.default.bool,
-  borderBottomColor: _propTypes.default.string,
-  closeMobileIconProps: _propTypes.default.string,
-  rowHeight: _propTypes.default.string,
-  getNavStatus: _propTypes.default.func
-};
-
-const Nav = _ref => {
-  let {
-    id,
-    classes,
-    firstRow,
-    firstRowClasses,
-    secondRow,
-    secondRowClasses,
-    thirdRow,
-    thirdRowClasses,
-    mobileItems,
-    bgColor,
-    burgerMenuBtn,
-    mobileBgColor,
-    asSideBar,
-    mobileNavCloseColor,
-    sideBarWidth,
-    dropdownNavHeight,
-    mobileLogo,
-    mobileLogoBannerClasses,
-    mobileNavLogoLink,
-    fixedTop,
-    mobileClasses,
-    borderBottom,
-    borderBottomColor,
-    closeMobileIconProps,
-    rowHeight,
-    getNavStatus
-  } = _ref;
-  const [showSideNav, setShowSideNav] = (0, _react.useState)(false);
-  const [showDropdownNav, setShowDropdownNav] = (0, _react.useState)(false);
-  const navRowHeight = rowHeight ? rowHeight : 'h-16';
-  const firstRowClassList = (0, _classnames.default)({
-    [firstRowClasses]: firstRowClasses
-  }, 'flex');
-  const secondRowClassList = (0, _classnames.default)({
-    [secondRowClasses]: secondRowClasses
-  }, 'flex');
-  const thirdRowClassList = (0, _classnames.default)({
-    [thirdRowClasses]: thirdRowClasses
-  }, 'flex');
-  const styles = (0, _classnames.default)({
-    [burgerMenuBtn === null || burgerMenuBtn === void 0 ? void 0 : burgerMenuBtn.bgColor]: burgerMenuBtn === null || burgerMenuBtn === void 0 ? void 0 : burgerMenuBtn.bgColor,
-    'bg-white': !(burgerMenuBtn !== null && burgerMenuBtn !== void 0 && burgerMenuBtn.bgColor),
-    [burgerMenuBtn === null || burgerMenuBtn === void 0 ? void 0 : burgerMenuBtn.color]: burgerMenuBtn === null || burgerMenuBtn === void 0 ? void 0 : burgerMenuBtn.color,
-    'text-black': !(burgerMenuBtn !== null && burgerMenuBtn !== void 0 && burgerMenuBtn.color),
-    [burgerMenuBtn === null || burgerMenuBtn === void 0 ? void 0 : burgerMenuBtn.hoverBgColor]: burgerMenuBtn === null || burgerMenuBtn === void 0 ? void 0 : burgerMenuBtn.hoverBgColor,
-    'hover:bg-black': !(burgerMenuBtn !== null && burgerMenuBtn !== void 0 && burgerMenuBtn.hoverBgColor),
-    [burgerMenuBtn === null || burgerMenuBtn === void 0 ? void 0 : burgerMenuBtn.hoverColor]: burgerMenuBtn === null || burgerMenuBtn === void 0 ? void 0 : burgerMenuBtn.hoverColor,
-    'hover:text-white': !(burgerMenuBtn !== null && burgerMenuBtn !== void 0 && burgerMenuBtn.hoverColor)
-  });
-  const sideNavClasses = (0, _classnames.default)({
-    [mobileBgColor]: mobileBgColor,
-    'bg-white': !mobileBgColor,
-    'w-0': !showSideNav,
-    ["w-".concat(sideBarWidth)]: showSideNav
-  }, "z-50 shadow-inner shaddow-lg md:hidden pt-20 \n        fixed top-0 left-0 z-1 overflow-hidden h-full\n        duration-700");
-  const dropdownNavClasses = (0, _classnames.default)({
-    [mobileBgColor]: mobileBgColor,
-    [bgColor]: !mobileBgColor && bgColor,
-    'bg-white': !mobileBgColor && !bgColor,
-    'h-0': !showDropdownNav,
-    ["h-".concat(dropdownNavHeight)]: showDropdownNav
-  }, "z-50 md:hidden duration-500 overflow-hidden");
-  const logoImageClassList = (0, _classnames.default)({
-    [mobileLogoBannerClasses]: mobileLogoBannerClasses
-  }, 'h-16 w-auto');
-  const mobileClassList = (0, _classnames.default)({
-    'fixed w-full z-50 top-0 mt-0': fixedTop,
-    'border-b': borderBottom,
-    [mobileClasses]: mobileClasses
-  }, "flex items-center md:hidden py-2");
-  const colors = (0, _classnames.default)({
-    [bgColor]: bgColor,
-    'bg-blue': !bgColor,
-    [borderBottomColor]: borderBottomColor,
-    'border-b-facebook': !borderBottomColor
-  });
-  const desktopClassList = (0, _classnames.default)({
-    'fixed w-full z-50 top-0 mt-0': fixedTop,
-    'border-b': borderBottom
-  }, "hidden md:block items-center justify-between sm:items-stretch text-center");
-
-  const openMenu = () => {
-    getNavStatus({
-      asSideBar: asSideBar,
-      open: true
-    });
-
-    if (asSideBar) {
-      setShowSideNav(true);
-    } else {
-      setShowDropdownNav(!showDropdownNav);
-    }
-  };
-
-  const closeMenu = () => {
-    getNavStatus({
-      asSideBar: asSideBar,
-      open: false
-    });
-    setShowSideNav(false);
-  };
-
-  return /*#__PURE__*/_react.default.createElement("nav", {
-    id: id,
-    className: classes
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    id: "mobile-nav",
-    className: "".concat(mobileClassList, " ").concat(colors)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    id: "nav-collapse-btn-wrapper",
-    className: "absolute inset-y-0 left-2 flex items-center"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    onClick: openMenu,
-    type: "button",
-    className: "inline-flex items-center justify-center \n                            p-2 rounded-md focus:ring-2 focus:ring-inset \n                            focus:ring-white ".concat(styles),
-    "aria-label": "open navigation",
-    "aria-controls": "mobile-menu",
-    "aria-expanded": "false"
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    className: "block h-6 w-6",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M4 6h16M4 12h16M4 18h16"
-  })), /*#__PURE__*/_react.default.createElement("svg", {
-    className: "hidden h-6 w-6",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M6 18L18 6M6 6l12 12"
-  })))), /*#__PURE__*/_react.default.createElement("a", {
-    id: "logo-link",
-    className: "mx-auto",
-    href: mobileNavLogoLink
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    className: logoImageClassList,
-    src: mobileLogo,
-    alt: "Logo"
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    id: "destop-nav",
-    className: "".concat(desktopClassList, " ").concat(colors)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: firstRowClassList
-  }, firstRow && firstRow.map((rowItem, i) => {
-    const columnClassList = (0, _classnames.default)({
-      [rowItem === null || rowItem === void 0 ? void 0 : rowItem.columnClasses]: rowItem === null || rowItem === void 0 ? void 0 : rowItem.columnClasses
-    }, navRowHeight);
-    return /*#__PURE__*/_react.default.createElement(_Column.default, {
-      key: "row_item_1.".concat(i),
-      columnProps: {
-        classes: columnClassList,
-        sm: rowItem.smColumnWidth,
-        md: rowItem.mdColumnWidth,
-        lg: rowItem.lgColumnWidth,
-        xl: rowItem.xlColumnWidth
-      },
-      children: rowItem.component
-    });
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: secondRowClassList
-  }, secondRow && secondRow.map((rowItem, i) => {
-    const columnClassList = (0, _classnames.default)({
-      [rowItem === null || rowItem === void 0 ? void 0 : rowItem.columnClasses]: rowItem === null || rowItem === void 0 ? void 0 : rowItem.columnClasses
-    }, navRowHeight);
-    return /*#__PURE__*/_react.default.createElement(_Column.default, {
-      key: "row_item_2.".concat(i),
-      columnProps: {
-        classes: columnClassList,
-        sm: rowItem.smColumnWidth,
-        md: rowItem.mdColumnWidth,
-        lg: rowItem.lgColumnWidth,
-        xl: rowItem.xlColumnWidth
-      },
-      children: rowItem.component
-    });
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: thirdRowClassList
-  }, thirdRow && thirdRow.map((rowItem, i) => {
-    const columnClassList = (0, _classnames.default)({
-      [rowItem === null || rowItem === void 0 ? void 0 : rowItem.columnClasses]: rowItem === null || rowItem === void 0 ? void 0 : rowItem.columnClasses
-    }, navRowHeight);
-    return /*#__PURE__*/_react.default.createElement(_Column.default, {
-      key: "row_item_3.".concat(i),
-      columnProps: {
-        classes: columnClassList,
-        sm: rowItem.smColumnWidth,
-        md: rowItem.mdColumnWidth,
-        lg: rowItem.lgColumnWidth,
-        xl: rowItem.xlColumnWidth
-      },
-      children: rowItem.component
-    });
-  }))), asSideBar ? /*#__PURE__*/_react.default.createElement("div", {
-    className: sideNavClasses
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    iconProps: {
-      classes: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.classes,
-      onClick: closeMenu,
-      type: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.type,
-      size: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.size
-    }
-  }), mobileItems && mobileItems.map((item, i) => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "mobile_item_".concat(i),
-      className: "pb-5"
-    }, item.component);
-  })) :
-  /*#__PURE__*/
-
-  /* dropdown */
-  _react.default.createElement("div", {
-    className: dropdownNavClasses,
-    id: "mobile-menu"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "px-2 pt-2 pb-3 space-y-1"
-  }, mobileItems && mobileItems.map((item, i) => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "dropdown_item_1.".concat(i)
-    }, item.component);
-  }))));
-};
-
-Nav.propTypes = {
-  navProps: _propTypes.default.shape(_objectSpread({}, navProps))
-};
-var _default = Nav;
-exports.default = _default;

package/dist/components/NavItem/index.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.navItemProps = exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
-
-const navItemProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  linkClasses: _propTypes.default.string,
-  name: _propTypes.default.string,
-  url: _propTypes.default.string,
-  onClick: _propTypes.default.func,
-  bordered: _propTypes.default.bool,
-  rounded: _propTypes.default.bool,
-  underlineOnHover: _propTypes.default.bool,
-  isActive: _propTypes.default.bool,
-  default: _propTypes.default.shape({
-    borderColor: _propTypes.default.string,
-    textColor: _propTypes.default.string,
-    bgColor: _propTypes.default.string
-  }),
-  hover: _propTypes.default.shape({
-    borderColor: _propTypes.default.string,
-    textColor: _propTypes.default.string,
-    bgColor: _propTypes.default.string
-  }),
-  focus: _propTypes.default.shape({
-    borderColor: _propTypes.default.string,
-    textColor: _propTypes.default.string,
-    bgColor: _propTypes.default.string
-  }),
-  active: _propTypes.default.shape({
-    borderColor: _propTypes.default.string,
-    textColor: _propTypes.default.string,
-    bgColor: _propTypes.default.string
-  })
-};
-exports.navItemProps = navItemProps;
-
-const NavItem = _ref => {
-  var _navItemProps$default, _navItemProps$default2, _navItemProps$default3, _navItemProps$default4, _navItemProps$default5, _navItemProps$default6, _navItemProps$default7, _navItemProps$default8, _navItemProps$default9, _navItemProps$active, _navItemProps$active2, _navItemProps$active3, _navItemProps$active4, _navItemProps$active5, _navItemProps$active6, _navItemProps$active7, _navItemProps$active8, _navItemProps$active9, _navItemProps$hover, _navItemProps$hover2, _navItemProps$hover3, _navItemProps$hover4, _navItemProps$hover5, _navItemProps$hover6, _navItemProps$hover7, _navItemProps$hover8, _navItemProps$hover9, _navItemProps$focus, _navItemProps$focus2, _navItemProps$focus3, _navItemProps$focus4, _navItemProps$focus5, _navItemProps$focus6, _navItemProps$focus7, _navItemProps$focus8, _navItemProps$focus9;
-
-  let {
-    navItemProps
-  } = _ref;
-  if (navItemProps == undefined) return;
-  const classList = (0, _classnames.default)({
-    [navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.classes]: navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.classes
-  }, 'w-auto list-none');
-  const linkClassList = (0, _classnames.default)({
-    'active': navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.isActive,
-    'border': navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.bordered,
-    'rounded-lg': navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.rounded,
-    'hover:underline': navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.underlineOnHover,
-    [navItemProps.linkClasses]: navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.linkClasses
-  }, 'px-4 mx-2 mb-4 text-center whitespace-nowrap');
-  const styleClasses = (0, _classnames.default)({
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$default = navItemProps.default) === null || _navItemProps$default === void 0 ? void 0 : _navItemProps$default.bgColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$default2 = navItemProps.default) === null || _navItemProps$default2 === void 0 ? void 0 : _navItemProps$default2.bgColor,
-    'bg-black': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$default3 = navItemProps.default) !== null && _navItemProps$default3 !== void 0 && _navItemProps$default3.bgColor),
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$default4 = navItemProps.default) === null || _navItemProps$default4 === void 0 ? void 0 : _navItemProps$default4.textColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$default5 = navItemProps.default) === null || _navItemProps$default5 === void 0 ? void 0 : _navItemProps$default5.textColor,
-    'text-white': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$default6 = navItemProps.default) !== null && _navItemProps$default6 !== void 0 && _navItemProps$default6.textColor),
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$default7 = navItemProps.default) === null || _navItemProps$default7 === void 0 ? void 0 : _navItemProps$default7.borderColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$default8 = navItemProps.default) === null || _navItemProps$default8 === void 0 ? void 0 : _navItemProps$default8.borderColor,
-    'border-black': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$default9 = navItemProps.default) !== null && _navItemProps$default9 !== void 0 && _navItemProps$default9.borderColor)
-  });
-  const activeStyleClasses = (0, _classnames.default)({
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$active = navItemProps.active) === null || _navItemProps$active === void 0 ? void 0 : _navItemProps$active.bgColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$active2 = navItemProps.active) === null || _navItemProps$active2 === void 0 ? void 0 : _navItemProps$active2.bgColor,
-    'bg-blue': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$active3 = navItemProps.active) !== null && _navItemProps$active3 !== void 0 && _navItemProps$active3.bgColor),
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$active4 = navItemProps.active) === null || _navItemProps$active4 === void 0 ? void 0 : _navItemProps$active4.textColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$active5 = navItemProps.active) === null || _navItemProps$active5 === void 0 ? void 0 : _navItemProps$active5.textColor,
-    'text-white': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$active6 = navItemProps.active) !== null && _navItemProps$active6 !== void 0 && _navItemProps$active6.textColor),
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$active7 = navItemProps.active) === null || _navItemProps$active7 === void 0 ? void 0 : _navItemProps$active7.borderColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$active8 = navItemProps.active) === null || _navItemProps$active8 === void 0 ? void 0 : _navItemProps$active8.borderColor,
-    'border-blue': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$active9 = navItemProps.active) !== null && _navItemProps$active9 !== void 0 && _navItemProps$active9.borderColor)
-  });
-  const hoverStyles = (0, _classnames.default)({
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$hover = navItemProps.hover) === null || _navItemProps$hover === void 0 ? void 0 : _navItemProps$hover.bgColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$hover2 = navItemProps.hover) === null || _navItemProps$hover2 === void 0 ? void 0 : _navItemProps$hover2.bgColor,
-    'hover:bg-white': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$hover3 = navItemProps.hover) !== null && _navItemProps$hover3 !== void 0 && _navItemProps$hover3.bgColor),
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$hover4 = navItemProps.hover) === null || _navItemProps$hover4 === void 0 ? void 0 : _navItemProps$hover4.textColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$hover5 = navItemProps.hover) === null || _navItemProps$hover5 === void 0 ? void 0 : _navItemProps$hover5.textColor,
-    'hover:text-black': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$hover6 = navItemProps.hover) !== null && _navItemProps$hover6 !== void 0 && _navItemProps$hover6.textColor),
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$hover7 = navItemProps.hover) === null || _navItemProps$hover7 === void 0 ? void 0 : _navItemProps$hover7.borderColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$hover8 = navItemProps.hover) === null || _navItemProps$hover8 === void 0 ? void 0 : _navItemProps$hover8.borderColor,
-    'hover:border-black': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$hover9 = navItemProps.hover) !== null && _navItemProps$hover9 !== void 0 && _navItemProps$hover9.borderColor)
-  });
-  const focusStyles = (0, _classnames.default)({
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$focus = navItemProps.focus) === null || _navItemProps$focus === void 0 ? void 0 : _navItemProps$focus.bgColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$focus2 = navItemProps.focus) === null || _navItemProps$focus2 === void 0 ? void 0 : _navItemProps$focus2.bgColor,
-    'focus:bg-white': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$focus3 = navItemProps.focus) !== null && _navItemProps$focus3 !== void 0 && _navItemProps$focus3.bgColor),
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$focus4 = navItemProps.focus) === null || _navItemProps$focus4 === void 0 ? void 0 : _navItemProps$focus4.textColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$focus5 = navItemProps.focus) === null || _navItemProps$focus5 === void 0 ? void 0 : _navItemProps$focus5.textColor,
-    'focus:text-black': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$focus6 = navItemProps.focus) !== null && _navItemProps$focus6 !== void 0 && _navItemProps$focus6.textColor),
-    [navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$focus7 = navItemProps.focus) === null || _navItemProps$focus7 === void 0 ? void 0 : _navItemProps$focus7.borderColor]: navItemProps === null || navItemProps === void 0 ? void 0 : (_navItemProps$focus8 = navItemProps.focus) === null || _navItemProps$focus8 === void 0 ? void 0 : _navItemProps$focus8.borderColor,
-    'focus:border-black': !(navItemProps !== null && navItemProps !== void 0 && (_navItemProps$focus9 = navItemProps.focus) !== null && _navItemProps$focus9 !== void 0 && _navItemProps$focus9.borderColor)
-  });
-  const styles = (0, _classnames.default)({
-    [activeStyleClasses]: navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.isActive,
-    [styleClasses]: !(navItemProps !== null && navItemProps !== void 0 && navItemProps.isActive)
-  });
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, (navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.id) && {
-    id: navItemProps.id
-  }, {
-    className: classList
-  }), /*#__PURE__*/_react.default.createElement("a", {
-    href: navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.url
-  }, /*#__PURE__*/_react.default.createElement("li", {
-    className: "".concat(linkClassList, " ").concat(styles, " ").concat(hoverStyles, " ").concat(focusStyles),
-    onClick: navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.onClick
-  }, navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.name)));
-};
-
-NavItem.propTypes = {
-  navItemProps: _propTypes.default.shape(_objectSpread({}, navItemProps))
-};
-var _default = NavItem;
-exports.default = _default;

package/dist/components/NewsCard/index.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Image = _interopRequireDefault(require("../Image"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
-
-const NewsCard = _ref => {
-  let {
-    id,
-    classes,
-    title,
-    content,
-    imageProps,
-    buttonProps,
-    rounded,
-    boldTitle
-  } = _ref;
-  const roundedClasses = (0, _classnames.default)({
-    'rounded-lg': rounded
-  });
-  const titleBold = (0, _classnames.default)({
-    'font-bold': boldTitle
-  });
-  const classList = (0, _classnames.default)({
-    'rounded-lg': rounded,
-    [classes]: classes
-  }, 'border flex p-2');
-  imageProps.wrapperClasses = roundedClasses;
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: classList
-  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Image.default, {
-    imageProps: imageProps
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex flex-col justify-between expandable w-auto text-center"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: titleBold
-  }, title), /*#__PURE__*/_react.default.createElement("p", null, content), buttonProps && /*#__PURE__*/_react.default.createElement("div", {
-    className: "px-8"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    buttonProps: buttonProps
-  }, buttonProps.children))));
-};
-
-var _default = NewsCard;
-exports.default = _default;

package/dist/components/Profile/index.js

@@ -1,86 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Image = _interopRequireDefault(require("../Image"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
-
-const Profile = _ref => {
-  let {
-    id,
-    classes,
-    profileLinks,
-    alignment,
-    imageHeight,
-    imageWidth,
-    rounded,
-    bordered,
-    imageProps
-  } = _ref;
-  const [profileState, setProfileState] = (0, _react.useState)(false);
-  const profileAlignment = (0, _classnames.default)({
-    'float-right': alignment === 'right',
-    'float-left': alignment === 'left'
-  });
-  const dropdownAlignement = (0, _classnames.default)({
-    'mt-16 -mr-16': alignment === 'right',
-    'mt-16 -ml-16': alignment === 'left'
-  });
-  const dropdownTextAlignement = (0, _classnames.default)({
-    'text-center': alignment !== 'right' && alignment !== 'left'
-  });
-  const classList = (0, _classnames.default)({
-    [classes]: classes,
-    ["w-".concat(imageWidth)]: imageWidth,
-    ["h-".concat(imageHeight)]: imageHeight,
-    'rounded-full': rounded,
-    'border': bordered
-  }, 'object-cover');
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
-    id: id
-  }, {
-    className: "text-center ".concat(classList)
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "hidden sm:inline-flex  inset-y-0 ".concat(profileAlignment)
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    onClick: () => setProfileState(!profileState),
-    type: "button",
-    className: "flex rounded-full"
-  }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-    imageProps: imageProps
-  })))), profileState && /*#__PURE__*/_react.default.createElement("div", {
-    className: dropdownTextAlignement
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-48 sm:inline-block shadow-lg \n                        z-10 ".concat(profileAlignment, " ").concat(dropdownAlignement)
-  }, profileLinks && profileLinks.map((link, i) => {
-    return /*#__PURE__*/_react.default.createElement("a", {
-      key: "profile_link_".concat(i + 1),
-      href: link.link,
-      className: "border-b font-bold block px-4 py-2 text-sm",
-      role: "menuitem",
-      tabindex: "-1",
-      id: "user-menu-item-".concat(i + 1)
-    }, link.name);
-  }))));
-};
-
-var _default = Profile;
-exports.default = _default;

package/dist/components/Row/index.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.rowProps = exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
-
-const rowProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  children: _propTypes.default.any,
-  bordered: _propTypes.default.bool
-};
-exports.rowProps = rowProps;
-
-const Row = _ref => {
-  let {
-    rowProps,
-    children
-  } = _ref;
-  if (rowProps == undefined) return null;
-  const classList = (0, _classnames.default)({
-    'border': rowProps === null || rowProps === void 0 ? void 0 : rowProps.bordered,
-    [rowProps.classes]: rowProps === null || rowProps === void 0 ? void 0 : rowProps.classes
-  }, 'flex flex-wrap');
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, (rowProps === null || rowProps === void 0 ? void 0 : rowProps.id) && {
-    id: rowProps.id
-  }, {
-    className: classList
-  }), children);
-};
-
-Row.propTypes = {
-  rowProps: _propTypes.default.shape(_objectSpread({}, rowProps))
-};
-var _default = Row;
-exports.default = _default;