@useloops/design-system 1.4.600 → 1.4.601

package/dist/esm/systems/WebCore/RankItem/RankItem.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{DragHandle as t}from"@mui/icons-material";import{useTheme as l,Stack as r,Box as n,selectClasses as a}from"@mui/material";import{iconSizeMap as o}from"../../BrandCore/Icon/Icon.js";import{space as s,base as m}from"../../BrandCore/primitiveVariables.js";import c from"../Select/Select.js";import"../Select/SelectItem.js";import d from"./RankItemContainer.js";import p from"./RankItemLabel.js";const f=({label:f="Placeholder",disabled:h,onChange:u,options:g,fullWidth:b})=>{const x=l(),j=g.map(e=>e.label).indexOf(f);return e(d,{disabled:h,fullWidth:b,children:i(r,{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",sx:{position:"relative",zIndex:1},children:[i(n,{display:"flex",alignItems:"center",sx:{"& svg":{fill:x.custom.palette.icon.secondary}},children:[e(t,{"aria-label":"drag-handle",sx:{width:o.lg,height:o.lg,mr:x.custom.padding.sm}}),e(p,{align:"left",disabled:h,children:f})]}),e(c,{name:"rank",sizing:"xs",selections:g.map((e,i)=>({label:`${i+1}`,value:`${i}`})),disabled:h,value:`${j}`,onChange:function(e){const i=j,t=Number(e.target.value),l=g;let r=1;const n=l.splice(i,r)[0];r=0,l.splice(t,r,n),u(l)},MenuProps:{anchorOrigin:{vertical:s[400],horizontal:"center"}},sx:{[`&.${a.root}`]:{minWidth:9*m}}})]})})};export{f as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{DragHandle as i}from"@mui/icons-material";import{useTheme as l,Stack as r,Box as n,typographyClasses as o,selectClasses as a}from"@mui/material";import{iconSizeMap as s}from"../../BrandCore/Icon/Icon.js";import{space as m,base as c}from"../../BrandCore/primitiveVariables.js";import d from"../Select/Select.js";import"../Select/SelectItem.js";import p from"./RankItemContainer.js";import f from"./RankItemLabel.js";const h=({label:h="Placeholder",disabled:u,onChange:g,options:x,fullWidth:b})=>{const j=l(),I=x.map(e=>e.label).indexOf(h);return e(p,{disabled:u,fullWidth:b,children:t(r,{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",sx:{position:"relative",zIndex:1},children:[t(n,{display:"flex",alignItems:"center",sx:{"& svg":{fill:j.custom.palette.icon.secondary}},children:[e(i,{"aria-label":"drag-handle",sx:{width:s.lg,height:s.lg,mr:j.custom.padding.sm}}),e(f,{align:"left",disabled:u,children:h})]}),e(d,{name:"rank",sizing:"xs",selections:x.map((e,t)=>({label:`${t+1}`,value:`${t}`})),disabled:u,value:`${I}`,onChange:function(e){const t=I,i=Number(e.target.value),l=x;let r=1;const n=l.splice(t,r)[0];r=0,l.splice(i,r,n),g(l)},MenuProps:{anchorOrigin:{vertical:m[400],horizontal:"center"}},sx:{[`&.${a.root}`]:{width:6*c,textAlign:"center"},[`& .${o.root}`]:{width:"fit-content"}}})]})})};export{h as default};

package/dist/esm/systems/WebCore/RankItem/RankItemLabel.js

@@ -1 +1 @@
-import{styled as t}from"@mui/material";import e from"../InputLabel/InputLabel.js";import{typographyVariantMap as o}from"../utils/typography.util.js";const r=t(e)(({theme:t})=>({fontSize:o.button.md,color:t.custom.palette.text.primary,lineHeight:"120%",letterSpacing:"0.16px"}));export{r as default};
+import{styled as t}from"@mui/material";import e from"../InputLabel/InputLabel.js";import{typographyVariantMap as i}from"../utils/typography.util.js";const o=t(e)(({theme:t})=>({fontSize:i.button.md,color:t.custom.palette.text.primary,lineHeight:"120%",letterSpacing:"0.16px",paddingRight:t.spacing(1)}));export{o as default};

