@useloops/design-system 1.4.702 → 1.4.704

package/dist/systems/WebCore/Nudge/Nudge.js

@@ -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:d,description:a,title:o,navigationSizing:l})=>"sm"===l?i.jsx(e,{popperProps:{placement:"right-end"},surfaceProps:{variation:"raised",sx:{maxWidth:200,p:1,ml: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:a,title:o,children:d})}):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:a,title:o,children:d})})})});
+"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})})})});

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"),s=require("../../../utils/breakpoint.hook.js");require("react");var t=require("../../BrandCore/Icon/Icon.js"),l=require("../../BrandCore/primitiveVariables.js");require("../SelectItem/SelectItem.js");var a=require("../Select/Select.js"),n=require("./RankItemContainer.js"),o=require("./RankItemLabel.js");module.exports=({label:c="Placeholder",disabled:d,onChange:u,options:m,fullWidth:g,sizing:p="lg"})=>{const h=r.useTheme(),x=m.map(e=>e.label).indexOf(c),b=s.useBreakpoint();return e.jsx(n,{disabled:d,fullWidth:g,sizing:p,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:h.custom.palette.icon.secondary}},children:[e.jsx(i.DragHandle,{"aria-label":"drag-handle",sx:{width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,mr:h.custom.padding.sm}}),e.jsx(o,{align:"left",disabled:d,children:c})]}),"lg"===p?e.jsx(a,{name:"rank",sizing:"sm"===b?"md":"xs",selections:m.map((e,i)=>({label:`${i+1}`,value:`${i}`})),disabled:d,value:`${x}`,onChange:function(e){const i=x,r=Number(e.target.value),s=m;let t=1;const l=s.splice(i,t)[0];t=0,s.splice(r,t,l),u(s)},MenuProps:{anchorOrigin:{vertical:l.space[400],horizontal:"center"}},sx:{[`&.${r.selectClasses.root}`]:{width:6*l.base,textAlign:"center"},[`& .${r.typographyClasses.root}`]:{width:"fit-content",overflow:"visible"}}}):void 0]})})};
+"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:d="Placeholder",disabled:u,onChange:m,options:x,fullWidth:g,sizing:p="lg"})=>{const b=r.useTheme(),h=x.map(e=>e.label).indexOf(d),j=s.useBreakpoint(),{attributes:f,listeners:v,ref:I,isMobile:q}=t.useSortableItemContext();return e.jsx(o,{disabled:u,fullWidth:g,sizing:p,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:b.custom.palette.icon.secondary}},children:[e.jsx(r.Box,{ref:q?I:void 0,...q?f:{},...q?v:{},sx:{display:"flex",alignItems:"center",cursor:"grab",touchAction:q?"none":void 0},children:e.jsx(i.DragHandle,{"aria-label":"drag-handle",sx:{width:l.iconSizeMap.lg,height:l.iconSizeMap.lg,mr:b.custom.padding.sm}})}),e.jsx(c,{align:"left",disabled:u,children:d})]}),"lg"===p?e.jsx(n,{name:"rank",sizing:"sm"===j?"md":"xs",selections:x.map((e,i)=>({label:`${i+1}`,value:`${i}`})),disabled:u,value:`${h}`,onChange:function(e){const i=h,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]})})};

package/dist/systems/WebCore/SortableList/SortableList.js

@@ -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"),o=require("./components/SortableItem/SortableItem.js"),i=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:o,onChange:s,renderItem:c,disabled:u,direction:m}){if(!o)return;const[S,g]=a.useState(null),v=a.useMemo(()=>o.find(e=>e?.id===S?.id),[S,o]),x=n.useTheme(),y=n.useMediaQuery(x.breakpoints.down("md")),b=t.useSensors(t.useSensor(d,{activationConstraint:{distance:{y:2}}}),t.useSensor(l,{activationConstraint:{delay:y?100:0,tolerance:5}}),t.useSensor(t.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates}));return e.jsxs(t.DndContext,{measuring:{droppable:{strategy:t.MeasuringStrategy.Always}},sensors:b,onDragStart:({active:e})=>{g(e)},onDragEnd:({active:e,over:t})=>{if(t&&e.id!==t?.id){const n=o.findIndex(({id:t})=>t===e.id),a=o.findIndex(({id:e})=>e===t.id);s(r.arrayMove(o,n,a))}g(null)},onDragCancel:()=>{g(null)},children:[e.jsx(r.SortableContext,{items:o,disabled:u,strategy:"horizontal"===m?r.horizontalListSortingStrategy:r.verticalListSortingStrategy,children:e.jsx(n.Stack,{sx:{..."horizontal"===m&&{flexDirection:"row"},display:"flex",m:0,gap:1,padding:0,alignContent:"flex-start"},children:o.map(t=>e.jsx(a.Fragment,{children:c(t)},t.id))})}),e.jsx(i.SortableOverlay,{children:v?c(v,!0,!!S):null})]})}c.Item=o.SortableItem,c.DragHandle=o.DragHandle,module.exports=c;
+"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:m}){if(!i)return;const[S,g]=a.useState(null),v=a.useMemo(()=>i.find(e=>e?.id===S?.id),[S,i]),x=n.useTheme(),y=n.useMediaQuery(x.breakpoints.down("md")),b=t.useSensors(t.useSensor(d,{activationConstraint:{distance:{y:2}}}),t.useSensor(l,{activationConstraint:y?{distance:{y:2}}:{delay:0,tolerance:5}}),t.useSensor(t.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates}));return e.jsxs(t.DndContext,{measuring:{droppable:{strategy:t.MeasuringStrategy.Always}},sensors:b,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"===m?r.horizontalListSortingStrategy:r.verticalListSortingStrategy,children:e.jsx(n.Stack,{sx:{..."horizontal"===m&&{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,!!S):null})]})}c.Item=i.SortableItem,c.DragHandle=i.DragHandle,module.exports=c;

