@team-chatt/window-manager - npm Package Compare versions

Comparing version 0.12.3 to 0.13.0

dist/main.js

@@ -128,3 +128,3 @@ require("./main.css");
 const $ccd60c5ed90e42e5$var$cx = ($parcel$interopDefault($h2LML$classnamesbind)).bind((/*@__PURE__*/$parcel$interopDefault($162002db9445e593$exports)));
-const $ccd60c5ed90e42e5$export$eb8deef317734844 = ({ background: background , children: children  })=>/*#__PURE__*/ ($parcel$interopDefault($h2LML$react)).createElement("div", {
+const $ccd60c5ed90e42e5$export$eb8deef317734844 = ({ background: background , backgroundPosition: backgroundPosition , children: children  })=>/*#__PURE__*/ ($parcel$interopDefault($h2LML$react)).createElement("div", {
         className: $ccd60c5ed90e42e5$var$cx('desktop')
@@ -134,6 +134,10 @@ }, /*#__PURE__*/ ($parcel$interopDefault($h2LML$react)).createElement("div", {
         style: {
-            backgroundImage: `url(${background})`
+            backgroundImage: `url(${background})`,
+            backgroundPosition: backgroundPosition
         }
     }), children)
 ;
+$ccd60c5ed90e42e5$export$eb8deef317734844.defaultProps = {
+    backgroundPosition: 'top center'
+};
 
@@ -202,3 +206,3 @@
 const $ed9b35847880079a$var$cx = ($parcel$interopDefault($h2LML$classnamesbind)).bind((/*@__PURE__*/$parcel$interopDefault($d2b20113a9c9b9ef$exports)));
-const $ed9b35847880079a$export$d0d38e7dec7a1a61 = ({ background: background , windowItems: windowItems , desktopItems: desktopItems , taskbarItems: taskbarItems , taskbarExtras: taskbarExtras ,  })=>{
+const $ed9b35847880079a$export$d0d38e7dec7a1a61 = ({ background: background , backgroundPosition: backgroundPosition , windowItems: windowItems , desktopItems: desktopItems , taskbarItems: taskbarItems , taskbarExtras: taskbarExtras  })=>{
     return(/*#__PURE__*/ ($parcel$interopDefault($h2LML$react)).createElement("div", {
@@ -211,3 +215,4 @@ className: $ed9b35847880079a$var$cx('window-manager')
     }, /*#__PURE__*/ ($parcel$interopDefault($h2LML$react)).createElement($ccd60c5ed90e42e5$export$eb8deef317734844, {
-        background: background
+        background: background,
+        backgroundPosition: backgroundPosition
     }, /*#__PURE__*/ ($parcel$interopDefault($h2LML$react)).createElement($3ee7d7d2f01ea667$export$ca445ff2f74d7dc4, {
@@ -864,3 +869,3 @@ layout: "column",
 ;
-const $c258afc3093d5e8c$export$adf2d320ba0a3b0a = ({ background: background , windows: windows , desktopItems: desktopItems , taskbarExtras: taskbarExtras ,  })=>{
+const $c258afc3093d5e8c$export$adf2d320ba0a3b0a = ({ background: background , backgroundPosition: backgroundPosition , windows: windows , desktopItems: desktopItems , taskbarExtras: taskbarExtras  })=>{
     const windowItems = windows.map(({ id: id , title: title , content: content , state: state , actions: actions  })=>state.visibility === 'open' && /*#__PURE__*/ ($parcel$interopDefault($h2LML$react)).createElement($e283ee4fda1ee4d6$export$43e5451677e635a1, {
@@ -893,2 +898,3 @@ key: id,
         background: background,
+        backgroundPosition: backgroundPosition,
         desktopItems: desktopItems,
@@ -895,0 +901,0 @@ windowItems: windowItems,

dist/module.js

@@ -116,3 +116,3 @@ import "./main.css";
 const $c0ff4b2cdb04e5a5$var$cx = $gjDoi$classnamesbind.bind((/*@__PURE__*/$parcel$interopDefault($8ce42d886545bb1b$exports)));
-const $c0ff4b2cdb04e5a5$export$eb8deef317734844 = ({ background: background , children: children  })=>/*#__PURE__*/ $gjDoi$react.createElement("div", {
+const $c0ff4b2cdb04e5a5$export$eb8deef317734844 = ({ background: background , backgroundPosition: backgroundPosition , children: children  })=>/*#__PURE__*/ $gjDoi$react.createElement("div", {
         className: $c0ff4b2cdb04e5a5$var$cx('desktop')
@@ -122,6 +122,10 @@ }, /*#__PURE__*/ $gjDoi$react.createElement("div", {
         style: {
-            backgroundImage: `url(${background})`
+            backgroundImage: `url(${background})`,
+            backgroundPosition: backgroundPosition
         }
     }), children)
 ;
+$c0ff4b2cdb04e5a5$export$eb8deef317734844.defaultProps = {
+    backgroundPosition: 'top center'
+};
 
@@ -190,3 +194,3 @@
 const $afd6b0d8c57bacd5$var$cx = $gjDoi$classnamesbind.bind((/*@__PURE__*/$parcel$interopDefault($2ad2b5a1712af924$exports)));
-const $afd6b0d8c57bacd5$export$d0d38e7dec7a1a61 = ({ background: background , windowItems: windowItems , desktopItems: desktopItems , taskbarItems: taskbarItems , taskbarExtras: taskbarExtras ,  })=>{
+const $afd6b0d8c57bacd5$export$d0d38e7dec7a1a61 = ({ background: background , backgroundPosition: backgroundPosition , windowItems: windowItems , desktopItems: desktopItems , taskbarItems: taskbarItems , taskbarExtras: taskbarExtras  })=>{
     return(/*#__PURE__*/ $gjDoi$react.createElement("div", {
@@ -199,3 +203,4 @@ className: $afd6b0d8c57bacd5$var$cx('window-manager')
     }, /*#__PURE__*/ $gjDoi$react.createElement($c0ff4b2cdb04e5a5$export$eb8deef317734844, {
-        background: background
+        background: background,
+        backgroundPosition: backgroundPosition
     }, /*#__PURE__*/ $gjDoi$react.createElement($67efd433d84114f1$export$ca445ff2f74d7dc4, {
@@ -852,3 +857,3 @@ layout: "column",
 ;
-const $9d481cdc5c5504d4$export$adf2d320ba0a3b0a = ({ background: background , windows: windows , desktopItems: desktopItems , taskbarExtras: taskbarExtras ,  })=>{
+const $9d481cdc5c5504d4$export$adf2d320ba0a3b0a = ({ background: background , backgroundPosition: backgroundPosition , windows: windows , desktopItems: desktopItems , taskbarExtras: taskbarExtras  })=>{
     const windowItems = windows.map(({ id: id , title: title , content: content , state: state , actions: actions  })=>state.visibility === 'open' && /*#__PURE__*/ $gjDoi$react.createElement($407edbfc3ad3d94a$export$43e5451677e635a1, {
@@ -881,2 +886,3 @@ key: id,
         background: background,
+        backgroundPosition: backgroundPosition,
         desktopItems: desktopItems,
@@ -883,0 +889,0 @@ windowItems: windowItems,

dist/types.d.ts

@@ -34,3 +34,3 @@ import React, { ReactNode, Component } from "react";
 }
-export const useWMWindowElement: () => React.RefObject<JSX.Element>;
+export const useWMWindowElement: () => React.RefObject<HTMLElement>;
 export const WMWindow: ({ id, title, children, order, position, dimensions, isFocused, onMinimize, onClose, onFocus, onBlur, onMove, }: {
@@ -57,8 +57,11 @@ id: any;
 }) => JSX.Element;
-export const WindowManager: ({ background, windows, desktopItems, taskbarExtras, }: {
-    background: any;
-    windows: any;
-    desktopItems: any;
-    taskbarExtras: any;
-}) => JSX.Element;
+type WindowProps = any;
+type WindowManagerProps = {
+    background: string;
+    backgroundPosition?: string;
+    windows: WindowProps[];
+    desktopItems: ReactNode;
+    taskbarExtras?: ReactNode;
+};
+export const WindowManager: ({ background, backgroundPosition, windows, desktopItems, taskbarExtras, }: WindowManagerProps) => JSX.Element;
 export const WMFileGridItem: ({ icon, label, id, onDoubleClick }: {
@@ -74,2 +77,3 @@ icon: any;
     order: number;
+    data?: any;
     position: {
@@ -79,9 +83,13 @@ top: number;
     };
+    dimensions?: {
+        width: string | number;
+        height: string | number;
+    };
     isFocused: boolean;
 };
-type WindowState = {
-    [K in WindowID]: WindowInstance;
+type WindowStatePartial = {
+    [K in WindowID]: Partial<WindowInstance>;
 };
-export const useWMWindowState: (initialState: WindowState) => any[];
+export const useWMWindowState: (initialState: WindowStatePartial) => any[];
 
 //# sourceMappingURL=types.d.ts.map

package.json

@@ -7,3 +7,3 @@ {
   },
-  "version": "0.12.3",
+  "version": "0.13.0",
   "description": "Throwback Windows-XP style react components",
@@ -10,0 +10,0 @@ "source": "src/index.ts",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3657312

increased by1217.29%

Number of package files

26

increased by136.36%

Lines of code

27233

increased by953.91%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes