beem-component 1.0.1 → 1.0.5

package/dist/components/Modals/noteModalHeader.js

@@ -1,93 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Modal = exports.ModalHeader = exports.CloseModal = exports.Close = exports.HeaderText = exports.HeaderWrapper = exports.ModalWrapper = exports.ModalContent = exports.Overlay = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _icons = require("@material-ui/icons");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _colors = require("../colors");
-
-var _iconStyles = require("../iconStyles");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-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 || 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Overlay = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n \tposition: fixed;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n  width: 100%;\n  height: 100%;\n  background-color: ", ";\n  opacity: 0.5;\n}\n"])), _colors.BmPrimaryBlack);
-
-exports.Overlay = Overlay;
-
-var ModalContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 0rem 1.143rem;\n  border: 0.071rem solid black;\n  width: 30vw;\n  margin: auto;\n  background: ", ";\n"])), _colors.BmPrimaryWhite);
-
-exports.ModalContent = ModalContent;
-
-var ModalWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  z-index: 9999;\n  overflow-x: auto;\n  overflow-y: auto;\n  outline: 0;\n  position: fixed;\n  height: auto;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
-
-exports.ModalWrapper = ModalWrapper;
-
-var HeaderWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 1.143rem 0rem;\n"])));
-
-exports.HeaderWrapper = HeaderWrapper;
-
-var HeaderText = _styledComponents.default.h2(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  text-align: center;\n  display: flex;\n  color: ", ";\n  margin-left: auto;\n"])), _colors.BmPrimaryBlack);
-
-exports.HeaderText = HeaderText;
-
-var Close = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  margin-left: auto;\n"])));
-
-exports.Close = Close;
-
-var CloseModal = function CloseModal(_ref) {
-  var rest = _extends({}, _ref);
-
-  return /*#__PURE__*/_react.default.createElement(Close, null, /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, _extends({
-    size: "xlarge",
-    icon: /*#__PURE__*/_react.default.createElement(_icons.Clear, null)
-  }, rest)));
-};
-
-exports.CloseModal = CloseModal;
-
-var ModalHeader = function ModalHeader(props) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(HeaderWrapper, null, props.children));
-};
-
-exports.ModalHeader = ModalHeader;
-
-var Modal = function Modal(_ref2) {
-  var children = _ref2.children,
-      show = _ref2.show,
-      setShowModal = _ref2.setShowModal;
-  var keyPress = (0, _react.useCallback)(function (e) {
-    if (e.key === "Escape" && show) {
-      setShowModal(false);
-    }
-  }, [setShowModal, show]);
-  (0, _react.useEffect)(function () {
-    document.addEventListener("keydown", keyPress);
-    return function () {
-      return document.removeEventListener("keydown", keyPress);
-    };
-  }, [keyPress]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Overlay, null), /*#__PURE__*/_react.default.createElement(ModalWrapper, {
-    showModal: show
-  }, /*#__PURE__*/_react.default.createElement(ModalContent, null, children))));
-};
-
-exports.Modal = Modal;

