@bikdotai/bik-component-library 0.0.24-beta → 0.0.24-beta.2

package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../components/AllowedListDropdown.js"),t=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),i=require("../../../hooks/useQueryBuilder.js"),s=require("../../../hooks/useQueryBuilderCache.js"),d=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");exports.default=a=>{let{node:u,allowedNodes:l,apiHandler:n,mode:p}=a;var c;const{selectType:y,createProperty:v,updateProperty:j}=i.useQueryBuilder(),{cacheWrap:P}=s.useQueryBuilderCache(),_=e=>P((()=>n({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return r.jsx(d.BaseQueryBuilderNode,Object.assign({node:u,mode:p},{children:r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[r.jsx(o.default,{disabled:"view"===p,selectedType:u.type,allowedList:l,onSelect:e=>y(e.value,u._id)}),r.jsx(t.PropertyNodeHeadless,{mode:p,property:null===(c=null==u?void 0:u.properties)||void 0===c?void 0:c[0],fetchPropertyData:()=>P((()=>n({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e.__awaiter(this,void 0,void 0,(function*(){if((null===(o=u.properties)||void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=u.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),u._id):v({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield _(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0}),u._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},u.properties[0]),{value:e}),u._id)}})]}))}))};

package/dist/cjs/components/QueryBuilder/Filters/UserProperty/repos/UserPropertyRepo.d.ts

@@ -0,0 +1,19 @@
+export declare class UserPropertyRepo {
+    getUserProperties(): Promise<{
+        data: {
+            id: string;
+            name: string;
+            needValuesRetrieval: boolean;
+            type: string;
+            description: string;
+        }[];
+    }>;
+    getUserPropertyValues(): Promise<{
+        data: {
+            id: string;
+            name: string;
+            needValuesRetrieval: boolean;
+            type: string;
+        }[];
+    }>;
+}

package/dist/cjs/components/QueryBuilder/QueryBuilder.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { QueryBuilderProps } from './types/QueryBuilderProps.type';
+/**
+ * @exported
+ * @statfull
+ * @param param0
+ * @returns
+ */
+export declare const QueryBuilder: React.FC<QueryBuilderProps>;

package/dist/cjs/components/QueryBuilder/QueryBuilder.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../TypographyStyle.js"),s=require("./components/QueryBuilderNodes.js"),i=require("./hooks/useQueryBuilder.js");exports.QueryBuilder=n=>{let{queryPreText:u,infinite:d,addNodeBtnText:o,typesAPIHandlers:l,onStateChange:a,mode:y,state:c}=n;const{init:j,fillState:f}=i.useQueryBuilder(),x=l?Object.keys(l):[];return t.useEffect((()=>{j(null==x?void 0:x[0])}),[x]),t.useEffect((()=>{c&&f(c)}),[]),e.jsxs(e.Fragment,{children:[e.jsx(r.BodyPrimary,Object.assign({style:{marginBottom:12}},{children:u})),e.jsx(s.default,{onStateChange:a,typesAPIHandlers:l,allowedNodes:x,infinite:null==d||d,addNodeBtnText:o,mode:y})]})};

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
+export default EventsTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../components/BaseTriggerQueryBuilderNode.js");exports.default=t=>e.jsx(r.default,Object.assign({cacheKey:"EVENTS_TRIGGER",propertyAddBtnText:"Add event property"},t));

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -0,0 +1,2 @@
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
+export default IGTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../components/BaseTriggerQueryBuilderNode.js");exports.default=t=>e.jsx(r.default,Object.assign({cacheKey:"IG_TRIGGER",propertyAddBtnText:"Add condition"},t));

package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -0,0 +1,2 @@
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
+declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
+    cacheKey: string;
+    propertyAddBtnText: string;
+}>;
+export default BaseTriggerQueryBuilderNode;

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../helpers/ApiResponse.helper.js"),o=require("../../hooks/useQueryBuilder.js"),a=require("../../hooks/useQueryBuilderCache.js"),n=require("../../components/DropdownWrapper.js"),u=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const s=new i.ApiResponseHelper,l="triggerName";exports.default=i=>{let{node:d,apiHandler:c,cacheKey:p,propertyAddBtnText:y,mode:v}=i;const[j,f]=t.useState([]),{updateMeta:g,createMeta:h,createProperty:_,deleteProperty:O,updateProperty:m,selectPropertyJoinOperator:P,clearProperty:b}=o.useQueryBuilder(),{cacheWrap:x}=a.useQueryBuilderCache(),B=d.metas.find((e=>e.key===l)),q=e=>x((()=>c({query:{triggerName:e}})),`${p}_${e}`),N=(e,r)=>x((()=>c({query:{triggerName:e,propertyName:r}})),`${p}_${e}_${r}`);return t.useEffect((()=>{x((()=>c({})),p).then((e=>{var r;if(e)if(Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==v&&(!!(null==B?void 0:B.value)&&B.value===e.id)}))))&&void 0!==r?r:[];f([...t])}else{const r=s.convertToGroupOptions(e);f([...r])}}))}),[]),r.jsx(u.BaseQueryBuilderNode,Object.assign({node:d,addPropertyBtnText:(null==B?void 0:B.value)&&y,deleteProperty:O,createProperty:_,propertySelectorText:"Select condition",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){if(null==B?void 0:B.value){return yield q(null==B?void 0:B.value)}return null}))},onPropertyNameSelect:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){if(m(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),d._id),!r.needValuesRetrieval)return[];const e=yield N(null==B?void 0:B.value,r.id);return e?s.convertToGroupOptions(e):[]}))},onPropertyOperatorChange:function(e,r){m(Object.assign(Object.assign({},r),{operator:e,value:void 0}),d._id)},onPropertyValueChange:function(e,r){m(Object.assign(Object.assign({},r),{value:e}),d._id)},selectPropertyJoinOperator:P,mode:v},{children:r.jsx("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r.jsx(n.default,{width:"200px",options:j,onSelect:function(e){Array.isArray(e)||(b(d._id),(null==B?void 0:B.key)===l?g(Object.assign(Object.assign({},B),{value:e.value}),d._id):h({key:l,value:e.value},d._id))}})}))}))};

