@bikdotai/bik-component-library 0.0.807-beta.2 → 0.0.808-beta.0

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

@@ -1 +1 @@
-{"version":3,"file":"SingleselectDropdownFreeText.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport {\n\tConnectorComponentProps,\n\tExtraOption,\n} from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport DropdownWrapper from '../../DropdownWrapper';\n\nconst SingleselectDropdownFreeText: React.FC<ConnectorComponentProps> = ({\n\tonChange,\n\textra,\n\tval: values,\n\tisLoading,\n\terrors,\n\tdisabled,\n\toptionsErrorState,\n\tonRetryOptionsFetch,\n}) => {\n\tconst [options, setOptions] = useState<ExtraOption>([]);\n\tconst val = values as QueryBuilderAPIData[];\n\n\tfunction handleOnSelect(optionListArg: DropdownOption | DropdownOption[]) {\n\t\tconst optionList = optionListArg as SingleOption;\n\t\tconst optionsToPass: QueryBuilderAPIData[] = [];\n\n\t\toptionsToPass.push({\n\t\t\tname: optionList.label,\n\t\t\tid: optionList.value,\n\t\t});\n\n\t\tonChange?.(optionsToPass);\n\t}\n\n\tuseEffect(() => {\n\t\tconst newOptions: DropdownOption[] = extra?.options\n\t\t\t? Array.isArray(extra.options)\n\t\t\t\t? (extra.options as QueryBuilderAPIData[])\n\t\t\t\t\t\t.filter((option) => !!Object.keys(option).length)\n\t\t\t\t\t\t.map((option) => {\n\t\t\t\t\t\t\tconst isChecked = val?.find(\n\t\t\t\t\t\t\t\t(op) => op.name === option.name || op.id === option.id,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tselected: !!isChecked,\n\t\t\t\t\t\t\t\tlabel: option.name,\n\t\t\t\t\t\t\t\tvalue: option.id,\n\t\t\t\t\t\t\t} as DropdownOption;\n\t\t\t\t\t\t})\n\t\t\t\t: [] /** will never be true for this */\n\t\t\t: [];\n\n\t\tconst allValIds = val?.map((v) => v.id) ?? [];\n\n\t\tconst toAddFromVal: DropdownOption[] = [\n\t\t\t...newOptions.filter(\n\t\t\t\t(v) => !allValIds.includes((v as SingleOption).value),\n\t\t\t),\n\t\t].concat(\n\t\t\t(val ?? []).map(\n\t\t\t\t(v) => ({ value: v.id, label: v.name } as DropdownOption),\n\t\t\t),\n\t\t);\n\n\t\tval?.forEach(({ name, id }) => {\n\t\t\tconst valPresent = toAddFromVal.findIndex((option) => {\n\t\t\t\treturn (option as SingleOption).value === id && option.label === name;\n\t\t\t});\n\n\t\t\tif (valPresent !== -1) {\n\t\t\t\t(toAddFromVal[valPresent] as SingleOption).selected = true;\n\t\t\t}\n\t\t});\n\n\t\tsetOptions([...toAddFromVal]);\n\t}, [extra, val]);\n\n\treturn (\n\t\t<div>\n\t\t\t<DropdownWrapper\n\t\t\t\tdisabled={disabled}\n\t\t\t\tallowFreeForm={false}\n\t\t\t\tisSearchable\n\t\t\t\tisLoading={isLoading}\n\t\t\t\toptionsErrorState={optionsErrorState}\n\t\t\t\tonRetryOptionsFetch={onRetryOptionsFetch}\n\t\t\t\terror={errors?.val as string}\n\t\t\t\tisMultiSelect={false}\n\t\t\t\toptions={options as DropdownOption[]}\n\t\t\t\tonSelect={handleOnSelect}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nconst SingleselectDropdownFreeTextWrapper = (\n\tprops: ConnectorComponentProps,\n) => <SingleselectDropdownFreeText {...props} />;\n\nSingleselectDropdownFreeTextWrapper.displayName =\n\t'SingleselectDropdownFreeText';\n\nexport default SingleselectDropdownFreeTextWrapper;\n"],"names":["SingleselectDropdownFreeText","_ref","onChange","extra","val","values","isLoading","errors","disabled","optionsErrorState","onRetryOptionsFetch","options","setOptions","useState","useEffect","newOptions","Array","isArray","filter","option","Object","keys","length","map","selected","find","op","name","id","label","value","allValIds","_a","v","toAddFromVal","includes","concat","forEach","_ref2","valPresent","findIndex","_jsx","DropdownWrapper","allowFreeForm","isSearchable","error","isMultiSelect","onSelect","optionListArg","optionList","optionsToPass","push","SingleselectDropdownFreeTextWrapper","props","assign","displayName"],"mappings":"gIASA,MAAMA,EAAkEC,IASnE,IAToEC,SACxEA,EAAQC,MACRA,EACAC,IAAKC,EAAMC,UACXA,EAASC,OACTA,EAAMC,SACNA,EAAQC,kBACRA,EAAiBC,oBACjBA,GACAT,EACA,MAAOU,EAASC,GAAcC,EAAsB,IAC9CT,EAAMC,EAyDZ,OA3CAS,GAAU,WACT,MAAMC,GAA+BZ,aAAK,EAALA,EAAOQ,UACzCK,MAAMC,QAAQd,EAAMQ,SAClBR,EAAMQ,QACNO,QAAQC,KAAaC,OAAOC,KAAKF,GAAQG,SACzCC,KAAKJ,IAIE,CACNK,YAJiBpB,aAAG,EAAHA,EAAKqB,MACrBC,GAAOA,EAAGC,OAASR,EAAOQ,MAAQD,EAAGE,KAAOT,EAAOS,MAIpDC,MAAOV,EAAOQ,KACdG,MAAOX,EAAOS,OAIjB,GAEGG,EAAqC,QAAzBC,EAAA5B,aAAG,EAAHA,EAAKmB,KAAKU,GAAMA,EAAEL,YAAO,IAAAI,EAAAA,EAAA,GAErCE,EAAiC,IACnCnB,EAAWG,QACZe,IAAOF,EAAUI,SAAUF,EAAmBH,UAE/CM,QACAhC,QAAAA,EAAO,IAAImB,KACVU,IAAO,CAAEH,MAAOG,EAAEL,GAAIC,MAAOI,EAAEN,UAIlCvB,SAAAA,EAAKiC,SAAQC,IAAiB,IAAhBX,KAAEA,EAAIC,GAAEA,GAAIU,EACzB,MAAMC,EAAaL,EAAaM,WAAWrB,GAClCA,EAAwBW,QAAUF,GAAMT,EAAOU,QAAUF,KAG9C,IAAhBY,IACFL,EAAaK,GAA6Bf,UAAW,EACtD,IAGFZ,EAAW,IAAIsB,GAAc,GAC3B,CAAC/B,EAAOC,IAGVqC,kBACCA,EAACC,GACAlC,SAAUA,EACVmC,eAAe,EACfC,cACA,EAAAtC,UAAWA,EACXG,kBAAmBA,EACnBC,oBAAqBA,EACrBmC,MAAOtC,eAAAA,EAAQH,IACf0C,eAAe,EACfnC,QAASA,EACToC,SAnEH,SAAwBC,GACvB,MAAMC,EAAaD,EACbE,EAAuC,GAE7CA,EAAcC,KAAK,CAClBxB,KAAMsB,EAAWpB,MACjBD,GAAIqB,EAAWnB,QAGhB5B,SAAAA,EAAWgD,EACZ,KA2DO,EAIFE,EACLC,GACIZ,EAACzC,EAA4BoB,OAAAkC,OAAA,CAAA,EAAKD,IAEvCD,EAAoCG,YACnC"}
+{"version":3,"file":"SingleselectDropdownFreeText.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport {\n\tConnectorComponentProps,\n\tExtraOption,\n} from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport DropdownWrapper from '../../DropdownWrapper';\n\nconst SingleselectDropdownFreeText: React.FC<ConnectorComponentProps> = ({\n\tonChange,\n\textra,\n\tval: values,\n\tisLoading,\n\terrors,\n\tdisabled,\n\toptionsErrorState,\n\tonRetryOptionsFetch,\n}) => {\n\tconst [options, setOptions] = useState<ExtraOption>([]);\n\tconst val = values as QueryBuilderAPIData[];\n\n\tfunction handleOnSelect(optionListArg: DropdownOption | DropdownOption[]) {\n\t\tconst optionList = optionListArg as SingleOption;\n\t\tconst optionsToPass: QueryBuilderAPIData[] = [];\n\n\t\toptionsToPass.push({\n\t\t\tname: optionList.label,\n\t\t\tid: optionList.value,\n\t\t});\n\n\t\tonChange?.(optionsToPass);\n\t}\n\n\tuseEffect(() => {\n\t\tconst newOptions: DropdownOption[] = extra?.options\n\t\t\t? Array.isArray(extra.options)\n\t\t\t\t? (extra.options as QueryBuilderAPIData[])\n\t\t\t\t\t\t.filter((option) => !!Object.keys(option).length)\n\t\t\t\t\t\t.map((option) => {\n\t\t\t\t\t\t\tconst isChecked = val?.find(\n\t\t\t\t\t\t\t\t(op) => op.name === option.name || op.id === option.id,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tselected: !!isChecked,\n\t\t\t\t\t\t\t\tlabel: option.name,\n\t\t\t\t\t\t\t\tvalue: option.id,\n\t\t\t\t\t\t\t} as DropdownOption;\n\t\t\t\t\t\t})\n\t\t\t\t: [] /** will never be true for this */\n\t\t\t: [];\n\n\t\tconst allValIds = val?.map((v) => v.id) ?? [];\n\n\t\tconst toAddFromVal: DropdownOption[] = [\n\t\t\t...newOptions.filter(\n\t\t\t\t(v) => !allValIds.includes((v as SingleOption).value),\n\t\t\t),\n\t\t].concat(\n\t\t\t(val ?? []).map(\n\t\t\t\t(v) => ({ value: v.id, label: v.name } as DropdownOption),\n\t\t\t),\n\t\t);\n\n\t\tval?.forEach(({ name, id }) => {\n\t\t\tconst valPresent = toAddFromVal.findIndex((option) => {\n\t\t\t\treturn (option as SingleOption).value === id && option.label === name;\n\t\t\t});\n\n\t\t\tif (valPresent !== -1) {\n\t\t\t\t(toAddFromVal[valPresent] as SingleOption).selected = true;\n\t\t\t}\n\t\t});\n\n\t\tsetOptions([...toAddFromVal]);\n\t}, [extra, val]);\n\n\treturn (\n\t\t<div>\n\t\t\t<DropdownWrapper\n\t\t\t\tdisabled={disabled}\n\t\t\t\tallowFreeForm={false}\n\t\t\t\tisSearchable\n\t\t\t\tisLoading={isLoading}\n\t\t\t\toptionsErrorState={optionsErrorState}\n\t\t\t\tonRetryOptionsFetch={onRetryOptionsFetch}\n\t\t\t\terror={errors?.val as string}\n\t\t\t\tisMultiSelect={false}\n\t\t\t\toptions={options as DropdownOption[]}\n\t\t\t\tonSelect={handleOnSelect}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nconst SingleselectDropdownFreeTextWrapper = (\n\tprops: ConnectorComponentProps,\n) => <SingleselectDropdownFreeText {...props} />;\n\nSingleselectDropdownFreeTextWrapper.displayName =\n\t'SingleselectDropdownFreeText';\n\nexport default SingleselectDropdownFreeTextWrapper;\n"],"names":["SingleselectDropdownFreeText","onChange","extra","val","values","isLoading","errors","disabled","optionsErrorState","onRetryOptionsFetch","options","setOptions","useState","useEffect","newOptions","Array","isArray","filter","option","Object","keys","length","map","selected","find","op","name","id","label","value","allValIds","_a","v","toAddFromVal","includes","concat","forEach","valPresent","findIndex","_jsx","DropdownWrapper","allowFreeForm","isSearchable","error","isMultiSelect","onSelect","optionListArg","optionList","optionsToPass","push","SingleselectDropdownFreeTextWrapper","props","assign","displayName"],"mappings":"gIASA,MAAMA,EAAkEA,EACvEC,WACAC,QACAC,IAAKC,EACLC,YACAC,SACAC,WACAC,oBACAC,0BAEA,MAAOC,EAASC,GAAcC,EAAsB,IAC9CT,EAAMC,EAyDZ,OA3CAS,GAAU,WACT,MAAMC,GAA+BZ,aAAK,EAALA,EAAOQ,UACzCK,MAAMC,QAAQd,EAAMQ,SAClBR,EAAMQ,QACNO,QAAQC,KAAaC,OAAOC,KAAKF,GAAQG,SACzCC,KAAKJ,IAIE,CACNK,YAJiBpB,aAAG,EAAHA,EAAKqB,MACrBC,GAAOA,EAAGC,OAASR,EAAOQ,MAAQD,EAAGE,KAAOT,EAAOS,MAIpDC,MAAOV,EAAOQ,KACdG,MAAOX,EAAOS,OAIjB,GAEGG,EAAqC,QAAzBC,EAAA5B,aAAG,EAAHA,EAAKmB,KAAKU,GAAMA,EAAEL,YAAO,IAAAI,EAAAA,EAAA,GAErCE,EAAiC,IACnCnB,EAAWG,QACZe,IAAOF,EAAUI,SAAUF,EAAmBH,UAE/CM,QACAhC,QAAAA,EAAO,IAAImB,KACVU,IAAO,CAAEH,MAAOG,EAAEL,GAAIC,MAAOI,EAAEN,UAIlCvB,SAAAA,EAAKiC,SAAQ,EAAGV,OAAMC,SACrB,MAAMU,EAAaJ,EAAaK,WAAWpB,GAClCA,EAAwBW,QAAUF,GAAMT,EAAOU,QAAUF,KAG9C,IAAhBW,IACFJ,EAAaI,GAA6Bd,UAAW,EACtD,IAGFZ,EAAW,IAAIsB,GAAc,GAC3B,CAAC/B,EAAOC,IAGVoC,kBACCA,EAACC,GACAjC,SAAUA,EACVkC,eAAe,EACfC,cACA,EAAArC,UAAWA,EACXG,kBAAmBA,EACnBC,oBAAqBA,EACrBkC,MAAOrC,eAAAA,EAAQH,IACfyC,eAAe,EACflC,QAASA,EACTmC,SAnEH,SAAwBC,GACvB,MAAMC,EAAaD,EACbE,EAAuC,GAE7CA,EAAcC,KAAK,CAClBvB,KAAMqB,EAAWnB,MACjBD,GAAIoB,EAAWlB,QAGhB5B,SAAAA,EAAW+C,EACZ,KA2DO,EAIFE,EACLC,GACIZ,EAACvC,EAA4BmB,OAAAiC,OAAA,CAAA,EAAKD,IAEvCD,EAAoCG,YACnC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"StringSingleValue.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/StringSingleValue.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport InputLoader from '../../InputLoader';\n\nconst StringSingleValue: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tisLoading,\n\tdisabled,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 200,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<div>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\t\tvalue={val?.toString()}\n\t\t\t\t\t\tonChangeText={onChange as unknown as (val: string) => void}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<StringSingleValue {...props} />\n);\n"],"names":["StringSingleValue","_ref","val","onChange","errors","nativeID","isLoading","disabled","_jsx","style","width","children","InputLoader","containerStyle","padding","InputStyleContext","Provider","Object","assign","value","InputWrapper","Input","state","type","variant","errorMessage","toString","onChangeText","StringSingleValue$1","props"],"mappings":"mNAMA,MAAMA,EAAuDC,IAOxD,IAPyDC,IAC7DA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,SACNA,EAAQC,UACRA,EAASC,SACTA,GACAN,EACA,OAAIK,EAEFE,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbV,MAAO,OAIT,CAAAC,SAAAH,EAAA,MAAA,CAAAG,SACCH,EACC,MAAA,CAAAG,SAAAH,EAACa,EAAK,CACLC,MAAOf,EAAW,WAAa,OAC/BgB,KAAK,OACLC,QAAQ,QACRC,aAAcrB,aAAA,EAAAA,EAAQF,IACtBiB,MAAOjB,aAAG,EAAHA,EAAKwB,WACZC,aAAcxB,UAIW,EAI/B,IAAAyB,EAAgBC,GACfrB,EAACR,EAAsBiB,OAAAC,OAAA,CAAA,EAAAW"}
+{"version":3,"file":"StringSingleValue.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/StringSingleValue.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport InputLoader from '../../InputLoader';\n\nconst StringSingleValue: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tisLoading,\n\tdisabled,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 200,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<div>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\t\tvalue={val?.toString()}\n\t\t\t\t\t\tonChangeText={onChange as unknown as (val: string) => void}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<StringSingleValue {...props} />\n);\n"],"names":["StringSingleValue","val","onChange","errors","nativeID","isLoading","disabled","_jsx","style","width","children","InputLoader","containerStyle","padding","InputStyleContext","Provider","Object","assign","value","InputWrapper","Input","state","type","variant","errorMessage","toString","onChangeText","StringSingleValue$1","props"],"mappings":"mNAMA,MAAMA,EAAuDA,EAC5DC,MACAC,WACAC,SACAC,WACAC,YACAC,cAEID,EAEFE,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbV,MAAO,OAIT,CAAAC,SAAAH,EAAA,MAAA,CAAAG,SACCH,EACC,MAAA,CAAAG,SAAAH,EAACa,EAAK,CACLC,MAAOf,EAAW,WAAa,OAC/BgB,KAAK,OACLC,QAAQ,QACRC,aAAcrB,aAAA,EAAAA,EAAQF,IACtBiB,MAAOjB,aAAG,EAAHA,EAAKwB,WACZC,aAAcxB,WAQpB,IAAAyB,EAAgBC,GACfrB,EAACP,EAAsBgB,OAAAC,OAAA,CAAA,EAAAW"}

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

