@servicetitan/anvil2 1.1.2 → 1.2.0

package/Overflow.js

@@ -1,276 +1,42 @@
-import "./index2.css";
-import { j as L } from "./jsx-runtime-82a9ddf6.js";
-import { f as o } from "./jsx-runtime-944c88e2-e73fa629.js";
-import { forwardRef as b, useState as k, useRef as B, useEffect as D } from "react";
-import { J as $ } from "./useLayoutPropsUtil-e307abc7-053ab281.js";
-import { G as E } from "./index-c6e22bb9.js";
-import { j as J } from "./Flex-8986d95b.js";
-import { useTrackingId as F } from "./useTrackingId.js";
-import { g as q } from "./getLabelFromChildren-8fd8adc7.js";
-const A = "_overflow_yy7jp_2", K = "_expanded_yy7jp_2", M = "_content_yy7jp_55", Q = "_horizontal_yy7jp_96", t = {
-  overflow: A,
-  expanded: K,
-  "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: M,
-  horizontal: Q
-}, H = b(
-  (e, c) => {
-    const { row: d = 1, ...f } = e, { layoutStyles: j, componentProps: I } = $(f), [s, y] = k(!1), { className: _, style: C, children: n, ...u } = I, p = {
-      ...C,
-      ...j,
-      "--overflow-text-row": s ? "initial" : d
-    };
-    if ("expandable" in e && e.expandable === !0) {
-      const {
-        expandable: v,
-        expandText: N,
-        collapseText: r,
-        onExpand: x,
-        onCollapse: m,
-        ...g
-      } = u, T = N ?? "Show more...", O = r ?? "Show less...", l = (h) => {
-        if (y((w) => !w), s) {
-          m == null || m(h);
-          return;
-        }
-        x == null || x(h);
-      }, i = E(
-        [t["overflow-text"]],
-        [t.expandable],
-        {
-          [t.expanded]: s
-        }
-      );
-      return /* @__PURE__ */ o.jsxs(
-        "div",
-        {
-          ref: c,
-          className: i,
-          style: p,
-          ...g,
-          children: [
-            /* @__PURE__ */ o.jsx("div", { className: t.content, children: n }),
-            /* @__PURE__ */ o.jsx(
-              "button",
-              {
-                className: t["expand-button"],
-                onClick: l,
-                "aria-hidden": !0,
-                children: s ? O : T
-              }
-            )
-          ]
-        }
-      );
-    }
-    const a = E([t["overflow-text"]]);
-    return /* @__PURE__ */ o.jsx(
-      "div",
-      {
-        ref: c,
-        className: a,
-        style: p,
-        ...u,
-        children: /* @__PURE__ */ o.jsx("div", { className: t.content, children: n })
-      }
-    );
-  }
-);
-H.displayName = "OverflowText";
-const P = b(
-  (e, c) => {
-    const { layoutStyles: d, componentProps: f } = $(e), {
-      children: j,
-      className: I,
-      direction: s = "column",
-      style: y,
-      height: _,
-      width: C,
-      truncate: n,
-      gap: u,
-      ...p
-    } = f, a = B(null), [v, N] = k(!1), [r, x] = k({
-      left: !1,
-      right: !1,
-      top: !1,
-      bottom: !1
-    });
-    D(() => {
-      if (!a.current)
-        return;
-      if (s === "row") {
-        const i = a.current.offsetWidth < a.current.scrollWidth;
-        x((h) => ({
-          ...h,
-          right: i
-        }));
-        return;
-      }
-      const l = a.current.offsetHeight < a.current.scrollHeight;
-      x((i) => ({
-        ...i,
-        bottom: l
-      }));
-    }, [s]);
-    const m = () => {
-      if (!a.current)
-        return;
-      const l = a.current;
-      if (s === "row") {
-        const w = l.scrollLeft > 0, S = l.scrollLeft < l.scrollWidth - l.offsetWidth;
-        x({
-          left: w,
-          right: S,
-          top: !1,
-          bottom: !1
-        });
-        return;
-      }
-      const i = l.scrollTop > 0, h = l.scrollTop < l.scrollHeight - l.offsetHeight;
-      x({
-        top: i,
-        bottom: h,
-        left: !1,
-        right: !1
-      });
-    }, g = E([t.overflow], {
-      [t.vertical]: s === "column",
-      [t.horizontal]: s === "row",
-      [t.expanded]: v
-    });
-    if (n) {
-      const l = {
-        ...y,
-        ...d
-      }, i = {
-        minHeight: _ ?? void 0
-      }, h = typeof n == "object" ? n.expandText : "Show more...", w = typeof n == "object" ? n.collapseText : "Show less...", S = (z) => {
-        var W, G;
-        if (N((R) => !R), setTimeout(() => {
-          m();
-        }, 100), typeof n == "object") {
-          if (v) {
-            (W = n.onCollapse) == null || W.call(n, z);
-            return;
-          }
-          (G = n.onExpand) == null || G.call(n, z);
-        }
-      };
-      return /* @__PURE__ */ o.jsxs(
-        "div",
-        {
-          ref: c,
-          style: l,
-          className: g,
-          ...p,
-          children: [
-            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: m,
-                style: i,
-                ref: a,
-                direction: s,
-                gap: u,
-                tabIndex: 0,
-                children: j
-              }
-            ),
-            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: S,
-                children: v ? w : h
-              }
-            )
-          ]
-        }
-      );
-    }
-    const T = {
-      ...y,
-      ...d
-    }, O = {
-      minHeight: _ ?? void 0
-    };
-    return /* @__PURE__ */ o.jsxs(
-      "div",
-      {
-        ref: c,
-        style: T,
-        className: g,
-        ...p,
-        children: [
-          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: m,
-              ref: a,
-              style: O,
-              direction: s,
-              gap: u,
-              tabIndex: 0,
-              children: j
-            }
-          ),
-          r.bottom ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-bottom"] }) : null,
-          r.right ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-right"] }) : null
-        ]
-      }
-    );
-  }
-);
-P.displayName = "Overflow";
-const U = Object.assign(P, {
-  Text: H
-}), V = b(
-  (e, c) => {
-    const d = {
-      children: q(e.children),
+import { j as r } from "./jsx-runtime-82a9ddf6.js";
+import { e as c, I as o } from "./index-91597e0a.js";
+import { forwardRef as i } from "react";
+import { useTrackingId as d } from "./useTrackingId.js";
+import { n as l } from "./ui-react-c38ec008.js";
+const x = i(
+  (e, t) => {
+    const a = {
+      children: l(e.children),
       height: e.height,
       truncate: e.truncate
-    }, f = F({
+    }, n = d({
       name: "Overflow",
-      data: d,
+      data: a,
       hasOverride: !!e["data-tracking-id"]
     });
-    return /* @__PURE__ */ L.jsx(U, { ref: c, "data-tracking-id": f, ...e });
+    return /* @__PURE__ */ r.jsx(c, { ref: t, "data-tracking-id": n, ...e });
   }
-), X = b(
-  (e, c) => {
-    const d = {
+), m = i(
+  (e, t) => {
+    const a = {
       children: e.children,
       row: e.row,
       expandable: e.expandable,
       expandText: e.expandText,
       collapseText: e.collapseText
-    }, f = F({
+    }, n = d({
       name: "OverflowText",
-      data: d,
+      data: a,
       hasOverride: !!e["data-tracking-id"]
     });
-    return /* @__PURE__ */ L.jsx(H, { ref: c, "data-tracking-id": f, ...e });
+    return /* @__PURE__ */ r.jsx(o, { ref: t, "data-tracking-id": n, ...e });
   }
-), rt = Object.assign(V, {
-  Text: X
+), O = Object.assign(x, {
+  Text: m
 });
 export {
-  rt as Overflow,
-  X as OverflowText,
-  rt as default
+  O as Overflow,
+  m as OverflowText,
+  O 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\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { getLabelFromChildren } from \"../../internal/function/getLabelFromChildren\";\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: getLabelFromChildren(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","b","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","getLabelFromChildren","trackingId","useTrackingId","jsxRuntimeExports","OverflowText","Overflow"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Overflow.js","sources":["../src/components/Overflow/Overflow.tsx"],"sourcesContent":["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\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\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: childrenToString(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":["OverflowElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreOverflow","OverflowText","CoreOverflowText","Overflow"],"mappings":";;;;;AAcA,MAAMA,IAAkBC;AAAA,EACtB,CAACC,GAAsBC,MAA6B;AAClD,UAAMC,IAAO;AAAA,MACX,UAAUC,EAAiBH,EAAM,QAAQ;AAAA,MACzC,QAAQA,EAAM;AAAA,MACd,UAAUA,EAAM;AAAA,IAAA,GAGZI,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACF,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCAAQM,GAAa,EAAA,KAAAL,GAAU,oBAAkBG,GAAa,GAAGJ,EAAO,CAAA;AAAA,EAC1E;AACF,GACaO,IAAeR;AAAA,EAC1B,CAACC,GAA0BC,MAA6B;AACtD,UAAMC,IAAO;AAAA,MACX,UAAUF,EAAM;AAAA,MAChB,KAAKA,EAAM;AAAA,MACX,YAAYA,EAAM;AAAA,MAClB,YAAYA,EAAM;AAAA,MAClB,cAAcA,EAAM;AAAA,IAAA,GAGhBI,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACF,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCACGQ,GAAiB,EAAA,KAAAP,GAAU,oBAAkBG,GAAa,GAAGJ,EAAO,CAAA;AAAA,EAEzE;AACF,GAEaS,IAAW,OAAO,OAAOX,GAAiB;AAAA,EACrD,MAAMS;AACR,CAAC;"}

package/Page.cjs

@@ -1,2 +1,2 @@
-var K=require("./index3.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./jsx-runtime-494437bb.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;
+var ae=require("./index2.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-494437bb.cjs"),o=require("react"),v=require("./index-67d20edb.cjs"),R=require("./Button.cjs"),B=require("./useSize.cjs"),j=require("./Tooltip.cjs"),k=require("./primitive-898a5f6f.cjs"),L=require("./useTrackingId.cjs"),S=require("./index-30317fba.cjs");require("./LocalizationProvider.cjs");require("./index-d46fa8de-cc49032b.cjs");const E=require("./Dialog.cjs"),b=require("./Popover.cjs"),T=require("./Flex.cjs"),z=require("./Icon.cjs");function W(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const d=W(o),H="_page_3p54k_7",I="_container_3p54k_16",A="_content_3p54k_32",D="_sidebar_3p54k_41",K="_panel_3p54k_124",J="_collapsed_3p54k_160",F="_open_3p54k_160",G="_small_3p54k_160",U="_medium_3p54k_163",V="_large_3p54k_166",Y="_noPadding_3p54k_256",s={page:H,container:I,content:A,"content-inner":"_content-inner_3p54k_36",sidebar:D,"sidebar-inner":"_sidebar-inner_3p54k_50","toggle-button-wrapper":"_toggle-button-wrapper_3p54k_77","toggle-button-tooltip":"_toggle-button-tooltip_3p54k_85","toggle-button":"_toggle-button_3p54k_77","sidebar-header":"_sidebar-header_3p54k_103","sidebar-adaptive-trigger-container":"_sidebar-adaptive-trigger-container_3p54k_109","sidebar-adaptive-container":"_sidebar-adaptive-container_3p54k_118","sidebar-adaptive":"_sidebar-adaptive_3p54k_109",panel:K,"panel-inner":"_panel-inner_3p54k_131","virtual-scroll-container":"_virtual-scroll-container_3p54k_142",collapsed:J,open:F,small:G,medium:U,large:V,noPadding:Y,"sidebar-adaptive-trigger":"_sidebar-adaptive-trigger_3p54k_109"};function Q(...e){return d.useCallback(r=>{for(let a=0;a<e.length;a++){const n=e[a];typeof n=="function"?n(r):n&&typeof n=="object"&&(n.current=r)}},e)}const X=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.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"})),Z=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.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"})),$=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z"})),ee=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M8.12 9.29 12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z"})),te=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0z"})),ne=o.forwardRef((e,r)=>{const{children:a,...n}=e;return t.jsxRuntimeExports.jsx("div",{className:s.page,ref:r,...n,children:t.jsxRuntimeExports.jsx("div",{className:s.container,children:a})})}),N=o.createContext(null),P=o.forwardRef((e,r)=>{var w;const{children:a,className:n,currentPageTitle:p,localStorageKey:l="sidebar-collapsed",...g}=e,x={localStorageKey:l},{breakpoint:i}=o.useContext(S.M),m=L.useTrackingId({name:"PageSidebarButton",data:x,hasOverride:!!e["data-tracking-id"]}),[c,h]=o.useState(()=>{const u=localStorage.getItem(l);return u?JSON.parse(u):!1}),f=v.cx([s.sidebar],n,{[s.collapsed]:c}),_=()=>{h(u=>(localStorage.setItem(l,JSON.stringify(!u)),!u))},O=+(((w=k.BreakpointMd)==null?void 0:w.value.replace("px",""))??0);return((i==null?void 0:i.innerWidth)??0)<O?t.jsxRuntimeExports.jsxs(b.default,{fillAvailableHeight:!0,matchReferenceWidth:!0,noPadding:!0,disableCaret:!0,children:[t.jsxRuntimeExports.jsx(b.default.Trigger,{children:u=>(typeof document<"u"&&(u["data-state"]==="open"?document.body.style.overflow="hidden":document.body.style.overflow="auto"),t.jsxRuntimeExports.jsx("div",{className:s["sidebar-adaptive-trigger-container"],children:t.jsxRuntimeExports.jsxs(R.default,{className:s["sidebar-adaptive-trigger"],icon:$,appearance:"ghost",...u,children:[p||"Menu",t.jsxRuntimeExports.jsx(z.default,{flexGrow:"1",justifyContent:"end",svg:u["data-state"]==="open"?te:ee})]})}))}),t.jsxRuntimeExports.jsx(b.default.Content,{className:s["sidebar-adaptive-container"],children:t.jsxRuntimeExports.jsx(T.default,{direction:"column",className:s["sidebar-adaptive"],ref:r,children:a})})]}):t.jsxRuntimeExports.jsx(N.Provider,{value:{collapsed:c},children:t.jsxRuntimeExports.jsxs("div",{className:f,ref:r,...g,children:[t.jsxRuntimeExports.jsx("div",{className:s["sidebar-inner"],"aria-hidden":c,children:t.jsxRuntimeExports.jsx("div",{children:a})}),t.jsxRuntimeExports.jsx("div",{className:s["toggle-button-wrapper"],children:t.jsxRuntimeExports.jsxs(j.default,{placement:"right",children:[t.jsxRuntimeExports.jsx(j.default.Trigger,{className:s["toggle-button-tooltip"],children:t.jsxRuntimeExports.jsx(R.default,{size:"small",onClick:_,className:s["toggle-button"],"aria-label":c?"Open Sidebar":"Close Sidebar","data-tracking-id":m,icon:c?X:Z})}),t.jsxRuntimeExports.jsx(j.default.Content,{children:c?"Open Sidebar":"Close Sidebar"})]})})]})})}),y=o.forwardRef((e,r)=>{const{children:a,className:n,...p}=e,l=o.useContext(N),g=v.cx([s["sidebar-header"]],n);return t.jsxRuntimeExports.jsx("div",{className:g,ref:r,...p,children:t.jsxRuntimeExports.jsx("div",{className:s["header-content"],"aria-hidden":l==null?void 0:l.collapsed,children:a})})}),C=o.forwardRef((e,r)=>{const{children:a,className:n,...p}=e,l=v.cx([s.content],n),g=o.useRef(null),x=o.useRef(null),i=B.useSize(g);return o.useEffect(()=>{function m(){var h;const c=window.scrollY;(h=x.current)==null||h.scrollTo(0,c??0)}return window.addEventListener("scroll",m,{passive:!0}),()=>{window.removeEventListener("scroll",m)}},[]),t.jsxRuntimeExports.jsxs("main",{className:l,ref:Q(g,r),...p,children:[t.jsxRuntimeExports.jsx("div",{className:s["content-inner"],children:a}),t.jsxRuntimeExports.jsx("div",{className:s["virtual-scroll-container"],ref:x,style:{left:i&&(i==null?void 0:i.left)+(i==null?void 0:i.width)},children:t.jsxRuntimeExports.jsx("div",{style:{width:1,height:i?i.height+i.y*2:0}})})]})}),q=o.forwardRef((e,r)=>{var _;const{children:a,open:n,size:p="medium",noPadding:l,style:g,className:x,...i}=e,m=v.cx([s.panel],[s[p]],x,{[s.open]:typeof n>"u"?!0:n,[s.persistent]:typeof n>"u",[s.noPadding]:l}),{breakpoint:c}=o.useContext(S.M),h=+(((_=k.BreakpointMd)==null?void 0:_.value.replace("px",""))??0),f=(c==null?void 0:c.innerWidth)??0;return typeof n<"u"&&f<h?t.jsxRuntimeExports.jsx(E.default,{open:n,children:t.jsxRuntimeExports.jsx(E.default.Content,{children:t.jsxRuntimeExports.jsx("div",{className:m,"aria-hidden":!n,"aria-disabled":!n,ref:r,...i,children:a})})}):t.jsxRuntimeExports.jsx("div",{className:m,"aria-hidden":!n,"aria-disabled":!n,ref:r,...i,children:t.jsxRuntimeExports.jsx("div",{className:s["panel-inner"],tabIndex:typeof n<"u"&&n?0:-1,style:g,children:t.jsxRuntimeExports.jsx("div",{children:a})})})}),M=Object.assign(ne,{Sidebar:P,SidebarHeader:y,Content:C,Panel:q});exports.Page=M;exports.PageContent=C;exports.PagePanel=q;exports.PageSidebar=P;exports.PageSidebarHeader=y;exports.default=M;
 //# 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\";\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]}
+{"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","../node_modules/@servicetitan/hammer-icon/mdi/round/segment.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.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==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMThoMTBjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFIMTBjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDF6TTMgN2MwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUg0Yy0uNTUgMC0xIC40NS0xIDF6bTcgNmgxMGMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUgxMGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiA5LjI5IDEyIDEzLjE3bDMuODgtMy44OGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFsLTQuNTkgNC41OWEuOTk2Ljk5NiAwIDAgMS0xLjQxIDBMNi43IDEwLjdhLjk5Ni45OTYgMCAwIDEgMC0xLjQxYy4zOS0uMzggMS4wMy0uMzkgMS40MiAweiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiAxNC43MSAxMiAxMC44M2wzLjg4IDMuODhhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEyLjcgOC43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMNi43IDEzLjNhLjk5Ni45OTYgMCAwIDAgMCAxLjQxYy4zOS4zOCAxLjAzLjM5IDEuNDIgMHoiLz48L3N2Zz4=\"","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 SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n  AnvilProviderContext,\n  AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\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      <div className={styles[\"container\"]}>{children}</div>\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  currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      currentPageTitle,\n      localStorageKey = \"sidebar-collapsed\",\n      ...rest\n    } = props;\n\n    const data = {\n      localStorageKey,\n    };\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\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    const breakpointWidth = +(\n      core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (innerWidth < breakpointWidth) {\n      return (\n        <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n          <Popover.Trigger>\n            {(props) => {\n              if (typeof document !== \"undefined\") {\n                props[\"data-state\"] === \"open\"\n                  ? (document.body.style.overflow = \"hidden\")\n                  : (document.body.style.overflow = \"auto\");\n              }\n              return (\n                <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n                  <Button\n                    className={styles[\"sidebar-adaptive-trigger\"]}\n                    icon={SegmentSVG}\n                    appearance=\"ghost\"\n                    {...props}\n                  >\n                    {!currentPageTitle ? \"Menu\" : currentPageTitle}\n                    <Icon\n                      flexGrow=\"1\"\n                      justifyContent=\"end\"\n                      svg={\n                        props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n                      }\n                    />\n                  </Button>\n                </div>\n              );\n            }}\n          </Popover.Trigger>\n          <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n            <Flex\n              direction=\"column\"\n              className={styles[\"sidebar-adaptive\"]}\n              ref={ref}\n            >\n              {children}\n            </Flex>\n          </Popover.Content>\n        </Popover>\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>{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<\"div\"> & {\n  open?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\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\"]]: typeof open === \"undefined\" ? true : open,\n      [styles[\"persistent\"]]: typeof open === \"undefined\",\n      [styles[\"noPadding\"]]: noPadding,\n    });\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n      return (\n        <Dialog open={open}>\n          <Dialog.Content>\n            <div\n              className={classNames}\n              aria-hidden={!open}\n              aria-disabled={!open}\n              ref={ref}\n              {...rest}\n            >\n              {children}\n            </div>\n          </Dialog.Content>\n        </Dialog>\n      );\n    }\n    return (\n      <div\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={typeof open !== \"undefined\" && open ? 0 : -1}\n          style={style}\n        >\n          <div>{children}</div>\n        </div>\n      </div>\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","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","React","children","rest","jsxRuntime","styles","PageSideBarContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","AnvilProvider","trackingId","useTrackingId","collapsed","setCollapsed","sidebarState","classNames","index","onToggleButtonClick","prev","breakpointWidth","_a","primitive","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","virtualScrollRef","size","useSize","updatePosition","newValue","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/Page.d.ts

@@ -8,14 +8,15 @@ declare const Page: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttrib
     Sidebar: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         localStorageKey?: string;
         "data-tracking-id"?: string;
+        currentPageTitle?: string;
     } & 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"> & {
+    Panel: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         open?: boolean;
         size?: "small" | "medium" | "large";
         noPadding?: boolean;
-    } & RefAttributes<HTMLAreaElement>>;
+    } & RefAttributes<HTMLDivElement>>;
 };
 export { Page }
 export default Page;
@@ -24,13 +25,13 @@ export declare const PageContent: ForwardRefExoticComponent<Omit< DetailedHTMLPr
 
 export declare type PageContentProps = ComponentPropsWithoutRef<"main">;
 
-export declare const PagePanel: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+export declare const PagePanel: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     open?: boolean;
     size?: "small" | "medium" | "large";
     noPadding?: boolean;
-} & RefAttributes<HTMLAreaElement>>;
+} & RefAttributes<HTMLDivElement>>;
 
-export declare type PagePanelProps = ComponentPropsWithoutRef<"aside"> & {
+export declare type PagePanelProps = ComponentPropsWithoutRef<"div"> & {
     open?: boolean;
     size?: "small" | "medium" | "large";
     noPadding?: boolean;
@@ -41,6 +42,7 @@ export declare type PageProps = ComponentPropsWithoutRef<"div">;
 export declare const PageSidebar: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     localStorageKey?: string;
     "data-tracking-id"?: string;
+    currentPageTitle?: string;
 } & RefAttributes<HTMLDivElement>>;
 
 export declare const PageSidebarHeader: ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
@@ -50,6 +52,7 @@ export declare type PageSidebarHeaderProps = ComponentPropsWithoutRef<"div">;
 export declare type PageSidebarProps = ComponentPropsWithoutRef<"div"> & {
     localStorageKey?: string;
     ["data-tracking-id"]?: string;
+    currentPageTitle?: string;
 };
 
 export { }