@trackunit/react-components 0.0.151 → 0.0.152

package/components/Popover/PopoverListItem.d.ts

@@ -20,7 +20,6 @@ export interface PopoverListItemProps extends CommonProps {
      * The child nodes.
      */
     children: React.ReactNode;
-    renderAs?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
 }
 /**
  * The PopoverListItem component.
@@ -28,4 +27,4 @@ export interface PopoverListItemProps extends CommonProps {
  * @param {PopoverListItemProps} props - The props for the PopoverListItem component
  * @returns {JSX.Element} PopoverListItem component
  */
-export declare const PopoverListItem: ({ selected, children, disabled, ariaLabel, url, onClick, prefix, suffix, renderAs, dataTestId, }: PopoverListItemProps) => JSX.Element;
+export declare const PopoverListItem: ({ selected, children, disabled, ariaLabel, url, onClick, prefix, suffix, dataTestId, }: PopoverListItemProps) => JSX.Element;

package/index.js

@@ -10,10 +10,10 @@ import { format, formatDistance } from 'date-fns';
 import { useSpring, animated } from '@react-spring/web';
 import usePortal from 'react-useportal';
 import { createPopper } from '@popperjs/core';
+import { Link, UNSAFE_NavigationContext } from 'react-router-dom';
 import { DayPicker as DayPicker$1 } from 'react-day-picker';
 import { enGB, enUS, da, de, cs, nl, fr, fi, hu, it, nb, pl, pt, ru, ro, es, sv, ja, th } from 'date-fns/locale';
 import { Helmet } from 'react-helmet';
-import { UNSAFE_NavigationContext } from 'react-router-dom';
 import ReactSelect, { components } from 'react-select';
 export { default as ValueType } from 'react-select';
 import ReactAsyncCreatableSelect from 'react-select/async-creatable';
@@ -2102,7 +2102,6 @@ const PopoverListItem = ({
   onClick,
   prefix,
   suffix,
-  renderAs,
   dataTestId
 }) => {
   const content = jsxs("div", Object.assign({
@@ -2127,9 +2126,8 @@ const PopoverListItem = ({
     "aria-label": ariaLabel,
     "data-testid": dataTestId
   }, {
-    children: url ? jsx(UnstyledAnchor, Object.assign({
-      "$as": renderAs,
-      href: url
+    children: url ? jsx(PopoverLink, Object.assign({
+      to: url
     }, {
       children: content
     })) : content
@@ -2144,7 +2142,7 @@ const ListItem = tw.li`
   tu-popover-list-item
   ${p => p.disabled && tws`tu-popover-list-item--disabled`}
 `;
-const UnstyledAnchor = tw.a`
+const PopoverLink = twx(Link)`
   tu-popover-list-item__anchor
 `;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.151",
+  "version": "0.0.152",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
@@ -18,8 +18,8 @@
     "react-useportal": "1.0.16",
     "react-helmet": "^6.1.0",
     "@react-spring/web": "9.5.2",
-    "@popperjs/core": "^2.11.6",
     "react-router-dom": "6.4.1",
+    "@popperjs/core": "^2.11.6",
     "react-select": "^5.4.0",
     "jest-canvas-mock": "^2.4.0"
   },