@layers-app/shared 0.4.2 → 0.4.4

package/dist/components/MusicPlayerBar/hooks/useHoverPopover.js

@@ -0,0 +1,18 @@
+import { useState as a, useRef as s, useCallback as r, useEffect as T } from "react";
+function d(o, u) {
+  const [l, c] = a(!1), n = s(null), t = s(null), e = r(() => {
+    n.current && clearTimeout(n.current), t.current && clearTimeout(t.current);
+  }, []);
+  T(() => () => e(), [e]);
+  const i = r(() => {
+    e(), n.current = setTimeout(() => c(!0), o);
+  }, [o, e]), f = r(() => {
+    e(), t.current = setTimeout(() => c(!1), u);
+  }, [u, e]), m = r(() => {
+    t.current && clearTimeout(t.current);
+  }, []);
+  return { opened: l, setOpened: c, open: i, close: f, cancelClose: m };
+}
+export {
+  d as useHoverPopover
+};

package/dist/components/MusicPlayerBar/hooks/useMusicPlayerLabels.d.ts

@@ -0,0 +1,3 @@
+import type { MusicPlayerBarLabels } from '../types';
+export declare function useMusicPlayerLabels(): MusicPlayerBarLabels;
+//# sourceMappingURL=useMusicPlayerLabels.d.ts.map

package/dist/components/MusicPlayerBar/hooks/useMusicPlayerLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMusicPlayerLabels.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/hooks/useMusicPlayerLabels.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,wBAAgB,oBAAoB,IAAI,oBAAoB,CAqB3D"}

package/dist/components/MusicPlayerBar/hooks/useMusicPlayerLabels.js

@@ -0,0 +1,26 @@
+import { useMemo as l } from "react";
+import { useTranslation as m } from "react-i18next";
+function u() {
+  const { t: e } = m("ui");
+  return l(
+    () => ({
+      play: e("musicPlayer.play"),
+      pause: e("musicPlayer.pause"),
+      mute: e("musicPlayer.mute"),
+      unmute: e("musicPlayer.unmute"),
+      playbackSpeed: e("musicPlayer.playbackSpeed"),
+      volume: e("musicPlayer.volume"),
+      waveformSeek: e("musicPlayer.waveformSeek"),
+      timeDisplay: e("musicPlayer.timeDisplay"),
+      download: e("musicPlayer.download"),
+      copyLink: e("musicPlayer.copyLink"),
+      delete: e("musicPlayer.delete"),
+      more: e("musicPlayer.more"),
+      mobileActionsTitle: e("musicPlayer.mobileActionsTitle")
+    }),
+    [e]
+  );
+}
+export {
+  u as useMusicPlayerLabels
+};

package/dist/components/MusicPlayerBar/hooks/useWaveform.d.ts

@@ -0,0 +1,7 @@
+export type WaveformState = {
+    clipRef: React.MutableRefObject<HTMLDivElement | null>;
+    barCount: number;
+    heights: number[];
+};
+export declare function useWaveform(waveformHeights?: number[]): WaveformState;
+//# sourceMappingURL=useWaveform.d.ts.map

package/dist/components/MusicPlayerBar/hooks/useWaveform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWaveform.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/hooks/useWaveform.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,wBAAgB,WAAW,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,aAAa,CA0BrE"}

package/dist/components/MusicPlayerBar/hooks/useWaveform.js

@@ -0,0 +1,28 @@
+import { useRef as f, useState as m, useEffect as R, useMemo as A } from "react";
+import { DEFAULT_BAR_COUNT as _, MIN_BAR_COUNT as a, MAX_BAR_COUNT as h, BAR_GAP as l, BAR_STEP as B } from "../constants.js";
+import { buildHeights as M } from "../helpers.js";
+function b(e) {
+  const o = f(null), [t, s] = m(_);
+  R(() => {
+    const r = o.current;
+    if (!r) return;
+    const n = new ResizeObserver(([u]) => {
+      const i = u.contentRect.width;
+      s(
+        Math.max(
+          a,
+          Math.min(h, Math.floor((i + l) / B))
+        )
+      );
+    });
+    return n.observe(r), () => n.disconnect();
+  }, []);
+  const c = A(
+    () => M(t, e),
+    [t, e]
+  );
+  return { clipRef: o, barCount: t, heights: c };
+}
+export {
+  b as useWaveform
+};

