@servicetitan/anvil2 0.7.0 → 0.8.0

package/Overflow.js

@@ -1,28 +1,27 @@
 import "./index2.css";
-import { j as I } from "./jsx-runtime-944c88e2.js";
+import { j as P } from "./jsx-runtime-944c88e2.js";
 import { f as e } from "./jsx-runtime-944c88e2-e73fa629.js";
-import { forwardRef as b, useState as H, useRef as F, useEffect as G } from "react";
-import "./index-11e70fb8-1d736146.js";
-import { L as E } from "./index-4e32870a.js";
-import { y as P } from "./layoutPropsUtil-4ba98964-b3aa4269.js";
-import { M as $ } from "./Flex-91d902ab.js";
-const J = "_overflow_1pzgn_2", M = "_expanded_1pzgn_2", q = "_content_1pzgn_60", A = "_horizontal_1pzgn_101", t = {
+import { forwardRef as b, useState as E, useRef as F, useEffect as G } from "react";
+import { W as R } from "./index-34a59514-87e04c7f.js";
+import { q as H } from "./index-b6ca5fc4.js";
+import { q as L } from "./Flex-f1146ad5.js";
+const J = "_overflow_ngn39_2", Z = "_expanded_ngn39_2", $ = "_content_ngn39_61", A = "_horizontal_ngn39_102", t = {
   overflow: J,
-  expanded: M,
-  "shadow-top": "_shadow-top_1pzgn_2",
-  "shadow-right": "_shadow-right_1pzgn_6",
-  "shadow-bottom": "_shadow-bottom_1pzgn_10",
-  "shadow-left": "_shadow-left_1pzgn_14",
-  "overflow-text": "_overflow-text_1pzgn_21",
-  "expand-button": "_expand-button_1pzgn_34",
-  content: q,
+  expanded: Z,
+  "shadow-top": "_shadow-top_ngn39_2",
+  "shadow-right": "_shadow-right_ngn39_6",
+  "shadow-bottom": "_shadow-bottom_ngn39_10",
+  "shadow-left": "_shadow-left_ngn39_14",
+  "overflow-text": "_overflow-text_ngn39_21",
+  "expand-button": "_expand-button_ngn39_34",
+  content: $,
   horizontal: A
-}, O = b(
+}, W = b(
   (a, c) => {
-    const { row: u = 1, ...j } = a, { layoutStyles: w, componentProps: L } = P(j), [l, g] = H(!1), { className: N, style: C, children: s, ...p } = L, m = {
+    const { row: u = 1, ...j } = a, { layoutStyles: w, componentProps: z } = R(j), [s, g] = E(!1), { className: N, style: C, children: n, ...m } = z, p = {
       ...w,
       ...C,
-      "--overflow-text-row": l ? "initial" : u
+      "--overflow-text-row": s ? "initial" : u
     };
     if ("expandable" in a && a.expandable === !0) {
       const {
@@ -32,17 +31,17 @@ const J = "_overflow_1pzgn_2", M = "_expanded_1pzgn_2", q = "_content_1pzgn_60",
         onExpand: f,
         onCollapse: h,
         ..._
-      } = p, z = y ?? "Show more...", S = r ?? "Show less...", o = (d) => {
-        if (g((x) => !x), l) {
+      } = m, T = y ?? "Show more...", S = r ?? "Show less...", o = (d) => {
+        if (g((x) => !x), s) {
           h == null || h(d);
           return;
         }
         f == null || f(d);
-      }, i = E(
+      }, i = H(
         [t["overflow-text"]],
         [t.expandable],
         {
-          [t.expanded]: l
+          [t.expanded]: s
         }
       );
       return /* @__PURE__ */ e.jsxs(
@@ -50,81 +49,81 @@ const J = "_overflow_1pzgn_2", M = "_expanded_1pzgn_2", q = "_content_1pzgn_60",
         {
           ref: c,
           className: i,
-          style: m,
+          style: p,
           ..._,
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: t.content, children: s }),
+            /* @__PURE__ */ e.jsx("div", { className: t.content, children: n }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: t["expand-button"],
                 onClick: o,
                 "aria-hidden": !0,
-                children: l ? S : z
+                children: s ? S : T
               }
             )
           ]
         }
       );
     }
-    const n = E([t["overflow-text"]]);
+    const l = H([t["overflow-text"]]);
     return /* @__PURE__ */ e.jsx(
       "div",
       {
         ref: c,
-        className: n,
-        style: m,
-        ...p,
-        children: /* @__PURE__ */ e.jsx("div", { className: t.content, children: s })
+        className: l,
+        style: p,
+        ...m,
+        children: /* @__PURE__ */ e.jsx("div", { className: t.content, children: n })
       }
     );
   }
 );
