@bikdotai/bik-component-library 0.0.27-beta.4 → 0.0.27-beta.6

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js

@@ -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 l=new i.ApiResponseHelper,s="triggerName";exports.default=i=>{let{node:d,apiHandler:c,cacheKey:p,propertyAddBtnText:v,mode:y,selectorKey:j}=i;var f;const[g,h]=t.useState([]),{updateMeta:_,createMeta:O,createProperty:m,deleteProperty:P,updateProperty:b,selectPropertyJoinOperator:x,clearProperty:B}=o.useQueryBuilder(j),{cacheWrap:q}=a.useQueryBuilderCache(),N=d.metas.find((e=>e.key===s)),A=e=>q((()=>c({query:{triggerName:e}})),`${p}_${e}`),Q=(e,r)=>q((()=>c({query:{triggerName:e,propertyName:r}})),`${p}_${e}_${r}`);return t.useEffect((()=>{q((()=>c({})),p).then((e=>{var r;if(e)if(Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==y&&(!!(null==N?void 0:N.value)&&N.value===e.id)}))))&&void 0!==r?r:[];h([...t])}else{const r=l.convertToGroupOptions(e,(null==N?void 0:N.value)?[N.value]:void 0);h([...r])}}))}),[]),r.jsx(u.BaseQueryBuilderNode,Object.assign({node:d,addPropertyBtnText:(null==N?void 0:N.value)&&v,deleteProperty:P,createProperty:m,propertySelectorText:"Select condition",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){if(null==N?void 0:N.value){return yield A(null==N?void 0:N.value)}return null}))},onPropertyNameSelect:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){if(b(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 Q(null==N?void 0:N.value,r.id);return e?l.convertToGroupOptions(e):[]}))},onPropertyOperatorChange:function(e,r){b(Object.assign(Object.assign({},r),{operator:e,value:void 0}),d._id)},onPropertyValueChange:function(e,r){b(Object.assign(Object.assign({},r),{value:e}),d._id)},selectPropertyJoinOperator:x,mode:y},{children:r.jsx("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r.jsx(n.default,{error:null===(f=null==N?void 0:N.error)||void 0===f?void 0:f.key,width:"200px",options:g,onSelect:function(e){Array.isArray(e)||(B(d._id),(null==N?void 0:N.key)===s?_(Object.assign(Object.assign({},N),{value:e.value}),d._id):O({key:s,value:e.value},d._id))}})}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("../../helpers/ApiResponse.helper.js"),i=require("../../hooks/useQueryBuilder.js"),a=require("../../hooks/useQueryBuilderCache.js"),n=require("../../components/DropdownWrapper.js"),u=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const l=new o.ApiResponseHelper,s="triggerName";exports.default=o=>{let{node:d,apiHandler:c,cacheKey:p,propertyAddBtnText:v,mode:y,selectorKey:j}=o;var f;const[g,h]=t.useState([]),{updateMeta:_,createMeta:O,createProperty:m,deleteProperty:P,updateProperty:b,selectPropertyJoinOperator:x,clearProperty:B}=i.useQueryBuilder(j),{cacheWrap:q}=a.useQueryBuilderCache(),N=d.metas.find((e=>e.key===s)),A=e=>q((()=>c({query:{triggerName:e}})),`${p}_${e}`),Q=(e,r)=>q((()=>c({query:{triggerName:e,propertyName:r}})),`${p}_${e}_${r}`);return t.useEffect((()=>{q((()=>c({})),p).then((e=>{var r;if(e)if(Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==y&&(!!(null==N?void 0:N.value)&&N.value===e.id)}))))&&void 0!==r?r:[];h([...t])}else{const r=l.convertToGroupOptions(e,(null==N?void 0:N.value)?[N.value]:void 0);h([...r])}}))}),[]),r.jsx(u.BaseQueryBuilderNode,Object.assign({node:d,addPropertyBtnText:(null==N?void 0:N.value)&&v,deleteProperty:P,createProperty:m,propertySelectorText:"Select condition",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){if(null==N?void 0:N.value){return yield A(null==N?void 0:N.value)}return null}))},onPropertyNameSelect:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){b(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),d._id);const e=yield Q(null==N?void 0:N.value,r.id);return e?l.convertToGroupOptions(e):[]}))},onPropertyOperatorChange:function(e,r){b(Object.assign(Object.assign({},r),{operator:e,value:void 0}),d._id)},onPropertyValueChange:function(e,r){b(Object.assign(Object.assign({},r),{value:e}),d._id)},selectPropertyJoinOperator:x,mode:y},{children:r.jsx("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r.jsx(n.default,{error:null===(f=null==N?void 0:N.error)||void 0===f?void 0:f.key,width:"200px",options:g,onSelect:function(e){Array.isArray(e)||(B(d._id),(null==N?void 0:N.key)===s?_(Object.assign(Object.assign({},N),{value:e.value}),d._id):O({key:s,value:e.value},d._id))}})}))}))};

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

