beem-component 1.7.9 → 1.8.0

package/dist/components/contacts.js

@@ -4,101 +4,68 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmUnreadMessage = exports.BmMessageTexts = exports.BmMessageText = exports.BmMessageContact = exports.BmContactTime = exports.BmContactTextWrapper = exports.BmContactText = exports.BmContactSideBar = exports.BmContactName = exports.BmContactMessage = exports.BmContactItem = exports.BmContactIcon = exports.BmContactDetails = exports.BmContact = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _colors = require("./colors");
-
 var _excluded = ["children"],
-    _excluded2 = ["children"];
-
+  _excluded2 = ["children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
 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 BmContactSideBar = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin: 0rem;\n  overflow: auto;\n"]))); // Main wrapper
-
-
+var BmContactSideBar = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin: 0rem;\n  overflow: auto;\n"])));
+// Main wrapper
 exports.BmContactSideBar = BmContactSideBar;
-
 var BmContact = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  padding: 1.143rem 0rem 1.143rem 1.714rem;\n  &:hover {\n    background: ", ";\n  }\n\n  ", "\n"])), _colors.BmGrey100, function (_ref) {
   var active = _ref.active;
   return active && "    \n    background: ".concat(_colors.BmGrey100, ";\n  ");
-}); // Contact Item
-
+});
 
+// Contact Item
 exports.BmContact = BmContact;
+var BmContactItem = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding-left: 1.143rem;\n  flex-grow: 1;\n  margin: 0rem;\n"])));
 
-var BmContactItem = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding-left: 1.143rem;\n  flex-grow: 1;\n  margin: 0rem;\n"]))); // Contact Name
-
-
+// Contact Name
 exports.BmContactItem = BmContactItem;
-
 var BmContactText = _styledComponents.default.h3(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  cursor: pointer;\n"])), _colors.BmPrimaryBlack);
-
 exports.BmContactText = BmContactText;
-
 var BmContactTextWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word !important;\n  word-wrap: break-word !important;\n  max-width: 85%;\n"])));
-
 exports.BmContactTextWrapper = BmContactTextWrapper;
-
 var BmContactName = function BmContactName(_ref2) {
   var children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    rest = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(BmContactTextWrapper, null, /*#__PURE__*/_react.default.createElement(BmContactText, rest, children));
-}; // Contact Icon Wrapper
-
+};
 
+// Contact Icon Wrapper
 exports.BmContactName = BmContactName;
+var BmContactIcon = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n"])));
 
-var BmContactIcon = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n"]))); // Message
-
-
+// Message
 exports.BmContactIcon = BmContactIcon;
-
 var BmMessageTexts = _styledComponents.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: 0rem;\n  cursor: pointer;\n"])), _colors.BmPrimaryBlack);
-
 exports.BmMessageTexts = BmMessageTexts;
-
 var BmMessageText = function BmMessageText(_ref3) {
   var children = _ref3.children,
-      rest = _objectWithoutProperties(_ref3, _excluded2);
-
+    rest = _objectWithoutProperties(_ref3, _excluded2);
   return /*#__PURE__*/_react.default.createElement(BmContactTextWrapper, null, /*#__PURE__*/_react.default.createElement(BmMessageTexts, rest, children));
 };
-
 exports.BmMessageText = BmMessageText;
-
 var BmMessageContact = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 0.286rem;\n  cursor: pointer;\n"])));
-
 exports.BmMessageContact = BmMessageContact;
-
 var BmUnreadMessage = _styledComponents.default.p(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  align-items: center;\n  text-align: center;\n  letter-spacing: -0.02em;\n  color: ", ";\n  margin: 0rem 0.571rem;\n  width: 1.429rem;\n  height: 1.429rem;\n  border-radius: 50%;\n  text-align: center;\n  background: ", ";\n  margin-left: auto;\n"])), _colors.BmPrimaryWhite, _colors.BmPrimaryBlue);
-
 exports.BmUnreadMessage = BmUnreadMessage;
-
 var BmContactMessage = function BmContactMessage(props) {
   var children = props.children;
   return /*#__PURE__*/_react.default.createElement(BmMessageContact, null, /*#__PURE__*/_react.default.createElement(BmMessageText, null, children));
-}; // Contact Details Wrapper
-
+};
 
