@floegence/floe-webapp-core 0.35.32 → 0.35.33
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/components/file-browser/DirectoryTree.js +41 -37
- package/dist/components/file-browser/FileContextMenu.d.ts +2 -2
- package/dist/components/file-browser/FileContextMenu.js +300 -142
- package/dist/components/file-browser/FileGridView.js +50 -45
- package/dist/components/file-browser/FileListView.js +99 -94
- package/dist/components/file-browser/contextMenuEvent.d.ts +10 -0
- package/dist/components/file-browser/contextMenuEvent.js +19 -0
- package/dist/components/file-browser/index.d.ts +1 -1
- package/dist/components/file-browser/longPressContextMenu.d.ts +1 -0
- package/dist/components/file-browser/longPressContextMenu.js +45 -32
- package/dist/components/file-browser/types.d.ts +15 -1
- package/dist/components/layout/Shell.d.ts +8 -0
- package/dist/components/layout/Shell.js +157 -138
- package/dist/components/layout/Sidebar.d.ts +2 -0
- package/dist/components/layout/Sidebar.js +39 -38
- package/dist/components/layout/sidebarVisibilityMotion.d.ts +22 -0
- package/dist/components/layout/sidebarVisibilityMotion.js +16 -0
- package/dist/components/ui/Dropdown.d.ts +0 -1
- package/dist/components/ui/Dropdown.js +150 -204
- package/dist/components/ui/menuUtils.d.ts +15 -0
- package/dist/components/ui/menuUtils.js +60 -0
- package/dist/context/LayoutContext.d.ts +5 -0
- package/dist/context/LayoutContext.js +58 -46
- package/package.json +1 -1
|
@@ -1,76 +1,88 @@
|
|
|
1
|
-
import { createEffect as
|
|
2
|
-
import { createStore as
|
|
3
|
-
import { createSimpleContext as
|
|
4
|
-
import { useResolvedFloeConfig as
|
|
1
|
+
import { createEffect as f } from "solid-js";
|
|
2
|
+
import { createStore as c, produce as r } from "solid-js/store";
|
|
3
|
+
import { createSimpleContext as u } from "./createSimpleContext.js";
|
|
4
|
+
import { useResolvedFloeConfig as v } from "./FloeConfigContext.js";
|
|
5
5
|
const {
|
|
6
|
-
Provider:
|
|
7
|
-
use:
|
|
8
|
-
} =
|
|
6
|
+
Provider: x,
|
|
7
|
+
use: C
|
|
8
|
+
} = u({
|
|
9
9
|
name: "Layout",
|
|
10
|
-
init:
|
|
10
|
+
init: g
|
|
11
11
|
});
|
|
12
|
-
function
|
|
13
|
-
const
|
|
12
|
+
function g() {
|
|
13
|
+
const n = v(), i = () => n.config.layout, p = () => typeof window > "u" ? !1 : window.matchMedia(i().mobileQuery).matches, s = n.persist.load(i().storageKey, {}), h = {
|
|
14
14
|
sidebar: {
|
|
15
|
-
width:
|
|
16
|
-
activeTab:
|
|
17
|
-
collapsed:
|
|
15
|
+
width: s.sidebar?.width ?? i().sidebar.defaultWidth,
|
|
16
|
+
activeTab: s.sidebar?.activeTab ?? i().sidebar.defaultActiveTab,
|
|
17
|
+
collapsed: s.sidebar?.collapsed ?? i().sidebar.defaultCollapsed
|
|
18
18
|
},
|
|
19
19
|
terminal: {
|
|
20
|
-
opened:
|
|
21
|
-
height:
|
|
20
|
+
opened: s.terminal?.opened ?? i().terminal.defaultOpened,
|
|
21
|
+
height: s.terminal?.height ?? i().terminal.defaultHeight
|
|
22
22
|
},
|
|
23
|
-
isMobile:
|
|
24
|
-
}, [
|
|
25
|
-
|
|
23
|
+
isMobile: p()
|
|
24
|
+
}, [t, o] = c(h), [l, b] = c({
|
|
25
|
+
motion: "animated",
|
|
26
|
+
revision: 0
|
|
27
|
+
}), m = (e) => Math.max(i().sidebar.clamp.min, Math.min(i().sidebar.clamp.max, e));
|
|
28
|
+
return f(() => {
|
|
26
29
|
const e = {
|
|
27
30
|
sidebar: {
|
|
28
|
-
width:
|
|
29
|
-
activeTab:
|
|
30
|
-
collapsed:
|
|
31
|
+
width: t.sidebar.width,
|
|
32
|
+
activeTab: t.sidebar.activeTab,
|
|
33
|
+
collapsed: t.sidebar.collapsed
|
|
31
34
|
},
|
|
32
35
|
terminal: {
|
|
33
|
-
opened:
|
|
34
|
-
height:
|
|
36
|
+
opened: t.terminal.opened,
|
|
37
|
+
height: t.terminal.height
|
|
35
38
|
}
|
|
36
39
|
};
|
|
37
|
-
|
|
40
|
+
n.persist.debouncedSave(i().storageKey, e);
|
|
38
41
|
}), {
|
|
39
42
|
// Sidebar accessors
|
|
40
|
-
sidebarWidth: () =>
|
|
41
|
-
sidebarActiveTab: () =>
|
|
42
|
-
sidebarCollapsed: () =>
|
|
43
|
-
|
|
43
|
+
sidebarWidth: () => t.sidebar.width,
|
|
44
|
+
sidebarActiveTab: () => t.sidebar.activeTab,
|
|
45
|
+
sidebarCollapsed: () => t.sidebar.collapsed,
|
|
46
|
+
sidebarVisibilityMotion: () => l.motion,
|
|
47
|
+
sidebarVisibilityMotionRevision: () => l.revision,
|
|
48
|
+
clampSidebarWidth: m,
|
|
44
49
|
// Sidebar actions
|
|
45
|
-
setSidebarWidth: (e) =>
|
|
46
|
-
|
|
50
|
+
setSidebarWidth: (e) => o(r((a) => {
|
|
51
|
+
a.sidebar.width = m(e);
|
|
47
52
|
})),
|
|
48
|
-
setSidebarActiveTab: (e,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
+
setSidebarActiveTab: (e, a) => {
|
|
54
|
+
o(r((d) => {
|
|
55
|
+
d.sidebar.activeTab = e, a?.openSidebar !== !1 && (d.sidebar.collapsed = !1);
|
|
56
|
+
})), a?.visibilityMotion === "instant" && b(r((d) => {
|
|
57
|
+
d.motion = "instant", d.revision += 1;
|
|
58
|
+
}));
|
|
59
|
+
},
|
|
60
|
+
setSidebarCollapsed: (e) => o(r((a) => {
|
|
61
|
+
a.sidebar.collapsed = e;
|
|
53
62
|
})),
|
|
54
|
-
toggleSidebarCollapse: () =>
|
|
63
|
+
toggleSidebarCollapse: () => o(r((e) => {
|
|
55
64
|
e.sidebar.collapsed = !e.sidebar.collapsed;
|
|
56
65
|
})),
|
|
66
|
+
clearSidebarVisibilityMotion: (e) => {
|
|
67
|
+
l.revision === e && b("motion", "animated");
|
|
68
|
+
},
|
|
57
69
|
// Terminal accessors
|
|
58
|
-
terminalOpened: () =>
|
|
59
|
-
terminalHeight: () =>
|
|
70
|
+
terminalOpened: () => t.terminal.opened,
|
|
71
|
+
terminalHeight: () => t.terminal.height,
|
|
60
72
|
// Terminal actions
|
|
61
|
-
toggleTerminal: () =>
|
|
73
|
+
toggleTerminal: () => o(r((e) => {
|
|
62
74
|
e.terminal.opened = !e.terminal.opened;
|
|
63
75
|
})),
|
|
64
|
-
setTerminalHeight: (e) =>
|
|
65
|
-
|
|
76
|
+
setTerminalHeight: (e) => o(r((a) => {
|
|
77
|
+
a.terminal.height = Math.max(i().terminal.clamp.min, Math.min(i().terminal.clamp.max, e));
|
|
66
78
|
})),
|
|
67
79
|
// Mobile
|
|
68
|
-
isMobile: () =>
|
|
69
|
-
setIsMobile: (e) =>
|
|
80
|
+
isMobile: () => t.isMobile,
|
|
81
|
+
setIsMobile: (e) => o("isMobile", e)
|
|
70
82
|
};
|
|
71
83
|
}
|
|
72
84
|
export {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
85
|
+
x as LayoutProvider,
|
|
86
|
+
g as createLayoutService,
|
|
87
|
+
C as useLayout
|
|
76
88
|
};
|