@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.687

package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTwoLast.js

@@ -1,6 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import o from"@emotion/styled";import{useState as r,useEffect as n}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as p}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import{BodySecondary as s}from"../../../../TypographyStyle.js";import"../../../../../constants/Theme.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as d}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import a from"../../InputLoader.js";const l=o.div`
-	display: flex;
-	flex-direction: row;
-	gap: 12px;
-	align-items: center;
-`,m=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],u=({val:o,onChange:u,errors:c,isLoading:y,disabled:f})=>{const[w,v]=r(m),j=o?.type??"days",h=o?.start??"1",g=o?.offset??"2";return n((()=>{const t=o?.type??"days";v((e=>e.map((e=>({...e,selected:t===e.value})))))}),[o]),n((()=>{if(void 0===o?.start){const t=o?.type??"days",e=o?.start??"1",r=o?.offset??"2";u?.({type:t,start:e,offset:r})}}),[]),y?t("div",{style:{width:200},children:t(a,{containerStyle:{padding:"5px 8px"}})}):t(i.Provider,{value:{InputWrapper:{width:104}},children:e(l,{children:[t(d,{type:"number",variant:"small",state:f?"disabled":"none",errorMessage:c?.val,value:g.toString(),onChangeText:t=>u?.({type:j,start:h,offset:t})}),t("div",{children:t(s,{children:"to"})}),t(d,{type:"number",variant:"small",state:f?"disabled":"none",errorMessage:c?.val,value:h.toString(),onChangeText:t=>u?.({type:j,start:t,offset:g})}),t(p,{disabled:f,placeHolder:"Time",width:"108px",size:"small",options:w,onSelect:t=>{u?.({type:t.value,start:h,offset:g})}})]})})};var c=e=>t(u,{...e});export{c as default};
+import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as A,useEffect as d}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as l}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import{BodySecondary as c}from"../../../../TypographyStyle.js";import"../../../../../constants/Theme.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as o}from"../../../../input/Input.js";import{InputStyleContext as n}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import e from"../../InputLoader.js";const i=I("div","production"===process.env.NODE_ENV?{target:"eqv4pu00"}:{target:"eqv4pu00",label:"Container"})("production"===process.env.NODE_ENV?{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center"}:{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVHdvTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZCIiwiZmlsZSI6IkluVHdvTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCB7IEJvZHlTZWNvbmRhcnkgfSBmcm9tIFwiLi4vLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IFtcclxuICAgIHtcclxuICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgIH0sXHJcbiAgICB7IGxhYmVsOiAnbWludXRlKHMpJywgdmFsdWU6ICdtaW51dGVzJyB9LFxyXG4gICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG5dO1xyXG5jb25zdCBJblR3b0xhc3QgPSAoeyB2YWwsIG9uQ2hhbmdlLCBlcnJvcnMsIGlzTG9hZGluZywgZGlzYWJsZWQgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2M7XHJcbiAgICBjb25zdCBbb3B0aW9ucywgc2V0T3B0aW9uc10gPSB1c2VTdGF0ZSh0aW1lT3B0aW9ucyk7XHJcbiAgICBjb25zdCB0eXBlID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnR5cGUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgIGNvbnN0IHN0YXJ0ID0gKF9iID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnN0YXJ0KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnMSc7XHJcbiAgICBjb25zdCBvZmZzZXQgPSAoX2MgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwub2Zmc2V0KSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiAnMic7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBjb25zdCB0eXBlID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnR5cGUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICBzZXRPcHRpb25zKChwcmV2KSA9PiBwcmV2Lm1hcCgob3ApID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wKSwgeyBzZWxlY3RlZDogdHlwZSA9PT0gb3AudmFsdWUgfSkpKSk7XHJcbiAgICB9LCBbdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYSwgX2IsIF9jO1xyXG4gICAgICAgIGlmICh0eXBlb2YgKHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgPT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHR5cGUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwudHlwZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgICAgICAgICBjb25zdCBzdGFydCA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgICAgICAgICBjb25zdCBvZmZzZXQgPSAoX2MgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwub2Zmc2V0KSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiAnMic7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgc3RhcnQsXHJcbiAgICAgICAgICAgICAgICBvZmZzZXQsXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtdKTtcclxuICAgIGlmIChpc0xvYWRpbmcpIHtcclxuICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHdpZHRoOiAyMDAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KElucHV0TG9hZGVyLCB7IGNvbnRhaW5lclN0eWxlOiB7IHBhZGRpbmc6ICc1cHggOHB4JyB9IH0pIH0pKSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goSW5wdXRTdHlsZUNvbnRleHQuUHJvdmlkZXIsIE9iamVjdC5hc3NpZ24oeyB2YWx1ZToge1xyXG4gICAgICAgICAgICBJbnB1dFdyYXBwZXI6IHtcclxuICAgICAgICAgICAgICAgIHdpZHRoOiAxMDQsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4cyhDb250YWluZXIsIHsgY2hpbGRyZW46IFtfanN4KElucHV0LCB7IHR5cGU6IFwibnVtYmVyXCIsIHZhcmlhbnQ6IFwic21hbGxcIiwgc3RhdGU6IGRpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub25lJywgZXJyb3JNZXNzYWdlOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCB2YWx1ZTogb2Zmc2V0LnRvU3RyaW5nKCksIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0YXJ0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXQ6IHRleHQsXHJcbiAgICAgICAgICAgICAgICAgICAgfSkgfSksIF9qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogX2pzeChCb2R5U2Vjb25kYXJ5LCB7IGNoaWxkcmVuOiBcInRvXCIgfSkgfSksIF9qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBzdGFydC50b1N0cmluZygpLCBvbkNoYW5nZVRleHQ6ICh0ZXh0KSA9PiBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2Uoe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdGFydDogdGV4dCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb2Zmc2V0LFxyXG4gICAgICAgICAgICAgICAgICAgIH0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiBvcHRpb24udmFsdWUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdGFydCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9mZnNldCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfSB9KV0gfSkgfSkpKTtcclxufTtcclxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9iYW4tdHMtY29tbWVudFxyXG4vLyBAdHMtaWdub3JlXHJcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9kaXNwbGF5LW5hbWVcclxuZXhwb3J0IGRlZmF1bHQgKHByb3BzKSA9PiBfanN4KEluVHdvTGFzdCwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SW5Ud29MYXN0LmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),t=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],b=I=>{let{val:b,onChange:s,errors:B,isLoading:m,disabled:u}=I;var p,a,y;const[X,Z]=A(t),r=null!==(p=null==b?void 0:b.type)&&void 0!==p?p:"days",H=null!==(a=null==b?void 0:b.start)&&void 0!==a?a:"1",G=null!==(y=null==b?void 0:b.offset)&&void 0!==y?y:"2";return d((()=>{var I;const g=null!==(I=null==b?void 0:b.type)&&void 0!==I?I:"days";Z((I=>I.map((I=>Object.assign(Object.assign({},I),{selected:g===I.value})))))}),[b]),d((()=>{var I,g,C;if(void 0===(null==b?void 0:b.start)){const A=null!==(I=null==b?void 0:b.type)&&void 0!==I?I:"days",d=null!==(g=null==b?void 0:b.start)&&void 0!==g?g:"1",l=null!==(C=null==b?void 0:b.offset)&&void 0!==C?C:"2";null==s||s({type:A,start:d,offset:l})}}),[]),m?g("div",Object.assign({style:{width:200}},{children:g(e,{containerStyle:{padding:"5px 8px"}})})):g(n.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:C(i,{children:[g(o,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==B?void 0:B.val,value:G.toString(),onChangeText:I=>null==s?void 0:s({type:r,start:H,offset:I})}),g("div",{children:g(c,{children:"to"})}),g(o,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==B?void 0:B.val,value:H.toString(),onChangeText:I=>null==s?void 0:s({type:r,start:I,offset:G})}),g(l,{disabled:u,placeHolder:"Time",width:"108px",size:"small",options:X,onSelect:I=>{null==s||s({type:I.value,start:H,offset:G})}})]})}))};var s=I=>g(b,Object.assign({},I));export{s as default};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+declare const NoInput: () => import("react/jsx-runtime").JSX.Element;
+export default NoInput;

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useEffect as r}from"react";import{DatePickerWrapper as t}from"../../../../datePicker/DatePickerWrapper.js";const a=({val:a,onChange:i,nativeID:n,disabled:o})=>{const s=Array.isArray(a)?new Date(a?.[0]):a;return r((()=>{s||i(new Date((new Date).setHours(0,0,0,0)))}),[]),e("div",{style:{position:"relative",width:200},children:e(t,{maxDate:new Date,pickerStyles:{zIndex:3},disabled:o,val:s,onChange:i})})};var i=r=>e(a,{...r});export{i as default};
+import{jsx as e}from"react/jsx-runtime";import{useEffect as t}from"react";import{DatePickerWrapper as a}from"../../../../datePicker/DatePickerWrapper.js";const r=r=>{let{val:i,onChange:n,nativeID:s,disabled:o}=r;const l=Array.isArray(i)?new Date(null==i?void 0:i[0]):i;return t((()=>{l||n(new Date((new Date).setHours(0,0,0,0)))}),[]),e("div",Object.assign({style:{position:"relative",width:200}},{children:e(a,{maxDate:new Date,pickerStyles:{zIndex:3},disabled:o,val:l,onChange:n})}))};var i=t=>e(r,Object.assign({},t));export{i as default};

package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.d.ts

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

package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.js

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

package/dist/esm/components/QueryBuilder/components/Connectors/Components/StringSingleValue.d.ts

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

package/dist/esm/components/QueryBuilder/components/Connectors/Components/StringSingleValue.js

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

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

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

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useEffect as t}from"react";import{DatePickerWrapper as a}from"../../../../datePicker/DatePickerWrapper.js";const r=({val:r,onChange:n,disabled:s})=>(t((()=>{if(!r){const e=new Date((new Date).setHours(0,0,0,0)),t=new Date(new Date((new Date).setHours(23,59,59,999)).setDate((new Date).getDate()+1));t.setDate(e.getDate()+1),n([e,t])}}),[]),e("div",{style:{position:"relative"},children:e(a,{maxDate:new Date,pickerStyles:{zIndex:3},disabled:s,val:r,onChange:n,calendarProps:{selectRange:!0}})}));var n=t=>e(r,{...t});export{n as default};
+import{jsx as e}from"react/jsx-runtime";import{useEffect as t}from"react";import{DatePickerWrapper as a}from"../../../../datePicker/DatePickerWrapper.js";const r=r=>{let{val:n,onChange:s,disabled:i}=r;return t((()=>{if(!n){const e=new Date((new Date).setHours(0,0,0,0)),t=new Date(new Date((new Date).setHours(23,59,59,999)).setDate((new Date).getDate()+1));t.setDate(e.getDate()+1),s([e,t])}}),[]),e("div",Object.assign({style:{position:"relative"}},{children:e(a,{maxDate:new Date,pickerStyles:{zIndex:3},disabled:i,val:n,onChange:s,calendarProps:{selectRange:!0}})}))};var n=t=>e(r,Object.assign({},t));export{n as default};

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

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

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

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

package/dist/esm/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/esm/components/QueryBuilder/components/Connectors/Connector.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{disableOperatorDropdown as r}from"../../constants/connectorPosition.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as s}from"../../types/QueryBuilder.type.js";import m from"../DropdownWrapper.js";import p from"./Components/EmojiPicker.js";import l from"./Components/FreeText.js";import a from"./Components/FrequencyIntegerPositiveSingle.js";import{PostIgPicker as c,ReelIgPicker as g,StoryIgPicker as u}from"./Components/IgPicker.js";import f from"./Components/IntegerPositiveSingle.js";import d from"./Components/IntegerSingleValue.js";import j from"./Components/InTheLast.js";import C from"./Components/InTheLastAgo.js";import S from"./Components/InTwoLast.js";import I from"./Components/MultiselectDropdownFreeText.js";import T from"./Components/NoInput.js";import h from"./Components/NumberTime.js";import y from"./Components/SingleDate.js";import P from"./Components/SingleselectDropdownFreeText.js";import w from"./Components/StringSingleValue.js";import v from"./Components/TwoDate.js";import D from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as x}from"./Connector.styled.js";const F={FreeText:l,IntegerPositiveSingle:f,IntegerSingleValue:d,StringSingleValue:w,MultiselectDropdownFreeText:I,SingleselectDropdownFreeText:P,NoInput:T,SingleDate:y,TwoNumberInputsSeperatedByAnd:D,FrequencyIntegerPositiveSingle:a,TwoDate:v,NumberTime:h,PostIgPicker:c,ReelIgPicker:g,StoryIgPicker:u,EmojiPicker:p,InTheLast:j,InTwoLast:S,InTheLastAgo:C},b=({isLoading:p,noDefault:l,connectorType:a,defaultConnector:c,onOperatorChange:g,onValueChange:u,connectorVal:f,extra:d,errors:j,disabled:C,onSearch:S})=>{const[I,T]=t(null),[h,y]=t(!1),P=i.getDropdownOptionFromDataType(a,c);function w(e,o=!1){y(!0);const t=i.getConnectorComponent(a,e.value);void 0!==t?a===s.frequency&&"IntegerPositiveSingle"===t?T("FrequencyIntegerPositiveSingle"):T(t):T(null),o||g(e.value),setTimeout((()=>{y(!1)}),5)}return n((()=>{l||(c?w({value:c,label:c},!0):P?.[0]&&w(P[0]))}),[c]),e(x,{children:[o("div",{children:!r?.[a]?.[c]&&o(m,{isSearchable:!0,disabled:C,width:"200px",isLoading:h,options:P,defaultOption:P.filter((e=>e.selected))?.[0],onSelect:w})}),null!==I&&!h&&F[I]?.({disabled:C,val:f,onChange:u,extra:d,errors:j,isLoading:p,onSearch:S,connectorType:a})]})};export{b as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as n,useEffect as t}from"react";import{disableOperatorDropdown as r}from"../../constants/connectorPosition.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as s}from"../../types/QueryBuilder.type.js";import m from"../DropdownWrapper.js";import l from"./Components/EmojiPicker.js";import p from"./Components/FreeText.js";import a from"./Components/FrequencyIntegerPositiveSingle.js";import{PostIgPicker as c,ReelIgPicker as u,StoryIgPicker as d}from"./Components/IgPicker.js";import g from"./Components/IntegerPositiveSingle.js";import f from"./Components/IntegerSingleValue.js";import j from"./Components/InTheLast.js";import C from"./Components/InTheLastAgo.js";import S from"./Components/InTwoLast.js";import v from"./Components/MultiselectDropdownFreeText.js";import I from"./Components/NoInput.js";import T from"./Components/NumberTime.js";import h from"./Components/SingleDate.js";import y from"./Components/SingleselectDropdownFreeText.js";import P from"./Components/StringSingleValue.js";import w from"./Components/TwoDate.js";import D from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as x}from"./Connector.styled.js";const F={FreeText:p,IntegerPositiveSingle:g,IntegerSingleValue:f,StringSingleValue:P,MultiselectDropdownFreeText:v,SingleselectDropdownFreeText:y,NoInput:I,SingleDate:h,TwoNumberInputsSeperatedByAnd:D,FrequencyIntegerPositiveSingle:a,TwoDate:w,NumberTime:T,PostIgPicker:c,ReelIgPicker:u,StoryIgPicker:d,EmojiPicker:l,InTheLast:j,InTwoLast:S,InTheLastAgo:C},b=l=>{let{isLoading:p,noDefault:a,connectorType:c,defaultConnector:u,onOperatorChange:d,onValueChange:g,connectorVal:f,extra:j,errors:C,disabled:S,onSearch:v}=l;var I,T,h;const[y,P]=n(null),[w,D]=n(!1),b=i.getDropdownOptionFromDataType(c,u);function L(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];D(!0);const n=i.getConnectorComponent(c,e.value);void 0!==n?c===s.frequency&&"IntegerPositiveSingle"===n?P("FrequencyIntegerPositiveSingle"):P(n):P(null),o||d(e.value),setTimeout((()=>{D(!1)}),5)}return t((()=>{a||(u?L({value:u,label:u},!0):(null==b?void 0:b[0])&&L(b[0]))}),[u]),e(x,{children:[o("div",{children:!(null===(I=null==r?void 0:r[c])||void 0===I?void 0:I[u])&&o(m,{isSearchable:!0,disabled:S,width:"200px",isLoading:w,options:b,defaultOption:null===(T=b.filter((e=>e.selected)))||void 0===T?void 0:T[0],onSelect:L})}),null!==y&&!w&&(null===(h=F[y])||void 0===h?void 0:h.call(F,{disabled:S,val:f,onChange:g,extra:j,errors:C,isLoading:p,onSearch:v,connectorType:c}))]})};export{b as default};

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

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

package/dist/esm/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/esm/components/QueryBuilder/components/DeleteButton.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{COLORS as t}from"../../../constants/Theme.js";import o from"../../../assets/icons/delete.svg.js";const r=({onClick:r})=>e("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",cursor:"pointer"},children:e(o,{onClick:r,color:t.content.primary,width:24,height:24})});export{r as default};
+import{jsx as e}from"react/jsx-runtime";import{COLORS as t}from"../../../constants/Theme.js";import r from"../../../assets/icons/delete.svg.js";const o=o=>{let{onClick:i}=o;return e("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center",cursor:"pointer"}},{children:e(r,{onClick:i,color:t.content.primary,width:24,height:24})}))};export{o as default};

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

@@ -0,0 +1,19 @@
+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;
+    selectedValues?: (string | number)[];
+    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
+}>;
+export default DropdownWrapper;

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{Dropdown as o}from"../../dropdown/Dropdown.js";import i from"./InputLoader.js";const t=({options:t,onSelect:l,defaultOption:r,isSearchable:a,isLoading:d,error:s,nativeID:n,dropdownLabel:p,isMultiSelect:c,allowFreeForm:m,width:h,disabled:u,selectedValues:w,onSearch:S})=>d?e(i,{}):e("div",{style:{maxWidth:200,width:200},id:n,children:e(o,{onSearch:S,height:t?.length?void 0:208,disabled:u,allowFreeForm:m??!1,isMultiSelect:c,width:h,size:"small",placeHolder:p,error:s,isSearchable:a??!1,defaultOptions:r?Array.isArray(r)?r:[r]:void 0,options:w?t.map((e=>e.options?{...e,options:e.options.map((e=>({...e,selected:w.includes(e.value)})))}:{...e,selected:w.includes(e.value)})):t,onSelect:l})});export{t as default};
+import{jsx as e}from"react/jsx-runtime";import{Dropdown as i}from"../../dropdown/Dropdown.js";import t from"./InputLoader.js";const o=o=>{let{options:s,onSelect:l,defaultOption:a,isSearchable:r,isLoading:n,error:d,nativeID:c,dropdownLabel:p,isMultiSelect:u,allowFreeForm:m,width:b,disabled:h,selectedValues:g,onSearch:j}=o;return n?e(t,{}):e("div",Object.assign({style:{maxWidth:200,width:200},id:c},{children:e(i,{onSearch:j,height:(null==s?void 0:s.length)?void 0:208,disabled:h,allowFreeForm:null!=m&&m,isMultiSelect:u,width:b,size:"small",placeHolder:p,error:d,isSearchable:null!=r&&r,defaultOptions:a?Array.isArray(a)?a:[a]:void 0,options:g?s.map((e=>e.options?Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:g.includes(e.value)})))}):Object.assign(Object.assign({},e),{selected:g.includes(e.value)}))):s,onSelect:l})}))};export{o as default};

package/dist/esm/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/esm/components/QueryBuilder/components/InputLoader.js

@@ -1,11 +1,11 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"styled-components";import{Spinner as t}from"../../spinner/Spinner.js";import{BodySecondary as i}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";const s=o.div`
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"styled-components";import{Spinner as t}from"../../spinner/Spinner.js";import{BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as s}from"../../../constants/Theme.js";const i=o.div`
 	width: 200px;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	padding: 4px 8px;
 	width: 200px;
-	background: ${n.surface.hovered};
-	border: 1px solid ${n.stroke.primary};
+	background: ${s.surface.hovered};
+	border: 1px solid ${s.stroke.primary};
 	border-radius: 4px;
-`,d=({containerStyle:o})=>r(s,{style:{...o??{}},children:[e(i,{style:{color:n.content.secondary,flex:1},children:"Loading..."}),e(t,{size:"small",color:n.stroke.brand})]});export{d as default};
+`,l=o=>{let{containerStyle:l}=o;return r(i,Object.assign({style:Object.assign({},null!=l?l:{})},{children:[e(n,Object.assign({style:{color:s.content.secondary,flex:1}},{children:"Loading..."})),e(t,{size:"small",color:s.stroke.brand})]}))};export{l as default};

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

@@ -1,25 +1,23 @@
-import React__default from 'react';
-import { DropdownOption } from '../../../../dropdown/type.js';
-import { QueryBuilderProperty, BaseQueryBuilderNode as BaseQueryBuilderNode$1 } from '../../../types/QueryBuilder.type.js';
-import { QueryBuilderPropertyProps } from '../../../types/QueryBuilderPropertyProps.js';
-
-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: BaseQueryBuilderNode$1;
-    children: React__default.ReactNode;
-    onPropertyValueSearch?: (searchKey: string, property: QueryBuilderProperty) => Promise<DropdownOption[]>;
-};
-/**
- * @exported
- * @stateless
- * @param param0
- * @returns
- */
-declare const BaseQueryBuilderNode: React__default.FC<BaseQueryBuilderNodeProps & {
-    children: React__default.ReactNode;
-}>;
-
-export { BaseQueryBuilderNode };
+import React from 'react';
+import { DropdownOption } from "../../../../dropdown/type";
+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;
+    onPropertyValueSearch?: (searchKey: string, property: QueryBuilderProperty) => Promise<DropdownOption[]>;
+};
+/**
+ * @exported
+ * @stateless
+ * @param param0
+ * @returns
+ */
+export declare const BaseQueryBuilderNode: React.FC<BaseQueryBuilderNodeProps & {
+    children: React.ReactNode;
+}>;
+export {};

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

@@ -1,9 +1,9 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"styled-components";import{COLORS as t}from"../../../../../constants/Theme.js";import d from"../Property/PropertyNodes.js";const p=o.div`
-	background: ${t.surface.subdued};
-	border: 1px solid ${t.stroke.primary};
+import{__rest as r}from"../../../../../_virtual/_tslib.js";import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"styled-components";import{COLORS as d}from"../../../../../constants/Theme.js";import p from"../Property/PropertyNodes.js";const i=o.div`
+	background: ${d.surface.subdued};
+	border: 1px solid ${d.stroke.primary};
 	border-radius: 4px;
 	padding: 12px;
 	width: 100%;
 	display: flex;
 	flex-direction: column;
-`,i=({children:o,node:t,addPropertyBtnText:i,deleteProperty:n,createProperty:s,...m})=>r(p,{children:[o,i&&e(d,{node:t,addPropertyBtnText:i,deleteProperty:n,createProperty:s,...m})]});export{i as BaseQueryBuilderNode};
+`,n=o=>{var{children:d,node:n,addPropertyBtnText:s,deleteProperty:a,createProperty:c}=o,m=r(o,["children","node","addPropertyBtnText","deleteProperty","createProperty"]);return e(i,{children:[d,s&&t(p,Object.assign({node:n,addPropertyBtnText:s,deleteProperty:a,createProperty:c},m))]})};export{n as BaseQueryBuilderNode};

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import s from"../../../../../assets/icons/plus.svg.js";const e=({buttonText:e,onClick:n})=>t(o,{onClick:n,buttonText:e,size:"medium",buttonType:"dashRegular",LeadingIcon:s});export{e as default};
+import{jsx as t}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import e from"../../../../../assets/icons/plus.svg.js";const n=n=>{let{buttonText:s,onClick:r}=n;return t(o,{onClick:r,buttonText:s,size:"medium",buttonType:"dashRegular",LeadingIcon:e})};export{n as default};

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

@@ -1,20 +1,17 @@
-import React__default from 'react';
-import { QueryBuilderPropertyProps } from '../../../types/QueryBuilderPropertyProps.js';
-
-/**
- * @exported
- * @stateless
- * @returns
- */
-declare const PropertyNode: React__default.FC<QueryBuilderPropertyProps & {
-    isLast?: boolean;
-}>;
-/**
- * @exported
- * @headless
- * @stateless
- * @returns
- */
-declare const PropertyNodeHeadless: React__default.FC<QueryBuilderPropertyProps>;
-
-export { PropertyNode, PropertyNodeHeadless };
+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/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js

@@ -1 +1 @@
-import{jsx as r,jsxs as e,Fragment as o}from"react/jsx-runtime";import{useState as a,useEffect as n}from"react";import{isNewLineConnectorPosition as t}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import p from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as l}from"./PropertyNode.styled.js";import s from"./PropertyNodeUIWrapper.js";const c=new i,m=e=>r(s,{isLast:e.isLast,mode:e.mode,children:r("div",{style:{padding:12,maxWidth:"calc(100% - 78px)"},children:r(y,{...e})})}),y=({propertySelectorText:i,fetchPropertyData:s,onPropertyNameSelect:m,onPropertyOperatorChange:y,onPropertyValueChange:h,property:u,mode:f,onPropertyValueSearch:v})=>{const[A,g]=a([]),[C,T]=a({}),[S,b]=a(!0),[j,x]=a("create"===f),P=Array.isArray(A)?A.map((r=>({...r,label:r.name,value:r.id,description:r.description,selected:u?.name===r.id}))):c.convertToGroupOptions(A,u?.name?[u.name.toString()]:void 0);function w(r){if(!Array.isArray(r)){x(!0);let e=null;Array.isArray(A)?e=A.find((({id:e})=>e===r.value)):Object.keys(A).forEach((o=>{const a=A[o].find((({id:e})=>e===r.value));a&&(e=a)})),T({}),e?m?.(e,u).then((r=>{const e=r;e.normalized&&e.originalData?T((r=>({...r,options:Array.isArray(e.normalized)?[...e.normalized]:{...e.normalized},originalData:e.originalData}))):T((e=>({...e,options:Array.isArray(r)?[...r]:{...r}}))),x(!1)})):x(!1)}}return n((()=>{s?s().then((r=>{r&&(Array.isArray(r)?g([...r]):g({...r})),b(!1),x(!1)})):(b(!1),x(!1))}),[]),n((()=>{if("create"!==f&&A&&u?.name){const r=u,e=Array.isArray(A)?A.find((r=>r.id===u?.name)):c.findInGroupedApiResponse(A,u?.name);e&&w({value:e.id,label:e.name}),h?.(r?.value,u)}}),[A]),n((()=>{"iceBreaker"===u?.dataType&&T((r=>({...r,freeForm:!1})))}),[u?.dataType]),e(o,{children:[e(l,{children:[r(d,{isSearchable:!0,disabled:"view"===f,width:"200px",isLoading:S,dropdownLabel:i??"Select property",options:P,onSelect:w,selectedValues:u?.name?[u.name]:void 0,error:u?.error?.name}),u?.name&&!t[u.dataType]?.[u.operator]&&r(p,{onSearch:v?r=>v(r,u):void 0,isLoading:j,disabled:"view"===f,extra:C,errors:{val:u.error?.value,operator:u.error?.operator},connectorVal:u.value,connectorType:u.dataType,defaultConnector:u.operator,onOperatorChange:r=>{y?.(r,u)},onValueChange:r=>h?.(r,u)})]}),u?.name&&t[u.dataType]?.[u.operator]&&r(p,{onSearch:v?r=>v(r,u):void 0,isLoading:j,disabled:"view"===f,extra:C,errors:{val:u.error?.value,operator:u.error?.operator},connectorVal:u.value,connectorType:u.dataType,defaultConnector:u.operator,onOperatorChange:r=>y?.(r,u),onValueChange:r=>h?.(r,u)})]})};export{m as PropertyNode,y as PropertyNodeHeadless};
+import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useState as a,useEffect as n}from"react";import{isNewLineConnectorPosition as i}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as t}from"../../../helpers/ApiResponse.helper.js";import l from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as s}from"./PropertyNode.styled.js";import p from"./PropertyNodeUIWrapper.js";const c=new t,u=r=>e(p,Object.assign({isLast:r.isLast,mode:r.mode},{children:e("div",Object.assign({style:{padding:12,maxWidth:"calc(100% - 78px)"}},{children:e(v,Object.assign({},r))}))})),v=t=>{let{propertySelectorText:p,fetchPropertyData:u,onPropertyNameSelect:v,onPropertyOperatorChange:m,onPropertyValueChange:y,property:g,mode:b,onPropertyValueSearch:h}=t;var j,f,O,A,C,T,S;const[x,P]=a([]),[w,V]=a({}),[L,D]=a(!0),[z,N]=a("create"===b),W=Array.isArray(x)?x.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==g?void 0:g.name)===e.id}))):c.convertToGroupOptions(x,(null==g?void 0:g.name)?[g.name.toString()]:void 0);function k(e){if(!Array.isArray(e)){N(!0);let r=null;Array.isArray(x)?r=x.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(x).forEach((o=>{const a=x[o].find((r=>{let{id:o}=r;return o===e.value}));a&&(r=a)})),V({}),r?null==v||v(r,g).then((e=>{const r=e;r.normalized&&r.originalData?V((e=>Object.assign(Object.assign({},e),{options:Array.isArray(r.normalized)?[...r.normalized]:Object.assign({},r.normalized),originalData:r.originalData}))):V((r=>Object.assign(Object.assign({},r),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),N(!1)})):N(!1)}}return n((()=>{u?u().then((e=>{e&&(Array.isArray(e)?P([...e]):P(Object.assign({},e))),D(!1),N(!1)})):(D(!1),N(!1))}),[]),n((()=>{if("create"!==b&&x&&(null==g?void 0:g.name)){const e=g,r=Array.isArray(x)?x.find((e=>e.id===(null==g?void 0:g.name))):c.findInGroupedApiResponse(x,null==g?void 0:g.name);r&&k({value:r.id,label:r.name}),null==y||y(null==e?void 0:e.value,g)}}),[x]),n((()=>{"iceBreaker"===(null==g?void 0:g.dataType)&&V((e=>Object.assign(Object.assign({},e),{freeForm:!1})))}),[null==g?void 0:g.dataType]),r(o,{children:[r(s,{children:[e(d,{isSearchable:!0,disabled:"view"===b,width:"200px",isLoading:L,dropdownLabel:null!=p?p:"Select property",options:W,onSelect:k,selectedValues:(null==g?void 0:g.name)?[g.name]:void 0,error:null===(j=null==g?void 0:g.error)||void 0===j?void 0:j.name}),(null==g?void 0:g.name)&&!(null===(f=i[g.dataType])||void 0===f?void 0:f[g.operator])&&e(l,{onSearch:h?e=>h(e,g):void 0,isLoading:z,disabled:"view"===b,extra:w,errors:{val:null===(O=g.error)||void 0===O?void 0:O.value,operator:null===(A=g.error)||void 0===A?void 0:A.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>{null==m||m(e,g)},onValueChange:e=>null==y?void 0:y(e,g)})]}),(null==g?void 0:g.name)&&(null===(C=i[g.dataType])||void 0===C?void 0:C[g.operator])&&e(l,{onSearch:h?e=>h(e,g):void 0,isLoading:z,disabled:"view"===b,extra:w,errors:{val:null===(T=g.error)||void 0===T?void 0:T.value,operator:null===(S=g.error)||void 0===S?void 0:S.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>null==m?void 0:m(e,g),onValueChange:e=>null==y?void 0:y(e,g)})]})};export{u as PropertyNode,v as PropertyNodeHeadless};

package/dist/esm/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/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js

@@ -1 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{BodySecondary as t}from"../../../../TypographyStyle.js";import{COLORS as o}from"../../../../../constants/Theme.js";import{Container as i,Line as m,Horinzontal as s}from"./PropertyNodeUIWrapper.styled.js";const p=({children:p,mode:a,isLast:l})=>r(i,{style:{maxWidth:"calc(100% - 24px)"},children:[e(m,{style:{height:"view"===a&&l?29:"100%"}}),e(s,{style:{marginTop:28}}),e(t,{style:{color:o.content.primary,marginLeft:8,marginTop:18},children:"where"}),p]});export{p as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{BodySecondary as t}from"../../../../TypographyStyle.js";import{COLORS as o}from"../../../../../constants/Theme.js";import{Container as s,Line as i,Horinzontal as m}from"./PropertyNodeUIWrapper.styled.js";const a=a=>{let{children:n,mode:p,isLast:l}=a;return e(s,Object.assign({style:{maxWidth:"calc(100% - 24px)"}},{children:[r(i,{style:{height:"view"===p&&l?29:"100%"}}),r(m,{style:{marginTop:28}}),r(t,Object.assign({style:{color:o.content.primary,marginLeft:8,marginTop:18}},{children:"where"})),n]}))};export{a as default};

package/dist/esm/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/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.js

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

package/dist/esm/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/esm/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.js

@@ -1 +1 @@
-import{jsx as r,Fragment as e}from"react/jsx-runtime";import t from"../../Filters/CustomField/components/CustomField.js";import o from"../../Filters/Event/components/EventFilter.js";import s from"../../Filters/Segment/components/SegmentFilter.js";import m from"../../Filters/UserProperty/components/UserPropertyFilter.js";import i from"../../Triggers/EVENTS/components/EventsTrigger.js";import E from"../../Triggers/IG/components/IGTrigger.js";import{QueryBuilderType as n}from"../../types/QueryBuilder.type.js";const p={[n.EVENT_FILTER]:o,[n.NO_EVENT_FILTER]:o,[n.USER_PROPERTY_FILTER]:m,[n.ORDER_PROPERTY_FILTER]:m,[n.HAS_CUSTOM_FIELD]:t,[n.IG_TRIGGER]:E,[n.EVENTS_TRIGGER]:i,[n.SEGMENT_FILTER]:s},T=t=>{if(void 0!==p[t.node.type]){const e=p[t.node.type];return r(e,{...t})}return r(e,{})};export{T as default};
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import t from"../../Filters/CustomField/components/CustomField.js";import o from"../../Filters/Event/components/EventFilter.js";import s from"../../Filters/Segment/components/SegmentFilter.js";import m from"../../Filters/UserProperty/components/UserPropertyFilter.js";import i from"../../Triggers/EVENTS/components/EventsTrigger.js";import n from"../../Triggers/IG/components/IGTrigger.js";import{QueryBuilderType as E}from"../../types/QueryBuilder.type.js";const p={[E.EVENT_FILTER]:o,[E.NO_EVENT_FILTER]:o,[E.USER_PROPERTY_FILTER]:m,[E.ORDER_PROPERTY_FILTER]:m,[E.HAS_CUSTOM_FIELD]:t,[E.IG_TRIGGER]:n,[E.EVENTS_TRIGGER]:i,[E.SEGMENT_FILTER]:s},T=t=>{if(void 0!==p[t.node.type]){const e=p[t.node.type];return r(e,Object.assign({},t))}return r(e,{})};export{T as default};

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

@@ -0,0 +1,19 @@
+import { Response } from "../../../types/apiExecutor";
+import React from 'react';
+import { QueryBuilderRef } from '../types';
+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';
+    selectorKey: string;
+};
+declare const QueryBuilderNodes: React.ForwardRefExoticComponent<QueryBuilderNodesProps & React.RefAttributes<QueryBuilderRef>>;
+export default QueryBuilderNodes;

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

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

package/dist/esm/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/esm/components/QueryBuilder/constants/DATE_OPERATORS_OPTIONS.d.ts

@@ -0,0 +1,2 @@
+import { GroupedOption } from "../../dropdown/type";
+export declare const DATE_OPERATORS_OPTIONS: GroupedOption[];