@bikdotai/bik-component-library 0.0.13-beta.11 → 0.0.13-beta.14
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.
- package/dist/cjs/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
- package/dist/cjs/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js +1 -1
- package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
- package/dist/cjs/components/QueryBuilder/QueryBuilder.js +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/AddNodeButton.d.ts +1 -0
- package/dist/cjs/components/QueryBuilder/components/AddNodeButton.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.d.ts +1 -0
- package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.js +1 -1
- package/dist/cjs/components/QueryBuilder/hooks/useQueryBuilder.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/hooks/useQueryBuilder.js +1 -1
- package/dist/cjs/components/QueryBuilder/redux/queryBuilder.reducer.d.ts +2 -2
- package/dist/cjs/components/QueryBuilder/redux/queryBuilder.reducer.js +1 -1
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderNodeProps.type.d.ts +1 -0
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderProps.type.d.ts +5 -0
- package/dist/cjs/utils/DateUtils.js +1 -1
- package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
- package/dist/esm/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js +1 -1
- package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
- package/dist/esm/components/QueryBuilder/QueryBuilder.js +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
- package/dist/esm/components/QueryBuilder/components/AddNodeButton.d.ts +1 -0
- package/dist/esm/components/QueryBuilder/components/AddNodeButton.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Connector.js +1 -1
- package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.d.ts +1 -0
- package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.js +1 -1
- package/dist/esm/components/QueryBuilder/hooks/useQueryBuilder.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/hooks/useQueryBuilder.js +1 -1
- package/dist/esm/components/QueryBuilder/redux/queryBuilder.reducer.d.ts +2 -2
- package/dist/esm/components/QueryBuilder/redux/queryBuilder.reducer.js +1 -1
- package/dist/esm/components/QueryBuilder/types/QueryBuilderNodeProps.type.d.ts +1 -0
- package/dist/esm/components/QueryBuilder/types/QueryBuilderProps.type.d.ts +5 -0
- package/dist/esm/utils/DateUtils.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/components/QueryBuilder/redux/selectors/useNodesSelector.d.ts +0 -3
- package/dist/cjs/components/QueryBuilder/redux/selectors/useNodesSelector.js +0 -1
- package/dist/esm/components/QueryBuilder/redux/selectors/useNodesSelector.d.ts +0 -3
- package/dist/esm/components/QueryBuilder/redux/selectors/useNodesSelector.js +0 -1
|
@@ -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"),u=require("../../../hooks/useQueryBuilderCache.js"),i=require("../../../types/QueryBuilder.type.js"),d=require("../../../types/QueryBuilderOperator.type.js"),s=require("../../../components/DropdownWrapper.js"),v=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const p=new l.ApiResponseHelper;exports.default=l=>{let{node:y,allowedNodes:c,apiHandler:f,mode:T}=l;var
|
|
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"),u=require("../../../hooks/useQueryBuilderCache.js"),i=require("../../../types/QueryBuilder.type.js"),d=require("../../../types/QueryBuilderOperator.type.js"),s=require("../../../components/DropdownWrapper.js"),v=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,x;const[N,Q]=o.useState([]),[P,k]=o.useState(!1),{deleteProperty:S,createProperty:w,selectType:A,createMeta:R,updateMeta:V,updateProperty:D,selectPropertyJoinOperator:M,clearProperty:L}=n.useQueryBuilder(_),{cacheWrap:$}=u.useQueryBuilderCache(),F=null===(j=null==y?void 0:y.metas)||void 0===j?void 0:j.find((e=>"date"===e.key)),H=null===(O=null==y?void 0:y.metas)||void 0===O?void 0:O.find((e=>"frequency"===e.key)),J=null===(m=null==y?void 0:y.metas)||void 0===m?void 0:m.find((e=>"eventName"===e.key)),[U,W]=o.useState(!1),[Y,G]=o.useState(!1),K=e=>$((()=>f({query:{eventName:e}})),`EVENT_NAMES_${e}`),z=(e,r)=>$((()=>f({query:{eventName:e,propertyName:r}})),`EVENT_NAMES_${e}_${r}`);return o.useEffect((()=>{$((()=>f({})),"EVENT_NAMES").then((e=>{const r=p.convertToGroupOptions(e);if("create"!==T&&J)return Q([...r.map((e=>Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:e.value===J.value})))})))]),void k(!0);Q([...r]),k(!0)}))}),[]),r.jsx(v.BaseQueryBuilderNode,Object.assign({selectPropertyJoinOperator:M,node:y,addPropertyBtnText:(null==J?void 0:J.value)&&"Add event property",deleteProperty:S,createProperty:w,propertySelectorText:"Select property",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){return yield K(null==J?void 0:J.value)}))},onPropertyNameSelect:function(r,o){return e.__awaiter(this,void 0,void 0,(function*(){if(D(Object.assign(Object.assign({},o),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),y._id),!r.needValuesRetrieval)return[];const e=yield z(null==J?void 0:J.value,r.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,r){D(Object.assign(Object.assign({},r),{operator:e,value:void 0}),y._id)},onPropertyValueChange:function(e,r){D(Object.assign(Object.assign({},r),{value:e}),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=>A(e.value,y._id)}),r.jsx(s.default,{disabled:"view"===T,width:"200px",dropdownLabel:"Select event name",options:N,onSelect:function(e){Array.isArray(e)||((null==J?void 0:J.value)?(V({key:"eventName",value:e.value},y._id),W(!0),setTimeout((()=>{V({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:d.FREQUENCY_OPERATORS.atleast}},y._id),W(!1)}),1),G(!0),setTimeout((()=>{V({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:d.DATE_OPERATORS["last month"]}},y._id),G(!1)}),1),L(y._id)):(L(y._id),R({key:"eventName",value:e.value},y._id),R({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:d.FREQUENCY_OPERATORS.atleast}},y._id),R({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:d.DATE_OPERATORS["last month"]}},y._id)))}})]})),(null==H?void 0:H.key)&&!U&&r.jsx(a.default,{disabled:"view"===T,extra:{},errors:{val:null===(q=null===(h=H.error)||void 0===h?void 0:h.value)||void 0===q?void 0:q.value,operator:null===(g=null===(C=H.error)||void 0===C?void 0:C.value)||void 0===g?void 0:g.operator},connectorVal:H.value.value,connectorType:H.value.dataType,defaultConnector:H.value.operator,onOperatorChange:function(e){V({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:e,value:void 0}},y._id)},onValueChange:function(e){var r;P&&V({key:"frequency",value:{dataType:i.QueryBuilderConnectorType.frequency,operator:null===(r=null==H?void 0:H.value)||void 0===r?void 0:r.operator,value:e}},y._id)}}),(null==F?void 0:F.key)&&!Y&&r.jsx(a.default,{disabled:"view"===T,extra:{},errors:{val:null===(b=null===(B=F.error)||void 0===B?void 0:B.value)||void 0===b?void 0:b.value,operator:null===(x=null===(E=F.error)||void 0===E?void 0:E.value)||void 0===x?void 0:x.operator},connectorVal:F.value.value,connectorType:F.value.dataType,defaultConnector:F.value.operator,onOperatorChange:function(e){V({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:e,value:void 0}},y._id)},onValueChange:function(e){var r;P&&V({key:"date",value:{dataType:i.QueryBuilderConnectorType.date,operator:null===(r=null==F?void 0:F.value)||void 0===r?void 0:r.operator,value:e}},y._id)}})]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../../components/AllowedListDropdown.js"),t=require("../../../hooks/useQueryBuilder.js"),d=require("../../../hooks/useQueryBuilderCache.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../../components/AllowedListDropdown.js"),t=require("../../../hooks/useQueryBuilder.js"),d=require("../../../hooks/useQueryBuilderCache.js"),l=require("../../../components/DropdownWrapper.js"),a=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");exports.default=i=>{let{node:o,allowedNodes:u,apiHandler:n,mode:c,selectorKey:y}=i;var p,v;const{updateMeta:m,selectType:j,createMeta:f}=t.useQueryBuilder(y),{cacheWrap:x}=d.useQueryBuilderCache(),[B,h]=r.useState(!1),[g,w]=r.useState([]),q=o.metas.find((e=>"segmentID"===e.key));return r.useEffect((()=>{f({key:"segmentID"},o._id),x((()=>n({})),"SEGMENT_FILTER").then((e=>{e&&Array.isArray(e)&&w([...e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==c&&(!!(null==q?void 0:q.value)&&q.value===e.id)})))]),h(!1)}))}),[]),e.jsx(a.BaseQueryBuilderNode,Object.assign({node:o,mode:c},{children:e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:[e.jsx(s.default,{loading:B,selectedType:o.type,allowedList:u,onSelect:function(e){Array.isArray(e)||(h(!0),j(e.value,o._id))}}),(null===(v=null===(p=null==o?void 0:o.metas)||void 0===p?void 0:p[0])||void 0===v?void 0:v.key)&&e.jsx(l.default,{width:"200px",dropdownLabel:"Select segment",options:g,onSelect:function(e){Array.isArray(e)||m({key:"segmentID",value:e.value},o._id)}})]}))}))};
|
package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../components/AllowedListDropdown.js"),t=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),i=require("../../../hooks/useQueryBuilder.js"),s=require("../../../hooks/useQueryBuilderCache.js"),d=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");exports.default=a=>{let{node:u,allowedNodes:l,apiHandler:n,mode:p}=a;var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../components/AllowedListDropdown.js"),t=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),i=require("../../../hooks/useQueryBuilder.js"),s=require("../../../hooks/useQueryBuilderCache.js"),d=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");exports.default=a=>{let{node:u,allowedNodes:l,apiHandler:n,mode:p,selectorKey:c}=a;var y;const{selectType:v,createProperty:j,updateProperty:P}=i.useQueryBuilder(c),{cacheWrap:_}=s.useQueryBuilderCache(),g=e=>_((()=>n({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return r.jsx(d.BaseQueryBuilderNode,Object.assign({node:u,mode:p},{children:r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[r.jsx(o.default,{disabled:"view"===p,selectedType:u.type,allowedList:l,onSelect:e=>v(e.value,u._id)}),r.jsx(t.PropertyNodeHeadless,{mode:p,property:null===(y=null==u?void 0:u.properties)||void 0===y?void 0:y[0],fetchPropertyData:()=>_((()=>n({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e.__awaiter(this,void 0,void 0,(function*(){if((null===(o=u.properties)||void 0===o?void 0:o[0])?P(Object.assign(Object.assign({},null===(t=u.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),u._id):j({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield g(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){P(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0}),u._id)},onPropertyValueChange:function(e){P(Object.assign(Object.assign({},u.properties[0]),{value:e}),u._id)}})]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../TypographyStyle.js"),s=require("./components/QueryBuilderNodes.js"),i=require("./hooks/useQueryBuilder.js");exports.QueryBuilder=n=>{let{queryPreText:u,infinite:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../TypographyStyle.js"),s=require("./components/QueryBuilderNodes.js"),i=require("./hooks/useQueryBuilder.js");exports.QueryBuilder=n=>{let{queryPreText:u,infinite:o,addNodeBtnText:d,typesAPIHandlers:l,onStateChange:a,mode:y,selectorKey:c,state:j}=n;const{init:f,fillState:x}=i.useQueryBuilder(c),m=l?Object.keys(l):[];return t.useEffect((()=>{f(null==m?void 0:m[0])}),[m]),t.useEffect((()=>{j&&x(j)}),[]),e.jsxs(e.Fragment,{children:[e.jsx(r.BodyPrimary,Object.assign({style:{marginBottom:12}},{children:u})),e.jsx(s.default,{selectorKey:c,onStateChange:a,typesAPIHandlers:l,allowedNodes:m,infinite:null==o||o,addNodeBtnText:d,mode:y})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../helpers/ApiResponse.helper.js"),o=require("../../hooks/useQueryBuilder.js"),a=require("../../hooks/useQueryBuilderCache.js"),n=require("../../components/DropdownWrapper.js"),u=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const s=new i.ApiResponseHelper,l="triggerName";exports.default=i=>{let{node:d,apiHandler:c,cacheKey:p,propertyAddBtnText:y,mode:v}=i;const[
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../helpers/ApiResponse.helper.js"),o=require("../../hooks/useQueryBuilder.js"),a=require("../../hooks/useQueryBuilderCache.js"),n=require("../../components/DropdownWrapper.js"),u=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const s=new i.ApiResponseHelper,l="triggerName";exports.default=i=>{let{node:d,apiHandler:c,cacheKey:p,propertyAddBtnText:y,mode:v,selectorKey:j}=i;const[f,g]=t.useState([]),{updateMeta:h,createMeta:_,createProperty:O,deleteProperty:m,updateProperty:P,selectPropertyJoinOperator:b,clearProperty:x}=o.useQueryBuilder(j),{cacheWrap:B}=a.useQueryBuilderCache(),q=d.metas.find((e=>e.key===l)),N=e=>B((()=>c({query:{triggerName:e}})),`${p}_${e}`),A=(e,r)=>B((()=>c({query:{triggerName:e,propertyName:r}})),`${p}_${e}_${r}`);return t.useEffect((()=>{B((()=>c({})),p).then((e=>{var r;if(e&&Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==v&&(!!(null==q?void 0:q.value)&&q.value===e.id)}))))&&void 0!==r?r:[];g([...t])}}))}),[]),r.jsx(u.BaseQueryBuilderNode,Object.assign({node:d,addPropertyBtnText:(null==q?void 0:q.value)&&y,deleteProperty:m,createProperty:O,propertySelectorText:"Select condition",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){if(null==q?void 0:q.value){return yield N(null==q?void 0:q.value)}return null}))},onPropertyNameSelect:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){if(P(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),d._id),!r.needValuesRetrieval)return[];const e=yield A(null==q?void 0:q.value,r.id);return e?s.convertToGroupOptions(e):[]}))},onPropertyOperatorChange:function(e,r){P(Object.assign(Object.assign({},r),{operator:e,value:void 0}),d._id)},onPropertyValueChange:function(e,r){P(Object.assign(Object.assign({},r),{value:e}),d._id)},selectPropertyJoinOperator:b,mode:v},{children:r.jsx("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r.jsx(n.default,{width:"200px",options:f,onSelect:function(e){Array.isArray(e)||(x(d._id),(null==q?void 0:q.key)===l?h(Object.assign(Object.assign({},q),{value:e.value}),d._id):_({key:l,value:e.value},d._id))}})}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../button/Button.js"),u=require("../../../assets/icons/plus.svg.js"),r=require("../hooks/useQueryBuilder.js");exports.default=s=>{let{buttonText:o,allowedNodes:d}=s;const{addNode:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../button/Button.js"),u=require("../../../assets/icons/plus.svg.js"),r=require("../hooks/useQueryBuilder.js");exports.default=s=>{let{buttonText:o,allowedNodes:d,selectorKey:i}=s;const{addNode:n}=r.useQueryBuilder(i);return e.jsx(t.Button,{buttonText:o,size:"medium",buttonType:"dashRegular",LeadingIcon:u.default,onClick:()=>{n(d[0])}})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../utils/unCamelCase.js"),n=require("../../helpers/Connector.helper.js"),o=require("../../types/QueryBuilder.type.js"),l=require("../DropdownWrapper.js"),u=require("./Components/FreeText.js"),i=require("./Components/FrequencyIntegerPositiveSingle.js"),s=require("./Components/IntegerPositiveSingle.js"),a=require("./Components/IntegerSingleValue.js"),d=require("./Components/MultiselectDropdownFreeText.js"),p=require("./Components/NoInput.js"),c=require("./Components/NumberTime.js"),C=require("./Components/SingleDate.js"),g=require("./Components/TwoDate.js"),m=require("./Components/TwoNumberInputsSeperatedByAnd.js"),q=require("./Connector.styled.js");const j={FreeText:u.default,IntegerPositiveSingle:s.default,IntegerSingleValue:a.default,MultiselectDropdownFreeText:d.default,NoInput:p.default,SingleDate:C.default,TwoNumberInputsSeperatedByAnd:m.default,FrequencyIntegerPositiveSingle:i.default,TwoDate:g.default,NumberTime:c.default};exports.default=u=>{let{isLoading:i,noDefault:s,connectorType:a,defaultConnector:d,onOperatorChange:p,onValueChange:c,connectorVal:C,extra:g,errors:m,disabled:v}=u;var f;const[y,S]=t.useState(null),[T,x]=t.useState(null!=i&&i),I=n.ConnectorHelper.getConnectorType(a).map((e=>({selected:e===d,value:e,label:r.unCamelCaseWithFirstUppercase(e)})));function b(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];x(!0);const r=n.ConnectorHelper.getConnectorComponent(a,e.value);void 0!==r?a===o.QueryBuilderConnectorType.frequency&&"IntegerPositiveSingle"===r?S("FrequencyIntegerPositiveSingle"):S(r):S(null),t||p(e.value),setTimeout((()=>{x(!1)}),5)}return t.useEffect((()=>{s||(d?b({value:d,label:d},!0):(null==I?void 0:I[0])&&b(I[0]))}),[d]),e.jsxs(q.Container,{children:[e.jsx("div",{children:e.jsx(l.default,{disabled:v,width:"200px",isLoading:T,options:I,onSelect:b})}),null!==y&&!T&&(null===(f=j[y])||void 0===f?void 0:f.call(j,{disabled:v,val:C,onChange:c,extra:g,errors:m}))]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../button/Button.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-redux"),s=require("../../button/Button.js"),i=require("../../dropdown/Dropdown.js"),l=require("../constants/operators.js"),o=require("../hooks/useQueryBuilder.js"),d=require("./AddNodeButton.js"),n=require("./DeleteButton.js"),a=require("./QueryBuilderNode/QueryBuilderNode.js"),u=require("./QueryBuilderNodes.styled.js");exports.default=c=>{let{infinite:j,addNodeBtnText:x,allowedNodes:p,typesAPIHandlers:y,onStateChange:v,mode:f,selectorKey:g}=c;var b;const O=r.useSelector((e=>null==e?void 0:e[g])),{deleteNode:h,clearAll:m,selectJoinOperator:w}=o.useQueryBuilder(g);t.useEffect((()=>{v(O)}),[O]);const q=l.JOIN_OPERATOR_OPTIONS.map((e=>(null==O?void 0:O.operator)&&e.value===O.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return e.jsxs(e.Fragment,{children:[null===(b=null==O?void 0:O.nodes)||void 0===b?void 0:b.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i.default,{disabled:"view"===f,onSelect:e=>{w(e.value)},options:q,height:96,size:"small"})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(u.LinedContainer,Object.assign({style:{paddingTop:0===r?0:24}},{children:e.jsx(a.default,{selectorKey:g,mode:null!=f?f:"create",allowedNodes:p,node:t,apiHandler:y[t.type]})})),"view"!==f?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>h(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),j&&"view"!==f&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(d.default,{buttonText:x,allowedNodes:p,selectorKey:g}),e.jsx(s.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>m(p[0])})]}))]})};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
|
|
2
|
-
export declare const useQueryBuilder: () => {
|
|
2
|
+
export declare const useQueryBuilder: (selectorName: string) => {
|
|
3
3
|
init: (type: QueryBuilderType) => void;
|
|
4
4
|
createProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
|
|
5
5
|
updateProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-redux"),r=require("../redux/queryBuilder.reducer.js");exports.useQueryBuilder=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-redux"),r=require("../redux/queryBuilder.reducer.js");exports.useQueryBuilder=t=>{const o=r.queryBuilderSlice(t).actions,d=e.useDispatch(),p=e=>{d(o.initQueryBuilder({type:e}))};return{init:p,createProperty:(e,r)=>{d(o.createProperty({property:e,nodeID:r}))},updateProperty:(e,r)=>{d(o.updateProperty({property:e,nodeID:r}))},updateMeta:(e,r)=>{d(o.updateMeta({meta:e,nodeID:r}))},createMeta:(e,r)=>{d(o.createMeta({meta:e,nodeID:r}))},createNode:e=>{d(o.addNode({type:e}))},selectType:(e,r)=>{d(o.selectType({type:e,nodeID:r}))},addNode:e=>{d(o.addNode({type:e}))},deleteNode:e=>{d(o.deleteNode({nodeID:e}))},deleteProperty:(e,r)=>{d(o.deleteProperty({property:e,nodeID:r}))},clearAll:p,selectPropertyJoinOperator:(e,r)=>{d(o.selectPropertyJoinOperator({joinOperator:e,nodeID:r}))},selectJoinOperator:e=>{d(o.selectJoinOperator({joinOperator:e}))},fillState:e=>{d(o.fillState(e))},clearProperty:e=>{d(o.clearProperty({nodeID:e}))}}};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PayloadAction } from '@reduxjs/toolkit';
|
|
2
2
|
import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
|
|
3
|
-
export declare const queryBuilderSlice: import("@reduxjs/toolkit").Slice<QueryBuilderRoot, {
|
|
3
|
+
export declare const queryBuilderSlice: (selectorName: string) => import("@reduxjs/toolkit").Slice<QueryBuilderRoot, {
|
|
4
4
|
clearProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
|
|
5
5
|
nodeID: string;
|
|
6
6
|
}>): void;
|
|
@@ -48,4 +48,4 @@ export declare const queryBuilderSlice: import("@reduxjs/toolkit").Slice<QueryBu
|
|
|
48
48
|
nodeID: string;
|
|
49
49
|
type: QueryBuilderType;
|
|
50
50
|
}>): void;
|
|
51
|
-
},
|
|
51
|
+
}, string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),o=require("react-native-uuid"),d=require("../types/QueryBuilder.type.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(o).default.v4,s={nodes:[{_id:r(),properties:[],metas:[]}]}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),o=require("react-native-uuid"),d=require("../types/QueryBuilder.type.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(o).default.v4,s={nodes:[{_id:r(),properties:[],metas:[]}]};exports.queryBuilderSlice=o=>e.createSlice({name:null!=o?o:"queryBuilder",initialState:s,reducers:{clearProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));d>-1&&(e.nodes[d].properties=[])},fillState:(e,o)=>Object.assign({},o.payload),initQueryBuilder(e,o){const t={type:o.payload.type,properties:[],metas:[],_id:r(),PropertyOperator:d.QueryBuilderJoinOperators.AND};e.nodes=[t],e.operator=d.QueryBuilderJoinOperators.AND},addNode(e,o){const t={type:o.payload.type,properties:[],metas:[],_id:r(),PropertyOperator:d.QueryBuilderJoinOperators.AND},s=e.nodes;e.nodes=[...s,t]},deleteNode(e,o){const d=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...d]},clearNode(e,o){var d;const t=[...null!==(d=e.nodes)&&void 0!==d?d:[]];if(0===t.length){const e={type:o.payload.type,properties:[],metas:[],_id:r()};t.push(e)}e.nodes=t},createProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=null!==(d=e.nodes[t].properties)&&void 0!==d?d:[],n=Object.assign(Object.assign({},o.payload.property),{_id:r()});e.nodes[t].properties=[...s,n]}},updateProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const r=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).map((e=>e._id===o.payload.property._id?Object.assign(Object.assign({},e),o.payload.property):e));e.nodes[t].properties=[...r]}},deleteProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const r=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).filter((e=>e._id!==o.payload.property._id));e.nodes[t].properties=[...r]}},createMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const r=null!==(d=e.nodes[t].metas)&&void 0!==d?d:[],s=Object.assign({},o.payload.meta);e.nodes[t].metas=[...r,s]}},updateMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const r=(null!==(d=e.nodes[t].metas)&&void 0!==d?d:[]).map((e=>e.key===o.payload.meta.key?Object.assign(Object.assign({},e),o.payload.meta):e));e.nodes[t].metas=[...r]}},selectPropertyJoinOperator(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]=Object.assign(Object.assign({},t),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]={_id:t._id,type:o.payload.type,properties:[],metas:[]}}}}});
|
|
@@ -6,5 +6,6 @@ export type QueryBuilderNodeProps = {
|
|
|
6
6
|
allowedNodes: QueryBuilderType[];
|
|
7
7
|
node: BaseQueryBuilderNode;
|
|
8
8
|
mode: QueryBuilderProps['mode'];
|
|
9
|
+
selectorKey: string;
|
|
9
10
|
apiHandler: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
|
|
10
11
|
};
|
|
@@ -2,6 +2,11 @@ import { Response } from '../../../types/apiExecutor';
|
|
|
2
2
|
import { QueryBuilderRoot, QueryBuilderType } from './QueryBuilder.type';
|
|
3
3
|
import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
|
|
4
4
|
export type QueryBuilderProps = {
|
|
5
|
+
/**
|
|
6
|
+
* The selector key that will be used to make query builder independent when there are multiple
|
|
7
|
+
* query builders in single page
|
|
8
|
+
*/
|
|
9
|
+
selectorKey: string;
|
|
5
10
|
/**
|
|
6
11
|
* and will be passed as a prop here. Single function to branch out based on the query being passed.
|
|
7
12
|
* list of allowed query builder types are keys of this object.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns");class t{}Object.defineProperty(t,"formatDateInDDMMMYYY",{enumerable:!0,configurable:!0,writable:!0,value:t=>{const a=new Date(t);return e.format(a,"dd MMM yyy")}}),Object.defineProperty(t,"getStringFromDate",{enumerable:!0,configurable:!0,writable:!0,value:function(t){if(!t)return"";switch(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"YYYY-MM-DD"){case"YYYY-MM-DD":{const e=t.getMonth()+1>=10?`${t.getMonth()+1}`:`0${t.getMonth()+1}`,a=t.getDate()>=10?`${t.getDate()}`:`0${t.getDate()}`;return`${t.getFullYear()}-${e}-${a}`}case"dd-MM-yyyy":return e.format(new Date(t),"dd-MM-yyyy");case"dd MMM yyyy":return e.format(new Date(t),"dd MMM yyyy");case"dd/MM/yyyy":return e.format(new Date(t),"dd/MM/yyyy");default:return" "}}}),Object.defineProperty(t,"getTodayStringifyDate",{enumerable:!0,configurable:!0,writable:!0,value:()=>t.getStringFromDate(new Date)}),Object.defineProperty(t,"getDaysBefore",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Date;return new Date(t.getFullYear(),t.getMonth(),t.getDate()-e)}}),Object.defineProperty(t,"nth",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(e>3&&e<21)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}}}),Object.defineProperty(t,"timeFormat",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>e>23||t>59?"Not Valid":e-12>=0?((e=e>12?e-12:e)>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"pm":0==e?"12:"+("0"+t).slice(-2)+"am":(e>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"am"}),Object.defineProperty(t,"dateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r)=>{try{const n=a?" "+a+" ":", ";return e.format(t,r?"do MMMM yyyy":"do MMM yyyy")+n+e.format(t,"h:mmaaa")}catch(t){
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns");class t{}Object.defineProperty(t,"formatDateInDDMMMYYY",{enumerable:!0,configurable:!0,writable:!0,value:t=>{const a=new Date(t);return e.format(a,"dd MMM yyy")}}),Object.defineProperty(t,"getStringFromDate",{enumerable:!0,configurable:!0,writable:!0,value:function(t){if(!t)return"";switch(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"YYYY-MM-DD"){case"YYYY-MM-DD":{const e=t.getMonth()+1>=10?`${t.getMonth()+1}`:`0${t.getMonth()+1}`,a=t.getDate()>=10?`${t.getDate()}`:`0${t.getDate()}`;return`${t.getFullYear()}-${e}-${a}`}case"dd-MM-yyyy":return e.format(new Date(t),"dd-MM-yyyy");case"dd MMM yyyy":return e.format(new Date(t),"dd MMM yyyy");case"dd/MM/yyyy":return e.format(new Date(t),"dd/MM/yyyy");default:return" "}}}),Object.defineProperty(t,"getTodayStringifyDate",{enumerable:!0,configurable:!0,writable:!0,value:()=>t.getStringFromDate(new Date)}),Object.defineProperty(t,"getDaysBefore",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Date;return new Date(t.getFullYear(),t.getMonth(),t.getDate()-e)}}),Object.defineProperty(t,"nth",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(e>3&&e<21)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}}}),Object.defineProperty(t,"timeFormat",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>e>23||t>59?"Not Valid":e-12>=0?((e=e>12?e-12:e)>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"pm":0==e?"12:"+("0"+t).slice(-2)+"am":(e>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"am"}),Object.defineProperty(t,"dateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r)=>{try{const n=a?" "+a+" ":", ";return e.format(t,r?"do MMMM yyyy":"do MMM yyyy")+n+e.format(t,"h:mmaaa")}catch(t){const n=a?" "+a+" ":", ";return e.format(new Date,r?"do MMMM yyyy":"do MMM yyyy")+n+e.format(new Date,"h:mmaaa")}}}),Object.defineProperty(t,"toDateFromSecs",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Date(1970,0,1);return t.setSeconds(e),t}}),Object.defineProperty(t,"todayDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:t=>e.isToday(t)?`Today at ${e.format(t,"hh:mmaaa")}`:e.isYesterday(t)?`Yesterday at ${e.format(t,"hh:mmaaa")}`:`${e.format(t,"d MMM yyyy")} at ${e.format(t,"hh:mmaaa")}`}),Object.defineProperty(t,"timeString12hr",{enumerable:!0,configurable:!0,writable:!0,value:e=>new Date("1970-01-01T"+e+"Z").toLocaleTimeString("en-US",{timeZone:"UTC",hour12:!0,hour:"numeric",minute:"numeric"})}),Object.defineProperty(t,"customisedDateTimeFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r,n,o)=>{try{const y=a?" "+a+" ":", ";let i="";return i=o?e.format(t,n||"h:mmaaa")+y+e.format(t,r||"do MMM yyyy"):e.format(t,r||"do MMM yyyy")+y+e.format(t,n||"h:mmaaa"),i}catch(t){console.warn(t.message);const y=a?" "+a+" ":", ";return o?e.format(new Date,n||"h:mmaaa")+y+e.format(new Date,r||"do MMM yyyy"):e.format(new Date,r||"do MMM yyyy")+y+e.format(new Date,n||"h:mmaaa")}}}),Object.defineProperty(t,"formatDateTime",{enumerable:!0,configurable:!0,writable:!0,value:e=>("pm"===e.slice(5,7)?(parseInt(e.slice(0,2))+12).toString():e.slice(0,2))+":"+e.slice(3,5)+":00"}),Object.defineProperty(t,"timeDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r,n)=>{try{const o=a?" "+a+" ":", ";return e.format(t,r||"h:mmaaa")+o+e.format(t,n||"do MMM yyyy")}catch(t){const o=a?" "+a+" ":", ";return e.format(new Date,r||"h:mmaaa")+o+e.format(new Date,n||"do MMM yyyy")}}}),Object.defineProperty(t,"timeToAMPM",{enumerable:!0,configurable:!0,writable:!0,value:e=>((e=e.toString().match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/)||[e]).length>1&&((e=e.slice(1))[5]=+e[0]<12?"AM":"PM",e[0]=+e[0]%12||12),e=e[0]+e[1]+e[2]+" "+e[5])}),Object.defineProperty(t,"timeFormatValidation",{enumerable:!0,configurable:!0,writable:!0,value:e=>new RegExp(/^(0?[1-9]|1[012]):[0-5][0-9]\s[AP]{1}[M]{1}$/).test(e)}),Object.defineProperty(t,"onlyDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a)=>e.format(t,a||"dd MMM yyyy")}),Object.defineProperty(t,"getPastDate",{enumerable:!0,configurable:!0,writable:!0,value:(t,a)=>e.subDays(t,a)}),Object.defineProperty(t,"timeFormatValidation12H",{enumerable:!0,configurable:!0,writable:!0,value:e=>new RegExp(/^(0?[0-9]|1[0-2]):[0-5][0-9]$/).test(e)}),Object.defineProperty(t,"convert12HourTimeTo24Hour",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const[t,a]=e.split(" ");let[r,n]=t.split(":");return"12"===r&&(r="00"),"PM"===a&&(r=parseInt(r,10)+12),`${1===r.length?"0"+r:r}:${n}`}}),exports.default=t;
|
|
@@ -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:_,mode:T}=i;var
|
|
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:_,mode:T,selectorKey:h}=i;var g,O,b,k,N,w,P,q,x,C,B;const[E,S]=t([]),[V,A]=t(!1),{deleteProperty:Q,createProperty:D,selectType:M,createMeta:L,updateMeta:$,updateProperty:J,selectPropertyJoinOperator:R,clearProperty:W}=d(h),{cacheWrap:G}=u(),H=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"date"===e.key)),K=null===(O=null==f?void 0:f.metas)||void 0===O?void 0:O.find((e=>"frequency"===e.key)),z=null===(b=null==f?void 0:f.metas)||void 0===b?void 0:b.find((e=>"eventName"===e.key)),[F,I]=t(!1),[U,X]=t(!1),Y=e=>G((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`),Z=(e,o)=>G((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{G((()=>_({})),"EVENT_NAMES").then((e=>{const o=m.convertToGroupOptions(e);if("create"!==T&&z)return S([...o.map((e=>Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:e.value===z.value})))})))]),void A(!0);S([...o]),A(!0)}))}),[]),o(y,Object.assign({selectPropertyJoinOperator:R,node:f,addPropertyBtnText:(null==z?void 0:z.value)&&"Add event property",deleteProperty:Q,createProperty:D,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield Y(null==z?void 0:z.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(J(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0}),f._id),!o.needValuesRetrieval)return[];const e=yield Z(null==z?void 0:z.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){J(Object.assign(Object.assign({},o),{operator:e,value:void 0}),f._id)},onPropertyValueChange:function(e,o){J(Object.assign(Object.assign({},o),{value:e}),f._id)},mode:T},{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"===T,selectedType:f.type,allowedList:j,onSelect:e=>M(e.value,f._id)}),o(c,{disabled:"view"===T,width:"200px",dropdownLabel:"Select event name",options:E,onSelect:function(e){Array.isArray(e)||((null==z?void 0:z.value)?($({key:"eventName",value:e.value},f._id),I(!0),setTimeout((()=>{$({key:"frequency",value:{dataType:v.frequency,operator:p.atleast}},f._id),I(!1)}),1),X(!0),setTimeout((()=>{$({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id),X(!1)}),1),W(f._id)):(W(f._id),L({key:"eventName",value:e.value},f._id),L({key:"frequency",value:{dataType:v.frequency,operator:p.atleast}},f._id),L({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id)))}})]})),(null==K?void 0:K.key)&&!F&&o(n,{disabled:"view"===T,extra:{},errors:{val:null===(N=null===(k=K.error)||void 0===k?void 0:k.value)||void 0===N?void 0:N.value,operator:null===(P=null===(w=K.error)||void 0===w?void 0:w.value)||void 0===P?void 0:P.operator},connectorVal:K.value.value,connectorType:K.value.dataType,defaultConnector:K.value.operator,onOperatorChange:function(e){$({key:"frequency",value:{dataType:v.frequency,operator:e,value:void 0}},f._id)},onValueChange:function(e){var o;V&&$({key:"frequency",value:{dataType:v.frequency,operator:null===(o=null==K?void 0:K.value)||void 0===o?void 0:o.operator,value:e}},f._id)}}),(null==H?void 0:H.key)&&!U&&o(n,{disabled:"view"===T,extra:{},errors:{val:null===(x=null===(q=H.error)||void 0===q?void 0:q.value)||void 0===x?void 0:x.value,operator:null===(B=null===(C=H.error)||void 0===C?void 0:C.value)||void 0===B?void 0:B.operator},connectorVal:H.value.value,connectorType:H.value.dataType,defaultConnector:H.value.operator,onOperatorChange:function(e){$({key:"date",value:{dataType:v.date,operator:e,value:void 0}},f._id)},onValueChange:function(e){var o;V&&$({key:"date",value:{dataType:v.date,operator:null===(o=null==H?void 0:H.value)||void 0===o?void 0:o.operator,value:e}},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 t}from"react";import i from"../../../components/AllowedListDropdown.js";import{useQueryBuilder as
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";import i from"../../../components/AllowedListDropdown.js";import{useQueryBuilder as l}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as s}from"../../../hooks/useQueryBuilderCache.js";import a from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as d}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const n=n=>{let{node:c,allowedNodes:m,apiHandler:p,mode:u,selectorKey:y}=n;var v,f;const{updateMeta:g,selectType:h,createMeta:j}=l(y),{cacheWrap:w}=s(),[A,k]=r(!1),[B,D]=r([]),x=c.metas.find((e=>"segmentID"===e.key));return t((()=>{j({key:"segmentID"},c._id),w((()=>p({})),"SEGMENT_FILTER").then((e=>{e&&Array.isArray(e)&&D([...e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==u&&(!!(null==x?void 0:x.value)&&x.value===e.id)})))]),k(!1)}))}),[]),e(d,Object.assign({node:c,mode:u},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:[e(i,{loading:A,selectedType:c.type,allowedList:m,onSelect:function(e){Array.isArray(e)||(k(!0),h(e.value,c._id))}}),(null===(f=null===(v=null==c?void 0:c.metas)||void 0===v?void 0:v[0])||void 0===f?void 0:f.key)&&e(a,{width:"200px",dropdownLabel:"Select segment",options:B,onSelect:function(e){Array.isArray(e)||g({key:"segmentID",value:e.value},c._id)}})]}))}))};export{n as default};
|
package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as
|
|
1
|
+
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as s}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as n}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const a=a=>{let{node:p,allowedNodes:l,apiHandler:u,mode:c,selectorKey:y}=a;var m;const{selectType:v,createProperty:f,updateProperty:j}=s(y),{cacheWrap:g}=d(),P=e=>g((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return o(n,Object.assign({node:p,mode:c},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[o(t,{disabled:"view"===c,selectedType:p.type,allowedList:l,onSelect:e=>v(e.value,p._id)}),o(i,{mode:c,property:null===(m=null==p?void 0:p.properties)||void 0===m?void 0:m[0],fetchPropertyData:()=>g((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(o){var r,t;return e(this,void 0,void 0,(function*(){if((null===(r=p.properties)||void 0===r?void 0:r[0])?j(Object.assign(Object.assign({},null===(t=p.properties)||void 0===t?void 0:t[0]),{name:o.id,dataType:o.type,operator:void 0,value:void 0}),p._id):f({name:o.id,dataType:o.type},p._id),o.needValuesRetrieval){const e=yield P(o.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{operator:e,value:void 0}),p._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{value:e}),p._id)}})]}))}))};export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useEffect as r}from"react";import{BodyPrimary as n}from"../TypographyStyle.js";import i from"./components/QueryBuilderNodes.js";import{useQueryBuilder as s}from"./hooks/useQueryBuilder.js";const
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useEffect as r}from"react";import{BodyPrimary as n}from"../TypographyStyle.js";import i from"./components/QueryBuilderNodes.js";import{useQueryBuilder as s}from"./hooks/useQueryBuilder.js";const l=l=>{let{queryPreText:d,infinite:a,addNodeBtnText:m,typesAPIHandlers:y,onStateChange:c,mode:p,selectorKey:u,state:f}=l;const{init:h,fillState:j}=s(u),g=y?Object.keys(y):[];return r((()=>{h(null==g?void 0:g[0])}),[g]),r((()=>{f&&j(f)}),[]),e(t,{children:[o(n,Object.assign({style:{marginBottom:12}},{children:d})),o(i,{selectorKey:u,onStateChange:c,typesAPIHandlers:y,allowedNodes:g,infinite:null==a||a,addNodeBtnText:m,mode:p})]})};export{l as QueryBuilder};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{ApiResponseHelper as i}from"../../helpers/ApiResponse.helper.js";import{useQueryBuilder as a}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as n}from"../../hooks/useQueryBuilderCache.js";import l from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as
|
|
1
|
+
import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{ApiResponseHelper as i}from"../../helpers/ApiResponse.helper.js";import{useQueryBuilder as a}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as n}from"../../hooks/useQueryBuilderCache.js";import l from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as s}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const d=new i,u="triggerName",p=i=>{let{node:p,apiHandler:c,cacheKey:y,propertyAddBtnText:v,mode:m,selectorKey:f}=i;const[g,j]=t([]),{updateMeta:h,createMeta:O,createProperty:P,deleteProperty:b,updateProperty:_,selectPropertyJoinOperator:x,clearProperty:B}=a(f),{cacheWrap:N}=n(),A=p.metas.find((e=>e.key===u)),k=e=>N((()=>c({query:{triggerName:e}})),`${y}_${e}`),T=(e,r)=>N((()=>c({query:{triggerName:e,propertyName:r}})),`${y}_${e}_${r}`);return o((()=>{N((()=>c({})),y).then((e=>{var r;if(e&&Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==m&&(!!(null==A?void 0:A.value)&&A.value===e.id)}))))&&void 0!==r?r:[];j([...t])}}))}),[]),r(s,Object.assign({node:p,addPropertyBtnText:(null==A?void 0:A.value)&&v,deleteProperty:b,createProperty:P,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==A?void 0:A.value){return yield k(null==A?void 0:A.value)}return null}))},onPropertyNameSelect:function(r,t){return e(this,void 0,void 0,(function*(){if(_(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),p._id),!r.needValuesRetrieval)return[];const e=yield T(null==A?void 0:A.value,r.id);return e?d.convertToGroupOptions(e):[]}))},onPropertyOperatorChange:function(e,r){_(Object.assign(Object.assign({},r),{operator:e,value:void 0}),p._id)},onPropertyValueChange:function(e,r){_(Object.assign(Object.assign({},r),{value:e}),p._id)},selectPropertyJoinOperator:x,mode:m},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(l,{width:"200px",options:g,onSelect:function(e){Array.isArray(e)||(B(p._id),(null==A?void 0:A.key)===u?h(Object.assign(Object.assign({},A),{value:e.value}),p._id):O({key:u,value:e.value},p._id))}})}))}))};export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{Button as o}from"../../button/Button.js";import e from"../../../assets/icons/plus.svg.js";import{useQueryBuilder as s}from"../hooks/useQueryBuilder.js";const r=r=>{let{buttonText:u,allowedNodes:n}=r;const{addNode:
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{Button as o}from"../../button/Button.js";import e from"../../../assets/icons/plus.svg.js";import{useQueryBuilder as s}from"../hooks/useQueryBuilder.js";const r=r=>{let{buttonText:u,allowedNodes:n,selectorKey:i}=r;const{addNode:m}=s(i);return t(o,{buttonText:u,size:"medium",buttonType:"dashRegular",LeadingIcon:e,onClick:()=>{m(n[0])}})};export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{unCamelCaseWithFirstUppercase as r}from"../../../../utils/unCamelCase.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as l}from"../../types/QueryBuilder.type.js";import
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{unCamelCaseWithFirstUppercase as r}from"../../../../utils/unCamelCase.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as l}from"../../types/QueryBuilder.type.js";import m from"../DropdownWrapper.js";import s from"./Components/FreeText.js";import p from"./Components/FrequencyIntegerPositiveSingle.js";import a from"./Components/IntegerPositiveSingle.js";import u from"./Components/IntegerSingleValue.js";import d from"./Components/MultiselectDropdownFreeText.js";import c from"./Components/NoInput.js";import g from"./Components/NumberTime.js";import f from"./Components/SingleDate.js";import C from"./Components/TwoDate.js";import v from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as j}from"./Connector.styled.js";const S={FreeText:s,IntegerPositiveSingle:a,IntegerSingleValue:u,MultiselectDropdownFreeText:d,NoInput:c,SingleDate:f,TwoNumberInputsSeperatedByAnd:v,FrequencyIntegerPositiveSingle:p,TwoDate:C,NumberTime:g},T=s=>{let{isLoading:p,noDefault:a,connectorType:u,defaultConnector:d,onOperatorChange:c,onValueChange:g,connectorVal:f,extra:C,errors:v,disabled:T}=s;var y;const[I,b]=t(null),[h,x]=t(null!=p&&p),w=i.getConnectorType(u).map((e=>({selected:e===d,value:e,label:r(e)})));function D(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];x(!0);const t=i.getConnectorComponent(u,e.value);void 0!==t?u===l.frequency&&"IntegerPositiveSingle"===t?b("FrequencyIntegerPositiveSingle"):b(t):b(null),o||c(e.value),setTimeout((()=>{x(!1)}),5)}return n((()=>{a||(d?D({value:d,label:d},!0):(null==w?void 0:w[0])&&D(w[0]))}),[d]),e(j,{children:[o("div",{children:o(m,{disabled:T,width:"200px",isLoading:h,options:w,onSelect:D})}),null!==I&&!h&&(null===(y=S[I])||void 0===y?void 0:y.call(S,{disabled:T,val:f,onChange:g,extra:C,errors:v}))]})};export{T as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{
|
|
1
|
+
import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{useSelector as i}from"react-redux";import{Button as l}from"../../button/Button.js";import d from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as s}from"../constants/operators.js";import{useQueryBuilder as n}from"../hooks/useQueryBuilder.js";import a from"./AddNodeButton.js";import c from"./DeleteButton.js";import p from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as m}from"./QueryBuilderNodes.styled.js";const u=u=>{let{infinite:y,addNodeBtnText:f,allowedNodes:j,typesAPIHandlers:v,onStateChange:b,mode:h,selectorKey:w}=u;var g;const x=i((e=>null==e?void 0:e[w])),{deleteNode:N,clearAll:B,selectJoinOperator:O}=n(w);r((()=>{b(x)}),[x]);const C=s.map((e=>(null==x?void 0:x.operator)&&e.value===x.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return e(o,{children:[null===(g=null==x?void 0:x.nodes)||void 0===g?void 0:g.map(((r,i)=>e(o,{children:[0!==i&&t("div",Object.assign({style:{width:80,position:"relative"}},{children:t(d,{disabled:"view"===h,onSelect:e=>{O(e.value)},options:C,height:96,size:"small"})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[t(m,Object.assign({style:{paddingTop:0===i?0:24}},{children:t(p,{selectorKey:w,mode:null!=h?h:"create",allowedNodes:j,node:r,apiHandler:v[r.type]})})),t(o,"view"!==h?{children:0!==i&&t(c,{onClick:()=>N(r._id)})}:{})]}),r._id)]}))),y&&"view"!==h&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[t(a,{buttonText:f,allowedNodes:j,selectorKey:w}),t(l,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>B(j[0])})]}))]})};export{u as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
|
|
2
|
-
export declare const useQueryBuilder: () => {
|
|
2
|
+
export declare const useQueryBuilder: (selectorName: string) => {
|
|
3
3
|
init: (type: QueryBuilderType) => void;
|
|
4
4
|
createProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
|
|
5
5
|
updateProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useDispatch as e}from"react-redux";import{queryBuilderSlice as
|
|
1
|
+
import{useDispatch as e}from"react-redux";import{queryBuilderSlice as r}from"../redux/queryBuilder.reducer.js";const t=t=>{const o=r(t).actions,p=e(),d=e=>{p(o.initQueryBuilder({type:e}))};return{init:d,createProperty:(e,r)=>{p(o.createProperty({property:e,nodeID:r}))},updateProperty:(e,r)=>{p(o.updateProperty({property:e,nodeID:r}))},updateMeta:(e,r)=>{p(o.updateMeta({meta:e,nodeID:r}))},createMeta:(e,r)=>{p(o.createMeta({meta:e,nodeID:r}))},createNode:e=>{p(o.addNode({type:e}))},selectType:(e,r)=>{p(o.selectType({type:e,nodeID:r}))},addNode:e=>{p(o.addNode({type:e}))},deleteNode:e=>{p(o.deleteNode({nodeID:e}))},deleteProperty:(e,r)=>{p(o.deleteProperty({property:e,nodeID:r}))},clearAll:d,selectPropertyJoinOperator:(e,r)=>{p(o.selectPropertyJoinOperator({joinOperator:e,nodeID:r}))},selectJoinOperator:e=>{p(o.selectJoinOperator({joinOperator:e}))},fillState:e=>{p(o.fillState(e))},clearProperty:e=>{p(o.clearProperty({nodeID:e}))}}};export{t as useQueryBuilder};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PayloadAction } from '@reduxjs/toolkit';
|
|
2
2
|
import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
|
|
3
|
-
export declare const queryBuilderSlice: import("@reduxjs/toolkit").Slice<QueryBuilderRoot, {
|
|
3
|
+
export declare const queryBuilderSlice: (selectorName: string) => import("@reduxjs/toolkit").Slice<QueryBuilderRoot, {
|
|
4
4
|
clearProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
|
|
5
5
|
nodeID: string;
|
|
6
6
|
}>): void;
|
|
@@ -48,4 +48,4 @@ export declare const queryBuilderSlice: import("@reduxjs/toolkit").Slice<QueryBu
|
|
|
48
48
|
nodeID: string;
|
|
49
49
|
type: QueryBuilderType;
|
|
50
50
|
}>): void;
|
|
51
|
-
},
|
|
51
|
+
}, string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";import o from"react-native-uuid";import{QueryBuilderJoinOperators as d}from"../types/QueryBuilder.type.js";const t=o.v4,s=
|
|
1
|
+
import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";import o from"react-native-uuid";import{QueryBuilderJoinOperators as d}from"../types/QueryBuilder.type.js";const t=o.v4,s={nodes:[{_id:t(),properties:[],metas:[]}]},n=o=>e({name:null!=o?o:"queryBuilder",initialState:s,reducers:{clearProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));d>-1&&(e.nodes[d].properties=[])},fillState:(e,o)=>Object.assign({},o.payload),initQueryBuilder(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND};e.nodes=[s],e.operator=d.AND},addNode(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND},n=e.nodes;e.nodes=[...n,s]},deleteNode(e,o){const d=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...d]},clearNode(e,o){var d;const s=[...null!==(d=e.nodes)&&void 0!==d?d:[]];if(0===s.length){const e={type:o.payload.type,properties:[],metas:[],_id:t()};s.push(e)}e.nodes=s},createProperty(e,o){var d;const s=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(s>-1){const n=null!==(d=e.nodes[s].properties)&&void 0!==d?d:[],a=Object.assign(Object.assign({},o.payload.property),{_id:t()});e.nodes[s].properties=[...n,a]}},updateProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).map((e=>e._id===o.payload.property._id?Object.assign(Object.assign({},e),o.payload.property):e));e.nodes[t].properties=[...s]}},deleteProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).filter((e=>e._id!==o.payload.property._id));e.nodes[t].properties=[...s]}},createMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=null!==(d=e.nodes[t].metas)&&void 0!==d?d:[],n=Object.assign({},o.payload.meta);e.nodes[t].metas=[...s,n]}},updateMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].metas)&&void 0!==d?d:[]).map((e=>e.key===o.payload.meta.key?Object.assign(Object.assign({},e),o.payload.meta):e));e.nodes[t].metas=[...s]}},selectPropertyJoinOperator(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]=Object.assign(Object.assign({},t),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]={_id:t._id,type:o.payload.type,properties:[],metas:[]}}}}});export{n as queryBuilderSlice};
|
|
@@ -6,5 +6,6 @@ export type QueryBuilderNodeProps = {
|
|
|
6
6
|
allowedNodes: QueryBuilderType[];
|
|
7
7
|
node: BaseQueryBuilderNode;
|
|
8
8
|
mode: QueryBuilderProps['mode'];
|
|
9
|
+
selectorKey: string;
|
|
9
10
|
apiHandler: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
|
|
10
11
|
};
|
|
@@ -2,6 +2,11 @@ import { Response } from '../../../types/apiExecutor';
|
|
|
2
2
|
import { QueryBuilderRoot, QueryBuilderType } from './QueryBuilder.type';
|
|
3
3
|
import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
|
|
4
4
|
export type QueryBuilderProps = {
|
|
5
|
+
/**
|
|
6
|
+
* The selector key that will be used to make query builder independent when there are multiple
|
|
7
|
+
* query builders in single page
|
|
8
|
+
*/
|
|
9
|
+
selectorKey: string;
|
|
5
10
|
/**
|
|
6
11
|
* and will be passed as a prop here. Single function to branch out based on the query being passed.
|
|
7
12
|
* list of allowed query builder types are keys of this object.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{format as e,isToday as t,isYesterday as a,subDays as r}from"date-fns";class n{}Object.defineProperty(n,"formatDateInDDMMMYYY",{enumerable:!0,configurable:!0,writable:!0,value:t=>{const a=new Date(t);return e(a,"dd MMM yyy")}}),Object.defineProperty(n,"getStringFromDate",{enumerable:!0,configurable:!0,writable:!0,value:function(t){if(!t)return"";switch(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"YYYY-MM-DD"){case"YYYY-MM-DD":{const e=t.getMonth()+1>=10?`${t.getMonth()+1}`:`0${t.getMonth()+1}`,a=t.getDate()>=10?`${t.getDate()}`:`0${t.getDate()}`;return`${t.getFullYear()}-${e}-${a}`}case"dd-MM-yyyy":return e(new Date(t),"dd-MM-yyyy");case"dd MMM yyyy":return e(new Date(t),"dd MMM yyyy");case"dd/MM/yyyy":return e(new Date(t),"dd/MM/yyyy");default:return" "}}}),Object.defineProperty(n,"getTodayStringifyDate",{enumerable:!0,configurable:!0,writable:!0,value:()=>n.getStringFromDate(new Date)}),Object.defineProperty(n,"getDaysBefore",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Date;return new Date(t.getFullYear(),t.getMonth(),t.getDate()-e)}}),Object.defineProperty(n,"nth",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(e>3&&e<21)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}}}),Object.defineProperty(n,"timeFormat",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>e>23||t>59?"Not Valid":e-12>=0?((e=e>12?e-12:e)>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"pm":0==e?"12:"+("0"+t).slice(-2)+"am":(e>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"am"}),Object.defineProperty(n,"dateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r)=>{try{const n=a?" "+a+" ":", ";return e(t,r?"do MMMM yyyy":"do MMM yyyy")+n+e(t,"h:mmaaa")}catch(t){
|
|
1
|
+
import{format as e,isToday as t,isYesterday as a,subDays as r}from"date-fns";class n{}Object.defineProperty(n,"formatDateInDDMMMYYY",{enumerable:!0,configurable:!0,writable:!0,value:t=>{const a=new Date(t);return e(a,"dd MMM yyy")}}),Object.defineProperty(n,"getStringFromDate",{enumerable:!0,configurable:!0,writable:!0,value:function(t){if(!t)return"";switch(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"YYYY-MM-DD"){case"YYYY-MM-DD":{const e=t.getMonth()+1>=10?`${t.getMonth()+1}`:`0${t.getMonth()+1}`,a=t.getDate()>=10?`${t.getDate()}`:`0${t.getDate()}`;return`${t.getFullYear()}-${e}-${a}`}case"dd-MM-yyyy":return e(new Date(t),"dd-MM-yyyy");case"dd MMM yyyy":return e(new Date(t),"dd MMM yyyy");case"dd/MM/yyyy":return e(new Date(t),"dd/MM/yyyy");default:return" "}}}),Object.defineProperty(n,"getTodayStringifyDate",{enumerable:!0,configurable:!0,writable:!0,value:()=>n.getStringFromDate(new Date)}),Object.defineProperty(n,"getDaysBefore",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Date;return new Date(t.getFullYear(),t.getMonth(),t.getDate()-e)}}),Object.defineProperty(n,"nth",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(e>3&&e<21)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}}}),Object.defineProperty(n,"timeFormat",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>e>23||t>59?"Not Valid":e-12>=0?((e=e>12?e-12:e)>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"pm":0==e?"12:"+("0"+t).slice(-2)+"am":(e>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"am"}),Object.defineProperty(n,"dateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r)=>{try{const n=a?" "+a+" ":", ";return e(t,r?"do MMMM yyyy":"do MMM yyyy")+n+e(t,"h:mmaaa")}catch(t){const n=a?" "+a+" ":", ";return e(new Date,r?"do MMMM yyyy":"do MMM yyyy")+n+e(new Date,"h:mmaaa")}}}),Object.defineProperty(n,"toDateFromSecs",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Date(1970,0,1);return t.setSeconds(e),t}}),Object.defineProperty(n,"todayDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:r=>t(r)?`Today at ${e(r,"hh:mmaaa")}`:a(r)?`Yesterday at ${e(r,"hh:mmaaa")}`:`${e(r,"d MMM yyyy")} at ${e(r,"hh:mmaaa")}`}),Object.defineProperty(n,"timeString12hr",{enumerable:!0,configurable:!0,writable:!0,value:e=>new Date("1970-01-01T"+e+"Z").toLocaleTimeString("en-US",{timeZone:"UTC",hour12:!0,hour:"numeric",minute:"numeric"})}),Object.defineProperty(n,"customisedDateTimeFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r,n,o)=>{try{const l=a?" "+a+" ":", ";let y="";return y=o?e(t,n||"h:mmaaa")+l+e(t,r||"do MMM yyyy"):e(t,r||"do MMM yyyy")+l+e(t,n||"h:mmaaa"),y}catch(t){console.warn(t.message);const l=a?" "+a+" ":", ";return o?e(new Date,n||"h:mmaaa")+l+e(new Date,r||"do MMM yyyy"):e(new Date,r||"do MMM yyyy")+l+e(new Date,n||"h:mmaaa")}}}),Object.defineProperty(n,"formatDateTime",{enumerable:!0,configurable:!0,writable:!0,value:e=>("pm"===e.slice(5,7)?(parseInt(e.slice(0,2))+12).toString():e.slice(0,2))+":"+e.slice(3,5)+":00"}),Object.defineProperty(n,"timeDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r,n)=>{try{const o=a?" "+a+" ":", ";return e(t,r||"h:mmaaa")+o+e(t,n||"do MMM yyyy")}catch(t){const o=a?" "+a+" ":", ";return e(new Date,r||"h:mmaaa")+o+e(new Date,n||"do MMM yyyy")}}}),Object.defineProperty(n,"timeToAMPM",{enumerable:!0,configurable:!0,writable:!0,value:e=>((e=e.toString().match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/)||[e]).length>1&&((e=e.slice(1))[5]=+e[0]<12?"AM":"PM",e[0]=+e[0]%12||12),e=e[0]+e[1]+e[2]+" "+e[5])}),Object.defineProperty(n,"timeFormatValidation",{enumerable:!0,configurable:!0,writable:!0,value:e=>new RegExp(/^(0?[1-9]|1[012]):[0-5][0-9]\s[AP]{1}[M]{1}$/).test(e)}),Object.defineProperty(n,"onlyDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a)=>e(t,a||"dd MMM yyyy")}),Object.defineProperty(n,"getPastDate",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>r(e,t)}),Object.defineProperty(n,"timeFormatValidation12H",{enumerable:!0,configurable:!0,writable:!0,value:e=>new RegExp(/^(0?[0-9]|1[0-2]):[0-5][0-9]$/).test(e)}),Object.defineProperty(n,"convert12HourTimeTo24Hour",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const[t,a]=e.split(" ");let[r,n]=t.split(":");return"12"===r&&(r="00"),"PM"===a&&(r=parseInt(r,10)+12),`${1===r.length?"0"+r:r}:${n}`}});export{n as default};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-redux");exports.useQueryBuilderSelector=()=>e.useSelector((e=>e.queryBuilder));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{useSelector as r}from"react-redux";const e=()=>r((r=>r.queryBuilder));export{e as useQueryBuilderSelector};
|