@ynput/ayon-react-components 1.17.0 → 1.17.1

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

@@ -12026,6 +12026,7 @@ const Qwe = (t) => {
   });
 }), d7e = te(Go)`
   &.settings-dropdown {
+    margin-bottom: var(--padding-m);
     width: 100%;
     button {
       background-color: unset;
@@ -12035,7 +12036,7 @@ const Qwe = (t) => {
     }
     .template-value {
       border: none;
-      padding: 0 4px;
+      padding: 0 4px 0px 8px;
       /* dropdown icon color */
       .control {
         color: var(--md-sys-color-outline);
@@ -12097,6 +12098,7 @@ const Qwe = (t) => {
   }
 })), _7e = te(u7e)`
   &.settings-sorting-dropdown {
+    margin-bottom: var(--padding-m);
     width: 100%;
     button {
       background-color: unset;
@@ -12106,7 +12108,7 @@ const Qwe = (t) => {
     }
     .template-value {
       border: none;
-      padding: 0 4px;
+      padding: 0 4px 0px 8px;
       /* dropdown icon color */
       .control {
         color: var(--md-sys-color-outline);

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

@@ -1027,6 +1027,7 @@ function print() { __p += __j.call(arguments, '') }
   }
 `,Wp=$.forwardRef(({value:t=[],options:o=[],onChange:r,title:n="Sort by",multiSelect:e=!0,renderValueContent:i,sortCardProps:c,pt:l,...d},_)=>{const p=v=>{const x=v==null?void 0:v.map(S=>{var L;const E=t.findIndex(N=>N.id===S);if(E===-1){const N=o.find(P=>P.id===S);if(!N)throw new Error(`SortingDropdown: option with id ${S} not found`);return{id:N.id,label:(L=N==null?void 0:N.label)!=null?L:"",sortOrder:!0}}else return t[E]});r(x!=null?x:[])},h=v=>{const x=t.find(N=>N.id===v),S=t.findIndex(N=>N.id===v);if(!x)throw new Error(`SortingDropdown: value with id ${v} not found`);const E={...x,sortOrder:!x.sortOrder},L=[...t];L.splice(S,1,E),r(L)},g=v=>{const x=t.filter(S=>S.id!==v);r(x)},w=(v,x)=>{var L,N;const S=v.toString(),E=t.find(P=>P.id===S)||o.find(P=>P.id===S);return E?b($p,{...E,...l==null?void 0:l.chip,...c,className:Ae((L=l==null?void 0:l.chip)==null?void 0:L.className),id:E.id,label:E.label,sortOrder:(N=E==null?void 0:E.sortOrder)!=null?N:!0,disabled:x,onSortBy:()=>!x&&!(c!=null&&c.disableSort)&&h(S),onRemove:()=>!x&&g(S),onKeyDown:P=>{if(!x&&(P.stopPropagation(),P.key==="Enter")){if(P.target.id==="remove"){g(S);return}!(c!=null&&c.disableSort)&&!(c!=null&&c.hideSort)&&h(S)}}},S):null};return b(Jy,{...d,ref:_,value:t.map(({id:v})=>v),options:o,onChange:p,dataKey:"id",multiSelect:e,widthExpand:!0,valueTemplate:(v,x,S)=>{const E=x.map(L=>w(L.toString(),S));return b(Mo,{value:[],placeholder:"",isOpen:S,childrenCustom:i?i({isOpen:S,title:n,selected:x,cards:E}):de(Hn,{children:[b("span",{children:n}),E]})})}})}),eb=ee.default(lo)`
   &.settings-dropdown {
+    margin-bottom: var(--padding-m);
     width: 100%;
     button {
       background-color: unset;
@@ -1036,7 +1037,7 @@ function print() { __p += __j.call(arguments, '') }
     }
     .template-value {
       border: none;
-      padding: 0 4px;
+      padding: 0 4px 0px 8px;
       /* dropdown icon color */
       .control {
         color: var(--md-sys-color-outline);
@@ -1066,6 +1067,7 @@ function print() { __p += __j.call(arguments, '') }
   user-select: none;
 `,rb=$.forwardRef(({settings:t=!0,title:o,icon:r,...n},e)=>b(eb,{...n,ref:e,valueClassName:"value",className:Ae("settings-dropdown",{settings:t}),valueTemplate:(i,c,l)=>{var d;return b(Mo,{value:i,isOpen:l,selected:c,className:"test",childrenCustom:de(tb,{children:[r&&b(Xe,{icon:r,className:"dropdown-icon"}),b("span",{className:"dropdown-title",children:o}),b(nb,{children:(d=n.options.find(_=>_.value===i[0]))==null?void 0:d.label})]})})}})),ob=ee.default(Wp)`
   &.settings-sorting-dropdown {
+    margin-bottom: var(--padding-m);
     width: 100%;
     button {
       background-color: unset;
@@ -1075,7 +1077,7 @@ function print() { __p += __j.call(arguments, '') }
     }
     .template-value {
       border: none;
-      padding: 0 4px;
+      padding: 0 4px 0px 8px;
       /* dropdown icon color */
       .control {
         color: var(--md-sys-color-outline);

package/package.json

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