+// Contact Details Wrapper
 exports.BmContactMessage = BmContactMessage;
+var BmContactDetails = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 0.786rem;\n  cursor: pointer;\n"])));
 
-var BmContactDetails = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 0.786rem;\n  cursor: pointer;\n"]))); // Contact time
-
-
+// Contact time
 exports.BmContactDetails = BmContactDetails;
-
 var BmContactTime = _styledComponents.default.p(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  text-align: right;\n  letter-spacing: -0.02em;\n  color: ", ";\n  margin: 0rem 0.571rem;\n  margin-left: auto;\n"])), _colors.BmPrimaryBlack);
-
 exports.BmContactTime = BmContactTime;

package/dist/components/dropdown.js

@@ -1,81 +1,51 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmDropdown = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _colors = require("./colors");
-
 var _iconStyles = require("./iconStyles");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + 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); }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BmDropdownWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: static;\n  ", "\n  margin: 0rem;\n  padding: 0.5rem 1.143rem;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  border-radius: 0.25rem;\n  ", "\n"])), ""
-/* box-sizing: border-box; */
-, _colors.BmPrimaryWhite, _colors.BmGrey400, ''
-/* box-shadow: inset 0.071rem 0rem 0rem #afafaf; */
-);
+var BmDropdownWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: static;\n  ", "\n  margin: 0rem;\n  padding: 0.5rem 1.143rem;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  border-radius: 0.25rem;\n  ", "\n"])), "" /* box-sizing: border-box; */, _colors.BmPrimaryWhite, _colors.BmGrey400, '' /* box-shadow: inset 0.071rem 0rem 0rem #afafaf; */);
 
 var BmDropdownBtn = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-family: Poppins;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  text-align: center;\n  letter-spacing: -0.02em;\n  color: ", ";\n  flex: none;\n  flex-grow: 0;\n  margin: 0rem 0rem;\n  padding: 0rem;\n"])), _colors.BmSecondaryGrey);
-
 var StyledLi = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  float: left;\n"])));
-
 var DownIcon = (0, _styledComponents.default)(_iconStyles.BmDropdownIcon)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding-left: 1.143rem;\n"])));
+var DropDownContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: block;\n  position: absolute;\n  background-color: #f9f9f9;\n  min-width: 11.429rem;\n  box-shadow: 0rem 0.571rem 1.143rem 0rem rgba(0, 0, 0, 0.2);\n  z-index: 1;\n"])));
 
-var DropDownContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: block;\n  position: absolute;\n  background-color: #f9f9f9;\n  min-width: 11.429rem;\n  box-shadow: 0rem 0.571rem 1.143rem 0rem rgba(0, 0, 0, 0.2);\n  z-index: 1;\n"]))); // eslint-disable-next-line no-unused-vars
-
-
+// eslint-disable-next-line no-unused-vars
 var BmDropdownList = (0, _styledComponents.default)(StyledLi)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: inline-block;\n"])));
-
 var BmDropdownItem = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 0.5rem 1.143rem;\n  font-family: Poppins;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  text-align: center;\n  letter-spacing: -0.02em;\n  color: ", ";\n  flex: none;\n  order: 0;\n  flex-grow: 0;\n"])), _colors.BmSecondaryGrey);
-
 var BmDropdown = function BmDropdown(_ref) {
-  var rest = _extends({}, _ref);
-
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1]; // eslint-disable-next-line no-unused-vars
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  // eslint-disable-next-line no-unused-vars
   var _useState3 = (0, _react.useState)(undefined),
-      _useState4 = _slicedToArray(_useState3, 2),
-      value = _useState4[0],
-      setValue = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
   var toggling = function toggling() {
     return setIsOpen(!isOpen);
   };
