trepur_components 0.4.7 → 1.0.0

package/dist/components/AlertBar/index.js

@@ -1,129 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.alertBarProps = void 0;
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Icon = _interopRequireWildcard(require("../Icon"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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); }
-
-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 alertBarProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  type: _propTypes.default.string,
-  text: _propTypes.default.string,
-  leftIcon: _propTypes.default.shape(_Icon.iconProps),
-  rightIcon: _propTypes.default.shape(_Icon.iconProps),
-  dismissIcon: _propTypes.default.shape(_Icon.iconProps),
-  textColor: _propTypes.default.string,
-  textCenter: _propTypes.default.bool,
-  isDismissable: _propTypes.default.bool,
-  onDismissClick: _propTypes.default.func
-};
-exports.alertBarProps = alertBarProps;
-
-const AlertBar = _ref => {
-  let {
-    alertBarProps
-  } = _ref;
-  if (alertBarProps == undefined) return;
-  const [alertBarStatus, setAlertBarStatus] = (0, _react.useState)({
-    status: 'open',
-    display: true
-  });
-  const bgColor = (0, _classnames.default)({
-    'bg-success': (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.type) === 'success',
-    'bg-warning': (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.type) === 'warning',
-    'bg-error': (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.type) === 'error',
-    'bg-info-light': (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.type) === 'info'
-  });
-  const alertBarState = (0, _classnames.default)({
-    'opacity-100': alertBarStatus.state === 'open',
-    'opacity-0': alertBarStatus.state === 'closed',
-    'hidden': alertBarStatus.display === false
-  });
-  const classList = (0, _classnames.default)({
-    [bgColor]: bgColor,
-    [alertBarProps.classes]: (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.classes) !== undefined
-  }, "w-parent flex py-2 transition-opactiy duration-700 ".concat(alertBarState));
-  const textClassList = (0, _classnames.default)({
-    'text-center': alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.textCenter,
-    'pl-4': !(alertBarProps !== null && alertBarProps !== void 0 && alertBarProps.textCenter),
-    [alertBarProps.textColor]: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.textColor
-  }, 'w-full py-3');
-  const rightIconClasses = (0, _classnames.default)({
-    'hover:cursor-pointer': alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.isDismissable,
-    [alertBarProps.rightIconColor]: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.rightIconColor
-  }, 'px-8 pt-3');
-  const leftIconClasses = (0, _classnames.default)({
-    [alertBarProps.leftIconColor]: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.leftIconColor
-  }, 'pt-3 pl-8');
-
-  const closeAlertBar = () => {
-    setAlertBarStatus({
-      state: 'closed',
-      display: alertBarStatus.display
-    });
-    setTimeout(() => setAlertBarStatus({
-      state: 'closed',
-      display: false
-    }), 700);
-  };
-
-  alertBarProps.dismissIcon = _objectSpread(_objectSpread({}, alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.dismissIcon), {}, {
-    onClick: () => closeAlertBar()
-  });
-  alertBarProps.rightIcon = alertBarProps !== null && alertBarProps !== void 0 && alertBarProps.isDismissable ? alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.dismissIcon : alertBarProps !== null && alertBarProps !== void 0 && alertBarProps.rightIcon ? alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.rightIcon : null;
-
-  let iconLeft = (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.leftIcon) && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    iconProps: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.leftIcon
-  });
-
-  let iconRight = (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.rightIcon) && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    iconProps: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.rightIcon
-  });
-
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, alertBarProps !== null && alertBarProps !== void 0 && alertBarProps.id ? {
-    id: alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.id
-  } : {
-    id: 'alertBar'
-  }, {
-    className: classList
-  }), (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.leftIcon) && /*#__PURE__*/_react.default.createElement("span", {
-    className: leftIconClasses
-  }, iconLeft), /*#__PURE__*/_react.default.createElement("h3", {
-    className: textClassList
-  }, alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.text), (alertBarProps === null || alertBarProps === void 0 ? void 0 : alertBarProps.rightIcon) && /*#__PURE__*/_react.default.createElement("span", {
-    className: rightIconClasses
-  }, iconRight));
-};
-
-AlertBar.propTypes = {
-  alertBarProps: _propTypes.default.shape(_objectSpread({}, alertBarProps))
-};
-var _default = AlertBar;
-exports.default = _default;