package/dist/cjs/components/QueryBuilder/components/AddNodeButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { QueryBuilderType } from '../types/QueryBuilder.type';
+declare const AddNodeButton: React.FC<{
+    buttonText: string;
+    allowedNodes: QueryBuilderType[];
+}>;
+export default AddNodeButton;

package/dist/cjs/components/QueryBuilder/components/AddNodeButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../button/Button.js"),u=require("../../../assets/icons/plus.svg.js"),r=require("../hooks/useQueryBuilder.js");exports.default=s=>{let{buttonText:o,allowedNodes:d}=s;const{addNode:i}=r.useQueryBuilder();return e.jsx(t.Button,{buttonText:o,size:"medium",buttonType:"dashRegular",LeadingIcon:u.default,onClick:()=>{i(d[0])}})};

package/dist/cjs/components/QueryBuilder/components/AllowedListDropdown.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { DropdownOption, SingleOption } from "../../dropdown/type";
+import { QueryBuilderType } from '../types/QueryBuilder.type';
+export declare const QUERY_TYPE_TO_OPTION_MAP: {
+    [key in QueryBuilderType]?: SingleOption;
+};
+/**
+ * @stateless (being consumed by stateless components)
+ * @param param0
+ * @returns
+ */
+declare const AllowedListDropdown: React.FC<{
+    allowedList: QueryBuilderType[];
+    selectedType?: QueryBuilderType;
+    onSelect: (option: DropdownOption | DropdownOption[]) => void;
+    loading?: boolean;
+    disabled?: boolean;
+}>;
+export default AllowedListDropdown;