-
   return /*#__PURE__*/_react.default.createElement(BmDropdownWrapper, rest, /*#__PURE__*/_react.default.createElement(BmDropdownBtn, {
     onClick: toggling
   }, "ANY"), /*#__PURE__*/_react.default.createElement(DownIcon, null), isOpen && /*#__PURE__*/_react.default.createElement(DropDownContent, null, /*#__PURE__*/_react.default.createElement(BmDropdownItem, {
@@ -88,5 +58,4 @@ var BmDropdown = function BmDropdown(_ref) {
     }
   }, "ALL")));
 };
-
 exports.BmDropdown = BmDropdown;

package/dist/components/dropdownButton.js

@@ -4,40 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Drop = exports.Button = exports.BmButtonDropDown = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _icons = require("@material-ui/icons");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _buttonIconsOnly = require("./Buttons/buttonIconsOnly");
-
 var _buttons = require("./Buttons/buttons");
-
 var _colors = require("./colors");
-
 var _excluded = ["children"];
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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); }
-
 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 Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 0rem;\n  margin: 0rem;\n"])));
-
 var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 0.071rem solid\n    ", ";\n    border-left:  0.071rem solid\n    ", ";\n  border-top-left-radius: 0.071rem; */}\n  border-bottom-left-radius: 0.071rem; */}\n  padding: 0rem */}\n"])), function (_ref) {
   var variant = _ref.variant,
-      disabled = _ref.disabled,
-      color = _ref.color;
-
+    disabled = _ref.disabled,
+    color = _ref.color;
   if (!disabled) {
     if (variant === 'primary') return "".concat(color || _colors.BmPrimaryBlue);
     if (variant === 'secondary') return 'none';
@@ -47,16 +31,14 @@ var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateO
     if (variant === 'neutral') return "".concat(_colors.BmPrimaryWhite);
     return "".concat(color || _colors.BmPrimaryBlue);
   }
-
   if (variant === 'primary') return "".concat(_colors.BmGrey100);
   if (variant === 'secondary') return 'none';
   if (variant === 'tertiary') return 'none';
   return "".concat(_colors.BmGrey100);
 }, function (_ref2) {
   var variant = _ref2.variant,
-      disabled = _ref2.disabled,
-      color = _ref2.color;
-
+    disabled = _ref2.disabled,
+    color = _ref2.color;
   if (!disabled) {
     if (variant === 'primary') return "".concat(color || _colors.BmPrimaryBlue);
     if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
@@ -66,15 +48,13 @@ var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateO
     if (variant === 'neutral') return "".concat(_colors.BmGrey400);
     return "".concat(color || _colors.BmPrimaryBlue);
   }
-
   if (variant === 'primary') return "".concat(_colors.BmGrey100);
   if (variant === 'secondary') return "".concat(_colors.BmGrey400);
   if (variant === 'tertiary') return 'transparent';
 }, function (_ref3) {
   var variant = _ref3.variant,
-      disabled = _ref3.disabled,
-      color = _ref3.color;
-
+    disabled = _ref3.disabled,
+    color = _ref3.color;
   if (!disabled) {
     if (variant === 'primary') return "".concat(_colors.BmPrimaryWhite);
     if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
@@ -84,7 +64,6 @@ var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateO
     if (variant === 'neutral') return "".concat(_colors.BmGrey400);
     return "".concat(_colors.BmPrimaryWhite);
   }
-
   if (variant === 'primary') return "".concat(_colors.BmGrey400);
   if (variant === 'secondary') return "".concat(_colors.BmGrey400);
   if (variant === 'tertiary') return 'transparent';
@@ -92,14 +71,11 @@ var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateO
 exports.Drop = Drop;
 var Button = (0, _styledComponents.default)(_buttons.BmButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-top-right-radius: 0.071rem; */}\n  border-bottom-right-radius: 0.071rem; */}\n  border-radius: none;\n  border-right: none;\n"])));
 exports.Button = Button;
