@bikdotai/bik-component-library 0.0.13-beta.33 → 0.0.13-beta.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("react"),t=require("../../../components/AllowedListDropdown.js"),a=require("../../../components/Connectors/Connector.js"),l=require("../../../helpers/ApiResponse.helper.js"),n=require("../../../hooks/useQueryBuilder.js"),i=require("../../../hooks/useQueryBuilderCache.js"),u=require("../../../types/QueryBuilder.type.js"),d=require("../../../types/QueryBuilderOperator.type.js"),v=require("../../../components/DropdownWrapper.js"),s=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const p=new l.ApiResponseHelper;exports.default=l=>{let{node:y,allowedNodes:c,apiHandler:f,mode:T,selectorKey:_}=l;var j,O,m,h,q,C,g,B,b,E,k,x,N,Q,P,S,w,A;const[R,V]=o.useState([]),[D,M]=o.useState(!1),{deleteProperty:L,createProperty:$,selectType:F,createMeta:H,updateMeta:J,updateProperty:U,selectPropertyJoinOperator:W,clearProperty:Y}=n.useQueryBuilder(_),{cacheWrap:G}=i.useQueryBuilderCache(),K=null===(j=null==y?void 0:y.metas)||void 0===j?void 0:j.find((e=>"date"===e.key)),z=null===(O=null==y?void 0:y.metas)||void 0===O?void 0:O.find((e=>"frequency"===e.key)),I=null===(m=null==y?void 0:y.metas)||void 0===m?void 0:m.find((e=>"eventName"===e.key)),[X,Z]=o.useState(!1),[ee,re]=o.useState(!1),oe=e=>G((()=>f({query:{eventName:e}})),`EVENT_NAMES_${e}`),te=(e,r)=>G((()=>f({query:{eventName:e,propertyName:r}})),`EVENT_NAMES_${e}_${r}`);return o.useEffect((()=>{G((()=>f({})),"EVENT_NAMES").then((e=>{const r=p.convertToGroupOptions(e);if("create"!==T&&I)return V([...r.map((e=>Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:e.value===I.value})))})))]),void M(!0);V([...r]),M(!0)}))}),[]),r.jsx(s.BaseQueryBuilderNode,Object.assign({selectPropertyJoinOperator:W,node:y,addPropertyBtnText:(null==I?void 0:I.value)&&"Add event property",deleteProperty:L,createProperty:$,propertySelectorText:"Select property",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){return yield oe(null==I?void 0:I.value)}))},onPropertyNameSelect:function(r,o){return e.__awaiter(this,void 0,void 0,(function*(){if(U(Object.assign(Object.assign({},o),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),y._id),!r.needValuesRetrieval)return[];const e=yield te(null==I?void 0:I.value,r.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,r){U(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),y._id)},onPropertyValueChange:function(e,r){U(Object.assign(Object.assign({},r),{value:e,error:{}}),y._id)},mode:T},{children:r.jsxs("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[r.jsx(t.default,{disabled:"view"===T,selectedType:y.type,allowedList:c,onSelect:e=>F(e.value,y._id)}),r.jsx(v.default,{disabled:"view"===T,width:"200px",dropdownLabel:"Select event name",options:R,onSelect:function(e){Array.isArray(e)||(Y(y._id),I?J({key:"eventName",value:e.value,error:{}},y._id):H({key:"eventName",value:e.value},y._id),z?(Z(!0),setTimeout((()=>{J({key:"frequency",value:{dataType:u.QueryBuilderConnectorType.frequency,operator:d.FREQUENCY_OPERATORS.atleast},error:{}},y._id),Z(!1)}),1)):H({key:"frequency",value:{dataType:u.QueryBuilderConnectorType.frequency,operator:d.FREQUENCY_OPERATORS.atleast}},y._id),K?(re(!0),setTimeout((()=>{J({key:"date",value:{dataType:u.QueryBuilderConnectorType.date,operator:d.DATE_OPERATORS["last month"]},error:{}},y._id),re(!1)}),1)):H({key:"date",value:{dataType:u.QueryBuilderConnectorType.date,operator:d.DATE_OPERATORS["last month"]}},y._id))},error:null!==(b=null!==(g=null===(C=null===(q=null===(h=y.metas)||void 0===h?void 0:h[0])||void 0===q?void 0:q.error)||void 0===C?void 0:C.key)&&void 0!==g?g:null===(B=null==I?void 0:I.error)||void 0===B?void 0:B.key)&&void 0!==b?b:null===(E=null==I?void 0:I.error)||void 0===E?void 0:E.value})]})),(null==z?void 0:z.key)&&!X&&r.jsx(a.default,{disabled:"view"===T,extra:{},errors:{val:null===(x=null===(k=z.error)||void 0===k?void 0:k.value)||void 0===x?void 0:x.value,operator:null===(Q=null===(N=z.error)||void 0===N?void 0:N.value)||void 0===Q?void 0:Q.operator},connectorVal:z.value.value,connectorType:z.value.dataType,defaultConnector:z.value.operator,onOperatorChange:function(e){J({key:"frequency",value:{dataType:u.QueryBuilderConnectorType.frequency,operator:e,value:void 0},error:{}},y._id)},onValueChange:function(e){var r;D&&J({key:"frequency",value:{dataType:u.QueryBuilderConnectorType.frequency,operator:null===(r=null==z?void 0:z.value)||void 0===r?void 0:r.operator,value:e},error:{}},y._id)}}),(null==K?void 0:K.key)&&!ee&&r.jsx(a.default,{disabled:"view"===T,extra:{},errors:{val:null===(S=null===(P=K.error)||void 0===P?void 0:P.value)||void 0===S?void 0:S.value,operator:null===(A=null===(w=K.error)||void 0===w?void 0:w.value)||void 0===A?void 0:A.operator},connectorVal:K.value.value,connectorType:K.value.dataType,defaultConnector:K.value.operator,onOperatorChange:function(e){J({key:"date",value:{dataType:u.QueryBuilderConnectorType.date,operator:e,value:void 0},error:{}},y._id)},onValueChange:function(e){var r;D&&J({key:"date",value:{dataType:u.QueryBuilderConnectorType.date,operator:null===(r=null==K?void 0:K.value)||void 0===r?void 0:r.operator,value:e},error:{}},y._id)}})]}))}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("react"),t=require("../../../components/AllowedListDropdown.js"),a=require("../../../components/Connectors/Connector.js"),l=require("../../../helpers/ApiResponse.helper.js"),u=require("../../../hooks/useQueryBuilder.js"),n=require("../../../hooks/useQueryBuilderCache.js"),i=require("../../../types/QueryBuilder.type.js"),d=require("../../../types/QueryBuilderOperator.type.js"),v=require("../../../components/DropdownWrapper.js"),s=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const p=new l.ApiResponseHelper;exports.default=l=>{let{node:y,allowedNodes:c,apiHandler:f,mode:T,selectorKey:_}=l;var j,m,O,h,q,C,B,E,k,x,N,Q,P,S,g,b,w,A;const[R,V]=o.useState([]),[D,M]=o.useState(!1),{deleteProperty:L,createProperty:$,selectType:F,createMeta:H,updateMeta:J,updateProperty:U,selectPropertyJoinOperator:W,clearProperty:Y}=u.useQueryBuilder(_),{cacheWrap:G}=n.useQueryBuilderCache(),K=null===(j=null==y?void 0:y.metas)||void 0===j?void 0:j.find((e=>"date"===e.key)),z=null===(m=null==y?void 0:y.metas)||void 0===m?void 0:m.find((e=>"frequency"===e.key)),I=null===(O=null==y?void 0:y.metas)||void 0===O?void 0:O.find((e=>"eventName"===e.key)),[X,Z]=o.useState(!1),[ee,re]=o.useState(!1),[oe,te]=o.useState(!1),ae=e=>G((()=>f({query:{eventName:e}})),`EVENT_NAMES_${e}`),le=(e,r)=>G((()=>f({query:{eventName:e,propertyName:r}})),`EVENT_NAMES_${e}_${r}`);return o.useEffect((()=>{G((()=>f({})),"EVENT_NAMES").then((e=>{const r=p.convertToGroupOptions(e,(null==I?void 0:I.value)?[I.value]:void 0);if("create"!==T&&I)return V([...r]),void M(!0);V([...r]),M(!0)}))}),[]),r.jsx(s.BaseQueryBuilderNode,Object.assign({selectPropertyJoinOperator:W,node:y,addPropertyBtnText:(null==I?void 0:I.value)&&"Add event property",deleteProperty:L,createProperty:$,propertySelectorText:"Select property",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){return yield ae(null==I?void 0:I.value)}))},onPropertyNameSelect:function(r,o){return e.__awaiter(this,void 0,void 0,(function*(){if(U(Object.assign(Object.assign({},o),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),y._id),!r.needValuesRetrieval)return[];const e=yield le(null==I?void 0:I.value,r.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,r){U(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),y._id)},onPropertyValueChange:function(e,r){U(Object.assign(Object.assign({},r),{value:e,error:{}}),y._id)},mode:T},{children:r.jsxs("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[r.jsx(t.default,{disabled:"view"===T,selectedType:y.type,allowedList:c,onSelect:function(e){Z(!0),setTimeout((()=>{F(e.value,y._id),Z(!1)}),1)}}),!X&&r.jsx(v.default,{disabled:"view"===T,width:"200px",dropdownLabel:"Select event name",options:R,onSelect:function(e){Array.isArray(e)||(Y(y._id),I?J({key:"eventName",value:e.value,error:{}},y._id):H({key:"eventName",value:e.value},y._id),z?(re(!0),setTimeout((()=>{J({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:d.FREQUENCY_OPERATORS.atleast},error:{}},y._id),re(!1)}),1)):H({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:d.FREQUENCY_OPERATORS.atleast,value:1}},y._id),K?(te(!0),setTimeout((()=>{J({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:d.DATE_OPERATORS["last month"]},error:{}},y._id),te(!1)}),1)):H({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:d.DATE_OPERATORS["last month"]}},y._id))},error:null!==(k=null!==(B=null===(C=null===(q=null===(h=y.metas)||void 0===h?void 0:h[0])||void 0===q?void 0:q.error)||void 0===C?void 0:C.key)&&void 0!==B?B:null===(E=null==I?void 0:I.error)||void 0===E?void 0:E.key)&&void 0!==k?k:null===(x=null==I?void 0:I.error)||void 0===x?void 0:x.value})]})),(null==z?void 0:z.key)&&!ee&&r.jsx(a.default,{disabled:"view"===T,extra:{},errors:{val:null===(Q=null===(N=z.error)||void 0===N?void 0:N.value)||void 0===Q?void 0:Q.value,operator:null===(S=null===(P=z.error)||void 0===P?void 0:P.value)||void 0===S?void 0:S.operator},connectorVal:z.value.value,connectorType:z.value.dataType,defaultConnector:z.value.operator,onOperatorChange:function(e){J({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:e,value:1},error:{}},y._id)},onValueChange:function(e){var r;D&&J({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:null===(r=null==z?void 0:z.value)||void 0===r?void 0:r.operator,value:e},error:{}},y._id)}}),(null==K?void 0:K.key)&&!oe&&r.jsx(a.default,{disabled:"view"===T,extra:{},errors:{val:null===(b=null===(g=K.error)||void 0===g?void 0:g.value)||void 0===b?void 0:b.value,operator:null===(A=null===(w=K.error)||void 0===w?void 0:w.value)||void 0===A?void 0:A.operator},connectorVal:K.value.value,connectorType:K.value.dataType,defaultConnector:K.value.operator,onOperatorChange:function(e){J({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:e,value:void 0},error:{}},y._id)},onValueChange:function(e){var r;D&&J({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:null===(r=null==K?void 0:K.value)||void 0===r?void 0:r.operator,value:e},error:{}},y._id)}})]}))}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("../../../components/AllowedListDropdown.js"),o=require("../../../hooks/useQueryBuilder.js"),d=require("../../../hooks/useQueryBuilderCache.js"),i=require("../../../components/DropdownWrapper.js"),s=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");exports.default=u=>{let{node:t,allowedNodes:a,apiHandler:n,mode:c,selectorKey:v}=u;var y,p,m,j,f,x,B,h,g;const{updateMeta:k,selectType:w,createMeta:q}=o.useQueryBuilder(v),{cacheWrap:A}=d.useQueryBuilderCache(),[Q,D]=r.useState(!1),[S,_]=r.useState([]),b=t.metas.find((e=>"segmentID"===e.key));return r.useEffect((()=>{q({key:"segmentID"},t._id),A((()=>n({})),"SEGMENT_FILTER").then((e=>{e&&Array.isArray(e)&&_([...e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==c&&(!!(null==b?void 0:b.value)&&b.value===e.id)})))]),D(!1)}))}),[]),e.jsx(s.BaseQueryBuilderNode,Object.assign({node:t,mode:c},{children:e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:[e.jsx(l.default,{loading:Q,selectedType:t.type,allowedList:a,onSelect:function(e){Array.isArray(e)||(D(!0),w(e.value,t._id))}}),(null===(p=null===(y=null==t?void 0:t.metas)||void 0===y?void 0:y[0])||void 0===p?void 0:p.key)&&e.jsx(i.default,{width:"200px",dropdownLabel:"Select segment",options:S,onSelect:function(e){Array.isArray(e)||k({key:"segmentID",value:e.value,error:{}},t._id)},error:null!==(h=null!==(x=null===(f=null===(j=null===(m=t.metas)||void 0===m?void 0:m[0])||void 0===j?void 0:j.error)||void 0===f?void 0:f.key)&&void 0!==x?x:null===(B=null==b?void 0:b.error)||void 0===B?void 0:B.key)&&void 0!==h?h:null===(g=null==b?void 0:b.error)||void 0===g?void 0:g.value})]}))}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("../../../components/AllowedListDropdown.js"),o=require("../../../helpers/ApiResponse.helper.js"),i=require("../../../hooks/useQueryBuilder.js"),d=require("../../../hooks/useQueryBuilderCache.js"),s=require("../../../components/DropdownWrapper.js"),u=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const n=new o.ApiResponseHelper;exports.default=o=>{let{node:t,allowedNodes:a,apiHandler:v,mode:c,selectorKey:p}=o;var y,m,j,f,h,w,x,B,g;const{updateMeta:A,selectType:k,createMeta:q}=i.useQueryBuilder(p),{cacheWrap:b}=d.useQueryBuilderCache(),[Q,D]=r.useState(!1),[S,_]=r.useState([]),L=t.metas.find((e=>"segmentID"===e.key));return r.useEffect((()=>{q({key:"segmentID"},t._id),b((()=>v({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))_([...e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==c&&(!!(null==L?void 0:L.value)&&L.value===e.id)})))]);else{const r=n.convertToGroupOptions(e,(null==L?void 0:L.value)?[L.value]:void 0);_([...r])}D(!1)}))}),[]),e.jsx(u.BaseQueryBuilderNode,Object.assign({node:t,mode:c},{children:e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:[e.jsx(l.default,{disabled:"view"===c,loading:Q,selectedType:t.type,allowedList:a,onSelect:function(e){Array.isArray(e)||(D(!0),k(e.value,t._id))}}),(null===(m=null===(y=null==t?void 0:t.metas)||void 0===y?void 0:y[0])||void 0===m?void 0:m.key)&&e.jsx(s.default,{isLoading:Q,disabled:"view"===c,width:"200px",dropdownLabel:"Select segment",options:S,onSelect:function(e){Array.isArray(e)||A({key:"segmentID",value:e.value,error:{}},t._id)},error:null!==(B=null!==(w=null===(h=null===(f=null===(j=t.metas)||void 0===j?void 0:j[0])||void 0===f?void 0:f.error)||void 0===h?void 0:h.key)&&void 0!==w?w:null===(x=null==L?void 0:L.error)||void 0===x?void 0:x.key)&&void 0!==B?B:null===(g=null==L?void 0:L.error)||void 0===g?void 0:g.value})]}))}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../dropdown/Dropdown.js"),l=require("./InputLoader.js");exports.default=t=>{let{options:i,onSelect:o,defaultOption:s,isSearchable:d,isLoading:a,error:n,nativeID:u,dropdownLabel:p,isMultiSelect:c,allowFreeForm:w,width:j,disabled:b}=t;return a?e.jsx(l.default,{}):e.jsx("div",Object.assign({style:{maxWidth:200,width:200},id:u},{children:e.jsx(r.Dropdown,{disabled:b,allowFreeForm:null!=w&&w,isMultiSelect:c,width:j,size:"small",placeHolder:p,error:n,isSearchable:null!=d&&d,defaultOptions:s?Array.isArray(s)?s:[s]:[],options:i,onSelect:o})}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../dropdown/Dropdown.js"),i=require("./InputLoader.js");exports.default=l=>{let{options:t,onSelect:o,defaultOption:d,isSearchable:s,isLoading:a,error:n,nativeID:u,dropdownLabel:p,isMultiSelect:c,allowFreeForm:w,width:j,disabled:b}=l;return a?e.jsx(i.default,{}):e.jsx("div",Object.assign({style:{maxWidth:200,width:200},id:u},{children:e.jsx(r.Dropdown,{disabled:b,allowFreeForm:null!=w&&w,isMultiSelect:c,width:j,size:"small",placeHolder:p,error:n,isSearchable:null!=s&&s,defaultOptions:d?Array.isArray(d)?d:[d]:void 0,options:t,onSelect:o})}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../utils/unCamelCase.js");exports.ApiResponseHelper=class{convertToGroupOptions(s,i){var r;if(s){if(Array.isArray(s))return null!==(r=null==s?void 0:s.map((s=>{var r;return Object.assign(Object.assign({},s),{label:e.unCamelCaseWithFirstUppercase(null!==(r=s.name)&&void 0!==r?r:s.id),value:s.id,descriptions:s.desc,selected:!!(null==i?void 0:i.find((e=>e===s.id)))})})))&&void 0!==r?r:[];{const r=[];return Object.keys(s).forEach((l=>{var n;const a=s[l],t=null!==(n=null==a?void 0:a.map((s=>{var r;return Object.assign(Object.assign({},s),{label:e.unCamelCaseWithFirstUppercase(null!==(r=s.name)&&void 0!==r?r:s.id),value:s.id,descriptions:s.desc,selected:!!(null==i?void 0:i.find((e=>e===s.id)))})})))&&void 0!==n?n:[];r.push({label:l,options:t})})),r}}return[]}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../utils/unCamelCase.js");exports.ApiResponseHelper=class{convertToGroupOptions(r,i){var l;if(r){if(Array.isArray(r))return null!==(l=null==r?void 0:r.map((r=>{var l;return{label:e.unCamelCaseWithFirstUppercase(null!==(l=r.name)&&void 0!==l?l:r.id),value:r.id,descriptions:r.desc,selected:!!(null==i?void 0:i.find((e=>e===r.id)))}})))&&void 0!==l?l:[];{const l=[];return Object.keys(r).forEach((s=>{var n;const a=r[s],t=null!==(n=null==a?void 0:a.map((r=>{var l;return{label:e.unCamelCaseWithFirstUppercase(null!==(l=r.name)&&void 0!==l?l:r.id),value:r.id,descriptions:r.desc,selected:!!(null==i?void 0:i.find((e=>e===r.id)))}})))&&void 0!==n?n:[];l.push({label:s,options:t})})),l}}return[]}};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),o=require("../../constants/Theme.js"),r=require("../../assets/icons/chevronDown.svg.js"),l=require("../input/Input.js"),s=require("../input/context/InputStyleProvider.js"),i=require("./DropdownPopover/index.js");function a(){}const u=u=>{var d,c,{placeHolder:p,size:v,onSelect:h,defaultOptions:f,disabled:j}=u,g=e.__rest(u,["placeHolder","size","onSelect","defaultOptions","disabled"]);const x=null!=v?v:"default",b=n.useRef(),[w,m]=n.useState(null!=f?f:[]);n.useEffect((()=>{var e;const t=[];null===(e=null==g?void 0:g.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),m([...t])}),[g.options]),n.useEffect((()=>{console.log({defaultOptions:f}),f&&m([...f])}),[f]);const O=w.length?w.map((e=>e.label)).join(", "):void 0;return t.jsx(s.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:"small"===x?32:48,width:null!==(d=g.width)&&void 0!==d?d:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:t.jsx(i.DropdownPopover,Object.assign({ref:b,onSelect:function(e){Array.isArray(e)?m([...e]):m([e]),null==h||h(e)},disabled:j},g,{children:t.jsx(l.Input,{state:j?"disabled":"none",value:O,errorMessage:g.error,variant:x,placeholder:null!=p?p:"Select an option",width:null!==(c=g.width)&&void 0!==c?c:"100%",onChangeText:a,rightIcon:{icon:()=>{var e;return t.jsx(r.default,{style:{transform:(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.openDropdown)?"rotate(180deg)":"rotate(0deg)"},onClick:a,width:"small"===x?20:24,height:"small"===x?20:24,color:o.COLORS.content.primary})}}})}))}))};u.displayName="Dropdown",exports.Dropdown=u;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("../../constants/Theme.js"),o=require("../../assets/icons/chevronDown.svg.js"),i=require("../input/Input.js"),s=require("../input/context/InputStyleProvider.js"),l=require("./DropdownPopover/index.js");function a(){}const u=u=>{var d,c,{placeHolder:p,size:v,onSelect:h,defaultOptions:j,disabled:f}=u,g=e.__rest(u,["placeHolder","size","onSelect","defaultOptions","disabled"]);const x=null!=v?v:"default",b=r.useRef(),[w,m]=r.useState(null!=j?j:[]);r.useEffect((()=>{var e;const t=[];null===(e=null==g?void 0:g.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),m([...t])}),[g.options]),r.useEffect((()=>{j&&m([...j])}),[j]);const O=w.length?w.map((e=>e.label)).join(", "):void 0;return t.jsx(s.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:"small"===x?32:48,width:null!==(d=g.width)&&void 0!==d?d:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:t.jsx(l.DropdownPopover,Object.assign({ref:b,onSelect:function(e){Array.isArray(e)?m([...e]):m([e]),null==h||h(e)},disabled:f},g,{children:t.jsx(i.Input,{state:f?"disabled":"none",value:O,errorMessage:g.error,variant:x,placeholder:null!=p?p:"Select an option",width:null!==(c=g.width)&&void 0!==c?c:"100%",onChangeText:a,rightIcon:{icon:()=>{var e;return t.jsx(o.default,{style:{transform:(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.openDropdown)?"rotate(180deg)":"rotate(0deg)"},onClick:a,width:"small"===x?20:24,height:"small"===x?20:24,color:n.COLORS.content.primary})}}})}))}))};u.displayName="Dropdown",exports.Dropdown=u;
@@ -1 +1 @@
1
- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as u}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as v}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as p,DATE_OPERATORS as s}from"../../../types/QueryBuilderOperator.type.js";import c from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as y}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const m=new i,f=i=>{let{node:f,allowedNodes:j,apiHandler:T,mode:_,selectorKey:h}=i;var g,O,b,k,N,w,P,q,x,C,B,E,S,V,A,Q,D,M;const[L,$]=t([]),[J,R]=t(!1),{deleteProperty:W,createProperty:G,selectType:H,createMeta:K,updateMeta:z,updateProperty:F,selectPropertyJoinOperator:I,clearProperty:U}=d(h),{cacheWrap:X}=u(),Y=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"date"===e.key)),Z=null===(O=null==f?void 0:f.metas)||void 0===O?void 0:O.find((e=>"frequency"===e.key)),ee=null===(b=null==f?void 0:f.metas)||void 0===b?void 0:b.find((e=>"eventName"===e.key)),[oe,re]=t(!1),[te,ae]=t(!1),le=e=>X((()=>T({query:{eventName:e}})),`EVENT_NAMES_${e}`),ne=(e,o)=>X((()=>T({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{X((()=>T({})),"EVENT_NAMES").then((e=>{const o=m.convertToGroupOptions(e);if("create"!==_&&ee)return $([...o.map((e=>Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:e.value===ee.value})))})))]),void R(!0);$([...o]),R(!0)}))}),[]),o(y,Object.assign({selectPropertyJoinOperator:I,node:f,addPropertyBtnText:(null==ee?void 0:ee.value)&&"Add event property",deleteProperty:W,createProperty:G,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield le(null==ee?void 0:ee.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(F(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),f._id),!o.needValuesRetrieval)return[];const e=yield ne(null==ee?void 0:ee.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){F(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),f._id)},onPropertyValueChange:function(e,o){F(Object.assign(Object.assign({},o),{value:e,error:{}}),f._id)},mode:_},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(l,{disabled:"view"===_,selectedType:f.type,allowedList:j,onSelect:e=>H(e.value,f._id)}),o(c,{disabled:"view"===_,width:"200px",dropdownLabel:"Select event name",options:L,onSelect:function(e){Array.isArray(e)||(U(f._id),ee?z({key:"eventName",value:e.value,error:{}},f._id):K({key:"eventName",value:e.value},f._id),Z?(re(!0),setTimeout((()=>{z({key:"frequency",value:{dataType:v.frequency,operator:p.atleast},error:{}},f._id),re(!1)}),1)):K({key:"frequency",value:{dataType:v.frequency,operator:p.atleast}},f._id),Y?(ae(!0),setTimeout((()=>{z({key:"date",value:{dataType:v.date,operator:s["last month"]},error:{}},f._id),ae(!1)}),1)):K({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id))},error:null!==(x=null!==(P=null===(w=null===(N=null===(k=f.metas)||void 0===k?void 0:k[0])||void 0===N?void 0:N.error)||void 0===w?void 0:w.key)&&void 0!==P?P:null===(q=null==ee?void 0:ee.error)||void 0===q?void 0:q.key)&&void 0!==x?x:null===(C=null==ee?void 0:ee.error)||void 0===C?void 0:C.value})]})),(null==Z?void 0:Z.key)&&!oe&&o(n,{disabled:"view"===_,extra:{},errors:{val:null===(E=null===(B=Z.error)||void 0===B?void 0:B.value)||void 0===E?void 0:E.value,operator:null===(V=null===(S=Z.error)||void 0===S?void 0:S.value)||void 0===V?void 0:V.operator},connectorVal:Z.value.value,connectorType:Z.value.dataType,defaultConnector:Z.value.operator,onOperatorChange:function(e){z({key:"frequency",value:{dataType:v.frequency,operator:e,value:void 0},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"frequency",value:{dataType:v.frequency,operator:null===(o=null==Z?void 0:Z.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}}),(null==Y?void 0:Y.key)&&!te&&o(n,{disabled:"view"===_,extra:{},errors:{val:null===(Q=null===(A=Y.error)||void 0===A?void 0:A.value)||void 0===Q?void 0:Q.value,operator:null===(M=null===(D=Y.error)||void 0===D?void 0:D.value)||void 0===M?void 0:M.operator},connectorVal:Y.value.value,connectorType:Y.value.dataType,defaultConnector:Y.value.operator,onOperatorChange:function(e){z({key:"date",value:{dataType:v.date,operator:e,value:void 0},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"date",value:{dataType:v.date,operator:null===(o=null==Y?void 0:Y.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}})]}))}))};export{f as default};
1
+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as u}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as v}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as p,DATE_OPERATORS as s}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as c}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const m=new i,f=i=>{let{node:f,allowedNodes:T,apiHandler:_,mode:h,selectorKey:j}=i;var k,g,N,O,b,w,P,q,x,C,B,E,S,V,A,Q,D,M;const[L,$]=t([]),[J,R]=t(!1),{deleteProperty:W,createProperty:G,selectType:H,createMeta:K,updateMeta:z,updateProperty:F,selectPropertyJoinOperator:I,clearProperty:U}=d(j),{cacheWrap:X}=u(),Y=null===(k=null==f?void 0:f.metas)||void 0===k?void 0:k.find((e=>"date"===e.key)),Z=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"frequency"===e.key)),ee=null===(N=null==f?void 0:f.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[oe,re]=t(!1),[te,ae]=t(!1),[le,ne]=t(!1),ie=e=>X((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`),de=(e,o)=>X((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{X((()=>_({})),"EVENT_NAMES").then((e=>{const o=m.convertToGroupOptions(e,(null==ee?void 0:ee.value)?[ee.value]:void 0);if("create"!==h&&ee)return $([...o]),void R(!0);$([...o]),R(!0)}))}),[]),o(c,Object.assign({selectPropertyJoinOperator:I,node:f,addPropertyBtnText:(null==ee?void 0:ee.value)&&"Add event property",deleteProperty:W,createProperty:G,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield ie(null==ee?void 0:ee.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(F(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),f._id),!o.needValuesRetrieval)return[];const e=yield de(null==ee?void 0:ee.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){F(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),f._id)},onPropertyValueChange:function(e,o){F(Object.assign(Object.assign({},o),{value:e,error:{}}),f._id)},mode:h},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(l,{disabled:"view"===h,selectedType:f.type,allowedList:T,onSelect:function(e){re(!0),setTimeout((()=>{H(e.value,f._id),re(!1)}),1)}}),!oe&&o(y,{disabled:"view"===h,width:"200px",dropdownLabel:"Select event name",options:L,onSelect:function(e){Array.isArray(e)||(U(f._id),ee?z({key:"eventName",value:e.value,error:{}},f._id):K({key:"eventName",value:e.value},f._id),Z?(ae(!0),setTimeout((()=>{z({key:"frequency",value:{dataType:v.frequency,operator:p.atleast},error:{}},f._id),ae(!1)}),1)):K({key:"frequency",value:{dataType:v.frequency,operator:p.atleast,value:1}},f._id),Y?(ne(!0),setTimeout((()=>{z({key:"date",value:{dataType:v.date,operator:s["last month"]},error:{}},f._id),ne(!1)}),1)):K({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id))},error:null!==(x=null!==(P=null===(w=null===(b=null===(O=f.metas)||void 0===O?void 0:O[0])||void 0===b?void 0:b.error)||void 0===w?void 0:w.key)&&void 0!==P?P:null===(q=null==ee?void 0:ee.error)||void 0===q?void 0:q.key)&&void 0!==x?x:null===(C=null==ee?void 0:ee.error)||void 0===C?void 0:C.value})]})),(null==Z?void 0:Z.key)&&!te&&o(n,{disabled:"view"===h,extra:{},errors:{val:null===(E=null===(B=Z.error)||void 0===B?void 0:B.value)||void 0===E?void 0:E.value,operator:null===(V=null===(S=Z.error)||void 0===S?void 0:S.value)||void 0===V?void 0:V.operator},connectorVal:Z.value.value,connectorType:Z.value.dataType,defaultConnector:Z.value.operator,onOperatorChange:function(e){z({key:"frequency",value:{dataType:v.frequency,operator:e,value:1},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"frequency",value:{dataType:v.frequency,operator:null===(o=null==Z?void 0:Z.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}}),(null==Y?void 0:Y.key)&&!le&&o(n,{disabled:"view"===h,extra:{},errors:{val:null===(Q=null===(A=Y.error)||void 0===A?void 0:A.value)||void 0===Q?void 0:Q.value,operator:null===(M=null===(D=Y.error)||void 0===D?void 0:D.value)||void 0===M?void 0:M.operator},connectorVal:Y.value.value,connectorType:Y.value.dataType,defaultConnector:Y.value.operator,onOperatorChange:function(e){z({key:"date",value:{dataType:v.date,operator:e,value:void 0},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"date",value:{dataType:v.date,operator:null===(o=null==Y?void 0:Y.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}})]}))}))};export{f as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as l}from"react";import i from"../../../components/AllowedListDropdown.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as t}from"../../../hooks/useQueryBuilderCache.js";import n from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const s=s=>{let{node:u,allowedNodes:m,apiHandler:v,mode:c,selectorKey:p}=s;var y,f,g,h,j,k,w,A,B;const{updateMeta:D,selectType:x,createMeta:b}=d(p),{cacheWrap:I}=t(),[L,N]=r(!1),[Q,S]=r([]),T=u.metas.find((e=>"segmentID"===e.key));return l((()=>{b({key:"segmentID"},u._id),I((()=>v({})),"SEGMENT_FILTER").then((e=>{e&&Array.isArray(e)&&S([...e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==c&&(!!(null==T?void 0:T.value)&&T.value===e.id)})))]),N(!1)}))}),[]),e(a,Object.assign({node:u,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:[e(i,{loading:L,selectedType:u.type,allowedList:m,onSelect:function(e){Array.isArray(e)||(N(!0),x(e.value,u._id))}}),(null===(f=null===(y=null==u?void 0:u.metas)||void 0===y?void 0:y[0])||void 0===f?void 0:f.key)&&e(n,{width:"200px",dropdownLabel:"Select segment",options:Q,onSelect:function(e){Array.isArray(e)||D({key:"segmentID",value:e.value,error:{}},u._id)},error:null!==(A=null!==(k=null===(j=null===(h=null===(g=u.metas)||void 0===g?void 0:g[0])||void 0===h?void 0:h.error)||void 0===j?void 0:j.key)&&void 0!==k?k:null===(w=null==T?void 0:T.error)||void 0===w?void 0:w.key)&&void 0!==A?A:null===(B=null==T?void 0:T.error)||void 0===B?void 0:B.value})]}))}))};export{s as default};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as l}from"react";import i from"../../../components/AllowedListDropdown.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as n}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as s}from"../../../hooks/useQueryBuilderCache.js";import t from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const u=new d,v=d=>{let{node:v,allowedNodes:p,apiHandler:m,mode:c,selectorKey:y}=d;var f,w,h,g,j,k,A,b,B;const{updateMeta:D,selectType:x,createMeta:L}=n(y),{cacheWrap:T}=s(),[I,N]=r(!1),[Q,S]=r([]),_=v.metas.find((e=>"segmentID"===e.key));return l((()=>{L({key:"segmentID"},v._id),T((()=>m({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))S([...e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==c&&(!!(null==_?void 0:_.value)&&_.value===e.id)})))]);else{const o=u.convertToGroupOptions(e,(null==_?void 0:_.value)?[_.value]:void 0);S([...o])}N(!1)}))}),[]),e(a,Object.assign({node:v,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:[e(i,{disabled:"view"===c,loading:I,selectedType:v.type,allowedList:p,onSelect:function(e){Array.isArray(e)||(N(!0),x(e.value,v._id))}}),(null===(w=null===(f=null==v?void 0:v.metas)||void 0===f?void 0:f[0])||void 0===w?void 0:w.key)&&e(t,{isLoading:I,disabled:"view"===c,width:"200px",dropdownLabel:"Select segment",options:Q,onSelect:function(e){Array.isArray(e)||D({key:"segmentID",value:e.value,error:{}},v._id)},error:null!==(b=null!==(k=null===(j=null===(g=null===(h=v.metas)||void 0===h?void 0:h[0])||void 0===g?void 0:g.error)||void 0===j?void 0:j.key)&&void 0!==k?k:null===(A=null==_?void 0:_.error)||void 0===A?void 0:A.key)&&void 0!==b?b:null===(B=null==_?void 0:_.error)||void 0===B?void 0:B.value})]}))}))};export{v as default};
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{Dropdown as r}from"../../dropdown/Dropdown.js";import o from"./InputLoader.js";const t=t=>{let{options:i,onSelect:l,defaultOption:a,isSearchable:d,isLoading:s,error:n,nativeID:p,dropdownLabel:c,isMultiSelect:m,allowFreeForm:u,width:w,disabled:h}=t;return s?e(o,{}):e("div",Object.assign({style:{maxWidth:200,width:200},id:p},{children:e(r,{disabled:h,allowFreeForm:null!=u&&u,isMultiSelect:m,width:w,size:"small",placeHolder:c,error:n,isSearchable:null!=d&&d,defaultOptions:a?Array.isArray(a)?a:[a]:[],options:i,onSelect:l})}))};export{t as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{Dropdown as r}from"../../dropdown/Dropdown.js";import o from"./InputLoader.js";const i=i=>{let{options:t,onSelect:l,defaultOption:a,isSearchable:d,isLoading:s,error:n,nativeID:p,dropdownLabel:c,isMultiSelect:m,allowFreeForm:u,width:w,disabled:h}=i;return s?e(o,{}):e("div",Object.assign({style:{maxWidth:200,width:200},id:p},{children:e(r,{disabled:h,allowFreeForm:null!=u&&u,isMultiSelect:m,width:w,size:"small",placeHolder:c,error:n,isSearchable:null!=d&&d,defaultOptions:a?Array.isArray(a)?a:[a]:void 0,options:t,onSelect:l})}))};export{i as default};
@@ -1 +1 @@
1
- import{unCamelCaseWithFirstUppercase as e}from"../../../utils/unCamelCase.js";class i{convertToGroupOptions(i,l){var n;if(i){if(Array.isArray(i))return null!==(n=null==i?void 0:i.map((i=>{var n;return Object.assign(Object.assign({},i),{label:e(null!==(n=i.name)&&void 0!==n?n:i.id),value:i.id,descriptions:i.desc,selected:!!(null==l?void 0:l.find((e=>e===i.id)))})})))&&void 0!==n?n:[];{const n=[];return Object.keys(i).forEach((s=>{var r;const a=i[s],d=null!==(r=null==a?void 0:a.map((i=>{var n;return Object.assign(Object.assign({},i),{label:e(null!==(n=i.name)&&void 0!==n?n:i.id),value:i.id,descriptions:i.desc,selected:!!(null==l?void 0:l.find((e=>e===i.id)))})})))&&void 0!==r?r:[];n.push({label:s,options:d})})),n}}return[]}}export{i as ApiResponseHelper};
1
+ import{unCamelCaseWithFirstUppercase as l}from"../../../utils/unCamelCase.js";class e{convertToGroupOptions(e,i){var r;if(e){if(Array.isArray(e))return null!==(r=null==e?void 0:e.map((e=>{var r;return{label:l(null!==(r=e.name)&&void 0!==r?r:e.id),value:e.id,descriptions:e.desc,selected:!!(null==i?void 0:i.find((l=>l===e.id)))}})))&&void 0!==r?r:[];{const r=[];return Object.keys(e).forEach((n=>{var d;const o=e[n],s=null!==(d=null==o?void 0:o.map((e=>{var r;return{label:l(null!==(r=e.name)&&void 0!==r?r:e.id),value:e.id,descriptions:e.desc,selected:!!(null==i?void 0:i.find((l=>l===e.id)))}})))&&void 0!==d?d:[];r.push({label:n,options:s})})),r}}return[]}}export{e as ApiResponseHelper};
@@ -1 +1 @@
1
- import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as r}from"react";import{COLORS as i}from"../../constants/Theme.js";import l from"../../assets/icons/chevronDown.svg.js";import{Input as s}from"../input/Input.js";import{InputStyleContext as a}from"../input/context/InputStyleProvider.js";import{DropdownPopover as d}from"./DropdownPopover/index.js";function p(){}const c=c=>{var u,m,{placeHolder:h,size:v,onSelect:f,defaultOptions:g,disabled:b}=c,j=o(c,["placeHolder","size","onSelect","defaultOptions","disabled"]);const w=null!=v?v:"default",x=t(),[O,y]=n(null!=g?g:[]);r((()=>{var o;const e=[];null===(o=null==j?void 0:j.options)||void 0===o||o.forEach((o=>{o.options?o.options.forEach((o=>{o.selected&&e.push(Object.assign(Object.assign({},o),{label:o.label}))})):o.selected&&e.push(o)})),y([...e])}),[j.options]),r((()=>{console.log({defaultOptions:g}),g&&y([...g])}),[g]);const I=O.length?O.map((o=>o.label)).join(", "):void 0;return e(a.Provider,Object.assign({value:{InputWrapper:{height:"small"===w?32:48,width:null!==(u=j.width)&&void 0!==u?u:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:e(d,Object.assign({ref:x,onSelect:function(o){Array.isArray(o)?y([...o]):y([o]),null==f||f(o)},disabled:b},j,{children:e(s,{state:b?"disabled":"none",value:I,errorMessage:j.error,variant:w,placeholder:null!=h?h:"Select an option",width:null!==(m=j.width)&&void 0!==m?m:"100%",onChangeText:p,rightIcon:{icon:()=>{var o;return e(l,{style:{transform:(null===(o=null==x?void 0:x.current)||void 0===o?void 0:o.openDropdown)?"rotate(180deg)":"rotate(0deg)"},onClick:p,width:"small"===w?20:24,height:"small"===w?20:24,color:i.content.primary})}}})}))}))};c.displayName="Dropdown";export{c as Dropdown};
1
+ import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as r}from"react";import{COLORS as i}from"../../constants/Theme.js";import l from"../../assets/icons/chevronDown.svg.js";import{Input as s}from"../input/Input.js";import{InputStyleContext as a}from"../input/context/InputStyleProvider.js";import{DropdownPopover as d}from"./DropdownPopover/index.js";function p(){}const c=c=>{var u,m,{placeHolder:h,size:v,onSelect:f,defaultOptions:g,disabled:b}=c,j=o(c,["placeHolder","size","onSelect","defaultOptions","disabled"]);const w=null!=v?v:"default",x=t(),[y,O]=n(null!=g?g:[]);r((()=>{var o;const e=[];null===(o=null==j?void 0:j.options)||void 0===o||o.forEach((o=>{o.options?o.options.forEach((o=>{o.selected&&e.push(Object.assign(Object.assign({},o),{label:o.label}))})):o.selected&&e.push(o)})),O([...e])}),[j.options]),r((()=>{g&&O([...g])}),[g]);const I=y.length?y.map((o=>o.label)).join(", "):void 0;return e(a.Provider,Object.assign({value:{InputWrapper:{height:"small"===w?32:48,width:null!==(u=j.width)&&void 0!==u?u:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:e(d,Object.assign({ref:x,onSelect:function(o){Array.isArray(o)?O([...o]):O([o]),null==f||f(o)},disabled:b},j,{children:e(s,{state:b?"disabled":"none",value:I,errorMessage:j.error,variant:w,placeholder:null!=h?h:"Select an option",width:null!==(m=j.width)&&void 0!==m?m:"100%",onChangeText:p,rightIcon:{icon:()=>{var o;return e(l,{style:{transform:(null===(o=null==x?void 0:x.current)||void 0===o?void 0:o.openDropdown)?"rotate(180deg)":"rotate(0deg)"},onClick:p,width:"small"===w?20:24,height:"small"===w?20:24,color:i.content.primary})}}})}))}))};c.displayName="Dropdown";export{c as Dropdown};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.13-beta.33",
3
+ "version": "0.0.13-beta.34",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",