@bikdotai/bik-component-library 0.0.503 → 0.0.504-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.
Files changed (31) hide show
  1. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  2. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  3. package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  4. package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  5. package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  6. package/dist/cjs/components/list-item/ListItem.js +1 -1
  7. package/dist/cjs/components/variable-picker-v3/NoResult.d.ts +2 -0
  8. package/dist/cjs/components/variable-picker-v3/SubHeaderItems.d.ts +10 -0
  9. package/dist/cjs/components/variable-picker-v3/VariablePicker.d.ts +5 -0
  10. package/dist/cjs/components/variable-picker-v3/context.d.ts +21 -0
  11. package/dist/cjs/components/variable-picker-v3/index.d.ts +1 -0
  12. package/dist/cjs/components/variable-picker-v3/model.d.ts +41 -0
  13. package/dist/cjs/components/variable-picker-v3/recommendVaribles.d.ts +1 -0
  14. package/dist/cjs/components/variable-picker-v3/searchVariables.d.ts +2 -0
  15. package/dist/cjs/components/variable-picker-v3/styles.d.ts +1 -0
  16. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  17. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  18. package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  19. package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  20. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  21. package/dist/esm/components/list-item/ListItem.js +1 -1
  22. package/dist/esm/components/variable-picker-v3/NoResult.d.ts +2 -0
  23. package/dist/esm/components/variable-picker-v3/SubHeaderItems.d.ts +10 -0
  24. package/dist/esm/components/variable-picker-v3/VariablePicker.d.ts +5 -0
  25. package/dist/esm/components/variable-picker-v3/context.d.ts +21 -0
  26. package/dist/esm/components/variable-picker-v3/index.d.ts +1 -0
  27. package/dist/esm/components/variable-picker-v3/model.d.ts +41 -0
  28. package/dist/esm/components/variable-picker-v3/recommendVaribles.d.ts +1 -0
  29. package/dist/esm/components/variable-picker-v3/searchVariables.d.ts +2 -0
  30. package/dist/esm/components/variable-picker-v3/styles.d.ts +1 -0
  31. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
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 "../../../types/QueryBuilderAPI.type";
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 "../../../types/QueryBuilderNodeProps.type";
2
+ import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
3
3
  declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
4
4
  export default IGTrigger;
@@ -1,2 +1,2 @@
1
- import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
1
+ import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
2
2
  export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { DropdownOption } from "../../../dropdown/type";