-O.displayName = "OverflowText";
+W.displayName = "OverflowText";
 const B = b(
   (a, c) => {
-    const { layoutStyles: u, componentProps: j } = P(a), {
+    const { layoutStyles: u, componentProps: j } = R(a), {
       children: w,
-      className: L,
-      direction: l = "column",
+      className: z,
+      direction: s = "column",
       style: g,
       height: N,
       width: C,
-      truncate: s,
-      gap: p,
-      ...m
-    } = j, n = F(null), [v, y] = H(!1), [r, f] = H({
+      truncate: n,
+      gap: m,
+      ...p
+    } = j, l = F(null), [v, y] = E(!1), [r, f] = E({
       left: !1,
       right: !1,
       top: !1,
       bottom: !1
     });
     G(() => {
-      if (!n.current)
+      if (!l.current)
         return;
-      if (l === "row") {
-        const i = n.current.offsetWidth < n.current.scrollWidth;
+      if (s === "row") {
+        const i = l.current.offsetWidth < l.current.scrollWidth;
         f((d) => ({
           ...d,
           right: i
         }));
         return;
       }
-      const o = n.current.offsetHeight < n.current.scrollHeight;
+      const o = l.current.offsetHeight < l.current.scrollHeight;
       f((i) => ({
         ...i,
         bottom: o
       }));
-    }, [l]);
+    }, [s]);
     const h = () => {
-      if (!n.current)
+      if (!l.current)
         return;
-      const o = n.current;
-      if (l === "row") {
-        const x = o.scrollLeft > 0, T = o.scrollLeft < o.scrollWidth - o.offsetWidth;
+      const o = l.current;
+      if (s === "row") {
+        const x = o.scrollLeft > 0, O = o.scrollLeft < o.scrollWidth - o.offsetWidth;
         f({
           left: x,
-          right: T,
+          right: O,
           top: !1,
           bottom: !1
         });
@@ -137,27 +136,27 @@ const B = b(
         left: !1,
         right: !1
       });
-    }, _ = E([t.overflow], {
-      [t.vertical]: l === "column",
-      [t.horizontal]: l === "row",
+    }, _ = H([t.overflow], {
+      [t.vertical]: s === "column",
+      [t.horizontal]: s === "row",
       [t.expanded]: v
     });
-    if (s) {
+    if (n) {
       const o = {
         ...u,
         ...g
       }, i = {
         minHeight: N ?? void 0
-      }, d = typeof s == "object" ? s.expandText : "Show more...", x = typeof s == "object" ? s.collapseText : "Show less...", T = (R) => {
-        var W, k;
+      }, d = typeof n == "object" ? n.expandText : "Show more...", x = typeof n == "object" ? n.collapseText : "Show less...", O = (k) => {
+        var q, I;
         if (y((D) => !D), setTimeout(() => {
           h();
-        }, 100), typeof s == "object") {
+        }, 100), typeof n == "object") {
           if (v) {
-            (W = s.onCollapse) == null || W.call(s, R);
+            (q = n.onCollapse) == null || q.call(n, k);
             return;
           }
-          (k = s.onExpand) == null || k.call(s, R);
+          (I = n.onExpand) == null || I.call(n, k);
         }
       };
       return /* @__PURE__ */ e.jsxs(
@@ -166,19 +165,19 @@ const B = b(
           ref: c,
           style: o,
           className: _,
-          ...m,
+          ...p,
           children: [
             r.top ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-top"] }) : null,
             r.left ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-left"] }) : null,
             /* @__PURE__ */ e.jsx(
-              $,
+              L,
               {
                 className: t.content,
                 onScroll: h,
                 style: i,
-                ref: n,
-                direction: l,
-                gap: p,
+                ref: l,
+                direction: s,
+                gap: m,
                 tabIndex: 0,
                 children: w
               }
@@ -189,7 +188,7 @@ const B = b(
               "button",
               {
                 className: t["expand-button"],
-                onClick: T,
+                onClick: O,
                 children: v ? x : d
               }
             )
@@ -197,7 +196,7 @@ const B = b(
         }
       );
     }
-    const z = {
+    const T = {
       ...u,
       ...g
     }, S = {
@@ -207,21 +206,21 @@ const B = b(
       "div",
       {
         ref: c,
-        style: z,
+        style: T,
         className: _,
-        ...m,
+        ...p,
         children: [
           r.left ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-left"] }) : null,
           r.top ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-top"] }) : null,
           /* @__PURE__ */ e.jsx(
-            $,
+            L,
             {
               className: t.content,
               onScroll: h,
-              ref: n,
+              ref: l,
               style: S,
-              direction: l,
-              gap: p,
+              direction: s,
+              gap: m,
               tabIndex: 0,
               children: w
             }
@@ -235,17 +234,17 @@ const B = b(
 );
 B.displayName = "Overflow";
 const K = Object.assign(B, {
-  Text: O
-}), Q = b(
-  (a, c) => /* @__PURE__ */ I.jsx(K, { ref: c, ...a })
-), U = b(
-  (a, c) => /* @__PURE__ */ I.jsx(O, { ref: c, ...a })
-), lt = Object.assign(Q, {
-  Text: U
+  Text: W
+}), M = b(
+  (a, c) => /* @__PURE__ */ P.jsx(K, { ref: c, ...a })
+), Q = b(
+  (a, c) => /* @__PURE__ */ P.jsx(W, { ref: c, ...a })
+), nt = Object.assign(M, {
+  Text: Q
 });
 export {
-  lt as Overflow,
-  U as OverflowText,
-  lt as default
+  nt as Overflow,
+  Q as OverflowText,
+  nt as default
 };
 //# sourceMappingURL=Overflow.js.map

package/Overflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overflow.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Overflow.js","../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import \"./index.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as W, useState as T, useRef as q, useEffect as A } from \"react\";\nimport \"./index-11e70fb8.js\";\nimport C from \"classnames\";\nimport { l as I } from \"./layoutPropsUtil-4ba98964.js\";\nimport { Flex as P } from \"./Flex.js\";\nconst B = \"_overflow_1pzgn_2\", D = \"_expanded_1pzgn_2\", G = \"_content_1pzgn_60\", J = \"_horizontal_1pzgn_101\", t = {\n  overflow: B,\n  expanded: D,\n  \"shadow-top\": \"_shadow-top_1pzgn_2\",\n  \"shadow-right\": \"_shadow-right_1pzgn_6\",\n  \"shadow-bottom\": \"_shadow-bottom_1pzgn_10\",\n  \"shadow-left\": \"_shadow-left_1pzgn_14\",\n  \"overflow-text\": \"_overflow-text_1pzgn_21\",\n  \"expand-button\": \"_expand-button_1pzgn_34\",\n  content: G,\n  horizontal: J\n}, L = W(\n  (p, f) => {\n    const { row: w = 1, ...b } = p, { layoutStyles: u, componentProps: H } = I(b), [n, g] = T(!1), { className: N, style: E, children: o, ...x } = H, h = {\n      ...u,\n      ...E,\n      \"--overflow-text-row\": n ? \"initial\" : w\n    };\n    if (\"expandable\" in p && p.expandable === !0) {\n      const {\n        expandable: v,\n        expandText: j,\n        collapseText: a,\n        onExpand: c,\n        onCollapse: i,\n        ..._\n      } = x, y = j ?? \"Show more...\", S = a ?? \"Show less...\", s = (d) => {\n        if (g((m) => !m), n) {\n          i == null || i(d);\n          return;\n        }\n        c == null || c(d);\n      }, r = C(\n        [t[\"overflow-text\"]],\n        [t.expandable],\n        {\n          [t.expanded]: n\n        }\n      );\n      return /* @__PURE__ */ e.jsxs(\n        \"div\",\n        {\n          ref: f,\n          className: r,\n          style: h,\n          ..._,\n          children: [\n            /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o }),\n            /* @__PURE__ */ e.jsx(\n              \"button\",\n              {\n                className: t[\"expand-button\"],\n                onClick: s,\n                \"aria-hidden\": !0,\n                children: n ? S : y\n              }\n            )\n          ]\n        }\n      );\n    }\n    const l = C([t[\"overflow-text\"]]);\n    return /* @__PURE__ */ e.jsx(\n      \"div\",\n      {\n        ref: f,\n        className: l,\n        style: h,\n        ...x,\n        children: /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o })\n      }\n    );\n  }\n);\nL.displayName = \"OverflowText\";\nconst F = W(\n  (p, f) => {\n    const { layoutStyles: w, componentProps: b } = I(p), {\n      children: u,\n      className: H,\n      direction: n = \"column\",\n      style: g,\n      height: N,\n      width: E,\n      truncate: o,\n      gap: x,\n      ...h\n    } = b, l = q(null), [v, j] = T(!1), [a, c] = T({\n      left: !1,\n      right: !1,\n      top: !1,\n      bottom: !1\n    });\n    A(() => {\n      if (!l.current)\n        return;\n      if (n === \"row\") {\n        const r = l.current.offsetWidth < l.current.scrollWidth;\n        c((d) => ({\n          ...d,\n          right: r\n        }));\n        return;\n      }\n      const s = l.current.offsetHeight < l.current.scrollHeight;\n      c((r) => ({\n        ...r,\n        bottom: s\n      }));\n    }, [n]);\n    const i = () => {\n      if (!l.current)\n        return;\n      const s = l.current;\n      if (n === \"row\") {\n        const m = s.scrollLeft > 0, z = s.scrollLeft < s.scrollWidth - s.offsetWidth;\n        c({\n          left: m,\n          right: z,\n          top: !1,\n          bottom: !1\n        });\n        return;\n      }\n      const r = s.scrollTop > 0, d = s.scrollTop < s.scrollHeight - s.offsetHeight;\n      c({\n        top: r,\n        bottom: d,\n        left: !1,\n        right: !1\n      });\n    }, _ = C([t.overflow], {\n      [t.vertical]: n === \"column\",\n      [t.horizontal]: n === \"row\",\n      [t.expanded]: v\n    });\n    if (o) {\n      const s = {\n        ...w,\n        ...g\n      }, r = {\n        minHeight: N ?? void 0\n      }, d = typeof o == \"object\" ? o.expandText : \"Show more...\", m = typeof o == \"object\" ? o.collapseText : \"Show less...\", z = (O) => {\n        var R, k;\n        if (j((U) => !U), setTimeout(() => {\n          i();\n        }, 100), typeof o == \"object\") {\n          if (v) {\n            (R = o.onCollapse) == null || R.call(o, O);\n            return;\n          }\n          (k = o.onExpand) == null || k.call(o, O);\n        }\n      };\n      return /* @__PURE__ */ e.jsxs(\n        \"div\",\n        {\n          ref: f,\n          style: s,\n          className: _,\n          ...h,\n          children: [\n            a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n            a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n            /* @__PURE__ */ e.jsx(\n              P,\n              {\n                className: t.content,\n                onScroll: i,\n                style: r,\n                ref: l,\n                direction: n,\n                gap: x,\n                tabIndex: 0,\n                children: u\n              }\n            ),\n            a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n            a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null,\n            /* @__PURE__ */ e.jsx(\n              \"button\",\n              {\n                className: t[\"expand-button\"],\n                onClick: z,\n                children: v ? m : d\n              }\n            )\n          ]\n        }\n      );\n    }\n    const y = {\n      ...w,\n      ...g\n    }, S = {\n      minHeight: N ?? void 0\n    };\n    return /* @__PURE__ */ e.jsxs(\n      \"div\",\n      {\n        ref: f,\n        style: y,\n        className: _,\n        ...h,\n        children: [\n          a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n          a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n          /* @__PURE__ */ e.jsx(\n            P,\n            {\n              className: t.content,\n              onScroll: i,\n              ref: l,\n              style: S,\n              direction: n,\n              gap: x,\n              tabIndex: 0,\n              children: u\n            }\n          ),\n          a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n          a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null\n        ]\n      }\n    );\n  }\n);\nF.displayName = \"Overflow\";\nconst $ = Object.assign(F, {\n  Text: L\n});\nexport {\n  $ as Overflow,\n  L as OverflowText\n};\n//# sourceMappingURL=Overflow.js.map\n","import {\n  OverflowProps as CoreOverflowProps,\n  Overflow as CoreOverflow,\n  OverflowText as CoreOverflowText,\n  OverflowTextProps as CoreOverflowTextProps,\n} from \"@servicetitan/hammer-react/dist/Overflow\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type OverflowProps = CoreOverflowProps;\nexport type OverflowTextProps = CoreOverflowTextProps;\n\nconst OverflowElement = forwardRef(\n  (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreOverflow ref={ref} {...props} />;\n  }\n);\nexport const OverflowText = forwardRef(\n  (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreOverflowText ref={ref} {...props} />;\n  }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n"],"names":["B","D","G","J","L","forwardRef","p","f","w","b","u","H","y","n","useState","E","o","x","h","j","a","c","i","s","m","r","L$1","fr","l","F","useRef","useEffect","z","O","R","U","M","y$1","$","OverflowElement","props","ref","jsxRuntimeExports","OverflowText","Overflow"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Overflow.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Overflow.js","../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import \"./index.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as W, useState as C, useRef as q, useEffect as A } from \"react\";\nimport { u as L } from \"./index-34a59514.js\";\nimport H from \"classnames\";\nimport { Flex as P } from \"./Flex.js\";\nconst B = \"_overflow_ngn39_2\", D = \"_expanded_ngn39_2\", G = \"_content_ngn39_61\", J = \"_horizontal_ngn39_102\", t = {\n  overflow: B,\n  expanded: D,\n  \"shadow-top\": \"_shadow-top_ngn39_2\",\n  \"shadow-right\": \"_shadow-right_ngn39_6\",\n  \"shadow-bottom\": \"_shadow-bottom_ngn39_10\",\n  \"shadow-left\": \"_shadow-left_ngn39_14\",\n  \"overflow-text\": \"_overflow-text_ngn39_21\",\n  \"expand-button\": \"_expand-button_ngn39_34\",\n  content: G,\n  horizontal: J\n}, I = W(\n  (f, x) => {\n    const { row: w = 1, ...b } = f, { layoutStyles: u, componentProps: E } = L(b), [n, g] = C(!1), { className: N, style: O, children: o, ...h } = E, p = {\n      ...u,\n      ...O,\n      \"--overflow-text-row\": n ? \"initial\" : w\n    };\n    if (\"expandable\" in f && f.expandable === !0) {\n      const {\n        expandable: v,\n        expandText: j,\n        collapseText: a,\n        onExpand: c,\n        onCollapse: i,\n        ..._\n      } = h, y = j ?? \"Show more...\", S = a ?? \"Show less...\", s = (d) => {\n        if (g((m) => !m), n) {\n          i == null || i(d);\n          return;\n        }\n        c == null || c(d);\n      }, r = H(\n        [t[\"overflow-text\"]],\n        [t.expandable],\n        {\n          [t.expanded]: n\n        }\n      );\n      return /* @__PURE__ */ e.jsxs(\n        \"div\",\n        {\n          ref: x,\n          className: r,\n          style: p,\n          ..._,\n          children: [\n            /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o }),\n            /* @__PURE__ */ e.jsx(\n              \"button\",\n              {\n                className: t[\"expand-button\"],\n                onClick: s,\n                \"aria-hidden\": !0,\n                children: n ? S : y\n              }\n            )\n          ]\n        }\n      );\n    }\n    const l = H([t[\"overflow-text\"]]);\n    return /* @__PURE__ */ e.jsx(\n      \"div\",\n      {\n        ref: x,\n        className: l,\n        style: p,\n        ...h,\n        children: /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o })\n      }\n    );\n  }\n);\nI.displayName = \"OverflowText\";\nconst F = W(\n  (f, x) => {\n    const { layoutStyles: w, componentProps: b } = L(f), {\n      children: u,\n      className: E,\n      direction: n = \"column\",\n      style: g,\n      height: N,\n      width: O,\n      truncate: o,\n      gap: h,\n      ...p\n    } = b, l = q(null), [v, j] = C(!1), [a, c] = C({\n      left: !1,\n      right: !1,\n      top: !1,\n      bottom: !1\n    });\n    A(() => {\n      if (!l.current)\n        return;\n      if (n === \"row\") {\n        const r = l.current.offsetWidth < l.current.scrollWidth;\n        c((d) => ({\n          ...d,\n          right: r\n        }));\n        return;\n      }\n      const s = l.current.offsetHeight < l.current.scrollHeight;\n      c((r) => ({\n        ...r,\n        bottom: s\n      }));\n    }, [n]);\n    const i = () => {\n      if (!l.current)\n        return;\n      const s = l.current;\n      if (n === \"row\") {\n        const m = s.scrollLeft > 0, T = s.scrollLeft < s.scrollWidth - s.offsetWidth;\n        c({\n          left: m,\n          right: T,\n          top: !1,\n          bottom: !1\n        });\n        return;\n      }\n      const r = s.scrollTop > 0, d = s.scrollTop < s.scrollHeight - s.offsetHeight;\n      c({\n        top: r,\n        bottom: d,\n        left: !1,\n        right: !1\n      });\n    }, _ = H([t.overflow], {\n      [t.vertical]: n === \"column\",\n      [t.horizontal]: n === \"row\",\n      [t.expanded]: v\n    });\n    if (o) {\n      const s = {\n        ...w,\n        ...g\n      }, r = {\n        minHeight: N ?? void 0\n      }, d = typeof o == \"object\" ? o.expandText : \"Show more...\", m = typeof o == \"object\" ? o.collapseText : \"Show less...\", T = (R) => {\n        var k, z;\n        if (j((U) => !U), setTimeout(() => {\n          i();\n        }, 100), typeof o == \"object\") {\n          if (v) {\n            (k = o.onCollapse) == null || k.call(o, R);\n            return;\n          }\n          (z = o.onExpand) == null || z.call(o, R);\n        }\n      };\n      return /* @__PURE__ */ e.jsxs(\n        \"div\",\n        {\n          ref: x,\n          style: s,\n          className: _,\n          ...p,\n          children: [\n            a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n            a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n            /* @__PURE__ */ e.jsx(\n              P,\n              {\n                className: t.content,\n                onScroll: i,\n                style: r,\n                ref: l,\n                direction: n,\n                gap: h,\n                tabIndex: 0,\n                children: u\n              }\n            ),\n            a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n            a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null,\n            /* @__PURE__ */ e.jsx(\n              \"button\",\n              {\n                className: t[\"expand-button\"],\n                onClick: T,\n                children: v ? m : d\n              }\n            )\n          ]\n        }\n      );\n    }\n    const y = {\n      ...w,\n      ...g\n    }, S = {\n      minHeight: N ?? void 0\n    };\n    return /* @__PURE__ */ e.jsxs(\n      \"div\",\n      {\n        ref: x,\n        style: y,\n        className: _,\n        ...p,\n        children: [\n          a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n          a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n          /* @__PURE__ */ e.jsx(\n            P,\n            {\n              className: t.content,\n              onScroll: i,\n              ref: l,\n              style: S,\n              direction: n,\n              gap: h,\n              tabIndex: 0,\n              children: u\n            }\n          ),\n          a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n          a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null\n        ]\n      }\n    );\n  }\n);\nF.displayName = \"Overflow\";\nconst Z = Object.assign(F, {\n  Text: I\n});\nexport {\n  Z as Overflow,\n  I as OverflowText\n};\n//# sourceMappingURL=Overflow.js.map\n","import {\n  OverflowProps as CoreOverflowProps,\n  Overflow as CoreOverflow,\n  OverflowText as CoreOverflowText,\n  OverflowTextProps as CoreOverflowTextProps,\n} from \"@servicetitan/hammer-react/dist/Overflow\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type OverflowProps = CoreOverflowProps;\nexport type OverflowTextProps = CoreOverflowTextProps;\n\nconst OverflowElement = forwardRef(\n  (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreOverflow ref={ref} {...props} />;\n  }\n);\nexport const OverflowText = forwardRef(\n  (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreOverflowText ref={ref} {...props} />;\n  }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n"],"names":["B","D","G","J","I","forwardRef","f","x","w","b","u","E","W","n","useState","O","o","h","j","a","c","i","y","s","m","r","q","fr","F","useRef","useEffect","T","R","k","z","U","q$1","Z","OverflowElement","props","ref","jsxRuntimeExports","OverflowText","Overflow"],"mappings":"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","x_google_ignoreList":[0]}

package/Page.cjs

@@ -1,2 +1,2 @@
-var J=require("./index3.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("react"),x=require("./index-3540395e.cjs"),w=require("./Button.cjs"),E=require("./useSize.cjs"),j=require("./Tooltip.cjs");function S(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const p=S(i),P="_page_13yjs_5",N="_sidebar_13yjs_23",C="_collapsed_13yjs_23",O="_panel_13yjs_23",L="_open_13yjs_23",q="_small_13yjs_23",M="_medium_13yjs_26",T="_large_13yjs_29",B="_content_13yjs_126",k="_noPadding_13yjs_152",r={page:P,sidebar:N,collapsed:C,panel:O,open:L,small:q,medium:M,large:T,"panel-inner":"_panel-inner_13yjs_32","sidebar-inner":"_sidebar-inner_13yjs_58","toggle-button-wrapper":"_toggle-button-wrapper_13yjs_83","toggle-button-tooltip":"_toggle-button-tooltip_13yjs_91","toggle-button":"_toggle-button_13yjs_83","sidebar-header":"_sidebar-header_13yjs_111","header-content":"_header-content_13yjs_122",content:B,"content-inner":"_content-inner_13yjs_130",noPadding:k,"virtual-scroll-container":"_virtual-scroll-container_13yjs_173"};function z(...e){return p.useCallback(a=>{for(let n=0;n<e.length;n++){const t=e[n];typeof t=="function"?t(a):t&&typeof t=="object"&&(t.current=a)}},e)}const I=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},p.createElement("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"})),H=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},p.createElement("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"})),D=i.forwardRef((e,a)=>{const{children:n,...t}=e;return s.jsxRuntimeExports.jsx("div",{className:r.page,ref:a,...t,children:n})}),h=i.createContext(null),b=i.forwardRef((e,a)=>{const{children:n,className:t,localStorageKey:d="sidebar-collapsd",...c}=e,[l,g]=i.useState(()=>{const u=localStorage.getItem(d);return u?JSON.parse(u):!1}),o=x.L([r.sidebar],t,{[r.collapsed]:l}),m=()=>{g(u=>(localStorage.setItem(d,JSON.stringify(!u)),!u))};return s.jsxRuntimeExports.jsx(h.Provider,{value:{collapsed:l},children:s.jsxRuntimeExports.jsxs("div",{className:o,ref:a,...c,children:[s.jsxRuntimeExports.jsx("div",{className:r["sidebar-inner"],"aria-hidden":l,children:s.jsxRuntimeExports.jsx("div",{tabIndex:0,children:n})}),s.jsxRuntimeExports.jsx("div",{className:r["toggle-button-wrapper"],children:s.jsxRuntimeExports.jsxs(j.default,{placement:"right",children:[s.jsxRuntimeExports.jsx(j.default.Trigger,{className:r["toggle-button-tooltip"],children:s.jsxRuntimeExports.jsx(w.default,{size:"small",onClick:m,className:r["toggle-button"],"aria-label":l?"Open Sidebar":"Close Sidebar",icon:l?I:H})}),s.jsxRuntimeExports.jsx(j.default.Content,{children:l?"Open Sidebar":"Close Sidebar"})]})})]})})}),f=i.forwardRef((e,a)=>{const{children:n,className:t,...d}=e,c=i.useContext(h),l=x.L([r["sidebar-header"]],t);return s.jsxRuntimeExports.jsx("div",{className:l,ref:a,...d,children:s.jsxRuntimeExports.jsx("div",{className:r["header-content"],"aria-hidden":c==null?void 0:c.collapsed,children:n})})}),v=i.forwardRef((e,a)=>{const{children:n,className:t,...d}=e,c=x.L([r.content],t),l=i.useRef(null),g=i.useRef(null),o=E.useSize(l);return i.useEffect(()=>{function m(){var _;const u=window.scrollY;(_=g.current)==null||_.scrollTo(0,u??0)}return window.addEventListener("scroll",m,{passive:!0}),()=>{window.removeEventListener("scroll",m)}},[]),s.jsxRuntimeExports.jsxs("main",{className:c,ref:z(l,a),...d,children:[s.jsxRuntimeExports.jsx("div",{className:r["content-inner"],children:n}),s.jsxRuntimeExports.jsx("div",{className:r["virtual-scroll-container"],ref:g,style:{left:o&&(o==null?void 0:o.left)+(o==null?void 0:o.width)},children:s.jsxRuntimeExports.jsx("div",{style:{width:1,height:o?o.height+o.y*2:0}})})]})}),R=i.forwardRef((e,a)=>{const{children:n,open:t,size:d="medium",noPadding:c,style:l,className:g,...o}=e,m=x.L([r.panel],[r[d]],g,{[r.open]:t,[r.noPadding]:c});return s.jsxRuntimeExports.jsx("aside",{className:m,"aria-hidden":!t,"aria-disabled":!t,ref:a,...o,children:s.jsxRuntimeExports.jsx("div",{className:r["panel-inner"],tabIndex:t?0:-1,style:l,children:s.jsxRuntimeExports.jsx("div",{children:n})})})}),y=Object.assign(D,{Sidebar:b,SidebarHeader:f,Content:v,Panel:R});exports.Page=y;exports.PageContent=v;exports.PagePanel=R;exports.PageSidebar=b;exports.PageSidebarHeader=f;exports.default=y;
+var J=require("./index3.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("react"),x=require("./index-5af41bd1.cjs"),w=require("./Button.cjs"),E=require("./useSize.cjs"),j=require("./Tooltip.cjs");function S(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const p=S(i),P="_page_13yjs_5",N="_sidebar_13yjs_23",C="_collapsed_13yjs_23",O="_panel_13yjs_23",q="_open_13yjs_23",M="_small_13yjs_23",T="_medium_13yjs_26",B="_large_13yjs_29",L="_content_13yjs_126",k="_noPadding_13yjs_152",r={page:P,sidebar:N,collapsed:C,panel:O,open:q,small:M,medium:T,large:B,"panel-inner":"_panel-inner_13yjs_32","sidebar-inner":"_sidebar-inner_13yjs_58","toggle-button-wrapper":"_toggle-button-wrapper_13yjs_83","toggle-button-tooltip":"_toggle-button-tooltip_13yjs_91","toggle-button":"_toggle-button_13yjs_83","sidebar-header":"_sidebar-header_13yjs_111","header-content":"_header-content_13yjs_122",content:L,"content-inner":"_content-inner_13yjs_130",noPadding:k,"virtual-scroll-container":"_virtual-scroll-container_13yjs_173"};function z(...e){return p.useCallback(a=>{for(let n=0;n<e.length;n++){const t=e[n];typeof t=="function"?t(a):t&&typeof t=="object"&&(t.current=a)}},e)}const I=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},p.createElement("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"})),H=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},p.createElement("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"})),D=i.forwardRef((e,a)=>{const{children:n,...t}=e;return s.jsxRuntimeExports.jsx("div",{className:r.page,ref:a,...t,children:n})}),h=i.createContext(null),b=i.forwardRef((e,a)=>{const{children:n,className:t,localStorageKey:d="sidebar-collapsd",...c}=e,[l,g]=i.useState(()=>{const u=localStorage.getItem(d);return u?JSON.parse(u):!1}),o=x.q([r.sidebar],t,{[r.collapsed]:l}),m=()=>{g(u=>(localStorage.setItem(d,JSON.stringify(!u)),!u))};return s.jsxRuntimeExports.jsx(h.Provider,{value:{collapsed:l},children:s.jsxRuntimeExports.jsxs("div",{className:o,ref:a,...c,children:[s.jsxRuntimeExports.jsx("div",{className:r["sidebar-inner"],"aria-hidden":l,children:s.jsxRuntimeExports.jsx("div",{tabIndex:0,children:n})}),s.jsxRuntimeExports.jsx("div",{className:r["toggle-button-wrapper"],children:s.jsxRuntimeExports.jsxs(j.default,{placement:"right",children:[s.jsxRuntimeExports.jsx(j.default.Trigger,{className:r["toggle-button-tooltip"],children:s.jsxRuntimeExports.jsx(w.default,{size:"small",onClick:m,className:r["toggle-button"],"aria-label":l?"Open Sidebar":"Close Sidebar",icon:l?I:H})}),s.jsxRuntimeExports.jsx(j.default.Content,{children:l?"Open Sidebar":"Close Sidebar"})]})})]})})}),f=i.forwardRef((e,a)=>{const{children:n,className:t,...d}=e,c=i.useContext(h),l=x.q([r["sidebar-header"]],t);return s.jsxRuntimeExports.jsx("div",{className:l,ref:a,...d,children:s.jsxRuntimeExports.jsx("div",{className:r["header-content"],"aria-hidden":c==null?void 0:c.collapsed,children:n})})}),v=i.forwardRef((e,a)=>{const{children:n,className:t,...d}=e,c=x.q([r.content],t),l=i.useRef(null),g=i.useRef(null),o=E.useSize(l);return i.useEffect(()=>{function m(){var _;const u=window.scrollY;(_=g.current)==null||_.scrollTo(0,u??0)}return window.addEventListener("scroll",m,{passive:!0}),()=>{window.removeEventListener("scroll",m)}},[]),s.jsxRuntimeExports.jsxs("main",{className:c,ref:z(l,a),...d,children:[s.jsxRuntimeExports.jsx("div",{className:r["content-inner"],children:n}),s.jsxRuntimeExports.jsx("div",{className:r["virtual-scroll-container"],ref:g,style:{left:o&&(o==null?void 0:o.left)+(o==null?void 0:o.width)},children:s.jsxRuntimeExports.jsx("div",{style:{width:1,height:o?o.height+o.y*2:0}})})]})}),R=i.forwardRef((e,a)=>{const{children:n,open:t,size:d="medium",noPadding:c,style:l,className:g,...o}=e,m=x.q([r.panel],[r[d]],g,{[r.open]:t,[r.noPadding]:c});return s.jsxRuntimeExports.jsx("aside",{className:m,"aria-hidden":!t,"aria-disabled":!t,ref:a,...o,children:s.jsxRuntimeExports.jsx("div",{className:r["panel-inner"],tabIndex:t?0:-1,style:l,children:s.jsxRuntimeExports.jsx("div",{children:n})})})}),y=Object.assign(D,{Sidebar:b,SidebarHeader:f,Content:v,Panel:R});exports.Page=y;exports.PageContent=v;exports.PagePanel=R;exports.PageSidebar=b;exports.PageSidebarHeader=f;exports.default=y;
 //# sourceMappingURL=Page.cjs.map

package/Page.d.ts

@@ -1,3 +1,52 @@
-export * from './components/Page/index'
-import _default from './components/Page/index'
-export default _default
+import { ComponentPropsWithoutRef } from 'react';
+import { DetailedHTMLProps } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { RefAttributes } from 'react';
+
+declare const Page: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>> & {
+    Sidebar: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        localStorageKey?: string | undefined;
+    } & RefAttributes<HTMLDivElement>>;
+    SidebarHeader: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+    Content: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & RefAttributes<HTMLAreaElement>>;
+    Panel: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+        open?: boolean | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        noPadding?: boolean | undefined;
+    } & RefAttributes<HTMLAreaElement>>;
+};
+export { Page }
+export default Page;
+
+export declare const PageContent: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & RefAttributes<HTMLAreaElement>>;
+
+export declare type PageContentProps = ComponentPropsWithoutRef<"main">;
+
+export declare const PagePanel: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    open?: boolean | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    noPadding?: boolean | undefined;
+} & RefAttributes<HTMLAreaElement>>;
+
+export declare type PagePanelProps = ComponentPropsWithoutRef<"aside"> & {
+    open?: boolean;
+    size?: "small" | "medium" | "large";
+    noPadding?: boolean;
+};
+
+export declare type PageProps = ComponentPropsWithoutRef<"div">;
+
+export declare const PageSidebar: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    localStorageKey?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;
+
+export declare const PageSidebarHeader: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+
+export declare type PageSidebarHeaderProps = ComponentPropsWithoutRef<"div">;
+
+export declare type PageSidebarProps = ComponentPropsWithoutRef<"div"> & {
+    localStorageKey?: string;
+};
+
+export { }

package/Page.js

@@ -2,17 +2,17 @@ import "./index3.css";
 import { j as e } from "./jsx-runtime-944c88e2.js";
 import * as _ from "react";
 import { forwardRef as p, createContext as f, useState as x, useContext as y, useRef as b, useEffect as w } from "react";
-import { L as u } from "./index-4e32870a.js";
+import { q as u } from "./index-b6ca5fc4.js";
 import N from "./Button.js";
 import { useSize as S } from "./useSize.js";
 import h from "./Tooltip.js";
-const P = "_page_13yjs_5", C = "_sidebar_13yjs_23", E = "_collapsed_13yjs_23", R = "_panel_13yjs_23", L = "_open_13yjs_23", B = "_small_13yjs_23", O = "_medium_13yjs_26", I = "_large_13yjs_29", T = "_content_13yjs_126", k = "_noPadding_13yjs_152", n = {
+const P = "_page_13yjs_5", C = "_sidebar_13yjs_23", E = "_collapsed_13yjs_23", R = "_panel_13yjs_23", B = "_open_13yjs_23", L = "_small_13yjs_23", O = "_medium_13yjs_26", I = "_large_13yjs_29", T = "_content_13yjs_126", k = "_noPadding_13yjs_152", n = {
   page: P,
   sidebar: C,
   collapsed: E,
   panel: R,
-  open: L,
-  small: B,
+  open: B,
+  small: L,
   medium: O,
   large: I,
   "panel-inner": "_panel-inner_13yjs_32",
@@ -42,7 +42,7 @@ function M(...s) {
 const z = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...s }, /* @__PURE__ */ _.createElement("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" })), H = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...s }, /* @__PURE__ */ _.createElement("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" })), J = p((s, l) => {
   const { children: o, ...t } = s;
   return /* @__PURE__ */ e.jsx("div", { className: n.page, ref: l, ...t, children: o });
-}), v = f(null), K = p(
+}), v = f(null), q = p(
   (s, l) => {
     const {
       children: o,
@@ -74,7 +74,7 @@ const z = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
       ] }) })
     ] }) });
   }