package/dist/cjs/components/QueryBuilder/components/AllowedListDropdown.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../types/QueryBuilder.type.js"),l=require("./DropdownWrapper.js");const u={[r.QueryBuilderType.EVENT_FILTER]:{label:"Performed event",value:r.QueryBuilderType.EVENT_FILTER},[r.QueryBuilderType.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:r.QueryBuilderType.NO_EVENT_FILTER},[r.QueryBuilderType.USER_PROPERTY_FILTER]:{label:"Had user property",value:r.QueryBuilderType.USER_PROPERTY_FILTER},[r.QueryBuilderType.SEGMENT_FILTER]:{label:"Part of segment",value:r.QueryBuilderType.SEGMENT_FILTER}};exports.QUERY_TYPE_TO_OPTION_MAP=u,exports.default=r=>{let{allowedList:t,onSelect:d,selectedType:i,loading:T,disabled:E}=r;var a;const p=t.map((e=>{var r;return null!==(r=u[e])&&void 0!==r?r:null})).filter((e=>e)),o=i&&null!==(a=u[i])&&void 0!==a?a:p[0];return e.jsx(l.default,{disabled:E,width:"200px",isLoading:null!=T&&T,options:p,defaultOption:o,onSelect:d})};

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FreeText.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FreeText.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/ChipInput.js");const i=i=>{let{val:s,onChange:r,errors:a,nativeID:o,disabled:l}=i;const n=(Array.isArray(s)?s:[]).map((e=>"object"==typeof e?e.id:e));return e.jsxs("div",Object.assign({style:{position:"relative",opacity:l?.5:1},id:o},{children:[!!l&&e.jsx("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),e.jsx(t.default,{error:null==a?void 0:a.val,onChipsChange:r,chipsContainerCustomStyle:{padding:"0px 8px"},createChipKeys:[13,188],placeholder:"add multiple values with commas",chips:n})]}))};exports.default=t=>e.jsx(i,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../../../TypographyStyle.js"),s=require("./IntegerPositiveSingle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=i(r).default.div`
+	flex-direction: row;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+`,a=r=>{let{val:i,onChange:a,errors:l,nativeID:o,disabled:d}=r;return e.jsxs(n,{children:[e.jsx(s.default,{disabled:d,val:i,onChange:a,errors:l}),e.jsx(t.BodySecondary,{children:"times"})]})};exports.default=r=>e.jsx(a,Object.assign({},r));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IgPicker.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ConnectorComponentProps } from "../../../types";
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IgPicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../../../postPicker/postPicker.js");const o=[];o.push({id:"sumesh",imageUrl:"https://www.adobe.com/express/learn/blog/media_121aa34132a8a71d4efd1f6329c61f4575a066c1f.jpeg?width=750&format=jpeg&optimize=medium",redirectionUrl:"https://bik.ai",overlayCaption:"posted on: 12/03/2020"});const r=()=>{console.log("picker closed")},i=e=>{console.log("Selected items",e)},c=()=>{const[c,a]=t.useState(!1);t.useEffect((()=>{console.log("show Picker")}),[c]);return e.jsxs(e.Fragment,{children:[e.jsx("button",Object.assign({onClick:()=>{a(!0)}},{children:"+ Add Post"})),e.jsx(s.PostPicker,{onSelect:i,title:"Select upto 10 posts",showModal:!0,onClose:r,media:o,mediaType:s.MEDIA_TYPES.STORY})]})};exports.default=t=>e.jsx(c,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/Input.js"),r=require("../../../../input/context/InputStyleProvider.js"),n=require("../../InputLoader.js");const i=i=>{let{val:s,onChange:a,errors:l,isLoading:u,disabled:d}=i;return u?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n.default,{containerStyle:{padding:"5px 8px"}})})):e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx("div",{children:e.jsx(t.Input,{type:"number",variant:"small",state:d?"disabled":"none",errorMessage:null==l?void 0:l.val,value:null==s?void 0:s.toString(),onChangeText:a})})}))};exports.default=t=>e.jsx(i,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/Input.js"),r=require("../../../../input/context/InputStyleProvider.js"),n=require("../../InputLoader.js");const i=i=>{let{val:s,onChange:a,errors:d,nativeID:l,isLoading:u,disabled:o}=i;return u?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n.default,{containerStyle:{padding:"5px 8px"}})})):e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx("div",{children:e.jsx("div",{children:e.jsx(t.Input,{state:o?"disabled":"none",type:"number",variant:"small",errorMessage:null==d?void 0:d.val,value:null==s?void 0:s.toString(),onChangeText:a})})})}))};exports.default=t=>e.jsx(i,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../../DropdownWrapper.js");const i=i=>{let{onChange:r,extra:n,val:o,isLoading:s,errors:t,disabled:d}=i;const[u,c]=l.useState([]),v=o;return l.useEffect((()=>{const e=(null==n?void 0:n.options)&&Array.isArray(n.options)?n.options.filter((e=>!!Object.keys(e).length)).map((e=>({isChecked:!!(null==v?void 0:v.find((l=>l.name===e.name||l.id===e.id))),label:e.name,value:e.id}))):[],l=[];null==v||v.forEach((a=>{let{name:i,id:r}=a;-1===e.findIndex((e=>e.value===r&&e.label===i))&&l.push({selected:!0,label:i,value:null==r?void 0:r.toString()})})),c([...e,...l])}),[n,v]),e.jsx("div",{children:e.jsx(a.default,{disabled:d,allowFreeForm:!0,isSearchable:!0,isLoading:s,error:null==t?void 0:t.val,isMultiSelect:!0,options:u,onSelect:function(e){if(Array.isArray(e)){const l=[];e.forEach((e=>{var a,i;e.options?null===(a=e.options)||void 0===a||a.forEach((e=>{l.push({name:e.label,id:e.value})})):l.push({name:null!==(i=e.label)&&void 0!==i?i:"",id:e.value})})),null==r||r(l)}}})})};exports.default=l=>e.jsx(i,Object.assign({},l));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NoInput.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const NoInput: () => JSX.Element;
+export default NoInput;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NoInput.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=()=>e.jsx(e.Fragment,{});

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NumberTime.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NumberTime.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),s=require("./IntegerPositiveSingle.js");const t=t=>{let{val:i,onChange:n,errors:a,nativeID:l,disabled:d}=t;const o=parseInt(null==i?void 0:i.toString())>1?"days":"day";return e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[e.jsx(s.default,{disabled:d,nativeID:l,val:null!=i?i:1,onChange:n,errors:a}),e.jsx("div",{children:e.jsx(r.BodySecondary,{children:o})})]}))};exports.default=r=>e.jsx(t,Object.assign({},r));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleDate.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleDate.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../datePicker/DatePicker.js");const r=r=>{let{val:s,onChange:i,nativeID:a,disabled:n}=r;const l=Array.isArray(s)?new Date(null==s?void 0:s[0]):s;return e.jsx("div",Object.assign({style:{position:"relative",width:200}},{children:e.jsx(t.default,{pickerStyles:{zIndex:3},disabled:n,val:l,onChange:i})}))};exports.default=t=>e.jsx(r,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoDate.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoDate.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../datePicker/DatePicker.js");const s=s=>{let{val:r,onChange:a,disabled:i}=s;return e.jsx("div",Object.assign({style:{position:"relative",width:200}},{children:e.jsx(t.default,{pickerStyles:{zIndex:3},disabled:i,val:r,onChange:a,calendarProps:{selectRange:!0}})}))};exports.default=t=>e.jsx(s,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+export default _default;

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../../input/Input.js"),r=require("../../../../input/context/InputStyleProvider.js"),i=require("../../../../TypographyStyle.js");const l=l=>{let{val:s,onChange:a,errors:o,nativeID:u,disabled:d}=l;var v,p,c,x;const[j,y]=t.useState(),[g,h]=t.useState();return t.useEffect((()=>{if(Array.isArray(s)){const[e,t]=s;y(null==e?void 0:e.toString()),h(null==t?void 0:t.toString())}}),[]),t.useEffect((()=>{null==a||a([j,g])}),[j,g]),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx(n.Input,{state:d?"disabled":"none",hintText:null===(v=null==o?void 0:o.val)||void 0===v?void 0:v[0],errorMessage:null===(p=null==o?void 0:o.val)||void 0===p?void 0:p[0],onChangeText:e=>y(e),value:j,type:"number",variant:"small"})})),e.jsx("div",{children:e.jsx(i.BodySecondary,{children:"and"})}),e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx(n.Input,{state:d?"disabled":"none",hintText:null===(c=null==o?void 0:o.val)||void 0===c?void 0:c[1],errorMessage:null===(x=null==o?void 0:o.val)||void 0===x?void 0:x[1],onChangeText:e=>h(e),value:g,type:"number",variant:"small"})}))]}))};exports.default=t=>e.jsx(l,Object.assign({},t));

package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ConnectorProps } from '../../types/QueryBuilderConnector.type';
+declare const Connector: React.FC<ConnectorProps>;
+export default Connector;