-
 var BmButtonDropDown = function BmButtonDropDown(_ref4) {
   var children = _ref4.children,
-      rest = _objectWithoutProperties(_ref4, _excluded);
-
+    rest = _objectWithoutProperties(_ref4, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Wrapper, rest, /*#__PURE__*/_react.default.createElement(Button, rest, children), /*#__PURE__*/_react.default.createElement(Drop, _extends({}, rest, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.KeyboardArrowDown, null)
   }))));
 };
-
 exports.BmButtonDropDown = BmButtonDropDown;

package/dist/components/dropdownItems.js

@@ -4,66 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RightItemIcon = exports.LeftItemIcon = exports.ItemWrapper = exports.ItemText = exports.BmDropDownMenu = exports.BmDropDownItem = exports.BmCustomizedDropdown = exports.BmButtonDropdownItem = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _colors = require("./colors");
-
 var _iconStyles = require("./iconStyles");
-
 var _excluded = ["children", "leadingIcon", "trailingIcon", "color", "size"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 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 BmCustomizedDropdown = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-
 exports.BmCustomizedDropdown = BmCustomizedDropdown;
-
-var BmButtonDropdownItem = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  display: ", "};\n  flex-direction: column;\n  ", "\n  padding: 0.286rem 0rem;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  box-shadow: 0rem 0.286rem 0.286rem rgba(0, 0, 0, 0.25);\n  border-radius: 0.25rem;\n  z-index: 99999;\n  position: absolute;\n  cursor: pointer;\n  width: 100%;\n"])), ""
-/* display: inline-block; */
-, function (_ref) {
+var BmButtonDropdownItem = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  display: ", "};\n  flex-direction: column;\n  ", "\n  padding: 0.286rem 0rem;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  box-shadow: 0rem 0.286rem 0.286rem rgba(0, 0, 0, 0.25);\n  border-radius: 0.25rem;\n  z-index: 99999;\n  position: absolute;\n  cursor: pointer;\n  width: 100%;\n"])), "" /* display: inline-block; */, function (_ref) {
   var isOpen = _ref.isOpen;
   return isOpen ? "flex" : "none";
-}, ''
-/* align-items: flex-start; */
-, _colors.BmPrimaryWhite, _colors.BmGrey400);
-
+}, '' /* align-items: flex-start; */, _colors.BmPrimaryWhite, _colors.BmGrey400);
 exports.BmButtonDropdownItem = BmButtonDropdownItem;
-
 var BmDropDownMenu = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  margin-top: 0.357rem;\n  width: 100%;\n"])));
-
 exports.BmDropDownMenu = BmDropDownMenu;
-
 var ItemWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0.571rem 1.143rem;\n  background: ", ";\n  &:hover {\n    background: ", ";\n  }\n  cursor: pointer;\n"])), _colors.BmPrimaryWhite, _colors.BmGrey100);
-
 exports.ItemWrapper = ItemWrapper;
 var LeftItemIcon = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: 0.571rem;\n"])));
 exports.LeftItemIcon = LeftItemIcon;
 var RightItemIcon = (0, _styledComponents.default)(_iconStyles.BmIcons)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: 0.571rem;\n"])));
 exports.RightItemIcon = RightItemIcon;
-
 var ItemText = _styledComponents.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), _colors.BmPrimaryBlack);
-
 exports.ItemText = ItemText;
-
 var BmDropDownItem = function BmDropDownItem(_ref2) {
   var children = _ref2.children,
-      leadingIcon = _ref2.leadingIcon,
-      trailingIcon = _ref2.trailingIcon,
-      color = _ref2.color,
-      size = _ref2.size,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    leadingIcon = _ref2.leadingIcon,
+    trailingIcon = _ref2.trailingIcon,
+    color = _ref2.color,
+    size = _ref2.size,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ItemWrapper, rest, leadingIcon && /*#__PURE__*/_react.default.createElement(LeftItemIcon, {
     size: size,
     color: color,
@@ -76,5 +50,4 @@ var BmDropDownItem = function BmDropDownItem(_ref2) {
     icon: trailingIcon
   })));
 };
-
 exports.BmDropDownItem = BmDropDownItem;

