@bikdotai/bik-component-library 0.0.488-qrb.2 → 0.0.488-qrb.3

package/dist/cjs/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("../../../components/AllowedListDropdown.js"),o=require("../../../helpers/ApiResponse.helper.js"),i=require("../../../hooks/useQueryBuilder.js"),d=require("../../../hooks/useQueryBuilderCache.js"),s=require("../../../components/DropdownWrapper.js"),t=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const a=new o.ApiResponseHelper;exports.default=o=>{let{node:n,allowedNodes:u,apiHandler:c,mode:v,selectorKey:p}=o;var y,m,f,g,h,j,w,x,B;const{updateMeta:S,selectType:k,createMeta:A}=i.useQueryBuilder(p),{cacheWrap:b}=d.useQueryBuilderCache(),[q,D]=l.useState(!1),[M,Q]=l.useState([]),_=n.metas.find((e=>"segmentID"===e.key));return l.useEffect((()=>{console.log("createMeta useEffect",v),"create"===v&&A({key:"segmentID"},n._id),b((()=>c({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))Q([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==v&&(!!(null==_?void 0:_.value)&&_.value===e.id)})))]);else{const l=a.convertToGroupOptions(e,(null==_?void 0:_.value)?[_.value]:void 0);Q([...l])}D(!1)}))}),[]),e.jsx(t.BaseQueryBuilderNode,Object.assign({node:n,mode:v},{children:e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(r.default,{disabled:"view"===v,loading:q,selectedType:n.type,allowedList:u,onSelect:function(e){Array.isArray(e)||(D(!0),k(e.value,n._id),console.log("handleTypeSelection createMeta",e),A({key:"segmentID"},n._id)),D(!1)}}),(null===(m=null===(y=null==n?void 0:n.metas)||void 0===y?void 0:y[0])||void 0===m?void 0:m.key)&&e.jsx(s.default,{selectedValues:(null==_?void 0:_.value)?[_.value]:void 0,isSearchable:!0,isLoading:q,disabled:"view"===v,width:"200px",dropdownLabel:"Select segment",options:M,onSelect:function(e){Array.isArray(e)||(console.log("handleSegmentIDSelection updateMeta",e),S({key:"segmentID",value:e.value,error:{}},n._id))},error:null!==(x=null!==(j=null===(h=null===(g=null===(f=n.metas)||void 0===f?void 0:f[0])||void 0===g?void 0:g.error)||void 0===h?void 0:h.key)&&void 0!==j?j:null===(w=null==_?void 0:_.error)||void 0===w?void 0:w.key)&&void 0!==x?x:null===(B=null==_?void 0:_.error)||void 0===B?void 0:B.value})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),o=require("../../../components/AllowedListDropdown.js"),r=require("../../../helpers/ApiResponse.helper.js"),i=require("../../../hooks/useQueryBuilder.js"),d=require("../../../hooks/useQueryBuilderCache.js"),s=require("../../../components/DropdownWrapper.js"),n=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const t=new r.ApiResponseHelper;exports.default=r=>{let{node:a,allowedNodes:u,apiHandler:c,mode:v,selectorKey:p}=r;var y,m,g,h,f,j,S,w,x;const{updateMeta:B,selectType:k,createMeta:A}=i.useQueryBuilder(p),{cacheWrap:D}=d.useQueryBuilderCache(),[b,q]=l.useState(!1),[I,M]=l.useState([]),Q=a.metas.find((e=>"segmentID"===e.key));return l.useEffect((()=>{console.log("createMeta useEffect",v),"create"===v&&A({key:"segmentID"},a._id),D((()=>c({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))M([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==v&&(!!(null==Q?void 0:Q.value)&&Q.value===e.id)})))]);else{const l=t.convertToGroupOptions(e,(null==Q?void 0:Q.value)?[Q.value]:void 0);M([...l])}q(!1)}))}),[]),e.jsx(n.BaseQueryBuilderNode,Object.assign({node:a,mode:v},{children:e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(o.default,{disabled:"view"===v,loading:b,selectedType:a.type,allowedList:u,onSelect:function(e){console.log("handleTypeSelection option : ",e),Array.isArray(e)||(q(!0),k(e.value,a._id),console.log("handleTypeSelection createMeta",e),A({key:"segmentID"},a._id)),q(!1)}}),(null===(m=null===(y=null==a?void 0:a.metas)||void 0===y?void 0:y[0])||void 0===m?void 0:m.key)&&e.jsx(s.default,{selectedValues:(null==Q?void 0:Q.value)?[Q.value]:void 0,isSearchable:!0,isLoading:b,disabled:"view"===v,width:"200px",dropdownLabel:"Select segment",options:I,onSelect:function(e){console.log("handleSegmentIDSelection option : ",e),Array.isArray(e)||(console.log("handleSegmentIDSelection updateMeta",e),B({key:"segmentID",value:e.value,error:{}},a._id))},error:null!==(w=null!==(j=null===(f=null===(h=null===(g=a.metas)||void 0===g?void 0:g[0])||void 0===h?void 0:h.error)||void 0===f?void 0:f.key)&&void 0!==j?j:null===(S=null==Q?void 0:Q.error)||void 0===S?void 0:S.key)&&void 0!==w?w:null===(x=null==Q?void 0:Q.error)||void 0===x?void 0:x.value})]}))}))};

