@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/ProgressBar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sources":["../node_modules/@servicetitan/hammer-react/dist/ProgressBar.js","../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import \"./index23.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as P, useId as C } from \"react\";\nimport d from \"classnames\";\nimport { Label as k } from \"./Label.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as B } from \"./useLayoutPropsUtil.js\";\nimport
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sources":["../node_modules/@servicetitan/hammer-react/dist/ProgressBar.js","../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import \"./index23.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as P, useId as C } from \"react\";\nimport d from \"classnames\";\nimport { Label as k } from \"./Label.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as B } from \"./useLayoutPropsUtil.js\";\nimport { Icon as x } from \"./Icon.js\";\nimport { S, a as I } from \"./check_circle-48e002d3.js\";\nimport { Flex as L } from \"./Flex.js\";\nimport { H as _ } from \"./Helper-74a1f07f.js\";\nimport \"./Spinner.module-618b582c.js\";\nconst w = \"_bar_eqffx_25\", E = \"_indeterminate_eqffx_1\", H = \"_success_eqffx_68\", R = \"_error_eqffx_54\", s = {\n \"progress-bar\": \"_progress-bar_eqffx_4\",\n \"bar-container\": \"_bar-container_eqffx_25\",\n bar: w,\n \"check-icon\": \"_check-icon_eqffx_51\",\n \"error-icon\": \"_error-icon_eqffx_54\",\n indeterminate: E,\n success: H,\n error: R\n}, U = P(\n (c, i) => {\n const { layoutStyles: g, componentProps: u } = B(c), {\n className: l,\n style: j,\n value: o,\n children: A,\n indeterminate: F,\n errorAriaLive: m,\n description: n,\n error: e = !1,\n max: a = \"100\",\n ...f\n } = u, p = {\n ...j,\n ...g\n }, t = typeof e != \"boolean\" ? e : void 0, b = C();\n if (\"label\" in c && c.label) {\n const { label: y, labelProps: N, ...h } = f, q = d(\n [s[\"progress-bar\"]],\n l,\n {\n [s.error]: e,\n [s.success]: o === a\n }\n );\n return /* @__PURE__ */ r.jsxs(\n \"div\",\n {\n className: q,\n \"data-anv\": \"progress-bar\",\n style: p,\n ref: i,\n children: [\n /* @__PURE__ */ r.jsxs(L, { justifyContent: \"space-between\", alignItems: \"center\", children: [\n /* @__PURE__ */ r.jsx(k, { id: b, ...N, children: y }),\n o === a && !e ? /* @__PURE__ */ r.jsx(x, { className: s[\"check-icon\"], svg: S }) : null,\n e ? /* @__PURE__ */ r.jsx(x, { className: s[\"error-icon\"], svg: I }) : null\n ] }),\n /* @__PURE__ */ r.jsx(\"div\", { className: s[\"bar-container\"], children: /* @__PURE__ */ r.jsx(\n \"progress\",\n {\n \"aria-labelledby\": b,\n className: s.bar,\n value: o,\n max: a,\n ...h\n }\n ) }),\n t || n ? /* @__PURE__ */ r.jsx(\n _,\n {\n errorMessage: t,\n errorAriaLive: m,\n description: n\n }\n ) : null\n ]\n }\n );\n }\n const v = d([s[\"progress-bar\"]], l, {\n [s.error]: e,\n [s.success]: o === a\n });\n return /* @__PURE__ */ r.jsxs(\n \"div\",\n {\n className: v,\n \"data-anv\": \"progress-bar\",\n style: p,\n ref: i,\n children: [\n /* @__PURE__ */ r.jsx(\"div\", { className: s[\"bar-container\"], children: /* @__PURE__ */ r.jsx(\n \"progress\",\n {\n className: s.bar,\n max: a,\n value: o,\n ...f\n }\n ) }),\n t || n ? /* @__PURE__ */ r.jsx(\n _,\n {\n errorMessage: t,\n errorAriaLive: m,\n description: n\n }\n ) : null\n ]\n }\n );\n }\n);\nU.displayName = \"ProgressBar\";\nexport {\n U as ProgressBar\n};\n//# sourceMappingURL=ProgressBar.js.map\n","import {\n ProgressBarProps as CoreProgressBarProps,\n ProgressBar as CoreProgressBar,\n} from \"@servicetitan/hammer-react/dist/ProgressBar\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type ProgressBarProps = CoreProgressBarProps;\n\nexport const ProgressBar = forwardRef(\n (props: ProgressBarProps, ref: Ref<HTMLDivElement>) => {\n return <CoreProgressBar ref={ref} {...props} />;\n }\n);\n"],"names":["w","E","H","R","s","U","forwardRef","c","i","g","u","J","j$2","A","F","m$1","n","e","a$1","t","b","useId","N","h","q","G","fr","j","j$1","C","m","a","v","v$1","ProgressBar","props","ref","jsxRuntimeExports"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Radio.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var F=require("./index15.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./jsx-runtime-494437bb.cjs"),n=require("./jsx-runtime-944c88e2-2b81c205.cjs"),o=require("react"),m=require("./index-ef2e9d11.cjs"),q=require("./Icon-847b3515.cjs");require("./tinycolor-3b50a250.cjs");const j=require("./useLayoutPropsUtil-cd33328b.cjs"),S=require("./useTrackingId.cjs"),z=require("./childrenToString-0cd30a27.cjs");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const l=P(o);const D=e=>l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},l.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),I=e=>l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},l.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),l.createElement("circle",{cx:12,cy:12,r:5})),M="_radio_qnrm6_4",T="_legend_qnrm6_77",B="_children_qnrm6_89",J="_label_qnrm6_95",L="_error_qnrm6_121",t={radio:M,"radio-group":"_radio-group_qnrm6_17","icon-wrapper":"_icon-wrapper_qnrm6_41",legend:T,children:B,label:J,"required-asterisk":"_required-asterisk_qnrm6_98","icon-unchecked":"_icon-unchecked_qnrm6_112","icon-checked":"_icon-checked_qnrm6_113",error:L},p=o.forwardRef((e,a)=>{const{layoutStyles:r,componentProps:c}=j.J(e),{className:g,children:d,legend:i,required:s,style:h,...f}=c,_=m.G(t["radio-group"],g),u={...h,...r};return n.fr.jsxs("fieldset",{role:"radiogroup","data-anv":"radio-group",className:_,"aria-required":s,style:u,ref:a,...f,children:[n.fr.jsx("legend",{className:t.legend,children:i}),n.fr.jsxs("label",{className:t.label,"aria-hidden":!0,children:[i,s&&n.fr.jsx("span",{className:t["required-asterisk"],children:"*"})]}),n.fr.jsx("div",{className:t.children,style:{flexDirection:r==null?void 0:r.flexDirection,gap:r==null?void 0:r.gap},children:d})]})});p.displayName="RadioGroup";const k=o.forwardRef((e,a)=>{const{layoutStyles:r,componentProps:c}=j.J(e),{className:g,checked:d,defaultChecked:i,value:s,icons:h,error:f,label:_,onChange:u,style:w,...R}=c,{checked:N=I,unchecked:E=D}={...h},G=x=>{u==null||u(x,{value:s,checked:x.target.checked})},C=m.G([t.radio],g,{[t.error]:f}),O={...w,...r};return n.fr.jsxs("label",{className:C,style:O,children:[n.fr.jsx("input",{type:"radio","data-anv":"radio","aria-checked":d??i,checked:d,defaultChecked:i,value:s,onChange:G,ref:a,...R}),n.fr.jsxs("span",{className:t["icon-wrapper"],children:[n.fr.jsx(q.C,{size:"large",svg:E,className:m.G([t["icon-unchecked"]])}),n.fr.jsx(q.C,{size:"large",svg:N,className:m.G([t["icon-checked"]])})]}),_]})}),U=Object.assign(k,{Group:p});k.displayName="RadioElement";const A=o.forwardRef((e,a)=>{const r={label:z.n(e.label),ariaLabel:e["aria-label"],ariaLabelledBy:e["aria-labelledby"],name:e.name,value:e.value},c=S.useTrackingId({name:"Radio",data:r,hasOverride:!!e["data-tracking-id"]});return b.jsxRuntimeExports.jsx(U,{ref:a,"data-tracking-id":c,...e})}),v=o.forwardRef((e,a)=>b.jsxRuntimeExports.jsx(p,{ref:a,...e})),y=Object.assign(A,{Group:v});exports.Radio=y;exports.RadioGroup=v;exports.default=y;
|
|
2
2
|
//# sourceMappingURL=Radio.cjs.map
|
package/Radio.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Radio.js","../src/components/Radio/Radio.tsx"],"sourcesContent":["import \"./index24.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport * as t from \"react\";\nimport { forwardRef as k } from \"react\";\nimport d from \"classnames\";\nimport { Icon as x } from \"./Icon.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as w } from \"./useLayoutPropsUtil.js\";\
|
|
1
|
+
{"version":3,"file":"Radio.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Radio.js","../src/components/Radio/Radio.tsx"],"sourcesContent":["import \"./index24.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport * as t from \"react\";\nimport { forwardRef as k } from \"react\";\nimport d from \"classnames\";\nimport { Icon as x } from \"./Icon.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as w } from \"./useLayoutPropsUtil.js\";\nconst E = (c) => /* @__PURE__ */ t.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...c }, /* @__PURE__ */ t.createElement(\"path\", { d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" })), z = (c) => /* @__PURE__ */ t.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...c }, /* @__PURE__ */ t.createElement(\"path\", { d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" }), /* @__PURE__ */ t.createElement(\"circle\", { cx: 12, cy: 12, r: 5 })), B = \"_radio_qnrm6_4\", G = \"_legend_qnrm6_77\", I = \"_children_qnrm6_89\", P = \"_label_qnrm6_95\", D = \"_error_qnrm6_121\", r = {\n radio: B,\n \"radio-group\": \"_radio-group_qnrm6_17\",\n \"icon-wrapper\": \"_icon-wrapper_qnrm6_41\",\n legend: G,\n children: I,\n label: P,\n \"required-asterisk\": \"_required-asterisk_qnrm6_98\",\n \"icon-unchecked\": \"_icon-unchecked_qnrm6_112\",\n \"icon-checked\": \"_icon-checked_qnrm6_113\",\n error: D\n}, q = k(\n (c, l) => {\n const { layoutStyles: s, componentProps: m } = w(c), { className: p, children: i, legend: o, required: n, style: h, ...g } = m, _ = d(r[\"radio-group\"], p), a = {\n ...h,\n ...s\n };\n return /* @__PURE__ */ e.jsxs(\n \"fieldset\",\n {\n role: \"radiogroup\",\n \"data-anv\": \"radio-group\",\n className: _,\n \"aria-required\": n,\n style: a,\n ref: l,\n ...g,\n children: [\n /* @__PURE__ */ e.jsx(\"legend\", { className: r.legend, children: o }),\n /* @__PURE__ */ e.jsxs(\"label\", { className: r.label, \"aria-hidden\": !0, children: [\n o,\n n && /* @__PURE__ */ e.jsx(\"span\", { className: r[\"required-asterisk\"], children: \"*\" })\n ] }),\n /* @__PURE__ */ e.jsx(\n \"div\",\n {\n className: r.children,\n style: {\n flexDirection: s == null ? void 0 : s.flexDirection,\n gap: s == null ? void 0 : s.gap\n },\n children: i\n }\n )\n ]\n }\n );\n }\n);\nq.displayName = \"RadioGroup\";\nconst N = k((c, l) => {\n const { layoutStyles: s, componentProps: m } = w(c), {\n className: p,\n checked: i,\n defaultChecked: o,\n value: n,\n icons: h,\n error: g,\n label: _,\n onChange: a,\n style: v,\n ...j\n } = m, {\n checked: f = z,\n unchecked: R = E\n } = { ...h }, b = (u) => {\n a == null || a(u, { value: n, checked: u.target.checked });\n }, y = d([r.radio], p, {\n [r.error]: g\n }), C = {\n ...v,\n ...s\n };\n return /* @__PURE__ */ e.jsxs(\"label\", { className: y, style: C, children: [\n /* @__PURE__ */ e.jsx(\n \"input\",\n {\n type: \"radio\",\n \"data-anv\": \"radio\",\n \"aria-checked\": i ?? o,\n checked: i,\n defaultChecked: o,\n value: n,\n onChange: b,\n ref: l,\n ...j\n }\n ),\n /* @__PURE__ */ e.jsxs(\"span\", { className: r[\"icon-wrapper\"], children: [\n /* @__PURE__ */ e.jsx(\n x,\n {\n size: \"large\",\n svg: R,\n className: d([r[\"icon-unchecked\"]])\n }\n ),\n /* @__PURE__ */ e.jsx(\n x,\n {\n size: \"large\",\n svg: f,\n className: d([r[\"icon-checked\"]])\n }\n )\n ] }),\n _\n ] });\n}), J = Object.assign(N, {\n Group: q\n});\nN.displayName = \"RadioElement\";\nexport {\n J as Radio,\n q as RadioGroup\n};\n//# sourceMappingURL=Radio.js.map\n","import {\n RadioProps as CoreRadioProps,\n Radio as CoreRadio,\n RadioGroup as CoreRadioGroup,\n RadioGroupProps as CoreRadioGroupProps,\n} from \"@servicetitan/hammer-react/dist/Radio\";\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 RadioProps = CoreRadioProps & DataTrackingId;\nexport type RadioGroupProps = CoreRadioGroupProps;\n\nconst RadioElement = forwardRef(\n (props: RadioProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n name: props.name,\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Radio\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreRadio ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\nexport const RadioGroup = forwardRef(\n (props: CoreRadioGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreRadioGroup ref={ref} {...props} />;\n }\n);\n\nexport const Radio = Object.assign(RadioElement, {\n Group: RadioGroup,\n});\n"],"names":["E","c","React__namespace","z","B","G","I","P","D","r","q","React","l","s","m","useLayoutPropsUtil","p","i","o","n","g","index","a","jsxRuntime944c88e2","N","v","j","f","R","b","u","y","C","Icon","J","RadioElement","props","ref","data","childrenToString","trackingId","useTrackingId","jsxRuntime","RadioGroup","Radio"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Radio.js
CHANGED
|
@@ -9,20 +9,20 @@ import "./tinycolor-d415b1fd.js";
|
|
|
9
9
|
import { J as j } from "./useLayoutPropsUtil-f34e9597.js";
|
|
10
10
|
import { useTrackingId as z } from "./useTrackingId.js";
|
|
11
11
|
import { n as G } from "./childrenToString-416df522.js";
|
|
12
|
-
const B = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" })), S = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), /* @__PURE__ */ o.createElement("circle", { cx: 12, cy: 12, r: 5 })), D = "_radio_qnrm6_4", I = "_legend_qnrm6_77",
|
|
12
|
+
const B = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" })), S = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), /* @__PURE__ */ o.createElement("circle", { cx: 12, cy: 12, r: 5 })), D = "_radio_qnrm6_4", I = "_legend_qnrm6_77", J = "_children_qnrm6_89", O = "_label_qnrm6_95", P = "_error_qnrm6_121", r = {
|
|
13
13
|
radio: D,
|
|
14
14
|
"radio-group": "_radio-group_qnrm6_17",
|
|
15
15
|
"icon-wrapper": "_icon-wrapper_qnrm6_41",
|
|
16
16
|
legend: I,
|
|
17
|
-
children:
|
|
18
|
-
label:
|
|
17
|
+
children: J,
|
|
18
|
+
label: O,
|
|
19
19
|
"required-asterisk": "_required-asterisk_qnrm6_98",
|
|
20
20
|
"icon-unchecked": "_icon-unchecked_qnrm6_112",
|
|
21
21
|
"icon-checked": "_icon-checked_qnrm6_113",
|
|
22
|
-
error:
|
|
22
|
+
error: P
|
|
23
23
|
}, x = h(
|
|
24
24
|
(e, n) => {
|
|
25
|
-
const { layoutStyles: i, componentProps:
|
|
25
|
+
const { layoutStyles: i, componentProps: s } = j(e), { className: u, children: t, legend: c, required: l, style: g, ...p } = s, _ = m(r["radio-group"], u), d = {
|
|
26
26
|
...g,
|
|
27
27
|
...i
|
|
28
28
|
};
|
|
@@ -32,15 +32,15 @@ const B = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.
|
|
|
32
32
|
role: "radiogroup",
|
|
33
33
|
"data-anv": "radio-group",
|
|
34
34
|
className: _,
|
|
35
|
-
"aria-required":
|
|
35
|
+
"aria-required": l,
|
|
36
36
|
style: d,
|
|
37
37
|
ref: n,
|
|
38
38
|
...p,
|
|
39
39
|
children: [
|
|
40
|
-
/* @__PURE__ */ a.jsx("legend", { className: r.legend, children:
|
|
40
|
+
/* @__PURE__ */ a.jsx("legend", { className: r.legend, children: c }),
|
|
41
41
|
/* @__PURE__ */ a.jsxs("label", { className: r.label, "aria-hidden": !0, children: [
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
c,
|
|
43
|
+
l && /* @__PURE__ */ a.jsx("span", { className: r["required-asterisk"], children: "*" })
|
|
44
44
|
] }),
|
|
45
45
|
/* @__PURE__ */ a.jsx(
|
|
46
46
|
"div",
|
|
@@ -60,22 +60,22 @@ const B = (e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.
|
|
|
60
60
|
);
|
|
61
61
|
x.displayName = "RadioGroup";
|
|
62
62
|
const b = h((e, n) => {
|
|
63
|
-
const { layoutStyles: i, componentProps:
|
|
63
|
+
const { layoutStyles: i, componentProps: s } = j(e), {
|
|
64
64
|
className: u,
|
|
65
65
|
checked: t,
|
|
66
|
-
defaultChecked:
|
|
67
|
-
value:
|
|
66
|
+
defaultChecked: c,
|
|
67
|
+
value: l,
|
|
68
68
|
icons: g,
|
|
69
69
|
error: p,
|
|
70
70
|
label: _,
|
|
71
71
|
onChange: d,
|
|
72
72
|
style: q,
|
|
73
73
|
...w
|
|
74
|
-
} =
|
|
74
|
+
} = s, {
|
|
75
75
|
checked: y = S,
|
|
76
76
|
unchecked: N = B
|
|
77
77
|
} = { ...g }, R = (f) => {
|
|
78
|
-
d == null || d(f, { value:
|
|
78
|
+
d == null || d(f, { value: l, checked: f.target.checked });
|
|
79
79
|
}, E = m([r.radio], u, {
|
|
80
80
|
[r.error]: p
|
|
81
81
|
}), C = {
|
|
@@ -88,10 +88,10 @@ const b = h((e, n) => {
|
|
|
88
88
|
{
|
|
89
89
|
type: "radio",
|
|
90
90
|
"data-anv": "radio",
|
|
91
|
-
"aria-checked": t ??
|
|
91
|
+
"aria-checked": t ?? c,
|
|
92
92
|
checked: t,
|
|
93
|
-
defaultChecked:
|
|
94
|
-
value:
|
|
93
|
+
defaultChecked: c,
|
|
94
|
+
value: l,
|
|
95
95
|
onChange: R,
|
|
96
96
|
ref: n,
|
|
97
97
|
...w
|
|
@@ -117,11 +117,11 @@ const b = h((e, n) => {
|
|
|
117
117
|
] }),
|
|
118
118
|
_
|
|
119
119
|
] });
|
|
120
|
-
}),
|
|
120
|
+
}), $ = Object.assign(b, {
|
|
121
121
|
Group: x
|
|
122
122
|
});
|
|
123
123
|
b.displayName = "RadioElement";
|
|
124
|
-
const
|
|
124
|
+
const L = h(
|
|
125
125
|
(e, n) => {
|
|
126
126
|
const i = {
|
|
127
127
|
label: G(e.label),
|
|
@@ -129,21 +129,21 @@ const $ = h(
|
|
|
129
129
|
ariaLabelledBy: e["aria-labelledby"],
|
|
130
130
|
name: e.name,
|
|
131
131
|
value: e.value
|
|
132
|
-
},
|
|
132
|
+
}, s = z({
|
|
133
133
|
name: "Radio",
|
|
134
134
|
data: i,
|
|
135
135
|
hasOverride: !!e["data-tracking-id"]
|
|
136
136
|
});
|
|
137
|
-
return /* @__PURE__ */ v.jsx(
|
|
137
|
+
return /* @__PURE__ */ v.jsx($, { ref: n, "data-tracking-id": s, ...e });
|
|
138
138
|
}
|
|
139
|
-
),
|
|
139
|
+
), M = h(
|
|
140
140
|
(e, n) => /* @__PURE__ */ v.jsx(x, { ref: n, ...e })
|
|
141
|
-
), Y = Object.assign(
|
|
142
|
-
Group:
|
|
141
|
+
), Y = Object.assign(L, {
|
|
142
|
+
Group: M
|
|
143
143
|
});
|
|
144
144
|
export {
|
|
145
145
|
Y as Radio,
|
|
146
|
-
|
|
146
|
+
M as RadioGroup,
|
|
147
147
|
Y as default
|
|
148
148
|
};
|
|
149
149
|
//# sourceMappingURL=Radio.js.map
|
package/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Radio.js","../src/components/Radio/Radio.tsx"],"sourcesContent":["import \"./index24.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport * as t from \"react\";\nimport { forwardRef as k } from \"react\";\nimport d from \"classnames\";\nimport { Icon as x } from \"./Icon.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as w } from \"./useLayoutPropsUtil.js\";\
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Radio.js","../src/components/Radio/Radio.tsx"],"sourcesContent":["import \"./index24.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport * as t from \"react\";\nimport { forwardRef as k } from \"react\";\nimport d from \"classnames\";\nimport { Icon as x } from \"./Icon.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as w } from \"./useLayoutPropsUtil.js\";\nconst E = (c) => /* @__PURE__ */ t.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...c }, /* @__PURE__ */ t.createElement(\"path\", { d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" })), z = (c) => /* @__PURE__ */ t.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...c }, /* @__PURE__ */ t.createElement(\"path\", { d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" }), /* @__PURE__ */ t.createElement(\"circle\", { cx: 12, cy: 12, r: 5 })), B = \"_radio_qnrm6_4\", G = \"_legend_qnrm6_77\", I = \"_children_qnrm6_89\", P = \"_label_qnrm6_95\", D = \"_error_qnrm6_121\", r = {\n radio: B,\n \"radio-group\": \"_radio-group_qnrm6_17\",\n \"icon-wrapper\": \"_icon-wrapper_qnrm6_41\",\n legend: G,\n children: I,\n label: P,\n \"required-asterisk\": \"_required-asterisk_qnrm6_98\",\n \"icon-unchecked\": \"_icon-unchecked_qnrm6_112\",\n \"icon-checked\": \"_icon-checked_qnrm6_113\",\n error: D\n}, q = k(\n (c, l) => {\n const { layoutStyles: s, componentProps: m } = w(c), { className: p, children: i, legend: o, required: n, style: h, ...g } = m, _ = d(r[\"radio-group\"], p), a = {\n ...h,\n ...s\n };\n return /* @__PURE__ */ e.jsxs(\n \"fieldset\",\n {\n role: \"radiogroup\",\n \"data-anv\": \"radio-group\",\n className: _,\n \"aria-required\": n,\n style: a,\n ref: l,\n ...g,\n children: [\n /* @__PURE__ */ e.jsx(\"legend\", { className: r.legend, children: o }),\n /* @__PURE__ */ e.jsxs(\"label\", { className: r.label, \"aria-hidden\": !0, children: [\n o,\n n && /* @__PURE__ */ e.jsx(\"span\", { className: r[\"required-asterisk\"], children: \"*\" })\n ] }),\n /* @__PURE__ */ e.jsx(\n \"div\",\n {\n className: r.children,\n style: {\n flexDirection: s == null ? void 0 : s.flexDirection,\n gap: s == null ? void 0 : s.gap\n },\n children: i\n }\n )\n ]\n }\n );\n }\n);\nq.displayName = \"RadioGroup\";\nconst N = k((c, l) => {\n const { layoutStyles: s, componentProps: m } = w(c), {\n className: p,\n checked: i,\n defaultChecked: o,\n value: n,\n icons: h,\n error: g,\n label: _,\n onChange: a,\n style: v,\n ...j\n } = m, {\n checked: f = z,\n unchecked: R = E\n } = { ...h }, b = (u) => {\n a == null || a(u, { value: n, checked: u.target.checked });\n }, y = d([r.radio], p, {\n [r.error]: g\n }), C = {\n ...v,\n ...s\n };\n return /* @__PURE__ */ e.jsxs(\"label\", { className: y, style: C, children: [\n /* @__PURE__ */ e.jsx(\n \"input\",\n {\n type: \"radio\",\n \"data-anv\": \"radio\",\n \"aria-checked\": i ?? o,\n checked: i,\n defaultChecked: o,\n value: n,\n onChange: b,\n ref: l,\n ...j\n }\n ),\n /* @__PURE__ */ e.jsxs(\"span\", { className: r[\"icon-wrapper\"], children: [\n /* @__PURE__ */ e.jsx(\n x,\n {\n size: \"large\",\n svg: R,\n className: d([r[\"icon-unchecked\"]])\n }\n ),\n /* @__PURE__ */ e.jsx(\n x,\n {\n size: \"large\",\n svg: f,\n className: d([r[\"icon-checked\"]])\n }\n )\n ] }),\n _\n ] });\n}), J = Object.assign(N, {\n Group: q\n});\nN.displayName = \"RadioElement\";\nexport {\n J as Radio,\n q as RadioGroup\n};\n//# sourceMappingURL=Radio.js.map\n","import {\n RadioProps as CoreRadioProps,\n Radio as CoreRadio,\n RadioGroup as CoreRadioGroup,\n RadioGroupProps as CoreRadioGroupProps,\n} from \"@servicetitan/hammer-react/dist/Radio\";\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 RadioProps = CoreRadioProps & DataTrackingId;\nexport type RadioGroupProps = CoreRadioGroupProps;\n\nconst RadioElement = forwardRef(\n (props: RadioProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n name: props.name,\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Radio\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreRadio ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\nexport const RadioGroup = forwardRef(\n (props: CoreRadioGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreRadioGroup ref={ref} {...props} />;\n }\n);\n\nexport const Radio = Object.assign(RadioElement, {\n Group: RadioGroup,\n});\n"],"names":["E","c","React","z","B","G","I","P","D","q","forwardRef","l","s","m","J$1","p","i","o","n","h","g","G$1","a","fr","N","v","j","f","R","b","u","y","C$1","C","J","RadioElement","props","ref","data","trackingId","useTrackingId","jsxRuntimeExports","RadioGroup","Radio"],"mappings":"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","x_google_ignoreList":[0]}
|
package/SegmentedControl.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var G=require("./index16.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./jsx-runtime-494437bb.cjs"),s=require("./jsx-runtime-944c88e2-2b81c205.cjs"),r=require("react"),j=require("./index-ef2e9d11.cjs"),y=require("./Icon-847b3515.cjs")
|
|
1
|
+
var G=require("./index16.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./jsx-runtime-494437bb.cjs"),s=require("./jsx-runtime-944c88e2-2b81c205.cjs"),r=require("react"),j=require("./index-ef2e9d11.cjs"),y=require("./Icon-847b3515.cjs");require("./tinycolor-3b50a250.cjs");const I=require("./useMergeRefs.cjs"),N=require("./use-reduced-motion-a766a46b.cjs"),M=require("./motion-dae3950e.cjs");require("./index-98c0e500.cjs");const v=require("./useTrackingId.cjs");const O="_legend_1w0sh_5",b="_children_1w0sh_6",T="_segment_1w0sh_4",E="_fill_1w0sh_82",P="_small_1w0sh_85",p="_medium_1w0sh_94",a={"segmented-control":"_segmented-control_1w0sh_4",legend:O,children:b,"select-indicator":"_select-indicator_1w0sh_7",segment:T,fill:E,small:P,"icon-only":"_icon-only_1w0sh_91",medium:p},S=r.forwardRef((e,o)=>{const{icon:t,value:n,children:d,className:m,...g}=e,_=N.useReducedMotion(),{current:i,setCurrent:c,name:l,onChange:u}=r.useContext(R),f=r.useRef(null),h=()=>{c==null||c(n),u==null||u(n)},C=j.G(a.segment,m,{[a["icon-only"]]:t&&!d});return s.fr.jsx(s.fr.Fragment,{children:s.fr.jsxs("label",{className:C,ref:I.useMergeRefs([f,o]),"data-anv":"segmented-control-segment",...g,children:[s.fr.jsx("input",{type:"radio",name:l,value:n,onChange:h,checked:i===n,"aria-checked":i===n}),t?s.fr.jsx(y.C,{svg:t,"aria-hidden":!0}):null,d,i===n&&s.fr.jsx(M.motion.span,{layoutId:l,transition:{duration:_?0:.2},className:a["select-indicator"]})]})})});S.displayName="Segmented Control Segment";const R=r.createContext({}),w=r.forwardRef((e,o)=>{const{className:t,onClick:n,onChange:d,children:m,size:g="medium",defaultSelected:_,name:i,fill:c,...l}=e,[u,f]=r.useState(_),h=j.G(a["segmented-control"],a[g],t,{[a.fill]:c}),C=r.useId();return s.fr.jsx("div",{role:"radiogroup",className:h,"data-anv":"segmented-control",ref:o,...l,children:s.fr.jsx(R.Provider,{value:{current:u,setCurrent:f,name:i??C,onChange:d},children:m})})});w.displayName="Segmented Control";const z=Object.assign(w,{Segment:S}),F=r.forwardRef((e,o)=>{const t={name:e.name},n=v.useTrackingId({name:"SegmentedControl",data:t,hasOverride:!!e["data-tracking-id"]});return x.jsxRuntimeExports.jsx(z,{ref:o,"data-tracking-id":n,...e})}),k=r.forwardRef((e,o)=>{const t={value:e.value},n=v.useTrackingId({name:"SegmentedControlSegment",data:t,hasOverride:!!e["data-tracking-id"]});return x.jsxRuntimeExports.jsx(S,{ref:o,"data-tracking-id":n,...e})}),q=Object.assign(F,{Segment:k});exports.SegmentedControl=q;exports.SegmentedControlSegment=k;exports.default=q;
|
|
2
2
|
//# sourceMappingURL=SegmentedControl.cjs.map
|
package/SegmentedControl.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/SegmentedControl.js","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import \"./
|
|
1
|
+
{"version":3,"file":"SegmentedControl.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/SegmentedControl.js","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import \"./index26.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as p, useContext as w, useRef as N, createContext as y, useState as v, useId as R } from \"react\";\nimport x from \"classnames\";\nimport { useReducedMotion as b, motion as k } from \"framer-motion\";\nimport { Icon as I } from \"./Icon.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useMergeRefs as M } from \"./useMergeRefs.js\";\nconst E = \"_legend_1w0sh_5\", z = \"_children_1w0sh_6\", F = \"_segment_1w0sh_4\", H = \"_fill_1w0sh_82\", O = \"_small_1w0sh_85\", P = \"_medium_1w0sh_94\", t = {\n \"segmented-control\": \"_segmented-control_1w0sh_4\",\n legend: E,\n children: z,\n \"select-indicator\": \"_select-indicator_1w0sh_7\",\n segment: F,\n fill: H,\n small: O,\n \"icon-only\": \"_icon-only_1w0sh_91\",\n medium: P\n}, C = p((a, i) => {\n const { icon: o, value: n, children: c, className: d, ...g } = a, u = b(), { current: s, setCurrent: l, name: m, onChange: r } = w(\n S\n ), _ = N(null), h = () => {\n l == null || l(n), r == null || r(n);\n }, f = x(t.segment, d, {\n [t[\"icon-only\"]]: o && !c\n });\n return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(\n \"label\",\n {\n className: f,\n ref: M([_, i]),\n \"data-anv\": \"segmented-control-segment\",\n ...g,\n children: [\n /* @__PURE__ */ e.jsx(\n \"input\",\n {\n type: \"radio\",\n name: m,\n value: n,\n onChange: h,\n checked: s === n,\n \"aria-checked\": s === n\n }\n ),\n o ? /* @__PURE__ */ e.jsx(I, { svg: o, \"aria-hidden\": !0 }) : null,\n c,\n s === n && /* @__PURE__ */ e.jsx(\n k.span,\n {\n layoutId: m,\n transition: {\n duration: u ? 0 : 0.2\n },\n className: t[\"select-indicator\"]\n }\n )\n ]\n }\n ) });\n});\nC.displayName = \"Segmented Control Segment\";\nconst S = y({}), j = p((a, i) => {\n const {\n className: o,\n onClick: n,\n onChange: c,\n children: d,\n size: g = \"medium\",\n defaultSelected: u,\n name: s,\n fill: l,\n ...m\n } = a, [r, _] = v(u), h = x(\n t[\"segmented-control\"],\n t[g],\n o,\n {\n [t.fill]: l\n }\n ), f = R();\n return /* @__PURE__ */ e.jsx(\n \"div\",\n {\n role: \"radiogroup\",\n className: h,\n \"data-anv\": \"segmented-control\",\n ref: i,\n ...m,\n children: /* @__PURE__ */ e.jsx(\n S.Provider,\n {\n value: { current: r, setCurrent: _, name: s ?? f, onChange: c },\n children: d\n }\n )\n }\n );\n});\nj.displayName = \"Segmented Control\";\nconst T = Object.assign(j, {\n Segment: C\n});\nexport {\n T as SegmentedControl,\n C as SegmentedControlSegment\n};\n//# sourceMappingURL=SegmentedControl.js.map\n","import {\n SegmentedControlProps as CoreSegmentedControlProps,\n SegmentedControl as CoreSegmentedControl,\n SegmentedControlSegmentProps as CoreSegmentedControlSegmentProps,\n SegmentedControlSegment as CoreSegmentedControlSegment,\n} from \"@servicetitan/hammer-react/dist/SegmentedControl\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type SegmentedControlProps = CoreSegmentedControlProps & DataTrackingId;\nexport type SegmentedControlSegmentProps = CoreSegmentedControlSegmentProps &\n DataTrackingId;\n\nconst SegmentedControlElement = forwardRef(\n (props: SegmentedControlProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n name: props.name,\n };\n\n const trackingId = useTrackingId({\n name: \"SegmentedControl\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return (\n <CoreSegmentedControl\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n }\n);\n\nexport const SegmentedControlSegment = forwardRef(\n (props: SegmentedControlSegmentProps, ref: Ref<HTMLLabelElement>) => {\n const data = {\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"SegmentedControlSegment\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreSegmentedControlSegment\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n }\n);\n\nexport const SegmentedControl = Object.assign(SegmentedControlElement, {\n Segment: SegmentedControlSegment,\n});\n"],"names":["E","z","F","H","O","P","t","C","React","a","i","o","c","d","u","useReducedMotion","s","l","m","r","S","_","f","index","jsxRuntime944c88e2","useMergeRefs","Icon","motion","j","T","SegmentedControlElement","props","ref","data","trackingId","useTrackingId","jsxRuntime","SegmentedControlSegment","SegmentedControl"],"mappings":"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","x_google_ignoreList":[0]}
|
package/SegmentedControl.js
CHANGED
|
@@ -4,35 +4,35 @@ import { f as a } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
|
4
4
|
import { forwardRef as c, useContext as w, useRef as y, createContext as N, useState as I, useId as O } from "react";
|
|
5
5
|
import { G as j } from "./index-c6e22bb9.js";
|
|
6
6
|
import { C as R } from "./Icon-be690f0b.js";
|
|
7
|
-
import
|
|
7
|
+
import "./tinycolor-d415b1fd.js";
|
|
8
|
+
import { useMergeRefs as b } from "./useMergeRefs.js";
|
|
8
9
|
import { u as E } from "./use-reduced-motion-b359504d.js";
|
|
9
10
|
import { m as z } from "./motion-a0a946d6.js";
|
|
10
|
-
import "./
|
|
11
|
-
import "./index-902bf2b0.js";
|
|
11
|
+
import "./index-3df95505.js";
|
|
12
12
|
import { useTrackingId as p } from "./useTrackingId.js";
|
|
13
|
-
const F = "_legend_1w0sh_5", M = "_children_1w0sh_6", P = "_segment_1w0sh_4",
|
|
13
|
+
const F = "_legend_1w0sh_5", M = "_children_1w0sh_6", P = "_segment_1w0sh_4", T = "_fill_1w0sh_82", $ = "_small_1w0sh_85", G = "_medium_1w0sh_94", r = {
|
|
14
14
|
"segmented-control": "_segmented-control_1w0sh_4",
|
|
15
15
|
legend: F,
|
|
16
16
|
children: M,
|
|
17
17
|
"select-indicator": "_select-indicator_1w0sh_7",
|
|
18
18
|
segment: P,
|
|
19
|
-
fill:
|
|
20
|
-
small:
|
|
19
|
+
fill: T,
|
|
20
|
+
small: $,
|
|
21
21
|
"icon-only": "_icon-only_1w0sh_91",
|
|
22
|
-
medium:
|
|
23
|
-
}, x = c((e,
|
|
22
|
+
medium: G
|
|
23
|
+
}, x = c((e, o) => {
|
|
24
24
|
const { icon: t, value: n, children: m, className: g, ...u } = e, _ = E(), { current: s, setCurrent: i, name: l, onChange: d } = w(
|
|
25
25
|
v
|
|
26
26
|
), h = y(null), f = () => {
|
|
27
27
|
i == null || i(n), d == null || d(n);
|
|
28
|
-
}, C = j(
|
|
29
|
-
[
|
|
28
|
+
}, C = j(r.segment, g, {
|
|
29
|
+
[r["icon-only"]]: t && !m
|
|
30
30
|
});
|
|
31
31
|
return /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsxs(
|
|
32
32
|
"label",
|
|
33
33
|
{
|
|
34
34
|
className: C,
|
|
35
|
-
ref: b([h,
|
|
35
|
+
ref: b([h, o]),
|
|
36
36
|
"data-anv": "segmented-control-segment",
|
|
37
37
|
...u,
|
|
38
38
|
children: [
|
|
@@ -56,7 +56,7 @@ const F = "_legend_1w0sh_5", M = "_children_1w0sh_6", P = "_segment_1w0sh_4", G
|
|
|
56
56
|
transition: {
|
|
57
57
|
duration: _ ? 0 : 0.2
|
|
58
58
|
},
|
|
59
|
-
className:
|
|
59
|
+
className: r["select-indicator"]
|
|
60
60
|
}
|
|
61
61
|
)
|
|
62
62
|
]
|
|
@@ -64,7 +64,7 @@ const F = "_legend_1w0sh_5", M = "_children_1w0sh_6", P = "_segment_1w0sh_4", G
|
|
|
64
64
|
) });
|
|
65
65
|
});
|
|
66
66
|
x.displayName = "Segmented Control Segment";
|
|
67
|
-
const v = N({}), k = c((e,
|
|
67
|
+
const v = N({}), k = c((e, o) => {
|
|
68
68
|
const {
|
|
69
69
|
className: t,
|
|
70
70
|
onClick: n,
|
|
@@ -76,11 +76,11 @@ const v = N({}), k = c((e, r) => {
|
|
|
76
76
|
fill: i,
|
|
77
77
|
...l
|
|
78
78
|
} = e, [d, h] = I(_), f = j(
|
|
79
|
-
|
|
80
|
-
|
|
79
|
+
r["segmented-control"],
|
|
80
|
+
r[u],
|
|
81
81
|
t,
|
|
82
82
|
{
|
|
83
|
-
[
|
|
83
|
+
[r.fill]: i
|
|
84
84
|
}
|
|
85
85
|
), C = O();
|
|
86
86
|
return /* @__PURE__ */ a.jsx(
|
|
@@ -89,7 +89,7 @@ const v = N({}), k = c((e, r) => {
|
|
|
89
89
|
role: "radiogroup",
|
|
90
90
|
className: f,
|
|
91
91
|
"data-anv": "segmented-control",
|
|
92
|
-
ref:
|
|
92
|
+
ref: o,
|
|
93
93
|
...l,
|
|
94
94
|
children: /* @__PURE__ */ a.jsx(
|
|
95
95
|
v.Provider,
|
|
@@ -102,10 +102,10 @@ const v = N({}), k = c((e, r) => {
|
|
|
102
102
|
);
|
|
103
103
|
});
|
|
104
104
|
k.displayName = "Segmented Control";
|
|
105
|
-
const
|
|
105
|
+
const H = Object.assign(k, {
|
|
106
106
|
Segment: x
|
|
107
|
-
}),
|
|
108
|
-
(e,
|
|
107
|
+
}), q = c(
|
|
108
|
+
(e, o) => {
|
|
109
109
|
const t = {
|
|
110
110
|
name: e.name
|
|
111
111
|
}, n = p({
|
|
@@ -114,16 +114,16 @@ const T = Object.assign(k, {
|
|
|
114
114
|
hasOverride: !!e["data-tracking-id"]
|
|
115
115
|
});
|
|
116
116
|
return /* @__PURE__ */ S.jsx(
|
|
117
|
-
|
|
117
|
+
H,
|
|
118
118
|
{
|
|
119
|
-
ref:
|
|
119
|
+
ref: o,
|
|
120
120
|
"data-tracking-id": n,
|
|
121
121
|
...e
|
|
122
122
|
}
|
|
123
123
|
);
|
|
124
124
|
}
|
|
125
|
-
),
|
|
126
|
-
(e,
|
|
125
|
+
), A = c(
|
|
126
|
+
(e, o) => {
|
|
127
127
|
const t = {
|
|
128
128
|
value: e.value
|
|
129
129
|
}, n = p({
|
|
@@ -134,18 +134,18 @@ const T = Object.assign(k, {
|
|
|
134
134
|
return /* @__PURE__ */ S.jsx(
|
|
135
135
|
x,
|
|
136
136
|
{
|
|
137
|
-
ref:
|
|
137
|
+
ref: o,
|
|
138
138
|
"data-tracking-id": n,
|
|
139
139
|
...e
|
|
140
140
|
}
|
|
141
141
|
);
|
|
142
142
|
}
|
|
143
|
-
), ee = Object.assign(
|
|
144
|
-
Segment:
|
|
143
|
+
), ee = Object.assign(q, {
|
|
144
|
+
Segment: A
|
|
145
145
|
});
|
|
146
146
|
export {
|
|
147
147
|
ee as SegmentedControl,
|
|
148
|
-
|
|
148
|
+
A as SegmentedControlSegment,
|
|
149
149
|
ee as default
|
|
150
150
|
};
|
|
151
151
|
//# sourceMappingURL=SegmentedControl.js.map
|
package/SegmentedControl.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sources":["../node_modules/@servicetitan/hammer-react/dist/SegmentedControl.js","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import \"./
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sources":["../node_modules/@servicetitan/hammer-react/dist/SegmentedControl.js","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import \"./index26.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as p, useContext as w, useRef as N, createContext as y, useState as v, useId as R } from \"react\";\nimport x from \"classnames\";\nimport { useReducedMotion as b, motion as k } from \"framer-motion\";\nimport { Icon as I } from \"./Icon.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useMergeRefs as M } from \"./useMergeRefs.js\";\nconst E = \"_legend_1w0sh_5\", z = \"_children_1w0sh_6\", F = \"_segment_1w0sh_4\", H = \"_fill_1w0sh_82\", O = \"_small_1w0sh_85\", P = \"_medium_1w0sh_94\", t = {\n \"segmented-control\": \"_segmented-control_1w0sh_4\",\n legend: E,\n children: z,\n \"select-indicator\": \"_select-indicator_1w0sh_7\",\n segment: F,\n fill: H,\n small: O,\n \"icon-only\": \"_icon-only_1w0sh_91\",\n medium: P\n}, C = p((a, i) => {\n const { icon: o, value: n, children: c, className: d, ...g } = a, u = b(), { current: s, setCurrent: l, name: m, onChange: r } = w(\n S\n ), _ = N(null), h = () => {\n l == null || l(n), r == null || r(n);\n }, f = x(t.segment, d, {\n [t[\"icon-only\"]]: o && !c\n });\n return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(\n \"label\",\n {\n className: f,\n ref: M([_, i]),\n \"data-anv\": \"segmented-control-segment\",\n ...g,\n children: [\n /* @__PURE__ */ e.jsx(\n \"input\",\n {\n type: \"radio\",\n name: m,\n value: n,\n onChange: h,\n checked: s === n,\n \"aria-checked\": s === n\n }\n ),\n o ? /* @__PURE__ */ e.jsx(I, { svg: o, \"aria-hidden\": !0 }) : null,\n c,\n s === n && /* @__PURE__ */ e.jsx(\n k.span,\n {\n layoutId: m,\n transition: {\n duration: u ? 0 : 0.2\n },\n className: t[\"select-indicator\"]\n }\n )\n ]\n }\n ) });\n});\nC.displayName = \"Segmented Control Segment\";\nconst S = y({}), j = p((a, i) => {\n const {\n className: o,\n onClick: n,\n onChange: c,\n children: d,\n size: g = \"medium\",\n defaultSelected: u,\n name: s,\n fill: l,\n ...m\n } = a, [r, _] = v(u), h = x(\n t[\"segmented-control\"],\n t[g],\n o,\n {\n [t.fill]: l\n }\n ), f = R();\n return /* @__PURE__ */ e.jsx(\n \"div\",\n {\n role: \"radiogroup\",\n className: h,\n \"data-anv\": \"segmented-control\",\n ref: i,\n ...m,\n children: /* @__PURE__ */ e.jsx(\n S.Provider,\n {\n value: { current: r, setCurrent: _, name: s ?? f, onChange: c },\n children: d\n }\n )\n }\n );\n});\nj.displayName = \"Segmented Control\";\nconst T = Object.assign(j, {\n Segment: C\n});\nexport {\n T as SegmentedControl,\n C as SegmentedControlSegment\n};\n//# sourceMappingURL=SegmentedControl.js.map\n","import {\n SegmentedControlProps as CoreSegmentedControlProps,\n SegmentedControl as CoreSegmentedControl,\n SegmentedControlSegmentProps as CoreSegmentedControlSegmentProps,\n SegmentedControlSegment as CoreSegmentedControlSegment,\n} from \"@servicetitan/hammer-react/dist/SegmentedControl\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type SegmentedControlProps = CoreSegmentedControlProps & DataTrackingId;\nexport type SegmentedControlSegmentProps = CoreSegmentedControlSegmentProps &\n DataTrackingId;\n\nconst SegmentedControlElement = forwardRef(\n (props: SegmentedControlProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n name: props.name,\n };\n\n const trackingId = useTrackingId({\n name: \"SegmentedControl\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return (\n <CoreSegmentedControl\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n }\n);\n\nexport const SegmentedControlSegment = forwardRef(\n (props: SegmentedControlSegmentProps, ref: Ref<HTMLLabelElement>) => {\n const data = {\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"SegmentedControlSegment\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreSegmentedControlSegment\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n }\n);\n\nexport const SegmentedControl = Object.assign(SegmentedControlElement, {\n Segment: SegmentedControlSegment,\n});\n"],"names":["E","z","F","H","O","P","t","C","forwardRef","a","i","o$1","c","d","g","u","useReducedMotion","l","m","r","useContext","S","_","useRef","h","f","G","fr","o","C$1","motion","createContext","j","useState","useId","T","SegmentedControlElement","props","ref","data","trackingId","useTrackingId","jsxRuntimeExports","SegmentedControlSegment","SegmentedControl"],"mappings":"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","x_google_ignoreList":[0]}
|
package/SideNav.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var le=require("./index17.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./jsx-runtime-494437bb.cjs"),p=require("./jsx-runtime-944c88e2-2b81c205.cjs"),r=require("react"),S=require("./index-ef2e9d11.cjs");require("./tinycolor-3b50a250.cjs");const Q=require("./useLayoutPropsUtil-cd33328b.cjs"),V=require("./
|
|
1
|
+
var le=require("./index17.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./jsx-runtime-494437bb.cjs"),p=require("./jsx-runtime-944c88e2-2b81c205.cjs"),r=require("react"),S=require("./index-ef2e9d11.cjs");require("./tinycolor-3b50a250.cjs");const Q=require("./useLayoutPropsUtil-cd33328b.cjs"),V=require("./useMergeRefs.cjs"),X=require("./Icon-847b3515.cjs"),q=require("react-router-dom");function Y(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const P=Y(r);const Z="_sidenav_12xoe_4",$="_root_12xoe_5",ee="_group_12xoe_9",te="_arrow_12xoe_58",re="_disabled_12xoe_88",v={sidenav:Z,root:$,"sidenav-group":"_sidenav-group_12xoe_6","sidenav-link":"_sidenav-link_12xoe_7","sidenav-collapsible":"_sidenav-collapsible_12xoe_8",group:ee,"group-label":"_group-label_12xoe_32",arrow:te,disabled:re,"not-collapsible":"_not-collapsible_12xoe_110","has-indicator":"_has-indicator_12xoe_118"},I=(t,e,a)=>{const n=Array.prototype.indexOf.call(e,a.current);switch(t.key){case"ArrowDown":if(!e)return;if(t.preventDefault(),e[n].setAttribute("tabindex","-1"),n===e.length-1){e[0].setAttribute("tabindex","0"),e[0].focus();break}e[n+1].setAttribute("tabindex","0"),e[n+1].focus();break;case"ArrowUp":if(t.preventDefault(),!e)return;if(e[n].setAttribute("tabindex","-1"),n===0){e[e.length-1].setAttribute("tabindex","0"),e[e.length-1].focus();break}e[n-1].setAttribute("tabindex","0"),e[n-1].focus();break}},A=r.forwardRef((t,e)=>{const{className:a,children:n,href:i,id:u,active:c,onClick:l,onKeyDown:b,onKeyUp:d,style:h,disabled:f,...x}=t,{links:w}=U(),m=r.useRef(null);function _(o){I(o,w,m),b==null||b(o,u)}function R(o){f||((o.code==="Space"||o.code==="Enter")&&(o.preventDefault(),l&&o.currentTarget.click()),d==null||d(o,u))}function E(o){var y,j;if(f)return;const k=Array.prototype.slice.call(w).filter(L=>L.tabIndex===0)[0];k&&k.setAttribute("tabindex","-1"),(y=m.current)==null||y.setAttribute("tabindex","0"),(j=m.current)==null||j.focus(),l==null||l(o,u)}return p.fr.jsx("li",{className:a,"data-anv":"sidenav-link",style:h,ref:e,children:p.fr.jsx("a",{className:v["sidenav-link"],"aria-current":c?"page":void 0,href:i,ref:m,onClick:E,onKeyDown:_,onKeyUp:R,id:u,"aria-disabled":f,tabIndex:c?0:-1,...x,children:n})})});A.displayName="SideNavLink";const ne=t=>P.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...t},P.createElement("path",{d:"M8.12 9.29 12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z"})),C=r.forwardRef((t,e)=>{var a;const{className:n,children:i,label:u,onClick:c,onKeyDown:l,defaultExpanded:b=!1,expanded:d,...h}=t,[f,x]=r.useState(b),[w,m]=r.useState(!1),_=r.useRef(null),R=r.useRef(null),E=S.G(v["sidenav-collapsible"],n),{links:o,reCalculateLinks:y}=U(),j=r.useId(),k=s=>{d===void 0&&x(N=>s!==void 0?s:!N)};r.useEffect(()=>{d!==void 0&&x(d)},[d]);function L(s){var N,O;k(),setTimeout(()=>y(),0);const M=Array.prototype.slice.call(o).filter(F=>F.tabIndex===0)[0];M&&M.setAttribute("tabindex","-1"),(N=_.current)==null||N.setAttribute("tabindex","0"),(O=_.current)==null||O.focus(),c==null||c(s)}function W(s){switch(I(s,o,_),s.key){case"ArrowRight":x(!0),setTimeout(()=>y(),0);break;case"ArrowLeft":x(!1),setTimeout(()=>y(),0);break}l==null||l(s)}const D=(a=r.Children.map(i,s=>s.props))==null?void 0:a.some(s=>s.active===!0);return r.useLayoutEffect(()=>{D&&(k(!0),setTimeout(()=>{var s;const N=(s=R.current)==null?void 0:s.querySelector("[active='true']");N==null||N.setAttribute("tabindex","0"),y()},0))},[]),r.useEffect(()=>{if(!D){m(!1);return}m(!0)},[D]),p.fr.jsxs("li",{ref:e,"data-anv":"sidenav-collapsible",...h,className:E,children:[p.fr.jsxs("button",{"aria-expanded":f,"aria-controls":j,type:"button",tabIndex:-1,onClick:L,ref:_,className:S.G(v["sidenav-link"],{[v["has-indicator"]]:w&&!f}),onKeyDown:W,children:[u,p.fr.jsx(X.C,{className:v.arrow,inherit:!0,svg:ne,"aria-hidden":!0})]}),f?p.fr.jsx("ul",{id:j,ref:R,className:v.group,children:i}):null]})});C.displayName="SideNavCollapsible";const G=r.forwardRef((t,e)=>{const{children:a,label:n,...i}=t,u=S.G(v["sidenav-group"]),c=r.useId();return p.fr.jsxs("li",{ref:e,"data-anv":"sidenav-group",...i,children:[p.fr.jsx("label",{id:c,className:v["group-label"],children:n}),p.fr.jsx("ul",{"aria-labelledby":c,className:u,children:a})]})});G.displayName="SideNavGroup";const K=r.createContext(null),T=r.forwardRef((t,e)=>{const{layoutStyles:a,componentProps:n}=Q.J(t),{className:i,children:u,style:c,...l}=n,b=r.useRef(null),[d,h]=r.useState(),f={...c,...a};function x(){if(b.current){const _=b.current.querySelectorAll("li[data-anv='sidenav-link'] a:not([aria-disabled='true']), li[data-anv='sidenav-collapsible'] button[aria-expanded]:not([aria-disabled='true'])");h(_)}}r.useEffect(()=>{x()},[]);const w=S.G([v.sidenav],i),m=r.useMemo(()=>({links:d,reCalculateLinks:x}),[d]);return p.fr.jsx(K.Provider,{value:m,children:p.fr.jsx("nav",{ref:V.useMergeRefs([b,e]),className:w,style:f,"data-anv":"sidenav",...l,children:p.fr.jsx("ul",{className:v.root,children:u})})})}),U=()=>{const t=r.useContext(K);if(t==null)throw new Error("useSideNav must be wrapped in <SideNav />");return t};T.displayName="SideNav";const ae=Object.assign(T,{Link:A,Collapsible:C,Group:G}),se=r.forwardRef((t,e)=>g.jsxRuntimeExports.jsx(ae,{ref:e,...t})),z=r.forwardRef((t,e)=>g.jsxRuntimeExports.jsx(C,{ref:e,...t})),B=r.forwardRef((t,e)=>g.jsxRuntimeExports.jsx(G,{ref:e,...t})),ie=r.forwardRef(({href:t,exact:e,pathname:a,search:n,onClick:i,...u},c)=>{const l=q.useHistory(),b=q.useLocation(),d=r.useMemo(()=>l.createHref({pathname:a,search:n}),[l,a,n]),h=r.useCallback((...f)=>(f[0].preventDefault(),l.push(a+(n??"")),i==null?void 0:i(...f)),[l,a,n,i]);return g.jsxRuntimeExports.jsx(A,{href:a!=null?d:t,active:!!q.matchPath(b.pathname,{exact:e,path:a}),onClick:a!=null?h:i,ref:c,...u})}),H=r.forwardRef((t,e)=>"pathname"in t?g.jsxRuntimeExports.jsx(ie,{ref:e,...t}):g.jsxRuntimeExports.jsx(A,{ref:e,...t})),J=Object.assign(se,{Link:H,Collapsible:z,Group:B});exports.SideNav=J;exports.SideNavCollapsible=z;exports.SideNavGroup=B;exports.SideNavLink=H;exports.default=J;
|
|
2
2
|
//# sourceMappingURL=SideNav.cjs.map
|