synapse-react-client 4.0.11 → 4.0.12

package/dist/SWC.index.d.ts

@@ -120,7 +120,7 @@ declare const SynapseComponents: {
         secondaryButtonConfig?: import("./components/FullWidthAlert/FullWidthAlert").AlertButtonConfig;
         dismissOnPrimaryButtonClick?: boolean;
         dismissOnSecondaryButtonClick?: boolean;
-    }) => (() => void);
+    } | null) => (() => void);
     getCurrentCookiePreferences: () => import("./utils/hooks").CookiePreference;
 };
 declare const Analytics: {

package/dist/SWC.index.js

@@ -109,7 +109,7 @@ var x = { BackendDestinationEnum: r }, S = {
 	sendSearchResultsReturnedEvent: y,
 	sendSearchResultReturnedEvent: v,
 	sendSearchResultClickedEvent: _
-}, T = "4.0.11";
+}, T = "4.0.12";
 //#endregion
 export { w as Analytics, a as HttpClient, d as Palettes, o as SynapseClient, C as SynapseComponents, n as SynapseConstants, S as SynapseContext, x as SynapseEnums, m as SynapseQueries, T as SynapseReactClientVersion, p as SynapseSessionManager, i as xssOptions };
 

package/dist/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.d.ts

@@ -0,0 +1,44 @@
+import { SxProps } from '@mui/material';
+import { ReactNode } from 'react';
+export type MeasurementInfo = {
+    leftHeight: number;
+    rightHeight: number;
+    ratio: number;
+    stacked: boolean;
+};
+export type AdaptiveTwoColumnLayoutProps = {
+    leftContent: ReactNode;
+    rightContent?: ReactNode;
+    /**
+     * Stack if leftHeight / rightHeight falls below this ratio.
+     * Measured once after initial render with both columns side-by-side.
+     * Default: 0.45
+     */
+    stackRatioThreshold?: number;
+    gap?: string | number;
+    sx?: SxProps;
+    /**
+     * Called once after the initial measurement completes. Useful for debugging.
+     */
+    onMeasure?: (info: MeasurementInfo) => void;
+};
+/**
+ * Lays out two columns side-by-side and, after the initial render, measures
+ * their heights. If leftHeight / rightHeight < stackRatioThreshold, the layout
+ * switches to a single stacked column. On mobile (xs–md) the layout always stacks.
+ *
+ * Measurement is performed once on mount via useLayoutEffect, which fires
+ * synchronously before the browser paints, so there is no visible layout shift.
+ *
+ * Algorithm mirrors the prototype at https://github.com/adamhindman/detail-page-columns:
+ * measure in side-by-side mode, compute ratio = leftHeight / rightHeight, stack if below threshold.
+ *
+ * Implementation note: CSS Grid with align-items:start is used (not Flexbox).
+ * Flexbox's default align-items:stretch causes both children to report the same
+ * offsetHeight (the taller column's height), making the ratio always 1.0 and
+ * stacking never triggering. Grid cells with align-items:start only take the
+ * height of their own content, giving accurate independent measurements.
+ */
+export declare function AdaptiveTwoColumnLayout({ leftContent, rightContent, stackRatioThreshold, gap, sx, onMeasure, }: AdaptiveTwoColumnLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default AdaptiveTwoColumnLayout;
+//# sourceMappingURL=AdaptiveTwoColumnLayout.d.ts.map

package/dist/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveTwoColumnLayout.d.ts","sourceRoot":"","sources":["../../../src/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAA;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;CAC5C,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,YAAY,EACZ,mBAA0B,EAC1B,GAAY,EACZ,EAAE,EACF,SAAS,GACV,EAAE,4BAA4B,2CAoE9B;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.js

@@ -0,0 +1,46 @@
+import { useLayoutEffect as e, useRef as t, useState as n } from "react";
+import { Box as r } from "@mui/material";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.tsx
+function o({ leftContent: o, rightContent: s, stackRatioThreshold: c = .45, gap: l = "40px", sx: u, onMeasure: d }) {
+	let [f, p] = n(null), m = t(null), h = t(null), g = t(d);
+	return g.current = d, e(() => {
+		if (!m.current) return;
+		if (!h.current) {
+			p(!1);
+			return;
+		}
+		let e = m.current.offsetHeight, t = h.current.offsetHeight;
+		if (t > 0) {
+			let n = e / t, r = n < c;
+			p(r), g.current?.({
+				leftHeight: e,
+				rightHeight: t,
+				ratio: n,
+				stacked: r
+			});
+		} else p(!1);
+	}, [c]), /* @__PURE__ */ a(r, {
+		sx: {
+			display: "grid",
+			gridTemplateColumns: f === null ? "1fr 1fr" : {
+				xs: "1fr",
+				md: f ? "1fr" : "1fr 1fr"
+			},
+			alignItems: "start",
+			gap: l,
+			...u
+		},
+		children: [/* @__PURE__ */ i(r, {
+			ref: m,
+			children: o
+		}), s && /* @__PURE__ */ i(r, {
+			ref: h,
+			children: s
+		})]
+	});
+}
+//#endregion
+export { o as AdaptiveTwoColumnLayout, o as default };
+
+//# sourceMappingURL=AdaptiveTwoColumnLayout.js.map

package/dist/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveTwoColumnLayout.js","names":[],"sources":["../../../src/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.tsx"],"sourcesContent":["import { Box, SxProps } from '@mui/material'\nimport { ReactNode, useLayoutEffect, useRef, useState } from 'react'\n\nexport type MeasurementInfo = {\n  leftHeight: number\n  rightHeight: number\n  ratio: number\n  stacked: boolean\n}\n\nexport type AdaptiveTwoColumnLayoutProps = {\n  leftContent: ReactNode\n  rightContent?: ReactNode\n  /**\n   * Stack if leftHeight / rightHeight falls below this ratio.\n   * Measured once after initial render with both columns side-by-side.\n   * Default: 0.45\n   */\n  stackRatioThreshold?: number\n  gap?: string | number\n  sx?: SxProps\n  /**\n   * Called once after the initial measurement completes. Useful for debugging.\n   */\n  onMeasure?: (info: MeasurementInfo) => void\n}\n\n/**\n * Lays out two columns side-by-side and, after the initial render, measures\n * their heights. If leftHeight / rightHeight < stackRatioThreshold, the layout\n * switches to a single stacked column. On mobile (xs–md) the layout always stacks.\n *\n * Measurement is performed once on mount via useLayoutEffect, which fires\n * synchronously before the browser paints, so there is no visible layout shift.\n *\n * Algorithm mirrors the prototype at https://github.com/adamhindman/detail-page-columns:\n * measure in side-by-side mode, compute ratio = leftHeight / rightHeight, stack if below threshold.\n *\n * Implementation note: CSS Grid with align-items:start is used (not Flexbox).\n * Flexbox's default align-items:stretch causes both children to report the same\n * offsetHeight (the taller column's height), making the ratio always 1.0 and\n * stacking never triggering. Grid cells with align-items:start only take the\n * height of their own content, giving accurate independent measurements.\n */\nexport function AdaptiveTwoColumnLayout({\n  leftContent,\n  rightContent,\n  stackRatioThreshold = 0.45,\n  gap = '40px',\n  sx,\n  onMeasure,\n}: AdaptiveTwoColumnLayoutProps) {\n  // null = not yet measured (2-column mode until useLayoutEffect reads heights)\n  const [isStacked, setIsStacked] = useState<boolean | null>(null)\n  const leftRef = useRef<HTMLDivElement>(null)\n  const rightRef = useRef<HTMLDivElement>(null)\n  // Stable ref so onMeasure is never a useEffect dependency.\n  const onMeasureRef = useRef(onMeasure)\n  onMeasureRef.current = onMeasure\n\n  // useLayoutEffect fires synchronously after React commits the DOM but before\n  // the browser paints, so offsetHeight values are accurate and the user never\n  // sees the intermediate 2-column state.\n  //\n  // NOTE: rightContent and onMeasure are intentionally excluded from the\n  // dependency array. rightContent is JSX — a new object reference on every\n  // parent render — so including it would restart this effect on every render,\n  // preventing measurement from completing. onMeasure is accessed via\n  // onMeasureRef to avoid the same issue.\n  useLayoutEffect(() => {\n    if (!leftRef.current) return\n\n    if (!rightRef.current) {\n      setIsStacked(false)\n      return\n    }\n\n    // Both columns are in 2-column grid mode (isStacked is still null).\n    // offsetHeight gives each column's independent content height.\n    const leftH = leftRef.current.offsetHeight\n    const rightH = rightRef.current.offsetHeight\n\n    if (rightH > 0) {\n      const ratio = leftH / rightH\n      const stacked = ratio < stackRatioThreshold\n      setIsStacked(stacked)\n      onMeasureRef.current?.({\n        leftHeight: leftH,\n        rightHeight: rightH,\n        ratio,\n        stacked,\n      })\n    } else {\n      setIsStacked(false)\n    }\n    // rightContent and onMeasure intentionally omitted — see note above.\n  }, [stackRatioThreshold])\n\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        // While unmeasured: 2 equal columns so heights are independently comparable.\n        // After measurement: xs always single column; md+ follows the decision.\n        gridTemplateColumns:\n          isStacked === null\n            ? '1fr 1fr'\n            : { xs: '1fr', md: isStacked ? '1fr' : '1fr 1fr' },\n        // align-items:start is critical — each cell is only as tall as its own\n        // content, giving independent heights for the ratio comparison.\n        alignItems: 'start',\n        gap,\n        ...sx,\n      }}\n    >\n      <Box ref={leftRef}>{leftContent}</Box>\n      {rightContent && <Box ref={rightRef}>{rightContent}</Box>}\n    </Box>\n  )\n}\n\nexport default AdaptiveTwoColumnLayout\n"],"mappings":";;;;AA4CA,SAAgB,EAAwB,EACtC,gBACA,iBACA,yBAAsB,KACtB,SAAM,QACN,OACA,gBAC+B;CAE/B,IAAM,CAAC,GAAW,KAAgB,EAAyB,KAAK,EAC1D,IAAU,EAAuB,KAAK,EACtC,IAAW,EAAuB,KAAK,EAEvC,IAAe,EAAO,EAAU;AAyCtC,QAxCA,EAAa,UAAU,GAWvB,QAAsB;AACpB,MAAI,CAAC,EAAQ,QAAS;AAEtB,MAAI,CAAC,EAAS,SAAS;AACrB,KAAa,GAAM;AACnB;;EAKF,IAAM,IAAQ,EAAQ,QAAQ,cACxB,IAAS,EAAS,QAAQ;AAEhC,MAAI,IAAS,GAAG;GACd,IAAM,IAAQ,IAAQ,GAChB,IAAU,IAAQ;AAExB,GADA,EAAa,EAAQ,EACrB,EAAa,UAAU;IACrB,YAAY;IACZ,aAAa;IACb;IACA;IACD,CAAC;QAEF,GAAa,GAAM;IAGpB,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GAGT,qBACE,MAAc,OACV,YACA;IAAE,IAAI;IAAO,IAAI,IAAY,QAAQ;IAAW;GAGtD,YAAY;GACZ;GACA,GAAG;GACJ;YAdH,CAgBE,kBAAC,GAAD;GAAK,KAAK;aAAU;GAAkB,CAAA,EACrC,KAAgB,kBAAC,GAAD;GAAK,KAAK;aAAW;GAAmB,CAAA,CACrD"}

package/dist/components/DownloadCart/DownloadCartPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadCartPage.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/DownloadCartPage.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAEL,gCAAgC,EACjC,MAAM,+BAA+B,CAAA;AActC;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gCAAgC,2CA6evE;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"DownloadCartPage.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/DownloadCartPage.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAEL,gCAAgC,EACjC,MAAM,+BAA+B,CAAA;AActC;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gCAAgC,2CAyevE;AAED,eAAe,gBAAgB,CAAA"}