package/dist/components/MusicPlayerBar/index.d.ts

@@ -0,0 +1,3 @@
+export { MusicPlayerBar } from './MusicPlayerBar';
+export type { MusicPlayerBarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MusicPlayerBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/MusicPlayerBar/types.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+export type MusicPlayerBarLabels = {
+    play: string;
+    pause: string;
+    mute: string;
+    unmute: string;
+    playbackSpeed: string;
+    volume: string;
+    waveformSeek: string;
+    timeDisplay: string;
+    download: string;
+    copyLink: string;
+    delete: string;
+    more: string;
+    mobileActionsTitle: string;
+};
+export type MusicPlayerBarProps = Readonly<{
+    src: string;
+    duration?: number;
+    playbackRates?: readonly number[];
+    initialVolume?: number;
+    waveformHeights?: number[];
+    disable?: boolean;
+    showDelete?: boolean;
+    showDownload?: boolean;
+    showCopyLink?: boolean;
+    onDelete?: () => void;
+    onDownload?: () => void;
+    onCopyLink?: () => Promise<void> | void;
+    onCopyError?: () => void;
+    extraActions?: ReactNode;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/MusicPlayerBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC,CAAC"}

package/dist/components/NavMenu/NavMenu.module.css.js

@@ -1,23 +1,23 @@
-const t = "_container_t27w5_1", e = "_depthBox_t27w5_25", n = "_itemContainer_t27w5_75", o = "_item_t27w5_75", _ = "_icon_t27w5_181", a = "_chevron_t27w5_189", c = "_droppable_t27w5_239", r = "_draggableOverlay_t27w5_353", i = "_editInput_t27w5_371", d = {
+const t = "_container_1xsiz_1", e = "_depthBox_1xsiz_13", n = "_itemContainer_1xsiz_38", o = "_item_1xsiz_38", i = "_icon_1xsiz_91", _ = "_chevron_1xsiz_95", s = "_droppable_1xsiz_120", a = "_draggableOverlay_1xsiz_177", c = "_editInput_1xsiz_186", r = {
   container: t,
   depthBox: e,
   itemContainer: n,
   item: o,
-  icon: _,
-  chevron: a,
-  droppable: c,
-  draggableOverlay: r,
-  editInput: i
+  icon: i,
+  chevron: _,
+  droppable: s,
+  draggableOverlay: a,
+  editInput: c
 };
 export {
-  a as chevron,
+  _ as chevron,
   t as container,
-  d as default,
+  r as default,
   e as depthBox,
-  r as draggableOverlay,
-  c as droppable,
-  i as editInput,
-  _ as icon,
+  a as draggableOverlay,
+  s as droppable,
+  c as editInput,
+  i as icon,
   o as item,
   n as itemContainer
 };

package/dist/components/NavbarResizer/NavbarResizer.js

@@ -1,6 +1,6 @@
 import { jsx as h } from "react/jsx-runtime";
 import { memo as b, useState as r } from "react";
-import { useDraggable as x } from "draggable-ui";
+import { useDraggable as x } from "@layers-app/draggable-ui";
 import { clamp as y } from "lodash-es";
 import M from "./NavbarResizer.module.css.js";
 const N = b(

package/dist/components/NavbarResizer/NavbarResizer.module.css.js

@@ -1,7 +1,7 @@
-const e = "_resizer_1qg2p_1", s = {
+const e = "_resizer_hdrhk_1", r = {
   resizer: e
 };
 export {
-  s as default,
+  r as default,
   e as resizer
 };

package/dist/components/NotPublicPanel/NotPublicPanel.module.css.js

@@ -1,19 +1,19 @@
-const e = "_previewBoxTitle_p1noi_1", o = "_previewBox_p1noi_1", i = "_previewContainer_p1noi_89", n = "_previewHeader_p1noi_115", r = "_headerDot_p1noi_139", p = "_previewContent_p1noi_159", t = "_processing_p1noi_205", _ = {
+const e = "_previewBoxTitle_1xmos_1", o = "_previewBox_1xmos_1", r = "_previewContainer_1xmos_45", t = "_previewHeader_1xmos_58", i = "_headerDot_1xmos_70", s = "_previewContent_1xmos_80", n = "_processing_1xmos_103", _ = {
   previewBoxTitle: e,
   previewBox: o,
-  previewContainer: i,
-  previewHeader: n,
-  headerDot: r,
-  previewContent: p,
-  processing: t
+  previewContainer: r,
+  previewHeader: t,
+  headerDot: i,
+  previewContent: s,
+  processing: n
 };
 export {
   _ as default,
-  r as headerDot,
+  i as headerDot,
   o as previewBox,
   e as previewBoxTitle,
-  i as previewContainer,
-  p as previewContent,
-  n as previewHeader,
-  t as processing
+  r as previewContainer,
+  s as previewContent,
+  t as previewHeader,
+  n as processing
 };

package/dist/components/Notification/Notification.module.css.js

@@ -1,4 +1,4 @@
-const e = "_headerCounter_10kmq_1", t = {
+const e = "_headerCounter_1kh0c_1", t = {
   headerCounter: e
 };
 export {

package/dist/components/OnboardingTour/OnboardingTourFooter.js

@@ -43,7 +43,7 @@ const g = ({
     d,
     {
       variant: "subtle",
-      color: "gray",
+      color: "gray.3",
       size: "sm",
       onClick: () => i.skipTour(),
       "aria-label": "Skip tour",

package/dist/components/SearchFilters/SearchFilters.module.css.js

@@ -1,4 +1,4 @@
-const l = "_filterPill_euc2m_1", e = "_filterPillLabel_euc2m_19", i = {
+const l = "_filterPill_11m7s_1", e = "_filterPillLabel_11m7s_10", i = {
   filterPill: l,
   filterPillLabel: e
 };

package/dist/components/SettingsSection/styles.module.css.js

@@ -1,4 +1,4 @@
-const t = "_contentWrapper_a1t2j_1", e = {
+const t = "_contentWrapper_2wgq8_1", e = {
   contentWrapper: t
 };
 export {

package/dist/components/StorageUsageProgress/StorageUsageProgress.module.css.js

@@ -1,4 +1,4 @@
-const s = "_section_1zd4r_1", t = {
+const s = "_section_1uxy4_1", t = {
   section: s
 };
 export {

package/dist/components/TreeIndent/TreeIndent.module.css.js

@@ -1,11 +1,11 @@
-const t = "_container_f42en_1", e = "_depthBox_f42en_21", n = "_item_f42en_37", o = {
+const t = "_container_4tsvl_1", e = "_depthBox_4tsvl_11", o = "_item_4tsvl_19", n = {
   container: t,
   depthBox: e,
-  item: n
+  item: o
 };
 export {
   t as container,
-  o as default,
+  n as default,
   e as depthBox,
-  n as item
+  o as item
 };

package/dist/components/table/FrontTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrontTable.d.ts","sourceRoot":"","sources":["../../../src/components/table/FrontTable.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;gBAAV,CAAA;iBACA,CAAC;gBACA,CAAC;;CAOb,CAAC;AAEH,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"FrontTable.d.ts","sourceRoot":"","sources":["../../../src/components/table/FrontTable.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;gBAAhB,CAAA;iBACA,CAAC;gBACC,CAAA;;CAOP,CAAC;AAEH,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC"}

package/dist/components/table/hooks/useColumnsResizing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnsResizing.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useColumnsResizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAW9C,eAAO,MAAM,kBAAkB,GAAI,UAAU,gBAAgB,CAAC,OAAO,CAAC;oBAczD,GAAG;;CAqEf,CAAC"}
+{"version":3,"file":"useColumnsResizing.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useColumnsResizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAW9C,eAAO,MAAM,kBAAkB,GAAI,UAAU,gBAAgB,CAAC,OAAO,CAAC;oBAgB5D,GAAG;;CAmEZ,CAAC"}

package/dist/components/table/hooks/useColumnsResizing.js

@@ -1,5 +1,5 @@
 import { useRef as o } from "react";
-import { useDraggable as S } from "draggable-ui";
+import { useDraggable as S } from "@layers-app/draggable-ui";
 import { clamp as E, isNil as T } from "lodash-es";
 import { TABLE_ATTRIBUTES as i } from "../constants.js";
 import { columnsMapReselect as g } from "../selectors.js";

package/dist/helpers/isNoAccessError.d.ts

@@ -0,0 +1,2 @@
+export declare const isNoAccessError: (error?: unknown) => boolean;
+//# sourceMappingURL=isNoAccessError.d.ts.map

package/dist/helpers/isNoAccessError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isNoAccessError.d.ts","sourceRoot":"","sources":["../../src/helpers/isNoAccessError.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,GAAI,QAAQ,OAAO,KAAG,OAUjD,CAAC"}

package/dist/helpers/isNoAccessError.js

@@ -0,0 +1,7 @@
+const t = (r) => {
+  const o = r;
+  return o?.status === 403 || o?.originalStatus === 403 || o?.data?.code === "ERR_403" || o?.data?.code === "ERR403" || o?.data?.code === "ERR_UNAUTHORIZED";
+};
+export {
+  t as isNoAccessError
+};

package/dist/helpers/showFeatureFeedback.module.css.js

@@ -1,9 +1,9 @@
-const o = "_root_1rr11_1", r = "_body_1rr11_13", t = {
+const o = "_root_1y0ew_1", t = "_body_1y0ew_7", s = {
   root: o,
-  body: r
+  body: t
 };
 export {
-  r as body,
-  t as default,
+  t as body,
+  s as default,
   o as root
 };

package/dist/helpers/showNotifications.module.css.js

@@ -1,4 +1,4 @@
-const t = "_root_zr3bj_1", o = "_icon_zr3bj_15", c = "_title_zr3bj_49", s = "_description_zr3bj_65", i = "_actions_zr3bj_77", n = {
+const t = "_root_rhb1u_1", o = "_icon_rhb1u_8", c = "_title_rhb1u_25", s = "_description_rhb1u_33", i = "_actions_rhb1u_39", n = {
   root: t,
   icon: o,
   title: c,

package/dist/hooks/useOfficePreviewAvailable.d.ts

@@ -0,0 +1,2 @@
+export declare const useOfficePreviewAvailable: () => boolean;
+//# sourceMappingURL=useOfficePreviewAvailable.d.ts.map

package/dist/hooks/useOfficePreviewAvailable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOfficePreviewAvailable.d.ts","sourceRoot":"","sources":["../../src/hooks/useOfficePreviewAvailable.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,QAAO,OAsB5C,CAAC"}

package/dist/hooks/useOfficePreviewAvailable.js

@@ -0,0 +1,20 @@
+import { useQuery as a } from "@tanstack/react-query";
+import { isOfficeEnabled as s } from "../config/envConfig.js";
+const o = () => {
+  const e = s(), { data: t } = a({
+    queryKey: ["capabilities", "office"],
+    queryFn: async () => {
+      const i = await fetch("/v1/capabilities", {
+        credentials: "include",
+        cache: "no-store"
+      });
+      return i.ok ? { installed: !!(await i.json())?.office?.installed } : { installed: !1 };
+    },
+    staleTime: 3e4,
+    enabled: e
+  });
+  return e && !!t?.installed;
+};
+export {
+  o as useOfficePreviewAvailable
+};