@bikdotai/bik-component-library 0.0.727-beta.34 → 0.0.727-beta.35

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

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

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

@@ -1 +1 @@
-import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";const s=()=>e.jsx(e.Fragment,{});export{s as default};
+import{jsx as t,Fragment as r}from"react/jsx-runtime";const e=()=>t(r,{});export{e as default};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,11 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{Spinner as s}from"../../spinner/Spinner.js";import{BodySecondary as o}from"../../TypographyStyle.js";import{COLORS as t}from"../../../constants/Theme.js";const n=r.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: ${t.surface.hovered};
-	border: 1px solid ${t.stroke.primary};
+	background: ${s.surface.hovered};
+	border: 1px solid ${s.stroke.primary};
 	border-radius: 4px;
-`,i=r=>{let{containerStyle:i}=r;return e.jsxs(n,Object.assign({style:Object.assign({},null!=i?i:{})},{children:[e.jsx(o,Object.assign({style:{color:t.content.secondary,flex:1}},{children:"Loading..."})),e.jsx(s,{size:"small",color:t.stroke.brand})]}))};export{i as default};
+`,l=o=>{let{containerStyle:l}=o;return r(i,Object.assign({style:Object.assign({},null!=l?l:{})},{children:[e(n,Object.assign({style:{color:s.content.secondary,flex:1}},{children:"Loading..."})),e(t,{size:"small",color:s.stroke.brand})]}))};export{l as default};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{j as o}from"../../../node_modules/react/jsx-runtime.js";import{useState as e}from"react";import{DatePicker as r}from"../../datePicker/DatePicker.js";import"react-calendar";import"../../../utils/DateUtils.js";import{DEFAULT_THEME as n}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as i}from"../../input/Input.js";import{InputStyleContext as s}from"../../input/context/InputStyleProvider.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{Tag as p}from"../../tag/Tag.js";import d from"../../../assets/icons/chevronDown.svg.js";import a from"../../../assets/icons/chevronDownOutline.svg.js";const l=l=>{var m,c,{text:j,onSelect:u,variant:g}=l,h=t(l,["text","onSelect","variant"]);const[w,v]=e(!1),[x,D]=e(null),y=(null===(m=h.width)||void 0===m?void 0:m.toString())?null===(c=h.width)||void 0===c?void 0:c.toString():x?12*(null==x?void 0:x.toDateString().length)+"px":12*j.length+"px";return o.jsxs("div",Object.assign({style:{position:"relative"}},{children:[o.jsx("div",Object.assign({onClick:()=>v((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"}},{children:"small"===g?o.jsx(p,{tagText:x?x.toDateString():null!=j?j:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:a}):o.jsx(s.Provider,Object.assign({value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}}},{children:o.jsx(i,{state:"disabled",value:x?x.toDateString():void 0,variant:"small",placeholder:null!=j?j:"Select a date",width:y,onChangeText:()=>{},rightIcon:{icon:()=>o.jsx(d,{style:{transform:w?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:n.colorsV2.content.primary})}})}))})),w&&o.jsx("div",Object.assign({style:{position:"absolute",top:"calc(100% + 8px)"}},{children:o.jsx(r,{selectRange:!1,onSelectDate:t=>{D(t),v(!1),u(t)}})}))]}))};l.displayName="DatePickerButton";export{l as DatePickerButton};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as r}from"react";import{DatePicker as n}from"../../datePicker/DatePicker.js";import"react-calendar";import"../../../utils/DateUtils.js";import{DEFAULT_THEME as i}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as p}from"../../input/Input.js";import{InputStyleContext as s}from"../../input/context/InputStyleProvider.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{Tag as d}from"../../tag/Tag.js";import a from"../../../assets/icons/chevronDown.svg.js";import l from"../../../assets/icons/chevronDownOutline.svg.js";const m=m=>{var c,u,{text:j,onSelect:g,variant:h}=m,w=t(m,["text","onSelect","variant"]);const[v,D]=r(!1),[y,x]=r(null),S=(null===(c=w.width)||void 0===c?void 0:c.toString())?null===(u=w.width)||void 0===u?void 0:u.toString():y?12*(null==y?void 0:y.toDateString().length)+"px":12*j.length+"px";return o("div",Object.assign({style:{position:"relative"}},{children:[e("div",Object.assign({onClick:()=>D((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"}},{children:"small"===h?e(d,{tagText:y?y.toDateString():null!=j?j:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:l}):e(s.Provider,Object.assign({value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}}},{children:e(p,{state:"disabled",value:y?y.toDateString():void 0,variant:"small",placeholder:null!=j?j:"Select a date",width:S,onChangeText:()=>{},rightIcon:{icon:()=>e(a,{style:{transform:v?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:i.colorsV2.content.primary})}})}))})),v&&e("div",Object.assign({style:{position:"absolute",top:"calc(100% + 8px)"}},{children:e(n,{selectRange:!1,onSelectDate:t=>{x(t),D(!1),g(t)}})}))]}))};m.displayName="DatePickerButton";export{m as DatePickerButton};

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