@@ -1,2 +1,2 @@
-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};
+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:s,disabled:n})=>(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),s([e,t])}}),[]),e("div",Object.assign({style:{position:"relative"}},{children:e(a,{maxDate:new Date,pickerStyles:{zIndex:3},disabled:n,val:r,onChange:s,calendarProps:{selectRange:!0}})})));var s=t=>e(r,Object.assign({},t));export{s as default};
 //# sourceMappingURL=TwoDate.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TwoDate.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/TwoDate.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { DatePickerWrapper } from '@src/components/datePicker/DatePickerWrapper';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\n\nconst TwoDate: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\tdisabled,\n}) => {\n\tuseEffect(() => {\n\t\tif (!val) {\n\t\t\tconst today = new Date(new Date().setHours(0, 0, 0, 0));\n\t\t\tconst tomorrow = new Date(\n\t\t\t\tnew Date(new Date().setHours(23, 59, 59, 999)).setDate(\n\t\t\t\t\tnew Date().getDate() + 1,\n\t\t\t\t),\n\t\t\t);\n\n\t\t\ttomorrow.setDate(today.getDate() + 1);\n\t\t\t(onChange as unknown as (val: Date[]) => void)([today, tomorrow]);\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<DatePickerWrapper\n\t\t\t\tmaxDate={new Date()}\n\t\t\t\tpickerStyles={{ zIndex: 3 }}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tval={val as Date[]}\n\t\t\t\tonChange={onChange as (val: Date | Date[]) => void}\n\t\t\t\tcalendarProps={{ selectRange: true }}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => <TwoDate {...props} />;\n"],"names":["TwoDate","_ref","val","onChange","disabled","useEffect","today","Date","setHours","tomorrow","setDate","getDate","_jsx","style","position","children","DatePickerWrapper","maxDate","pickerStyles","zIndex","calendarProps","selectRange","TwoDate$1","props","Object","assign"],"mappings":"0JAIA,MAAMA,EAA6CC,IAI9C,IAJ+CC,IACnDA,EAAGC,SACHA,EAAQC,SACRA,GACAH,EAeA,OAdAI,GAAU,KACT,IAAKH,EAAK,CACT,MAAMI,EAAQ,IAAIC,MAAK,IAAIA,MAAOC,SAAS,EAAG,EAAG,EAAG,IAC9CC,EAAW,IAAIF,KACpB,IAAIA,MAAK,IAAIA,MAAOC,SAAS,GAAI,GAAI,GAAI,MAAME,SAC9C,IAAIH,MAAOI,UAAY,IAIzBF,EAASC,QAAQJ,EAAMK,UAAY,GAClCR,EAA8C,CAACG,EAAOG,GACvD,IACC,IAGFG,uBAAKC,MAAO,CAAEC,SAAU,aACvB,CAAAC,SAAAH,EAACI,EACA,CAAAC,QAAS,IAAIV,KACbW,aAAc,CAAEC,OAAQ,GACxBf,SAAUA,EACVF,IAAKA,EACLC,SAAUA,EACViB,cAAe,CAAEC,aAAa,OAE1B,EAKR,IAAAC,EAAgBC,GAAmCX,EAACZ,EAAOwB,OAAAC,OAAA,CAAA,EAAKF"}
+{"version":3,"file":"TwoDate.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/TwoDate.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { DatePickerWrapper } from '@src/components/datePicker/DatePickerWrapper';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\n\nconst TwoDate: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\tdisabled,\n}) => {\n\tuseEffect(() => {\n\t\tif (!val) {\n\t\t\tconst today = new Date(new Date().setHours(0, 0, 0, 0));\n\t\t\tconst tomorrow = new Date(\n\t\t\t\tnew Date(new Date().setHours(23, 59, 59, 999)).setDate(\n\t\t\t\t\tnew Date().getDate() + 1,\n\t\t\t\t),\n\t\t\t);\n\n\t\t\ttomorrow.setDate(today.getDate() + 1);\n\t\t\t(onChange as unknown as (val: Date[]) => void)([today, tomorrow]);\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<DatePickerWrapper\n\t\t\t\tmaxDate={new Date()}\n\t\t\t\tpickerStyles={{ zIndex: 3 }}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tval={val as Date[]}\n\t\t\t\tonChange={onChange as (val: Date | Date[]) => void}\n\t\t\t\tcalendarProps={{ selectRange: true }}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => <TwoDate {...props} />;\n"],"names":["TwoDate","val","onChange","disabled","useEffect","today","Date","setHours","tomorrow","setDate","getDate","_jsx","style","position","children","DatePickerWrapper","maxDate","pickerStyles","zIndex","calendarProps","selectRange","TwoDate$1","props","Object","assign"],"mappings":"0JAIA,MAAMA,EAA6CA,EAClDC,MACAC,WACAC,eAEAC,GAAU,KACT,IAAKH,EAAK,CACT,MAAMI,EAAQ,IAAIC,MAAK,IAAIA,MAAOC,SAAS,EAAG,EAAG,EAAG,IAC9CC,EAAW,IAAIF,KACpB,IAAIA,MAAK,IAAIA,MAAOC,SAAS,GAAI,GAAI,GAAI,MAAME,SAC9C,IAAIH,MAAOI,UAAY,IAIzBF,EAASC,QAAQJ,EAAMK,UAAY,GAClCR,EAA8C,CAACG,EAAOG,GACvD,IACC,IAGFG,uBAAKC,MAAO,CAAEC,SAAU,aACvB,CAAAC,SAAAH,EAACI,EACA,CAAAC,QAAS,IAAIV,KACbW,aAAc,CAAEC,OAAQ,GACxBf,SAAUA,EACVF,IAAKA,EACLC,SAAUA,EACViB,cAAe,CAAEC,aAAa,SAOlC,IAAAC,EAAgBC,GAAmCX,EAACX,EAAOuB,OAAAC,OAAA,CAAA,EAAKF"}

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

@@ -1,2 +1,2 @@
-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};
+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=({val:o,onChange:d,errors:v,nativeID:s,disabled:u})=>{var p,c,m,g;const[h,y]=n(),[b,f]=n();return i((()=>{if(Array.isArray(o)){const[e,r]=o;y(null==e?void 0:e.toString()),f(null==r?void 0:r.toString())}}),[]),i((()=>{null==d||d([h,b])}),[h,b]),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:u?"disabled":"none",hintText:null===(p=null==v?void 0:v.val)||void 0===p?void 0:p[0],errorMessage:null===(c=null==v?void 0:v.val)||void 0===c?void 0:c[0],onChangeText:e=>y(e),value:h,type:"number",variant:"small"})})),e("div",{children:e(a,{children:"and"})}),e(l.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e(t,{state:u?"disabled":"none",hintText:null===(m=null==v?void 0:v.val)||void 0===m?void 0:m[1],errorMessage:null===(g=null==v?void 0:v.val)||void 0===g?void 0:g[1],onChangeText:e=>f(e),value:b,type:"number",variant:"small"})}))]}))};var d=r=>e(o,Object.assign({},r));export{d as default};
 //# sourceMappingURL=TwoNumberInputsSeperatedByAnd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TwoNumberInputsSeperatedByAnd.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\n\nconst TwoNumberInputsSeperatedByAnd: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst [val1, setVal1] = useState<string | undefined>();\n\tconst [val2, setVal2] = useState<string | undefined>();\n\n\tuseEffect(() => {\n\t\tif (Array.isArray(val)) {\n\t\t\tconst [a, b] = val as (string | number)[];\n\t\t\tsetVal1(a?.toString());\n\t\t\tsetVal2(b?.toString());\n\t\t}\n\t}, []);\n\n\tuseEffect(() => {\n\t\tonChange?.([val1!, val2!]);\n\t}, [val1, val2]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tflexDirection: 'row',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tgap: 8,\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<InputStyleContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\twidth: 104,\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\thintText={errors?.val?.[0]}\n\t\t\t\t\terrorMessage={errors?.val?.[0]}\n\t\t\t\t\tonChangeText={(text) => setVal1(text)}\n\t\t\t\t\tvalue={val1}\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t/>\n\t\t\t</InputStyleContext.Provider>\n\t\t\t<div>\n\t\t\t\t<BodySecondary>and</BodySecondary>\n\t\t\t</div>\n\t\t\t<InputStyleContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\twidth: 104,\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\thintText={errors?.val?.[1]}\n\t\t\t\t\terrorMessage={errors?.val?.[1]}\n\t\t\t\t\tonChangeText={(text) => setVal2(text)}\n\t\t\t\t\tvalue={val2}\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t/>\n\t\t\t</InputStyleContext.Provider>\n\t\t</div>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<TwoNumberInputsSeperatedByAnd {...props} />\n);\n"],"names":["TwoNumberInputsSeperatedByAnd","_ref","val","onChange","errors","nativeID","disabled","val1","setVal1","useState","val2","setVal2","useEffect","Array","isArray","a","b","toString","_jsxs","Object","assign","style","flexDirection","display","gap","alignItems","children","_jsx","InputStyleContext","Provider","value","InputWrapper","width","Input","state","hintText","_a","errorMessage","_b","onChangeText","text","type","variant","BodySecondary","_c","_d","TwoNumberInputsSeperatedByAnd$1","props"],"mappings":"wSAMA,MAAMA,EAAmEC,IAMpE,IANqEC,IACzEA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,SACNA,EAAQC,SACRA,GACAL,cACA,MAAOM,EAAMC,GAAWC,KACjBC,EAAMC,GAAWF,IAcxB,OAZAG,GAAU,KACT,GAAIC,MAAMC,QAAQZ,GAAM,CACvB,MAAOa,EAAGC,GAAKd,EACfM,EAAQO,aAAC,EAADA,EAAGE,YACXN,EAAQK,aAAC,EAADA,EAAGC,WACX,IACC,IAEHL,GAAU,KACTT,SAAAA,EAAW,CAACI,EAAOG,GAAO,GACxB,CAACH,EAAMG,IAGTQ,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,EACLC,WAAY,WACZ,CAAAC,SAAA,CAEDC,EAACC,EAAkBC,SAAQV,OAAAC,OAAA,CAC1BU,MAAO,CACNC,aAAc,CACbC,MAAO,OAER,CAAAN,SAEDC,EAACM,EAAK,CACLC,MAAO5B,EAAW,WAAa,OAC/B6B,SAAqB,QAAXC,EAAAhC,eAAAA,EAAQF,WAAG,IAAAkC,OAAA,EAAAA,EAAG,GACxBC,aAAyB,UAAXjC,aAAA,EAAAA,EAAQF,WAAG,IAAAoC,OAAA,EAAAA,EAAG,GAC5BC,aAAeC,GAAShC,EAAQgC,GAChCV,MAAOvB,EACPkC,KAAK,SACLC,QAAQ,aAGVf,kBACCA,EAACgB,EAAiC,CAAAjB,SAAA,UAEnCC,EAACC,EAAkBC,SAAQV,OAAAC,OAAA,CAC1BU,MAAO,CACNC,aAAc,CACbC,MAAO,OAER,CAAAN,SAEDC,EAACM,EACA,CAAAC,MAAO5B,EAAW,WAAa,OAC/B6B,SAAwB,QAAdS,EAAAxC,aAAM,EAANA,EAAQF,WAAM,IAAA0C,OAAA,EAAAA,EAAA,GACxBP,aAA4B,QAAdQ,EAAAzC,aAAA,EAAAA,EAAQF,WAAM,IAAA2C,OAAA,EAAAA,EAAA,GAC5BN,aAAeC,GAAS7B,EAAQ6B,GAChCV,MAAOpB,EACP+B,KAAK,SACLC,QAAQ,gBAGL,EAIR,IAAAI,EAAgBC,GACfpB,EAAC3B,EAAkCmB,OAAAC,OAAA,CAAA,EAAA2B"}
+{"version":3,"file":"TwoNumberInputsSeperatedByAnd.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\n\nconst TwoNumberInputsSeperatedByAnd: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst [val1, setVal1] = useState<string | undefined>();\n\tconst [val2, setVal2] = useState<string | undefined>();\n\n\tuseEffect(() => {\n\t\tif (Array.isArray(val)) {\n\t\t\tconst [a, b] = val as (string | number)[];\n\t\t\tsetVal1(a?.toString());\n\t\t\tsetVal2(b?.toString());\n\t\t}\n\t}, []);\n\n\tuseEffect(() => {\n\t\tonChange?.([val1!, val2!]);\n\t}, [val1, val2]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tflexDirection: 'row',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tgap: 8,\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<InputStyleContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\twidth: 104,\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\thintText={errors?.val?.[0]}\n\t\t\t\t\terrorMessage={errors?.val?.[0]}\n\t\t\t\t\tonChangeText={(text) => setVal1(text)}\n\t\t\t\t\tvalue={val1}\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t/>\n\t\t\t</InputStyleContext.Provider>\n\t\t\t<div>\n\t\t\t\t<BodySecondary>and</BodySecondary>\n\t\t\t</div>\n\t\t\t<InputStyleContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\twidth: 104,\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\thintText={errors?.val?.[1]}\n\t\t\t\t\terrorMessage={errors?.val?.[1]}\n\t\t\t\t\tonChangeText={(text) => setVal2(text)}\n\t\t\t\t\tvalue={val2}\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t/>\n\t\t\t</InputStyleContext.Provider>\n\t\t</div>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<TwoNumberInputsSeperatedByAnd {...props} />\n);\n"],"names":["TwoNumberInputsSeperatedByAnd","val","onChange","errors","nativeID","disabled","val1","setVal1","useState","val2","setVal2","useEffect","Array","isArray","a","b","toString","_jsxs","Object","assign","style","flexDirection","display","gap","alignItems","children","_jsx","InputStyleContext","Provider","value","InputWrapper","width","Input","state","hintText","_a","errorMessage","_b","onChangeText","text","type","variant","BodySecondary","_c","_d","TwoNumberInputsSeperatedByAnd$1","props"],"mappings":"wSAMA,MAAMA,EAAmEA,EACxEC,MACAC,WACAC,SACAC,WACAC,2BAEA,MAAOC,EAAMC,GAAWC,KACjBC,EAAMC,GAAWF,IAcxB,OAZAG,GAAU,KACT,GAAIC,MAAMC,QAAQZ,GAAM,CACvB,MAAOa,EAAGC,GAAKd,EACfM,EAAQO,aAAC,EAADA,EAAGE,YACXN,EAAQK,aAAC,EAADA,EAAGC,WACX,IACC,IAEHL,GAAU,KACTT,SAAAA,EAAW,CAACI,EAAOG,GAAO,GACxB,CAACH,EAAMG,IAGTQ,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,EACLC,WAAY,WACZ,CAAAC,SAAA,CAEDC,EAACC,EAAkBC,SAAQV,OAAAC,OAAA,CAC1BU,MAAO,CACNC,aAAc,CACbC,MAAO,OAER,CAAAN,SAEDC,EAACM,EAAK,CACLC,MAAO5B,EAAW,WAAa,OAC/B6B,SAAqB,QAAXC,EAAAhC,eAAAA,EAAQF,WAAG,IAAAkC,OAAA,EAAAA,EAAG,GACxBC,aAAyB,UAAXjC,aAAA,EAAAA,EAAQF,WAAG,IAAAoC,OAAA,EAAAA,EAAG,GAC5BC,aAAeC,GAAShC,EAAQgC,GAChCV,MAAOvB,EACPkC,KAAK,SACLC,QAAQ,aAGVf,kBACCA,EAACgB,EAAiC,CAAAjB,SAAA,UAEnCC,EAACC,EAAkBC,SAAQV,OAAAC,OAAA,CAC1BU,MAAO,CACNC,aAAc,CACbC,MAAO,OAER,CAAAN,SAEDC,EAACM,EACA,CAAAC,MAAO5B,EAAW,WAAa,OAC/B6B,SAAwB,QAAdS,EAAAxC,aAAM,EAANA,EAAQF,WAAM,IAAA0C,OAAA,EAAAA,EAAA,GACxBP,aAA4B,QAAdQ,EAAAzC,aAAA,EAAAA,EAAQF,WAAM,IAAA2C,OAAA,EAAAA,EAAA,GAC5BN,aAAeC,GAAS7B,EAAQ6B,GAChCV,MAAOpB,EACP+B,KAAK,SACLC,QAAQ,gBAGL,EAIR,IAAAI,EAAgBC,GACfpB,EAAC1B,EAAkCkB,OAAAC,OAAA,CAAA,EAAA2B"}

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

@@ -1,2 +1,2 @@
-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/QueryBuilderEnum.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 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 F}from"./Connector.styled.js";const x={FreeText:l,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:p,InTheLast:j,InTwoLast:S,InTheLastAgo:C},b=p=>{let{isLoading:l,noDefault:a,connectorType:c,defaultConnector:u,onOperatorChange:d,onValueChange:g,connectorVal:f,extra:j,errors:C,disabled:S,onSearch:v,optionsErrorState:I,onRetryOptionsFetch:T}=p;var h,y,P;const[w,D]=t(null),[b,L]=t(!1),k=i.getDropdownOptionFromDataType(c,u);function N(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];L(!0);const t=i.getConnectorComponent(c,e.value);void 0!==t?c===s.frequency&&"IntegerPositiveSingle"===t?D("FrequencyIntegerPositiveSingle"):D(t):D(null),o||d(e.value),setTimeout((()=>{L(!1)}),5)}return n((()=>{a||(u?N({value:u,label:u},!0):(null==k?void 0:k[0])&&N(k[0]))}),[u]),e(F,{children:[o("div",{children:!(null===(h=null==r?void 0:r[c])||void 0===h?void 0:h[u])&&o(m,{isSearchable:!0,disabled:S,width:"200px",isLoading:b,options:k,defaultOption:null===(y=k.filter((e=>e.selected)))||void 0===y?void 0:y[0],onSelect:N})}),null!==w&&!b&&(null===(P=x[w])||void 0===P?void 0:P.call(x,{disabled:S,val:f,onChange:g,extra:j,errors:C,isLoading:l,onSearch:v,optionsErrorState:I,onRetryOptionsFetch:T,connectorType:c}))]})};export{b as default};
+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/QueryBuilderEnum.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 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 I from"./Components/MultiselectDropdownFreeText.js";import T from"./Components/NoInput.js";import v 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 F}from"./Connector.styled.js";const x={FreeText:l,IntegerPositiveSingle:g,IntegerSingleValue:f,StringSingleValue:P,MultiselectDropdownFreeText:I,SingleselectDropdownFreeText:y,NoInput:T,SingleDate:h,TwoNumberInputsSeperatedByAnd:D,FrequencyIntegerPositiveSingle:a,TwoDate:w,NumberTime:v,PostIgPicker:c,ReelIgPicker:u,StoryIgPicker:d,EmojiPicker:p,InTheLast:j,InTwoLast:S,InTheLastAgo:C},b=({isLoading:p,noDefault:l,connectorType:a,defaultConnector:c,onOperatorChange:u,onValueChange:d,connectorVal:g,extra:f,errors:j,disabled:C,onSearch:S,optionsErrorState:I,onRetryOptionsFetch:T})=>{var v,h,y;const[P,w]=t(null),[D,b]=t(!1),L=i.getDropdownOptionFromDataType(a,c);function k(e,o=!1){b(!0);const t=i.getConnectorComponent(a,e.value);void 0!==t?a===s.frequency&&"IntegerPositiveSingle"===t?w("FrequencyIntegerPositiveSingle"):w(t):w(null),o||u(e.value),setTimeout((()=>{b(!1)}),5)}return n((()=>{l||(c?k({value:c,label:c},!0):(null==L?void 0:L[0])&&k(L[0]))}),[c]),e(F,{children:[o("div",{children:!(null===(v=null==r?void 0:r[a])||void 0===v?void 0:v[c])&&o(m,{isSearchable:!0,disabled:C,width:"200px",isLoading:D,options:L,defaultOption:null===(h=L.filter((e=>e.selected)))||void 0===h?void 0:h[0],onSelect:k})}),null!==P&&!D&&(null===(y=x[P])||void 0===y?void 0:y.call(x,{disabled:C,val:g,onChange:d,extra:f,errors:j,isLoading:p,onSearch:S,optionsErrorState:I,onRetryOptionsFetch:T,connectorType:a}))]})};export{b as default};
 //# sourceMappingURL=Connector.js.map

package/dist/esm/components/QueryBuilder/components/Connectors/Connector.js.map

