@bikdotai/bik-component-library 0.0.215 → 0.0.217

package/dist/esm/components/avatar/Avatar.styled.js

@@ -1,10 +0,0 @@
-import r from"styled-components";import{AVATAR_SIZE_MAP as e,AVATAR_TYPES as o,AVATAR_BACKGROUND as t}from"./AvatarHelper.js";import{COLORS as n}from"../../constants/Theme.js";const s=r.div`
-	width: ${r=>e[r.size]+"px"};
-	height: ${r=>e[r.size]+"px"};
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	background-color: ${r=>r.type===o.IMAGE?"null":r.background===t.LIGHT?n.background.base:n.background.inverse};
-	border: ${r=>r.background===t.LIGHT?"1px solid "+n.stroke.primary:0};
-	border-radius: 50%;
-`;export{s as AvatarStyle};

package/dist/esm/components/avatar/AvatarHelper.d.ts

@@ -1,19 +0,0 @@
-export declare enum AVATAR_TYPES {
-    IMAGE = "IMAGE",
-    INITIALS = "INITIALS",
-    ICON = "ICON"
-}
-export declare enum SIZE {
-    SMALL = "SMALL",
-    MEDIUM = "MEDIUM",
-    LARGE = "LARGE"
-}
-export declare enum AVATAR_BACKGROUND {
-    LIGHT = "LIGHT",
-    DARK = "DARK"
-}
-export declare const AVATAR_SIZE_MAP: {
-    SMALL: number;
-    MEDIUM: number;
-    LARGE: number;
-};

package/dist/esm/components/avatar/AvatarHelper.js

@@ -1 +0,0 @@
-var I,L,A;!function(I){I.IMAGE="IMAGE",I.INITIALS="INITIALS",I.ICON="ICON"}(I||(I={})),function(I){I.SMALL="SMALL",I.MEDIUM="MEDIUM",I.LARGE="LARGE"}(L||(L={})),function(I){I.LIGHT="LIGHT",I.DARK="DARK"}(A||(A={}));const M={[L.SMALL]:24,[L.MEDIUM]:40,[L.LARGE]:64};export{A as AVATAR_BACKGROUND,M as AVATAR_SIZE_MAP,I as AVATAR_TYPES,L as SIZE};

package/dist/esm/components/avatar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Avatar';
-export * from './AvatarHelper';

package/dist/esm/components/bik-layout/BikHeader.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export interface HeaderProps {
-    header: string;
-    subHeader?: string;
-    hideBackButton?: boolean;
-    rightActionButton?: JSX.Element;
-    onClickingBackButton?: () => void;
-}
-export declare const BikHeader: React.FC<HeaderProps>;

package/dist/esm/components/bik-layout/BikHeader.js

@@ -1 +0,0 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"../../assets/icons/arrow_left.svg.js";import{BodyCaption as i,TitleMedium as n,TitleRegular as s}from"../TypographyStyle.js";import{BikHeaderContainer as o}from"./CommonStyles.js";const c=c=>{const{header:a,subHeader:l,hideBackButton:d=!0,rightActionButton:h,onClickingBackButton:m}=c;return r(o,{children:[r("div",Object.assign({className:"row--flex left-container"},{children:[!d&&e(t,{className:"cursor",height:24,width:24,onClick:m}),r("div",{children:[l?e(i,Object.assign({className:"brand"},{children:a})):e(n,{children:a}),e(s,{children:l})]})]})),e("div",Object.assign({className:"row--flex right-container"},{children:h}))]})};export{c as BikHeader};

package/dist/esm/components/bik-layout/BikLayout.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface BikLayoutProps {
-    isLoading: boolean;
-    isFeatureModalEnabled?: boolean;
-    isDisabled?: boolean;
-    hidePadding?: boolean;
-    loadingAnimation?: JSX.Element;
-    height?: string;
-    children?: React.ReactNode;
-    containerStyles?: React.CSSProperties;
-    onClickingCrossOnFeatureModal?: () => void;
-    onUpgrade?: () => void;
-    extraContentForModal?: JSX.Element;
-}
-export declare const BikLayout: React.FC<BikLayoutProps>;