@@ -1 +1 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{j as o}from"../../../node_modules/react/jsx-runtime.js";import{useState as e}from"react";import{DatePicker as n}from"../../datePicker/DatePicker.js";import"react-calendar";import"../../../utils/DateUtils.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as i}from"../../input/Input.js";import{InputStyleContext as s}from"../../input/context/InputStyleProvider.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{Tag as p}from"../../tag/Tag.js";import d from"../../../assets/icons/chevronDown.svg.js";import l from"../../../assets/icons/chevronDownOutline.svg.js";const a=a=>{var m,c,u,{text:j,onSelect:g,variant:h}=a,w=t(a,["text","onSelect","variant"]);const[v,x]=e(!1),[D,y]=e(null),S=(null===(m=w.width)||void 0===m?void 0:m.toString())?null===(c=w.width)||void 0===c?void 0:c.toString():D?12*(null===(u=D[0])||void 0===u?void 0:u.toDateString().length)*2+"px":12*j.length+"px";return o.jsxs("div",Object.assign({style:{position:"relative"}},{children:[o.jsx("div",Object.assign({onClick:()=>x((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"}},{children:"small"===h?o.jsx(p,{tagText:(null==D?void 0:D.length)?`${D[0].toDateString()} - ${D[1].toDateString()}`:null!=j?j:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:l}):o.jsx(s.Provider,Object.assign({value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}}},{children:o.jsx(i,{state:"disabled",value:(null==D?void 0:D.length)?`${D[0].toDateString()} - ${D[1].toDateString()}`:null!=j?j:"",variant:"small",placeholder:null!=j?j:"Select a date",width:S,onChangeText:()=>{},rightIcon:{icon:()=>o.jsx(d,{style:{transform:v?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:r.colorsV2.content.primary})}})}))})),v&&o.jsx("div",Object.assign({style:{position:"absolute",top:"calc(100% + 8px)"}},{children:o.jsx(n,{selectRange:!0,onSelectRange:(t,o)=>{y([t,o]),x(!1),g([t,o])}})}))]}))};a.displayName="DateRangeOnlyButton";export{a as DateRangeOnlyButton};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as n}from"react";import{DatePicker as r}from"../../datePicker/DatePicker.js";import"react-calendar";import"../../../utils/DateUtils.js";import{DEFAULT_THEME as i}from"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as p}from"../../input/Input.js";import{InputStyleContext as s}from"../../input/context/InputStyleProvider.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{Tag as d}from"../../tag/Tag.js";import l from"../../../assets/icons/chevronDown.svg.js";import a from"../../../assets/icons/chevronDownOutline.svg.js";const m=m=>{var c,u,g,{text:h,onSelect:j,variant:w}=m,v=t(m,["text","onSelect","variant"]);const[D,y]=n(!1),[S,x]=n(null),f=(null===(c=v.width)||void 0===c?void 0:c.toString())?null===(u=v.width)||void 0===u?void 0:u.toString():S?12*(null===(g=S[0])||void 0===g?void 0:g.toDateString().length)*2+"px":12*h.length+"px";return o("div",Object.assign({style:{position:"relative"}},{children:[e("div",Object.assign({onClick:()=>y((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"}},{children:"small"===w?e(d,{tagText:(null==S?void 0:S.length)?`${S[0].toDateString()} - ${S[1].toDateString()}`:null!=h?h:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:a}):e(s.Provider,Object.assign({value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}}},{children:e(p,{state:"disabled",value:(null==S?void 0:S.length)?`${S[0].toDateString()} - ${S[1].toDateString()}`:null!=h?h:"",variant:"small",placeholder:null!=h?h:"Select a date",width:f,onChangeText:()=>{},rightIcon:{icon:()=>e(l,{style:{transform:D?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:i.colorsV2.content.primary})}})}))})),D&&e("div",Object.assign({style:{position:"absolute",top:"calc(100% + 8px)"}},{children:e(r,{selectRange:!0,onSelectRange:(t,o)=>{x([t,o]),y(!1),j([t,o])}})}))]}))};m.displayName="DateRangeOnlyButton";export{m as DateRangeOnlyButton};

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

