@bikdotai/bik-component-library 1.1.1-beta.6 → 1.1.1-beta.7

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"),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))}})}))}))};
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"),l=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const u=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=u.convertToGroupOptions(e,(null==N?void 0:N.value)?[N.value]:void 0);h([...r])}}))}),[]),r.jsx(l.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?{normalized:u.convertToGroupOptions(e),originalData: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))}})}))}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("../../../constants/connectorPosition.js"),t=require("../../../helpers/ApiResponse.helper.js"),n=require("../../Connectors/Connector.js"),a=require("../../DropdownWrapper.js"),i=require("./PropertyNode.styled.js"),s=require("./PropertyNodeUIWrapper.js");const l=new t.ApiResponseHelper,d=t=>{let{propertySelectorText:s,fetchPropertyData:d,onPropertyNameSelect:p,onPropertyOperatorChange:u,onPropertyValueChange:c,property:v,mode:y}=t;var j,g,h,x,f,b;const[m,C]=r.useState([]),[O,A]=r.useState({}),[P,w]=r.useState(!0),q=Array.isArray(m)?m.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==v?void 0:v.name)===e.id}))):l.convertToGroupOptions(m,(null==v?void 0:v.name)?[v.name.toString()]:void 0);return r.useEffect((()=>{d?d().then((e=>{e&&(Array.isArray(e)?C([...e]):C(Object.assign({},e))),w(!1)})):w(!1)}),[]),e.jsxs(e.Fragment,{children:[e.jsxs(i.Container,{children:[e.jsx(a.default,{disabled:"view"===y,width:"200px",isLoading:P,dropdownLabel:null!=s?s:"Select property",options:q,onSelect:function(e){if(!Array.isArray(e)){let r=null;Array.isArray(m)?r=m.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(m).forEach((o=>{const t=m[o].find((r=>{let{id:o}=r;return o===e.value}));t&&(r=t)})),A({}),r&&(null==p||p(r,v).then((e=>{A({options:Array.isArray(e)?[...e]:Object.assign({},e),originalData:e})})))}}}),(null==v?void 0:v.name)&&!(null===(j=o.isNewLineConnectorPosition[v.dataType])||void 0===j?void 0:j[v.operator])&&e.jsx(n.default,{disabled:"view"===y,extra:O,errors:{val:null===(g=v.error)||void 0===g?void 0:g.value,operator:null===(h=v.error)||void 0===h?void 0:h.operator},connectorVal:v.value,connectorType:v.dataType,defaultConnector:v.operator,onOperatorChange:e=>null==u?void 0:u(e,v),onValueChange:e=>null==c?void 0:c(e,v)})]}),(null==v?void 0:v.name)&&(null===(x=o.isNewLineConnectorPosition[v.dataType])||void 0===x?void 0:x[v.operator])&&e.jsx(n.default,{disabled:"view"===y,extra:O,errors:{val:null===(f=v.error)||void 0===f?void 0:f.value,operator:null===(b=v.error)||void 0===b?void 0:b.operator},connectorVal:v.value,connectorType:v.dataType,defaultConnector:v.operator,onOperatorChange:e=>null==u?void 0:u(e,v),onValueChange:e=>null==c?void 0:c(e,v)})]})};exports.PropertyNode=r=>e.jsx(s.default,Object.assign({isLast:r.isLast,mode:r.mode},{children:e.jsx("div",Object.assign({style:{padding:12}},{children:e.jsx(d,Object.assign({},r))}))})),exports.PropertyNodeHeadless=d;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("../../../constants/connectorPosition.js"),n=require("../../../helpers/ApiResponse.helper.js"),t=require("../../Connectors/Connector.js"),a=require("../../DropdownWrapper.js"),i=require("./PropertyNode.styled.js"),l=require("./PropertyNodeUIWrapper.js");const s=new n.ApiResponseHelper,d=n=>{let{propertySelectorText:l,fetchPropertyData:d,onPropertyNameSelect:p,onPropertyOperatorChange:u,onPropertyValueChange:c,property:v,mode:y}=n;var j,g,h,m,x,b;const[f,A]=r.useState([]),[O,C]=r.useState({}),[P,w]=r.useState(!0),q=Array.isArray(f)?f.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==v?void 0:v.name)===e.id}))):s.convertToGroupOptions(f,(null==v?void 0:v.name)?[v.name.toString()]:void 0);return r.useEffect((()=>{d?d().then((e=>{e&&(Array.isArray(e)?A([...e]):A(Object.assign({},e))),w(!1)})):w(!1)}),[]),e.jsxs(e.Fragment,{children:[e.jsxs(i.Container,{children:[e.jsx(a.default,{disabled:"view"===y,width:"200px",isLoading:P,dropdownLabel:null!=l?l:"Select property",options:q,onSelect:function(e){if(!Array.isArray(e)){let r=null;Array.isArray(f)?r=f.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(f).forEach((o=>{const n=f[o].find((r=>{let{id:o}=r;return o===e.value}));n&&(r=n)})),C({}),r&&(null==p||p(r,v).then((e=>{const r=e;r.normalized&&r.originalData?C({options:Array.isArray(r.normalized)?[...r.normalized]:Object.assign({},r.normalized),originalData:r.originalData}):C({options:Array.isArray(e)?[...e]:Object.assign({},e)})})))}}}),(null==v?void 0:v.name)&&!(null===(j=o.isNewLineConnectorPosition[v.dataType])||void 0===j?void 0:j[v.operator])&&e.jsx(t.default,{disabled:"view"===y,extra:O,errors:{val:null===(g=v.error)||void 0===g?void 0:g.value,operator:null===(h=v.error)||void 0===h?void 0:h.operator},connectorVal:v.value,connectorType:v.dataType,defaultConnector:v.operator,onOperatorChange:e=>null==u?void 0:u(e,v),onValueChange:e=>null==c?void 0:c(e,v)})]}),(null==v?void 0:v.name)&&(null===(m=o.isNewLineConnectorPosition[v.dataType])||void 0===m?void 0:m[v.operator])&&e.jsx(t.default,{disabled:"view"===y,extra:O,errors:{val:null===(x=v.error)||void 0===x?void 0:x.value,operator:null===(b=v.error)||void 0===b?void 0:b.operator},connectorVal:v.value,connectorType:v.dataType,defaultConnector:v.operator,onOperatorChange:e=>null==u?void 0:u(e,v),onValueChange:e=>null==c?void 0:c(e,v)})]})};exports.PropertyNode=r=>e.jsx(l.default,Object.assign({isLast:r.isLast,mode:r.mode},{children:e.jsx("div",Object.assign({style:{padding:12}},{children:e.jsx(d,Object.assign({},r))}))})),exports.PropertyNodeHeadless=d;
@@ -10,7 +10,10 @@ export type QueryBuilderPropertyProps = {
10
10
  selectPropertyJoinOperator?: (option: QueryBuilderJoinOperators, nodeID: string) => void;
11
11
  propertySelectorText?: string;
12
12
  fetchPropertyData?: () => Promise<BaseQueryBuilderResponse | null>;
13
- onPropertyNameSelect?: (propertyName: QueryBuilderAPIData, property: QueryBuilderProperty) => Promise<BaseQueryBuilderResponse | DropdownOption | DropdownOption[]>;
13
+ onPropertyNameSelect?: (propertyName: QueryBuilderAPIData, property: QueryBuilderProperty) => Promise<BaseQueryBuilderResponse | DropdownOption | DropdownOption[] | {
14
+ normalized: DropdownOption[];
15
+ originalData: any;
16
+ }>;
14
17
  onPropertyOperatorChange?: (option: CONNECTOR_OPERATORS, property: QueryBuilderProperty) => void;
15
18
  onPropertyValueChange?: (value: CONNECTOR_VALUE_TYPE | /** for multiselect */ QueryBuilderAPIData[], property: QueryBuilderProperty) => void;
16
19
  };
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../TypographyStyle.js"),i=require("./postPicker.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=d(e);o.default.div`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,o=i(e);!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(d||(d={})),o.default.div`
2
2
  position: fixed;
