@servicetitan/anvil2 1.4.2 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AnvilProvider.cjs +1 -1
- package/AnvilProvider.js +1 -1
- package/{Avatar-BDwEQ8hH.cjs → Avatar-CNJ9LXcp.cjs} +2 -2
- package/{Avatar-BDwEQ8hH.cjs.map → Avatar-CNJ9LXcp.cjs.map} +1 -1
- package/{Avatar-BFOOEO8X.js → Avatar-DG_L1Q7e.js} +2 -2
- package/{Avatar-BFOOEO8X.js.map → Avatar-DG_L1Q7e.js.map} +1 -1
- package/Avatar.cjs +1 -1
- package/Avatar.js +1 -1
- package/{Chip-BVUDQYeX-yyDtbgnF.js → Chip-BVUDQYeX-Dz3G1Cub.js} +2 -2
- package/{Chip-BVUDQYeX-yyDtbgnF.js.map → Chip-BVUDQYeX-Dz3G1Cub.js.map} +1 -1
- package/{Chip-BVUDQYeX-BOPqql7F.cjs → Chip-BVUDQYeX-wladh0Ym.cjs} +2 -2
- package/{Chip-BVUDQYeX-BOPqql7F.cjs.map → Chip-BVUDQYeX-wladh0Ym.cjs.map} +1 -1
- package/{Chip-BFHfEIaC.cjs → Chip-Bf4suvot.cjs} +2 -2
- package/{Chip-BFHfEIaC.cjs.map → Chip-Bf4suvot.cjs.map} +1 -1
- package/{Chip-tEtfL-sa.js → Chip-Czf7RPL1.js} +2 -2
- package/{Chip-tEtfL-sa.js.map → Chip-Czf7RPL1.js.map} +1 -1
- package/Chip.cjs +1 -1
- package/Chip.js +1 -1
- package/{Combobox-CasGz9XO.cjs → Combobox-D-KoEPmn.cjs} +2 -2
- package/{Combobox-CasGz9XO.cjs.map → Combobox-D-KoEPmn.cjs.map} +1 -1
- package/{Combobox-CZ4F6ltk.js → Combobox-o-MN9vEF.js} +4 -4
- package/{Combobox-CZ4F6ltk.js.map → Combobox-o-MN9vEF.js.map} +1 -1
- package/Combobox.cjs +1 -1
- package/Combobox.js +1 -1
- package/HammerProvider-CWIhk1CR-DOBTx2Wh.js +59 -0
- package/HammerProvider-CWIhk1CR-DOBTx2Wh.js.map +1 -0
- package/HammerProvider-CWIhk1CR-Ddx1ijkL.cjs +2 -0
- package/HammerProvider-CWIhk1CR-Ddx1ijkL.cjs.map +1 -0
- package/{InputMask-CDk4133D.js → InputMask-CkeR2df_.js} +3 -3
- package/{InputMask-CDk4133D.js.map → InputMask-CkeR2df_.js.map} +1 -1
- package/InputMask-Y_tfrwbz.cjs +2 -0
- package/{InputMask-ygiupqo0.cjs.map → InputMask-Y_tfrwbz.cjs.map} +1 -1
- package/InputMask.cjs +1 -1
- package/InputMask.js +1 -1
- package/{Label-CkY8ldc9-D2wJaQlN.js → Label-CkY8ldc9-BeCRsp4F.js} +2 -2
- package/{Label-CkY8ldc9-D2wJaQlN.js.map → Label-CkY8ldc9-BeCRsp4F.js.map} +1 -1
- package/{Label-CkY8ldc9-Bo6kvWpn.cjs → Label-CkY8ldc9-DdYCfagp.cjs} +2 -2
- package/{Label-CkY8ldc9-Bo6kvWpn.cjs.map → Label-CkY8ldc9-DdYCfagp.cjs.map} +1 -1
- package/Menu-BMJBWn7R.cjs +2 -0
- package/{Menu-BQAq0L8N.cjs.map → Menu-BMJBWn7R.cjs.map} +1 -1
- package/{Menu-Cp_2j_XW.js → Menu-hNCen-5_.js} +5 -4
- package/{Menu-Cp_2j_XW.js.map → Menu-hNCen-5_.js.map} +1 -1
- package/Menu.cjs +1 -1
- package/Menu.js +1 -1
- package/{Page-BHVbtL63.cjs → Page-Cb1E-7e1.cjs} +2 -2
- package/{Page-BHVbtL63.cjs.map → Page-Cb1E-7e1.cjs.map} +1 -1
- package/{Page-DyiLrgtg.js → Page-DsbgoZSc.js} +4 -4
- package/{Page-DyiLrgtg.js.map → Page-DsbgoZSc.js.map} +1 -1
- package/Page.cjs +1 -1
- package/Page.js +1 -1
- package/{Popover-Bvpvj5WS.js → Popover-23Ev0b78.js} +2 -2
- package/{Popover-Bvpvj5WS.js.map → Popover-23Ev0b78.js.map} +1 -1
- package/{Popover-DFhBDbdL.cjs → Popover-BzaMUxnR.cjs} +2 -2
- package/{Popover-DFhBDbdL.cjs.map → Popover-BzaMUxnR.cjs.map} +1 -1
- package/Popover-w3OnmR7f-CjKtvEo6.cjs +2 -0
- package/{Popover-w3OnmR7f-DJiuhFLh.cjs.map → Popover-w3OnmR7f-CjKtvEo6.cjs.map} +1 -1
- package/{Popover-w3OnmR7f-DWTdyEZ0.js → Popover-w3OnmR7f-DoGrzMJ0.js} +5 -4
- package/{Popover-w3OnmR7f-DWTdyEZ0.js.map → Popover-w3OnmR7f-DoGrzMJ0.js.map} +1 -1
- package/Popover.cjs +1 -1
- package/Popover.js +1 -1
- package/{ProgressBar-dNV_9-_s.cjs → ProgressBar-DPUDy76j.cjs} +2 -2
- package/{ProgressBar-dNV_9-_s.cjs.map → ProgressBar-DPUDy76j.cjs.map} +1 -1
- package/{ProgressBar-AVSC0MNT.js → ProgressBar-DWdoAaFD.js} +2 -2
- package/{ProgressBar-AVSC0MNT.js.map → ProgressBar-DWdoAaFD.js.map} +1 -1
- package/ProgressBar.cjs +1 -1
- package/ProgressBar.js +1 -1
- package/SearchField-DMZeH4tv.js +124 -0
- package/SearchField-DMZeH4tv.js.map +1 -0
- package/SearchField-DVXdCoPK.cjs +2 -0
- package/SearchField-DVXdCoPK.cjs.map +1 -0
- package/SearchField.cjs +2 -0
- package/SearchField.cjs.map +1 -0
- package/SearchField.css +1 -0
- package/SearchField.d.ts +8 -0
- package/SearchField.js +5 -0
- package/SearchField.js.map +1 -0
- package/{TextField-Ch1aIQRm.cjs → TextField-BVQaP7H7.cjs} +2 -2
- package/{TextField-Ch1aIQRm.cjs.map → TextField-BVQaP7H7.cjs.map} +1 -1
- package/TextField-C0ccUDu5-BJ1OgnAH.js +132 -0
- package/TextField-C0ccUDu5-BJ1OgnAH.js.map +1 -0
- package/TextField-C0ccUDu5-CsP_R7YU.cjs +2 -0
- package/TextField-C0ccUDu5-CsP_R7YU.cjs.map +1 -0
- package/{TextField-Qc-aHZwp.js → TextField-DAYMqBDV.js} +2 -2
- package/{TextField-Qc-aHZwp.js.map → TextField-DAYMqBDV.js.map} +1 -1
- package/TextField.cjs +1 -1
- package/TextField.js +1 -1
- package/TextField.module-FqfCDXi5-BPclnWpN.cjs +2 -0
- package/TextField.module-FqfCDXi5-BPclnWpN.cjs.map +1 -0
- package/TextField.module-FqfCDXi5-BZ6vbfWm.js +15 -0
- package/TextField.module-FqfCDXi5-BZ6vbfWm.js.map +1 -0
- package/{Textarea-BvKAlyr5.cjs → Textarea-BOeov_xe.cjs} +2 -2
- package/{Textarea-BvKAlyr5.cjs.map → Textarea-BOeov_xe.cjs.map} +1 -1
- package/{Textarea-D9tRBJov.js → Textarea-eEMV0_Rc.js} +2 -2
- package/{Textarea-D9tRBJov.js.map → Textarea-eEMV0_Rc.js.map} +1 -1
- package/Textarea.cjs +1 -1
- package/Textarea.js +1 -1
- package/{Tooltip-DV9FC-5a.cjs → Tooltip-CnIbXXhc.cjs} +2 -2
- package/{Tooltip-DV9FC-5a.cjs.map → Tooltip-CnIbXXhc.cjs.map} +1 -1
- package/Tooltip-Cp1dXMJf-7FMcpRhI.cjs +2 -0
- package/{Tooltip-Cp1dXMJf-BVijxbJA.cjs.map → Tooltip-Cp1dXMJf-7FMcpRhI.cjs.map} +1 -1
- package/{Tooltip-Cp1dXMJf-DZiDNAIp.js → Tooltip-Cp1dXMJf-BhwVGQP-.js} +22 -21
- package/{Tooltip-Cp1dXMJf-DZiDNAIp.js.map → Tooltip-Cp1dXMJf-BhwVGQP-.js.map} +1 -1
- package/{Tooltip-NbfopVjX.js → Tooltip-GO34ghh6.js} +2 -2
- package/{Tooltip-NbfopVjX.js.map → Tooltip-GO34ghh6.js.map} +1 -1
- package/Tooltip.cjs +1 -1
- package/Tooltip.js +1 -1
- package/anvil2.cjs +1 -1
- package/anvil2.d.ts +6 -0
- package/anvil2.js +82 -80
- package/anvil2.js.map +1 -1
- package/floating-ui.react-CSe9ZeJV.cjs +5 -0
- package/floating-ui.react-CSe9ZeJV.cjs.map +1 -0
- package/{HammerProvider-CWIhk1CR-D4ToJaAz.js → floating-ui.react-CtX9ed-z.js} +1092 -1145
- package/floating-ui.react-CtX9ed-z.js.map +1 -0
- package/package.json +1 -1
- package/HammerProvider-CWIhk1CR-C9q7tn1p.cjs +0 -5
- package/HammerProvider-CWIhk1CR-C9q7tn1p.cjs.map +0 -1
- package/HammerProvider-CWIhk1CR-D4ToJaAz.js.map +0 -1
- package/InputMask-ygiupqo0.cjs +0 -2
- package/Menu-BQAq0L8N.cjs +0 -2
- package/Popover-w3OnmR7f-DJiuhFLh.cjs +0 -2
- package/TextField-C0ccUDu5-CMsKnSgb.cjs +0 -2
- package/TextField-C0ccUDu5-CMsKnSgb.cjs.map +0 -1
- package/TextField-C0ccUDu5-pdoiLX1u.js +0 -141
- package/TextField-C0ccUDu5-pdoiLX1u.js.map +0 -1
- package/Tooltip-Cp1dXMJf-BVijxbJA.cjs +0 -2
- /package/{TextField-C0ccUDu5.css → TextField.css} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu-Cp_2j_XW.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Menu-DDwpajUr.js","../src/components/Menu/Menu.tsx"],"sourcesContent":["import { j as e } from \"./jsx-runtime-DmTjM30f.js\";\nimport { useListItem as J, useFloatingTree as Q, useFloatingNodeId as _e, useFloatingParentNodeId as V, useFloating as Me, offset as He, flip as Ne, shift as Pe, limitShift as Ae, size as ye, autoUpdate as Ee, useHover as Re, safePolygon as pe, useClick as Te, useRole as Ce, useDismiss as Se, useListNavigation as ke, useTypeahead as Oe, useInteractions as qe, FloatingNode as ze, FloatingList as Be, FloatingPortal as De, FloatingFocusManager as Le, FloatingTree as Ue } from \"@floating-ui/react\";\nimport * as j from \"react\";\nimport { forwardRef as k, useContext as H, createContext as $e, useState as f, useRef as p, useEffect as T, useMemo as Ge } from \"react\";\nimport Ke from \"classnames\";\nimport { I as N } from \"./Icon-BcLI32jH.js\";\nimport { B as We } from \"./ButtonToggle-uOhiLjZh.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { u as Y } from \"./useMergeRefs-CXJ8qoaV.js\";\nimport \"./HammerProvider-CWIhk1CR.js\";\nimport \"./LocalizationProvider-DUpcgOpg.js\";\nimport { a as Xe, T as Je } from \"./ThemeProvider-ToVvRp6m.js\";\nimport { a as Qe } from \"./Dialog-LF_eUywW.js\";\nimport { P as Ve } from \"./PortalProvider-CvQRdwLj.js\";\nimport \"lodash.merge\";\nimport { c as Ye } from \"./childrenToString-BP48L6HE.js\";\nimport './Menu.css';const Ze = \"_item_3gqn6_5\", et = \"_menu_3gqn6_49\", tt = \"_scroll_3gqn6_60\", nt = \"_disabled_3gqn6_108\", g = {\n \"nested-menu\": \"_nested-menu_3gqn6_4\",\n item: Ze,\n menu: et,\n scroll: tt,\n \"arrow-down\": \"_arrow-down_3gqn6_70\",\n \"arrow-up\": \"_arrow-up_3gqn6_71\",\n \"arrow-icon\": \"_arrow-icon_3gqn6_83\",\n disabled: nt\n}, Z = k(({ label: o, disabled: a, icon: u, ...c }, y) => {\n const t = H(C), P = J({\n label: a ? null : Ye(o)\n }), s = Q(), w = P.index === t.activeIndex;\n return /* @__PURE__ */ e.jsxs(\n \"button\",\n {\n ...c,\n ref: Y([P.ref, y]),\n type: \"button\",\n role: \"menuitem\",\n \"data-anv\": \"menu-item\",\n className: g.item,\n tabIndex: w ? 0 : -1,\n disabled: a,\n ...t.getItemProps({\n onClick(I) {\n var m;\n (m = c.onClick) == null || m.call(c, I), s == null || s.events.emit(\"click\");\n },\n onFocus(I) {\n var m;\n (m = c.onFocus) == null || m.call(c, I), t.setHasFocusInside(!0);\n }\n }),\n children: [\n u ? /* @__PURE__ */ e.jsx(N, { inherit: !0, \"aria-hidden\": !0, svg: u }) : null,\n o\n ]\n }\n );\n});\nZ.displayName = \"MenuItem\";\nconst st = (o) => /* @__PURE__ */ j.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...o }, /* @__PURE__ */ j.createElement(\"path\", { d: \"M9.31 6.71a.996.996 0 0 0 0 1.41L13.19 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.72 6.7c-.38-.38-1.02-.38-1.41.01z\" })), ot = (o) => /* @__PURE__ */ j.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...o }, /* @__PURE__ */ j.createElement(\"path\", { d: \"M8.71 12.29 11.3 9.7a.996.996 0 0 1 1.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71H9.41c-.89 0-1.33-1.08-.7-1.71z\" })), it = (o) => /* @__PURE__ */ j.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...o }, /* @__PURE__ */ j.createElement(\"path\", { d: \"m8.71 11.71 2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z\" })), C = $e({\n getItemProps: () => ({}),\n activeIndex: null,\n setActiveIndex: () => {\n },\n setHasFocusInside: () => {\n },\n isOpen: !1\n}), S = k(\n ({ children: o, disableAutoHeight: a, open: u, icon: c, root: y, ...t }, P) => {\n var K, W, X;\n const [s, w] = f(!!u || !1), [I, m] = f(!1), [A, E] = f(null), _ = p(null), [O, te] = f(0), [ne, R] = f(null), [se, oe] = f(!1), [ie, re] = f(!1), q = p([]), z = p([]), i = H(C), { root: ae } = H(Ve), d = Q(), b = _e(), M = V(), B = J(), l = M != null, { theme: le, mode: ce = \"light\" } = H(Xe), h = H(Qe), ue = () => l ? i.disableAutoHeight ? [\"right-start\"] : [\"right-start\", \"right-end\", \"left-start\", \"left-end\"] : a ? [\"bottom-start\"] : [\"bottom-start\", \"top-start\"], me = (n) => {\n if (typeof u == \"boolean\") {\n w(u);\n return;\n }\n w(n);\n }, { floatingStyles: de, refs: x, context: v } = Me({\n nodeId: b,\n open: s,\n onOpenChange: me,\n placement: l ? \"right-start\" : \"bottom-start\",\n middleware: [\n He({\n mainAxis: l ? 0 : 4,\n alignmentAxis: l ? -4 : 0\n }),\n Ne({\n fallbackStrategy: \"bestFit\",\n fallbackPlacements: ue()\n }),\n Pe({\n mainAxis: !i.disableAutoHeight,\n crossAxis: !1,\n limiter: Ae({\n mainAxis: !i.disableAutoHeight\n })\n }),\n ye({\n padding: 8,\n apply({ availableWidth: n, availableHeight: r, elements: F }) {\n (a ?? i.disableAutoHeight) || (R(r), Object.assign(F.floating.style, {\n maxWidth: `${n}px`,\n maxHeight: `${r}px`\n }));\n }\n })\n ],\n whileElementsMounted: Ee\n }), [ge, D] = f(!1), fe = Re(v, {\n enabled: ge,\n delay: { open: 75 },\n handleClose: pe({ blockPointerEvents: !0 })\n }), he = Te(v, {\n event: \"mousedown\",\n toggle: !l,\n ignoreMouse: l\n }), xe = Ce(v, { role: \"menu\" }), ve = Se(v, { bubbles: !0 }), we = ke(v, {\n listRef: q,\n activeIndex: A,\n nested: l,\n onNavigate: E\n }), Ie = Oe(v, {\n listRef: z,\n onMatch: s ? E : void 0,\n activeIndex: A\n }), { getReferenceProps: L, getFloatingProps: be, getItemProps: U } = qe([fe, he, xe, ve, we, Ie]);\n T(() => {\n if (!d) return;\n function n() {\n w(!!u || !1);\n }\n function r(F) {\n F.nodeId !== b && F.parentId === M && w(!!u || !1);\n }\n return d.events.on(\"click\", n), d.events.on(\"menuopen\", r), () => {\n d.events.off(\"click\", n), d.events.off(\"menuopen\", r);\n };\n }, [d, b, M]), T(() => {\n (a ?? i.disableAutoHeight) || (s ? setTimeout(() => {\n if (_.current && x.floating.current && (R(x.floating.current.clientHeight), _.current.scrollHeight > x.floating.current.clientHeight)) {\n const r = _.current.scrollTop > 0, F = _.current.scrollHeight - x.floating.current.clientHeight - O - 16 > 0;\n oe(r), re(F);\n }\n }, 0) : R(null));\n }, [\n a,\n s,\n i.disableAutoHeight,\n x.floating,\n O\n ]), T(() => {\n s && d && d.events.emit(\"menuopen\", { parentId: M, nodeId: b });\n }, [d, s, b, M]);\n const Fe = Ke({\n [g[\"nested-menu\"]]: l,\n [g.item]: !l\n }), $ = Y([x.setReference, B.ref, P]), G = {\n \"data-open\": s,\n \"data-focus-inside\": I,\n ref: $,\n ...L(\n i.getItemProps({\n ...t,\n // This is to allow any type of element to be used as a custom trigger element\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onFocus(n) {\n var r;\n (r = t.onFocus) == null || r.call(t, n), m(!1), i.setHasFocusInside(!0);\n }\n // This is to allow any type of element to be used as a custom trigger element\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n })\n )\n }, je = Ge(\n () => ({\n activeIndex: A,\n setActiveIndex: E,\n getItemProps: U,\n setHasFocusInside: m,\n isOpen: s,\n disableAutoHeight: a ?? i.disableAutoHeight\n }),\n [\n A,\n a,\n U,\n s,\n i.disableAutoHeight\n ]\n );\n return /* @__PURE__ */ e.jsxs(ze, { id: b, children: [\n l ? /* @__PURE__ */ e.jsxs(\n \"button\",\n {\n ref: $,\n tabIndex: i.activeIndex === B.index ? 0 : -1,\n role: \"menuitem\",\n \"data-anv\": \"menu-item\",\n \"data-open\": s ? \"\" : void 0,\n \"data-nested\": \"\",\n \"data-focus-inside\": I ? \"\" : void 0,\n className: Fe,\n ...L(\n i.getItemProps({\n ...t,\n onFocus(n) {\n var r;\n (r = t.onFocus) == null || r.call(t, n), m(!1), i.setHasFocusInside(!0);\n },\n onMouseEnter: () => D(!0)\n })\n ),\n children: [\n c ? /* @__PURE__ */ e.jsx(N, { inherit: !0, \"aria-hidden\": !0, svg: c }) : null,\n \"label\" in t && t.label,\n /* @__PURE__ */ e.jsx(\"div\", { style: { flexGrow: 1 } }),\n /* @__PURE__ */ e.jsx(N, { \"aria-hidden\": !0, svg: st })\n ]\n }\n ) : \"trigger\" in t ? (K = t.trigger) == null ? void 0 : K.call(t, G) : /* @__PURE__ */ e.jsx(\n We,\n {\n ...t,\n ...G,\n \"data-anv\": \"menu\",\n children: \"label\" in t && t.label\n }\n ),\n /* @__PURE__ */ e.jsx(C.Provider, { value: je, children: /* @__PURE__ */ e.jsx(Be, { elementsRef: q, labelsRef: z, children: s && (h == null || ((W = h == null ? void 0 : h.ref) == null ? void 0 : W.current) != null) && /* @__PURE__ */ e.jsx(\n De,\n {\n root: y ?? ((X = h == null ? void 0 : h.ref) == null ? void 0 : X.current) ?? ae,\n children: /* @__PURE__ */ e.jsx(\n Le,\n {\n context: v,\n modal: !1,\n initialFocus: l ? -1 : 0,\n returnFocus: !l,\n children: /* @__PURE__ */ e.jsx(Je, { theme: le, mode: ce, children: /* @__PURE__ */ e.jsxs(\n \"div\",\n {\n ref: x.setFloating,\n className: g.menu,\n style: de,\n ...be({\n onMouseEnter: () => {\n D(!1);\n },\n onKeyDown: (n) => {\n (n.code === \"ArrowLeft\" || n.code === \"ArrowRight\") && n.stopPropagation();\n }\n }),\n children: [\n se && /* @__PURE__ */ e.jsx(\"div\", { className: g[\"arrow-up\"], \"aria-hidden\": !0, children: /* @__PURE__ */ e.jsx(\n N,\n {\n svg: ot,\n size: \"xlarge\",\n className: g[\"arrow-icon\"]\n }\n ) }),\n /* @__PURE__ */ e.jsx(\n \"div\",\n {\n ref: _,\n className: g.scroll,\n style: {\n position: \"relative\",\n maxHeight: ne ?? \"inherit\"\n },\n onScroll: (n) => te(n.currentTarget.scrollTop),\n children: o\n }\n ),\n ie && /* @__PURE__ */ e.jsx(\"div\", { className: g[\"arrow-down\"], \"aria-hidden\": !0, children: /* @__PURE__ */ e.jsx(\n N,\n {\n svg: it,\n size: \"xlarge\",\n className: g[\"arrow-icon\"]\n }\n ) })\n ]\n }\n ) })\n }\n )\n }\n ) }) })\n ] });\n }\n);\nS.displayName = \"MenuComponent\";\nconst ee = k((o, a) => V() === null ? /* @__PURE__ */ e.jsx(Ue, { children: /* @__PURE__ */ e.jsx(S, { ...o, ref: a }) }) : /* @__PURE__ */ e.jsx(S, { ...o, ref: a }));\nee.displayName = \"Menu\";\nconst jt = Object.assign(ee, {\n Item: Z\n});\nexport {\n jt as M,\n Z as a\n};\n//# sourceMappingURL=Menu-DDwpajUr.js.map\n","import {\n MenuProps as CoreMenuProps,\n Menu as CoreMenu,\n MenuItemProps as CoreMenuItemProps,\n MenuItem as CoreMenuItem,\n} from \"@servicetitan/hammer-react/dist/Menu\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type MenuProps = CoreMenuProps & DataTrackingId;\nexport type MenuItemProps = CoreMenuItemProps & DataTrackingId;\n\n// TODO: Figure out why MenuProps breaks here\nconst MenuElement = (props: MenuProps) => {\n const data = {\n value: props.value,\n ariaLabel: props[\"aria-label\"],\n };\n\n const trackingId = useTrackingId({\n name: \"Menu\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return <CoreMenu data-tracking-id={trackingId} {...props} />;\n};\n\nexport const MenuItem = forwardRef(\n (props: MenuItemProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n label: childrenToString(props.label),\n };\n\n const trackingId = useTrackingId({\n name: \"MenuItem\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return <CoreMenuItem ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\n\nexport const Menu = Object.assign(MenuElement, {\n Item: MenuItem,\n});\n"],"names":["Ze","et","tt","nt","g","Z","k","o","a","u","y","t","H","C","P","J","Ye","s","Q","w","e","Y","I","m","N","st","j","it","$e","S","K","W","X","f","A","_","p","O","te","ne","se","oe","ie","re","q","z","i","ae","Ve","d","b","_e","M","V","B","l","le","ce","Xe","h","Qe","ue","me","n","de","x","v","Me","He","Ne","Pe","Ae","ye","r","F","Ee","ge","D","fe","Re","pe","he","Te","xe","Ce","ve","Se","we","ke","Ie","Oe","L","be","qe","T","Fe","Ke","$","G","je","Ge","ze","We","Be","De","Le","Je","ee","Ue","jt","MenuElement","props","data","trackingId","useTrackingId","jsx","CoreMenu","MenuItem","forwardRef","ref","childrenToString","CoreMenuItem","Menu"],"mappings":";;;;;;;;;;;;;;;;;AAiBoB,MAAMA,KAAK,iBAAiBC,KAAK,kBAAkBC,KAAK,oBAAoBC,KAAK,uBAAuBC,IAAI;AAAA,EAC9H,eAAe;AAAA,EACf,MAAMJ;AAAA,EACN,MAAMC;AAAA,EACN,QAAQC;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAUC;AACZ,GAAGE,IAAIC,EAAE,CAAC,EAAE,OAAOC,GAAG,UAAUC,GAAG,MAAMC,GAAG,GAAG,EAAC,GAAIC,MAAM;AACxD,QAAMC,IAAIC,EAAEC,CAAC,GAAGC,IAAIC,EAAE;AAAA,IACpB,OAAOP,IAAI,OAAOQ,GAAGT,CAAC;AAAA,EAC1B,CAAG,GAAGU,IAAIC,KAAKC,IAAIL,EAAE,UAAUH,EAAE;AAC/B,SAAuBS,gBAAAA,EAAE;AAAA,IACvB;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAKC,GAAE,CAACP,EAAE,KAAKJ,CAAC,CAAC;AAAA,MACjB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAWN,EAAE;AAAA,MACb,UAAUe,IAAI,IAAI;AAAA,MAClB,UAAUX;AAAA,MACV,GAAGG,EAAE,aAAa;AAAA,QAChB,QAAQW,GAAG;AACT,cAAIC;AACJ,WAACA,IAAI,EAAE,YAAY,QAAQA,EAAE,KAAK,GAAGD,CAAC,GAAGL,KAAK,QAAQA,EAAE,OAAO,KAAK,OAAO;AAAA,QAC5E;AAAA,QACD,QAAQK,GAAG;AACT,cAAIC;AACJ,WAACA,IAAI,EAAE,YAAY,QAAQA,EAAE,KAAK,GAAGD,CAAC,GAAGX,EAAE,kBAAkB,EAAE;AAAA,QAChE;AAAA,MACT,CAAO;AAAA,MACD,UAAU;AAAA,QACRF,IAAoBW,gBAAAA,EAAE,IAAII,GAAG,EAAE,SAAS,IAAI,eAAe,IAAI,KAAKf,EAAC,CAAE,IAAI;AAAA,QAC3EF;AAAAA,MACD;AAAA,IACF;AAAA,EACL;AACA,CAAC;AACDF,EAAE,cAAc;AAChB,MAAMoB,KAAK,CAAClB,MAAsBmB,gBAAAA,EAAE,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,aAAa,GAAGnB,EAAC,GAAoBmB,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,qJAAoJ,CAAE,CAAC,GAAG,KAAK,CAACnB,MAAsBmB,gBAAAA,EAAE,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,aAAa,GAAGnB,KAAqBmB,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,8GAA+G,CAAA,CAAC,GAAGC,KAAK,CAACpB,MAAsBmB,gBAAAA,EAAE,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,aAAa,GAAGnB,EAAG,GAAkBmB,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,gHAA+G,CAAE,CAAC,GAAGb,IAAIe,GAAG;AAAA,EACn9B,cAAc,OAAO,CAAA;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EACrB;AAAA,EACD,mBAAmB,MAAM;AAAA,EACxB;AAAA,EACD,QAAQ;AACV,CAAC,GAAGC,IAAIvB;AAAAA,EACN,CAAC,EAAE,UAAUC,GAAG,mBAAmBC,GAAG,MAAMC,GAAG,MAAM,GAAG,MAAMC,GAAG,GAAGC,EAAC,GAAIG,MAAM;AAC7E,QAAIgB,GAAGC,GAAGC;AACV,UAAM,CAACf,GAAGE,CAAC,IAAIc,EAAE,CAAC,CAACxB,KAAK,EAAE,GAAG,CAACa,GAAGC,CAAC,IAAIU,EAAE,EAAE,GAAG,CAACC,GAAG,CAAC,IAAID,EAAE,IAAI,GAAGE,IAAIC,EAAE,IAAI,GAAG,CAACC,GAAGC,EAAE,IAAIL,EAAE,CAAC,GAAG,CAACM,IAAI,CAAC,IAAIN,EAAE,IAAI,GAAG,CAACO,IAAIC,EAAE,IAAIR,EAAE,EAAE,GAAG,CAACS,IAAIC,EAAE,IAAIV,EAAE,EAAE,GAAGW,IAAIR,EAAE,CAAA,CAAE,GAAGS,IAAIT,EAAE,CAAA,CAAE,GAAGU,IAAIlC,EAAEC,CAAC,GAAG,EAAE,MAAMkC,GAAI,IAAGnC,EAAEoC,EAAE,GAAGC,IAAI/B,EAAG,GAAEgC,IAAIC,GAAE,GAAIC,IAAIC,EAAG,GAAEC,IAAIvC,EAAG,GAAEwC,IAAIH,KAAK,MAAM,EAAE,OAAOI,IAAI,MAAMC,KAAK,YAAY7C,EAAE8C,EAAE,GAAGC,IAAI/C,EAAEgD,EAAE,GAAGC,KAAK,MAAMN,IAAIT,EAAE,oBAAoB,CAAC,aAAa,IAAI,CAAC,eAAe,aAAa,cAAc,UAAU,IAAItC,IAAI,CAAC,cAAc,IAAI,CAAC,gBAAgB,WAAW,GAAGsD,KAAK,CAACC,MAAM;AACne,UAAI,OAAOtD,KAAK,WAAW;AACzB,QAAAU,EAAEV,CAAC;AACH;AAAA,MACD;AACD,MAAAU,EAAE4C,CAAC;AAAA,IACT,GAAO,EAAE,gBAAgBC,IAAI,MAAMC,GAAG,SAASC,EAAG,IAAGC,GAAG;AAAA,MAClD,QAAQjB;AAAA,MACR,MAAMjC;AAAA,MACN,cAAc6C;AAAA,MACd,WAAWP,IAAI,gBAAgB;AAAA,MAC/B,YAAY;AAAA,QACVa,GAAG;AAAA,UACD,UAAUb,IAAI,IAAI;AAAA,UAClB,eAAeA,IAAI,KAAK;AAAA,QAClC,CAAS;AAAA,QACDc,GAAG;AAAA,UACD,kBAAkB;AAAA,UAClB,oBAAoBR,GAAI;AAAA,QAClC,CAAS;AAAA,QACDS,GAAG;AAAA,UACD,UAAU,CAACxB,EAAE;AAAA,UACb,WAAW;AAAA,UACX,SAASyB,GAAG;AAAA,YACV,UAAU,CAACzB,EAAE;AAAA,UACzB,CAAW;AAAA,QACX,CAAS;AAAA,QACD0B,GAAG;AAAA,UACD,SAAS;AAAA,UACT,MAAM,EAAE,gBAAgBT,GAAG,iBAAiBU,GAAG,UAAUC,KAAK;AAC5D,aAAClE,KAAKsC,EAAE,uBAAuB,EAAE2B,CAAC,GAAG,OAAO,OAAOC,EAAE,SAAS,OAAO;AAAA,cACnE,UAAU,GAAGX,CAAC;AAAA,cACd,WAAW,GAAGU,CAAC;AAAA,YAChB,CAAA;AAAA,UACF;AAAA,QACX,CAAS;AAAA,MACF;AAAA,MACD,sBAAsBE;AAAAA,IAC5B,CAAK,GAAG,CAACC,IAAIC,CAAC,IAAI5C,EAAE,EAAE,GAAG6C,KAAKC,GAAGb,GAAG;AAAA,MAC9B,SAASU;AAAA,MACT,OAAO,EAAE,MAAM,GAAI;AAAA,MACnB,aAAaI,GAAG,EAAE,oBAAoB,GAAE,CAAE;AAAA,IAChD,CAAK,GAAGC,KAAKC,GAAGhB,GAAG;AAAA,MACb,OAAO;AAAA,MACP,QAAQ,CAACX;AAAA,MACT,aAAaA;AAAA,IACnB,CAAK,GAAG4B,KAAKC,GAAGlB,GAAG,EAAE,MAAM,OAAQ,CAAA,GAAGmB,KAAKC,GAAGpB,GAAG,EAAE,SAAS,GAAI,CAAA,GAAGqB,KAAKC,GAAGtB,GAAG;AAAA,MACxE,SAAStB;AAAA,MACT,aAAaV;AAAA,MACb,QAAQqB;AAAA,MACR,YAAY;AAAA,IAClB,CAAK,GAAGkC,KAAKC,GAAGxB,GAAG;AAAA,MACb,SAASrB;AAAA,MACT,SAAS5B,IAAI,IAAI;AAAA,MACjB,aAAaiB;AAAA,IACnB,CAAK,GAAG,EAAE,mBAAmByD,GAAG,kBAAkBC,IAAI,cAAc,EAAG,IAAGC,GAAG,CAACf,IAAIG,IAAIE,IAAIE,IAAIE,IAAIE,EAAE,CAAC;AACjGK,IAAAA,EAAE,MAAM;AACN,UAAI,CAAC7C,EAAG;AACR,eAASc,IAAI;AACX,QAAA5C,EAAE,CAAC,CAACV,KAAK,EAAE;AAAA,MACZ;AACD,eAASgE,EAAEC,GAAG;AACZ,QAAAA,EAAE,WAAWxB,KAAKwB,EAAE,aAAatB,KAAKjC,EAAE,CAAC,CAACV,KAAK,EAAE;AAAA,MAClD;AACD,aAAOwC,EAAE,OAAO,GAAG,SAASc,CAAC,GAAGd,EAAE,OAAO,GAAG,YAAYwB,CAAC,GAAG,MAAM;AAChE,QAAAxB,EAAE,OAAO,IAAI,SAASc,CAAC,GAAGd,EAAE,OAAO,IAAI,YAAYwB,CAAC;AAAA,MAC5D;AAAA,IACA,GAAO,CAACxB,GAAGC,GAAGE,CAAC,CAAC,GAAG0C,EAAE,MAAM;AACrB,OAACtF,KAAKsC,EAAE,uBAAuB7B,IAAI,WAAW,MAAM;AAClD,YAAIkB,EAAE,WAAW8B,EAAE,SAAS,YAAY,EAAEA,EAAE,SAAS,QAAQ,YAAY,GAAG9B,EAAE,QAAQ,eAAe8B,EAAE,SAAS,QAAQ,eAAe;AACrI,gBAAMQ,IAAItC,EAAE,QAAQ,YAAY,GAAGuC,IAAIvC,EAAE,QAAQ,eAAe8B,EAAE,SAAS,QAAQ,eAAe5B,IAAI,KAAK;AAC3G,UAAAI,GAAGgC,CAAC,GAAG9B,GAAG+B,CAAC;AAAA,QACZ;AAAA,MACF,GAAE,CAAC,IAAI,EAAE,IAAI;AAAA,IACpB,GAAO;AAAA,MACDlE;AAAA,MACAS;AAAA,MACA6B,EAAE;AAAA,MACFmB,EAAE;AAAA,MACF5B;AAAA,IACN,CAAK,GAAGyD,EAAE,MAAM;AACV,MAAA7E,KAAKgC,KAAKA,EAAE,OAAO,KAAK,YAAY,EAAE,UAAUG,GAAG,QAAQF,EAAG,CAAA;AAAA,IAC/D,GAAE,CAACD,GAAGhC,GAAGiC,GAAGE,CAAC,CAAC;AACf,UAAM2C,KAAKC,GAAG;AAAA,MACZ,CAAC5F,EAAE,aAAa,CAAC,GAAGmD;AAAA,MACpB,CAACnD,EAAE,IAAI,GAAG,CAACmD;AAAA,IACZ,CAAA,GAAG0C,IAAI5E,GAAE,CAAC4C,EAAE,cAAcX,EAAE,KAAKxC,CAAC,CAAC,GAAGoF,IAAI;AAAA,MACzC,aAAajF;AAAA,MACb,qBAAqBK;AAAAA,MACrB,KAAK2E;AAAA,MACL,GAAGN;AAAA,QACD7C,EAAE,aAAa;AAAA,UACb,GAAGnC;AAAA;AAAA;AAAA,UAGH,QAAQoD,GAAG;AACT,gBAAIU;AACJ,aAACA,IAAI9D,EAAE,YAAY,QAAQ8D,EAAE,KAAK9D,GAAGoD,CAAC,GAAGxC,EAAE,EAAE,GAAGuB,EAAE,kBAAkB,EAAE;AAAA,UACvE;AAAA;AAAA;AAAA,QAGX,CAAS;AAAA,MACF;AAAA,IACF,GAAEqD,KAAKC;AAAAA,MACN,OAAO;AAAA,QACL,aAAalE;AAAA,QACb,gBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,mBAAmBX;AAAA,QACnB,QAAQN;AAAA,QACR,mBAAmBT,KAAKsC,EAAE;AAAA,MAClC;AAAA,MACM;AAAA,QACEZ;AAAA,QACA1B;AAAA,QACA;AAAA,QACAS;AAAA,QACA6B,EAAE;AAAA,MACH;AAAA,IACP;AACI,WAAuB1B,gBAAAA,EAAE,KAAKiF,IAAI,EAAE,IAAInD,GAAG,UAAU;AAAA,MACnDK,IAAoBnC,gBAAAA,EAAE;AAAA,QACpB;AAAA,QACA;AAAA,UACE,KAAK6E;AAAA,UACL,UAAUnD,EAAE,gBAAgBQ,EAAE,QAAQ,IAAI;AAAA,UAC1C,MAAM;AAAA,UACN,YAAY;AAAA,UACZ,aAAarC,IAAI,KAAK;AAAA,UACtB,eAAe;AAAA,UACf,qBAAqBK,IAAI,KAAK;AAAA,UAC9B,WAAWyE;AAAA,UACX,GAAGJ;AAAA,YACD7C,EAAE,aAAa;AAAA,cACb,GAAGnC;AAAA,cACH,QAAQoD,GAAG;AACT,oBAAIU;AACJ,iBAACA,IAAI9D,EAAE,YAAY,QAAQ8D,EAAE,KAAK9D,GAAGoD,CAAC,GAAGxC,EAAE,EAAE,GAAGuB,EAAE,kBAAkB,EAAE;AAAA,cACvE;AAAA,cACD,cAAc,MAAM+B,EAAE,EAAE;AAAA,YACtC,CAAa;AAAA,UACF;AAAA,UACD,UAAU;AAAA,YACR,IAAoBzD,gBAAAA,EAAE,IAAII,GAAG,EAAE,SAAS,IAAI,eAAe,IAAI,KAAK,EAAC,CAAE,IAAI;AAAA,YAC3E,WAAWb,KAAKA,EAAE;AAAA,YACFS,gBAAAA,EAAE,IAAI,OAAO,EAAE,OAAO,EAAE,UAAU,EAAC,GAAI;AAAA,YACvCA,gBAAAA,EAAE,IAAII,GAAG,EAAE,eAAe,IAAI,KAAKC,IAAI;AAAA,UACxD;AAAA,QACF;AAAA,MACT,IAAU,aAAad,KAAKmB,IAAInB,EAAE,YAAY,OAAO,SAASmB,EAAE,KAAKnB,GAAGuF,CAAC,IAAoB9E,gBAAAA,EAAE;AAAA,QACvFkF;AAAAA,QACA;AAAA,UACE,GAAG3F;AAAA,UACH,GAAGuF;AAAAA,UACH,YAAY;AAAA,UACZ,UAAU,WAAWvF,KAAKA,EAAE;AAAA,QAC7B;AAAA,MACF;AAAA,MACeS,gBAAAA,EAAE,IAAIP,EAAE,UAAU,EAAE,OAAOsF,IAAI,UAA0B/E,gBAAAA,EAAE,IAAImF,IAAI,EAAE,aAAa3D,GAAG,WAAWC,GAAG,UAAU5B,MAAM0C,KAAK,UAAU5B,IAAI4B,KAAK,OAAO,SAASA,EAAE,QAAQ,OAAO,SAAS5B,EAAE,YAAY,SAAyBX,gBAAAA,EAAE;AAAA,QAC5OoF;AAAAA,QACA;AAAA,UACE,MAAM9F,OAAOsB,IAAI2B,KAAK,OAAO,SAASA,EAAE,QAAQ,OAAO,SAAS3B,EAAE,YAAYe;AAAA,UAC9E,UAA0B3B,gBAAAA,EAAE;AAAA,YAC1BqF;AAAAA,YACA;AAAA,cACE,SAASvC;AAAA,cACT,OAAO;AAAA,cACP,cAAcX,IAAI,KAAK;AAAA,cACvB,aAAa,CAACA;AAAA,cACd,UAA0BnC,gBAAAA,EAAE,IAAIsF,IAAI,EAAE,OAAOlD,IAAI,MAAMC,IAAI,UAA0BrC,gBAAAA,EAAE;AAAA,gBACrF;AAAA,gBACA;AAAA,kBACE,KAAK6C,EAAE;AAAA,kBACP,WAAW7D,EAAE;AAAA,kBACb,OAAO4D;AAAA,kBACP,GAAG4B,GAAG;AAAA,oBACJ,cAAc,MAAM;AAClB,sBAAAf,EAAE,EAAE;AAAA,oBACL;AAAA,oBACD,WAAW,CAACd,MAAM;AAChB,uBAACA,EAAE,SAAS,eAAeA,EAAE,SAAS,iBAAiBA,EAAE;oBAC1D;AAAA,kBACrB,CAAmB;AAAA,kBACD,UAAU;AAAA,oBACRvB,MAAsBpB,gBAAAA,EAAE,IAAI,OAAO,EAAE,WAAWhB,EAAE,UAAU,GAAG,eAAe,IAAI,UAA0BgB,gBAAAA,EAAE;AAAA,sBAC5GI;AAAAA,sBACA;AAAA,wBACE,KAAK;AAAA,wBACL,MAAM;AAAA,wBACN,WAAWpB,EAAE,YAAY;AAAA,sBAC1B;AAAA,oBACvB,GAAuB;AAAA,oBACagB,gBAAAA,EAAE;AAAA,sBAChB;AAAA,sBACA;AAAA,wBACE,KAAKe;AAAA,wBACL,WAAW/B,EAAE;AAAA,wBACb,OAAO;AAAA,0BACL,UAAU;AAAA,0BACV,WAAWmC,MAAM;AAAA,wBAClB;AAAA,wBACD,UAAU,CAACwB,MAAMzB,GAAGyB,EAAE,cAAc,SAAS;AAAA,wBAC7C,UAAUxD;AAAAA,sBACX;AAAA,oBACF;AAAA,oBACDmC,MAAsBtB,gBAAAA,EAAE,IAAI,OAAO,EAAE,WAAWhB,EAAE,YAAY,GAAG,eAAe,IAAI,UAA0BgB,gBAAAA,EAAE;AAAA,sBAC9GI;AAAAA,sBACA;AAAA,wBACE,KAAKG;AAAA,wBACL,MAAM;AAAA,wBACN,WAAWvB,EAAE,YAAY;AAAA,sBAC1B;AAAA,oBACvB,GAAuB;AAAA,kBACJ;AAAA,gBACF;AAAA,cACjB,GAAiB;AAAA,YACJ;AAAA,UACF;AAAA,QACF;AAAA,MACF,EAAA,CAAE,EAAC,CAAE;AAAA,IACP,EAAA,CAAE;AAAA,EACJ;AACH;AACAyB,EAAE,cAAc;AAChB,MAAM8E,KAAKrG,EAAE,CAACC,GAAGC,MAAM6C,EAAC,MAAO,OAAuBjC,gBAAAA,EAAE,IAAIwF,IAAI,EAAE,UAA0BxF,gBAAAA,EAAE,IAAIS,GAAG,EAAE,GAAGtB,GAAG,KAAKC,EAAC,CAAE,EAAC,CAAE,IAAoBY,gBAAAA,EAAE,IAAIS,GAAG,EAAE,GAAGtB,GAAG,KAAKC,EAAC,CAAE,CAAC;AACtKmG,GAAG,cAAc;AACjB,MAAME,KAAK,OAAO,OAAOF,IAAI;AAAA,EAC3B,MAAMtG;AACR,CAAC,GC3RKyG,KAAc,CAACC,MAAqB;AACxC,QAAMC,IAAO;AAAA,IACX,OAAOD,EAAM;AAAA,IACb,WAAWA,EAAM,YAAY;AAAA,EAAA,GAGzBE,IAAaC,GAAc;AAAA,IAC/B,MAAM;AAAA,IACN,MAAAF;AAAA,IACA,aAAa,CAAC,CAACD,EAAM,kBAAkB;AAAA,EAAA,CACxC;AAED,SAAQI,gBAAAA,EAAAA,IAAAC,IAAA,EAAS,oBAAkBH,GAAa,GAAGF,EAAO,CAAA;AAC5D,GAEaM,KAAWC;AAAA,EACtB,CAACP,GAAsBQ,MAAgC;AACrD,UAAMP,IAAO;AAAA,MACX,OAAOQ,GAAiBT,EAAM,KAAK;AAAA,IAAA,GAG/BE,IAAaC,GAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAF;AAAA,MACA,aAAa,CAAC,CAACD,EAAM,kBAAkB;AAAA,IAAA,CACxC;AAED,iCAAQU,GAAa,EAAA,KAAAF,GAAU,oBAAkBN,GAAa,GAAGF,EAAO,CAAA;AAAA,EAC1E;AACF,GAEaW,KAAO,OAAO,OAAOZ,IAAa;AAAA,EAC7C,MAAMO;AACR,CAAC;","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"Menu-hNCen-5_.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Menu-DDwpajUr.js","../src/components/Menu/Menu.tsx"],"sourcesContent":["import { j as e } from \"./jsx-runtime-DmTjM30f.js\";\nimport { useListItem as J, useFloatingTree as Q, useFloatingNodeId as _e, useFloatingParentNodeId as V, useFloating as Me, offset as He, flip as Ne, shift as Pe, limitShift as Ae, size as ye, autoUpdate as Ee, useHover as Re, safePolygon as pe, useClick as Te, useRole as Ce, useDismiss as Se, useListNavigation as ke, useTypeahead as Oe, useInteractions as qe, FloatingNode as ze, FloatingList as Be, FloatingPortal as De, FloatingFocusManager as Le, FloatingTree as Ue } from \"@floating-ui/react\";\nimport * as j from \"react\";\nimport { forwardRef as k, useContext as H, createContext as $e, useState as f, useRef as p, useEffect as T, useMemo as Ge } from \"react\";\nimport Ke from \"classnames\";\nimport { I as N } from \"./Icon-BcLI32jH.js\";\nimport { B as We } from \"./ButtonToggle-uOhiLjZh.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { u as Y } from \"./useMergeRefs-CXJ8qoaV.js\";\nimport \"./HammerProvider-CWIhk1CR.js\";\nimport \"./LocalizationProvider-DUpcgOpg.js\";\nimport { a as Xe, T as Je } from \"./ThemeProvider-ToVvRp6m.js\";\nimport { a as Qe } from \"./Dialog-LF_eUywW.js\";\nimport { P as Ve } from \"./PortalProvider-CvQRdwLj.js\";\nimport \"lodash.merge\";\nimport { c as Ye } from \"./childrenToString-BP48L6HE.js\";\nimport './Menu.css';const Ze = \"_item_3gqn6_5\", et = \"_menu_3gqn6_49\", tt = \"_scroll_3gqn6_60\", nt = \"_disabled_3gqn6_108\", g = {\n \"nested-menu\": \"_nested-menu_3gqn6_4\",\n item: Ze,\n menu: et,\n scroll: tt,\n \"arrow-down\": \"_arrow-down_3gqn6_70\",\n \"arrow-up\": \"_arrow-up_3gqn6_71\",\n \"arrow-icon\": \"_arrow-icon_3gqn6_83\",\n disabled: nt\n}, Z = k(({ label: o, disabled: a, icon: u, ...c }, y) => {\n const t = H(C), P = J({\n label: a ? null : Ye(o)\n }), s = Q(), w = P.index === t.activeIndex;\n return /* @__PURE__ */ e.jsxs(\n \"button\",\n {\n ...c,\n ref: Y([P.ref, y]),\n type: \"button\",\n role: \"menuitem\",\n \"data-anv\": \"menu-item\",\n className: g.item,\n tabIndex: w ? 0 : -1,\n disabled: a,\n ...t.getItemProps({\n onClick(I) {\n var m;\n (m = c.onClick) == null || m.call(c, I), s == null || s.events.emit(\"click\");\n },\n onFocus(I) {\n var m;\n (m = c.onFocus) == null || m.call(c, I), t.setHasFocusInside(!0);\n }\n }),\n children: [\n u ? /* @__PURE__ */ e.jsx(N, { inherit: !0, \"aria-hidden\": !0, svg: u }) : null,\n o\n ]\n }\n );\n});\nZ.displayName = \"MenuItem\";\nconst st = (o) => /* @__PURE__ */ j.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...o }, /* @__PURE__ */ j.createElement(\"path\", { d: \"M9.31 6.71a.996.996 0 0 0 0 1.41L13.19 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.72 6.7c-.38-.38-1.02-.38-1.41.01z\" })), ot = (o) => /* @__PURE__ */ j.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...o }, /* @__PURE__ */ j.createElement(\"path\", { d: \"M8.71 12.29 11.3 9.7a.996.996 0 0 1 1.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71H9.41c-.89 0-1.33-1.08-.7-1.71z\" })), it = (o) => /* @__PURE__ */ j.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...o }, /* @__PURE__ */ j.createElement(\"path\", { d: \"m8.71 11.71 2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z\" })), C = $e({\n getItemProps: () => ({}),\n activeIndex: null,\n setActiveIndex: () => {\n },\n setHasFocusInside: () => {\n },\n isOpen: !1\n}), S = k(\n ({ children: o, disableAutoHeight: a, open: u, icon: c, root: y, ...t }, P) => {\n var K, W, X;\n const [s, w] = f(!!u || !1), [I, m] = f(!1), [A, E] = f(null), _ = p(null), [O, te] = f(0), [ne, R] = f(null), [se, oe] = f(!1), [ie, re] = f(!1), q = p([]), z = p([]), i = H(C), { root: ae } = H(Ve), d = Q(), b = _e(), M = V(), B = J(), l = M != null, { theme: le, mode: ce = \"light\" } = H(Xe), h = H(Qe), ue = () => l ? i.disableAutoHeight ? [\"right-start\"] : [\"right-start\", \"right-end\", \"left-start\", \"left-end\"] : a ? [\"bottom-start\"] : [\"bottom-start\", \"top-start\"], me = (n) => {\n if (typeof u == \"boolean\") {\n w(u);\n return;\n }\n w(n);\n }, { floatingStyles: de, refs: x, context: v } = Me({\n nodeId: b,\n open: s,\n onOpenChange: me,\n placement: l ? \"right-start\" : \"bottom-start\",\n middleware: [\n He({\n mainAxis: l ? 0 : 4,\n alignmentAxis: l ? -4 : 0\n }),\n Ne({\n fallbackStrategy: \"bestFit\",\n fallbackPlacements: ue()\n }),\n Pe({\n mainAxis: !i.disableAutoHeight,\n crossAxis: !1,\n limiter: Ae({\n mainAxis: !i.disableAutoHeight\n })\n }),\n ye({\n padding: 8,\n apply({ availableWidth: n, availableHeight: r, elements: F }) {\n (a ?? i.disableAutoHeight) || (R(r), Object.assign(F.floating.style, {\n maxWidth: `${n}px`,\n maxHeight: `${r}px`\n }));\n }\n })\n ],\n whileElementsMounted: Ee\n }), [ge, D] = f(!1), fe = Re(v, {\n enabled: ge,\n delay: { open: 75 },\n handleClose: pe({ blockPointerEvents: !0 })\n }), he = Te(v, {\n event: \"mousedown\",\n toggle: !l,\n ignoreMouse: l\n }), xe = Ce(v, { role: \"menu\" }), ve = Se(v, { bubbles: !0 }), we = ke(v, {\n listRef: q,\n activeIndex: A,\n nested: l,\n onNavigate: E\n }), Ie = Oe(v, {\n listRef: z,\n onMatch: s ? E : void 0,\n activeIndex: A\n }), { getReferenceProps: L, getFloatingProps: be, getItemProps: U } = qe([fe, he, xe, ve, we, Ie]);\n T(() => {\n if (!d) return;\n function n() {\n w(!!u || !1);\n }\n function r(F) {\n F.nodeId !== b && F.parentId === M && w(!!u || !1);\n }\n return d.events.on(\"click\", n), d.events.on(\"menuopen\", r), () => {\n d.events.off(\"click\", n), d.events.off(\"menuopen\", r);\n };\n }, [d, b, M]), T(() => {\n (a ?? i.disableAutoHeight) || (s ? setTimeout(() => {\n if (_.current && x.floating.current && (R(x.floating.current.clientHeight), _.current.scrollHeight > x.floating.current.clientHeight)) {\n const r = _.current.scrollTop > 0, F = _.current.scrollHeight - x.floating.current.clientHeight - O - 16 > 0;\n oe(r), re(F);\n }\n }, 0) : R(null));\n }, [\n a,\n s,\n i.disableAutoHeight,\n x.floating,\n O\n ]), T(() => {\n s && d && d.events.emit(\"menuopen\", { parentId: M, nodeId: b });\n }, [d, s, b, M]);\n const Fe = Ke({\n [g[\"nested-menu\"]]: l,\n [g.item]: !l\n }), $ = Y([x.setReference, B.ref, P]), G = {\n \"data-open\": s,\n \"data-focus-inside\": I,\n ref: $,\n ...L(\n i.getItemProps({\n ...t,\n // This is to allow any type of element to be used as a custom trigger element\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onFocus(n) {\n var r;\n (r = t.onFocus) == null || r.call(t, n), m(!1), i.setHasFocusInside(!0);\n }\n // This is to allow any type of element to be used as a custom trigger element\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n })\n )\n }, je = Ge(\n () => ({\n activeIndex: A,\n setActiveIndex: E,\n getItemProps: U,\n setHasFocusInside: m,\n isOpen: s,\n disableAutoHeight: a ?? i.disableAutoHeight\n }),\n [\n A,\n a,\n U,\n s,\n i.disableAutoHeight\n ]\n );\n return /* @__PURE__ */ e.jsxs(ze, { id: b, children: [\n l ? /* @__PURE__ */ e.jsxs(\n \"button\",\n {\n ref: $,\n tabIndex: i.activeIndex === B.index ? 0 : -1,\n role: \"menuitem\",\n \"data-anv\": \"menu-item\",\n \"data-open\": s ? \"\" : void 0,\n \"data-nested\": \"\",\n \"data-focus-inside\": I ? \"\" : void 0,\n className: Fe,\n ...L(\n i.getItemProps({\n ...t,\n onFocus(n) {\n var r;\n (r = t.onFocus) == null || r.call(t, n), m(!1), i.setHasFocusInside(!0);\n },\n onMouseEnter: () => D(!0)\n })\n ),\n children: [\n c ? /* @__PURE__ */ e.jsx(N, { inherit: !0, \"aria-hidden\": !0, svg: c }) : null,\n \"label\" in t && t.label,\n /* @__PURE__ */ e.jsx(\"div\", { style: { flexGrow: 1 } }),\n /* @__PURE__ */ e.jsx(N, { \"aria-hidden\": !0, svg: st })\n ]\n }\n ) : \"trigger\" in t ? (K = t.trigger) == null ? void 0 : K.call(t, G) : /* @__PURE__ */ e.jsx(\n We,\n {\n ...t,\n ...G,\n \"data-anv\": \"menu\",\n children: \"label\" in t && t.label\n }\n ),\n /* @__PURE__ */ e.jsx(C.Provider, { value: je, children: /* @__PURE__ */ e.jsx(Be, { elementsRef: q, labelsRef: z, children: s && (h == null || ((W = h == null ? void 0 : h.ref) == null ? void 0 : W.current) != null) && /* @__PURE__ */ e.jsx(\n De,\n {\n root: y ?? ((X = h == null ? void 0 : h.ref) == null ? void 0 : X.current) ?? ae,\n children: /* @__PURE__ */ e.jsx(\n Le,\n {\n context: v,\n modal: !1,\n initialFocus: l ? -1 : 0,\n returnFocus: !l,\n children: /* @__PURE__ */ e.jsx(Je, { theme: le, mode: ce, children: /* @__PURE__ */ e.jsxs(\n \"div\",\n {\n ref: x.setFloating,\n className: g.menu,\n style: de,\n ...be({\n onMouseEnter: () => {\n D(!1);\n },\n onKeyDown: (n) => {\n (n.code === \"ArrowLeft\" || n.code === \"ArrowRight\") && n.stopPropagation();\n }\n }),\n children: [\n se && /* @__PURE__ */ e.jsx(\"div\", { className: g[\"arrow-up\"], \"aria-hidden\": !0, children: /* @__PURE__ */ e.jsx(\n N,\n {\n svg: ot,\n size: \"xlarge\",\n className: g[\"arrow-icon\"]\n }\n ) }),\n /* @__PURE__ */ e.jsx(\n \"div\",\n {\n ref: _,\n className: g.scroll,\n style: {\n position: \"relative\",\n maxHeight: ne ?? \"inherit\"\n },\n onScroll: (n) => te(n.currentTarget.scrollTop),\n children: o\n }\n ),\n ie && /* @__PURE__ */ e.jsx(\"div\", { className: g[\"arrow-down\"], \"aria-hidden\": !0, children: /* @__PURE__ */ e.jsx(\n N,\n {\n svg: it,\n size: \"xlarge\",\n className: g[\"arrow-icon\"]\n }\n ) })\n ]\n }\n ) })\n }\n )\n }\n ) }) })\n ] });\n }\n);\nS.displayName = \"MenuComponent\";\nconst ee = k((o, a) => V() === null ? /* @__PURE__ */ e.jsx(Ue, { children: /* @__PURE__ */ e.jsx(S, { ...o, ref: a }) }) : /* @__PURE__ */ e.jsx(S, { ...o, ref: a }));\nee.displayName = \"Menu\";\nconst jt = Object.assign(ee, {\n Item: Z\n});\nexport {\n jt as M,\n Z as a\n};\n//# sourceMappingURL=Menu-DDwpajUr.js.map\n","import {\n MenuProps as CoreMenuProps,\n Menu as CoreMenu,\n MenuItemProps as CoreMenuItemProps,\n MenuItem as CoreMenuItem,\n} from \"@servicetitan/hammer-react/dist/Menu\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type MenuProps = CoreMenuProps & DataTrackingId;\nexport type MenuItemProps = CoreMenuItemProps & DataTrackingId;\n\n// TODO: Figure out why MenuProps breaks here\nconst MenuElement = (props: MenuProps) => {\n const data = {\n value: props.value,\n ariaLabel: props[\"aria-label\"],\n };\n\n const trackingId = useTrackingId({\n name: \"Menu\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return <CoreMenu data-tracking-id={trackingId} {...props} />;\n};\n\nexport const MenuItem = forwardRef(\n (props: MenuItemProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n label: childrenToString(props.label),\n };\n\n const trackingId = useTrackingId({\n name: \"MenuItem\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return <CoreMenuItem ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\n\nexport const Menu = Object.assign(MenuElement, {\n Item: MenuItem,\n});\n"],"names":["Ze","et","tt","nt","g","Z","k","o","a","u","y","t","H","C","P","J","Ye","s","Q","w","e","Y","I","m","N","st","j","it","$e","S","K","W","X","f","A","_","p","O","te","ne","se","oe","ie","re","q","z","i","ae","Ve","d","b","_e","M","V","B","l","le","ce","Xe","h","Qe","ue","me","n","de","x","v","Me","He","Ne","Pe","Ae","ye","r","F","Ee","ge","D","fe","Re","pe","he","Te","xe","Ce","ve","Se","we","ke","Ie","Oe","L","be","qe","T","Fe","Ke","$","G","je","Ge","ze","We","Be","De","Le","Je","ee","Ue","jt","MenuElement","props","data","trackingId","useTrackingId","jsx","CoreMenu","MenuItem","forwardRef","ref","childrenToString","CoreMenuItem","Menu"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Menu.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Menu-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Menu-BMJBWn7R.cjs");exports.Menu=e.Menu;exports.MenuItem=e.MenuItem;exports.default=e.Menu;
|
|
2
2
|
//# sourceMappingURL=Menu.cjs.map
|
package/Menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require('./Page.css');const e=require("./jsx-runtime-Cek9Ww4S.cjs"),o=require("react"),w=require("./index-BYW82IHE.cjs"),b=require("./Button-DYLXgQSy.cjs"),B=require("./useSize.cjs"),v=require("./Tooltip-
|
|
2
|
-
//# sourceMappingURL=Page-
|
|
1
|
+
"use strict";require('./Page.css');const e=require("./jsx-runtime-Cek9Ww4S.cjs"),o=require("react"),w=require("./index-BYW82IHE.cjs"),b=require("./Button-DYLXgQSy.cjs"),B=require("./useSize.cjs"),v=require("./Tooltip-CnIbXXhc.cjs"),E=require("./primitive-CGGVJgVV.cjs"),T=require("./useTrackingId.cjs"),P=require("./HammerProvider-CWIhk1CR-Ddx1ijkL.cjs");require("./LocalizationProvider-DUpcgOpg-BcV208mm.cjs");require("./PortalProvider-CvQRdwLj-BtjPnkrU.cjs");require("./ThemeProvider-ToVvRp6m-CoLPmFrb.cjs");const R=require("./Dialog-CG-wbEyw.cjs"),_=require("./Popover-BzaMUxnR.cjs"),k=require("./Flex-BTesi1i4.cjs"),O=require("./Icon-BsM86ff0.cjs");function L(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(a,r,t.get?t:{enumerable:!0,get:()=>s[r]})}}return a.default=s,Object.freeze(a)}const z=L(o),I="_page_1h4jw_7",W="_container_1h4jw_16",G="_content_1h4jw_32",H="_sidebar_1h4jw_41",D="_panel_1h4jw_124",V="_open_1h4jw_163",F="_small_1h4jw_163",J="_medium_1h4jw_166",A="_large_1h4jw_169",K="_collapsed_1h4jw_175",Y="_noPadding_1h4jw_253",n={page:I,container:W,content:G,"content-inner":"_content-inner_1h4jw_36",sidebar:H,"sidebar-inner":"_sidebar-inner_1h4jw_50","toggle-button-wrapper":"_toggle-button-wrapper_1h4jw_77","toggle-button-tooltip":"_toggle-button-tooltip_1h4jw_85","toggle-button":"_toggle-button_1h4jw_77","sidebar-header":"_sidebar-header_1h4jw_103","sidebar-adaptive-trigger-container":"_sidebar-adaptive-trigger-container_1h4jw_109","sidebar-adaptive-container":"_sidebar-adaptive-container_1h4jw_118","sidebar-adaptive":"_sidebar-adaptive_1h4jw_109",panel:D,"panel-inner":"_panel-inner_1h4jw_131","virtual-scroll-container":"_virtual-scroll-container_1h4jw_142",open:V,small:F,medium:J,large:A,collapsed:K,noPadding:Y,"sidebar-adaptive-trigger":"_sidebar-adaptive-trigger_1h4jw_109"};function Q(...s){return z.useCallback(a=>{for(let r=0;r<s.length;r++){const t=s[r];typeof t=="function"?t(a):t&&typeof t=="object"&&(t.current=a)}},s)}const U="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M9.29%206.71a.996.996%200%200%200%200%201.41L13.17%2012l-3.88%203.88a.996.996%200%201%200%201.41%201.41l4.59-4.59a.996.996%200%200%200%200-1.41L10.7%206.7c-.38-.38-1.02-.38-1.41.01z'/%3e%3c/svg%3e",X="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M14.71%206.71a.996.996%200%200%200-1.41%200L8.71%2011.3a.996.996%200%200%200%200%201.41l4.59%204.59a.996.996%200%201%200%201.41-1.41L10.83%2012l3.88-3.88c.39-.39.38-1.03%200-1.41z'/%3e%3c/svg%3e",Z="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M10%2018h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201zM3%207c0%20.55.45%201%201%201h16c.55%200%201-.45%201-1s-.45-1-1-1H4c-.55%200-1%20.45-1%201zm7%206h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201z'/%3e%3c/svg%3e",$="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%209.29%2012%2013.17l3.88-3.88a.996.996%200%201%201%201.41%201.41l-4.59%204.59a.996.996%200%200%201-1.41%200L6.7%2010.7a.996.996%200%200%201%200-1.41c.39-.38%201.03-.39%201.42%200z'/%3e%3c/svg%3e",ee="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%2014.71%2012%2010.83l3.88%203.88a.996.996%200%201%200%201.41-1.41L12.7%208.71a.996.996%200%200%200-1.41%200L6.7%2013.3a.996.996%200%200%200%200%201.41c.39.38%201.03.39%201.42%200z'/%3e%3c/svg%3e",te=o.forwardRef((s,a)=>{const{children:r,...t}=s;return e.jsxRuntimeExports.jsx("div",{className:n.page,ref:a,...t,children:e.jsxRuntimeExports.jsx("div",{className:n.container,children:r})})}),N=o.createContext(null),S=o.forwardRef((s,a)=>{var f;const{children:r,className:t,currentPageTitle:g,localStorageKey:l="sidebar-collapsed",...p}=s,m={localStorageKey:l},{breakpoint:i}=o.useContext(P.M),d=T.useTrackingId({name:"PageSidebarButton",data:m,hasOverride:!!s["data-tracking-id"]}),[c,x]=o.useState(()=>{const u=localStorage.getItem(l);return u?JSON.parse(u):!1}),j=w.G([n.sidebar],t,{[n.collapsed]:c}),h=()=>{x(u=>(localStorage.setItem(l,JSON.stringify(!u)),!u))},M=+(((f=E.BreakpointMd)==null?void 0:f.value.replace("px",""))??0);return((i==null?void 0:i.innerWidth)??0)<M?e.jsxRuntimeExports.jsxs(_.Popover,{fillAvailableHeight:!0,matchReferenceWidth:!0,noPadding:!0,disableCaret:!0,children:[e.jsxRuntimeExports.jsx(_.Popover.Trigger,{children:u=>(typeof document<"u"&&(u["data-state"]==="open"?document.body.style.overflow="hidden":document.body.style.overflow="auto"),e.jsxRuntimeExports.jsx("div",{className:n["sidebar-adaptive-trigger-container"],children:e.jsxRuntimeExports.jsxs(b.Button,{className:n["sidebar-adaptive-trigger"],icon:Z,appearance:"ghost",...u,children:[g||"Menu",e.jsxRuntimeExports.jsx(O.Icon,{flexGrow:"1",justifyContent:"end",svg:u["data-state"]==="open"?ee:$})]})}))}),e.jsxRuntimeExports.jsx(_.Popover.Content,{className:n["sidebar-adaptive-container"],children:e.jsxRuntimeExports.jsx(k.Flex,{direction:"column",className:n["sidebar-adaptive"],ref:a,children:r})})]}):e.jsxRuntimeExports.jsx(N.Provider,{value:{collapsed:c},children:e.jsxRuntimeExports.jsxs("div",{className:j,ref:a,...p,children:[e.jsxRuntimeExports.jsx("div",{className:n["sidebar-inner"],"aria-hidden":c,children:e.jsxRuntimeExports.jsx("div",{children:r})}),e.jsxRuntimeExports.jsx("div",{className:n["toggle-button-wrapper"],children:e.jsxRuntimeExports.jsxs(v.Tooltip,{placement:"right",children:[e.jsxRuntimeExports.jsx(v.Tooltip.Trigger,{className:n["toggle-button-tooltip"],children:e.jsxRuntimeExports.jsx(b.Button,{size:"small",onClick:h,className:n["toggle-button"],"aria-label":c?"Open Sidebar":"Close Sidebar","data-tracking-id":d,icon:c?U:X})}),e.jsxRuntimeExports.jsx(v.Tooltip.Content,{children:c?"Open Sidebar":"Close Sidebar"})]})})]})})}),y=o.forwardRef((s,a)=>{const{children:r,className:t,...g}=s,l=o.useContext(N),p=w.G([n["sidebar-header"]],t);return e.jsxRuntimeExports.jsx("div",{className:p,ref:a,...g,children:e.jsxRuntimeExports.jsx("div",{className:n["header-content"],"aria-hidden":l==null?void 0:l.collapsed,children:r})})}),C=o.forwardRef((s,a)=>{const{children:r,className:t,...g}=s,l=w.G([n.content],t),p=o.useRef(null),m=o.useRef(null),i=B.useSize(p),d=o.useRef(!0);o.useEffect(()=>{if(typeof window>"u"||!d.current)return;function x(){var h;const j=window.scrollY;(h=m.current)==null||h.scrollTo(0,j??0)}return window.addEventListener("scroll",x,{passive:!0}),()=>{window.removeEventListener("scroll",x)}},[]);function c(x){typeof window>"u"||d.current||window.scrollTo(0,x.target.scrollTop)}return e.jsxRuntimeExports.jsxs("main",{className:l,ref:Q(p,a),...g,children:[e.jsxRuntimeExports.jsx("div",{className:n["content-inner"],children:r}),e.jsxRuntimeExports.jsx("div",{className:n["virtual-scroll-container"],ref:m,style:{left:i&&(i==null?void 0:i.left)+(i==null?void 0:i.width)},onScrollCapture:c,onMouseEnter:()=>{d.current=!1},onMouseLeave:()=>{d.current=!0},children:e.jsxRuntimeExports.jsx("div",{style:{width:1,height:i?i.height+i.y*2:0}})})]})}),q=o.forwardRef((s,a)=>{var h;const{children:r,open:t,size:g="medium",noPadding:l,style:p,className:m,...i}=s,d=w.G([n.panel],[n[g]],m,{[n.open]:typeof t>"u"?!0:t,[n.persistent]:typeof t>"u",[n.noPadding]:l}),{breakpoint:c}=o.useContext(P.M),x=+(((h=E.BreakpointMd)==null?void 0:h.value.replace("px",""))??0),j=(c==null?void 0:c.innerWidth)??0;return typeof t<"u"&&j<x?e.jsxRuntimeExports.jsx(R.Dialog,{open:t,children:e.jsxRuntimeExports.jsx(R.Dialog.Content,{children:e.jsxRuntimeExports.jsx("div",{className:d,"aria-hidden":!t,"aria-disabled":!t,ref:a,...i,children:r})})}):e.jsxRuntimeExports.jsx("div",{className:d,"aria-hidden":!t,"aria-disabled":!t,ref:a,...i,children:e.jsxRuntimeExports.jsx("div",{className:n["panel-inner"],tabIndex:typeof t<"u"&&t?0:-1,style:p,children:e.jsxRuntimeExports.jsx("div",{children:r})})})}),ne=Object.assign(te,{Sidebar:S,SidebarHeader:y,Content:C,Panel:q});exports.Page=ne;exports.PageContent=C;exports.PagePanel=q;exports.PageSidebar=S;exports.PageSidebarHeader=y;
|
|
2
|
+
//# sourceMappingURL=Page-Cb1E-7e1.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page-BHVbtL63.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,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M9.29%206.71a.996.996%200%200%200%200%201.41L13.17%2012l-3.88%203.88a.996.996%200%201%200%201.41%201.41l4.59-4.59a.996.996%200%200%200%200-1.41L10.7%206.7c-.38-.38-1.02-.38-1.41.01z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M14.71%206.71a.996.996%200%200%200-1.41%200L8.71%2011.3a.996.996%200%200%200%200%201.41l4.59%204.59a.996.996%200%201%200%201.41-1.41L10.83%2012l3.88-3.88c.39-.39.38-1.03%200-1.41z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M10%2018h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201zM3%207c0%20.55.45%201%201%201h16c.55%200%201-.45%201-1s-.45-1-1-1H4c-.55%200-1%20.45-1%201zm7%206h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%209.29%2012%2013.17l3.88-3.88a.996.996%200%201%201%201.41%201.41l-4.59%204.59a.996.996%200%200%201-1.41%200L6.7%2010.7a.996.996%200%200%201%200-1.41c.39-.38%201.03-.39%201.42%200z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%2014.71%2012%2010.83l3.88%203.88a.996.996%200%201%200%201.41-1.41L12.7%208.71a.996.996%200%200%200-1.41%200L6.7%2013.3a.996.996%200%200%200%200%201.41c.39.38%201.03.39%201.42%200z'/%3e%3c/svg%3e\"","import {\n ComponentPropsWithoutRef,\n Ref,\n UIEvent,\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 const blocker = useRef(true);\n\n useEffect(() => {\n if (typeof window === \"undefined\") return;\n if (!blocker.current) return;\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 function scrollBody(e: UIEvent<HTMLElement>) {\n if (typeof window === \"undefined\") return;\n if (blocker.current) return;\n window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\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 onScrollCapture={scrollBody}\n onMouseEnter={() => {\n blocker.current = false;\n }}\n onMouseLeave={() => {\n blocker.current = true;\n }}\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","element","i","ref","OpenSVG","CloseSVG","SegmentSVG","RespOpen","RespClose","PageElement","forwardRef","props","children","rest","styles","jsx","PageSideBarContext","createContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","useContext","AnvilProviderContext","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","cx","onToggleButtonClick","prev","breakpointWidth","core.primitive?.BreakpointMd","jsxs","Popover","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","blocker","useEffect","updatePosition","newValue","_a","scrollBody","e","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|
|
1
|
+
{"version":3,"file":"Page-Cb1E-7e1.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,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M9.29%206.71a.996.996%200%200%200%200%201.41L13.17%2012l-3.88%203.88a.996.996%200%201%200%201.41%201.41l4.59-4.59a.996.996%200%200%200%200-1.41L10.7%206.7c-.38-.38-1.02-.38-1.41.01z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M14.71%206.71a.996.996%200%200%200-1.41%200L8.71%2011.3a.996.996%200%200%200%200%201.41l4.59%204.59a.996.996%200%201%200%201.41-1.41L10.83%2012l3.88-3.88c.39-.39.38-1.03%200-1.41z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M10%2018h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201zM3%207c0%20.55.45%201%201%201h16c.55%200%201-.45%201-1s-.45-1-1-1H4c-.55%200-1%20.45-1%201zm7%206h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%209.29%2012%2013.17l3.88-3.88a.996.996%200%201%201%201.41%201.41l-4.59%204.59a.996.996%200%200%201-1.41%200L6.7%2010.7a.996.996%200%200%201%200-1.41c.39-.38%201.03-.39%201.42%200z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%2014.71%2012%2010.83l3.88%203.88a.996.996%200%201%200%201.41-1.41L12.7%208.71a.996.996%200%200%200-1.41%200L6.7%2013.3a.996.996%200%200%200%200%201.41c.39.38%201.03.39%201.42%200z'/%3e%3c/svg%3e\"","import {\n ComponentPropsWithoutRef,\n Ref,\n UIEvent,\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 const blocker = useRef(true);\n\n useEffect(() => {\n if (typeof window === \"undefined\") return;\n if (!blocker.current) return;\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 function scrollBody(e: UIEvent<HTMLElement>) {\n if (typeof window === \"undefined\") return;\n if (blocker.current) return;\n window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\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 onScrollCapture={scrollBody}\n onMouseEnter={() => {\n blocker.current = false;\n }}\n onMouseLeave={() => {\n blocker.current = true;\n }}\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","element","i","ref","OpenSVG","CloseSVG","SegmentSVG","RespOpen","RespClose","PageElement","forwardRef","props","children","rest","styles","jsx","PageSideBarContext","createContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","useContext","AnvilProviderContext","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","cx","onToggleButtonClick","prev","breakpointWidth","core.primitive?.BreakpointMd","jsxs","Popover","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","blocker","useEffect","updatePosition","newValue","_a","scrollBody","e","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|
|
@@ -4,15 +4,15 @@ import { forwardRef as v, createContext as R, useContext as x, useState as T, us
|
|
|
4
4
|
import { G as _ } from "./index-B9BgsxnA.js";
|
|
5
5
|
import { B as S } from "./Button-L7SXWFDV.js";
|
|
6
6
|
import { useSize as O } from "./useSize.js";
|
|
7
|
-
import { T as j } from "./Tooltip-
|
|
7
|
+
import { T as j } from "./Tooltip-GO34ghh6.js";
|
|
8
8
|
import { B as P } from "./primitive-DD5BdZ26.js";
|
|
9
9
|
import { useTrackingId as W } from "./useTrackingId.js";
|
|
10
|
-
import { M as C } from "./HammerProvider-CWIhk1CR-
|
|
10
|
+
import { M as C } from "./HammerProvider-CWIhk1CR-DOBTx2Wh.js";
|
|
11
11
|
import "./LocalizationProvider-DUpcgOpg-BluDwbxk.js";
|
|
12
12
|
import "./PortalProvider-CvQRdwLj-DYU1MLeY.js";
|
|
13
13
|
import "./ThemeProvider-ToVvRp6m-qC73SSSn.js";
|
|
14
14
|
import { D as y } from "./Dialog-Cry6xVIB.js";
|
|
15
|
-
import { P as b } from "./Popover-
|
|
15
|
+
import { P as b } from "./Popover-23Ev0b78.js";
|
|
16
16
|
import { F as z } from "./Flex-DhbcOtER.js";
|
|
17
17
|
import { I } from "./Icon-BgtpOVhD.js";
|
|
18
18
|
import './Page.css';const E = "_page_1h4jw_7", H = "_container_1h4jw_16", G = "_content_1h4jw_32", V = "_sidebar_1h4jw_41", D = "_panel_1h4jw_124", F = "_open_1h4jw_163", J = "_small_1h4jw_163", A = "_medium_1h4jw_166", K = "_large_1h4jw_169", Y = "_collapsed_1h4jw_175", q = "_noPadding_1h4jw_253", n = {
|
|
@@ -239,4 +239,4 @@ export {
|
|
|
239
239
|
se as c,
|
|
240
240
|
re as d
|
|
241
241
|
};
|
|
242
|
-
//# sourceMappingURL=Page-
|
|
242
|
+
//# sourceMappingURL=Page-DsbgoZSc.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page-DyiLrgtg.js","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,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M9.29%206.71a.996.996%200%200%200%200%201.41L13.17%2012l-3.88%203.88a.996.996%200%201%200%201.41%201.41l4.59-4.59a.996.996%200%200%200%200-1.41L10.7%206.7c-.38-.38-1.02-.38-1.41.01z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M14.71%206.71a.996.996%200%200%200-1.41%200L8.71%2011.3a.996.996%200%200%200%200%201.41l4.59%204.59a.996.996%200%201%200%201.41-1.41L10.83%2012l3.88-3.88c.39-.39.38-1.03%200-1.41z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M10%2018h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201zM3%207c0%20.55.45%201%201%201h16c.55%200%201-.45%201-1s-.45-1-1-1H4c-.55%200-1%20.45-1%201zm7%206h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%209.29%2012%2013.17l3.88-3.88a.996.996%200%201%201%201.41%201.41l-4.59%204.59a.996.996%200%200%201-1.41%200L6.7%2010.7a.996.996%200%200%201%200-1.41c.39-.38%201.03-.39%201.42%200z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%2014.71%2012%2010.83l3.88%203.88a.996.996%200%201%200%201.41-1.41L12.7%208.71a.996.996%200%200%200-1.41%200L6.7%2013.3a.996.996%200%200%200%200%201.41c.39.38%201.03.39%201.42%200z'/%3e%3c/svg%3e\"","import {\n ComponentPropsWithoutRef,\n Ref,\n UIEvent,\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 const blocker = useRef(true);\n\n useEffect(() => {\n if (typeof window === \"undefined\") return;\n if (!blocker.current) return;\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 function scrollBody(e: UIEvent<HTMLElement>) {\n if (typeof window === \"undefined\") return;\n if (blocker.current) return;\n window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\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 onScrollCapture={scrollBody}\n onMouseEnter={() => {\n blocker.current = false;\n }}\n onMouseLeave={() => {\n blocker.current = true;\n }}\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","element","i","ref","OpenSVG","CloseSVG","SegmentSVG","RespOpen","RespClose","PageElement","forwardRef","props","children","rest","styles","jsx","PageSideBarContext","createContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","useContext","AnvilProviderContext","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","cx","onToggleButtonClick","prev","breakpointWidth","core.primitive?.BreakpointMd","jsxs","Popover","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","blocker","useEffect","updatePosition","newValue","_a","scrollBody","e","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|
|
1
|
+
{"version":3,"file":"Page-DsbgoZSc.js","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,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M9.29%206.71a.996.996%200%200%200%200%201.41L13.17%2012l-3.88%203.88a.996.996%200%201%200%201.41%201.41l4.59-4.59a.996.996%200%200%200%200-1.41L10.7%206.7c-.38-.38-1.02-.38-1.41.01z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M14.71%206.71a.996.996%200%200%200-1.41%200L8.71%2011.3a.996.996%200%200%200%200%201.41l4.59%204.59a.996.996%200%201%200%201.41-1.41L10.83%2012l3.88-3.88c.39-.39.38-1.03%200-1.41z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M10%2018h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201zM3%207c0%20.55.45%201%201%201h16c.55%200%201-.45%201-1s-.45-1-1-1H4c-.55%200-1%20.45-1%201zm7%206h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%209.29%2012%2013.17l3.88-3.88a.996.996%200%201%201%201.41%201.41l-4.59%204.59a.996.996%200%200%201-1.41%200L6.7%2010.7a.996.996%200%200%201%200-1.41c.39-.38%201.03-.39%201.42%200z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%2014.71%2012%2010.83l3.88%203.88a.996.996%200%201%200%201.41-1.41L12.7%208.71a.996.996%200%200%200-1.41%200L6.7%2013.3a.996.996%200%200%200%200%201.41c.39.38%201.03.39%201.42%200z'/%3e%3c/svg%3e\"","import {\n ComponentPropsWithoutRef,\n Ref,\n UIEvent,\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 const blocker = useRef(true);\n\n useEffect(() => {\n if (typeof window === \"undefined\") return;\n if (!blocker.current) return;\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 function scrollBody(e: UIEvent<HTMLElement>) {\n if (typeof window === \"undefined\") return;\n if (blocker.current) return;\n window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\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 onScrollCapture={scrollBody}\n onMouseEnter={() => {\n blocker.current = false;\n }}\n onMouseLeave={() => {\n blocker.current = true;\n }}\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","element","i","ref","OpenSVG","CloseSVG","SegmentSVG","RespOpen","RespClose","PageElement","forwardRef","props","children","rest","styles","jsx","PageSideBarContext","createContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","useContext","AnvilProviderContext","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","cx","onToggleButtonClick","prev","breakpointWidth","core.primitive?.BreakpointMd","jsxs","Popover","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","blocker","useEffect","updatePosition","newValue","_a","scrollBody","e","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|
package/Page.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Page-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Page-Cb1E-7e1.cjs");exports.Page=e.Page;exports.PageContent=e.PageContent;exports.PagePanel=e.PagePanel;exports.PageSidebar=e.PageSidebar;exports.PageSidebarHeader=e.PageSidebarHeader;exports.default=e.Page;
|
|
2
2
|
//# sourceMappingURL=Page.cjs.map
|
package/Page.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as r } from "./jsx-runtime-B6kdoens.js";
|
|
2
|
-
import { D as c, T as d, b as m, Q as g, k as u } from "./Popover-w3OnmR7f-
|
|
2
|
+
import { D as c, T as d, b as m, Q as g, k as u } from "./Popover-w3OnmR7f-DoGrzMJ0.js";
|
|
3
3
|
import { forwardRef as o } from "react";
|
|
4
4
|
import { useTrackingId as i } from "./useTrackingId.js";
|
|
5
5
|
import { n as s } from "./childrenToString-BP48L6HE-CwwYrHi6.js";
|
|
@@ -44,4 +44,4 @@ export {
|
|
|
44
44
|
j as c,
|
|
45
45
|
l as d
|
|
46
46
|
};
|
|
47
|
-
//# sourceMappingURL=Popover-
|
|
47
|
+
//# sourceMappingURL=Popover-23Ev0b78.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover-
|
|
1
|
+
{"version":3,"file":"Popover-23Ev0b78.js","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n PopoverProps as CorePopoverProps,\n Popover as CorePopover,\n PopoverTrigger as CorePopoverTrigger,\n PopoverTriggerProps as CorePopoverTriggerProps,\n PopoverContent as CorePopoverContent,\n PopoverContentProps as CorePopoverContentProps,\n PopoverClose as CorePopoverClose,\n PopoverCloseProps as CorePopoverCloseProps,\n PopoverButton as CorePopoverButton,\n PopoverButtonProps as CorePopoverButtonProps,\n PopoverContextType as CorePopoverContextType,\n} from \"@servicetitan/hammer-react/dist/Popover\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type PopoverProps = CorePopoverProps;\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\nexport type PopoverContentProps = CorePopoverContentProps;\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\nexport type PopoverContextType = CorePopoverContextType;\n\nconst PopoverElement = (props: PopoverProps) => {\n return <CorePopover {...props} />;\n};\n\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n return <CorePopoverTrigger {...props} />;\n};\n\nexport const PopoverContent = forwardRef(\n (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n return <CorePopoverContent ref={ref} {...props} />;\n }\n);\n\nexport const PopoverClose = forwardRef(\n (props: PopoverCloseProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"PopoverClose\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CorePopoverClose ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const PopoverButton = forwardRef(\n (props: PopoverButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n appearance: props.appearance,\n icon: props.icon,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"PopoverButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CorePopoverButton ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\n// export const usePopoverContext = useCorePopoverContext;\n\nexport const Popover = Object.assign(PopoverElement, {\n Trigger: PopoverTrigger,\n Content: PopoverContent,\n Close: PopoverClose,\n Button: PopoverButton,\n});\n"],"names":["PopoverElement","props","jsx","CorePopover","PopoverTrigger","CorePopoverTrigger","PopoverContent","forwardRef","ref","CorePopoverContent","PopoverClose","data","childrenToString","trackingId","useTrackingId","CorePopoverClose","PopoverButton","CorePopoverButton","Popover"],"mappings":";;;;;AAyBA,MAAMA,IAAiB,CAACC,MACfC,gBAAAA,EAAA,IAACC,GAAa,EAAA,GAAGF,EAAO,CAAA,GAGpBG,IAAiB,CAACH,MACtBC,gBAAAA,EAAA,IAACG,GAAoB,EAAA,GAAGJ,EAAO,CAAA,GAG3BK,IAAiBC;AAAA,EAC5B,CAACN,GAA4BO,MACnBN,gBAAAA,EAAAA,IAAAO,GAAA,EAAmB,KAAAD,GAAW,GAAGP,EAAO,CAAA;AAEpD,GAEaS,IAAeH;AAAA,EAC1B,CAACN,GAA0BO,MAAgC;AACzD,UAAMG,IAAO;AAAA,MACX,UAAUC,EAAiBX,EAAM,QAAQ;AAAA,IAAA,GAGrCY,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACV,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCACGc,GAAiB,EAAA,KAAAP,GAAU,oBAAkBK,GAAa,GAAGZ,EAAO,CAAA;AAAA,EAEzE;AACF,GAEae,IAAgBT;AAAA,EAC3B,CAACN,GAA2BO,MAAgC;AAC1D,UAAMG,IAAO;AAAA,MACX,UAAUC,EAAiBX,EAAM,QAAQ;AAAA,MACzC,YAAYA,EAAM;AAAA,MAClB,MAAMA,EAAM;AAAA,MACZ,MAAMA,EAAM;AAAA,MACZ,MAAMA,EAAM;AAAA,IAAA,GAGRY,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACV,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCACGgB,GAAkB,EAAA,KAAAT,GAAU,oBAAkBK,GAAa,GAAGZ,EAAO,CAAA;AAAA,EAE1E;AACF,GAIaiB,IAAU,OAAO,OAAOlB,GAAgB;AAAA,EACnD,SAASI;AAAA,EACT,SAASE;AAAA,EACT,OAAOI;AAAA,EACP,QAAQM;AACV,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const t=require("./jsx-runtime-Cek9Ww4S.cjs"),n=require("./Popover-w3OnmR7f-
|
|
2
|
-
//# sourceMappingURL=Popover-
|
|
1
|
+
"use strict";const t=require("./jsx-runtime-Cek9Ww4S.cjs"),n=require("./Popover-w3OnmR7f-CjKtvEo6.cjs"),s=require("react"),a=require("./useTrackingId.cjs"),c=require("./childrenToString-BP48L6HE-99vBR-I0.cjs"),x=e=>t.jsxRuntimeExports.jsx(n.Qe,{...e}),d=e=>t.jsxRuntimeExports.jsx(n.ke,{...e}),u=s.forwardRef((e,r)=>t.jsxRuntimeExports.jsx(n.De,{ref:r,...e})),g=s.forwardRef((e,r)=>{const o={children:c.n(e.children)},i=a.useTrackingId({name:"PopoverClose",data:o,hasOverride:!!e["data-tracking-id"]});return t.jsxRuntimeExports.jsx(n.Te,{ref:r,"data-tracking-id":i,...e})}),v=s.forwardRef((e,r)=>{const o={children:c.n(e.children),appearance:e.appearance,icon:e.icon,size:e.size,type:e.type},i=a.useTrackingId({name:"PopoverButton",data:o,hasOverride:!!e["data-tracking-id"]});return t.jsxRuntimeExports.jsx(n.be,{ref:r,"data-tracking-id":i,...e})}),P=Object.assign(x,{Trigger:d,Content:u,Close:g,Button:v});exports.Popover=P;exports.PopoverButton=v;exports.PopoverClose=g;exports.PopoverContent=u;exports.PopoverTrigger=d;
|
|
2
|
+
//# sourceMappingURL=Popover-BzaMUxnR.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover-
|
|
1
|
+
{"version":3,"file":"Popover-BzaMUxnR.cjs","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n PopoverProps as CorePopoverProps,\n Popover as CorePopover,\n PopoverTrigger as CorePopoverTrigger,\n PopoverTriggerProps as CorePopoverTriggerProps,\n PopoverContent as CorePopoverContent,\n PopoverContentProps as CorePopoverContentProps,\n PopoverClose as CorePopoverClose,\n PopoverCloseProps as CorePopoverCloseProps,\n PopoverButton as CorePopoverButton,\n PopoverButtonProps as CorePopoverButtonProps,\n PopoverContextType as CorePopoverContextType,\n} from \"@servicetitan/hammer-react/dist/Popover\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type PopoverProps = CorePopoverProps;\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\nexport type PopoverContentProps = CorePopoverContentProps;\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\nexport type PopoverContextType = CorePopoverContextType;\n\nconst PopoverElement = (props: PopoverProps) => {\n return <CorePopover {...props} />;\n};\n\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n return <CorePopoverTrigger {...props} />;\n};\n\nexport const PopoverContent = forwardRef(\n (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n return <CorePopoverContent ref={ref} {...props} />;\n }\n);\n\nexport const PopoverClose = forwardRef(\n (props: PopoverCloseProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"PopoverClose\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CorePopoverClose ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const PopoverButton = forwardRef(\n (props: PopoverButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n appearance: props.appearance,\n icon: props.icon,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"PopoverButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CorePopoverButton ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\n// export const usePopoverContext = useCorePopoverContext;\n\nexport const Popover = Object.assign(PopoverElement, {\n Trigger: PopoverTrigger,\n Content: PopoverContent,\n Close: PopoverClose,\n Button: PopoverButton,\n});\n"],"names":["PopoverElement","props","jsx","CorePopover","PopoverTrigger","CorePopoverTrigger","PopoverContent","forwardRef","ref","CorePopoverContent","PopoverClose","data","childrenToString","trackingId","useTrackingId","CorePopoverClose","PopoverButton","CorePopoverButton","Popover"],"mappings":"kNAyBMA,EAAkBC,GACfC,EAAA,kBAAA,IAACC,EAAa,GAAA,CAAA,GAAGF,CAAO,CAAA,EAGpBG,EAAkBH,GACtBC,EAAA,kBAAA,IAACG,EAAoB,GAAA,CAAA,GAAGJ,CAAO,CAAA,EAG3BK,EAAiBC,EAAA,WAC5B,CAACN,EAA4BO,IACnBN,EAAAA,kBAAAA,IAAAO,EAAAA,GAAA,CAAmB,IAAAD,EAAW,GAAGP,CAAO,CAAA,CAEpD,EAEaS,EAAeH,EAAA,WAC1B,CAACN,EAA0BO,IAAgC,CACzD,MAAMG,EAAO,CACX,SAAUC,EAAAA,EAAiBX,EAAM,QAAQ,CAAA,EAGrCY,EAAaC,EAAAA,cAAc,CAC/B,KAAM,eACN,KAAAH,EACA,YAAa,CAAC,CAACV,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGc,EAAiB,GAAA,CAAA,IAAAP,EAAU,mBAAkBK,EAAa,GAAGZ,CAAO,CAAA,CAEzE,CACF,EAEae,EAAgBT,EAAA,WAC3B,CAACN,EAA2BO,IAAgC,CAC1D,MAAMG,EAAO,CACX,SAAUC,EAAAA,EAAiBX,EAAM,QAAQ,EACzC,WAAYA,EAAM,WAClB,KAAMA,EAAM,KACZ,KAAMA,EAAM,KACZ,KAAMA,EAAM,IAAA,EAGRY,EAAaC,EAAAA,cAAc,CAC/B,KAAM,gBACN,KAAAH,EACA,YAAa,CAAC,CAACV,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGgB,EAAkB,GAAA,CAAA,IAAAT,EAAU,mBAAkBK,EAAa,GAAGZ,CAAO,CAAA,CAE1E,CACF,EAIaiB,EAAU,OAAO,OAAOlB,EAAgB,CACnD,QAASI,EACT,QAASE,EACT,MAAOI,EACP,OAAQM,CACV,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";require('./Popover-w3OnmR7f.css');const u=require("./jsx-runtime-DmTjM30f-CS_-PsQX.cjs"),i=require("react"),n=require("./floating-ui.react-CSe9ZeJV.cjs");require("./tinycolor-DTF4mKtt.cjs");const I=require("./useMergeRefs-CXJ8qoaV-D84hy3yG.cjs"),te=require("./Dialog-LF_eUywW-erqPCF5m.cjs"),re=require("./index-BYW82IHE.cjs");require("./HammerProvider-CWIhk1CR-Ddx1ijkL.cjs");require("./LocalizationProvider-DUpcgOpg-BcV208mm.cjs");const M=require("./ThemeProvider-ToVvRp6m-CoLPmFrb.cjs"),ie=require("./PortalProvider-CvQRdwLj-BtjPnkrU.cjs"),W=require("./ButtonToggle-uOhiLjZh-BfKVd23q.cjs");function se({defaultOpen:o,placement:a="bottom",modal:t,open:r,onOpenChange:s,onClose:e,disableCloseOnClickOutside:c,disableCloseOnEscape:p,openOnHover:k,fillAvailableHeight:g,fitScreen:h,maxHeight:l,minHeight:m="2.875rem",matchReferenceWidth:b,fixedWidth:x,disableCaret:d,noPadding:f,disableShift:F,disableFlip:j,disableFlipFallback:C,disableAutoUpdate:v,disableFocusLock:R,disableTriggerFocus:T,root:D}={}){const[V,G]=i.useState(o),[$,J]=i.useState(),[S,X]=i.useState(),y=r??V,H=s??G,L=i.useRef(null),q=typeof m=="string"?m:`${m}px`,A=n.useFloating({placement:a,open:y,onOpenChange:H,whileElementsMounted:v?void 0:n.autoUpdate,middleware:[n.offset(8),n.size({padding:5,apply({rects:ne,availableHeight:O,elements:oe}){Object.assign(oe.floating.style,{...b?{width:`${ne.reference.width}px`}:x?{width:"40dvw"}:{},...g?{height:`${O-20}px`,minHeight:q}:{},...l?{minHeight:q,height:h?typeof l=="string"?l:`${l}px`:void 0,maxHeight:h?`${O-20}px`:typeof l=="string"?l:`${l}px`}:{},...h&&!l?{minHeight:q,maxHeight:`${O-20}px`}:{},zIndex:1})}}),n.flip({mainAxis:!j,crossAxis:!1,fallbackAxisSideDirection:C?"none":"end",padding:5}),n.shift({padding:5,mainAxis:!F,crossAxis:!1,limiter:n.limitShift({mainAxis:!F})}),n.arrow({element:d?null:L,padding:5})]}),_=A.context,Z=n.useClick(_,{enabled:r==null&&!k}),B=n.useHover(_,{enabled:r==null&&!!k,handleClose:n.safePolygon()}),Y=n.useDismiss(_,{escapeKey:!p,outsidePress:()=>c?!1:(e==null||e(),!0)}),ee=n.useRole(_),U=n.useInteractions([Z,B,Y,ee]);return i.useMemo(()=>({open:y,setOpen:H,onClose:e,...U,...A,modal:t,labelId:$,descriptionId:S,setLabelId:J,setDescriptionId:X,arrowRef:L,disableCaret:d,noPadding:f,fillAvailableHeight:g,maxHeight:l,matchReferenceWidth:b,fixedWidth:x,disableFlipFallback:C,disableAutoUpdate:v,disableFocusLock:R,disableTriggerFocus:T,root:D}),[y,H,e,U,A,t,$,S,d,f,g,l,b,x,C,v,R,T,D])}const z=i.createContext(null),w=()=>{const o=i.useContext(z);if(o==null)throw new Error("Popover components must be wrapped in <Popover />");return o},E=function(o){const{children:a}=o,t=w(),r=i.useRef(null),s=I.o([t.refs.setReference,r]);return a({"data-state":t.open?"open":"closed","data-anv":"popover-trigger",...t.getReferenceProps({ref:s})})},le="_content_hkkee_4",ae="_scroller_hkkee_27",de="_arrow_hkkee_34",P={content:le,scroller:ae,arrow:de,"no-padding":"_no-padding_hkkee_45"},Q=i.forwardRef(function({className:o,style:a,...t},r){var s,e;const{context:c,theme:p,mode:k,disableCaret:g,noPadding:h,onClose:l,disableFocusLock:m,disableTriggerFocus:b,root:x,...d}=w(),f=i.useContext(te.H),{root:F}=i.useContext(ie.P),j=I.o([d.refs.setFloating,r]);if(!c.open||f&&!((s=f==null?void 0:f.ref)!=null&&s.current))return null;const C=re.G(o,P.content,{[P["no-padding"]]:h}),v=R=>{R.code==="Escape"&&(l==null||l())};return u.fr.jsx(n.FloatingPortal,{root:x??((e=f==null?void 0:f.ref)==null?void 0:e.current)??F,children:u.fr.jsx(n.FloatingFocusManager,{context:c,modal:d.modal,order:b?["content"]:["reference","content"],disabled:m,children:u.fr.jsx(M.I,{theme:p,mode:k,children:u.fr.jsxs("div",{ref:j,"data-anv":"popover-content",style:{...d.floatingStyles,...a},"aria-labelledby":d.labelId,"aria-describedby":d.descriptionId,className:C,...d.getFloatingProps(t),onKeyDown:v,role:"presentation",children:[u.fr.jsx("div",{className:P.scroller,children:t.children}),!g&&u.fr.jsx(n.FloatingArrow,{ref:d.arrowRef,context:c,className:P.arrow})]})})})})}),K=i.forwardRef(function(o,a){const{setOpen:t,onClose:r}=w();return u.fr.jsx(W.C,{ref:a,"data-anv":"popover-close",...o,onClick:s=>{var e;(e=o.onClick)==null||e.call(o,s),r==null||r(),t(!1)}})}),N=i.forwardRef(function(o,a){const{children:t,size:r,...s}=o,e=w(),c=t.ref,p=I.o([e.refs.setReference,a,c]);return u.fr.jsx(W.C,{ref:p,size:r,"data-state":e.open?"open":"closed","data-anv":"popover-button",...e.getReferenceProps(s),children:t})});function ce({children:o,modal:a,...t}){const r=se({modal:a,...t}),{theme:s,mode:e="light"}=i.useContext(M.C),c=i.useMemo(()=>({...r,theme:s,mode:e}),[e,r,s]);return u.fr.jsx(z.Provider,{value:c,children:o})}const ue=Object.assign(ce,{Trigger:E,Close:K,Content:Q,Button:N});exports.C=w;exports.De=Q;exports.Qe=ue;exports.Te=K;exports.be=N;exports.ke=E;
|
|
2
|
+
//# sourceMappingURL=Popover-w3OnmR7f-CjKtvEo6.cjs.map
|