@@ -1 +1 @@
-import{j as t}from"../../../node_modules/react/jsx-runtime.js";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{formatDate as a}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 r}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"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.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 i from"../../../assets/icons/cross.svg.js";import{FilterType as o}from"../types/SearchFilter.type.js";const n=n=>{let{selectedState:e,onDeSelect:l}=n;return t.jsx(t.Fragment,{children:e.map((n=>{var e,s,p,d,c,h,m,u,y,v,j;if(n.type===o.Multiple)return t.jsx(t.Fragment,{children:null===(e=n.value)||void 0===e?void 0:e.map((a=>{var o,e;return t.jsx(r,{onTrailingIconClicked:()=>l(n.id,a),style:{cursor:"pointer"},tagText:null!==(e=null===(o=a.label)||void 0===o?void 0:o.slice(0,10))&&void 0!==e?e:"",type:"neutral",theme:"light",TrailingIcon:i},`${n.id}-${a.value}`)}))});if(n.type===o.Date)return t.jsx(r,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:a(n.value),type:"neutral",theme:"light",TrailingIcon:i},n.id);if(n.type===o.DateRange)return t.jsx(r,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:`${a(null===(s=n.value)||void 0===s?void 0:s[0])} to ${a(null===(p=n.value)||void 0===p?void 0:p[1])}`,type:"neutral",theme:"light",TrailingIcon:i},n.id);return(n.type===o.Single?null!==(c=null===(d=n.value)||void 0===d?void 0:d.label)&&void 0!==c?c:"":null!==(m=null===(h=n.value)||void 0===h?void 0:h.toString())&&void 0!==m?m:"")?t.jsx(r,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:n.type===o.Single?null!==(y=null===(u=n.value)||void 0===u?void 0:u.label)&&void 0!==y?y:"":null!==(j=null===(v=n.value)||void 0===v?void 0:v.toString())&&void 0!==j?j:"",type:"neutral",theme:"light",TrailingIcon:i},n.id):t.jsx(t.Fragment,{})}))})};export{n 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"../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.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};

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

@@ -1 +1 @@
-import{j as t}from"../../../node_modules/react/jsx-runtime.js";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}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/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.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"../../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{ChipDropdown as e}from"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as n}from"../types/SearchFilter.type.js";import{DatePickerButton as r}from"./DatePickerButton.js";import{DateRangeOnlyButton as i}from"./DateRangeOnlyButton.js";const s=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],p=p=>{var d,c,l;return p.type===n.Date?t.jsx(r,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):p.type===n.DateRange?p.rangePickerDateOnly?t.jsx(i,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):t.jsx(o,{datePickerPlacement:p.datePickerPlacement,variant:p.variant,placeholder:p.text,options:p.preset?s:null!==(d=p.options)&&void 0!==d?d:[],onOptionSelected:function(t){var o,a;t.selectedRange&&p.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(a=t.selectedRange)||void 0===a?void 0:a[1]])}},p.id):"small"===p.variant?t.jsx(e,{isMultiSelect:p.type===n.Multiple,options:null!==(c=p.options)&&void 0!==c?c:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text}):t.jsx(a,{isMultiSelect:p.type===n.Multiple,size:"small",options:null!==(l=p.options)&&void 0!==l?l:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text,width:10*p.text.length+"px"})};export{p as SearchFilterItem};
+import{jsx as t}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}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/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.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"../../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{ChipDropdown as e}from"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as r}from"../types/SearchFilter.type.js";import{DatePickerButton as n}from"./DatePickerButton.js";import{DateRangeOnlyButton as i}from"./DateRangeOnlyButton.js";const p=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],s=s=>{var d,c,l;return s.type===r.Date?t(n,Object.assign({},s,{variant:s.variant,onSelect:t=>s.onChange(t)})):s.type===r.DateRange?s.rangePickerDateOnly?t(i,Object.assign({},s,{variant:s.variant,onSelect:t=>s.onChange(t)})):t(o,{datePickerPlacement:s.datePickerPlacement,variant:s.variant,placeholder:s.text,options:s.preset?p:null!==(d=s.options)&&void 0!==d?d:[],onOptionSelected:function(t){var o,a;t.selectedRange&&s.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(a=t.selectedRange)||void 0===a?void 0:a[1]])}},s.id):"small"===s.variant?t(e,{isMultiSelect:s.type===r.Multiple,options:null!==(c=s.options)&&void 0!==c?c:[],defaultOptions:s.defaultValue,onSelect:s.onChange,placeHolder:s.text}):t(a,{isMultiSelect:s.type===r.Multiple,size:"small",options:null!==(l=s.options)&&void 0!==l?l:[],defaultOptions:s.defaultValue,onSelect:s.onChange,placeHolder:s.text,width:10*s.text.length+"px"})};export{s as SearchFilterItem};

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

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