package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../utils/unCamelCase.js"),n=require("../../helpers/Connector.helper.js"),o=require("../../types/QueryBuilder.type.js"),l=require("../DropdownWrapper.js"),u=require("./Components/FreeText.js"),i=require("./Components/FrequencyIntegerPositiveSingle.js"),s=require("./Components/IgPicker.js"),a=require("./Components/IntegerPositiveSingle.js"),d=require("./Components/IntegerSingleValue.js"),p=require("./Components/MultiselectDropdownFreeText.js"),c=require("./Components/NoInput.js"),g=require("./Components/NumberTime.js"),C=require("./Components/SingleDate.js"),m=require("./Components/TwoDate.js"),q=require("./Components/TwoNumberInputsSeperatedByAnd.js"),j=require("./Connector.styled.js");const f={FreeText:u.default,IntegerPositiveSingle:a.default,IntegerSingleValue:d.default,MultiselectDropdownFreeText:p.default,NoInput:c.default,SingleDate:C.default,TwoNumberInputsSeperatedByAnd:q.default,FrequencyIntegerPositiveSingle:i.default,TwoDate:m.default,NumberTime:g.default,IgPicker:s.default};exports.default=u=>{let{isLoading:i,noDefault:s,connectorType:a,defaultConnector:d,onOperatorChange:p,onValueChange:c,connectorVal:g,extra:C,errors:m,disabled:q}=u;var v;const[y,S]=r.useState(null),[I,T]=r.useState(null!=i&&i),x=n.ConnectorHelper.getConnectorType(a).map((e=>({selected:e===d,value:e,label:t.unCamelCaseWithFirstUppercase(e)})));function b(e){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];T(!0);const t=n.ConnectorHelper.getConnectorComponent(a,e.value);void 0!==t?a===o.QueryBuilderConnectorType.frequency&&"IntegerPositiveSingle"===t?S("FrequencyIntegerPositiveSingle"):S(t):S(null),r||p(e.value),setTimeout((()=>{T(!1)}),5)}return r.useEffect((()=>{s||(d?b({value:d,label:d},!0):(null==x?void 0:x[0])&&b(x[0]))}),[d]),e.jsxs(j.Container,{children:[e.jsx("div",{children:e.jsx(l.default,{disabled:q,width:"200px",isLoading:I,options:x,onSelect:b})}),null!==y&&!I&&(null===(v=f[y])||void 0===v?void 0:v.call(f,{disabled:q,val:g,onChange:e=>{console.log({c:e}),c(e)},extra:C,errors:m}))]})};