@@ -1 +1 @@
-{"version":3,"file":"Connector.js","sources":["../../../../../../src/components/QueryBuilder/components/Connectors/Connector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { disableOperatorDropdown } from '../../constants/connectorPosition';\nimport { ConnectorHelper } from '../../helpers/Connector.helper';\nimport {\n\tConnectorComponentProps,\n\tConnectorProps,\n} from '../../types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '../../types/QueryBuilderEnum.type';\nimport { CONNECTOR_OPERATORS } from '../../types/QueryBuilderOperator.type';\nimport DropdownWrapper from '../DropdownWrapper';\nimport EmojiPicker from './Components/EmojiPicker';\nimport FreeText from './Components/FreeText';\nimport FrequencyIntegerPositiveSingle from './Components/FrequencyIntegerPositiveSingle';\nimport {\n\tPostIgPicker,\n\tReelIgPicker,\n\tStoryIgPicker,\n} from './Components/IgPicker';\nimport IntegerPositiveSingle from './Components/IntegerPositiveSingle';\nimport IntegerSingleValue from './Components/IntegerSingleValue';\nimport InTheLast from './Components/InTheLast';\nimport InTheLastAgo from './Components/InTheLastAgo';\nimport InTwoLast from './Components/InTwoLast';\nimport MultiselectDropdownFreeText from './Components/MultiselectDropdownFreeText';\nimport NoInput from './Components/NoInput';\nimport NumberTime from './Components/NumberTime';\nimport SingleDate from './Components/SingleDate';\nimport SingleselectDropdownFreeText from './Components/SingleselectDropdownFreeText';\nimport StringSingleValue from './Components/StringSingleValue';\nimport TwoDate from './Components/TwoDate';\nimport TwoNumberInputsSeperatedByAnd from './Components/TwoNumberInputsSeperatedByAnd';\nimport { Container } from './Connector.styled';\n\nconst ComponentMap: {\n\t[key in string]: React.FC<ConnectorComponentProps>;\n} = {\n\tFreeText,\n\tIntegerPositiveSingle,\n\tIntegerSingleValue,\n\tStringSingleValue,\n\tMultiselectDropdownFreeText,\n\tSingleselectDropdownFreeText,\n\tNoInput,\n\tSingleDate,\n\tTwoNumberInputsSeperatedByAnd,\n\tFrequencyIntegerPositiveSingle,\n\tTwoDate,\n\tNumberTime,\n\tPostIgPicker,\n\tReelIgPicker,\n\tStoryIgPicker,\n\tEmojiPicker,\n\tInTheLast,\n\tInTwoLast,\n\tInTheLastAgo,\n};\n\nconst Connector: React.FC<ConnectorProps> = ({\n\tisLoading,\n\tnoDefault,\n\tconnectorType,\n\tdefaultConnector,\n\tonOperatorChange,\n\tonValueChange,\n\tconnectorVal,\n\textra,\n\terrors,\n\tdisabled,\n\tonSearch,\n\toptionsErrorState,\n\tonRetryOptionsFetch,\n}) => {\n\tconst [ComponentToRender, setComponentToRender] = useState<string | null>(\n\t\tnull,\n\t);\n\tconst [localLoader, setLocalLoader] = useState(false);\n\n\tconst dropdownOptionList = ConnectorHelper.getDropdownOptionFromDataType(\n\t\tconnectorType,\n\t\tdefaultConnector,\n\t);\n\n\tfunction onOperatorSelected(\n\t\toptionName: DropdownOption | DropdownOption[],\n\t\tskipParentHandlerCall = false,\n\t) {\n\t\tsetLocalLoader(true);\n\t\tconst Component = ConnectorHelper.getConnectorComponent(\n\t\t\tconnectorType,\n\t\t\t(optionName as SingleOption).value as CONNECTOR_OPERATORS,\n\t\t);\n\n\t\tif (typeof Component !== 'undefined') {\n\t\t\tif (\n\t\t\t\tconnectorType === QueryBuilderConnectorType.frequency &&\n\t\t\t\tComponent === 'IntegerPositiveSingle'\n\t\t\t) {\n\t\t\t\tsetComponentToRender('FrequencyIntegerPositiveSingle');\n\t\t\t} else {\n\t\t\t\tsetComponentToRender(Component);\n\t\t\t}\n\t\t} else {\n\t\t\tsetComponentToRender(null);\n\t\t}\n\n\t\tif (!skipParentHandlerCall) {\n\t\t\tonOperatorChange(\n\t\t\t\t(optionName as SingleOption).value as CONNECTOR_OPERATORS,\n\t\t\t);\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tsetLocalLoader(false);\n\t\t}, 5);\n\t}\n\n\tuseEffect(() => {\n\t\tif (!noDefault) {\n\t\t\tif (defaultConnector) {\n\t\t\t\tonOperatorSelected(\n\t\t\t\t\t{ value: defaultConnector, label: defaultConnector },\n\t\t\t\t\ttrue,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tif (dropdownOptionList?.[0]) onOperatorSelected(dropdownOptionList[0]);\n\t\t\t}\n\t\t}\n\t}, [defaultConnector]);\n\n\treturn (\n\t\t<Container>\n\t\t\t<div>\n\t\t\t\t{!disableOperatorDropdown?.[connectorType]?.[defaultConnector!] && (\n\t\t\t\t\t<DropdownWrapper\n\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\twidth={'200px'}\n\t\t\t\t\t\tisLoading={localLoader}\n\t\t\t\t\t\toptions={dropdownOptionList}\n\t\t\t\t\t\tdefaultOption={\n\t\t\t\t\t\t\t(dropdownOptionList as SingleOption[]).filter(\n\t\t\t\t\t\t\t\t(option) => option.selected,\n\t\t\t\t\t\t\t)?.[0]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonSelect={onOperatorSelected}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{ComponentToRender !== null &&\n\t\t\t\t!localLoader &&\n\t\t\t\tComponentMap[ComponentToRender]?.({\n\t\t\t\t\tdisabled,\n\t\t\t\t\tval: connectorVal,\n\t\t\t\t\tonChange: onValueChange,\n\t\t\t\t\textra,\n\t\t\t\t\terrors,\n\t\t\t\t\tisLoading,\n\t\t\t\t\tonSearch,\n\t\t\t\t\toptionsErrorState,\n\t\t\t\t\tonRetryOptionsFetch,\n\t\t\t\t\tconnectorType,\n\t\t\t\t})}\n\t\t</Container>\n\t);\n};\n\nexport default Connector;\n"],"names":["ComponentMap","FreeText","IntegerPositiveSingle","IntegerSingleValue","StringSingleValue","MultiselectDropdownFreeText","SingleselectDropdownFreeText","NoInput","SingleDate","TwoNumberInputsSeperatedByAnd","FrequencyIntegerPositiveSingle","TwoDate","NumberTime","PostIgPicker","ReelIgPicker","StoryIgPicker","EmojiPicker","InTheLast","InTwoLast","InTheLastAgo","Connector","_ref","isLoading","noDefault","connectorType","defaultConnector","onOperatorChange","onValueChange","connectorVal","extra","errors","disabled","onSearch","optionsErrorState","onRetryOptionsFetch","ComponentToRender","setComponentToRender","useState","localLoader","setLocalLoader","dropdownOptionList","ConnectorHelper","getDropdownOptionFromDataType","onOperatorSelected","optionName","skipParentHandlerCall","arguments","length","undefined","Component","getConnectorComponent","value","QueryBuilderConnectorType","frequency","setTimeout","useEffect","label","_jsxs","Container","children","_jsx","_a","disableOperatorDropdown","DropdownWrapper","isSearchable","width","options","defaultOption","_b","filter","option","selected","onSelect","_c","call","val","onChange"],"mappings":"uvCAkCA,MAAMA,EAEF,CACHC,WACAC,wBACAC,qBACAC,oBACAC,2DACAC,EACAC,UACAC,aACAC,gCACAC,iCACAC,UACAC,aACAC,eACAC,eACAC,4BACAC,YACAC,EACAC,YACAC,aAAAA,GAGKC,EAAsCC,IAcvC,IAdwCC,UAC5CA,EAASC,UACTA,EAASC,cACTA,EAAaC,iBACbA,EAAgBC,iBAChBA,EAAgBC,cAChBA,EAAaC,aACbA,EAAYC,MACZA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,SACRA,EAAQC,kBACRA,EAAiBC,oBACjBA,GACAb,YACA,MAAOc,EAAmBC,GAAwBC,EACjD,OAEMC,EAAaC,GAAkBF,GAAS,GAEzCG,EAAqBC,EAAgBC,8BAC1ClB,EACAC,GAGD,SAASkB,EACRC,GAC6B,IAA7BC,EAAqBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAErBP,GAAe,GACf,MAAMU,EAAYR,EAAgBS,sBACjC1B,EACCoB,EAA4BO,YAGL,IAAdF,EAETzB,IAAkB4B,EAA0BC,WAC9B,0BAAdJ,EAEAb,EAAqB,kCAErBA,EAAqBa,GAGtBb,EAAqB,MAGjBS,GACJnB,EACEkB,EAA4BO,OAI/BG,YAAW,KACVf,GAAe,EAAM,GACnB,EACJ,CAeA,OAbAgB,GAAU,KACJhC,IACAE,EACHkB,EACC,CAAEQ,MAAO1B,EAAkB+B,MAAO/B,IAClC,IAGGe,eAAAA,EAAqB,KAAIG,EAAmBH,EAAmB,IAEpE,GACC,CAACf,IAGHgC,EAACC,EAAS,CAAAC,SAAA,CACTC,oBAC2C,QAAxCC,EAAAC,aAAuB,EAAvBA,EAA0BtC,UAAc,IAAAqC,OAAA,EAAAA,EAAGpC,KAC5CmC,EAACG,EACA,CAAAC,cACA,EAAAjC,SAAUA,EACVkC,MAAO,QACP3C,UAAWgB,EACX4B,QAAS1B,EACT2B,cAGK,QAFHC,EAAA5B,EAAsC6B,QACrCC,GAAWA,EAAOC,kBAChB,IAAAH,OAAA,EAAAA,EAAA,GAELI,SAAU7B,MAIU,OAAtBR,IACCG,IACiC,QAAlCmC,EAAAzE,EAAamC,UAAqB,IAAAsC,OAAA,EAAAA,EAAAC,KAAA1E,EAAA,CACjC+B,WACA4C,IAAK/C,EACLgD,SAAUjD,EACVE,QACAC,SACAR,YACAU,WACAC,oBACAC,sBACAV,qBAES"}
+{"version":3,"file":"Connector.js","sources":["../../../../../../src/components/QueryBuilder/components/Connectors/Connector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { disableOperatorDropdown } from '../../constants/connectorPosition';\nimport { ConnectorHelper } from '../../helpers/Connector.helper';\nimport {\n\tConnectorComponentProps,\n\tConnectorProps,\n} from '../../types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '../../types/QueryBuilderEnum.type';\nimport { CONNECTOR_OPERATORS } from '../../types/QueryBuilderOperator.type';\nimport DropdownWrapper from '../DropdownWrapper';\nimport EmojiPicker from './Components/EmojiPicker';\nimport FreeText from './Components/FreeText';\nimport FrequencyIntegerPositiveSingle from './Components/FrequencyIntegerPositiveSingle';\nimport {\n\tPostIgPicker,\n\tReelIgPicker,\n\tStoryIgPicker,\n} from './Components/IgPicker';\nimport IntegerPositiveSingle from './Components/IntegerPositiveSingle';\nimport IntegerSingleValue from './Components/IntegerSingleValue';\nimport InTheLast from './Components/InTheLast';\nimport InTheLastAgo from './Components/InTheLastAgo';\nimport InTwoLast from './Components/InTwoLast';\nimport MultiselectDropdownFreeText from './Components/MultiselectDropdownFreeText';\nimport NoInput from './Components/NoInput';\nimport NumberTime from './Components/NumberTime';\nimport SingleDate from './Components/SingleDate';\nimport SingleselectDropdownFreeText from './Components/SingleselectDropdownFreeText';\nimport StringSingleValue from './Components/StringSingleValue';\nimport TwoDate from './Components/TwoDate';\nimport TwoNumberInputsSeperatedByAnd from './Components/TwoNumberInputsSeperatedByAnd';\nimport { Container } from './Connector.styled';\n\nconst ComponentMap: {\n\t[key in string]: React.FC<ConnectorComponentProps>;\n} = {\n\tFreeText,\n\tIntegerPositiveSingle,\n\tIntegerSingleValue,\n\tStringSingleValue,\n\tMultiselectDropdownFreeText,\n\tSingleselectDropdownFreeText,\n\tNoInput,\n\tSingleDate,\n\tTwoNumberInputsSeperatedByAnd,\n\tFrequencyIntegerPositiveSingle,\n\tTwoDate,\n\tNumberTime,\n\tPostIgPicker,\n\tReelIgPicker,\n\tStoryIgPicker,\n\tEmojiPicker,\n\tInTheLast,\n\tInTwoLast,\n\tInTheLastAgo,\n};\n\nconst Connector: React.FC<ConnectorProps> = ({\n\tisLoading,\n\tnoDefault,\n\tconnectorType,\n\tdefaultConnector,\n\tonOperatorChange,\n\tonValueChange,\n\tconnectorVal,\n\textra,\n\terrors,\n\tdisabled,\n\tonSearch,\n\toptionsErrorState,\n\tonRetryOptionsFetch,\n}) => {\n\tconst [ComponentToRender, setComponentToRender] = useState<string | null>(\n\t\tnull,\n\t);\n\tconst [localLoader, setLocalLoader] = useState(false);\n\n\tconst dropdownOptionList = ConnectorHelper.getDropdownOptionFromDataType(\n\t\tconnectorType,\n\t\tdefaultConnector,\n\t);\n\n\tfunction onOperatorSelected(\n\t\toptionName: DropdownOption | DropdownOption[],\n\t\tskipParentHandlerCall = false,\n\t) {\n\t\tsetLocalLoader(true);\n\t\tconst Component = ConnectorHelper.getConnectorComponent(\n\t\t\tconnectorType,\n\t\t\t(optionName as SingleOption).value as CONNECTOR_OPERATORS,\n\t\t);\n\n\t\tif (typeof Component !== 'undefined') {\n\t\t\tif (\n\t\t\t\tconnectorType === QueryBuilderConnectorType.frequency &&\n\t\t\t\tComponent === 'IntegerPositiveSingle'\n\t\t\t) {\n\t\t\t\tsetComponentToRender('FrequencyIntegerPositiveSingle');\n\t\t\t} else {\n\t\t\t\tsetComponentToRender(Component);\n\t\t\t}\n\t\t} else {\n\t\t\tsetComponentToRender(null);\n\t\t}\n\n\t\tif (!skipParentHandlerCall) {\n\t\t\tonOperatorChange(\n\t\t\t\t(optionName as SingleOption).value as CONNECTOR_OPERATORS,\n\t\t\t);\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tsetLocalLoader(false);\n\t\t}, 5);\n\t}\n\n\tuseEffect(() => {\n\t\tif (!noDefault) {\n\t\t\tif (defaultConnector) {\n\t\t\t\tonOperatorSelected(\n\t\t\t\t\t{ value: defaultConnector, label: defaultConnector },\n\t\t\t\t\ttrue,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tif (dropdownOptionList?.[0]) onOperatorSelected(dropdownOptionList[0]);\n\t\t\t}\n\t\t}\n\t}, [defaultConnector]);\n\n\treturn (\n\t\t<Container>\n\t\t\t<div>\n\t\t\t\t{!disableOperatorDropdown?.[connectorType]?.[defaultConnector!] && (\n\t\t\t\t\t<DropdownWrapper\n\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\twidth={'200px'}\n\t\t\t\t\t\tisLoading={localLoader}\n\t\t\t\t\t\toptions={dropdownOptionList}\n\t\t\t\t\t\tdefaultOption={\n\t\t\t\t\t\t\t(dropdownOptionList as SingleOption[]).filter(\n\t\t\t\t\t\t\t\t(option) => option.selected,\n\t\t\t\t\t\t\t)?.[0]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonSelect={onOperatorSelected}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{ComponentToRender !== null &&\n\t\t\t\t!localLoader &&\n\t\t\t\tComponentMap[ComponentToRender]?.({\n\t\t\t\t\tdisabled,\n\t\t\t\t\tval: connectorVal,\n\t\t\t\t\tonChange: onValueChange,\n\t\t\t\t\textra,\n\t\t\t\t\terrors,\n\t\t\t\t\tisLoading,\n\t\t\t\t\tonSearch,\n\t\t\t\t\toptionsErrorState,\n\t\t\t\t\tonRetryOptionsFetch,\n\t\t\t\t\tconnectorType,\n\t\t\t\t})}\n\t\t</Container>\n\t);\n};\n\nexport default Connector;\n"],"names":["ComponentMap","FreeText","IntegerPositiveSingle","IntegerSingleValue","StringSingleValue","MultiselectDropdownFreeText","SingleselectDropdownFreeText","NoInput","SingleDate","TwoNumberInputsSeperatedByAnd","FrequencyIntegerPositiveSingle","TwoDate","NumberTime","PostIgPicker","ReelIgPicker","StoryIgPicker","EmojiPicker","InTheLast","InTwoLast","InTheLastAgo","Connector","isLoading","noDefault","connectorType","defaultConnector","onOperatorChange","onValueChange","connectorVal","extra","errors","disabled","onSearch","optionsErrorState","onRetryOptionsFetch","ComponentToRender","setComponentToRender","useState","localLoader","setLocalLoader","dropdownOptionList","ConnectorHelper","getDropdownOptionFromDataType","onOperatorSelected","optionName","skipParentHandlerCall","Component","getConnectorComponent","value","QueryBuilderConnectorType","frequency","setTimeout","useEffect","label","_jsxs","Container","children","_jsx","_a","disableOperatorDropdown","DropdownWrapper","isSearchable","width","options","defaultOption","_b","filter","option","selected","onSelect","_c","call","val","onChange"],"mappings":"uvCAkCA,MAAMA,EAEF,CACHC,WACAC,wBACAC,qBACAC,oBACAC,2DACAC,EACAC,UACAC,aACAC,gCACAC,iCACAC,UACAC,aACAC,eACAC,eACAC,4BACAC,YACAC,EACAC,YACAC,aAAAA,GAGKC,EAAsCA,EAC3CC,YACAC,YACAC,gBACAC,mBACAC,mBACAC,gBACAC,eACAC,QACAC,SACAC,WACAC,WACAC,oBACAC,oCAEA,MAAOC,EAAmBC,GAAwBC,EACjD,OAEMC,EAAaC,GAAkBF,GAAS,GAEzCG,EAAqBC,EAAgBC,8BAC1ClB,EACAC,GAGD,SAASkB,EACRC,EACAC,GAAwB,GAExBN,GAAe,GACf,MAAMO,EAAYL,EAAgBM,sBACjCvB,EACCoB,EAA4BI,YAGL,IAAdF,EAETtB,IAAkByB,EAA0BC,WAC9B,0BAAdJ,EAEAV,EAAqB,kCAErBA,EAAqBU,GAGtBV,EAAqB,MAGjBS,GACJnB,EACEkB,EAA4BI,OAI/BG,YAAW,KACVZ,GAAe,EAAM,GACnB,EACJ,CAeA,OAbAa,GAAU,KACJ7B,IACAE,EACHkB,EACC,CAAEK,MAAOvB,EAAkB4B,MAAO5B,IAClC,IAGGe,eAAAA,EAAqB,KAAIG,EAAmBH,EAAmB,IAEpE,GACC,CAACf,IAGH6B,EAACC,EAAS,CAAAC,SAAA,CACTC,oBAC2C,QAAxCC,EAAAC,aAAuB,EAAvBA,EAA0BnC,UAAc,IAAAkC,OAAA,EAAAA,EAAGjC,KAC5CgC,EAACG,EACA,CAAAC,cACA,EAAA9B,SAAUA,EACV+B,MAAO,QACPxC,UAAWgB,EACXyB,QAASvB,EACTwB,cAGK,QAFHC,EAAAzB,EAAsC0B,QACrCC,GAAWA,EAAOC,kBAChB,IAAAH,OAAA,EAAAA,EAAA,GAELI,SAAU1B,MAIU,OAAtBR,IACCG,IACiC,QAAlCgC,EAAArE,EAAakC,UAAqB,IAAAmC,OAAA,EAAAA,EAAAC,KAAAtE,EAAA,CACjC8B,WACAyC,IAAK5C,EACL6C,SAAU9C,EACVE,QACAC,SACAR,YACAU,WACAC,oBACAC,sBACAV,qBAES"}

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

