@bikdotai/bik-component-library 0.0.130 → 0.0.131
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/bik-layout/BikLayout.d.ts +1 -0
- package/dist/cjs/components/bik-layout/BikLayout.js +1 -1
- package/dist/cjs/components/bik-layout/CommonStyles.js +1 -1
- package/dist/cjs/components/bik-layout/FeatureModal.js +1 -1
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/cjs/components/stepper/WorkingStepper.d.ts +1 -0
- package/dist/esm/components/bik-layout/BikLayout.d.ts +1 -0
- package/dist/esm/components/bik-layout/BikLayout.js +1 -1
- package/dist/esm/components/bik-layout/CommonStyles.js +1 -1
- package/dist/esm/components/bik-layout/FeatureModal.js +1 -1
- package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/components/stepper/WorkingStepper.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../constants/Theme.js"),t=require("../../assets/icons/cross.svg.js"),r=require("../button/Button.js"),n=require("../TypographyStyle.js"),i=require("./CommonStyles.js");exports.FeatureModal=a=>{const{zIndex:o,disableCross:c=!1,otherContent:l,onClickingCross:d,onUpgrade:u}=a;return e.jsxs(i.FeatureModalContainer,Object.assign({zIndex:o},{children:[!c&&e.jsx("div",Object.assign({className:"cross-button",onClick:()=>d,"aria-hidden":"true"},{children:e.jsx(t.default,{height:20,width:20,color:s.COLORS.surface.subdued})})),e.jsx(i.InnerModalContainer,{children:l?e.jsx(e.Fragment,{children:l}):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxs("div",{children:[e.jsx(n.TitleMedium,Object.assign({className:"title-color"},{children:"Upgrade to access this feature"})),e.jsx(n.BodyPrimary,Object.assign({className:"title-color mt-8"},{children:"This feature is not included in the current plan. Upgrade to get access and use this feature."}))]}),e.jsx(r.Button,{buttonText:"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>u?u():""})]}))})]}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../constants/Theme.js"),t=require("../../assets/icons/cross.svg.js"),r=require("../button/Button.js"),n=require("../TypographyStyle.js"),i=require("./CommonStyles.js");exports.FeatureModal=a=>{const{zIndex:o,disableCross:c=!1,otherContent:l,onClickingCross:d,onUpgrade:u}=a;return e.jsxs(i.FeatureModalContainer,Object.assign({zIndex:o},{children:[!c&&e.jsx("div",Object.assign({className:"cross-button",onClick:()=>d(),"aria-hidden":"true"},{children:e.jsx(t.default,{height:20,width:20,color:s.COLORS.surface.subdued})})),e.jsx(i.InnerModalContainer,{children:l?e.jsx(e.Fragment,{children:l}):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxs("div",{children:[e.jsx(n.TitleMedium,Object.assign({className:"title-color"},{children:"Upgrade to access this feature"})),e.jsx(n.BodyPrimary,Object.assign({className:"title-color mt-8"},{children:"This feature is not included in the current plan. Upgrade to get access and use this feature."}))]}),e.jsx(r.Button,{buttonText:"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>u?u():""})]}))})]}))};
|
|
@@ -9,6 +9,7 @@ export interface BikLayoutProps {
|
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
containerStyles?: React.CSSProperties;
|
|
11
11
|
onClickingCrossOnFeatureModal?: () => void;
|
|
12
|
+
onUpgrade?: () => void;
|
|
12
13
|
extraContentForModal?: JSX.Element;
|
|
13
14
|
}
|
|
14
15
|
export declare const BikLayout: React.FC<BikLayoutProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as r,jsxs as
|
|
1
|
+
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};
|