3
3
  top: 0;
4
4
  left: 0;
@@ -30,11 +30,11 @@
30
30
  padding: 6px 6px 20px 6px;
31
31
  `,o.default.div`
32
32
  padding: 6px 6px 20px 6px;
33
- `;const r=o.default.div`
33
+ `;const p=o.default.div`
34
34
  display: grid;
35
35
  grid-template-columns: repeat(
36
- ${e=>e.mediaType==i.MEDIA_TYPES.POST?6:8},
37
- ${e=>e.mediaType==i.MEDIA_TYPES.POST?156:113}px
36
+ ${e=>e.mediaType==d.POST?6:8},
37
+ ${e=>e.mediaType==d.POST?156:113}px
38
38
  );
39
39
  grid-gap: 16px;
40
40
  overflow-y: scroll;
@@ -50,17 +50,17 @@
50
50
  &:hover::-webkit-scrollbar {
51
51
  width: 0.5em;
52
52
  }
53
- `,p=o.default.div`
53
+ `,r=o.default.div`
54
54
  position: relative;
55
55
  cursor: pointer;
56
- height: ${e=>e.mediaType==i.MEDIA_TYPES.POST?155:180}px;
56
+ height: ${e=>e.mediaType==d.POST?155:180}px;
57
57
  padding: 2px;