package/dist/components/Breadcrumbs/index.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.breadcrumbsProps = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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; }
-
-const breadcrumbsProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  links: _propTypes.default.Object
-};
-exports.breadcrumbsProps = breadcrumbsProps;
-
-const Breadcrumbs = _ref => {
-  let {
-    breadcrumbsProps
-  } = _ref;
-  if (breadcrumbsProps == undefined) return;
-  const linksLength = breadcrumbsProps !== null && breadcrumbsProps !== void 0 && breadcrumbsProps.links ? Object.keys(breadcrumbsProps === null || breadcrumbsProps === void 0 ? void 0 : breadcrumbsProps.links).length : 0;
-  const classList = (0, _classnames.default)({
-    [breadcrumbsProps]: breadcrumbsProps === null || breadcrumbsProps === void 0 ? void 0 : breadcrumbsProps.classes
-  }, 'flex py-2 px-8');
-  return /*#__PURE__*/_react.default.createElement("ul", {
-    id: breadcrumbsProps === null || breadcrumbsProps === void 0 ? void 0 : breadcrumbsProps.id,
-    className: classList
-  }, (breadcrumbsProps === null || breadcrumbsProps === void 0 ? void 0 : breadcrumbsProps.links) && breadcrumbsProps.links.map((link, i) => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      key: "breadcrumb_".concat(i + 1),
-      className: "flex"
-    }, /*#__PURE__*/_react.default.createElement("li", {
-      className: "h-8"
-    }, i + 1 >= linksLength ? /*#__PURE__*/_react.default.createElement("p", {
-      className: "px-1 py-1"
-    }, link.name) : /*#__PURE__*/_react.default.createElement("p", {
-      className: "px-1 py-1"
-    }, /*#__PURE__*/_react.default.createElement("a", {
-      className: "text-facebook hover:underline",
-      href: link.href
-    }, link.name)))), i + 1 < linksLength && /*#__PURE__*/_react.default.createElement("li", {
-      className: "h-8"
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: "py-1"
-    }, "\xA0 > \xA0")));
-  }));
-};
-
-Breadcrumbs.propTypes = {
-  breadcrumbsProps: _propTypes.default.shape(_objectSpread({}, breadcrumbsProps))
-};
-var _default = Breadcrumbs;
-exports.default = _default;

package/dist/components/BreadcrumbsBordered/index.js

@@ -1,66 +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 _BreadcrumbsItem = _interopRequireDefault(require("../BreadcrumbsItem"));
-
-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 Breadcrumbs = _ref => {
-  let {
-    id,
-    classes,
-    links,
-    textColor,
-    bgColor,
-    borderColor,
-    hoverTextColor,
-    hoverBgColor,
-    hoverBorderColor
-  } = _ref;
-  const linksLength = Object.keys(links).length;
-  let classList = 'flex ';
-  classList += classes ? classes : '';
-  return /*#__PURE__*/_react.default.createElement("ul", _extends({}, id && {
-    id: id
-  }, {
-    className: classList
-  }), links && links.map((link, i) => {
-    let margin = i === 0 ? ' mr-3' : ' mx-3';
-    let first = i === 0 ? true : false;
-    let bType = 'standard';
-
-    if (linksLength >= 1 && i + 1 < linksLength) {
-      bType = 'link';
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_BreadcrumbsItem.default, {
-      key: "breadcrumb_item_".concat(i + 0),
-      breadcrumbsItemProps: {
-        classes: margin,
-        name: link.name,
-        link: link.link,
-        type: bType,
-        firstItem: first,
-        textColor: textColor,
-        bgColor: bgColor,
-        borderColor: borderColor,
-        hoverTextColor: hoverTextColor,
-        hoverBgColor: hoverBgColor,
-        hoverBorderColor: hoverBorderColor
-      }
-    });
-  }));
-};
-
-var _default = Breadcrumbs;
-exports.default = _default;

package/dist/components/BreadcrumbsItem/index.js