@@ -1,2 +1,2 @@
-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};
+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",Object.assign({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};
 //# sourceMappingURL=DeleteButton.js.map

package/dist/esm/components/QueryBuilder/components/DeleteButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteButton.js","sources":["../../../../../src/components/QueryBuilder/components/DeleteButton.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport DeleteIcon from '../../../assets/icons/delete.svg';\n\nconst DeleteButton: React.FC<{\n\tonClick: () => void;\n}> = ({ onClick }) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'row',\n\t\t\t\talignItems: 'center',\n\t\t\t\tcursor: 'pointer',\n\t\t\t}}\n\t\t>\n\t\t\t<DeleteIcon\n\t\t\t\tonClick={onClick}\n\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\twidth={24}\n\t\t\t\theight={24}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default DeleteButton;\n"],"names":["DeleteButton","_ref","onClick","_jsx","Object","assign","style","display","flexDirection","alignItems","cursor","children","DeleteIcon","color","COLORS","content","primary","width","height"],"mappings":"gJAIMA,MAAAA,EAEDC,IAAgB,IAAfC,QAAEA,GAASD,EAChB,OACCE,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTC,cAAe,MACfC,WAAY,SACZC,OAAQ,YAGT,CAAAC,SAAAR,EAACS,EAAU,CACVV,QAASA,EACTW,MAAOC,EAAOC,QAAQC,QACtBC,MAAO,GACPC,OAAQ,OAEJ"}
+{"version":3,"file":"DeleteButton.js","sources":["../../../../../src/components/QueryBuilder/components/DeleteButton.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport DeleteIcon from '../../../assets/icons/delete.svg';\n\nconst DeleteButton: React.FC<{\n\tonClick: () => void;\n}> = ({ onClick }) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'row',\n\t\t\t\talignItems: 'center',\n\t\t\t\tcursor: 'pointer',\n\t\t\t}}\n\t\t>\n\t\t\t<DeleteIcon\n\t\t\t\tonClick={onClick}\n\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\twidth={24}\n\t\t\t\theight={24}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default DeleteButton;\n"],"names":["DeleteButton","onClick","_jsx","Object","assign","style","display","flexDirection","alignItems","cursor","children","DeleteIcon","color","COLORS","content","primary","width","height"],"mappings":"gJAIMA,MAAAA,EAEDA,EAAGC,aAENC,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTC,cAAe,MACfC,WAAY,SACZC,OAAQ,YAGT,CAAAC,SAAAR,EAACS,EAAU,CACVV,QAASA,EACTW,MAAOC,EAAOC,QAAQC,QACtBC,MAAO,GACPC,OAAQ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownWrapper.js","sources":["../../../../../src/components/QueryBuilder/components/DropdownWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tOpenDropdownProps,\n\tSingleOption,\n} from '@src/components/dropdown/type';\n\nconst DropdownWrapper: React.FC<{\n\toptions: DropdownOption[];\n\tdefaultOption?: SingleOption;\n\tisSearchable?: boolean;\n\tisLoading?: boolean;\n\tonSelect: (option: DropdownOption | DropdownOption[]) => void;\n\terror?: string;\n\tnativeID?: string;\n\tdropdownLabel?: string;\n\tisMultiSelect?: boolean;\n\tallowFreeForm?: boolean;\n\twidth?: string;\n\tdisabled?: boolean;\n\tselectedValues?: (string | number)[];\n\tonSearch?: (searchKey: string) => Promise<DropdownOption[]>;\n\toptionsErrorState?: OpenDropdownProps['optionsErrorState'];\n\tonRetryOptionsFetch?: () => void;\n}> = ({\n\toptions,\n\tonSelect,\n\tdefaultOption,\n\tisSearchable,\n\tisLoading,\n\terror,\n\tnativeID,\n\tdropdownLabel,\n\tisMultiSelect,\n\tallowFreeForm,\n\twidth,\n\tdisabled,\n\tselectedValues,\n\tonSearch,\n\toptionsErrorState,\n\tonRetryOptionsFetch,\n}) => {\n\tconst resolvedOptionsErrorState = optionsErrorState\n\t\t? {\n\t\t\t\t...optionsErrorState,\n\t\t\t\tactionButton: onRetryOptionsFetch\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...(optionsErrorState.actionButton ?? {}),\n\t\t\t\t\t\t\tonMouseDown: (\n\t\t\t\t\t\t\t\tevent: React.MouseEvent<HTMLButtonElement>,\n\t\t\t\t\t\t\t): void => {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\toptionsErrorState.actionButton?.onMouseDown?.(event);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tonClick: (event: React.MouseEvent<HTMLButtonElement>): void => {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\tonRetryOptionsFetch();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  }\n\t\t\t\t\t: optionsErrorState.actionButton,\n\t\t  }\n\t\t: undefined;\n\n\treturn (\n\t\t<div style={{ maxWidth: 200, width: 200 }} id={nativeID}>\n\t\t\t<Dropdown\n\t\t\t\tonSearch={onSearch}\n\t\t\t\theight={!options?.length ? 208 : undefined}\n\t\t\t\tisOptionsLoading={isLoading}\n\t\t\t\toptionsErrorState={resolvedOptionsErrorState}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tallowFreeForm={allowFreeForm ?? false}\n\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\twidth={width}\n\t\t\t\tsize=\"small\"\n\t\t\t\tplaceHolder={dropdownLabel}\n\t\t\t\terror={error}\n\t\t\t\tisSearchable={isSearchable ?? false}\n\t\t\t\tdefaultOptions={\n\t\t\t\t\tdefaultOption\n\t\t\t\t\t\t? Array.isArray(defaultOption)\n\t\t\t\t\t\t\t? defaultOption\n\t\t\t\t\t\t\t: [defaultOption]\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\toptions={\n\t\t\t\t\tselectedValues\n\t\t\t\t\t\t? options.map((option) => {\n\t\t\t\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t...option,\n\t\t\t\t\t\t\t\t\t\toptions: (option as GroupedOption).options.map((op) => ({\n\t\t\t\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\t\t\t\tselected: selectedValues.includes(op.value),\n\t\t\t\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...option,\n\t\t\t\t\t\t\t\t\tselected: selectedValues.includes(\n\t\t\t\t\t\t\t\t\t\t(option as SingleOption).value,\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t  })\n\t\t\t\t\t\t: options\n\t\t\t\t}\n\t\t\t\tonSelect={onSelect}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default DropdownWrapper;\n"],"names":["DropdownWrapper","_ref","options","onSelect","defaultOption","isSearchable","isLoading","error","nativeID","dropdownLabel","isMultiSelect","allowFreeForm","width","disabled","selectedValues","onSearch","optionsErrorState","onRetryOptionsFetch","resolvedOptionsErrorState","Object","assign","actionButton","_a","onMouseDown","event","preventDefault","stopPropagation","_b","call","onClick","undefined","_jsx","style","maxWidth","id","Dropdown","height","length","isOptionsLoading","size","placeHolder","defaultOptions","Array","isArray","map","option","op","selected","includes","value"],"mappings":"8FASMA,MAAAA,EAiBDC,IAiBA,IAjBCC,QACLA,EAAOC,SACPA,EAAQC,cACRA,EAAaC,aACbA,EAAYC,UACZA,EAASC,MACTA,EAAKC,SACLA,EAAQC,cACRA,EAAaC,cACbA,EAAaC,cACbA,EAAaC,MACbA,EAAKC,SACLA,EAAQC,eACRA,EAAcC,SACdA,EAAQC,kBACRA,EAAiBC,oBACjBA,GACAhB,QACA,MAAMiB,EAA4BF,EAE5BG,OAAAC,OAAAD,OAAAC,OAAA,GAAAJ,GACH,CAAAK,aAAcJ,EAERE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAA+B,QAA9BE,EAAAN,EAAkBK,oBAAY,IAAAC,EAAAA,EAAI,CAAA,IACtCC,YACCC,YAEAA,EAAMC,iBACND,EAAME,kBACqC,QAA3CC,UAAAL,EAAAN,EAAkBK,mCAAcE,mBAAW,IAAAI,GAAAA,EAAAC,KAAAN,EAAGE,EAAM,EAErDK,QAAUL,IACTA,EAAMC,iBACND,EAAME,kBACNT,GAAqB,IAGtBD,EAAkBK,oBAErBS,EAEH,OACCC,uBAAKC,MAAO,CAAEC,SAAU,IAAKrB,MAAO,KAAOsB,GAAI1B,aAC9CuB,EAACI,EACA,CAAApB,SAAUA,EACVqB,QAASlC,aAAO,EAAPA,EAASmC,aAAeP,EAAN,IAC3BQ,iBAAkBhC,EAClBU,kBAAmBE,EACnBL,SAAUA,EACVF,cAAeA,SAAAA,EACfD,cAAeA,EACfE,MAAOA,EACP2B,KAAK,QACLC,YAAa/B,EACbF,MAAOA,EACPF,aAAcA,SAAAA,EACdoC,eACCrC,EACGsC,MAAMC,QAAQvC,GACbA,EACA,CAACA,QACF0B,EAEJ5B,QACCY,EACGZ,EAAQ0C,KAAKC,GACRA,EAAyB3C,QAC7BiB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIyB,GAAM,CACT3C,QAAU2C,EAAyB3C,QAAQ0C,KAAKE,GAC5C3B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA0B,GACH,CAAAC,SAAUjC,EAAekC,SAASF,EAAGG,aAKxC9B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIyB,GAAM,CACTE,SAAUjC,EAAekC,SACvBH,EAAwBI,WAI3B/C,EAEJC,SAAUA,MAEN"}
+{"version":3,"file":"DropdownWrapper.js","sources":["../../../../../src/components/QueryBuilder/components/DropdownWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tOpenDropdownProps,\n\tSingleOption,\n} from '@src/components/dropdown/type';\n\nconst DropdownWrapper: React.FC<{\n\toptions: DropdownOption[];\n\tdefaultOption?: SingleOption;\n\tisSearchable?: boolean;\n\tisLoading?: boolean;\n\tonSelect: (option: DropdownOption | DropdownOption[]) => void;\n\terror?: string;\n\tnativeID?: string;\n\tdropdownLabel?: string;\n\tisMultiSelect?: boolean;\n\tallowFreeForm?: boolean;\n\twidth?: string;\n\tdisabled?: boolean;\n\tselectedValues?: (string | number)[];\n\tonSearch?: (searchKey: string) => Promise<DropdownOption[]>;\n\toptionsErrorState?: OpenDropdownProps['optionsErrorState'];\n\tonRetryOptionsFetch?: () => void;\n}> = ({\n\toptions,\n\tonSelect,\n\tdefaultOption,\n\tisSearchable,\n\tisLoading,\n\terror,\n\tnativeID,\n\tdropdownLabel,\n\tisMultiSelect,\n\tallowFreeForm,\n\twidth,\n\tdisabled,\n\tselectedValues,\n\tonSearch,\n\toptionsErrorState,\n\tonRetryOptionsFetch,\n}) => {\n\tconst resolvedOptionsErrorState = optionsErrorState\n\t\t? {\n\t\t\t\t...optionsErrorState,\n\t\t\t\tactionButton: onRetryOptionsFetch\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...(optionsErrorState.actionButton ?? {}),\n\t\t\t\t\t\t\tonMouseDown: (\n\t\t\t\t\t\t\t\tevent: React.MouseEvent<HTMLButtonElement>,\n\t\t\t\t\t\t\t): void => {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\toptionsErrorState.actionButton?.onMouseDown?.(event);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tonClick: (event: React.MouseEvent<HTMLButtonElement>): void => {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\tonRetryOptionsFetch();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  }\n\t\t\t\t\t: optionsErrorState.actionButton,\n\t\t  }\n\t\t: undefined;\n\n\treturn (\n\t\t<div style={{ maxWidth: 200, width: 200 }} id={nativeID}>\n\t\t\t<Dropdown\n\t\t\t\tonSearch={onSearch}\n\t\t\t\theight={!options?.length ? 208 : undefined}\n\t\t\t\tisOptionsLoading={isLoading}\n\t\t\t\toptionsErrorState={resolvedOptionsErrorState}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tallowFreeForm={allowFreeForm ?? false}\n\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\twidth={width}\n\t\t\t\tsize=\"small\"\n\t\t\t\tplaceHolder={dropdownLabel}\n\t\t\t\terror={error}\n\t\t\t\tisSearchable={isSearchable ?? false}\n\t\t\t\tdefaultOptions={\n\t\t\t\t\tdefaultOption\n\t\t\t\t\t\t? Array.isArray(defaultOption)\n\t\t\t\t\t\t\t? defaultOption\n\t\t\t\t\t\t\t: [defaultOption]\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\toptions={\n\t\t\t\t\tselectedValues\n\t\t\t\t\t\t? options.map((option) => {\n\t\t\t\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t...option,\n\t\t\t\t\t\t\t\t\t\toptions: (option as GroupedOption).options.map((op) => ({\n\t\t\t\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\t\t\t\tselected: selectedValues.includes(op.value),\n\t\t\t\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...option,\n\t\t\t\t\t\t\t\t\tselected: selectedValues.includes(\n\t\t\t\t\t\t\t\t\t\t(option as SingleOption).value,\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t  })\n\t\t\t\t\t\t: options\n\t\t\t\t}\n\t\t\t\tonSelect={onSelect}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default DropdownWrapper;\n"],"names":["DropdownWrapper","options","onSelect","defaultOption","isSearchable","isLoading","error","nativeID","dropdownLabel","isMultiSelect","allowFreeForm","width","disabled","selectedValues","onSearch","optionsErrorState","onRetryOptionsFetch","resolvedOptionsErrorState","Object","assign","actionButton","_a","onMouseDown","event","preventDefault","stopPropagation","_b","call","onClick","undefined","_jsx","style","maxWidth","id","Dropdown","height","length","isOptionsLoading","size","placeHolder","defaultOptions","Array","isArray","map","option","op","selected","includes","value"],"mappings":"8FASMA,MAAAA,EAiBDA,EACJC,UACAC,WACAC,gBACAC,eACAC,YACAC,QACAC,WACAC,gBACAC,gBACAC,gBACAC,QACAC,WACAC,iBACAC,WACAC,oBACAC,gCAEA,MAAMC,EAA4BF,EAE5BG,OAAAC,OAAAD,OAAAC,OAAA,GAAAJ,GACH,CAAAK,aAAcJ,EAERE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAA+B,QAA9BE,EAAAN,EAAkBK,oBAAY,IAAAC,EAAAA,EAAI,CAAA,IACtCC,YACCC,YAEAA,EAAMC,iBACND,EAAME,kBACqC,QAA3CC,UAAAL,EAAAN,EAAkBK,mCAAcE,mBAAW,IAAAI,GAAAA,EAAAC,KAAAN,EAAGE,EAAM,EAErDK,QAAUL,IACTA,EAAMC,iBACND,EAAME,kBACNT,GAAqB,IAGtBD,EAAkBK,oBAErBS,EAEH,OACCC,uBAAKC,MAAO,CAAEC,SAAU,IAAKrB,MAAO,KAAOsB,GAAI1B,aAC9CuB,EAACI,EACA,CAAApB,SAAUA,EACVqB,QAASlC,aAAO,EAAPA,EAASmC,aAAeP,EAAN,IAC3BQ,iBAAkBhC,EAClBU,kBAAmBE,EACnBL,SAAUA,EACVF,cAAeA,SAAAA,EACfD,cAAeA,EACfE,MAAOA,EACP2B,KAAK,QACLC,YAAa/B,EACbF,MAAOA,EACPF,aAAcA,SAAAA,EACdoC,eACCrC,EACGsC,MAAMC,QAAQvC,GACbA,EACA,CAACA,QACF0B,EAEJ5B,QACCY,EACGZ,EAAQ0C,KAAKC,GACRA,EAAyB3C,QAC7BiB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIyB,GAAM,CACT3C,QAAU2C,EAAyB3C,QAAQ0C,KAAKE,GAC5C3B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA0B,GACH,CAAAC,SAAUjC,EAAekC,SAASF,EAAGG,aAKxC9B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIyB,GAAM,CACTE,SAAUjC,EAAekC,SACvBH,EAAwBI,WAI3B/C,EAEJC,SAAUA,MAEN"}

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

@@ -1,12 +1,12 @@
-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`
+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 s}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";const n=o.div`
 	width: 200px;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	padding: 4px 8px;
 	width: 200px;
-	background: ${s.surface.hovered};
-	border: 1px solid ${s.stroke.primary};
+	background: ${i.surface.hovered};
+	border: 1px solid ${i.stroke.primary};
 	border-radius: 4px;
-`,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};
+`,a=({containerStyle:o})=>r(n,Object.assign({style:Object.assign({},null!=o?o:{})},{children:[e(s,Object.assign({style:{color:i.content.secondary,flex:1}},{children:"Loading..."})),e(t,{size:"small",color:i.stroke.brand})]}));export{a as default};
 //# sourceMappingURL=InputLoader.js.map