package/dist/esm/components/TablePagination/TablePagination.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import o from"../../assets/icons/chevronLeft.svg.js";import t from"../../assets/icons/chevronRight.svg.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as s}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import{BodySecondary as n}from"../TypographyStyle.js";import{DEFAULT_THEME as r}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledTablePaginationContainer as i,StyledPagingContainer as p}from"./TablePagination.styled.js";const d=d=>{let{pageNumber:c,pageSize:l,totalRows:a,updatePageNumber:m,updatePageSize:j,hidePageSizeOptions:h,showTotalText:w}=d;const g=r.colorsV2,u=(c-1)*l+1,x=(c-1)*l+l,y=Math.ceil(a/l),b=1==y;let O=[];O=y>=5?c===y?[c-4,c-3,c-2,c-1,c]:1===c?[c,c+1,c+2,c+3,c+4]:2===c?[c-1,c,c+1,c+2,c+3]:c===y-1?[c-3,c-2,c-1,c,c+1]:[c-2,c-1,c,c+1,c+2]:Array.from({length:y},((e,o)=>o+1));const v=[{label:"5 rows per page",value:"5",selected:5===l},{label:"10 rows per page",value:"10",selected:10===l},{label:"20 rows per page",value:"20",selected:20===l}];return e.jsxs(i,{children:[!h&&e.jsx("div",{children:e.jsx(s,{size:"small",options:v,onSelect:j,width:"162px"})}),e.jsxs("div",Object.assign({className:"paging__container"},{children:[!h&&a&&e.jsxs(n,Object.assign({style:{color:g.content.placeholder}},{children:["Showing ",u,"-",x>a?a:x," of"," ",a," results"]})),e.jsxs("div",Object.assign({className:"pages__buttons-container"},{children:[!b&&e.jsx(p,Object.assign({active:!1,onClick:()=>{1!==c&&m(Math.max(c-1,1))},disabled:1===c},{children:e.jsx(o,{color:g.content.secondary,height:14,width:14})})),O.map((o=>e.jsx(p,Object.assign({active:o==c,onClick:()=>m(o),style:{display:1==o&&a<=l?"none":"flex"}},{children:e.jsx(n,Object.assign({style:{color:o==c?g.content.primaryInverse:g.content.secondary}},{children:o}))}),o))),!b&&e.jsx(p,Object.assign({isLast:!0,active:!1,onClick:()=>{c!==y&&m(Math.min(c+1,y))},disabled:c===y},{children:e.jsx(t,{color:g.content.secondary,height:14,width:14})}))]})),h&&a&&w&&e.jsxs(n,Object.assign({style:{color:g.content.placeholder}},{children:["Showing ",u,"-",x>a?a:x," of"," ",a," results"]}))]}))]})};export{d as TablePagination};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import n from"../../assets/icons/chevronRight.svg.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import{BodySecondary as s}from"../TypographyStyle.js";import{DEFAULT_THEME as i}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledTablePaginationContainer as p,StyledPagingContainer as d}from"./TablePagination.styled.js";const c=c=>{let{pageNumber:l,pageSize:a,totalRows:m,updatePageNumber:h,updatePageSize:w,hidePageSizeOptions:j,showTotalText:g}=c;const u=i.colorsV2,y=(l-1)*a+1,b=(l-1)*a+a,O=Math.ceil(m/a),v=1==O;let f=[];f=O>=5?l===O?[l-4,l-3,l-2,l-1,l]:1===l?[l,l+1,l+2,l+3,l+4]:2===l?[l-1,l,l+1,l+2,l+3]:l===O-1?[l-3,l-2,l-1,l,l+1]:[l-2,l-1,l,l+1,l+2]:Array.from({length:O},((e,o)=>o+1));return e(p,{children:[!j&&o("div",{children:o(r,{size:"small",options:[{label:"5 rows per page",value:"5",selected:5===a},{label:"10 rows per page",value:"10",selected:10===a},{label:"20 rows per page",value:"20",selected:20===a}],onSelect:w,width:"162px"})}),e("div",Object.assign({className:"paging__container"},{children:[!j&&m&&e(s,Object.assign({style:{color:u.content.placeholder}},{children:["Showing ",y,"-",b>m?m:b," of"," ",m," results"]})),e("div",Object.assign({className:"pages__buttons-container"},{children:[!v&&o(d,Object.assign({active:!1,onClick:()=>{1!==l&&h(Math.max(l-1,1))},disabled:1===l},{children:o(t,{color:u.content.secondary,height:14,width:14})})),f.map((e=>o(d,Object.assign({active:e==l,onClick:()=>h(e),style:{display:1==e&&m<=a?"none":"flex"}},{children:o(s,Object.assign({style:{color:e==l?u.content.primaryInverse:u.content.secondary}},{children:e}))}),e))),!v&&o(d,Object.assign({isLast:!0,active:!1,onClick:()=>{l!==O&&h(Math.min(l+1,O))},disabled:l===O},{children:o(n,{color:u.content.secondary,height:14,width:14})}))]})),j&&m&&g&&e(s,Object.assign({style:{color:u.content.placeholder}},{children:["Showing ",y,"-",b>m?m:b," of"," ",m," results"]}))]}))]})};export{c as TablePagination};

