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

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

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"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/chevronDown.svg.js"),i=require("../input/Input.js"),s=require("../input/context/InputStyleProvider.js"),l=require("./DropdownPopover/index.js");function a(){}const u=u=>{var d,c,p,{placeHolder:h,size:v,onSelect:j,defaultOptions:f,disabled:g,noErrorHint:b}=u,x=e.__rest(u,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint"]);const[w,m]=n.useState(!1),y=null!=v?v:"default",O=n.useRef(),[S,q]=n.useState(null!=f?f:[]);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((()=>{f&&q([...f])}),[f]);const E=S.length?S.map((e=>e.label)).join(", "):void 0;return t.jsx(s.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:"small"===y?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:O,onSelect:function(e){Array.isArray(e)?q([...e]):q([e]),null==j||j(e)},disabled:g,onDropdownVisbilityChange:e=>m(e)},x,{children:t.jsx(i.Input,{version:x.version,noErrorHint:b,state:g?"disabled":"none",value:null!=E?E:"",errorMessage:x.error,variant:y,placeholder:null!=h?h:"Select an option",width:null!==(p=x.width)&&void 0!==p?p:"100%",onChangeText:a,rightIcon:{icon:()=>t.jsx(o.default,{style:{transform:w?"rotate(180deg)":"rotate(0deg)"},onClick:a,width:"small"===y?20:24,height:"small"===y?20:24,color:r.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"),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;

package/dist/cjs/components/dropdown/DropdownPopover/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("react"),o=require("react-popper"),t=require("../../dropShadow/DropShadow.js"),l=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=i(n).default.forwardRef(((i,a)=>{var{children:d,onDropdownVisbilityChange:p,version:u="1.0"}=i,c=e.__rest(i,["children","onDropdownVisbilityChange","version"]);const v=a,[j,b]=n.useState(!1),[f,w]=n.useState(null),[D,O]=n.useState(null),{styles:y,attributes:g}=o.usePopper(f,D,{placement:c.placement,strategy:c.strategy});return n.useImperativeHandle(v,(()=>({openDropdown:j})),[]),n.useEffect((()=>{(null==v?void 0:v.current)&&(v.current.openDropdown=j)}),[j]),n.useEffect((()=>{null==p||p(j)}),[j]),r.jsxs(r.Fragment,{children:[r.jsxs("div",Object.assign({style:{position:"relative"},ref:w},{children:[r.jsx(l.OverLapAbs,{disabled:c.disabled,onClick:e=>{var r;null===(r=c.onDropdownOpen)||void 0===r||r.call(c),j?e.preventDefault():c.disabled||b(!0)}}),d]})),j&&r.jsx(l.OpenDropdownContainer,Object.assign({ref:O,style:Object.assign(Object.assign({},y.popper),{zIndex:3})},g.popper,{children:r.jsx(t.default,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:r.jsx(s.OpenedDropdown,Object.assign({},c,{onSelect:e=>{var r;"2.0"===u&&c.isMultiSelect||(null===(r=c.onSelect)||void 0===r||r.call(c,e),b(!1))},onClose:e=>{var r,n;"2.0"===u&&c.isMultiSelect&&e&&(null===(r=c.onSelect)||void 0===r||r.call(c,[...e])),b(!1),null===(n=null==c?void 0:c.onClose)||void 0===n||n.call(c)},version:u}))}))}))]})}));a.displayName="DropdownPopover",exports.DropdownPopover=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),n=require("react"),r=require("react-popper"),l=require("../../dropShadow/DropShadow.js"),t=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=i(n).default.forwardRef(((i,d)=>{var{children:p,onDropdownVisbilityChange:a,version:c="1.0"}=i,u=e.__rest(i,["children","onDropdownVisbilityChange","version"]);const v=d,[j,b]=n.useState(!1),[f,w]=n.useState(null),[D,g]=n.useState(null),{styles:O,attributes:y}=r.usePopper(f,D,{placement:u.placement,strategy:u.strategy});return n.useImperativeHandle(v,(()=>({openDropdown:j})),[]),n.useEffect((()=>{(null==v?void 0:v.current)&&(v.current.openDropdown=j)}),[j]),n.useEffect((()=>{null==a||a(j)}),[j]),o.jsxs(o.Fragment,{children:[o.jsxs("div",Object.assign({style:{position:"relative"},ref:w},{children:[o.jsx(t.OverLapAbs,{disabled:u.disabled,onClick:e=>{var o;null===(o=u.onDropdownOpen)||void 0===o||o.call(u),j?e.preventDefault():u.disabled||b(!0)}}),p]})),j&&o.jsx(t.OpenDropdownContainer,Object.assign({ref:g,style:Object.assign(Object.assign({},O.popper),{zIndex:3})},y.popper,{children:o.jsx(l.default,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:o.jsx(s.OpenedDropdown,Object.assign({},u,{onSelect:e=>{var o;"2.0"===c&&u.isMultiSelect?console.log("if openDropdownProps.onSelect"):(console.log("openDropdownProps.onSelect"),null===(o=u.onSelect)||void 0===o||o.call(u,e),b(!1))},onClose:e=>{var o,n;"2.0"===c&&u.isMultiSelect&&e&&(null===(o=u.onSelect)||void 0===o||o.call(u,[...e])),b(!1),null===(n=null==u?void 0:u.onClose)||void 0===n||n.call(u)},version:c}))}))}))]})}));d.displayName="DropdownPopover",exports.DropdownPopover=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,v=d=>{let{node:v,allowedNodes:c,apiHandler:p,mode:m,selectorKey:y}=d;var f,g,h,w,j,k,A,b,D;const{updateMeta:B,selectType:S,createMeta:T}=t(y),{cacheWrap:x}=n(),[I,L]=l(!1),[M,_]=l([]),E=v.metas.find((e=>"segmentID"===e.key));return r((()=>{console.log("useEffect createMeta",m),"create"===m&&T({key:"segmentID"},v._id),x((()=>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])}L(!1)}))}),[]),e(s,Object.assign({node:v,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(i,{disabled:"view"===m,loading:I,selectedType:v.type,allowedList:c,onSelect:function(e){Array.isArray(e)||(L(!0),S(e.value,v._id),console.log("handleTypeSelection createMeta",m),T({key:"segmentID"},v._id)),L(!1)}}),(null===(g=null===(f=null==v?void 0:v.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:I,disabled:"view"===m,width:"200px",dropdownLabel:"Select segment",options:M,onSelect:function(e){Array.isArray(e)||B({key:"segmentID",value:e.value,error:{}},v._id)},error:null!==(b=null!==(k=null===(j=null===(w=null===(h=v.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!==b?b:null===(D=null==E?void 0:E.error)||void 0===D?void 0:D.value})]}))}))};export{v as default};
+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};

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

