@bikdotai/bik-component-library 0.0.5-beta.2 → 0.0.5-beta.3

package/dist/cjs/components/fab-menu/FABMenu.d.ts

@@ -17,4 +17,5 @@ export declare const FABMenu: React.FC<{
     tooltipPlacement?: TooltipPlacement;
     tooltipText?: string;
     zIndex?: number;
+    isRound?: boolean;
 }>;

package/dist/cjs/components/fab-menu/FABMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/opennedDropdown/components/OpennedDropdown.js"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");exports.FABMenu=e=>{const{onSelect:i,menuOptions:r,buttonWidth:d,buttonHeight:u,buttonColor:l,buttonPosition:c,menuWidth:s,menuHeight:a,buttonIcon:p,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:x,zIndex:j}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:p,width:d,height:u,color:l,position:c,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:x,zIndex:j},{children:t.jsx(o.OpennedDropdown,{options:r,height:a||90,width:s,onSelect:i})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/opennedDropdown/components/OpennedDropdown.js"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");exports.FABMenu=e=>{const{onSelect:i,menuOptions:r,buttonWidth:d,buttonHeight:u,buttonColor:l,buttonPosition:s,menuWidth:c,menuHeight:a,buttonIcon:p,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:x,zIndex:j,isRound:P}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:p,width:d,height:u,color:l,position:s,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:x,zIndex:j,isRound:P},{children:t.jsx(o.OpennedDropdown,{options:r,height:a||90,width:c,onSelect:i})}))})};

package/dist/cjs/components/floating-action-button/FloatingActionButton.d.ts

@@ -15,4 +15,5 @@ export declare const FloatingActionButton: React.FC<{
     tooltipText?: string;
     tooltipPlacement?: TooltipPlacement;
     zIndex?: number;
+    isRound?: boolean;
 }>;

