@bikdotai/bik-component-library 0.0.744-beta.10 → 0.0.744-beta.11

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.
@@ -29,6 +29,7 @@ export interface SingleChecklistItemType {
29
29
  buttonText?: string;
30
30
  buttonDisabled?: boolean;
31
31
  hideRedirectButton?: boolean;
32
+ hideSetupButton?: boolean;
32
33
  }
33
34
  export interface MultiChecklistItemType {
34
35
  id: string;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../constants/Theme.js"),i=require("../../assets/icons/ActiveChecklistIcon.js"),l=require("../../assets/icons/CompletedChecklistIcon.js"),r=require("../../assets/icons/InactiveChecklistIcon.js"),n=require("../../assets/icons/SmallCheckIcon.js"),c=require("../alerts/Alert.js"),o=require("../alerts/AlertHelper.js"),a=require("../button/Button.js"),d=require("../progress-bar-v2/ProgressBarV2.js"),u=require("../tag/Tag.js"),p=require("../TypographyStyle.js"),h=require("./MultiChecklistItem.js"),g=require("./ProgressChecklist.style.js"),j=require("./ProgressStepper.js");exports.default=x=>{let{header:C,subheader:m,items:y=[],progressBarColor:v,headerAction:b}=x;const[S,f]=t.useState(y);t.useEffect((()=>{f(y)}),[y]);const k=S.filter((e=>e.isCompleted)).length,T=S.length,I=T>0?k/T*100:0;return e.jsxs(g.ProgressChecklistContainer,{children:[e.jsxs(g.HeaderSection,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx(p.TitleMedium,{children:C}),b&&e.jsx("div",{children:b})]})),e.jsx(p.BodySecondary,Object.assign({color:s.COLORS.content.secondary},{children:m}))]}),e.jsxs(g.ProgressBarSection,Object.assign({style:{display:"flex",alignItems:"center",gap:"16px"}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(d.ProgressBarV2,{progress:Math.round(I),type:d.ProgressBarType.LINE,matchParentWidth:!0,showProgress:!1,color:null!=v?v:s.COLORS.background.positive.vibrant,progressBarThickness:12})})),e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",alignItems:"center",minWidth:12}},{children:e.jsxs(p.TitleSmall,Object.assign({style:{color:s.COLORS.content.secondary,textAlign:"right"}},{children:[k," / ",T]}))}))]})),e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:S.map((t=>{var s,d,p,x,C,m,y,v;if("single"===t.type)return e.jsxs(g.SingleChecklistItem,Object.assign({isActive:t.isActive||!1},{children:[e.jsxs(g.SingleChecklistMainRow,{children:[e.jsx(g.SingleChecklistIconWrapper,{children:t.isCompleted?null!==(s=t.completedIcon)&&void 0!==s?s:e.jsx(l.CompletedChecklistIcon,{}):t.isActive?null!==(d=t.activeIcon)&&void 0!==d?d:e.jsx(i.ActiveChecklistIcon,{}):null!==(p=t.icon)&&void 0!==p?p:e.jsx(r.InactiveChecklistIcon,{})}),e.jsxs(g.SingleChecklistContent,{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[e.jsx(g.SingleChecklistHeader,Object.assign({completed:!!t.isCompleted,isActive:!!t.isActive},{children:t.header})),(null===(x=t.tag)||void 0===x?void 0:x.tagText)&&e.jsx(u.Tag,{tagText:t.tag.tagText,variant:t.tag.variant,type:t.tag.type,theme:t.tag.theme})]})),e.jsx(g.SingleChecklistSubheader,{children:t.subheader})]}),t.isCompleted&&!t.hideRedirectButton&&e.jsx("div",Object.assign({onClick:t.onSetup,style:{cursor:"pointer"}},{children:e.jsx(n.SmallCheckIcon,{style:{marginLeft:"12px"}})})),!t.isCompleted&&t.isActive&&e.jsx(g.SingleChecklistActionWrapper,{children:e.jsx(a.Button,{buttonText:null!==(C=t.buttonText)&&void 0!==C?C:"Setup",buttonType:null!==(m=t.buttonType)&&void 0!==m?m:"primary",onClick:t.onSetup,disabled:null!==(y=t.buttonDisabled)&&void 0!==y&&y})})]}),t.alertText&&e.jsx(g.SingleChecklistAlertRow,{children:e.jsx(c.Alert,{text:t.alertText,type:null!==(v=t.alertType)&&void 0!==v?v:o.ALERT_TYPES.WARNING,contentPosition:o.CONTENT_POSITION.START})})]}),t.id);if("multiple"===t.type){const s=t.steps&&t.steps.length>0?t.steps.map(((e,s)=>{var i;return{id:null!==(i=e.id)&&void 0!==i?i:`${t.id}-sub-${s+1}`,text:e.text,label:e.text,onClick:e.onClick,isCompleted:!!e.isCompleted}})):[{id:`${t.id}-sub-1`,text:"Connect",label:"Connect",isCompleted:!1},{id:`${t.id}-sub-2`,text:"Configure",label:"Configure",isCompleted:!1},{id:`${t.id}-sub-3`,text:"Verify",label:"Verify",isCompleted:!1}];return e.jsx(h.default,Object.assign({item:t},{children:e.jsx(j.default,{steps:s})}),t.id)}}))}))]})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../constants/Theme.js"),i=require("../../assets/icons/ActiveChecklistIcon.js"),r=require("../../assets/icons/CompletedChecklistIcon.js"),l=require("../../assets/icons/InactiveChecklistIcon.js"),n=require("../../assets/icons/SmallCheckIcon.js"),c=require("../alerts/Alert.js"),o=require("../alerts/AlertHelper.js"),a=require("../button/Button.js"),d=require("../progress-bar-v2/ProgressBarV2.js"),u=require("../tag/Tag.js"),p=require("../TypographyStyle.js"),h=require("./MultiChecklistItem.js"),g=require("./ProgressChecklist.style.js"),j=require("./ProgressStepper.js");exports.default=x=>{let{header:C,subheader:v,items:m=[],progressBarColor:y,headerAction:b}=x;const[S,f]=t.useState(m);t.useEffect((()=>{f(m)}),[m]);const k=S.filter((e=>e.isCompleted)).length,T=S.length,I=T>0?k/T*100:0;return e.jsxs(g.ProgressChecklistContainer,{children:[e.jsxs(g.HeaderSection,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx(p.TitleMedium,{children:C}),b&&e.jsx("div",{children:b})]})),e.jsx(p.BodySecondary,Object.assign({color:s.COLORS.content.secondary},{children:v}))]}),e.jsxs(g.ProgressBarSection,Object.assign({style:{display:"flex",alignItems:"center",gap:"16px"}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(d.ProgressBarV2,{progress:Math.round(I),type:d.ProgressBarType.LINE,matchParentWidth:!0,showProgress:!1,color:null!=y?y:s.COLORS.background.positive.vibrant,progressBarThickness:12})})),e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",alignItems:"center",minWidth:12}},{children:e.jsxs(p.TitleSmall,Object.assign({style:{color:s.COLORS.content.secondary,textAlign:"right"}},{children:[k," / ",T]}))}))]})),e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:S.map((t=>{var s,d,p,x,C,v,m,y;if("single"===t.type)return e.jsxs(g.SingleChecklistItem,Object.assign({isActive:t.isActive||!1},{children:[e.jsxs(g.SingleChecklistMainRow,{children:[e.jsx(g.SingleChecklistIconWrapper,{children:t.isCompleted?null!==(s=t.completedIcon)&&void 0!==s?s:e.jsx(r.CompletedChecklistIcon,{}):t.isActive?null!==(d=t.activeIcon)&&void 0!==d?d:e.jsx(i.ActiveChecklistIcon,{}):null!==(p=t.icon)&&void 0!==p?p:e.jsx(l.InactiveChecklistIcon,{})}),e.jsxs(g.SingleChecklistContent,{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[e.jsx(g.SingleChecklistHeader,Object.assign({completed:!!t.isCompleted,isActive:!!t.isActive},{children:t.header})),(null===(x=t.tag)||void 0===x?void 0:x.tagText)&&e.jsx(u.Tag,{tagText:t.tag.tagText,variant:t.tag.variant,type:t.tag.type,theme:t.tag.theme})]})),e.jsx(g.SingleChecklistSubheader,{children:t.subheader})]}),t.isCompleted&&!t.hideRedirectButton&&e.jsx("div",Object.assign({onClick:t.onSetup,style:{cursor:"pointer"}},{children:e.jsx(n.SmallCheckIcon,{style:{marginLeft:"12px"}})})),!t.isCompleted&&t.isActive&&!t.hideSetupButton&&e.jsx(g.SingleChecklistActionWrapper,{children:e.jsx(a.Button,{buttonText:null!==(C=t.buttonText)&&void 0!==C?C:"Setup",buttonType:null!==(v=t.buttonType)&&void 0!==v?v:"primary",onClick:t.onSetup,disabled:null!==(m=t.buttonDisabled)&&void 0!==m&&m})})]}),t.alertText&&e.jsx(g.SingleChecklistAlertRow,{children:e.jsx(c.Alert,{text:t.alertText,type:null!==(y=t.alertType)&&void 0!==y?y:o.ALERT_TYPES.WARNING,contentPosition:o.CONTENT_POSITION.START})})]}),t.id);if("multiple"===t.type){const s=t.steps&&t.steps.length>0?t.steps.map(((e,s)=>{var i;return{id:null!==(i=e.id)&&void 0!==i?i:`${t.id}-sub-${s+1}`,text:e.text,label:e.text,onClick:e.onClick,isCompleted:!!e.isCompleted}})):[{id:`${t.id}-sub-1`,text:"Connect",label:"Connect",isCompleted:!1},{id:`${t.id}-sub-2`,text:"Configure",label:"Configure",isCompleted:!1},{id:`${t.id}-sub-3`,text:"Verify",label:"Verify",isCompleted:!1}];return e.jsx(h.default,Object.assign({item:t},{children:e.jsx(j.default,{steps:s,isStepperActive:t.isActive})}),t.id)}}))}))]})};