package/dist/cjs/components/dropdown/Dropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),o=require("../../constants/Theme.js"),r=require("../../assets/icons/chevronDown.svg.js"),i=require("../input/Input.js"),s=require("../input/context/InputStyleProvider.js"),l=require("./DropdownPopover/index.js");function a(){}const u=u=>{var d,c,p,{placeHolder:h,size:v,onSelect:g,defaultOptions:j,disabled:f,noErrorHint:b}=u,x=e.__rest(u,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint"]);const[w,m]=n.useState(!1),S=null!=v?v:"default",y=n.useRef(),[O,q]=n.useState(null!=j?j:[]);n.useEffect((()=>{var e;const t=[];null===(e=null==x?void 0:x.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),q([...t])}),[x.options]),n.useEffect((()=>{j&&q([...j])}),[j]);const E=O.length?O.map((e=>e.label)).join(", "):void 0;return t.jsx(s.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:"small"===S?32:48,width:null!==(c=null!==(d=x.buttonWidth)&&void 0!==d?d:x.width)&&void 0!==c?c:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:t.jsx(l.DropdownPopover,Object.assign({ref:y,onSelect:function(e){console.log("45 handleSelection",e),Array.isArray(e)?q([...e]):q([e]),null==g||g(e)},disabled:f,onDropdownVisbilityChange:e=>m(e)},x,{children:t.jsx(i.Input,{version:x.version,noErrorHint:b,state:f?"disabled":"none",value:null!=E?E:"",errorMessage:x.error,variant:S,placeholder:null!=h?h:"Select an option",width:null!==(p=x.width)&&void 0!==p?p:"100%",onChangeText:a,rightIcon:{icon:()=>t.jsx(r.default,{style:{transform:w?"rotate(180deg)":"rotate(0deg)"},onClick:a,width:"small"===S?20:24,height:"small"===S?20:24,color:o.COLORS.content.primary})}})}))}))};u.displayName="Dropdown",exports.Dropdown=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),o=require("../../constants/Theme.js"),r=require("../../assets/icons/chevronDown.svg.js"),i=require("../input/Input.js"),l=require("../input/context/InputStyleProvider.js"),s=require("./DropdownPopover/index.js");function a(){}const d=d=>{var u,c,p,{placeHolder:h,size:v,onSelect:g,defaultOptions:j,disabled:f,noErrorHint:b}=d,x=e.__rest(d,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint"]);const[S,w]=n.useState(!1),m=null!=v?v:"default",y=n.useRef(),[O,q]=n.useState(null!=j?j:[]);n.useEffect((()=>{var e;const t=[];null===(e=null==x?void 0:x.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),q([...t])}),[x.options]),n.useEffect((()=>{j&&q([...j])}),[j]);const E=O.length?O.map((e=>e.label)).join(", "):void 0;return t.jsx(l.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:"small"===m?32:48,width:null!==(c=null!==(u=x.buttonWidth)&&void 0!==u?u:x.width)&&void 0!==c?c:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:t.jsx(s.DropdownPopover,Object.assign({ref:y,onSelect:function(e){console.log("45 handleSelection",e),Array.isArray(e)?q([...e]):q([e]),console.log("50 handleSelection onSelect",g),null==g||g(e)},disabled:f,onDropdownVisbilityChange:e=>w(e)},x,{children:t.jsx(i.Input,{version:x.version,noErrorHint:b,state:f?"disabled":"none",value:null!=E?E:"",errorMessage:x.error,variant:m,placeholder:null!=h?h:"Select an option",width:null!==(p=x.width)&&void 0!==p?p:"100%",onChangeText:a,rightIcon:{icon:()=>t.jsx(r.default,{style:{transform:S?"rotate(180deg)":"rotate(0deg)"},onClick:a,width:"small"===m?20:24,height:"small"===m?20:24,color:o.COLORS.content.primary})}})}))}))};d.displayName="Dropdown",exports.Dropdown=d;

