@ctlyst.id/internal-ui 5.6.4 → 5.6.6

package/dist/index.mjs

@@ -342,8 +342,18 @@ var badge_default = Badge;
 import { Box as Box4, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Flex, IconButton, Text } from "@chakra-ui/react";
 import { ChevronLeft, ChevronsRight, Home } from "@ctlyst.id/internal-icon";
 import { Fragment, jsx as jsx14, jsxs } from "react/jsx-runtime";
-var BreadCrumb = (props) => {
-  const { title, children, parents, className, disableHome, spacing: spacing2 = 2, backButton, homeButton, hideTitle } = props;
+var BreadCrumb = ({
+  title,
+  children,
+  parents,
+  className,
+  disableHome,
+  spacing: spacing2 = 2,
+  backButton,
+  homeButton,
+  hideTitle,
+  as
+}) => {
   return /* @__PURE__ */ jsxs(
     Box4,
     {
@@ -367,7 +377,7 @@ var BreadCrumb = (props) => {
                   minW: "9",
                   bg: "white",
                   variant: "ghost",
-                  "aria-label": "Edit",
+                  "aria-label": "Back",
                   icon: /* @__PURE__ */ jsx14(ChevronLeft, { size: 5 }),
                   onClick: backButton
                 }
@@ -385,33 +395,19 @@ var BreadCrumb = (props) => {
               pr: "4",
               spacing: spacing2,
               children: [
-                /* @__PURE__ */ jsx14(BreadcrumbItem, { children: /* @__PURE__ */ jsx14(
-                  BreadcrumbLink,
-                  {
-                    "data-test-id": "",
-                    alignItems: "center",
-                    href: homeButton || disableHome ? void 0 : "/",
-                    style: { ...disableHome && { cursor: "default" } },
-                    onClick: homeButton,
-                    children: /* @__PURE__ */ jsx14(Box4, { boxSize: "3.5", children: /* @__PURE__ */ jsx14(Home, { size: 3.5, color: "primary.500" }) })
-                  }
-                ) }),
-                parents == null ? void 0 : parents.map((val) => /* @__PURE__ */ jsx14(BreadcrumbItem, { children: /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx14(BreadcrumbItem, { children: disableHome ? /* @__PURE__ */ jsx14(BreadcrumbLink, { cursor: "default", children: /* @__PURE__ */ jsx14(Box4, { boxSize: "3.5", children: /* @__PURE__ */ jsx14(Home, { size: 3.5, color: "neutral.600" }) }) }) : /* @__PURE__ */ jsx14(BreadcrumbLink, { "data-test-id": "", as, href: "/", onClick: homeButton, children: /* @__PURE__ */ jsx14(Box4, { boxSize: "3.5", children: /* @__PURE__ */ jsx14(Home, { size: 3.5, color: "primary.500" }) }) }) }),
+                parents == null ? void 0 : parents.map((parent) => /* @__PURE__ */ jsx14(BreadcrumbItem, { children: parent.disable || !parent.link ? /* @__PURE__ */ jsx14(BreadcrumbLink, { cursor: "default", children: /* @__PURE__ */ jsx14(Text, { color: "neutral.600", textStyle: "text.sm", children: parent.name }) }) : /* @__PURE__ */ jsx14(
                   BreadcrumbLink,
                   {
                     "data-test-id": "",
-                    href: !val.disable && val.link ? val.link : void 0,
-                    onClick: val.onClick,
-                    style: {
-                      ...val.disable && {
-                        cursor: "default"
-                      }
-                    },
+                    as,
+                    href: parent.link,
+                    onClick: parent.onClick,
                     _hover: { textDecoration: "none" },
-                    children: /* @__PURE__ */ jsx14(Text, { color: val.disable ? "neutral.600" : "primary.500", textStyle: "text.sm", children: val.name })
+                    children: /* @__PURE__ */ jsx14(Text, { color: "primary.500", textStyle: "text.sm", children: parent.name })
                   }
-                ) }, val.name)),
-                /* @__PURE__ */ jsx14(BreadcrumbItem, { children: /* @__PURE__ */ jsx14(BreadcrumbLink, { _hover: { textDecor: "none", cursor: "default" }, children: /* @__PURE__ */ jsx14(Text, { color: "neutral.600", textStyle: "text.sm", children: title }) }) })
+                ) }, parent.name)),
+                /* @__PURE__ */ jsx14(BreadcrumbItem, { isCurrentPage: true, children: /* @__PURE__ */ jsx14(BreadcrumbLink, { cursor: "default", children: /* @__PURE__ */ jsx14(Text, { color: "neutral.600", textStyle: "text.sm", children: title }) }) })
               ]
             }
           )
@@ -425,7 +421,7 @@ BreadCrumb.defaultProps = {
   children: void 0,
   parents: void 0,
   className: void 0,
-  disableHome: void 0,
+  disableHome: false,
   spacing: 2,
   backButton: void 0,
   hideTitle: false
@@ -1330,22 +1326,24 @@ var DataTable = React5.forwardRef((props, ref) => {
             colSpan: header.colSpan,
             _first: { paddingLeft: `${paddingRowX + 8}px` },
             _last: { paddingRight: `${paddingRowX + 8}px` },
+            sx: getCommonPinningStyles(header.column, paddingRowX),
             ...styles == null ? void 0 : styles.tableColumnHeader,
             ...getTableHeaderSize(header, index, headerGroup.headers.length),
             children: /* @__PURE__ */ jsx24(Flex2, { "data-test-id": "CT_component_data-table_loader", align: "center", gap: 2, children: flexRender(header.column.columnDef.header, header.getContext()) })
           },
           header.id
         )) }, headerGroup.id)) }),
-        /* @__PURE__ */ jsx24(Tbody, { ...styles == null ? void 0 : styles.tableBody, children: [...Array(5)].map((num) => /* @__PURE__ */ jsx24(Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: [...Array(generateColumn().length)].map((i) => /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx24(Tbody, { ...styles == null ? void 0 : styles.tableBody, children: [...Array(5)].map((num) => /* @__PURE__ */ jsx24(Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ jsx24(
           Td,
           {
             width: "100%",
             _first: { paddingLeft: `${paddingRowX + 8}px` },
             _last: { paddingRight: `${paddingRowX + 8}px` },
+            sx: getCommonPinningStyles(column, paddingRowX),
             ...styles == null ? void 0 : styles.tableCell,
-            children: /* @__PURE__ */ jsx24(Skeleton2, { startColor: "neutral.100", endColor: "neutral.200", h: "20px", w: "70%" }, i)
+            children: /* @__PURE__ */ jsx24(Skeleton2, { startColor: "neutral.100", endColor: "neutral.200", h: "20px", w: "70%" })
           },
-          i
+          column.id
         )) }, num)) })
       ] }) : /* @__PURE__ */ jsxs8(Table, { ...styles == null ? void 0 : styles.table, children: [
         /* @__PURE__ */ jsx24(