58
58
  border-radius: 4px;
59
59
  border: 2px solid transparent;
60
60
 
61
61
  img {
62
- width: ${e=>e.mediaType==i.MEDIA_TYPES.POST?148:104}px;
63
- height: ${e=>e.mediaType==i.MEDIA_TYPES.POST?148:172}px;
62
+ width: ${e=>e.mediaType==d.POST?148:104}px;
63
+ height: ${e=>e.mediaType==d.POST?148:172}px;
64
64
  object-fit: cover;
65
65
  border-radius: 4px;
66
66
  }
@@ -69,8 +69,8 @@
69
69
  position: absolute;
70
70
  top: 2px;
71
71
  left: 2px;
72
- width: ${e=>e.mediaType==i.MEDIA_TYPES.POST?148:104}px;
73
- height: ${e=>e.mediaType==i.MEDIA_TYPES.POST?148:172}px;
72
+ width: ${e=>e.mediaType==d.POST?148:104}px;
73
+ height: ${e=>e.mediaType==d.POST?148:172}px;
74
74
  background-color: rgba(255, 255, 255, 0.9);
75
75
  display: flex;
76
76
  flex-direction: column;
@@ -127,4 +127,4 @@
127
127
  flex-direction: row;
128
128
  justify-content: flex-end;
129
129
  gap: 10px;
