@bikdotai/bik-component-library 0.0.528-beta.0 → 0.0.528

package/dist/esm/components/variable-picker-v3/NoResult.js

@@ -1,17 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/search.svg.js";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{TitleMedium as i,BodySecondary as s}from"../TypographyStyle.js";const c=n=>e(a,Object.assign({height:n.height},{children:[t(d,{children:t(r,{width:24,height:24,color:o.background.brand})}),e("div",Object.assign({style:{textAlign:"center"}},{children:[t(i,{children:"No results found"}),n.searchText?t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${n.searchText}"`})):t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]})),a=n.div`
-	display: flex;
-	gap: 16px;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 0 16px;
-	height: ${e=>e.height};
-`,d=n.div`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background-color: ${o.background.brandLight};
-	width: 48px;
-	height: 48px;
-	border-radius: 24px;
-`;export{c as default};

package/dist/esm/components/variable-picker-v3/SubHeaderItems.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';
-type SubHeaderProps = {
-    parentVariable?: VariableListInterfaceV3;
-    disabled: boolean;
-    searchText: string;
-    onSelect: (variable: VariableV3) => void;
-    variable: {
-        [key: string]: SubHeader | VariableV3;
-    };
-};
-export declare const renderTooltipBody: (variable: VariableV3) => string;
-declare const SubHeaderItem: React.FC<SubHeaderProps>;
-export default SubHeaderItem;

package/dist/esm/components/variable-picker-v3/SubHeaderItems.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import s from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import a from"../../assets/icons/sub_category.svg.js";import l from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as n}from"lodash";import{COLORS as r}from"../../constants/Theme.js";import{ListItem as c}from"../list-item/ListItem.js";import{Tooltip as m}from"../tooltips/Tooltip.js";import{BodySecondary as d}from"../TypographyStyle.js";import{highlightSearchText as p}from"./Content.js";import{useVariablePickerContext as b}from"./context.js";import{showOnlyRecommendedVariables as v}from"./recommendVaribles.js";const g=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},h=h=>{const{onSelect:y,variable:f,searchText:j,disabled:u,parentVariable:x}=h,{subHeaderStack:O,setSubHeaderStack:I,setVariables:N,showRecommended:S}=b();return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(f).map(((b,h)=>{if(void 0===f[b].variables){const s=f[b];return e(m,Object.assign({body:g(s),placement:"bottom"},{children:e(c,{variant:u?"inactive":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)?e(t,{}):e(o,{width:14,height:14}),customListItemLabel:i("div",Object.assign({style:{display:"flex",gap:4}},{children:[e(d,Object.assign({style:{fontSize:"14px",color:u?r.content.inactive:r.text.primary}},{children:p(s.displayName,j)})),!s.isAvailable&&e(m,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e(l,{width:16,height:16,color:r.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{y(s)}})}),h)}return e(m,Object.assign({body:g(f[b]),placement:"bottom"},{children:e(c,{variant:u?"inactive":"default",version:"2.0",listItem:{label:f[b].displayName,value:f[b].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(d,Object.assign({style:{fontSize:"14px",color:u?r.content.inactive:r.text.primary}},{children:p(f[b].displayName,j)}))})),leadingIcon:e(a,{width:14,height:14}),subText:f[b].description||"",trailingIcon:e(s,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=n(f[b]);void 0!==x&&(e.contextQ=[x.displayName]);const t=[...O,e];if(I(t),S){const i=v([e.variables],t);N(i)}else N([e.variables])}})}),h)}))}))};export{h as default,g as renderTooltipBody};

package/dist/esm/components/variable-picker-v3/VariablePicker.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { VariablePickerV3Props } from './model';
-type Props = VariablePickerV3Props;
-export declare const VariablePicker: React.FC<Props>;
-export default VariablePicker;

package/dist/esm/components/variable-picker-v3/VariablePicker.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as i}from"../modals/modal.styled.js";import{VariablePickerContent as r}from"./Content.js";import{PickerType as n}from"./model.js";const d=d=>{var c;const{type:h}=d;return h==n.FLOATER?t("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:d.width?d.width:344,borderRadius:4,height:"100%"}},{children:[s(r,Object.assign({},d)),s(i,Object.assign({onClick:()=>{d.onClose&&d.onClose()}},{children:s(o,{height:20,width:20,color:e.content.secondary})}))]})):s("div",Object.assign({style:{width:null!==(c=d.width)&&void 0!==c?c:"100%",height:"100%"}},{children:s(r,Object.assign({},d))}))};export{d as VariablePicker,d as default};

package/dist/esm/components/variable-picker-v3/context.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export declare const VariablePickerContext: React.Context<{
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-}>;
-export declare const useVariablePickerContext: () => {
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-};

package/dist/esm/components/variable-picker-v3/context.js

@@ -1 +0,0 @@
-import e,{useContext as t}from"react";const a=e.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}}),r=()=>t(a);export{a as VariablePickerContext,r as useVariablePickerContext};

package/dist/esm/components/variable-picker-v3/index.d.ts

@@ -1 +0,0 @@
-export * from './VariablePicker';

package/dist/esm/components/variable-picker-v3/model.d.ts

@@ -1,57 +0,0 @@
-export declare enum PickerType {
-    FLOATER = "floater",
-    EMBEDDED = "embedded"
-}
-export interface VariablePickerV3Props {
-    type: PickerType;
-    data: VariableListInterfaceV3[];
-    onSelect: (variable: VariableV3) => void;
-    width?: string;
-    onClose?: () => void;
-    showHeader?: boolean;
-    showBackButton?: boolean;
-    onBackButtonClick?: () => void;
-    onSearchBlur?: (e: any) => void;
-    isEvaluationList?: boolean;
-    hideHeaderCross?: boolean;
-    disabled?: boolean;
-    autoOpenFirst?: boolean;
-    headerText?: string;
-}
-export interface VariableListInterfaceV3 {
-    isSubHeader?: boolean;
-    displayName: string;
-    description: string;
-    orderId?: number;
-    isAvailable?: boolean;
-    contextQ?: string[];
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface SubHeader {
-    isSubHeader: boolean;
-    isAvailable: boolean;
-    displayName: string;
-    description: string;
-    contextQ?: string[];
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface VariableV3 {
-    contextQ?: string[];
-    selected?: boolean;
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: VariableV3;
-    };
-    needsFetching?: boolean;
-}

package/dist/esm/components/variable-picker-v3/model.js

@@ -1 +0,0 @@
-var e;!function(e){e.FLOATER="floater",e.EMBEDDED="embedded"}(e||(e={}));export{e as PickerType};

package/dist/esm/components/variable-picker-v3/recommendVaribles.d.ts

@@ -1 +0,0 @@
-export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;

package/dist/esm/components/variable-picker-v3/recommendVaribles.js

@@ -1 +0,0 @@
-const e=(e,i)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:Object.assign(Object.assign({},e),{variables:i})}if(void 0===e.variables){return a(e)}{const s=a(e.variables);return i.length?s:Object.assign(Object.assign({},e),{variables:s})}})).filter((e=>Object.keys(e).length>0)),a=e=>Object.keys(e).reduce(((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a)),{});export{e as showOnlyRecommendedVariables};

package/dist/esm/components/variable-picker-v3/searchVariables.d.ts

@@ -1,2 +0,0 @@
-import { VariableListInterfaceV3 } from './model';
-export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];

package/dist/esm/components/variable-picker-v3/searchVariables.js

@@ -1 +0,0 @@
-const e=(e,s,t)=>{if(!e)return t.length>0?[t[t.length-1].variables]:s;const i=[];return s.forEach((s=>{if(t.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[s.displayName])}})),i},a=function(e,s,t){let i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(e.toLowerCase())&&t.push(s[l].isSubHeader?{[l]:Object.assign(Object.assign({},s[l]),{contextQ:i})}:Object.assign(Object.assign({},s[l]),{contextQ:i})),s[l].variables&&Object.keys(s[l].variables).length&&a(e,s[l].variables,t,[...i,s[l].displayName])}))};export{e as searchVariables};

package/dist/esm/components/variable-picker-v3/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    height: string;
-}, never>;

package/dist/esm/components/variable-picker-v3/styles.js

@@ -1,40 +0,0 @@
-import e from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const o=e.div`
-	display: flex;
-	align-items: center;
-	padding: 12px 16px 0px 16px;
-	background-color: ${t.surface.subdued};
-	justify-content: space-between;
-`,i=e.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 12px 16px;
-	background-color: ${t.surface.subdued};
-	border-bottom: 1px solid ${t.stroke.primary};
-`,r=e.div`
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 32px;
-	background-color: ${t.background.base};
-`,n=e.div`
-	margin: 8px;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	height: ${e=>e.height};
-	overflow: scroll;
-	&::-webkit-scrollbar-thumb {
-		background-color: #e0e0e0 !important;
-		border-radius: 8px;
-	}
-	&::-webkit-scrollbar {
-		height: 5px;
-		display: block;
-		width: 8px;
-	}
-	&::-webkit-scrollbar-thumb:horizontal {
-		width: 8px;
-	}
-`;export{r as BackHeader,n as Container,o as HeaderWrapper,i as RecommendWrapper};