3
- import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
4
- import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
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("react/jsx-runtime"),i=require("react"),r=require("./themes.js"),s=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),o=require("./ListItem.styled.js");const l=i.forwardRef(((i,l)=>{var{id:a,onSelect:c,variant:d="default",trailingIcon:m,leadingIcon:u,subText:j,listItem:x,borderBottom:y,customComponent:g,version:p}=i,v=e.__rest(i,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","version"]);return t.jsx(o.ListItem,Object.assign({ref:l,id:a,variant:d,onClick:()=>c&&c(x),borderBottom:y,version:p},v,{children:g?t.jsx(t.Fragment,{children:g}):t.jsxs("div",Object.assign({style:{display:"flex",alignItems:"All"===x.value?"flex-start":"center",gap:8}},{children:[!!u&&u,t.jsxs("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!x&&t.jsx(s.BodySecondary,Object.assign({style:{fontSize:("2.0"===p?12:14)+"px",color:r.getColor(d)}},{children:x.label})),!!j&&t.jsx(s.BodyCaption,Object.assign({style:{color:"inactive"===d?n.COLORS.content.inactive:n.COLORS.text.secondary}},{children:j}))]})),!!m&&t.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:m}))]}))}))}));l.displayName="ListItem",exports.ListItem=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("./themes.js"),s=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),o=require("./ListItem.styled.js");const l=i.forwardRef(((i,l)=>{var{id:a,onSelect:c,variant:d="default",trailingIcon:m,leadingIcon:u,subText:j,listItem:x,borderBottom:y,customComponent:g,version:p}=i,v=e.__rest(i,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","version"]);return t.jsx(o.ListItem,Object.assign({ref:l,id:a,variant:d,onClick:()=>c&&c(x),borderBottom:y,version:p},v,{children:g?t.jsx(t.Fragment,{children:g}):t.jsxs("div",Object.assign({style:{display:"flex",alignItems:"All"===x.value?"flex-start":"center",gap:8,width:"100%"}},{children:[!!u&&u,t.jsxs("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!x&&t.jsx(s.BodySecondary,Object.assign({style:{fontSize:("2.0"===p?12:14)+"px",color:r.getColor(d)}},{children:x.label})),!!j&&t.jsx(s.BodyCaption,Object.assign({style:{color:"inactive"===d?n.COLORS.content.inactive:n.COLORS.text.secondary}},{children:j}))]})),!!m&&t.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:m}))]}))}))}));l.displayName="ListItem",exports.ListItem=l;
@@ -0,0 +1,2 @@
1
+ declare const NoResult: () => import("react/jsx-runtime").JSX.Element;
2
+ export default NoResult;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { SubHeader, VariableV3 } from './model';
3
+ type SubHeaderProps = {
4
+ onSelect: (variable: VariableV3) => void;
5
+ variable: {
6
+ [key: string]: SubHeader | VariableV3;
7
+ };
8
+ };
9
+ declare const SubHeaderItem: React.FC<SubHeaderProps>;
10
+ export default SubHeaderItem;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { VariablePickerV3Props } from './model';
3
+ type Props = VariablePickerV3Props;
4
+ export declare const VariablePicker: React.FC<Props>;
5
+ export default VariablePicker;
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ export declare const VariablePickerContext: React.Context<{
3
+ searchText: string;
4
+ setSearchText: React.Dispatch<React.SetStateAction<string>>;
5
+ subHeaderStack: any[];
6
+ setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
7
+ variables: any[];
8
+ setVariables: React.Dispatch<React.SetStateAction<any[]>>;
9
+ showRecommended: boolean;
10
+ setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
11
+ }>;
12
+ export declare const useVariablePickerContext: () => {
13
+ searchText: string;
14
+ setSearchText: React.Dispatch<React.SetStateAction<string>>;
15
+ subHeaderStack: any[];
16
+ setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
17
+ variables: any[];
18
+ setVariables: React.Dispatch<React.SetStateAction<any[]>>;
19
+ showRecommended: boolean;
20
+ setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
21
+ };
@@ -0,0 +1 @@
1
+ export * from './VariablePicker';
@@ -0,0 +1,41 @@
1
+ export declare enum PickerType {
2
+ MODAL = "modal",
3
+ EMBEDDED = "embedded"
4
+ }
5
+ export interface VariablePickerV3Props {
6
+ type: PickerType;
7
+ data: VariableListInterfaceV3[];
8
+ onSelect: (variable: VariableV3) => void;
9
+ }
10
+ export interface VariableListInterfaceV3 {
11
+ isSubHeader?: boolean;
12
+ displayName: string;
13
+ description: string;
14
+ orderId?: number;
15
+ variables?: {
16
+ [key: string]: SubHeader | VariableV3;
17
+ };
18
+ }
19
+ export interface SubHeader {
20
+ isSubHeader: boolean;
21
+ isAvailable: boolean;
22
+ displayName: string;
23
+ description: string;
24
+ variables?: {
25
+ [key: string]: SubHeader | VariableV3;
26
+ };
27
+ }
28
+ export interface VariableV3 {
29
+ description?: string;
30
+ defaultValue?: string;
31
+ displayName: string;
32
+ actualValue: string;
33
+ variableType: string;
34
+ isAvailable: boolean;
35
+ actualValueEval?: string;
36
+ isSubHeader?: boolean;
37
+ variables?: {
38
+ [key: string]: VariableV3;
39
+ };
40
+ needsFetching?: boolean;
41
+ }
@@ -0,0 +1 @@
1
+ export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;
@@ -0,0 +1,2 @@
1
+ import { VariableListInterfaceV3 } from './model';
2
+ export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];
@@ -0,0 +1 @@
1
+ export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
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 "../../../types/QueryBuilderAPI.type";
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 "../../../types/QueryBuilderNodeProps.type";
2
+ import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
3
3
  declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
4
4
  export default IGTrigger;
@@ -1,2 +1,2 @@
1
- import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
1
+ import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
2
2
  export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { DropdownOption } from "../../../dropdown/type";
