@sqlrooms/layout 0.26.0-rc.3 → 0.26.0-rc.4
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.
|
@@ -1 +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;
|
|
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;AAuB3D,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAC,CAwCpE,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -12,6 +12,15 @@ const customMosaicStyles = `
|
|
|
12
12
|
.mosaic-split:hover {
|
|
13
13
|
background-color: hsl(var(--primary) / 0.4);
|
|
14
14
|
}
|
|
15
|
+
.mosaic-root {
|
|
16
|
+
top: 0px;
|
|
17
|
+
left: 0px;
|
|
18
|
+
right: 0px;
|
|
19
|
+
bottom: 0px;
|
|
20
|
+
}
|
|
21
|
+
.mosaic-tile {
|
|
22
|
+
margin: 0;
|
|
23
|
+
}
|
|
15
24
|
`;
|
|
16
25
|
const MosaicLayout = (props) => {
|
|
17
26
|
const { onChange, onRelease, renderTile, tileClassName } = props;
|
|
@@ -1 +1 @@
|
|
|
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;AACtC,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAEhC,2DAA2D;AAC3D,MAAM,kBAAkB,GAAG
|
|
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;AACtC,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAEhC,2DAA2D;AAC3D,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;;;CAgB1B,CAAC;AAEF,MAAM,YAAY,GAAuD,CACvE,KAAK,EACL,EAAE;IACF,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IAC/D,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,EAAE,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC,EAC/C,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","sourcesContent":["import React, {FC, useCallback} from 'react';\nimport {Mosaic, MosaicNode, MosaicProps} from 'react-mosaic-component';\nimport 'react-mosaic-component/react-mosaic-component.css';\nimport MosaicTile from './MosaicTile';\nimport {cn} from '@sqlrooms/ui';\n\n// Add custom styles for the mosaic split line hover effect\nconst customMosaicStyles = `\n .mosaic-split {\n background-color: hsl(var(--border) / 0.2);\n }\n .mosaic-split:hover {\n background-color: hsl(var(--primary) / 0.4);\n }\n .mosaic-root {\n top: 0px;\n left: 0px;\n right: 0px;\n bottom: 0px;\n }\n .mosaic-tile {\n margin: 0;\n }\n`;\n\nconst MosaicLayout: FC<MosaicProps<string> & {tileClassName?: string}> = (\n props,\n) => {\n const {onChange, onRelease, renderTile, tileClassName} = props;\n const [isDragging, setDragging] = React.useState(false);\n const handleLayoutChange = useCallback(\n (nodes: MosaicNode<string> | null) => {\n setDragging(true);\n onChange?.(nodes);\n },\n [onChange],\n );\n const handleLayoutRelease = useCallback(\n (newNode: MosaicNode<string> | null) => {\n setDragging(false);\n onRelease?.(newNode);\n },\n [onRelease],\n );\n\n return (\n <div className=\"bg relative h-full w-full\">\n <style>{customMosaicStyles}</style>\n <Mosaic<string>\n {...props}\n className=\"\" /* to avoid using blueprint theme */\n onChange={handleLayoutChange}\n onRelease={handleLayoutRelease}\n renderTile={(id, path) => (\n <MosaicTile\n id={id}\n className={cn('bg-secondary/10', tileClassName)}\n path={path}\n isDragging={isDragging}\n content={renderTile(id, path)}\n />\n )}\n />\n </div>\n );\n};\n\nexport default MosaicLayout;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sqlrooms/layout",
|
|
3
|
-
"version": "0.26.0-rc.
|
|
3
|
+
"version": "0.26.0-rc.4",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
"access": "public"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@sqlrooms/layout-config": "0.26.0-rc.
|
|
22
|
-
"@sqlrooms/room-config": "0.26.0-rc.
|
|
23
|
-
"@sqlrooms/room-store": "0.26.0-rc.
|
|
24
|
-
"@sqlrooms/ui": "0.26.0-rc.
|
|
21
|
+
"@sqlrooms/layout-config": "0.26.0-rc.4",
|
|
22
|
+
"@sqlrooms/room-config": "0.26.0-rc.4",
|
|
23
|
+
"@sqlrooms/room-store": "0.26.0-rc.4",
|
|
24
|
+
"@sqlrooms/ui": "0.26.0-rc.4",
|
|
25
25
|
"immer": "^10.1.3",
|
|
26
26
|
"zod": "^4.1.8",
|
|
27
27
|
"zustand": "^5.0.8"
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"typecheck": "tsc --noEmit",
|
|
39
39
|
"typedoc": "typedoc"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "9e23926085d8852178792d6d98d8091e9a5f71d5"
|
|
42
42
|
}
|