randmarcomps 1.620.0 → 1.622.0

package/dist/randmarcomps.d.ts

@@ -957,6 +957,10 @@ export declare interface RichTextEditorProps extends Omit<default_2.InputHTMLAtt
     placeholder?: string;
 }
 
+export declare function RmBodyZone({ className, children, ...props }: RmBodyZoneProps): JSX.Element;
+
+export declare type RmBodyZoneProps = React_2.ComponentProps<"section">;
+
 export declare function RmPageHeader({ title, subtitle, breadcrumbs, rightTopActions, rightBottomActions, secondaryRow, sticky, stickyClassName, className, cardClassName, contentClassName, }: RmPageHeaderProps): JSX.Element;
 
 export declare interface RmPageHeaderBreadcrumbItem {

package/dist/randmarcomps.js

@@ -57373,13 +57373,14 @@ function CheckboxCardList({
         ),
         children: [
           /* @__PURE__ */ jsx(
-            Checkbox,
+            "span",
             {
-              checked: at,
-              disabled: st,
-              tabIndex: -1,
               "aria-hidden": "true",
-              className: "pointer-events-none mt-0.5"
+              className: cn(
+                "mt-0.5 inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-primary shadow-sm",
+                at ? "bg-primary text-primary-foreground" : "bg-background text-transparent"
+              ),
+              children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" })
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: f ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -58447,7 +58448,7 @@ const DebugMessageDisplay = ({ debugMessages: e }) => {
     };
   const a = t.slice(0, o).trim() || "Portal", s = t.slice(o + n.length).trim() || "SOP";
   return { portalName: a, sopName: s };
-}, normalizeCompare = (e) => e.trim().toLocaleLowerCase(), toSopMarkdownFilename = (e) => {
+}, normalizeCompare = (e) => e.trim().toLocaleLowerCase(), areStringArraysEqual = (e, t) => e.length === t.length && e.every((n, o) => n === t[o]), toSopMarkdownFilename = (e) => {
   const n = (e.trim() || "sop").replace(/[\\/:*?"<>|]/g, " ").replace(/\s+/g, " ").trim().replace(/[^a-zA-Z0-9._ -]/g, "").replace(/\s+/g, "_") || "sop";
   return n.toLowerCase().endsWith(".md") ? n : `${n}.md`;
 }, AIChatLayout = memo$1(forwardRef(
@@ -58532,7 +58533,10 @@ ${br}`;
       wr.current = !0, Ut(ir);
     }, []);
     useEffect(() => {
-      Ut((ir) => ir.filter((mr) => Fr.some((br) => br.id === mr)));
+      Ut((ir) => {
+        const mr = ir.filter((br) => Fr.some((_r) => _r.id === br));
+        return areStringArraysEqual(ir, mr) ? ir : mr;
+      });
     }, [Fr]), useEffect(() => {
       if (Sr.current) return;
       if (wr.current) {
@@ -58546,7 +58550,7 @@ ${br}`;
         return;
       }
       const mr = Fr.filter((br) => normalizeCompare(br.sopName) === ir).map((br) => br.id);
-      Ut(mr), Sr.current = !0;
+      Ut((br) => areStringArraysEqual(br, mr) ? br : mr), Sr.current = !0;
     }, [it?.Role, mn, Fr]);
     const _n = useCallback((ir) => !ir || typeof ir != "object" || !("status" in ir) || ir.status !== "PARSING_ERROR" || !("originalStatus" in ir) || ir.originalStatus !== 200 ? null : ir.data ?? null, []), tn = useCallback(async (ir) => {
       if (!e || !ir) throw new Error("Missing user or SOP id.");
@@ -62076,23 +62080,7 @@ function DataRefreshAssistantCluster({
   }, [t, a, e, n]);
   return /* @__PURE__ */ jsx(RefreshCluster, { ...o, onAssistantClick: s });
 }
-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
-  };
-}
+const fullBleedClassName = "w-screen max-w-none -ml-[calc(50vw-50%)] -mr-[calc(50vw-50%)]";
 function RmPageHeaderBreadcrumbLink({
   item: e,
   isCurrent: t
@@ -62146,42 +62134,21 @@ function RmPageHeader({
   cardClassName: f,
   contentClassName: S
 }) {
-  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: [
+  const R = !!(o || a), te = /* @__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
       ] }),
-      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: [
+      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: [
         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 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 });
+  return l ? /* @__PURE__ */ jsx("div", { className: fullBleedClassName, children: /* @__PURE__ */ jsx("div", { className: cn("sticky top-0 z-20", c), children: te }) }) : /* @__PURE__ */ jsx("div", { className: fullBleedClassName, children: te });
 }
 function PageHeader({ title: e, children: t, className: n }) {
   return /* @__PURE__ */ jsx(
@@ -62193,6 +62160,9 @@ function PageHeader({ title: e, children: t, className: n }) {
     }
   );
 }
+function RmBodyZone({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ jsx("section", { className: cn("px-4 py-4 sm:px-6 sm:py-6", e), ...n, children: t });
+}
 function OrderedMap(e) {
   this.content = e;
 }
@@ -84102,6 +84072,7 @@ export {
   ResellerQualificationsCard,
   ReturnsTable,
   RichTextEditor,
+  RmBodyZone,
   RmPageHeader,
   SalesChart,
   SalesOverviewCard,