@layers-app/shared 0.2.2 → 0.2.3

package/dist/store/accessOptionsControl.d.ts

@@ -1,7 +1,17 @@
+export declare enum EntityType {
+    None = "none",
+    Page = "page",
+    Form = "form",
+    Flow = "flow",
+    Project = "project",
+    Sprint = "sprint"
+}
 interface AccessOptionsControl {
     opened: boolean;
+    entityId: string | null;
+    entityType: EntityType | null;
 }
 export declare const useAccessOptionsControl: import("zustand").UseBoundStore<import("zustand").StoreApi<AccessOptionsControl>>;
-export declare const toggleAccessOptionsControl: (value: boolean) => void;
+export declare const toggleAccessOptionsControl: (value: boolean, entityId?: string, entityType?: EntityType) => void;
 export {};
 //# sourceMappingURL=accessOptionsControl.d.ts.map

package/dist/store/accessOptionsControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessOptionsControl.d.ts","sourceRoot":"","sources":["../../src/store/accessOptionsControl.ts"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,uBAAuB,mFAEjC,CAAC;AAEJ,eAAO,MAAM,0BAA0B,GAAI,OAAO,OAAO,SAExD,CAAC"}
+{"version":3,"file":"accessOptionsControl.d.ts","sourceRoot":"","sources":["../../src/store/accessOptionsControl.ts"],"names":[],"mappings":"AAEA,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,uBAAuB,mFAIjC,CAAC;AAEJ,eAAO,MAAM,0BAA0B,GACrC,OAAO,OAAO,EACd,WAAW,MAAM,EACjB,aAAa,UAAU,SAOxB,CAAC"}

package/dist/store/accessOptionsControl.js