@@ -9,6 +9,7 @@ interface StepItem {
9
9
  interface ProgressStepperProps {
10
10
  steps?: StepItem[];
11
11
  onStepClick?: (id: string) => void;
12
+ isStepperActive?: boolean;
12
13
  }
13
14
  declare const _default: React.NamedExoticComponent<ProgressStepperProps>;
14
15
  export default _default;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../constants/Theme.js"),n=require("../button/Button.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(t);const s=l=>{let{steps:s=[],onStepClick:o}=l;var r,a;const c=s.length>0?s:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[x,h]=t.useState(null!==(a=null===(r=c[0])||void 0===r?void 0:r.id)&&void 0!==a?a:null);return e.jsx("div",Object.assign({style:{paddingLeft:52}},{children:e.jsx("div",Object.assign({style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12}},{children:c.map(((t,l)=>{var s,r,a,u,p,g,v;return e.jsxs(d.default.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(()=>{var i;const n=0===l||!0===(null===(i=c[l-1])||void 0===i?void 0:i.isCompleted);return!0===t.isCompleted?e.jsx("div",Object.assign({style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0},{children:e.jsxs("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",fill:"#EFE6F9"}),e.jsx("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",stroke:"#4B1583"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.8047 7.52851C18.0651 7.78886 18.0651 8.21097 17.8047 8.47132L10.4714 15.8047C10.2111 16.065 9.78894 16.065 9.5286 15.8047L6.19526 12.4713C5.93491 12.211 5.93491 11.7889 6.19526 11.5285C6.45561 11.2682 6.87772 11.2682 7.13807 11.5285L10 14.3904L16.8619 7.52851C17.1223 7.26816 17.5444 7.26816 17.8047 7.52851Z",fill:"#4B1583"})]}))})):e.jsx("div",Object.assign({style:{width:24,height:24,borderRadius:30,padding:4,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:n?"#4B1583":"transparent",color:n?"#FFFFFF":"#BDBDBD",border:"1px solid "+(n?"#4B1583":"#E0E0E0"),fontSize:12,lineHeight:"12px",flex:"0 0 24px"},"aria-hidden":!0},{children:e.jsx("span",Object.assign({style:{fontSize:12,fontWeight:500}},{children:l+1}))}))})(),e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${null!==(r=null!==(s=t.label)&&void 0!==s?s:t.text)&&void 0!==r?r:`step ${l+1}`}`},{children:e.jsx(n.Button,{buttonText:null!==(u=null!==(a=t.label)&&void 0!==a?a:t.text)&&void 0!==u?u:`Step ${l+1}`,buttonType:"text",buttonTextColor:t.isCompleted?i.COLORS.text.secondary:0===l||!0===(null===(p=c[l-1])||void 0===p?void 0:p.isCompleted)?i.COLORS.stroke.brand:i.COLORS.content.inactive,matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{var e,i;h(null!==(e=t.id)&&void 0!==e?e:x),t.isCompleted||0!==l&&!0!==(null===(i=c[l-1])||void 0===i?void 0:i.isCompleted)||(t.onClick?t.onClick():t.id&&(null==o||o(t.id)))}})})),!t.isCompleted&&(0===l||!0===(null===(g=c[l-1])||void 0===g?void 0:g.isCompleted))&&e.jsx("div",Object.assign({style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center"},"aria-hidden":!0},{children:e.jsx("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.83333 6.66667C5.3731 6.66667 5 6.29357 5 5.83333C5 5.3731 5.3731 5 5.83333 5H14.1667C14.6269 5 15 5.3731 15 5.83333V14.1667C15 14.6269 14.6269 15 14.1667 15C13.7064 15 13.3333 14.6269 13.3333 14.1667V7.84518L6.42259 14.7559C6.09715 15.0814 5.56951 15.0814 5.24408 14.7559C4.91864 14.4305 4.91864 13.9028 5.24408 13.5774L12.1548 6.66667H5.83333Z",fill:"#4B1583"})}))}))]})),l!==c.length-1&&e.jsx("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}})]},null!==(v=t.id)&&void 0!==v?v:`step-${l}`)}))}))}))};var o=d.default.memo(s);exports.default=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../constants/Theme.js"),l=require("../button/Button.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(t);const s=n=>{let{steps:s=[],onStepClick:o,isStepperActive:r}=n;var a,c;const u=s.length>0?s:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[x,h]=t.useState(null!==(c=null===(a=u[0])||void 0===a?void 0:a.id)&&void 0!==c?c:null);return e.jsx("div",Object.assign({style:{paddingLeft:52}},{children:e.jsx("div",Object.assign({style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12}},{children:u.map(((t,n)=>{var s,a,c,p,v,g,C;return e.jsxs(d.default.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(()=>{var i;const l=(0===n||(null===(i=u[n-1])||void 0===i?void 0:i.isCompleted))&&!0===r;return!0===t.isCompleted?e.jsx("div",Object.assign({style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0},{children:e.jsxs("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",fill:"#EFE6F9"}),e.jsx("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",stroke:"#4B1583"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.8047 7.52851C18.0651 7.78886 18.0651 8.21097 17.8047 8.47132L10.4714 15.8047C10.2111 16.065 9.78894 16.065 9.5286 15.8047L6.19526 12.4713C5.93491 12.211 5.93491 11.7889 6.19526 11.5285C6.45561 11.2682 6.87772 11.2682 7.13807 11.5285L10 14.3904L16.8619 7.52851C17.1223 7.26816 17.5444 7.26816 17.8047 7.52851Z",fill:"#4B1583"})]}))})):e.jsx("div",Object.assign({style:{width:24,height:24,borderRadius:30,padding:4,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:l?"#4B1583":"transparent",color:l?"#FFFFFF":"#BDBDBD",border:"1px solid "+(l?"#4B1583":"#E0E0E0"),fontSize:12,lineHeight:"12px",flex:"0 0 24px"},"aria-hidden":!0},{children:e.jsx("span",Object.assign({style:{fontSize:12,fontWeight:500}},{children:n+1}))}))})(),e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${null!==(a=null!==(s=t.label)&&void 0!==s?s:t.text)&&void 0!==a?a:`step ${n+1}`}`},{children:e.jsx(l.Button,{buttonText:null!==(p=null!==(c=t.label)&&void 0!==c?c:t.text)&&void 0!==p?p:`Step ${n+1}`,buttonType:"text",buttonTextColor:t.isCompleted?i.COLORS.text.secondary:0!==n&&!0!==(null===(v=u[n-1])||void 0===v?void 0:v.isCompleted)||!r?i.COLORS.content.inactive:i.COLORS.stroke.brand,matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{var e,i;h(null!==(e=t.id)&&void 0!==e?e:x),t.isCompleted||!r||0!==n&&!0!==(null===(i=u[n-1])||void 0===i?void 0:i.isCompleted)||(t.onClick?t.onClick():t.id&&(null==o||o(t.id)))}})})),!t.isCompleted&&(0===n||!0===(null===(g=u[n-1])||void 0===g?void 0:g.isCompleted))&&r&&e.jsx("div",Object.assign({style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center"},"aria-hidden":!0,onClick:e=>{var i,l;h(null!==(i=t.id)&&void 0!==i?i:x),t.isCompleted||!r||0!==n&&!0!==(null===(l=u[n-1])||void 0===l?void 0:l.isCompleted)||(t.onClick?t.onClick():t.id&&(null==o||o(t.id)))}},{children:e.jsx("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.83333 6.66667C5.3731 6.66667 5 6.29357 5 5.83333C5 5.3731 5.3731 5 5.83333 5H14.1667C14.6269 5 15 5.3731 15 5.83333V14.1667C15 14.6269 14.6269 15 14.1667 15C13.7064 15 13.3333 14.6269 13.3333 14.1667V7.84518L6.42259 14.7559C6.09715 15.0814 5.56951 15.0814 5.24408 14.7559C4.91864 14.4305 4.91864 13.9028 5.24408 13.5774L12.1548 6.66667H5.83333Z",fill:"#4B1583"})}))}))]})),n!==u.length-1&&e.jsx("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}})]},null!==(C=t.id)&&void 0!==C?C:`step-${n}`)}))}))}))};var o=d.default.memo(s);exports.default=o;
@@ -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 | Date | string[] | number[] | Date[] | undefined;
39
+ value?: string | number | string[] | number[] | Date | Date[] | undefined;
40
40
  };
41
41
  key: string;
42
42
  refresh?: boolean | undefined;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Menus: ({
2
3
  displayName: string;
3
4
  key: number;
@@ -29,6 +29,7 @@ export interface SingleChecklistItemType {
29
29
  buttonText?: string;
30
30
  buttonDisabled?: boolean;
31
31
  hideRedirectButton?: boolean;
32
+ hideSetupButton?: boolean;
32
33
  }
33
34
  export interface MultiChecklistItemType {
34
35
  id: string;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{COLORS as r}from"../../constants/Theme.js";import{ActiveChecklistIcon as l}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as n}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as o}from"../../assets/icons/InactiveChecklistIcon.js";import{SmallCheckIcon as c}from"../../assets/icons/SmallCheckIcon.js";import{Alert as d}from"../alerts/Alert.js";import{ALERT_TYPES as a,CONTENT_POSITION as p}from"../alerts/AlertHelper.js";import{Button as m}from"../button/Button.js";import{ProgressBarV2 as g,ProgressBarType as h}from"../progress-bar-v2/ProgressBarV2.js";import{Tag as u}from"../tag/Tag.js";import{TitleMedium as f,BodySecondary as b,TitleSmall as y}from"../TypographyStyle.js";import v from"./MultiChecklistItem.js";import{ProgressChecklistContainer as j,HeaderSection as x,ProgressBarSection as C,SingleChecklistItem as T,SingleChecklistMainRow as I,SingleChecklistIconWrapper as A,SingleChecklistContent as k,SingleChecklistHeader as O,SingleChecklistSubheader as S,SingleChecklistActionWrapper as P,SingleChecklistAlertRow as B}from"./ProgressChecklist.style.js";import $ from"./ProgressStepper.js";const w=w=>{let{header:D,subheader:N,items:R=[],progressBarColor:V,headerAction:W}=w;const[L,M]=i(R);s((()=>{M(R)}),[R]);const E=L.filter((e=>e.isCompleted)).length,G=L.length,H=G>0?E/G*100:0;return e(j,{children:[e(x,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},{children:[t(f,{children:D}),W&&t("div",{children:W})]})),t(b,Object.assign({color:r.content.secondary},{children:N}))]}),e(C,Object.assign({style:{display:"flex",alignItems:"center",gap:"16px"}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(g,{progress:Math.round(H),type:h.LINE,matchParentWidth:!0,showProgress:!1,color:null!=V?V:r.background.positive.vibrant,progressBarThickness:12})})),t("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",alignItems:"center",minWidth:12}},{children:e(y,Object.assign({style:{color:r.content.secondary,textAlign:"right"}},{children:[E," / ",G]}))}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:L.map((i=>{var s,r,g,h,f,b,y,j;if("single"===i.type)return e(T,Object.assign({isActive:i.isActive||!1},{children:[e(I,{children:[t(A,{children:i.isCompleted?null!==(s=i.completedIcon)&&void 0!==s?s:t(n,{}):i.isActive?null!==(r=i.activeIcon)&&void 0!==r?r:t(l,{}):null!==(g=i.icon)&&void 0!==g?g:t(o,{})}),e(k,{children:[e("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[t(O,Object.assign({completed:!!i.isCompleted,isActive:!!i.isActive},{children:i.header})),(null===(h=i.tag)||void 0===h?void 0:h.tagText)&&t(u,{tagText:i.tag.tagText,variant:i.tag.variant,type:i.tag.type,theme:i.tag.theme})]})),t(S,{children:i.subheader})]}),i.isCompleted&&!i.hideRedirectButton&&t("div",Object.assign({onClick:i.onSetup,style:{cursor:"pointer"}},{children:t(c,{style:{marginLeft:"12px"}})})),!i.isCompleted&&i.isActive&&t(P,{children:t(m,{buttonText:null!==(f=i.buttonText)&&void 0!==f?f:"Setup",buttonType:null!==(b=i.buttonType)&&void 0!==b?b:"primary",onClick:i.onSetup,disabled:null!==(y=i.buttonDisabled)&&void 0!==y&&y})})]}),i.alertText&&t(B,{children:t(d,{text:i.alertText,type:null!==(j=i.alertType)&&void 0!==j?j:a.WARNING,contentPosition:p.START})})]}),i.id);if("multiple"===i.type){const e=i.steps&&i.steps.length>0?i.steps.map(((e,t)=>{var s;return{id:null!==(s=e.id)&&void 0!==s?s:`${i.id}-sub-${t+1}`,text:e.text,label:e.text,onClick:e.onClick,isCompleted:!!e.isCompleted}})):[{id:`${i.id}-sub-1`,text:"Connect",label:"Connect",isCompleted:!1},{id:`${i.id}-sub-2`,text:"Configure",label:"Configure",isCompleted:!1},{id:`${i.id}-sub-3`,text:"Verify",label:"Verify",isCompleted:!1}];return t(v,Object.assign({item:i},{children:t($,{steps:e})}),i.id)}}))}))]})};export{w as default};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{COLORS as r}from"../../constants/Theme.js";import{ActiveChecklistIcon as n}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as l}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as o}from"../../assets/icons/InactiveChecklistIcon.js";import{SmallCheckIcon as c}from"../../assets/icons/SmallCheckIcon.js";import{Alert as d}from"../alerts/Alert.js";import{ALERT_TYPES as a,CONTENT_POSITION as p}from"../alerts/AlertHelper.js";import{Button as m}from"../button/Button.js";import{ProgressBarV2 as h,ProgressBarType as g}from"../progress-bar-v2/ProgressBarV2.js";import{Tag as u}from"../tag/Tag.js";import{TitleMedium as f,BodySecondary as v,TitleSmall as b}from"../TypographyStyle.js";import y from"./MultiChecklistItem.js";import{ProgressChecklistContainer as j,HeaderSection as x,ProgressBarSection as C,SingleChecklistItem as T,SingleChecklistMainRow as A,SingleChecklistIconWrapper as I,SingleChecklistContent as k,SingleChecklistHeader as O,SingleChecklistSubheader as S,SingleChecklistActionWrapper as B,SingleChecklistAlertRow as P}from"./ProgressChecklist.style.js";import $ from"./ProgressStepper.js";const w=w=>{let{header:D,subheader:N,items:R=[],progressBarColor:V,headerAction:W}=w;const[L,M]=i(R);s((()=>{M(R)}),[R]);const E=L.filter((e=>e.isCompleted)).length,G=L.length,H=G>0?E/G*100:0;return e(j,{children:[e(x,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},{children:[t(f,{children:D}),W&&t("div",{children:W})]})),t(v,Object.assign({color:r.content.secondary},{children:N}))]}),e(C,Object.assign({style:{display:"flex",alignItems:"center",gap:"16px"}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(h,{progress:Math.round(H),type:g.LINE,matchParentWidth:!0,showProgress:!1,color:null!=V?V:r.background.positive.vibrant,progressBarThickness:12})})),t("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",alignItems:"center",minWidth:12}},{children:e(b,Object.assign({style:{color:r.content.secondary,textAlign:"right"}},{children:[E," / ",G]}))}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:L.map((i=>{var s,r,h,g,f,v,b,j;if("single"===i.type)return e(T,Object.assign({isActive:i.isActive||!1},{children:[e(A,{children:[t(I,{children:i.isCompleted?null!==(s=i.completedIcon)&&void 0!==s?s:t(l,{}):i.isActive?null!==(r=i.activeIcon)&&void 0!==r?r:t(n,{}):null!==(h=i.icon)&&void 0!==h?h:t(o,{})}),e(k,{children:[e("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[t(O,Object.assign({completed:!!i.isCompleted,isActive:!!i.isActive},{children:i.header})),(null===(g=i.tag)||void 0===g?void 0:g.tagText)&&t(u,{tagText:i.tag.tagText,variant:i.tag.variant,type:i.tag.type,theme:i.tag.theme})]})),t(S,{children:i.subheader})]}),i.isCompleted&&!i.hideRedirectButton&&t("div",Object.assign({onClick:i.onSetup,style:{cursor:"pointer"}},{children:t(c,{style:{marginLeft:"12px"}})})),!i.isCompleted&&i.isActive&&!i.hideSetupButton&&t(B,{children:t(m,{buttonText:null!==(f=i.buttonText)&&void 0!==f?f:"Setup",buttonType:null!==(v=i.buttonType)&&void 0!==v?v:"primary",onClick:i.onSetup,disabled:null!==(b=i.buttonDisabled)&&void 0!==b&&b})})]}),i.alertText&&t(P,{children:t(d,{text:i.alertText,type:null!==(j=i.alertType)&&void 0!==j?j:a.WARNING,contentPosition:p.START})})]}),i.id);if("multiple"===i.type){const e=i.steps&&i.steps.length>0?i.steps.map(((e,t)=>{var s;return{id:null!==(s=e.id)&&void 0!==s?s:`${i.id}-sub-${t+1}`,text:e.text,label:e.text,onClick:e.onClick,isCompleted:!!e.isCompleted}})):[{id:`${i.id}-sub-1`,text:"Connect",label:"Connect",isCompleted:!1},{id:`${i.id}-sub-2`,text:"Configure",label:"Configure",isCompleted:!1},{id:`${i.id}-sub-3`,text:"Verify",label:"Verify",isCompleted:!1}];return t(y,Object.assign({item:i},{children:t($,{steps:e,isStepperActive:i.isActive})}),i.id)}}))}))]})};export{w as default};
@@ -9,6 +9,7 @@ interface StepItem {
9
9
  interface ProgressStepperProps {
10
10
  steps?: StepItem[];
11
11
  onStepClick?: (id: string) => void;
12
+ isStepperActive?: boolean;
12
13
  }
13
14
  declare const _default: React.NamedExoticComponent<ProgressStepperProps>;
14
15
  export default _default;
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import i,{useState as n}from"react";import{COLORS as l}from"../../constants/Theme.js";import{Button as d}from"../button/Button.js";const o=o=>{let{steps:s=[],onStepClick:r}=o;var a,c;const h=s.length>0?s:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[p,g]=n(null!==(c=null===(a=h[0])||void 0===a?void 0:a.id)&&void 0!==c?c:null);return e("div",Object.assign({style:{paddingLeft:52}},{children:e("div",Object.assign({style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12}},{children:h.map(((n,o)=>{var s,a,c,v,u,x,m;return t(i.Fragment,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(()=>{var i;const l=0===o||!0===(null===(i=h[o-1])||void 0===i?void 0:i.isCompleted),d=!0===n.isCompleted;return e("div",d?Object.assign({style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0},{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",fill:"#EFE6F9"}),e("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",stroke:"#4B1583"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.8047 7.52851C18.0651 7.78886 18.0651 8.21097 17.8047 8.47132L10.4714 15.8047C10.2111 16.065 9.78894 16.065 9.5286 15.8047L6.19526 12.4713C5.93491 12.211 5.93491 11.7889 6.19526 11.5285C6.45561 11.2682 6.87772 11.2682 7.13807 11.5285L10 14.3904L16.8619 7.52851C17.1223 7.26816 17.5444 7.26816 17.8047 7.52851Z",fill:"#4B1583"})]}))}):Object.assign({style:{width:24,height:24,borderRadius:30,padding:4,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:l?"#4B1583":"transparent",color:l?"#FFFFFF":"#BDBDBD",border:"1px solid "+(l?"#4B1583":"#E0E0E0"),fontSize:12,lineHeight:"12px",flex:"0 0 24px"},"aria-hidden":!0},{children:e("span",Object.assign({style:{fontSize:12,fontWeight:500}},{children:o+1}))}))})(),e("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${null!==(a=null!==(s=n.label)&&void 0!==s?s:n.text)&&void 0!==a?a:`step ${o+1}`}`},{children:e(d,{buttonText:null!==(v=null!==(c=n.label)&&void 0!==c?c:n.text)&&void 0!==v?v:`Step ${o+1}`,buttonType:"text",buttonTextColor:n.isCompleted?l.text.secondary:0===o||!0===(null===(u=h[o-1])||void 0===u?void 0:u.isCompleted)?l.stroke.brand:l.content.inactive,matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{var e,t;g(null!==(e=n.id)&&void 0!==e?e:p),n.isCompleted||0!==o&&!0!==(null===(t=h[o-1])||void 0===t?void 0:t.isCompleted)||(n.onClick?n.onClick():n.id&&(null==r||r(n.id)))}})})),!n.isCompleted&&(0===o||!0===(null===(x=h[o-1])||void 0===x?void 0:x.isCompleted))&&e("div",Object.assign({style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center"},"aria-hidden":!0},{children:e("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.83333 6.66667C5.3731 6.66667 5 6.29357 5 5.83333C5 5.3731 5.3731 5 5.83333 5H14.1667C14.6269 5 15 5.3731 15 5.83333V14.1667C15 14.6269 14.6269 15 14.1667 15C13.7064 15 13.3333 14.6269 13.3333 14.1667V7.84518L6.42259 14.7559C6.09715 15.0814 5.56951 15.0814 5.24408 14.7559C4.91864 14.4305 4.91864 13.9028 5.24408 13.5774L12.1548 6.66667H5.83333Z",fill:"#4B1583"})}))}))]})),o!==h.length-1&&e("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}})]},null!==(m=n.id)&&void 0!==m?m:`step-${o}`)}))}))}))};var s=i.memo(o);export{s as default};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import i,{useState as l}from"react";import{COLORS as n}from"../../constants/Theme.js";import{Button as d}from"../button/Button.js";const o=o=>{let{steps:s=[],onStepClick:r,isStepperActive:a}=o;var c,p;const h=s.length>0?s:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[g,v]=l(null!==(p=null===(c=h[0])||void 0===c?void 0:c.id)&&void 0!==p?p:null);return e("div",Object.assign({style:{paddingLeft:52}},{children:e("div",Object.assign({style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12}},{children:h.map(((l,o)=>{var s,c,p,u,m,x,C;return t(i.Fragment,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(()=>{var i;const n=(0===o||(null===(i=h[o-1])||void 0===i?void 0:i.isCompleted))&&!0===a,d=!0===l.isCompleted;return e("div",d?Object.assign({style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0},{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",fill:"#EFE6F9"}),e("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"11.5",stroke:"#4B1583"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.8047 7.52851C18.0651 7.78886 18.0651 8.21097 17.8047 8.47132L10.4714 15.8047C10.2111 16.065 9.78894 16.065 9.5286 15.8047L6.19526 12.4713C5.93491 12.211 5.93491 11.7889 6.19526 11.5285C6.45561 11.2682 6.87772 11.2682 7.13807 11.5285L10 14.3904L16.8619 7.52851C17.1223 7.26816 17.5444 7.26816 17.8047 7.52851Z",fill:"#4B1583"})]}))}):Object.assign({style:{width:24,height:24,borderRadius:30,padding:4,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:n?"#4B1583":"transparent",color:n?"#FFFFFF":"#BDBDBD",border:"1px solid "+(n?"#4B1583":"#E0E0E0"),fontSize:12,lineHeight:"12px",flex:"0 0 24px"},"aria-hidden":!0},{children:e("span",Object.assign({style:{fontSize:12,fontWeight:500}},{children:o+1}))}))})(),e("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${null!==(c=null!==(s=l.label)&&void 0!==s?s:l.text)&&void 0!==c?c:`step ${o+1}`}`},{children:e(d,{buttonText:null!==(u=null!==(p=l.label)&&void 0!==p?p:l.text)&&void 0!==u?u:`Step ${o+1}`,buttonType:"text",buttonTextColor:l.isCompleted?n.text.secondary:0!==o&&!0!==(null===(m=h[o-1])||void 0===m?void 0:m.isCompleted)||!a?n.content.inactive:n.stroke.brand,matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{var e,t;v(null!==(e=l.id)&&void 0!==e?e:g),l.isCompleted||!a||0!==o&&!0!==(null===(t=h[o-1])||void 0===t?void 0:t.isCompleted)||(l.onClick?l.onClick():l.id&&(null==r||r(l.id)))}})})),!l.isCompleted&&(0===o||!0===(null===(x=h[o-1])||void 0===x?void 0:x.isCompleted))&&a&&e("div",Object.assign({style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center"},"aria-hidden":!0,onClick:e=>{var t,i;v(null!==(t=l.id)&&void 0!==t?t:g),l.isCompleted||!a||0!==o&&!0!==(null===(i=h[o-1])||void 0===i?void 0:i.isCompleted)||(l.onClick?l.onClick():l.id&&(null==r||r(l.id)))}},{children:e("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.83333 6.66667C5.3731 6.66667 5 6.29357 5 5.83333C5 5.3731 5.3731 5 5.83333 5H14.1667C14.6269 5 15 5.3731 15 5.83333V14.1667C15 14.6269 14.6269 15 14.1667 15C13.7064 15 13.3333 14.6269 13.3333 14.1667V7.84518L6.42259 14.7559C6.09715 15.0814 5.56951 15.0814 5.24408 14.7559C4.91864 14.4305 4.91864 13.9028 5.24408 13.5774L12.1548 6.66667H5.83333Z",fill:"#4B1583"})}))}))]})),o!==h.length-1&&e("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}})]},null!==(C=l.id)&&void 0!==C?C:`step-${o}`)}))}))}))};var s=i.memo(o);export{s as default};
@@ -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 | Date | string[] | number[] | Date[] | undefined;
39
+ value?: string | number | string[] | number[] | Date | Date[] | undefined;
40
40
  };
41
41
  key: string;
42
42
  refresh?: boolean | undefined;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Menus: ({
2
3
  displayName: string;
3
4
  key: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.744-beta.10",
3
+ "version": "0.0.744-beta.11",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",