@@ -1,160 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.breadcrumbsItemProps = void 0;
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 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 breadcrumbsItemProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  name: _propTypes.default.string,
-  link: _propTypes.default.string,
-  type: _propTypes.default.string,
-  firstItem: _propTypes.default.string,
-  bgColor: _propTypes.default.string,
-  hoverBgColor: _propTypes.default.string,
-  textColor: _propTypes.default.string,
-  hoverTextColor: _propTypes.default.string,
-  baColor: _propTypes.default.string,
-  hoverBaColor: _propTypes.default.string,
-  faColor: _propTypes.default.string,
-  hoverFaColor: _propTypes.default.string
-};
-exports.breadcrumbsItemProps = breadcrumbsItemProps;
-
-const BreadcrumbsItem = _ref => {
-  let {
-    breadcrumbsItemProps
-  } = _ref;
-  const [isHovering, setIsHovering] = (0, _react.useState)(false);
-  if (breadcrumbsItemProps == undefined) return;
-  const topArrowClasses = 'top-0';
-  const bottomArrowClasses = 'bottom-0';
-  const textClassList = 'text-center pt-1';
-  const liClassList = 'list-none';
-  const classList = (0, _classnames.default)({
-    [breadcrumbsItemProps.classes]: breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.classes
-  }, 'item');
-  const itemClassList = (0, _classnames.default)({
-    [breadcrumbsItemProps.bgColor]: !isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.bgColor),
-    'bg-light-grey': !isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.bgColor),
-    [breadcrumbsItemProps.textColor]: !isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.textColor),
-    'text-white ': !isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.textColor),
-    [breadcrumbsItemProps.hoverBgColor]: isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.hoverBgColor),
-    'hover:bg-black': isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.hoverBgColor),
-    [breadcrumbsItemProps.hoverTextColor]: isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.hoverTextColor),
-    'hover:text-white ': isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.hoverTextColor),
-    'hover:underline': breadcrumbsItemProps.type === 'link'
-  }, 'bc-item relative px-4 h-8');
-  const backArrowsClasses = (0, _classnames.default)({
-    [breadcrumbsItemProps.baColor]: !isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.baColor),
-    'text-light-grey': !isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.baColor),
-    [breadcrumbsItemProps.hoverBaColor]: isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.hoverBaColor),
-    'text-black': isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.hoverBaColor)
-  }, 'absolute w-0 h-0 bg-transparent border-l-transparent');
-  const frontArrowClasses = (0, _classnames.default)({
-    [breadcrumbsItemProps.faColor]: !isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.faColor),
-    'text-light-grey': !isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.faColor),
-    [breadcrumbsItemProps.hoverFaColor]: isHovering && (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.hoverFaColor),
-    'text-black': isHovering && !(breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.hoverFaColor)
-  }, 'absolute top-0 w-0 h-0 border-t');
-
-  const frontArrow = /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      'border-top': '17px solid transparent',
-      'border-bottom': '15px solid transparent',
-      'border-left': '16px solid',
-      'right': '-16px'
-    },
-    className: frontArrowClasses
-  });
-
-  const backArrows = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      'border-top': '17px solid',
-      'border-bottom': '18px solid transparent',
-      'border-left': '17px solid transparent',
-      'left': '-17px',
-      '-webkit-transform': 'scaleY(-1)',
-      'transform': 'scaleY(-1)'
-    },
-    className: "".concat(backArrowsClasses, " ").concat(bottomArrowClasses)
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      'border-top': '18px solid',
-      'border-bottom': '17px solid transparent',
-      'border-left': '17px solid transparent',
-      'left': '-17px'
-    },
-    className: "".concat(backArrowsClasses, " ").concat(topArrowClasses)
-  }));
-
-  const renderWithFrontArrow = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: itemClassList
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: textClassList
-  }, breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.name, frontArrow));
-
-  const renderWithBackArrows = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: itemClassList
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: textClassList
-  }, backArrows, breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.name, frontArrow));
-
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.id) && {
-    id: breadcrumbsItemProps.id
-  }, {
-    className: classList
-  }), (breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.type) === 'link' ? breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.firstItem ? /*#__PURE__*/_react.default.createElement("a", {
-    onMouseOver: () => setIsHovering(true),
-    onMouseOut: () => setIsHovering(false),
-    href: breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.href
-  }, /*#__PURE__*/_react.default.createElement("li", {
-    className: liClassList
-  }, renderWithFrontArrow())) : /*#__PURE__*/_react.default.createElement("a", {
-    onMouseOver: () => setIsHovering(true),
-    onMouseOut: () => setIsHovering(false),
-    href: breadcrumbsItemProps === null || breadcrumbsItemProps === void 0 ? void 0 : breadcrumbsItemProps.href
-  }, /*#__PURE__*/_react.default.createElement("li", {
-    className: liClassList
-  }, renderWithBackArrows())) : breadcrumbsItemProps !== null && breadcrumbsItemProps !== void 0 && breadcrumbsItemProps.firstItem ? /*#__PURE__*/_react.default.createElement("li", {
-    className: liClassList,
-    onMouseOver: () => setIsHovering(true),
-    onMouseOut: () => setIsHovering(false)
-  }, renderWithFrontArrow()) : /*#__PURE__*/_react.default.createElement("li", {
-    className: liClassList,
-    onMouseOver: () => setIsHovering(true),
-    onMouseOut: () => setIsHovering(false)
-  }, renderWithBackArrows()));
-};
-
-BreadcrumbsItem.propTypes = {
-  breadcrumbsItemProps: _propTypes.default.shape(_objectSpread({}, breadcrumbsItemProps))
-};
-var _default = BreadcrumbsItem;
-exports.default = _default;

