@servicetitan/anvil2 1.0.2 → 1.1.0

package/Overflow.js

@@ -1,195 +1,196 @@
 import "./index2.css";
-import { j as P } from "./jsx-runtime-944c88e2.js";
-import { f as e } from "./jsx-runtime-944c88e2-e73fa629.js";
-import { forwardRef as _, useState as E, useRef as D, useEffect as F } from "react";
-import { J as R } from "./useLayoutPropsUtil-e307abc7-053ab281.js";
-import { K as H } from "./index-6c0d3173.js";
-import { j as L } from "./Flex-88f1d8d1.js";
-const G = "_overflow_yy7jp_2", K = "_expanded_yy7jp_2", q = "_content_yy7jp_55", A = "_horizontal_yy7jp_96", t = {
-  overflow: G,
-  expanded: K,
+import { j as $ } from "./jsx-runtime-944c88e2.js";
+import { f as o } from "./jsx-runtime-944c88e2-e73fa629.js";
+import { forwardRef as _, useState as k, useRef as D, useEffect as F } from "react";
+import { J as L } from "./useLayoutPropsUtil-e307abc7-053ab281.js";
+import { G as E } from "./index-c6e22bb9.js";
+import { j as J } from "./Flex-8986d95b.js";
+import { useTrackingId as P } from "./useTrackingId.js";
+const q = "_overflow_yy7jp_2", A = "_expanded_yy7jp_2", K = "_content_yy7jp_55", M = "_horizontal_yy7jp_96", t = {
+  overflow: q,
+  expanded: A,
   "shadow-top": "_shadow-top_yy7jp_2",
   "shadow-right": "_shadow-right_yy7jp_6",
   "shadow-bottom": "_shadow-bottom_yy7jp_10",
   "shadow-left": "_shadow-left_yy7jp_14",
   "overflow-text": "_overflow-text_yy7jp_21",
   "expand-button": "_expand-button_yy7jp_34",
-  content: q,
-  horizontal: A
-}, z = _(
-  (a, c) => {
-    const { row: u = 1, ...b } = a, { layoutStyles: w, componentProps: C } = R(b), [l, j] = E(!1), { className: g, style: W, children: s, ...p } = C, m = {
-      ...W,
-      ...w,
-      "--overflow-text-row": l ? "initial" : u
+  content: K,
+  horizontal: M
+}, H = _(
+  (e, c) => {
+    const { row: d = 1, ...x } = e, { layoutStyles: j, componentProps: I } = L(x), [s, y] = k(!1), { className: b, style: z, children: n, ...u } = I, p = {
+      ...z,
+      ...j,
+      "--overflow-text-row": s ? "initial" : d
     };
-    if ("expandable" in a && a.expandable === !0) {
+    if ("expandable" in e && e.expandable === !0) {
       const {
-        expandable: y,
+        expandable: v,
         expandText: N,
         collapseText: r,
         onExpand: f,
-        onCollapse: h,
-        ...v
-      } = p, T = N ?? "Show more...", S = r ?? "Show less...", o = (d) => {
-        if (j((x) => !x), l) {
-          h == null || h(d);
+        onCollapse: m,
+        ...g
+      } = u, T = N ?? "Show more...", O = r ?? "Show less...", l = (h) => {
+        if (y((w) => !w), s) {
+          m == null || m(h);
           return;
         }
-        f == null || f(d);
-      }, i = H(
+        f == null || f(h);
+      }, i = E(
         [t["overflow-text"]],
         [t.expandable],
         {
-          [t.expanded]: l
+          [t.expanded]: s
         }
       );
-      return /* @__PURE__ */ e.jsxs(
+      return /* @__PURE__ */ o.jsxs(
         "div",
         {
           ref: c,
           className: i,
-          style: m,
-          ...v,
+          style: p,
+          ...g,
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: t.content, children: s }),
-            /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ o.jsx("div", { className: t.content, children: n }),
+            /* @__PURE__ */ o.jsx(
               "button",
               {
                 className: t["expand-button"],
-                onClick: o,
+                onClick: l,
                 "aria-hidden": !0,
-                children: l ? S : T
+                children: s ? O : T
               }
             )
           ]
         }
       );
     }
-    const n = H([t["overflow-text"]]);
-    return /* @__PURE__ */ e.jsx(
+    const a = E([t["overflow-text"]]);
+    return /* @__PURE__ */ o.jsx(
       "div",
       {
         ref: c,
-        className: n,
-        style: m,
-        ...p,
-        children: /* @__PURE__ */ e.jsx("div", { className: t.content, children: s })
+        className: a,
+        style: p,
+        ...u,
+        children: /* @__PURE__ */ o.jsx("div", { className: t.content, children: n })
       }
     );
   }
 );
-z.displayName = "OverflowText";
-const $ = _(
-  (a, c) => {
-    const { layoutStyles: u, componentProps: b } = R(a), {
-      children: w,
-      className: C,
-      direction: l = "column",
-      style: j,
-      height: g,
-      width: W,
-      truncate: s,
-      gap: p,
-      ...m
-    } = b, n = D(null), [y, N] = E(!1), [r, f] = E({
+H.displayName = "OverflowText";
+const R = _(
+  (e, c) => {
+    const { layoutStyles: d, componentProps: x } = L(e), {
+      children: j,
+      className: I,
+      direction: s = "column",
+      style: y,
+      height: b,
+      width: z,
+      truncate: n,
+      gap: u,
+      ...p
+    } = x, a = D(null), [v, N] = k(!1), [r, f] = k({
       left: !1,
       right: !1,
       top: !1,
       bottom: !1
     });
     F(() => {
-      if (!n.current)
+      if (!a.current)
         return;
-      if (l === "row") {
-        const i = n.current.offsetWidth < n.current.scrollWidth;
-        f((d) => ({
-          ...d,
+      if (s === "row") {
+        const i = a.current.offsetWidth < a.current.scrollWidth;
+        f((h) => ({
+          ...h,
           right: i
         }));
         return;
       }
-      const o = n.current.offsetHeight < n.current.scrollHeight;
+      const l = a.current.offsetHeight < a.current.scrollHeight;
       f((i) => ({
         ...i,
-        bottom: o
+        bottom: l
       }));
-    }, [l]);
-    const h = () => {
-      if (!n.current)
+    }, [s]);
+    const m = () => {
+      if (!a.current)
         return;
-      const o = n.current;
-      if (l === "row") {
-        const x = o.scrollLeft > 0, O = o.scrollLeft < o.scrollWidth - o.offsetWidth;
+      const l = a.current;
+      if (s === "row") {
+        const w = l.scrollLeft > 0, S = l.scrollLeft < l.scrollWidth - l.offsetWidth;
         f({
-          left: x,
-          right: O,
+          left: w,
+          right: S,
           top: !1,
           bottom: !1
         });
         return;
       }
-      const i = o.scrollTop > 0, d = o.scrollTop < o.scrollHeight - o.offsetHeight;
+      const i = l.scrollTop > 0, h = l.scrollTop < l.scrollHeight - l.offsetHeight;
       f({
         top: i,
-        bottom: d,
+        bottom: h,
         left: !1,
         right: !1
       });
-    }, v = H([t.overflow], {
-      [t.vertical]: l === "column",
-      [t.horizontal]: l === "row",
-      [t.expanded]: y
+    }, g = E([t.overflow], {
+      [t.vertical]: s === "column",
+      [t.horizontal]: s === "row",
+      [t.expanded]: v
     });
-    if (s) {
-      const o = {
-        ...j,
-        ...u
+    if (n) {
+      const l = {
+        ...y,
+        ...d
       }, i = {
-        minHeight: g ?? void 0
-      }, d = typeof s == "object" ? s.expandText : "Show more...", x = typeof s == "object" ? s.collapseText : "Show less...", O = (k) => {
-        var I, J;
+        minHeight: b ?? void 0
+      }, h = typeof n == "object" ? n.expandText : "Show more...", w = typeof n == "object" ? n.collapseText : "Show less...", S = (C) => {
+        var W, G;
         if (N((B) => !B), setTimeout(() => {
-          h();
-        }, 100), typeof s == "object") {
-          if (y) {
-            (I = s.onCollapse) == null || I.call(s, k);
+          m();
+        }, 100), typeof n == "object") {
+          if (v) {
+            (W = n.onCollapse) == null || W.call(n, C);
             return;
           }
-          (J = s.onExpand) == null || J.call(s, k);
+          (G = n.onExpand) == null || G.call(n, C);
         }
       };
-      return /* @__PURE__ */ e.jsxs(
+      return /* @__PURE__ */ o.jsxs(
         "div",
         {
           ref: c,
-          style: o,
-          className: v,
-          ...m,
+          style: l,
+          className: g,
+          ...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,
+            r.top ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-top"] }) : null,
+            r.left ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-left"] }) : null,
+            /* @__PURE__ */ o.jsx(
+              J,
               {
                 className: t.content,
-                onScroll: h,
+                onScroll: m,
                 style: i,
-                ref: n,
-                direction: l,
-                gap: p,
+                ref: a,
+                direction: s,
+                gap: u,
                 tabIndex: 0,
-                children: w
+                children: j
               }
             ),
-            r.bottom ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-bottom"] }) : null,
-            r.right ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-right"] }) : null,
-            /* @__PURE__ */ e.jsx(
+            r.bottom ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-bottom"] }) : null,
+            r.right ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-right"] }) : null,
+            /* @__PURE__ */ o.jsx(
               "button",
               {
                 className: t["expand-button"],
-                onClick: O,
-                children: y ? x : d
+                onClick: S,
+                children: v ? w : h
               }
             )
           ]
@@ -197,54 +198,78 @@ const $ = _(
       );
     }
     const T = {
-      ...j,
-      ...u
-    }, S = {
-      minHeight: g ?? void 0
+      ...y,
+      ...d
+    }, O = {
+      minHeight: b ?? void 0
     };
-    return /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ o.jsxs(
       "div",
       {
         ref: c,
         style: T,
-        className: v,
-        ...m,
+        className: g,
+        ...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,
+          r.left ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-left"] }) : null,
+          r.top ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-top"] }) : null,
+          /* @__PURE__ */ o.jsx(
+            J,
             {
               className: t.content,
-              onScroll: h,
-              ref: n,
-              style: S,
-              direction: l,
-              gap: p,
+              onScroll: m,
+              ref: a,
+              style: O,
+              direction: s,
+              gap: u,
               tabIndex: 0,
-              children: w
+              children: j
             }
           ),
-          r.bottom ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-bottom"] }) : null,
-          r.right ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-right"] }) : null
+          r.bottom ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-bottom"] }) : null,
+          r.right ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-right"] }) : null
         ]
       }
     );
   }
 );
-$.displayName = "Overflow";
-const M = Object.assign($, {
-  Text: z
-}), Q = _(
-  (a, c) => /* @__PURE__ */ P.jsx(M, { ref: c, ...a })
-), U = _(
-  (a, c) => /* @__PURE__ */ P.jsx(z, { ref: c, ...a })
-), st = Object.assign(Q, {
-  Text: U
+R.displayName = "Overflow";
+const Q = Object.assign(R, {
+  Text: H
+}), U = _(
+  (e, c) => {
+    const d = {
+      children: e.children,
+      height: e.height,
+      truncate: e.truncate
+    }, x = P({
+      name: "Overflow",
+      data: d,
+      hasOverride: !!e["data-tracking-id"]
+    });
+    return /* @__PURE__ */ $.jsx(Q, { ref: c, "data-tracking-id": x, ...e });
+  }
+), V = _(
+  (e, c) => {
+    const d = {
+      children: e.children,
+      row: e.row,
+      expandable: e.expandable,
+      expandText: e.expandText,
+      collapseText: e.collapseText
+    }, x = P({
+      name: "OverflowText",
+      data: d,
+      hasOverride: !!e["data-tracking-id"]
+    });
+    return /* @__PURE__ */ $.jsx(H, { ref: c, "data-tracking-id": x, ...e });
+  }
+), st = Object.assign(U, {
+  Text: V
 });
 export {
   st as Overflow,
-  U as OverflowText,
+  V as OverflowText,
   st 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 C, useRef as q, useEffect as A } from \"react\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { a as L } from \"./useLayoutPropsUtil-e307abc7.js\";\nimport \"@floating-ui/react\";\nimport H from \"classnames\";\nimport { Flex as P } from \"./Flex.js\";\nconst B = \"_overflow_yy7jp_2\", D = \"_expanded_yy7jp_2\", G = \"_content_yy7jp_55\", J = \"_horizontal_yy7jp_96\", t = {\n  overflow: B,\n  expanded: D,\n  \"shadow-top\": \"_shadow-top_yy7jp_2\",\n  \"shadow-right\": \"_shadow-right_yy7jp_6\",\n  \"shadow-bottom\": \"_shadow-bottom_yy7jp_10\",\n  \"shadow-left\": \"_shadow-left_yy7jp_14\",\n  \"overflow-text\": \"_overflow-text_yy7jp_21\",\n  \"expand-button\": \"_expand-button_yy7jp_34\",\n  content: G,\n  horizontal: J\n}, I = W(\n  (p, f) => {\n    const { row: w = 1, ..._ } = p, { layoutStyles: u, componentProps: E } = L(_), [l, y] = C(!1), { className: b, style: O, children: o, ...x } = E, m = {\n      ...O,\n      ...u,\n      \"--overflow-text-row\": l ? \"initial\" : w\n    };\n    if (\"expandable\" in p && p.expandable === !0) {\n      const {\n        expandable: j,\n        expandText: N,\n        collapseText: a,\n        onExpand: c,\n        onCollapse: d,\n        ...v\n      } = x, g = N ?? \"Show more...\", S = a ?? \"Show less...\", s = (i) => {\n        if (y((h) => !h), l) {\n          d == null || d(i);\n          return;\n        }\n        c == null || c(i);\n      }, r = H(\n        [t[\"overflow-text\"]],\n        [t.expandable],\n        {\n          [t.expanded]: l\n        }\n      );\n      return /* @__PURE__ */ e.jsxs(\n        \"div\",\n        {\n          ref: f,\n          className: r,\n          style: m,\n          ...v,\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: l ? S : g\n              }\n            )\n          ]\n        }\n      );\n    }\n    const n = H([t[\"overflow-text\"]]);\n    return /* @__PURE__ */ e.jsx(\n      \"div\",\n      {\n        ref: f,\n        className: n,\n        style: m,\n        ...x,\n        children: /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o })\n      }\n    );\n  }\n);\nI.displayName = \"OverflowText\";\nconst F = W(\n  (p, f) => {\n    const { layoutStyles: w, componentProps: _ } = L(p), {\n      children: u,\n      className: E,\n      direction: l = \"column\",\n      style: y,\n      height: b,\n      width: O,\n      truncate: o,\n      gap: x,\n      ...m\n    } = _, n = q(null), [j, N] = C(!1), [a, c] = C({\n      left: !1,\n      right: !1,\n      top: !1,\n      bottom: !1\n    });\n    A(() => {\n      if (!n.current)\n        return;\n      if (l === \"row\") {\n        const r = n.current.offsetWidth < n.current.scrollWidth;\n        c((i) => ({\n          ...i,\n          right: r\n        }));\n        return;\n      }\n      const s = n.current.offsetHeight < n.current.scrollHeight;\n      c((r) => ({\n        ...r,\n        bottom: s\n      }));\n    }, [l]);\n    const d = () => {\n      if (!n.current)\n        return;\n      const s = n.current;\n      if (l === \"row\") {\n        const h = s.scrollLeft > 0, T = s.scrollLeft < s.scrollWidth - s.offsetWidth;\n        c({\n          left: h,\n          right: T,\n          top: !1,\n          bottom: !1\n        });\n        return;\n      }\n      const r = s.scrollTop > 0, i = s.scrollTop < s.scrollHeight - s.offsetHeight;\n      c({\n        top: r,\n        bottom: i,\n        left: !1,\n        right: !1\n      });\n    }, v = H([t.overflow], {\n      [t.vertical]: l === \"column\",\n      [t.horizontal]: l === \"row\",\n      [t.expanded]: j\n    });\n    if (o) {\n      const s = {\n        ...y,\n        ...w\n      }, r = {\n        minHeight: b ?? void 0\n      }, i = typeof o == \"object\" ? o.expandText : \"Show more...\", h = typeof o == \"object\" ? o.collapseText : \"Show less...\", T = (R) => {\n        var k, z;\n        if (N((U) => !U), setTimeout(() => {\n          d();\n        }, 100), typeof o == \"object\") {\n          if (j) {\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: f,\n          style: s,\n          className: v,\n          ...m,\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: d,\n                style: r,\n                ref: n,\n                direction: l,\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: T,\n                children: j ? h : i\n              }\n            )\n          ]\n        }\n      );\n    }\n    const g = {\n      ...y,\n      ...w\n    }, S = {\n      minHeight: b ?? void 0\n    };\n    return /* @__PURE__ */ e.jsxs(\n      \"div\",\n      {\n        ref: f,\n        style: g,\n        className: v,\n        ...m,\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: d,\n              ref: n,\n              style: S,\n              direction: l,\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 et = Object.assign(F, {\n  Text: I\n});\nexport {\n  et 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","p","f","w","_","u","E","J$1","y","useState","b","O","o","x","j","a","c","d","g","s","i","h","r","K","fr","F","useRef","j$1","useEffect","T","R","k","z","U","et","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 \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { a as L } from \"./useLayoutPropsUtil-e307abc7.js\";\nimport \"@floating-ui/react\";\nimport H from \"classnames\";\nimport { Flex as P } from \"./Flex.js\";\nconst B = \"_overflow_yy7jp_2\", D = \"_expanded_yy7jp_2\", G = \"_content_yy7jp_55\", J = \"_horizontal_yy7jp_96\", t = {\n  overflow: B,\n  expanded: D,\n  \"shadow-top\": \"_shadow-top_yy7jp_2\",\n  \"shadow-right\": \"_shadow-right_yy7jp_6\",\n  \"shadow-bottom\": \"_shadow-bottom_yy7jp_10\",\n  \"shadow-left\": \"_shadow-left_yy7jp_14\",\n  \"overflow-text\": \"_overflow-text_yy7jp_21\",\n  \"expand-button\": \"_expand-button_yy7jp_34\",\n  content: G,\n  horizontal: J\n}, I = W(\n  (p, f) => {\n    const { row: w = 1, ..._ } = p, { layoutStyles: u, componentProps: E } = L(_), [l, y] = C(!1), { className: b, style: O, children: o, ...x } = E, m = {\n      ...O,\n      ...u,\n      \"--overflow-text-row\": l ? \"initial\" : w\n    };\n    if (\"expandable\" in p && p.expandable === !0) {\n      const {\n        expandable: j,\n        expandText: N,\n        collapseText: a,\n        onExpand: c,\n        onCollapse: d,\n        ...v\n      } = x, g = N ?? \"Show more...\", S = a ?? \"Show less...\", s = (i) => {\n        if (y((h) => !h), l) {\n          d == null || d(i);\n          return;\n        }\n        c == null || c(i);\n      }, r = H(\n        [t[\"overflow-text\"]],\n        [t.expandable],\n        {\n          [t.expanded]: l\n        }\n      );\n      return /* @__PURE__ */ e.jsxs(\n        \"div\",\n        {\n          ref: f,\n          className: r,\n          style: m,\n          ...v,\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: l ? S : g\n              }\n            )\n          ]\n        }\n      );\n    }\n    const n = H([t[\"overflow-text\"]]);\n    return /* @__PURE__ */ e.jsx(\n      \"div\",\n      {\n        ref: f,\n        className: n,\n        style: m,\n        ...x,\n        children: /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o })\n      }\n    );\n  }\n);\nI.displayName = \"OverflowText\";\nconst F = W(\n  (p, f) => {\n    const { layoutStyles: w, componentProps: _ } = L(p), {\n      children: u,\n      className: E,\n      direction: l = \"column\",\n      style: y,\n      height: b,\n      width: O,\n      truncate: o,\n      gap: x,\n      ...m\n    } = _, n = q(null), [j, N] = C(!1), [a, c] = C({\n      left: !1,\n      right: !1,\n      top: !1,\n      bottom: !1\n    });\n    A(() => {\n      if (!n.current)\n        return;\n      if (l === \"row\") {\n        const r = n.current.offsetWidth < n.current.scrollWidth;\n        c((i) => ({\n          ...i,\n          right: r\n        }));\n        return;\n      }\n      const s = n.current.offsetHeight < n.current.scrollHeight;\n      c((r) => ({\n        ...r,\n        bottom: s\n      }));\n    }, [l]);\n    const d = () => {\n      if (!n.current)\n        return;\n      const s = n.current;\n      if (l === \"row\") {\n        const h = s.scrollLeft > 0, T = s.scrollLeft < s.scrollWidth - s.offsetWidth;\n        c({\n          left: h,\n          right: T,\n          top: !1,\n          bottom: !1\n        });\n        return;\n      }\n      const r = s.scrollTop > 0, i = s.scrollTop < s.scrollHeight - s.offsetHeight;\n      c({\n        top: r,\n        bottom: i,\n        left: !1,\n        right: !1\n      });\n    }, v = H([t.overflow], {\n      [t.vertical]: l === \"column\",\n      [t.horizontal]: l === \"row\",\n      [t.expanded]: j\n    });\n    if (o) {\n      const s = {\n        ...y,\n        ...w\n      }, r = {\n        minHeight: b ?? void 0\n      }, i = typeof o == \"object\" ? o.expandText : \"Show more...\", h = typeof o == \"object\" ? o.collapseText : \"Show less...\", T = (R) => {\n        var k, z;\n        if (N((U) => !U), setTimeout(() => {\n          d();\n        }, 100), typeof o == \"object\") {\n          if (j) {\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: f,\n          style: s,\n          className: v,\n          ...m,\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: d,\n                style: r,\n                ref: n,\n                direction: l,\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: T,\n                children: j ? h : i\n              }\n            )\n          ]\n        }\n      );\n    }\n    const g = {\n      ...y,\n      ...w\n    }, S = {\n      minHeight: b ?? void 0\n    };\n    return /* @__PURE__ */ e.jsxs(\n      \"div\",\n      {\n        ref: f,\n        style: g,\n        className: v,\n        ...m,\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: d,\n              ref: n,\n              style: S,\n              direction: l,\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 et = Object.assign(F, {\n  Text: I\n});\nexport {\n  et 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\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type OverflowProps = CoreOverflowProps & DataTrackingId;\nexport type OverflowTextProps = CoreOverflowTextProps & DataTrackingId;\n\nconst OverflowElement = forwardRef(\n  (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: props.children,\n      height: props.height,\n      truncate: props.truncate,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Overflow\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return <CoreOverflow ref={ref} data-tracking-id={trackingId} {...props} />;\n  }\n);\nexport const OverflowText = forwardRef(\n  (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: props.children,\n      row: props.row,\n      expandable: props.expandable,\n      expandText: props.expandText,\n      collapseText: props.collapseText,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"OverflowText\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreOverflowText ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n"],"names":["B","D","G","J","I","forwardRef","p","f","w","_","u","E","J$1","l","useState","O","o","x","m","j","a","c","d","v","g","S","s","i","h","r","G$1","fr","n","F","useRef","j$1","useEffect","T","R","k","z","U","et","OverflowElement","props","ref","data","trackingId","useTrackingId","jsxRuntimeExports","OverflowText","Overflow"],"mappings":"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","x_google_ignoreList":[0]}

package/Page.cjs

@@ -1,2 +1,2 @@
-var D=require("./index3.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./jsx-runtime-5c3ac4f7.cjs"),l=require("react"),x=require("./index-2bd62884.cjs"),E=require("./Button.cjs"),S=require("./useSize.cjs"),_=require("./Tooltip.cjs");function P(e){const i=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(i,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const p=P(l),N="_page_osiei_7",C="_content_osiei_25",y="_sidebar_osiei_35",O="_panel_osiei_110",L="_collapsed_osiei_149",q="_open_osiei_149",M="_small_osiei_149",T="_medium_osiei_152",B="_large_osiei_155",K="_noPadding_osiei_204",o={page:N,content:C,"content-inner":"_content-inner_osiei_30",sidebar:y,"sidebar-inner":"_sidebar-inner_osiei_46","toggle-button-wrapper":"_toggle-button-wrapper_osiei_71","toggle-button-tooltip":"_toggle-button-tooltip_osiei_79","toggle-button":"_toggle-button_osiei_71","sidebar-header":"_sidebar-header_osiei_97",panel:O,"panel-inner":"_panel-inner_osiei_118","virtual-scroll-container":"_virtual-scroll-container_osiei_131",collapsed:L,open:q,small:M,medium:T,large:B,"header-content":"_header-content_osiei_177",noPadding:K};function k(...e){return p.useCallback(i=>{for(let n=0;n<e.length;n++){const t=e[n];typeof t=="function"?t(i):t&&typeof t=="object"&&(t.current=i)}},e)}const z=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:"M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z"})),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:"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z"})),H=l.forwardRef((e,i)=>{const{children:n,...t}=e;return s.jsxRuntimeExports.jsx("div",{className:o.page,ref:i,...t,children:n})}),b=l.createContext(null),f=l.forwardRef((e,i)=>{const{children:n,className:t,localStorageKey:d="sidebar-collapsd",...c}=e,[r,g]=l.useState(()=>{const u=localStorage.getItem(d);return u?JSON.parse(u):!1}),a=x.K([o.sidebar],t,{[o.collapsed]:r}),m=()=>{g(u=>(localStorage.setItem(d,JSON.stringify(!u)),!u))};return s.jsxRuntimeExports.jsx(b.Provider,{value:{collapsed:r},children:s.jsxRuntimeExports.jsxs("div",{className:a,ref:i,...c,children:[s.jsxRuntimeExports.jsx("div",{className:o["sidebar-inner"],"aria-hidden":r,children:s.jsxRuntimeExports.jsx("div",{tabIndex:0,children:n})}),s.jsxRuntimeExports.jsx("div",{className:o["toggle-button-wrapper"],children:s.jsxRuntimeExports.jsxs(_.default,{placement:"right",children:[s.jsxRuntimeExports.jsx(_.default.Trigger,{className:o["toggle-button-tooltip"],children:s.jsxRuntimeExports.jsx(E.default,{size:"small",onClick:m,className:o["toggle-button"],"aria-label":r?"Open Sidebar":"Close Sidebar",icon:r?z:I})}),s.jsxRuntimeExports.jsx(_.default.Content,{children:r?"Open Sidebar":"Close Sidebar"})]})})]})})}),j=l.forwardRef((e,i)=>{const{children:n,className:t,...d}=e,c=l.useContext(b),r=x.K([o["sidebar-header"]],t);return s.jsxRuntimeExports.jsx("div",{className:r,ref:i,...d,children:s.jsxRuntimeExports.jsx("div",{className:o["header-content"],"aria-hidden":c==null?void 0:c.collapsed,children:n})})}),v=l.forwardRef((e,i)=>{const{children:n,className:t,...d}=e,c=x.K([o.content],t),r=l.useRef(null),g=l.useRef(null),a=S.useSize(r);return l.useEffect(()=>{function m(){var h;const u=window.scrollY;(h=g.current)==null||h.scrollTo(0,u??0)}return window.addEventListener("scroll",m,{passive:!0}),()=>{window.removeEventListener("scroll",m)}},[]),s.jsxRuntimeExports.jsxs("main",{className:c,ref:k(r,i),...d,children:[s.jsxRuntimeExports.jsx("div",{className:o["content-inner"],children:n}),s.jsxRuntimeExports.jsx("div",{className:o["virtual-scroll-container"],ref:g,style:{left:a&&(a==null?void 0:a.left)+(a==null?void 0:a.width)},children:s.jsxRuntimeExports.jsx("div",{style:{width:1,height:a?a.height+a.y*2:0}})})]})}),R=l.forwardRef((e,i)=>{const{children:n,open:t,size:d="medium",noPadding:c,style:r,className:g,...a}=e,m=x.K([o.panel],[o[d]],g,{[o.open]:t,[o.noPadding]:c});return s.jsxRuntimeExports.jsx("aside",{className:m,"aria-hidden":!t,"aria-disabled":!t,ref:i,...a,children:s.jsxRuntimeExports.jsx("div",{className:o["panel-inner"],tabIndex:t?0:-1,style:r,children:s.jsxRuntimeExports.jsx("div",{children:n})})})}),w=Object.assign(H,{Sidebar:f,SidebarHeader:j,Content:v,Panel:R});exports.Page=w;exports.PageContent=v;exports.PagePanel=R;exports.PageSidebar=f;exports.PageSidebarHeader=j;exports.default=w;
+var K=require("./index3.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./jsx-runtime-5c3ac4f7.cjs"),r=require("react"),_=require("./index-ef2e9d11.cjs"),E=require("./Button.cjs"),P=require("./useSize.cjs"),b=require("./Tooltip.cjs"),N=require("./useTrackingId.cjs");function C(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,t.get?t:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const p=C(r),y="_page_osiei_7",O="_content_osiei_25",k="_sidebar_osiei_35",T="_panel_osiei_110",q="_collapsed_osiei_149",I="_open_osiei_149",L="_small_osiei_149",B="_medium_osiei_152",M="_large_osiei_155",z="_noPadding_osiei_204",i={page:y,content:O,"content-inner":"_content-inner_osiei_30",sidebar:k,"sidebar-inner":"_sidebar-inner_osiei_46","toggle-button-wrapper":"_toggle-button-wrapper_osiei_71","toggle-button-tooltip":"_toggle-button-tooltip_osiei_79","toggle-button":"_toggle-button_osiei_71","sidebar-header":"_sidebar-header_osiei_97",panel:T,"panel-inner":"_panel-inner_osiei_118","virtual-scroll-container":"_virtual-scroll-container_osiei_131",collapsed:q,open:I,small:L,medium:B,large:M,"header-content":"_header-content_osiei_177",noPadding:z};function G(...e){return p.useCallback(o=>{for(let a=0;a<e.length;a++){const t=e[a];typeof t=="function"?t(o):t&&typeof t=="object"&&(t.current=o)}},e)}const 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:"M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z"})),D=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:"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z"})),J=r.forwardRef((e,o)=>{const{children:a,...t}=e;return n.jsxRuntimeExports.jsx("div",{className:i.page,ref:o,...t,children:a})}),f=r.createContext(null),j=r.forwardRef((e,o)=>{const{children:a,className:t,localStorageKey:l="sidebar-collapsed",...c}=e,d={localStorageKey:l},u=N.useTrackingId({name:"PageSidebarButton",data:d,hasOverride:!!e["data-tracking-id"]}),[s,g]=r.useState(()=>{const m=localStorage.getItem(l);return m?JSON.parse(m):!1}),h=_.G([i.sidebar],t,{[i.collapsed]:s}),x=()=>{g(m=>(localStorage.setItem(l,JSON.stringify(!m)),!m))};return n.jsxRuntimeExports.jsx(f.Provider,{value:{collapsed:s},children:n.jsxRuntimeExports.jsxs("div",{className:h,ref:o,...c,children:[n.jsxRuntimeExports.jsx("div",{className:i["sidebar-inner"],"aria-hidden":s,children:n.jsxRuntimeExports.jsx("div",{tabIndex:0,children:a})}),n.jsxRuntimeExports.jsx("div",{className:i["toggle-button-wrapper"],children:n.jsxRuntimeExports.jsxs(b.default,{placement:"right",children:[n.jsxRuntimeExports.jsx(b.default.Trigger,{className:i["toggle-button-tooltip"],children:n.jsxRuntimeExports.jsx(E.default,{size:"small",onClick:x,className:i["toggle-button"],"aria-label":s?"Open Sidebar":"Close Sidebar","data-tracking-id":u,icon:s?H:D})}),n.jsxRuntimeExports.jsx(b.default.Content,{children:s?"Open Sidebar":"Close Sidebar"})]})})]})})}),v=r.forwardRef((e,o)=>{const{children:a,className:t,...l}=e,c=r.useContext(f),d=_.G([i["sidebar-header"]],t);return n.jsxRuntimeExports.jsx("div",{className:d,ref:o,...l,children:n.jsxRuntimeExports.jsx("div",{className:i["header-content"],"aria-hidden":c==null?void 0:c.collapsed,children:a})})}),R=r.forwardRef((e,o)=>{const{children:a,className:t,...l}=e,c=_.G([i.content],t),d=r.useRef(null),u=r.useRef(null),s=P.useSize(d);return r.useEffect(()=>{function g(){var x;const h=window.scrollY;(x=u.current)==null||x.scrollTo(0,h??0)}return window.addEventListener("scroll",g,{passive:!0}),()=>{window.removeEventListener("scroll",g)}},[]),n.jsxRuntimeExports.jsxs("main",{className:c,ref:G(d,o),...l,children:[n.jsxRuntimeExports.jsx("div",{className:i["content-inner"],children:a}),n.jsxRuntimeExports.jsx("div",{className:i["virtual-scroll-container"],ref:u,style:{left:s&&(s==null?void 0:s.left)+(s==null?void 0:s.width)},children:n.jsxRuntimeExports.jsx("div",{style:{width:1,height:s?s.height+s.y*2:0}})})]})}),w=r.forwardRef((e,o)=>{const{children:a,open:t,size:l="medium",noPadding:c,style:d,className:u,...s}=e,g=_.G([i.panel],[i[l]],u,{[i.open]:t,[i.noPadding]:c});return n.jsxRuntimeExports.jsx("aside",{className:g,"aria-hidden":!t,"aria-disabled":!t,ref:o,...s,children:n.jsxRuntimeExports.jsx("div",{className:i["panel-inner"],tabIndex:t?0:-1,style:d,children:n.jsxRuntimeExports.jsx("div",{children:a})})})}),S=Object.assign(J,{Sidebar:j,SidebarHeader:v,Content:R,Panel:w});exports.Page=S;exports.PageContent=R;exports.PagePanel=w;exports.PageSidebar=j;exports.PageSidebarHeader=v;exports.default=S;
 //# sourceMappingURL=Page.cjs.map

package/Page.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Page.cjs","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","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/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/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__namespace","element","i","ref","SvgChevronRight","props","SvgChevronLeft","PageElement","React","children","rest","jsxRuntime","styles","PageSideBarContext","PageSidebar","className","localStorageKey","collapsed","setCollapsed","sidebarState","classNames","index","onToggleButtonClick","prev","Tooltip","Button","PageSidebarHeader","context","PageContent","mainRef","virtualScrollRef","size","useSize","updatePosition","newValue","_a","PagePanel","open","noPadding","style","Page"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"Page.cjs","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","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/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\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  [\"data-tracking-id\"]?: string;\n};\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      localStorageKey = \"sidebar-collapsed\",\n      ...rest\n    } = props;\n\n    const data = {\n      localStorageKey,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PageSidebarButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\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                  data-tracking-id={trackingId}\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__namespace","element","i","ref","SvgChevronRight","props","SvgChevronLeft","PageElement","React","children","rest","jsxRuntime","styles","PageSideBarContext","PageSidebar","className","localStorageKey","data","trackingId","useTrackingId","collapsed","setCollapsed","sidebarState","classNames","index","onToggleButtonClick","prev","Tooltip","Button","PageSidebarHeader","context","PageContent","mainRef","virtualScrollRef","size","useSize","updatePosition","newValue","_a","PagePanel","open","noPadding","style","Page"],"mappings":"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","x_google_ignoreList":[0,1,2]}