package/dist/esm/components/bik-layout/BikLayout.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import{BikLayoutContainer as i}from"./CommonStyles.js";import{FeatureModal as o}from"./FeatureModal.js";import{PageLoader as a}from"./PageLoader.js";const t=t=>{const{isLoading:s,isFeatureModalEnabled:d=!1,isDisabled:l=!1,loadingAnimation:c,hidePadding:m=!1,height:p,children:g,containerStyles:h,onClickingCrossOnFeatureModal:C,onUpgrade:j,extraContentForModal:u}=t;return s?e(i,{children:c||e(a,{})}):e(r,{children:n(i,{children:[e("div",{className:""+(l?"disabled--wrapper":"")}),e("div",Object.assign({className:""+(m?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${p||""}`},null!=h?h:{})},{children:g})),d&&e(o,{onClickingCross:()=>C?C():"",onUpgrade:j,otherContent:u})]})})};export{t as BikLayout};

package/dist/esm/components/bik-layout/BikProfile.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export interface BikProfileProps {
-    userName: string;
-    hideLogout?: boolean;
-    photoUrl?: string;
-    isActiveAwayStatus?: boolean;
-    isAvailable?: boolean;
-    onProfileClicked?: () => void;
-    onLogout?: () => void;
-    extraJSX?: JSX.Element;
-}
-export declare const BikProfile: React.FC<BikProfileProps>;

package/dist/esm/components/bik-layout/BikProfile.js

@@ -1 +0,0 @@
-import{jsx as i,jsxs as e,Fragment as t}from"react/jsx-runtime";import n from"../../assets/icons/log_out.svg.js";import{useState as o}from"react";import{Dropdown as s,OverlayTrigger as r}from"react-bootstrap";import{COLORS as a,DEFAULT_THEME as c}from"../../constants/Theme.js";import"@tippyjs/react";import"../tooltips/TooltipInternal.js";import{BodyCaption as l,TitleSmall as d,BodySecondary as m}from"../TypographyStyle.js";import{StyledDropdown as g}from"../floating-action-button/FloatingActionButton.styles.js";import{StyledTooltip as p,MenuInnerContainer as h,UserInfoContainer as b,UserStatusContainer as j,UserNameTitleSmall as v,StatusContainer as u,StyledBodyCaption as O,ProfileDropdownToggleContainer as A,ProfileDropdownInnerContainer as y,UserAvatarContainer as f}from"./CommonStyles.js";const w=A=>{const[y,f]=o(!1),{userName:w,hideLogout:N=!1,photoUrl:C,isActiveAwayStatus:x=!0,isAvailable:D=!1,extraJSX:S,onProfileClicked:T,onLogout:k}=A,L=i=>{const e=(i||"").split("."),t=e[1]||e[0];if(!t)return"";return t.split(" ").map((i=>i.charAt(0).toUpperCase())).slice(0,2).join("")},B=i(p,Object.assign({id:"tooltip"},{children:i(l,{children:w})}));return e(g,Object.assign({onToggle:i=>{f(i)}},{children:[i(I,{isDropdownOpen:y,imageUrl:C,initialsAsIcon:C?"":L(w)}),i(s.Menu,{children:e(h,{children:[e(b,Object.assign({onClick:T},{children:[i(U,{imageUrl:C,initialsAsIcon:C?"":L(w)}),e(j,{children:[i(r,Object.assign({delay:{show:100,hide:400},placement:"top",overlay:B},{children:i(v,{children:i(d,{children:w})})})),x&&e(u,Object.assign({isAvailable:D},{children:[i("div",{className:"availability--container"}),!D&&i(O,Object.assign({isAvailable:D},{children:"Away"})),D&&i(O,Object.assign({isAvailable:D},{children:"Active"}))]}))]})]})),S&&e(t,{children:[i("div",{className:"divider"}),S]}),!N&&e(t,{children:[i("div",{className:"divider"}),e("div",Object.assign({className:"logout--container",onClick:k,onKeyDown:k,role:"button",tabIndex:0},{children:[i(n,{color:a.content.negative,height:17,width:17}),i(m,Object.assign({style:{color:c.colorsV2.content.negative}},{children:"Logout"}))]}))]})]})})]}))},I=e=>{const{isDropdownOpen:t,imageUrl:n,initialsAsIcon:o}=e;return i(A,Object.assign({id:"dropdown-basic"},{children:i(y,Object.assign({isDropdownOpen:t},{children:i(U,{imageUrl:n,initialsAsIcon:o})}))}))},U=e=>{const{imageUrl:n,initialsAsIcon:o}=e;return i(t,{children:(o||n)&&i(f,{children:n?i("img",{src:n,alt:"general-icon"}):i("div",Object.assign({className:"avatar--container"},{children:i(m,Object.assign({style:{color:a.surface.standard}},{children:o}))}))})})};export{w as BikProfile};

package/dist/esm/components/bik-layout/BikSidebar.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { Menu } from './SimpleSidebar';
-export interface MenuItem {
-    key: string | number;
-    displayName: string;
-    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    activeIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    hoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    isLastSticky?: boolean;
-    is2ndLastSticky?: boolean;
-    children?: Menu[];
-    showAccessUpgradePanel?: boolean;
-}
-export interface BikSidebarProps {
-    logoSvg?: JSX.Element;
-    allMenuList: MenuItem[];
-    activeMainMenu: MenuItem;
-    activeSubMenu: Menu;
-    onClickingMainMenu: (menu: MenuItem) => void;
-    onClickingSubMenu: (subMenu: Menu) => void;
-    onClickingAccessUpgradePanel?: () => void;
-}
-export declare const BikSidebar: React.FC<BikSidebarProps>;

package/dist/esm/components/bik-layout/BikSidebar.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as i,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/Bik_logo.svg.js";import{useState as l,useEffect as t,Fragment as a}from"react";import{COLORS as d}from"../../constants/Theme.js";import{SideBarContainer as s,SibeBarMenuItem as c}from"./SidebarStyles.js";import{SimpleSidebar as r}from"./SimpleSidebar.js";const v=d=>{const{logoSvg:v,allMenuList:m,activeMainMenu:h,activeSubMenu:g,onClickingMainMenu:k,onClickingSubMenu:y,onClickingAccessUpgradePanel:p}=d,[b,M]=l(h),[S,j]=l(),[f,N]=l(g);return t((()=>{M(h)}),[h]),t((()=>{N(g)}),[g]),e(s,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:v||i(o,{})})),i(c,{children:null==m?void 0:m.map(((o,l)=>{var t,d,s,c,v;return e(a,{children:[i("div",Object.assign({id:(null===(d=null===(t=o.displayName)||void 0===t?void 0:t.split(" "))||void 0===d?void 0:d.join(""))||o.key.toString(),className:"main--sidebar",onClick:()=>{var e;j(void 0),M(o),k(o),(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)?N(null==o?void 0:o.children[0]):N({})},onMouseOver:()=>{j(o)},onMouseEnter:()=>{j(o)},onMouseLeave:()=>{var e;!(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)&&j(void 0)},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({className:`sidebar-menu-item ${(null==b?void 0:b.key)==o.key?" main-menu-active-class":""}  ${o.isLastSticky?"sticky-menu-int":""} ${o.is2ndLastSticky?"sticky-menu":""}\n                ${o.key==(null==S?void 0:S.key)?"sidebar-menu-item-hover":""}`},{children:[i(u,{icon:o.icon,isActive:o.key==(null==b?void 0:b.key),activeStateIcon:null!==(s=o.activeIcon)&&void 0!==s?s:{},hoverStateIcon:null!==(c=o.hoverIcon)&&void 0!==c?c:{},isHovered:o.key==(null==S?void 0:S.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==o?void 0:o.key)===(null==b?void 0:b.key)?"active-menu-item-text":"")},{children:o.displayName}))}))]}),l)}),l),i(n,{children:(null===(v=null==S?void 0:S.children)||void 0===v?void 0:v.length)&&i(r,{menuList:null==S?void 0:S.children,activeMenu:f,onMouseLeaveOnMenu:()=>j(void 0),left:88,postion:"fixed",header:S.displayName,theme:"brand",showAccessUpgradePanel:S.showAccessUpgradePanel,onMenuClick:e=>{N(e),M(S),j(void 0),y(e)},onUpgrade:p})})]},l)}))})]})},u=e=>{const{icon:o,isActive:l,activeStateIcon:t,hoverStateIcon:a,isHovered:s}=e,c=o,r=a;return i(n,{children:l?i(t,{width:20,height:20}):i(s?r:c,{width:20,height:20,color:d.surface.standard})})};export{v as BikSidebar};

package/dist/esm/components/bik-layout/CommonStyles.d.ts

@@ -1,93 +0,0 @@
-/// <reference types="react" />
-export declare const GlobalContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LoaderWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LoadingMessageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const BikLayoutContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const BikHeaderContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MenuInnerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ProfileDropdownToggleContainer: import("@emotion/styled").StyledComponent<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const ProfileDropdownInnerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isDropdownOpen: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const UserNameTitleSmall: import("@emotion/styled").StyledComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const UserAvatarContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTooltip: import("@emotion/styled").StyledComponent<import("react-bootstrap").TooltipProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const UserInfoContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StatusContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isAvailable: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const UserStatusContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledBodyCaption: import("@emotion/styled").StyledComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    isAvailable: boolean;
-}, {}, {}>;
-export declare const FeatureModalContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    zIndex?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InnerModalContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;