package/dist/esm/components/QueryBuilder/components/InputLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLoader.js","sources":["../../../../../src/components/QueryBuilder/components/InputLoader.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Spinner } from '@src/components/spinner';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nconst LoadingContainer = styled.div`\n\twidth: 200px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tpadding: 4px 8px;\n\twidth: 200px;\n\tbackground: ${COLORS.surface.hovered};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n\nconst InputLoader: React.FC<{\n\tcontainerStyle?: React.CSSProperties;\n}> = ({ containerStyle }) => {\n\treturn (\n\t\t<LoadingContainer style={{ ...(containerStyle ?? {}) }}>\n\t\t\t<BodySecondary style={{ color: COLORS.content.secondary, flex: 1 }}>\n\t\t\t\tLoading...\n\t\t\t</BodySecondary>\n\t\t\t<Spinner size={'small'} color={COLORS.stroke.brand} />\n\t\t</LoadingContainer>\n\t);\n};\n\nexport default InputLoader;\n"],"names":["LoadingContainer","styled","div","COLORS","surface","hovered","stroke","primary","InputLoader","_ref","containerStyle","_jsxs","Object","assign","style","children","_jsx","BodySecondary","color","content","secondary","flex","Spinner","size","brand"],"mappings":"oPAMA,MAAMA,EAAmBC,EAAOC,GAAG;;;;;;;eAOpBC,EAAOC,QAAQC;qBACTF,EAAOG,OAAOC;;EAI7BC,EAEDC,IAAuB,IAAtBC,eAAEA,GAAgBD,EACvB,OACCE,EAACX,EAAiBY,OAAAC,OAAA,CAAAC,uBAAaJ,QAAAA,EAAkB,KAChD,CAAAK,SAAA,CAAAC,EAACC,EAAaL,OAAAC,OAAA,CAACC,MAAO,CAAEI,MAAOf,EAAOgB,QAAQC,UAAWC,KAAM,IAE/C,CAAAN,SAAA,gBAChBC,EAACM,EAAQ,CAAAC,KAAM,QAASL,MAAOf,EAAOG,OAAOkB,WAC3B"}
+{"version":3,"file":"InputLoader.js","sources":["../../../../../src/components/QueryBuilder/components/InputLoader.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Spinner } from '@src/components/spinner';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nconst LoadingContainer = styled.div`\n\twidth: 200px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tpadding: 4px 8px;\n\twidth: 200px;\n\tbackground: ${COLORS.surface.hovered};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n\nconst InputLoader: React.FC<{\n\tcontainerStyle?: React.CSSProperties;\n}> = ({ containerStyle }) => {\n\treturn (\n\t\t<LoadingContainer style={{ ...(containerStyle ?? {}) }}>\n\t\t\t<BodySecondary style={{ color: COLORS.content.secondary, flex: 1 }}>\n\t\t\t\tLoading...\n\t\t\t</BodySecondary>\n\t\t\t<Spinner size={'small'} color={COLORS.stroke.brand} />\n\t\t</LoadingContainer>\n\t);\n};\n\nexport default InputLoader;\n"],"names":["LoadingContainer","styled","div","COLORS","surface","hovered","stroke","primary","InputLoader","containerStyle","_jsxs","Object","assign","style","children","_jsx","BodySecondary","color","content","secondary","flex","Spinner","size","brand"],"mappings":"oPAMA,MAAMA,EAAmBC,EAAOC,GAAG;;;;;;;eAOpBC,EAAOC,QAAQC;qBACTF,EAAOG,OAAOC;;EAI7BC,EAEDA,EAAGC,oBAENC,EAACV,EAAiBW,OAAAC,OAAA,CAAAC,uBAAaJ,QAAAA,EAAkB,KAChD,CAAAK,SAAA,CAAAC,EAACC,EAAaL,OAAAC,OAAA,CAACC,MAAO,CAAEI,MAAOd,EAAOe,QAAQC,UAAWC,KAAM,IAE/C,CAAAN,SAAA,gBAChBC,EAACM,EAAQ,CAAAC,KAAM,QAASL,MAAOd,EAAOG,OAAOiB"}

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

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=AddPropertyButton.js.map

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddPropertyButton.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport PlusIcon from '../../../../../assets/icons/plus.svg';\n\nconst AddPropertyButton: React.FC<{\n\tbuttonText: string;\n\tonClick: () => void;\n}> = ({ buttonText, onClick }) => {\n\treturn (\n\t\t<Button\n\t\t\tonClick={onClick}\n\t\t\tbuttonText={buttonText}\n\t\t\tsize=\"medium\"\n\t\t\tbuttonType=\"dashRegular\"\n\t\t\tLeadingIcon={PlusIcon}\n\t\t/>\n\t);\n};\n\nexport default AddPropertyButton;\n"],"names":["AddPropertyButton","_ref","buttonText","onClick","_jsx","Button","size","buttonType","LeadingIcon","PlusIcon"],"mappings":"qJAIMA,MAAAA,EAGDC,IAA4B,IAA3BC,WAAEA,EAAUC,QAAEA,GAASF,EAC5B,OACCG,EAACC,EACA,CAAAF,QAASA,EACTD,WAAYA,EACZI,KAAK,SACLC,WAAW,cACXC,YAAaC,GACZ"}
+{"version":3,"file":"AddPropertyButton.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport PlusIcon from '../../../../../assets/icons/plus.svg';\n\nconst AddPropertyButton: React.FC<{\n\tbuttonText: string;\n\tonClick: () => void;\n}> = ({ buttonText, onClick }) => {\n\treturn (\n\t\t<Button\n\t\t\tonClick={onClick}\n\t\t\tbuttonText={buttonText}\n\t\t\tsize=\"medium\"\n\t\t\tbuttonType=\"dashRegular\"\n\t\t\tLeadingIcon={PlusIcon}\n\t\t/>\n\t);\n};\n\nexport default AddPropertyButton;\n"],"names":["AddPropertyButton","buttonText","onClick","_jsx","Button","size","buttonType","LeadingIcon","PlusIcon"],"mappings":"qJAIMA,MAAAA,EAGDA,EAAGC,aAAYC,aAElBC,EAACC,EACA,CAAAF,QAASA,EACTD,WAAYA,EACZI,KAAK,SACLC,WAAW,cACXC,YAAaC"}

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

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

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyNode.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { isNewLineConnectorPosition } from '@src/components/QueryBuilder/constants/connectorPosition';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport {\n\tBaseQueryBuilderResponse,\n\tQueryBuilderAPIData,\n} from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { ExtraOption } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';\nimport Connector from '../../Connectors/Connector';\nimport DropdownWrapper from '../../DropdownWrapper';\nimport { Container } from './PropertyNode.styled';\nimport PropertyNodeUIWrapper from './PropertyNodeUIWrapper';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\n/**\n * @exported\n * @stateless\n * @returns\n */\nexport const PropertyNode: React.FC<\n\tQueryBuilderPropertyProps & {\n\t\tisLast?: boolean;\n\t}\n> = (props) => {\n\treturn (\n\t\t<PropertyNodeUIWrapper isLast={props.isLast} mode={props.mode}>\n\t\t\t<div style={{ padding: 12, maxWidth: 'calc(100% - 78px)' }}>\n\t\t\t\t<PropertyNodeHeadless {...props} />\n\t\t\t</div>\n\t\t</PropertyNodeUIWrapper>\n\t);\n};\n\n/**\n * @exported\n * @headless\n * @stateless\n * @returns\n */\nexport const PropertyNodeHeadless: React.FC<QueryBuilderPropertyProps> = ({\n\tpropertySelectorText,\n\tfetchPropertyData,\n\tonPropertyNameSelect,\n\tonPropertyOperatorChange,\n\tonPropertyValueChange,\n\tproperty,\n\tmode,\n\tonPropertyValueSearch,\n}) => {\n\tconst [propertyData, setPropertyData] = useState<BaseQueryBuilderResponse>(\n\t\t[],\n\t);\n\tconst [extras, setExtras] = useState<{\n\t\toptions?: ExtraOption;\n\t\toriginalData?: any;\n\t}>({});\n\tconst [loading, setLoading] = useState(true);\n\tconst [propertyFetchError, setPropertyFetchError] = useState<string>();\n\tconst [propertyValueFetchError, setPropertyValueFetchError] = useState<\n\t\tstring | undefined\n\t>();\n\tconst [selectedPropertyForRetry, setSelectedPropertyForRetry] =\n\t\tuseState<QueryBuilderAPIData>();\n\tconst [valLoading, setValLoading] = useState(\n\t\tmode === 'create' ? true : false,\n\t);\n\n\tconst options: DropdownOption[] = Array.isArray(propertyData)\n\t\t? propertyData.map((option) => ({\n\t\t\t\t...option,\n\t\t\t\tlabel: option.name as string,\n\t\t\t\tvalue: option.id as string,\n\t\t\t\tdescription: option.description,\n\t\t\t\tselected: property?.name === option.id,\n\t\t  }))\n\t\t: apiResponseHelper.convertToGroupOptions(\n\t\t\t\tpropertyData,\n\t\t\t\tproperty?.name ? [property.name.toString()] : undefined,\n\t\t  );\n\n\tconst loadPropertyData = async () => {\n\t\tif (fetchPropertyData) {\n\t\t\tsetLoading(true);\n\t\t\tsetPropertyFetchError(undefined);\n\t\t\tconst response = await fetchPropertyData();\n\t\t\tif (response) {\n\t\t\t\tif (Array.isArray(response)) {\n\t\t\t\t\tsetPropertyData([...response]);\n\t\t\t\t} else {\n\t\t\t\t\tsetPropertyData({ ...response });\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetPropertyData([]);\n\t\t\t\tsetPropertyFetchError(\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t}\n\t\t\tsetLoading(false);\n\t\t\tsetValLoading(false);\n\t\t} else {\n\t\t\tsetLoading(false);\n\t\t\tsetValLoading(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tloadPropertyData();\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (mode !== 'create' && propertyData && property?.name) {\n\t\t\tconst originalProp = property;\n\n\t\t\tconst selectedOption = Array.isArray(propertyData)\n\t\t\t\t? propertyData.find((data) => data.id === property?.name)\n\t\t\t\t: apiResponseHelper.findInGroupedApiResponse(\n\t\t\t\t\t\tpropertyData,\n\t\t\t\t\t\tproperty?.name,\n\t\t\t\t  );\n\n\t\t\tif (selectedOption)\n\t\t\t\thandlePropertyNameSelection({\n\t\t\t\t\tvalue: selectedOption.id as string,\n\t\t\t\t\tlabel: selectedOption.name,\n\t\t\t\t});\n\n\t\t\tonPropertyValueChange?.(originalProp?.value, property!);\n\t\t}\n\t}, [propertyData]);\n\n\tfunction handlePropertyNameSelection(\n\t\toption: DropdownOption | DropdownOption[],\n\t) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tsetValLoading(true);\n\t\t\t/** this will be true always */\n\t\t\tlet selectedPropertyData: QueryBuilderAPIData | null | undefined = null;\n\t\t\tif (Array.isArray(propertyData)) {\n\t\t\t\tselectedPropertyData = propertyData.find(\n\t\t\t\t\t({ id }) => id === (option as SingleOption).value,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tObject.keys(propertyData).forEach((groupKey) => {\n\t\t\t\t\tconst res = propertyData[groupKey].find(\n\t\t\t\t\t\t({ id }) => id === (option as SingleOption).value,\n\t\t\t\t\t);\n\n\t\t\t\t\tif (res) {\n\t\t\t\t\t\tselectedPropertyData = res;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tsetExtras({});\n\t\t\tif (selectedPropertyData) {\n\t\t\t\tsetSelectedPropertyForRetry(selectedPropertyData);\n\t\t\t\tsetPropertyValueFetchError(undefined);\n\t\t\t\tonPropertyNameSelect?.(selectedPropertyData, property!)\n\t\t\t\t\t.then((extraResponse) => {\n\t\t\t\t\t\tconst withExtra = extraResponse as {\n\t\t\t\t\t\t\tnormalized: QueryBuilderAPIData[];\n\t\t\t\t\t\t\toriginalData: any;\n\t\t\t\t\t\t};\n\t\t\t\t\t\tif (withExtra.normalized && withExtra.originalData) {\n\t\t\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\toptions: Array.isArray(withExtra.normalized)\n\t\t\t\t\t\t\t\t\t\t? [...(withExtra.normalized as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t\t\t: { ...(withExtra.normalized as ExtraOption) },\n\t\t\t\t\t\t\t\t\toriginalData: withExtra.originalData,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\toptions: Array.isArray(extraResponse)\n\t\t\t\t\t\t\t\t\t\t? [...(extraResponse as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t\t\t: ({ ...extraResponse } as ExtraOption),\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetValLoading(false);\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tsetValLoading(false);\n\t\t\t\t\t\tsetExtras({});\n\t\t\t\t\t\tsetPropertyValueFetchError(\n\t\t\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetValLoading(false);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction retryPropertyValueFetch() {\n\t\tif (!selectedPropertyForRetry || !onPropertyNameSelect || !property) return;\n\t\tsetValLoading(true);\n\t\tsetPropertyValueFetchError(undefined);\n\t\tonPropertyNameSelect(selectedPropertyForRetry, property)\n\t\t\t.then((extraResponse) => {\n\t\t\t\tconst withExtra = extraResponse as {\n\t\t\t\t\tnormalized: QueryBuilderAPIData[];\n\t\t\t\t\toriginalData: any;\n\t\t\t\t};\n\t\t\t\tif (withExtra.normalized && withExtra.originalData) {\n\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\toptions: Array.isArray(withExtra.normalized)\n\t\t\t\t\t\t\t\t? [...(withExtra.normalized as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t: { ...(withExtra.normalized as ExtraOption) },\n\t\t\t\t\t\t\toriginalData: withExtra.originalData,\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\toptions: Array.isArray(extraResponse)\n\t\t\t\t\t\t\t\t? [...(extraResponse as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t: ({ ...extraResponse } as ExtraOption),\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetValLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetValLoading(false);\n\t\t\t\tsetExtras({});\n\t\t\t\tsetPropertyValueFetchError(\n\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t});\n\t}\n\n\tuseEffect(() => {\n\t\tif (property?.dataType === 'iceBreaker') {\n\t\t\tsetExtras((prev) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tfreeForm: false,\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t}, [property?.dataType]);\n\n\treturn (\n\t\t<>\n\t\t\t<Container>\n\t\t\t\t<DropdownWrapper\n\t\t\t\t\tisSearchable\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\twidth={'200px'}\n\t\t\t\t\tisLoading={loading}\n\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\tpropertyFetchError\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\tsubTitle: propertyFetchError,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRetryOptionsFetch={loadPropertyData}\n\t\t\t\t\tdropdownLabel={propertySelectorText ?? 'Select property'}\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={handlePropertyNameSelection}\n\t\t\t\t\tselectedValues={\n\t\t\t\t\t\tproperty?.name ? [property.name as string] : undefined\n\t\t\t\t\t}\n\t\t\t\t\terror={property?.error?.name}\n\t\t\t\t/>\n\t\t\t\t{property?.name &&\n\t\t\t\t\t!isNewLineConnectorPosition[property.dataType!]?.[\n\t\t\t\t\t\tproperty.operator!\n\t\t\t\t\t] && (\n\t\t\t\t\t\t<Connector\n\t\t\t\t\t\t\tonSearch={\n\t\t\t\t\t\t\t\tonPropertyValueSearch\n\t\t\t\t\t\t\t\t\t? (searchKey) => onPropertyValueSearch(searchKey, property)\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisLoading={valLoading}\n\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\textra={extras}\n\t\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\t\tval: property.error?.value,\n\t\t\t\t\t\t\t\toperator: property.error?.operator,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\t\tpropertyValueFetchError\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\t\tsubTitle: propertyValueFetchError,\n\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonRetryOptionsFetch={retryPropertyValueFetch}\n\t\t\t\t\t\t\tconnectorVal={property.value}\n\t\t\t\t\t\t\tconnectorType={property.dataType!}\n\t\t\t\t\t\t\tdefaultConnector={property.operator}\n\t\t\t\t\t\t\tonOperatorChange={(operator) => {\n\t\t\t\t\t\t\t\tonPropertyOperatorChange?.(operator, property);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonValueChange={(val) => onPropertyValueChange?.(val, property)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t</Container>\n\t\t\t{property?.name &&\n\t\t\t\tisNewLineConnectorPosition[property.dataType!]?.[\n\t\t\t\t\tproperty.operator!\n\t\t\t\t] && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tonSearch={\n\t\t\t\t\t\t\tonPropertyValueSearch\n\t\t\t\t\t\t\t\t? (searchKey) => onPropertyValueSearch(searchKey, property)\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisLoading={valLoading}\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={extras}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: property.error?.value,\n\t\t\t\t\t\t\toperator: property.error?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\tpropertyValueFetchError\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\tsubTitle: propertyValueFetchError,\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRetryOptionsFetch={retryPropertyValueFetch}\n\t\t\t\t\t\tconnectorVal={property.value}\n\t\t\t\t\t\tconnectorType={property.dataType!}\n\t\t\t\t\t\tdefaultConnector={property.operator}\n\t\t\t\t\t\tonOperatorChange={(operator) =>\n\t\t\t\t\t\t\tonPropertyOperatorChange?.(operator, property)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonValueChange={(val) => onPropertyValueChange?.(val, property)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["apiResponseHelper","ApiResponseHelper","PropertyNode","props","_jsx","PropertyNodeUIWrapper","Object","assign","isLast","mode","style","padding","maxWidth","children","PropertyNodeHeadless","_ref","propertySelectorText","fetchPropertyData","onPropertyNameSelect","onPropertyOperatorChange","onPropertyValueChange","property","onPropertyValueSearch","propertyData","setPropertyData","useState","extras","setExtras","loading","setLoading","propertyFetchError","setPropertyFetchError","propertyValueFetchError","setPropertyValueFetchError","selectedPropertyForRetry","setSelectedPropertyForRetry","valLoading","setValLoading","options","Array","isArray","map","option","label","name","value","id","description","selected","convertToGroupOptions","toString","undefined","loadPropertyData","__awaiter","response","handlePropertyNameSelection","selectedPropertyData","find","_ref2","keys","forEach","groupKey","res","_ref3","then","extraResponse","withExtra","normalized","originalData","prev","catch","error","Error","message","retryPropertyValueFetch","useEffect","originalProp","selectedOption","data","findInGroupedApiResponse","dataType","freeForm","_jsxs","_Fragment","Container","DropdownWrapper","isSearchable","disabled","width","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","dropdownLabel","onSelect","selectedValues","_a","isNewLineConnectorPosition","_b","operator","Connector","onSearch","searchKey","extra","errors","val","_c","_d","connectorVal","connectorType","defaultConnector","onOperatorChange","onValueChange","_e","_f","_g"],"mappings":"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"}
+{"version":3,"file":"PropertyNode.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { isNewLineConnectorPosition } from '@src/components/QueryBuilder/constants/connectorPosition';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport {\n\tBaseQueryBuilderResponse,\n\tQueryBuilderAPIData,\n} from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { ExtraOption } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';\nimport Connector from '../../Connectors/Connector';\nimport DropdownWrapper from '../../DropdownWrapper';\nimport { Container } from './PropertyNode.styled';\nimport PropertyNodeUIWrapper from './PropertyNodeUIWrapper';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\n/**\n * @exported\n * @stateless\n * @returns\n */\nexport const PropertyNode: React.FC<\n\tQueryBuilderPropertyProps & {\n\t\tisLast?: boolean;\n\t}\n> = (props) => {\n\treturn (\n\t\t<PropertyNodeUIWrapper isLast={props.isLast} mode={props.mode}>\n\t\t\t<div style={{ padding: 12, maxWidth: 'calc(100% - 78px)' }}>\n\t\t\t\t<PropertyNodeHeadless {...props} />\n\t\t\t</div>\n\t\t</PropertyNodeUIWrapper>\n\t);\n};\n\n/**\n * @exported\n * @headless\n * @stateless\n * @returns\n */\nexport const PropertyNodeHeadless: React.FC<QueryBuilderPropertyProps> = ({\n\tpropertySelectorText,\n\tfetchPropertyData,\n\tonPropertyNameSelect,\n\tonPropertyOperatorChange,\n\tonPropertyValueChange,\n\tproperty,\n\tmode,\n\tonPropertyValueSearch,\n}) => {\n\tconst [propertyData, setPropertyData] = useState<BaseQueryBuilderResponse>(\n\t\t[],\n\t);\n\tconst [extras, setExtras] = useState<{\n\t\toptions?: ExtraOption;\n\t\toriginalData?: any;\n\t}>({});\n\tconst [loading, setLoading] = useState(true);\n\tconst [propertyFetchError, setPropertyFetchError] = useState<string>();\n\tconst [propertyValueFetchError, setPropertyValueFetchError] = useState<\n\t\tstring | undefined\n\t>();\n\tconst [selectedPropertyForRetry, setSelectedPropertyForRetry] =\n\t\tuseState<QueryBuilderAPIData>();\n\tconst [valLoading, setValLoading] = useState(\n\t\tmode === 'create' ? true : false,\n\t);\n\n\tconst options: DropdownOption[] = Array.isArray(propertyData)\n\t\t? propertyData.map((option) => ({\n\t\t\t\t...option,\n\t\t\t\tlabel: option.name as string,\n\t\t\t\tvalue: option.id as string,\n\t\t\t\tdescription: option.description,\n\t\t\t\tselected: property?.name === option.id,\n\t\t  }))\n\t\t: apiResponseHelper.convertToGroupOptions(\n\t\t\t\tpropertyData,\n\t\t\t\tproperty?.name ? [property.name.toString()] : undefined,\n\t\t  );\n\n\tconst loadPropertyData = async () => {\n\t\tif (fetchPropertyData) {\n\t\t\tsetLoading(true);\n\t\t\tsetPropertyFetchError(undefined);\n\t\t\tconst response = await fetchPropertyData();\n\t\t\tif (response) {\n\t\t\t\tif (Array.isArray(response)) {\n\t\t\t\t\tsetPropertyData([...response]);\n\t\t\t\t} else {\n\t\t\t\t\tsetPropertyData({ ...response });\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetPropertyData([]);\n\t\t\t\tsetPropertyFetchError(\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t}\n\t\t\tsetLoading(false);\n\t\t\tsetValLoading(false);\n\t\t} else {\n\t\t\tsetLoading(false);\n\t\t\tsetValLoading(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tloadPropertyData();\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (mode !== 'create' && propertyData && property?.name) {\n\t\t\tconst originalProp = property;\n\n\t\t\tconst selectedOption = Array.isArray(propertyData)\n\t\t\t\t? propertyData.find((data) => data.id === property?.name)\n\t\t\t\t: apiResponseHelper.findInGroupedApiResponse(\n\t\t\t\t\t\tpropertyData,\n\t\t\t\t\t\tproperty?.name,\n\t\t\t\t  );\n\n\t\t\tif (selectedOption)\n\t\t\t\thandlePropertyNameSelection({\n\t\t\t\t\tvalue: selectedOption.id as string,\n\t\t\t\t\tlabel: selectedOption.name,\n\t\t\t\t});\n\n\t\t\tonPropertyValueChange?.(originalProp?.value, property!);\n\t\t}\n\t}, [propertyData]);\n\n\tfunction handlePropertyNameSelection(\n\t\toption: DropdownOption | DropdownOption[],\n\t) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tsetValLoading(true);\n\t\t\t/** this will be true always */\n\t\t\tlet selectedPropertyData: QueryBuilderAPIData | null | undefined = null;\n\t\t\tif (Array.isArray(propertyData)) {\n\t\t\t\tselectedPropertyData = propertyData.find(\n\t\t\t\t\t({ id }) => id === (option as SingleOption).value,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tObject.keys(propertyData).forEach((groupKey) => {\n\t\t\t\t\tconst res = propertyData[groupKey].find(\n\t\t\t\t\t\t({ id }) => id === (option as SingleOption).value,\n\t\t\t\t\t);\n\n\t\t\t\t\tif (res) {\n\t\t\t\t\t\tselectedPropertyData = res;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tsetExtras({});\n\t\t\tif (selectedPropertyData) {\n\t\t\t\tsetSelectedPropertyForRetry(selectedPropertyData);\n\t\t\t\tsetPropertyValueFetchError(undefined);\n\t\t\t\tonPropertyNameSelect?.(selectedPropertyData, property!)\n\t\t\t\t\t.then((extraResponse) => {\n\t\t\t\t\t\tconst withExtra = extraResponse as {\n\t\t\t\t\t\t\tnormalized: QueryBuilderAPIData[];\n\t\t\t\t\t\t\toriginalData: any;\n\t\t\t\t\t\t};\n\t\t\t\t\t\tif (withExtra.normalized && withExtra.originalData) {\n\t\t\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\toptions: Array.isArray(withExtra.normalized)\n\t\t\t\t\t\t\t\t\t\t? [...(withExtra.normalized as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t\t\t: { ...(withExtra.normalized as ExtraOption) },\n\t\t\t\t\t\t\t\t\toriginalData: withExtra.originalData,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\toptions: Array.isArray(extraResponse)\n\t\t\t\t\t\t\t\t\t\t? [...(extraResponse as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t\t\t: ({ ...extraResponse } as ExtraOption),\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetValLoading(false);\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tsetValLoading(false);\n\t\t\t\t\t\tsetExtras({});\n\t\t\t\t\t\tsetPropertyValueFetchError(\n\t\t\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetValLoading(false);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction retryPropertyValueFetch() {\n\t\tif (!selectedPropertyForRetry || !onPropertyNameSelect || !property) return;\n\t\tsetValLoading(true);\n\t\tsetPropertyValueFetchError(undefined);\n\t\tonPropertyNameSelect(selectedPropertyForRetry, property)\n\t\t\t.then((extraResponse) => {\n\t\t\t\tconst withExtra = extraResponse as {\n\t\t\t\t\tnormalized: QueryBuilderAPIData[];\n\t\t\t\t\toriginalData: any;\n\t\t\t\t};\n\t\t\t\tif (withExtra.normalized && withExtra.originalData) {\n\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\toptions: Array.isArray(withExtra.normalized)\n\t\t\t\t\t\t\t\t? [...(withExtra.normalized as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t: { ...(withExtra.normalized as ExtraOption) },\n\t\t\t\t\t\t\toriginalData: withExtra.originalData,\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\toptions: Array.isArray(extraResponse)\n\t\t\t\t\t\t\t\t? [...(extraResponse as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t: ({ ...extraResponse } as ExtraOption),\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetValLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetValLoading(false);\n\t\t\t\tsetExtras({});\n\t\t\t\tsetPropertyValueFetchError(\n\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t});\n\t}\n\n\tuseEffect(() => {\n\t\tif (property?.dataType === 'iceBreaker') {\n\t\t\tsetExtras((prev) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tfreeForm: false,\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t}, [property?.dataType]);\n\n\treturn (\n\t\t<>\n\t\t\t<Container>\n\t\t\t\t<DropdownWrapper\n\t\t\t\t\tisSearchable\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\twidth={'200px'}\n\t\t\t\t\tisLoading={loading}\n\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\tpropertyFetchError\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\tsubTitle: propertyFetchError,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRetryOptionsFetch={loadPropertyData}\n\t\t\t\t\tdropdownLabel={propertySelectorText ?? 'Select property'}\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={handlePropertyNameSelection}\n\t\t\t\t\tselectedValues={\n\t\t\t\t\t\tproperty?.name ? [property.name as string] : undefined\n\t\t\t\t\t}\n\t\t\t\t\terror={property?.error?.name}\n\t\t\t\t/>\n\t\t\t\t{property?.name &&\n\t\t\t\t\t!isNewLineConnectorPosition[property.dataType!]?.[\n\t\t\t\t\t\tproperty.operator!\n\t\t\t\t\t] && (\n\t\t\t\t\t\t<Connector\n\t\t\t\t\t\t\tonSearch={\n\t\t\t\t\t\t\t\tonPropertyValueSearch\n\t\t\t\t\t\t\t\t\t? (searchKey) => onPropertyValueSearch(searchKey, property)\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisLoading={valLoading}\n\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\textra={extras}\n\t\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\t\tval: property.error?.value,\n\t\t\t\t\t\t\t\toperator: property.error?.operator,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\t\tpropertyValueFetchError\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\t\tsubTitle: propertyValueFetchError,\n\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonRetryOptionsFetch={retryPropertyValueFetch}\n\t\t\t\t\t\t\tconnectorVal={property.value}\n\t\t\t\t\t\t\tconnectorType={property.dataType!}\n\t\t\t\t\t\t\tdefaultConnector={property.operator}\n\t\t\t\t\t\t\tonOperatorChange={(operator) => {\n\t\t\t\t\t\t\t\tonPropertyOperatorChange?.(operator, property);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonValueChange={(val) => onPropertyValueChange?.(val, property)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t</Container>\n\t\t\t{property?.name &&\n\t\t\t\tisNewLineConnectorPosition[property.dataType!]?.[\n\t\t\t\t\tproperty.operator!\n\t\t\t\t] && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tonSearch={\n\t\t\t\t\t\t\tonPropertyValueSearch\n\t\t\t\t\t\t\t\t? (searchKey) => onPropertyValueSearch(searchKey, property)\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisLoading={valLoading}\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={extras}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: property.error?.value,\n\t\t\t\t\t\t\toperator: property.error?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\tpropertyValueFetchError\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\tsubTitle: propertyValueFetchError,\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRetryOptionsFetch={retryPropertyValueFetch}\n\t\t\t\t\t\tconnectorVal={property.value}\n\t\t\t\t\t\tconnectorType={property.dataType!}\n\t\t\t\t\t\tdefaultConnector={property.operator}\n\t\t\t\t\t\tonOperatorChange={(operator) =>\n\t\t\t\t\t\t\tonPropertyOperatorChange?.(operator, property)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonValueChange={(val) => onPropertyValueChange?.(val, property)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["apiResponseHelper","ApiResponseHelper","PropertyNode","props","_jsx","PropertyNodeUIWrapper","Object","assign","isLast","mode","style","padding","maxWidth","children","PropertyNodeHeadless","propertySelectorText","fetchPropertyData","onPropertyNameSelect","onPropertyOperatorChange","onPropertyValueChange","property","onPropertyValueSearch","propertyData","setPropertyData","useState","extras","setExtras","loading","setLoading","propertyFetchError","setPropertyFetchError","propertyValueFetchError","setPropertyValueFetchError","selectedPropertyForRetry","setSelectedPropertyForRetry","valLoading","setValLoading","options","Array","isArray","map","option","label","name","value","id","description","selected","convertToGroupOptions","toString","undefined","loadPropertyData","__awaiter","response","handlePropertyNameSelection","selectedPropertyData","find","keys","forEach","groupKey","res","then","extraResponse","withExtra","normalized","originalData","prev","catch","error","Error","message","retryPropertyValueFetch","useEffect","originalProp","selectedOption","data","findInGroupedApiResponse","dataType","freeForm","_jsxs","_Fragment","Container","DropdownWrapper","isSearchable","disabled","width","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","dropdownLabel","onSelect","selectedValues","_a","isNewLineConnectorPosition","_b","operator","Connector","onSearch","searchKey","extra","errors","val","_c","_d","connectorVal","connectorType","defaultConnector","onOperatorChange","onValueChange","_e","_f","_g"],"mappings":"kgBAeA,MAAMA,EAAoB,IAAIC,EAOjBC,EAIRC,GAEHC,EAACC,EAAsBC,OAAAC,OAAA,CAAAC,OAAQL,EAAMK,OAAQC,KAAMN,EAAMM,gBACxDL,EAAK,MAAAE,OAAAC,OAAA,CAAAG,MAAO,CAAEC,QAAS,GAAIC,SAAU,sBACpC,CAAAC,SAAAT,EAACU,EAAyBR,OAAAC,OAAA,CAAA,EAAAJ,UAYjBW,EAA4DA,EACxEC,uBACAC,oBACAC,uBACAC,2BACAC,wBACAC,WACAX,OACAY,8CAEA,MAAOC,EAAcC,GAAmBC,EACvC,KAEMC,EAAQC,GAAaF,EAGzB,CAAE,IACEG,EAASC,GAAcJ,GAAS,IAChCK,EAAoBC,GAAyBN,KAC7CO,EAAyBC,GAA8BR,KAGvDS,EAA0BC,GAChCV,KACMW,EAAYC,GAAiBZ,EAC1B,WAATf,GAGK4B,EAA4BC,MAAMC,QAAQjB,GAC7CA,EAAakB,KAAKC,kCACfA,GAAM,CACTC,MAAOD,EAAOE,KACdC,MAAOH,EAAOI,GACdC,YAAaL,EAAOK,YACpBC,UAAU3B,aAAQ,EAARA,EAAUuB,QAASF,EAAOI,OAEpC7C,EAAkBgD,sBAClB1B,GACAF,aAAQ,EAARA,EAAUuB,MAAO,CAACvB,EAASuB,KAAKM,iBAAcC,GAG3CC,EAAmBA,IAAWC,OAAA,OAAA,OAAA,GAAA,YACnC,GAAIpC,EAAmB,CACtBY,GAAW,GACXE,OAAsBoB,GACtB,MAAMG,QAAiBrC,IACnBqC,EACCf,MAAMC,QAAQc,GACjB9B,EAAgB,IAAI8B,IAEpB9B,EAAejB,OAAAC,OAAA,CAAA,EAAM8C,KAGtB9B,EAAgB,IAChBO,EACC,mEAGFF,GAAW,GACXQ,GAAc,EACd,MACAR,GAAW,GACXQ,GAAc,EAEhB,IA2BA,SAASkB,EACRb,GAEA,IAAKH,MAAMC,QAAQE,GAAS,CAC3BL,GAAc,GAEd,IAAImB,EAA+D,KAC/DjB,MAAMC,QAAQjB,GACjBiC,EAAuBjC,EAAakC,MACnC,EAAGX,QAASA,IAAQJ,EAAwBG,QAG7CtC,OAAOmD,KAAKnC,GAAcoC,SAASC,IAClC,MAAMC,EAAMtC,EAAaqC,GAAUH,MAClC,EAAGX,QAASA,IAAQJ,EAAwBG,QAGzCgB,IACHL,EAAuBK,EACvB,IAIHlC,EAAU,CAAE,GACR6B,GACHrB,EAA4BqB,GAC5BvB,OAA2BkB,GAC3BjC,SAAAA,EAAuBsC,EAAsBnC,GAC3CyC,MAAMC,IACN,MAAMC,EAAYD,EAIdC,EAAUC,YAAcD,EAAUE,aACrCvC,GAAWwC,GAEN5D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA2D,GACH,CAAA7B,QAASC,MAAMC,QAAQwB,EAAUC,YAC9B,IAAKD,EAAUC,YAChB1D,OAAAC,OAAA,CAAA,EAAOwD,EAAUC,YACnBC,aAAcF,EAAUE,iBAI1BvC,GAAWwC,GAEN5D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA2D,IACH7B,QAASC,MAAMC,QAAQuB,GACpB,IAAKA,GACJxD,OAAAC,OAAA,CAAA,EAAKuD,OAIZ1B,GAAc,EAAM,IAEpB+B,OAAOC,IACPhC,GAAc,GACdV,EAAU,CAAE,GACZM,EACCoC,aAAiBC,MACdD,EAAME,QACN,iEACH,KAGHlC,GAAc,EAEf,CACF,CAEA,SAASmC,IACHtC,GAA6BhB,GAAyBG,IAC3DgB,GAAc,GACdJ,OAA2BkB,GAC3BjC,EAAqBgB,EAA0Bb,GAC7CyC,MAAMC,IACN,MAAMC,EAAYD,EAIdC,EAAUC,YAAcD,EAAUE,aACrCvC,GAAWwC,GAEN5D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA2D,GACH,CAAA7B,QAASC,MAAMC,QAAQwB,EAAUC,YAC9B,IAAKD,EAAUC,YAChB1D,OAAAC,OAAA,CAAA,EAAOwD,EAAUC,YACnBC,aAAcF,EAAUE,iBAI1BvC,GAAWwC,GAEN5D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA2D,IACH7B,QAASC,MAAMC,QAAQuB,GACpB,IAAKA,GACJxD,OAAAC,OAAA,CAAA,EAAKuD,OAIZ1B,GAAc,EAAM,IAEpB+B,OAAOC,IACPhC,GAAc,GACdV,EAAU,CAAE,GACZM,EACCoC,aAAiBC,MACdD,EAAME,QACN,iEACH,IAEJ,CAaA,OArJAE,GAAU,KACTrB,GAAkB,GAChB,IAEHqB,GAAU,KACT,GAAa,WAAT/D,GAAqBa,IAAgBF,aAAA,EAAAA,EAAUuB,MAAM,CACxD,MAAM8B,EAAerD,EAEfsD,EAAiBpC,MAAMC,QAAQjB,GAClCA,EAAakC,MAAMmB,GAASA,EAAK9B,MAAOzB,eAAAA,EAAUuB,QAClD3C,EAAkB4E,yBAClBtD,EACAF,aAAA,EAAAA,EAAUuB,MAGT+B,GACHpB,EAA4B,CAC3BV,MAAO8B,EAAe7B,GACtBH,MAAOgC,EAAe/B,OAGxBxB,SAAAA,EAAwBsD,aAAY,EAAZA,EAAc7B,MAAOxB,EAC7C,IACC,CAACE,IAmHJkD,GAAU,KACkB,gBAAvBpD,aAAQ,EAARA,EAAUyD,WACbnD,GAAWwC,GACV5D,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACI2D,GAAI,CACPY,UAAU,KAGZ,GACC,CAAC1D,aAAA,EAAAA,EAAUyD,WAGbE,EACCC,EAAA,CAAAnE,SAAA,CAAAkE,EAACE,EAAS,CAAApE,SAAA,CACTT,EAAC8E,EACA,CAAAC,cACA,EAAAC,SAAmB,SAAT3E,EACV4E,MAAO,QACPC,UAAW3D,EACX4D,kBACC1D,EACG,CACA2D,MAAO,yBACPC,SAAU5D,QAEVqB,EAEJwC,oBAAqBvC,EACrBwC,cAAe5E,QAAAA,EAAwB,kBACvCsB,QAASA,EACTuD,SAAUtC,EACVuC,gBACCzE,eAAAA,EAAUuB,MAAO,CAACvB,EAASuB,WAAkBO,EAE9CkB,cAAO0B,EAAA1E,aAAA,EAAAA,EAAUgD,4BAAOzB,QAExBvB,aAAA,EAAAA,EAAUuB,SAET,UADAoD,EAA2B3E,EAASyD,iBACpC,IAAAmB,OAAA,EAAAA,EAAA5E,EAAS6E,YAET7F,EAAC8F,EAAS,CACTC,SACC9E,EACI+E,GAAc/E,EAAsB+E,EAAWhF,QAChD8B,EAEJoC,UAAWnD,EACXiD,SAAmB,SAAT3E,EACV4F,MAAO5E,EACP6E,OAAQ,CACPC,YAAKC,EAAApF,EAASgD,4BAAOxB,MACrBqD,iBAAUQ,EAAArF,EAASgD,4BAAO6B,UAE3BV,kBACCxD,EACG,CACAyD,MAAO,yBACPC,SAAU1D,QAEVmB,EAEJwC,oBAAqBnB,EACrBmC,aAActF,EAASwB,MACvB+D,cAAevF,EAASyD,SACxB+B,iBAAkBxF,EAAS6E,SAC3BY,iBAAmBZ,IAClB/E,SAAAA,EAA2B+E,EAAU7E,EAAS,EAE/C0F,cAAgBP,GAAQpF,aAAqB,EAArBA,EAAwBoF,EAAKnF,SAIxDA,aAAA,EAAAA,EAAUuB,gBACVoE,EAAAhB,EAA2B3E,EAASyD,gCACnCzD,EAAS6E,YAET7F,EAAC8F,EACA,CAAAC,SACC9E,EACI+E,GAAc/E,EAAsB+E,EAAWhF,QAChD8B,EAEJoC,UAAWnD,EACXiD,SAAmB,SAAT3E,EACV4F,MAAO5E,EACP6E,OAAQ,CACPC,YAAKS,EAAA5F,EAASgD,4BAAOxB,MACrBqD,iBAAUgB,EAAA7F,EAASgD,4BAAO6B,UAE3BV,kBACCxD,EACG,CACAyD,MAAO,yBACPC,SAAU1D,QAEVmB,EAEJwC,oBAAqBnB,EACrBmC,aAActF,EAASwB,MACvB+D,cAAevF,EAASyD,SACxB+B,iBAAkBxF,EAAS6E,SAC3BY,iBAAmBZ,GAClB/E,aAAwB,EAAxBA,EAA2B+E,EAAU7E,GAEtC0F,cAAgBP,GAAQpF,aAAA,EAAAA,EAAwBoF,EAAKnF,OAGtD"}

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

@@ -1,2 +1,2 @@
-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};
+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=({children:a,mode:n,isLast:p})=>e(s,Object.assign({style:{maxWidth:"calc(100% - 24px)"}},{children:[r(i,{style:{height:"view"===n&&p?29:"100%"}}),r(m,{style:{marginTop:28}}),r(t,Object.assign({style:{color:o.content.primary,marginLeft:8,marginTop:18}},{children:"where"})),a]}));export{a as default};
 //# sourceMappingURL=PropertyNodeUIWrapper.js.map

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyNodeUIWrapper.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { QueryBuilderProps } from '@src/components/QueryBuilder/types/QueryBuilderProps.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Container, Horinzontal, Line } from './PropertyNodeUIWrapper.styled';\n\nconst PropertyNodeUIWrapper: React.FC<{\n\tchildren: React.ReactNode;\n\tmode: QueryBuilderProps['mode'];\n\tisLast?: boolean;\n}> = ({ children, mode, isLast }) => {\n\treturn (\n\t\t<Container style={{ maxWidth: 'calc(100% - 24px)' }}>\n\t\t\t<Line style={{ height: mode === 'view' && isLast ? 29 : '100%' }} />\n\t\t\t<Horinzontal style={{ marginTop: 28 }} />\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\tmarginTop: 18,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\twhere\n\t\t\t</BodySecondary>\n\t\t\t{children}\n\t\t</Container>\n\t);\n};\n\nexport default PropertyNodeUIWrapper;\n"],"names":["PropertyNodeUIWrapper","_ref","children","mode","isLast","_jsxs","Container","Object","assign","style","maxWidth","_jsx","Line","height","Horinzontal","marginTop","BodySecondary","color","COLORS","content","primary","marginLeft"],"mappings":"qQAMMA,MAAAA,EAIDC,IAA+B,IAA9BC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,GAAQH,EAC/B,OACCI,EAACC,EAAUC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,sBAAqB,CAAAR,SAAA,CAClDS,EAACC,EAAI,CAACH,MAAO,CAAEI,OAAiB,SAATV,GAAmBC,EAAS,GAAK,UACxDO,EAACG,EAAY,CAAAL,MAAO,CAAEM,UAAW,MACjCJ,EAACK,EACAT,OAAAC,OAAA,CAAAC,MAAO,CACNQ,MAAOC,EAAOC,QAAQC,QACtBC,WAAY,EACZN,UAAW,KACX,CAAAb,SAAA,WAIDA,KACU"}
+{"version":3,"file":"PropertyNodeUIWrapper.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { QueryBuilderProps } from '@src/components/QueryBuilder/types/QueryBuilderProps.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Container, Horinzontal, Line } from './PropertyNodeUIWrapper.styled';\n\nconst PropertyNodeUIWrapper: React.FC<{\n\tchildren: React.ReactNode;\n\tmode: QueryBuilderProps['mode'];\n\tisLast?: boolean;\n}> = ({ children, mode, isLast }) => {\n\treturn (\n\t\t<Container style={{ maxWidth: 'calc(100% - 24px)' }}>\n\t\t\t<Line style={{ height: mode === 'view' && isLast ? 29 : '100%' }} />\n\t\t\t<Horinzontal style={{ marginTop: 28 }} />\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\tmarginTop: 18,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\twhere\n\t\t\t</BodySecondary>\n\t\t\t{children}\n\t\t</Container>\n\t);\n};\n\nexport default PropertyNodeUIWrapper;\n"],"names":["PropertyNodeUIWrapper","children","mode","isLast","_jsxs","Container","Object","assign","style","maxWidth","_jsx","Line","height","Horinzontal","marginTop","BodySecondary","color","COLORS","content","primary","marginLeft"],"mappings":"qQAMMA,MAAAA,EAIDA,EAAGC,WAAUC,OAAMC,YAEtBC,EAACC,EAAUC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,sBAAqB,CAAAR,SAAA,CAClDS,EAACC,EAAI,CAACH,MAAO,CAAEI,OAAiB,SAATV,GAAmBC,EAAS,GAAK,UACxDO,EAACG,EAAY,CAAAL,MAAO,CAAEM,UAAW,MACjCJ,EAACK,EACAT,OAAAC,OAAA,CAAAC,MAAO,CACNQ,MAAOC,EAAOC,QAAQC,QACtBC,WAAY,EACZN,UAAW,KACX,CAAAb,SAAA,WAIDA"}

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyNodes.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx"],"sourcesContent":["import React from 'react';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { JOIN_OPERATOR_OPTIONS } from '@src/components/QueryBuilder/constants/operators';\nimport {\n\tBaseQueryBuilderNode,\n\tQueryBuilderJoinOperators,\n\tQueryBuilderProperty,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';\nimport DeleteButton from '../../DeleteButton';\nimport AddPropertyButton from './AddPropertyButton';\nimport { PropertyNode } from './PropertyNode';\nimport { Line } from './PropertyNodeUIWrapper.styled';\n\ntype Props = Omit<QueryBuilderPropertyProps, 'property'> & {\n\tnode: BaseQueryBuilderNode;\n\taddPropertyBtnText?: string;\n\tdeleteProperty: (\n\t\tproperty: Partial<QueryBuilderProperty>,\n\t\tnodeID: string,\n\t) => void;\n\tcreateProperty: (\n\t\tproperty: Partial<QueryBuilderProperty>,\n\t\tnodeID: string,\n\t) => void;\n};\n\nconst PropertyNodes: React.FC<Props> = ({\n\tnode,\n\taddPropertyBtnText,\n\tdeleteProperty,\n\tcreateProperty,\n\tselectPropertyJoinOperator,\n\tmode,\n\t...propertyProps\n}) => {\n\tconst options = JOIN_OPERATOR_OPTIONS.map((option) => {\n\t\tif (node.PropertyOperator) {\n\t\t\tif ((option as SingleOption).value === node.PropertyOperator) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\tselected: true,\n\t\t\t\t};\n\t\t\t}\n\t\t} else {\n\t\t\tif ((option as SingleOption).value === QueryBuilderJoinOperators.AND) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\tselected: true,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\treturn option;\n\t});\n\treturn (\n\t\t<>\n\t\t\t{node?.properties?.map((property, i) => (\n\t\t\t\t<>\n\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ width: 80, position: 'relative' }}\n\t\t\t\t\t\t\tkey={`${i}-operator`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\tkey={`${i}-operator-selector`}\n\t\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\tselectPropertyJoinOperator?.(\n\t\t\t\t\t\t\t\t\t\t(option as SingleOption).value as QueryBuilderJoinOperators,\n\t\t\t\t\t\t\t\t\t\tnode._id,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\t\t\twidth={'80px'}\n\t\t\t\t\t\t\t\theight={96}\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={property._id}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<PropertyNode\n\t\t\t\t\t\t\tkey={`${property._id}-property-node`}\n\t\t\t\t\t\t\tisLast={\n\t\t\t\t\t\t\t\tnode.properties ? i === node.properties.length - 1 : false\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tproperty={property}\n\t\t\t\t\t\t\t{...propertyProps}\n\t\t\t\t\t\t\tmode={mode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{mode !== 'view' && (\n\t\t\t\t\t\t\t<DeleteButton\n\t\t\t\t\t\t\t\tkey={`${property._id}-${i}-delete-btn`}\n\t\t\t\t\t\t\t\tonClick={() => deleteProperty(property, node._id)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t))}\n\t\t\t{mode !== 'view' && (\n\t\t\t\t<div>\n\t\t\t\t\t{node?.properties?.length === 0 && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Line />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<AddPropertyButton\n\t\t\t\t\t\tbuttonText={addPropertyBtnText ?? 'Add Property'}\n\t\t\t\t\t\tonClick={() => createProperty({}, node._id)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default PropertyNodes;\n"],"names":["PropertyNodes","_a","node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode","propertyProps","__rest","options","JOIN_OPERATOR_OPTIONS","map","option","PropertyOperator","value","Object","assign","selected","QueryBuilderJoinOperators","AND","_jsxs","_Fragment","children","_b","properties","property","i","_jsx","style","width","position","Dropdown","disabled","onSelect","_id","height","size","display","flexDirection","PropertyNode","isLast","length","DeleteButton","onClick","_c","Line","AddPropertyButton","buttonText"],"mappings":"ogBA4BMA,MAAAA,EAAkCC,aAAAC,KACvCA,EAAIC,mBACJA,EAAkBC,eAClBA,EAAcC,eACdA,EAAcC,2BACdA,EAA0BC,KAC1BA,GAEAN,EADGO,EAAaC,EAAAR,EAPuB,qGASvC,MAAMS,EAAUC,EAAsBC,KAAKC,IAC1C,GAAIX,EAAKY,kBACR,GAAKD,EAAwBE,QAAUb,EAAKY,iBAC3C,OAAAE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIJ,GAAM,CACTK,UAAU,SAIZ,GAAKL,EAAwBE,QAAUI,EAA0BC,IAChE,OAAAJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIJ,GAAM,CACTK,UAAU,IAKb,OAAOL,CAAM,IAEd,OACCQ,EACEC,EAAA,CAAAC,SAAA,CAAkB,QAAlBC,EAAAtB,aAAA,EAAAA,EAAMuB,kBAAY,IAAAD,OAAA,EAAAA,EAAAZ,KAAI,CAACc,EAAUC,IACjCN,EACEC,EAAA,CAAAC,SAAA,CAAM,IAANI,GACAC,uBACCC,MAAO,CAAEC,MAAO,GAAIC,SAAU,aAG9B,CAAAR,SAAAK,EAACI,EAEA,CAAAC,SAAmB,SAAT1B,EACV2B,SAAWrB,IACVP,SAAAA,EACEO,EAAwBE,MACzBb,EAAKiC,IACL,EAEFzB,QAASA,EACToB,MAAO,OACPM,OAAQ,GACRC,KAAK,SAXG,GAAAV,yBAHJ,GAAGA,cAkBVN,EAAA,MAAAL,OAAAC,OAAA,CAECY,MAAO,CACNS,QAAS,OACTC,cAAe,QACf,CAAAhB,SAAA,CAEDK,EAACY,EAEAxB,OAAAC,OAAA,CAAAwB,SACCvC,EAAKuB,YAAaE,IAAMzB,EAAKuB,WAAWiB,OAAS,EAElDhB,SAAUA,GACNlB,EAAa,CACjBD,KAAMA,IAND,GAAGmB,EAASS,qBAQR,SAAT5B,GACAqB,EAACe,GAEAC,QAASA,IAAMxC,EAAesB,EAAUxB,EAAKiC,MADxC,GAAGT,EAASS,OAAOR,mBAjBrBD,EAASS,UAwBP,SAAT5B,GACAc,EAAA,MAAA,CAAAE,SAAA,CAC+B,KAAX,QAAlBsB,EAAA3C,aAAI,EAAJA,EAAMuB,kBAAY,IAAAoB,OAAA,EAAAA,EAAAH,SAClBd,kBACCA,EAACkB,EAAO,MAGVlB,EAACmB,GACAC,WAAY7C,QAAAA,EAAsB,eAClCyC,QAASA,IAAMvC,EAAe,GAAIH,EAAKiC,YAIxC"}
+{"version":3,"file":"PropertyNodes.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx"],"sourcesContent":["import React from 'react';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { JOIN_OPERATOR_OPTIONS } from '@src/components/QueryBuilder/constants/operators';\nimport {\n\tBaseQueryBuilderNode,\n\tQueryBuilderJoinOperators,\n\tQueryBuilderProperty,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';\nimport DeleteButton from '../../DeleteButton';\nimport AddPropertyButton from './AddPropertyButton';\nimport { PropertyNode } from './PropertyNode';\nimport { Line } from './PropertyNodeUIWrapper.styled';\n\ntype Props = Omit<QueryBuilderPropertyProps, 'property'> & {\n\tnode: BaseQueryBuilderNode;\n\taddPropertyBtnText?: string;\n\tdeleteProperty: (\n\t\tproperty: Partial<QueryBuilderProperty>,\n\t\tnodeID: string,\n\t) => void;\n\tcreateProperty: (\n\t\tproperty: Partial<QueryBuilderProperty>,\n\t\tnodeID: string,\n\t) => void;\n};\n\nconst PropertyNodes: React.FC<Props> = ({\n\tnode,\n\taddPropertyBtnText,\n\tdeleteProperty,\n\tcreateProperty,\n\tselectPropertyJoinOperator,\n\tmode,\n\t...propertyProps\n}) => {\n\tconst options = JOIN_OPERATOR_OPTIONS.map((option) => {\n\t\tif (node.PropertyOperator) {\n\t\t\tif ((option as SingleOption).value === node.PropertyOperator) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\tselected: true,\n\t\t\t\t};\n\t\t\t}\n\t\t} else {\n\t\t\tif ((option as SingleOption).value === QueryBuilderJoinOperators.AND) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\tselected: true,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\treturn option;\n\t});\n\treturn (\n\t\t<>\n\t\t\t{node?.properties?.map((property, i) => (\n\t\t\t\t<>\n\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ width: 80, position: 'relative' }}\n\t\t\t\t\t\t\tkey={`${i}-operator`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\tkey={`${i}-operator-selector`}\n\t\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\tselectPropertyJoinOperator?.(\n\t\t\t\t\t\t\t\t\t\t(option as SingleOption).value as QueryBuilderJoinOperators,\n\t\t\t\t\t\t\t\t\t\tnode._id,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\t\t\twidth={'80px'}\n\t\t\t\t\t\t\t\theight={96}\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={property._id}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<PropertyNode\n\t\t\t\t\t\t\tkey={`${property._id}-property-node`}\n\t\t\t\t\t\t\tisLast={\n\t\t\t\t\t\t\t\tnode.properties ? i === node.properties.length - 1 : false\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tproperty={property}\n\t\t\t\t\t\t\t{...propertyProps}\n\t\t\t\t\t\t\tmode={mode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{mode !== 'view' && (\n\t\t\t\t\t\t\t<DeleteButton\n\t\t\t\t\t\t\t\tkey={`${property._id}-${i}-delete-btn`}\n\t\t\t\t\t\t\t\tonClick={() => deleteProperty(property, node._id)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t))}\n\t\t\t{mode !== 'view' && (\n\t\t\t\t<div>\n\t\t\t\t\t{node?.properties?.length === 0 && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Line />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<AddPropertyButton\n\t\t\t\t\t\tbuttonText={addPropertyBtnText ?? 'Add Property'}\n\t\t\t\t\t\tonClick={() => createProperty({}, node._id)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default PropertyNodes;\n"],"names":["PropertyNodes","_a","node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode","propertyProps","__rest","options","JOIN_OPERATOR_OPTIONS","map","option","PropertyOperator","value","Object","assign","selected","QueryBuilderJoinOperators","AND","_jsxs","_Fragment","children","_b","properties","property","i","_jsx","style","width","position","Dropdown","disabled","onSelect","_id","height","size","display","flexDirection","PropertyNode","isLast","length","DeleteButton","onClick","_c","Line","AddPropertyButton","buttonText"],"mappings":"ogBA4BMA,MAAAA,EAAkCC,aAAAC,KACvCA,EAAIC,mBACJA,EAAkBC,eAClBA,EAAcC,eACdA,EAAcC,2BACdA,EAA0BC,KAC1BA,GAEAN,EADGO,EAAaC,EAAAR,EAPuB,qGASvC,MAAMS,EAAUC,EAAsBC,KAAKC,IAC1C,GAAIX,EAAKY,kBACR,GAAKD,EAAwBE,QAAUb,EAAKY,iBAC3C,OAAAE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIJ,GAAM,CACTK,UAAU,SAIZ,GAAKL,EAAwBE,QAAUI,EAA0BC,IAChE,OAAAJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIJ,GAAM,CACTK,UAAU,IAKb,OAAOL,CAAM,IAEd,OACCQ,EACEC,EAAA,CAAAC,SAAA,CAAkB,QAAlBC,EAAAtB,aAAA,EAAAA,EAAMuB,kBAAY,IAAAD,OAAA,EAAAA,EAAAZ,KAAI,CAACc,EAAUC,IACjCN,EACEC,EAAA,CAAAC,SAAA,CAAM,IAANI,GACAC,uBACCC,MAAO,CAAEC,MAAO,GAAIC,SAAU,aAG9B,CAAAR,SAAAK,EAACI,EAEA,CAAAC,SAAmB,SAAT1B,EACV2B,SAAWrB,IACVP,SAAAA,EACEO,EAAwBE,MACzBb,EAAKiC,IACL,EAEFzB,QAASA,EACToB,MAAO,OACPM,OAAQ,GACRC,KAAK,SAXA,GAAGV,yBAHJ,GAAGA,cAkBVN,EAAA,MAAAL,OAAAC,OAAA,CAECY,MAAO,CACNS,QAAS,OACTC,cAAe,QACf,CAAAhB,SAAA,CAEDK,EAACY,EAEAxB,OAAAC,OAAA,CAAAwB,SACCvC,EAAKuB,YAAaE,IAAMzB,EAAKuB,WAAWiB,OAAS,EAElDhB,SAAUA,GACNlB,EAAa,CACjBD,KAAMA,IAND,GAAGmB,EAASS,qBAQR,SAAT5B,GACAqB,EAACe,GAEAC,QAASA,IAAMxC,EAAesB,EAAUxB,EAAKiC,MADxC,GAAGT,EAASS,OAAOR,mBAjBrBD,EAASS,UAwBP,SAAT5B,GACAc,EAAA,MAAA,CAAAE,SAAA,CAC+B,KAAX,QAAlBsB,EAAA3C,aAAI,EAAJA,EAAMuB,kBAAY,IAAAoB,OAAA,EAAAA,EAAAH,SAClBd,kBACCA,EAACkB,EAAO,MAGVlB,EAACmB,GACAC,WAAY7C,QAAAA,EAAsB,eAClCyC,QAASA,IAAMvC,EAAe,GAAIH,EAAKiC,YAIxC"}

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