package/dist/components/Reports/charts.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BmMainChart = exports.BmMainChartContent = exports.BmMainChartWrapper = exports.BmChartHeading = exports.BmChartBodyDetails = exports.BmChartBodyText = exports.BmChartBody = exports.BmChartDetails = exports.BmChartTitleText = exports.BmChartHeader = exports.BmChart = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _colors = require("../colors");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmChart = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  flex-direction: column;\n  background: ", ";\n  border: 0.0625rem solid ", ";\n  border-radius: 0.21875rem;\n  width: calc(50% - 0.75rem);\n"])), _colors.BmPrimaryWhite, _colors.BmGrey400);
-
-exports.BmChart = BmChart;
-
-var BmChartHeader = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 0rem 0rem 1rem;\n"])));
-
-exports.BmChartHeader = BmChartHeader;
-
-var BmChartTitleText = _styledComponents.default.h3(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  align-items: center;\n"])), _colors.BmPrimaryBlack);
-
-exports.BmChartTitleText = BmChartTitleText;
-
-var BmChartDetails = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-
-exports.BmChartDetails = BmChartDetails;
-
-var BmChartBody = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 0.5rem;\n  margin-bottom: 1rem;\n  padding: 0rem 1rem;\n"])));
-
-exports.BmChartBody = BmChartBody;
-
-var BmChartBodyText = _styledComponents.default.h1(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  color: ", ";\n  align-items: center;\n"])), _colors.BmPrimaryBlack);
-
-exports.BmChartBodyText = BmChartBodyText;
-
-var BmChartBodyDetails = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-
-exports.BmChartBodyDetails = BmChartBodyDetails;
-
-var BmChartHeading = _styledComponents.default.h4(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  color: ", ";\n  align-items: center;\n  padding: 0rem 1rem;\n"])), _colors.BmPrimaryBlack);
-
-exports.BmChartHeading = BmChartHeading;
-
-var BmMainChartWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  ", "\n  padding: 1rem;\n"])), ""
-/* background: ${BmPrimaryBlue}; */
-);
-
-exports.BmMainChartWrapper = BmMainChartWrapper;
-
-var BmMainChartContent = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  ", "\n  ", "\n  width: 100%;\n  height: 20vw;\n"])), ""
-/* background: ${BmPrimaryBlue}; */
-, ""
-/* border: 0.0625rem solid ; */
-);
-
-exports.BmMainChartContent = BmMainChartContent;
-
-var BmMainChart = function BmMainChart(props) {
-  return /*#__PURE__*/_react.default.createElement(BmMainChartWrapper, null, /*#__PURE__*/_react.default.createElement(BmMainChartContent, null, props.children));
-};
-
-exports.BmMainChart = BmMainChart;

package/dist/components/Reports/infoHeader.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BmReportsHeaderText = exports.BmReportsHeaderNote = exports.TextHeaderWrapper = exports.CloseNote = exports.CloseButtonWrapper = exports.IconWrapper = exports.BmReportsInfoHeader = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _colors = require("../colors");
-
-var _iconStyles = require("../iconStyles");
-
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-
-var _icons = require("@material-ui/icons");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmReportsInfoHeader = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5rem 1rem;\n  background: ", ";\n  border: 0.0625rem solid ", ";\n  border-radius:  0.21875rem;\n"])), _colors.BmPrimaryWhite, _colors.BmGrey400);
-
-exports.BmReportsInfoHeader = BmReportsInfoHeader;
-
-var IconWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: 0.5rem;\n"])));
-
-exports.IconWrapper = IconWrapper;
-
-var CloseButtonWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  margin-left: auto;\n"])));
-
-exports.CloseButtonWrapper = CloseButtonWrapper;
-
-var CloseNote = function CloseNote() {
-  return /*#__PURE__*/_react.default.createElement(CloseButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
-    icon: /*#__PURE__*/_react.default.createElement(_icons.Clear, null)
-  }));
-};
-
-exports.CloseNote = CloseNote;
-
-var TextHeaderWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: flex-start;\n  align-items: center;\n"])));
-
-exports.TextHeaderWrapper = TextHeaderWrapper;
-
-var BmReportsHeaderNote = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), _colors.BmSecondaryGrey);
-
-exports.BmReportsHeaderNote = BmReportsHeaderNote;
-
-var BmReportsHeaderText = function BmReportsHeaderText(props) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(TextHeaderWrapper, null, /*#__PURE__*/_react.default.createElement(IconWrapper, {
-    props: props
-  }, /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, _extends({
-    color: "".concat(_colors.BmPrimaryBlue),
-    icon: /*#__PURE__*/_react.default.createElement(_Info.default, null)
-  }, props))), /*#__PURE__*/_react.default.createElement(BmReportsHeaderNote, null, props.children)));
-};
-
-exports.BmReportsHeaderText = BmReportsHeaderText;

package/dist/components/Reports/reportsBody.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BmOverviewCharts = exports.BmOverviewCards = exports.BmReportsBody = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _colors = require("../colors");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmReportsBody = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: 0.21875rem;\n  justify-content: flex-start;\n  margin-top: 1rem;\n  display: flex;\n  flex-direction: column;\n"])), _colors.BmGrey50);
-
-exports.BmReportsBody = BmReportsBody;
-
-var BmOverviewCards = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  flex-direction: flex-start;\n  align-items: center;\n  margin-bottom: 1rem;\n  width: 100%;\n"])));
-
-exports.BmOverviewCards = BmOverviewCards;
-
-var BmOverviewCharts = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  flex-direction: flex-start;\n  align-items: center;\n  margin-bottom: 1rem;\n  width: 100%;\n"])));
-
-exports.BmOverviewCharts = BmOverviewCharts;

