beem-component 1.8.1 → 1.8.3

package/src/lib/components/index-copy.js

@@ -1,14 +1,14 @@
-import { BmAvatar } from "./avatars";
-import { BmAlertIcon } from "./buttonAlertIcons";
-import { BmBtnIcon } from "./buttonIconsOnly";
-import { BmButton } from "./buttons";
-import { BmCheckboxToggler } from "./checkboxToggler";
-import { BmDropdown } from "./dropdown";
-import { BmInput } from "./input";
-import { BmLogo } from "./logo";
-import { BmSearch } from "./search";
-import { BmAccordicon } from "./Accordicon";
-import { BmRouteLink } from "./Link";
+import { BmAvatar } from './avatars';
+import { BmAlertIcon } from './buttonAlertIcons';
+import { BmBtnIcon } from './buttonIconsOnly';
+import { BmButton } from './buttons';
+import { BmCheckboxToggler } from './checkboxToggler';
+import { BmDropdown } from './dropdown';
+import { BmInput } from './input';
+import { BmLogo } from './logo';
+import { BmSearch } from './search';
+import { BmAccordicon } from './Accordicon';
+import { BmRouteLink } from './Link';
 
 import {
   BmTab,
@@ -17,8 +17,8 @@ import {
   BmTabText,
   BmLeftTabIcon,
   BmRightTabIcon,
-} from "./tabs";
-import { BmTag } from "./tags";
+} from './tabs';
+import { BmTag } from './tags';
 
 // Navabar
 import {
@@ -29,7 +29,7 @@ import {
   BmNavBarProfile,
   BmNavbarSearch,
   BmNavbarLogo,
-} from "./navbar";
+} from './navbar';
 
 // iconsStyles
 import {
@@ -48,11 +48,11 @@ import {
   BmChatbot,
   BmIcons,
   CopyToClipBoard,
-} from "./iconStyles";
+} from './iconStyles';
 
-import { Loader, BmLoader } from "./loaders";
+import { Loader, BmLoader } from './loaders';
 
-import { GlobalStyle } from "./globalStyles";
+import { GlobalStyle } from './globalStyles';
 
 // Main chat
 import {
@@ -68,14 +68,14 @@ import {
   BmImage,
   BmImageFileName,
   BmImageChat,
-} from "./Chats/chat";
+} from './Chats/chat';
 import {
   BmMessageTab,
   BmMessageTabInput,
   BmSend,
   BmAttachment,
   BmMessage,
-} from "./Chats/chatInput";
+} from './Chats/chatInput';
 
 import {
   Main,
@@ -84,7 +84,7 @@ import {
   MessageIn,
   MessageOut,
   MainWrapper,
-} from "./Chats/chatwrapper";
+} from './Chats/chatwrapper';
 
 // sidebar
 import {
@@ -92,7 +92,7 @@ import {
   BmSideBarSearch,
   BmSideBarBtnIcon,
   BmSideBarTab,
-} from "./sidebar";
+} from './sidebar';
 
 // Sidebar contacts
 import {
@@ -108,7 +108,7 @@ import {
   BmContactTime,
   BmContactSideBar,
   BmUnreadMessage,
-} from "./contacts";
+} from './contacts';
 
 import {
   BmCustomerDetails,
@@ -121,22 +121,22 @@ import {
   BmIcon,
   BmCustomerIcons,
   BmCustomerInfoTab,
-} from "../components/CustomerInfo/customerInfo";
+} from '../components/CustomerInfo/customerInfo';
 
 import {
   BmCustomerBar,
   BmCustomerInfoAccordicon,
-} from "../components/CustomerInfo/customerInfoBar";
+} from '../components/CustomerInfo/customerInfoBar';
 
-import { BmButtonDropDown } from "./dropdownButton";
+import { BmButtonDropDown } from './dropdownButton';
 import {
   BmButtonDropdownItem,
   BmDropDownItem,
   BmDropDownMenu,
   BmCustomizedDropdown,
-} from "./dropdownItems";
+} from './dropdownItems';
 
-import { BmProgressBar } from "../components/progressbar";
+import { BmProgressBar } from '../components/progressbar';
 
 import {
   BmInfoAccordiconMenu,
@@ -149,16 +149,16 @@ import {
   BmInfoContentItem,
   BmInfoContentLabel,
   BmInfoContentValue,
-} from "../components/CustomerInfo/infoAccordion";
+} from '../components/CustomerInfo/infoAccordion';
 import {
   BmChatHeaderWrapper,
   BmChatHeaderText,
   BmChatHeaderTime,
   BmChatHeaderInfoIcon,
   BmChatHeader,
-} from "./chatHeader";
+} from './chatHeader';
 
