@unifiedsoftware/react-ui 1.0.2 → 1.0.3

package/dist/index.d.mts

@@ -156,11 +156,12 @@ interface Props$1 {
     }[];
 }
 declare const AppBreadCrumb: ({ title, paths }: Props$1) => react_jsx_runtime.JSX.Element;
-declare const AppBreadCrumbNav: ({ paths }: {
+declare const AppBreadCrumbNav: ({ paths, onPush, }: {
     paths?: {
         route: string;
         title: string;
     }[] | undefined;
+    onPush: (to: string | number) => void;
 }) => react_jsx_runtime.JSX.Element;
 
 type LoadingType = 'window' | 'page' | 'grid' | 'button' | 'card' | 'div' | 'none';

package/dist/index.d.ts

@@ -156,11 +156,12 @@ interface Props$1 {
     }[];
 }
 declare const AppBreadCrumb: ({ title, paths }: Props$1) => react_jsx_runtime.JSX.Element;
-declare const AppBreadCrumbNav: ({ paths }: {
+declare const AppBreadCrumbNav: ({ paths, onPush, }: {
     paths?: {
         route: string;
         title: string;
     }[] | undefined;
+    onPush: (to: string | number) => void;
 }) => react_jsx_runtime.JSX.Element;
 
 type LoadingType = 'window' | 'page' | 'grid' | 'button' | 'card' | 'div' | 'none';

package/dist/index.js

@@ -939,9 +939,11 @@ var AppBreadCrumb = ({ title, paths }) => {
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BreadCrumbTitle, { children: title != null ? title : "Home" });
 };
-var AppBreadCrumbNav = ({ paths }) => {
+var AppBreadCrumbNav = ({
+  paths,
+  onPush
+}) => {
   const { active, path, routes, setRoutes } = (0, import_react15.useContext)(BreadCrumbContext);
-  const navigate = (0, import_react_router_dom3.useNavigate)();
   const { updateList } = (0, import_react15.useContext)(HistoryContext);
   (0, import_react15.useEffect)(() => {
     updateList({ name: active, path });
@@ -955,7 +957,7 @@ var AppBreadCrumbNav = ({ paths }) => {
       routes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_vsc.VscChevronRight, { color: "black" }),
       routes.length > 0 ? routes.map((i, idx, arr) => {
         if (i.route === -1) {
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "link", onClick: () => navigate(-1), children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "link", onClick: () => onPush(-1), children: [
             i.title,
             " ",
             idx + 1 === arr.length ? "" : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_vsc.VscChevronRight, { color: "black" })
@@ -973,11 +975,11 @@ var AppBreadCrumbNav = ({ paths }) => {
       {
         onClick: () => {
           if ((routes == null ? void 0 : routes.length) === 1) {
-            navigate("/");
+            onPush("/");
             setRoutes([]);
             return;
           }
-          navigate(`${routes && routes[(routes == null ? void 0 : routes.length) - 2].route}`);
+          onPush(`${routes && routes[(routes == null ? void 0 : routes.length) - 2].route}`);
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_md.MdClose, { fontSize: 20 })
       }

package/dist/index.mjs

@@ -442,7 +442,7 @@ var useStep = (maxStep) => {
 import { useContext as useContext2, useEffect as useEffect7 } from "react";
 import { MdClose } from "react-icons/md";
 import { VscChevronRight } from "react-icons/vsc";
-import { Link as Link3, useNavigate } from "react-router-dom";
+import { Link as Link3 } from "react-router-dom";
 
 // src/styled-components/breadcrumb.ts
 import styled from "styled-components";
@@ -874,9 +874,11 @@ var AppBreadCrumb = ({ title, paths }) => {
   }, []);
   return /* @__PURE__ */ jsx10(BreadCrumbTitle, { children: title != null ? title : "Home" });
 };
-var AppBreadCrumbNav = ({ paths }) => {
+var AppBreadCrumbNav = ({
+  paths,
+  onPush
+}) => {
   const { active, path, routes, setRoutes } = useContext2(BreadCrumbContext);
-  const navigate = useNavigate();
   const { updateList } = useContext2(HistoryContext);
   useEffect7(() => {
     updateList({ name: active, path });
@@ -890,7 +892,7 @@ var AppBreadCrumbNav = ({ paths }) => {
       routes.length > 0 && /* @__PURE__ */ jsx10(VscChevronRight, { color: "black" }),
       routes.length > 0 ? routes.map((i, idx, arr) => {
         if (i.route === -1) {
-          return /* @__PURE__ */ jsxs4("span", { className: "link", onClick: () => navigate(-1), children: [
+          return /* @__PURE__ */ jsxs4("span", { className: "link", onClick: () => onPush(-1), children: [
             i.title,
             " ",
             idx + 1 === arr.length ? "" : /* @__PURE__ */ jsx10(VscChevronRight, { color: "black" })
@@ -908,11 +910,11 @@ var AppBreadCrumbNav = ({ paths }) => {
       {
         onClick: () => {
           if ((routes == null ? void 0 : routes.length) === 1) {
-            navigate("/");
+            onPush("/");
             setRoutes([]);
             return;
           }
-          navigate(`${routes && routes[(routes == null ? void 0 : routes.length) - 2].route}`);
+          onPush(`${routes && routes[(routes == null ? void 0 : routes.length) - 2].route}`);
         },
         children: /* @__PURE__ */ jsx10(MdClose, { fontSize: 20 })
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifiedsoftware/react-ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [