chakra-react-select - npm Package Compare versions

Comparing version 4.9.1 to 4.9.2

dist/index.js

@@ -1,2 +0,47 @@
-import{forwardRef as tt}from"react";import ot from"react-select";import{useFormControl as Ue}from"@chakra-ui/form-control";import{useTheme as qe}from"@chakra-ui/system";import{Box as j}from"@chakra-ui/layout";import{useMultiStyleConfig as Ie}from"@chakra-ui/system";import{useBreakpointValue as ye}from"@chakra-ui/media-query";import{useTheme as be}from"@chakra-ui/system";var V=e=>{let{className:r,clearValue:o,cx:n,getStyles:s,getClassNames:t,getValue:a,hasValue:i,isMulti:p,isRtl:l,options:c,selectOption:d,selectProps:m,setValue:f,theme:x,...u}=e;return{...u}},Pe=e=>typeof e=="string"&&["sm","md","lg"].includes(e),ge=e=>Pe(e)?e:e==="xs"?"sm":e==="xl"?"lg":"md",O=e=>{let r=be(),o=ge(r.components.Input.defaultProps.size),n=e!=null?e:o;return ye(typeof n=="string"?[n]:n,{fallback:"md"})||o};import{jsx as L}from"react/jsx-runtime";var W=e=>{let{children:r,className:o,cx:n,innerProps:s,isDisabled:t,isRtl:a,hasValue:i,selectProps:{chakraStyles:p}}=e,l={position:"relative",direction:a?"rtl":void 0,...t?{cursor:"not-allowed"}:{}},c=p!=null&&p.container?p.container(l,e):l;return L(j,{...s,className:n({"--is-disabled":t,"--is-rtl":a,"--has-value":i},o),sx:c,children:r})},Y=e=>{let{children:r,className:o,cx:n,isMulti:s,hasValue:t,innerProps:a,selectProps:{chakraStyles:i,size:p,variant:l,focusBorderColor:c,errorBorderColor:d,controlShouldRenderValue:m}}=e,f=O(p),x=Ie("Input",{size:f,variant:l,focusBorderColor:c,errorBorderColor:d}),u={display:s&&t&&m?"flex":"grid",alignItems:"center",flex:1,paddingY:"2px",paddingX:x.field.px,flexWrap:"wrap",WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"},S=i!=null&&i.valueContainer?i.valueContainer(u,e):u;return L(j,{...a,className:n({"value-container":!0,"value-container--is-multi":s,"value-container--has-value":t},o),sx:S,children:r})},_=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t}}=e,a={display:"flex",alignItems:"center",alignSelf:"stretch",flexShrink:0},i=t!=null&&t.indicatorsContainer?t.indicatorsContainer(a,e):a;return L(j,{...s,className:n({indicators:!0},o),sx:i,children:r})};import{Icon as X}from"@chakra-ui/icon";import{Box as T,Divider as Ge}from"@chakra-ui/layout";import{Spinner as Ce}from"@chakra-ui/spinner";import{useMultiStyleConfig as $,useStyleConfig as Me}from"@chakra-ui/system";import{jsx as G}from"react/jsx-runtime";var he=e=>{let{className:r,cx:o,children:n,innerRef:s,innerProps:t,isDisabled:a,isFocused:i,menuIsOpen:p,selectProps:{chakraStyles:l,size:c,variant:d,focusBorderColor:m,errorBorderColor:f,isInvalid:x,isReadOnly:u}}=e,S=O(c),{field:{height:b,h:g,...I}}=$("Input",{size:S,variant:d,focusBorderColor:m,errorBorderColor:f}),C={...I,position:"relative",display:"flex",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",padding:0,overflow:"hidden",height:"auto",minH:b||g,...a?{pointerEvents:"none"}:{}},B=l!=null&&l.control?l.control(C,e):C;return G(T,{ref:s,className:o({control:!0,"control--is-disabled":a,"control--is-focused":i,"control--menu-is-open":p},r),sx:B,...t,"data-focus":i?!0:void 0,"data-focus-visible":i?!0:void 0,"data-invalid":x?!0:void 0,"data-disabled":a?!0:void 0,"data-readonly":u?!0:void 0,children:n})},Z=e=>{let{className:r,cx:o,selectProps:{chakraStyles:n,useBasicStyles:s,variant:t}}=e,a={opacity:1,...s||t!=="outline"?{display:"none"}:{}},i=n!=null&&n.indicatorSeparator?n.indicatorSeparator(a,e):a;return G(Ge,{className:o({"indicator-separator":!0},r),sx:i,orientation:"vertical"})},Be=e=>G(X,{role:"presentation",focusable:"false","aria-hidden":"true",...e,children:G("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"})}),J=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,useBasicStyles:a,size:i,focusBorderColor:p,errorBorderColor:l,variant:c}}=e,d=O(i),m=$("Input",{size:d,variant:c,focusBorderColor:p,errorBorderColor:l}),x={sm:"16px",md:"20px",lg:"24px"}[d],u={...m.addon,display:"flex",alignItems:"center",justifyContent:"center",height:"100%",borderRadius:0,borderWidth:0,fontSize:x,...a&&{background:"transparent",padding:0,width:6,marginRight:2,marginLeft:1,cursor:"inherit"}},S=t!=null&&t.dropdownIndicator?t.dropdownIndicator(u,e):u,b={height:"1em",width:"1em"},g=t!=null&&t.downChevron?t.downChevron(b,e):b;return G(T,{...s,className:n({indicator:!0,"dropdown-indicator":!0},o),sx:S,children:r||G(Be,{sx:g})})},ve=e=>G(X,{focusable:"false","aria-hidden":!0,...e,children:G("path",{fill:"currentColor",d:"M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"})}),K=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:a}}=e,i=O(a),l={...Me("CloseButton",{size:i}),marginX:1,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,cursor:"pointer"},c=t!=null&&t.clearIndicator?t.clearIndicator(l,e):l,d={width:"1em",height:"1em"},m=t!=null&&t.crossIcon?t.crossIcon(d,e):d;return G(T,{role:"button",className:n({indicator:!0,"clear-indicator":!0},o),sx:c,"aria-label":"Clear selected options",...s,children:r||G(ve,{sx:m})})},Q=e=>{let{className:r,cx:o,innerProps:n,selectProps:{chakraStyles:s,size:t},color:a,emptyColor:i,speed:p,thickness:l,spinnerSize:c}=e,d=O(t),f={sm:"xs",md:"sm",lg:"md"}[d],x={marginRight:3},u=s!=null&&s.loadingIndicator?s.loadingIndicator(x,e):x;return G(Ce,{className:o({indicator:!0,"loading-indicator":!0},r),sx:u,...n,size:c||f,color:a,emptyColor:i,speed:p,thickness:l})},U=he;import{Box as ze}from"@chakra-ui/layout";import{chakra as Re}from"@chakra-ui/system";import{jsx as q}from"react/jsx-runtime";var we=e=>{let{className:r,cx:o,value:n,selectProps:{chakraStyles:s,isReadOnly:t}}=e,{innerRef:a,isDisabled:i,isHidden:p,inputClassName:l,...c}=V(e),d={gridArea:"1 / 2",minW:"2px",border:0,margin:0,outline:0,padding:0},m={flex:"1 1 auto",display:"inline-grid",gridArea:"1 / 1 / 2 / 3",gridTemplateColumns:"0 min-content",color:"inherit",marginX:"0.125rem",paddingY:"0.125rem",visibility:i?"hidden":"visible",transform:n?"translateZ(0)":"",_after:{content:'attr(data-value) " "',visibility:"hidden",whiteSpace:"pre",padding:0,...d}},f=s!=null&&s.inputContainer?s.inputContainer(m,e):m,x={background:0,opacity:p?0:1,width:"100%",...d},u=s!=null&&s.input?s.input(x,e):x;return q(ze,{className:o({"input-container":!0},r),"data-value":n||"",sx:f,children:q(Re.input,{className:o({input:!0},l),ref:a,sx:u,disabled:i,readOnly:t?!0:void 0,...c})})},ee=we;import{Box as z}from"@chakra-ui/layout";import{Menu as Ne,MenuIcon as Ve}from"@chakra-ui/menu";import{useColorModeValue as te,useMultiStyleConfig as k}from"@chakra-ui/system";import{jsx as P,jsxs as pe}from"react/jsx-runtime";var ke=e=>e?{bottom:"top",top:"bottom"}[e]:"top",Ae=e=>{let{className:r,cx:o,children:n,innerProps:s,innerRef:t,placement:a,selectProps:{chakraStyles:i}}=e,p={position:"absolute",[ke(a)]:"100%",marginY:"8px",width:"100%",zIndex:1},l=i!=null&&i.menu?i.menu(p,e):p;return P(Ne,{children:P(z,{...s,ref:t,className:o({menu:!0},r),sx:l,children:n})})},oe=Ae,ne=e=>{var I;let{className:r,cx:o,innerRef:n,children:s,maxHeight:t,isMulti:a,innerProps:i,selectProps:{chakraStyles:p,size:l,variant:c,focusBorderColor:d,errorBorderColor:m}}=e,f=k("Menu"),x=O(l),S=k("Input",{size:x,variant:c,focusBorderColor:d,errorBorderColor:m}).field,b={...f.list,minW:"100%",maxHeight:`${t}px`,overflowY:"auto","--input-border-radius":S==null?void 0:S["--input-border-radius"],borderRadius:(S==null?void 0:S.borderRadius)||((I=f.list)==null?void 0:I.borderRadius),position:"relative",WebkitOverflowScrolling:"touch"},g=p!=null&&p.menuList?p.menuList(b,e):b;return P(z,{...i,className:o({"menu-list":!0,"menu-list--is-multi":a},r),sx:g,ref:n,children:s})},re=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:a}}=e,i=O(a),l={color:"chakra-subtle-text",textAlign:"center",paddingY:{sm:"6px",md:"8px",lg:"10px"}[i],fontSize:i},c=t!=null&&t.loadingMessage?t.loadingMessage(l,e):l;return P(z,{...s,className:n({"menu-notice":!0,"menu-notice--loading":!0},o),sx:c,children:r})},se=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:a}}=e,i=O(a),l={color:"chakra-subtle-text",textAlign:"center",paddingY:{sm:"6px",md:"8px",lg:"10px"}[i],fontSize:i},c=t!=null&&t.noOptionsMessage?t.noOptionsMessage(l,e):l;return P(z,{...s,className:n({"menu-notice":!0,"menu-notice--no-options":!0},o),sx:c,children:r})},ie=e=>{let{children:r,className:o,cx:n,theme:s,getStyles:t,Heading:a,headingProps:i,label:p,selectProps:l,innerProps:c,getClassNames:d}=e,{chakraStyles:m}=l,f={},x=m!=null&&m.group?m.group(f,e):f;return pe(z,{...c,className:n({group:!0},o),sx:x,children:[P(a,{...i,selectProps:l,cx:n,theme:s,getStyles:t,getClassNames:d,children:p}),P(z,{children:r})]})},ae=e=>{let{cx:r,className:o,selectProps:{chakraStyles:n,size:s,hasStickyGroupHeaders:t}}=e,{data:a,...i}=V(e),p=k("Menu"),l=O(s),c={sm:"xs",md:"sm",lg:"md"},d={sm:"0.4rem 0.8rem",md:"0.5rem 1rem",lg:"0.6rem 1.2rem"},m={...p.groupTitle,fontSize:c[l],padding:d[l],margin:0,borderBottomWidth:t?"1px":0,position:t?"sticky":"static",top:-2,bg:p.list.bg,zIndex:1},f=n!=null&&n.groupHeading?n.groupHeading(m,e):m;return P(z,{...i,className:r({"group-heading":!0},o),sx:f})},je=e=>P("svg",{viewBox:"0 0 14 14",width:"1em",height:"1em",...e,children:P("polygon",{fill:"currentColor",points:"5.5 11.9993304 14 3.49933039 12.5 2 5.5 8.99933039 1.5 4.9968652 0 6.49933039"})}),le=e=>{let{className:r,cx:o,innerRef:n,innerProps:s,children:t,isFocused:a,isDisabled:i,isSelected:p,selectProps:{chakraStyles:l,size:c,isMulti:d,hideSelectedOptions:m,selectedOptionStyle:f,selectedOptionColorScheme:x}}=e,u=k("Menu").item,S=O(c),b={sm:"0.6rem",md:"0.8rem",lg:"1rem"},g={sm:"0.3rem",md:"0.4rem",lg:"0.5rem"},I=te(`${x}.500`,`${x}.300`),M=te("white","black"),C=f==="check"&&(!d||m===!1),B=f==="color",v={...u,cursor:"pointer",display:"flex",alignItems:"center",width:"100%",textAlign:"start",fontSize:S,paddingX:b[S],paddingY:g[S],...B&&{_selected:{bg:I,color:M,_active:{bg:I}}}},y=l!=null&&l.option?l.option(v,e):v;return pe(z,{...s,className:o({option:!0,"option--is-disabled":i,"option--is-focused":a,"option--is-selected":p},r),sx:y,ref:n,"data-focus":a?!0:void 0,"aria-disabled":i?!0:void 0,"aria-selected":p,children:[C&&P(Ve,{fontSize:"0.8em",marginEnd:"0.75rem",opacity:p?1:0,children:P(je,{})}),t]})};import{Icon as Le}from"@chakra-ui/icon";import{Box as Te}from"@chakra-ui/layout";import{chakra as ce,useMultiStyleConfig as Fe}from"@chakra-ui/system";import{jsx as R,jsxs as Ye}from"react/jsx-runtime";var De=e=>typeof e=="object"&&e!==null&&"colorScheme"in e&&typeof e.colorScheme=="string",He=e=>typeof e=="object"&&e!==null&&"variant"in e&&typeof e.variant=="string",ue=e=>typeof e=="object"&&e!==null&&"isFixed"in e&&typeof e.isFixed=="boolean",Ee=e=>{let{children:r,className:o,components:n,cx:s,data:t,innerProps:a,isDisabled:i,isFocused:p,removeProps:l,selectProps:c,cropWithEllipsis:d}=e,{Container:m,Label:f,Remove:x}=n,{chakraStyles:u,colorScheme:S,tagVariant:b,size:g}=c,I=O(g),M="",C="",B=!1;De(t)&&(M=t.colorScheme),He(t)&&(C=t.variant),ue(t)&&(B=t.isFixed);let v=Fe("Tag",{size:I,colorScheme:M||S,variant:C||b||(B?"solid":"subtle")}),y={...v.container,display:"flex",alignItems:"center",minWidth:0,margin:"0.125rem"},A=u!=null&&u.multiValue?u.multiValue(y,e):y,N={...v.label,overflow:"hidden",textOverflow:d||d===void 0?"ellipsis":void 0,whiteSpace:"nowrap"},D=u!=null&&u.multiValueLabel?u.multiValueLabel(N,e):N,w={...v.closeButton,display:"flex",alignItems:"center",justifyContent:"center"},H=u!=null&&u.multiValueRemove?u.multiValueRemove(w,e):w;return Ye(m,{data:t,innerProps:{className:s({"multi-value":!0,"multi-value--is-disabled":i},o),...a},sx:A,selectProps:c,children:[R(f,{data:t,innerProps:{className:s({"multi-value__label":!0},o)},sx:D,selectProps:c,children:r}),R(x,{data:t,innerProps:{className:s({"multi-value__remove":!0},o),"aria-label":`Remove ${r||"option"}`,...l},sx:H,selectProps:c,isFocused:p})]})},de=e=>{let{children:r,innerProps:o,sx:n}=e;return R(ce.span,{...o,sx:n,children:r})},me=e=>{let{children:r,innerProps:o,sx:n}=e;return R(ce.span,{...o,sx:n,children:r})},We=e=>R(Le,{verticalAlign:"inherit",viewBox:"0 0 512 512",...e,children:R("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"})}),xe=e=>{let{children:r,innerProps:o,isFocused:n,data:s,sx:t}=e;return ue(s)&&s.isFixed?null:R(Te,{...o,role:"button",sx:t,"data-focus":n?!0:void 0,"data-focus-visible":n?!0:void 0,children:r||R(We,{})})};var fe=Ee;import{Box as _e}from"@chakra-ui/layout";import{jsx as $e}from"react/jsx-runtime";var Xe=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t}}=e,a={gridArea:"1 / 1 / 2 / 3",color:"chakra-placeholder-color",mx:"0.125rem",userSelect:"none"},i=t!=null&&t.placeholder?t.placeholder(a,e):a;return $e(_e,{...s,className:n({placeholder:!0},o),sx:i,children:r})},Se=Xe;import{Box as Ze}from"@chakra-ui/layout";import{jsx as Ke}from"react/jsx-runtime";var Je=e=>{let{children:r,className:o,cx:n,isDisabled:s,innerProps:t,selectProps:{chakraStyles:a}}=e,i={gridArea:"1 / 1 / 2 / 3",mx:"0.125rem",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},p=a!=null&&a.singleValue?a.singleValue(i,e):i;return Ke(Ze,{className:n({"single-value":!0,"single-value--is-disabled":s},o),sx:p,...t,children:r})},Oe=Je;var Qe={ClearIndicator:K,Control:U,DropdownIndicator:J,Group:ie,GroupHeading:ae,IndicatorSeparator:Z,IndicatorsContainer:_,Input:ee,LoadingIndicator:Q,LoadingMessage:re,Menu:oe,MenuList:ne,MultiValue:fe,MultiValueContainer:de,MultiValueLabel:me,MultiValueRemove:xe,NoOptionsMessage:se,Option:le,Placeholder:Se,SelectContainer:W,SingleValue:Oe,ValueContainer:Y},F=Qe;var et=({components:e={},theme:r,size:o,colorScheme:n="gray",isDisabled:s,isInvalid:t,isReadOnly:a,required:i,isRequired:p,inputId:l,tagVariant:c,selectedOptionStyle:d="color",selectedOptionColorScheme:m,selectedOptionColor:f,variant:x,focusBorderColor:u,errorBorderColor:S,chakraStyles:b={},onFocus:g,onBlur:I,menuIsOpen:M,...C})=>{var E;let B=qe(),{variant:v}=B.components.Input.defaultProps,y=Ue({id:l,isDisabled:s,isInvalid:t,isRequired:p,isReadOnly:a,onFocus:g,onBlur:I}),A=M!=null?M:y.readOnly?!1:void 0,N=d;["color","check"].includes(d)||(N="color");let w=m||f||"blue";return typeof w!="string"&&(w="blue"),{components:{...F,...e},colorScheme:n,size:o,tagVariant:c,selectedOptionStyle:N,selectedOptionColorScheme:w,variant:x!=null?x:v,chakraStyles:b,focusBorderColor:u,errorBorderColor:S,onFocus:y.onFocus,onBlur:y.onBlur,isDisabled:y.disabled,isInvalid:!!y["aria-invalid"],inputId:y.id,isReadOnly:y.readOnly,required:i!=null?i:y.required,menuIsOpen:A,...C,"aria-invalid":(E=C["aria-invalid"])!=null?E:y["aria-invalid"]}},h=et;import{jsx as st}from"react/jsx-runtime";var nt=tt((e,r)=>{let o=h(e);return st(ot,{ref:r,...o})}),rt=nt;import{forwardRef as it}from"react";import at from"react-select/creatable";import{jsx as ct}from"react/jsx-runtime";var lt=it((e,r)=>{let o=h(e);return ct(at,{ref:r,...o})}),pt=lt;import{forwardRef as ut}from"react";import dt from"react-select/async";import{jsx as ft}from"react/jsx-runtime";var mt=ut((e,r)=>{let o=h(e);return ft(dt,{ref:r,...o})}),xt=mt;import{forwardRef as St}from"react";import Ot from"react-select/async-creatable";import{jsx as Pt}from"react/jsx-runtime";var yt=St((e,r)=>{let o=h(e);return Pt(Ot,{ref:r,...o})}),bt=yt;export*from"react-select";import{useAsync as Qo}from"react-select/async";import{useCreatable as qo}from"react-select/creatable";export{bt as AsyncCreatableSelect,xt as AsyncSelect,pt as CreatableSelect,rt as Select,F as chakraComponents,Qo as useAsync,h as useChakraSelectProps,qo as useCreatable};
+'use strict';
+
+var react = require('react');
+var ot = require('react-select');
+var formControl = require('@chakra-ui/form-control');
+var system = require('@chakra-ui/system');
+var layout = require('@chakra-ui/layout');
+var mediaQuery = require('@chakra-ui/media-query');
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@chakra-ui/icon');
+var spinner = require('@chakra-ui/spinner');
+var menu = require('@chakra-ui/menu');
+var at = require('react-select/creatable');
+var dt = require('react-select/async');
+var Ot = require('react-select/async-creatable');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ot__default = /*#__PURE__*/_interopDefault(ot);
+var at__default = /*#__PURE__*/_interopDefault(at);
+var dt__default = /*#__PURE__*/_interopDefault(dt);
+var Ot__default = /*#__PURE__*/_interopDefault(Ot);
+
+var V=e=>{let{className:r,clearValue:o,cx:n,getStyles:s,getClassNames:t,getValue:a,hasValue:i,isMulti:p,isRtl:l,options:c,selectOption:d,selectProps:m,setValue:f,theme:x,...u}=e;return {...u}},Pe=e=>typeof e=="string"&&["sm","md","lg"].includes(e),ge=e=>Pe(e)?e:e==="xs"?"sm":e==="xl"?"lg":"md",O=e=>{let r=system.useTheme(),o=ge(r.components.Input.defaultProps.size),n=e!=null?e:o;return mediaQuery.useBreakpointValue(typeof n=="string"?[n]:n,{fallback:"md"})||o};var W=e=>{let{children:r,className:o,cx:n,innerProps:s,isDisabled:t,isRtl:a,hasValue:i,selectProps:{chakraStyles:p}}=e,l={position:"relative",direction:a?"rtl":void 0,...t?{cursor:"not-allowed"}:{}},c=p!=null&&p.container?p.container(l,e):l;return jsxRuntime.jsx(layout.Box,{...s,className:n({"--is-disabled":t,"--is-rtl":a,"--has-value":i},o),sx:c,children:r})},Y=e=>{let{children:r,className:o,cx:n,isMulti:s,hasValue:t,innerProps:a,selectProps:{chakraStyles:i,size:p,variant:l,focusBorderColor:c,errorBorderColor:d,controlShouldRenderValue:m}}=e,f=O(p),x=system.useMultiStyleConfig("Input",{size:f,variant:l,focusBorderColor:c,errorBorderColor:d}),u={display:s&&t&&m?"flex":"grid",alignItems:"center",flex:1,paddingY:"2px",paddingX:x.field.px,flexWrap:"wrap",WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"},S=i!=null&&i.valueContainer?i.valueContainer(u,e):u;return jsxRuntime.jsx(layout.Box,{...a,className:n({"value-container":!0,"value-container--is-multi":s,"value-container--has-value":t},o),sx:S,children:r})},_=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t}}=e,a={display:"flex",alignItems:"center",alignSelf:"stretch",flexShrink:0},i=t!=null&&t.indicatorsContainer?t.indicatorsContainer(a,e):a;return jsxRuntime.jsx(layout.Box,{...s,className:n({indicators:!0},o),sx:i,children:r})};var he=e=>{let{className:r,cx:o,children:n,innerRef:s,innerProps:t,isDisabled:a,isFocused:i,menuIsOpen:p,selectProps:{chakraStyles:l,size:c,variant:d,focusBorderColor:m,errorBorderColor:f,isInvalid:x,isReadOnly:u}}=e,S=O(c),{field:{height:b,h:g,...I}}=system.useMultiStyleConfig("Input",{size:S,variant:d,focusBorderColor:m,errorBorderColor:f}),C={...I,position:"relative",display:"flex",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",padding:0,overflow:"hidden",height:"auto",minH:b||g,...a?{pointerEvents:"none"}:{}},B=l!=null&&l.control?l.control(C,e):C;return jsxRuntime.jsx(layout.Box,{ref:s,className:o({control:!0,"control--is-disabled":a,"control--is-focused":i,"control--menu-is-open":p},r),sx:B,...t,"data-focus":i?!0:void 0,"data-focus-visible":i?!0:void 0,"data-invalid":x?!0:void 0,"data-disabled":a?!0:void 0,"data-readonly":u?!0:void 0,children:n})},Z=e=>{let{className:r,cx:o,selectProps:{chakraStyles:n,useBasicStyles:s,variant:t}}=e,a={opacity:1,...s||t!=="outline"?{display:"none"}:{}},i=n!=null&&n.indicatorSeparator?n.indicatorSeparator(a,e):a;return jsxRuntime.jsx(layout.Divider,{className:o({"indicator-separator":!0},r),sx:i,orientation:"vertical"})},Be=e=>jsxRuntime.jsx(icon.Icon,{role:"presentation",focusable:"false","aria-hidden":"true",...e,children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"})}),J=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,useBasicStyles:a,size:i,focusBorderColor:p,errorBorderColor:l,variant:c}}=e,d=O(i),m=system.useMultiStyleConfig("Input",{size:d,variant:c,focusBorderColor:p,errorBorderColor:l}),x={sm:"16px",md:"20px",lg:"24px"}[d],u={...m.addon,display:"flex",alignItems:"center",justifyContent:"center",height:"100%",borderRadius:0,borderWidth:0,fontSize:x,...a&&{background:"transparent",padding:0,width:6,marginRight:2,marginLeft:1,cursor:"inherit"}},S=t!=null&&t.dropdownIndicator?t.dropdownIndicator(u,e):u,b={height:"1em",width:"1em"},g=t!=null&&t.downChevron?t.downChevron(b,e):b;return jsxRuntime.jsx(layout.Box,{...s,className:n({indicator:!0,"dropdown-indicator":!0},o),sx:S,children:r||jsxRuntime.jsx(Be,{sx:g})})},ve=e=>jsxRuntime.jsx(icon.Icon,{focusable:"false","aria-hidden":!0,...e,children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"})}),K=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:a}}=e,i=O(a),l={...system.useStyleConfig("CloseButton",{size:i}),marginX:1,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,cursor:"pointer"},c=t!=null&&t.clearIndicator?t.clearIndicator(l,e):l,d={width:"1em",height:"1em"},m=t!=null&&t.crossIcon?t.crossIcon(d,e):d;return jsxRuntime.jsx(layout.Box,{role:"button",className:n({indicator:!0,"clear-indicator":!0},o),sx:c,"aria-label":"Clear selected options",...s,children:r||jsxRuntime.jsx(ve,{sx:m})})},Q=e=>{let{className:r,cx:o,innerProps:n,selectProps:{chakraStyles:s,size:t},color:a,emptyColor:i,speed:p,thickness:l,spinnerSize:c}=e,d=O(t),f={sm:"xs",md:"sm",lg:"md"}[d],x={marginRight:3},u=s!=null&&s.loadingIndicator?s.loadingIndicator(x,e):x;return jsxRuntime.jsx(spinner.Spinner,{className:o({indicator:!0,"loading-indicator":!0},r),sx:u,...n,size:c||f,color:a,emptyColor:i,speed:p,thickness:l})},U=he;var we=e=>{let{className:r,cx:o,value:n,selectProps:{chakraStyles:s,isReadOnly:t}}=e,{innerRef:a,isDisabled:i,isHidden:p,inputClassName:l,...c}=V(e),d={gridArea:"1 / 2",minW:"2px",border:0,margin:0,outline:0,padding:0},m={flex:"1 1 auto",display:"inline-grid",gridArea:"1 / 1 / 2 / 3",gridTemplateColumns:"0 min-content",color:"inherit",marginX:"0.125rem",paddingY:"0.125rem",visibility:i?"hidden":"visible",transform:n?"translateZ(0)":"",_after:{content:'attr(data-value) " "',visibility:"hidden",whiteSpace:"pre",padding:0,...d}},f=s!=null&&s.inputContainer?s.inputContainer(m,e):m,x={background:0,opacity:p?0:1,width:"100%",...d},u=s!=null&&s.input?s.input(x,e):x;return jsxRuntime.jsx(layout.Box,{className:o({"input-container":!0},r),"data-value":n||"",sx:f,children:jsxRuntime.jsx(system.chakra.input,{className:o({input:!0},l),ref:a,sx:u,disabled:i,readOnly:t?!0:void 0,...c})})},ee=we;var ke=e=>e?{bottom:"top",top:"bottom"}[e]:"top",Ae=e=>{let{className:r,cx:o,children:n,innerProps:s,innerRef:t,placement:a,selectProps:{chakraStyles:i}}=e,p={position:"absolute",[ke(a)]:"100%",marginY:"8px",width:"100%",zIndex:1},l=i!=null&&i.menu?i.menu(p,e):p;return jsxRuntime.jsx(menu.Menu,{children:jsxRuntime.jsx(layout.Box,{...s,ref:t,className:o({menu:!0},r),sx:l,children:n})})},oe=Ae,ne=e=>{var I;let{className:r,cx:o,innerRef:n,children:s,maxHeight:t,isMulti:a,innerProps:i,selectProps:{chakraStyles:p,size:l,variant:c,focusBorderColor:d,errorBorderColor:m}}=e,f=system.useMultiStyleConfig("Menu"),x=O(l),S=system.useMultiStyleConfig("Input",{size:x,variant:c,focusBorderColor:d,errorBorderColor:m}).field,b={...f.list,minW:"100%",maxHeight:`${t}px`,overflowY:"auto","--input-border-radius":S==null?void 0:S["--input-border-radius"],borderRadius:(S==null?void 0:S.borderRadius)||((I=f.list)==null?void 0:I.borderRadius),position:"relative",WebkitOverflowScrolling:"touch"},g=p!=null&&p.menuList?p.menuList(b,e):b;return jsxRuntime.jsx(layout.Box,{...i,className:o({"menu-list":!0,"menu-list--is-multi":a},r),sx:g,ref:n,children:s})},re=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:a}}=e,i=O(a),l={color:"chakra-subtle-text",textAlign:"center",paddingY:{sm:"6px",md:"8px",lg:"10px"}[i],fontSize:i},c=t!=null&&t.loadingMessage?t.loadingMessage(l,e):l;return jsxRuntime.jsx(layout.Box,{...s,className:n({"menu-notice":!0,"menu-notice--loading":!0},o),sx:c,children:r})},se=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:a}}=e,i=O(a),l={color:"chakra-subtle-text",textAlign:"center",paddingY:{sm:"6px",md:"8px",lg:"10px"}[i],fontSize:i},c=t!=null&&t.noOptionsMessage?t.noOptionsMessage(l,e):l;return jsxRuntime.jsx(layout.Box,{...s,className:n({"menu-notice":!0,"menu-notice--no-options":!0},o),sx:c,children:r})},ie=e=>{let{children:r,className:o,cx:n,theme:s,getStyles:t,Heading:a,headingProps:i,label:p,selectProps:l,innerProps:c,getClassNames:d}=e,{chakraStyles:m}=l,f={},x=m!=null&&m.group?m.group(f,e):f;return jsxRuntime.jsxs(layout.Box,{...c,className:n({group:!0},o),sx:x,children:[jsxRuntime.jsx(a,{...i,selectProps:l,cx:n,theme:s,getStyles:t,getClassNames:d,children:p}),jsxRuntime.jsx(layout.Box,{children:r})]})},ae=e=>{let{cx:r,className:o,selectProps:{chakraStyles:n,size:s,hasStickyGroupHeaders:t}}=e,{data:a,...i}=V(e),p=system.useMultiStyleConfig("Menu"),l=O(s),c={sm:"xs",md:"sm",lg:"md"},d={sm:"0.4rem 0.8rem",md:"0.5rem 1rem",lg:"0.6rem 1.2rem"},m={...p.groupTitle,fontSize:c[l],padding:d[l],margin:0,borderBottomWidth:t?"1px":0,position:t?"sticky":"static",top:-2,bg:p.list.bg,zIndex:1},f=n!=null&&n.groupHeading?n.groupHeading(m,e):m;return jsxRuntime.jsx(layout.Box,{...i,className:r({"group-heading":!0},o),sx:f})},je=e=>jsxRuntime.jsx("svg",{viewBox:"0 0 14 14",width:"1em",height:"1em",...e,children:jsxRuntime.jsx("polygon",{fill:"currentColor",points:"5.5 11.9993304 14 3.49933039 12.5 2 5.5 8.99933039 1.5 4.9968652 0 6.49933039"})}),le=e=>{let{className:r,cx:o,innerRef:n,innerProps:s,children:t,isFocused:a,isDisabled:i,isSelected:p,selectProps:{chakraStyles:l,size:c,isMulti:d,hideSelectedOptions:m,selectedOptionStyle:f,selectedOptionColorScheme:x}}=e,u=system.useMultiStyleConfig("Menu").item,S=O(c),b={sm:"0.6rem",md:"0.8rem",lg:"1rem"},g={sm:"0.3rem",md:"0.4rem",lg:"0.5rem"},I=system.useColorModeValue(`${x}.500`,`${x}.300`),M=system.useColorModeValue("white","black"),C=f==="check"&&(!d||m===!1),B=f==="color",v={...u,cursor:"pointer",display:"flex",alignItems:"center",width:"100%",textAlign:"start",fontSize:S,paddingX:b[S],paddingY:g[S],...B&&{_selected:{bg:I,color:M,_active:{bg:I}}}},y=l!=null&&l.option?l.option(v,e):v;return jsxRuntime.jsxs(layout.Box,{...s,className:o({option:!0,"option--is-disabled":i,"option--is-focused":a,"option--is-selected":p},r),sx:y,ref:n,"data-focus":a?!0:void 0,"aria-disabled":i?!0:void 0,"aria-selected":p,children:[C&&jsxRuntime.jsx(menu.MenuIcon,{fontSize:"0.8em",marginEnd:"0.75rem",opacity:p?1:0,children:jsxRuntime.jsx(je,{})}),t]})};var De=e=>typeof e=="object"&&e!==null&&"colorScheme"in e&&typeof e.colorScheme=="string",He=e=>typeof e=="object"&&e!==null&&"variant"in e&&typeof e.variant=="string",ue=e=>typeof e=="object"&&e!==null&&"isFixed"in e&&typeof e.isFixed=="boolean",Ee=e=>{let{children:r,className:o,components:n,cx:s,data:t,innerProps:a,isDisabled:i,isFocused:p,removeProps:l,selectProps:c,cropWithEllipsis:d}=e,{Container:m,Label:f,Remove:x}=n,{chakraStyles:u,colorScheme:S,tagVariant:b,size:g}=c,I=O(g),M="",C="",B=!1;De(t)&&(M=t.colorScheme),He(t)&&(C=t.variant),ue(t)&&(B=t.isFixed);let v=system.useMultiStyleConfig("Tag",{size:I,colorScheme:M||S,variant:C||b||(B?"solid":"subtle")}),y={...v.container,display:"flex",alignItems:"center",minWidth:0,margin:"0.125rem"},A=u!=null&&u.multiValue?u.multiValue(y,e):y,N={...v.label,overflow:"hidden",textOverflow:d||d===void 0?"ellipsis":void 0,whiteSpace:"nowrap"},D=u!=null&&u.multiValueLabel?u.multiValueLabel(N,e):N,w={...v.closeButton,display:"flex",alignItems:"center",justifyContent:"center"},H=u!=null&&u.multiValueRemove?u.multiValueRemove(w,e):w;return jsxRuntime.jsxs(m,{data:t,innerProps:{className:s({"multi-value":!0,"multi-value--is-disabled":i},o),...a},sx:A,selectProps:c,children:[jsxRuntime.jsx(f,{data:t,innerProps:{className:s({"multi-value__label":!0},o)},sx:D,selectProps:c,children:r}),jsxRuntime.jsx(x,{data:t,innerProps:{className:s({"multi-value__remove":!0},o),"aria-label":`Remove ${r||"option"}`,...l},sx:H,selectProps:c,isFocused:p})]})},de=e=>{let{children:r,innerProps:o,sx:n}=e;return jsxRuntime.jsx(system.chakra.span,{...o,sx:n,children:r})},me=e=>{let{children:r,innerProps:o,sx:n}=e;return jsxRuntime.jsx(system.chakra.span,{...o,sx:n,children:r})},We=e=>jsxRuntime.jsx(icon.Icon,{verticalAlign:"inherit",viewBox:"0 0 512 512",...e,children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"})}),xe=e=>{let{children:r,innerProps:o,isFocused:n,data:s,sx:t}=e;return ue(s)&&s.isFixed?null:jsxRuntime.jsx(layout.Box,{...o,role:"button",sx:t,"data-focus":n?!0:void 0,"data-focus-visible":n?!0:void 0,children:r||jsxRuntime.jsx(We,{})})};var fe=Ee;var Xe=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t}}=e,a={gridArea:"1 / 1 / 2 / 3",color:"chakra-placeholder-color",mx:"0.125rem",userSelect:"none"},i=t!=null&&t.placeholder?t.placeholder(a,e):a;return jsxRuntime.jsx(layout.Box,{...s,className:n({placeholder:!0},o),sx:i,children:r})},Se=Xe;var Je=e=>{let{children:r,className:o,cx:n,isDisabled:s,innerProps:t,selectProps:{chakraStyles:a}}=e,i={gridArea:"1 / 1 / 2 / 3",mx:"0.125rem",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},p=a!=null&&a.singleValue?a.singleValue(i,e):i;return jsxRuntime.jsx(layout.Box,{className:n({"single-value":!0,"single-value--is-disabled":s},o),sx:p,...t,children:r})},Oe=Je;var Qe={ClearIndicator:K,Control:U,DropdownIndicator:J,Group:ie,GroupHeading:ae,IndicatorSeparator:Z,IndicatorsContainer:_,Input:ee,LoadingIndicator:Q,LoadingMessage:re,Menu:oe,MenuList:ne,MultiValue:fe,MultiValueContainer:de,MultiValueLabel:me,MultiValueRemove:xe,NoOptionsMessage:se,Option:le,Placeholder:Se,SelectContainer:W,SingleValue:Oe,ValueContainer:Y},F=Qe;var et=({components:e={},theme:r,size:o,colorScheme:n="gray",isDisabled:s,isInvalid:t,isReadOnly:a,required:i,isRequired:p,inputId:l,tagVariant:c,selectedOptionStyle:d="color",selectedOptionColorScheme:m,selectedOptionColor:f,variant:x,focusBorderColor:u,errorBorderColor:S,chakraStyles:b={},onFocus:g,onBlur:I,menuIsOpen:M,...C})=>{var E;let B=system.useTheme(),{variant:v}=B.components.Input.defaultProps,y=formControl.useFormControl({id:l,isDisabled:s,isInvalid:t,isRequired:p,isReadOnly:a,onFocus:g,onBlur:I}),A=M!=null?M:y.readOnly?!1:void 0,N=d;["color","check"].includes(d)||(N="color");let w=m||f||"blue";return typeof w!="string"&&(w="blue"),{components:{...F,...e},colorScheme:n,size:o,tagVariant:c,selectedOptionStyle:N,selectedOptionColorScheme:w,variant:x!=null?x:v,chakraStyles:b,focusBorderColor:u,errorBorderColor:S,onFocus:y.onFocus,onBlur:y.onBlur,isDisabled:y.disabled,isInvalid:!!y["aria-invalid"],inputId:y.id,isReadOnly:y.readOnly,required:i!=null?i:y.required,menuIsOpen:A,...C,"aria-invalid":(E=C["aria-invalid"])!=null?E:y["aria-invalid"]}},h=et;var nt=react.forwardRef((e,r)=>{let o=h(e);return jsxRuntime.jsx(ot__default.default,{ref:r,...o})}),rt=nt;var lt=react.forwardRef((e,r)=>{let o=h(e);return jsxRuntime.jsx(at__default.default,{ref:r,...o})}),pt=lt;var mt=react.forwardRef((e,r)=>{let o=h(e);return jsxRuntime.jsx(dt__default.default,{ref:r,...o})}),xt=mt;var yt=react.forwardRef((e,r)=>{let o=h(e);return jsxRuntime.jsx(Ot__default.default,{ref:r,...o})}),bt=yt;
+
+Object.defineProperty(exports, "useCreatable", {
+	enumerable: true,
+	get: function () { return at.useCreatable; }
+});
+Object.defineProperty(exports, "useAsync", {
+	enumerable: true,
+	get: function () { return dt.useAsync; }
+});
+exports.AsyncCreatableSelect = bt;
+exports.AsyncSelect = xt;
+exports.CreatableSelect = pt;
+exports.Select = rt;
+exports.chakraComponents = F;
+exports.useChakraSelectProps = h;
+Object.keys(ot).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return ot[k]; }
+	});
+});
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "chakra-react-select",
-  "version": "4.9.1",
+  "version": "4.9.2",
   "description": "A Chakra UI wrapper for the popular library React Select",
@@ -15,11 +15,13 @@ "license": "MIT",
   },
-  "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
+      "module": "./dist/index.mjs",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
       "default": "./dist/index.js"
-    }
+    },
+    "./package.json": "./package.json"
   },
   "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "files": [
@@ -30,2 +32,3 @@ "dist"
     "build": "tsup",
+    "check-exports": "attw --pack .",
     "format": "concurrently npm:format:*",
@@ -59,2 +62,3 @@ "format:code": "prettier --write .",
   "devDependencies": {
+    "@arethetypeswrong/cli": "^0.15.4",
     "@chakra-ui/form-control": "^2.2.0",
@@ -61,0 +65,0 @@ "@chakra-ui/icon": "^3.2.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Lines of code

504

increased by9.57%

Worsened metrics

Total package byte prevSize

284161

decreased by-1.73%

Dev dependency count

34

increased by3.03%

Is type module

No

No dependency changes