randmarcomps 1.616.0 → 1.618.0

package/dist/randmarcomps.d.ts

@@ -724,7 +724,7 @@ declare interface OrdersCardProps {
 export declare function PageHeader({ title, children, className }: PageHeaderProps): JSX.Element;
 
 export declare interface PageHeaderProps {
-    title: string;
+    title: React.ReactNode;
     children?: React.ReactNode;
     className?: string;
 }
@@ -938,7 +938,7 @@ export declare interface RmPageHeaderBreadcrumbItem {
 }
 
 export declare interface RmPageHeaderProps {
-    title: string;
+    title: React_2.ReactNode;
     subtitle?: React_2.ReactNode;
     breadcrumbs?: RmPageHeaderBreadcrumbItem[];
     rightTopActions?: React_2.ReactNode;

package/dist/randmarcomps.js

@@ -14163,6 +14163,17 @@ const emptySplitApi = createApi({
         method: "PUT"
       })
     }),
+    getV4PartnerByApplicationIdAccountVendor: e.query({
+      query: (t) => ({
+        url: `/V4/Partner/${t.applicationId}/Account/Vendor`
+      })
+    }),
+    putV4PartnerByApplicationIdAccountVendor: e.mutation({
+      query: (t) => ({
+        url: `/V4/Partner/${t.applicationId}/Account/Vendor`,
+        method: "PUT"
+      })
+    }),
     putV4PartnerByApplicationIdAccountBilling: e.mutation({
       query: (t) => ({
         url: `/V4/Partner/${t.applicationId}/Account/Billing`,
@@ -14176,12 +14187,6 @@ const emptySplitApi = createApi({
         method: "PUT"
       })
     }),
-    putV4PartnerByApplicationIdAccountVendor: e.mutation({
-      query: (t) => ({
-        url: `/V4/Partner/${t.applicationId}/Account/Vendor`,
-        method: "PUT"
-      })
-    }),
     postV4PartnerByApplicationIdAccountFeedback: e.mutation({
       query: (t) => ({
         url: `/V4/Partner/${t.applicationId}/Account/Feedback`,
@@ -59655,7 +59660,7 @@ const Navbar = forwardRef(
     }
   ),
   /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
-    /* @__PURE__ */ jsx("main", { className: "flex-1 mt-16", children: e }),
+    /* @__PURE__ */ jsx("main", { className: "mt-16 flex-1 overflow-x-clip", "data-rm-main-content-region": "true", children: e }),
     /* @__PURE__ */ jsx(Toaster, {})
   ] })
 ] }) }) }));
@@ -62058,11 +62063,22 @@ function DataRefreshAssistantCluster({
   }, [t, a, e, n]);
   return /* @__PURE__ */ jsx(RefreshCluster, { ...o, onAssistantClick: s });
 }
