@bikdotai/bik-component-library 0.0.274 → 0.0.275-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
- package/dist/cjs/components/bik-layout/BikSidebar.d.ts +1 -0
- package/dist/cjs/components/bik-layout/BikSidebar.js +1 -1
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/cjs/components/bik-layout/SimpleSidebar.d.ts +1 -0
- package/dist/cjs/components/bik-layout/SimpleSidebar.js +1 -1
- package/dist/cjs/components/navigation-hyperlink/NavigationHyperlink.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
- package/dist/esm/components/bik-layout/BikSidebar.d.ts +1 -0
- package/dist/esm/components/bik-layout/BikSidebar.js +1 -1
- package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/components/bik-layout/SimpleSidebar.d.ts +1 -0
- package/dist/esm/components/bik-layout/SimpleSidebar.js +1 -1
- package/dist/esm/components/navigation-hyperlink/NavigationHyperlink.d.ts +1 -1
- package/package.json +1 -1
|
@@ -36,7 +36,7 @@ export declare class MetaCustomProcessor {
|
|
|
36
36
|
value: {
|
|
37
37
|
operator: string;
|
|
38
38
|
dataType: import("../types").QueryBuilderConnectorType;
|
|
39
|
-
value?: string | number |
|
|
39
|
+
value?: string | number | string[] | number[] | Date | Date[] | undefined;
|
|
40
40
|
};
|
|
41
41
|
key: string;
|
|
42
42
|
refresh?: boolean | undefined;
|
|
@@ -17,6 +17,7 @@ export interface BikSidebarProps {
|
|
|
17
17
|
allMenuList: MenuItem[];
|
|
18
18
|
activeMainMenu: MenuItem;
|
|
19
19
|
activeSubMenu: Menu;
|
|
20
|
+
router: any;
|
|
20
21
|
onClickingMainMenu: (menu: MenuItem) => void;
|
|
21
22
|
onClickingSubMenu: (subMenu: Menu) => void;
|
|
22
23
|
onClickingAccessUpgradePanel?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("react"),t=require("../../constants/Theme.js"),s=require("../navigation-hyperlink/NavigationHyperlink.js"),a=require("./SidebarStyles.js"),o=require("./SimpleSidebar.js");const r=i=>{const{icon:n,isActive:s,activeStateIcon:a,hoverStateIcon:o,isHovered:r}=i,l=n,d=a,c=o;return e.jsx(e.Fragment,{children:s?e.jsx(d,{width:20,height:20}):r?e.jsx(c,{width:20,height:20,color:t.COLORS.surface.standard}):e.jsx(l,{width:20,height:20,color:t.COLORS.surface.standard})})};exports.BikSidebar=t=>{const{logoSvg:l,allMenuList:d,activeMainMenu:c,activeSubMenu:u,router:v,onClickingMainMenu:h,onClickingSubMenu:m,onClickingAccessUpgradePanel:g}=t,[j,k]=n.useState(c),[S,y]=n.useState(),[x,p]=n.useState(u),[b,M]=n.useState(!1);n.useEffect((()=>{k(c)}),[c]),n.useEffect((()=>{p(u)}),[u]);const O=(i,n)=>{var t,s,a,o;return e.jsx("div",Object.assign({id:(null===(s=null===(t=i.displayName)||void 0===t?void 0:t.split(" "))||void 0===s?void 0:s.join(""))||i.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;y(void 0),M(!0),k(e),!e.path&&h(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?p(null==e?void 0:e.children[0]):p({}),y(void 0),setTimeout((()=>{M(!1)}),1e3)})(i),onMouseEnter:()=>{!b&&y(i)},onMouseOver:()=>{!b&&y(i)},onMouseLeave:()=>{var e;!(null===(e=null==i?void 0:i.children)||void 0===e?void 0:e.length)&&y(void 0)},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e.jsxs("div",Object.assign({className:`sidebar-menu-item ${(null==j?void 0:j.key)==i.key?" main-menu-active-class":""} ${i.isLastSticky?"sticky-menu-int":""} ${i.is2ndLastSticky?"sticky-menu":""}\n\t\t\t${i.key==(null==S?void 0:S.key)?"sidebar-menu-item-hover":""}`},{children:[e.jsx(r,{icon:i.icon,isActive:i.key==(null==j?void 0:j.key),activeStateIcon:null!==(a=i.activeIcon)&&void 0!==a?a:{},hoverStateIcon:null!==(o=i.hoverIcon)&&void 0!==o?o:{},isHovered:i.key==(null==S?void 0:S.key)}),e.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsx("p",Object.assign({className:"menu-item-text "+((null==i?void 0:i.key)===(null==j?void 0:j.key)?"active-menu-item-text":"")},{children:i.displayName}))}))]}),n)}),n)};return e.jsxs(a.SideBarContainer,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:l||e.jsx(i.default,{})})),e.jsx(a.SibeBarMenuItem,{children:null==d?void 0:d.map(((i,t)=>{var a;return e.jsxs(n.Fragment,{children:[i.path?e.jsx(s.NavigationHyperlink,Object.assign({href:i.path,router:v},{children:O(i,t)})):O(i,t),e.jsx(e.Fragment,{children:(null===(a=null==S?void 0:S.children)||void 0===a?void 0:a.length)&&e.jsx(o.SimpleSidebar,{menuList:null==S?void 0:S.children,activeMenu:x,onMouseLeaveOnMenu:()=>y(void 0),left:88,postion:"fixed",header:S.displayName,theme:"brand",router:v,showAccessUpgradePanel:S.showAccessUpgradePanel,onMenuClick:(e,i)=>{p(e),k(S),y(void 0),i&&m(e)},onUpgrade:g})})]},t)}))})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),a=require("../button/Button.js"),n=require("../navigation-hyperlink/NavigationHyperlink.js"),t=require("../TypographyStyle.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),a=require("../button/Button.js"),n=require("../navigation-hyperlink/NavigationHyperlink.js"),t=require("../TypographyStyle.js"),r=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:d,activeMenu:c,theme:o,showAccessUpgradePanel:u=!1,header:p,width:h,zIndex:m,left:b,postion:j,top:v,router:y,onMouseLeaveOnMenu:g,onMenuClick:x,onUpgrade:k}=l,[O,S]=s.useState(c),N=(s,i)=>e.jsxs("div",Object.assign({className:"sub-child-menu "+((null==O?void 0:O.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{S(s),x(s,!s.page)},"aria-hidden":"true"},{children:[e.jsx("span",{className:(null==O?void 0:O.key)==(null==s?void 0:s.key)&&"brand"==o?"sub-child-active-text":""}),e.jsx(t.BodySecondary,Object.assign({className:"sub-child-text "+((null==O?void 0:O.key)==(null==s?void 0:s.key)&&"white"==o?"active-bold-weight":"")},{children:null==s?void 0:s.displayName}))]}),i);return e.jsx(r.SimpleSidebarContainer,Object.assign({width:h,zIndex:m,left:b,theme:o,postion:j,top:v},{children:e.jsxs("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:g},{children:[e.jsxs("div",{children:[e.jsx(t.BodySecondary,Object.assign({className:"sub-child-display-name"},{children:p})),null==d?void 0:d.map(((s,i)=>s.page?e.jsx(n.NavigationHyperlink,Object.assign({href:s.page,router:y},{children:N(s,i)})):N(s,i)))]}),u&&e.jsxs("div",Object.assign({className:"lower-sticky-panel"},{children:[e.jsx(t.TitleSmall,Object.assign({className:"title-text",style:{color:i.COLORS.surface.standard}},{children:"Upgrade plan to access this feature."})),e.jsx(a.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>k?k():""})]}))]}),"_sub-menu")}))};
|
|
@@ -36,7 +36,7 @@ export declare class MetaCustomProcessor {
|
|
|
36
36
|
value: {
|
|
37
37
|
operator: string;
|
|
38
38
|
dataType: import("../types").QueryBuilderConnectorType;
|
|
39
|
-
value?: string | number |
|
|
39
|
+
value?: string | number | string[] | number[] | Date | Date[] | undefined;
|
|
40
40
|
};
|
|
41
41
|
key: string;
|
|
42
42
|
refresh?: boolean | undefined;
|
|
@@ -17,6 +17,7 @@ export interface BikSidebarProps {
|
|
|
17
17
|
allMenuList: MenuItem[];
|
|
18
18
|
activeMainMenu: MenuItem;
|
|
19
19
|
activeSubMenu: Menu;
|
|
20
|
+
router: any;
|
|
20
21
|
onClickingMainMenu: (menu: MenuItem) => void;
|
|
21
22
|
onClickingSubMenu: (subMenu: Menu) => void;
|
|
22
23
|
onClickingAccessUpgradePanel?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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 t,useEffect as l,Fragment as a}from"react";import{COLORS as
|
|
1
|
+
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 t,useEffect as l,Fragment as a}from"react";import{COLORS as r}from"../../constants/Theme.js";import{NavigationHyperlink as s}from"../navigation-hyperlink/NavigationHyperlink.js";import{SideBarContainer as d,SibeBarMenuItem as c}from"./SidebarStyles.js";import{SimpleSidebar as v}from"./SimpleSidebar.js";const u=r=>{const{logoSvg:u,allMenuList:h,activeMainMenu:g,activeSubMenu:k,router:p,onClickingMainMenu:y,onClickingSubMenu:b,onClickingAccessUpgradePanel:M}=r,[S,j]=t(g),[f,N]=t(),[O,C]=t(k),[I,L]=t(!1);l((()=>{j(g)}),[g]),l((()=>{C(k)}),[k]);const w=(n,o)=>{var t,l,a,r;return i("div",Object.assign({id:(null===(l=null===(t=n.displayName)||void 0===t?void 0:t.split(" "))||void 0===l?void 0:l.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;N(void 0),L(!0),j(e),!e.path&&y(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?C(null==e?void 0:e.children[0]):C({}),N(void 0),setTimeout((()=>{L(!1)}),1e3)})(n),onMouseEnter:()=>{!I&&N(n)},onMouseOver:()=>{!I&&N(n)},onMouseLeave:()=>{var e;!(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)&&N(void 0)},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({className:`sidebar-menu-item ${(null==S?void 0:S.key)==n.key?" main-menu-active-class":""} ${n.isLastSticky?"sticky-menu-int":""} ${n.is2ndLastSticky?"sticky-menu":""}\n\t\t\t${n.key==(null==f?void 0:f.key)?"sidebar-menu-item-hover":""}`},{children:[i(m,{icon:n.icon,isActive:n.key==(null==S?void 0:S.key),activeStateIcon:null!==(a=n.activeIcon)&&void 0!==a?a:{},hoverStateIcon:null!==(r=n.hoverIcon)&&void 0!==r?r:{},isHovered:n.key==(null==f?void 0:f.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==n?void 0:n.key)===(null==S?void 0:S.key)?"active-menu-item-text":"")},{children:n.displayName}))}))]}),o)}),o)};return e(d,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:u||i(o,{})})),i(c,{children:null==h?void 0:h.map(((o,t)=>{var l;return e(a,{children:[o.path?i(s,Object.assign({href:o.path,router:p},{children:w(o,t)})):w(o,t),i(n,{children:(null===(l=null==f?void 0:f.children)||void 0===l?void 0:l.length)&&i(v,{menuList:null==f?void 0:f.children,activeMenu:O,onMouseLeaveOnMenu:()=>N(void 0),left:88,postion:"fixed",header:f.displayName,theme:"brand",router:p,showAccessUpgradePanel:f.showAccessUpgradePanel,onMenuClick:(e,i)=>{C(e),j(f),N(void 0),i&&b(e)},onUpgrade:M})})]},t)}))})]})},m=e=>{const{icon:o,isActive:t,activeStateIcon:l,hoverStateIcon:a,isHovered:s}=e,d=o,c=a;return i(n,{children:t?i(l,{width:20,height:20}):i(s?c:d,{width:20,height:20,color:r.surface.standard})})};export{u as BikSidebar};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s}from"react";import{COLORS as t}from"../../constants/Theme.js";import{Button as n}from"../button/Button.js";import{NavigationHyperlink as a}from"../navigation-hyperlink/NavigationHyperlink.js";import{BodySecondary as l,TitleSmall as
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s}from"react";import{COLORS as t}from"../../constants/Theme.js";import{Button as n}from"../button/Button.js";import{NavigationHyperlink as a}from"../navigation-hyperlink/NavigationHyperlink.js";import{BodySecondary as l,TitleSmall as r}from"../TypographyStyle.js";import{SimpleSidebarContainer as o}from"./SidebarStyles.js";const c=c=>{const{menuList:d,activeMenu:u,theme:m,showAccessUpgradePanel:p=!1,header:h,width:b,zIndex:g,left:v,postion:y,top:j,router:f,onMouseLeaveOnMenu:k,onMenuClick:N,onUpgrade:O}=c,[x,w]=s(u),M=(s,t)=>i("div",Object.assign({className:"sub-child-menu "+((null==x?void 0:x.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{w(s),N(s,!s.page)},"aria-hidden":"true"},{children:[e("span",{className:(null==x?void 0:x.key)==(null==s?void 0:s.key)&&"brand"==m?"sub-child-active-text":""}),e(l,Object.assign({className:"sub-child-text "+((null==x?void 0:x.key)==(null==s?void 0:s.key)&&"white"==m?"active-bold-weight":"")},{children:null==s?void 0:s.displayName}))]}),t);return e(o,Object.assign({width:b,zIndex:g,left:v,theme:m,postion:y,top:j},{children:i("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:k},{children:[i("div",{children:[e(l,Object.assign({className:"sub-child-display-name"},{children:h})),null==d?void 0:d.map(((i,s)=>i.page?e(a,Object.assign({href:i.page,router:f},{children:M(i,s)})):M(i,s)))]}),p&&i("div",Object.assign({className:"lower-sticky-panel"},{children:[e(r,Object.assign({className:"title-text",style:{color:t.surface.standard}},{children:"Upgrade plan to access this feature."})),e(n,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>O?O():""})]}))]}),"_sub-menu")}))};export{c as SimpleSidebar};
|