@bikdotai/bik-component-library 0.0.699-ha-beta.2 → 0.0.700-beta.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/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/cjs/components/button/Button.js +1 -1
- package/dist/cjs/components/variable-picker-v3/Content.js +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
- package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/esm/components/button/Button.js +1 -1
- package/dist/esm/components/variable-picker-v3/Content.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default EventsTrigger;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default IGTrigger;
|
package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DropdownOption } from "../../../dropdown/type";
|
|
3
|
-
import { QueryBuilderProperty } from "../../
|
|
4
|
-
import { QueryBuilderNodeProps } from "../../
|
|
3
|
+
import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
|
|
4
|
+
import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
|
|
5
5
|
declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
|
|
6
6
|
cacheKey: string;
|
|
7
7
|
propertyAddBtnText: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("../../node_modules/react/jsx-runtime.js"),s=require("react"),n=require("../spinner/Spinner.js"),o=require("./Button.styled.js"),i=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(s);const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("../../node_modules/react/jsx-runtime.js"),s=require("react"),n=require("../spinner/Spinner.js"),o=require("./Button.styled.js"),i=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(s);const c=s.forwardRef(((s,r)=>{var{version:c,id:l,buttonType:d="primary",size:u="small",buttonText:x,disabled:m,IconComponent:j,LeadingIcon:p,TrailingIcon:b,isLoading:g,inverse:h,onClick:v,matchParentWidth:y,subtitle:C,darkMode:E,activated:I,error:R,buttonTextColor:f,buttonFontSize:N,customIconColor:O,buttonColor:T,LeadingIconStyles:z}=s,B=e.__rest(s,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const S=i.GetButtonTextComponent(u,d,m),k=i.getButtonIconColor(u,d,h,m,g,E),L="chip"===u?16:20,_={height:L,width:L,color:O||k,style:{display:"block"},className:"icon"};return t.jsxRuntimeExports.jsx(o.Button,Object.assign({"data-test":B["data-test"],version:c,onClick:g?()=>{}:v,ref:r,id:l,disabled:m,size:u,buttonType:d,isLoading:g,inverse:h,matchParentWidth:y,darkMode:E,activated:I,error:R,buttonColor:T},B,{children:t.jsxRuntimeExports.jsxs("div",Object.assign({className:"button-container"},{children:[d.startsWith("dash")&&t.jsxRuntimeExports.jsx(o.ButtonCustomDashedBorder,{}),t.jsxRuntimeExports.jsx("div",Object.assign({className:"overlay-container"},{children:g&&t.jsxRuntimeExports.jsx(n.Spinner,{className:"spinner",size:"small",color:i.SpinnerColorMap(d,h)})})),j&&t.jsxRuntimeExports.jsx("div",Object.assign({className:"icon-component"},{children:a.default.createElement(j,_)})),p&&t.jsxRuntimeExports.jsx("div",Object.assign({className:"icon-leading",style:Object.assign({zIndex:1},z)},{children:a.default.createElement(p,_)})),x?t.jsxRuntimeExports.jsxs(S,Object.assign({className:"text",style:{color:f,fontSize:N}},{children:[x,t.jsxRuntimeExports.jsx("div",Object.assign({className:"text-subtitle"},{children:C}))]})):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{}),b&&t.jsxRuntimeExports.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:a.default.createElement(b,_)}))]}))}))}));c.displayName="Button",exports.Button=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),s=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_back.svg.js"),i=require("../../assets/icons/cross.svg.js"),r=require("../../assets/icons/plus.svg.js"),a=require("../../assets/icons/triangle_error.svg.js"),n=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),s=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_back.svg.js"),i=require("../../assets/icons/cross.svg.js"),r=require("../../assets/icons/plus.svg.js"),a=require("../../assets/icons/triangle_error.svg.js"),n=require("react"),l=require("../../constants/Theme.js"),o=require("../accordion/Accordion.js"),c=require("../icon-button/IconButton.js"),d=require("../input/Input.js"),u=require("../list-item/ListItem.js"),x=require("../switch/Switch.js"),j=require("../tooltips/Tooltip.js"),p=require("../TypographyStyle.js"),h=require("./context.js"),m=require("./DefaultVariableContent.js"),b=require("./highlightSearchText.js"),g=require("./model.js"),R=require("./NoResult.js"),y=require("./recommendVaribles.js"),f=require("./searchVariables.js"),v=require("./styles.js"),E=require("./SubHeaderItems.js");const O=/.*\..*/;exports.VariablePickerContent=S=>{const{data:C,onSelect:V,showHeader:k,showBackButton:w,hideHeaderCross:q,onBackButtonClick:T,isEvaluationList:B,autoOpenFirst:I,headerText:L,contentHeight:N,onDefaultVariableSelect:D,skipDefaultVariableContent:_}=S,[H,P]=n.useState(C),[$,F]=n.useState(""),[A,M]=n.useState([]),[W,z]=n.useState(""),[K,G]=n.useState(!1),[J,Q]=n.useState([]),[U,X]=n.useState(!1),[Y,Z]=n.useState(),ee=U&&S.type===g.PickerType.EMBEDDED&&!q;n.useEffect((()=>{se(!0)}),[]),n.useEffect((()=>{A.length>0?Q([A[A.length-1]]):Q(C)}),[A]);const se=s=>e.__awaiter(void 0,void 0,void 0,(function*(){if(G(s),s){const e=y.showOnlyRecommendedVariables(H,A);P(e)}else if(A.length>0){const e=W==A[A.length-1].displayName;if($.length>0&&e){const e=f.searchVariables($,J,A);P(e)}else P([A[A.length-1].variables])}else if($.length>0){const e=f.searchVariables($,J,A);P(e)}else P(C)})),te=()=>{if(N)return N;let e=131;return A.length>0&&(e+=32),(S.showHeader||S.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},ie=e=>{if(!S.disabled)if(B){const s=(e=>{if(e.actualValue.match(O)){const s=e.actualValue.replace("{{","").replace("}}","").split(".");let t=s[0];return s.forEach(((e,s)=>{if(0===s)return;const i=(e=>/\w+\[\d+\]/g.test(e))(e);if(i){const s=e.match(/(\w+)\[(\d+)\]/);if(s){const e=s[1],i=s[2];t+=`['${e}'][${i}]`}}else t+=`['${e}']`})),t}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);V(Object.assign(Object.assign({},e),{actualValue:s}))}else{if(e.isDefaultValueSupported&&!_)return Z(e),void X(!0);V(e)}};return s.jsxRuntimeExports.jsx(h.VariablePickerContext.Provider,Object.assign({value:{variables:H,searchText:$,subHeaderStack:A,showRecommended:K,setSubHeaderStack:M,setSearchText:F,setVariables:P,setShowRecommended:G}},{children:s.jsxRuntimeExports.jsxs("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(k||w||U)&&s.jsxRuntimeExports.jsxs(v.HeaderWrapper,Object.assign({openDefault:U},{children:[s.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(w||U)&&s.jsxRuntimeExports.jsx(c.IconButton,{Icon:()=>s.jsxRuntimeExports.jsx(t.default,{width:16,height:16,style:{display:"flex",color:l.COLORS.content.primary}}),onClick:()=>{U?X(!1):T&&T()}}),(k||U)&&s.jsxRuntimeExports.jsx(p.TitleRegular,{children:U?"Set up":null!=L?L:"Select Variable"})]})),ee&&s.jsxRuntimeExports.jsx(c.IconButton,{style:{color:"#212121"},Icon:i.default,onClick:()=>S.onClose&&S.onClose()})]})),U&&Y&&!_?s.jsxRuntimeExports.jsx(m.DefaultVariableContent,{variable:Y,onInsertVariable:e=>{V(e),null==D||D(e)}}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:l.COLORS.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:s.jsxRuntimeExports.jsx(d.Input,{id:"search-bar-v3-picker",onBlur:e=>{S.onSearchBlur&&S.onSearchBlur(e)},value:$,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||z("");const s=f.searchVariables(e,J,A);if(K){const e=y.showOnlyRecommendedVariables(s,A);P(e)}else P(s);F(e);const t=A.length>0?A[A.length-1].displayName:"home";z(t)}})})),s.jsxRuntimeExports.jsxs(v.RecommendWrapper,{children:[s.jsxRuntimeExports.jsx(p.BodySecondary,Object.assign({style:{color:l.COLORS.content.secondary}},{children:"Only Recommended"})),s.jsxRuntimeExports.jsx(x.Switch,{value:K,onValueChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield se(s)}))})]}),A.length>0&&s.jsxRuntimeExports.jsxs(v.BackHeader,{children:[s.jsxRuntimeExports.jsx("div",Object.assign({style:{position:"absolute",left:16}},{children:s.jsxRuntimeExports.jsx(c.IconButton,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>s.jsxRuntimeExports.jsx(t.default,{width:12,height:12,style:{color:l.COLORS.content.secondary}}),onClick:e=>{e.stopPropagation();let s=$;const t=[...A],i=t.pop();if(M(t),i.displayName===W&&(F(""),s=""),s.length>0){const e=t.length>0?[t[t.length-1]]:C,i=f.searchVariables(s,e,t);if(K){const e=y.showOnlyRecommendedVariables(i,t);P(e)}else P(i)}else if(t.length>0)if(K){const e=y.showOnlyRecommendedVariables([t[t.length-1].variables],t);P(e)}else P([t[t.length-1].variables]);else if(K){const e=y.showOnlyRecommendedVariables(C,A);P(e)}else P(C)}})})),s.jsxRuntimeExports.jsx(p.BodyCaption,Object.assign({style:{color:l.COLORS.content.secondary}},{children:A[A.length-1].displayName}))]}),s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:H.length>0?s.jsxRuntimeExports.jsx(v.Container,Object.assign({height:te()},{children:H.map(((e,t)=>{var i,n;return e.displayName&&void 0!==e.variables?s.jsxRuntimeExports.jsx("div",Object.assign({style:{borderBottom:`1px solid ${l.COLORS.stroke.primary}`}},{children:s.jsxRuntimeExports.jsx(o.BikAccordion,Object.assign({autoOpen:I&&0===t,headerPadding:"12px 16px",header:s.jsxRuntimeExports.jsx(p.TitleSmall,Object.assign({style:{color:l.COLORS.content.secondary}},{children:b.highlightSearchText(e.displayName,$)}))},{children:s.jsxRuntimeExports.jsx(E.default,{parentVariable:e,disabled:null!==(i=S.disabled)&&void 0!==i&&i,searchText:$,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!_)return Z(e),void X(!0);V(e)}})}))}),e.displayName+K):e.displayName?s.jsxRuntimeExports.jsx(j.Tooltip,Object.assign({body:E.renderTooltipBody(e),placement:"bottom"},{children:s.jsxRuntimeExports.jsx(u.ListItem,{variant:S.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||S.disabled?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{}):s.jsxRuntimeExports.jsx("div",Object.assign({style:{flexShrink:0}},{children:s.jsxRuntimeExports.jsx(r.default,{width:14,height:14})})),customListItemLabel:s.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[s.jsxRuntimeExports.jsx(p.BodySecondary,Object.assign({style:{fontSize:"14px",color:l.COLORS.text.primary}},{children:b.highlightSearchText(e.displayName,$)})),!e.isAvailable&&s.jsxRuntimeExports.jsx(j.Tooltip,Object.assign({body:"Not Recommended"},{children:s.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:s.jsxRuntimeExports.jsx(a.default,{width:16,height:16,color:l.COLORS.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>ie(e)},t)}),t):s.jsxRuntimeExports.jsx(E.default,{disabled:null!==(n=S.disabled)&&void 0!==n&&n,searchText:$,variable:e,onSelect:e=>ie(e)},t)}))})):s.jsxRuntimeExports.jsx(R.default,{height:te(),searchText:$})})]})]}))}))};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default EventsTrigger;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default IGTrigger;
|
package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DropdownOption } from "../../../dropdown/type";
|
|
3
|
-
import { QueryBuilderProperty } from "../../
|
|
4
|
-
import { QueryBuilderNodeProps } from "../../
|
|
3
|
+
import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
|
|
4
|
+
import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
|
|
5
5
|
declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
|
|
6
6
|
cacheKey: string;
|
|
7
7
|
propertyAddBtnText: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import s,{forwardRef as n}from"react";import{Spinner as o}from"../spinner/Spinner.js";import{Button as i,ButtonCustomDashedBorder as a}from"./Button.styled.js";import{getButtonIconColor as r,SpinnerColorMap as c,GetButtonTextComponent as l}from"./themes.js";const d=n(((n,d)=>{var{version:m,id:b,buttonType:j="primary",size:u="small",buttonText:g,disabled:h,IconComponent:x,LeadingIcon:p,TrailingIcon:v,isLoading:y,inverse:C,onClick:I,matchParentWidth:
|
|
1
|
+
import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import s,{forwardRef as n}from"react";import{Spinner as o}from"../spinner/Spinner.js";import{Button as i,ButtonCustomDashedBorder as a}from"./Button.styled.js";import{getButtonIconColor as r,SpinnerColorMap as c,GetButtonTextComponent as l}from"./themes.js";const d=n(((n,d)=>{var{version:m,id:b,buttonType:j="primary",size:u="small",buttonText:g,disabled:h,IconComponent:x,LeadingIcon:p,TrailingIcon:v,isLoading:y,inverse:C,onClick:I,matchParentWidth:N,subtitle:z,darkMode:O,activated:T,error:f,buttonTextColor:k,buttonFontSize:L,customIconColor:S,buttonColor:W,LeadingIconStyles:B}=n,E=t(n,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const F=l(u,j,h),M=r(u,j,C,h,y,O),P="chip"===u?16:20,_={height:P,width:P,color:S||M,style:{display:"block"},className:"icon"};return e.jsx(i,Object.assign({"data-test":E["data-test"],version:m,onClick:y?()=>{}:I,ref:d,id:b,disabled:h,size:u,buttonType:j,isLoading:y,inverse:C,matchParentWidth:N,darkMode:O,activated:T,error:f,buttonColor:W},E,{children:e.jsxs("div",Object.assign({className:"button-container"},{children:[j.startsWith("dash")&&e.jsx(a,{}),e.jsx("div",Object.assign({className:"overlay-container"},{children:y&&e.jsx(o,{className:"spinner",size:"small",color:c(j,C)})})),x&&e.jsx("div",Object.assign({className:"icon-component"},{children:s.createElement(x,_)})),p&&e.jsx("div",Object.assign({className:"icon-leading",style:Object.assign({zIndex:1},B)},{children:s.createElement(p,_)})),g?e.jsxs(F,Object.assign({className:"text",style:{color:k,fontSize:L}},{children:[g,e.jsx("div",Object.assign({className:"text-subtitle"},{children:z}))]})):e.jsx(e.Fragment,{}),v&&e.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:s.createElement(v,_)}))]}))}))}));d.displayName="Button";export{d as Button};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../_virtual/_tslib.js";import{j as s}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/arrow_back.svg.js";import i from"../../assets/icons/cross.svg.js";import o from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/triangle_error.svg.js";import{useState as a,useEffect as n}from"react";import{COLORS as r}from"../../constants/Theme.js";import{BikAccordion as c}from"../accordion/Accordion.js";import{IconButton as d}from"../icon-button/IconButton.js";import{Input as h}from"../input/Input.js";import{ListItem as m}from"../list-item/ListItem.js";import{Switch as p}from"../switch/Switch.js";import{Tooltip as j}from"../tooltips/Tooltip.js";import{TitleRegular as u,BodySecondary as g,BodyCaption as b,TitleSmall as x}from"../TypographyStyle.js";import{VariablePickerContext as f}from"./context.js";import{DefaultVariableContent as v}from"./DefaultVariableContent.js";import{highlightSearchText as y}from"./highlightSearchText.js";import{PickerType as O}from"./model.js";import S from"./NoResult.js";import{showOnlyRecommendedVariables as k}from"./recommendVaribles.js";import{searchVariables as
|
|
1
|
+
import{__awaiter as e}from"../../_virtual/_tslib.js";import{j as s}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/arrow_back.svg.js";import i from"../../assets/icons/cross.svg.js";import o from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/triangle_error.svg.js";import{useState as a,useEffect as n}from"react";import{COLORS as r}from"../../constants/Theme.js";import{BikAccordion as c}from"../accordion/Accordion.js";import{IconButton as d}from"../icon-button/IconButton.js";import{Input as h}from"../input/Input.js";import{ListItem as m}from"../list-item/ListItem.js";import{Switch as p}from"../switch/Switch.js";import{Tooltip as j}from"../tooltips/Tooltip.js";import{TitleRegular as u,BodySecondary as g,BodyCaption as b,TitleSmall as x}from"../TypographyStyle.js";import{VariablePickerContext as f}from"./context.js";import{DefaultVariableContent as v}from"./DefaultVariableContent.js";import{highlightSearchText as y}from"./highlightSearchText.js";import{PickerType as O}from"./model.js";import S from"./NoResult.js";import{showOnlyRecommendedVariables as k}from"./recommendVaribles.js";import{searchVariables as V}from"./searchVariables.js";import{HeaderWrapper as w,RecommendWrapper as C,BackHeader as T,Container as I}from"./styles.js";import N,{renderTooltipBody as B}from"./SubHeaderItems.js";const D=/.*\..*/,R=R=>{const{data:E,onSelect:H,showHeader:L,showBackButton:$,hideHeaderCross:_,onBackButtonClick:F,isEvaluationList:P,autoOpenFirst:A,headerText:z,contentHeight:K,onDefaultVariableSelect:M,skipDefaultVariableContent:q}=R,[G,J]=a(E),[Q,U]=a(""),[W,X]=a([]),[Y,Z]=a(""),[ee,se]=a(!1),[te,ie]=a([]),[oe,le]=a(!1),[ae,ne]=a(),re=oe&&R.type===O.EMBEDDED&&!_;n((()=>{ce(!0)}),[]),n((()=>{W.length>0?ie([W[W.length-1]]):ie(E)}),[W]);const ce=s=>e(void 0,void 0,void 0,(function*(){if(se(s),s){const e=k(G,W);J(e)}else if(W.length>0){const e=Y==W[W.length-1].displayName;if(Q.length>0&&e){const e=V(Q,te,W);J(e)}else J([W[W.length-1].variables])}else if(Q.length>0){const e=V(Q,te,W);J(e)}else J(E)})),de=()=>{if(K)return K;let e=131;return W.length>0&&(e+=32),(R.showHeader||R.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},he=e=>{if(!R.disabled)if(P){const s=(e=>{if(e.actualValue.match(D)){const s=e.actualValue.replace("{{","").replace("}}","").split(".");let t=s[0];return s.forEach(((e,s)=>{if(0===s)return;const i=(e=>/\w+\[\d+\]/g.test(e))(e);if(i){const s=e.match(/(\w+)\[(\d+)\]/);if(s){const e=s[1],i=s[2];t+=`['${e}'][${i}]`}}else t+=`['${e}']`})),t}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);H(Object.assign(Object.assign({},e),{actualValue:s}))}else{if(e.isDefaultValueSupported&&!q)return ne(e),void le(!0);H(e)}};return s.jsx(f.Provider,Object.assign({value:{variables:G,searchText:Q,subHeaderStack:W,showRecommended:ee,setSubHeaderStack:X,setSearchText:U,setVariables:J,setShowRecommended:se}},{children:s.jsxs("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(L||$||oe)&&s.jsxs(w,Object.assign({openDefault:oe},{children:[s.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[($||oe)&&s.jsx(d,{Icon:()=>s.jsx(t,{width:16,height:16,style:{display:"flex",color:r.content.primary}}),onClick:()=>{oe?le(!1):F&&F()}}),(L||oe)&&s.jsx(u,{children:oe?"Set up":null!=z?z:"Select Variable"})]})),re&&s.jsx(d,{style:{color:"#212121"},Icon:i,onClick:()=>R.onClose&&R.onClose()})]})),oe&&ae&&!q?s.jsx(v,{variable:ae,onInsertVariable:e=>{H(e),null==M||M(e)}}):s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:r.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:s.jsx(h,{id:"search-bar-v3-picker",onBlur:e=>{R.onSearchBlur&&R.onSearchBlur(e)},value:Q,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||Z("");const s=V(e,te,W);if(ee){const e=k(s,W);J(e)}else J(s);U(e);const t=W.length>0?W[W.length-1].displayName:"home";Z(t)}})})),s.jsxs(C,{children:[s.jsx(g,Object.assign({style:{color:r.content.secondary}},{children:"Only Recommended"})),s.jsx(p,{value:ee,onValueChange:s=>e(void 0,void 0,void 0,(function*(){yield ce(s)}))})]}),W.length>0&&s.jsxs(T,{children:[s.jsx("div",Object.assign({style:{position:"absolute",left:16}},{children:s.jsx(d,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>s.jsx(t,{width:12,height:12,style:{color:r.content.secondary}}),onClick:e=>{e.stopPropagation();let s=Q;const t=[...W],i=t.pop();if(X(t),i.displayName===Y&&(U(""),s=""),s.length>0){const e=t.length>0?[t[t.length-1]]:E,i=V(s,e,t);if(ee){const e=k(i,t);J(e)}else J(i)}else if(t.length>0)if(ee){const e=k([t[t.length-1].variables],t);J(e)}else J([t[t.length-1].variables]);else if(ee){const e=k(E,W);J(e)}else J(E)}})})),s.jsx(b,Object.assign({style:{color:r.content.secondary}},{children:W[W.length-1].displayName}))]}),s.jsx(s.Fragment,{children:G.length>0?s.jsx(I,Object.assign({height:de()},{children:G.map(((e,t)=>{var i,a;return e.displayName&&void 0!==e.variables?s.jsx("div",Object.assign({style:{borderBottom:`1px solid ${r.stroke.primary}`}},{children:s.jsx(c,Object.assign({autoOpen:A&&0===t,headerPadding:"12px 16px",header:s.jsx(x,Object.assign({style:{color:r.content.secondary}},{children:y(e.displayName,Q)}))},{children:s.jsx(N,{parentVariable:e,disabled:null!==(i=R.disabled)&&void 0!==i&&i,searchText:Q,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!q)return ne(e),void le(!0);H(e)}})}))}),e.displayName+ee):e.displayName?s.jsx(j,Object.assign({body:B(e),placement:"bottom"},{children:s.jsx(m,{variant:R.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||R.disabled?s.jsx(s.Fragment,{}):s.jsx("div",Object.assign({style:{flexShrink:0}},{children:s.jsx(o,{width:14,height:14})})),customListItemLabel:s.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[s.jsx(g,Object.assign({style:{fontSize:"14px",color:r.text.primary}},{children:y(e.displayName,Q)})),!e.isAvailable&&s.jsx(j,Object.assign({body:"Not Recommended"},{children:s.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:s.jsx(l,{width:16,height:16,color:r.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>he(e)},t)}),t):s.jsx(N,{disabled:null!==(a=R.disabled)&&void 0!==a&&a,searchText:Q,variable:e,onSelect:e=>he(e)},t)}))})):s.jsx(S,{height:de(),searchText:Q})})]})]}))}))};export{R as VariablePickerContent};
|