package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.styled.d.ts

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

package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.styled.js

@@ -0,0 +1,6 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div`
+	display: flex;
+	flex-direction: row;
+	gap: 8px;
+	align-items: start;
+`;exports.Container=t;

package/dist/cjs/components/QueryBuilder/components/DeleteButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const DeleteButton: React.FC<{
+    onClick: () => void;
+}>;
+export default DeleteButton;

package/dist/cjs/components/QueryBuilder/components/DeleteButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../constants/Theme.js"),r=require("../../../assets/icons/delete.svg.js");exports.default=s=>{let{onClick:i}=s;return e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:e.jsx(r.default,{onClick:i,color:t.COLORS.content.primary,width:24,height:24})}))};

package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { DropdownOption, SingleOption } from "../../dropdown/type";
+declare const DropdownWrapper: React.FC<{
+    options: DropdownOption[];
+    defaultOption?: SingleOption;
+    isSearchable?: boolean;
+    isLoading?: boolean;
+    onSelect: (option: DropdownOption | DropdownOption[]) => void;
+    error?: string;
+    nativeID?: string;
+    dropdownLabel?: string;
+    isMultiSelect?: boolean;
+    allowFreeForm?: boolean;
+    width?: string;
+    disabled?: boolean;
+}>;
+export default DropdownWrapper;

package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../dropdown/Dropdown.js"),l=require("./InputLoader.js");exports.default=t=>{let{options:i,onSelect:o,defaultOption:s,isSearchable:a,isLoading:d,error:n,nativeID:u,dropdownLabel:c,isMultiSelect:p,allowFreeForm:j,width:w,disabled:b}=t;return d?e.jsx(l.default,{}):e.jsx("div",Object.assign({style:{maxWidth:200,width:200},id:u},{children:e.jsx(r.default,{disabled:b,allowFreeForm:null!=j&&j,isMultiSelect:p,width:w,size:"small",placeHolder:c,error:n,isSearchable:null!=a&&a,defaultOptions:s?Array.isArray(s)?s:[s]:[],options:i,onSelect:o})}))};

package/dist/cjs/components/QueryBuilder/components/InputLoader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const InputLoader: React.FC<{
+    containerStyle?: React.CSSProperties;
+}>;
+export default InputLoader;