@@ -1 +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");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=c(t).default.forwardRef(((c,j)=>{let{infinite:p,addNodeBtnText:x,allowedNodes:y,typesAPIHandlers:f,onStateChange:v,mode:g,selectorKey:b}=c;var w;const O=r.useSelector((e=>null==e?void 0:e[b])),{deleteNode:m,clearAll:h,selectJoinOperator:N,fillState:q}=o.useQueryBuilder(b);t.useEffect((()=>{null==v||v(O)}),[O]);const B=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 t.useImperativeHandle(j,(()=>({getState:()=>Object.assign({},O),fillState(e){q(Object.assign({},e))}}))),e.jsxs(e.Fragment,{children:[null===(w=null==O?void 0:O.nodes)||void 0===w?void 0:w.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i.Dropdown,{disabled:"view"===g,onSelect:e=>{N(e.value)},options:B,width:"80px",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:b,mode:null!=g?g:"create",allowedNodes:y,node:t,apiHandler:f[t.type]})})),"view"!==g?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>m(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),p&&"view"!==g&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(d.default,{buttonText:x,allowedNodes:y,selectorKey:b}),e.jsx(s.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>h(y[0])})]}))]})}));j.displayName="QueryBuilderNodes",exports.default=j;
+"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");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=c(t).default.forwardRef(((c,j)=>{let{infinite:p,addNodeBtnText:x,allowedNodes:y,typesAPIHandlers:f,onStateChange:g,mode:v,selectorKey:b}=c;var O;const w=r.useSelector((e=>null==e?void 0:e[b])),{deleteNode:m,clearAll:h,selectJoinOperator:N,fillState:q}=o.useQueryBuilder(b);t.useEffect((()=>{null==g||g(Object.assign({},w))}),[w]);const B=l.JOIN_OPERATOR_OPTIONS.map((e=>(null==w?void 0:w.operator)&&e.value===w.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return t.useImperativeHandle(j,(()=>({getState:()=>Object.assign({},w),fillState(e){q(Object.assign({},e))}}))),e.jsxs(e.Fragment,{children:[null===(O=null==w?void 0:w.nodes)||void 0===O?void 0:O.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i.Dropdown,{disabled:"view"===v,onSelect:e=>{N(e.value)},options:B,width:"80px",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:b,mode:null!=v?v:"create",allowedNodes:y,node:t,apiHandler:f[t.type]})})),"view"!==v?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>m(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),p&&"view"!==v&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(d.default,{buttonText:x,allowedNodes:y,selectorKey:b}),e.jsx(s.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>h(y[0])})]}))]})}));j.displayName="QueryBuilderNodes",exports.default=j;

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as o,useEffect as t}from"react";import{ApiResponseHelper as i}from"../../helpers/ApiResponse.helper.js";import{useQueryBuilder as n}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as a}from"../../hooks/useQueryBuilderCache.js";import l from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as d}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const s=new i,u="triggerName",p=i=>{let{node:p,apiHandler:c,cacheKey:v,propertyAddBtnText:y,mode:m,selectorKey:f}=i;var g;const[j,h]=o([]),{updateMeta:O,createMeta:P,createProperty:b,deleteProperty:_,updateProperty:x,selectPropertyJoinOperator:B,clearProperty:N}=n(f),{cacheWrap:k}=a(),A=p.metas.find((e=>e.key===u)),T=e=>k((()=>c({query:{triggerName:e}})),`${v}_${e}`),$=(e,r)=>k((()=>c({query:{triggerName:e,propertyName:r}})),`${v}_${e}_${r}`);return t((()=>{k((()=>c({})),v).then((e=>{var r;if(e)if(Array.isArray(e)){const o=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==m&&(!!(null==A?void 0:A.value)&&A.value===e.id)}))))&&void 0!==r?r:[];h([...o])}else{const r=s.convertToGroupOptions(e,(null==A?void 0:A.value)?[A.value]:void 0);h([...r])}}))}),[]),r(d,Object.assign({node:p,addPropertyBtnText:(null==A?void 0:A.value)&&y,deleteProperty:_,createProperty:b,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==A?void 0:A.value){return yield T(null==A?void 0:A.value)}return null}))},onPropertyNameSelect:function(r,o){return e(this,void 0,void 0,(function*(){if(x(Object.assign(Object.assign({},o),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),p._id),!r.needValuesRetrieval)return[];const e=yield $(null==A?void 0:A.value,r.id);return e?s.convertToGroupOptions(e):[]}))},onPropertyOperatorChange:function(e,r){x(Object.assign(Object.assign({},r),{operator:e,value:void 0}),p._id)},onPropertyValueChange:function(e,r){x(Object.assign(Object.assign({},r),{value:e}),p._id)},selectPropertyJoinOperator:B,mode:m},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(l,{error:null===(g=null==A?void 0:A.error)||void 0===g?void 0:g.key,width:"200px",options:j,onSelect:function(e){Array.isArray(e)||(N(p._id),(null==A?void 0:A.key)===u?O(Object.assign(Object.assign({},A),{value:e.value}),p._id):P({key:u,value:e.value},p._id))}})}))}))};export{p as default};
+import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as o,useEffect as t}from"react";import{ApiResponseHelper as i}from"../../helpers/ApiResponse.helper.js";import{useQueryBuilder as n}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as a}from"../../hooks/useQueryBuilderCache.js";import l from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as d}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const s=new i,u="triggerName",p=i=>{let{node:p,apiHandler:c,cacheKey:v,propertyAddBtnText:y,mode:m,selectorKey:f}=i;var g;const[j,h]=o([]),{updateMeta:O,createMeta:P,createProperty:b,deleteProperty:_,updateProperty:x,selectPropertyJoinOperator:B,clearProperty:N}=n(f),{cacheWrap:k}=a(),A=p.metas.find((e=>e.key===u)),T=e=>k((()=>c({query:{triggerName:e}})),`${v}_${e}`),$=(e,r)=>k((()=>c({query:{triggerName:e,propertyName:r}})),`${v}_${e}_${r}`);return t((()=>{k((()=>c({})),v).then((e=>{var r;if(e)if(Array.isArray(e)){const o=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==m&&(!!(null==A?void 0:A.value)&&A.value===e.id)}))))&&void 0!==r?r:[];h([...o])}else{const r=s.convertToGroupOptions(e,(null==A?void 0:A.value)?[A.value]:void 0);h([...r])}}))}),[]),r(d,Object.assign({node:p,addPropertyBtnText:(null==A?void 0:A.value)&&y,deleteProperty:_,createProperty:b,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==A?void 0:A.value){return yield T(null==A?void 0:A.value)}return null}))},onPropertyNameSelect:function(r,o){return e(this,void 0,void 0,(function*(){x(Object.assign(Object.assign({},o),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),p._id);const e=yield $(null==A?void 0:A.value,r.id);return e?s.convertToGroupOptions(e):[]}))},onPropertyOperatorChange:function(e,r){x(Object.assign(Object.assign({},r),{operator:e,value:void 0}),p._id)},onPropertyValueChange:function(e,r){x(Object.assign(Object.assign({},r),{value:e}),p._id)},selectPropertyJoinOperator:B,mode:m},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(l,{error:null===(g=null==A?void 0:A.error)||void 0===g?void 0:g.key,width:"200px",options:j,onSelect:function(e){Array.isArray(e)||(N(p._id),(null==A?void 0:A.key)===u?O(Object.assign(Object.assign({},A),{value:e.value}),p._id):P({key:u,value:e.value},p._id))}})}))}))};export{p as default};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.27-beta.4",
+	"version": "0.0.27-beta.6",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",