@@ -1,2 +1,2 @@
-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};
+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((({infinite:i,addNodeBtnText:y,allowedNodes:j,typesAPIHandlers:b,onStateChange:g,mode:v,selectorKey:h},w)=>{var x;const N=s((e=>null==e?void 0:e[h])),{deleteNode:O,clearAll:B,selectJoinOperator:S,fillState:C}=c(h);r((()=>{null==g||g(Object.assign({},N))}),[N]);const Q=a.map((e=>(null==N?void 0:N.operator)&&e.value===N.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return l(w,(()=>({getState:()=>Object.assign({},N),fillState(e){C(Object.assign({},e))},clearAll:B}))),e(t,{children:[null===(x=null==N?void 0:N.nodes)||void 0===x?void 0:x.map(((i,r)=>e(t,{children:[0!==r&&o("div",Object.assign({style:{width:80,position:"relative"}},{children:o(n,{disabled:"view"===v,onSelect:e=>{S(e.value)},options:Q,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:h,mode:null!=v?v:"create",allowedNodes:j,node:i,apiHandler:b[i.type]})})),o(t,"view"!==v?{children:0!==r&&o(m,{onClick:()=>O(i._id)})}:{})]}),i._id)]}))),i&&"view"!==v&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[o(p,{buttonText:y,allowedNodes:j,selectorKey:h}),o(d,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>B(j[0])})]}))]})}));y.displayName="QueryBuilderNodes";export{y as default};
 //# sourceMappingURL=QueryBuilderNodes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilderNodes.js","sources":["../../../../../src/components/QueryBuilder/components/QueryBuilderNodes.tsx"],"sourcesContent":["import { Response } from '@src/types/apiExecutor';\nimport React, { useEffect, useImperativeHandle } from 'react';\nimport { useSelector } from 'react-redux';\nimport { Button } from '@src/components/button';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { JOIN_OPERATOR_OPTIONS } from '../constants/operators';\nimport { useQueryBuilder } from '../hooks/useQueryBuilder';\nimport { QueryBuilderRef } from '../types';\nimport {\n\tQueryBuilderJoinOperators,\n\tQueryBuilderRoot,\n\tQueryBuilderType,\n} from '../types/QueryBuilder.type';\nimport {\n\tBaseQueryBuilderPayload,\n\tBaseQueryBuilderResponse,\n} from '../types/QueryBuilderAPI.type';\nimport AddNodeButton from './AddNodeButton';\nimport DeleteButton from './DeleteButton';\nimport QueryBuilderNode from './QueryBuilderNode/QueryBuilderNode';\nimport { LinedContainer } from './QueryBuilderNodes.styled';\n\ntype QueryBuilderNodesProps = {\n\tinfinite: boolean;\n\taddNodeBtnText: string;\n\tallowedNodes: QueryBuilderType[];\n\tonStateChange?: (state: QueryBuilderRoot) => void;\n\ttypesAPIHandlers: {\n\t\t[key in QueryBuilderType]?: <T>(\n\t\t\tpayload: BaseQueryBuilderPayload<T>,\n\t\t) => Promise<Response<BaseQueryBuilderResponse>>;\n\t};\n\tstate?: QueryBuilderRoot;\n\tmode?: 'create' | 'edit' | 'view';\n\tselectorKey: string;\n};\n\nconst QueryBuilderNodes = React.forwardRef<\n\tQueryBuilderRef,\n\tQueryBuilderNodesProps\n>(\n\t(\n\t\t{\n\t\t\tinfinite,\n\t\t\taddNodeBtnText,\n\t\t\tallowedNodes,\n\t\t\ttypesAPIHandlers,\n\t\t\tonStateChange,\n\t\t\tmode,\n\t\t\tselectorKey,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst state = useSelector<\n\t\t\t{\n\t\t\t\tkey: QueryBuilderRoot;\n\t\t\t},\n\t\t\tQueryBuilderRoot\n\t\t>((state) => state?.[selectorKey]);\n\n\t\tconst { deleteNode, clearAll, selectJoinOperator, fillState } =\n\t\t\tuseQueryBuilder(selectorKey);\n\n\t\tuseEffect(() => {\n\t\t\tonStateChange?.({ ...state });\n\t\t}, [state]);\n\n\t\tconst options = JOIN_OPERATOR_OPTIONS.map((option) => {\n\t\t\tif (state?.operator) {\n\t\t\t\tif ((option as SingleOption).value === state.operator) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn option;\n\t\t});\n\n\t\tuseImperativeHandle(ref, () => ({\n\t\t\tgetState: () => ({ ...state }),\n\t\t\tfillState(stateFromOutside) {\n\t\t\t\tfillState({ ...stateFromOutside });\n\t\t\t},\n\t\t\tclearAll,\n\t\t}));\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{state?.nodes?.map((node, i) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t<div style={{ width: 80, position: 'relative' }}>\n\t\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\t\tselectJoinOperator(\n\t\t\t\t\t\t\t\t\t\t\t(option as SingleOption)\n\t\t\t\t\t\t\t\t\t\t\t\t.value as QueryBuilderJoinOperators,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\t\t\t\twidth={'80px'}\n\t\t\t\t\t\t\t\t\theight={96}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tskipSorting={true}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ display: 'flex', flexDirection: 'row', gap: 12 }}\n\t\t\t\t\t\t\tkey={node._id}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LinedContainer\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tpaddingTop: i === 0 ? 0 : 24,\n\t\t\t\t\t\t\t\t\tmaxWidth: 'calc(100% - 24px)',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<QueryBuilderNode\n\t\t\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t\t\t\tmode={mode ?? 'create'}\n\t\t\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\t\t\tnode={node}\n\t\t\t\t\t\t\t\t\tapiHandler={typesAPIHandlers[node.type]!}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</LinedContainer>\n\t\t\t\t\t\t\t{mode !== 'view' ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t\t\t\t<DeleteButton onClick={() => deleteNode(node._id)} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t))}\n\n\t\t\t\t{infinite && mode !== 'view' && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AddNodeButton\n\t\t\t\t\t\t\tbuttonText={addNodeBtnText}\n\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText=\"Clear filters\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\t\tonClick={() => clearAll(allowedNodes[0])}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t},\n);\n\nQueryBuilderNodes.displayName = 'QueryBuilderNodes';\n\nexport default QueryBuilderNodes;\n"],"names":["QueryBuilderNodes","React","forwardRef","_ref","ref","infinite","addNodeBtnText","allowedNodes","typesAPIHandlers","onStateChange","mode","selectorKey","state","useSelector","deleteNode","clearAll","selectJoinOperator","fillState","useQueryBuilder","useEffect","Object","assign","options","JOIN_OPERATOR_OPTIONS","map","option","operator","value","selected","useImperativeHandle","getState","stateFromOutside","_jsxs","_Fragment","children","_a","nodes","node","i","_jsx","style","width","position","Dropdown","disabled","onSelect","height","size","skipSorting","display","flexDirection","gap","LinedContainer","paddingTop","maxWidth","QueryBuilderNode","apiHandler","type","DeleteButton","onClick","_id","justifyContent","AddNodeButton","buttonText","Button","buttonType","displayName"],"mappings":"skBAsCMA,MAAAA,EAAoBC,EAAMC,YAI/B,CAAAC,EAUCC,KACG,IAVHC,SACCA,EAAQC,eACRA,EAAcC,aACdA,EAAYC,iBACZA,EAAgBC,cAChBA,EAAaC,KACbA,EAAIC,YACJA,GACAR,QAGD,MAAMS,EAAQC,GAKXD,GAAUA,aAAA,EAAAA,EAAQD,MAEfG,WAAEA,EAAUC,SAAEA,EAAQC,mBAAEA,EAAkBC,UAAEA,GACjDC,EAAgBP,GAEjBQ,GAAU,KACTV,SAAAA,EAAqBW,OAAAC,OAAA,GAAAT,GAAQ,GAC3B,CAACA,IAEJ,MAAMU,EAAUC,EAAsBC,KAAKC,IACtCb,eAAAA,EAAOc,WACLD,EAAwBE,QAAUf,EAAMc,SAC5CN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACII,GAAM,CACTG,UAAU,IAKNH,IAWR,OARAI,EAAoBzB,GAAK,KAAO,CAC/B0B,SAAUA,IAAMV,OAAAC,OAAA,CAAA,EAAMT,GACtBK,UAAUc,GACTd,EAASG,OAAAC,OAAA,CAAA,EAAMU,GACf,EACDhB,eAIAiB,EACEC,EAAA,CAAAC,SAAA,CAAc,QAAdC,EAAAvB,aAAA,EAAAA,EAAOwB,aAAO,IAAAD,OAAA,EAAAA,EAAAX,KAAI,CAACa,EAAMC,IACzBN,EACEC,EAAA,CAAAC,SAAA,CAAM,IAANI,GACAC,uBAAKC,MAAO,CAAEC,MAAO,GAAIC,SAAU,aAClC,CAAAR,SAAAK,EAACI,EACA,CAAAC,SAAmB,SAATlC,EACVmC,SAAWpB,IACVT,EACES,EACCE,MACF,EAEFL,QAASA,EACTmB,MAAO,OACPK,OAAQ,GACRC,KAAK,QACLC,aAAa,OAIhBhB,EAAA,MAAAZ,OAAAC,OAAA,CACCmB,MAAO,CAAES,QAAS,OAAQC,cAAe,MAAOC,IAAK,gBAGrDZ,EAACa,EACAhC,OAAAC,OAAA,CAAAmB,MAAO,CACNa,WAAkB,IAANf,EAAU,EAAI,GAC1BgB,SAAU,sBACV,CAAApB,SAEDK,EAACgB,EAAgB,CAChB5C,YAAaA,EACbD,KAAMA,QAAAA,EAAQ,SACdH,aAAcA,EACd8B,KAAMA,EACNmB,WAAYhD,EAAiB6B,EAAKoB,WAInClB,EACEN,EAFO,SAATvB,EAEE,CAAAwB,SAAM,IAANI,GACAC,EAACmB,GAAaC,QAASA,IAAM7C,EAAWuB,EAAKuB,QAI/C,CAAA,MAvBIvB,EAAKuB,UA6BZvD,GAAqB,SAATK,GACZsB,EAAA,MAAAZ,OAAAC,OAAA,CACCmB,MAAO,CACNS,QAAS,OACTC,cAAe,MACfW,eAAgB,kBAGjB,CAAA3B,SAAA,CAAAK,EAACuB,EACA,CAAAC,WAAYzD,EACZC,aAAcA,EACdI,YAAaA,IAEd4B,EAACyB,EACA,CAAAD,WAAW,gBACXhB,KAAK,SACLkB,WAAW,eACXN,QAASA,IAAM5C,EAASR,EAAa,YAItC,IAKNP,EAAkBkE,YAAc"}
