@bikdotai/bik-component-library 0.0.757-beta.13 → 0.0.757-beta.14

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"),l=require("../../assets/icons/chevronDown.svg.js"),r=require("../input/Input.js"),i=require("../input/context/InputStyleProvider.js"),s=require("./ChipInput.js"),a=require("./DropdownPopover/index.js"),d=require("./OpenedDropdown/utils/iterationOnOptions.js");function u(){}const c=c=>{var p,h,v,g,x,{placeHolder:j,size:w,onSelect:f,defaultOptions:b,disabled:O,noErrorHint:I,placeHolderHeight:y,showPlaceholderWhenSelected:S=!1,inputStyle:m={},inputType:H="default",onDeleteChip:D,truncatedText:P,showLeadingIconInPlaceholder:T=!1,showTrailingIconPlaceholder:q=!1,showLabelsOnMoreHover:C=!1}=c,E=e.__rest(c,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover"]);const[W,L]=n.useState(!1),M=null!=w?w:"default",_=n.useRef(),[z,A]=n.useState(null!=b?b:[]);n.useEffect((()=>{var e;const t=[];null===(e=null==E?void 0:E.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)})),A([...t])}),[E.options]),n.useEffect((()=>{b&&A([...b])}),[b]);const R=d.getSelectedOptionsAsText(z);return t.jsx(i.InputStyleContext.Provider,Object.assign({value:{InputWrapper:Object.assign({height:y||("x-small"===M?24:"small"===M?32:48),width:null!==(h=null!==(p=E.buttonWidth)&&void 0!==p?p:E.inputWidth)&&void 0!==h?h:"100%",zIndex:1,cursor:"pointer",padding:"x-small"===M?"4px 8px":"6px 8px"},m),input:{minHeight:"100%",maxWidth:"100%"}}},{children:t.jsxs(a.DropdownPopover,Object.assign({"data-test":E["data-test"],ref:_,onSelect:function(e){Array.isArray(e)?A([...e]):A([e]),null==f||f(e)},disabled:O,onDropdownVisbilityChange:e=>L(e)},E,{children:["default"==H&&t.jsx(r.Input,{version:E.version,noErrorHint:I,state:O?"disabled":"none",value:S?j:null!=R?R:"",errorMessage:E.error,variant:M,placeholder:null!=j?j:"Select an option",width:null!==(v=E.inputWidth)&&void 0!==v?v:"100%",onChangeText:u,leftIcon:T&&(null===(g=z[0])||void 0===g?void 0:g.leadingIcon)?{icon:()=>{var e;return t.jsx(t.Fragment,{children:null===(e=z[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return t.jsxs("div",Object.assign({style:{display:"flex"}},{children:[q&&(null===(e=z[0])||void 0===e?void 0:e.trailingIcon),t.jsx(l.default,{style:{transform:W?"rotate(180deg)":"rotate(0deg)"},onClick:u,width:"x-small"===M?16:"small"===M?20:24,height:"x-small"===M?16:"small"===M?20:24,color:o.COLORS.content.primary})]}))}},truncateText:null==P||P}),"chip"==H&&t.jsx(s.default,{placeholder:null!=j?j:"Select options",chips:z,onDeleteChip:e=>{null==D||D(e)},errorMessage:E.error,isDropdownOpened:W,sizeToUse:M,containerStyle:{width:null!==(x=E.width)&&void 0!==x?x:"100%",cursor:"pointer"},showLabelsOnMoreHover:C})]}))}))};c.displayName="Dropdown",exports.Dropdown=c;
+"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"),l=require("../input/Input.js"),i=require("../input/context/InputStyleProvider.js"),s=require("./ChipInput.js"),a=require("./DropdownPopover/index.js"),d=require("./OpenedDropdown/utils/iterationOnOptions.js");function u(){}const c=c=>{var p,h,v,x,{placeHolder:g,size:j,onSelect:f,defaultOptions:w,disabled:b,noErrorHint:O,placeHolderHeight:I,showPlaceholderWhenSelected:m=!1,inputStyle:y={},inputType:S="default",onDeleteChip:H,truncatedText:D,showLeadingIconInPlaceholder:P=!1,showTrailingIconPlaceholder:T=!1,showLabelsOnMoreHover:q=!1}=c,C=e.__rest(c,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover"]);const[E,W]=n.useState(!1),L=null!=j?j:"default",M=n.useRef(),[_,z]=n.useState(null!=w?w:[]);n.useEffect((()=>{var e;const t=[];null===(e=null==C?void 0:C.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)})),z([...t])}),[C.options]),n.useEffect((()=>{w&&z([...w])}),[w]);const A=d.getSelectedOptionsAsText(_);return t.jsx(i.InputStyleContext.Provider,Object.assign({value:{RootContainer:{maxWidth:null!==(h=null!==(p=C.buttonWidth)&&void 0!==p?p:C.inputWidth)&&void 0!==h?h:"100%"},InputWrapper:Object.assign({height:I||("x-small"===L?24:"small"===L?32:48),zIndex:1,cursor:"pointer",padding:"x-small"===L?"4px 8px":"6px 8px"},y),input:{minHeight:"100%",maxWidth:"100%"}}},{children:t.jsxs(a.DropdownPopover,Object.assign({"data-test":C["data-test"],ref:M,onSelect:function(e){Array.isArray(e)?z([...e]):z([e]),null==f||f(e)},disabled:b,onDropdownVisbilityChange:e=>W(e)},C,{children:["default"==S&&t.jsx(l.Input,{version:C.version,noErrorHint:O,state:b?"disabled":"none",value:m?g:null!=A?A:"",errorMessage:C.error,variant:L,placeholder:null!=g?g:"Select an option",onChangeText:u,leftIcon:P&&(null===(v=_[0])||void 0===v?void 0:v.leadingIcon)?{icon:()=>{var e;return t.jsx(t.Fragment,{children:null===(e=_[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return t.jsxs("div",Object.assign({style:{display:"flex"}},{children:[T&&(null===(e=_[0])||void 0===e?void 0:e.trailingIcon),t.jsx(r.default,{style:{transform:E?"rotate(180deg)":"rotate(0deg)"},onClick:u,width:"x-small"===L?16:"small"===L?20:24,height:"x-small"===L?16:"small"===L?20:24,color:o.COLORS.content.primary})]}))}},truncateText:null==D||D}),"chip"==S&&t.jsx(s.default,{placeholder:null!=g?g:"Select options",chips:_,onDeleteChip:e=>{null==H||H(e)},errorMessage:C.error,isDropdownOpened:E,sizeToUse:L,containerStyle:{width:null!==(x=C.width)&&void 0!==x?x:"100%",cursor:"pointer"},showLabelsOnMoreHover:q})]}))}))};c.displayName="Dropdown",exports.Dropdown=c;

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

@@ -1 +1 @@
-import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useState as l,useRef as i,useEffect as r}from"react";import{COLORS as s}from"../../constants/Theme.js";import a from"../../assets/icons/chevronDown.svg.js";import{Input as d}from"../input/Input.js";import{InputStyleContext as p}from"../input/context/InputStyleProvider.js";import c from"./ChipInput.js";import{DropdownPopover as h}from"./DropdownPopover/index.js";import{getSelectedOptionsAsText as u}from"./OpenedDropdown/utils/iterationOnOptions.js";function m(){}const v=v=>{var g,f,w,x,b,{placeHolder:I,size:j,onSelect:O,defaultOptions:y,disabled:H,noErrorHint:S,placeHolderHeight:T,showPlaceholderWhenSelected:D=!1,inputStyle:P={},inputType:C="default",onDeleteChip:W,truncatedText:E,showLeadingIconInPlaceholder:L=!1,showTrailingIconPlaceholder:M=!1,showLabelsOnMoreHover:z=!1}=v,A=e(v,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover"]);const[_,k]=l(!1),N=null!=j?j:"default",U=i(),[V,q]=l(null!=y?y:[]);r((()=>{var e;const o=[];null===(e=null==A?void 0:A.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&o.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&o.push(e)})),q([...o])}),[A.options]),r((()=>{y&&q([...y])}),[y]);const B=u(V);return o(p.Provider,Object.assign({value:{InputWrapper:Object.assign({height:T||("x-small"===N?24:"small"===N?32:48),width:null!==(f=null!==(g=A.buttonWidth)&&void 0!==g?g:A.inputWidth)&&void 0!==f?f:"100%",zIndex:1,cursor:"pointer",padding:"x-small"===N?"4px 8px":"6px 8px"},P),input:{minHeight:"100%",maxWidth:"100%"}}},{children:n(h,Object.assign({"data-test":A["data-test"],ref:U,onSelect:function(e){Array.isArray(e)?q([...e]):q([e]),null==O||O(e)},disabled:H,onDropdownVisbilityChange:e=>k(e)},A,{children:["default"==C&&o(d,{version:A.version,noErrorHint:S,state:H?"disabled":"none",value:D?I:null!=B?B:"",errorMessage:A.error,variant:N,placeholder:null!=I?I:"Select an option",width:null!==(w=A.inputWidth)&&void 0!==w?w:"100%",onChangeText:m,leftIcon:L&&(null===(x=V[0])||void 0===x?void 0:x.leadingIcon)?{icon:()=>{var e;return o(t,{children:null===(e=V[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return n("div",Object.assign({style:{display:"flex"}},{children:[M&&(null===(e=V[0])||void 0===e?void 0:e.trailingIcon),o(a,{style:{transform:_?"rotate(180deg)":"rotate(0deg)"},onClick:m,width:"x-small"===N?16:"small"===N?20:24,height:"x-small"===N?16:"small"===N?20:24,color:s.content.primary})]}))}},truncateText:null==E||E}),"chip"==C&&o(c,{placeholder:null!=I?I:"Select options",chips:V,onDeleteChip:e=>{null==W||W(e)},errorMessage:A.error,isDropdownOpened:_,sizeToUse:N,containerStyle:{width:null!==(b=A.width)&&void 0!==b?b:"100%",cursor:"pointer"},showLabelsOnMoreHover:z})]}))}))};v.displayName="Dropdown";export{v as Dropdown};
+import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useState as l,useRef as r,useEffect as i}from"react";import{COLORS as s}from"../../constants/Theme.js";import a from"../../assets/icons/chevronDown.svg.js";import{Input as d}from"../input/Input.js";import{InputStyleContext as p}from"../input/context/InputStyleProvider.js";import c from"./ChipInput.js";import{DropdownPopover as h}from"./DropdownPopover/index.js";import{getSelectedOptionsAsText as u}from"./OpenedDropdown/utils/iterationOnOptions.js";function m(){}const v=v=>{var g,f,x,b,{placeHolder:w,size:I,onSelect:j,defaultOptions:O,disabled:y,noErrorHint:H,placeHolderHeight:S,showPlaceholderWhenSelected:T=!1,inputStyle:D={},inputType:P="default",onDeleteChip:C,truncatedText:W,showLeadingIconInPlaceholder:E=!1,showTrailingIconPlaceholder:L=!1,showLabelsOnMoreHover:M=!1}=v,z=e(v,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover"]);const[A,_]=l(!1),k=null!=I?I:"default",N=r(),[R,U]=l(null!=O?O:[]);i((()=>{var e;const o=[];null===(e=null==z?void 0:z.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&o.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&o.push(e)})),U([...o])}),[z.options]),i((()=>{O&&U([...O])}),[O]);const V=u(R);return o(p.Provider,Object.assign({value:{RootContainer:{maxWidth:null!==(f=null!==(g=z.buttonWidth)&&void 0!==g?g:z.inputWidth)&&void 0!==f?f:"100%"},InputWrapper:Object.assign({height:S||("x-small"===k?24:"small"===k?32:48),zIndex:1,cursor:"pointer",padding:"x-small"===k?"4px 8px":"6px 8px"},D),input:{minHeight:"100%",maxWidth:"100%"}}},{children:n(h,Object.assign({"data-test":z["data-test"],ref:N,onSelect:function(e){Array.isArray(e)?U([...e]):U([e]),null==j||j(e)},disabled:y,onDropdownVisbilityChange:e=>_(e)},z,{children:["default"==P&&o(d,{version:z.version,noErrorHint:H,state:y?"disabled":"none",value:T?w:null!=V?V:"",errorMessage:z.error,variant:k,placeholder:null!=w?w:"Select an option",onChangeText:m,leftIcon:E&&(null===(x=R[0])||void 0===x?void 0:x.leadingIcon)?{icon:()=>{var e;return o(t,{children:null===(e=R[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return n("div",Object.assign({style:{display:"flex"}},{children:[L&&(null===(e=R[0])||void 0===e?void 0:e.trailingIcon),o(a,{style:{transform:A?"rotate(180deg)":"rotate(0deg)"},onClick:m,width:"x-small"===k?16:"small"===k?20:24,height:"x-small"===k?16:"small"===k?20:24,color:s.content.primary})]}))}},truncateText:null==W||W}),"chip"==P&&o(c,{placeholder:null!=w?w:"Select options",chips:R,onDeleteChip:e=>{null==C||C(e)},errorMessage:z.error,isDropdownOpened:A,sizeToUse:k,containerStyle:{width:null!==(b=z.width)&&void 0!==b?b:"100%",cursor:"pointer"},showLabelsOnMoreHover:M})]}))}))};v.displayName="Dropdown";export{v as Dropdown};

package/package.json

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