@bikdotai/bik-component-library 0.0.281-beta.20 → 0.0.281-beta.21
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/add-variableV2/AddVariableV2.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/cjs/components/tooltips/Tooltip.d.ts +1 -0
- package/dist/cjs/components/tooltips/Tooltip.js +1 -1
- package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
- package/dist/esm/components/add-variableV2/AddVariableV2.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/dist/esm/components/tooltips/Tooltip.d.ts +1 -0
- package/dist/esm/components/tooltips/Tooltip.js +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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/back_icon.svg.js"),a=require("../../assets/icons/chevronRightAlt.svg.js"),i=require("../../assets/icons/cross.svg.js"),l=require("../../assets/icons/plus.svg.js"),t=require("../../assets/icons/undo.svg.js"),r=require("react"),n=require("./AddVariableV2.styled.js"),c=require("../button/Button.js"),o=require("../icon-button/IconButton.js"),d=require("../searchBar/searchBar.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/back_icon.svg.js"),a=require("../../assets/icons/chevronRightAlt.svg.js"),i=require("../../assets/icons/cross.svg.js"),l=require("../../assets/icons/plus.svg.js"),t=require("../../assets/icons/undo.svg.js"),r=require("react"),n=require("./AddVariableV2.styled.js"),c=require("../button/Button.js"),o=require("../icon-button/IconButton.js"),d=require("../searchBar/searchBar.js"),b=require("../tooltips/Tooltip.js"),u=require("../TypographyStyle.js");exports.AddVariableV2=j=>{const{data:v}=j,[m,g]=r.useState({}),[p,h]=r.useState(),[x,y]=r.useState(""),[f,O]=r.useState(""),[N,V]=r.useState(!0),S=/^[^.]*\.[^.]*$/;r.useEffect((()=>{const e={};v.forEach((s=>{e[s.displayName]=[]})),h(e)}),[v]),r.useEffect((()=>{if(f){j.data.filter((e=>Object.keys(e.variables).filter((s=>{var a;return(null===(a=e.variables[s].displayName)||void 0===a?void 0:a.toLowerCase().includes(f.toLowerCase()))||C(e.variables[s])})).length>0)).length>0?V(!0):V(!1)}else V(!0)}),[f]);const _=(e,s)=>{const a=v.find((e=>e.displayName===s));if(a){let i=a;e.forEach(((e,s)=>{i=i.variables[e]})),g((e=>Object.assign(Object.assign({},e),{[s]:i})))}},C=e=>{let s=!1;if(e.isSubHeader&&e.variables){const a=Object.keys(e.variables);for(let i=0;i<a.length;i++){const l=a[i];if(e.variables&&e.variables[l].displayName.toLowerCase().includes(f.toLowerCase())){s=!0;break}}}return s},k=s=>{const a=s.item.description;return e.jsx(e.Fragment,{children:e.jsx(b.Tooltip,Object.assign({body:a||(s.item.isAvailable?"Recommended here":"Not recommended here"),alwaysVisible:!0,width:300,delay:300,placement:"bottom"},{children:e.jsx("div",{children:e.jsx(w,{item:s.item})})}))})},w=s=>e.jsx(c.Button,{darkMode:j.enableVariable?j.enableVariable:s.item.isAvailable,size:"chip",LeadingIcon:s.item.isSubHeader?void 0:l.default,TrailingIcon:()=>s.item.isSubHeader?e.jsx("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:e.jsx(a.default,{})})):e.jsx(e.Fragment,{}),buttonText:s.item.displayName}),B=(s,a)=>e.jsx("div",Object.assign({onClick:s.isSubHeader?()=>{const e=[...p[x],a];_(e,x),h((s=>Object.assign(Object.assign({},s),{[x]:e})))}:()=>{if(j.customTrigger)j.customTrigger(s),j.setShowVariable(!1);else if(j.isEvaluationList)if(s.actualValue.match(S)){const e=s.actualValue.replace("{{","").replace("}}","").split("."),a=e[0]+`['${e[1]}']`;j.setVariableValue(a)}else{const e=s.actualValueEval?s.actualValueEval:s.actualValue;j.setVariableValue(e)}else j.setVariableValue(s.actualValue)}},{children:e.jsx(k,{item:s})})),T=(e,s)=>{const a=[...p[e.displayName],s];_(a,e.displayName),h((s=>Object.assign(Object.assign({},s),{[e.displayName]:a}))),y(e.displayName)},L=(e,s)=>{if(j.customTrigger)j.customTrigger(e.variables[s]),j.setShowVariable(!1);else if(j.isEvaluationList){const a=e.variables[s];if(a.actualValue.match(S)){const e=a.actualValue.replace("{{","").replace("}}","").split("."),s=e[0]+`['${e[1]}']`;j.setVariableValue(s)}else{const e=a.actualValueEval?a.actualValueEval:a.actualValue;j.setVariableValue(e)}}else j.setVariableValue(e.variables[s].actualValue)},q=j.isModalState?void 0:{top:"small"===j.pickerSize?"300px":"60px",left:`${j.leftPosition?j.leftPosition+24:430}px`};return e.jsx(n.AddVariableStyled,Object.assign({id:"varList",style:q,onClick:e=>{e.stopPropagation()},pickerSize:j.pickerSize||"large",isModalState:j.isModalState},{children:j.showVariable&&e.jsxs("div",Object.assign({className:"popup"},{children:[e.jsxs("div",Object.assign({className:"sticky__bar"},{children:[e.jsxs("div",Object.assign({className:"header__bar"},{children:[e.jsx("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),e.jsx("div",Object.assign({onClick:()=>{j.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:e.jsx(o.IconButton,{iconButtonType:"default",Icon:i.default})}))]})),e.jsx("div",Object.assign({className:"search__bar"},{children:e.jsx(d.SearchBar,{width:"100%",isEnabled:!0,onChange:e=>{O(e)},onEnter:()=>{},placeholder:"Search...",variant:"default"})})),!N&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[e.jsx(u.TitleSmall,{children:"No results found!"}),e.jsx(u.BodyCaption,{children:`Sorry we could not find any results for "${f}"`})]})),x&&p[x].length>0&&e.jsxs("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[e.jsxs("div",Object.assign({className:"left__nav"},{children:[e.jsx(o.IconButton,{Icon:s.default,style:{color:"#919191",display:"flex"},onClick:()=>{const e=p[x].slice(0,-1);_(e,x),h((s=>Object.assign(Object.assign({},s),{[x]:e}))),e.length||y("")}}),e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx(u.TitleSmall,{children:m[x].displayName}),m[x].description&&e.jsx(u.BodyCaption,{children:m[x].description})]}))]})),e.jsxs("div",Object.assign({className:"right__nav"},{children:[e.jsx(o.IconButton,{Icon:t.default,style:{display:"flex"},onClick:()=>{_([],x),h((e=>Object.assign(Object.assign({},e),{[x]:[]}))),y("")}}),e.jsx("div",{children:"First page"})]}))]}))]})),e.jsx("div",Object.assign({className:"wrapper"},{children:e.jsx("div",Object.assign({className:"list__map"},{children:e.jsxs("div",Object.assign({className:"items"},{children:[!x&&j.data.map((s=>{let a=[];return f&&(a=Object.keys(s.variables).filter((e=>{var a;return(null===(a=s.variables[e].displayName)||void 0===a?void 0:a.toLowerCase().includes(f.toLowerCase()))||C(s.variables[e])}))),e.jsxs(e.Fragment,{children:[f?a.length>0?e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e.jsx(u.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})):e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e.jsx(u.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})),Object.keys(s.variables).map((a=>{var i;return f?(null===(i=s.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(f.toLowerCase()))||C(s.variables[a])?e.jsx("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>T(s,a):()=>L(s,a)},{children:e.jsx(k,{item:s.variables[a]})})):e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>T(s,a):()=>L(s,a)},{children:e.jsx(k,{item:s.variables[a]})}))}))]})})),x&&e.jsx("div",Object.assign({className:"list__map"},{children:e.jsx("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(m[x].variables).map(((s,a)=>{var i;return f?(null===(i=m[x].variables[s].displayName)||void 0===i?void 0:i.toLowerCase().includes(f.toLowerCase()))||C(m[x].variables[s])?B(m[x].variables[s],s):e.jsx(e.Fragment,{}):B(m[x].variables[s],s)}))}))}))]}))}))})),e.jsx("div",{className:"bottom__padding"})]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),i=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(e),l=o(n);const p=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${t=>i.COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;exports.Tooltip=e=>l.default.isValidElement(e.children)?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:p}),t.jsx(a.default,Object.assign({appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:!0,interactive:!0,delay:e.delay,visible:e.alwaysVisible,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{title:e.title,body:e.body,buttonProps:e.buttonProps})},{children:e.children}))]}):null;
|
|
@@ -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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a,Fragment as i}from"react/jsx-runtime";import s from"../../assets/icons/back_icon.svg.js";import l from"../../assets/icons/chevronRightAlt.svg.js";import t from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/plus.svg.js";import c from"../../assets/icons/undo.svg.js";import{useState as n,useEffect as o}from"react";import{AddVariableStyled as d}from"./AddVariableV2.styled.js";import{Button as b}from"../button/Button.js";import{IconButton as m}from"../icon-button/IconButton.js";import{SearchBar as v}from"../searchBar/searchBar.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{TitleSmall as p,BodyCaption as g}from"../TypographyStyle.js";const h=h=>{const{data:j}=h,[f,y]=n({}),[O,N]=n(),[V,_]=n(""),[k,
|
|
1
|
+
import{jsx as e,jsxs as a,Fragment as i}from"react/jsx-runtime";import s from"../../assets/icons/back_icon.svg.js";import l from"../../assets/icons/chevronRightAlt.svg.js";import t from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/plus.svg.js";import c from"../../assets/icons/undo.svg.js";import{useState as n,useEffect as o}from"react";import{AddVariableStyled as d}from"./AddVariableV2.styled.js";import{Button as b}from"../button/Button.js";import{IconButton as m}from"../icon-button/IconButton.js";import{SearchBar as v}from"../searchBar/searchBar.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{TitleSmall as p,BodyCaption as g}from"../TypographyStyle.js";const h=h=>{const{data:j}=h,[f,y]=n({}),[O,N]=n(),[V,_]=n(""),[k,w]=n(""),[C,S]=n(!0),L=/^[^.]*\.[^.]*$/;o((()=>{const e={};j.forEach((a=>{e[a.displayName]=[]})),N(e)}),[j]),o((()=>{if(k){h.data.filter((e=>Object.keys(e.variables).filter((a=>{var i;return(null===(i=e.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(k.toLowerCase()))||T(e.variables[a])})).length>0)).length>0?S(!0):S(!1)}else S(!0)}),[k]);const x=(e,a)=>{const i=j.find((e=>e.displayName===a));if(i){let s=i;e.forEach(((e,a)=>{s=s.variables[e]})),y((e=>Object.assign(Object.assign({},e),{[a]:s})))}},T=e=>{let a=!1;if(e.isSubHeader&&e.variables){const i=Object.keys(e.variables);for(let s=0;s<i.length;s++){const l=i[s];if(e.variables&&e.variables[l].displayName.toLowerCase().includes(k.toLowerCase())){a=!0;break}}}return a},E=a=>{const s=a.item.description;return e(i,{children:e(u,Object.assign({body:s||(a.item.isAvailable?"Recommended here":"Not recommended here"),alwaysVisible:!0,width:300,delay:300,placement:"bottom"},{children:e("div",{children:e(I,{item:a.item})})}))})},I=a=>e(b,{darkMode:h.enableVariable?h.enableVariable:a.item.isAvailable,size:"chip",LeadingIcon:a.item.isSubHeader?void 0:r,TrailingIcon:()=>a.item.isSubHeader?e("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:e(l,{})})):e(i,{}),buttonText:a.item.displayName}),B=(a,i)=>e("div",Object.assign({onClick:a.isSubHeader?()=>{const e=[...O[V],i];x(e,V),N((a=>Object.assign(Object.assign({},a),{[V]:e})))}:()=>{if(h.customTrigger)h.customTrigger(a),h.setShowVariable(!1);else if(h.isEvaluationList)if(a.actualValue.match(L)){const e=a.actualValue.replace("{{","").replace("}}","").split("."),i=e[0]+`['${e[1]}']`;h.setVariableValue(i)}else{const e=a.actualValueEval?a.actualValueEval:a.actualValue;h.setVariableValue(e)}else h.setVariableValue(a.actualValue)}},{children:e(E,{item:a})})),H=(e,a)=>{const i=[...O[e.displayName],a];x(i,e.displayName),N((a=>Object.assign(Object.assign({},a),{[e.displayName]:i}))),_(e.displayName)},A=(e,a)=>{if(h.customTrigger)h.customTrigger(e.variables[a]),h.setShowVariable(!1);else if(h.isEvaluationList){const i=e.variables[a];if(i.actualValue.match(L)){const e=i.actualValue.replace("{{","").replace("}}","").split("."),a=e[0]+`['${e[1]}']`;h.setVariableValue(a)}else{const e=i.actualValueEval?i.actualValueEval:i.actualValue;h.setVariableValue(e)}}else h.setVariableValue(e.variables[a].actualValue)},$=h.isModalState?void 0:{top:"small"===h.pickerSize?"300px":"60px",left:`${h.leftPosition?h.leftPosition+24:430}px`};return e(d,Object.assign({id:"varList",style:$,onClick:e=>{e.stopPropagation()},pickerSize:h.pickerSize||"large",isModalState:h.isModalState},{children:h.showVariable&&a("div",Object.assign({className:"popup"},{children:[a("div",Object.assign({className:"sticky__bar"},{children:[a("div",Object.assign({className:"header__bar"},{children:[e("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),e("div",Object.assign({onClick:()=>{h.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:e(m,{iconButtonType:"default",Icon:t})}))]})),e("div",Object.assign({className:"search__bar"},{children:e(v,{width:"100%",isEnabled:!0,onChange:e=>{w(e)},onEnter:()=>{},placeholder:"Search...",variant:"default"})})),!C&&a("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[e(p,{children:"No results found!"}),e(g,{children:`Sorry we could not find any results for "${k}"`})]})),V&&O[V].length>0&&a("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[a("div",Object.assign({className:"left__nav"},{children:[e(m,{Icon:s,style:{color:"#919191",display:"flex"},onClick:()=>{const e=O[V].slice(0,-1);x(e,V),N((a=>Object.assign(Object.assign({},a),{[V]:e}))),e.length||_("")}}),a("div",Object.assign({className:"block"},{children:[e(p,{children:f[V].displayName}),f[V].description&&e(g,{children:f[V].description})]}))]})),a("div",Object.assign({className:"right__nav"},{children:[e(m,{Icon:c,style:{display:"flex"},onClick:()=>{x([],V),N((e=>Object.assign(Object.assign({},e),{[V]:[]}))),_("")}}),e("div",{children:"First page"})]}))]}))]})),e("div",Object.assign({className:"wrapper"},{children:e("div",Object.assign({className:"list__map"},{children:a("div",Object.assign({className:"items"},{children:[!V&&h.data.map((s=>{let l=[];return k&&(l=Object.keys(s.variables).filter((e=>{var a;return(null===(a=s.variables[e].displayName)||void 0===a?void 0:a.toLowerCase().includes(k.toLowerCase()))||T(s.variables[e])}))),a(i,{children:[k?l.length>0?a("div",Object.assign({className:"block"},{children:[e("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e(g,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})):e(i,{}):a("div",Object.assign({className:"block"},{children:[e("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e(g,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})),Object.keys(s.variables).map((a=>{var l;return k?(null===(l=s.variables[a].displayName)||void 0===l?void 0:l.toLowerCase().includes(k.toLowerCase()))||T(s.variables[a])?e("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>H(s,a):()=>A(s,a)},{children:e(E,{item:s.variables[a]})})):e(i,{}):e("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>H(s,a):()=>A(s,a)},{children:e(E,{item:s.variables[a]})}))}))]})})),V&&e("div",Object.assign({className:"list__map"},{children:e("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(f[V].variables).map(((a,s)=>{var l;return k?(null===(l=f[V].variables[a].displayName)||void 0===l?void 0:l.toLowerCase().includes(k.toLowerCase()))||T(f[V].variables[a])?B(f[V].variables[a],a):e(i,{}):B(f[V].variables[a],a)}))}))}))]}))}))})),e("div",{className:"bottom__padding"})]}))}))};export{h as AddVariableV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,Fragment as n,jsx as o}from"react/jsx-runtime";import e from"@tippyjs/react";import r from"react";import i from"./TooltipInternal.js";import{COLORS as p}from"../../constants/Theme.js";const a=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${t=>p.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`,l=p=>r.isValidElement(p.children)?t(n,{children:[o("style",{children:a}),o(e,Object.assign({appendTo:document.body,className:"overflow-wrap-tippy",placement:p.placement||"right",maxWidth:p.width,animation:"fade",arrow:!0,interactive:!0,delay:p.delay,content:p.tooltipContent?p.tooltipContent:o(i,{title:p.title,body:p.body,buttonProps:p.buttonProps})},{children:p.children}))]}):null;export{l as Tooltip};
|
|
1
|
+
import{jsxs as t,Fragment as n,jsx as o}from"react/jsx-runtime";import e from"@tippyjs/react";import r from"react";import i from"./TooltipInternal.js";import{COLORS as p}from"../../constants/Theme.js";const a=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${t=>p.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`,l=p=>r.isValidElement(p.children)?t(n,{children:[o("style",{children:a}),o(e,Object.assign({appendTo:document.body,className:"overflow-wrap-tippy",placement:p.placement||"right",maxWidth:p.width,animation:"fade",arrow:!0,interactive:!0,delay:p.delay,visible:p.alwaysVisible,content:p.tooltipContent?p.tooltipContent:o(i,{title:p.title,body:p.body,buttonProps:p.buttonProps})},{children:p.children}))]}):null;export{l as Tooltip};
|