@ynput/ayon-react-components 0.3.12 → 0.3.13

package/dist/Dropdown/Dropdown.d.ts

@@ -5,7 +5,7 @@ export declare const OptionsStyled: import("styled-components").StyledComponent<
     $search: boolean;
     $startAnimation: boolean;
     $animationHeight: number;
-    $maxHeight: number;
+    $maxHeight?: number | undefined;
 }, never>;
 export declare const ListItemStyled: import("styled-components").StyledComponent<"li", any, {
     $focused: boolean;

package/dist/ayon-react-components.es.js

@@ -7479,13 +7479,13 @@ const lr = $e((t, e) => /* @__PURE__ */ O("span", {
   $startAnimation: t,
   $animationHeight: e,
   $maxHeight: n
-}) => t ? Fe`
+}) => n && (t ? Fe`
           animation: ${zue(e)} 0.17s ease-in-out forwards;
           max-height: ${n}px;
         ` : Fe`
           opacity: 0;
           max-height: ${n}px;
-        `}
+        `)}
 
   overflow-y: scroll;
 
@@ -7896,8 +7896,8 @@ const lr = $e((t, e) => /* @__PURE__ */ O("span", {
   startAnimationFinished: d,
   setStartAnimationFinished: h,
   showOptions: v,
-  dataKey: S,
-  labelKey: T,
+  dataKey: S = "value",
+  labelKey: T = "label",
   itemTemplate: R,
   value: A,
   selected: E,

package/dist/ayon-react-components.umd.js

@@ -298,13 +298,13 @@ function print() { __p += __j.call(arguments, '') }
   }
 
   /* play animation on $startAnimation */
-  ${({$startAnimation:t,$animationHeight:e,$maxHeight:n})=>t?Ee.css`
+  ${({$startAnimation:t,$animationHeight:e,$maxHeight:n})=>n&&(t?Ee.css`
           animation: ${em(e)} 0.17s ease-in-out forwards;
           max-height: ${n}px;
         `:Ee.css`
           opacity: 0;
           max-height: ${n}px;
-        `}
+        `)}
 
   overflow-y: scroll;
 
@@ -432,7 +432,7 @@ function print() { __p += __j.call(arguments, '') }
   align-items: center;
   justify-content: flex-start;
   flex: 1;
-`,la=({value:t=[],isMultiple:e,dropIcon:n="expand_more",displayIcon:o,onClear:r,children:s,style:l,valueStyle:u,placeholder:_="Select an option...",isOpen:p,className:h})=>{const v=!t.length;return ne(rm,{style:l,isOpen:!!p,className:h,children:[v?O(Tr,{children:!t.length&&O(mf,{children:O(hf,{children:_})})}):ne(Tr,{children:[ne(mf,{children:[e&&O("span",{children:"Multiple ("}),o&&O(Fn,{icon:o}),O(hf,{style:u,children:s}),e&&O("span",{children:")"})]}),r&&O(Fn,{icon:"clear",onClick:r,id:"clear",className:"control",tabIndex:0})]}),O(Fn,{icon:n,className:"control"})]})},om=({message:t,search:e,editable:n,optionsRef:o,minWidth:r,listStyle:s,startAnimation:l,optionsHeight:u,maxHeight:_,startAnimationFinished:p,setStartAnimationFinished:h,showOptions:v,dataKey:S,labelKey:T,itemTemplate:C,value:A,selected:E,usingKeyboard:W,activeIndex:B,searchRef:j,hiddenLength:Y,handleChange:z})=>ne(df,{$message:t||"",$search:!!e||!!n,ref:o,style:{minWidth:r,...s},$startAnimation:l,$animationHeight:u,$maxHeight:_,onAnimationEnd:()=>h(!0),className:"options",children:[v.map(($,q)=>O(sa,{onClick:J=>z($[S],q,J),$focused:W&&B===q,$usingKeyboard:W,$startAnimation:l&&!p&&(e||n||q!==0),tabIndex:0,className:"option",children:C?C($,A.includes($[S]),E.includes($[S]),q):ne(So,{$isSelected:E.includes($[S]),className:"option-child",children:[$.icon&&O(Fn,{icon:$.icon}),O("span",{children:$[T]||$[S]})]})},`${$[S]}-${q}`)),!!Y&&O(sa,{onClick:()=>{var $;return($=j.current)==null?void 0:$.focus()},$focused:!1,$usingKeyboard:!1,$startAnimation:l,className:"option",children:O(So,{$isSelected:!1,className:"option-child hidden",children:O("span",{children:`Search ${Y} more...`})})})]}),am=U.forwardRef(({value:t=[],options:e=[],onChange:n,widthExpand:o,disabled:r,editor:s,align:l,...u},_)=>{const p=U.useMemo(()=>e.filter(h=>t.includes(h.name)),[t,e]);return s?O(ca,{value:t,valueTemplate:()=>O(Vs,{value:p,...u}),options:e,dataKey:"name",disabled:r,itemTemplate:(h,v,S)=>O(Hh,{...h,isSelected:S}),onChange:h=>n&&n(h.map(v=>v.toString())),widthExpand:o,align:l,multiSelect:!0,search:!0,searchFields:["name","fullName","email"],ref:_}):O(Vs,{value:p,...u})}),im=te.default.span`
+`,la=({value:t=[],isMultiple:e,dropIcon:n="expand_more",displayIcon:o,onClear:r,children:s,style:l,valueStyle:u,placeholder:_="Select an option...",isOpen:p,className:h})=>{const v=!t.length;return ne(rm,{style:l,isOpen:!!p,className:h,children:[v?O(Tr,{children:!t.length&&O(mf,{children:O(hf,{children:_})})}):ne(Tr,{children:[ne(mf,{children:[e&&O("span",{children:"Multiple ("}),o&&O(Fn,{icon:o}),O(hf,{style:u,children:s}),e&&O("span",{children:")"})]}),r&&O(Fn,{icon:"clear",onClick:r,id:"clear",className:"control",tabIndex:0})]}),O(Fn,{icon:n,className:"control"})]})},om=({message:t,search:e,editable:n,optionsRef:o,minWidth:r,listStyle:s,startAnimation:l,optionsHeight:u,maxHeight:_,startAnimationFinished:p,setStartAnimationFinished:h,showOptions:v,dataKey:S="value",labelKey:T="label",itemTemplate:C,value:A,selected:E,usingKeyboard:W,activeIndex:B,searchRef:j,hiddenLength:Y,handleChange:z})=>ne(df,{$message:t||"",$search:!!e||!!n,ref:o,style:{minWidth:r,...s},$startAnimation:l,$animationHeight:u,$maxHeight:_,onAnimationEnd:()=>h(!0),className:"options",children:[v.map(($,q)=>O(sa,{onClick:J=>z($[S],q,J),$focused:W&&B===q,$usingKeyboard:W,$startAnimation:l&&!p&&(e||n||q!==0),tabIndex:0,className:"option",children:C?C($,A.includes($[S]),E.includes($[S]),q):ne(So,{$isSelected:E.includes($[S]),className:"option-child",children:[$.icon&&O(Fn,{icon:$.icon}),O("span",{children:$[T]||$[S]})]})},`${$[S]}-${q}`)),!!Y&&O(sa,{onClick:()=>{var $;return($=j.current)==null?void 0:$.focus()},$focused:!1,$usingKeyboard:!1,$startAnimation:l,className:"option",children:O(So,{$isSelected:!1,className:"option-child hidden",children:O("span",{children:`Search ${Y} more...`})})})]}),am=U.forwardRef(({value:t=[],options:e=[],onChange:n,widthExpand:o,disabled:r,editor:s,align:l,...u},_)=>{const p=U.useMemo(()=>e.filter(h=>t.includes(h.name)),[t,e]);return s?O(ca,{value:t,valueTemplate:()=>O(Vs,{value:p,...u}),options:e,dataKey:"name",disabled:r,itemTemplate:(h,v,S)=>O(Hh,{...h,isSelected:S}),onChange:h=>n&&n(h.map(v=>v.toString())),widthExpand:o,align:l,multiSelect:!0,search:!0,searchFields:["name","fullName","email"],ref:_}):O(Vs,{value:p,...u})}),im=te.default.span`
   background-color: var(--color-grey-03);
   border-radius: 3px;
   padding: 2px 4px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ynput/ayon-react-components",
   "private": false,
-  "version": "0.3.12",
+  "version": "0.3.13",
   "type": "module",
   "repository": {
     "type": "git",