package/dist/systems/WebCore/SortableList/components/SortableItem/SortableItem.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@dnd-kit/sortable"),r=require("@dnd-kit/utilities"),i=require("@mui/material"),s=require("react");const a=s.createContext({attributes:{},listeners:void 0,ref(){}}),n=e=>t.defaultAnimateLayoutChanges({...e,wasDragging:!0});exports.DragHandle=function(){const{attributes:t,listeners:r,ref:n}=s.useContext(a);return e.jsx(i.Box,{...t,...r,ref:n,children:e.jsx("svg",{viewBox:"0 0 20 20",width:"12",children:e.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:o,top:u,bottom:l,id:d}){const{attributes:c,isDragging:m,listeners:x,setNodeRef:f,setActivatorNodeRef:g,transform:h,transition:b}=t.useSortable({id:d,animateLayoutChanges:n}),v=s.useMemo(()=>({attributes:c,listeners:x,ref:g}),[c,x,g]),A={opacity:m?.4:void 0,transform:r.CSS.Translate.toString(h),transition:b};return e.jsx(a.Provider,{value:v,children:e.jsxs(i.Stack,{className:"SortableItem",...c,sx:{position:"relative",...A,width:"100%"},ref:f,children:[u&&u,e.jsx(i.Box,{...x,sx:{display:"flex",cursor:"grab"},children:o}),l&&l]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@dnd-kit/sortable"),r=require("@dnd-kit/utilities"),i=require("@mui/material"),s=require("react");const a=s.createContext({attributes:{},listeners:void 0,ref(){},isMobile:!1}),o=e=>t.defaultAnimateLayoutChanges({...e,wasDragging:!0});exports.DragHandle=function(){const{attributes:t,listeners:r,ref:o}=s.useContext(a);return e.jsx(i.Box,{...t,...r,ref:o,children:e.jsx("svg",{viewBox:"0 0 20 20",width:"12",children:e.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:l,id:d}){const{attributes:c,isDragging:m,listeners:x,setNodeRef:b,setActivatorNodeRef:f,transform:g,transition:h}=t.useSortable({id:d,animateLayoutChanges:o}),p=i.useTheme(),v=i.useMediaQuery(p.breakpoints.down("md")),A=s.useMemo(()=>({attributes:c,listeners:x,ref:f,isMobile:v}),[c,x,f,v]),S={opacity:m?.4:void 0,transform:r.CSS.Translate.toString(g),transition:h};return e.jsx(a.Provider,{value:A,children:e.jsxs(i.Stack,{className:"SortableItem",...c,sx:{position:"relative",...S,width:"100%"},ref:b,children:[u&&u,e.jsx(i.Box,{...v?{}:x,sx:{display:"flex",cursor:v?"default":"grab"},children:n}),l&&l]})})},exports.useSortableItemContext=()=>s.useContext(a);

package/dist/systems/WebCore/UserMenu/UserMenu.js

@@ -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:u,avatarIcon:i,email:s,menuItems:o,name:m,offset:c=[0,8],placement:p="right-end",rounded:d,width:l=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,trigger:e.jsx(r,{active:h.isOpen,accent:n,avatar:u,avatarIcon:i,email:s,name:m,rounded:d,withMenu:!!o?.length}),width:l,children:e.jsx(e.Fragment,{children:o?.map((e,t)=>a.mapMenuItems(e,t,h,void 0,v,h))})})};
+"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))})})};

package/dist/theme/theme.hooks.d.ts

@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
 import { ScreenSize, CustomTheme } from './types.js';
 
 declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
-    breakpoint: "" | "sm" | "md" | "lg" | "xl";
+    breakpoint: "" | "sm" | "lg" | "md" | "xl";
     custom: CustomTheme;
     gridOverlayVisible: boolean;
     mode: PaletteMode;

package/package.json

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