@servicetitan/link-item 31.2.0 → 32.0.0

package/dist/index.js

@@ -1,3 +1,4 @@
 export * from './sidenav-link-item';
 export * from './tab-link-item';
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './sidenav-link-item';\nexport * from './tab-link-item';\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,kBAAkB"}

package/dist/sidenav-link-item.js

@@ -2,12 +2,33 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useCallback } from 'react';
 import { withRouter, matchPath } from 'react-router-dom';
 import { SideNav } from '@servicetitan/design-system';
-const SideNavLinkItemUnwrapped = ({ exact, pathname, search, className, children, history, }) => {
-    const href = useMemo(() => history.createHref({ pathname, search }), [history, pathname, search]);
-    const handleClick = useCallback(() => {
+const SideNavLinkItemUnwrapped = ({ exact, pathname, search, className, children, history })=>{
+    const href = useMemo(()=>history.createHref({
+            pathname,
+            search
+        }), [
+        history,
+        pathname,
+        search
+    ]);
+    const handleClick = useCallback(()=>{
         history.push(pathname + (search !== null && search !== void 0 ? search : ''));
-    }, [history, pathname, search]);
-    return (_jsx(SideNav.Item, { href: href, active: !!matchPath(history.location.pathname, { exact, path: pathname }), onClick: handleClick, className: className, children: children }));
+    }, [
+        history,
+        pathname,
+        search
+    ]);
+    return /*#__PURE__*/ _jsx(SideNav.Item, {
+        href: href,
+        active: !!matchPath(history.location.pathname, {
+            exact,
+            path: pathname
+        }),
+        onClick: handleClick,
+        className: className,
+        children: children
+    });
 };
 export const SideNavLinkItem = withRouter(SideNavLinkItemUnwrapped);
+
 //# sourceMappingURL=sidenav-link-item.js.map

package/dist/sidenav-link-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidenav-link-item.js","sourceRoot":"","sources":["../src/sidenav-link-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAyB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,UAAU,EAAuB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAStD,MAAM,wBAAwB,GAAmD,CAAC,EAC9E,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,CAChB,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAC9C,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAC9B,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEhC,OAAO,CACH,KAAC,OAAO,CAAC,IAAI,IACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EACzE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACE,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC"}
+{"version":3,"sources":["../src/sidenav-link-item.tsx"],"sourcesContent":["import { useMemo, useCallback, FC, PropsWithChildren } from 'react';\nimport { withRouter, RouteComponentProps, matchPath } from 'react-router-dom';\n\nimport { SideNav } from '@servicetitan/design-system';\n\ninterface SideNavLinkItemProps extends PropsWithChildren<{}> {\n    exact?: boolean;\n    pathname: string;\n    search?: string;\n    className?: string;\n}\n\nconst SideNavLinkItemUnwrapped: FC<SideNavLinkItemProps & RouteComponentProps> = ({\n    exact,\n    pathname,\n    search,\n    className,\n    children,\n    history,\n}) => {\n    const href = useMemo(\n        () => history.createHref({ pathname, search }),\n        [history, pathname, search]\n    );\n\n    const handleClick = useCallback(() => {\n        history.push(pathname + (search ?? ''));\n    }, [history, pathname, search]);\n\n    return (\n        <SideNav.Item\n            href={href}\n            active={!!matchPath(history.location.pathname, { exact, path: pathname })}\n            onClick={handleClick}\n            className={className}\n        >\n            {children}\n        </SideNav.Item>\n    );\n};\n\nexport const SideNavLinkItem = withRouter(SideNavLinkItemUnwrapped);\n"],"names":["useMemo","useCallback","withRouter","matchPath","SideNav","SideNavLinkItemUnwrapped","exact","pathname","search","className","children","history","href","createHref","handleClick","push","Item","active","location","path","onClick","SideNavLinkItem"],"mappings":";AAAA,SAASA,OAAO,EAAEC,WAAW,QAA+B,QAAQ;AACpE,SAASC,UAAU,EAAuBC,SAAS,QAAQ,mBAAmB;AAE9E,SAASC,OAAO,QAAQ,8BAA8B;AAStD,MAAMC,2BAA2E,CAAC,EAC9EC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACV;IACG,MAAMC,OAAOZ,QACT,IAAMW,QAAQE,UAAU,CAAC;YAAEN;YAAUC;QAAO,IAC5C;QAACG;QAASJ;QAAUC;KAAO;IAG/B,MAAMM,cAAcb,YAAY;QAC5BU,QAAQI,IAAI,CAACR,WAAYC,CAAAA,mBAAAA,oBAAAA,SAAU,EAAC;IACxC,GAAG;QAACG;QAASJ;QAAUC;KAAO;IAE9B,qBACI,KAACJ,QAAQY,IAAI;QACTJ,MAAMA;QACNK,QAAQ,CAAC,CAACd,UAAUQ,QAAQO,QAAQ,CAACX,QAAQ,EAAE;YAAED;YAAOa,MAAMZ;QAAS;QACvEa,SAASN;QACTL,WAAWA;kBAEVC;;AAGb;AAEA,OAAO,MAAMW,kBAAkBnB,WAAWG,0BAA0B"}

package/dist/tab-link-item.js

@@ -2,12 +2,30 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useCallback } from 'react';
 import { withRouter, matchPath } from 'react-router-dom';
 import { Tab } from '@servicetitan/design-system';