package/dist/esm/components/TablePagination/TablePaginationCard.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TablePaginationProps } from "./TablePagination";
 export declare const TablePaginationCardStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 } & {
     removeBorder?: boolean | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/TablePagination/TablePaginationCard.js

@@ -1 +1 @@
-import c from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import{TablePagination as b}from"./TablePagination.js";import{COLORS as m}from"../../constants/Theme.js";const d=c("div","production"===process.env.NODE_ENV?{target:"exfv5q90"}:{target:"exfv5q90",label:"TablePaginationCardStyled"})("background:",m.surface.standard,";border:",(c=>c.removeBorder?0:1),"px solid ",m.stroke.primary,";border-radius:4px;display:flex;justify-content:center;margin:auto;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlUGFnaW5hdGlvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvRCIsImZpbGUiOiJUYWJsZVBhZ2luYXRpb25DYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgVGFibGVQYWdpbmF0aW9uLCB9IGZyb20gXCIuL1RhYmxlUGFnaW5hdGlvblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUYWJsZVBhZ2luYXRpb25DYXJkU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMucmVtb3ZlQm9yZGVyID8gMCA6IDEpfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5gO1xyXG5leHBvcnQgY29uc3QgVGFibGVQYWdpbmF0aW9uQ2FyZCA9IChwcm9wcykgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4KFRhYmxlUGFnaW5hdGlvbkNhcmRTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyByZW1vdmVCb3JkZXI6IHByb3BzLnJlbW92ZUJvcmRlciB9LCB7IGNoaWxkcmVuOiBfanN4KFRhYmxlUGFnaW5hdGlvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJsZVBhZ2luYXRpb25DYXJkLmpzLm1hcCJdfQ== */")),n=c=>e.jsx(d,Object.assign({removeBorder:c.removeBorder},{children:e.jsx(b,Object.assign({},c))}));export{n as TablePaginationCard,d as TablePaginationCardStyled};
+import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{TablePagination as e}from"./TablePagination.js";import{COLORS as m}from"../../constants/Theme.js";const n=c("div","production"===process.env.NODE_ENV?{target:"exfv5q90"}:{target:"exfv5q90",label:"TablePaginationCardStyled"})("background:",m.surface.standard,";border:",(c=>c.removeBorder?0:1),"px solid ",m.stroke.primary,";border-radius:4px;display:flex;justify-content:center;margin:auto;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlUGFnaW5hdGlvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvRCIsImZpbGUiOiJUYWJsZVBhZ2luYXRpb25DYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgVGFibGVQYWdpbmF0aW9uLCB9IGZyb20gXCIuL1RhYmxlUGFnaW5hdGlvblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUYWJsZVBhZ2luYXRpb25DYXJkU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMucmVtb3ZlQm9yZGVyID8gMCA6IDEpfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5gO1xyXG5leHBvcnQgY29uc3QgVGFibGVQYWdpbmF0aW9uQ2FyZCA9IChwcm9wcykgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4KFRhYmxlUGFnaW5hdGlvbkNhcmRTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyByZW1vdmVCb3JkZXI6IHByb3BzLnJlbW92ZUJvcmRlciB9LCB7IGNoaWxkcmVuOiBfanN4KFRhYmxlUGFnaW5hdGlvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJsZVBhZ2luYXRpb25DYXJkLmpzLm1hcCJdfQ== */")),a=c=>b(n,Object.assign({removeBorder:c.removeBorder},{children:b(e,Object.assign({},c))}));export{a as TablePaginationCard,n as TablePaginationCardStyled};