-), V = p(
+), K = p(
   (s, l) => {
     const { children: o, className: t, ...c } = s, i = y(v), r = u([n["sidebar-header"]], t);
     return /* @__PURE__ */ e.jsx("div", { className: r, ref: l, ...c, children: /* @__PURE__ */ e.jsx(
@@ -86,7 +86,7 @@ const z = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
       }
     ) });
   }
-), Y = p(
+), V = p(
   (s, l) => {
     const { children: o, className: t, ...c } = s, i = u([n.content], t), r = b(null), m = b(null), a = S(r);
     return w(() => {
@@ -116,7 +116,7 @@ const z = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
       )
     ] });
   }
-), q = p(
+), Y = p(
   (s, l) => {
     const {
       children: o,
@@ -151,17 +151,17 @@ const z = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
     );
   }
 ), X = Object.assign(J, {
-  Sidebar: K,
-  SidebarHeader: V,
-  Content: Y,
-  Panel: q
+  Sidebar: q,
+  SidebarHeader: K,
+  Content: V,
+  Panel: Y
 });
 export {
   X as Page,
-  Y as PageContent,
-  q as PagePanel,
-  K as PageSidebar,
-  V as PageSidebarHeader,
+  V as PageContent,
+  Y as PagePanel,
+  q as PageSidebar,
+  K as PageSidebarHeader,
   X as default
 };
 //# sourceMappingURL=Page.js.map