@@ -1 +1 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useState as e,useRef as n,useEffect as r}from"react";import{COLORS as i}from"../../constants/Theme.js";import l from"../../assets/icons/chevronDown.svg.js";import{Input as s}from"../input/Input.js";import{InputStyleContext as a}from"../input/context/InputStyleProvider.js";import{DropdownPopover as d}from"./DropdownPopover/index.js";function p(){}const c=c=>{var u,m,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]=e(!1),O=null!=f?f:"default",E=n(),[I,S]=e(null!=b?b:[]);r((()=>{var o;const t=[];null===(o=null==x?void 0:x.options)||void 0===o||o.forEach((o=>{o.options?o.options.forEach((o=>{o.selected&&t.push(Object.assign(Object.assign({},o),{label:o.label}))})):o.selected&&t.push(o)})),S([...t])}),[x.options]),r((()=>{b&&S([...b])}),[b]);const D=I.length?I.map((o=>o.label)).join(", "):void 0;return t(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:t(d,Object.assign({ref:E,onSelect:function(o){Array.isArray(o)?S([...o]):S([o]),null==g||g(o)},disabled:j,onDropdownVisbilityChange:o=>H(o)},x,{children:t(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:()=>t(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 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};

package/dist/esm/components/dropdown/DropdownPopover/index.js

@@ -1 +1 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as n,jsx as r}from"react/jsx-runtime";import l,{useState as i,useImperativeHandle as t,useEffect as s}from"react";import{usePopper as p}from"react-popper";import d from"../../dropShadow/DropShadow.js";import{OverLapAbs as a,OpenDropdownContainer as c}from"../Common.styled.js";import{OpenedDropdown as m}from"../OpenedDropdown/components/OpennedDropdown.js";const u=l.forwardRef(((l,u)=>{var{children:v,onDropdownVisbilityChange:b,version:f="1.0"}=l,w=e(l,["children","onDropdownVisbilityChange","version"]);const j=u,[g,h]=i(!1),[y,D]=i(null),[O,S]=i(null),{styles:C,attributes:x}=p(y,O,{placement:w.placement,strategy:w.strategy});return t(j,(()=>({openDropdown:g})),[]),s((()=>{(null==j?void 0:j.current)&&(j.current.openDropdown=g)}),[g]),s((()=>{null==b||b(g)}),[g]),o(n,{children:[o("div",Object.assign({style:{position:"relative"},ref:D},{children:[r(a,{disabled:w.disabled,onClick:e=>{var o;null===(o=w.onDropdownOpen)||void 0===o||o.call(w),g?e.preventDefault():w.disabled||h(!0)}}),v]})),g&&r(c,Object.assign({ref:S,style:Object.assign(Object.assign({},C.popper),{zIndex:3})},x.popper,{children:r(d,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:r(m,Object.assign({},w,{onSelect:e=>{var o;"2.0"===f&&w.isMultiSelect||(null===(o=w.onSelect)||void 0===o||o.call(w,e),h(!1))},onClose:e=>{var o,n;"2.0"===f&&w.isMultiSelect&&e&&(null===(o=w.onSelect)||void 0===o||o.call(w,[...e])),h(!1),null===(n=null==w?void 0:w.onClose)||void 0===n||n.call(w)},version:f}))}))}))]})}));u.displayName="DropdownPopover";export{u as DropdownPopover};
+import{__rest as o}from"../../../_virtual/_tslib.js";import{jsxs as e,Fragment as n,jsx as r}from"react/jsx-runtime";import l,{useState as t,useImperativeHandle as i,useEffect as s}from"react";import{usePopper as p}from"react-popper";import d from"../../dropShadow/DropShadow.js";import{OverLapAbs as a,OpenDropdownContainer as c}from"../Common.styled.js";import{OpenedDropdown as m}from"../OpenedDropdown/components/OpennedDropdown.js";const u=l.forwardRef(((l,u)=>{var{children:v,onDropdownVisbilityChange:b,version:w="1.0"}=l,f=o(l,["children","onDropdownVisbilityChange","version"]);const g=u,[D,j]=t(!1),[h,y]=t(null),[O,S]=t(null),{styles:C,attributes:x}=p(h,O,{placement:f.placement,strategy:f.strategy});return i(g,(()=>({openDropdown:D})),[]),s((()=>{(null==g?void 0:g.current)&&(g.current.openDropdown=D)}),[D]),s((()=>{null==b||b(D)}),[D]),e(n,{children:[e("div",Object.assign({style:{position:"relative"},ref:y},{children:[r(a,{disabled:f.disabled,onClick:o=>{var e;null===(e=f.onDropdownOpen)||void 0===e||e.call(f),D?o.preventDefault():f.disabled||j(!0)}}),v]})),D&&r(c,Object.assign({ref:S,style:Object.assign(Object.assign({},C.popper),{zIndex:3})},x.popper,{children:r(d,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:r(m,Object.assign({},f,{onSelect:o=>{var e;"2.0"===w&&f.isMultiSelect?console.log("if openDropdownProps.onSelect"):(console.log("openDropdownProps.onSelect"),null===(e=f.onSelect)||void 0===e||e.call(f,o),j(!1))},onClose:o=>{var e,n;"2.0"===w&&f.isMultiSelect&&o&&(null===(e=f.onSelect)||void 0===e||e.call(f,[...o])),j(!1),null===(n=null==f?void 0:f.onClose)||void 0===n||n.call(f)},version:w}))}))}))]})}));u.displayName="DropdownPopover";export{u as DropdownPopover};

package/package.json

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