-function PageHeader({ title: e, children: t, className: n }) {
-  return /* @__PURE__ */ jsx("header", { className: "w-full", children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-[1440px] px-6 pt-8", children: /* @__PURE__ */ jsx(Card, { className: cn("rounded-2xl border-border shadow-sm", n), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-6 sm:flex-row sm:items-center sm:justify-between", children: [
-    /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold leading-tight tracking-tight text-foreground", children: e }),
-    t ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: t }) : null
-  ] }) }) }) });
+const roundToPixel = (e) => Math.round(e * 100) / 100;
+function getMainContentRegion(e) {
+  return e.closest("main, [data-rm-main-content-region]");
+}
+function getRegionBounds(e) {
+  if (e) {
+    const t = e.getBoundingClientRect();
+    return {
+      left: t.left,
+      right: t.right
+    };
+  }
+  return {
+    left: 0,
+    right: document.documentElement.clientWidth
+  };
 }
 function RmPageHeaderBreadcrumbLink({
   item: e,
@@ -62117,30 +62133,52 @@ function RmPageHeader({
   cardClassName: f,
   contentClassName: S
 }) {
-  const R = !!(o || a), te = /* @__PURE__ */ jsx("header", { className: cn("w-full", d), children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-[1440px] px-6 pt-8", children: /* @__PURE__ */ jsx(Card, { className: cn("rounded-2xl border-border shadow-sm", f), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6 p-6", S), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [
+  const R = React.useRef(null);
+  React.useEffect(() => {
+    if (typeof window > "u") return;
+    const rt = R.current;
+    if (!rt) return;
+    const ot = getMainContentRegion(rt);
+    let it = null;
+    const at = () => {
+      const ut = rt.getBoundingClientRect(), ct = getRegionBounds(ot), dt = roundToPixel(ct.left - ut.left), pt = roundToPixel(ut.right - ct.right);
+      rt.style.marginLeft = `${dt}px`, rt.style.marginRight = `${pt}px`;
+    }, st = () => {
+      it !== null && window.cancelAnimationFrame(it), it = window.requestAnimationFrame(() => {
+        at(), it = null;
+      });
+    };
+    st();
+    const lt = typeof ResizeObserver < "u" ? new ResizeObserver(st) : null;
+    return lt && (lt.observe(rt), lt.observe(document.documentElement), ot && lt.observe(ot)), window.addEventListener("resize", st), window.addEventListener("orientationchange", st), () => {
+      it !== null && window.cancelAnimationFrame(it), lt?.disconnect(), window.removeEventListener("resize", st), window.removeEventListener("orientationchange", st), rt.style.marginLeft = "", rt.style.marginRight = "";
+    };
+  }, []);
+  const te = !!(o || a), A = /* @__PURE__ */ jsxs("header", { className: cn("w-full border-b border-border bg-background", d), children: [
+    /* @__PURE__ */ jsx("div", { className: cn("px-4 py-6 sm:px-6", f), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", S), children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
         n?.length ? /* @__PURE__ */ jsx(RmPageHeaderBreadcrumbs, { items: n }) : null,
         /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold leading-tight tracking-tight text-foreground", children: e }),
         t ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t }) : null
       ] }),
-      R ? /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start gap-2 lg:w-auto lg:min-w-[16rem] lg:items-end", children: [
+      te ? /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start gap-2 lg:w-auto lg:min-w-[16rem] lg:items-end", children: [
         o ? /* @__PURE__ */ jsx("div", { className: "flex w-full flex-wrap items-center justify-start gap-2 lg:justify-end", children: o }) : null,
         a ? /* @__PURE__ */ jsx("div", { className: "flex w-full flex-wrap items-center justify-start gap-2 lg:justify-end", children: a }) : null
       ] }) : null
-    ] }),
-    s ? /* @__PURE__ */ jsx("div", { className: "border-t border-border pt-4", children: s }) : null
-  ] }) }) }) });
-  return l ? /* @__PURE__ */ jsx(
-    "div",
+    ] }) }),
+    s ? /* @__PURE__ */ jsx("div", { className: "border-t border-border bg-muted/40", children: /* @__PURE__ */ jsx("div", { className: "px-4 py-4 sm:px-6", children: s }) }) : null
+  ] });
+  return l ? /* @__PURE__ */ jsx("div", { ref: R, children: /* @__PURE__ */ jsx("div", { className: cn("sticky top-0 z-20", c), children: A }) }) : /* @__PURE__ */ jsx("div", { ref: R, children: A });
+}
+function PageHeader({ title: e, children: t, className: n }) {
+  return /* @__PURE__ */ jsx(
+    RmPageHeader,
     {
-      className: cn(
-        "sticky top-0 z-20 bg-muted/95 pb-2 backdrop-blur supports-[backdrop-filter]:bg-muted/70",
-        c
-      ),
-      children: te
+      title: e,
+      rightBottomActions: t ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: t }) : void 0,
+      cardClassName: n
     }
-  ) : te;
+  );
 }
 function OrderedMap(e) {
   this.content = e;