@servicetitan/anvil2 1.3.4 → 1.4.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/{Alert-85a791c2.js → Alert-097d82a2.js} +2 -2
- package/Alert-097d82a2.js.map +1 -0
- package/Alert-d2a2976a.cjs +2 -0
- package/Alert-d2a2976a.cjs.map +1 -0
- package/Alert.cjs +1 -1
- package/Alert.js +1 -1
- package/Announcement.cjs +1 -1
- package/Announcement.cjs.map +1 -1
- package/Announcement.js +1 -1
- package/Announcement.js.map +1 -1
- package/AnvilProvider.cjs +1 -1
- package/AnvilProvider.js +1 -1
- package/Avatar.cjs +1 -1
- package/Avatar.cjs.map +1 -1
- package/Avatar.js +14 -14
- package/Avatar.js.map +1 -1
- package/Badge.cjs.map +1 -1
- package/Badge.js +7 -7
- package/Badge.js.map +1 -1
- package/Button.cjs +1 -1
- package/Button.js +1 -1
- package/ButtonCompound.cjs +1 -1
- package/ButtonCompound.js +1 -1
- package/ButtonLink.cjs +1 -1
- package/ButtonLink.js +1 -1
- package/ButtonToggle.cjs +1 -1
- package/ButtonToggle.js +1 -1
- package/Calendar.cjs +1 -1
- package/Calendar.cjs.map +1 -1
- package/Calendar.js +935 -936
- package/Calendar.js.map +1 -1
- package/Card.cjs.map +1 -1
- package/Card.js.map +1 -1
- package/{Checkbox-d1db5a71.cjs → Checkbox-38b018dd.cjs} +2 -2
- package/Checkbox-38b018dd.cjs.map +1 -0
- package/{Checkbox-634c4d3d.js → Checkbox-80900b39.js} +3 -3
- package/Checkbox-80900b39.js.map +1 -0
- package/Checkbox.cjs +1 -1
- package/Checkbox.js +5 -5
- package/{Chip-73b032eb.js → Chip-68233f63.js} +3 -3
- package/Chip-68233f63.js.map +1 -0
- package/Chip-c32236d6.cjs +2 -0
- package/Chip-c32236d6.cjs.map +1 -0
- package/Chip.cjs +1 -1
- package/Chip.js +1 -1
- package/Combobox.cjs +6 -6
- package/Combobox.cjs.map +1 -1
- package/Combobox.js +12 -12
- package/Combobox.js.map +1 -1
- package/Details.cjs +1 -1
- package/Details.cjs.map +1 -1
- package/Details.js +9 -9
- package/Details.js.map +1 -1
- package/{Dialog-1984afe2.js → Dialog-893ed36b.js} +3 -3
- package/Dialog-893ed36b.js.map +1 -0
- package/Dialog-bf33c086.cjs +2 -0
- package/{Dialog-1984afe2.js.map → Dialog-bf33c086.cjs.map} +1 -1
- package/Dialog.cjs +1 -1
- package/Dialog.js +1 -1
- package/Divider.cjs.map +1 -1
- package/Divider.js.map +1 -1
- package/Drawer.cjs +1 -1
- package/Drawer.cjs.map +1 -1
- package/Drawer.js +8 -8
- package/Drawer.js.map +1 -1
- package/Flex-d06c75c0.js.map +1 -1
- package/Flex-da1ad9db.cjs.map +1 -1
- package/Grid.cjs.map +1 -1
- package/Grid.js.map +1 -1
- package/Icon-847b3515.cjs.map +1 -1
- package/Icon-be690f0b.js.map +1 -1
- package/InputMask.cjs +2 -0
- package/InputMask.cjs.map +1 -0
- package/InputMask.d.ts +13 -0
- package/InputMask.js +126 -0
- package/InputMask.js.map +1 -0
- package/{Label-e2593298.cjs → Label-aca119f2.cjs} +2 -2
- package/{Label-e2593298.cjs.map → Label-aca119f2.cjs.map} +1 -1
- package/{Label-854a39e4.js → Label-ed5cd8a7.js} +2 -2
- package/{Label-854a39e4.js.map → Label-ed5cd8a7.js.map} +1 -1
- package/Link.cjs +1 -1
- package/Link.js +1 -1
- package/ListView.cjs +1 -1
- package/ListView.cjs.map +1 -1
- package/ListView.js +2 -2
- package/ListView.js.map +1 -1
- package/Listbox.cjs +1 -1
- package/Listbox.cjs.map +1 -1
- package/Listbox.js +10 -10
- package/Listbox.js.map +1 -1
- package/LocalizationProvider.cjs.map +1 -1
- package/LocalizationProvider.js.map +1 -1
- package/Menu.cjs +1 -1
- package/Menu.cjs.map +1 -1
- package/Menu.js +28 -28
- package/Menu.js.map +1 -1
- package/{Overflow-a026904d.js → Overflow-a2f48366.js} +2 -2
- package/Overflow-a2f48366.js.map +1 -0
- package/{Overflow-057bbf4e.cjs → Overflow-b4d706e8.cjs} +2 -2
- package/Overflow-b4d706e8.cjs.map +1 -0
- package/Overflow.cjs +1 -1
- package/Overflow.js +15 -15
- package/Page.cjs +1 -1
- package/Page.cjs.map +1 -1
- package/Page.js +6 -5
- package/Page.js.map +1 -1
- package/Popover-44119105.js +276 -0
- package/Popover-44119105.js.map +1 -0
- package/Popover-665147d6.cjs +2 -0
- package/Popover-665147d6.cjs.map +1 -0
- package/Popover.cjs +1 -1
- package/Popover.js +15 -15
- package/ProgressBar.cjs +1 -1
- package/ProgressBar.cjs.map +1 -1
- package/ProgressBar.js +1 -1
- package/ProgressBar.js.map +1 -1
- package/Radio.cjs +1 -1
- package/Radio.cjs.map +1 -1
- package/Radio.js +25 -25
- package/Radio.js.map +1 -1
- package/SegmentedControl.cjs +1 -1
- package/SegmentedControl.cjs.map +1 -1
- package/SegmentedControl.js +28 -28
- package/SegmentedControl.js.map +1 -1
- package/SideNav.cjs +1 -1
- package/SideNav.cjs.map +1 -1
- package/SideNav.js +10 -10
- package/SideNav.js.map +1 -1
- package/SrOnly-0c7fd87a.js.map +1 -1
- package/SrOnly-91a467dc.cjs.map +1 -1
- package/Stepper.cjs +1 -1
- package/Stepper.cjs.map +1 -1
- package/Stepper.js +12 -12
- package/Stepper.js.map +1 -1
- package/Switch.cjs.map +1 -1
- package/Switch.js.map +1 -1
- package/Tab.cjs +1 -1
- package/Tab.cjs.map +1 -1
- package/Tab.js +14 -14
- package/Tab.js.map +1 -1
- package/Text-08c90c22.js.map +1 -1
- package/Text-8ed03ac7.cjs.map +1 -1
- package/TextField-7d04b45f.js +142 -0
- package/TextField-7d04b45f.js.map +1 -0
- package/TextField-bd5f664e.cjs +2 -0
- package/TextField-bd5f664e.cjs.map +1 -0
- package/TextField.cjs +1 -1
- package/TextField.cjs.map +1 -1
- package/TextField.css +1 -0
- package/TextField.js +21 -156
- package/TextField.js.map +1 -1
- package/Textarea.cjs +1 -1
- package/Textarea.cjs.map +1 -1
- package/Textarea.js +30 -30
- package/Textarea.js.map +1 -1
- package/ThemeProvider.cjs +1 -1
- package/ThemeProvider.js +1 -1
- package/Toast.cjs +3 -3
- package/Toast.cjs.map +1 -1
- package/Toast.js +9 -9
- package/Toast.js.map +1 -1
- package/{Tooltip-dcc5d45c.js → Tooltip-13761a78.js} +28 -28
- package/Tooltip-13761a78.js.map +1 -0
- package/Tooltip-ea2b58dc.cjs +2 -0
- package/Tooltip-ea2b58dc.cjs.map +1 -0
- package/Tooltip.cjs +1 -1
- package/Tooltip.js +1 -1
- package/anvil2.cjs +1 -1
- package/anvil2.d.ts +19 -0
- package/anvil2.js +110 -105
- package/anvil2.js.map +1 -1
- package/{index-11b6ca91-d30fd1d3.cjs → index-16923f36-13f8775f.cjs} +2 -2
- package/index-16923f36-13f8775f.cjs.map +1 -0
- package/{index-11b6ca91-14b4e485.js → index-16923f36-b76f5ccb.js} +6 -6
- package/index-16923f36-b76f5ccb.js.map +1 -0
- package/{index-04060912.js → index-204e7e78.js} +1115 -1062
- package/index-204e7e78.js.map +1 -0
- package/{index-902bf2b0.js → index-3df95505.js} +4 -4
- package/index-3df95505.js.map +1 -0
- package/index-628a2685.cjs +5 -0
- package/index-628a2685.cjs.map +1 -0
- package/{index-dcf78e3f.cjs → index-98c0e500.cjs} +2 -2
- package/index-98c0e500.cjs.map +1 -0
- package/{index-eb2e706f-03380994.js → index-f6869ed6-10ae0c3c.js} +2 -2
- package/index-f6869ed6-10ae0c3c.js.map +1 -0
- package/{index-eb2e706f-ff6c4157.cjs → index-f6869ed6-8e47d5d4.cjs} +2 -2
- package/index-f6869ed6-8e47d5d4.cjs.map +1 -0
- package/index21.css +1 -1
- package/index22.css +1 -1
- package/index23.css +1 -1
- package/package.json +2 -2
- package/useLinkStyles.cjs +1 -1
- package/useLinkStyles.js +1 -1
- package/useMergeRefs.cjs +1 -1
- package/useMergeRefs.cjs.map +1 -1
- package/useMergeRefs.js +9 -2
- package/useMergeRefs.js.map +1 -1
- package/Alert-673d75aa.cjs +0 -2
- package/Alert-673d75aa.cjs.map +0 -1
- package/Alert-85a791c2.js.map +0 -1
- package/Checkbox-634c4d3d.js.map +0 -1
- package/Checkbox-d1db5a71.cjs.map +0 -1
- package/Chip-73b032eb.js.map +0 -1
- package/Chip-88873569.cjs +0 -2
- package/Chip-88873569.cjs.map +0 -1
- package/Dialog-de6969a2.cjs +0 -2
- package/Dialog-de6969a2.cjs.map +0 -1
- package/Overflow-057bbf4e.cjs.map +0 -1
- package/Overflow-a026904d.js.map +0 -1
- package/Popover-aaeea980.js +0 -272
- package/Popover-aaeea980.js.map +0 -1
- package/Popover-e336dabc.cjs +0 -2
- package/Popover-e336dabc.cjs.map +0 -1
- package/Tooltip-2ecbf35e.cjs +0 -2
- package/Tooltip-2ecbf35e.cjs.map +0 -1
- package/Tooltip-dcc5d45c.js.map +0 -1
- package/index-04060912.js.map +0 -1
- package/index-11b6ca91-14b4e485.js.map +0 -1
- package/index-11b6ca91-d30fd1d3.cjs.map +0 -1
- package/index-40821bc4.cjs +0 -2
- package/index-40821bc4.cjs.map +0 -1
- package/index-49242812.js +0 -59
- package/index-49242812.js.map +0 -1
- package/index-69174413.cjs +0 -5
- package/index-69174413.cjs.map +0 -1
- package/index-902bf2b0.js.map +0 -1
- package/index-dcf78e3f.cjs.map +0 -1
- package/index-eb2e706f-03380994.js.map +0 -1
- package/index-eb2e706f-ff6c4157.cjs.map +0 -1
- package/index24.css +0 -1
- /package/{index-eb2e706f.css → index-f6869ed6.css} +0 -0
package/Details.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var K=require("./index7.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./jsx-runtime-494437bb.cjs"),a=require("./jsx-runtime-944c88e2-2b81c205.cjs"),n=require("react"),x=require("./index-ef2e9d11.cjs"),
|
|
1
|
+
var K=require("./index7.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./jsx-runtime-494437bb.cjs"),a=require("./jsx-runtime-944c88e2-2b81c205.cjs"),n=require("react"),x=require("./index-ef2e9d11.cjs"),k=require("./Icon-847b3515.cjs"),b=require("./chevron_right-5b0931b5-96f8a9c6.cjs");require("./tinycolor-3b50a250.cjs");const G=require("./useLayoutPropsUtil-cd33328b.cjs"),I=require("./useTrackingId.cjs"),M=require("./childrenToString-0cd30a27.cjs");const O="_details_1sjr5_4",P="_summary_1sjr5_17",T="_arrow_1sjr5_66",H="_content_1sjr5_30",J="_expanded_1sjr5_111",d={details:O,summary:P,"content-wrapper":"_content-wrapper_1sjr5_30",arrow:T,content:H,"is-expanded":"_is-expanded_1sjr5_108",expanded:J},f=n.createContext({id:"",isExpanded:!1,expanded:()=>{},close:()=>{},toggle:()=>{}}),L=n.forwardRef(function(e,t){const{layoutStyles:r,componentProps:s}=G.J(e),{children:i,id:o,expanded:c,defaultExpanded:l=!1,style:u,className:m,...j}=s,h=n.useId(),[y,p]=n.useState(l);function R(){p(!0)}function q(){p(!1)}function E(){p(D=>!D)}const N={...u,...r},S=n.useMemo(()=>({id:o??h,isExpanded:c??y,expanded:R,close:q,toggle:E}),[h,o,y,c]);return a.fr.jsx(f.Provider,{value:S,children:a.fr.jsx("div",{"data-anv":"details",ref:t,className:x.G(d.details,m),style:N,...j,children:i})})}),U=n.forwardRef(function({children:e,onClick:t,className:r,...s},i){const{id:o,isExpanded:c,toggle:l}=n.useContext(f),u=(...j)=>{t==null||t(...j),l()},m=x.G(d.summary,r);return a.fr.jsxs("button",{"data-anv":"details-summary","aria-controls":o,"aria-expanded":c,className:m,onClick:u,ref:i,...s,children:[a.fr.jsx(z,{})," ",a.fr.jsx("span",{children:e})]})}),z=n.forwardRef(function({className:e,...t},r){const{isExpanded:s}=n.useContext(f),i=x.G(d.arrow,{[d["is-expanded"]]:s},e);return a.fr.jsx("span",{className:i,ref:r,...t,children:a.fr.jsx(k.C,{size:"large",svg:b.a})})}),B=n.forwardRef(function({className:e,children:t,height:r,maxHeight:s,style:i,...o},c){const{id:l,isExpanded:u}=n.useContext(f),m={height:r,maxHeight:s,...r||s?{overflow:"auto"}:{},...i};return a.fr.jsx("div",{"data-anv":"details-content",id:l,className:x.G(d["content-wrapper"],{[d.expanded]:u}),ref:c,children:a.fr.jsx("div",{className:d.content,children:a.fr.jsx("div",{className:e,style:m,...o,children:t})})})}),_=Object.assign(L,{Summary:U,Content:B}),F=n.forwardRef((e,t)=>g.jsxRuntimeExports.jsx(_,{ref:t,...e})),v=n.forwardRef((e,t)=>{const r={children:M.n(e.children)},s=I.useTrackingId({name:"DetailsSummary",data:r,hasOverride:!!e["data-tracking-id"]});return g.jsxRuntimeExports.jsx(_.Summary,{ref:t,"data-tracking-id":s,...e})}),w=n.forwardRef((e,t)=>g.jsxRuntimeExports.jsx(_.Content,{ref:t,...e})),C=Object.assign(F,{Summary:v,Content:w});exports.Details=C;exports.DetailsContent=w;exports.DetailsSummary=v;exports.default=C;
|
|
2
2
|
//# sourceMappingURL=Details.cjs.map
|
package/Details.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Details.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Details.js","../src/components/Details/Details.tsx"],"sourcesContent":["import \"./index11.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { createContext as h, forwardRef as p, useId as b, useState as I, useMemo as R, useContext as y } from \"react\";\nimport x from \"classnames\";\nimport { Icon as A } from \"./Icon.js\";\nimport { S as O } from \"./chevron_right-5b0931b5.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as z } from \"./useLayoutPropsUtil.js\";\
|
|
1
|
+
{"version":3,"file":"Details.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Details.js","../src/components/Details/Details.tsx"],"sourcesContent":["import \"./index11.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { createContext as h, forwardRef as p, useId as b, useState as I, useMemo as R, useContext as y } from \"react\";\nimport x from \"classnames\";\nimport { Icon as A } from \"./Icon.js\";\nimport { S as O } from \"./chevron_right-5b0931b5.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as z } from \"./useLayoutPropsUtil.js\";\nconst L = \"_details_1sjr5_4\", M = \"_summary_1sjr5_17\", U = \"_arrow_1sjr5_66\", q = \"_content_1sjr5_30\", B = \"_expanded_1sjr5_111\", i = {\n details: L,\n summary: M,\n \"content-wrapper\": \"_content-wrapper_1sjr5_30\",\n arrow: U,\n content: q,\n \"is-expanded\": \"_is-expanded_1sjr5_108\",\n expanded: B\n}, u = h({\n id: \"\",\n isExpanded: !1,\n expanded: () => {\n },\n close: () => {\n },\n toggle: () => {\n }\n}), F = p(\n function(a, s) {\n const { layoutStyles: t, componentProps: n } = z(a), {\n children: o,\n id: r,\n expanded: d,\n defaultExpanded: c = !1,\n style: l,\n className: m,\n ...f\n } = n, v = b(), [w, j] = I(c);\n function D() {\n j(!0);\n }\n function N() {\n j(!1);\n }\n function g() {\n j((S) => !S);\n }\n const E = {\n ...l,\n ...t\n }, C = R(\n () => ({\n id: r ?? v,\n isExpanded: d ?? w,\n expanded: D,\n close: N,\n toggle: g\n }),\n [v, r, w, d]\n );\n return /* @__PURE__ */ e.jsx(u.Provider, { value: C, children: /* @__PURE__ */ e.jsx(\n \"div\",\n {\n \"data-anv\": \"details\",\n ref: s,\n className: x(i.details, m),\n style: E,\n ...f,\n children: o\n }\n ) });\n }\n), G = p(function({ children: a, onClick: s, className: t, ...n }, o) {\n const { id: r, isExpanded: d, toggle: c } = y(u), l = (...f) => {\n s == null || s(...f), c();\n }, m = x(i.summary, t);\n return /* @__PURE__ */ e.jsxs(\n \"button\",\n {\n \"data-anv\": \"details-summary\",\n \"aria-controls\": r,\n \"aria-expanded\": d,\n className: m,\n onClick: l,\n ref: o,\n ...n,\n children: [\n /* @__PURE__ */ e.jsx(J, {}),\n \" \",\n /* @__PURE__ */ e.jsx(\"span\", { children: a })\n ]\n }\n );\n}), J = p(\n function({ className: a, ...s }, t) {\n const { isExpanded: n } = y(u), o = x(\n i.arrow,\n { [i[\"is-expanded\"]]: n },\n a\n );\n return /* @__PURE__ */ e.jsx(\"span\", { className: o, ref: t, ...s, children: /* @__PURE__ */ e.jsx(A, { size: \"large\", svg: O }) });\n }\n), K = p(\n function({\n className: a,\n children: s,\n height: t,\n maxHeight: n,\n style: o,\n ...r\n }, d) {\n const { id: c, isExpanded: l } = y(u), m = {\n height: t,\n maxHeight: n,\n ...t || n ? { overflow: \"auto\" } : {},\n ...o\n };\n return /* @__PURE__ */ e.jsx(\n \"div\",\n {\n \"data-anv\": \"details-content\",\n id: c,\n className: x(i[\"content-wrapper\"], {\n [i.expanded]: l\n }),\n ref: d,\n children: /* @__PURE__ */ e.jsx(\"div\", { className: i.content, children: /* @__PURE__ */ e.jsx(\"div\", { className: a, style: m, ...r, children: s }) })\n }\n );\n }\n), k = Object.assign(F, {\n Summary: G,\n Content: K\n});\nexport {\n k as Details,\n K as DetailsContent,\n G as DetailsSummary\n};\n//# sourceMappingURL=Details.js.map\n","import {\n DetailsProps as CoreDetailsProps,\n Details as CoreDetails,\n DetailsSummaryProps as CoreDetailsSummaryProps,\n DetailsContentProps as CoreDetailsContentProps,\n} from \"@servicetitan/hammer-react/dist/Details\";\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 DetailsProps = CoreDetailsProps;\nexport type DetailsSummaryProps = CoreDetailsSummaryProps & DataTrackingId;\nexport type DetailsContentProps = CoreDetailsContentProps;\n\nconst DetailsElement = forwardRef(\n (props: DetailsProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails ref={ref} {...props} />;\n }\n);\n\nexport const DetailsSummary = forwardRef(\n (props: DetailsSummaryProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"DetailsSummary\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDetails.Summary ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const DetailsContent = forwardRef(\n (props: DetailsContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails.Content ref={ref} {...props} />;\n }\n);\n\nexport const Details = Object.assign(DetailsElement, {\n Summary: DetailsSummary,\n Content: DetailsContent,\n});\n"],"names":["L","M","U","q","B","i","u","React","F","a","s","t","n","useLayoutPropsUtil","o","r","d","c","l","f","v","w","j","D","N","g","S","E","C","jsxRuntime944c88e2","index","G","J","Icon","chevron_right5b0931b5","K","k","DetailsElement","props","ref","jsxRuntime","DetailsSummary","data","childrenToString","trackingId","useTrackingId","DetailsContent","Details"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Details.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "./index7.css";
|
|
2
2
|
import { j as _ } from "./jsx-runtime-82a9ddf6.js";
|
|
3
3
|
import { f as s } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
4
|
-
import { createContext as D, forwardRef as d, useId as b, useState as G, useMemo as
|
|
4
|
+
import { createContext as D, forwardRef as d, useId as b, useState as G, useMemo as I, useContext as h } from "react";
|
|
5
5
|
import { G as x } from "./index-c6e22bb9.js";
|
|
6
|
-
import { C as
|
|
7
|
-
import { a as
|
|
6
|
+
import { C as J } from "./Icon-be690f0b.js";
|
|
7
|
+
import { a as O } from "./chevron_right-5b0931b5-ac35ad56.js";
|
|
8
8
|
import "./tinycolor-d415b1fd.js";
|
|
9
|
-
import { J as
|
|
9
|
+
import { J as H } from "./useLayoutPropsUtil-f34e9597.js";
|
|
10
10
|
import { useTrackingId as M } from "./useTrackingId.js";
|
|
11
11
|
import { n as P } from "./childrenToString-416df522.js";
|
|
12
12
|
const R = "_details_1sjr5_4", $ = "_summary_1sjr5_17", q = "_arrow_1sjr5_66", z = "_content_1sjr5_30", B = "_expanded_1sjr5_111", i = {
|
|
@@ -28,7 +28,7 @@ const R = "_details_1sjr5_4", $ = "_summary_1sjr5_17", q = "_arrow_1sjr5_66", z
|
|
|
28
28
|
}
|
|
29
29
|
}), F = d(
|
|
30
30
|
function(e, t) {
|
|
31
|
-
const { layoutStyles: n, componentProps: a } =
|
|
31
|
+
const { layoutStyles: n, componentProps: a } = H(e), {
|
|
32
32
|
children: r,
|
|
33
33
|
id: o,
|
|
34
34
|
expanded: c,
|
|
@@ -44,12 +44,12 @@ const R = "_details_1sjr5_4", $ = "_summary_1sjr5_17", q = "_arrow_1sjr5_66", z
|
|
|
44
44
|
j(!1);
|
|
45
45
|
}
|
|
46
46
|
function w() {
|
|
47
|
-
j((
|
|
47
|
+
j((S) => !S);
|
|
48
48
|
}
|
|
49
49
|
const E = {
|
|
50
50
|
...m,
|
|
51
51
|
...n
|
|
52
|
-
},
|
|
52
|
+
}, k = I(
|
|
53
53
|
() => ({
|
|
54
54
|
id: o ?? y,
|
|
55
55
|
isExpanded: c ?? v,
|
|
@@ -59,7 +59,7 @@ const R = "_details_1sjr5_4", $ = "_summary_1sjr5_17", q = "_arrow_1sjr5_66", z
|
|
|
59
59
|
}),
|
|
60
60
|
[y, o, v, c]
|
|
61
61
|
);
|
|
62
|
-
return /* @__PURE__ */ s.jsx(p.Provider, { value:
|
|
62
|
+
return /* @__PURE__ */ s.jsx(p.Provider, { value: k, children: /* @__PURE__ */ s.jsx(
|
|
63
63
|
"div",
|
|
64
64
|
{
|
|
65
65
|
"data-anv": "details",
|
|
@@ -99,7 +99,7 @@ const R = "_details_1sjr5_4", $ = "_summary_1sjr5_17", q = "_arrow_1sjr5_66", z
|
|
|
99
99
|
{ [i["is-expanded"]]: a },
|
|
100
100
|
e
|
|
101
101
|
);
|
|
102
|
-
return /* @__PURE__ */ s.jsx("span", { className: r, ref: n, ...t, children: /* @__PURE__ */ s.jsx(
|
|
102
|
+
return /* @__PURE__ */ s.jsx("span", { className: r, ref: n, ...t, children: /* @__PURE__ */ s.jsx(J, { size: "large", svg: O }) });
|
|
103
103
|
}
|
|
104
104
|
), T = d(
|
|
105
105
|
function({
|
package/Details.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Details.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Details.js","../src/components/Details/Details.tsx"],"sourcesContent":["import \"./index11.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { createContext as h, forwardRef as p, useId as b, useState as I, useMemo as R, useContext as y } from \"react\";\nimport x from \"classnames\";\nimport { Icon as A } from \"./Icon.js\";\nimport { S as O } from \"./chevron_right-5b0931b5.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as z } from \"./useLayoutPropsUtil.js\";\
|
|
1
|
+
{"version":3,"file":"Details.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Details.js","../src/components/Details/Details.tsx"],"sourcesContent":["import \"./index11.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { createContext as h, forwardRef as p, useId as b, useState as I, useMemo as R, useContext as y } from \"react\";\nimport x from \"classnames\";\nimport { Icon as A } from \"./Icon.js\";\nimport { S as O } from \"./chevron_right-5b0931b5.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as z } from \"./useLayoutPropsUtil.js\";\nconst L = \"_details_1sjr5_4\", M = \"_summary_1sjr5_17\", U = \"_arrow_1sjr5_66\", q = \"_content_1sjr5_30\", B = \"_expanded_1sjr5_111\", i = {\n details: L,\n summary: M,\n \"content-wrapper\": \"_content-wrapper_1sjr5_30\",\n arrow: U,\n content: q,\n \"is-expanded\": \"_is-expanded_1sjr5_108\",\n expanded: B\n}, u = h({\n id: \"\",\n isExpanded: !1,\n expanded: () => {\n },\n close: () => {\n },\n toggle: () => {\n }\n}), F = p(\n function(a, s) {\n const { layoutStyles: t, componentProps: n } = z(a), {\n children: o,\n id: r,\n expanded: d,\n defaultExpanded: c = !1,\n style: l,\n className: m,\n ...f\n } = n, v = b(), [w, j] = I(c);\n function D() {\n j(!0);\n }\n function N() {\n j(!1);\n }\n function g() {\n j((S) => !S);\n }\n const E = {\n ...l,\n ...t\n }, C = R(\n () => ({\n id: r ?? v,\n isExpanded: d ?? w,\n expanded: D,\n close: N,\n toggle: g\n }),\n [v, r, w, d]\n );\n return /* @__PURE__ */ e.jsx(u.Provider, { value: C, children: /* @__PURE__ */ e.jsx(\n \"div\",\n {\n \"data-anv\": \"details\",\n ref: s,\n className: x(i.details, m),\n style: E,\n ...f,\n children: o\n }\n ) });\n }\n), G = p(function({ children: a, onClick: s, className: t, ...n }, o) {\n const { id: r, isExpanded: d, toggle: c } = y(u), l = (...f) => {\n s == null || s(...f), c();\n }, m = x(i.summary, t);\n return /* @__PURE__ */ e.jsxs(\n \"button\",\n {\n \"data-anv\": \"details-summary\",\n \"aria-controls\": r,\n \"aria-expanded\": d,\n className: m,\n onClick: l,\n ref: o,\n ...n,\n children: [\n /* @__PURE__ */ e.jsx(J, {}),\n \" \",\n /* @__PURE__ */ e.jsx(\"span\", { children: a })\n ]\n }\n );\n}), J = p(\n function({ className: a, ...s }, t) {\n const { isExpanded: n } = y(u), o = x(\n i.arrow,\n { [i[\"is-expanded\"]]: n },\n a\n );\n return /* @__PURE__ */ e.jsx(\"span\", { className: o, ref: t, ...s, children: /* @__PURE__ */ e.jsx(A, { size: \"large\", svg: O }) });\n }\n), K = p(\n function({\n className: a,\n children: s,\n height: t,\n maxHeight: n,\n style: o,\n ...r\n }, d) {\n const { id: c, isExpanded: l } = y(u), m = {\n height: t,\n maxHeight: n,\n ...t || n ? { overflow: \"auto\" } : {},\n ...o\n };\n return /* @__PURE__ */ e.jsx(\n \"div\",\n {\n \"data-anv\": \"details-content\",\n id: c,\n className: x(i[\"content-wrapper\"], {\n [i.expanded]: l\n }),\n ref: d,\n children: /* @__PURE__ */ e.jsx(\"div\", { className: i.content, children: /* @__PURE__ */ e.jsx(\"div\", { className: a, style: m, ...r, children: s }) })\n }\n );\n }\n), k = Object.assign(F, {\n Summary: G,\n Content: K\n});\nexport {\n k as Details,\n K as DetailsContent,\n G as DetailsSummary\n};\n//# sourceMappingURL=Details.js.map\n","import {\n DetailsProps as CoreDetailsProps,\n Details as CoreDetails,\n DetailsSummaryProps as CoreDetailsSummaryProps,\n DetailsContentProps as CoreDetailsContentProps,\n} from \"@servicetitan/hammer-react/dist/Details\";\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 DetailsProps = CoreDetailsProps;\nexport type DetailsSummaryProps = CoreDetailsSummaryProps & DataTrackingId;\nexport type DetailsContentProps = CoreDetailsContentProps;\n\nconst DetailsElement = forwardRef(\n (props: DetailsProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails ref={ref} {...props} />;\n }\n);\n\nexport const DetailsSummary = forwardRef(\n (props: DetailsSummaryProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"DetailsSummary\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDetails.Summary ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const DetailsContent = forwardRef(\n (props: DetailsContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails.Content ref={ref} {...props} />;\n }\n);\n\nexport const Details = Object.assign(DetailsElement, {\n Summary: DetailsSummary,\n Content: DetailsContent,\n});\n"],"names":["L","M","U","q","u","createContext","forwardRef","a","s","t","n","J$1","o","r","d","c","l","m","v","useId","w","useState","D","N","g","C","useMemo","fr","G$1","G","useContext","J","a$1","K","k","DetailsElement","props","ref","jsxRuntimeExports","DetailsSummary","data","trackingId","useTrackingId","DetailsContent","Details"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -5,10 +5,10 @@ import { G as x } from "./index-c6e22bb9.js";
|
|
|
5
5
|
import "./index-06c0bdf0.js";
|
|
6
6
|
import { a as I } from "./getKeyboardFocusableElements-58a00025.js";
|
|
7
7
|
import "./tinycolor-d415b1fd.js";
|
|
8
|
-
import {
|
|
8
|
+
import { useMergeRefs as X } from "./useMergeRefs.js";
|
|
9
9
|
import { a as Y } from "./close-064c8acc-7e0b4df7.js";
|
|
10
10
|
import { $ as Z } from "./Text-08c90c22.js";
|
|
11
|
-
import { S as J } from "./index-
|
|
11
|
+
import { S as J } from "./index-f6869ed6-10ae0c3c.js";
|
|
12
12
|
const Q = "_dialog_1nq1n_4", U = "_container_1nq1n_23", V = "_content_1nq1n_36", W = "_header_1nq1n_44", ee = "_footer_1nq1n_63", ne = "_large_1nq1n_100", te = "_fullscreen_1nq1n_100", oe = "_sticky_1nq1n_120", s = {
|
|
13
13
|
dialog: Q,
|
|
14
14
|
"close-dialog": "_close-dialog_1nq1n_1",
|
|
@@ -211,4 +211,4 @@ export {
|
|
|
211
211
|
w,
|
|
212
212
|
he as y
|
|
213
213
|
};
|
|
214
|
-
//# sourceMappingURL=Dialog-
|
|
214
|
+
//# sourceMappingURL=Dialog-893ed36b.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog-893ed36b.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Dialog.js"],"sourcesContent":["import \"./index12.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as h, createContext as A, useRef as b, useId as I, useCallback as k, useEffect as E, useContext as G } from \"react\";\nimport j from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { getKeyboardFocusableElements as J } from \"./getKeyboardFocusableElements.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Q } from \"./useMergeRefs.js\";\nimport { S as U } from \"./close-064c8acc.js\";\nimport { Text as V } from \"./Text.js\";\nimport { B as W } from \"./index-f6869ed6.js\";\nconst Y = \"_dialog_1nq1n_4\", Z = \"_container_1nq1n_23\", $ = \"_content_1nq1n_36\", ee = \"_header_1nq1n_44\", te = \"_footer_1nq1n_63\", ne = \"_large_1nq1n_100\", oe = \"_fullscreen_1nq1n_100\", se = \"_sticky_1nq1n_120\", c = {\n dialog: Y,\n \"close-dialog\": \"_close-dialog_1nq1n_1\",\n container: Z,\n content: $,\n header: ee,\n \"close-container\": \"_close-container_1nq1n_56\",\n footer: te,\n large: ne,\n fullscreen: oe,\n sticky: se,\n \"close-button\": \"_close-button_1nq1n_126\"\n}, N = h((o, l) => {\n const { onClick: s, ...a } = o, { close: f } = ae(), i = (t) => {\n f(), s == null || s(t);\n };\n return /* @__PURE__ */ r.jsx(\n W,\n {\n \"aria-label\": \"Close dialog\",\n \"data-anv\": \"dialog-cancel-button\",\n onClick: i,\n ref: l,\n ...a\n }\n );\n});\nN.displayName = \"DialogCancelButton\";\nconst w = h(\n (o, l) => {\n const { children: s, ...a } = o;\n return /* @__PURE__ */ r.jsxs(\n \"header\",\n {\n className: c.header,\n \"data-anv\": \"dialog-header\",\n ref: l,\n ...a,\n children: [\n /* @__PURE__ */ r.jsx(V, { variant: \"headline\", el: \"h1\", children: s }),\n /* @__PURE__ */ r.jsx(\"span\", { className: c[\"close-container\"], children: /* @__PURE__ */ r.jsx(\n N,\n {\n className: c[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: U\n }\n ) })\n ]\n }\n );\n }\n);\nw.displayName = \"DialogHeader\";\nconst R = h(\n (o, l) => {\n const { children: s, sticky: a = !1, ...f } = o, i = j(c.footer, {\n [c.sticky]: a\n });\n return /* @__PURE__ */ r.jsx(\n \"footer\",\n {\n className: i,\n \"data-anv\": \"dialog-footer\",\n ref: l,\n ...f,\n children: s\n }\n );\n }\n);\nR.displayName = \"DialogFooter\";\nconst B = h(\n (o, l) => {\n const { children: s, ...a } = o, f = j(c.content, {});\n return /* @__PURE__ */ r.jsx(\n \"div\",\n {\n className: f,\n \"data-anv\": \"dialog-content\",\n ref: l,\n ...a,\n children: s\n }\n );\n }\n);\nB.displayName = \"DialogContent\";\nconst H = A(null), K = h(\n (o, l) => {\n const {\n className: s,\n open: a = !1,\n children: f,\n onOpen: i,\n onClose: t,\n onCancel: re,\n onKeyDown: C,\n fullScreen: L = !1,\n disableCloseOnEscape: S = !1,\n disableCloseOnClickOutside: O = !1,\n size: F,\n ...P\n } = o, d = b(null), T = b(null), n = b(null), m = I(), z = j([c.dialog], s, {\n [c.fullscreen]: L,\n [c.large]: F === \"large\"\n }), D = J(d.current), u = D[0], x = D[D.length - 1], q = k(() => {\n var e;\n if (n.current) {\n const _ = (n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : []).filter((y) => y !== m);\n _.length === 0 ? (n.current.removeAttribute(\"data-dialogs-open\"), (e = n.current) == null || e.classList.remove(\"dialog-open\")) : n.current.dataset.dialogsOpen = _.join(\" \");\n }\n }, [m]);\n E(() => {\n if (typeof document > \"u\" || O)\n return;\n const e = (p) => {\n p.composedPath()[0] === d.current && (t == null || t());\n };\n return document.addEventListener(\"click\", e), () => document.removeEventListener(\"click\", e);\n }, [O, t]), E(() => {\n var e, p, _, y;\n if (a) {\n if (i == null || i(), (e = d.current) == null || e.showModal(), !n.current) {\n const g = document.body ?? ((p = d.current) == null ? void 0 : p.closest(\"body\"));\n g && (n.current = g);\n }\n if (!((_ = d.current) == null ? void 0 : _.querySelector(\":focus\")) && (u == null || u.focus()), (y = n.current) == null || y.classList.add(\"dialog-open\"), n.current) {\n const g = n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : [];\n if (g.includes(m))\n return;\n g.push(m), n.current.dataset.dialogsOpen = g.join(\" \");\n }\n return;\n }\n setTimeout(() => {\n var v;\n (v = d.current) == null || v.close(), q();\n }, 1);\n }, [u, m, i, a, q]);\n const M = (e) => {\n if (C == null || C(e), e.code === \"Escape\") {\n if (e.preventDefault(), S)\n return;\n t == null || t();\n return;\n }\n if (e.code === \"Tab\") {\n if (e.shiftKey && e.target === u) {\n e.preventDefault(), x == null || x.focus();\n return;\n }\n if (e.target === x && !e.shiftKey) {\n e.preventDefault(), u == null || u.focus();\n return;\n }\n }\n }, X = k(() => {\n t == null || t();\n }, [t]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ r.jsx(\n \"dialog\",\n {\n className: z,\n \"data-anv\": \"dialog\",\n ref: Q([l, d]),\n onKeyDown: M,\n ...P,\n children: /* @__PURE__ */ r.jsx(H.Provider, { value: { close: X, ref: d }, children: /* @__PURE__ */ r.jsx(\"section\", { ref: T, className: c.container, children: f }) })\n }\n )\n );\n }\n);\nfunction ae() {\n const o = G(H);\n if (!o)\n throw new Error(\n \"useDialogContext must be used within a DialogContextProvider\"\n );\n return o;\n}\nK.displayName = \"Dialog\";\nconst ye = Object.assign(K, {\n Header: w,\n Footer: R,\n Content: B,\n CancelButton: N\n});\nexport {\n ye as Dialog,\n N as DialogCancelButton,\n B as DialogContent,\n H as DialogContext,\n R as DialogFooter,\n w as DialogHeader\n};\n//# sourceMappingURL=Dialog.js.map\n"],"names":["Y","Z","$","ee","te","oe","se","c","N","forwardRef","o","l","s","a","f","ae","i","t","fr","S","a$1","$$1","R","G","B","H","createContext","K","o$1","re","C","L","O","F","P","d","useRef","T","m","useId","z","D","u","x","useCallback","_","y","useEffect","p","g","v","M","X","useContext","ye"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var ne=require("./Dialog.css");const s=require("./jsx-runtime-944c88e2-2b81c205.cjs"),n=require("react"),x=require("./index-ef2e9d11.cjs");require("./index-a53df036.cjs");const S=require("./getKeyboardFocusableElements-aba1bd01.cjs");require("./tinycolor-3b50a250.cjs");const T=require("./useMergeRefs.cjs"),z=require("./close-064c8acc-4984cc86.cjs"),G=require("./Text-8ed03ac7.cjs"),$=require("./index-f6869ed6-8e47d5d4.cjs");const A="_dialog_1nq1n_4",I="_container_1nq1n_23",X="_content_1nq1n_36",Y="_header_1nq1n_44",Z="_footer_1nq1n_63",J="_large_1nq1n_100",Q="_fullscreen_1nq1n_100",U="_sticky_1nq1n_120",c={dialog:A,"close-dialog":"_close-dialog_1nq1n_1",container:I,content:X,header:Y,"close-container":"_close-container_1nq1n_56",footer:Z,large:J,fullscreen:Q,sticky:U,"close-button":"_close-button_1nq1n_126"},v=n.forwardRef((t,i)=>{const{onClick:o,...a}=t,{close:f}=V(),g=l=>{f(),o==null||o(l)};return s.fr.jsx($.S,{"aria-label":"Close dialog","data-anv":"dialog-cancel-button",onClick:g,ref:i,...a})});v.displayName="DialogCancelButton";const C=n.forwardRef((t,i)=>{const{children:o,...a}=t;return s.fr.jsxs("header",{className:c.header,"data-anv":"dialog-header",ref:i,...a,children:[s.fr.jsx(G.$,{variant:"headline",el:"h1",children:o}),s.fr.jsx("span",{className:c["close-container"],children:s.fr.jsx(v,{className:c["close-button"],size:"small",appearance:"ghost","aria-label":"Close dialog",icon:z.a})})]})});C.displayName="DialogHeader";const b=n.forwardRef((t,i)=>{const{children:o,sticky:a=!1,...f}=t,g=x.G(c.footer,{[c.sticky]:a});return s.fr.jsx("footer",{className:g,"data-anv":"dialog-footer",ref:i,...f,children:o})});b.displayName="DialogFooter";const N=n.forwardRef((t,i)=>{const{children:o,...a}=t,f=x.G(c.content,{});return s.fr.jsx("div",{className:f,"data-anv":"dialog-content",ref:i,...a,children:o})});N.displayName="DialogContent";const j=n.createContext(null),k=n.forwardRef((t,i)=>{const{className:o,open:a=!1,children:f,onOpen:g,onClose:l,onCancel:ee,onKeyDown:R,fullScreen:E=!1,disableCloseOnEscape:K=!1,disableCloseOnClickOutside:w=!1,size:F,...L}=t,d=n.useRef(null),B=n.useRef(null),r=n.useRef(null),h=n.useId(),H=x.G([c.dialog],o,{[c.fullscreen]:E,[c.large]:F==="large"}),q=S.a(d.current),p=q[0],y=q[q.length-1],D=n.useCallback(()=>{var e;if(r.current){const _=(r.current.dataset.dialogsOpen?r.current.dataset.dialogsOpen.split(" "):[]).filter(m=>m!==h);_.length===0?(r.current.removeAttribute("data-dialogs-open"),(e=r.current)==null||e.classList.remove("dialog-open")):r.current.dataset.dialogsOpen=_.join(" ")}},[h]);n.useEffect(()=>{if(typeof document>"u"||w)return;const e=_=>{_.composedPath()[0]===d.current&&(l==null||l())};return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[w,l]),n.useEffect(()=>{var e,_,m,O;if(a){if(g==null||g(),(e=d.current)==null||e.showModal(),!r.current){const u=document.body??((_=d.current)==null?void 0:_.closest("body"));u&&(r.current=u)}if(!((m=d.current)!=null&&m.querySelector(":focus"))&&(p==null||p.focus()),(O=r.current)==null||O.classList.add("dialog-open"),r.current){const u=r.current.dataset.dialogsOpen?r.current.dataset.dialogsOpen.split(" "):[];if(u.includes(h))return;u.push(h),r.current.dataset.dialogsOpen=u.join(" ")}return}setTimeout(()=>{var u;(u=d.current)==null||u.close(),D()},1)},[p,h,g,a,D]);const M=e=>{if(R==null||R(e),e.code==="Escape"){if(e.preventDefault(),K)return;l==null||l();return}if(e.code==="Tab"){if(e.shiftKey&&e.target===p){e.preventDefault(),y==null||y.focus();return}if(e.target===y&&!e.shiftKey){e.preventDefault(),p==null||p.focus();return}}},P=n.useCallback(()=>{l==null||l()},[l]);return s.fr.jsx("dialog",{className:H,"data-anv":"dialog",ref:T.useMergeRefs([i,d]),onKeyDown:M,...L,children:s.fr.jsx(j.Provider,{value:{close:P,ref:d},children:s.fr.jsx("section",{ref:B,className:c.container,children:f})})})});function V(){const t=n.useContext(j);if(!t)throw new Error("useDialogContext must be used within a DialogContextProvider");return t}k.displayName="Dialog";const W=Object.assign(k,{Header:C,Footer:b,Content:N,CancelButton:v});exports.B=N;exports.H=j;exports.N=v;exports.R=b;exports.w=C;exports.ye=W;
|
|
2
|
+
//# sourceMappingURL=Dialog-bf33c086.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog-1984afe2.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Dialog.js"],"sourcesContent":["import \"./index12.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as h, createContext as A, useRef as b, useId as I, useCallback as k, useEffect as E, useContext as G } from \"react\";\nimport j from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { getKeyboardFocusableElements as J } from \"./getKeyboardFocusableElements.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Q } from \"@floating-ui/react\";\nimport { S as U } from \"./close-064c8acc.js\";\nimport { Text as V } from \"./Text.js\";\nimport { B as W } from \"./index-eb2e706f.js\";\nconst Y = \"_dialog_1nq1n_4\", Z = \"_container_1nq1n_23\", $ = \"_content_1nq1n_36\", ee = \"_header_1nq1n_44\", te = \"_footer_1nq1n_63\", ne = \"_large_1nq1n_100\", oe = \"_fullscreen_1nq1n_100\", se = \"_sticky_1nq1n_120\", c = {\n dialog: Y,\n \"close-dialog\": \"_close-dialog_1nq1n_1\",\n container: Z,\n content: $,\n header: ee,\n \"close-container\": \"_close-container_1nq1n_56\",\n footer: te,\n large: ne,\n fullscreen: oe,\n sticky: se,\n \"close-button\": \"_close-button_1nq1n_126\"\n}, N = h((o, l) => {\n const { onClick: s, ...a } = o, { close: f } = ae(), i = (t) => {\n f(), s == null || s(t);\n };\n return /* @__PURE__ */ r.jsx(\n W,\n {\n \"aria-label\": \"Close dialog\",\n \"data-anv\": \"dialog-cancel-button\",\n onClick: i,\n ref: l,\n ...a\n }\n );\n});\nN.displayName = \"DialogCancelButton\";\nconst w = h(\n (o, l) => {\n const { children: s, ...a } = o;\n return /* @__PURE__ */ r.jsxs(\n \"header\",\n {\n className: c.header,\n \"data-anv\": \"dialog-header\",\n ref: l,\n ...a,\n children: [\n /* @__PURE__ */ r.jsx(V, { variant: \"headline\", el: \"h1\", children: s }),\n /* @__PURE__ */ r.jsx(\"span\", { className: c[\"close-container\"], children: /* @__PURE__ */ r.jsx(\n N,\n {\n className: c[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: U\n }\n ) })\n ]\n }\n );\n }\n);\nw.displayName = \"DialogHeader\";\nconst R = h(\n (o, l) => {\n const { children: s, sticky: a = !1, ...f } = o, i = j(c.footer, {\n [c.sticky]: a\n });\n return /* @__PURE__ */ r.jsx(\n \"footer\",\n {\n className: i,\n \"data-anv\": \"dialog-footer\",\n ref: l,\n ...f,\n children: s\n }\n );\n }\n);\nR.displayName = \"DialogFooter\";\nconst B = h(\n (o, l) => {\n const { children: s, ...a } = o, f = j(c.content, {});\n return /* @__PURE__ */ r.jsx(\n \"div\",\n {\n className: f,\n \"data-anv\": \"dialog-content\",\n ref: l,\n ...a,\n children: s\n }\n );\n }\n);\nB.displayName = \"DialogContent\";\nconst H = A(null), K = h(\n (o, l) => {\n const {\n className: s,\n open: a = !1,\n children: f,\n onOpen: i,\n onClose: t,\n onCancel: re,\n onKeyDown: C,\n fullScreen: L = !1,\n disableCloseOnEscape: S = !1,\n disableCloseOnClickOutside: O = !1,\n size: F,\n ...P\n } = o, d = b(null), T = b(null), n = b(null), m = I(), z = j([c.dialog], s, {\n [c.fullscreen]: L,\n [c.large]: F === \"large\"\n }), D = J(d.current), u = D[0], x = D[D.length - 1], q = k(() => {\n var e;\n if (n.current) {\n const _ = (n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : []).filter((y) => y !== m);\n _.length === 0 ? (n.current.removeAttribute(\"data-dialogs-open\"), (e = n.current) == null || e.classList.remove(\"dialog-open\")) : n.current.dataset.dialogsOpen = _.join(\" \");\n }\n }, [m]);\n E(() => {\n if (typeof document > \"u\" || O)\n return;\n const e = (p) => {\n p.composedPath()[0] === d.current && (t == null || t());\n };\n return document.addEventListener(\"click\", e), () => document.removeEventListener(\"click\", e);\n }, [O, t]), E(() => {\n var e, p, _, y;\n if (a) {\n if (i == null || i(), (e = d.current) == null || e.showModal(), !n.current) {\n const g = document.body ?? ((p = d.current) == null ? void 0 : p.closest(\"body\"));\n g && (n.current = g);\n }\n if (!((_ = d.current) == null ? void 0 : _.querySelector(\":focus\")) && (u == null || u.focus()), (y = n.current) == null || y.classList.add(\"dialog-open\"), n.current) {\n const g = n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : [];\n if (g.includes(m))\n return;\n g.push(m), n.current.dataset.dialogsOpen = g.join(\" \");\n }\n return;\n }\n setTimeout(() => {\n var v;\n (v = d.current) == null || v.close(), q();\n }, 1);\n }, [u, m, i, a, q]);\n const M = (e) => {\n if (C == null || C(e), e.code === \"Escape\") {\n if (e.preventDefault(), S)\n return;\n t == null || t();\n return;\n }\n if (e.code === \"Tab\") {\n if (e.shiftKey && e.target === u) {\n e.preventDefault(), x == null || x.focus();\n return;\n }\n if (e.target === x && !e.shiftKey) {\n e.preventDefault(), u == null || u.focus();\n return;\n }\n }\n }, X = k(() => {\n t == null || t();\n }, [t]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ r.jsx(\n \"dialog\",\n {\n className: z,\n \"data-anv\": \"dialog\",\n ref: Q([l, d]),\n onKeyDown: M,\n ...P,\n children: /* @__PURE__ */ r.jsx(H.Provider, { value: { close: X, ref: d }, children: /* @__PURE__ */ r.jsx(\"section\", { ref: T, className: c.container, children: f }) })\n }\n )\n );\n }\n);\nfunction ae() {\n const o = G(H);\n if (!o)\n throw new Error(\n \"useDialogContext must be used within a DialogContextProvider\"\n );\n return o;\n}\nK.displayName = \"Dialog\";\nconst ye = Object.assign(K, {\n Header: w,\n Footer: R,\n Content: B,\n CancelButton: N\n});\nexport {\n ye as Dialog,\n N as DialogCancelButton,\n B as DialogContent,\n H as DialogContext,\n R as DialogFooter,\n w as DialogHeader\n};\n//# sourceMappingURL=Dialog.js.map\n"],"names":["Y","Z","$","ee","te","oe","se","c","N","forwardRef","o","l","s","a","f","ae","i","t","fr","S","a$1","$$1","R","G","B","H","createContext","K","re","C","L","O","F","P","d","useRef","T","m","useId","z","D","u","x","useCallback","_","y","useEffect","p","g","v","M","X","useMergeRefs","useContext","ye"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"Dialog-bf33c086.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Dialog.js"],"sourcesContent":["import \"./index12.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as h, createContext as A, useRef as b, useId as I, useCallback as k, useEffect as E, useContext as G } from \"react\";\nimport j from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { getKeyboardFocusableElements as J } from \"./getKeyboardFocusableElements.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Q } from \"./useMergeRefs.js\";\nimport { S as U } from \"./close-064c8acc.js\";\nimport { Text as V } from \"./Text.js\";\nimport { B as W } from \"./index-f6869ed6.js\";\nconst Y = \"_dialog_1nq1n_4\", Z = \"_container_1nq1n_23\", $ = \"_content_1nq1n_36\", ee = \"_header_1nq1n_44\", te = \"_footer_1nq1n_63\", ne = \"_large_1nq1n_100\", oe = \"_fullscreen_1nq1n_100\", se = \"_sticky_1nq1n_120\", c = {\n dialog: Y,\n \"close-dialog\": \"_close-dialog_1nq1n_1\",\n container: Z,\n content: $,\n header: ee,\n \"close-container\": \"_close-container_1nq1n_56\",\n footer: te,\n large: ne,\n fullscreen: oe,\n sticky: se,\n \"close-button\": \"_close-button_1nq1n_126\"\n}, N = h((o, l) => {\n const { onClick: s, ...a } = o, { close: f } = ae(), i = (t) => {\n f(), s == null || s(t);\n };\n return /* @__PURE__ */ r.jsx(\n W,\n {\n \"aria-label\": \"Close dialog\",\n \"data-anv\": \"dialog-cancel-button\",\n onClick: i,\n ref: l,\n ...a\n }\n );\n});\nN.displayName = \"DialogCancelButton\";\nconst w = h(\n (o, l) => {\n const { children: s, ...a } = o;\n return /* @__PURE__ */ r.jsxs(\n \"header\",\n {\n className: c.header,\n \"data-anv\": \"dialog-header\",\n ref: l,\n ...a,\n children: [\n /* @__PURE__ */ r.jsx(V, { variant: \"headline\", el: \"h1\", children: s }),\n /* @__PURE__ */ r.jsx(\"span\", { className: c[\"close-container\"], children: /* @__PURE__ */ r.jsx(\n N,\n {\n className: c[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: U\n }\n ) })\n ]\n }\n );\n }\n);\nw.displayName = \"DialogHeader\";\nconst R = h(\n (o, l) => {\n const { children: s, sticky: a = !1, ...f } = o, i = j(c.footer, {\n [c.sticky]: a\n });\n return /* @__PURE__ */ r.jsx(\n \"footer\",\n {\n className: i,\n \"data-anv\": \"dialog-footer\",\n ref: l,\n ...f,\n children: s\n }\n );\n }\n);\nR.displayName = \"DialogFooter\";\nconst B = h(\n (o, l) => {\n const { children: s, ...a } = o, f = j(c.content, {});\n return /* @__PURE__ */ r.jsx(\n \"div\",\n {\n className: f,\n \"data-anv\": \"dialog-content\",\n ref: l,\n ...a,\n children: s\n }\n );\n }\n);\nB.displayName = \"DialogContent\";\nconst H = A(null), K = h(\n (o, l) => {\n const {\n className: s,\n open: a = !1,\n children: f,\n onOpen: i,\n onClose: t,\n onCancel: re,\n onKeyDown: C,\n fullScreen: L = !1,\n disableCloseOnEscape: S = !1,\n disableCloseOnClickOutside: O = !1,\n size: F,\n ...P\n } = o, d = b(null), T = b(null), n = b(null), m = I(), z = j([c.dialog], s, {\n [c.fullscreen]: L,\n [c.large]: F === \"large\"\n }), D = J(d.current), u = D[0], x = D[D.length - 1], q = k(() => {\n var e;\n if (n.current) {\n const _ = (n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : []).filter((y) => y !== m);\n _.length === 0 ? (n.current.removeAttribute(\"data-dialogs-open\"), (e = n.current) == null || e.classList.remove(\"dialog-open\")) : n.current.dataset.dialogsOpen = _.join(\" \");\n }\n }, [m]);\n E(() => {\n if (typeof document > \"u\" || O)\n return;\n const e = (p) => {\n p.composedPath()[0] === d.current && (t == null || t());\n };\n return document.addEventListener(\"click\", e), () => document.removeEventListener(\"click\", e);\n }, [O, t]), E(() => {\n var e, p, _, y;\n if (a) {\n if (i == null || i(), (e = d.current) == null || e.showModal(), !n.current) {\n const g = document.body ?? ((p = d.current) == null ? void 0 : p.closest(\"body\"));\n g && (n.current = g);\n }\n if (!((_ = d.current) == null ? void 0 : _.querySelector(\":focus\")) && (u == null || u.focus()), (y = n.current) == null || y.classList.add(\"dialog-open\"), n.current) {\n const g = n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : [];\n if (g.includes(m))\n return;\n g.push(m), n.current.dataset.dialogsOpen = g.join(\" \");\n }\n return;\n }\n setTimeout(() => {\n var v;\n (v = d.current) == null || v.close(), q();\n }, 1);\n }, [u, m, i, a, q]);\n const M = (e) => {\n if (C == null || C(e), e.code === \"Escape\") {\n if (e.preventDefault(), S)\n return;\n t == null || t();\n return;\n }\n if (e.code === \"Tab\") {\n if (e.shiftKey && e.target === u) {\n e.preventDefault(), x == null || x.focus();\n return;\n }\n if (e.target === x && !e.shiftKey) {\n e.preventDefault(), u == null || u.focus();\n return;\n }\n }\n }, X = k(() => {\n t == null || t();\n }, [t]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ r.jsx(\n \"dialog\",\n {\n className: z,\n \"data-anv\": \"dialog\",\n ref: Q([l, d]),\n onKeyDown: M,\n ...P,\n children: /* @__PURE__ */ r.jsx(H.Provider, { value: { close: X, ref: d }, children: /* @__PURE__ */ r.jsx(\"section\", { ref: T, className: c.container, children: f }) })\n }\n )\n );\n }\n);\nfunction ae() {\n const o = G(H);\n if (!o)\n throw new Error(\n \"useDialogContext must be used within a DialogContextProvider\"\n );\n return o;\n}\nK.displayName = \"Dialog\";\nconst ye = Object.assign(K, {\n Header: w,\n Footer: R,\n Content: B,\n CancelButton: N\n});\nexport {\n ye as Dialog,\n N as DialogCancelButton,\n B as DialogContent,\n H as DialogContext,\n R as DialogFooter,\n w as DialogHeader\n};\n//# sourceMappingURL=Dialog.js.map\n"],"names":["Y","Z","$","ee","te","ne","oe","se","N","React","o","l","s","ae","i","t","jsxRuntime944c88e2","indexF6869ed6","w","Text","close064c8acc","R","index","B","H","K","re","C","L","S","O","P","T","n","m","z","D","getKeyboardFocusableElements","u","x","q","y","p","_","g","v","X","useMergeRefs","ye"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Dialog.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./jsx-runtime-494437bb.cjs"),a=require("./Dialog-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./jsx-runtime-494437bb.cjs"),a=require("./Dialog-bf33c086.cjs"),r=require("react"),c=require("./useTrackingId.cjs"),x=require("./childrenToString-0cd30a27.cjs"),j=r.forwardRef((e,t)=>n.jsxRuntimeExports.jsx(a.ye,{ref:t,...e})),s=r.forwardRef((e,t)=>{const i={children:x.n(e.children)},o=c.useTrackingId({name:"Announcement",data:i,hasOverride:!!e["data-tracking-id"]});return n.jsxRuntimeExports.jsx(a.w,{ref:t,"data-tracking-id":o,...e})}),d=r.forwardRef((e,t)=>n.jsxRuntimeExports.jsx(a.R,{ref:t,...e})),u=r.forwardRef((e,t)=>n.jsxRuntimeExports.jsx(a.B,{ref:t,...e})),l=r.forwardRef((e,t)=>{const i={title:e.title,appearance:e.appearance,size:e.size,type:e.type},o=c.useTrackingId({name:"DialogCancelButton",data:i,hasOverride:!!e["data-tracking-id"]});return n.jsxRuntimeExports.jsx(a.N,{ref:t,"data-tracking-id":o,...e})}),g=Object.assign(j,{Header:s,Footer:d,Content:u,CancelButton:l});exports.Dialog=g;exports.DialogCancelButton=l;exports.DialogContent=u;exports.DialogFooter=d;exports.DialogHeader=s;exports.default=g;
|
|
2
2
|
//# sourceMappingURL=Dialog.cjs.map
|
package/Dialog.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as n } from "./jsx-runtime-82a9ddf6.js";
|
|
2
|
-
import { y as c, w as d, R as s, B as l, N as g } from "./Dialog-
|
|
2
|
+
import { y as c, w as d, R as s, B as l, N as g } from "./Dialog-893ed36b.js";
|
|
3
3
|
import { forwardRef as e } from "react";
|
|
4
4
|
import { useTrackingId as o } from "./useTrackingId.js";
|
|
5
5
|
import { n as m } from "./childrenToString-416df522.js";
|
package/Divider.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Divider.js","../src/components/Divider/Divider.tsx"],"sourcesContent":["import \"./index13.css\";\nimport { j as n } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as v } from \"react\";\nimport x from \"classnames\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as j } from \"./useLayoutPropsUtil.js\";\
|
|
1
|
+
{"version":3,"file":"Divider.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Divider.js","../src/components/Divider/Divider.tsx"],"sourcesContent":["import \"./index13.css\";\nimport { j as n } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as v } from \"react\";\nimport x from \"classnames\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as j } from \"./useLayoutPropsUtil.js\";\nconst f = \"_container_13idr_4\", h = \"_content_13idr_25\", C = \"_divider_13idr_30\", N = \"_vertical_13idr_52\", i = {\n container: f,\n content: h,\n divider: C,\n vertical: N,\n \"align-start\": \"_align-start_13idr_58\",\n \"align-end\": \"_align-end_13idr_61\",\n \"spacing-0\": \"_spacing-0_13idr_64\",\n \"spacing-half\": \"_spacing-half_13idr_68\",\n \"spacing-1\": \"_spacing-1_13idr_72\",\n \"spacing-2\": \"_spacing-2_13idr_76\",\n \"spacing-3\": \"_spacing-3_13idr_80\",\n \"spacing-4\": \"_spacing-4_13idr_84\",\n \"spacing-5\": \"_spacing-5_13idr_88\"\n}, u = v(\n (t, s) => {\n const { layoutStyles: r, componentProps: c } = j(t), {\n children: a,\n className: d,\n spacing: e = \"0\",\n vertical: l = !1,\n style: o,\n ..._\n } = c, g = x(i.container, d, {\n [i[`spacing-${e}`]]: e,\n [i.vertical]: l,\n [i[\"align-start\"]]: t.alignContent === \"start\",\n [i[\"align-end\"]]: t.alignContent === \"end\"\n }), m = () => {\n if (!a)\n return /* @__PURE__ */ n.jsx(\"hr\", { className: i.divider });\n if (!t.alignContent || t.alignContent === \"center\")\n return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [\n /* @__PURE__ */ n.jsx(\"hr\", { className: i.divider }),\n /* @__PURE__ */ n.jsx(\"span\", { className: i.content, children: a }),\n /* @__PURE__ */ n.jsx(\"hr\", { className: i.divider })\n ] });\n if (!t.alignContent || t.alignContent === \"start\")\n return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [\n /* @__PURE__ */ n.jsx(\"span\", { className: i.content, children: a }),\n /* @__PURE__ */ n.jsx(\"hr\", { className: i.divider })\n ] });\n if (!t.alignContent || t.alignContent === \"end\")\n return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [\n /* @__PURE__ */ n.jsx(\"hr\", { className: i.divider }),\n /* @__PURE__ */ n.jsx(\"span\", { className: i.content, children: a })\n ] });\n }, p = {\n ...o,\n ...r\n };\n return /* @__PURE__ */ n.jsx(\n \"span\",\n {\n \"data-anv\": \"divider\",\n ref: s,\n style: p,\n ..._,\n className: g,\n children: m()\n }\n );\n }\n);\nu.displayName = \"Divider\";\nexport {\n u as Divider\n};\n//# sourceMappingURL=Divider.js.map\n","import {\n DividerProps as CoreDividerProps,\n Divider as CoreDivider,\n} from \"@servicetitan/hammer-react/dist/Divider\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type DividerProps = CoreDividerProps;\n\nexport const Divider = forwardRef(\n (props: DividerProps, ref: Ref<HTMLSpanElement>) => {\n return <CoreDivider ref={ref} {...props} />;\n }\n);\n"],"names":["f","h","C","N","i","u","React","t","s","r","c","useLayoutPropsUtil","a","d","e","l","o","_","g","index","jsxRuntime944c88e2","p","Divider","props","ref","jsxRuntime"],"mappings":"0WAOA,MAAAA,EAAA,qBAAAC,EAAA,oBAAAC,EAAA,oBAAAC,EAAA,qBAAAC,EAAA,CACA,UAAAJ,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAA,wBACA,YAAA,sBACA,YAAA,sBACA,eAAA,yBACA,YAAA,sBACA,YAAA,sBACA,YAAA,sBACA,YAAA,sBACA,YAAA,qBACA,EAAAE,EAAAC,EAAA,WACA,CAAAC,EAAAC,IAAA,CACA,KAAA,CAAA,aAAAC,EAAA,eAAAC,CAAA,EAAAC,EAAA,EAAAJ,CAAA,EAAA,CACA,SAAAK,EACA,UAAAC,EACA,QAAAC,EAAA,IACA,SAAAC,EAAA,GACA,MAAAC,EACA,GAAAC,CACA,EAAAP,EAAAQ,EAAAC,EAAA,EAAAf,EAAA,UAAAS,EAAA,CACA,CAAAT,EAAA,WAAAU,CAAA,EAAA,CAAA,EAAAA,EACA,CAAAV,EAAA,QAAA,EAAAW,EACA,CAAAX,EAAA,aAAA,CAAA,EAAAG,EAAA,eAAA,QACA,CAAAH,EAAA,WAAA,CAAA,EAAAG,EAAA,eAAA,KACA,CAAA,EAAA,EAAA,IAAA,CACA,GAAA,CAAAK,EACA,OAAAQ,EAAA,GAAA,IAAA,KAAA,CAAA,UAAAhB,EAAA,OAAA,CAAA,EACA,GAAA,CAAAG,EAAA,cAAAA,EAAA,eAAA,SACA,OAAAa,EAAA,GAAA,KAAAA,EAAA,GAAA,SAAA,CAAA,SAAA,CACAA,EAAA,GAAA,IAAA,KAAA,CAAA,UAAAhB,EAAA,OAAA,CAAA,EACAgB,EAAA,GAAA,IAAA,OAAA,CAAA,UAAAhB,EAAA,QAAA,SAAAQ,CAAA,CAAA,EACAQ,EAAA,GAAA,IAAA,KAAA,CAAA,UAAAhB,EAAA,OAAA,CAAA,CACA,CAAA,CAAA,EACA,GAAA,CAAAG,EAAA,cAAAA,EAAA,eAAA,QACA,OAAAa,EAAA,GAAA,KAAAA,EAAA,GAAA,SAAA,CAAA,SAAA,CACAA,EAAA,GAAA,IAAA,OAAA,CAAA,UAAAhB,EAAA,QAAA,SAAAQ,CAAA,CAAA,EACAQ,EAAA,GAAA,IAAA,KAAA,CAAA,UAAAhB,EAAA,OAAA,CAAA,CACA,CAAA,CAAA,EACA,GAAA,CAAAG,EAAA,cAAAA,EAAA,eAAA,MACA,OAAAa,EAAA,GAAA,KAAAA,EAAA,GAAA,SAAA,CAAA,SAAA,CACAA,EAAA,GAAA,IAAA,KAAA,CAAA,UAAAhB,EAAA,OAAA,CAAA,EACAgB,EAAA,GAAA,IAAA,OAAA,CAAA,UAAAhB,EAAA,QAAA,SAAAQ,CAAA,CAAA,CACA,CAAA,CAAA,CACA,EAAAS,EAAA,CACA,GAAAL,EACA,GAAAP,CACA,EACA,OAAAW,EAAA,GAAA,IACA,OACA,CACA,WAAA,UACA,IAAAZ,EACA,MAAAa,EACA,GAAAJ,EACA,UAAAC,EACA,SAAA,EAAA,CACA,CACA,CACA,CACA,EACAb,EAAA,YAAA,UC/DO,MAAAiB,EAAAhB,EAAA,WAAgB,CAAAiB,EAAAC,IAEnBC,EAAA,kBAAA,IAAApB,EAAA,CAAA,IAAAmB,EAAA,GAAAD,CAAA,CAAA,CAEJ","x_google_ignoreList":[0]}
|
package/Divider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Divider.js","../src/components/Divider/Divider.tsx"],"sourcesContent":["import \"./index13.css\";\nimport { j as n } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as v } from \"react\";\nimport x from \"classnames\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as j } from \"./useLayoutPropsUtil.js\";\
|
|
1
|
+
{"version":3,"file":"Divider.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Divider.js","../src/components/Divider/Divider.tsx"],"sourcesContent":["import \"./index13.css\";\nimport { j as n } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as v } from \"react\";\nimport x from \"classnames\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as j } from \"./useLayoutPropsUtil.js\";\nconst f = \"_container_13idr_4\", h = \"_content_13idr_25\", C = \"_divider_13idr_30\", N = \"_vertical_13idr_52\", i = {\n container: f,\n content: h,\n divider: C,\n vertical: N,\n \"align-start\": \"_align-start_13idr_58\",\n \"align-end\": \"_align-end_13idr_61\",\n \"spacing-0\": \"_spacing-0_13idr_64\",\n \"spacing-half\": \"_spacing-half_13idr_68\",\n \"spacing-1\": \"_spacing-1_13idr_72\",\n \"spacing-2\": \"_spacing-2_13idr_76\",\n \"spacing-3\": \"_spacing-3_13idr_80\",\n \"spacing-4\": \"_spacing-4_13idr_84\",\n \"spacing-5\": \"_spacing-5_13idr_88\"\n}, u = v(\n (t, s) => {\n const { layoutStyles: r, componentProps: c } = j(t), {\n children: a,\n className: d,\n spacing: e = \"0\",\n vertical: l = !1,\n style: o,\n ..._\n } = c, g = x(i.container, d, {\n [i[`spacing-${e}`]]: e,\n [i.vertical]: l,\n [i[\"align-start\"]]: t.alignContent === \"start\",\n [i[\"align-end\"]]: t.alignContent === \"end\"\n }), m = () => {\n if (!a)\n return /* @__PURE__ */ n.jsx(\"hr\", { className: i.divider });\n if (!t.alignContent || t.alignContent === \"center\")\n return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [\n /* @__PURE__ */ n.jsx(\"hr\", { className: i.divider }),\n /* @__PURE__ */ n.jsx(\"span\", { className: i.content, children: a }),\n /* @__PURE__ */ n.jsx(\"hr\", { className: i.divider })\n ] });\n if (!t.alignContent || t.alignContent === \"start\")\n return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [\n /* @__PURE__ */ n.jsx(\"span\", { className: i.content, children: a }),\n /* @__PURE__ */ n.jsx(\"hr\", { className: i.divider })\n ] });\n if (!t.alignContent || t.alignContent === \"end\")\n return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [\n /* @__PURE__ */ n.jsx(\"hr\", { className: i.divider }),\n /* @__PURE__ */ n.jsx(\"span\", { className: i.content, children: a })\n ] });\n }, p = {\n ...o,\n ...r\n };\n return /* @__PURE__ */ n.jsx(\n \"span\",\n {\n \"data-anv\": \"divider\",\n ref: s,\n style: p,\n ..._,\n className: g,\n children: m()\n }\n );\n }\n);\nu.displayName = \"Divider\";\nexport {\n u as Divider\n};\n//# sourceMappingURL=Divider.js.map\n","import {\n DividerProps as CoreDividerProps,\n Divider as CoreDivider,\n} from \"@servicetitan/hammer-react/dist/Divider\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type DividerProps = CoreDividerProps;\n\nexport const Divider = forwardRef(\n (props: DividerProps, ref: Ref<HTMLSpanElement>) => {\n return <CoreDivider ref={ref} {...props} />;\n }\n);\n"],"names":["f","h","N","u","forwardRef","t","s","r","c","J","d","e","l","o","_","g","G","m","fr","p","Divider","props","ref","jsxRuntimeExports"],"mappings":";;;;;;;AAOA,MAAAA,IAAA,sBAAAC,IAAA,qBAAA,IAAA,qBAAAC,IAAA,sBAAA,IAAA;AAAA,EACA,WAAAF;AAAA,EACA,SAAAC;AAAA,EACA,SAAA;AAAA,EACA,UAAAC;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AACA,GAAAC,IAAAC;AAAA,EACA,CAAAC,GAAAC,MAAA;AACA,UAAA,EAAA,cAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAJ,CAAA,GAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAAK;AAAA,MACA,SAAAC,IAAA;AAAA,MACA,UAAAC,IAAA;AAAA,MACA,OAAAC;AAAA,MACA,GAAAC;AAAA,IACA,IAAAN,GAAAO,IAAAC,EAAA,EAAA,WAAAN,GAAA;AAAA,MACA,CAAA,EAAA,WAAAC,CAAA,EAAA,CAAA,GAAAA;AAAA,MACA,CAAA,EAAA,QAAA,GAAAC;AAAA,MACA,CAAA,EAAA,aAAA,CAAA,GAAAP,EAAA,iBAAA;AAAA,MACA,CAAA,EAAA,WAAA,CAAA,GAAAA,EAAA,iBAAA;AAAA,IACA,CAAA,GAAAY,IAAA,MAAA;AACA,UAAA,CAAA;AACA,eAAA,gBAAAC,EAAA,IAAA,MAAA,EAAA,WAAA,EAAA,QAAA,CAAA;AACA,UAAA,CAAAb,EAAA,gBAAAA,EAAA,iBAAA;AACA,eAAA,gBAAAa,EAAA,KAAAA,EAAA,UAAA,EAAA,UAAA;AAAA,UACA,gBAAAA,EAAA,IAAA,MAAA,EAAA,WAAA,EAAA,QAAA,CAAA;AAAA,UACA,gBAAAA,EAAA,IAAA,QAAA,EAAA,WAAA,EAAA,SAAA,UAAA,EAAA,CAAA;AAAA,UACA,gBAAAA,EAAA,IAAA,MAAA,EAAA,WAAA,EAAA,QAAA,CAAA;AAAA,QACA,EAAA,CAAA;AACA,UAAA,CAAAb,EAAA,gBAAAA,EAAA,iBAAA;AACA,eAAA,gBAAAa,EAAA,KAAAA,EAAA,UAAA,EAAA,UAAA;AAAA,UACA,gBAAAA,EAAA,IAAA,QAAA,EAAA,WAAA,EAAA,SAAA,UAAA,EAAA,CAAA;AAAA,UACA,gBAAAA,EAAA,IAAA,MAAA,EAAA,WAAA,EAAA,QAAA,CAAA;AAAA,QACA,EAAA,CAAA;AACA,UAAA,CAAAb,EAAA,gBAAAA,EAAA,iBAAA;AACA,eAAA,gBAAAa,EAAA,KAAAA,EAAA,UAAA,EAAA,UAAA;AAAA,UACA,gBAAAA,EAAA,IAAA,MAAA,EAAA,WAAA,EAAA,QAAA,CAAA;AAAA,UACA,gBAAAA,EAAA,IAAA,QAAA,EAAA,WAAA,EAAA,SAAA,UAAA,EAAA,CAAA;AAAA,QACA,EAAA,CAAA;AAAA,IACA,GAAAC,IAAA;AAAA,MACA,GAAAN;AAAA,MACA,GAAAN;AAAA,IACA;AACA,WAAA,gBAAAW,EAAA;AAAA,MACA;AAAA,MACA;AAAA,QACA,YAAA;AAAA,QACA,KAAAZ;AAAA,QACA,OAAAa;AAAA,QACA,GAAAL;AAAA,QACA,WAAAC;AAAA,QACA,UAAAE,EAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;AACAd,EAAA,cAAA;AC/DO,MAAAiB,IAAAhB;AAAA,EAAgB,CAAAiB,GAAAC,MAEnB,gBAAAC,EAAA,IAAApB,GAAA,EAAA,KAAAmB,GAAA,GAAAD,EAAA,CAAA;AAEJ;","x_google_ignoreList":[0]}
|
package/Drawer.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var me=require("./index9.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./jsx-runtime-494437bb.cjs"),c=require("./jsx-runtime-944c88e2-2b81c205.cjs"),n=require("react"),C=require("./index-ef2e9d11.cjs");require("./index-a53df036.cjs");const V=require("./getKeyboardFocusableElements-aba1bd01.cjs");require("./tinycolor-3b50a250.cjs");const W=require("./
|
|
1
|
+
var me=require("./index9.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./jsx-runtime-494437bb.cjs"),c=require("./jsx-runtime-944c88e2-2b81c205.cjs"),n=require("react"),C=require("./index-ef2e9d11.cjs");require("./index-a53df036.cjs");const V=require("./getKeyboardFocusableElements-aba1bd01.cjs");require("./tinycolor-3b50a250.cjs");const W=require("./useMergeRefs.cjs"),Y=require("./close-064c8acc-4984cc86.cjs"),Z=require("./Text-8ed03ac7.cjs"),ee=require("./index-f6869ed6-8e47d5d4.cjs"),T=require("./useTrackingId.cjs"),re=require("./childrenToString-0cd30a27.cjs");const ne="_drawer_1pnmb_4",te="_container_1pnmb_28",ae="_content_1pnmb_41",oe="_header_1pnmb_46",se="_footer_1pnmb_68",ce="_remove_1pnmb_86",le="_large_1pnmb_95",ie="_sticky_1pnmb_98",l={drawer:ne,"close-drawer":"_close-drawer_1pnmb_1","open-drawer":"_open-drawer_1pnmb_1","open-backdrop":"_open-backdrop_1pnmb_1",container:te,content:ae,header:oe,"close-container":"_close-container_1pnmb_61",footer:se,remove:ce,"close-backdrop":"_close-backdrop_1pnmb_1",large:le,sticky:ie,"close-button":"_close-button_1pnmb_104"},D=n.forwardRef((e,t)=>{const{onClick:a,...s}=e,{close:f}=ue(),w=i=>{f(),a==null||a(i)};return c.fr.jsx(ee.S,{"aria-label":"Close drawer","data-anv":"drawer-cancel-button",onClick:w,ref:t,...s})});D.displayName="DrawerCancelButton";const k=n.forwardRef((e,t)=>{const{children:a}=e;return c.fr.jsxs("header",{className:l.header,"data-anv":"drawer-header",ref:t,children:[c.fr.jsx(Z.$,{variant:"headline",el:"h1",children:a}),c.fr.jsx("span",{className:l["close-container"],children:c.fr.jsx(D,{className:l["close-button"],size:"small",appearance:"ghost","aria-label":"Close dialog",icon:Y.a})})]})});k.displayName="DrawerHeader";const R=n.forwardRef((e,t)=>{const{children:a,sticky:s=!1,...f}=e,w=C.G(l.footer,{[l.sticky]:s});return c.fr.jsx("footer",{className:w,"data-anv":"drawer-footer",ref:t,...f,children:a})});R.displayName="DrawerFooter";const y=n.forwardRef((e,t)=>{const{children:a,...s}=e,f=C.G(l.content,{});return c.fr.jsx("div",{className:f,"data-anv":"drawer-content",ref:t,...s,children:a})});y.displayName="DrawerContent";const F=n.createContext(null),H=n.forwardRef((e,t)=>{const{className:a,open:s=!1,children:f,onOpen:w,onClose:i,onCancel:we,onClick:q,onKeyDown:O,disableCloseOnEscape:z=!1,disableCloseOnClickOutside:G=!1,size:P="medium",...L}=e,m=n.useRef(null),N=n.useRef(null),o=n.useRef(null),[A,h]=n.useState(!1),x=n.useId(),X=C.G([l.drawer],a,{[l.remove]:A,[l.large]:P==="large"}),g=V.a(m.current),p=g[0],v=g[g.length-1],j=()=>{var r;if(o.current){const d=(o.current.dataset.drawersOpen?o.current.dataset.drawersOpen.split(" "):[]).filter(_=>_!==x);d.length===0?(o.current.removeAttribute("data-drawers-open"),(r=o.current)==null||r.classList.remove("drawer-open")):o.current.dataset.drawersOpen=d.join(" ")}};n.useEffect(()=>{var r,d,_,E;if(s){if(w==null||w(),(r=m.current)==null||r.showModal(),!o.current){const u=(d=m.current)==null?void 0:d.closest("body");u&&(o.current=u)}if(!((_=m.current)!=null&&_.querySelector(":focus"))&&(p==null||p.focus()),(E=o.current)==null||E.classList.add("drawer-open"),o.current){const u=o.current.dataset.drawersOpen?o.current.dataset.drawersOpen.split(" "):[];if(u.includes(x))return;u.push(x),o.current.dataset.drawersOpen=u.join(" ")}return}h(!0),setTimeout(()=>{var u;(u=m.current)==null||u.close(),j(),h(!1)},200)},[p,w,s]),n.useEffect(()=>()=>j(),[]);const $=r=>{r.preventDefault(),!z&&(i==null||i())},J=r=>{var d;q==null||q(r);const _=r.target;if(!((d=N.current)!=null&&d.contains(_))){if(r.preventDefault(),G)return;i==null||i()}},Q=r=>{if(O==null||O(r),r.code==="Tab"){if(r.shiftKey&&r.target===p){r.preventDefault(),v==null||v.focus();return}if(r.target===v&&!r.shiftKey){r.preventDefault(),p==null||p.focus();return}}},U=n.useMemo(()=>({close:()=>{h(!0),setTimeout(()=>{var r;j(),(r=m.current)==null||r.close(),i==null||i()},200)}}),[i]);return c.fr.jsx("dialog",{className:X,"data-anv":"drawer",ref:W.useMergeRefs([t,m]),onCancel:$,onClick:J,onKeyDown:Q,...L,children:c.fr.jsx(F.Provider,{value:U,children:c.fr.jsx("section",{ref:N,className:l.container,children:f})})})});function ue(){const e=n.useContext(F);if(!e)throw new Error("useDrawerContext must be used within a DrawerContextProvider");return e}H.displayName="Drawer";const de=Object.assign(H,{Header:k,Footer:R,Content:y}),fe=n.forwardRef((e,t)=>b.jsxRuntimeExports.jsx(de,{ref:t,...e})),I=n.forwardRef((e,t)=>{const a={children:re.n(e.children),appearance:e.appearance,size:e.size,type:e.type},s=T.useTrackingId({name:"DrawerCancelButton",data:a,hasOverride:!!e["data-tracking-id"]});return b.jsxRuntimeExports.jsx(D,{ref:t,"data-tracking-id":s,...e})}),M=n.forwardRef((e,t)=>b.jsxRuntimeExports.jsx(R,{ref:t,...e})),S=n.forwardRef((e,t)=>{const a={children:e.children},s=T.useTrackingId({name:"DrawerHeader",data:a,hasOverride:!!e["data-tracking-id"]});return b.jsxRuntimeExports.jsx(k,{ref:t,"data-tracking-id":s,...e})}),B=n.forwardRef((e,t)=>b.jsxRuntimeExports.jsx(y,{ref:t,...e})),K=Object.assign(fe,{Header:S,Footer:M,Content:B,CancelButton:I});exports.Drawer=K;exports.DrawerCancelButton=I;exports.DrawerContent=B;exports.DrawerFooter=M;exports.DrawerHeader=S;exports.default=K;
|
|
2
2
|
//# sourceMappingURL=Drawer.cjs.map
|
package/Drawer.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Drawer.js","../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import \"./index14.css\";\nimport { j as a } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as _, createContext as J, useRef as N, useState as Q, useId as U, useEffect as R, useMemo as V, useContext as W } from \"react\";\nimport O from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { getKeyboardFocusableElements as Y } from \"./getKeyboardFocusableElements.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Z } from \"@floating-ui/react\";\nimport { S as $ } from \"./close-064c8acc.js\";\nimport { Text as ee } from \"./Text.js\";\nimport { B as re } from \"./index-eb2e706f.js\";\nconst te = \"_drawer_1pnmb_4\", ne = \"_container_1pnmb_28\", oe = \"_content_1pnmb_41\", ae = \"_header_1pnmb_46\", se = \"_footer_1pnmb_68\", ce = \"_remove_1pnmb_86\", le = \"_large_1pnmb_95\", de = \"_sticky_1pnmb_98\", s = {\n drawer: te,\n \"close-drawer\": \"_close-drawer_1pnmb_1\",\n \"open-drawer\": \"_open-drawer_1pnmb_1\",\n \"open-backdrop\": \"_open-backdrop_1pnmb_1\",\n container: ne,\n content: oe,\n header: ae,\n \"close-container\": \"_close-container_1pnmb_61\",\n footer: se,\n remove: ce,\n \"close-backdrop\": \"_close-backdrop_1pnmb_1\",\n large: le,\n sticky: de,\n \"close-button\": \"_close-button_1pnmb_104\"\n}, H = _((t, c) => {\n const { onClick: o, ...l } = t, { close: p } = ie(), d = (n) => {\n p(), o == null || o(n);\n };\n return /* @__PURE__ */ a.jsx(\n re,\n {\n \"aria-label\": \"Close drawer\",\n \"data-anv\": \"drawer-cancel-button\",\n onClick: d,\n ref: c,\n ...l\n }\n );\n});\nH.displayName = \"DrawerCancelButton\";\nconst E = _(\n (t, c) => {\n const { children: o } = t;\n return /* @__PURE__ */ a.jsxs(\"header\", { className: s.header, \"data-anv\": \"drawer-header\", ref: c, children: [\n /* @__PURE__ */ a.jsx(ee, { variant: \"headline\", el: \"h1\", children: o }),\n /* @__PURE__ */ a.jsx(\"span\", { className: s[\"close-container\"], children: /* @__PURE__ */ a.jsx(\n H,\n {\n className: s[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: $\n }\n ) })\n ] });\n }\n);\nE.displayName = \"DrawerHeader\";\nconst B = _(\n (t, c) => {\n const { children: o, sticky: l = !1, ...p } = t, d = O(s.footer, {\n [s.sticky]: l\n });\n return /* @__PURE__ */ a.jsx(\n \"footer\",\n {\n className: d,\n \"data-anv\": \"drawer-footer\",\n ref: c,\n ...p,\n children: o\n }\n );\n }\n);\nB.displayName = \"DrawerFooter\";\nconst K = _(\n (t, c) => {\n const { children: o, ...l } = t, p = O(s.content, {});\n return /* @__PURE__ */ a.jsx(\n \"div\",\n {\n className: p,\n \"data-anv\": \"drawer-content\",\n ref: c,\n ...l,\n children: o\n }\n );\n }\n);\nK.displayName = \"DrawerContent\";\nconst S = J(null), T = _(\n (t, c) => {\n const {\n className: o,\n open: l = !1,\n children: p,\n onOpen: d,\n onClose: n,\n onCancel: ue,\n onClick: v,\n onKeyDown: D,\n disableCloseOnEscape: F = !1,\n disableCloseOnClickOutside: M = !1,\n size: z = \"medium\",\n ...L\n } = t, f = N(null), k = N(null), r = N(null), [P, x] = Q(!1), C = U(), X = O([s.drawer], o, {\n [s.remove]: P,\n [s.large]: z === \"large\"\n }), y = Y(f.current), i = y[0], b = y[y.length - 1], g = () => {\n var e;\n if (r.current) {\n const m = (r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(\" \") : []).filter((h) => h !== C);\n m.length === 0 ? (r.current.removeAttribute(\"data-drawers-open\"), (e = r.current) == null || e.classList.remove(\"drawer-open\")) : r.current.dataset.drawersOpen = m.join(\" \");\n }\n };\n R(() => {\n var e, u, m, h;\n if (l) {\n if (d == null || d(), (e = f.current) == null || e.showModal(), !r.current) {\n const w = (u = f.current) == null ? void 0 : u.closest(\"body\");\n w && (r.current = w);\n }\n if (!((m = f.current) == null ? void 0 : m.querySelector(\":focus\")) && (i == null || i.focus()), (h = r.current) == null || h.classList.add(\"drawer-open\"), r.current) {\n const w = r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(\" \") : [];\n if (w.includes(C))\n return;\n w.push(C), r.current.dataset.drawersOpen = w.join(\" \");\n }\n return;\n }\n x(!0), setTimeout(() => {\n var j;\n (j = f.current) == null || j.close(), g(), x(!1);\n }, 200);\n }, [i, d, l]), R(() => () => g(), []);\n const q = (e) => {\n e.preventDefault(), !F && (n == null || n());\n }, A = (e) => {\n var m;\n v == null || v(e);\n const u = e.target;\n if (!((m = k.current) != null && m.contains(u))) {\n if (e.preventDefault(), M)\n return;\n n == null || n();\n }\n }, I = (e) => {\n if (D == null || D(e), e.code === \"Tab\") {\n if (e.shiftKey && e.target === i) {\n e.preventDefault(), b == null || b.focus();\n return;\n }\n if (e.target === b && !e.shiftKey) {\n e.preventDefault(), i == null || i.focus();\n return;\n }\n }\n }, G = V(() => ({ close: () => {\n x(!0), setTimeout(() => {\n var u;\n g(), (u = f.current) == null || u.close(), n == null || n();\n }, 200);\n } }), [n]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ a.jsx(\n \"dialog\",\n {\n className: X,\n \"data-anv\": \"drawer\",\n ref: Z([c, f]),\n onCancel: q,\n onClick: A,\n onKeyDown: I,\n ...L,\n children: /* @__PURE__ */ a.jsx(S.Provider, { value: G, children: /* @__PURE__ */ a.jsx(\"section\", { ref: k, className: s.container, children: p }) })\n }\n )\n );\n }\n);\nfunction ie() {\n const t = W(S);\n if (!t)\n throw new Error(\n \"useDrawerContext must be used within a DrawerContextProvider\"\n );\n return t;\n}\nT.displayName = \"Drawer\";\nconst ge = Object.assign(T, {\n Header: E,\n Footer: B,\n Content: K\n});\nexport {\n ge as Drawer,\n H as DrawerCancelButton,\n K as DrawerContent,\n B as DrawerFooter,\n E as DrawerHeader\n};\n//# sourceMappingURL=Drawer.js.map\n","import {\n DrawerProps as CoreDrawerProps,\n Drawer as CoreDrawer,\n DrawerCancelButtonProps as CoreDrawerCancelButtonProps,\n DrawerCancelButton as CoreDrawerCancelButton,\n DrawerFooterProps as CoreDrawerFooterProps,\n DrawerFooter as CoreDrawerFooter,\n DrawerHeaderProps as CoreDrawerHeaderProps,\n DrawerHeader as CoreDrawerHeader,\n DrawerContentProps as CoreDrawerContentProps,\n DrawerContent as CoreDrawerContent,\n} from \"@servicetitan/hammer-react/dist/Drawer\";\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 DrawerProps = CoreDrawerProps;\nexport type DrawerCancelButtonProps = CoreDrawerCancelButtonProps &\n DataTrackingId;\nexport type DrawerFooterProps = CoreDrawerFooterProps;\nexport type DrawerHeaderProps = CoreDrawerHeaderProps & DataTrackingId;\nexport type DrawerContentProps = CoreDrawerContentProps;\n\nconst DrawerElement = forwardRef(\n (props: DrawerProps, ref: Ref<HTMLDialogElement>) => {\n return <CoreDrawer ref={ref} {...props} />;\n }\n);\n\nexport const DrawerCancelButton = forwardRef(\n (props: DrawerCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n appearance: props.appearance,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"DrawerCancelButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDrawerCancelButton\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n }\n);\n\nexport const DrawerFooter = forwardRef(\n (props: DrawerFooterProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDrawerFooter ref={ref} {...props} />;\n }\n);\n\nexport const DrawerHeader = forwardRef(\n (props: DrawerHeaderProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: props.children,\n };\n\n const trackingId = useTrackingId({\n name: \"DrawerHeader\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDrawerHeader ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const DrawerContent = forwardRef(\n (props: DrawerContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDrawerContent ref={ref} {...props} />;\n }\n);\n\nexport const Drawer = Object.assign(DrawerElement, {\n Header: DrawerHeader,\n Footer: DrawerFooter,\n Content: DrawerContent,\n CancelButton: DrawerCancelButton,\n});\n"],"names":["te","ne","oe","ae","de","s","H","React","t","c","o","l","p","ie","d","n","jsxRuntime944c88e2","indexEb2e706f","E","Text","close064c8acc","B","index","K","S","T","ue","v","D","F","M","z","f","k","r","P","x","C","y","getKeyboardFocusableElements","i","b","g","e","m","h","u","w","j","q","A","I","G","useMergeRefs","ge","DrawerElement","props","ref","jsxRuntime","DrawerCancelButton","data","childrenToString","trackingId","useTrackingId","DrawerFooter","DrawerHeader","DrawerContent","Drawer"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"Drawer.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Drawer.js","../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import \"./index14.css\";\nimport { j as a } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as _, createContext as J, useRef as N, useState as Q, useId as U, useEffect as R, useMemo as V, useContext as W } from \"react\";\nimport O from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { getKeyboardFocusableElements as Y } from \"./getKeyboardFocusableElements.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Z } from \"./useMergeRefs.js\";\nimport { S as $ } from \"./close-064c8acc.js\";\nimport { Text as ee } from \"./Text.js\";\nimport { B as re } from \"./index-f6869ed6.js\";\nconst te = \"_drawer_1pnmb_4\", ne = \"_container_1pnmb_28\", oe = \"_content_1pnmb_41\", ae = \"_header_1pnmb_46\", se = \"_footer_1pnmb_68\", ce = \"_remove_1pnmb_86\", le = \"_large_1pnmb_95\", de = \"_sticky_1pnmb_98\", s = {\n drawer: te,\n \"close-drawer\": \"_close-drawer_1pnmb_1\",\n \"open-drawer\": \"_open-drawer_1pnmb_1\",\n \"open-backdrop\": \"_open-backdrop_1pnmb_1\",\n container: ne,\n content: oe,\n header: ae,\n \"close-container\": \"_close-container_1pnmb_61\",\n footer: se,\n remove: ce,\n \"close-backdrop\": \"_close-backdrop_1pnmb_1\",\n large: le,\n sticky: de,\n \"close-button\": \"_close-button_1pnmb_104\"\n}, H = _((t, c) => {\n const { onClick: o, ...l } = t, { close: p } = ie(), d = (n) => {\n p(), o == null || o(n);\n };\n return /* @__PURE__ */ a.jsx(\n re,\n {\n \"aria-label\": \"Close drawer\",\n \"data-anv\": \"drawer-cancel-button\",\n onClick: d,\n ref: c,\n ...l\n }\n );\n});\nH.displayName = \"DrawerCancelButton\";\nconst E = _(\n (t, c) => {\n const { children: o } = t;\n return /* @__PURE__ */ a.jsxs(\"header\", { className: s.header, \"data-anv\": \"drawer-header\", ref: c, children: [\n /* @__PURE__ */ a.jsx(ee, { variant: \"headline\", el: \"h1\", children: o }),\n /* @__PURE__ */ a.jsx(\"span\", { className: s[\"close-container\"], children: /* @__PURE__ */ a.jsx(\n H,\n {\n className: s[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: $\n }\n ) })\n ] });\n }\n);\nE.displayName = \"DrawerHeader\";\nconst B = _(\n (t, c) => {\n const { children: o, sticky: l = !1, ...p } = t, d = O(s.footer, {\n [s.sticky]: l\n });\n return /* @__PURE__ */ a.jsx(\n \"footer\",\n {\n className: d,\n \"data-anv\": \"drawer-footer\",\n ref: c,\n ...p,\n children: o\n }\n );\n }\n);\nB.displayName = \"DrawerFooter\";\nconst K = _(\n (t, c) => {\n const { children: o, ...l } = t, p = O(s.content, {});\n return /* @__PURE__ */ a.jsx(\n \"div\",\n {\n className: p,\n \"data-anv\": \"drawer-content\",\n ref: c,\n ...l,\n children: o\n }\n );\n }\n);\nK.displayName = \"DrawerContent\";\nconst S = J(null), T = _(\n (t, c) => {\n const {\n className: o,\n open: l = !1,\n children: p,\n onOpen: d,\n onClose: n,\n onCancel: ue,\n onClick: v,\n onKeyDown: D,\n disableCloseOnEscape: F = !1,\n disableCloseOnClickOutside: M = !1,\n size: z = \"medium\",\n ...L\n } = t, f = N(null), k = N(null), r = N(null), [P, x] = Q(!1), C = U(), X = O([s.drawer], o, {\n [s.remove]: P,\n [s.large]: z === \"large\"\n }), y = Y(f.current), i = y[0], b = y[y.length - 1], g = () => {\n var e;\n if (r.current) {\n const m = (r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(\" \") : []).filter((h) => h !== C);\n m.length === 0 ? (r.current.removeAttribute(\"data-drawers-open\"), (e = r.current) == null || e.classList.remove(\"drawer-open\")) : r.current.dataset.drawersOpen = m.join(\" \");\n }\n };\n R(() => {\n var e, u, m, h;\n if (l) {\n if (d == null || d(), (e = f.current) == null || e.showModal(), !r.current) {\n const w = (u = f.current) == null ? void 0 : u.closest(\"body\");\n w && (r.current = w);\n }\n if (!((m = f.current) == null ? void 0 : m.querySelector(\":focus\")) && (i == null || i.focus()), (h = r.current) == null || h.classList.add(\"drawer-open\"), r.current) {\n const w = r.current.dataset.drawersOpen ? r.current.dataset.drawersOpen.split(\" \") : [];\n if (w.includes(C))\n return;\n w.push(C), r.current.dataset.drawersOpen = w.join(\" \");\n }\n return;\n }\n x(!0), setTimeout(() => {\n var j;\n (j = f.current) == null || j.close(), g(), x(!1);\n }, 200);\n }, [i, d, l]), R(() => () => g(), []);\n const q = (e) => {\n e.preventDefault(), !F && (n == null || n());\n }, A = (e) => {\n var m;\n v == null || v(e);\n const u = e.target;\n if (!((m = k.current) != null && m.contains(u))) {\n if (e.preventDefault(), M)\n return;\n n == null || n();\n }\n }, I = (e) => {\n if (D == null || D(e), e.code === \"Tab\") {\n if (e.shiftKey && e.target === i) {\n e.preventDefault(), b == null || b.focus();\n return;\n }\n if (e.target === b && !e.shiftKey) {\n e.preventDefault(), i == null || i.focus();\n return;\n }\n }\n }, G = V(() => ({ close: () => {\n x(!0), setTimeout(() => {\n var u;\n g(), (u = f.current) == null || u.close(), n == null || n();\n }, 200);\n } }), [n]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ a.jsx(\n \"dialog\",\n {\n className: X,\n \"data-anv\": \"drawer\",\n ref: Z([c, f]),\n onCancel: q,\n onClick: A,\n onKeyDown: I,\n ...L,\n children: /* @__PURE__ */ a.jsx(S.Provider, { value: G, children: /* @__PURE__ */ a.jsx(\"section\", { ref: k, className: s.container, children: p }) })\n }\n )\n );\n }\n);\nfunction ie() {\n const t = W(S);\n if (!t)\n throw new Error(\n \"useDrawerContext must be used within a DrawerContextProvider\"\n );\n return t;\n}\nT.displayName = \"Drawer\";\nconst ge = Object.assign(T, {\n Header: E,\n Footer: B,\n Content: K\n});\nexport {\n ge as Drawer,\n H as DrawerCancelButton,\n K as DrawerContent,\n B as DrawerFooter,\n E as DrawerHeader\n};\n//# sourceMappingURL=Drawer.js.map\n","import {\n DrawerProps as CoreDrawerProps,\n Drawer as CoreDrawer,\n DrawerCancelButtonProps as CoreDrawerCancelButtonProps,\n DrawerCancelButton as CoreDrawerCancelButton,\n DrawerFooterProps as CoreDrawerFooterProps,\n DrawerFooter as CoreDrawerFooter,\n DrawerHeaderProps as CoreDrawerHeaderProps,\n DrawerHeader as CoreDrawerHeader,\n DrawerContentProps as CoreDrawerContentProps,\n DrawerContent as CoreDrawerContent,\n} from \"@servicetitan/hammer-react/dist/Drawer\";\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 DrawerProps = CoreDrawerProps;\nexport type DrawerCancelButtonProps = CoreDrawerCancelButtonProps &\n DataTrackingId;\nexport type DrawerFooterProps = CoreDrawerFooterProps;\nexport type DrawerHeaderProps = CoreDrawerHeaderProps & DataTrackingId;\nexport type DrawerContentProps = CoreDrawerContentProps;\n\nconst DrawerElement = forwardRef(\n (props: DrawerProps, ref: Ref<HTMLDialogElement>) => {\n return <CoreDrawer ref={ref} {...props} />;\n }\n);\n\nexport const DrawerCancelButton = forwardRef(\n (props: DrawerCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n appearance: props.appearance,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"DrawerCancelButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDrawerCancelButton\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n }\n);\n\nexport const DrawerFooter = forwardRef(\n (props: DrawerFooterProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDrawerFooter ref={ref} {...props} />;\n }\n);\n\nexport const DrawerHeader = forwardRef(\n (props: DrawerHeaderProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: props.children,\n };\n\n const trackingId = useTrackingId({\n name: \"DrawerHeader\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDrawerHeader ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const DrawerContent = forwardRef(\n (props: DrawerContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDrawerContent ref={ref} {...props} />;\n }\n);\n\nexport const Drawer = Object.assign(DrawerElement, {\n Header: DrawerHeader,\n Footer: DrawerFooter,\n Content: DrawerContent,\n CancelButton: DrawerCancelButton,\n});\n"],"names":["te","ne","oe","ae","de","s","H","React","t","c","o","l","p","ie","d","n","jsxRuntime944c88e2","indexF6869ed6","E","Text","close064c8acc","B","index","K","S","T","ue","v","D","F","M","z","f","k","r","P","x","C","y","getKeyboardFocusableElements","i","b","g","e","m","h","u","w","j","q","A","I","G","useMergeRefs","ge","DrawerElement","props","ref","jsxRuntime","DrawerCancelButton","data","childrenToString","trackingId","useTrackingId","DrawerFooter","DrawerHeader","DrawerContent","Drawer"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Drawer.js
CHANGED
|
@@ -6,10 +6,10 @@ import { G as D } from "./index-c6e22bb9.js";
|
|
|
6
6
|
import "./index-06c0bdf0.js";
|
|
7
7
|
import { a as Y } from "./getKeyboardFocusableElements-58a00025.js";
|
|
8
8
|
import "./tinycolor-d415b1fd.js";
|
|
9
|
-
import {
|
|
9
|
+
import { useMergeRefs as Z } from "./useMergeRefs.js";
|
|
10
10
|
import { a as ee } from "./close-064c8acc-7e0b4df7.js";
|
|
11
11
|
import { $ as re } from "./Text-08c90c22.js";
|
|
12
|
-
import { S as ne } from "./index-
|
|
12
|
+
import { S as ne } from "./index-f6869ed6-10ae0c3c.js";
|
|
13
13
|
import { useTrackingId as I } from "./useTrackingId.js";
|
|
14
14
|
import { n as te } from "./childrenToString-416df522.js";
|
|
15
15
|
const ae = "_drawer_1pnmb_4", oe = "_container_1pnmb_28", se = "_content_1pnmb_41", ce = "_header_1pnmb_46", le = "_footer_1pnmb_68", ie = "_remove_1pnmb_86", de = "_large_1pnmb_95", ue = "_sticky_1pnmb_98", c = {
|
|
@@ -108,12 +108,12 @@ const K = J(null), S = l(
|
|
|
108
108
|
onClick: E,
|
|
109
109
|
onKeyDown: H,
|
|
110
110
|
disableCloseOnEscape: T = !1,
|
|
111
|
-
disableCloseOnClickOutside:
|
|
112
|
-
size:
|
|
113
|
-
|
|
111
|
+
disableCloseOnClickOutside: $ = !1,
|
|
112
|
+
size: M = "medium",
|
|
113
|
+
...R
|
|
114
114
|
} = e, f = j(null), z = j(null), a = j(null), [L, b] = Q(!1), v = U(), P = D([c.drawer], t, {
|
|
115
115
|
[c.remove]: L,
|
|
116
|
-
[c.large]:
|
|
116
|
+
[c.large]: M === "large"
|
|
117
117
|
}), C = Y(f.current), w = C[0], g = C[C.length - 1], x = () => {
|
|
118
118
|
var r;
|
|
119
119
|
if (a.current) {
|
|
@@ -148,7 +148,7 @@ const K = J(null), S = l(
|
|
|
148
148
|
E == null || E(r);
|
|
149
149
|
const _ = r.target;
|
|
150
150
|
if (!((u = z.current) != null && u.contains(_))) {
|
|
151
|
-
if (r.preventDefault(),
|
|
151
|
+
if (r.preventDefault(), $)
|
|
152
152
|
return;
|
|
153
153
|
i == null || i();
|
|
154
154
|
}
|
|
@@ -181,7 +181,7 @@ const K = J(null), S = l(
|
|
|
181
181
|
onCancel: q,
|
|
182
182
|
onClick: A,
|
|
183
183
|
onKeyDown: G,
|
|
184
|
-
|
|
184
|
+
...R,
|
|
185
185
|
children: /* @__PURE__ */ s.jsx(K.Provider, { value: X, children: /* @__PURE__ */ s.jsx("section", { ref: z, className: c.container, children: m }) })
|
|
186
186
|
}
|
|
187
187
|
)
|