package/dist/esm/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as l,useEffect as r}from"react";import i from"../../../components/AllowedListDropdown.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as t}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as n}from"../../../hooks/useQueryBuilderCache.js";import a from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const u=new d,c=d=>{let{node:c,allowedNodes:v,apiHandler:p,mode:m,selectorKey:y}=d;var f,g,h,w,j,k,A,D,S;const{updateMeta:b,selectType:B,createMeta:I}=t(y),{cacheWrap:M}=n(),[T,x]=l(!1),[L,_]=l([]),E=c.metas.find((e=>"segmentID"===e.key));return r((()=>{console.log("createMeta useEffect",m),"create"===m&&I({key:"segmentID"},c._id),M((()=>p({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))_([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==m&&(!!(null==E?void 0:E.value)&&E.value===e.id)})))]);else{const o=u.convertToGroupOptions(e,(null==E?void 0:E.value)?[E.value]:void 0);_([...o])}x(!1)}))}),[]),e(s,Object.assign({node:c,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(i,{disabled:"view"===m,loading:T,selectedType:c.type,allowedList:v,onSelect:function(e){Array.isArray(e)||(x(!0),B(e.value,c._id),console.log("handleTypeSelection createMeta",e),I({key:"segmentID"},c._id)),x(!1)}}),(null===(g=null===(f=null==c?void 0:c.metas)||void 0===f?void 0:f[0])||void 0===g?void 0:g.key)&&e(a,{selectedValues:(null==E?void 0:E.value)?[E.value]:void 0,isSearchable:!0,isLoading:T,disabled:"view"===m,width:"200px",dropdownLabel:"Select segment",options:L,onSelect:function(e){Array.isArray(e)||(console.log("handleSegmentIDSelection updateMeta",e),b({key:"segmentID",value:e.value,error:{}},c._id))},error:null!==(D=null!==(k=null===(j=null===(w=null===(h=c.metas)||void 0===h?void 0:h[0])||void 0===w?void 0:w.error)||void 0===j?void 0:j.key)&&void 0!==k?k:null===(A=null==E?void 0:E.error)||void 0===A?void 0:A.key)&&void 0!==D?D:null===(S=null==E?void 0:E.error)||void 0===S?void 0:S.value})]}))}))};export{c as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as l,useEffect as i}from"react";import r from"../../../components/AllowedListDropdown.js";import{ApiResponseHelper as n}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as t}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import a from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const u=new n,c=n=>{let{node:c,allowedNodes:p,apiHandler:v,mode:m,selectorKey:y}=n;var f,g,h,w,S,j,k,D,A;const{updateMeta:b,selectType:I,createMeta:T}=t(y),{cacheWrap:B}=d(),[M,x]=l(!1),[L,_]=l([]),E=c.metas.find((e=>"segmentID"===e.key));return i((()=>{console.log("createMeta useEffect",m),"create"===m&&T({key:"segmentID"},c._id),B((()=>v({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))_([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==m&&(!!(null==E?void 0:E.value)&&E.value===e.id)})))]);else{const o=u.convertToGroupOptions(e,(null==E?void 0:E.value)?[E.value]:void 0);_([...o])}x(!1)}))}),[]),e(s,Object.assign({node:c,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(r,{disabled:"view"===m,loading:M,selectedType:c.type,allowedList:p,onSelect:function(e){console.log("handleTypeSelection option : ",e),Array.isArray(e)||(x(!0),I(e.value,c._id),console.log("handleTypeSelection createMeta",e),T({key:"segmentID"},c._id)),x(!1)}}),(null===(g=null===(f=null==c?void 0:c.metas)||void 0===f?void 0:f[0])||void 0===g?void 0:g.key)&&e(a,{selectedValues:(null==E?void 0:E.value)?[E.value]:void 0,isSearchable:!0,isLoading:M,disabled:"view"===m,width:"200px",dropdownLabel:"Select segment",options:L,onSelect:function(e){console.log("handleSegmentIDSelection option : ",e),Array.isArray(e)||(console.log("handleSegmentIDSelection updateMeta",e),b({key:"segmentID",value:e.value,error:{}},c._id))},error:null!==(D=null!==(j=null===(S=null===(w=null===(h=c.metas)||void 0===h?void 0:h[0])||void 0===w?void 0:w.error)||void 0===S?void 0:S.key)&&void 0!==j?j:null===(k=null==E?void 0:E.error)||void 0===k?void 0:k.key)&&void 0!==D?D:null===(A=null==E?void 0:E.error)||void 0===A?void 0:A.value})]}))}))};export{c as default};