package/dist/cjs/components/floating-action-button/FloatingActionButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("react-bootstrap"),i=require("../../constants/Theme.js"),n=require("../tooltips/CustomisedTooltip.js"),e=require("../../assets/icons/question-mark.svg.js"),r=require("./FloatingActionButton.styles.js");const l=o=>{const{width:i,height:l,color:s,onClick:c,icon:d,tooltipPlacement:a,tooltipText:h}=o;return h?t.jsx(n.CustomisedTooltip,{tooltipContent:t.jsx(t.Fragment,{children:h}),tooltipTriggerContent:t.jsx(r.FloatingActionButtonContainer,Object.assign({width:i,height:l,color:s,onClick:c},{children:d||t.jsx(e.default,{width:22,height:22})})),tooltipPlacement:a,showOnHover:!0}):t.jsx(t.Fragment,{children:t.jsx(r.FloatingActionButtonContainer,Object.assign({width:i,height:l,color:s,onClick:c},{children:d||t.jsx(e.default,{width:22,height:22})}))})};exports.FloatingActionButton=e=>{const{icon:s,onClick:c,children:d,tooltipText:a}=e,h=e.width?e.width:48,g=e.height?e.height:48,u=e.color?e.color:i.COLORS.background.inverse,p=e.position?e.position:r.FAB_POSITION.TOP_LEFT,x=e.buttonPaddingHorizontal?e.buttonPaddingHorizontal:20,j=e.buttonPaddingVertical?e.buttonPaddingVertical:20,m=e.zIndex?e.zIndex:1,P=e.tooltipPlacement?e.tooltipPlacement:n.TooltipPlacement.Auto;return t.jsx(t.Fragment,{children:t.jsx(r.FloatingActionButtonOuterContainer,Object.assign({width:h,height:g,color:u,position:p,buttonPaddingHorizontal:x,buttonPaddingVertical:j,zIndex:m},{children:t.jsx(r.StyledDropdown,{children:d?t.jsxs(t.Fragment,{children:[t.jsx(r.DropdownToggleContainer,{children:t.jsx(l,{width:h,height:g,color:u,tooltipPlacement:P,onClick:c,tooltipText:a,icon:s,position:p})}),t.jsx(o.Dropdown.Menu,{children:d})]}):t.jsx(l,{width:h,height:g,color:u,tooltipPlacement:P,onClick:c,tooltipText:a,icon:s,position:p})})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("react-bootstrap"),i=require("../../constants/Theme.js"),n=require("../tooltips/CustomisedTooltip.js"),e=require("../../assets/icons/question-mark.svg.js"),r=require("./FloatingActionButton.styles.js");const l=o=>{const{width:i,height:l,color:s,onClick:c,icon:d,tooltipPlacement:a,tooltipText:h,isRound:u}=o;return h?t.jsx(n.CustomisedTooltip,{tooltipContent:t.jsx(t.Fragment,{children:h}),tooltipTriggerContent:t.jsx(r.FloatingActionButtonContainer,Object.assign({width:i,height:l,color:s,onClick:c,isRound:u},{children:d||t.jsx(e.default,{width:22,height:22})})),tooltipPlacement:a,showOnHover:!0}):t.jsx(t.Fragment,{children:t.jsx(r.FloatingActionButtonContainer,Object.assign({width:i,height:l,color:s,onClick:c,isRound:u},{children:d||t.jsx(e.default,{width:22,height:22})}))})};exports.FloatingActionButton=e=>{const{icon:s,onClick:c,children:d,tooltipText:a}=e,h=e.width?e.width:48,u=e.height?e.height:48,g=e.color?e.color:i.COLORS.background.inverse,p=e.position?e.position:r.FAB_POSITION.TOP_LEFT,x=e.buttonPaddingHorizontal?e.buttonPaddingHorizontal:20,j=e.buttonPaddingVertical?e.buttonPaddingVertical:20,m=e.zIndex?e.zIndex:1,P=e.tooltipPlacement?e.tooltipPlacement:n.TooltipPlacement.Auto,C=!1!==e.isRound;return t.jsx(t.Fragment,{children:t.jsx(r.FloatingActionButtonOuterContainer,Object.assign({width:h,height:u,color:g,position:p,buttonPaddingHorizontal:x,buttonPaddingVertical:j,zIndex:m},{children:t.jsx(r.StyledDropdown,{children:d?t.jsxs(t.Fragment,{children:[t.jsx(r.DropdownToggleContainer,{children:t.jsx(l,{width:h,height:u,color:g,tooltipPlacement:P,onClick:c,tooltipText:a,icon:s,position:p,isRound:C})}),t.jsx(o.Dropdown.Menu,{children:d})]}):t.jsx(l,{width:h,height:u,color:g,tooltipPlacement:P,onClick:c,tooltipText:a,icon:s,position:p,isRound:C})})}))})};

package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -9,6 +9,7 @@ export declare const FloatingActionButtonContainer: import("styled-components").
     width: number;
     height: number;
     color: string;
+    isRound: boolean;
 }, never>;
 export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
     width: number;

package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js

@@ -2,12 +2,12 @@
 	width: ${t=>t.width}px;
 	height: ${t=>t.height}px;
 	background: ${t=>t.color};
-	border-radius: 50%;
+	${t=>t.isRound?"border-radius: 50%;":"border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius:50%;"}
 	justify-content: center;
 	align-items: center;
 	cursor: pointer;
 	display: flex;
-`,p=n.default.div`
+`,a=n.default.div`
 	display: flex;
 	border-radius: 50%;
 	flex-direction: column;
@@ -17,7 +17,7 @@
 	height: ${t=>t.height}px;
 	z-index: ${t=>t.zIndex};
 	${t=>t.position===exports.FAB_POSITION.BOTTOM_RIGHT?`right: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===exports.FAB_POSITION.BOTTOM_LEFT?`left: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===exports.FAB_POSITION.TOP_LEFT?`left: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:t.position===exports.FAB_POSITION.TOP_RIGHT?`right: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:""};
-`,a=n.default(t.Dropdown)`
+`,p=n.default(t.Dropdown)`
 	.filter-container {
 		.single-row {
 			display: flex;
@@ -84,4 +84,4 @@
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
-`;exports.DropdownToggleContainer=s,exports.FloatingActionButtonContainer=d,exports.FloatingActionButtonOuterContainer=p,exports.StyledDropdown=a;
+`;exports.DropdownToggleContainer=s,exports.FloatingActionButtonContainer=d,exports.FloatingActionButtonOuterContainer=a,exports.StyledDropdown=p;

package/dist/esm/components/fab-menu/FABMenu.d.ts

@@ -17,4 +17,5 @@ export declare const FABMenu: React.FC<{
     tooltipPlacement?: TooltipPlacement;
     tooltipText?: string;
     zIndex?: number;
+    isRound?: boolean;
 }>;

package/dist/esm/components/fab-menu/FABMenu.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{OpennedDropdown as o}from"../dropdown/opennedDropdown/components/OpennedDropdown.js";import{FloatingActionButton as n}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";const i=i=>{const{onSelect:e,menuOptions:d,buttonWidth:r,buttonHeight:l,buttonColor:c,buttonPosition:a,menuWidth:p,menuHeight:u,buttonIcon:s,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P}=i;return t("div",{children:t(n,Object.assign({icon:s,width:r,height:l,color:c,position:a,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P},{children:t(o,{options:d,height:u||90,width:p,onSelect:e})}))})};export{i as FABMenu};
+import{jsx as t}from"react/jsx-runtime";import{OpennedDropdown as o}from"../dropdown/opennedDropdown/components/OpennedDropdown.js";import{FloatingActionButton as n}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";const i=i=>{const{onSelect:e,menuOptions:d,buttonWidth:r,buttonHeight:l,buttonColor:c,buttonPosition:u,menuWidth:a,menuHeight:p,buttonIcon:s,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P,isRound:x}=i;return t("div",{children:t(n,Object.assign({icon:s,width:r,height:l,color:c,position:u,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P,isRound:x},{children:t(o,{options:d,height:p||90,width:a,onSelect:e})}))})};export{i as FABMenu};

package/dist/esm/components/floating-action-button/FloatingActionButton.d.ts

@@ -15,4 +15,5 @@ export declare const FloatingActionButton: React.FC<{
     tooltipText?: string;
     tooltipPlacement?: TooltipPlacement;
     zIndex?: number;
+    isRound?: boolean;
 }>;

package/dist/esm/components/floating-action-button/FloatingActionButton.js

@@ -1 +1 @@
-import{jsx as t,Fragment as o,jsxs as i}from"react/jsx-runtime";import{Dropdown as n}from"react-bootstrap";import{COLORS as e}from"../../constants/Theme.js";import{TooltipPlacement as l,CustomisedTooltip as r}from"../tooltips/CustomisedTooltip.js";import c from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as h,FloatingActionButtonOuterContainer as d,StyledDropdown as s,DropdownToggleContainer as a,FloatingActionButtonContainer as p}from"./FloatingActionButton.styles.js";const g=i=>{const{width:n,height:e,color:l,onClick:h,icon:d,tooltipPlacement:s,tooltipText:a}=i;return a?t(r,{tooltipContent:t(o,{children:a}),tooltipTriggerContent:t(p,Object.assign({width:n,height:e,color:l,onClick:h},{children:d||t(c,{width:22,height:22})})),tooltipPlacement:s,showOnHover:!0}):t(o,{children:t(p,Object.assign({width:n,height:e,color:l,onClick:h},{children:d||t(c,{width:22,height:22})}))})},m=r=>{const{icon:c,onClick:p,children:m,tooltipText:u}=r,P=r.width?r.width:48,b=r.height?r.height:48,w=r.color?r.color:e.background.inverse,x=r.position?r.position:h.TOP_LEFT,C=r.buttonPaddingHorizontal?r.buttonPaddingHorizontal:20,T=r.buttonPaddingVertical?r.buttonPaddingVertical:20,j=r.zIndex?r.zIndex:1,k=r.tooltipPlacement?r.tooltipPlacement:l.Auto;return t(o,{children:t(d,Object.assign({width:P,height:b,color:w,position:x,buttonPaddingHorizontal:C,buttonPaddingVertical:T,zIndex:j},{children:t(s,{children:m?i(o,{children:[t(a,{children:t(g,{width:P,height:b,color:w,tooltipPlacement:k,onClick:p,tooltipText:u,icon:c,position:x})}),t(n.Menu,{children:m})]}):t(g,{width:P,height:b,color:w,tooltipPlacement:k,onClick:p,tooltipText:u,icon:c,position:x})})}))})};export{m as FloatingActionButton};
+import{jsx as t,Fragment as o,jsxs as i}from"react/jsx-runtime";import{Dropdown as n}from"react-bootstrap";import{COLORS as e}from"../../constants/Theme.js";import{TooltipPlacement as l,CustomisedTooltip as r}from"../tooltips/CustomisedTooltip.js";import c from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as d,FloatingActionButtonOuterContainer as h,StyledDropdown as s,DropdownToggleContainer as a,FloatingActionButtonContainer as p}from"./FloatingActionButton.styles.js";const g=i=>{const{width:n,height:e,color:l,onClick:d,icon:h,tooltipPlacement:s,tooltipText:a,isRound:g}=i;return a?t(r,{tooltipContent:t(o,{children:a}),tooltipTriggerContent:t(p,Object.assign({width:n,height:e,color:l,onClick:d,isRound:g},{children:h||t(c,{width:22,height:22})})),tooltipPlacement:s,showOnHover:!0}):t(o,{children:t(p,Object.assign({width:n,height:e,color:l,onClick:d,isRound:g},{children:h||t(c,{width:22,height:22})}))})},m=r=>{const{icon:c,onClick:p,children:m,tooltipText:u}=r,P=r.width?r.width:48,b=r.height?r.height:48,w=r.color?r.color:e.background.inverse,x=r.position?r.position:d.TOP_LEFT,C=r.buttonPaddingHorizontal?r.buttonPaddingHorizontal:20,T=r.buttonPaddingVertical?r.buttonPaddingVertical:20,j=r.zIndex?r.zIndex:1,k=r.tooltipPlacement?r.tooltipPlacement:l.Auto,f=!1!==r.isRound;return t(o,{children:t(h,Object.assign({width:P,height:b,color:w,position:x,buttonPaddingHorizontal:C,buttonPaddingVertical:T,zIndex:j},{children:t(s,{children:m?i(o,{children:[t(a,{children:t(g,{width:P,height:b,color:w,tooltipPlacement:k,onClick:p,tooltipText:u,icon:c,position:x,isRound:f})}),t(n.Menu,{children:m})]}):t(g,{width:P,height:b,color:w,tooltipPlacement:k,onClick:p,tooltipText:u,icon:c,position:x,isRound:f})})}))})};export{m as FloatingActionButton};

package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -9,6 +9,7 @@ export declare const FloatingActionButtonContainer: import("styled-components").
     width: number;
     height: number;
     color: string;
+    isRound: boolean;
 }, never>;
 export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
     width: number;

package/dist/esm/components/floating-action-button/FloatingActionButton.styles.js

@@ -2,7 +2,7 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	width: ${t=>t.width}px;
 	height: ${t=>t.height}px;
 	background: ${t=>t.color};
-	border-radius: 50%;
+	${t=>t.isRound?"border-radius: 50%;":"border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius:50%;"}
 	justify-content: center;
 	align-items: center;
 	cursor: pointer;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.5-beta.2",
+	"version": "0.0.5-beta.3",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",