130
- `,exports.StyledProduct=p,exports.StyledProductGrid=r;
130
+ `,exports.StyledProduct=r,exports.StyledProductGrid=p;
@@ -1 +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};
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?{normalized:s.convertToGroupOptions(e),originalData: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};
@@ -1 +1 @@
1
- import{jsx as r,jsxs as e,Fragment as o}from"react/jsx-runtime";import{useState as n,useEffect as t}from"react";import{isNewLineConnectorPosition as a}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import l from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as p}from"./PropertyNode.styled.js";import s from"./PropertyNodeUIWrapper.js";const c=new i,v=e=>r(s,Object.assign({isLast:e.isLast,mode:e.mode},{children:r("div",Object.assign({style:{padding:12}},{children:r(u,Object.assign({},e))}))})),u=i=>{let{propertySelectorText:s,fetchPropertyData:v,onPropertyNameSelect:u,onPropertyOperatorChange:m,onPropertyValueChange:y,property:g,mode:h}=i;var f,j,b,O,A,C;const[T,w]=n([]),[P,x]=n({}),[S,V]=n(!0),L=Array.isArray(T)?T.map((r=>Object.assign(Object.assign({},r),{label:r.name,value:r.id,description:r.description,selected:(null==g?void 0:g.name)===r.id}))):c.convertToGroupOptions(T,(null==g?void 0:g.name)?[g.name.toString()]:void 0);return t((()=>{v?v().then((r=>{r&&(Array.isArray(r)?w([...r]):w(Object.assign({},r))),V(!1)})):V(!1)}),[]),e(o,{children:[e(p,{children:[r(d,{disabled:"view"===h,width:"200px",isLoading:S,dropdownLabel:null!=s?s:"Select property",options:L,onSelect:function(r){if(!Array.isArray(r)){let e=null;Array.isArray(T)?e=T.find((e=>{let{id:o}=e;return o===r.value})):Object.keys(T).forEach((o=>{const n=T[o].find((e=>{let{id:o}=e;return o===r.value}));n&&(e=n)})),x({}),e&&(null==u||u(e,g).then((r=>{x({options:Array.isArray(r)?[...r]:Object.assign({},r),originalData:r})})))}}}),(null==g?void 0:g.name)&&!(null===(f=a[g.dataType])||void 0===f?void 0:f[g.operator])&&r(l,{disabled:"view"===h,extra:P,errors:{val:null===(j=g.error)||void 0===j?void 0:j.value,operator:null===(b=g.error)||void 0===b?void 0:b.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:r=>null==m?void 0:m(r,g),onValueChange:r=>null==y?void 0:y(r,g)})]}),(null==g?void 0:g.name)&&(null===(O=a[g.dataType])||void 0===O?void 0:O[g.operator])&&r(l,{disabled:"view"===h,extra:P,errors:{val:null===(A=g.error)||void 0===A?void 0:A.value,operator:null===(C=g.error)||void 0===C?void 0:C.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:r=>null==m?void 0:m(r,g),onValueChange:r=>null==y?void 0:y(r,g)})]})};export{v as PropertyNode,u as PropertyNodeHeadless};
1
+ import{jsx as r,jsxs as e,Fragment as o}from"react/jsx-runtime";import{useState as n,useEffect as a}from"react";import{isNewLineConnectorPosition as t}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import l from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as s}from"./PropertyNode.styled.js";import p from"./PropertyNodeUIWrapper.js";const c=new i,v=e=>r(p,Object.assign({isLast:e.isLast,mode:e.mode},{children:r("div",Object.assign({style:{padding:12}},{children:r(u,Object.assign({},e))}))})),u=i=>{let{propertySelectorText:p,fetchPropertyData:v,onPropertyNameSelect:u,onPropertyOperatorChange:m,onPropertyValueChange:y,property:g,mode:h}=i;var f,j,b,A,O,C;const[T,w]=n([]),[P,x]=n({}),[D,S]=n(!0),V=Array.isArray(T)?T.map((r=>Object.assign(Object.assign({},r),{label:r.name,value:r.id,description:r.description,selected:(null==g?void 0:g.name)===r.id}))):c.convertToGroupOptions(T,(null==g?void 0:g.name)?[g.name.toString()]:void 0);return a((()=>{v?v().then((r=>{r&&(Array.isArray(r)?w([...r]):w(Object.assign({},r))),S(!1)})):S(!1)}),[]),e(o,{children:[e(s,{children:[r(d,{disabled:"view"===h,width:"200px",isLoading:D,dropdownLabel:null!=p?p:"Select property",options:V,onSelect:function(r){if(!Array.isArray(r)){let e=null;Array.isArray(T)?e=T.find((e=>{let{id:o}=e;return o===r.value})):Object.keys(T).forEach((o=>{const n=T[o].find((e=>{let{id:o}=e;return o===r.value}));n&&(e=n)})),x({}),e&&(null==u||u(e,g).then((r=>{const e=r;e.normalized&&e.originalData?x({options:Array.isArray(e.normalized)?[...e.normalized]:Object.assign({},e.normalized),originalData:e.originalData}):x({options:Array.isArray(r)?[...r]:Object.assign({},r)})})))}}}),(null==g?void 0:g.name)&&!(null===(f=t[g.dataType])||void 0===f?void 0:f[g.operator])&&r(l,{disabled:"view"===h,extra:P,errors:{val:null===(j=g.error)||void 0===j?void 0:j.value,operator:null===(b=g.error)||void 0===b?void 0:b.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:r=>null==m?void 0:m(r,g),onValueChange:r=>null==y?void 0:y(r,g)})]}),(null==g?void 0:g.name)&&(null===(A=t[g.dataType])||void 0===A?void 0:A[g.operator])&&r(l,{disabled:"view"===h,extra:P,errors:{val:null===(O=g.error)||void 0===O?void 0:O.value,operator:null===(C=g.error)||void 0===C?void 0:C.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:r=>null==m?void 0:m(r,g),onValueChange:r=>null==y?void 0:y(r,g)})]})};export{v as PropertyNode,u as PropertyNodeHeadless};
@@ -10,7 +10,10 @@ export type QueryBuilderPropertyProps = {
10
10
  selectPropertyJoinOperator?: (option: QueryBuilderJoinOperators, nodeID: string) => void;
11
11
  propertySelectorText?: string;
12
12
  fetchPropertyData?: () => Promise<BaseQueryBuilderResponse | null>;
13
- onPropertyNameSelect?: (propertyName: QueryBuilderAPIData, property: QueryBuilderProperty) => Promise<BaseQueryBuilderResponse | DropdownOption | DropdownOption[]>;
13
+ onPropertyNameSelect?: (propertyName: QueryBuilderAPIData, property: QueryBuilderProperty) => Promise<BaseQueryBuilderResponse | DropdownOption | DropdownOption[] | {
14
+ normalized: DropdownOption[];
15
+ originalData: any;
16
+ }>;
14
17
  onPropertyOperatorChange?: (option: CONNECTOR_OPERATORS, property: QueryBuilderProperty) => void;
15
18
  onPropertyValueChange?: (value: CONNECTOR_VALUE_TYPE | /** for multiselect */ QueryBuilderAPIData[], property: QueryBuilderProperty) => void;
16
19
  };
@@ -1,4 +1,4 @@
1
- import e from"styled-components";import{TitleMedium as i}from"../TypographyStyle.js";import{MEDIA_TYPES as t}from"./postPicker.js";e.div`
1
+ import e from"styled-components";import{TitleMedium as i}from"../TypographyStyle.js";var t;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(t||(t={})),e.div`
2
2
  position: fixed;
3
3
  top: 0;
4
4
  left: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "1.1.1-beta.6",
3
+ "version": "1.1.1-beta.7",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",