package/dist/cjs/components/QueryBuilder/components/InputLoader.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../spinner/Spinner.js"),n=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=i(r).default.div`
+	width: 200px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	padding: 6px 8px;
+	width: 200px;
+	background: ${s.COLORS.surface.hovered};
+	border: 1px solid ${s.COLORS.stroke.primary};
+	border-radius: 4px;
+`;exports.default=r=>{let{containerStyle:i}=r;return e.jsxs(o,Object.assign({style:Object.assign({},null!=i?i:{})},{children:[e.jsx(n.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary,flex:1}},{children:"Loading..."})),e.jsx(t.Spinner,{size:"small",color:s.COLORS.stroke.brand})]}))};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BaseQueryBuilderNode as BaseQueryBuilderNodeType, QueryBuilderProperty } from "../../../types/QueryBuilder.type";
+import { QueryBuilderPropertyProps } from "../../../types/QueryBuilderPropertyProps";
+type BaseQueryBuilderNodeProps = Omit<QueryBuilderPropertyProps, 'property'> & {
+    deleteProperty?: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    createProperty?: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    /** if this is undefined, we will assume that this node doesnt support properties, so property list and adding feature will be hidden */
+    addPropertyBtnText?: string;
+    node: BaseQueryBuilderNodeType;
+    children: React.ReactNode;
+};
+/**
+ * @exported
+ * @stateless
+ * @param param0
+ * @returns
+ */
+export declare const BaseQueryBuilderNode: React.FC<BaseQueryBuilderNodeProps>;
+export {};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("styled-components"),d=require("../../../../../constants/Theme.js"),o=require("../Property/PropertyNodes.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=s(t).default.div`
+	background: ${d.COLORS.surface.subdued};
+	border: 1px solid ${d.COLORS.stroke.primary};
+	border-radius: 4px;
+	padding: 12px;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+`;exports.BaseQueryBuilderNode=t=>{var{children:d,node:s,addPropertyBtnText:n,deleteProperty:u,createProperty:a}=t,p=e.__rest(t,["children","node","addPropertyBtnText","deleteProperty","createProperty"]);return r.jsxs(i,{children:[d,n&&r.jsx(o.default,Object.assign({node:s,addPropertyBtnText:n,deleteProperty:u,createProperty:a},p))]})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const AddPropertyButton: React.FC<{
+    buttonText: string;
+    onClick: () => void;
+}>;
+export default AddPropertyButton;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../button/Button.js"),u=require("../../../../../assets/icons/plus.svg.js");exports.default=r=>{let{buttonText:s,onClick:n}=r;return e.jsx(t.Button,{onClick:n,buttonText:s,size:"medium",buttonType:"dashRegular",LeadingIcon:u.default})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { QueryBuilderPropertyProps } from "../../../types/QueryBuilderPropertyProps";
+/**
+ * @exported
+ * @stateless
+ * @returns
+ */
+export declare const PropertyNode: React.FC<QueryBuilderPropertyProps & {
+    isLast?: boolean;
+}>;
+/**
+ * @exported
+ * @headless
+ * @stateless
+ * @returns
+ */
+export declare const PropertyNodeHeadless: React.FC<QueryBuilderPropertyProps>;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../helpers/ApiResponse.helper.js"),o=require("../../Connectors/Connector.js"),n=require("../../DropdownWrapper.js"),a=require("./PropertyNode.styled.js"),s=require("./PropertyNodeUIWrapper.js");const i=new t.ApiResponseHelper,l=t=>{let{propertySelectorText:s,fetchPropertyData:l,onPropertyNameSelect:d,onPropertyOperatorChange:p,onPropertyValueChange:u,property:c,mode:y}=t;var v,j;const[g,h]=r.useState([]),[b,f]=r.useState({}),[x,A]=r.useState(!0),O=Array.isArray(g)?g.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,descriptions:e.desc,selected:(null==c?void 0:c.name)===e.id}))):i.convertToGroupOptions(g,(null==c?void 0:c.name)?[c.name.toString()]:void 0);return r.useEffect((()=>{l?l().then((e=>{e&&(Array.isArray(e)?h([...e]):h(Object.assign({},e))),A(!1)})):A(!1)}),[]),e.jsxs(a.Container,{children:[e.jsx(n.default,{disabled:"view"===y,width:"200px",isLoading:x,dropdownLabel:null!=s?s:"Select property",options:O,onSelect:function(e){if(!Array.isArray(e)){let r=null;Array.isArray(g)?r=g.find((r=>{let{id:t}=r;return t===e.value})):Object.keys(g).forEach((t=>{const o=g[t].find((r=>{let{id:t}=r;return t===e.value}));o&&(r=o)})),f({}),r&&(null==d||d(r,c).then((e=>{f({options:Array.isArray(e)?[...e]:Object.assign({},e)})})))}}}),(null==c?void 0:c.name)&&e.jsx(o.default,{disabled:"view"===y,extra:b,errors:{val:null===(v=c.error)||void 0===v?void 0:v.value,operator:null===(j=c.error)||void 0===j?void 0:j.operator},connectorVal:c.value,connectorType:c.dataType,defaultConnector:c.operator,onOperatorChange:e=>null==p?void 0:p(e,c),onValueChange:e=>null==u?void 0:u(e,c)})]})};exports.PropertyNode=r=>e.jsx(s.default,Object.assign({isLast:r.isLast,mode:r.mode},{children:e.jsx("div",Object.assign({style:{padding:12}},{children:e.jsx(l,Object.assign({},r))}))})),exports.PropertyNodeHeadless=l;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.d.ts

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

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js

@@ -0,0 +1,6 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div`
+	flex-direction: row;
+	gap: 12px;
+	align-items: start;
+	display: flex;
+`;exports.Container=t;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { QueryBuilderProps } from "../../../types/QueryBuilderProps.type";
+declare const PropertyNodeUIWrapper: React.FC<{
+    children: React.ReactNode;
+    mode: QueryBuilderProps['mode'];
+    isLast?: boolean;
+}>;
+export default PropertyNodeUIWrapper;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),t=require("../../../../../constants/Theme.js"),s=require("./PropertyNodeUIWrapper.styled.js");exports.default=i=>{let{children:n,mode:o,isLast:a}=i;return e.jsxs(s.Container,{children:[e.jsx(s.Line,{style:{height:"view"===o&&a?29:"100%"}}),e.jsx(s.Horinzontal,{style:{marginTop:28}}),e.jsx(r.BodySecondary,Object.assign({style:{color:t.COLORS.content.primary,marginLeft:8,marginTop:18}},{children:"where"})),n]})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.d.ts

@@ -0,0 +1,3 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Line: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Horinzontal: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const i=o.default.div`
+	flex-direction: row;
+	align-items: start;
+	display: flex;
+`,d=o.default.div`
+	display: flex;
+	margin-left: 28px;
+	width: 1px;
+	height: 24px;
+	background: ${t.COLORS.stroke.primary};
+`,s=o.default.div`
+	display: flex;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: ${t.COLORS.stroke.primary};
+	width: 24px;
+`;exports.Container=i,exports.Horinzontal=s,exports.Line=d;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BaseQueryBuilderNode, QueryBuilderProperty } from "../../../types/QueryBuilder.type";
+import { QueryBuilderPropertyProps } from "../../../types/QueryBuilderPropertyProps";
+type Props = Omit<QueryBuilderPropertyProps, 'property'> & {
+    node: BaseQueryBuilderNode;
+    addPropertyBtnText?: string;
+    deleteProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    createProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+};
+declare const PropertyNodes: React.FC<Props>;
+export default PropertyNodes;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("../../../../dropdown/Dropdown.js"),i=require("../../../constants/operators.js"),s=require("../../../types/QueryBuilder.type.js"),o=require("../../DeleteButton.js"),d=require("./AddPropertyButton.js"),l=require("./PropertyNode.js"),n=require("./PropertyNodeUIWrapper.styled.js");exports.default=p=>{var a,u,{node:c,addPropertyBtnText:j,deleteProperty:y,createProperty:v,selectPropertyJoinOperator:x,mode:O}=p,P=e.__rest(p,["node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode"]);const g=i.JOIN_OPERATOR_OPTIONS.map((e=>{if(c.PropertyOperator){if(e.value===c.PropertyOperator)return Object.assign(Object.assign({},e),{selected:!0})}else if(e.value===s.QueryBuilderJoinOperators.AND)return Object.assign(Object.assign({},e),{selected:!0});return e}));return r.jsxs(r.Fragment,{children:[null===(a=null==c?void 0:c.properties)||void 0===a?void 0:a.map(((e,i)=>r.jsxs(r.Fragment,{children:[0!==i&&r.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:r.jsx(t.default,{disabled:"view"===O,onSelect:e=>{null==x||x(e.value,c._id)},options:g,width:"80px",height:96,size:"small"})})),r.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row"}},{children:[r.jsx(l.PropertyNode,Object.assign({isLast:!!c.properties&&i===c.properties.length-1,property:e},P,{mode:O})),"view"!==O&&r.jsx(o.default,{onClick:()=>y(e,c._id)})]}),e._id)]}))),"view"!==O&&r.jsxs("div",{children:[0===(null===(u=null==c?void 0:c.properties)||void 0===u?void 0:u.length)&&r.jsx("div",{children:r.jsx(n.Line,{})}),r.jsx(d.default,{buttonText:null!=j?j:"Add Property",onClick:()=>v({},c._id)})]})]})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { QueryBuilderNodeProps } from '../../types/QueryBuilderNodeProps.type';
+/**
+ * @stateless
+ * @exported
+ * @returns
+ */
+declare const QueryBuilderNode: React.FC<QueryBuilderNodeProps>;
+export default QueryBuilderNode;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../Filters/Event/components/EventFilter.js"),t=require("../../Filters/Segment/components/SegmentFilter.js"),u=require("../../Filters/UserProperty/components/UserPropertyFilter.js"),s=require("../../Triggers/EVENTS/components/EventsTrigger.js"),i=require("../../Triggers/IG/components/IGTrigger.js"),n=require("../../types/QueryBuilder.type.js");const l={[n.QueryBuilderType.EVENT_FILTER]:r.default,[n.QueryBuilderType.NO_EVENT_FILTER]:r.default,[n.QueryBuilderType.USER_PROPERTY_FILTER]:u.default,[n.QueryBuilderType.IG_TRIGGER]:i.default,[n.QueryBuilderType.EVENTS_TRIGGER]:s.default,[n.QueryBuilderType.SEGMENT_FILTER]:t.default};exports.default=r=>{if(void 0!==l[r.node.type]){const t=l[r.node.type];return e.jsx(t,Object.assign({},r))}return e.jsx(e.Fragment,{})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.d.ts

@@ -0,0 +1,17 @@
+import { Response } from "../../../types/apiExecutor";
+import React from 'react';
+import { QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
+import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';
+type QueryBuilderNodesProps = {
+    infinite: boolean;
+    addNodeBtnText: string;
+    allowedNodes: QueryBuilderType[];
+    onStateChange: (state: QueryBuilderRoot) => void;
+    typesAPIHandlers: {
+        [key in QueryBuilderType]?: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
+    };
+    state?: QueryBuilderRoot;
+    mode?: 'create' | 'edit' | 'view';
+};
+declare const QueryBuilderNodes: React.FC<QueryBuilderNodesProps>;
+export default QueryBuilderNodes;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../button/Button.js"),s=require("../../dropdown/Dropdown.js"),i=require("../constants/operators.js"),d=require("../hooks/useQueryBuilder.js"),l=require("../redux/selectors/useNodesSelector.js"),o=require("./AddNodeButton.js"),n=require("./DeleteButton.js"),u=require("./QueryBuilderNode/QueryBuilderNode.js"),a=require("./QueryBuilderNodes.styled.js");exports.default=c=>{let{infinite:j,addNodeBtnText:x,allowedNodes:p,typesAPIHandlers:y,onStateChange:f,mode:v}=c;var g;const b=l.useQueryBuilderSelector(),{deleteNode:O,clearAll:h,selectJoinOperator:m}=d.useQueryBuilder();t.useEffect((()=>{f(b)}),[b]);const w=i.JOIN_OPERATOR_OPTIONS.map((e=>b.operator&&e.value===b.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return e.jsxs(e.Fragment,{children:[null===(g=null==b?void 0:b.nodes)||void 0===g?void 0:g.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(s.default,{disabled:"view"===v,onSelect:e=>{m(e.value)},options:w,height:96,size:"small"})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(a.LinedContainer,Object.assign({style:{paddingTop:0===r?0:24}},{children:e.jsx(u.default,{mode:null!=v?v:"create",allowedNodes:p,node:t,apiHandler:y[t.type]})})),"view"!==v?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>O(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),j&&"view"!==v&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(o.default,{buttonText:x,allowedNodes:p}),e.jsx(r.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>h(p[0])})]}))]})};

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.styled.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LinedContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.styled.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(e);d.default.div`
+	flex-direction: row;
+	margin-left: 24px;
+	display: flex;
+	flex: 1;
+	width: 100%;
+`;const l=d.default.div`
+	display: flex;
+	border-left-width: 1px;
+	border-left-style: solid;
+	border-left-color: ${t.COLORS.stroke.primary};
+	flex: 1;
+	padding-left: 16px;
+	padding-bottom: 24px;
+	margin-left: 24px;
+`;exports.LinedContainer=l;