package/dist/components/Button/index.js

@@ -1,141 +0,0 @@
-"use strict";
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.buttonProps = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Icon = _interopRequireWildcard(require("../Icon"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 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 buttonProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  onClick: _propTypes.default.func,
-  bgColor: _propTypes.default.string,
-  textColor: _propTypes.default.string,
-  borderColor: _propTypes.default.string,
-  hoverBgColor: _propTypes.default.string,
-  hoverTextColor: _propTypes.default.string,
-  hoverBorderColor: _propTypes.default.string,
-  hoverText: _propTypes.default.string,
-  type: _propTypes.default.string,
-  url: _propTypes.default.string,
-  design: _propTypes.default.string,
-  bordered: _propTypes.default.bool,
-  rounded: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  isLoading: _propTypes.default.bool,
-  target: _propTypes.default.string,
-  leftIcon: _propTypes.default.shape(_Icon.iconProps),
-  rightIcon: _propTypes.default.shape(_Icon.iconProps),
-  centerIcon: _propTypes.default.shape(_Icon.iconProps),
-  ariaLabel: _propTypes.default.string
-};
-exports.buttonProps = buttonProps;
-
-const Button = _ref => {
-  let {
-    buttonProps,
-    children
-  } = _ref;
-  if (buttonProps == undefined) return;
-  const design = (0, _classnames.default)({
-    [buttonProps.design]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.design,
-    'standard': !(buttonProps !== null && buttonProps !== void 0 && buttonProps.design)
-  });
-  const padding = (0, _classnames.default)({
-    'px-1 py-1': (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) === 'social',
-    'px-3': (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) === 'icon',
-    'px-8': (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) !== 'social' && (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) !== 'icon'
-  }, 'py-2');
-  const borderClassList = (0, _classnames.default)({
-    'border-2': buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.bordered
-  });
-  const roundedClassList = (0, _classnames.default)({
-    'rounded-full': buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.rounded,
-    'rounded-none': !(buttonProps !== null && buttonProps !== void 0 && buttonProps.rounded)
-  });
-  const loadingClasses = (0, _classnames.default)({
-    'invisible': !(buttonProps !== null && buttonProps !== void 0 && buttonProps.isLoading)
-  }, 'absolute left-2/4 top-1/4 -ml-2');
-  const colours = (0, _classnames.default)({
-    [buttonProps.hoverBgColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.hoverBgColor,
-    [buttonProps.hoverTextColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.hoverTextColor,
-    [buttonProps.hoverBorderColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.hoverBorderColor,
-    [buttonProps.bgColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.bgColor,
-    [buttonProps.textColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.textColor,
-    [buttonProps.borderColor]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.borderColor
-  });
-  const classList = (0, _classnames.default)({
-    [padding]: true,
-    [colours]: true,
-    [buttonProps.classes]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.classes,
-    [borderClassList]: borderClassList && design === 'standard',
-    [roundedClassList]: roundedClassList && design === 'standard',
-    'rounded-lg transition-backgroundColor duration-500 transform': design === 'standard',
-    'btn px-8 border-2': design === 'slide'
-  });
-  const buttonContentClasses = (0, _classnames.default)({
-    'invisible': buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.isLoading
-  }, 'flex');
-
-  const loadingIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    iconProps: {
-      size: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.size,
-      type: 'spinner',
-      animation: 'pulse'
-    }
-  });
-
-  return /*#__PURE__*/_react.default.createElement("a", _extends({}, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.target) && {
-    target: '_blank'
-  }, {
-    href: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.url
-  }), /*#__PURE__*/_react.default.createElement("button", _extends({}, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id) && {
-    id: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id
-  }, {
-    className: classList,
-    type: "button",
-    "aria-busy": buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.isLoading
-  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.ariaLabel) && {
-    "aria-label": buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.ariaLabel
-  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick) && {
-    onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick
-  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled) && {
-    disabled: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: buttonProps !== null && buttonProps !== void 0 && buttonProps.isLoading ? 'invisible' : ''
-  }, children), buttonProps.isLoading && /*#__PURE__*/_react.default.createElement("div", {
-    className: loadingClasses
-  }, loadingIcon)));
-};
-
-Button.propTypes = {
-  buttonProps: _propTypes.default.shape(_objectSpread({}, buttonProps))
-};
-var _default = Button;
-exports.default = _default;