package/dist/components/Reports/title.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BmReportsButtons = exports.BmReportsTitle = exports.BmReportsHeader = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _colors = require("../colors");
-
-var _dropdownButton = require("../dropdownButton");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmReportsHeader = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 1rem;\n"])));
-
-exports.BmReportsHeader = BmReportsHeader;
-
-var BmReportsTitle = _styledComponents.default.h1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), _colors.BmPrimaryBlack);
-
-exports.BmReportsTitle = BmReportsTitle;
-var BmReportsButtons = (0, _styledComponents.default)(_dropdownButton.BmButtonDropDown)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", ";\n"])), _colors.BmPrimaryWhite);
-exports.BmReportsButtons = BmReportsButtons;

package/dist/components/performanceIndicator.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BmPerformanceIndicator = exports.BmPIText = exports.BmPIIcons = exports.BmPI = void 0;
-
-var _icons = require("@material-ui/icons");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _colors = require("./colors");
-
-var _iconStyles = require("./iconStyles");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmPI = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-
-exports.BmPI = BmPI;
-var BmPIIcons = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: 0.714rem;\n"])));
-exports.BmPIIcons = BmPIIcons;
-
-var BmPIText = _styledComponents.default.h2(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), _colors.BmGrey400);
-
-exports.BmPIText = BmPIText;
-
-var BmPerformanceIndicator = function BmPerformanceIndicator(props) {
-  return /*#__PURE__*/React.createElement(BmPI, null, props.type === "upwards" && /*#__PURE__*/React.createElement(BmPIIcons, {
-    icon: /*#__PURE__*/React.createElement(_iconStyles.BmArrowCircleUp, null),
-    size: "large"
-  }), props.type === "downwards" && /*#__PURE__*/React.createElement(BmPIIcons, {
-    icon: /*#__PURE__*/React.createElement(_iconStyles.BmArrowCircleDown, null)
-  }), /*#__PURE__*/React.createElement(BmPIText, null, props.children));
-};
-
-exports.BmPerformanceIndicator = BmPerformanceIndicator;

package/dist/components/pills.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BmPill = exports.BmRightIcon = exports.BmLeftProfileIcon = exports.BmLeftIcon = exports.BmPillText = exports.BmPillWrapper = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _icons = require("@material-ui/icons");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _avatars = require("./avatars");
-
-var _colors = require("./colors");
-
-var _iconStyles = require("./iconStyles");
-
-var _excluded = ["children", "type", "leadingIcon", "leadingProfile", "size", "color"];
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmPillWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 0.214rem 0.571rem;\n  background: ", ";\n  border-radius: 0.21875rem;\n"])), _colors.BmGrey100);
-
-exports.BmPillWrapper = BmPillWrapper;
-
-var BmPillText = _styledComponents.default.p(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-transform: uppercase;\n  color: ", ";\n"])), _colors.BmPrimaryBlack);
-
-exports.BmPillText = BmPillText;
-var BmLeftIcon = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: 0.286rem;\n"])));
-exports.BmLeftIcon = BmLeftIcon;
-var BmLeftProfileIcon = (0, _styledComponents.default)(_avatars.BmAvatar)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-right: 0.286rem;\n"])));
-exports.BmLeftProfileIcon = BmLeftProfileIcon;
-var BmRightIcon = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: 0.571rem;\n"])));
-exports.BmRightIcon = BmRightIcon;
-
-var BmPill = function BmPill(_ref) {
-  var children = _ref.children,
-      type = _ref.type,
-      leadingIcon = _ref.leadingIcon,
-      leadingProfile = _ref.leadingProfile,
-      size = _ref.size,
-      color = _ref.color,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmPillWrapper, rest, leadingIcon && /*#__PURE__*/_react.default.createElement(BmLeftIcon, {
-    size: size,
-    icon: leadingIcon
-  }), leadingProfile && /*#__PURE__*/_react.default.createElement(BmLeftProfileIcon, {
-    user: "default",
-    size: "xsmall",
-    type: "circle"
-  }), /*#__PURE__*/_react.default.createElement(BmPillText, null, children), (!type || type === "default") && /*#__PURE__*/_react.default.createElement(BmRightIcon, {
-    size: size,
-    icon: /*#__PURE__*/_react.default.createElement(_icons.Clear, null),
-    color: color || "black"
-  }), type && type === "dropdown" && /*#__PURE__*/_react.default.createElement(BmRightIcon, {
-    size: size,
-    icon: /*#__PURE__*/_react.default.createElement(_icons.KeyboardArrowDown, null),
-    color: color || "black"
-  })));
-};
-
-exports.BmPill = BmPill;