-import { BmChatInfoWrapper, BmChatMenuWrapper } from "./wrapper";
+import { BmChatInfoWrapper, BmChatMenuWrapper } from './wrapper';
 
 import {
   Overlay,
@@ -170,12 +170,12 @@ import {
   CloseModal,
   ModalHeader,
   Modal,
-} from "./Modals/noteModalHeader";
+} from './Modals/noteModalHeader';
 
-import { ModalBody } from "./Modals/noteModalBody";
-import { ModalFooter, BmFooterButtons } from "./Modals/noteModalFooter";
+import { ModalBody } from './Modals/noteModalBody';
+import { ModalFooter, BmFooterButtons } from './Modals/noteModalFooter';
 
-import { BmReportsButton } from "./Reports/buttons";
+import { BmReportsButton } from './Reports/buttons';
 import {
   BmCard,
   CardTitleWrapper,
@@ -187,22 +187,22 @@ import {
   BmCardFooter,
   BmCardFooterText,
   BmCardDetails,
-} from "./Reports/cards";
+} from './Reports/cards';
 import {
   BmReportsBody,
   BmOverviewCards,
   BmOverviewCharts,
-} from "./Reports/reportsBody";
+} from './Reports/reportsBody';
 import {
   BmReportsTitle,
   BmReportsHeader,
   BmReportsButtons,
-} from "./Reports/title";
+} from './Reports/title';
 import {
   BmReportsInfoHeader,
   CloseNote,
   BmReportsHeaderText,
-} from "./Reports/infoHeader";
+} from './Reports/infoHeader';
 
 import {
   BmChart,
@@ -216,7 +216,7 @@ import {
   BmMainChartWrapper,
   BmMainChartContent,
   BmMainChart,
-} from "./Reports/charts";
+} from './Reports/charts';
 
 import {
   BmAgentSearch,
@@ -230,17 +230,17 @@ import {
   BmPreviousAgent,
   BmPreviousAgentName,
   BmPreviousAgentMessage,
-} from "./Modals/modalBody";
+} from './Modals/modalBody';
 
-import { BmListHeader } from "./Lists/listheader";
-import { BmRowLabel } from "./Lists/rowLabels";
-import { BmContent } from "./SuperFluid/Content/index";
+import { BmListHeader } from './Lists/listheader';
+import { BmRowLabel } from './Lists/rowLabels';
+import { BmContent } from './SuperFluid/Content/index';
 import {
   BmContentFooter,
   BmContentTitle,
   BmFooterLeft,
   BmFooterRight,
-} from "./SuperFluid/ContentTitle.js/index.js";
+} from './SuperFluid/ContentTitle.js/index.js';
 import {
   BmSegmentCard,
   BmSegmentSelector,
@@ -249,23 +249,23 @@ import {
   BmSegmentCompleteContent,
   BmSegmentCompleteIcon,
   BmSegmentCreateContent,
-} from "./SuperFluid/SegmentCard/index";
-import { BmInfoNote } from "./infoNote";
-import { BmCheckbox } from "./checkbox";
+} from './SuperFluid/SegmentCard/index';
+import { BmInfoNote } from './infoNote';
+import { BmCheckbox } from './checkbox';
 import {
   BmAddNote,
   BmNoteInfo,
   BmNote,
   BmNoteFooter,
   BmNoteDetails,
-} from "./CustomerInfo/notesInfo";
+} from './CustomerInfo/notesInfo';
 import {
   BmAddLabel,
   BmLabelInfo,
   BmLabels,
   BmColorLabel,
   BmColorLabelPicker,
-} from "./CustomerInfo/labelsInfo";
+} from './CustomerInfo/labelsInfo';
 
 export {
   BmButton,

package/src/lib/components/index.js

@@ -23,6 +23,7 @@ import BmProgressRing from './ProgressRing/progressRing';
 import { BmProfileIcon } from './ProfileIcon/ProfileIcon';
 import { BmCheckboxToggle } from './Checkbox/checkboxToggler';
 import BmPaymentBox from './PaymentBox/paymentBox';
+import BmJumbotron from './Jumbotron/Jumbotron';
 import {
   BmTagIcon,
   BmAvatarIcon,
@@ -65,6 +66,7 @@ import {
   BmSegmentCompleteIcon,
   BmSegmentCreateContent,
 } from './SuperFluid/SegmentCard/index';
+import BmButtonGroup from './ButtonGroup/buttonGroup';
 
 export {
   BmAccordion,
@@ -82,6 +84,8 @@ export {
   BmProfileIcon,
   BmCheckboxToggle,
   BmPaymentBox,
+  BmJumbotron,
+  BmButtonGroup,
   // Fix height and if there is dropdown option inside the modal body
   BmModal,
   BmNoteBar,

package/src/lib/components/logo.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import styled from "styled-components";
+import styled from 'styled-components';
 
 export const Logo = styled.img`
   height: 45;
   width: 9.857rem;
-  ${"" /* border: 0.071rem solid #33B1BA; */}
+  ${'' /* border: 0.071rem solid #33B1BA; */}
   box-sizing: border-box;
 `;
 

package/src/lib/components/navbar.js

@@ -1,7 +1,7 @@
 // import React from 'react';
-import styled from "styled-components";
-import { BmPrimaryWhite } from "./colors";
-import { BmSearch } from "./search";
+import styled from 'styled-components';
+import { BmPrimaryWhite } from './colors';
+import { BmSearch } from './search';
 
 // Old with NavbarContent Main wrapper for navbar
 export const BmNavbar = styled.div`
@@ -9,7 +9,7 @@ export const BmNavbar = styled.div`
     box-shadow:  0rem 0.286rem 0.214rem rgba(0, 0, 0, 0.25);
     padding: 0rem 2.5rem !important;
     flex-wrap: wrap;
-    ${"" /* width: 100vw; */}
+    ${'' /* width: 100vw; */}
   }
 `;
 
@@ -42,7 +42,7 @@ export const OldBmNavbar = styled(GlobalNavbarWrapper)`
 // Navbar Profile Icon Wrapper
 export const BmNavBarProfile = styled(GlobalNavbarWrapper)`
   @media (max-width: 768px) {
-   display: none !important;
+    display: none !important;
   }
 `;
 

package/src/lib/components/search.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import styled from "styled-components";
+import styled from 'styled-components';
 import {
   BmPrimaryWhite,
   BmGrey400,
   BmSecondaryGrey,
   BmPrimaryBlack,
-} from "./colors";
-import { BmDropdown } from "./dropdown";
-import { BmSearchIcon } from "./iconStyles";
+} from './colors';
+import { BmDropdown } from './dropdown';
+import { BmSearchIcon } from './iconStyles';
 
 const BmSearchField = styled.input`
   color: ${BmSecondaryGrey};
@@ -21,7 +21,7 @@ const BmSearchField = styled.input`
     text-decoration: none;
     color: ${BmPrimaryBlack};
   }
-  ${(props) => props.dropdown === "yes" && "margin-right: 1.714rem;"}
+  ${(props) => props.dropdown === 'yes' && 'margin-right: 1.714rem;'}
 `;
 
 const BmSearchWrapper = styled.div`
@@ -32,13 +32,12 @@ const BmSearchWrapper = styled.div`
   border: 0.071rem solid ${BmGrey400};
   box-sizing: border-box;
   border-radius: 0.25rem;
-  ${"" /* height: 2.929rem; */}
+  ${'' /* height: 2.929rem; */}
   padding: ${({ dropdown }) => {
-    if (dropdown === "yes") {
-      return "0rem 0rem 0rem 1.143rem";
-    } else {
-      return "0.786rem 1.143rem";
+    if (dropdown === 'yes') {
+      return '0rem 0rem 0rem 1.143rem';
     }
+    return '0.786rem 1.143rem';
   }};
 `;
 
@@ -58,7 +57,7 @@ export const BmSearch = ({ dropdown, ...rest }) => {
           <SearchIcon size="small" {...rest} />
           <BmSearchField {...rest} dropdown={dropdown} />
         </BmSearchWrapper>
-        {dropdown === "yes" && <BmDropdown />}
+        {dropdown === 'yes' && <BmDropdown />}
       </BmStretch>
     </div>
   );

package/src/lib/components/shadow.js

@@ -1 +1 @@
-export const BmGeneralShadow = "0rem 0.286rem 0.286rem rgba(0, 0, 0, 0.25)";
+export const BmGeneralShadow = '0rem 0.286rem 0.286rem rgba(0, 0, 0, 0.25)';

package/src/lib/components/wrapper.js

@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 
 export const BmChatInfoWrapper = styled.div`
   display: flex;
@@ -13,7 +13,6 @@ export const BmChatInfoWrapper = styled.div`
   height: 100%;
 `;
 
-
 export const BmChatMenuWrapper = styled.div`
   display: flex;
   flex-direction: row;

package/babel.config.js

@@ -1,11 +0,0 @@
-module.exports = function (api) {
-  api.cache(true);
-
-  const presets = ['@babel/preset-env', '@babel/preset-react'];
-  const plugins = ['macros'];
-
-  return {
-    presets,
-    plugins,
-  };
-};