3
- import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
4
- import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
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{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as n}from"./themes.js";import{BodySecondary as s,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{ListItem as c}from"./ListItem.styled.js";const m=r(((r,m)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:g,leadingIcon:v,subText:y,listItem:b,borderBottom:j,customComponent:x,version:u}=r,h=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","version"]);return e(c,Object.assign({ref:m,id:d,variant:f,onClick:()=>p&&p(b),borderBottom:j,version:u},h,{children:x?e(i,{children:x}):o("div",Object.assign({style:{display:"flex",alignItems:"All"===b.value?"flex-start":"center",gap:8}},{children:[!!v&&v,o("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!b&&e(s,Object.assign({style:{fontSize:("2.0"===u?12:14)+"px",color:n(f)}},{children:b.label})),!!y&&e(l,Object.assign({style:{color:"inactive"===f?a.content.inactive:a.text.secondary}},{children:y}))]})),!!g&&e("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:g}))]}))}))}));m.displayName="ListItem";export{m as ListItem};
1
+ import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as n}from"./themes.js";import{BodySecondary as s,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{ListItem as c}from"./ListItem.styled.js";const m=r(((r,m)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:g,leadingIcon:v,subText:y,listItem:b,borderBottom:j,customComponent:x,version:h}=r,u=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","version"]);return e(c,Object.assign({ref:m,id:d,variant:f,onClick:()=>p&&p(b),borderBottom:j,version:h},u,{children:x?e(i,{children:x}):o("div",Object.assign({style:{display:"flex",alignItems:"All"===b.value?"flex-start":"center",gap:8,width:"100%"}},{children:[!!v&&v,o("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!b&&e(s,Object.assign({style:{fontSize:("2.0"===h?12:14)+"px",color:n(f)}},{children:b.label})),!!y&&e(l,Object.assign({style:{color:"inactive"===f?a.content.inactive:a.text.secondary}},{children:y}))]})),!!g&&e("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:g}))]}))}))}));m.displayName="ListItem";export{m as ListItem};
@@ -0,0 +1,2 @@
1
+ declare const NoResult: () => import("react/jsx-runtime").JSX.Element;
2
+ export default NoResult;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { SubHeader, VariableV3 } from './model';
3
+ type SubHeaderProps = {
4
+ onSelect: (variable: VariableV3) => void;
5
+ variable: {
6
+ [key: string]: SubHeader | VariableV3;
7
+ };
8
+ };
9
+ declare const SubHeaderItem: React.FC<SubHeaderProps>;
10
+ export default SubHeaderItem;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { VariablePickerV3Props } from './model';
3
+ type Props = VariablePickerV3Props;
4
+ export declare const VariablePicker: React.FC<Props>;
5
+ export default VariablePicker;
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ export declare const VariablePickerContext: React.Context<{
3
+ searchText: string;
4
+ setSearchText: React.Dispatch<React.SetStateAction<string>>;
5
+ subHeaderStack: any[];
6
+ setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
7
+ variables: any[];
8
+ setVariables: React.Dispatch<React.SetStateAction<any[]>>;
9
+ showRecommended: boolean;
10
+ setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
11
+ }>;
12
+ export declare const useVariablePickerContext: () => {
13
+ searchText: string;
14
+ setSearchText: React.Dispatch<React.SetStateAction<string>>;
15
+ subHeaderStack: any[];
16
+ setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
17
+ variables: any[];
18
+ setVariables: React.Dispatch<React.SetStateAction<any[]>>;
19
+ showRecommended: boolean;
20
+ setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
21
+ };
@@ -0,0 +1 @@
1
+ export * from './VariablePicker';
@@ -0,0 +1,41 @@
1
+ export declare enum PickerType {
2
+ MODAL = "modal",
3
+ EMBEDDED = "embedded"
4
+ }
5
+ export interface VariablePickerV3Props {
6
+ type: PickerType;
7
+ data: VariableListInterfaceV3[];
8
+ onSelect: (variable: VariableV3) => void;
9
+ }
10
+ export interface VariableListInterfaceV3 {
11
+ isSubHeader?: boolean;
12
+ displayName: string;
13
+ description: string;
14
+ orderId?: number;
15
+ variables?: {
16
+ [key: string]: SubHeader | VariableV3;
17
+ };
18
+ }
19
+ export interface SubHeader {
20
+ isSubHeader: boolean;
21
+ isAvailable: boolean;
22
+ displayName: string;
23
+ description: string;
24
+ variables?: {
25
+ [key: string]: SubHeader | VariableV3;
26
+ };
27
+ }
28
+ export interface VariableV3 {
29
+ description?: string;
30
+ defaultValue?: string;
31
+ displayName: string;
32
+ actualValue: string;
33
+ variableType: string;
34
+ isAvailable: boolean;
35
+ actualValueEval?: string;
36
+ isSubHeader?: boolean;
37
+ variables?: {
38
+ [key: string]: VariableV3;
39
+ };
40
+ needsFetching?: boolean;
41
+ }
@@ -0,0 +1 @@
1
+ export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;
@@ -0,0 +1,2 @@
1
+ import { VariableListInterfaceV3 } from './model';
2
+ export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];
@@ -0,0 +1 @@
1
+ export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.503",
3
+ "version": "0.0.504-beta.0",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",