-const TabLinkItemUnwrapped = ({ exact, pathname, className, children, history, }) => {
-    const href = useMemo(() => history.createHref({ pathname }), [history, pathname]);
-    const handleClick = useCallback(() => {
+const TabLinkItemUnwrapped = ({ exact, pathname, className, children, history })=>{
+    const href = useMemo(()=>history.createHref({
+            pathname
+        }), [
+        history,
+        pathname
+    ]);
+    const handleClick = useCallback(()=>{
         history.push(pathname);
-    }, [history, pathname]);
-    return (_jsx(Tab, { href: href, active: !!matchPath(history.location.pathname, { exact, path: pathname }), onClick: handleClick, className: className, children: children }));
+    }, [
+        history,
+        pathname
+    ]);
+    return /*#__PURE__*/ _jsx(Tab, {
+        href: href,
+        active: !!matchPath(history.location.pathname, {
+            exact,
+            path: pathname
+        }),
+        onClick: handleClick,
+        className: className,
+        children: children
+    });
 };
 export const TabLinkItem = withRouter(TabLinkItemUnwrapped);
+
 //# sourceMappingURL=tab-link-item.js.map

package/dist/tab-link-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-link-item.js","sourceRoot":"","sources":["../src/tab-link-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAyB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,UAAU,EAAuB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAQlD,MAAM,oBAAoB,GAA+C,CAAC,EACtE,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACH,KAAC,GAAG,IACA,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EACzE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC"}
+{"version":3,"sources":["../src/tab-link-item.tsx"],"sourcesContent":["import { useMemo, useCallback, FC, PropsWithChildren } from 'react';\nimport { withRouter, RouteComponentProps, matchPath } from 'react-router-dom';\n\nimport { Tab } from '@servicetitan/design-system';\n\ninterface TabLinkItemProps extends PropsWithChildren<{}> {\n    exact?: boolean;\n    pathname: string;\n    className?: string;\n}\n\nconst TabLinkItemUnwrapped: FC<TabLinkItemProps & RouteComponentProps> = ({\n    exact,\n    pathname,\n    className,\n    children,\n    history,\n}) => {\n    const href = useMemo(() => history.createHref({ pathname }), [history, pathname]);\n\n    const handleClick = useCallback(() => {\n        history.push(pathname);\n    }, [history, pathname]);\n\n    return (\n        <Tab\n            href={href}\n            active={!!matchPath(history.location.pathname, { exact, path: pathname })}\n            onClick={handleClick}\n            className={className}\n        >\n            {children}\n        </Tab>\n    );\n};\n\nexport const TabLinkItem = withRouter(TabLinkItemUnwrapped);\n"],"names":["useMemo","useCallback","withRouter","matchPath","Tab","TabLinkItemUnwrapped","exact","pathname","className","children","history","href","createHref","handleClick","push","active","location","path","onClick","TabLinkItem"],"mappings":";AAAA,SAASA,OAAO,EAAEC,WAAW,QAA+B,QAAQ;AACpE,SAASC,UAAU,EAAuBC,SAAS,QAAQ,mBAAmB;AAE9E,SAASC,GAAG,QAAQ,8BAA8B;AAQlD,MAAMC,uBAAmE,CAAC,EACtEC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACV;IACG,MAAMC,OAAOX,QAAQ,IAAMU,QAAQE,UAAU,CAAC;YAAEL;QAAS,IAAI;QAACG;QAASH;KAAS;IAEhF,MAAMM,cAAcZ,YAAY;QAC5BS,QAAQI,IAAI,CAACP;IACjB,GAAG;QAACG;QAASH;KAAS;IAEtB,qBACI,KAACH;QACGO,MAAMA;QACNI,QAAQ,CAAC,CAACZ,UAAUO,QAAQM,QAAQ,CAACT,QAAQ,EAAE;YAAED;YAAOW,MAAMV;QAAS;QACvEW,SAASL;QACTL,WAAWA;kBAEVC;;AAGb;AAEA,OAAO,MAAMU,cAAcjB,WAAWG,sBAAsB"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/link-item",
-    "version": "31.2.0",
+    "version": "32.0.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/link-item",
     "repository": {
@@ -20,7 +20,7 @@
         "@types/history": "~4.7.10",
         "@types/react": "~18.2.55",
         "@types/react-router": "~5.1.17",
-        "react": "~18.2.0",
+        "react": "^18.2.0",
         "react-router-dom": "~5.3.0"
     },
     "peerDependencies": {
@@ -34,5 +34,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "03cfa4dc1e3cb374c8593f568ae47d0996ac7bae"
+    "gitHead": "511315cbee77cc7c60f20d0d86d24f69779c85ed"
 }