package/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/filled/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/filled/chevron_left.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n  return React.useCallback(element => {\n    for (let i = 0; i < refs.length; i++) {\n      const ref = refs[i];\n      if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n    }\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgNiA4LjU5IDcuNDEgMTMuMTcgMTJsLTQuNTggNC41OUwxMCAxOGw2LTZ6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNDEgNy40MSAxNCA2bC02IDYgNiA2IDEuNDEtMS40MUwxMC44MyAxMnoiLz48L3N2Zz4=\"","import {\n  ComponentPropsWithoutRef,\n  Ref,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/filled/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/filled/chevron_left.svg\";\nimport Tooltip from \"../Tooltip\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n  const { children, ...rest } = props;\n\n  return (\n    <div className={styles[\"page\"]} ref={ref} {...rest}>\n      {children}\n    </div>\n  );\n});\n\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n  localStorageKey?: string;\n};\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      localStorageKey = \"sidebar-collapsd\",\n      ...rest\n    } = props;\n    const [collapsed, setCollapsed] = useState<boolean>(() => {\n      // getting stored value\n      const sidebarState = localStorage.getItem(localStorageKey);\n      return sidebarState ? JSON.parse(sidebarState) : false;\n    });\n    const classNames = cx([styles[\"sidebar\"]], className, {\n      [styles[\"collapsed\"]]: collapsed,\n    });\n    const onToggleButtonClick = () => {\n      setCollapsed((prev) => {\n        localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n        return !prev;\n      });\n    };\n\n    return (\n      <PageSideBarContext.Provider value={{ collapsed }}>\n        <div className={classNames} ref={ref} {...rest}>\n          <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n            <div tabIndex={0}>{children}</div>\n          </div>\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Tooltip placement=\"right\">\n              <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n                <Button\n                  size=\"small\"\n                  onClick={onToggleButtonClick}\n                  className={styles[\"toggle-button\"]}\n                  aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n                  icon={collapsed ? OpenSVG : CloseSVG}\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>\n                {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n              </Tooltip.Content>\n            </Tooltip>\n          </div>\n        </div>\n      </PageSideBarContext.Provider>\n    );\n  }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n  (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const { children, className, ...rest } = props;\n    const context = useContext(PageSideBarContext);\n    const classNames = cx([styles[\"sidebar-header\"]], className);\n\n    return (\n      <div className={classNames} ref={ref} {...rest}>\n        <div\n          className={styles[\"header-content\"]}\n          aria-hidden={context?.collapsed}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const mainRef = useRef<HTMLAreaElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const size = useSize(mainRef);\n\n    useEffect(() => {\n      function updatePosition() {\n        const newValue = window.scrollY;\n\n        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n      }\n      window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n      return () => {\n        window.removeEventListener(\"scroll\", updatePosition);\n      };\n    }, []);\n\n    return (\n      <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n        <div\n          className={styles[\"virtual-scroll-container\"]}\n          ref={virtualScrollRef}\n          style={{ left: size && size?.left + size?.width }}\n        >\n          <div\n            style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n          />\n        </div>\n      </main>\n    );\n  }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"aside\"> & {\n  open?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLAreaElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      ...rest\n    } = props;\n    const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n      [styles[\"open\"]]: open,\n      [styles[\"noPadding\"]]: noPadding,\n    });\n\n    return (\n      <aside\n        className={classNames}\n        aria-hidden={!open}\n        aria-disabled={!open}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={styles[\"panel-inner\"]}\n          tabIndex={open ? 0 : -1}\n          style={style}\n        >\n          <div>{children}</div>\n        </div>\n      </aside>\n    );\n  }\n);\n\nexport const Page = Object.assign(PageElement, {\n  Sidebar: PageSidebar,\n  SidebarHeader: PageSidebarHeader,\n  Content: PageContent,\n  Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React","element","i","ref","SvgChevronRight","props","SvgChevronLeft","PageElement","forwardRef","children","rest","jsxRuntimeExports","styles","PageSideBarContext","createContext","PageSidebar","className","localStorageKey","collapsed","setCollapsed","useState","sidebarState","classNames","L","onToggleButtonClick","prev","Tooltip","Button","PageSidebarHeader","context","useContext","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","useEffect","updatePosition","newValue","_a","PagePanel","open","noPadding","style","Page"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"Page.js","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/filled/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/filled/chevron_left.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n  return React.useCallback(element => {\n    for (let i = 0; i < refs.length; i++) {\n      const ref = refs[i];\n      if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n    }\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgNiA4LjU5IDcuNDEgMTMuMTcgMTJsLTQuNTggNC41OUwxMCAxOGw2LTZ6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNDEgNy40MSAxNCA2bC02IDYgNiA2IDEuNDEtMS40MUwxMC44MyAxMnoiLz48L3N2Zz4=\"","import {\n  ComponentPropsWithoutRef,\n  Ref,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/filled/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/filled/chevron_left.svg\";\nimport Tooltip from \"../Tooltip\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n  const { children, ...rest } = props;\n\n  return (\n    <div className={styles[\"page\"]} ref={ref} {...rest}>\n      {children}\n    </div>\n  );\n});\n\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n  localStorageKey?: string;\n};\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      localStorageKey = \"sidebar-collapsd\",\n      ...rest\n    } = props;\n    const [collapsed, setCollapsed] = useState<boolean>(() => {\n      // getting stored value\n      const sidebarState = localStorage.getItem(localStorageKey);\n      return sidebarState ? JSON.parse(sidebarState) : false;\n    });\n    const classNames = cx([styles[\"sidebar\"]], className, {\n      [styles[\"collapsed\"]]: collapsed,\n    });\n    const onToggleButtonClick = () => {\n      setCollapsed((prev) => {\n        localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n        return !prev;\n      });\n    };\n\n    return (\n      <PageSideBarContext.Provider value={{ collapsed }}>\n        <div className={classNames} ref={ref} {...rest}>\n          <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n            <div tabIndex={0}>{children}</div>\n          </div>\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Tooltip placement=\"right\">\n              <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n                <Button\n                  size=\"small\"\n                  onClick={onToggleButtonClick}\n                  className={styles[\"toggle-button\"]}\n                  aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n                  icon={collapsed ? OpenSVG : CloseSVG}\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>\n                {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n              </Tooltip.Content>\n            </Tooltip>\n          </div>\n        </div>\n      </PageSideBarContext.Provider>\n    );\n  }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n  (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const { children, className, ...rest } = props;\n    const context = useContext(PageSideBarContext);\n    const classNames = cx([styles[\"sidebar-header\"]], className);\n\n    return (\n      <div className={classNames} ref={ref} {...rest}>\n        <div\n          className={styles[\"header-content\"]}\n          aria-hidden={context?.collapsed}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const mainRef = useRef<HTMLAreaElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const size = useSize(mainRef);\n\n    useEffect(() => {\n      function updatePosition() {\n        const newValue = window.scrollY;\n\n        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n      }\n      window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n      return () => {\n        window.removeEventListener(\"scroll\", updatePosition);\n      };\n    }, []);\n\n    return (\n      <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n        <div\n          className={styles[\"virtual-scroll-container\"]}\n          ref={virtualScrollRef}\n          style={{ left: size && size?.left + size?.width }}\n        >\n          <div\n            style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n          />\n        </div>\n      </main>\n    );\n  }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"aside\"> & {\n  open?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLAreaElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      ...rest\n    } = props;\n    const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n      [styles[\"open\"]]: open,\n      [styles[\"noPadding\"]]: noPadding,\n    });\n\n    return (\n      <aside\n        className={classNames}\n        aria-hidden={!open}\n        aria-disabled={!open}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={styles[\"panel-inner\"]}\n          tabIndex={open ? 0 : -1}\n          style={style}\n        >\n          <div>{children}</div>\n        </div>\n      </aside>\n    );\n  }\n);\n\nexport const Page = Object.assign(PageElement, {\n  Sidebar: PageSidebar,\n  SidebarHeader: PageSidebarHeader,\n  Content: PageContent,\n  Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React","element","i","ref","SvgChevronRight","props","SvgChevronLeft","PageElement","forwardRef","children","rest","jsxRuntimeExports","styles","PageSideBarContext","createContext","PageSidebar","className","localStorageKey","collapsed","setCollapsed","useState","sidebarState","classNames","q","onToggleButtonClick","prev","Tooltip","Button","PageSidebarHeader","context","useContext","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","useEffect","updatePosition","newValue","_a","PagePanel","open","noPadding","style","Page"],"mappings":"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","x_google_ignoreList":[0,1,2]}