@useloops/design-system 1.4.703 → 1.4.705
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/systems/Platform/Navigation/Navigation.js +1 -1
- package/dist/esm/systems/WebCore/NavigationButton/NavigationButton.js +1 -1
- package/dist/esm/systems/WebCore/Nudge/Nudge.js +1 -1
- package/dist/esm/systems/WebCore/RankItem/RankItem.js +1 -1
- package/dist/esm/systems/WebCore/SortableList/SortableList.js +1 -1
- package/dist/esm/systems/WebCore/SortableList/components/SortableItem/SortableItem.js +1 -1
- package/dist/esm/systems/WebCore/UserMenu/UserMenu.js +1 -1
- package/dist/systems/Platform/Navigation/Navigation.d.ts +1 -0
- package/dist/systems/Platform/Navigation/Navigation.js +1 -1
- package/dist/systems/WebCore/NavigationButton/NavigationButton.d.ts +1 -0
- package/dist/systems/WebCore/NavigationButton/NavigationButton.js +1 -1
- package/dist/systems/WebCore/Nudge/Nudge.d.ts +1 -0
- package/dist/systems/WebCore/Nudge/Nudge.js +1 -1
- package/dist/systems/WebCore/RankItem/RankItem.js +1 -1
- package/dist/systems/WebCore/SortableList/SortableList.js +1 -1
- package/dist/systems/WebCore/SortableList/components/SortableItem/SortableItem.js +1 -1
- package/dist/systems/WebCore/UserMenu/UserMenu.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as i,jsx as e}from"react/jsx-runtime";import{styled as t,Stack as n,Box as o,useTheme as r,Divider as a}from"@mui/material";import s from"../../WebCore/NavigationButton/NavigationButton.js";import g from"../../WebCore/Nudge/Nudge.js";import"../../WebCore/Text/Text.js";import"../../WebCore/Nudge/NudgeButton.js";import l from"../../WebCore/UserMenu/UserMenu.js";import m from"./NavigationHeader.js";import"react";import{omitProps as p}from"../../../utils/shouldForwardProp.js";const u=t(n,{shouldForwardProp:p("navigationSizing")})(({navigationSizing:i,theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,transition:e.custom.easing.input,borderRight:`1px solid ${e.custom.palette.stroke.light}`,width:"lg"===i?232:72,height:"100%",position:"fixed"})),d=t(o)(({theme:i})=>({display:"flex",flex:1,padding:i.spacing(2)})),c=t(o)(({theme:i})=>({display:"flex",flex:1,gap:i.spacing(1),"& div":{display:"flex",justifyContent:"center",width:"100%"},"& button":{width:"100%"}})),h=({logoLink:t,isMobile:o,nudgeProps:p,primaryMenuItemProps:h,secondaryMenuItemProps:f,sizing:x="lg",tertiaryMenuItemProps:v,toggleMenuOnClick:b=()=>{},userMenuProps:y})=>{const j=r();return i(u,{navigationSizing:x,children:[e(m,{logoLink:t,navigationSizing:x,toggleMenuOnClick:b,isMobile:o}),e(d,{children:i(n,{sx:{gap:4,justifyContent:"space-between",width:"100%"},children:[!!h?.length&&e(n,{sx:{gap:"lg"===x?.5:2,width:"100%"},children:h.map((i,t)=>e(s,{navigationSizing:x,...i},`primary-menu-item-${t}`))}),i(n,{sx:{gap:2},children:[p?.title&&e(g,{navigationSizing:x,...p}),!!f?.length&&f.map((i,t)=>e(s,{navigationSizing:x,...i},`secondary-menu-item-${t}`)),e(a,{sx:{color:j.custom.palette.stroke.default}}),e(l,{rounded:"sm"===x,...y}),!!v?.length&&e(c,{children:v.map((i,t)=>e(s,{navigationSizing:x,...i},`tertiary-menu-item-${t}`))})]})]})})]})};export{h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{styled as i,Box as n,Button as r,boxClasses as o,useTheme as s,Slide as a,Fade as l,Grow as c}from"@mui/material";import{usePopupState as m}from"material-ui-popup-state/hooks";import{mergeSx as p}from"merge-sx";import{useRef as d}from"react";import{omitProps as u}from"../../../utils/shouldForwardProp.js";import g from"../../BrandCore/Icon/Icon.js";import{buttonInteraction as h}from"../ButtonBase/Button.variant-helpers.js";import"../ButtonBase/ButtonBase.js";import f from"../Menu/Menu.js";import{Text as x}from"../Text/Text.js";const y=i(n)(({theme:e})=>({alignItems:"center",cursor:"pointer",display:"flex",flexDirection:"column",gap:e.spacing(.5),justifyContent:"center",transition:e.custom.easing.input})),v=i(n)(({theme:e})=>({alignItems:"center",color:e.custom.palette.text.secondary,display:"flex",opacity:0,transition:e.custom.easing.input})),w=i(x,{shouldForwardProp:u("active")})(({active:e,theme:t})=>({color:e?t.custom.palette.text.primary:t.custom.palette.text.secondary,textAlign:"center"})),j=(e,t)=>{switch(e){case"sm":return t.spacing(.5625);case"md":return t.spacing(.8125);case"lg":return t.spacing(1)}},z=i(r,{shouldForwardProp:u("active","sizing")})(({active:e,fullWidth:t,sizing:i,theme:n})=>({...h(n,e),alignItems:"center",backgroundColor:e?n.custom.palette.interaction.press:"transparent",borderRadius:n.spacing(n.custom.radius.md),color:n.custom.palette.text.primary,display:"flex",gap:n.spacing(1),justifyContent:t?"space-between":"center",minWidth:0,padding:j(i,n),textTransform:"none",width:t?"100%":"auto","&:hover":{...h(n,e)["&:hover"],[`.${o.root}`]:{opacity:1}},"&:focus":{...h(n,e)["&:focus"],[`.${o.root}`]:{opacity:1}}})),I=({active:i,fullWidth:r=!0,danger:o,href:u,target:h,external:j=!1,icon:I,label:b,collapsedLabel:B,navigationSizing:W,onClick:C,sizing:k="lg",menuItems:P,menuPlacement:T="right-end",menuOffset:D=[0,12],menuWidth:F=192})=>{const O=s(),A=d(null),M=m({variant:"popper"}),S=!!P?.length,$=i||S&&M.isOpen,L="sm"===W&&B?B:b,R=e(y,{onClick:S?void 0:j&&u?()=>window.open(u,h||"_blank"):C,sx:p(r&&{width:"100%"}),children:[e(z,{active:!u&&$,sizing:k,fullWidth:r,children:[e(n,{ref:A,sx:{display:"flex",alignItems:"center",justifyContent:"lg"===W?"flex-start":"center",gap:1.5,..."lg"===W&&{flex:1,minWidth:0}},children:[I&&t(g,{name:I,size:24}),"lg"===W&&t(a,{in:!0,direction:"right",container:A.current,children:t(n,{sx:{display:"flex",minWidth:0},children:t(l,{in:!0,style:{transitionDelay:"100ms"},children:t(n,{sx:{display:"flex",minWidth:0},children:t(x,{size:"sm"===k?"xs":"md",variant:"button",clamp:1,sx:p({textAlign:"left"},o&&{color:O.custom.palette.text.negative}),children:L})})})})})]}),"lg"===W&&j&&t(v,{children:t(g,{name:"open-in-new",size:20})}),"lg"===W&&S&&t(n,{sx:{display:"flex",alignItems:"center",flexShrink:0,mr:-.5},children:t(g,{name:"chevron-right",size:24,color:O.custom.palette.icon.secondary})})]}),"sm"===W&&t(c,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:t(n,{children:t(w,{active:$,variant:"button",size:"xs",sx:p(o&&{color:O.custom.palette.text.negative}),children:L})})})]});return S?t(f,{state:M,trigger:R,menuItems:P,placement:T,offset:D,width:F,slotProps:{surface:{sx:{ml:0}}}}):R};export{I as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as i}from"react/jsx-runtime";import{Grow as r,Box as
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";import{Grow as r,Box as e}from"@mui/material";import t from"../Popper/Popper.js";import o from"../Surface/Surface.js";import n from"./NudgeBox.js";import s from"./NudgeButton.js";const a=({children:a,description:d,title:m,navigationSizing:p,offset:f=[0,12]})=>"sm"===p?i(t,{popperProps:{placement:"right-end",modifiers:f&&[{name:"offset",options:{offset:f}}]},surfaceProps:{variation:"raised",sx:{maxWidth:200,p:1}},bindOn:["trigger"],trigger:i(r,{in:!0,style:{transformOrigin:"0 100%"},children:i(e,{children:i(s,{notification:!0})})}),children:i(n,{description:d,title:m,children:a})}):i(r,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:i(e,{sx:{display:"flex"},children:i(o,{variation:"raised",borderradius:"md",sx:{maxWidth:200,minHeight:40,width:"100%",p:1},children:i(n,{description:d,title:m,children:a})})})});export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{DragHandle as i}from"@mui/icons-material";import{useTheme as r,Stack as o,Box as l,typographyClasses as n,selectClasses as a}from"@mui/material";import{useSortableItemContext as s}from"../SortableList/components/SortableItem/SortableItem.js";import{useBreakpoint as m}from"../../../utils/breakpoint.hook.js";import"react";import{iconSizeMap as c}from"../../BrandCore/Icon/Icon.js";import{space as d,base as p}from"../../BrandCore/primitiveVariables.js";import"../SelectItem/SelectItem.js";import f from"../Select/Select.js";import g from"./RankItemContainer.js";import
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{DragHandle as i}from"@mui/icons-material";import{useTheme as r,Stack as o,Box as l,typographyClasses as n,selectClasses as a}from"@mui/material";import{useSortableItemContext as s}from"../SortableList/components/SortableItem/SortableItem.js";import{useBreakpoint as m}from"../../../utils/breakpoint.hook.js";import"react";import{iconSizeMap as c}from"../../BrandCore/Icon/Icon.js";import{space as d,base as p}from"../../BrandCore/primitiveVariables.js";import"../SelectItem/SelectItem.js";import f from"../Select/Select.js";import g from"./RankItemContainer.js";import h from"./RankItemLabel.js";const u=({label:u="Placeholder",disabled:b,onChange:x,options:I,fullWidth:j,sizing:v="lg"})=>{const S=r(),w=I.map(e=>e.label).indexOf(u),C=m(),{touchListeners:k,ref:y}=s();return e(g,{disabled:b,fullWidth:j,sizing:v,children:t(o,{sx:{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",position:"relative",zIndex:1},children:[t(l,{sx:{display:"flex",alignItems:"center","& svg":{fill:S.custom.palette.icon.secondary}},children:[e(l,{ref:y,...k,sx:{display:"flex",alignItems:"center",cursor:"grab",touchAction:"none"},children:e(i,{"aria-label":"drag-handle",sx:{width:c.lg,height:c.lg,mr:S.custom.padding.sm}})}),e(h,{align:"left",disabled:b,children:u})]}),"lg"===v?e(f,{name:"rank",sizing:"sm"===C?"md":"xs",selections:I.map((e,t)=>({label:`${t+1}`,value:`${t}`})),disabled:b,value:`${w}`,onChange:function(e){const t=w,i=Number(e.target.value),r=I;let o=1;const l=r.splice(t,o)[0];o=0,r.splice(i,o,l),x(r)},MenuProps:{anchorOrigin:{vertical:d[400],horizontal:"center"}},sx:{[`&.${a.root}`]:{width:6*p,textAlign:"center"},[`& .${n.root}`]:{width:"fit-content",overflow:"visible"}}}):void 0]})})};export{u as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useSensors as n,useSensor as r,KeyboardSensor as a,DndContext as
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useSensors as n,useSensor as r,KeyboardSensor as a,DndContext as i,MeasuringStrategy as o,MouseSensor as d,TouchSensor as s}from"@dnd-kit/core";import{sortableKeyboardCoordinates as l,SortableContext as c,horizontalListSortingStrategy as m,verticalListSortingStrategy as f,arrayMove as p}from"@dnd-kit/sortable";import{Stack as u}from"@mui/material";import{useState as v,useMemo as g,Fragment as h}from"react";import{SortableItem as x,DragHandle as b}from"./components/SortableItem/SortableItem.js";import{SortableOverlay as y}from"./components/SortableOverlay/SortableOverlay.js";const S=({nativeEvent:t})=>{let e=t.target;for(;e;){if(e.dataset.noDnd)return!1;e=e.parentElement}return!0};class D extends d{static activators=[{eventName:"onMouseDown",handler:S}]}class I extends s{static activators=[{eventName:"onTouchStart",handler:S}]}function C({items:d,onChange:s,renderItem:x,disabled:b,direction:S}){if(!d)return;const[C,j]=v(null),w=g(()=>d.find(t=>t?.id===C?.id),[C,d]),E=n(r(D,{activationConstraint:{distance:{y:2}}}),r(I,{activationConstraint:{distance:{y:2}}}),r(a,{coordinateGetter:l}));return t(i,{measuring:{droppable:{strategy:o.Always}},sensors:E,onDragStart:({active:t})=>{j(t)},onDragEnd:({active:t,over:e})=>{if(e&&t.id!==e?.id){const n=d.findIndex(({id:e})=>e===t.id),r=d.findIndex(({id:t})=>t===e.id);s(p(d,n,r))}j(null)},onDragCancel:()=>{j(null)},children:[e(c,{items:d,disabled:b,strategy:"horizontal"===S?m:f,children:e(u,{sx:{..."horizontal"===S&&{flexDirection:"row"},display:"flex",m:0,gap:1,padding:0,alignContent:"flex-start"},children:d.map(t=>e(h,{children:x(t)},t.id))})}),e(y,{children:w?x(w,!0,!!C):null})]})}C.Item=x,C.DragHandle=b;export{C as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useSortable as i,defaultAnimateLayoutChanges as e}from"@dnd-kit/sortable";import{CSS as o}from"@dnd-kit/utilities";import{
|
|
1
|
+
import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useSortable as i,defaultAnimateLayoutChanges as e}from"@dnd-kit/sortable";import{CSS as o}from"@dnd-kit/utilities";import{Stack as n,Box as s}from"@mui/material";import{createContext as a,useMemo as c,useContext as m}from"react";const d=a({attributes:{},listeners:void 0,touchListeners:void 0,ref(){}}),u=()=>m(d),l=t=>e({...t,wasDragging:!0});function f({children:e,top:a,bottom:m,id:u}){const{attributes:f,isDragging:h,listeners:g,setNodeRef:p,setActivatorNodeRef:v,transform:b,transition:A}=i({id:u,animateLayoutChanges:l}),{onTouchStart:x,...z}=g??{},w=c(()=>({attributes:f,listeners:g,touchListeners:x?{onTouchStart:x}:void 0,ref:v}),[f,g,x,v]),L={opacity:h?.4:void 0,transform:o.Translate.toString(b),transition:A};return t(d.Provider,{value:w,children:r(n,{className:"SortableItem",...f,sx:{position:"relative",...L,width:"100%"},ref:p,children:[a&&a,t(s,{...z,sx:{display:"flex",cursor:"grab"},children:e}),m&&m]})})}function h(){const{attributes:r,touchListeners:i,ref:e}=m(d);return t(s,{...r,...i,ref:e,sx:{cursor:"grab",touchAction:"none"},children:t("svg",{viewBox:"0 0 20 20",width:"12",children:t("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"})})})}export{h as DragHandle,f as SortableItem,u as useSortableItemContext};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as t}from"react/jsx-runtime";import{usePopupState as a}from"material-ui-popup-state/hooks";import r,{mapMenuItems as n}from"../Menu/Menu.js";import o from"./UserMenuButton.js";const m=({accent:m,avatar:i,avatarIcon:
|
|
1
|
+
import{jsx as e,Fragment as t}from"react/jsx-runtime";import{usePopupState as a}from"material-ui-popup-state/hooks";import r,{mapMenuItems as n}from"../Menu/Menu.js";import o from"./UserMenuButton.js";const m=({accent:m,avatar:i,avatarIcon:s,email:p,menuItems:c,name:u,offset:l=[0,12],placement:d="right-end",rounded:v,width:f=192,hoverLeaveDelay:h=0})=>{const g=a({variant:"popper"});return e(r,{placement:d,offset:l,menuItems:c,state:g,hoverLeaveDelay:h,slotProps:{surface:{sx:{ml:0}}},trigger:e(o,{active:g.isOpen,accent:m,avatar:i,avatarIcon:s,email:p,name:u,rounded:v,withMenu:!!c?.length}),width:f,children:e(t,{children:c?.map((e,t)=>n(e,t,g,void 0,h,g))})})};export{m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("../../WebCore/NavigationButton/NavigationButton.js"),n=require("../../WebCore/Nudge/Nudge.js");require("../../WebCore/Text/Text.js"),require("../../WebCore/Nudge/NudgeButton.js");var r=require("../../WebCore/UserMenu/UserMenu.js"),s=require("./NavigationHeader.js");require("react");var o=require("../../../utils/shouldForwardProp.js");const a=i.styled(i.Stack,{shouldForwardProp:o.omitProps("navigationSizing")})(({navigationSizing:e,theme:i})=>({backgroundColor:i.custom.palette.surface.sunken,transition:i.custom.easing.input,borderRight:`1px solid ${i.custom.palette.stroke.light}`,width:"lg"===e?232:72,height:"100%",position:"fixed"})),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("../../WebCore/NavigationButton/NavigationButton.js"),n=require("../../WebCore/Nudge/Nudge.js");require("../../WebCore/Text/Text.js"),require("../../WebCore/Nudge/NudgeButton.js");var r=require("../../WebCore/UserMenu/UserMenu.js"),s=require("./NavigationHeader.js");require("react");var o=require("../../../utils/shouldForwardProp.js");const a=i.styled(i.Stack,{shouldForwardProp:o.omitProps("navigationSizing")})(({navigationSizing:e,theme:i})=>({backgroundColor:i.custom.palette.surface.sunken,transition:i.custom.easing.input,borderRight:`1px solid ${i.custom.palette.stroke.light}`,width:"lg"===e?232:72,height:"100%",position:"fixed"})),u=i.styled(i.Box)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(2)})),g=i.styled(i.Box)(({theme:e})=>({display:"flex",flex:1,gap:e.spacing(1),"& div":{display:"flex",justifyContent:"center",width:"100%"},"& button":{width:"100%"}}));module.exports=({logoLink:o,isMobile:l,nudgeProps:d,primaryMenuItemProps:p,secondaryMenuItemProps:c,sizing:x="lg",tertiaryMenuItemProps:m,toggleMenuOnClick:h=()=>{},userMenuProps:j})=>{const v=i.useTheme();return e.jsxs(a,{navigationSizing:x,children:[e.jsx(s,{logoLink:o,navigationSizing:x,toggleMenuOnClick:h,isMobile:l}),e.jsx(u,{children:e.jsxs(i.Stack,{sx:{gap:4,justifyContent:"space-between",width:"100%"},children:[!!p?.length&&e.jsx(i.Stack,{sx:{gap:"lg"===x?.5:2,width:"100%"},children:p.map((i,n)=>e.jsx(t,{navigationSizing:x,...i},`primary-menu-item-${n}`))}),e.jsxs(i.Stack,{sx:{gap:2},children:[d?.title&&e.jsx(n,{navigationSizing:x,...d}),!!c?.length&&c.map((i,n)=>e.jsx(t,{navigationSizing:x,...i},`secondary-menu-item-${n}`)),e.jsx(i.Divider,{sx:{color:v.custom.palette.stroke.default}}),e.jsx(r,{rounded:"sm"===x,...j}),!!m?.length&&e.jsx(g,{children:m.map((i,n)=>e.jsx(t,{navigationSizing:x,...i},`tertiary-menu-item-${n}`))})]})]})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("material-ui-popup-state/hooks"),s=require("merge-sx"),n=require("react"),r=require("../../../utils/shouldForwardProp.js"),a=require("../../BrandCore/Icon/Icon.js"),o=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var l=require("../Menu/Menu.js"),c=require("../Text/Text.js");const u=t.styled(t.Box)(({theme:e})=>({alignItems:"center",cursor:"pointer",display:"flex",flexDirection:"column",gap:e.spacing(.5),justifyContent:"center",transition:e.custom.easing.input})),d=t.styled(t.Box)(({theme:e})=>({alignItems:"center",color:e.custom.palette.text.secondary,display:"flex",opacity:0,transition:e.custom.easing.input})),x=t.styled(c.Text,{shouldForwardProp:r.omitProps("active")})(({active:e,theme:t})=>({color:e?t.custom.palette.text.primary:t.custom.palette.text.secondary,textAlign:"center"})),m=(e,t)=>{switch(e){case"sm":return t.spacing(.5625);case"md":return t.spacing(.8125);case"lg":return t.spacing(1)}},p=t.styled(t.Button,{shouldForwardProp:r.omitProps("active","sizing")})(({active:e,fullWidth:i,sizing:s,theme:n})=>({...o.buttonInteraction(n,e),alignItems:"center",backgroundColor:e?n.custom.palette.interaction.press:"transparent",borderRadius:n.spacing(n.custom.radius.md),color:n.custom.palette.text.primary,display:"flex",gap:n.spacing(1),justifyContent:i?"space-between":"center",minWidth:0,padding:m(s,n),textTransform:"none",width:i?"100%":"auto","&:hover":{...o.buttonInteraction(n,e)["&:hover"],[`.${t.boxClasses.root}`]:{opacity:1}},"&:focus":{...o.buttonInteraction(n,e)["&:focus"],[`.${t.boxClasses.root}`]:{opacity:1}}}));module.exports=({active:r,fullWidth:o=!0,danger:m,href:g,target:h,external:f=!1,icon:j,label:y,collapsedLabel:v,navigationSizing:B,onClick:b,sizing:w="lg",menuItems:I,menuPlacement:q="right-end",menuOffset:z=[0,12],menuWidth:C=192})=>{const P=t.useTheme(),W=n.useRef(null),S=i.usePopupState({variant:"popper"}),k=!!I?.length,T=r||k&&S.isOpen,F="sm"===B&&v?v:y,D=e.jsxs(u,{onClick:k?void 0:f&&g?()=>window.open(g,h||"_blank"):b,sx:s.mergeSx(o&&{width:"100%"}),children:[e.jsxs(p,{active:!g&&T,sizing:w,fullWidth:o,children:[e.jsxs(t.Box,{ref:W,sx:{display:"flex",alignItems:"center",justifyContent:"lg"===B?"flex-start":"center",gap:1.5,..."lg"===B&&{flex:1,minWidth:0}},children:[j&&e.jsx(a.default,{name:j,size:24}),"lg"===B&&e.jsx(t.Slide,{in:!0,direction:"right",container:W.current,children:e.jsx(t.Box,{sx:{display:"flex",minWidth:0},children:e.jsx(t.Fade,{in:!0,style:{transitionDelay:"100ms"},children:e.jsx(t.Box,{sx:{display:"flex",minWidth:0},children:e.jsx(c.Text,{size:"sm"===w?"xs":"md",variant:"button",clamp:1,sx:s.mergeSx({textAlign:"left"},m&&{color:P.custom.palette.text.negative}),children:F})})})})})]}),"lg"===B&&f&&e.jsx(d,{children:e.jsx(a.default,{name:"open-in-new",size:20})}),"lg"===B&&k&&e.jsx(t.Box,{sx:{display:"flex",alignItems:"center",flexShrink:0,mr:-.5},children:e.jsx(a.default,{name:"chevron-right",size:24,color:P.custom.palette.icon.secondary})})]}),"sm"===B&&e.jsx(t.Grow,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:e.jsx(t.Box,{children:e.jsx(x,{active:T,variant:"button",size:"xs",sx:s.mergeSx(m&&{color:P.custom.palette.text.negative}),children:F})})})]});return k?e.jsx(l.default,{state:S,trigger:D,menuItems:I,placement:q,offset:z,width:C,slotProps:{surface:{sx:{ml:0}}}}):D};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var i=require("react/jsx-runtime"),r=require("@mui/material"),e=require("../Popper/Popper.js"),s=require("../Surface/Surface.js"),t=require("./NudgeBox.js"),n=require("./NudgeButton.js");module.exports=({children:
|
|
1
|
+
"use strict";var i=require("react/jsx-runtime"),r=require("@mui/material"),e=require("../Popper/Popper.js"),s=require("../Surface/Surface.js"),t=require("./NudgeBox.js"),n=require("./NudgeButton.js");module.exports=({children:o,description:d,title:a,navigationSizing:l,offset:x=[0,12]})=>"sm"===l?i.jsx(e,{popperProps:{placement:"right-end",modifiers:x&&[{name:"offset",options:{offset:x}}]},surfaceProps:{variation:"raised",sx:{maxWidth:200,p:1}},bindOn:["trigger"],trigger:i.jsx(r.Grow,{in:!0,style:{transformOrigin:"0 100%"},children:i.jsx(r.Box,{children:i.jsx(n,{notification:!0})})}),children:i.jsx(t,{description:d,title:a,children:o})}):i.jsx(r.Grow,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:i.jsx(r.Box,{sx:{display:"flex"},children:i.jsx(s,{variation:"raised",borderradius:"md",sx:{maxWidth:200,minHeight:40,width:"100%",p:1},children:i.jsx(t,{description:d,title:a,children:o})})})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/icons-material"),r=require("@mui/material"),t=require("../SortableList/components/SortableItem/SortableItem.js"),s=require("../../../utils/breakpoint.hook.js");require("react");var l=require("../../BrandCore/Icon/Icon.js"),a=require("../../BrandCore/primitiveVariables.js");require("../SelectItem/SelectItem.js");var n=require("../Select/Select.js"),o=require("./RankItemContainer.js"),c=require("./RankItemLabel.js");module.exports=({label:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/icons-material"),r=require("@mui/material"),t=require("../SortableList/components/SortableItem/SortableItem.js"),s=require("../../../utils/breakpoint.hook.js");require("react");var l=require("../../BrandCore/Icon/Icon.js"),a=require("../../BrandCore/primitiveVariables.js");require("../SelectItem/SelectItem.js");var n=require("../Select/Select.js"),o=require("./RankItemContainer.js"),c=require("./RankItemLabel.js");module.exports=({label:u="Placeholder",disabled:d,onChange:m,options:x,fullWidth:g,sizing:h="lg"})=>{const p=r.useTheme(),b=x.map(e=>e.label).indexOf(u),j=s.useBreakpoint(),{touchListeners:f,ref:v}=t.useSortableItemContext();return e.jsx(o,{disabled:d,fullWidth:g,sizing:h,children:e.jsxs(r.Stack,{sx:{display:"flex",justifyContent:"space-between",flexDirection:"row",alignItems:"center",position:"relative",zIndex:1},children:[e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center","& svg":{fill:p.custom.palette.icon.secondary}},children:[e.jsx(r.Box,{ref:v,...f,sx:{display:"flex",alignItems:"center",cursor:"grab",touchAction:"none"},children:e.jsx(i.DragHandle,{"aria-label":"drag-handle",sx:{width:l.iconSizeMap.lg,height:l.iconSizeMap.lg,mr:p.custom.padding.sm}})}),e.jsx(c,{align:"left",disabled:d,children:u})]}),"lg"===h?e.jsx(n,{name:"rank",sizing:"sm"===j?"md":"xs",selections:x.map((e,i)=>({label:`${i+1}`,value:`${i}`})),disabled:d,value:`${b}`,onChange:function(e){const i=b,r=Number(e.target.value),t=x;let s=1;const l=t.splice(i,s)[0];s=0,t.splice(r,s,l),m(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",overflow:"visible"}}}):void 0]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@dnd-kit/core"),r=require("@dnd-kit/sortable"),n=require("@mui/material"),a=require("react"),i=require("./components/SortableItem/SortableItem.js"),o=require("./components/SortableOverlay/SortableOverlay.js");const s=({nativeEvent:e})=>{let t=e.target;for(;t;){if(t.dataset.noDnd)return!1;t=t.parentElement}return!0};class d extends t.MouseSensor{static activators=[{eventName:"onMouseDown",handler:s}]}class l extends t.TouchSensor{static activators=[{eventName:"onTouchStart",handler:s}]}function c({items:i,onChange:s,renderItem:c,disabled:u,direction:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@dnd-kit/core"),r=require("@dnd-kit/sortable"),n=require("@mui/material"),a=require("react"),i=require("./components/SortableItem/SortableItem.js"),o=require("./components/SortableOverlay/SortableOverlay.js");const s=({nativeEvent:e})=>{let t=e.target;for(;t;){if(t.dataset.noDnd)return!1;t=t.parentElement}return!0};class d extends t.MouseSensor{static activators=[{eventName:"onMouseDown",handler:s}]}class l extends t.TouchSensor{static activators=[{eventName:"onTouchStart",handler:s}]}function c({items:i,onChange:s,renderItem:c,disabled:u,direction:S}){if(!i)return;const[m,g]=a.useState(null),v=a.useMemo(()=>i.find(e=>e?.id===m?.id),[m,i]),x=t.useSensors(t.useSensor(d,{activationConstraint:{distance:{y:2}}}),t.useSensor(l,{activationConstraint:{distance:{y:2}}}),t.useSensor(t.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates}));return e.jsxs(t.DndContext,{measuring:{droppable:{strategy:t.MeasuringStrategy.Always}},sensors:x,onDragStart:({active:e})=>{g(e)},onDragEnd:({active:e,over:t})=>{if(t&&e.id!==t?.id){const n=i.findIndex(({id:t})=>t===e.id),a=i.findIndex(({id:e})=>e===t.id);s(r.arrayMove(i,n,a))}g(null)},onDragCancel:()=>{g(null)},children:[e.jsx(r.SortableContext,{items:i,disabled:u,strategy:"horizontal"===S?r.horizontalListSortingStrategy:r.verticalListSortingStrategy,children:e.jsx(n.Stack,{sx:{..."horizontal"===S&&{flexDirection:"row"},display:"flex",m:0,gap:1,padding:0,alignContent:"flex-start"},children:i.map(t=>e.jsx(a.Fragment,{children:c(t)},t.id))})}),e.jsx(o.SortableOverlay,{children:v?c(v,!0,!!m):null})]})}c.Item=i.SortableItem,c.DragHandle=i.DragHandle,module.exports=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var t=require("react/jsx-runtime"),e=require("@dnd-kit/sortable"),r=require("@dnd-kit/utilities"),s=require("@mui/material"),i=require("react");const o=i.createContext({attributes:{},listeners:void 0,touchListeners:void 0,ref(){}}),a=t=>e.defaultAnimateLayoutChanges({...t,wasDragging:!0});exports.DragHandle=function(){const{attributes:e,touchListeners:r,ref:a}=i.useContext(o);return t.jsx(s.Box,{...e,...r,ref:a,sx:{cursor:"grab",touchAction:"none"},children:t.jsx("svg",{viewBox:"0 0 20 20",width:"12",children:t.jsx("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"})})})},exports.SortableItem=function({children:n,top:u,bottom:c,id:d}){const{attributes:l,isDragging:x,listeners:m,setNodeRef:h,setActivatorNodeRef:f,transform:g,transition:b}=e.useSortable({id:d,animateLayoutChanges:a}),{onTouchStart:v,...S}=m??{},A=i.useMemo(()=>({attributes:l,listeners:m,touchListeners:v?{onTouchStart:v}:void 0,ref:f}),[l,m,v,f]),p={opacity:x?.4:void 0,transform:r.CSS.Translate.toString(g),transition:b};return t.jsx(o.Provider,{value:A,children:t.jsxs(s.Stack,{className:"SortableItem",...l,sx:{position:"relative",...p,width:"100%"},ref:h,children:[u&&u,t.jsx(s.Box,{...S,sx:{display:"flex",cursor:"grab"},children:n}),c&&c]})})},exports.useSortableItemContext=()=>i.useContext(o);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("material-ui-popup-state/hooks"),a=require("../Menu/Menu.js"),r=require("./UserMenuButton.js");module.exports=({accent:n,avatar:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("material-ui-popup-state/hooks"),a=require("../Menu/Menu.js"),r=require("./UserMenuButton.js");module.exports=({accent:n,avatar:s,avatarIcon:u,email:i,menuItems:o,name:m,offset:c=[0,12],placement:p="right-end",rounded:l,width:d=192,hoverLeaveDelay:v=0})=>{const h=t.usePopupState({variant:"popper"});return e.jsx(a.default,{placement:p,offset:c,menuItems:o,state:h,hoverLeaveDelay:v,slotProps:{surface:{sx:{ml:0}}},trigger:e.jsx(r,{active:h.isOpen,accent:n,avatar:s,avatarIcon:u,email:i,name:m,rounded:l,withMenu:!!o?.length}),width:d,children:e.jsx(e.Fragment,{children:o?.map((e,t)=>a.mapMenuItems(e,t,h,void 0,v,h))})})};
|