@sqlrooms/layout 0.3.0 → 0.4.0

package/dist/index.js

@@ -1 +1,2 @@
 export * from './mosaic';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/mosaic/MosaicLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicLayout.d.ts","sourceRoot":"","sources":["../../src/mosaic/MosaicLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAqB,WAAW,EAAC,MAAM,wBAAwB,CAAC;AACvE,OAAO,mDAAmD,CAAC;AAG3D,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAoCzC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"MosaicLayout.d.ts","sourceRoot":"","sources":["../../src/mosaic/MosaicLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAqB,WAAW,EAAC,MAAM,wBAAwB,CAAC;AACvE,OAAO,mDAAmD,CAAC;AAa3D,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAsCzC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/mosaic/MosaicLayout.js

@@ -1,8 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback } from 'react';
 import { Mosaic } from 'react-mosaic-component';
 import 'react-mosaic-component/react-mosaic-component.css';
 import MosaicTile from './MosaicTile';
+// Add custom styles for the mosaic split line hover effect
+const customMosaicStyles = `
+  .mosaic-split {
+    background-color: hsl(var(--border) / 0.2);
+  }
+  .mosaic-split:hover {
+    background-color: hsl(var(--primary) / 0.4);
+  }
+`;
 const MosaicLayout = (props) => {
     const { onChange, onRelease, renderTile } = props;
     const [isDragging, setDragging] = React.useState(false);
@@ -14,6 +23,7 @@ const MosaicLayout = (props) => {
         setDragging(false);
         onRelease?.(newNode);
     }, [onRelease]);
-    return (_jsx("div", { className: "relative w-full h-full", children: _jsx(Mosaic, { ...props, className: "" /* to avoid using blueprint theme */, onChange: handleLayoutChange, onRelease: handleLayoutRelease, renderTile: (id, path) => (_jsx(MosaicTile, { id: id, path: path, isDragging: isDragging, content: renderTile(id, path) })) }) }));
+    return (_jsxs("div", { className: "relative w-full h-full bg", children: [_jsx("style", { children: customMosaicStyles }), _jsx(Mosaic, { ...props, className: "" /* to avoid using blueprint theme */, onChange: handleLayoutChange, onRelease: handleLayoutRelease, renderTile: (id, path) => (_jsx(MosaicTile, { id: id, className: "bg-secondary/10", path: path, isDragging: isDragging, content: renderTile(id, path) })) })] }));
 };
 export default MosaicLayout;
+//# sourceMappingURL=MosaicLayout.js.map

package/dist/mosaic/MosaicLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicLayout.js","sourceRoot":"","sources":["../../src/mosaic/MosaicLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAK,WAAW,EAAC,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAC,MAAM,EAA0B,MAAM,wBAAwB,CAAC;AACvE,OAAO,mDAAmD,CAAC;AAC3D,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,2DAA2D;AAC3D,MAAM,kBAAkB,GAAG;;;;;;;CAO1B,CAAC;AAEF,MAAM,YAAY,GAA4B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAgC,EAAE,EAAE;QACnC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,OAAkC,EAAE,EAAE;QACrC,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,0BAAQ,kBAAkB,GAAS,EACnC,KAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAC,EAAE,CAAC,oCAAoC,EACjD,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,mBAAmB,EAC9B,UAAU,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CACxB,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC,GAC7B,CACH,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/mosaic/MosaicTile.d.ts

@@ -5,6 +5,7 @@ declare const MosaicTile: FC<{
     path: MosaicBranch[];
     content: React.ReactNode;
     isDragging: boolean;
+    className?: string;
 }>;
 export default MosaicTile;
 //# sourceMappingURL=MosaicTile.d.ts.map

