@compill/admin 1.0.85 → 1.0.87

package/index.cjs.js

@@ -368,7 +368,6 @@ function Breadcrumbs(_a) {
     return jsxRuntime.jsx("div", Object.assign({
       dflex: true,
       alignItems: "center",
-      placeContent: "center",
       trait: "typo.h5"
     }, props, {
       children: breadcrumbs.map((b, index) => jsxRuntime.jsx(BreadcrumbItem, {
@@ -417,7 +416,6 @@ function QueryBreadcrumbs(_a) {
   return jsxRuntime.jsx("div", Object.assign({
     dflex: true,
     alignItems: "center",
-    placeContent: "center",
     trait: "typo.h5"
   }, props, {
     children: breadcrumbs.map((b, index) => jsxRuntime.jsx(BreadcrumbItem, {
@@ -1786,9 +1784,10 @@ function TableFilterButton(_a) {
 function TableTopBar(_a) {
   var {
       title,
+      breadcrumbs,
       children
     } = _a,
-    props = __rest(_a, ["title", "children"]);
+    props = __rest(_a, ["title", "breadcrumbs", "children"]);
   return jsxRuntime.jsxs("div", Object.assign({
     dflex: true,
     flexRow: true,
@@ -1796,12 +1795,16 @@ function TableTopBar(_a) {
     gap: "3",
     p: "8"
   }, props, {
-    children: [title && jsxRuntime.jsx("h2", {
-      textSize: "x2",
-      fontWeight: "600",
-      textColor: "#3f4254",
-      textTransform: "capitalize",
-      children: title
+    children: [jsxRuntime.jsxs("div", {
+      children: [title && jsxRuntime.jsx("h2", {
+        textSize: "x2",
+        fontWeight: "600",
+        textColor: "#3f4254",
+        textTransform: "capitalize",
+        children: title
+      }), breadcrumbs && jsxRuntime.jsx(admin.Breadcrumbs, {
+        breadcrumbs: breadcrumbs
+      })]
     }), jsxRuntime.jsx("div", {
       flexGrow: true,
       children: "\u00A0"
@@ -2669,10 +2672,9 @@ function TT({
   } = screen;
   const tableApi = react.runIfFn(api, id !== null && id !== void 0 ? id : "");
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [breadcrumbs && jsxRuntime.jsx(PageTopBar, {
-      breadcrumbs: breadcrumbs
-    }), jsxRuntime.jsx(TableTopBar, {
+    children: [jsxRuntime.jsx(TableTopBar, {
       title: title,
+      breadcrumbs: breadcrumbs,
       children: jsxRuntime.jsx(TableButtonBar, {
         buttonBar: buttonBar,
         createView: createView,

package/index.esm.js

@@ -7,7 +7,7 @@ import { useParams, useNavigate, Outlet, useLocation, useMatch, Link as Link$1 }
 import React, { useRef, useCallback, useContext as useContext$2, useLayoutEffect, useEffect, createContext } from 'react';
 import { INVALIDATE_API, API } from '@compill/admin-api';
 import { useFormikContext, Formik, Form } from 'formik';
-import { ButtonBarButton as ButtonBarButton$1, ButtonBarSubmitButton as ButtonBarSubmitButton$1, PageSectionTitle as PageSectionTitle$1, ButtonBar as ButtonBar$1, ButtonBarDialogButton as ButtonBarDialogButton$1, TableRowActionButton as TableRowActionButton$1, DialogButton as DialogButton$1 } from '@compill/admin';
+import { ButtonBarButton as ButtonBarButton$1, ButtonBarSubmitButton as ButtonBarSubmitButton$1, PageSectionTitle as PageSectionTitle$1, ButtonBar as ButtonBar$1, ButtonBarDialogButton as ButtonBarDialogButton$1, Breadcrumbs as Breadcrumbs$1, TableRowActionButton as TableRowActionButton$1, DialogButton as DialogButton$1 } from '@compill/admin';
 import { toast } from 'react-toastify';
 import 'react/jsx-runtime';
 import { FormProvider, TextArea, FormRenderer, mergeInitialFormValues, FieldLabel, SubmitButton } from '@compill/form';
@@ -358,7 +358,6 @@ function Breadcrumbs(_a) {
     return jsx("div", Object.assign({
       dflex: true,
       alignItems: "center",
-      placeContent: "center",
       trait: "typo.h5"
     }, props, {
       children: breadcrumbs.map((b, index) => jsx(BreadcrumbItem, {
@@ -407,7 +406,6 @@ function QueryBreadcrumbs(_a) {
   return jsx("div", Object.assign({
     dflex: true,
     alignItems: "center",
-    placeContent: "center",
     trait: "typo.h5"
   }, props, {
     children: breadcrumbs.map((b, index) => jsx(BreadcrumbItem, {
@@ -1776,9 +1774,10 @@ function TableFilterButton(_a) {
 function TableTopBar(_a) {
   var {
       title,
+      breadcrumbs,
       children
     } = _a,
-    props = __rest(_a, ["title", "children"]);
+    props = __rest(_a, ["title", "breadcrumbs", "children"]);
   return jsxs("div", Object.assign({
     dflex: true,
     flexRow: true,
@@ -1786,12 +1785,16 @@ function TableTopBar(_a) {
     gap: "3",
     p: "8"
   }, props, {
-    children: [title && jsx("h2", {
-      textSize: "x2",
-      fontWeight: "600",
-      textColor: "#3f4254",
-      textTransform: "capitalize",
-      children: title
+    children: [jsxs("div", {
+      children: [title && jsx("h2", {
+        textSize: "x2",
+        fontWeight: "600",
+        textColor: "#3f4254",
+        textTransform: "capitalize",
+        children: title
+      }), breadcrumbs && jsx(Breadcrumbs$1, {
+        breadcrumbs: breadcrumbs
+      })]
     }), jsx("div", {
       flexGrow: true,
       children: "\u00A0"
@@ -2659,10 +2662,9 @@ function TT({
   } = screen;
   const tableApi = runIfFn(api, id !== null && id !== void 0 ? id : "");
   return jsxs(Fragment, {
-    children: [breadcrumbs && jsx(PageTopBar, {
-      breadcrumbs: breadcrumbs
-    }), jsx(TableTopBar, {
+    children: [jsx(TableTopBar, {
       title: title,
+      breadcrumbs: breadcrumbs,
       children: jsx(TableButtonBar, {
         buttonBar: buttonBar,
         createView: createView,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@compill/admin",
-    "version": "1.0.85",
+    "version": "1.0.87",
     "module": "./index.esm.js",
     "main": "./index.cjs.js"
 }

package/src/lib/table/TableTopBar.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+import { Breadcrumb, QueryBreadcrumbs } from "@compill/admin";
 import { ParentComponent, SoperioComponent } from "@soperio/react";
 interface TableTopBarProps extends SoperioComponent, ParentComponent {
     title?: string;
+    breadcrumbs?: Breadcrumb[] | QueryBreadcrumbs;
 }
-export declare function TableTopBar({ title, children, ...props }: TableTopBarProps): JSX.Element;
+export declare function TableTopBar({ title, breadcrumbs, children, ...props }: TableTopBarProps): JSX.Element;
 export {};