package/dist/esm/components/TypographyStyle.d.ts

@@ -1,8 +1,3 @@
-interface customStyles {
-    fontWeight?: number;
-    fontSize?: number;
-    width?: number;
-}
 export declare const TitleXlarge: import("styled-components").StyledComponent<"div", any, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
@@ -42,7 +37,6 @@ export declare const BodyPrimary: import("styled-components").StyledComponent<"d
 export declare const BodySecondary: import("styled-components").StyledComponent<"div", any, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-    customStyles?: customStyles | undefined;
 }, never>;
 export declare const ButtonRegularAI: import("styled-components").StyledComponent<"div", any, {
     numberOfLines?: number | undefined;
@@ -56,7 +50,6 @@ export declare const BodyPrimaryLink: import("styled-components").StyledComponen
 export declare const BodySecondaryLink: import("styled-components").StyledComponent<"div", any, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-    customStyles?: customStyles | undefined;
 }, never>;
 export declare const BodyCaption: import("styled-components").StyledComponent<"div", any, {
     numberOfLines?: number | undefined;
@@ -118,4 +111,3 @@ export declare const Tiny: import("styled-components").StyledComponent<"div", an
     numberOfLines?: number | undefined;
     color?: string | undefined;
 }, never>;
-export {};

package/dist/esm/components/TypographyStyle.js

@@ -90,10 +90,9 @@ import e from"styled-components";import{COLORS as i,FONTS as t}from"../constants
 	-webkit-line-clamp: ${e=>e.numberOfLines};
 `,g=e.div`
 	font-family: Inter;
-	width: ${e=>{var i;return o(null===(i=e.customStyles)||void 0===i?void 0:i.width)}};
 	color: ${e=>e.color||i.text.primary};
-	font-weight: ${e=>{var i;return(null===(i=e.customStyles)||void 0===i?void 0:i.fontWeight)||t.bodySecondary.fontWeight}};
-	font-size: ${e=>{var i;return o(null===(i=e.customStyles)||void 0===i?void 0:i.fontSize)||o(t.bodySecondary.fontSize)}};
+	font-weight: ${t.bodySecondary.fontWeight};
+	font-size: ${o(t.bodySecondary.fontSize)};
 	line-height: ${o(t.bodySecondary.lineHeight)};
 	-webkit-box-orient: vertical;
 	overflow: hidden;
@@ -125,7 +124,7 @@ import e from"styled-components";import{COLORS as i,FONTS as t}from"../constants
 	color: ${i.content.brand};
 	text-decoration-color: ${i.content.brand};
 	cursor: pointer;