package/dist/components/examples/App.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _icons = require("@material-ui/icons");
-
 var _EmojiEmotions = _interopRequireDefault(require("@material-ui/icons/EmojiEmotions"));
-
 var _Quickreply = _interopRequireDefault(require("@mui/icons-material/Quickreply"));
-
 var _Send = _interopRequireDefault(require("@mui/icons-material/Send"));
-
 var _components = require("./lib/components");
-
 require("../src/lib/assets/css/sidebar.scss");
-
 var _chartImg = _interopRequireDefault(require("../src/lib/assets/chart-img.png"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var Chat = function Chat() {
   return /*#__PURE__*/_react.default.createElement(_components.BmChat, null, /*#__PURE__*/_react.default.createElement(_components.BmChat.Body, null, /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
     state: "inbound",
@@ -35,21 +25,22 @@ var Chat = function Chat() {
     state: "outbound",
     session: "bot",
     displayTime: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm"),
-    status: "sent" // src={image}
+    status: "sent"
+    // src={image}
     // fileName={<p>attachment.jpg</p>}
-
   }, /*#__PURE__*/_react.default.createElement("p", null, "Technical No Signal - Ili kupata chaneli au chaneli zifunguke kwa wakati ukilipia kifurushi, hakikisha kwanza kama unapata signal vizuri kutoka kwenye dish kwa kutumia remote control. Bonyeza MENU, Bonyeza OK kwenye SEARCH, Bonyeza OK kwenye TP LIST. Angalia asilimia ya QUALITY pale chini. Angalia Transponder zote, 001, 002, 003 na 004 zinatakiwa ziwe na QUALITY si pungufu ya asilimia 60%. Au kama una aina nyingine ya kisimbuzi; Bonyeza MENU, Bonyeza OK kwenye SETTINGS, Bonyeza OK kwenye INSTALLATION, Bonyeza OK kwenye AUTOMATIC SEARCH. Shuka kwenye frequency na uangalie frequency zote kuanzia 11044, 10981, 11106 na 10971. Au Bonyeza MENU, Bonyeza OK kwenye SETTINGS, Bonyeza OK kwenye INSTALLATION, kwenye EUTELSAT 7C bonyeza kitufe cha KIJANI. Angalia QUALITY kwenye frequency zote kuanzia 11044, 10981, 11106 na 10971. Angalia asilimia ya QUALITY pale chini. QUALITY inatakiwa isiwe pungufu ya asilimia 60%. Je, kwako inasoma ngapi? Kama ipo chini ya 60%, wasiliana na aliyekufungia dish arekebishe.")), /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
     state: "inbound",
     session: "bot",
     displayTime: /*#__PURE__*/_react.default.createElement("p", null, "12:00pm"),
-    status: "sent" // src={image}
+    status: "sent"
+    // src={image}
     // fileName={<p>attachment.jpg</p>}
-
   }, /*#__PURE__*/_react.default.createElement("p", null, "Technical No Signal - Ili kupata chaneli au chaneli zifunguke kwa wakati ukilipia kifurushi, hakikisha kwanza kama unapata signal vizuri kutoka kwenye dish kwa kutumia remote control. Bonyeza MENU, Bonyeza OK kwenye SEARCH, Bonyeza OK kwenye TP LIST. Angalia asilimia ya QUALITY pale chini. Angalia Transponder zote, 001, 002, 003 na 004 zinatakiwa ziwe na QUALITY si pungufu ya asilimia 60%. Au kama una aina nyingine ya kisimbuzi; Bonyeza MENU, Bonyeza OK kwenye SETTINGS, Bonyeza OK kwenye INSTALLATION, Bonyeza OK kwenye AUTOMATIC SEARCH. Shuka kwenye frequency na uangalie frequency zote kuanzia 11044, 10981, 11106 na 10971. Au Bonyeza MENU, Bonyeza OK kwenye SETTINGS, Bonyeza OK kwenye INSTALLATION, kwenye EUTELSAT 7C bonyeza kitufe cha KIJANI. Angalia QUALITY kwenye frequency zote kuanzia 11044, 10981, 11106 na 10971. Angalia asilimia ya QUALITY pale chini. QUALITY inatakiwa isiwe pungufu ya asilimia 60%. Je, kwako inasoma ngapi? Kama ipo chini ya 60%, wasiliana na aliyekufungia dish arekebishe.")), /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
     state: "outbound",
     session: "live",
     displayTime: /*#__PURE__*/_react.default.createElement("p", null, "10:00am"),
-    status: "failed" // src={azam}
+    status: "failed"
+    // src={azam}
     ,
     file: /*#__PURE__*/_react.default.createElement("p", null, "fildjfdlkfjlkfdjfldjfldsjfldsje.jpg")
   }, /*#__PURE__*/_react.default.createElement("p", null, "Hekkoi")), /*#__PURE__*/_react.default.createElement(_components.BmChat.Details, {
@@ -132,6 +123,5 @@ var Chat = function Chat() {
     size: "xlarge"
   }))));
 };
