@layers-app/shared 0.3.3 → 0.3.5-test
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/AnimatedFigurePage/AnimatedFigurePage.module.css.js +10 -10
- package/dist/components/AppContainer/AppContainer.d.ts +1 -1
- package/dist/components/AppContainer/AppContainer.d.ts.map +1 -1
- package/dist/components/AppContainer/AppContainer.js +87 -55
- package/dist/components/AppContainer/AppContainer.module.css.js +5 -3
- package/dist/components/AppContainer/MeetWidgetContext.d.ts +9 -0
- package/dist/components/AppContainer/MeetWidgetContext.d.ts.map +1 -0
- package/dist/components/AppContainer/MeetWidgetContext.js +10 -0
- package/dist/components/AppContainer/components/AppSidebarButton.js +4 -4
- package/dist/components/AppContainer/components/AppsSidebar/AppsSection.d.ts +4 -1
- package/dist/components/AppContainer/components/AppsSidebar/AppsSection.d.ts.map +1 -1
- package/dist/components/AppContainer/components/AppsSidebar/AppsSection.js +25 -20
- package/dist/components/AppContainer/components/AppsSidebar/AppsSidebar.d.ts +5 -1
- package/dist/components/AppContainer/components/AppsSidebar/AppsSidebar.d.ts.map +1 -1
- package/dist/components/AppContainer/components/AppsSidebar/AppsSidebar.js +24 -13
- package/dist/components/AppContainer/components/AppsSidebar/TopSection.d.ts +4 -1
- package/dist/components/AppContainer/components/AppsSidebar/TopSection.d.ts.map +1 -1
- package/dist/components/AppContainer/components/AppsSidebar/TopSection.js +35 -32
- package/dist/components/AppContainer/components/AppsSidebar/UserSection.d.ts +3 -2
- package/dist/components/AppContainer/components/AppsSidebar/UserSection.d.ts.map +1 -1
- package/dist/components/AppContainer/components/AppsSidebar/UserSection.js +50 -39
- package/dist/components/AppContainer/components/Main.js +4 -4
- package/dist/components/AppContainer/components/SlideAnimation.js +4 -4
- package/dist/components/AppContainer/components/ToolSidebar.d.ts +2 -0
- package/dist/components/AppContainer/components/ToolSidebar.d.ts.map +1 -1
- package/dist/components/AppContainer/components/ToolSidebar.js +75 -60
- package/dist/components/AppContainer/types.d.ts +5 -0
- package/dist/components/AppContainer/types.d.ts.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.d.ts +1 -0
- package/dist/components/ColorPicker/ColorPicker.d.ts.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.js +63 -62
- package/dist/components/ColorPicker/ColorPickerToolbar.d.ts.map +1 -1
- package/dist/components/ColorPicker/ColorPickerToolbar.js +88 -71
- package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts.map +1 -1
- package/dist/components/CommentComposer/CommentEditorHotkeys.js +4 -3
- package/dist/components/CommentComposer/index.js +1 -1
- package/dist/components/EntityIcon.d.ts.map +1 -1
- package/dist/components/FilePicker/FilePickerGiphy.js +6 -6
- package/dist/components/FilePicker/FilePickerLink.js +13 -13
- package/dist/config/envConfig.d.ts +5 -3
- package/dist/config/envConfig.d.ts.map +1 -1
- package/dist/config/envConfig.js +26 -22
- package/dist/constants.d.ts +1 -0
- package/dist/constants.d.ts.map +1 -1
- package/dist/constants.js +8 -5
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +509 -503
- package/dist/lang/locales/ui_en.json.js +16 -14
- package/dist/lang/locales/ui_es.json.js +12 -10
- package/dist/lang/locales/ui_ru.json.js +18 -16
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "
|
|
1
|
+
const e = "_page_qm43p_5", g = "_figureContainer_qm43p_31", _ = "_figure_qm43p_31", a = "_figureA_qm43p_57", r = "_figureB_qm43p_65", n = "_grainOverlay_qm43p_229", i = "_badgeWrap_qm43p_253", p = "_badge0_qm43p_309", t = "_badge1_qm43p_319", d = "_badge2_qm43p_337", o = "_badge3_qm43p_355", b = {
|
|
2
2
|
page: e,
|
|
3
3
|
figureContainer: g,
|
|
4
4
|
figure: _,
|
|
@@ -6,18 +6,18 @@ const e = "_page_1vjqw_5", g = "_figureContainer_1vjqw_31", _ = "_figure_1vjqw_3
|
|
|
6
6
|
figureB: r,
|
|
7
7
|
grainOverlay: n,
|
|
8
8
|
badgeWrap: i,
|
|
9
|
-
badge0:
|
|
10
|
-
badge1:
|
|
11
|
-
badge2:
|
|
12
|
-
badge3:
|
|
9
|
+
badge0: p,
|
|
10
|
+
badge1: t,
|
|
11
|
+
badge2: d,
|
|
12
|
+
badge3: o
|
|
13
13
|
};
|
|
14
14
|
export {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
p as badge0,
|
|
16
|
+
t as badge1,
|
|
17
|
+
d as badge2,
|
|
18
|
+
o as badge3,
|
|
19
19
|
i as badgeWrap,
|
|
20
|
-
|
|
20
|
+
b as default,
|
|
21
21
|
_ as figure,
|
|
22
22
|
a as figureA,
|
|
23
23
|
r as figureB,
|
|
@@ -5,7 +5,7 @@ declare global {
|
|
|
5
5
|
preSignMode?: boolean;
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
|
-
export declare const AppContainer: (({ header, content, toolbar, navbarTitle, footer, onTitleChange, trashMenu, rightbar, onInviteClick, showAppsSidebar, headerBorderless, withBg, hideHeader, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
8
|
+
export declare const AppContainer: (({ header, content, toolbar, navbarTitle, footer, onTitleChange, trashMenu, rightbar, onInviteClick, showAppsSidebar, headerBorderless, withBg, isBeta, hideHeader, showSearch, showMore, showBorders, showLogo, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
9
9
|
NavbarContent: ({ children }: import("react").PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
NewButton: ({ children, ...props }: import("@mantine/core").PolymorphicComponentProps<"button", import("@mantine/core").ButtonProps>) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/AppContainer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAwGD,eAAO,MAAM,YAAY,uNAnFtB,iBAAiB;;;CAsFlB,CAAC"}
|
|
@@ -1,68 +1,100 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useEffect as
|
|
3
|
-
import { useMantineColorScheme as
|
|
4
|
-
import { isAppMode as
|
|
5
|
-
import { useQueryParam as
|
|
6
|
-
import { AppShell as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
1
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect as E } from "react";
|
|
3
|
+
import { useMantineColorScheme as F, Stack as O, Flex as $ } from "@mantine/core";
|
|
4
|
+
import { isAppMode as K } from "../../helpers/isAppMode.js";
|
|
5
|
+
import { useQueryParam as Q } from "../../hooks/useNumberQueryParam.js";
|
|
6
|
+
import { AppShell as t } from "../AppShell/AppShell.js";
|
|
7
|
+
import { useMeetWidget as R } from "./MeetWidgetContext.js";
|
|
8
|
+
import { AppsSidebar as V } from "./components/AppsSidebar/AppsSidebar.js";
|
|
9
|
+
import { Header as _ } from "./components/Header.js";
|
|
10
|
+
import { Main as q } from "./components/Main.js";
|
|
11
|
+
import z from "./components/NavbarContent.js";
|
|
12
|
+
import { RightSidebar as G } from "./components/RightSidebar.js";
|
|
13
|
+
import { ToolSidebar as I } from "./components/ToolSidebar.js";
|
|
14
|
+
import { ToolbarNewButton as J } from "./components/ToolbarNewButton.js";
|
|
15
|
+
import { useAppContainerDataStore as L } from "./hooks/useAppContainerDataStore.js";
|
|
16
|
+
import { appContainerStore as U } from "./hooks/useAppContainerStore.js";
|
|
17
|
+
import X from "./AppContainer.module.css.js";
|
|
18
|
+
const Y = ({
|
|
19
|
+
header: h,
|
|
20
|
+
content: f,
|
|
21
|
+
toolbar: n,
|
|
22
|
+
navbarTitle: u,
|
|
23
|
+
footer: s,
|
|
24
|
+
onTitleChange: S,
|
|
25
|
+
trashMenu: b,
|
|
26
|
+
rightbar: a,
|
|
27
|
+
onInviteClick: g,
|
|
28
|
+
showAppsSidebar: x = !0,
|
|
29
|
+
headerBorderless: w = !1,
|
|
30
|
+
withBg: C = !1,
|
|
31
|
+
isBeta: M = !1,
|
|
32
|
+
hideHeader: A = !1,
|
|
33
|
+
showSearch: T = !0,
|
|
34
|
+
showMore: v = !0,
|
|
35
|
+
showBorders: y = !0,
|
|
36
|
+
showLogo: W = !1
|
|
30
37
|
}) => {
|
|
31
|
-
const {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
38
|
+
const {
|
|
39
|
+
toolbarWidth: k,
|
|
40
|
+
rightbarWidth: N,
|
|
41
|
+
layout: l,
|
|
42
|
+
showToolbar: j
|
|
43
|
+
} = U.useStore(), B = L((P) => P.user), m = K(B.mode, "DESKTOP"), { setColorScheme: p } = F(), r = Q("theme"), i = R();
|
|
44
|
+
E(() => {
|
|
45
|
+
!m && (r === "dark" || r === "light") && p(r);
|
|
46
|
+
}, [r, p, m]);
|
|
47
|
+
const D = {
|
|
48
|
+
"--toolbar-width": `${k}px`,
|
|
49
|
+
"--rightbar-width": `${N}px`
|
|
50
|
+
}, H = l !== "nothing" && !A, d = l === "default" && !!n, c = !d || !j;
|
|
51
|
+
return /* @__PURE__ */ o(t, { style: D, children: [
|
|
52
|
+
x && /* @__PURE__ */ e(t.Section, { w: "var(--apps-sidebar-width)", children: /* @__PURE__ */ e(
|
|
53
|
+
V,
|
|
54
|
+
{
|
|
55
|
+
onInviteClick: g,
|
|
56
|
+
trashMenu: b,
|
|
57
|
+
showSearch: T,
|
|
58
|
+
showMore: v,
|
|
59
|
+
showBorders: y,
|
|
60
|
+
showLogo: W
|
|
61
|
+
}
|
|
62
|
+
) }),
|
|
63
|
+
/* @__PURE__ */ o(t.Section, { flex: 1, display: "flex", pos: "relative", children: [
|
|
64
|
+
d && /* @__PURE__ */ e(
|
|
65
|
+
I,
|
|
66
|
+
{
|
|
67
|
+
isBeta: M,
|
|
68
|
+
onTitleChange: S,
|
|
69
|
+
navbarTitle: u,
|
|
70
|
+
bottomSlot: c ? null : i,
|
|
71
|
+
children: n
|
|
72
|
+
}
|
|
73
|
+
),
|
|
74
|
+
i && c && /* @__PURE__ */ e("div", { className: X.floatingMeetSlot, children: i }),
|
|
75
|
+
/* @__PURE__ */ o(O, { mih: 0, gap: 0, h: "100%", flex: 2, miw: 0, children: [
|
|
76
|
+
H && /* @__PURE__ */ e(
|
|
77
|
+
t.Header,
|
|
46
78
|
{
|
|
47
79
|
px: "sm",
|
|
48
|
-
style:
|
|
49
|
-
children: /* @__PURE__ */
|
|
80
|
+
style: w ? { borderBottom: "none" } : void 0,
|
|
81
|
+
children: /* @__PURE__ */ e(_, { children: h })
|
|
50
82
|
}
|
|
51
83
|
),
|
|
52
|
-
/* @__PURE__ */
|
|
53
|
-
/* @__PURE__ */
|
|
54
|
-
|
|
55
|
-
|
|
84
|
+
/* @__PURE__ */ o($, { mih: 0, gap: 0, h: "100%", children: [
|
|
85
|
+
/* @__PURE__ */ e(t.WorkContent, { children: /* @__PURE__ */ o(q, { withBg: C, children: [
|
|
86
|
+
f,
|
|
87
|
+
s && /* @__PURE__ */ e("footer", { children: s })
|
|
56
88
|
] }) }),
|
|
57
|
-
|
|
89
|
+
a && /* @__PURE__ */ e(G, { children: a })
|
|
58
90
|
] })
|
|
59
91
|
] })
|
|
60
92
|
] })
|
|
61
93
|
] });
|
|
62
|
-
},
|
|
63
|
-
NavbarContent:
|
|
64
|
-
NewButton:
|
|
94
|
+
}, Se = Object.assign(Y, {
|
|
95
|
+
NavbarContent: z,
|
|
96
|
+
NewButton: J
|
|
65
97
|
});
|
|
66
98
|
export {
|
|
67
|
-
|
|
99
|
+
Se as AppContainer
|
|
68
100
|
};
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
const t = "
|
|
1
|
+
const t = "_toolTitleInput_7pu9q_37", n = "_appSidebarButton_7pu9q_67", o = "_slideContainer_7pu9q_109", e = "_slideContent_7pu9q_121", i = "_main_7pu9q_151", l = "_floatingMeetSlot_7pu9q_169", a = {
|
|
2
2
|
toolTitleInput: t,
|
|
3
3
|
appSidebarButton: n,
|
|
4
4
|
slideContainer: o,
|
|
5
5
|
slideContent: e,
|
|
6
|
-
main: i
|
|
6
|
+
main: i,
|
|
7
|
+
floatingMeetSlot: l
|
|
7
8
|
};
|
|
8
9
|
export {
|
|
9
10
|
n as appSidebarButton,
|
|
10
|
-
|
|
11
|
+
a as default,
|
|
12
|
+
l as floatingMeetSlot,
|
|
11
13
|
i as main,
|
|
12
14
|
o as slideContainer,
|
|
13
15
|
e as slideContent,
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface MeetWidgetProviderProps {
|
|
3
|
+
value: ReactNode;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const MeetWidgetProvider: ({ value, children, }: MeetWidgetProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const useMeetWidget: () => ReactNode;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=MeetWidgetContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MeetWidgetContext.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/MeetWidgetContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAI7D,UAAU,uBAAuB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,GAAI,sBAGhC,uBAAuB,4CAIzB,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,SAA0C,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useContext as i, createContext as n } from "react";
|
|
3
|
+
const e = n(null), x = ({
|
|
4
|
+
value: t,
|
|
5
|
+
children: o
|
|
6
|
+
}) => /* @__PURE__ */ r(e.Provider, { value: t, children: o }), c = () => i(e);
|
|
7
|
+
export {
|
|
8
|
+
x as MeetWidgetProvider,
|
|
9
|
+
c as useMeetWidget
|
|
10
|
+
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as
|
|
1
|
+
import { jsxs as i, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as n } from "react";
|
|
3
3
|
import { Stack as p, ActionIcon as s, Text as l } from "@mantine/core";
|
|
4
4
|
import d from "../AppContainer.module.css.js";
|
|
5
|
-
const h =
|
|
5
|
+
const h = n(({ title: r, icon: a, active: e, onClick: o }, c) => /* @__PURE__ */ i(
|
|
6
6
|
p,
|
|
7
7
|
{
|
|
8
|
-
ref:
|
|
8
|
+
ref: c,
|
|
9
9
|
className: d.appSidebarButton,
|
|
10
10
|
gap: 0,
|
|
11
11
|
align: "center",
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
export declare const AppsSection: (
|
|
1
|
+
export declare const AppsSection: ({ showMore, showBorders, }: {
|
|
2
|
+
showMore?: boolean;
|
|
3
|
+
showBorders?: boolean;
|
|
4
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
2
5
|
//# sourceMappingURL=AppsSection.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/AppsSection.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/AppsSection.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,GAAI,4BAGzB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CA2DA,CAAC"}
|
|
@@ -1,24 +1,29 @@
|
|
|
1
1
|
import { jsx as o, jsxs as l } from "react/jsx-runtime";
|
|
2
|
-
import { useTranslation as
|
|
3
|
-
import { matchPath as
|
|
4
|
-
import { More01Icon as
|
|
5
|
-
import { HugeiconsIcon as
|
|
6
|
-
import { ScrollArea as
|
|
7
|
-
import { useAppContainerDataStore as
|
|
8
|
-
import { appContainerStore as
|
|
2
|
+
import { useTranslation as f } from "react-i18next";
|
|
3
|
+
import { matchPath as b } from "react-router-dom";
|
|
4
|
+
import { More01Icon as g } from "@hugeicons/core-free-icons";
|
|
5
|
+
import { HugeiconsIcon as w } from "@hugeicons/react";
|
|
6
|
+
import { ScrollArea as S, Stack as v, Tooltip as a, Menu as e } from "@mantine/core";
|
|
7
|
+
import { useAppContainerDataStore as A } from "../../hooks/useAppContainerDataStore.js";
|
|
8
|
+
import { appContainerStore as C } from "../../hooks/useAppContainerStore.js";
|
|
9
9
|
import { AppSidebarButton as p } from "../AppSidebarButton.js";
|
|
10
|
-
import { MoreMenu as
|
|
11
|
-
const
|
|
12
|
-
|
|
10
|
+
import { MoreMenu as M } from "../menus/MoreMenu.js";
|
|
11
|
+
const F = ({
|
|
12
|
+
showMore: s = !0,
|
|
13
|
+
showBorders: c = !0
|
|
14
|
+
}) => {
|
|
15
|
+
const { t: n } = f("appContainer"), { hiddenTools: m } = C.useStore(), { tools: t, publicMode: d, navbarDisplayFormat: h } = A(), r = h === "iconsAndLabels";
|
|
13
16
|
return /* @__PURE__ */ o(
|
|
14
|
-
|
|
17
|
+
S,
|
|
15
18
|
{
|
|
16
19
|
w: "var(--apps-sidebar-width)",
|
|
17
|
-
style: {
|
|
20
|
+
style: {
|
|
21
|
+
borderTop: c ? "1px solid var(--app-shell-border)" : void 0
|
|
22
|
+
},
|
|
18
23
|
py: 8,
|
|
19
|
-
children: /* @__PURE__ */ l(
|
|
20
|
-
t?.filter((i) => !
|
|
21
|
-
const
|
|
24
|
+
children: /* @__PURE__ */ l(v, { gap: 8, align: "center", children: [
|
|
25
|
+
t?.filter((i) => !m.includes(i.id))?.map((i) => {
|
|
26
|
+
const u = !!b(
|
|
22
27
|
{ path: i.path, end: !1 },
|
|
23
28
|
window.location.pathname
|
|
24
29
|
);
|
|
@@ -33,7 +38,7 @@ const z = () => {
|
|
|
33
38
|
{
|
|
34
39
|
title: r ? i.name : null,
|
|
35
40
|
icon: i.icon(),
|
|
36
|
-
active:
|
|
41
|
+
active: u,
|
|
37
42
|
onClick: i.onClick
|
|
38
43
|
}
|
|
39
44
|
)
|
|
@@ -41,20 +46,20 @@ const z = () => {
|
|
|
41
46
|
i.id
|
|
42
47
|
);
|
|
43
48
|
}),
|
|
44
|
-
!
|
|
49
|
+
s && !d && t.length > 1 && /* @__PURE__ */ l(e, { position: "right", closeOnItemClick: !1, children: [
|
|
45
50
|
/* @__PURE__ */ o(e.Target, { children: /* @__PURE__ */ o(a, { label: n("more"), position: "right", disabled: r, children: /* @__PURE__ */ o(
|
|
46
51
|
p,
|
|
47
52
|
{
|
|
48
53
|
title: r ? n("more") : null,
|
|
49
|
-
icon: /* @__PURE__ */ o(
|
|
54
|
+
icon: /* @__PURE__ */ o(w, { icon: g, size: 20 })
|
|
50
55
|
}
|
|
51
56
|
) }) }),
|
|
52
|
-
/* @__PURE__ */ o(e.Dropdown, { miw: 240, children: /* @__PURE__ */ o(
|
|
57
|
+
/* @__PURE__ */ o(e.Dropdown, { miw: 240, children: /* @__PURE__ */ o(M, {}) })
|
|
53
58
|
] })
|
|
54
59
|
] })
|
|
55
60
|
}
|
|
56
61
|
);
|
|
57
62
|
};
|
|
58
63
|
export {
|
|
59
|
-
|
|
64
|
+
F as AppsSection
|
|
60
65
|
};
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
export declare const AppsSidebar: ({ trashMenu, onInviteClick, }: {
|
|
1
|
+
export declare const AppsSidebar: ({ trashMenu, onInviteClick, showSearch, showMore, showBorders, showLogo, }: {
|
|
2
2
|
trashMenu: React.ReactNode;
|
|
3
3
|
onInviteClick?: () => void;
|
|
4
|
+
showSearch?: boolean;
|
|
5
|
+
showMore?: boolean;
|
|
6
|
+
showBorders?: boolean;
|
|
7
|
+
showLogo?: boolean;
|
|
4
8
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
5
9
|
//# sourceMappingURL=AppsSidebar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppsSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/AppsSidebar.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,GAAI
|
|
1
|
+
{"version":3,"file":"AppsSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/AppsSidebar.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,GAAI,4EAOzB;IACD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAYA,CAAC"}
|
|
@@ -1,16 +1,27 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Stack as
|
|
3
|
-
import { AppsSection as
|
|
4
|
-
import { TopSection as
|
|
5
|
-
import { UserSection as
|
|
6
|
-
const
|
|
7
|
-
trashMenu:
|
|
8
|
-
onInviteClick: p
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { jsxs as s, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { Stack as c } from "@mantine/core";
|
|
3
|
+
import { AppsSection as f } from "./AppsSection.js";
|
|
4
|
+
import { TopSection as n } from "./TopSection.js";
|
|
5
|
+
import { UserSection as a } from "./UserSection.js";
|
|
6
|
+
const l = ({
|
|
7
|
+
trashMenu: e,
|
|
8
|
+
onInviteClick: p,
|
|
9
|
+
showSearch: o = !0,
|
|
10
|
+
showMore: i = !0,
|
|
11
|
+
showBorders: r = !0,
|
|
12
|
+
showLogo: m = !1
|
|
13
|
+
}) => /* @__PURE__ */ s(c, { gap: 0, justify: "space-between", pt: 8, pb: 8, h: "100%", children: [
|
|
14
|
+
/* @__PURE__ */ t(n, { showSearch: o, showLogo: m }),
|
|
15
|
+
/* @__PURE__ */ t(f, { showMore: i, showBorders: r }),
|
|
16
|
+
/* @__PURE__ */ t(
|
|
17
|
+
a,
|
|
18
|
+
{
|
|
19
|
+
trashMenu: e,
|
|
20
|
+
onInviteClick: p,
|
|
21
|
+
showBorders: r
|
|
22
|
+
}
|
|
23
|
+
)
|
|
13
24
|
] });
|
|
14
25
|
export {
|
|
15
|
-
|
|
26
|
+
l as AppsSidebar
|
|
16
27
|
};
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
export declare const TopSection: (
|
|
1
|
+
export declare const TopSection: ({ showSearch, showLogo, }: {
|
|
2
|
+
showSearch?: boolean;
|
|
3
|
+
showLogo?: boolean;
|
|
4
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
2
5
|
//# sourceMappingURL=TopSection.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/TopSection.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"TopSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/TopSection.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,GAAI,2BAGxB;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAoEA,CAAC"}
|
|
@@ -1,26 +1,29 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useTranslation as
|
|
3
|
-
import { Search01Icon as
|
|
4
|
-
import { HugeiconsIcon as
|
|
5
|
-
import { Stack as
|
|
6
|
-
import { isFeature as
|
|
7
|
-
import { openSearchModal as
|
|
8
|
-
import { Notification as
|
|
9
|
-
import { WorkspaceAvatar as
|
|
10
|
-
import { WorkspaceMenu as
|
|
11
|
-
import { useAppContainerDataStore as
|
|
12
|
-
import { AppSidebarButton as
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
1
|
+
import { jsxs as s, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useTranslation as u } from "react-i18next";
|
|
3
|
+
import { Search01Icon as b, Notification02Icon as v } from "@hugeicons/core-free-icons";
|
|
4
|
+
import { HugeiconsIcon as p } from "@hugeicons/react";
|
|
5
|
+
import { Stack as w, ActionIcon as g, Tooltip as n, Menu as a } from "@mantine/core";
|
|
6
|
+
import { isFeature as k } from "../../../../helpers/feature.js";
|
|
7
|
+
import { openSearchModal as y } from "../../../../store/searchModal.js";
|
|
8
|
+
import { Notification as A } from "../../../Notification/Notification.js";
|
|
9
|
+
import { WorkspaceAvatar as l } from "../../../WorkspaceAvatar/WorkspaceAvatar.js";
|
|
10
|
+
import { WorkspaceMenu as S } from "../../../WorkspaceMenu/WorkspaceMenu.js";
|
|
11
|
+
import { useAppContainerDataStore as z } from "../../hooks/useAppContainerDataStore.js";
|
|
12
|
+
import { AppSidebarButton as m } from "../AppSidebarButton.js";
|
|
13
|
+
const H = ({
|
|
14
|
+
showSearch: d = !0,
|
|
15
|
+
showLogo: h = !1
|
|
16
|
+
}) => {
|
|
17
|
+
const { t: i } = u("appContainer"), { workspaceMenu: r, isAnonym: t, publicMode: c, navbarDisplayFormat: f } = z(), e = f === "iconsAndLabels";
|
|
18
|
+
return /* @__PURE__ */ s(w, { gap: 8, align: "center", pb: 8, children: [
|
|
19
|
+
h ? /* @__PURE__ */ o(l, { size: 36 }) : /* @__PURE__ */ o(
|
|
20
|
+
S,
|
|
18
21
|
{
|
|
19
22
|
...r,
|
|
20
|
-
isAnonym:
|
|
23
|
+
isAnonym: t,
|
|
21
24
|
publicMode: c,
|
|
22
25
|
children: /* @__PURE__ */ o(
|
|
23
|
-
|
|
26
|
+
g,
|
|
24
27
|
{
|
|
25
28
|
size: "lg",
|
|
26
29
|
variant: "transparent",
|
|
@@ -33,43 +36,43 @@ const W = () => {
|
|
|
33
36
|
openDelay: 400,
|
|
34
37
|
position: "right",
|
|
35
38
|
withArrow: !0,
|
|
36
|
-
children: /* @__PURE__ */ o(
|
|
39
|
+
children: /* @__PURE__ */ o(l, { workspace: r.active, size: 36 })
|
|
37
40
|
}
|
|
38
41
|
)
|
|
39
42
|
}
|
|
40
43
|
)
|
|
41
44
|
}
|
|
42
45
|
),
|
|
43
|
-
!
|
|
44
|
-
|
|
46
|
+
d && !t && !c && /* @__PURE__ */ o(n, { label: i("search"), position: "right", disabled: e, children: /* @__PURE__ */ o(
|
|
47
|
+
m,
|
|
45
48
|
{
|
|
46
|
-
title:
|
|
47
|
-
icon: /* @__PURE__ */ o(
|
|
49
|
+
title: e ? i("search") : null,
|
|
50
|
+
icon: /* @__PURE__ */ o(p, { icon: b, size: 20 }),
|
|
48
51
|
onClick: () => {
|
|
49
|
-
|
|
52
|
+
y();
|
|
50
53
|
}
|
|
51
54
|
}
|
|
52
55
|
) }),
|
|
53
|
-
|
|
56
|
+
k() && !t && /* @__PURE__ */ s(a, { position: "right-start", children: [
|
|
54
57
|
/* @__PURE__ */ o(a.Target, { children: /* @__PURE__ */ o(
|
|
55
58
|
n,
|
|
56
59
|
{
|
|
57
60
|
label: i("activity"),
|
|
58
61
|
position: "right",
|
|
59
|
-
disabled:
|
|
62
|
+
disabled: e,
|
|
60
63
|
children: /* @__PURE__ */ o(
|
|
61
|
-
|
|
64
|
+
m,
|
|
62
65
|
{
|
|
63
|
-
title:
|
|
64
|
-
icon: /* @__PURE__ */ o(
|
|
66
|
+
title: e ? i("activity") : null,
|
|
67
|
+
icon: /* @__PURE__ */ o(p, { icon: v, size: 20 })
|
|
65
68
|
}
|
|
66
69
|
)
|
|
67
70
|
}
|
|
68
71
|
) }),
|
|
69
|
-
/* @__PURE__ */ o(a.Dropdown, { px: 4, py: 0, w: 440, children: /* @__PURE__ */ o(
|
|
72
|
+
/* @__PURE__ */ o(a.Dropdown, { px: 4, py: 0, w: 440, children: /* @__PURE__ */ o(A, {}) })
|
|
70
73
|
] })
|
|
71
74
|
] });
|
|
72
75
|
};
|
|
73
76
|
export {
|
|
74
|
-
|
|
77
|
+
H as TopSection
|
|
75
78
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export declare const UserSection: ({ trashMenu, onInviteClick, }: {
|
|
2
|
-
trashMenu
|
|
1
|
+
export declare const UserSection: ({ trashMenu, onInviteClick, showBorders, }: {
|
|
2
|
+
trashMenu?: React.ReactNode;
|
|
3
3
|
onInviteClick?: () => void;
|
|
4
|
+
showBorders?: boolean;
|
|
4
5
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
5
6
|
//# sourceMappingURL=UserSection.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AAyBA,eAAO,MAAM,WAAW,GAAI
|
|
1
|
+
{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AAyBA,eAAO,MAAM,WAAW,GAAI,4CAIzB;IACD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CA2KA,CAAC"}
|