-`,y=e.div`
+`,p=e.div`
 	font-family: Inter;
 	color: ${e=>e.color||i.text.primary};
 	font-weight: ${t.caption.fontWeight};
@@ -137,7 +136,7 @@ import e from"styled-components";import{COLORS as i,FONTS as t}from"../constants
 	-webkit-line-clamp: ${e=>e.numberOfLines};
 	word-break: break-word;
 	overflow-wrap: break-word;
-`,p=e.div`
+`,y=e.div`
 	font-family: Inter;
 	color: ${e=>e.color||i.text.primary};
 	font-weight: ${t.caption.fontWeight};
@@ -162,7 +161,7 @@ import e from"styled-components";import{COLORS as i,FONTS as t}from"../constants
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${e=>e.numberOfLines};
-`,s=e.div`
+`,k=e.div`
 	color: ${e=>e.color||i.text.primary};
 	font-weight: ${t.tiny.fontWeight};
 	font-size: ${o(t.tiny.fontSize)};
@@ -177,7 +176,7 @@ import e from"styled-components";import{COLORS as i,FONTS as t}from"../constants
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	text-fill-color: transparent;
-`,k=e.div`
+`,s=e.div`
 	font-family: Inter;
 	color: ${e=>e.color||i.text.primary};
 	font-weight: ${t.buttonLarge.fontWeight};
@@ -223,7 +222,7 @@ import e from"styled-components";import{COLORS as i,FONTS as t}from"../constants
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${e=>e.numberOfLines};
-`,S=e.div`
+`,L=e.div`
 	font-family: Inter;
 	color: ${e=>e.color||i.text.primary};
 	font-weight: ${t.bodyRegular.fontWeight};
@@ -233,7 +232,7 @@ import e from"styled-components";import{COLORS as i,FONTS as t}from"../constants
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${e=>e.numberOfLines};
-`,L=e.div`
+`,S=e.div`
 	font-family: Inter;
 	color: ${i.text.primary};
 	font-weight: ${t.caption.fontWeight};
@@ -253,7 +252,7 @@ import e from"styled-components";import{COLORS as i,FONTS as t}from"../constants
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${e=>e.numberOfLines};
-`,W=e.div`
+`,O=e.div`
 	font-family: Inter;
 	color: ${i.text.primary};
 	font-weight: ${t.title4.fontWeight};
@@ -263,7 +262,7 @@ import e from"styled-components";import{COLORS as i,FONTS as t}from"../constants
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${e=>e.numberOfLines};
-`,O=e.div`
+`,W=e.div`
 	font-family: Inter;
 	color: ${i.text.primary};
 	font-weight: ${t.bodySmall.fontWeight};
@@ -293,4 +292,4 @@ import e from"styled-components";import{COLORS as i,FONTS as t}from"../constants
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-line-clamp: ${e=>e.numberOfLines};
-`;export{p as AiBodyCaption,s as AiBodyTiny,y as BodyCaption,c as BodyLarge,h as BodyPrimary,$ as BodyPrimaryLink,S as BodyRegular,g as BodySecondary,m as BodySecondaryLink,O as BodySmall,x as BodyTiny,k as ButtonLarge,v as ButtonLargeAI,u as ButtonRegular,w as ButtonRegularAI,L as Caption,I as CaptionBold,d as Display,a as SmallRegular,z as SubHeading,H as TextPlaceholder,R as Tiny,W as TitleFour,l as TitleLarge,r as TitleMedium,f as TitleRegular,b as TitleSmall,n as TitleXlarge};
+`;export{y as AiBodyCaption,k as AiBodyTiny,p as BodyCaption,c as BodyLarge,h as BodyPrimary,$ as BodyPrimaryLink,L as BodyRegular,g as BodySecondary,m as BodySecondaryLink,W as BodySmall,x as BodyTiny,s as ButtonLarge,v as ButtonLargeAI,u as ButtonRegular,w as ButtonRegularAI,S as Caption,I as CaptionBold,d as Display,a as SmallRegular,z as SubHeading,H as TextPlaceholder,R as Tiny,O as TitleFour,l as TitleLarge,r as TitleMedium,f as TitleRegular,b as TitleSmall,n as TitleXlarge};

package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isError: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TextSpace: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
 export declare const OuterContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;