-
 var _default = Chat;
 exports.default = _default;

package/dist/components/examples/InfoAccordion.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _components = require("./lib/components");
-
 var _FormAccordion = _interopRequireDefault(require("./lib/components/ChatComponents/FormAccordion/FormAccordion"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var InfoAccordion = function InfoAccordion() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.BmAccordion, null, /*#__PURE__*/_react.default.createElement(_components.BmAccordion.Title, null, /*#__PURE__*/_react.default.createElement("h3", null, "Notes")), /*#__PURE__*/_react.default.createElement(_components.BmAccordion.Body, null, /*#__PURE__*/_react.default.createElement(_FormAccordion.default, null, /*#__PURE__*/_react.default.createElement(_FormAccordion.default.Label, null, /*#__PURE__*/_react.default.createElement("h4", null, "Hello")), /*#__PURE__*/_react.default.createElement(_FormAccordion.default.Input, {
     placeholder: "Hello"
   })))));
 };
-
 var _default = InfoAccordion;
 exports.default = _default;

package/dist/components/examples/chatBodyExample.js

@@ -1,24 +1,16 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ = require("..");
-
 require("./list.scss");
-
 var _scrollBar = require("../ScrollBar/scrollBar");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var App = function App() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.GlobalStyle, null), /*#__PURE__*/_react.default.createElement(_scrollBar.ScrollbarWrapper, null, /*#__PURE__*/_react.default.createElement(_.BmChat, null, /*#__PURE__*/_react.default.createElement(_.BmChat.Body, null, /*#__PURE__*/_react.default.createElement(_.BmChat.Details, {
     state: "inbound",
@@ -67,6 +59,5 @@ var App = function App() {
     }
   })))));
 };
-
 var _default = App;
 exports.default = _default;

package/dist/components/examples/selectExample.js

@@ -1,44 +1,28 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _map = _interopRequireDefault(require("lodash/map"));
-
 var _components = require("./lib/components");
-
 var _reactSelect = _interopRequireDefault(require("react-select"));
-
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var App = function App() {
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showModal = _useState2[0],
-      setShowModal = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    showModal = _useState2[0],
+    setShowModal = _useState2[1];
   var VENDOR_ACCOUNT_STATUSES = {
     0: "Inactive",
     1: "Active"
@@ -72,6 +56,5 @@ var App = function App() {
     variant: "secondary"
   }, "View"))));
 };
-
 var _default = App;
 exports.default = _default;

package/dist/components/globalStyles.js

@@ -4,14 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GlobalStyle = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _text = require("./text");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n* { font-size: 14px; cursor: pointer}\n  h1 { ", " }\n  h2 { ", " }\n  h3 { ", " }\n  h4 { ", " }\n  h5 { ", " }\n  h6 { ", " }\n  p  { ", " }\n  input {", "}\n  a {", "}\n"])), _text.h1, _text.h2, _text.h3, _text.h4, _text.h5, _text.h6, _text.p, _text.input, _text.a);
 exports.GlobalStyle = GlobalStyle;