@sqlrooms/layout 0.26.0-rc.4 → 0.26.0-rc.5
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/LayoutSlice.d.ts +16 -13
- package/dist/LayoutSlice.d.ts.map +1 -1
- package/dist/LayoutSlice.js +17 -24
- package/dist/LayoutSlice.js.map +1 -1
- package/package.json +7 -7
package/dist/LayoutSlice.d.ts
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { BaseRoomConfig } from '@sqlrooms/room-config';
|
|
3
|
-
import { z } from 'zod';
|
|
1
|
+
import { LayoutConfig } from '@sqlrooms/layout-config';
|
|
4
2
|
import React from 'react';
|
|
3
|
+
import { z } from 'zod';
|
|
5
4
|
import { StateCreator } from 'zustand';
|
|
6
|
-
import { LayoutConfig } from '@sqlrooms/layout-config';
|
|
7
5
|
export type RoomPanelInfo = {
|
|
8
6
|
title?: string;
|
|
9
7
|
icon?: React.ComponentType<{
|
|
@@ -12,24 +10,29 @@ export type RoomPanelInfo = {
|
|
|
12
10
|
component: React.ComponentType;
|
|
13
11
|
placement: 'sidebar' | 'sidebar-bottom' | 'main' | 'top-bar';
|
|
14
12
|
};
|
|
15
|
-
export declare const LayoutSliceConfig: z.ZodObject<{
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
export declare const LayoutSliceConfig: z.ZodDiscriminatedUnion<[z.ZodObject<{
|
|
14
|
+
type: z.ZodLiteral<"mosaic">;
|
|
15
|
+
nodes: z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodType<import("@sqlrooms/layout-config").MosaicLayoutParent, unknown, z.core.$ZodTypeInternals<import("@sqlrooms/layout-config").MosaicLayoutParent, unknown>>]>>;
|
|
16
|
+
pinned: z.ZodOptional<z.ZodArray<z.ZodString>>;
|
|
17
|
+
fixed: z.ZodOptional<z.ZodArray<z.ZodString>>;
|
|
18
|
+
}, z.core.$strip>], "type">;
|
|
18
19
|
export type LayoutSliceConfig = z.infer<typeof LayoutSliceConfig>;
|
|
19
20
|
export declare function createDefaultLayoutConfig(): LayoutSliceConfig;
|
|
20
21
|
export type LayoutSliceState = {
|
|
21
22
|
layout: {
|
|
23
|
+
config: LayoutSliceConfig;
|
|
22
24
|
panels: Record<string, RoomPanelInfo>;
|
|
25
|
+
setConfig(layout: LayoutConfig): void;
|
|
26
|
+
/** @deprecated Use setConfig instead */
|
|
23
27
|
setLayout(layout: LayoutConfig): void;
|
|
24
28
|
togglePanel: (panel: string, show?: boolean) => void;
|
|
25
29
|
togglePanelPin: (panel: string) => void;
|
|
26
30
|
};
|
|
27
31
|
};
|
|
28
|
-
export
|
|
32
|
+
export type CreateLayoutSliceProps = {
|
|
33
|
+
config?: LayoutSliceConfig;
|
|
29
34
|
panels?: Record<string, RoomPanelInfo>;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
export declare function useStoreWithLayout<T>(selector: (state: RoomStateWithLayout) => T): T;
|
|
34
|
-
export {};
|
|
35
|
+
};
|
|
36
|
+
export declare function createLayoutSlice({ config: initialConfig, panels, }?: CreateLayoutSliceProps): StateCreator<LayoutSliceState>;
|
|
37
|
+
export declare function useStoreWithLayout<T>(selector: (state: LayoutSliceState) => T): T;
|
|
35
38
|
//# sourceMappingURL=LayoutSlice.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutSlice.d.ts","sourceRoot":"","sources":["../src/LayoutSlice.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"LayoutSlice.d.ts","sourceRoot":"","sources":["../src/LayoutSlice.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EAGb,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AACtB,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAGrC,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IACjD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,SAAS,EAAE,SAAS,GAAG,gBAAgB,GAAG,MAAM,GAAG,SAAS,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;2BAAe,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAElE,wBAAgB,yBAAyB,IAAI,iBAAiB,CAE7D;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE;QACN,MAAM,EAAE,iBAAiB,CAAC;QAC1B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACtC,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;QACtC,wCAAwC;QACxC,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;QACtC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;QACrD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KACzC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;CACxC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EAAE,aAA2C,EACnD,MAAW,GACZ,GAAE,sBAA2B,GAAG,YAAY,CAAC,gBAAgB,CAAC,CA+F9D;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,CAAC,GACvC,CAAC,CAEH"}
|
package/dist/LayoutSlice.js
CHANGED
|
@@ -1,40 +1,33 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DEFAULT_MOSAIC_LAYOUT, LayoutConfig, MAIN_VIEW, isMosaicLayoutParent, } from '@sqlrooms/layout-config';
|
|
2
|
+
import { createSlice, useBaseRoomStore } from '@sqlrooms/room-store';
|
|
2
3
|
import { produce } from 'immer';
|
|
3
|
-
import { z } from 'zod';
|
|
4
4
|
import { makeMosaicStack, removeMosaicNodeByKey } from './mosaic';
|
|
5
|
-
|
|
6
|
-
export const LayoutSliceConfig = z.object({
|
|
7
|
-
layout: z
|
|
8
|
-
.any()
|
|
9
|
-
.describe('Mosaic layout configuration.')
|
|
10
|
-
.default(DEFAULT_MOSAIC_LAYOUT),
|
|
11
|
-
});
|
|
5
|
+
export const LayoutSliceConfig = LayoutConfig;
|
|
12
6
|
export function createDefaultLayoutConfig() {
|
|
13
|
-
return
|
|
14
|
-
layout: DEFAULT_MOSAIC_LAYOUT,
|
|
15
|
-
};
|
|
7
|
+
return DEFAULT_MOSAIC_LAYOUT;
|
|
16
8
|
}
|
|
17
|
-
export function createLayoutSlice({ panels = {}, } = {}) {
|
|
18
|
-
return
|
|
9
|
+
export function createLayoutSlice({ config: initialConfig = createDefaultLayoutConfig(), panels = {}, } = {}) {
|
|
10
|
+
return createSlice((set, get) => ({
|
|
19
11
|
layout: {
|
|
12
|
+
config: initialConfig,
|
|
20
13
|
panels,
|
|
21
|
-
|
|
22
|
-
draft.config
|
|
14
|
+
setConfig: (config) => set((state) => produce(state, (draft) => {
|
|
15
|
+
draft.layout.config = config;
|
|
23
16
|
})),
|
|
17
|
+
setLayout: (layout) => get().layout.setConfig(layout),
|
|
24
18
|
togglePanel: (panel, show) => {
|
|
25
|
-
|
|
26
|
-
if (config.layout?.nodes === panel) {
|
|
19
|
+
if (get().layout.config?.nodes === panel) {
|
|
27
20
|
// don't hide the view if it's the only one
|
|
28
21
|
return;
|
|
29
22
|
}
|
|
30
|
-
const result = removeMosaicNodeByKey(
|
|
23
|
+
const result = removeMosaicNodeByKey(get().layout.config?.nodes, panel);
|
|
31
24
|
const isShown = result.success;
|
|
32
25
|
if (isShown) {
|
|
33
26
|
if (show || panel === MAIN_VIEW /*&& areViewsReadyToRender()*/) {
|
|
34
27
|
return;
|
|
35
28
|
}
|
|
36
29
|
set((state) => produce(state, (draft) => {
|
|
37
|
-
const layout = draft.config
|
|
30
|
+
const layout = draft.layout.config;
|
|
38
31
|
layout.nodes = result.nextTree;
|
|
39
32
|
if (layout.pinned?.includes(panel)) {
|
|
40
33
|
layout.pinned = layout.pinned.filter((p) => p !== panel);
|
|
@@ -46,9 +39,9 @@ export function createLayoutSlice({ panels = {}, } = {}) {
|
|
|
46
39
|
return;
|
|
47
40
|
}
|
|
48
41
|
set((state) => produce(state, (draft) => {
|
|
49
|
-
const layout = draft.config
|
|
42
|
+
const layout = draft.layout.config;
|
|
50
43
|
const root = layout.nodes;
|
|
51
|
-
const placement =
|
|
44
|
+
const placement = draft.layout.panels[panel]?.placement;
|
|
52
45
|
const side = placement === 'sidebar' ? 'first' : 'second';
|
|
53
46
|
const toReplace = isMosaicLayoutParent(root)
|
|
54
47
|
? root[side]
|
|
@@ -65,7 +58,7 @@ export function createLayoutSlice({ panels = {}, } = {}) {
|
|
|
65
58
|
else {
|
|
66
59
|
const panelNode = { node: panel, weight: 1 };
|
|
67
60
|
const restNode = {
|
|
68
|
-
node:
|
|
61
|
+
node: draft.layout.config?.nodes,
|
|
69
62
|
weight: 3,
|
|
70
63
|
};
|
|
71
64
|
// add to to the left
|
|
@@ -82,7 +75,7 @@ export function createLayoutSlice({ panels = {}, } = {}) {
|
|
|
82
75
|
*/
|
|
83
76
|
togglePanelPin: (panel) => {
|
|
84
77
|
set((state) => produce(state, (draft) => {
|
|
85
|
-
const layout = draft.config
|
|
78
|
+
const layout = draft.layout.config;
|
|
86
79
|
const pinned = layout.pinned ?? [];
|
|
87
80
|
if (pinned.includes(panel)) {
|
|
88
81
|
layout.pinned = pinned.filter((p) => p !== panel);
|
package/dist/LayoutSlice.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutSlice.js","sourceRoot":"","sources":["../src/LayoutSlice.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"LayoutSlice.js","sourceRoot":"","sources":["../src/LayoutSlice.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n DEFAULT_MOSAIC_LAYOUT,\n LayoutConfig,\n MAIN_VIEW,\n isMosaicLayoutParent,\n} from '@sqlrooms/layout-config';\nimport {createSlice, useBaseRoomStore} from '@sqlrooms/room-store';\nimport {produce} from 'immer';\nimport React from 'react';\nimport {z} from 'zod';\nimport {StateCreator} from 'zustand';\nimport {makeMosaicStack, removeMosaicNodeByKey} from './mosaic';\n\nexport type RoomPanelInfo = {\n title?: string;\n icon?: React.ComponentType<{className?: string}>;\n component: React.ComponentType;\n placement: 'sidebar' | 'sidebar-bottom' | 'main' | 'top-bar';\n};\n\nexport const LayoutSliceConfig = LayoutConfig;\n\nexport type LayoutSliceConfig = z.infer<typeof LayoutSliceConfig>;\n\nexport function createDefaultLayoutConfig(): LayoutSliceConfig {\n return DEFAULT_MOSAIC_LAYOUT;\n}\n\nexport type LayoutSliceState = {\n layout: {\n config: LayoutSliceConfig;\n panels: Record<string, RoomPanelInfo>;\n setConfig(layout: LayoutConfig): void;\n /** @deprecated Use setConfig instead */\n setLayout(layout: LayoutConfig): void;\n togglePanel: (panel: string, show?: boolean) => void;\n togglePanelPin: (panel: string) => void;\n };\n};\n\nexport type CreateLayoutSliceProps = {\n config?: LayoutSliceConfig;\n panels?: Record<string, RoomPanelInfo>;\n};\n\nexport function createLayoutSlice({\n config: initialConfig = createDefaultLayoutConfig(),\n panels = {},\n}: CreateLayoutSliceProps = {}): StateCreator<LayoutSliceState> {\n return createSlice<LayoutSliceState>((set, get) => ({\n layout: {\n config: initialConfig,\n panels,\n setConfig: (config) =>\n set((state) =>\n produce(state, (draft) => {\n draft.layout.config = config;\n }),\n ),\n setLayout: (layout) => get().layout.setConfig(layout),\n togglePanel: (panel, show) => {\n if (get().layout.config?.nodes === panel) {\n // don't hide the view if it's the only one\n return;\n }\n const result = removeMosaicNodeByKey(get().layout.config?.nodes, panel);\n const isShown = result.success;\n if (isShown) {\n if (show || panel === MAIN_VIEW /*&& areViewsReadyToRender()*/) {\n return;\n }\n set((state) =>\n produce(state, (draft) => {\n const layout = draft.layout.config;\n layout.nodes = result.nextTree;\n if (layout.pinned?.includes(panel)) {\n layout.pinned = layout.pinned.filter(\n (p: string) => p !== panel,\n );\n }\n }),\n );\n } else {\n if (show === false) {\n return;\n }\n set((state) =>\n produce(state, (draft) => {\n const layout = draft.layout.config;\n const root = layout.nodes;\n const placement = draft.layout.panels[panel]?.placement;\n const side = placement === 'sidebar' ? 'first' : 'second';\n const toReplace = isMosaicLayoutParent(root)\n ? root[side]\n : undefined;\n if (\n toReplace &&\n isMosaicLayoutParent(root) &&\n !isMosaicLayoutParent(toReplace) &&\n toReplace !== MAIN_VIEW &&\n !layout.fixed?.includes(toReplace) &&\n !layout.pinned?.includes(toReplace)\n ) {\n // replace first un-pinned leaf\n root[side] = panel;\n } else {\n const panelNode = {node: panel, weight: 1};\n const restNode = {\n node: draft.layout.config?.nodes,\n weight: 3,\n };\n // add to to the left\n layout.nodes = makeMosaicStack(\n placement === 'sidebar-bottom' ? 'column' : 'row',\n side === 'first'\n ? [panelNode, restNode]\n : [restNode, panelNode],\n );\n }\n }),\n );\n }\n },\n\n /**\n * Toggle the pin state of a panel.\n * @param panel - The panel to toggle the pin state of.\n */\n togglePanelPin: (panel: string) => {\n set((state) =>\n produce(state, (draft) => {\n const layout = draft.layout.config;\n const pinned = layout.pinned ?? [];\n if (pinned.includes(panel)) {\n layout.pinned = pinned.filter((p: string) => p !== panel);\n } else {\n layout.pinned = [...pinned, panel];\n }\n }),\n );\n },\n },\n }));\n}\n\nexport function useStoreWithLayout<T>(\n selector: (state: LayoutSliceState) => T,\n): T {\n return useBaseRoomStore<LayoutSliceState, T>((state) => selector(state));\n}\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.5",
|
|
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.5",
|
|
22
|
+
"@sqlrooms/room-config": "0.26.0-rc.5",
|
|
23
|
+
"@sqlrooms/room-store": "0.26.0-rc.5",
|
|
24
|
+
"@sqlrooms/ui": "0.26.0-rc.5",
|
|
25
25
|
"immer": "^10.1.3",
|
|
26
26
|
"zod": "^4.1.8",
|
|
27
27
|
"zustand": "^5.0.8"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"react": ">=18",
|
|
31
31
|
"react-dom": ">=18",
|
|
32
|
-
"react-mosaic-component": "
|
|
32
|
+
"react-mosaic-component": "^6.1.1"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"dev": "tsc -w",
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"typecheck": "tsc --noEmit",
|
|
39
39
|
"typedoc": "typedoc"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "dc1c3b765718c8748aa11cce3cc83f907d3e5963"
|
|
42
42
|
}
|