@xyo-network/react-shared 2.25.40 → 2.25.43

package/dist/esm/components/ListItemButtonEx.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ListItemButtonProps } from '@mui/material';
+import { NavigateOptions, To } from 'react-router-dom';
+export interface ListItemButtonExProps extends ListItemButtonProps {
+    target?: string;
+    to?: To;
+    toOptions?: NavigateOptions;
+}
+export declare const ListItemButtonExTo: React.FC<ListItemButtonExProps>;
+export declare const ListItemButtonEx: React.FC<ListItemButtonExProps>;

package/dist/esm/components/ListItemButtonEx.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItemButton } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+export const ListItemButtonExTo = ({ to, toOptions, onClick, ...props }) => {
+    const navigate = useNavigate();
+    const localOnClick = (event) => {
+        onClick?.(event);
+        if (to) {
+            navigate(to, toOptions);
+        }
+    };
+    return _jsx(ListItemButton, { onClick: localOnClick, ...props });
+};
+export const ListItemButtonEx = ({ to, ...props }) => {
+    if (to) {
+        return _jsx(ListItemButtonExTo, { to: to, ...props });
+    }
+    else {
+        return _jsx(ListItemButtonEx, { ...props });
+    }
+};
+//# sourceMappingURL=ListItemButtonEx.js.map

package/dist/esm/components/ListItemButtonEx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButtonEx.js","sourceRoot":"","sources":["../../../src/components/ListItemButtonEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAuB,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAQnE,MAAM,CAAC,MAAM,kBAAkB,GAAoC,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1G,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,YAAY,GAAG,CAAC,KAAiC,EAAE,EAAE;QACzD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,EAAE,EAAE;YACN,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAA;SACxB;IACH,CAAC,CAAA;IAED,OAAO,KAAC,cAAc,IAAC,OAAO,EAAE,YAAY,KAAM,KAAK,GAAI,CAAA;AAC7D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpF,IAAI,EAAE,EAAE;QACN,OAAO,KAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,KAAM,KAAK,GAAI,CAAA;KACjD;SAAM;QACL,OAAO,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;KACvC;AACH,CAAC,CAAA"}

package/dist/esm/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './FlexPage';
 export * from './Footer';
 export * from './FullWidthCard';
 export * from './JsonRouteWrapper';
+export * from './ListItemButtonEx';
 export * from './NotFound';
 export * from './Pipe';
 export * from './ScrollTableOnSm';

package/dist/esm/components/index.js

@@ -7,6 +7,7 @@ export * from './FlexPage';
 export * from './Footer';
 export * from './FullWidthCard';
 export * from './JsonRouteWrapper';
+export * from './ListItemButtonEx';
 export * from './NotFound';
 export * from './Pipe';
 export * from './ScrollTableOnSm';

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA"}

package/package.json

@@ -19,10 +19,10 @@
     "@xylabs/pixel": "^1.3.9",
     "@xylabs/sdk-js": "^2.5.7",
     "@xylabs/sdk-react": "^2.13.7",
-    "@xyo-network/api": "^2.20.43",
-    "@xyo-network/core": "^2.20.43",
-    "@xyo-network/network": "^2.20.43",
-    "@xyo-network/react-theme": "^2.25.40",
+    "@xyo-network/api": "^2.20.44",
+    "@xyo-network/core": "^2.20.44",
+    "@xyo-network/network": "^2.20.44",
+    "@xyo-network/react-theme": "^2.25.43",
     "lodash": "^4.17.21",
     "luxon": "^2.4.0",
     "react": "^18.1.0",
@@ -38,12 +38,12 @@
   "devDependencies": {
     "@babel/core": "^7.18.2",
     "@babel/preset-env": "^7.18.2",
-    "@storybook/addons": "^6.5.7",
-    "@storybook/api": "^6.5.7",
-    "@storybook/components": "^6.5.7",
-    "@storybook/core-events": "^6.5.7",
-    "@storybook/react": "^6.5.7",
-    "@storybook/theming": "^6.5.7",
+    "@storybook/addons": "^6.5.8",
+    "@storybook/api": "^6.5.8",
+    "@storybook/components": "^6.5.8",
+    "@storybook/core-events": "^6.5.8",
+    "@storybook/react": "^6.5.8",
+    "@storybook/theming": "^6.5.8",
     "@types/lodash": "^4.14.182",
     "@types/react-helmet": "^6.1.5",
     "@xylabs/pixel": "^1.3.9",
@@ -113,6 +113,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.40",
+  "version": "2.25.43",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/ListItemButtonEx.tsx

@@ -0,0 +1,29 @@
+import { ListItemButton, ListItemButtonProps } from '@mui/material'
+import { MouseEvent } from 'react'
+import { NavigateOptions, To, useNavigate } from 'react-router-dom'
+
+export interface ListItemButtonExProps extends ListItemButtonProps {
+  target?: string
+  to?: To
+  toOptions?: NavigateOptions
+}
+
+export const ListItemButtonExTo: React.FC<ListItemButtonExProps> = ({ to, toOptions, onClick, ...props }) => {
+  const navigate = useNavigate()
+  const localOnClick = (event: MouseEvent<HTMLDivElement>) => {
+    onClick?.(event)
+    if (to) {
+      navigate(to, toOptions)
+    }
+  }
+
+  return <ListItemButton onClick={localOnClick} {...props} />
+}
+
+export const ListItemButtonEx: React.FC<ListItemButtonExProps> = ({ to, ...props }) => {
+  if (to) {
+    return <ListItemButtonExTo to={to} {...props} />
+  } else {
+    return <ListItemButton {...props} />
+  }
+}

package/src/components/index.ts

@@ -7,6 +7,7 @@ export * from './FlexPage'
 export * from './Footer'
 export * from './FullWidthCard'
 export * from './JsonRouteWrapper'
+export * from './ListItemButtonEx'
 export * from './NotFound'
 export * from './Pipe'
 export * from './ScrollTableOnSm'