@layers-app/shared 0.2.1 → 0.2.3

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.
Files changed (38) hide show
  1. package/dist/assets/svg/group_default_icon.svg.js +4 -0
  2. package/dist/components/AppContainer/hooks/useAppContainerStore.d.ts.map +1 -1
  3. package/dist/components/AppContainer/hooks/useAppContainerStore.js +26 -19
  4. package/dist/components/CommentComposer/CommentComposer.module.css.js +4 -4
  5. package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts.map +1 -1
  6. package/dist/components/CommentComposer/CommentEditorHotkeys.js +25 -22
  7. package/dist/components/CommentComposer/index.d.ts.map +1 -1
  8. package/dist/components/CommentComposer/index.js +237 -153
  9. package/dist/components/CommentComposer/{useFloatingPosition.d.ts → useVirtualAnchor.d.ts} +3 -4
  10. package/dist/components/CommentComposer/useVirtualAnchor.d.ts.map +1 -0
  11. package/dist/components/CommentComposer/useVirtualAnchor.js +71 -0
  12. package/dist/components/FilePicker/FilePicker.js +1 -1
  13. package/dist/components/FormViewer/hooks/useFormGlobalTheme.d.ts +5 -5
  14. package/dist/components/GroupAvatar/index.d.ts +9 -0
  15. package/dist/components/GroupAvatar/index.d.ts.map +1 -0
  16. package/dist/components/GroupAvatar/index.js +24 -0
  17. package/dist/components/modals/RemoveConfirmModal.d.ts.map +1 -1
  18. package/dist/components/modals/RemoveConfirmModal.js +22 -21
  19. package/dist/components/table/FrontTable.d.ts +2 -1
  20. package/dist/components/table/FrontTable.d.ts.map +1 -1
  21. package/dist/components/table/components/TableCell.d.ts.map +1 -1
  22. package/dist/components/table/components/TableCell.js +63 -26
  23. package/dist/components/table/components/TableMenu.d.ts +2 -1
  24. package/dist/components/table/components/TableMenu.d.ts.map +1 -1
  25. package/dist/components/table/components/TableMenu.js +15 -14
  26. package/dist/constants.d.ts +4 -0
  27. package/dist/constants.d.ts.map +1 -1
  28. package/dist/constants.js +7 -4
  29. package/dist/index.css +1 -1
  30. package/dist/index.d.ts +1 -0
  31. package/dist/index.d.ts.map +1 -1
  32. package/dist/index.js +390 -384
  33. package/dist/store/accessOptionsControl.d.ts +11 -1
  34. package/dist/store/accessOptionsControl.d.ts.map +1 -1
  35. package/dist/store/accessOptionsControl.js +15 -7
  36. package/package.json +1 -1
  37. package/dist/components/CommentComposer/useFloatingPosition.d.ts.map +0 -1
  38. package/dist/components/CommentComposer/useFloatingPosition.js +0 -115