@@ -1,10 +1,18 @@
-import { create as o } from "zustand";
-const t = o(() => ({
-  opened: !1
-})), n = (e) => {
-  t.setState({ opened: e });
+import { create as r } from "zustand";
+var l = /* @__PURE__ */ ((o) => (o.None = "none", o.Page = "page", o.Form = "form", o.Flow = "flow", o.Project = "project", o.Sprint = "sprint", o))(l || {});
+const s = r(() => ({
+  opened: !1,
+  entityId: null,
+  entityType: null
+})), c = (o, e, n) => {
+  s.setState({
+    opened: o,
+    entityId: o && e ? e : null,
+    entityType: o && n ? n : null
+  });
 };
 export {
-  n as toggleAccessOptionsControl,
-  t as useAccessOptionsControl
+  l as EntityType,
+  c as toggleAccessOptionsControl,
+  s as useAccessOptionsControl
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layers-app/shared",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Shared components, hooks, and utilities for Layers application",
   "files": [
     "dist",

package/dist/components/CommentComposer/useFloatingPosition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/useFloatingPosition.ts"],"names":[],"mappings":"AAEA,UAAU,wBAAwB;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,EACzC,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,KACE,IAAI,CAAC;IACV,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,CAAC;CACH;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,cAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,wBAAwB,QAqR1B"}

package/dist/components/CommentComposer/useFloatingPosition.js

@@ -1,115 +0,0 @@
-import { useRef as T, useCallback as C, useLayoutEffect as k, useEffect as g } from "react";
-function _({
-  boxRef: n,
-  isFloat: s,
-  updateLocation: m,
-  selectionRef: f,
-  selectionState: u
-}) {
-  const w = T(null), E = T(!1), d = T({ placement: "bottom", lockedUntil: 0 }), v = 10 * 30 * 0.7, a = C(() => {
-    if (!n.current) return;
-    const e = n.current, t = e.querySelector(
-      '[class*="editorWrapper"]'
-    ), l = t?.scrollHeight || 0, r = l > v, i = l > 50;
-    s && i ? e.setAttribute("data-multiline", "true") : e.removeAttribute("data-multiline"), r && t ? (t.style.maxHeight = `${v}px`, t.style.overflowY = "auto", t.style.scrollbarWidth = "thin", e.setAttribute("data-editor-constrained", "true")) : t && (t.style.maxHeight = "", t.style.overflowY = "", t.style.scrollbarWidth = "", e.removeAttribute("data-editor-constrained"));
-  }, [n, s, v]), y = C(() => {
-    if (!n.current || !w.current || !s || !E.current)
-      return;
-    const e = n.current, t = w.current, l = e.offsetHeight, r = 36, i = 10, H = window.innerHeight - t.bottom, b = t.top, M = Date.now(), I = M < d.current.lockedUntil;
-    let c, p, A;
-    I ? c = d.current.placement : (H >= l + r ? c = "bottom" : b >= l ? c = "top" : c = "bottom", c !== d.current.placement && (d.current = {
-      placement: c,
-      lockedUntil: M + 500
-    })), c === "bottom" && H < l + r ? p = H - r : c === "top" && b < l && (p = b - r);
-    const x = window.pageYOffset || document.documentElement.scrollTop;
-    if (c === "bottom" ? A = t.bottom + i + x : A = t.top - l - i + x, e.style.top = `${A}px`, a(), p) {
-      e.style.maxHeight = `${p}px`, e.setAttribute("data-constrained", "true"), e.style.display = "flex", e.style.flexDirection = "column", e.style.overflow = "hidden";
-      const o = e.querySelector(
-        '[class*="composerContainer"]'
-      );
-      o && (o.style.display = "flex", o.style.flexDirection = "column", o.style.flex = "1 1 auto", o.style.minHeight = "0", o.style.overflow = "hidden");
-    } else {
-      e.style.maxHeight = "", e.removeAttribute("data-constrained"), e.style.display = "", e.style.flexDirection = "", e.style.overflow = "";
-      const o = e.querySelector(
-        '[class*="composerContainer"]'
-      );
-      o && (o.style.display = "", o.style.flexDirection = "", o.style.flex = "", o.style.minHeight = "", o.style.overflow = "");
-    }
-    e.setAttribute("data-placement", c);
-  }, [s, n, a]), h = C(
-    (e) => {
-      if (e.elements.length > 0) {
-        const t = e.elements[0], l = e.elements[e.elements.length - 1], r = t.getBoundingClientRect(), i = l.getBoundingClientRect();
-        w.current = {
-          top: r.top,
-          bottom: i.bottom,
-          left: Math.min(r.left, i.left),
-          right: Math.max(r.right, i.right),
-          width: Math.max(r.right, i.right) - Math.min(r.left, i.left),
-          height: i.bottom - r.top,
-          x: Math.min(r.left, i.left),
-          y: r.top
-        }, E.current = !0;
-      }
-    },
-    []
-  );
-  k(() => {
-    if (!s || !m) return;
-    m(n.current, f, u), setTimeout(() => {
-      h(u);
-    }, 50);
-    const e = u.container, t = document.body;
-    if (t !== null)
-      return t.appendChild(e), () => {
-        t.removeChild(e);
-      };
-  }, [
-    s,
-    m,
-    u,
-    h,
-    n,
-    f
-  ]), g(() => {
-    a();
-  }, [a]), g(() => {
-    if (!n.current) return;
-    const e = new ResizeObserver(() => {
-      s ? y() : a();
-    });
-    return e.observe(n.current), () => {
-      e.disconnect();
-    };
-  }, [s, y, a, n]), g(() => {
-    if (!s || !m) return;
-    let e;
-    const t = () => {
-      clearTimeout(e), e = setTimeout(() => {
-        E.current = !1, m(n.current, f, u), setTimeout(() => {
-          h(u), y(), d.current.lockedUntil = Date.now() + 500;
-        }, 50);
-      }, 150);
-    };
-    return window.addEventListener("resize", t), () => {
-      clearTimeout(e), window.removeEventListener("resize", t);
-    };
-  }, [
-    s,
-    m,
-    y,
-    u,
-    h,
-    n,
-    f
-  ]), g(() => {
-    const e = document.querySelector("main");
-    if (e)
-      return s ? e.style.overflow = "hidden" : e.style.overflow = "", () => {
-        e.style.overflow = "";
-      };
-  }, [s]);
-}
-export {
-  _ as useFloatingPosition
-};