package/dist/esm/components/dropdown/Dropdown.js

@@ -1 +1 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useState as n,useRef as t,useEffect as r}from"react";import{COLORS as i}from"../../constants/Theme.js";import l from"../../assets/icons/chevronDown.svg.js";import{Input as s}from"../input/Input.js";import{InputStyleContext as a}from"../input/context/InputStyleProvider.js";import{DropdownPopover as d}from"./DropdownPopover/index.js";function p(){}const c=c=>{var u,m,h,{placeHolder:v,size:f,onSelect:g,defaultOptions:b,disabled:j,noErrorHint:w}=c,x=o(c,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint"]);const[y,H]=n(!1),O=null!=f?f:"default",S=t(),[E,I]=n(null!=b?b:[]);r((()=>{var o;const e=[];null===(o=null==x?void 0:x.options)||void 0===o||o.forEach((o=>{o.options?o.options.forEach((o=>{o.selected&&e.push(Object.assign(Object.assign({},o),{label:o.label}))})):o.selected&&e.push(o)})),I([...e])}),[x.options]),r((()=>{b&&I([...b])}),[b]);const D=E.length?E.map((o=>o.label)).join(", "):void 0;return e(a.Provider,Object.assign({value:{InputWrapper:{height:"small"===O?32:48,width:null!==(m=null!==(u=x.buttonWidth)&&void 0!==u?u:x.width)&&void 0!==m?m:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:e(d,Object.assign({ref:S,onSelect:function(o){console.log("45 handleSelection",o),Array.isArray(o)?I([...o]):I([o]),null==g||g(o)},disabled:j,onDropdownVisbilityChange:o=>H(o)},x,{children:e(s,{version:x.version,noErrorHint:w,state:j?"disabled":"none",value:null!=D?D:"",errorMessage:x.error,variant:O,placeholder:null!=v?v:"Select an option",width:null!==(h=x.width)&&void 0!==h?h:"100%",onChangeText:p,rightIcon:{icon:()=>e(l,{style:{transform:y?"rotate(180deg)":"rotate(0deg)"},onClick:p,width:"small"===O?20:24,height:"small"===O?20:24,color:i.content.primary})}})}))}))};c.displayName="Dropdown";export{c as Dropdown};
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useState as n,useRef as t,useEffect as r}from"react";import{COLORS as i}from"../../constants/Theme.js";import l from"../../assets/icons/chevronDown.svg.js";import{Input as s}from"../input/Input.js";import{InputStyleContext as a}from"../input/context/InputStyleProvider.js";import{DropdownPopover as d}from"./DropdownPopover/index.js";function c(){}const p=p=>{var u,h,m,{placeHolder:v,size:g,onSelect:f,defaultOptions:b,disabled:j,noErrorHint:w}=p,x=o(p,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint"]);const[S,y]=n(!1),H=null!=g?g:"default",O=t(),[E,I]=n(null!=b?b:[]);r((()=>{var o;const e=[];null===(o=null==x?void 0:x.options)||void 0===o||o.forEach((o=>{o.options?o.options.forEach((o=>{o.selected&&e.push(Object.assign(Object.assign({},o),{label:o.label}))})):o.selected&&e.push(o)})),I([...e])}),[x.options]),r((()=>{b&&I([...b])}),[b]);const D=E.length?E.map((o=>o.label)).join(", "):void 0;return e(a.Provider,Object.assign({value:{InputWrapper:{height:"small"===H?32:48,width:null!==(h=null!==(u=x.buttonWidth)&&void 0!==u?u:x.width)&&void 0!==h?h:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:e(d,Object.assign({ref:O,onSelect:function(o){console.log("45 handleSelection",o),Array.isArray(o)?I([...o]):I([o]),console.log("50 handleSelection onSelect",f),null==f||f(o)},disabled:j,onDropdownVisbilityChange:o=>y(o)},x,{children:e(s,{version:x.version,noErrorHint:w,state:j?"disabled":"none",value:null!=D?D:"",errorMessage:x.error,variant:H,placeholder:null!=v?v:"Select an option",width:null!==(m=x.width)&&void 0!==m?m:"100%",onChangeText:c,rightIcon:{icon:()=>e(l,{style:{transform:S?"rotate(180deg)":"rotate(0deg)"},onClick:c,width:"small"===H?20:24,height:"small"===H?20:24,color:i.content.primary})}})}))}))};p.displayName="Dropdown";export{p as Dropdown};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.488-qrb.2",
+	"version": "0.0.488-qrb.3",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",