@@ -0,0 +1,4 @@
1
+ const C = "data:image/svg+xml,%3csvg%20width='36'%20height='36'%20viewBox='0%200%2036%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2018C0%208.05888%208.05888%200%2018%200C27.9411%200%2036%208.05888%2036%2018C36%2027.9411%2027.9411%2036%2018%2036C8.05888%2036%200%2027.9411%200%2018Z'%20fill='%23868E96'%20fill-opacity='0.1'/%3e%3cpath%20d='M16%2019C19.866%2019%2023%2020.7909%2023%2023C23%2025.2091%2019.866%2027%2016%2027C12.134%2027%209%2025.2091%209%2023C9%2020.7909%2012.134%2019%2016%2019ZM21.8867%2019.0322C24.7799%2019.2465%2027%2020.4938%2027%2022C27%2023.0776%2025.8635%2024.0228%2024.1572%2024.5518C24.3804%2024.0597%2024.5%2023.5388%2024.5%2023C24.5%2021.4409%2023.4974%2020.0331%2021.8867%2019.0322ZM16%209C18.2091%209%2020%2010.7909%2020%2013C20%2015.2091%2018.2091%2017%2016%2017C13.7909%2017%2012%2015.2091%2012%2013C12%2010.7909%2013.7909%209%2016%209ZM21.126%2011.0029C22.7243%2011.069%2024%2012.3854%2024%2014C24%2015.6568%2022.6568%2017%2021%2017C20.6351%2017%2020.2854%2016.9347%2019.9619%2016.8154C20.9145%2015.8265%2021.5%2014.4815%2021.5%2013C21.5%2012.2955%2021.3674%2011.622%2021.126%2011.0029Z'%20fill='%23868E96'/%3e%3c/svg%3e";
2
+ export {
3
+ C as default
4
+ };
@@ -1 +1 @@
1
- {"version":3,"file":"useAppContainerStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAU,MAAM,SAAS,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA4GjE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;iCA9CI,OAAO;iCAIP,MAAM;kCAIL,MAAM;mCAKL,MAAM;4BASb,kBAAkB;0BAIpB,MAAM;;CAoByB,CAAC"}
1
+ {"version":3,"file":"useAppContainerStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAU,MAAM,SAAS,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA+GjE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;iCA9CI,OAAO;iCAIP,MAAM;kCAIL,MAAM;mCAKL,MAAM;4BASb,kBAAkB;0BAIpB,MAAM;;CAoByB,CAAC"}
@@ -1,12 +1,13 @@
1
- import { create as i } from "zustand";
2
- import { persist as h, createJSONStorage as l } from "zustand/middleware";
3
- const s = 338, n = () => {
4
- const o = i(
5
- h(
1
+ import { create as l } from "zustand";
2
+ import { persist as n, createJSONStorage as g } from "zustand/middleware";
3
+ import { DEFAULT_COLOR_SCHEME as r, isValidColorScheme as b } from "../../../constants.js";
4
+ const i = 338, c = () => {
5
+ const o = l(
6
+ n(
6
7
  () => ({
7
8
  layout: "default",
8
9
  showToolbar: !0,
9
- theme: "indigo",
10
+ theme: r,
10
11
  hiddenTools: [],
11
12
  toolbarWidth: 280,
12
13
  isTourPassed: !1,
@@ -15,18 +16,24 @@ const s = 338, n = () => {
15
16
  }),
16
17
  {
17
18
  name: "app-menu",
18
- // increment version to migrate saved data.
19
- version: 2,
20
- storage: l(() => localStorage),
21
- migrate: (a) => (a?.rightbarWidth < s && (a.rightbarWidth = s), a)
19
+ version: 3,
20
+ storage: g(() => localStorage),
21
+ migrate: (e) => {
22
+ const s = typeof e?.theme == "string" && b(e.theme) ? e.theme : r;
23
+ return {
24
+ ...e,
25
+ rightbarWidth: Math.max(e?.rightbarWidth || 0, i),
26
+ theme: s
27
+ };
28
+ }
22
29
  }
23
30
  )
24
31
  );
25
32
  return {
26
33
  useStore: o,
27
- api: g(o)
34
+ api: T(o)
28
35
  };
29
- }, g = (o) => ({
36
+ }, T = (o) => ({
30
37
  toggleToolbar: () => {
31
38
  o.setState((t) => ({ ...t, showToolbar: !t.showToolbar }));
32
39
  },
@@ -44,13 +51,13 @@ const s = 338, n = () => {
44
51
  o.setState({ toolbarWidth: t });
45
52
  },
46
53
  setRightbarWidth: (t) => {
47
- const e = Math.max(t, s);
48
- o.setState({ rightbarWidth: e });
54
+ const a = Math.max(t, i);
55
+ o.setState({ rightbarWidth: a });
49
56
  },
50
57
  toggleToolVisibility: (t) => {
51
- o.setState((e) => ({
52
- ...e,
53
- hiddenTools: e.hiddenTools.includes(t) ? e.hiddenTools.filter((r) => r !== t) : [...e.hiddenTools, t]
58
+ o.setState((a) => ({
59
+ ...a,
60
+ hiddenTools: a.hiddenTools.includes(t) ? a.hiddenTools.filter((h) => h !== t) : [...a.hiddenTools, t]
54
61
  }));
55
62
  },
56
63
  setLayout: (t) => {
@@ -59,7 +66,7 @@ const s = 338, n = () => {
59
66
  setTheme: (t) => {
60
67
  o.setState({ theme: t });
61
68
  }
62
- }), A = n();
69
+ }), M = c();
63
70
  export {
64
- A as appContainerStore
71
+ M as appContainerStore
65
72
  };
@@ -1,15 +1,15 @@
1
- const o = "_commentComposerWrapper_1iib4_1", e = "_commentComposerFloat_1iib4_68", r = "_composerContainer_1iib4_98", t = "_editorWrapper_1iib4_114", p = "_editMode_1iib4_170", m = {
1
+ const o = "_commentComposerWrapper_1mv8w_1", e = "_commentComposerFloat_1mv8w_68", r = "_composerContainer_1mv8w_97", t = "_editorWrapper_1mv8w_113", m = "_editMode_1mv8w_181", p = {
2
2
  commentComposerWrapper: o,
3
3
  commentComposerFloat: e,
4
4
  composerContainer: r,
5
5
  editorWrapper: t,
6
- editMode: p
6
+ editMode: m
7
7
  };
8
8
  export {
9
9
  e as commentComposerFloat,
10
10
  o as commentComposerWrapper,
11
11
  r as composerContainer,
12
- m as default,
13
- p as editMode,
12
+ p as default,
13
+ m as editMode,
14
14
  t as editorWrapper
15
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8GAWlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,4CAoJA,CAAC"}
1
+ {"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8GAWlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,4CAuJA,CAAC"}
@@ -1,15 +1,15 @@
1
1
  import { jsx as S } from "react/jsx-runtime";
2
2
  import { useRef as D, useEffect as m } from "react";
3
3
  import { useTranslation as T } from "react-i18next";
4
- import { openRemoveConfirmModal as y } from "../modals/RemoveConfirmModal.js";
4
+ import { openRemoveConfirmModal as g } from "../modals/RemoveConfirmModal.js";
5
5
  import w from "./CommentComposer.module.css.js";
6
6
  const W = ({
7
- children: C,
7
+ children: y,
8
8
  onSubmit: v,
9
9
  editorRef: a,
10
10
  commentDraft: l,
11
11
  onBlur: c,
12
- inputContainerRef: g,
12
+ inputContainerRef: C,
13
13
  isFloat: f,
14
14
  isEdit: i,
15
15
  hasChanges: s,
@@ -17,25 +17,25 @@ const W = ({
17
17
  }) => {
18
18
  const p = D(null), L = i || f, { t: r } = T(P);
19
19
  return m(() => {
20
- const t = (e) => {
20
+ const o = (e) => {
21
21
  if (e.code === "Enter" && !e.shiftKey) {
22
22
  if (e.stopPropagation(), i ? s : !s) return;
23
23
  p.current && p.current.contains(document.activeElement) && (e.preventDefault(), v());
24
24
  }
25
25
  };
26
- return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
26
+ return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
27
27
  }, [v, i, s]), m(() => {
28
28
  if (!L) return;
29
- const t = a.current;
30
- t && setTimeout(() => {
31
- t.focus(() => ({ defaultSelection: "rootEnd" }));
29
+ const o = a.current;
30
+ o && setTimeout(() => {
31
+ o.focus(() => ({ defaultSelection: "rootEnd" }));
32
32
  }, 0);
33
33
  }, []), m(() => {
34
- const t = a.current;
35
- if (!t) return;
34
+ const o = a.current;
35
+ if (!o) return;
36
36
  const e = () => setTimeout(() => {
37
- t.focus(() => ({ defaultSelection: "rootEnd" }));
38
- }, 0), o = (u) => {
37
+ o.focus(() => ({ defaultSelection: "rootEnd" }));
38
+ }, 0), t = (u) => {
39
39
  const n = u.target;
40
40
  if (!n || n.closest("button") || n.closest("[data-no-focus]")) return;
41
41
  if (n.closest("[data-editor-spacer='true']")) {
@@ -48,22 +48,25 @@ const W = ({
48
48
  if (!E || !E.contains(n)) return;
49
49
  d.querySelector(`.${w.imagePreviewWrapper}`) || d.querySelector(`.${w.filePreviewWrapper}`) || e();
50
50
  };
51
- return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
51
+ return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
52
52
  }, [a]), m(() => {
53
- const t = (e) => {
54
- const o = e.target;
55
- if (!o) return;
56
- const u = g.current;
57
- if (u && !u.contains(o) && !(o.closest(".mantine-Modal-root") || o.closest(".floating-text-format-popup") || o.closest('[data-test-id="floating-link-dropdown"]'))) {
53
+ const o = (e) => {
54
+ const t = e.target;
55
+ if (!t) return;
56
+ const u = C.current;
57
+ if (u && !u.contains(t) && !(t.closest(".mantine-Modal-root") || t.closest(".floating-text-format-popup") || t.closest('[data-test-id="floating-link-dropdown"]'))) {
58
58
  if (i) {
59
59
  if (!s) {
60
- e.stopPropagation(), e.preventDefault(), y({
60
+ e.stopPropagation(), e.preventDefault(), g({
61
61
  title: r("composer.discardTitle"),
62
62
  children: r("composer.discardDescription"),
63
63
  labels: {
64
64
  confirm: r("composer.discardConfirm"),
65
65
  cancel: r("composer.cancel")
66
66
  },
67
+ confirmProps: {
68
+ color: "var(--mantine-color-indigo-8)"
69
+ },
67
70
  icon: null,
68
71
  onConfirm: () => c?.()
69
72
  });
@@ -74,7 +77,7 @@ const W = ({
74
77
  }
75
78
  if (f) {
76
79
  if (l.text.trim() !== "" || (l.files?.length ?? 0) > 0) {
77
- e.stopPropagation(), e.preventDefault(), y({
80
+ e.stopPropagation(), e.preventDefault(), g({
78
81
  title: r("editor.composer.discardCommentTitle"),
79
82
  children: r("editor.composer.discardCommentDescription"),
80
83
  labels: {
@@ -91,8 +94,8 @@ const W = ({
91
94
  }
92
95
  }
93
96
  };
94
- return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
95
- }, [i, f, s, l, c]), /* @__PURE__ */ S("div", { ref: p, children: C });
97
+ return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
98
+ }, [i, f, s, l, c]), /* @__PURE__ */ S("div", { ref: p, children: y });
96
99
  };
97
100
  export {
98
101
  W as CommentEditorHandler
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,GAAI,4EAQ7B,oBAAoB,4CAwTtB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,GAAI,4EAQ7B,oBAAoB,4CAoctB,CAAC"}