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

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 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};
+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};
 //# 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","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"}
+{"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"}

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

@@ -1,2 +1,2 @@
-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};
+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};
 //# 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","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"}
+{"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"}

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 s}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";const n=o.div`
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"styled-components";import{Spinner as t}from"../../spinner/Spinner.js";import{BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as s}from"../../../constants/Theme.js";const i=o.div`
 	width: 200px;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	padding: 4px 8px;
 	width: 200px;
-	background: ${i.surface.hovered};
-	border: 1px solid ${i.stroke.primary};
+	background: ${s.surface.hovered};
+	border: 1px solid ${s.stroke.primary};
 	border-radius: 4px;
-`,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};
+`,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};
 //# 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","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"}
+{"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"}

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

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 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};
+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};
 //# 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","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":"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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","_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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"}

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=({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};
+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};
 //# 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","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"}
+{"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"}

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,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"}
+{"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"}

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((({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};
+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};
 //# 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","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"}
+{"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"}

package/dist/esm/components/QueryBuilder/hooks/useQueryBuilderCache.js

@@ -1,2 +1,2 @@
-import{__awaiter as r}from"../../../_virtual/_tslib.js";import{useDispatch as e}from"react-redux";import{queryBuilderCacheSlice as t}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as o}from"../redux/selectors/useQueryBuilderCacheSelector.js";const i=()=>{const i=e(),u=o();return{cacheWrap:(e,o,d=!0)=>r(void 0,void 0,void 0,(function*(){if(null==u?void 0:u[o])return u[o];const r=yield e();return(null==r?void 0:r.data)?(d&&i(t.actions.initKey({key:o,data:r.data})),null==r?void 0:r.data):null}))}};export{i as useQueryBuilderCache};
+import{__awaiter as r}from"../../../_virtual/_tslib.js";import{useDispatch as e}from"react-redux";import{queryBuilderCacheSlice as t}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as o}from"../redux/selectors/useQueryBuilderCacheSelector.js";const i=()=>{const i=e(),u=o();return{cacheWrap:function(e,o){let d=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return r(void 0,void 0,void 0,(function*(){if(null==u?void 0:u[o])return u[o];const r=yield e();return(null==r?void 0:r.data)?(d&&i(t.actions.initKey({key:o,data:r.data})),null==r?void 0:r.data):null}))}}};export{i as useQueryBuilderCache};
 //# sourceMappingURL=useQueryBuilderCache.js.map

package/dist/esm/components/QueryBuilder/hooks/useQueryBuilderCache.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryBuilderCache.js","sources":["../../../../../src/components/QueryBuilder/hooks/useQueryBuilderCache.tsx"],"sourcesContent":["import { useDispatch } from 'react-redux';\nimport { queryBuilderCacheSlice } from '../redux/queryBuilderCache.reducer';\nimport { useQueryBuilderCacheSelector } from '../redux/selectors/useQueryBuilderCacheSelector';\nimport { BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';\n\nexport const useQueryBuilderCache = () => {\n\tconst dispatcher = useDispatch();\n\tconst cacheState = useQueryBuilderCacheSelector();\n\n\tconst cacheWrap = async (\n\t\tcb: () => Promise<{ data?: BaseQueryBuilderResponse; error?: string }>,\n\t\tkey: string,\n\t\tupdateCache = true,\n\t) => {\n\t\tif (cacheState?.[key]) {\n\t\t\t/** Cache hit */\n\t\t\treturn cacheState[key];\n\t\t}\n\n\t\tconst response = await cb();\n\n\t\tif (response?.data) {\n\t\t\tif (updateCache)\n\t\t\t\tdispatcher(\n\t\t\t\t\tqueryBuilderCacheSlice.actions.initKey({ key, data: response.data }),\n\t\t\t\t);\n\n\t\t\treturn response?.data;\n\t\t}\n\n\t\treturn null;\n\t};\n\n\treturn { cacheWrap };\n};\n"],"names":["useQueryBuilderCache","dispatcher","useDispatch","cacheState","useQueryBuilderCacheSelector","cacheWrap","cb","key","updateCache","__awaiter","response","data","queryBuilderCacheSlice","actions","initKey"],"mappings":"mRAKaA,MAAAA,EAAuBA,KACnC,MAAMC,EAAaC,IACbC,EAAaC,IA0BnB,MAAO,CAAEC,UAxBSA,CACjBC,EACAC,EACAC,GAAc,IACXC,OAAA,OAAA,OAAA,GAAA,YACH,GAAIN,aAAU,EAAVA,EAAaI,GAEhB,OAAOJ,EAAWI,GAGnB,MAAMG,QAAiBJ,IAEvB,OAAII,eAAAA,EAAUC,OACTH,GACHP,EACCW,EAAuBC,QAAQC,QAAQ,CAAEP,MAAKI,KAAMD,EAASC,QAGxDD,eAAAA,EAAUC,MAGX,IACR,IAEoB"}
+{"version":3,"file":"useQueryBuilderCache.js","sources":["../../../../../src/components/QueryBuilder/hooks/useQueryBuilderCache.tsx"],"sourcesContent":["import { useDispatch } from 'react-redux';\nimport { queryBuilderCacheSlice } from '../redux/queryBuilderCache.reducer';\nimport { useQueryBuilderCacheSelector } from '../redux/selectors/useQueryBuilderCacheSelector';\nimport { BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';\n\nexport const useQueryBuilderCache = () => {\n\tconst dispatcher = useDispatch();\n\tconst cacheState = useQueryBuilderCacheSelector();\n\n\tconst cacheWrap = async (\n\t\tcb: () => Promise<{ data?: BaseQueryBuilderResponse; error?: string }>,\n\t\tkey: string,\n\t\tupdateCache = true,\n\t) => {\n\t\tif (cacheState?.[key]) {\n\t\t\t/** Cache hit */\n\t\t\treturn cacheState[key];\n\t\t}\n\n\t\tconst response = await cb();\n\n\t\tif (response?.data) {\n\t\t\tif (updateCache)\n\t\t\t\tdispatcher(\n\t\t\t\t\tqueryBuilderCacheSlice.actions.initKey({ key, data: response.data }),\n\t\t\t\t);\n\n\t\t\treturn response?.data;\n\t\t}\n\n\t\treturn null;\n\t};\n\n\treturn { cacheWrap };\n};\n"],"names":["useQueryBuilderCache","dispatcher","useDispatch","cacheState","useQueryBuilderCacheSelector","cacheWrap","cb","key","updateCache","arguments","length","undefined","__awaiter","response","data","queryBuilderCacheSlice","actions","initKey"],"mappings":"mRAKaA,MAAAA,EAAuBA,KACnC,MAAMC,EAAaC,IACbC,EAAaC,IA0BnB,MAAO,CAAEC,UAxBS,SACjBC,EACAC,GAAW,IACXC,IAAWC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAAO,OACfG,OAAA,OAAA,OAAA,GAAA,YACH,GAAIT,aAAU,EAAVA,EAAaI,GAEhB,OAAOJ,EAAWI,GAGnB,MAAMM,QAAiBP,IAEvB,OAAIO,eAAAA,EAAUC,OACTN,GACHP,EACCc,EAAuBC,QAAQC,QAAQ,CAAEV,MAAKO,KAAMD,EAASC,QAGxDD,eAAAA,EAAUC,MAGX,IACR,GAAC,EAEmB"}

package/dist/esm/components/SearchFilter/components/DatePickerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerButton.js","sources":["../../../../../src/components/SearchFilter/components/DatePickerButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DatePickerButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null | Date>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate?.toDateString().length * 12}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={selectedDate ? selectedDate.toDateString() : text ?? ''}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={selectedDate ? selectedDate.toDateString() : undefined}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty */\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/** empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\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/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={false}\n\t\t\t\t\t\tonSelectDate={(date) => {\n\t\t\t\t\t\t\tsetSelectedDate(date);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect(date);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDatePickerButton.displayName = 'DatePickerButton';\n"],"names":["DatePickerButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","toDateString","length","_jsxs","style","position","children","_jsx","Object","assign","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","undefined","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectDate","date","displayName"],"mappings":"4kDAWaA,MAAAA,EAKRC,aAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,GAAS,IAClCC,EAAcC,GAAmBF,EAAsB,MAExDG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EACyC,IAAtCA,aAAY,EAAZA,EAAcO,eAAeC,QAAhC,KACiB,GAAdhB,EAAKgB,OAAR,KAEH,OACCC,uBAAKC,MAAO,CAAEC,SAAU,aACvB,CAAAC,SAAA,CAAAC,EAAA,MAAAC,OAAAC,OAAA,CACCC,QAASA,IAAMlB,GAAWmB,IAAUA,IACpCP,MAAO,CAAEQ,OAAQ,UAAWd,MAAO,OAAQe,OAAQ,SAAQ,CAAAP,SAE9C,UAAZlB,EACAmB,EAACO,EAAG,CACHC,QAASrB,EAAeA,EAAaO,eAAiBf,QAAAA,EAAQ,GAC9D8B,MAAM,QACNC,KAAK,UACL7B,QAAQ,UACR8B,aAAcC,IAGfZ,EAACa,EAAkBC,SAClBb,OAAAC,OAAA,CAAAa,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRf,MAAO,OACP0B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAxB,SAEDC,EAACwB,EAAK,CACLC,MAAO,WACPV,MAAO5B,EAAeA,EAAaO,oBAAiBgC,EACpD7C,QAAS,QACT8C,YAAahD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPuC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL9B,EAAC+B,EACA,CAAAlC,MAAO,CACNmC,UAAWhD,EAAa,iBAAmB,gBAE5CmB,QAASA,OAGTZ,MAAO,GACPe,OAAQ,GACR2B,MAAOC,EAAcC,SAASC,QAAQC,mBAQ5CrD,GACAgB,EAAK,MAAAC,OAAAC,OAAA,CAAAL,MAAO,CAAEC,SAAU,WAAYwC,IAAK,qBAAoB,CAAAvC,SAC5DC,EAACuC,GACAC,aAAa,EACbC,aAAeC,IACdtD,EAAgBsD,GAChBzD,GAAU,GACVL,EAAS8D,EAAK,UAKb,EAIRjE,EAAiBkE,YAAc"}
+{"version":3,"file":"DatePickerButton.js","sources":["../../../../../src/components/SearchFilter/components/DatePickerButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DatePickerButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null | Date>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate?.toDateString().length * 12}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={selectedDate ? selectedDate.toDateString() : text ?? ''}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={selectedDate ? selectedDate.toDateString() : undefined}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty */\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/** empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\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/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={false}\n\t\t\t\t\t\tonSelectDate={(date) => {\n\t\t\t\t\t\t\tsetSelectedDate(date);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect(date);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDatePickerButton.displayName = 'DatePickerButton';\n"],"names":["DatePickerButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","toDateString","length","_jsxs","style","position","children","_jsx","Object","assign","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","undefined","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectDate","date","displayName"],"mappings":"4kDAWaA,MAAAA,EAKRC,aAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,GAAS,IAClCC,EAAcC,GAAmBF,EAAsB,MAExDG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EACyC,IAAtCA,aAAY,EAAZA,EAAcO,eAAeC,QAAhC,KACiB,GAAdhB,EAAKgB,YAEX,OACCC,uBAAKC,MAAO,CAAEC,SAAU,aACvB,CAAAC,SAAA,CAAAC,EAAA,MAAAC,OAAAC,OAAA,CACCC,QAASA,IAAMlB,GAAWmB,IAAUA,IACpCP,MAAO,CAAEQ,OAAQ,UAAWd,MAAO,OAAQe,OAAQ,SAAQ,CAAAP,SAE9C,UAAZlB,EACAmB,EAACO,EAAG,CACHC,QAASrB,EAAeA,EAAaO,eAAiBf,QAAAA,EAAQ,GAC9D8B,MAAM,QACNC,KAAK,UACL7B,QAAQ,UACR8B,aAAcC,IAGfZ,EAACa,EAAkBC,SAClBb,OAAAC,OAAA,CAAAa,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRf,MAAO,OACP0B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAxB,SAEDC,EAACwB,EAAK,CACLC,MAAO,WACPV,MAAO5B,EAAeA,EAAaO,oBAAiBgC,EACpD7C,QAAS,QACT8C,YAAahD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPuC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL9B,EAAC+B,EACA,CAAAlC,MAAO,CACNmC,UAAWhD,EAAa,iBAAmB,gBAE5CmB,QAASA,OAGTZ,MAAO,GACPe,OAAQ,GACR2B,MAAOC,EAAcC,SAASC,QAAQC,mBAQ5CrD,GACAgB,EAAK,MAAAC,OAAAC,OAAA,CAAAL,MAAO,CAAEC,SAAU,WAAYwC,IAAK,qBAAoB,CAAAvC,SAC5DC,EAACuC,GACAC,aAAa,EACbC,aAAeC,IACdtD,EAAgBsD,GAChBzD,GAAU,GACVL,EAAS8D,EAAK,UAKb,EAIRjE,EAAiBkE,YAAc"}

package/dist/esm/components/SearchFilter/components/DateRangeOnlyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeOnlyButton.js","sources":["../../../../../src/components/SearchFilter/components/DateRangeOnlyButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DateRangeOnlyButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date[]) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null | Date[]>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate[0]?.toDateString().length * 12 * 2}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty */\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/** empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\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/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={true}\n\t\t\t\t\t\tonSelectRange={(start, end) => {\n\t\t\t\t\t\t\tsetSelectedDate([start, end]);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect([start, end]);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDateRangeOnlyButton.displayName = 'DateRangeOnlyButton';\n"],"names":["DateRangeOnlyButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","_d","toDateString","length","_jsxs","Object","assign","style","position","children","_jsx","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectRange","start","end","displayName"],"mappings":"4kDAWaA,MAAAA,EAKRC,eAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,GAAS,IAClCC,EAAcC,GAAmBF,EAAwB,MAE1DG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EAC4C,IAAxB,QAAjBO,EAAAP,EAAa,UAAI,IAAAO,OAAA,EAAAA,EAAAC,eAAeC,QAAc,EAAjD,KACiB,GAAdjB,EAAKiB,OAAR,KAEH,OACCC,EAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,SAAU,aAAY,CAAAC,SAAA,CACnCC,EACC,MAAAL,OAAAC,OAAA,CAAAK,QAASA,IAAMnB,GAAWoB,IAAUA,IACpCL,MAAO,CAAEM,OAAQ,UAAWf,MAAO,OAAQgB,OAAQ,SAAQ,CAAAL,SAE9C,UAAZrB,EACAsB,EAACK,EAAG,CACHC,SACCtB,aAAA,EAAAA,EAAcS,QACX,GAAGT,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZ+B,MAAM,QACNC,KAAK,UACL9B,QAAQ,UACR+B,aAAcC,IAGfV,EAACW,EAAkBC,SAAQjB,OAAAC,OAAA,CAC1BiB,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRhB,MAAO,OACP2B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAtB,SAEDC,EAACsB,EAAK,CACLC,MAAO,WACPV,OACC7B,aAAA,EAAAA,EAAcS,QACX,GAAGT,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZE,QAAS,QACT8C,YAAahD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPuC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL3B,EAAC4B,EACA,CAAA/B,MAAO,CACNgC,UAAWhD,EAAa,iBAAmB,gBAE5CoB,QAASA,OAGTb,MAAO,GACPgB,OAAQ,GACR0B,MAAOC,EAAcC,SAASC,QAAQC,mBAQ5CrD,GACAmB,EAAK,MAAAL,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYqC,IAAK,qBACxC,CAAApC,SAAAC,EAACoC,EAAU,CACVC,aAAa,EACbC,cAAeA,CAACC,EAAOC,KACtBvD,EAAgB,CAACsD,EAAOC,IACxB1D,GAAU,GACVL,EAAS,CAAC8D,EAAOC,GAAK,UAKrB,EAIRlE,EAAoBmE,YAAc"}
+{"version":3,"file":"DateRangeOnlyButton.js","sources":["../../../../../src/components/SearchFilter/components/DateRangeOnlyButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DateRangeOnlyButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date[]) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null | Date[]>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate[0]?.toDateString().length * 12 * 2}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty */\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/** empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\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/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={true}\n\t\t\t\t\t\tonSelectRange={(start, end) => {\n\t\t\t\t\t\t\tsetSelectedDate([start, end]);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect([start, end]);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDateRangeOnlyButton.displayName = 'DateRangeOnlyButton';\n"],"names":["DateRangeOnlyButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","_d","toDateString","length","_jsxs","Object","assign","style","position","children","_jsx","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectRange","start","end","displayName"],"mappings":"4kDAWaA,MAAAA,EAKRC,eAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,GAAS,IAClCC,EAAcC,GAAmBF,EAAwB,MAE1DG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EAC4C,IAAxB,QAAjBO,EAAAP,EAAa,UAAI,IAAAO,OAAA,EAAAA,EAAAC,eAAeC,QAAc,EAA9C,KACc,GAAdjB,EAAKiB,YAEX,OACCC,EAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,SAAU,aAAY,CAAAC,SAAA,CACnCC,EACC,MAAAL,OAAAC,OAAA,CAAAK,QAASA,IAAMnB,GAAWoB,IAAUA,IACpCL,MAAO,CAAEM,OAAQ,UAAWf,MAAO,OAAQgB,OAAQ,SAAQ,CAAAL,SAE9C,UAAZrB,EACAsB,EAACK,EAAG,CACHC,SACCtB,aAAA,EAAAA,EAAcS,QACR,GAAAT,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZ+B,MAAM,QACNC,KAAK,UACL9B,QAAQ,UACR+B,aAAcC,IAGfV,EAACW,EAAkBC,SAAQjB,OAAAC,OAAA,CAC1BiB,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRhB,MAAO,OACP2B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAtB,SAEDC,EAACsB,EAAK,CACLC,MAAO,WACPV,OACC7B,aAAA,EAAAA,EAAcS,QACR,GAAAT,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZE,QAAS,QACT8C,YAAahD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPuC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL3B,EAAC4B,EACA,CAAA/B,MAAO,CACNgC,UAAWhD,EAAa,iBAAmB,gBAE5CoB,QAASA,OAGTb,MAAO,GACPgB,OAAQ,GACR0B,MAAOC,EAAcC,SAASC,QAAQC,mBAQ5CrD,GACAmB,EAAK,MAAAL,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYqC,IAAK,qBACxC,CAAApC,SAAAC,EAACoC,EAAU,CACVC,aAAa,EACbC,cAAeA,CAACC,EAAOC,KACtBvD,EAAgB,CAACsD,EAAOC,IACxB1D,GAAU,GACVL,EAAS,CAAC8D,EAAOC,GAAK,UAKrB,EAIRlE,EAAoBmE,YAAc"}

package/dist/esm/components/SearchFilter/components/FilterChipListRenderer.js

@@ -1,2 +1,2 @@
-import{jsx as t,Fragment as a}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{formatDate as r}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../utils/DateUtils.js";import{Tag as i}from"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../half-doughnut-chart/HalfDoughnutChart.js";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/types.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import o from"../../../assets/icons/cross.svg.js";import{FilterType as n}from"../types/SearchFilter.type.js";const e=({selectedState:e,onDeSelect:l})=>t(a,{children:e.map((e=>{var s,p,c,d,h,m,u,y,v,j,g;if(e.type===n.Multiple)return t(a,{children:null===(s=e.value)||void 0===s?void 0:s.map((a=>{var r,n;return t(i,{onTrailingIconClicked:()=>l(e.id,a),style:{cursor:"pointer"},tagText:null!==(n=null===(r=a.label)||void 0===r?void 0:r.slice(0,10))&&void 0!==n?n:"",type:"neutral",theme:"light",TrailingIcon:o},`${e.id}-${a.value}`)}))});if(e.type===n.Date)return t(i,{onTrailingIconClicked:()=>l(e.id,e.value),style:{cursor:"pointer"},tagText:r(e.value),type:"neutral",theme:"light",TrailingIcon:o},e.id);if(e.type===n.DateRange)return t(i,{onTrailingIconClicked:()=>l(e.id,e.value),style:{cursor:"pointer"},tagText:`${r(null===(p=e.value)||void 0===p?void 0:p[0])} to ${r(null===(c=e.value)||void 0===c?void 0:c[1])}`,type:"neutral",theme:"light",TrailingIcon:o},e.id);return(e.type===n.Single?null!==(h=null===(d=e.value)||void 0===d?void 0:d.label)&&void 0!==h?h:"":null!==(u=null===(m=e.value)||void 0===m?void 0:m.toString())&&void 0!==u?u:"")?t(i,{onTrailingIconClicked:()=>l(e.id,e.value),style:{cursor:"pointer"},tagText:e.type===n.Single?null!==(v=null===(y=e.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(g=null===(j=e.value)||void 0===j?void 0:j.toString())&&void 0!==g?g:"",type:"neutral",theme:"light",TrailingIcon:o},e.id):t(a,{})}))});export{e as FilterChipListRenderer};
+import{jsx as t,Fragment as a}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{formatDate as r}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../utils/DateUtils.js";import{Tag as i}from"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../half-doughnut-chart/HalfDoughnutChart.js";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/types.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import o from"../../../assets/icons/cross.svg.js";import{FilterType as n}from"../types/SearchFilter.type.js";const e=e=>{let{selectedState:l,onDeSelect:s}=e;return t(a,{children:l.map((e=>{var l,p,c,d,h,m,u,y,v,j,g;if(e.type===n.Multiple)return t(a,{children:null===(l=e.value)||void 0===l?void 0:l.map((a=>{var r,n;return t(i,{onTrailingIconClicked:()=>s(e.id,a),style:{cursor:"pointer"},tagText:null!==(n=null===(r=a.label)||void 0===r?void 0:r.slice(0,10))&&void 0!==n?n:"",type:"neutral",theme:"light",TrailingIcon:o},`${e.id}-${a.value}`)}))});if(e.type===n.Date)return t(i,{onTrailingIconClicked:()=>s(e.id,e.value),style:{cursor:"pointer"},tagText:r(e.value),type:"neutral",theme:"light",TrailingIcon:o},e.id);if(e.type===n.DateRange)return t(i,{onTrailingIconClicked:()=>s(e.id,e.value),style:{cursor:"pointer"},tagText:`${r(null===(p=e.value)||void 0===p?void 0:p[0])} to ${r(null===(c=e.value)||void 0===c?void 0:c[1])}`,type:"neutral",theme:"light",TrailingIcon:o},e.id);return(e.type===n.Single?null!==(h=null===(d=e.value)||void 0===d?void 0:d.label)&&void 0!==h?h:"":null!==(u=null===(m=e.value)||void 0===m?void 0:m.toString())&&void 0!==u?u:"")?t(i,{onTrailingIconClicked:()=>s(e.id,e.value),style:{cursor:"pointer"},tagText:e.type===n.Single?null!==(v=null===(y=e.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(g=null===(j=e.value)||void 0===j?void 0:j.toString())&&void 0!==g?g:"",type:"neutral",theme:"light",TrailingIcon:o},e.id):t(a,{})}))})};export{e as FilterChipListRenderer};
 //# sourceMappingURL=FilterChipListRenderer.js.map

package/dist/esm/components/SearchFilter/components/FilterChipListRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChipListRenderer.js","sources":["../../../../../src/components/SearchFilter/components/FilterChipListRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { formatDate } from '@src/components/analytics-chips-and-dropdowns';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Tag } from '@src/components/tag';\nimport CrossIcon from '../../../assets/icons/cross.svg';\nimport {\n\tFilterType,\n\tFilterValueType,\n\tSearchFilterOutputState,\n} from '../types/SearchFilter.type';\n\nexport const FilterChipListRenderer: React.FC<{\n\tselectedState: SearchFilterOutputState[];\n\tonDeSelect: (id: string, value: FilterValueType) => void;\n}> = ({ selectedState, onDeSelect }) => {\n\treturn (\n\t\t<>\n\t\t\t{selectedState.map((item) => {\n\t\t\t\tif (item.type === FilterType.Multiple) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{(item.value as DropdownOption[])?.map((val) => (\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, val)}\n\t\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\tkey={`${item.id}-${(val as SingleOption).value}`}\n\t\t\t\t\t\t\t\t\ttagText={val.label?.slice(0, 10) ?? ''}\n\t\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\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);\n\t\t\t\t}\n\n\t\t\t\tif (item.type === FilterType.Date) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\ttagText={formatDate(item.value as Date)}\n\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (item.type === FilterType.DateRange) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\ttagText={`${formatDate(item.value?.[0])} to ${formatDate(\n\t\t\t\t\t\t\t\titem.value?.[1],\n\t\t\t\t\t\t\t)}`}\n\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst tagText =\n\t\t\t\t\titem.type === FilterType.Single\n\t\t\t\t\t\t? (item.value as SingleOption)?.label ?? ''\n\t\t\t\t\t\t: item.value?.toString() ?? '';\n\t\t\t\tif (!tagText) {\n\t\t\t\t\treturn <></>;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\titem.type === FilterType.Single\n\t\t\t\t\t\t\t\t? (item.value as SingleOption)?.label ?? ''\n\t\t\t\t\t\t\t\t: item.value?.toString() ?? ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n};\n"],"names":["FilterChipListRenderer","selectedState","onDeSelect","_jsx","map","item","type","FilterType","Multiple","_Fragment","children","_a","value","val","Tag","onTrailingIconClicked","id","style","cursor","tagText","_b","label","slice","theme","TrailingIcon","CrossIcon","Date","formatDate","DateRange","_c","Single","_d","_e","_g","_f","toString","_h","_j","_l","_k"],"mappings":"8/DAWO,MAAMA,EAGRA,EAAGC,gBAAeC,gBAErBC,cACEF,EAAcG,KAAKC,8BACnB,GAAIA,EAAKC,OAASC,EAAWC,SAC5B,OACCL,EAAAM,EAAA,CAAAC,SACoC,QAAjCC,EAAAN,EAAKO,aAA4B,IAAAD,OAAA,EAAAA,EAAAP,KAAKS,YAAQ,OAC/CV,EAACW,EAAG,CACHC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIH,GACjDI,MAAO,CAAEC,OAAQ,WAEjBC,QAAgC,QAAvBC,EAAW,QAAXT,EAAAE,EAAIQ,aAAO,IAAAV,OAAA,EAAAA,EAAAW,MAAM,EAAG,WAAG,IAAAF,EAAAA,EAAI,GACpCd,KAAK,UACLiB,MAAM,QACNC,aAAcC,GAJT,GAAGpB,EAAKW,MAAOH,EAAqBD,QAKxC,MAMN,GAAIP,EAAKC,OAASC,EAAWmB,KAC5B,OACCvB,EAACW,EACA,CAAAC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QAASQ,EAAWtB,EAAKO,OACzBN,KAAK,UACLiB,MAAM,QACNC,aAAcC,GAJTpB,EAAKW,IASb,GAAIX,EAAKC,OAASC,EAAWqB,UAC5B,OACCzB,EAACW,EAAG,CACHC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QAAS,GAAGQ,EAAwB,QAAbP,EAAAf,EAAKO,aAAQ,IAAAQ,OAAA,EAAAA,EAAA,UAAUO,EACnC,QAAVE,EAAAxB,EAAKO,aAAK,IAAAiB,OAAA,EAAAA,EAAG,MAEdvB,KAAK,UACLiB,MAAM,QACNC,aAAcC,GANTpB,EAAKW,IAcb,OAHCX,EAAKC,OAASC,EAAWuB,OACa,UAAP,QAA3BC,EAAA1B,EAAKO,aAAsB,IAAAmB,OAAA,EAAAA,EAAEV,aAAK,IAAAW,EAAAA,EAAI,GACb,QAA1BC,EAAU,QAAVC,EAAA7B,EAAKO,aAAK,IAAAsB,OAAA,EAAAA,EAAEC,kBAAc,IAAAF,EAAAA,EAAA,IAK7B9B,EAACW,EACA,CAAAC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QACCd,EAAKC,OAASC,EAAWuB,OACa,UAAP,QAA3BM,EAAA/B,EAAKO,aAAsB,IAAAwB,OAAA,EAAAA,EAAEf,aAAK,IAAAgB,EAAAA,EAAI,GACjB,QAAtBC,EAAY,QAAZC,EAAAlC,EAAKO,aAAO,IAAA2B,OAAA,EAAAA,EAAAJ,kBAAU,IAAAG,EAAAA,EAAI,GAE9BhC,KAAK,UACLiB,MAAM,QACNC,aAAcC,GARTpB,EAAKW,IANJb,OAeL"}
+{"version":3,"file":"FilterChipListRenderer.js","sources":["../../../../../src/components/SearchFilter/components/FilterChipListRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { formatDate } from '@src/components/analytics-chips-and-dropdowns';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Tag } from '@src/components/tag';\nimport CrossIcon from '../../../assets/icons/cross.svg';\nimport {\n\tFilterType,\n\tFilterValueType,\n\tSearchFilterOutputState,\n} from '../types/SearchFilter.type';\n\nexport const FilterChipListRenderer: React.FC<{\n\tselectedState: SearchFilterOutputState[];\n\tonDeSelect: (id: string, value: FilterValueType) => void;\n}> = ({ selectedState, onDeSelect }) => {\n\treturn (\n\t\t<>\n\t\t\t{selectedState.map((item) => {\n\t\t\t\tif (item.type === FilterType.Multiple) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{(item.value as DropdownOption[])?.map((val) => (\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, val)}\n\t\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\tkey={`${item.id}-${(val as SingleOption).value}`}\n\t\t\t\t\t\t\t\t\ttagText={val.label?.slice(0, 10) ?? ''}\n\t\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\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);\n\t\t\t\t}\n\n\t\t\t\tif (item.type === FilterType.Date) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\ttagText={formatDate(item.value as Date)}\n\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (item.type === FilterType.DateRange) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\ttagText={`${formatDate(item.value?.[0])} to ${formatDate(\n\t\t\t\t\t\t\t\titem.value?.[1],\n\t\t\t\t\t\t\t)}`}\n\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst tagText =\n\t\t\t\t\titem.type === FilterType.Single\n\t\t\t\t\t\t? (item.value as SingleOption)?.label ?? ''\n\t\t\t\t\t\t: item.value?.toString() ?? '';\n\t\t\t\tif (!tagText) {\n\t\t\t\t\treturn <></>;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\titem.type === FilterType.Single\n\t\t\t\t\t\t\t\t? (item.value as SingleOption)?.label ?? ''\n\t\t\t\t\t\t\t\t: item.value?.toString() ?? ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n};\n"],"names":["FilterChipListRenderer","_ref","selectedState","onDeSelect","_jsx","map","item","type","FilterType","Multiple","_Fragment","children","_a","value","val","Tag","onTrailingIconClicked","id","style","cursor","tagText","_b","label","slice","theme","TrailingIcon","CrossIcon","Date","formatDate","DateRange","_c","Single","_d","_e","_g","_f","toString","_h","_j","_l","_k"],"mappings":"8/DAWaA,MAAAA,EAGRC,IAAkC,IAAjCC,cAAEA,EAAaC,WAAEA,GAAYF,EAClC,OACCG,cACEF,EAAcG,KAAKC,8BACnB,GAAIA,EAAKC,OAASC,EAAWC,SAC5B,OACCL,EAAAM,EAAA,CAAAC,SACoC,QAAjCC,EAAAN,EAAKO,aAA4B,IAAAD,OAAA,EAAAA,EAAAP,KAAKS,YAAQ,OAC/CV,EAACW,EAAG,CACHC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIH,GACjDI,MAAO,CAAEC,OAAQ,WAEjBC,QAAgC,QAAvBC,EAAW,QAAXT,EAAAE,EAAIQ,aAAO,IAAAV,OAAA,EAAAA,EAAAW,MAAM,EAAG,WAAG,IAAAF,EAAAA,EAAI,GACpCd,KAAK,UACLiB,MAAM,QACNC,aAAcC,GAJT,GAAGpB,EAAKW,MAAOH,EAAqBD,QAKxC,MAMN,GAAIP,EAAKC,OAASC,EAAWmB,KAC5B,OACCvB,EAACW,EACA,CAAAC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QAASQ,EAAWtB,EAAKO,OACzBN,KAAK,UACLiB,MAAM,QACNC,aAAcC,GAJTpB,EAAKW,IASb,GAAIX,EAAKC,OAASC,EAAWqB,UAC5B,OACCzB,EAACW,EAAG,CACHC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QAAY,GAAAQ,EAAwB,QAAbP,EAAAf,EAAKO,aAAQ,IAAAQ,OAAA,EAAAA,EAAA,UAAUO,EACnC,QAAVE,EAAAxB,EAAKO,aAAK,IAAAiB,OAAA,EAAAA,EAAG,MAEdvB,KAAK,UACLiB,MAAM,QACNC,aAAcC,GANTpB,EAAKW,IAcb,OAHCX,EAAKC,OAASC,EAAWuB,OACa,UAAP,QAA3BC,EAAA1B,EAAKO,aAAsB,IAAAmB,OAAA,EAAAA,EAAEV,aAAK,IAAAW,EAAAA,EAAI,GACb,QAA1BC,EAAU,QAAVC,EAAA7B,EAAKO,aAAK,IAAAsB,OAAA,EAAAA,EAAEC,kBAAc,IAAAF,EAAAA,EAAA,IAK7B9B,EAACW,EACA,CAAAC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QACCd,EAAKC,OAASC,EAAWuB,OACa,UAAP,QAA3BM,EAAA/B,EAAKO,aAAsB,IAAAwB,OAAA,EAAAA,EAAEf,aAAK,IAAAgB,EAAAA,EAAI,GACjB,QAAtBC,EAAY,QAAZC,EAAAlC,EAAKO,aAAO,IAAA2B,OAAA,EAAAA,EAAAJ,kBAAU,IAAAG,EAAAA,EAAI,GAE9BhC,KAAK,UACLiB,MAAM,QACNC,aAAcC,GARTpB,EAAKW,IANJb,OAeL,KAGF"}

package/dist/esm/components/SearchFilter/index.js

@@ -1,2 +1,2 @@
-import{useRef as e,useState as t,createElement as i}from"react";import{jsxs as r,jsx as n}from"react/jsx-runtime";import{SearchBar as l}from"../searchBar/searchBar.js";import{FilterChipListRenderer as a}from"./components/FilterChipListRenderer.js";import{SearchFilterItem as s}from"./components/SearchFilterItem.js";import{FilterType as d}from"./types/SearchFilter.type.js";const c=({direction:c="row",schema:o,variant:u,onChange:p,showSelectedChips:f})=>{var v,m,h;const g=e(null!==(v=null==o?void 0:o.filter((e=>e.defaultValue)).map((e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))))&&void 0!==v?v:[]),[y,x]=t([]),j=o.find((e=>e.type===d.Search)),b=e=>{j&&"string"==typeof e&&w(j.id,e)},w=(e,t)=>{const i=o.find((t=>t.id===e)),r=[...y];if(i){const n=r.findIndex((t=>t.id===e));-1!==n?r[n]={id:i.id,value:t}:r.push({id:i.id,value:t});const l=g.current.find((t=>t.id===e));g.current=l?g.current.map((i=>i.id===e?{id:i.id,value:t,type:i.type,text:i.text}:i)):[...g.current,{id:e,value:t,type:i.type,text:i.text}],p(i.id,g.current,t),x([...r])}};return r("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[r("div",Object.assign({style:{display:"flex",flexDirection:c,gap:8,flexWrap:"wrap",alignItems:"row"===c?"center":"self-start"}},{children:[j&&n(l,{width:null!==(h=null===(m=j.width)||void 0===m?void 0:m.toString())&&void 0!==h?h:"100%",isEnabled:!0,onChange:b,onEnter:b,placeholder:j.text,variant:"small"}),n("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===c?"center":"self-start"}},{children:o.filter((e=>e.type!==d.Search)).map(((e,t)=>i(s,Object.assign({},e,{key:t,variant:u,onChange:t=>{w(e.id,t)}}))))}))]})),f&&n("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:n(a,{selectedState:g.current,onDeSelect:(e,t)=>{const i=o.find((t=>t.id===e));let r=[...y];i&&(i.type===d.Multiple?(r=r.map((i=>{if(i.id===e){const e=i.value.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},i),{value:e}):null}return i})).filter((e=>!!e)),g.current=g.current.map((i=>{var r;if(i.id===e){const e=null===(r=i.value)||void 0===r?void 0:r.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},i),{value:e}):null}return i})).filter((e=>!!e))):(r=r.filter((t=>t.id!==e)),g.current=g.current.filter((t=>t.id!==e))),p(i.id,g.current,t),x([...r]))}})}))]}))};export{c as SearchFilter};
+import{useRef as e,useState as t,createElement as i}from"react";import{jsxs as r,jsx as l}from"react/jsx-runtime";import{SearchBar as n}from"../searchBar/searchBar.js";import{FilterChipListRenderer as a}from"./components/FilterChipListRenderer.js";import{SearchFilterItem as s}from"./components/SearchFilterItem.js";import{FilterType as d}from"./types/SearchFilter.type.js";const c=c=>{let{direction:o="row",schema:u,variant:p,onChange:f,showSelectedChips:v}=c;var m,h,g;const y=e(null!==(m=null==u?void 0:u.filter((e=>e.defaultValue)).map((e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))))&&void 0!==m?m:[]),[x,j]=t([]),b=u.find((e=>e.type===d.Search)),w=e=>{b&&"string"==typeof e&&O(b.id,e)},O=(e,t)=>{const i=u.find((t=>t.id===e)),r=[...x];if(i){const l=r.findIndex((t=>t.id===e));-1!==l?r[l]={id:i.id,value:t}:r.push({id:i.id,value:t});const n=y.current.find((t=>t.id===e));y.current=n?y.current.map((i=>i.id===e?{id:i.id,value:t,type:i.type,text:i.text}:i)):[...y.current,{id:e,value:t,type:i.type,text:i.text}],f(i.id,y.current,t),j([...r])}};return r("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[r("div",Object.assign({style:{display:"flex",flexDirection:o,gap:8,flexWrap:"wrap",alignItems:"row"===o?"center":"self-start"}},{children:[b&&l(n,{width:null!==(g=null===(h=b.width)||void 0===h?void 0:h.toString())&&void 0!==g?g:"100%",isEnabled:!0,onChange:w,onEnter:w,placeholder:b.text,variant:"small"}),l("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===o?"center":"self-start"}},{children:u.filter((e=>e.type!==d.Search)).map(((e,t)=>i(s,Object.assign({},e,{key:t,variant:p,onChange:t=>{O(e.id,t)}}))))}))]})),v&&l("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:l(a,{selectedState:y.current,onDeSelect:(e,t)=>{const i=u.find((t=>t.id===e));let r=[...x];i&&(i.type===d.Multiple?(r=r.map((i=>{if(i.id===e){const e=i.value.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},i),{value:e}):null}return i})).filter((e=>!!e)),y.current=y.current.map((i=>{var r;if(i.id===e){const e=null===(r=i.value)||void 0===r?void 0:r.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},i),{value:e}):null}return i})).filter((e=>!!e))):(r=r.filter((t=>t.id!==e)),y.current=y.current.filter((t=>t.id!==e))),f(i.id,y.current,t),j([...r]))}})}))]}))};export{c as SearchFilter};
 //# sourceMappingURL=index.js.map