package/src/App1.js

@@ -1,229 +0,0 @@
-import React, { useState } from "react";
-import "./lib/main.css";
-import { MainWrapper } from "./lib/components/Chats/chatwrapper";
-import Navbars from "./examples/Navbar";
-import {
-  BmReportsButtons,
-  BmReportsHeader,
-  BmReportsTitle,
-} from "./lib/components/Reports/title";
-import { GlobalStyle } from "./lib/components/globalStyles";
-import {
-  BmReportsInfoHeader,
-  BmReportsHeaderText,
-  CloseNote,
-} from "./lib/components/Reports/infoHeader";
-import {
-  BmReportsBody,
-  BmOverviewCards,
-  BmOverviewCharts,
-} from "./lib/components/Reports/reportsBody";
-import {
-  CardTitle,
-  BmCard,
-  BmCardBody,
-  BmCardBodyText,
-  BmCardBodyImg,
-  BmCardFooter,
-  BmCardFooterText,
-  BmCardDetails,
-} from "./lib/components/Reports/cards";
-import { BmButton } from "./lib/components/buttons";
-import { KeyboardArrowRight } from "@material-ui/icons";
-import {
-  BmButtonDropdownItem,
-  BmDropDownItem,
-  BmDropDownMenu,
-  BmCustomizedDropdown,
-} from "./lib/components/dropdownItems";
-import {
-  BmChart,
-  BmChartBody,
-  BmChartBodyDetails,
-  BmChartBodyText,
-  BmChartDetails,
-  BmChartHeader,
-  BmChartHeading,
-  BmChartTitleText,
-  BmMainChart,
-} from "./lib/components/Reports/charts";
-import App1 from "./App";
-// const Duration = ["Day", "Week", "Month", "Year"];
-const REPORT_DURATIONS = [
-  { value: "day", name: "Day" },
-  { value: "week", name: "Week" },
-  { value: "month", name: "Month" },
-  { value: "year", name: "Year" },
-];
-
-export const App = () => {
-  const [dropDownItem, setDropdownItem] = useState(false);
-  return (
-    <>
-      <GlobalStyle />
-      <Navbars />
-      <MainWrapper>
-        <BmReportsHeader>
-          <BmReportsTitle>Your Dashboard</BmReportsTitle>
-          <BmCustomizedDropdown>
-            <BmButton variant disabled>
-              Hello
-            </BmButton>
-            <BmReportsButtons
-              variant="secondary"
-              size="medium"
-              onClick={() => setDropdownItem(!dropDownItem)}
-            >
-              Duration
-            </BmReportsButtons>
-            <BmDropDownMenu>
-              <BmButtonDropdownItem isOpen={dropDownItem}>
-                {REPORT_DURATIONS.map((duration) => (
-                  <BmDropDownItem
-                    onClick={() => {
-                      setDropdownItem(!dropDownItem);
-                    }}
-                    key={duration.value}
-                  >
-                    {duration.name}
-                  </BmDropDownItem>
-                ))}
-              </BmButtonDropdownItem>
-            </BmDropDownMenu>
-          </BmCustomizedDropdown>
-        </BmReportsHeader>
-        <BmReportsInfoHeader>
-          <BmReportsHeaderText>
-            Learn how Beem Chat helps you serve faster than ever before
-          </BmReportsHeaderText>
-          <CloseNote />
-        </BmReportsInfoHeader>
-        <BmReportsBody>
-          <BmOverviewCards>
-            <BmCard>
-              <CardTitle>Overview Title</CardTitle>
-              <BmCardBody>
-                <BmCardBodyText>1000</BmCardBodyText>
-                <BmCardBodyImg />
-              </BmCardBody>
-              <BmCardFooter>
-                <BmCardFooterText>Message Text</BmCardFooterText>
-                <BmCardDetails>
-                  <BmButton
-                    variant="tertiary"
-                    size="small"
-                    trailingIcon={<KeyboardArrowRight />}
-                  >
-                    View
-                  </BmButton>
-                </BmCardDetails>
-              </BmCardFooter>
-            </BmCard>
-            <BmCard>
-              <CardTitle>Overview Title</CardTitle>
-              <BmCardBody>
-                <BmCardBodyText>1000</BmCardBodyText>
-                <BmCardBodyImg />
-              </BmCardBody>
-              <BmCardFooter>
-                <BmCardFooterText>Message Text</BmCardFooterText>
-                <BmCardDetails>
-                  <BmButton
-                    variant="tertiary"
-                    size="small"
-                    trailingIcon={<KeyboardArrowRight />}
-                  >
-                    View
-                  </BmButton>
-                </BmCardDetails>
-              </BmCardFooter>
-            </BmCard>
-
-            <BmCard>
-              <CardTitle>Overview Title</CardTitle>
-              <BmCardBody>
-                <BmCardBodyText>1000</BmCardBodyText>
-                <BmCardBodyImg />
-              </BmCardBody>
-              <BmCardFooter>
-                <BmCardFooterText>Message Text</BmCardFooterText>
-                <BmCardDetails>
-                  <BmButton
-                    variant="tertiary"
-                    size="small"
-                    trailingIcon={<KeyboardArrowRight />}
-                  >
-                    View
-                  </BmButton>
-                </BmCardDetails>
-              </BmCardFooter>
-            </BmCard>
-            <BmCard>
-              <CardTitle>Overview Title</CardTitle>
-              <BmCardBody>
-                <BmCardBodyText>1000</BmCardBodyText>
-                <BmCardBodyImg />
-              </BmCardBody>
-              <BmCardFooter>
-                <BmCardFooterText>Message Text</BmCardFooterText>
-                <BmCardDetails>
-                  <BmButton
-                    variant="tertiary"
-                    size="small"
-                    trailingIcon={<KeyboardArrowRight />}
-                  >
-                    View
-                  </BmButton>
-                </BmCardDetails>
-              </BmCardFooter>
-            </BmCard>
-          </BmOverviewCards>
-          <BmOverviewCharts>
-            <BmChart>
-              <BmChartHeader>
-                <BmChartTitleText>Chart Title</BmChartTitleText>
-                <BmChartDetails>
-                  <BmButton
-                    variant="tertiary"
-                    size="small"
-                    trailingIcon={<KeyboardArrowRight />}
-                  >
-                    View
-                  </BmButton>
-                </BmChartDetails>
-              </BmChartHeader>
-              <BmChartBody>
-                <BmChartBodyText>1000</BmChartBodyText>
-                <BmChartBodyDetails></BmChartBodyDetails>
-              </BmChartBody>
-              <BmChartHeading>CHART TITLE OVER TIME</BmChartHeading>
-              <BmMainChart>Here</BmMainChart>
-            </BmChart>
-            <BmChart>
-              <BmChartHeader>
-                <BmChartTitleText>Chart Title</BmChartTitleText>
-                <BmChartDetails>
-                  <BmButton
-                    variant="tertiary"
-                    size="small"
-                    trailingIcon={<KeyboardArrowRight />}
-                  >
-                    View
-                  </BmButton>
-                </BmChartDetails>
-              </BmChartHeader>
-              <BmChartBody>
-                <BmChartBodyText>1000</BmChartBodyText>
-                <BmChartBodyDetails></BmChartBodyDetails>
-              </BmChartBody>
-              <BmChartHeading>CHART TITLE OVER TIME</BmChartHeading>
-              <BmMainChart>
-                {/* <MyResponsiveBar /> */}
-              </BmMainChart>
-            </BmChart>
-          </BmOverviewCharts>
-        </BmReportsBody>
-      </MainWrapper>
-    </>
-  );
-};