package/dist/systems/WebCore/RankItem/RankItem.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@mui/icons-material"),r=require("@mui/material"),a=require("../../BrandCore/Icon/Icon.js"),l=require("../../BrandCore/primitiveVariables.js"),s=require("../Select/Select.js");require("../Select/SelectItem.js");var n=require("./RankItemContainer.js"),t=require("./RankItemLabel.js");module.exports=({label:c="Placeholder",disabled:o,onChange:d,options:u,fullWidth:m})=>{const x=r.useTheme(),h=u.map(e=>e.label).indexOf(c);return e.jsx(n,{disabled:o,fullWidth:m,children:e.jsxs(r.Stack,{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",sx:{position:"relative",zIndex:1},children:[e.jsxs(r.Box,{display:"flex",alignItems:"center",sx:{"& svg":{fill:x.custom.palette.icon.secondary}},children:[e.jsx(i.DragHandle,{"aria-label":"drag-handle",sx:{width:a.iconSizeMap.lg,height:a.iconSizeMap.lg,mr:x.custom.padding.sm}}),e.jsx(t,{align:"left",disabled:o,children:c})]}),e.jsx(s,{name:"rank",sizing:"xs",selections:u.map((e,i)=>({label:`${i+1}`,value:`${i}`})),disabled:o,value:`${h}`,onChange:function(e){const i=h,r=Number(e.target.value),a=u;let l=1;const s=a.splice(i,l)[0];l=0,a.splice(r,l,s),d(a)},MenuProps:{anchorOrigin:{vertical:l.space[400],horizontal:"center"}},sx:{[`&.${r.selectClasses.root}`]:{minWidth:9*l.base}}})]})})};
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/icons-material"),r=require("@mui/material"),t=require("../../BrandCore/Icon/Icon.js"),a=require("../../BrandCore/primitiveVariables.js"),l=require("../Select/Select.js");require("../Select/SelectItem.js");var s=require("./RankItemContainer.js"),n=require("./RankItemLabel.js");module.exports=({label:o="Placeholder",disabled:c,onChange:d,options:u,fullWidth:m})=>{const x=r.useTheme(),h=u.map(e=>e.label).indexOf(o);return e.jsx(s,{disabled:c,fullWidth:m,children:e.jsxs(r.Stack,{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",sx:{position:"relative",zIndex:1},children:[e.jsxs(r.Box,{display:"flex",alignItems:"center",sx:{"& svg":{fill:x.custom.palette.icon.secondary}},children:[e.jsx(i.DragHandle,{"aria-label":"drag-handle",sx:{width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,mr:x.custom.padding.sm}}),e.jsx(n,{align:"left",disabled:c,children:o})]}),e.jsx(l,{name:"rank",sizing:"xs",selections:u.map((e,i)=>({label:`${i+1}`,value:`${i}`})),disabled:c,value:`${h}`,onChange:function(e){const i=h,r=Number(e.target.value),t=u;let a=1;const l=t.splice(i,a)[0];a=0,t.splice(r,a,l),d(t)},MenuProps:{anchorOrigin:{vertical:a.space[400],horizontal:"center"}},sx:{[`&.${r.selectClasses.root}`]:{width:6*a.base,textAlign:"center"},[`& .${r.typographyClasses.root}`]:{width:"fit-content"}}})]})})};

package/dist/systems/WebCore/RankItem/RankItemLabel.js

@@ -1 +1 @@
-"use strict";var t=require("@mui/material"),e=require("../InputLabel/InputLabel.js"),r=require("../utils/typography.util.js");const i=t.styled(e)(({theme:t})=>({fontSize:r.typographyVariantMap.button.md,color:t.custom.palette.text.primary,lineHeight:"120%",letterSpacing:"0.16px"}));module.exports=i;
+"use strict";var t=require("@mui/material"),e=require("../InputLabel/InputLabel.js"),i=require("../utils/typography.util.js");const r=t.styled(e)(({theme:t})=>({fontSize:i.typographyVariantMap.button.md,color:t.custom.palette.text.primary,lineHeight:"120%",letterSpacing:"0.16px",paddingRight:t.spacing(1)}));module.exports=r;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.600",
+    "version": "1.4.601",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",