@ctlyst.id/internal-ui 3.1.22 → 3.1.24

package/dist/index.d.mts

@@ -130,7 +130,7 @@ interface BreadCrumbParentProps {
     name: string;
     onClick?: () => void;
     disable?: boolean;
-    link: string;
+    link?: string;
 }
 interface BreadCrumbProps {
     title: string;
@@ -141,6 +141,7 @@ interface BreadCrumbProps {
     spacing?: number;
     backButton?: () => void;
     hideTitle?: boolean;
+    homeButton?: () => void;
 }
 declare const BreadCrumb: React$1.FC<BreadCrumbProps>;
 

package/dist/index.d.ts

@@ -130,7 +130,7 @@ interface BreadCrumbParentProps {
     name: string;
     onClick?: () => void;
     disable?: boolean;
-    link: string;
+    link?: string;
 }
 interface BreadCrumbProps {
     title: string;
@@ -141,6 +141,7 @@ interface BreadCrumbProps {
     spacing?: number;
     backButton?: () => void;
     hideTitle?: boolean;
+    homeButton?: () => void;
 }
 declare const BreadCrumb: React$1.FC<BreadCrumbProps>;
 

package/dist/index.js

@@ -727,7 +727,7 @@ var import_react9 = require("@chakra-ui/react");
 var import_internal_icon4 = require("@ctlyst.id/internal-icon");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var BreadCrumb = (props) => {
-  const { title, children, parents, className, disableHome, spacing: spacing2 = 2, backButton, hideTitle } = props;
+  const { title, children, parents, className, disableHome, spacing: spacing2 = 2, backButton, homeButton, hideTitle } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     import_react9.Box,
     {
@@ -736,7 +736,6 @@ var BreadCrumb = (props) => {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      paddingY: 2,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react9.Box, { display: "flex", alignItems: "center", children: [
           !hideTitle && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
@@ -773,9 +772,11 @@ var BreadCrumb = (props) => {
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react9.BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   import_react9.BreadcrumbLink,
                   {
+                    "data-test-id": "",
                     alignItems: "center",
-                    href: !disableHome ? "/" : void 0,
+                    href: homeButton || disableHome ? void 0 : "/",
                     style: { ...disableHome && { cursor: "default" } },
+                    onClick: homeButton,
                     children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react9.Box, { boxSize: "3.5", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_internal_icon4.Home, { size: 3.5, color: "primary.500" }) })
                   }
                 ) }),
@@ -783,7 +784,7 @@ var BreadCrumb = (props) => {
                   import_react9.BreadcrumbLink,
                   {
                     "data-test-id": "",
-                    href: !val.disable ? val.link : void 0,
+                    href: !val.disable && val.link ? val.link : void 0,
                     onClick: val.onClick,
                     style: {
                       ...val.disable && {