beem-component 1.1.4 → 1.1.5

package/dist/components/Forms/forms.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+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 BmForm = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"])));
+
+BmForm.Label = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0rem;\n  text-align: left;\n  width: 50%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
+BmForm.Input = _styledComponents.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  text-align: right;\n  width: 50%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  &:visited,\n  &:active,\n  &:hover,\n  &:focus {\n    outline: none !important;\n    text-decoration: none;\n  }\n  background: transparent;\n"])));
+var _default = BmForm;
+exports.default = _default;

package/dist/components/index.js

@@ -126,6 +126,12 @@ Object.defineProperty(exports, "BmFooterRight", {
     return _index2.BmFooterRight;
   }
 });
+Object.defineProperty(exports, "BmForm", {
+  enumerable: true,
+  get: function get() {
+    return _forms.default;
+  }
+});
 Object.defineProperty(exports, "BmIcons", {
   enumerable: true,
   get: function get() {
@@ -341,6 +347,8 @@ var _infoTab = _interopRequireDefault(require("./InfoTab/infoTab"));
 
 var _messageCounter = _interopRequireDefault(require("./MessageCounter/messageCounter"));
 
+var _forms = _interopRequireDefault(require("./Forms/forms"));
+
 var _index = require("./SuperFluid/Content/index");
 
 var _index2 = require("./SuperFluid/ContentTitle.js/index.js");

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "beem-component",
-    "version": "1.1.4",
+    "version": "1.1.5",
     "private": false,
     "main": "dist/components/index.js",
     "scripts": {

package/src/App.js

@@ -9,14 +9,23 @@ import Chat from "./Chat";
 import CustomerInfo from "./CustomerInfo";
 import { BmTag } from "./lib/components/Tags/tags";
 import { Home } from "@material-ui/icons";
+import InfoAccordion from "./InfoAccordion";
+import BmForm from "./lib/components/Forms/forms";
 
 export const App = () => {
   return (
     <>
       <GlobalStyle />
       <MainWrapper>
-        <BmTag leadingIcon={<Home/>} trailingIcon={<Home/>}><p>Hello</p></BmTag>
-
+        <BmTag leadingIcon={<Home />} trailingIcon={<Home />}>
+          <p>Hello</p>
+        </BmTag>
+        <BmForm>
+          <BmForm.Label>
+            <h4>Hello</h4>
+          </BmForm.Label>
+          <BmForm.Input placeholder="Hello" />
+        </BmForm>
         <div className="main-chat-container">
           <div className="sidebar">
             <SideBar />
@@ -29,6 +38,7 @@ export const App = () => {
               </div>
               <div className="chat-contact-info">
                 <CustomerInfo />
+                <InfoAccordion />
               </div>
             </div>
           </div>

package/src/Chat.js

@@ -5,7 +5,6 @@ import QuickreplyIcon from "@mui/icons-material/Quickreply";
 import SendIcon from "@mui/icons-material/Send";
 import { BmChat, BmIcons, BmInput } from "./lib/components";
 import "../src/lib/assets/css/sidebar.css";
-import { BmMessage, BmMessageTabInput } from "./lib/components/Chats/chatInput";
 
 const Chat = () => {
   return (

package/src/InfoAccordion.js

@@ -0,0 +1,24 @@
+/* eslint-disable react/prop-types */
+import React from "react";
+import { BmAccordion } from "./lib/components";
+import BmForm from "./lib/components/Forms/forms";
+
+const InfoAccordion = () => {
+  return (
+    <>
+      <BmAccordion>
+        <BmAccordion.Title>
+          <h3>Notes</h3>
+        </BmAccordion.Title>
+        <BmAccordion.Body>
+          <BmForm>
+            <BmForm.Label><h4>Hello</h4></BmForm.Label>
+            <BmForm.Input placeholder="Hello" />
+          </BmForm>
+        </BmAccordion.Body>
+      </BmAccordion>
+    </>
+  );
+};
+
+export default InfoAccordion;

package/src/lib/components/ChatBody/chatBody.js

@@ -9,7 +9,6 @@ import {
   BmPrimaryBlue,
   BmPrimaryBlack,
   BmSecondaryDarkGreen,
-  BmGrey200,
 } from "../colors";
 
 const BmChat = styled.div`

package/src/lib/components/Forms/forms.js

@@ -0,0 +1,34 @@
+import styled from "styled-components";
+
+const BmForm = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`;
+
+BmForm.Label = styled.div`
+  margin: 0rem;
+  text-align: left;
+  width: 50%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`
+
+BmForm.Input = styled.input`
+  text-align: right;
+  width: 50%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: none;
+  &:visited,
+  &:active,
+  &:hover,
+  &:focus {
+    outline: none !important;
+    text-decoration: none;
+  }
+  background: transparent;
+`
+
+export default BmForm;

package/src/lib/components/index.js

@@ -38,6 +38,9 @@ import BmContactCard from "./ContactCards/contactCards";
 import BmInfoTab from "./InfoTab/infoTab";
 import BmCounter from "./MessageCounter/messageCounter";
 
+//Chat form components
+import BmForm from "./Forms/forms";
+
 //SuperFluid Components
 import { BmContent } from "./SuperFluid/Content/index";
 import {
@@ -109,4 +112,6 @@ export {
   BmInfoTab,
   BmContactCard,
   BmCounter,
+  //Chat Form Components
+  BmForm,
 };