package/dist/mosaic/MosaicTile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicTile.d.ts","sourceRoot":"","sources":["../../src/mosaic/MosaicTile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AACzB,OAAO,EAAC,YAAY,EAAe,MAAM,wBAAwB,CAAC;AAIlE,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;CACrB,CAqCA,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"MosaicTile.d.ts","sourceRoot":"","sources":["../../src/mosaic/MosaicTile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AACzB,OAAO,EAAC,YAAY,EAAe,MAAM,wBAAwB,CAAC;AAIlE,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAsCA,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/mosaic/MosaicTile.js

@@ -4,8 +4,8 @@ import { cn } from '@sqlrooms/ui';
 import { MosaicWindow } from 'react-mosaic-component';
 const ENABLE_LAYOUT_REARRANGE = false;
 const MosaicTile = (props) => {
-    const { id, content, path, isDragging } = props;
-    const body = (_jsx("div", { className: cn('flex-1 h-full p-2 flex-col bg-gray-700 rounded-md overflow-hidden', isDragging ? 'pointer-events-none' : ''), children: content }));
+    const { id, content, path, isDragging, className } = props;
+    const body = (_jsx("div", { className: cn('flex-1 h-full p-2 flex-col rounded-md overflow-hidden', className, isDragging ? 'pointer-events-none' : ''), children: content }));
     if (!ENABLE_LAYOUT_REARRANGE || id === MAIN_VIEW) {
         return body;
     }
@@ -19,3 +19,4 @@ const MosaicTile = (props) => {
         renderToolbar: () => id === MAIN_VIEW ? (_jsx("div", {})) : (_jsx("div", { style: { display: 'flex', width: '100%', height: '100%' } })), children: body }));
 };
 export default MosaicTile;
+//# sourceMappingURL=MosaicTile.js.map

package/dist/mosaic/MosaicTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicTile.js","sourceRoot":"","sources":["../../src/mosaic/MosaicTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAEhC,OAAO,EAAe,YAAY,EAAC,MAAM,wBAAwB,CAAC;AAElE,MAAM,uBAAuB,GAAG,KAAK,CAAC;AAEtC,MAAM,UAAU,GAMX,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACzD,MAAM,IAAI,GAAG,CACX,cACE,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,SAAS,EACT,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CACxC,YAEA,OAAO,GACJ,CACP,CAAC;IACF,IAAI,CAAC,uBAAuB,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QACjD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,EAAE;QACT,uBAAuB;QACvB,IAAI;QACJ,qCAAqC;QACrC,IAAI,EAAE,IAAI;QACV,8DAA8D;QAC9D,oEAAoE;QACpE,aAAa,EAAE,GAAG,EAAE,CAClB,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,CACjB,eAAO,CACR,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,GAEtD,CACP,YAGF,IAAI,GACQ,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/mosaic/index.js

@@ -1,2 +1,3 @@
 export * from './mosaic-utils';
 export { default as MosaicLayout } from './MosaicLayout';
+//# sourceMappingURL=index.js.map

package/dist/mosaic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mosaic/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAC"}

package/dist/mosaic/mosaic-utils.js

@@ -79,3 +79,4 @@ export function removeMosaicNodeByKey(root, key) {
         return { success: false };
     }
 }
+//# sourceMappingURL=mosaic-utils.js.map

package/dist/mosaic/mosaic-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mosaic-utils.js","sourceRoot":"","sources":["../../src/mosaic/mosaic-utils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqlrooms/layout",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
@@ -19,8 +19,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@sqlrooms/project-config": "0.3.0",
-    "@sqlrooms/ui": "0.3.0"
+    "@sqlrooms/project-config": "0.4.0",
+    "@sqlrooms/ui": "0.4.0"
   },
   "peerDependencies": {
     "react": "*",
@@ -32,5 +32,5 @@
     "lint": "eslint .",
     "typedoc": "typedoc"
   },
-  "gitHead": "8586d4dd135d46c9c03ea65baa5a822287a5f07b"
+  "gitHead": "fbc92d77cf3a70bdbef67bb0d7cf9342ed3e81a1"
 }