@servicetitan/anvil2 1.2.3 → 1.2.5
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/Page.cjs +1 -1
- package/Page.cjs.map +1 -1
- package/Page.js +91 -78
- package/Page.js.map +1 -1
- package/assets/icons/st/batch.svg +1 -1
- package/assets/icons/st/call.svg +1 -1
- package/assets/icons/st/call_inbound.svg +1 -1
- package/assets/icons/st/call_outbound.svg +1 -1
- package/assets/icons/st/customer.svg +1 -1
- package/assets/icons/st/equipment.svg +1 -1
- package/assets/icons/st/estimate.svg +1 -1
- package/assets/icons/st/form.svg +1 -1
- package/assets/icons/st/invoice.svg +1 -1
- package/assets/icons/st/job.svg +1 -1
- package/assets/icons/st/local_settings.svg +1 -1
- package/assets/icons/st/location.svg +1 -1
- package/assets/icons/st/memberships.svg +1 -1
- package/assets/icons/st/payment.svg +1 -1
- package/assets/icons/st/pro_tip.svg +1 -1
- package/assets/icons/st/project.svg +1 -1
- package/assets/icons/st/proposal.svg +1 -1
- package/assets/icons/st/purchase_order.svg +1 -1
- package/assets/icons/st/service_agreements.svg +1 -1
- package/assets/icons/st/sms.svg +1 -1
- package/assets/icons/st/text_inbound.svg +1 -1
- package/assets/icons/st/text_outbound.svg +1 -1
- package/assets/icons/st/upsell.svg +1 -1
- package/assets/icons/st/virtual_agent.svg +1 -1
- package/assets/icons/st/web_chat.svg +1 -1
- package/package.json +1 -1
package/Page.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var se=require("./index2.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-494437bb.cjs"),o=require("react"),_=require("./index-67d20edb.cjs"),R=require("./Button.cjs"),O=require("./useSize.cjs"),j=require("./Tooltip.cjs"),k=require("./primitive-898a5f6f.cjs"),T=require("./useTrackingId.cjs"),S=require("./index-f6c22572.cjs");require("./LocalizationProvider.cjs");require("./index-d46fa8de-08092573.cjs");const E=require("./Dialog.cjs"),b=require("./Popover.cjs"),L=require("./Flex.cjs"),z=require("./Icon.cjs");function W(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(a,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return a.default=e,Object.freeze(a)}const d=W(o),H="_page_3p54k_7",I="_container_3p54k_16",A="_content_3p54k_32",D="_sidebar_3p54k_41",K="_panel_3p54k_124",J="_collapsed_3p54k_160",F="_open_3p54k_160",G="_small_3p54k_160",U="_medium_3p54k_163",V="_large_3p54k_166",Y="_noPadding_3p54k_256",r={page:H,container:I,content:A,"content-inner":"_content-inner_3p54k_36",sidebar:D,"sidebar-inner":"_sidebar-inner_3p54k_50","toggle-button-wrapper":"_toggle-button-wrapper_3p54k_77","toggle-button-tooltip":"_toggle-button-tooltip_3p54k_85","toggle-button":"_toggle-button_3p54k_77","sidebar-header":"_sidebar-header_3p54k_103","sidebar-adaptive-trigger-container":"_sidebar-adaptive-trigger-container_3p54k_109","sidebar-adaptive-container":"_sidebar-adaptive-container_3p54k_118","sidebar-adaptive":"_sidebar-adaptive_3p54k_109",panel:K,"panel-inner":"_panel-inner_3p54k_131","virtual-scroll-container":"_virtual-scroll-container_3p54k_142",collapsed:J,open:F,small:G,medium:U,large:V,noPadding:Y,"sidebar-adaptive-trigger":"_sidebar-adaptive-trigger_3p54k_109"};function Q(...e){return d.useCallback(a=>{for(let s=0;s<e.length;s++){const n=e[s];typeof n=="function"?n(a):n&&typeof n=="object"&&(n.current=a)}},e)}const X=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z"})),Z=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z"})),$=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z"})),ee=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M8.12 9.29 12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z"})),te=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0z"})),ne=o.forwardRef((e,a)=>{const{children:s,...n}=e;return t.jsxRuntimeExports.jsx("div",{className:r.page,ref:a,...n,children:t.jsxRuntimeExports.jsx("div",{className:r.container,children:s})})}),N=o.createContext(null),P=o.forwardRef((e,a)=>{var w;const{children:s,className:n,currentPageTitle:g,localStorageKey:l="sidebar-collapsed",...m}=e,f={localStorageKey:l},{breakpoint:i}=o.useContext(S.M),u=T.useTrackingId({name:"PageSidebarButton",data:f,hasOverride:!!e["data-tracking-id"]}),[c,x]=o.useState(()=>{const p=localStorage.getItem(l);return p?JSON.parse(p):!1}),v=_.cx([r.sidebar],n,{[r.collapsed]:c}),h=()=>{x(p=>(localStorage.setItem(l,JSON.stringify(!p)),!p))},B=+(((w=k.BreakpointMd)==null?void 0:w.value.replace("px",""))??0);return((i==null?void 0:i.innerWidth)??0)<B?t.jsxRuntimeExports.jsxs(b.default,{fillAvailableHeight:!0,matchReferenceWidth:!0,noPadding:!0,disableCaret:!0,children:[t.jsxRuntimeExports.jsx(b.default.Trigger,{children:p=>(typeof document<"u"&&(p["data-state"]==="open"?document.body.style.overflow="hidden":document.body.style.overflow="auto"),t.jsxRuntimeExports.jsx("div",{className:r["sidebar-adaptive-trigger-container"],children:t.jsxRuntimeExports.jsxs(R.default,{className:r["sidebar-adaptive-trigger"],icon:$,appearance:"ghost",...p,children:[g||"Menu",t.jsxRuntimeExports.jsx(z.default,{flexGrow:"1",justifyContent:"end",svg:p["data-state"]==="open"?te:ee})]})}))}),t.jsxRuntimeExports.jsx(b.default.Content,{className:r["sidebar-adaptive-container"],children:t.jsxRuntimeExports.jsx(L.default,{direction:"column",className:r["sidebar-adaptive"],ref:a,children:s})})]}):t.jsxRuntimeExports.jsx(N.Provider,{value:{collapsed:c},children:t.jsxRuntimeExports.jsxs("div",{className:v,ref:a,...m,children:[t.jsxRuntimeExports.jsx("div",{className:r["sidebar-inner"],"aria-hidden":c,children:t.jsxRuntimeExports.jsx("div",{children:s})}),t.jsxRuntimeExports.jsx("div",{className:r["toggle-button-wrapper"],children:t.jsxRuntimeExports.jsxs(j.default,{placement:"right",children:[t.jsxRuntimeExports.jsx(j.default.Trigger,{className:r["toggle-button-tooltip"],children:t.jsxRuntimeExports.jsx(R.default,{size:"small",onClick:h,className:r["toggle-button"],"aria-label":c?"Open Sidebar":"Close Sidebar","data-tracking-id":u,icon:c?X:Z})}),t.jsxRuntimeExports.jsx(j.default.Content,{children:c?"Open Sidebar":"Close Sidebar"})]})})]})})}),y=o.forwardRef((e,a)=>{const{children:s,className:n,...g}=e,l=o.useContext(N),m=_.cx([r["sidebar-header"]],n);return t.jsxRuntimeExports.jsx("div",{className:m,ref:a,...g,children:t.jsxRuntimeExports.jsx("div",{className:r["header-content"],"aria-hidden":l==null?void 0:l.collapsed,children:s})})}),C=o.forwardRef((e,a)=>{const{children:s,className:n,...g}=e,l=_.cx([r.content],n),m=o.useRef(null),f=o.useRef(null),i=O.useSize(m),u=o.useRef(!0);o.useEffect(()=>{if(typeof window>"u"||!u.current)return;function x(){var h;const v=window.scrollY;(h=f.current)==null||h.scrollTo(0,v??0)}return window.addEventListener("scroll",x,{passive:!0}),()=>{window.removeEventListener("scroll",x)}},[]);function c(x){typeof window>"u"||u.current||window.scrollTo(0,x.target.scrollTop)}return t.jsxRuntimeExports.jsxs("main",{className:l,ref:Q(m,a),...g,children:[t.jsxRuntimeExports.jsx("div",{className:r["content-inner"],children:s}),t.jsxRuntimeExports.jsx("div",{className:r["virtual-scroll-container"],ref:f,style:{left:i&&(i==null?void 0:i.left)+(i==null?void 0:i.width)},onScrollCapture:c,onMouseEnter:()=>{u.current=!1},onMouseLeave:()=>{u.current=!0},children:t.jsxRuntimeExports.jsx("div",{style:{width:1,height:i?i.height+i.y*2:0}})})]})}),M=o.forwardRef((e,a)=>{var h;const{children:s,open:n,size:g="medium",noPadding:l,style:m,className:f,...i}=e,u=_.cx([r.panel],[r[g]],f,{[r.open]:typeof n>"u"?!0:n,[r.persistent]:typeof n>"u",[r.noPadding]:l}),{breakpoint:c}=o.useContext(S.M),x=+(((h=k.BreakpointMd)==null?void 0:h.value.replace("px",""))??0),v=(c==null?void 0:c.innerWidth)??0;return typeof n<"u"&&v<x?t.jsxRuntimeExports.jsx(E.default,{open:n,children:t.jsxRuntimeExports.jsx(E.default.Content,{children:t.jsxRuntimeExports.jsx("div",{className:u,"aria-hidden":!n,"aria-disabled":!n,ref:a,...i,children:s})})}):t.jsxRuntimeExports.jsx("div",{className:u,"aria-hidden":!n,"aria-disabled":!n,ref:a,...i,children:t.jsxRuntimeExports.jsx("div",{className:r["panel-inner"],tabIndex:typeof n<"u"&&n?0:-1,style:m,children:t.jsxRuntimeExports.jsx("div",{children:s})})})}),q=Object.assign(ne,{Sidebar:P,SidebarHeader:y,Content:C,Panel:M});exports.Page=q;exports.PageContent=C;exports.PagePanel=M;exports.PageSidebar=P;exports.PageSidebarHeader=y;exports.default=q;
|
|
2
2
|
//# sourceMappingURL=Page.cjs.map
|
package/Page.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.cjs","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_left.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/segment.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n return React.useCallback(element => {\n for (let i = 0; i < refs.length; i++) {\n const ref = refs[i];\n if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n }\n }, // eslint-disable-next-line react-hooks/exhaustive-deps\n refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMThoMTBjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFIMTBjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDF6TTMgN2MwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUg0Yy0uNTUgMC0xIC40NS0xIDF6bTcgNmgxMGMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUgxMGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiA5LjI5IDEyIDEzLjE3bDMuODgtMy44OGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFsLTQuNTkgNC41OWEuOTk2Ljk5NiAwIDAgMS0xLjQxIDBMNi43IDEwLjdhLjk5Ni45OTYgMCAwIDEgMC0xLjQxYy4zOS0uMzggMS4wMy0uMzkgMS40MiAweiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiAxNC43MSAxMiAxMC44M2wzLjg4IDMuODhhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEyLjcgOC43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMNi43IDEzLjNhLjk5Ni45OTYgMCAwIDAgMCAxLjQxYy4zOS4zOCAxLjAzLjM5IDEuNDIgMHoiLz48L3N2Zz4=\"","import {\n ComponentPropsWithoutRef,\n Ref,\n createContext,\n forwardRef,\n useContext,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n AnvilProviderContext,\n AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n const { children, ...rest } = props;\n\n return (\n <div className={styles[\"page\"]} ref={ref} {...rest}>\n <div className={styles[\"container\"]}>{children}</div>\n </div>\n );\n});\n\ntype PageSideBarContextProps = {\n collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n localStorageKey?: string;\n [\"data-tracking-id\"]?: string;\n currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n className,\n currentPageTitle,\n localStorageKey = \"sidebar-collapsed\",\n ...rest\n } = props;\n\n const data = {\n localStorageKey,\n };\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const trackingId = useTrackingId({\n name: \"PageSidebarButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n const [collapsed, setCollapsed] = useState<boolean>(() => {\n // getting stored value\n const sidebarState = localStorage.getItem(localStorageKey);\n return sidebarState ? JSON.parse(sidebarState) : false;\n });\n const classNames = cx([styles[\"sidebar\"]], className, {\n [styles[\"collapsed\"]]: collapsed,\n });\n const onToggleButtonClick = () => {\n setCollapsed((prev) => {\n localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n return !prev;\n });\n };\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (innerWidth < breakpointWidth) {\n return (\n <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n <Popover.Trigger>\n {(props) => {\n if (typeof document !== \"undefined\") {\n props[\"data-state\"] === \"open\"\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"auto\");\n }\n return (\n <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n <Button\n className={styles[\"sidebar-adaptive-trigger\"]}\n icon={SegmentSVG}\n appearance=\"ghost\"\n {...props}\n >\n {!currentPageTitle ? \"Menu\" : currentPageTitle}\n <Icon\n flexGrow=\"1\"\n justifyContent=\"end\"\n svg={\n props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n }\n />\n </Button>\n </div>\n );\n }}\n </Popover.Trigger>\n <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n <Flex\n direction=\"column\"\n className={styles[\"sidebar-adaptive\"]}\n ref={ref}\n >\n {children}\n </Flex>\n </Popover.Content>\n </Popover>\n );\n }\n\n return (\n <PageSideBarContext.Provider value={{ collapsed }}>\n <div className={classNames} ref={ref} {...rest}>\n <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n <div>{children}</div>\n </div>\n <div className={styles[\"toggle-button-wrapper\"]}>\n <Tooltip placement=\"right\">\n <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n <Button\n size=\"small\"\n onClick={onToggleButtonClick}\n className={styles[\"toggle-button\"]}\n aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n data-tracking-id={trackingId}\n icon={collapsed ? OpenSVG : CloseSVG}\n />\n </Tooltip.Trigger>\n <Tooltip.Content>\n {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n </Tooltip.Content>\n </Tooltip>\n </div>\n </div>\n </PageSideBarContext.Provider>\n );\n }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n const { children, className, ...rest } = props;\n const context = useContext(PageSideBarContext);\n const classNames = cx([styles[\"sidebar-header\"]], className);\n\n return (\n <div className={classNames} ref={ref} {...rest}>\n <div\n className={styles[\"header-content\"]}\n aria-hidden={context?.collapsed}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n const { children, className, ...rest } = props;\n const classNames = cx([styles[\"content\"]], className);\n const mainRef = useRef<HTMLAreaElement>(null);\n const virtualScrollRef = useRef<HTMLDivElement>(null);\n const size = useSize(mainRef);\n\n useEffect(() => {\n function updatePosition() {\n const newValue = window.scrollY;\n\n virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n }\n window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n return () => {\n window.removeEventListener(\"scroll\", updatePosition);\n };\n }, []);\n\n return (\n <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n <div className={styles[\"content-inner\"]}>{children}</div>\n <div\n className={styles[\"virtual-scroll-container\"]}\n ref={virtualScrollRef}\n style={{ left: size && size?.left + size?.width }}\n >\n <div\n style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n />\n </div>\n </main>\n );\n }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n open?: boolean;\n size?: \"small\" | \"medium\" | \"large\";\n noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n open,\n size = \"medium\",\n noPadding,\n style,\n className,\n ...rest\n } = props;\n const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n [styles[\"persistent\"]]: typeof open === \"undefined\",\n [styles[\"noPadding\"]]: noPadding,\n });\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n return (\n <Dialog open={open}>\n <Dialog.Content>\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n </Dialog.Content>\n </Dialog>\n );\n }\n return (\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n <div\n className={styles[\"panel-inner\"]}\n tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n style={style}\n >\n <div>{children}</div>\n </div>\n </div>\n );\n }\n);\n\nexport const Page = Object.assign(PageElement, {\n Sidebar: PageSidebar,\n SidebarHeader: PageSidebarHeader,\n Content: PageContent,\n Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React__namespace","element","i","ref","SvgChevronRight","props","SvgChevronLeft","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","React","children","rest","jsxRuntime","styles","PageSideBarContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","AnvilProvider","trackingId","useTrackingId","collapsed","setCollapsed","sidebarState","classNames","index","onToggleButtonClick","prev","breakpointWidth","_a","primitive","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","virtualScrollRef","size","useSize","updatePosition","newValue","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|
|
1
|
+
{"version":3,"file":"Page.cjs","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_left.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/segment.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n return React.useCallback(element => {\n for (let i = 0; i < refs.length; i++) {\n const ref = refs[i];\n if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n }\n }, // eslint-disable-next-line react-hooks/exhaustive-deps\n refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMThoMTBjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFIMTBjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDF6TTMgN2MwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUg0Yy0uNTUgMC0xIC40NS0xIDF6bTcgNmgxMGMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUgxMGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiA5LjI5IDEyIDEzLjE3bDMuODgtMy44OGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFsLTQuNTkgNC41OWEuOTk2Ljk5NiAwIDAgMS0xLjQxIDBMNi43IDEwLjdhLjk5Ni45OTYgMCAwIDEgMC0xLjQxYy4zOS0uMzggMS4wMy0uMzkgMS40MiAweiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiAxNC43MSAxMiAxMC44M2wzLjg4IDMuODhhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEyLjcgOC43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMNi43IDEzLjNhLjk5Ni45OTYgMCAwIDAgMCAxLjQxYy4zOS4zOCAxLjAzLjM5IDEuNDIgMHoiLz48L3N2Zz4=\"","import {\n ComponentPropsWithoutRef,\n Ref,\n UIEvent,\n createContext,\n forwardRef,\n useContext,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n AnvilProviderContext,\n AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n const { children, ...rest } = props;\n\n return (\n <div className={styles[\"page\"]} ref={ref} {...rest}>\n <div className={styles[\"container\"]}>{children}</div>\n </div>\n );\n});\n\ntype PageSideBarContextProps = {\n collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n localStorageKey?: string;\n [\"data-tracking-id\"]?: string;\n currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n className,\n currentPageTitle,\n localStorageKey = \"sidebar-collapsed\",\n ...rest\n } = props;\n\n const data = {\n localStorageKey,\n };\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const trackingId = useTrackingId({\n name: \"PageSidebarButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n const [collapsed, setCollapsed] = useState<boolean>(() => {\n // getting stored value\n const sidebarState = localStorage.getItem(localStorageKey);\n return sidebarState ? JSON.parse(sidebarState) : false;\n });\n const classNames = cx([styles[\"sidebar\"]], className, {\n [styles[\"collapsed\"]]: collapsed,\n });\n const onToggleButtonClick = () => {\n setCollapsed((prev) => {\n localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n return !prev;\n });\n };\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (innerWidth < breakpointWidth) {\n return (\n <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n <Popover.Trigger>\n {(props) => {\n if (typeof document !== \"undefined\") {\n props[\"data-state\"] === \"open\"\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"auto\");\n }\n return (\n <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n <Button\n className={styles[\"sidebar-adaptive-trigger\"]}\n icon={SegmentSVG}\n appearance=\"ghost\"\n {...props}\n >\n {!currentPageTitle ? \"Menu\" : currentPageTitle}\n <Icon\n flexGrow=\"1\"\n justifyContent=\"end\"\n svg={\n props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n }\n />\n </Button>\n </div>\n );\n }}\n </Popover.Trigger>\n <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n <Flex\n direction=\"column\"\n className={styles[\"sidebar-adaptive\"]}\n ref={ref}\n >\n {children}\n </Flex>\n </Popover.Content>\n </Popover>\n );\n }\n\n return (\n <PageSideBarContext.Provider value={{ collapsed }}>\n <div className={classNames} ref={ref} {...rest}>\n <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n <div>{children}</div>\n </div>\n <div className={styles[\"toggle-button-wrapper\"]}>\n <Tooltip placement=\"right\">\n <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n <Button\n size=\"small\"\n onClick={onToggleButtonClick}\n className={styles[\"toggle-button\"]}\n aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n data-tracking-id={trackingId}\n icon={collapsed ? OpenSVG : CloseSVG}\n />\n </Tooltip.Trigger>\n <Tooltip.Content>\n {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n </Tooltip.Content>\n </Tooltip>\n </div>\n </div>\n </PageSideBarContext.Provider>\n );\n }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n const { children, className, ...rest } = props;\n const context = useContext(PageSideBarContext);\n const classNames = cx([styles[\"sidebar-header\"]], className);\n\n return (\n <div className={classNames} ref={ref} {...rest}>\n <div\n className={styles[\"header-content\"]}\n aria-hidden={context?.collapsed}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n const { children, className, ...rest } = props;\n const classNames = cx([styles[\"content\"]], className);\n const mainRef = useRef<HTMLAreaElement>(null);\n const virtualScrollRef = useRef<HTMLDivElement>(null);\n const size = useSize(mainRef);\n const blocker = useRef(true);\n\n useEffect(() => {\n if (typeof window === \"undefined\") return;\n if (!blocker.current) return;\n function updatePosition() {\n const newValue = window.scrollY;\n\n virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n }\n window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n return () => {\n window.removeEventListener(\"scroll\", updatePosition);\n };\n }, []);\n\n function scrollBody(e: UIEvent<HTMLElement>) {\n if (typeof window === \"undefined\") return;\n if (blocker.current) return;\n window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\n }\n\n return (\n <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n <div className={styles[\"content-inner\"]}>{children}</div>\n <div\n className={styles[\"virtual-scroll-container\"]}\n ref={virtualScrollRef}\n style={{ left: size && size?.left + size?.width }}\n onScrollCapture={scrollBody}\n onMouseEnter={() => {\n blocker.current = false;\n }}\n onMouseLeave={() => {\n blocker.current = true;\n }}\n >\n <div\n style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n />\n </div>\n </main>\n );\n }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n open?: boolean;\n size?: \"small\" | \"medium\" | \"large\";\n noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n open,\n size = \"medium\",\n noPadding,\n style,\n className,\n ...rest\n } = props;\n const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n [styles[\"persistent\"]]: typeof open === \"undefined\",\n [styles[\"noPadding\"]]: noPadding,\n });\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n return (\n <Dialog open={open}>\n <Dialog.Content>\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n </Dialog.Content>\n </Dialog>\n );\n }\n return (\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n <div\n className={styles[\"panel-inner\"]}\n tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n style={style}\n >\n <div>{children}</div>\n </div>\n </div>\n );\n }\n);\n\nexport const Page = Object.assign(PageElement, {\n Sidebar: PageSidebar,\n SidebarHeader: PageSidebarHeader,\n Content: PageContent,\n Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React__namespace","element","i","ref","SvgChevronRight","props","SvgChevronLeft","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","React","children","rest","jsxRuntime","styles","PageSideBarContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","AnvilProvider","trackingId","useTrackingId","collapsed","setCollapsed","sidebarState","classNames","index","onToggleButtonClick","prev","breakpointWidth","_a","primitive","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","virtualScrollRef","size","useSize","blocker","updatePosition","newValue","scrollBody","e","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|
package/Page.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import "./index2.css";
|
|
2
2
|
import { j as e } from "./jsx-runtime-82a9ddf6.js";
|
|
3
3
|
import * as c from "react";
|
|
4
|
-
import { forwardRef as
|
|
4
|
+
import { forwardRef as f, createContext as M, useContext as k, useState as L, useRef as w, useEffect as R } from "react";
|
|
5
5
|
import { c as b } from "./index-e0f6271a.js";
|
|
6
6
|
import S from "./Button.js";
|
|
7
|
-
import { useSize as
|
|
7
|
+
import { useSize as T } from "./useSize.js";
|
|
8
8
|
import x from "./Tooltip.js";
|
|
9
9
|
import { B as P } from "./primitive-90e4e69c.js";
|
|
10
|
-
import { useTrackingId as
|
|
10
|
+
import { useTrackingId as W } from "./useTrackingId.js";
|
|
11
11
|
import { M as C } from "./index-439b5871.js";
|
|
12
12
|
import "./LocalizationProvider.js";
|
|
13
13
|
import "./index-d46fa8de-8695742b.js";
|
|
14
14
|
import y from "./Dialog.js";
|
|
15
|
-
import
|
|
16
|
-
import
|
|
15
|
+
import j from "./Popover.js";
|
|
16
|
+
import z from "./Flex.js";
|
|
17
17
|
import H from "./Icon.js";
|
|
18
18
|
const I = "_page_3p54k_7", O = "_container_3p54k_16", A = "_content_3p54k_32", K = "_sidebar_3p54k_41", D = "_panel_3p54k_124", J = "_collapsed_3p54k_160", F = "_open_3p54k_160", G = "_small_3p54k_160", U = "_medium_3p54k_163", V = "_large_3p54k_166", Y = "_noPadding_3p54k_256", a = {
|
|
19
19
|
page: I,
|
|
@@ -42,83 +42,83 @@ const I = "_page_3p54k_7", O = "_container_3p54k_16", A = "_content_3p54k_32", K
|
|
|
42
42
|
};
|
|
43
43
|
function q(...n) {
|
|
44
44
|
return c.useCallback(
|
|
45
|
-
(
|
|
46
|
-
for (let
|
|
47
|
-
const t = n[
|
|
48
|
-
typeof t == "function" ? t(
|
|
45
|
+
(s) => {
|
|
46
|
+
for (let i = 0; i < n.length; i++) {
|
|
47
|
+
const t = n[i];
|
|
48
|
+
typeof t == "function" ? t(s) : t && typeof t == "object" && (t.current = s);
|
|
49
49
|
}
|
|
50
50
|
},
|
|
51
51
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
52
52
|
n
|
|
53
53
|
);
|
|
54
54
|
}
|
|
55
|
-
const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z" })), X = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" })), Z = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z" })), $ = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.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" })), ee = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0z" })), te =
|
|
56
|
-
const { children:
|
|
57
|
-
return /* @__PURE__ */ e.jsx("div", { className: a.page, ref:
|
|
58
|
-
}), E =
|
|
59
|
-
(n,
|
|
60
|
-
var
|
|
55
|
+
const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z" })), X = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" })), Z = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z" })), $ = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.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" })), ee = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0z" })), te = f((n, s) => {
|
|
56
|
+
const { children: i, ...t } = n;
|
|
57
|
+
return /* @__PURE__ */ e.jsx("div", { className: a.page, ref: s, ...t, children: /* @__PURE__ */ e.jsx("div", { className: a.container, children: i }) });
|
|
58
|
+
}), E = M(null), ne = f(
|
|
59
|
+
(n, s) => {
|
|
60
|
+
var N;
|
|
61
61
|
const {
|
|
62
|
-
children:
|
|
62
|
+
children: i,
|
|
63
63
|
className: t,
|
|
64
|
-
currentPageTitle:
|
|
64
|
+
currentPageTitle: m,
|
|
65
65
|
localStorageKey: l = "sidebar-collapsed",
|
|
66
|
-
...
|
|
67
|
-
} = n,
|
|
66
|
+
...g
|
|
67
|
+
} = n, _ = {
|
|
68
68
|
localStorageKey: l
|
|
69
|
-
}, { breakpoint: r } =
|
|
69
|
+
}, { breakpoint: r } = k(C), d = W({
|
|
70
70
|
name: "PageSidebarButton",
|
|
71
|
-
data:
|
|
71
|
+
data: _,
|
|
72
72
|
hasOverride: !!n["data-tracking-id"]
|
|
73
|
-
}), [o, u] =
|
|
74
|
-
const
|
|
75
|
-
return
|
|
76
|
-
}),
|
|
73
|
+
}), [o, u] = L(() => {
|
|
74
|
+
const p = localStorage.getItem(l);
|
|
75
|
+
return p ? JSON.parse(p) : !1;
|
|
76
|
+
}), v = b([a.sidebar], t, {
|
|
77
77
|
[a.collapsed]: o
|
|
78
|
-
}),
|
|
79
|
-
u((
|
|
80
|
-
}, B = +(((
|
|
81
|
-
return ((r == null ? void 0 : r.innerWidth) ?? 0) < B ? /* @__PURE__ */ e.jsxs(
|
|
82
|
-
/* @__PURE__ */ e.jsx(
|
|
78
|
+
}), h = () => {
|
|
79
|
+
u((p) => (localStorage.setItem(l, JSON.stringify(!p)), !p));
|
|
80
|
+
}, B = +(((N = P) == null ? void 0 : N.value.replace("px", "")) ?? 0);
|
|
81
|
+
return ((r == null ? void 0 : r.innerWidth) ?? 0) < B ? /* @__PURE__ */ e.jsxs(j, { fillAvailableHeight: !0, matchReferenceWidth: !0, noPadding: !0, disableCaret: !0, children: [
|
|
82
|
+
/* @__PURE__ */ e.jsx(j.Trigger, { children: (p) => (typeof document < "u" && (p["data-state"] === "open" ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto"), /* @__PURE__ */ e.jsx("div", { className: a["sidebar-adaptive-trigger-container"], children: /* @__PURE__ */ e.jsxs(
|
|
83
83
|
S,
|
|
84
84
|
{
|
|
85
85
|
className: a["sidebar-adaptive-trigger"],
|
|
86
86
|
icon: Z,
|
|
87
87
|
appearance: "ghost",
|
|
88
|
-
...
|
|
88
|
+
...p,
|
|
89
89
|
children: [
|
|
90
|
-
|
|
90
|
+
m || "Menu",
|
|
91
91
|
/* @__PURE__ */ e.jsx(
|
|
92
92
|
H,
|
|
93
93
|
{
|
|
94
94
|
flexGrow: "1",
|
|
95
95
|
justifyContent: "end",
|
|
96
|
-
svg:
|
|
96
|
+
svg: p["data-state"] === "open" ? ee : $
|
|
97
97
|
}
|
|
98
98
|
)
|
|
99
99
|
]
|
|
100
100
|
}
|
|
101
101
|
) })) }),
|
|
102
|
-
/* @__PURE__ */ e.jsx(
|
|
103
|
-
|
|
102
|
+
/* @__PURE__ */ e.jsx(j.Content, { className: a["sidebar-adaptive-container"], children: /* @__PURE__ */ e.jsx(
|
|
103
|
+
z,
|
|
104
104
|
{
|
|
105
105
|
direction: "column",
|
|
106
106
|
className: a["sidebar-adaptive"],
|
|
107
|
-
ref:
|
|
108
|
-
children:
|
|
107
|
+
ref: s,
|
|
108
|
+
children: i
|
|
109
109
|
}
|
|
110
110
|
) })
|
|
111
|
-
] }) : /* @__PURE__ */ e.jsx(E.Provider, { value: { collapsed: o }, children: /* @__PURE__ */ e.jsxs("div", { className:
|
|
112
|
-
/* @__PURE__ */ e.jsx("div", { className: a["sidebar-inner"], "aria-hidden": o, children: /* @__PURE__ */ e.jsx("div", { children:
|
|
111
|
+
] }) : /* @__PURE__ */ e.jsx(E.Provider, { value: { collapsed: o }, children: /* @__PURE__ */ e.jsxs("div", { className: v, ref: s, ...g, children: [
|
|
112
|
+
/* @__PURE__ */ e.jsx("div", { className: a["sidebar-inner"], "aria-hidden": o, children: /* @__PURE__ */ e.jsx("div", { children: i }) }),
|
|
113
113
|
/* @__PURE__ */ e.jsx("div", { className: a["toggle-button-wrapper"], children: /* @__PURE__ */ e.jsxs(x, { placement: "right", children: [
|
|
114
114
|
/* @__PURE__ */ e.jsx(x.Trigger, { className: a["toggle-button-tooltip"], children: /* @__PURE__ */ e.jsx(
|
|
115
115
|
S,
|
|
116
116
|
{
|
|
117
117
|
size: "small",
|
|
118
|
-
onClick:
|
|
118
|
+
onClick: h,
|
|
119
119
|
className: a["toggle-button"],
|
|
120
120
|
"aria-label": o ? "Open Sidebar" : "Close Sidebar",
|
|
121
|
-
"data-tracking-id":
|
|
121
|
+
"data-tracking-id": d,
|
|
122
122
|
icon: o ? Q : X
|
|
123
123
|
}
|
|
124
124
|
) }),
|
|
@@ -126,38 +126,51 @@ const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
|
|
|
126
126
|
] }) })
|
|
127
127
|
] }) });
|
|
128
128
|
}
|
|
129
|
-
), ae =
|
|
130
|
-
(n,
|
|
131
|
-
const { children:
|
|
132
|
-
return /* @__PURE__ */ e.jsx("div", { className:
|
|
129
|
+
), ae = f(
|
|
130
|
+
(n, s) => {
|
|
131
|
+
const { children: i, className: t, ...m } = n, l = k(E), g = b([a["sidebar-header"]], t);
|
|
132
|
+
return /* @__PURE__ */ e.jsx("div", { className: g, ref: s, ...m, children: /* @__PURE__ */ e.jsx(
|
|
133
133
|
"div",
|
|
134
134
|
{
|
|
135
135
|
className: a["header-content"],
|
|
136
136
|
"aria-hidden": l == null ? void 0 : l.collapsed,
|
|
137
|
-
children:
|
|
137
|
+
children: i
|
|
138
138
|
}
|
|
139
139
|
) });
|
|
140
140
|
}
|
|
141
|
-
), re =
|
|
142
|
-
(n,
|
|
143
|
-
const { children:
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
141
|
+
), re = f(
|
|
142
|
+
(n, s) => {
|
|
143
|
+
const { children: i, className: t, ...m } = n, l = b([a.content], t), g = w(null), _ = w(null), r = T(g), d = w(!0);
|
|
144
|
+
R(() => {
|
|
145
|
+
if (typeof window > "u" || !d.current)
|
|
146
|
+
return;
|
|
147
|
+
function u() {
|
|
148
|
+
var h;
|
|
149
|
+
const v = window.scrollY;
|
|
150
|
+
(h = _.current) == null || h.scrollTo(0, v ?? 0);
|
|
149
151
|
}
|
|
150
|
-
return window.addEventListener("scroll",
|
|
151
|
-
window.removeEventListener("scroll",
|
|
152
|
+
return window.addEventListener("scroll", u, { passive: !0 }), () => {
|
|
153
|
+
window.removeEventListener("scroll", u);
|
|
152
154
|
};
|
|
153
|
-
}, [])
|
|
154
|
-
|
|
155
|
+
}, []);
|
|
156
|
+
function o(u) {
|
|
157
|
+
typeof window > "u" || d.current || window.scrollTo(0, u.target.scrollTop);
|
|
158
|
+
}
|
|
159
|
+
return /* @__PURE__ */ e.jsxs("main", { className: l, ref: q(g, s), ...m, children: [
|
|
160
|
+
/* @__PURE__ */ e.jsx("div", { className: a["content-inner"], children: i }),
|
|
155
161
|
/* @__PURE__ */ e.jsx(
|
|
156
162
|
"div",
|
|
157
163
|
{
|
|
158
164
|
className: a["virtual-scroll-container"],
|
|
159
|
-
ref:
|
|
165
|
+
ref: _,
|
|
160
166
|
style: { left: r && (r == null ? void 0 : r.left) + (r == null ? void 0 : r.width) },
|
|
167
|
+
onScrollCapture: o,
|
|
168
|
+
onMouseEnter: () => {
|
|
169
|
+
d.current = !1;
|
|
170
|
+
},
|
|
171
|
+
onMouseLeave: () => {
|
|
172
|
+
d.current = !0;
|
|
173
|
+
},
|
|
161
174
|
children: /* @__PURE__ */ e.jsx(
|
|
162
175
|
"div",
|
|
163
176
|
{
|
|
@@ -168,47 +181,47 @@ const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
|
|
|
168
181
|
)
|
|
169
182
|
] });
|
|
170
183
|
}
|
|
171
|
-
),
|
|
172
|
-
(n,
|
|
173
|
-
var
|
|
184
|
+
), ie = f(
|
|
185
|
+
(n, s) => {
|
|
186
|
+
var h;
|
|
174
187
|
const {
|
|
175
|
-
children:
|
|
188
|
+
children: i,
|
|
176
189
|
open: t,
|
|
177
|
-
size:
|
|
190
|
+
size: m = "medium",
|
|
178
191
|
noPadding: l,
|
|
179
|
-
style:
|
|
180
|
-
className:
|
|
192
|
+
style: g,
|
|
193
|
+
className: _,
|
|
181
194
|
...r
|
|
182
|
-
} = n,
|
|
195
|
+
} = n, d = b([a.panel], [a[m]], _, {
|
|
183
196
|
[a.open]: typeof t > "u" ? !0 : t,
|
|
184
197
|
[a.persistent]: typeof t > "u",
|
|
185
198
|
[a.noPadding]: l
|
|
186
|
-
}), { breakpoint: o } =
|
|
187
|
-
return typeof t < "u" &&
|
|
199
|
+
}), { breakpoint: o } = k(C), u = +(((h = P) == null ? void 0 : h.value.replace("px", "")) ?? 0), v = (o == null ? void 0 : o.innerWidth) ?? 0;
|
|
200
|
+
return typeof t < "u" && v < u ? /* @__PURE__ */ e.jsx(y, { open: t, children: /* @__PURE__ */ e.jsx(y.Content, { children: /* @__PURE__ */ e.jsx(
|
|
188
201
|
"div",
|
|
189
202
|
{
|
|
190
|
-
className:
|
|
203
|
+
className: d,
|
|
191
204
|
"aria-hidden": !t,
|
|
192
205
|
"aria-disabled": !t,
|
|
193
|
-
ref:
|
|
206
|
+
ref: s,
|
|
194
207
|
...r,
|
|
195
|
-
children:
|
|
208
|
+
children: i
|
|
196
209
|
}
|
|
197
210
|
) }) }) : /* @__PURE__ */ e.jsx(
|
|
198
211
|
"div",
|
|
199
212
|
{
|
|
200
|
-
className:
|
|
213
|
+
className: d,
|
|
201
214
|
"aria-hidden": !t,
|
|
202
215
|
"aria-disabled": !t,
|
|
203
|
-
ref:
|
|
216
|
+
ref: s,
|
|
204
217
|
...r,
|
|
205
218
|
children: /* @__PURE__ */ e.jsx(
|
|
206
219
|
"div",
|
|
207
220
|
{
|
|
208
221
|
className: a["panel-inner"],
|
|
209
222
|
tabIndex: typeof t < "u" && t ? 0 : -1,
|
|
210
|
-
style:
|
|
211
|
-
children: /* @__PURE__ */ e.jsx("div", { children:
|
|
223
|
+
style: g,
|
|
224
|
+
children: /* @__PURE__ */ e.jsx("div", { children: i })
|
|
212
225
|
}
|
|
213
226
|
)
|
|
214
227
|
}
|
|
@@ -218,12 +231,12 @@ const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
|
|
|
218
231
|
Sidebar: ne,
|
|
219
232
|
SidebarHeader: ae,
|
|
220
233
|
Content: re,
|
|
221
|
-
Panel:
|
|
234
|
+
Panel: ie
|
|
222
235
|
});
|
|
223
236
|
export {
|
|
224
237
|
ke as Page,
|
|
225
238
|
re as PageContent,
|
|
226
|
-
|
|
239
|
+
ie as PagePanel,
|
|
227
240
|
ne as PageSidebar,
|
|
228
241
|
ae as PageSidebarHeader,
|
|
229
242
|
ke as default
|
package/Page.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_left.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/segment.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n return React.useCallback(element => {\n for (let i = 0; i < refs.length; i++) {\n const ref = refs[i];\n if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n }\n }, // eslint-disable-next-line react-hooks/exhaustive-deps\n refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMThoMTBjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFIMTBjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDF6TTMgN2MwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUg0Yy0uNTUgMC0xIC40NS0xIDF6bTcgNmgxMGMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUgxMGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiA5LjI5IDEyIDEzLjE3bDMuODgtMy44OGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFsLTQuNTkgNC41OWEuOTk2Ljk5NiAwIDAgMS0xLjQxIDBMNi43IDEwLjdhLjk5Ni45OTYgMCAwIDEgMC0xLjQxYy4zOS0uMzggMS4wMy0uMzkgMS40MiAweiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiAxNC43MSAxMiAxMC44M2wzLjg4IDMuODhhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEyLjcgOC43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMNi43IDEzLjNhLjk5Ni45OTYgMCAwIDAgMCAxLjQxYy4zOS4zOCAxLjAzLjM5IDEuNDIgMHoiLz48L3N2Zz4=\"","import {\n ComponentPropsWithoutRef,\n Ref,\n createContext,\n forwardRef,\n useContext,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n AnvilProviderContext,\n AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n const { children, ...rest } = props;\n\n return (\n <div className={styles[\"page\"]} ref={ref} {...rest}>\n <div className={styles[\"container\"]}>{children}</div>\n </div>\n );\n});\n\ntype PageSideBarContextProps = {\n collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n localStorageKey?: string;\n [\"data-tracking-id\"]?: string;\n currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n className,\n currentPageTitle,\n localStorageKey = \"sidebar-collapsed\",\n ...rest\n } = props;\n\n const data = {\n localStorageKey,\n };\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const trackingId = useTrackingId({\n name: \"PageSidebarButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n const [collapsed, setCollapsed] = useState<boolean>(() => {\n // getting stored value\n const sidebarState = localStorage.getItem(localStorageKey);\n return sidebarState ? JSON.parse(sidebarState) : false;\n });\n const classNames = cx([styles[\"sidebar\"]], className, {\n [styles[\"collapsed\"]]: collapsed,\n });\n const onToggleButtonClick = () => {\n setCollapsed((prev) => {\n localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n return !prev;\n });\n };\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (innerWidth < breakpointWidth) {\n return (\n <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n <Popover.Trigger>\n {(props) => {\n if (typeof document !== \"undefined\") {\n props[\"data-state\"] === \"open\"\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"auto\");\n }\n return (\n <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n <Button\n className={styles[\"sidebar-adaptive-trigger\"]}\n icon={SegmentSVG}\n appearance=\"ghost\"\n {...props}\n >\n {!currentPageTitle ? \"Menu\" : currentPageTitle}\n <Icon\n flexGrow=\"1\"\n justifyContent=\"end\"\n svg={\n props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n }\n />\n </Button>\n </div>\n );\n }}\n </Popover.Trigger>\n <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n <Flex\n direction=\"column\"\n className={styles[\"sidebar-adaptive\"]}\n ref={ref}\n >\n {children}\n </Flex>\n </Popover.Content>\n </Popover>\n );\n }\n\n return (\n <PageSideBarContext.Provider value={{ collapsed }}>\n <div className={classNames} ref={ref} {...rest}>\n <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n <div>{children}</div>\n </div>\n <div className={styles[\"toggle-button-wrapper\"]}>\n <Tooltip placement=\"right\">\n <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n <Button\n size=\"small\"\n onClick={onToggleButtonClick}\n className={styles[\"toggle-button\"]}\n aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n data-tracking-id={trackingId}\n icon={collapsed ? OpenSVG : CloseSVG}\n />\n </Tooltip.Trigger>\n <Tooltip.Content>\n {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n </Tooltip.Content>\n </Tooltip>\n </div>\n </div>\n </PageSideBarContext.Provider>\n );\n }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n const { children, className, ...rest } = props;\n const context = useContext(PageSideBarContext);\n const classNames = cx([styles[\"sidebar-header\"]], className);\n\n return (\n <div className={classNames} ref={ref} {...rest}>\n <div\n className={styles[\"header-content\"]}\n aria-hidden={context?.collapsed}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n const { children, className, ...rest } = props;\n const classNames = cx([styles[\"content\"]], className);\n const mainRef = useRef<HTMLAreaElement>(null);\n const virtualScrollRef = useRef<HTMLDivElement>(null);\n const size = useSize(mainRef);\n\n useEffect(() => {\n function updatePosition() {\n const newValue = window.scrollY;\n\n virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n }\n window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n return () => {\n window.removeEventListener(\"scroll\", updatePosition);\n };\n }, []);\n\n return (\n <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n <div className={styles[\"content-inner\"]}>{children}</div>\n <div\n className={styles[\"virtual-scroll-container\"]}\n ref={virtualScrollRef}\n style={{ left: size && size?.left + size?.width }}\n >\n <div\n style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n />\n </div>\n </main>\n );\n }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n open?: boolean;\n size?: \"small\" | \"medium\" | \"large\";\n noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n open,\n size = \"medium\",\n noPadding,\n style,\n className,\n ...rest\n } = props;\n const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n [styles[\"persistent\"]]: typeof open === \"undefined\",\n [styles[\"noPadding\"]]: noPadding,\n });\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n return (\n <Dialog open={open}>\n <Dialog.Content>\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n </Dialog.Content>\n </Dialog>\n );\n }\n return (\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n <div\n className={styles[\"panel-inner\"]}\n tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n style={style}\n >\n <div>{children}</div>\n </div>\n </div>\n );\n }\n);\n\nexport const Page = Object.assign(PageElement, {\n Sidebar: PageSidebar,\n SidebarHeader: PageSidebarHeader,\n Content: PageContent,\n Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React","element","i","ref","SvgChevronRight","props","SvgChevronLeft","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","forwardRef","children","rest","jsxRuntimeExports","styles","PageSideBarContext","createContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","useContext","M","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","cx","onToggleButtonClick","prev","breakpointWidth","_a","BreakpointMd","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","useEffect","updatePosition","newValue","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|
|
1
|
+
{"version":3,"file":"Page.js","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_left.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/segment.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n return React.useCallback(element => {\n for (let i = 0; i < refs.length; i++) {\n const ref = refs[i];\n if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n }\n }, // eslint-disable-next-line react-hooks/exhaustive-deps\n refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMThoMTBjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFIMTBjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDF6TTMgN2MwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUg0Yy0uNTUgMC0xIC40NS0xIDF6bTcgNmgxMGMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUgxMGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiA5LjI5IDEyIDEzLjE3bDMuODgtMy44OGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFsLTQuNTkgNC41OWEuOTk2Ljk5NiAwIDAgMS0xLjQxIDBMNi43IDEwLjdhLjk5Ni45OTYgMCAwIDEgMC0xLjQxYy4zOS0uMzggMS4wMy0uMzkgMS40MiAweiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiAxNC43MSAxMiAxMC44M2wzLjg4IDMuODhhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEyLjcgOC43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMNi43IDEzLjNhLjk5Ni45OTYgMCAwIDAgMCAxLjQxYy4zOS4zOCAxLjAzLjM5IDEuNDIgMHoiLz48L3N2Zz4=\"","import {\n ComponentPropsWithoutRef,\n Ref,\n UIEvent,\n createContext,\n forwardRef,\n useContext,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n AnvilProviderContext,\n AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n const { children, ...rest } = props;\n\n return (\n <div className={styles[\"page\"]} ref={ref} {...rest}>\n <div className={styles[\"container\"]}>{children}</div>\n </div>\n );\n});\n\ntype PageSideBarContextProps = {\n collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n localStorageKey?: string;\n [\"data-tracking-id\"]?: string;\n currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n className,\n currentPageTitle,\n localStorageKey = \"sidebar-collapsed\",\n ...rest\n } = props;\n\n const data = {\n localStorageKey,\n };\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const trackingId = useTrackingId({\n name: \"PageSidebarButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n const [collapsed, setCollapsed] = useState<boolean>(() => {\n // getting stored value\n const sidebarState = localStorage.getItem(localStorageKey);\n return sidebarState ? JSON.parse(sidebarState) : false;\n });\n const classNames = cx([styles[\"sidebar\"]], className, {\n [styles[\"collapsed\"]]: collapsed,\n });\n const onToggleButtonClick = () => {\n setCollapsed((prev) => {\n localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n return !prev;\n });\n };\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (innerWidth < breakpointWidth) {\n return (\n <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n <Popover.Trigger>\n {(props) => {\n if (typeof document !== \"undefined\") {\n props[\"data-state\"] === \"open\"\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"auto\");\n }\n return (\n <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n <Button\n className={styles[\"sidebar-adaptive-trigger\"]}\n icon={SegmentSVG}\n appearance=\"ghost\"\n {...props}\n >\n {!currentPageTitle ? \"Menu\" : currentPageTitle}\n <Icon\n flexGrow=\"1\"\n justifyContent=\"end\"\n svg={\n props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n }\n />\n </Button>\n </div>\n );\n }}\n </Popover.Trigger>\n <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n <Flex\n direction=\"column\"\n className={styles[\"sidebar-adaptive\"]}\n ref={ref}\n >\n {children}\n </Flex>\n </Popover.Content>\n </Popover>\n );\n }\n\n return (\n <PageSideBarContext.Provider value={{ collapsed }}>\n <div className={classNames} ref={ref} {...rest}>\n <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n <div>{children}</div>\n </div>\n <div className={styles[\"toggle-button-wrapper\"]}>\n <Tooltip placement=\"right\">\n <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n <Button\n size=\"small\"\n onClick={onToggleButtonClick}\n className={styles[\"toggle-button\"]}\n aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n data-tracking-id={trackingId}\n icon={collapsed ? OpenSVG : CloseSVG}\n />\n </Tooltip.Trigger>\n <Tooltip.Content>\n {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n </Tooltip.Content>\n </Tooltip>\n </div>\n </div>\n </PageSideBarContext.Provider>\n );\n }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n const { children, className, ...rest } = props;\n const context = useContext(PageSideBarContext);\n const classNames = cx([styles[\"sidebar-header\"]], className);\n\n return (\n <div className={classNames} ref={ref} {...rest}>\n <div\n className={styles[\"header-content\"]}\n aria-hidden={context?.collapsed}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n const { children, className, ...rest } = props;\n const classNames = cx([styles[\"content\"]], className);\n const mainRef = useRef<HTMLAreaElement>(null);\n const virtualScrollRef = useRef<HTMLDivElement>(null);\n const size = useSize(mainRef);\n const blocker = useRef(true);\n\n useEffect(() => {\n if (typeof window === \"undefined\") return;\n if (!blocker.current) return;\n function updatePosition() {\n const newValue = window.scrollY;\n\n virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n }\n window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n return () => {\n window.removeEventListener(\"scroll\", updatePosition);\n };\n }, []);\n\n function scrollBody(e: UIEvent<HTMLElement>) {\n if (typeof window === \"undefined\") return;\n if (blocker.current) return;\n window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\n }\n\n return (\n <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n <div className={styles[\"content-inner\"]}>{children}</div>\n <div\n className={styles[\"virtual-scroll-container\"]}\n ref={virtualScrollRef}\n style={{ left: size && size?.left + size?.width }}\n onScrollCapture={scrollBody}\n onMouseEnter={() => {\n blocker.current = false;\n }}\n onMouseLeave={() => {\n blocker.current = true;\n }}\n >\n <div\n style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n />\n </div>\n </main>\n );\n }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n open?: boolean;\n size?: \"small\" | \"medium\" | \"large\";\n noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n open,\n size = \"medium\",\n noPadding,\n style,\n className,\n ...rest\n } = props;\n const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n [styles[\"persistent\"]]: typeof open === \"undefined\",\n [styles[\"noPadding\"]]: noPadding,\n });\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n return (\n <Dialog open={open}>\n <Dialog.Content>\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n </Dialog.Content>\n </Dialog>\n );\n }\n return (\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n <div\n className={styles[\"panel-inner\"]}\n tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n style={style}\n >\n <div>{children}</div>\n </div>\n </div>\n );\n }\n);\n\nexport const Page = Object.assign(PageElement, {\n Sidebar: PageSidebar,\n SidebarHeader: PageSidebarHeader,\n Content: PageContent,\n Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React","element","ref","SvgChevronRight","props","SvgChevronLeft","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","forwardRef","children","rest","jsxRuntimeExports","styles","PageSideBarContext","createContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","useContext","M","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","cx","onToggleButtonClick","prev","breakpointWidth","_a","BreakpointMd","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","blocker","useEffect","updatePosition","newValue","scrollBody","e","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><path d="M12.6 18.06c-.36.28-.87.28-1.23 0l-6.15-4.78a.99.99 0 0 0-1.22 0 .997.997 0 0 0 0 1.57l6.76 5.26c.72.56 1.73.56 2.46 0l6.76-5.26c.51-.4.51-1.17 0-1.57l-.01-.01a.99.99 0 0 0-1.22 0zm.63-3.02 6.76-5.26c.51-.4.51-1.18 0-1.58l-6.76-5.26c-.72-.56-1.73-.56-2.46 0L4.01 8.21c-.51.4-.51 1.18 0 1.58l6.76 5.26c.72.56 1.74.56 2.46-.01"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M12.6 18.06c-.36.28-.87.28-1.23 0l-6.15-4.78a.99.99 0 0 0-1.22 0 .997.997 0 0 0 0 1.57l6.76 5.26c.72.56 1.73.56 2.46 0l6.76-5.26c.51-.4.51-1.17 0-1.57l-.01-.01a.99.99 0 0 0-1.22 0zm.63-3.02 6.76-5.26c.51-.4.51-1.18 0-1.58l-6.76-5.26c-.72-.56-1.73-.56-2.46 0L4.01 8.21c-.51.4-.51 1.18 0 1.58l6.76 5.26c.72.56 1.74.56 2.46-.01"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
package/assets/icons/st/call.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><path d="m19.23 15.26-2.54-.29a1.99 1.99 0 0 0-1.64.57l-1.84 1.84a15.05 15.05 0 0 1-6.59-6.59l1.85-1.85c.43-.43.64-1.03.57-1.64l-.29-2.52a2 2 0 0 0-1.99-1.77H5.03c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1.01-.75-1.86-1.76-1.98"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="m19.23 15.26-2.54-.29a1.99 1.99 0 0 0-1.64.57l-1.84 1.84a15.05 15.05 0 0 1-6.59-6.59l1.85-1.85c.43-.43.64-1.03.57-1.64l-.29-2.52a2 2 0 0 0-1.99-1.77H5.03c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1.01-.75-1.86-1.76-1.98"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="m19.23 15.26-2.54-.29a1.99 1.99 0 0 0-1.64.57l-1.84 1.84a15.05 15.05 0 0 1-6.59-6.59l1.85-1.85c.43-.43.64-1.03.57-1.64l-.29-2.52a2 2 0 0 0-1.99-1.77H5.03c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1.01-.75-1.86-1.76-1.98M13 11h4c.55 0 1-.45 1-1s-.45-1-1-1h-1.59l4.31-4.31a.996.996 0 1 0-1.41-1.41L14 7.59V6c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m19.23 15.26-2.54-.29a1.99 1.99 0 0 0-1.64.57l-1.84 1.84a15.05 15.05 0 0 1-6.59-6.59l1.85-1.85c.43-.43.64-1.03.57-1.64l-.29-2.52a2 2 0 0 0-1.99-1.77H5.03c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1.01-.75-1.86-1.76-1.98M13 11h4c.55 0 1-.45 1-1s-.45-1-1-1h-1.59l4.31-4.31a.996.996 0 1 0-1.41-1.41L14 7.59V6c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="m19.23 15.26-2.54-.29a1.99 1.99 0 0 0-1.64.57l-1.84 1.84a15.05 15.05 0 0 1-6.59-6.59l1.85-1.85c.43-.43.64-1.03.57-1.64l-.29-2.52a2 2 0 0 0-1.99-1.77H5.03c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1.01-.75-1.86-1.76-1.98"/><path d="M19.013 2.988h-4c-.55 0-1 .45-1 1s.45 1 1 1h1.59l-4.31 4.31a.996.996 0 1 0 1.41 1.41l4.31-4.31v1.59c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m19.23 15.26-2.54-.29a1.99 1.99 0 0 0-1.64.57l-1.84 1.84a15.05 15.05 0 0 1-6.59-6.59l1.85-1.85c.43-.43.64-1.03.57-1.64l-.29-2.52a2 2 0 0 0-1.99-1.77H5.03c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1.01-.75-1.86-1.76-1.98"/><path d="M19.013 2.988h-4c-.55 0-1 .45-1 1s.45 1 1 1h1.59l-4.31 4.31a.996.996 0 1 0 1.41 1.41l4.31-4.31v1.59c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><path d="M17 16c-.55 0-1-.45-1-1H8c0 .55-.45 1-1 1s-1-.45-1-1H2v3c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-3h-4c0 .55-.45 1-1 1M20 8h-3V6c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v4h4v-1c0-.55.45-1 1-1s1 .45 1 1v1h8v-1c0-.55.45-1 1-1s1 .45 1 1v1h4v-4c0-1.1-.9-2-2-2m-5 0H9V6h6z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M17 16c-.55 0-1-.45-1-1H8c0 .55-.45 1-1 1s-1-.45-1-1H2v3c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-3h-4c0 .55-.45 1-1 1M20 8h-3V6c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v4h4v-1c0-.55.45-1 1-1s1 .45 1 1v1h8v-1c0-.55.45-1 1-1s1 .45 1 1v1h4v-4c0-1.1-.9-2-2-2m-5 0H9V6h6z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><path d="m21.41 11.58-8.995-8.995A2.01 2.01 0 0 0 11 2H4a2 2 0 0 0-2 2v7c0 .555.225 1.055.59 1.415l9 9c.36.36.86.585 1.41.585s1.055-.225 1.415-.585l7-7c.36-.365.585-.865.585-1.415 0-.555-.225-1.055-.59-1.42M5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="m21.41 11.58-8.995-8.995A2.01 2.01 0 0 0 11 2H4a2 2 0 0 0-2 2v7c0 .555.225 1.055.59 1.415l9 9c.36.36.86.585 1.41.585s1.055-.225 1.415-.585l7-7c.36-.365.585-.865.585-1.415 0-.555-.225-1.055-.59-1.42M5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
package/assets/icons/st/form.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M14 1H5.2a2.19 2.19 0 0 0-2.189 2.2L3 20.8c0 1.215.974 2.2 2.189 2.2H18.4a2.2 2.2 0 0 0 2.2-2.2V7.6zm2.2 17.6H7.4v-2.2h8.8zm0-4.4H7.4V12h8.8zm-3.3-5.5V2.65l6.05 6.05z"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 1H5.2a2.19 2.19 0 0 0-2.189 2.2L3 20.8c0 1.215.974 2.2 2.189 2.2H18.4a2.2 2.2 0 0 0 2.2-2.2V7.6zm2.2 17.6H7.4v-2.2h8.8zm0-4.4H7.4V12h8.8zm-3.3-5.5V2.65l6.05 6.05z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M14 1H5.2c-1.21 0-2.189.99-2.189 2.2L3 20.8c0 1.21.979 2.2 2.189 2.2H18.4c1.21 0 2.2-.99 2.2-2.2V7.6zm1.1 11h-4.4v1.1H14c.605 0 1.1.495 1.1 1.1v3.3c0 .605-.495 1.1-1.1 1.1h-1.1v1.1h-2.2v-1.1H8.5v-2.2h4.4v-1.1H9.6c-.605 0-1.1-.495-1.1-1.1v-3.3c0-.605.495-1.1 1.1-1.1h1.1V8.7h2.2v1.1h2.2zm-2.2-4.4V2.65l4.95 4.95z"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 1H5.2c-1.21 0-2.189.99-2.189 2.2L3 20.8c0 1.21.979 2.2 2.189 2.2H18.4c1.21 0 2.2-.99 2.2-2.2V7.6zm1.1 11h-4.4v1.1H14c.605 0 1.1.495 1.1 1.1v3.3c0 .605-.495 1.1-1.1 1.1h-1.1v1.1h-2.2v-1.1H8.5v-2.2h4.4v-1.1H9.6c-.605 0-1.1-.495-1.1-1.1v-3.3c0-.605.495-1.1 1.1-1.1h1.1V8.7h2.2v1.1h2.2zm-2.2-4.4V2.65l4.95 4.95z"/></svg>
|
package/assets/icons/st/job.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><path d="M12.09 2.91C10.08.9 7.07.49 4.65 1.67L8.28 5.3c.39.39.39 1.02 0 1.41L6.69 8.3c-.39.4-1.02.4-1.41 0L1.65 4.67C.48 7.1.89 10.09 2.9 12.1a6.51 6.51 0 0 0 6.89 1.48l7.96 7.96a2.613 2.613 0 0 0 3.71 0 2.613 2.613 0 0 0 0-3.71L13.54 9.9c.92-2.34.44-5.1-1.45-6.99"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M12.09 2.91C10.08.9 7.07.49 4.65 1.67L8.28 5.3c.39.39.39 1.02 0 1.41L6.69 8.3c-.39.4-1.02.4-1.41 0L1.65 4.67C.48 7.1.89 10.09 2.9 12.1a6.51 6.51 0 0 0 6.89 1.48l7.96 7.96a2.613 2.613 0 0 0 3.71 0 2.613 2.613 0 0 0 0-3.71L13.54 9.9c.92-2.34.44-5.1-1.45-6.99"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M21 42h-1.91a.98.98 0 0 1-.967-.798l-.732-5.035a15 15 0 0 1-3.3-1.872l-4.863 1.91a.98.98 0 0 1-1.191-.408L4.13 29.213a.93.93 0 0 1 .234-1.216l4.12-3.145A15 15 0 0 1 8.35 23c0-.627.059-1.244.137-1.852l-4.12-3.145a.934.934 0 0 1-.235-1.216l3.906-6.583c.244-.409.752-.57 1.19-.409l4.863 1.91a14.6 14.6 0 0 1 3.3-1.872l.733-5.035A.98.98 0 0 1 19.089 4h7.812c.488 0 .888.351.976.798l.732 5.035a15 15 0 0 1 3.3 1.871l4.863-1.909a.98.98 0 0 1 1.191.409l3.906 6.583a.93.93 0 0 1-.234 1.216L37.698 21h-8.182c-.871-2.697-3.459-4.65-6.52-4.65-3.78 0-6.836 2.973-6.836 6.65 0 3.001 2.037 5.534 4.84 6.363z"/><path d="M24.875 43.125A2.9 2.9 0 0 0 27 44h14q1.25 0 2.125-.875A2.9 2.9 0 0 0 44 41V27q0-1.25-.875-2.125A2.9 2.9 0 0 0 41 24H27q-1.25 0-2.125.875A2.9 2.9 0 0 0 24 27v14q0 1.25.875 2.125m1.982-1.982V39.59a9.5 9.5 0 0 1 3.112-2.404q1.837-.9 4.03-.899 2.195 0 4.032.899 1.836.898 3.112 2.404v1.554zM34 34.286a3.03 3.03 0 0 0 2.226-.917 3.03 3.03 0 0 0 .917-2.226q0-1.31-.917-2.226A3.03 3.03 0 0 0 34 28a3.03 3.03 0 0 0-2.226.917 3.03 3.03 0 0 0-.917 2.226q0 1.31.917 2.226a3.03 3.03 0 0 0 2.226.917"/></g><defs><clipPath id="a"><path d="M0 0h48v48H0z"/></clipPath></defs></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M21 42h-1.91a.98.98 0 0 1-.967-.798l-.732-5.035a15 15 0 0 1-3.3-1.872l-4.863 1.91a.98.98 0 0 1-1.191-.408L4.13 29.213a.93.93 0 0 1 .234-1.216l4.12-3.145A15 15 0 0 1 8.35 23c0-.627.059-1.244.137-1.852l-4.12-3.145a.934.934 0 0 1-.235-1.216l3.906-6.583c.244-.409.752-.57 1.19-.409l4.863 1.91a14.6 14.6 0 0 1 3.3-1.872l.733-5.035A.98.98 0 0 1 19.089 4h7.812c.488 0 .888.351.976.798l.732 5.035a15 15 0 0 1 3.3 1.871l4.863-1.909a.98.98 0 0 1 1.191.409l3.906 6.583a.93.93 0 0 1-.234 1.216L37.698 21h-8.182c-.871-2.697-3.459-4.65-6.52-4.65-3.78 0-6.836 2.973-6.836 6.65 0 3.001 2.037 5.534 4.84 6.363z"/><path d="M24.875 43.125A2.9 2.9 0 0 0 27 44h14q1.25 0 2.125-.875A2.9 2.9 0 0 0 44 41V27q0-1.25-.875-2.125A2.9 2.9 0 0 0 41 24H27q-1.25 0-2.125.875A2.9 2.9 0 0 0 24 27v14q0 1.25.875 2.125m1.982-1.982V39.59a9.5 9.5 0 0 1 3.112-2.404q1.837-.9 4.03-.899 2.195 0 4.032.899 1.836.898 3.112 2.404v1.554zM34 34.286a3.03 3.03 0 0 0 2.226-.917 3.03 3.03 0 0 0 .917-2.226q0-1.31-.917-2.226A3.03 3.03 0 0 0 34 28a3.03 3.03 0 0 0-2.226.917 3.03 3.03 0 0 0-.917 2.226q0 1.31.917 2.226a3.03 3.03 0 0 0 2.226.917"/></g><defs><clipPath id="a"><path d="M0 0h48v48H0z"/></clipPath></defs></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M11.7 1A7.7 7.7 0 0 0 4 8.7C4 14.475 11.7 23 11.7 23s7.7-8.525 7.7-14.3c0-4.251-3.448-7.7-7.7-7.7m0 10.45a2.751 2.751 0 0 1 0-5.5 2.751 2.751 0 0 1 0 5.5"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.7 1A7.7 7.7 0 0 0 4 8.7C4 14.475 11.7 23 11.7 23s7.7-8.525 7.7-14.3c0-4.251-3.448-7.7-7.7-7.7m0 10.45a2.751 2.751 0 0 1 0-5.5 2.751 2.751 0 0 1 0 5.5"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M11.8 11.525 10.125 12.8q-.124.1-.262 0t-.088-.25l.65-2.075L8.7 9.125q-.125-.1-.075-.25t.225-.15h2.075l.65-2.05q.05-.15.225-.15t.225.15l.65 2.05h2.075q.175 0 .225.15t-.075.25l-1.725 1.35.65 2.075q.05.15-.087.25-.138.1-.263 0zm0 9.675-4.325.95a.84.84 0 0 1-.762-.175.86.86 0 0 1-.338-.7V15.4Q5.3 14.475 4.65 12.925A8 8 0 0 1 4 9.8q0-3.25 2.275-5.525T11.8 2t5.525 2.275T19.6 9.8q0 1.6-.6 3.137-.6 1.539-1.8 2.488v5.85a.86.86 0 0 1-.337.7.84.84 0 0 1-.763.175zm0-5.4q2.5 0 4.25-1.75T17.8 9.8t-1.75-4.25T11.8 3.8 7.55 5.55 5.8 9.8t1.75 4.25 4.25 1.75"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.8 11.525 10.125 12.8q-.124.1-.262 0t-.088-.25l.65-2.075L8.7 9.125q-.125-.1-.075-.25t.225-.15h2.075l.65-2.05q.05-.15.225-.15t.225.15l.65 2.05h2.075q.175 0 .225.15t-.075.25l-1.725 1.35.65 2.075q.05.15-.087.25-.138.1-.263 0zm0 9.675-4.325.95a.84.84 0 0 1-.762-.175.86.86 0 0 1-.338-.7V15.4Q5.3 14.475 4.65 12.925A8 8 0 0 1 4 9.8q0-3.25 2.275-5.525T11.8 2t5.525 2.275T19.6 9.8q0 1.6-.6 3.137-.6 1.539-1.8 2.488v5.85a.86.86 0 0 1-.337.7.84.84 0 0 1-.763.175zm0-5.4q2.5 0 4.25-1.75T17.8 9.8t-1.75-4.25T11.8 3.8 7.55 5.55 5.8 9.8t1.75 4.25 4.25 1.75"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12 1C5.923 1 1 5.923 1 12c0 6.078 4.923 11 11 11 6.078 0 11-4.922 11-11 0-6.077-4.922-11-11-11m1.556 17.699V20.8h-2.931v-2.123c-1.876-.401-3.481-1.606-3.597-3.745h2.15c.11 1.155.902 2.051 2.915 2.051 2.162 0 2.64-1.078 2.64-1.749 0-.908-.489-1.771-2.931-2.354-2.728-.655-4.598-1.782-4.598-4.037 0-1.886 1.523-3.118 3.421-3.531V3.2h2.932v2.14c2.045.5 3.068 2.046 3.14 3.723H14.53c-.06-1.221-.704-2.052-2.442-2.052-1.65 0-2.64.743-2.64 1.81 0 .93.715 1.524 2.932 2.101 2.221.577 4.597 1.523 4.597 4.301 0 2.007-1.517 3.113-3.42 3.476"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 1C5.923 1 1 5.923 1 12c0 6.078 4.923 11 11 11 6.078 0 11-4.922 11-11 0-6.077-4.922-11-11-11m1.556 17.699V20.8h-2.931v-2.123c-1.876-.401-3.481-1.606-3.597-3.745h2.15c.11 1.155.902 2.051 2.915 2.051 2.162 0 2.64-1.078 2.64-1.749 0-.908-.489-1.771-2.931-2.354-2.728-.655-4.598-1.782-4.598-4.037 0-1.886 1.523-3.118 3.421-3.531V3.2h2.932v2.14c2.045.5 3.068 2.046 3.14 3.723H14.53c-.06-1.221-.704-2.052-2.442-2.052-1.65 0-2.64.743-2.64 1.81 0 .93.715 1.524 2.932 2.101 2.221.577 4.597 1.523 4.597 4.301 0 2.007-1.517 3.113-3.42 3.476"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12.23 1.671c0-.37-.275-.671-.615-.671S11 1.3 11 1.671V4.33c0 .37.275.671.615.671s.615-.3.615-.671zM1.616 11.77a.615.615 0 1 0 0 1.23h2.438a.615.615 0 1 0 0-1.23zM5.11 4.238a.616.616 0 1 0-.872.872l1.725 1.725a.616.616 0 0 0 .872-.871zM19.77 5.1a.616.616 0 0 0-.872-.872l-1.726 1.726a.616.616 0 1 0 .872.871zM19.946 11.77a.615.615 0 1 0 0 1.23h2.438a.615.615 0 1 0 0-1.23zM4.255 18.918a.616.616 0 1 0 .871.872l1.726-1.726a.616.616 0 1 0-.872-.872zM18.928 19.777a.616.616 0 0 0 .872-.872l-1.726-1.726a.616.616 0 0 0-.872.872z"/><path fill-rule="evenodd" d="M12.003 6c.39 0 .775.043 1.148.115C15.915 6.656 18 9.117 18 12.064c0 2.023-.98 3.815-2.482 4.915-.685.498-1.117 1.27-1.117 2.126v.808H9.593V19.1c0-.85-.438-1.622-1.117-2.12A6.07 6.07 0 0 1 6 12.064c0-3.032 2.205-5.548 5.084-5.991l.024-.003.024-.003.288-.037q.287-.029.583-.03m-1.652 17a.763.763 0 0 1-.758-.772v-1.1h4.808v1.1a.77.77 0 0 1-.764.772zm2.369-7.306v.975h-1.36v-.985c-.871-.186-1.617-.745-1.67-1.739h.998c.05.537.418.953 1.353.953 1.003 0 1.225-.5 1.225-.812 0-.421-.227-.822-1.36-1.093-1.267-.304-2.135-.827-2.135-1.874 0-.875.707-1.447 1.588-1.639V8.5h1.36v.993c.95.232 1.425.95 1.459 1.728h-1.006c-.029-.566-.327-.952-1.134-.952-.766 0-1.225.345-1.225.84 0 .431.332.707 1.36.975 1.032.268 2.135.707 2.135 1.997 0 .931-.705 1.445-1.588 1.613" clip-rule="evenodd"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.23 1.671c0-.37-.275-.671-.615-.671S11 1.3 11 1.671V4.33c0 .37.275.671.615.671s.615-.3.615-.671zM1.616 11.77a.615.615 0 1 0 0 1.23h2.438a.615.615 0 1 0 0-1.23zM5.11 4.238a.616.616 0 1 0-.872.872l1.725 1.725a.616.616 0 0 0 .872-.871zM19.77 5.1a.616.616 0 0 0-.872-.872l-1.726 1.726a.616.616 0 1 0 .872.871zM19.946 11.77a.615.615 0 1 0 0 1.23h2.438a.615.615 0 1 0 0-1.23zM4.255 18.918a.616.616 0 1 0 .871.872l1.726-1.726a.616.616 0 1 0-.872-.872zM18.928 19.777a.616.616 0 0 0 .872-.872l-1.726-1.726a.616.616 0 0 0-.872.872z"/><path fill-rule="evenodd" d="M12.003 6c.39 0 .775.043 1.148.115C15.915 6.656 18 9.117 18 12.064c0 2.023-.98 3.815-2.482 4.915-.685.498-1.117 1.27-1.117 2.126v.808H9.593V19.1c0-.85-.438-1.622-1.117-2.12A6.07 6.07 0 0 1 6 12.064c0-3.032 2.205-5.548 5.084-5.991l.024-.003.024-.003.288-.037q.287-.029.583-.03m-1.652 17a.763.763 0 0 1-.758-.772v-1.1h4.808v1.1a.77.77 0 0 1-.764.772zm2.369-7.306v.975h-1.36v-.985c-.871-.186-1.617-.745-1.67-1.739h.998c.05.537.418.953 1.353.953 1.003 0 1.225-.5 1.225-.812 0-.421-.227-.822-1.36-1.093-1.267-.304-2.135-.827-2.135-1.874 0-.875.707-1.447 1.588-1.639V8.5h1.36v.993c.95.232 1.425.95 1.459 1.728h-1.006c-.029-.566-.327-.952-1.134-.952-.766 0-1.225.345-1.225.84 0 .431.332.707 1.36.975 1.032.268 2.135.707 2.135 1.997 0 .931-.705 1.445-1.588 1.613" clip-rule="evenodd"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h6l2 2h8q.824 0 1.413.588Q22 7.175 22 8H4v10l2.4-8h17.1l-2.575 8.575a1.95 1.95 0 0 1-.738 1.038A2 2 0 0 1 19 20z"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h6l2 2h8q.824 0 1.413.588Q22 7.175 22 8H4v10l2.4-8h17.1l-2.575 8.575a1.95 1.95 0 0 1-.738 1.038A2 2 0 0 1 19 20z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><path d="M3 12.04c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2s2-.9 2-2v-7c0-1.1-.9-2-2-2M22.02 20.04l-7.39 2.77c-.4.15-.84.17-1.25.05L7 21.06v-9.02h1.61c.24 0 .47.04.7.13l6.92 2.59c.46.17.77.61.77 1.11 0 .06 0 .11-.01.17-.08.57-.58 1.01-1.17 1.01h-2.63c-.12 0-.24-.02-.36-.07l-1.12-.43c-.26-.1-.55.04-.64.3-.09.25.04.53.3.62l1.48.51c.1.04.22.06.32.06H20c1.12 0 2 .89 2.02 2"/><path fill-rule="evenodd" d="M21 16.04V5.02L17 1H9c-1.1 0-2 .9-2 2v7.04h1.61c.25 0 .51.05.74.14l3.983 1.59h4.417a.75.75 0 0 1 0 1.5h-.66l.05.02c1.13.46 1.86 1.54 1.86 2.75zM15.95 2.08v3.86h3.86zm-5.7 6.69h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 1 1 0-1.5" clip-rule="evenodd"/></g><defs><clipPath id="a"><path d="M1 1h21.02v22.04H1z"/></clipPath></defs></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M3 12.04c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2s2-.9 2-2v-7c0-1.1-.9-2-2-2M22.02 20.04l-7.39 2.77c-.4.15-.84.17-1.25.05L7 21.06v-9.02h1.61c.24 0 .47.04.7.13l6.92 2.59c.46.17.77.61.77 1.11 0 .06 0 .11-.01.17-.08.57-.58 1.01-1.17 1.01h-2.63c-.12 0-.24-.02-.36-.07l-1.12-.43c-.26-.1-.55.04-.64.3-.09.25.04.53.3.62l1.48.51c.1.04.22.06.32.06H20c1.12 0 2 .89 2.02 2"/><path fill-rule="evenodd" d="M21 16.04V5.02L17 1H9c-1.1 0-2 .9-2 2v7.04h1.61c.25 0 .51.05.74.14l3.983 1.59h4.417a.75.75 0 0 1 0 1.5h-.66l.05.02c1.13.46 1.86 1.54 1.86 2.75zM15.95 2.08v3.86h3.86zm-5.7 6.69h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 1 1 0-1.5" clip-rule="evenodd"/></g><defs><clipPath id="a"><path d="M1 1h21.02v22.04H1z"/></clipPath></defs></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V8q0-.824.588-1.412A1.93 1.93 0 0 1 6 6h2q0-1.65 1.175-2.825T12 2t2.825 1.175T16 6h2q.824 0 1.413.588Q20 7.175 20 8v12q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zm4-16h4q0-.824-.588-1.412A1.93 1.93 0 0 0 12 4q-.825 0-1.412.588A1.93 1.93 0 0 0 10 6m5 5q.424 0 .713-.287A.97.97 0 0 0 16 10V8h-2v2q0 .424.287.713.288.287.713.287m-6 0q.424 0 .713-.287A.97.97 0 0 0 10 10V8H8v2q0 .424.287.713Q8.576 11 9 11"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V8q0-.824.588-1.412A1.93 1.93 0 0 1 6 6h2q0-1.65 1.175-2.825T12 2t2.825 1.175T16 6h2q.824 0 1.413.588Q20 7.175 20 8v12q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zm4-16h4q0-.824-.588-1.412A1.93 1.93 0 0 0 12 4q-.825 0-1.412.588A1.93 1.93 0 0 0 10 6m5 5q.424 0 .713-.287A.97.97 0 0 0 16 10V8h-2v2q0 .424.287.713.288.287.713.287m-6 0q.424 0 .713-.287A.97.97 0 0 0 10 10V8H8v2q0 .424.287.713Q8.576 11 9 11"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M21.616 8.28a3.6 3.6 0 0 0-.768-1.152l-3.084-3.084A3.54 3.54 0 0 0 15.244 3q-.846 0-1.584.36c-.468.228-.876.54-1.224.948a4.9 4.9 0 0 0-1.428-.912A4.9 4.9 0 0 0 9.064 3c-.684 0-1.32.132-1.932.396-.6.252-1.14.612-1.608 1.08l-1.56 1.56A4.6 4.6 0 0 0 2.86 7.68c-.24.612-.36 1.26-.36 1.92s.132 1.32.384 1.932c.252.6.624 1.152 1.08 1.608l.672.672s-.012.072-.012.108c0 .276.084.492.264.684.192.18.42.276.684.276.132 0 .264-.036.384-.084a.9.9 0 0 0 .312-.192l4.524-4.56.696.708L6.94 15.3a.9.9 0 0 0-.192.3.8.8 0 0 0-.084.372c0 .264.096.492.276.672a.9.9 0 0 0 .684.276 1 1 0 0 0 .372-.072.9.9 0 0 0 .3-.204l4.548-4.548.672.684-4.524 4.548c-.084.084-.156.18-.216.3a.9.9 0 0 0-.084.372.94.94 0 0 0 .276.696c.18.192.42.276.696.276a.8.8 0 0 0 .384-.084c.108-.06.216-.132.3-.216l4.548-4.524.672.672-4.548 4.56a.935.935 0 0 0-.276.672c0 .264.096.492.276.672s.408.276.672.276a.94.94 0 0 0 .672-.276l8.484-8.52c.324-.336.588-.72.768-1.164.192-.444.276-.912.276-1.392s-.084-.936-.276-1.368m-17.4 2.688A3.3 3.3 0 0 1 3.94 9.6c0-.48.084-.948.264-1.392a3.16 3.16 0 0 1 .78-1.164l1.56-1.548a3.8 3.8 0 0 1 1.152-.78c.432-.18.888-.276 1.368-.276s.948.096 1.38.276a4 4 0 0 1 1.176.78l5.328 5.304c.072.072.144.18.192.312.048.12.072.252.072.384a.9.9 0 0 1-.288.672.95.95 0 0 1-.684.276 1 1 0 0 1-.372-.072.9.9 0 0 1-.3-.204l-4.8-4.824-5.28 5.28-.504-.504a3.5 3.5 0 0 1-.768-1.152"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.616 8.28a3.6 3.6 0 0 0-.768-1.152l-3.084-3.084A3.54 3.54 0 0 0 15.244 3q-.846 0-1.584.36c-.468.228-.876.54-1.224.948a4.9 4.9 0 0 0-1.428-.912A4.9 4.9 0 0 0 9.064 3c-.684 0-1.32.132-1.932.396-.6.252-1.14.612-1.608 1.08l-1.56 1.56A4.6 4.6 0 0 0 2.86 7.68c-.24.612-.36 1.26-.36 1.92s.132 1.32.384 1.932c.252.6.624 1.152 1.08 1.608l.672.672s-.012.072-.012.108c0 .276.084.492.264.684.192.18.42.276.684.276.132 0 .264-.036.384-.084a.9.9 0 0 0 .312-.192l4.524-4.56.696.708L6.94 15.3a.9.9 0 0 0-.192.3.8.8 0 0 0-.084.372c0 .264.096.492.276.672a.9.9 0 0 0 .684.276 1 1 0 0 0 .372-.072.9.9 0 0 0 .3-.204l4.548-4.548.672.684-4.524 4.548c-.084.084-.156.18-.216.3a.9.9 0 0 0-.084.372.94.94 0 0 0 .276.696c.18.192.42.276.696.276a.8.8 0 0 0 .384-.084c.108-.06.216-.132.3-.216l4.548-4.524.672.672-4.548 4.56a.935.935 0 0 0-.276.672c0 .264.096.492.276.672s.408.276.672.276a.94.94 0 0 0 .672-.276l8.484-8.52c.324-.336.588-.72.768-1.164.192-.444.276-.912.276-1.392s-.084-.936-.276-1.368m-17.4 2.688A3.3 3.3 0 0 1 3.94 9.6c0-.48.084-.948.264-1.392a3.16 3.16 0 0 1 .78-1.164l1.56-1.548a3.8 3.8 0 0 1 1.152-.78c.432-.18.888-.276 1.368-.276s.948.096 1.38.276a4 4 0 0 1 1.176.78l5.328 5.304c.072.072.144.18.192.312.048.12.072.252.072.384a.9.9 0 0 1-.288.672.95.95 0 0 1-.684.276 1 1 0 0 1-.372-.072.9.9 0 0 1-.3-.204l-4.8-4.824-5.28 5.28-.504-.504a3.5 3.5 0 0 1-.768-1.152"/></svg>
|
package/assets/icons/st/sms.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M8 11q.424 0 .713-.287A.97.97 0 0 0 9 10a.97.97 0 0 0-.287-.713A.97.97 0 0 0 8 9a.97.97 0 0 0-.713.287A.97.97 0 0 0 7 10q0 .424.287.713Q7.576 11 8 11m4 0q.424 0 .713-.287A.97.97 0 0 0 13 10a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 9a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 10q0 .424.287.713.288.287.713.287m4 0q.424 0 .712-.287A.97.97 0 0 0 17 10a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 9a.97.97 0 0 0-.713.287A.97.97 0 0 0 15 10q0 .424.287.713.288.287.713.287M2 22V4q0-.824.587-1.412A1.93 1.93 0 0 1 4 2h16q.824 0 1.413.587Q22 3.176 22 4v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 18H6z"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 11q.424 0 .713-.287A.97.97 0 0 0 9 10a.97.97 0 0 0-.287-.713A.97.97 0 0 0 8 9a.97.97 0 0 0-.713.287A.97.97 0 0 0 7 10q0 .424.287.713Q7.576 11 8 11m4 0q.424 0 .713-.287A.97.97 0 0 0 13 10a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 9a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 10q0 .424.287.713.288.287.713.287m4 0q.424 0 .712-.287A.97.97 0 0 0 17 10a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 9a.97.97 0 0 0-.713.287A.97.97 0 0 0 15 10q0 .424.287.713.288.287.713.287M2 22V4q0-.824.587-1.412A1.93 1.93 0 0 1 4 2h16q.824 0 1.413.587Q22 3.176 22 4v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 18H6z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M8.713 10.713A.97.97 0 0 1 8 11a.97.97 0 0 1-.713-.287A.97.97 0 0 1 7 10q0-.424.287-.713A.97.97 0 0 1 8 9q.424 0 .713.287Q9 9.576 9 10q0 .424-.287.713m4 0A.97.97 0 0 1 12 11a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 10q0-.424.287-.713A.97.97 0 0 1 12 9q.424 0 .713.287Q13 9.576 13 10q0 .424-.287.713m4.246-.41q.04-.143.041-.303a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 9a.97.97 0 0 0-.713.287A.97.97 0 0 0 15 10q0 .424.287.713.122.12.269.192A7 7 0 0 0 12.07 18H6l-4 4V4q0-.824.587-1.412A1.93 1.93 0 0 1 4 2h16q.824 0 1.413.587Q22 3.176 22 4v6.674A7 7 0 0 0 19 10c-.71 0-1.395.106-2.041.302" clip-rule="evenodd"/><path d="M15 21.013h4c.55 0 1-.45 1-1s-.45-1-1-1h-1.59l4.31-4.31a.996.996 0 1 0-1.41-1.41L16 17.603v-1.59c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M8.713 10.713A.97.97 0 0 1 8 11a.97.97 0 0 1-.713-.287A.97.97 0 0 1 7 10q0-.424.287-.713A.97.97 0 0 1 8 9q.424 0 .713.287Q9 9.576 9 10q0 .424-.287.713m4 0A.97.97 0 0 1 12 11a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 10q0-.424.287-.713A.97.97 0 0 1 12 9q.424 0 .713.287Q13 9.576 13 10q0 .424-.287.713m4.246-.41q.04-.143.041-.303a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 9a.97.97 0 0 0-.713.287A.97.97 0 0 0 15 10q0 .424.287.713.122.12.269.192A7 7 0 0 0 12.07 18H6l-4 4V4q0-.824.587-1.412A1.93 1.93 0 0 1 4 2h16q.824 0 1.413.587Q22 3.176 22 4v6.674A7 7 0 0 0 19 10c-.71 0-1.395.106-2.041.302" clip-rule="evenodd"/><path d="M15 21.013h4c.55 0 1-.45 1-1s-.45-1-1-1h-1.59l4.31-4.31a.996.996 0 1 0-1.41-1.41L16 17.603v-1.59c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M8.713 10.713A.97.97 0 0 1 8 11a.97.97 0 0 1-.713-.287A.97.97 0 0 1 7 10q0-.424.287-.713A.97.97 0 0 1 8 9q.424 0 .713.287Q9 9.576 9 10q0 .424-.287.713m4 0A.97.97 0 0 1 12 11a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 10q0-.424.287-.713A.97.97 0 0 1 12 9q.424 0 .713.287Q13 9.576 13 10q0 .424-.287.713m4.246-.41q.04-.143.041-.303a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 9a.97.97 0 0 0-.713.287A.97.97 0 0 0 15 10q0 .424.287.713.122.12.269.192A7 7 0 0 0 12.07 18H6l-4 4V4q0-.824.587-1.412A1.93 1.93 0 0 1 4 2h16q.824 0 1.413.587Q22 3.176 22 4v6.674A7 7 0 0 0 19 10c-.71 0-1.395.106-2.041.302" clip-rule="evenodd"/><path d="M21.013 13h-4c-.55 0-1 .45-1 1s.45 1 1 1h1.59l-4.31 4.31a.996.996 0 1 0 1.41 1.41l4.31-4.31V18c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M8.713 10.713A.97.97 0 0 1 8 11a.97.97 0 0 1-.713-.287A.97.97 0 0 1 7 10q0-.424.287-.713A.97.97 0 0 1 8 9q.424 0 .713.287Q9 9.576 9 10q0 .424-.287.713m4 0A.97.97 0 0 1 12 11a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 10q0-.424.287-.713A.97.97 0 0 1 12 9q.424 0 .713.287Q13 9.576 13 10q0 .424-.287.713m4.246-.41q.04-.143.041-.303a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 9a.97.97 0 0 0-.713.287A.97.97 0 0 0 15 10q0 .424.287.713.122.12.269.192A7 7 0 0 0 12.07 18H6l-4 4V4q0-.824.587-1.412A1.93 1.93 0 0 1 4 2h16q.824 0 1.413.587Q22 3.176 22 4v6.674A7 7 0 0 0 19 10c-.71 0-1.395.106-2.041.302" clip-rule="evenodd"/><path d="M21.013 13h-4c-.55 0-1 .45-1 1s.45 1 1 1h1.59l-4.31 4.31a.996.996 0 1 0 1.41 1.41l4.31-4.31V18c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M10.888 21.25 2.454 9.072h3.379zM17.122 9.073l-5.154 12.404L6.807 9.073zM21.62 9.073 13.055 21.25l5.047-12.176zM21.57 8.005h-3.018l1.276-3.066zM19.06 4.444 17.81 7.451l-1.555-3.007zM17.064 8.005h-3.927l2.503-2.75zM15.085 4.444 12 7.837 8.85 4.444zM10.856 8.005H6.887l1.424-2.75zM7.698 4.444 6.135 7.451 4.892 4.444zM5.4 8.005H2.38L4.09 4.88z"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.888 21.25 2.454 9.072h3.379zM17.122 9.073l-5.154 12.404L6.807 9.073zM21.62 9.073 13.055 21.25l5.047-12.176zM21.57 8.005h-3.018l1.276-3.066zM19.06 4.444 17.81 7.451l-1.555-3.007zM17.064 8.005h-3.927l2.503-2.75zM15.085 4.444 12 7.837 8.85 4.444zM10.856 8.005H6.887l1.424-2.75zM7.698 4.444 6.135 7.451 4.892 4.444zM5.4 8.005H2.38L4.09 4.88z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M4 16v5h16v-5q0-.825-.587-1.412A1.93 1.93 0 0 0 18 14H6q-.824 0-1.412.588A1.93 1.93 0 0 0 4 16m1.463-4.462Q6.925 13 9 13h6q2.075 0 3.538-1.463T20 8t-1.462-3.537Q17.074 3 15 3H9Q6.925 3 5.463 4.463 4 5.925 4 8t1.463 3.537M15 11H9a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 6 8q0-1.25.875-2.125A2.9 2.9 0 0 1 9 5h6q1.25 0 2.125.875T18 8t-.875 2.125A2.9 2.9 0 0 1 15 11M9.713 8.713A.97.97 0 0 1 9 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 8 8q0-.424.287-.713A.97.97 0 0 1 9 7q.424 0 .713.287Q10 7.576 10 8q0 .424-.287.713m6 0A.97.97 0 0 1 15 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 14 8q0-.424.287-.713A.97.97 0 0 1 15 7q.424 0 .713.287Q16 7.576 16 8q0 .424-.287.713" clip-rule="evenodd"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4 16v5h16v-5q0-.825-.587-1.412A1.93 1.93 0 0 0 18 14H6q-.824 0-1.412.588A1.93 1.93 0 0 0 4 16m1.463-4.462Q6.925 13 9 13h6q2.075 0 3.538-1.463T20 8t-1.462-3.537Q17.074 3 15 3H9Q6.925 3 5.463 4.463 4 5.925 4 8t1.463 3.537M15 11H9a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 6 8q0-1.25.875-2.125A2.9 2.9 0 0 1 9 5h6q1.25 0 2.125.875T18 8t-.875 2.125A2.9 2.9 0 0 1 15 11M9.713 8.713A.97.97 0 0 1 9 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 8 8q0-.424.287-.713A.97.97 0 0 1 9 7q.424 0 .713.287Q10 7.576 10 8q0 .424-.287.713m6 0A.97.97 0 0 1 15 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 14 8q0-.424.287-.713A.97.97 0 0 1 15 7q.424 0 .713.287Q16 7.576 16 8q0 .424-.287.713" clip-rule="evenodd"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M5 4H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H1c-.55 0-1 .45-1 1s.45 1 1 1h22c.55 0 1-.45 1-1s-.45-1-1-1h-3c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2h-1v2c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1z" clip-rule="evenodd"/><path d="M9.8 5.95a.53.53 0 0 0 .392-.158.53.53 0 0 0 .158-.392.53.53 0 0 0-.158-.392.53.53 0 0 0-.392-.158.53.53 0 0 0-.392.158.53.53 0 0 0-.158.392q0 .233.158.392a.53.53 0 0 0 .392.158m2.2 0a.53.53 0 0 0 .392-.158.53.53 0 0 0 .158-.392.53.53 0 0 0-.158-.392A.53.53 0 0 0 12 4.85a.53.53 0 0 0-.392.158.53.53 0 0 0-.158.392q0 .233.158.392A.53.53 0 0 0 12 5.95m2.2 0a.53.53 0 0 0 .392-.158.53.53 0 0 0 .158-.392.53.53 0 0 0-.158-.392.53.53 0 0 0-.392-.158.53.53 0 0 0-.392.158.53.53 0 0 0-.158.392q0 .233.158.392a.53.53 0 0 0 .392.158M6.5 12V2.1q0-.453.323-.777A1.06 1.06 0 0 1 7.6 1h8.8q.454 0 .777.323.323.324.323.777v6.6q0 .454-.323.777a1.06 1.06 0 0 1-.777.323H8.7z"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5 4H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H1c-.55 0-1 .45-1 1s.45 1 1 1h22c.55 0 1-.45 1-1s-.45-1-1-1h-3c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2h-1v2c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1z" clip-rule="evenodd"/><path d="M9.8 5.95a.53.53 0 0 0 .392-.158.53.53 0 0 0 .158-.392.53.53 0 0 0-.158-.392.53.53 0 0 0-.392-.158.53.53 0 0 0-.392.158.53.53 0 0 0-.158.392q0 .233.158.392a.53.53 0 0 0 .392.158m2.2 0a.53.53 0 0 0 .392-.158.53.53 0 0 0 .158-.392.53.53 0 0 0-.158-.392A.53.53 0 0 0 12 4.85a.53.53 0 0 0-.392.158.53.53 0 0 0-.158.392q0 .233.158.392A.53.53 0 0 0 12 5.95m2.2 0a.53.53 0 0 0 .392-.158.53.53 0 0 0 .158-.392.53.53 0 0 0-.158-.392.53.53 0 0 0-.392-.158.53.53 0 0 0-.392.158.53.53 0 0 0-.158.392q0 .233.158.392a.53.53 0 0 0 .392.158M6.5 12V2.1q0-.453.323-.777A1.06 1.06 0 0 1 7.6 1h8.8q.454 0 .777.323.323.324.323.777v6.6q0 .454-.323.777a1.06 1.06 0 0 1-.777.323H8.7z"/></svg>
|
package/package.json
CHANGED