+{"version":3,"file":"QueryBuilderNodes.js","sources":["../../../../../src/components/QueryBuilder/components/QueryBuilderNodes.tsx"],"sourcesContent":["import { Response } from '@src/types/apiExecutor';\nimport React, { useEffect, useImperativeHandle } from 'react';\nimport { useSelector } from 'react-redux';\nimport { Button } from '@src/components/button';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { JOIN_OPERATOR_OPTIONS } from '../constants/operators';\nimport { useQueryBuilder } from '../hooks/useQueryBuilder';\nimport { QueryBuilderRef } from '../types';\nimport {\n\tQueryBuilderJoinOperators,\n\tQueryBuilderRoot,\n\tQueryBuilderType,\n} from '../types/QueryBuilder.type';\nimport {\n\tBaseQueryBuilderPayload,\n\tBaseQueryBuilderResponse,\n} from '../types/QueryBuilderAPI.type';\nimport AddNodeButton from './AddNodeButton';\nimport DeleteButton from './DeleteButton';\nimport QueryBuilderNode from './QueryBuilderNode/QueryBuilderNode';\nimport { LinedContainer } from './QueryBuilderNodes.styled';\n\ntype QueryBuilderNodesProps = {\n\tinfinite: boolean;\n\taddNodeBtnText: string;\n\tallowedNodes: QueryBuilderType[];\n\tonStateChange?: (state: QueryBuilderRoot) => void;\n\ttypesAPIHandlers: {\n\t\t[key in QueryBuilderType]?: <T>(\n\t\t\tpayload: BaseQueryBuilderPayload<T>,\n\t\t) => Promise<Response<BaseQueryBuilderResponse>>;\n\t};\n\tstate?: QueryBuilderRoot;\n\tmode?: 'create' | 'edit' | 'view';\n\tselectorKey: string;\n};\n\nconst QueryBuilderNodes = React.forwardRef<\n\tQueryBuilderRef,\n\tQueryBuilderNodesProps\n>(\n\t(\n\t\t{\n\t\t\tinfinite,\n\t\t\taddNodeBtnText,\n\t\t\tallowedNodes,\n\t\t\ttypesAPIHandlers,\n\t\t\tonStateChange,\n\t\t\tmode,\n\t\t\tselectorKey,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst state = useSelector<\n\t\t\t{\n\t\t\t\tkey: QueryBuilderRoot;\n\t\t\t},\n\t\t\tQueryBuilderRoot\n\t\t>((state) => state?.[selectorKey]);\n\n\t\tconst { deleteNode, clearAll, selectJoinOperator, fillState } =\n\t\t\tuseQueryBuilder(selectorKey);\n\n\t\tuseEffect(() => {\n\t\t\tonStateChange?.({ ...state });\n\t\t}, [state]);\n\n\t\tconst options = JOIN_OPERATOR_OPTIONS.map((option) => {\n\t\t\tif (state?.operator) {\n\t\t\t\tif ((option as SingleOption).value === state.operator) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn option;\n\t\t});\n\n\t\tuseImperativeHandle(ref, () => ({\n\t\t\tgetState: () => ({ ...state }),\n\t\t\tfillState(stateFromOutside) {\n\t\t\t\tfillState({ ...stateFromOutside });\n\t\t\t},\n\t\t\tclearAll,\n\t\t}));\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{state?.nodes?.map((node, i) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t<div style={{ width: 80, position: 'relative' }}>\n\t\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\t\tselectJoinOperator(\n\t\t\t\t\t\t\t\t\t\t\t(option as SingleOption)\n\t\t\t\t\t\t\t\t\t\t\t\t.value as QueryBuilderJoinOperators,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\t\t\t\twidth={'80px'}\n\t\t\t\t\t\t\t\t\theight={96}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tskipSorting={true}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ display: 'flex', flexDirection: 'row', gap: 12 }}\n\t\t\t\t\t\t\tkey={node._id}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LinedContainer\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tpaddingTop: i === 0 ? 0 : 24,\n\t\t\t\t\t\t\t\t\tmaxWidth: 'calc(100% - 24px)',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<QueryBuilderNode\n\t\t\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t\t\t\tmode={mode ?? 'create'}\n\t\t\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\t\t\tnode={node}\n\t\t\t\t\t\t\t\t\tapiHandler={typesAPIHandlers[node.type]!}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</LinedContainer>\n\t\t\t\t\t\t\t{mode !== 'view' ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t\t\t\t<DeleteButton onClick={() => deleteNode(node._id)} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t))}\n\n\t\t\t\t{infinite && mode !== 'view' && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AddNodeButton\n\t\t\t\t\t\t\tbuttonText={addNodeBtnText}\n\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText=\"Clear filters\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\t\tonClick={() => clearAll(allowedNodes[0])}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t},\n);\n\nQueryBuilderNodes.displayName = 'QueryBuilderNodes';\n\nexport default QueryBuilderNodes;\n"],"names":["QueryBuilderNodes","React","forwardRef","infinite","addNodeBtnText","allowedNodes","typesAPIHandlers","onStateChange","mode","selectorKey","ref","state","useSelector","deleteNode","clearAll","selectJoinOperator","fillState","useQueryBuilder","useEffect","Object","assign","options","JOIN_OPERATOR_OPTIONS","map","option","operator","value","selected","useImperativeHandle","getState","stateFromOutside","_jsxs","_Fragment","children","_a","nodes","node","i","_jsx","style","width","position","Dropdown","disabled","onSelect","height","size","skipSorting","display","flexDirection","gap","LinedContainer","paddingTop","maxWidth","QueryBuilderNode","apiHandler","type","DeleteButton","onClick","_id","justifyContent","AddNodeButton","buttonText","Button","buttonType","displayName"],"mappings":"skBAsCA,MAAMA,EAAoBC,EAAMC,YAI/B,EAEEC,WACAC,iBACAC,eACAC,mBACAC,gBACAC,OACAC,eAEDC,WAEA,MAAMC,EAAQC,GAKXD,GAAUA,aAAA,EAAAA,EAAQF,MAEfI,WAAEA,EAAUC,SAAEA,EAAQC,mBAAEA,EAAkBC,UAAEA,GACjDC,EAAgBR,GAEjBS,GAAU,KACTX,SAAAA,EAAqBY,OAAAC,OAAA,GAAAT,GAAQ,GAC3B,CAACA,IAEJ,MAAMU,EAAUC,EAAsBC,KAAKC,IACtCb,eAAAA,EAAOc,WACLD,EAAwBE,QAAUf,EAAMc,SAC5CN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACII,GAAM,CACTG,UAAU,IAKNH,IAWR,OARAI,EAAoBlB,GAAK,KAAO,CAC/BmB,SAAUA,IAAMV,OAAAC,OAAA,CAAA,EAAMT,GACtBK,UAAUc,GACTd,EAASG,OAAAC,OAAA,CAAA,EAAMU,GACf,EACDhB,eAIAiB,EACEC,EAAA,CAAAC,SAAA,CAAc,QAAdC,EAAAvB,aAAA,EAAAA,EAAOwB,aAAO,IAAAD,OAAA,EAAAA,EAAAX,KAAI,CAACa,EAAMC,IACzBN,EACEC,EAAA,CAAAC,SAAA,CAAM,IAANI,GACAC,uBAAKC,MAAO,CAAEC,MAAO,GAAIC,SAAU,aAClC,CAAAR,SAAAK,EAACI,EACA,CAAAC,SAAmB,SAATnC,EACVoC,SAAWpB,IACVT,EACES,EACCE,MACF,EAEFL,QAASA,EACTmB,MAAO,OACPK,OAAQ,GACRC,KAAK,QACLC,aAAa,OAIhBhB,EAAA,MAAAZ,OAAAC,OAAA,CACCmB,MAAO,CAAES,QAAS,OAAQC,cAAe,MAAOC,IAAK,gBAGrDZ,EAACa,EACAhC,OAAAC,OAAA,CAAAmB,MAAO,CACNa,WAAkB,IAANf,EAAU,EAAI,GAC1BgB,SAAU,sBACV,CAAApB,SAEDK,EAACgB,EAAgB,CAChB7C,YAAaA,EACbD,KAAMA,QAAAA,EAAQ,SACdH,aAAcA,EACd+B,KAAMA,EACNmB,WAAYjD,EAAiB8B,EAAKoB,WAInClB,EACEN,EAFO,SAATxB,EAEE,CAAAyB,SAAM,IAANI,GACAC,EAACmB,GAAaC,QAASA,IAAM7C,EAAWuB,EAAKuB,QAI/C,CAAA,MAvBIvB,EAAKuB,UA6BZxD,GAAqB,SAATK,GACZuB,EAAA,MAAAZ,OAAAC,OAAA,CACCmB,MAAO,CACNS,QAAS,OACTC,cAAe,MACfW,eAAgB,kBAGjB,CAAA3B,SAAA,CAAAK,EAACuB,EACA,CAAAC,WAAY1D,EACZC,aAAcA,EACdI,YAAaA,IAEd6B,EAACyB,EACA,CAAAD,WAAW,gBACXhB,KAAK,SACLkB,WAAW,eACXN,QAASA,IAAM5C,EAAST,EAAa,YAItC,IAKNL,EAAkBiE,YAAc"}