@homebound/beam 4.51.0 → 4.52.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +234 -204
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +8 -1
- package/dist/index.d.ts +8 -1
- package/dist/index.js +201 -172
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -32530,44 +32530,72 @@ function useToast() {
|
|
|
32530
32530
|
return { showToast, clear };
|
|
32531
32531
|
}
|
|
32532
32532
|
|
|
32533
|
-
// src/illustrations/
|
|
32533
|
+
// src/illustrations/AiTableIllustration.tsx
|
|
32534
32534
|
import { trussProps as trussProps145 } from "@homebound/truss/runtime";
|
|
32535
32535
|
import { jsx as jsx254, jsxs as jsxs136 } from "react/jsx-runtime";
|
|
32536
|
+
function AiTableIllustration(props) {
|
|
32537
|
+
const {
|
|
32538
|
+
width: width2 = 349
|
|
32539
|
+
} = props;
|
|
32540
|
+
return /* @__PURE__ */ jsxs136("svg", { viewBox: "0 0 349 197", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...trussProps145({
|
|
32541
|
+
width: ["w_var", {
|
|
32542
|
+
"--width": `${width2}px`
|
|
32543
|
+
}],
|
|
32544
|
+
maxWidth: "maxw100",
|
|
32545
|
+
height: "ha"
|
|
32546
|
+
}), children: [
|
|
32547
|
+
/* @__PURE__ */ jsx254("rect", { x: "136.78", y: "22.45", width: "128.37", height: "126.07", rx: "7.38", stroke: "#C1B2F9", strokeWidth: "2.54", strokeLinecap: "round", strokeDasharray: "3.8 7.72", strokeDashoffset: "3.8" }),
|
|
32548
|
+
/* @__PURE__ */ jsx254("rect", { x: "96.22", y: "41.46", width: "144.5", height: "129.41", rx: "7.95", fill: "white" }),
|
|
32549
|
+
/* @__PURE__ */ jsx254("path", { d: "M96.22 64.17V49.42A7.95 7.95 0 0 1 104.17 41.46H232.77A7.95 7.95 0 0 1 240.72 49.42V64.17Z", fill: "#E2DFF5" }),
|
|
32550
|
+
/* @__PURE__ */ jsx254("circle", { cx: "115.97", cy: "78.34", r: "4.91", fill: "#B6B2E1" }),
|
|
32551
|
+
/* @__PURE__ */ jsx254("circle", { cx: "115.97", cy: "104.77", r: "4.91", fill: "#B6B2E1" }),
|
|
32552
|
+
/* @__PURE__ */ jsx254("circle", { cx: "115.97", cy: "131.19", r: "4.91", fill: "#B6B2E1" }),
|
|
32553
|
+
/* @__PURE__ */ jsx254("path", { d: "M96.22 64.17H240.72M135.63 64.17V170.87M195.78 41.46V170.87M96.22 91.48H240.72M96.22 117.87H240.72M96.22 144.37H240.72", stroke: "#7A7FA8", strokeWidth: "2.54" }),
|
|
32554
|
+
/* @__PURE__ */ jsx254("rect", { x: "96.22", y: "41.46", width: "144.5", height: "129.41", rx: "7.95", stroke: "#7A7FA8", strokeWidth: "2.54" }),
|
|
32555
|
+
/* @__PURE__ */ jsx254("path", { d: "M66.17 20.23L68.14 11.26A1.4 1.4 0 0 1 70.87 11.26L72.85 20.23L81.32 22.16A1.41 1.41 0 0 1 81.32 24.91L72.85 26.84L70.87 35.81A1.4 1.4 0 0 1 68.14 35.81L66.17 26.84L57.69 24.91A1.41 1.41 0 0 1 57.69 22.16Z", fill: "#9357FD" }),
|
|
32556
|
+
/* @__PURE__ */ jsx254("path", { d: "M70.85 70.65L72.08 65.07A0.86 0.86 0 0 1 73.76 65.07L74.99 70.65L80.19 71.84A0.87 0.87 0 0 1 80.19 73.54L74.99 74.74L73.76 80.31A0.86 0.86 0 0 1 72.08 80.31L70.85 74.74L65.64 73.54A0.87 0.87 0 0 1 65.64 71.84Z", fill: "#A475FD" }),
|
|
32557
|
+
/* @__PURE__ */ jsx254("path", { d: "M287.22 122.98L288.89 115.34A1.16 1.16 0 0 1 291.15 115.34L292.82 122.98L299.71 124.58A1.18 1.18 0 0 1 299.71 126.87L292.82 128.47L291.15 136.1A1.16 1.16 0 0 1 288.89 136.1L287.22 128.47L280.33 126.87A1.18 1.18 0 0 1 280.33 124.58Z", fill: "#955BFD" })
|
|
32558
|
+
] });
|
|
32559
|
+
}
|
|
32560
|
+
|
|
32561
|
+
// src/illustrations/DocumentUploadIllustration.tsx
|
|
32562
|
+
import { trussProps as trussProps146 } from "@homebound/truss/runtime";
|
|
32563
|
+
import { jsx as jsx255, jsxs as jsxs137 } from "react/jsx-runtime";
|
|
32536
32564
|
function DocumentUploadIllustration(props) {
|
|
32537
32565
|
const {
|
|
32538
32566
|
width: width2 = 338
|
|
32539
32567
|
} = props;
|
|
32540
|
-
return /* @__PURE__ */
|
|
32568
|
+
return /* @__PURE__ */ jsxs137("svg", { viewBox: "0 0 338.25 270.6", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...trussProps146({
|
|
32541
32569
|
width: ["w_var", {
|
|
32542
32570
|
"--width": `${width2}px`
|
|
32543
32571
|
}],
|
|
32544
32572
|
maxWidth: "maxw100",
|
|
32545
32573
|
height: "ha"
|
|
32546
32574
|
}), children: [
|
|
32547
|
-
/* @__PURE__ */
|
|
32548
|
-
/* @__PURE__ */
|
|
32549
|
-
/* @__PURE__ */
|
|
32550
|
-
/* @__PURE__ */
|
|
32551
|
-
/* @__PURE__ */
|
|
32552
|
-
/* @__PURE__ */
|
|
32553
|
-
/* @__PURE__ */
|
|
32554
|
-
/* @__PURE__ */
|
|
32555
|
-
/* @__PURE__ */
|
|
32556
|
-
/* @__PURE__ */
|
|
32557
|
-
/* @__PURE__ */
|
|
32575
|
+
/* @__PURE__ */ jsx255("path", { d: "M256.146 107.294C256.146 107.294 267.377 64.7481 227.738 51.0067C188.1 37.2653 159.572 58.7309 145.026 75.3184C129.963 92.4952 127.849 132.662 96.9308 140.326C66.0126 147.989 59.4329 170.861 62.313 186.571C65.2199 202.426 72.3548 210.618 107.501 210.618H231.174C231.174 210.618 270.548 216.961 278.476 197.406C286.404 177.85 276.362 168.337 259.978 154.596C243.594 140.854 243.594 131.077 249.143 122.356C254.693 113.636 256.146 107.294 256.146 107.294Z", fill: "#F1F4F9" }),
|
|
32576
|
+
/* @__PURE__ */ jsx255("path", { d: "M198.269 73.0502H132.422C125.722 73.0502 120.291 80.558 120.291 89.8194V194.831C120.291 204.092 125.722 211.6 132.422 211.6H211.249C217.949 211.6 223.38 204.092 223.38 194.831V100.978L198.269 73.0502Z", fill: "white" }),
|
|
32577
|
+
/* @__PURE__ */ jsx255("path", { d: "M201.273 78.2404C200.767 78.2404 200.262 78.0337 199.897 77.6275L197.444 74.8999H193.776C192.754 74.8999 191.926 74.0718 191.926 73.0501C191.926 72.0284 192.754 71.2003 193.776 71.2003H198.268C198.793 71.2003 199.293 71.4232 199.644 71.8132L202.648 75.1537C203.331 75.9135 203.269 77.083 202.509 77.7661C202.156 78.0839 201.714 78.2404 201.273 78.2404Z", fill: "#798295" }),
|
|
32578
|
+
/* @__PURE__ */ jsx255("path", { d: "M211.249 213.45H211.111C210.09 213.45 209.261 212.622 209.261 211.6C209.261 210.578 210.09 209.75 211.111 209.75H211.249C214.146 209.75 216.274 208.026 217.55 206.579C218.225 205.813 219.394 205.739 220.161 206.415C220.927 207.091 221.001 208.26 220.325 209.026C217.809 211.879 214.586 213.45 211.249 213.45ZM203.446 213.45H194.459C193.437 213.45 192.609 212.622 192.609 211.6C192.609 210.578 193.437 209.75 194.459 209.75H203.446C204.467 209.75 205.296 210.578 205.296 211.6C205.296 212.622 204.467 213.45 203.446 213.45ZM186.793 213.45H177.806C176.784 213.45 175.956 212.622 175.956 211.6C175.956 210.578 176.784 209.75 177.806 209.75H186.793C187.815 209.75 188.643 210.578 188.643 211.6C188.643 212.622 187.815 213.45 186.793 213.45ZM170.14 213.45H161.153C160.131 213.45 159.303 212.622 159.303 211.6C159.303 210.578 160.131 209.75 161.153 209.75H170.14C171.162 209.75 171.99 210.578 171.99 211.6C171.99 212.622 171.162 213.45 170.14 213.45ZM153.488 213.45H144.5C143.479 213.45 142.651 212.622 142.651 211.6C142.651 210.578 143.479 209.75 144.5 209.75H153.488C154.509 209.75 155.337 210.578 155.337 211.6C155.337 212.622 154.509 213.45 153.488 213.45ZM136.835 213.45H132.422C130.603 213.45 128.835 212.997 127.167 212.104C126.267 211.621 125.928 210.5 126.41 209.599C126.893 208.699 128.014 208.359 128.914 208.842C130.039 209.445 131.219 209.75 132.422 209.75H136.835C137.857 209.75 138.685 210.578 138.685 211.6C138.685 212.622 137.857 213.45 136.835 213.45ZM122.794 206.881C122.144 206.881 121.513 206.538 121.175 205.929C119.662 203.203 118.738 199.971 118.502 196.584C118.431 195.565 119.2 194.681 120.219 194.61C121.236 194.544 122.122 195.308 122.193 196.328C122.391 199.178 123.158 201.877 124.41 204.133C124.905 205.027 124.583 206.153 123.69 206.648C123.406 206.806 123.098 206.881 122.794 206.881ZM222.508 202.938C222.337 202.938 222.163 202.914 221.99 202.864C221.009 202.578 220.445 201.552 220.731 200.571C221.261 198.75 221.53 196.819 221.53 194.831V192.183C221.53 191.161 222.358 190.333 223.38 190.333C224.402 190.333 225.23 191.161 225.23 192.183V194.831C225.229 197.169 224.911 199.448 224.283 201.605C224.048 202.413 223.309 202.938 222.508 202.938ZM120.291 190.641C119.27 190.641 118.441 189.813 118.441 188.792V179.804C118.441 178.783 119.27 177.955 120.291 177.955C121.313 177.955 122.141 178.783 122.141 179.804V188.792C122.141 189.813 121.313 190.641 120.291 190.641ZM223.38 186.367C222.358 186.367 221.53 185.539 221.53 184.517V175.53C221.53 174.508 222.358 173.68 223.38 173.68C224.402 173.68 225.23 174.508 225.23 175.53V184.517C225.23 185.539 224.402 186.367 223.38 186.367ZM120.291 173.989C119.27 173.989 118.441 173.161 118.441 172.139V163.152C118.441 162.13 119.27 161.302 120.291 161.302C121.313 161.302 122.141 162.13 122.141 163.152V172.139C122.141 173.161 121.313 173.989 120.291 173.989ZM223.38 169.714C222.358 169.714 221.53 168.886 221.53 167.864V158.877C221.53 157.855 222.358 157.027 223.38 157.027C224.402 157.027 225.23 157.855 225.23 158.877V167.864C225.23 168.886 224.402 169.714 223.38 169.714ZM120.291 157.336C119.27 157.336 118.441 156.508 118.441 155.486V146.499C118.441 145.477 119.27 144.649 120.291 144.649C121.313 144.649 122.141 145.477 122.141 146.499V155.486C122.141 156.508 121.313 157.336 120.291 157.336ZM223.38 153.061C222.358 153.061 221.53 152.233 221.53 151.211V142.224C221.53 141.203 222.358 140.375 223.38 140.375C224.402 140.375 225.23 141.203 225.23 142.224V151.211C225.23 152.233 224.402 153.061 223.38 153.061ZM120.291 140.683C119.27 140.683 118.441 139.855 118.441 138.833V129.846C118.441 128.825 119.27 127.997 120.291 127.997C121.313 127.997 122.141 128.825 122.141 129.846V138.833C122.141 139.855 121.313 140.683 120.291 140.683ZM223.38 136.409C222.358 136.409 221.53 135.581 221.53 134.559V125.572C221.53 124.55 222.358 123.722 223.38 123.722C224.402 123.722 225.23 124.55 225.23 125.572V134.559C225.23 135.581 224.402 136.409 223.38 136.409ZM120.291 124.031C119.27 124.031 118.441 123.202 118.441 122.181V113.194C118.441 112.172 119.27 111.344 120.291 111.344C121.313 111.344 122.141 112.172 122.141 113.194V122.181C122.141 123.202 121.313 124.031 120.291 124.031ZM223.38 119.756C222.358 119.756 221.53 118.928 221.53 117.906V108.919C221.53 107.897 222.358 107.069 223.38 107.069C224.402 107.069 225.23 107.897 225.23 108.919V117.906C225.23 118.928 224.402 119.756 223.38 119.756ZM120.291 107.378C119.27 107.378 118.441 106.55 118.441 105.528V96.5409C118.441 95.5193 119.27 94.6911 120.291 94.6911C121.313 94.6911 122.141 95.5193 122.141 96.5409V105.528C122.141 106.55 121.313 107.378 120.291 107.378ZM223.38 103.103C222.537 103.103 221.825 102.539 221.603 101.768L216.18 95.7367C215.497 94.9771 215.559 93.8075 216.318 93.1244C217.078 92.4415 218.248 92.5033 218.931 93.2631L224.755 99.7411C225.061 100.081 225.23 100.521 225.23 100.978V101.253C225.23 102.275 224.402 103.103 223.38 103.103ZM120.312 90.7253C120.287 90.7253 120.262 90.7248 120.236 90.7239C119.215 90.683 118.421 89.8222 118.462 88.8015C118.597 85.4287 119.413 82.1733 120.823 79.3874C121.284 78.4757 122.396 78.1104 123.308 78.5715C124.22 79.0327 124.585 80.1455 124.124 81.0571C122.952 83.3736 122.273 86.1027 122.159 88.9496C122.119 89.9452 121.299 90.7253 120.312 90.7253ZM212.43 90.6496C211.924 90.6496 211.42 90.4429 211.054 90.0366L205.045 83.3536C204.362 82.594 204.425 81.4244 205.184 80.7413C205.944 80.0585 207.113 80.12 207.796 80.88L213.805 87.563C214.489 88.3226 214.426 89.4923 213.667 90.1753C213.313 90.4931 212.871 90.6496 212.43 90.6496ZM127.452 76.3686C126.834 76.3686 126.23 76.0589 125.88 75.4953C125.34 74.6277 125.606 73.487 126.474 72.9477C128.338 71.7883 130.34 71.2004 132.422 71.2004H136.152C137.174 71.2004 138.002 72.0286 138.002 73.0502C138.002 74.0719 137.174 74.9 136.152 74.9H132.422C131.041 74.9 129.697 75.3002 128.427 76.0893C128.123 76.2784 127.786 76.3686 127.452 76.3686ZM186.111 74.9H177.123C176.102 74.9 175.274 74.0719 175.274 73.0502C175.274 72.0286 176.102 71.2004 177.123 71.2004H186.111C187.132 71.2004 187.96 72.0286 187.96 73.0502C187.96 74.0719 187.132 74.9 186.111 74.9ZM169.458 74.9H160.471C159.449 74.9 158.621 74.0719 158.621 73.0502C158.621 72.0286 159.449 71.2004 160.471 71.2004H169.458C170.48 71.2004 171.308 72.0286 171.308 73.0502C171.308 74.0719 170.48 74.9 169.458 74.9ZM152.805 74.9H143.818C142.796 74.9 141.968 74.0719 141.968 73.0502C141.968 72.0286 142.796 71.2004 143.818 71.2004H152.805C153.827 71.2004 154.655 72.0286 154.655 73.0502C154.655 74.0719 153.827 74.9 152.805 74.9Z", fill: "#798295" }),
|
|
32579
|
+
/* @__PURE__ */ jsx255("path", { d: "M192.785 83.3351V99.2582C192.785 102.885 195.726 105.826 199.353 105.826H215.482", fill: "white" }),
|
|
32580
|
+
/* @__PURE__ */ jsx255("path", { d: "M215.39 107.676H206.406C205.384 107.676 204.556 106.848 204.556 105.826C204.556 104.804 205.384 103.976 206.406 103.976H215.39C216.412 103.976 217.24 104.804 217.24 105.826C217.24 106.848 216.412 107.676 215.39 107.676ZM198.745 107.648C198.689 107.648 198.632 107.645 198.574 107.64C194.611 107.275 191.419 104.139 190.986 100.183C190.874 99.1675 191.608 98.2541 192.623 98.1428C193.636 98.0331 194.552 98.7646 194.663 99.7801C194.906 101.996 196.693 103.752 198.913 103.956C199.93 104.049 200.679 104.95 200.585 105.967C200.497 106.927 199.691 107.648 198.745 107.648ZM192.785 94.1696C191.764 94.1696 190.936 93.3415 190.936 92.3198V83.335C190.936 82.3134 191.764 81.4852 192.785 81.4852C193.807 81.4852 194.635 82.3134 194.635 83.335V92.3198C194.635 93.3415 193.807 94.1696 192.785 94.1696Z", fill: "#798295" }),
|
|
32581
|
+
/* @__PURE__ */ jsx255("path", { d: "M189.911 178.207H154.776C153.609 178.207 152.662 177.261 152.662 176.093C152.662 174.926 153.609 173.979 154.776 173.979H189.911C191.078 173.979 192.025 174.926 192.025 176.093C192.025 177.261 191.078 178.207 189.911 178.207Z", fill: "#798295" }),
|
|
32582
|
+
/* @__PURE__ */ jsx255("path", { d: "M171.711 166.32C170.544 166.32 169.597 165.373 169.597 164.206V124.131C169.597 122.963 170.544 122.017 171.711 122.017C172.878 122.017 173.825 122.963 173.825 124.131V164.206C173.825 165.373 172.878 166.32 171.711 166.32Z", fill: "#798295" }),
|
|
32583
|
+
/* @__PURE__ */ jsx255("path", { d: "M191.126 144.439C190.608 144.439 190.089 144.25 189.681 143.868L171.72 127.037L154 143.858C153.154 144.662 151.815 144.628 151.012 143.781C150.208 142.934 150.243 141.596 151.089 140.792L170.256 122.597C171.068 121.827 172.34 121.823 173.157 122.588L192.572 140.783C193.424 141.581 193.467 142.919 192.669 143.771C192.253 144.215 191.69 144.439 191.126 144.439Z", fill: "#798295" }),
|
|
32584
|
+
/* @__PURE__ */ jsx255("path", { d: "M264.954 212.204H230.865C229.989 212.204 229.279 211.494 229.279 210.618C229.279 209.743 229.989 209.033 230.865 209.033H264.954C265.83 209.033 266.54 209.743 266.54 210.618C266.54 211.494 265.83 212.204 264.954 212.204Z", fill: "#798295" }),
|
|
32585
|
+
/* @__PURE__ */ jsx255("path", { d: "M112.806 212.204H80.0384C79.1628 212.204 78.4529 211.494 78.4529 210.618C78.4529 209.743 79.1628 209.033 80.0384 209.033H112.806C113.682 209.033 114.392 209.743 114.392 210.618C114.392 211.494 113.682 212.204 112.806 212.204Z", fill: "#798295" })
|
|
32558
32586
|
] });
|
|
32559
32587
|
}
|
|
32560
32588
|
|
|
32561
32589
|
// src/layouts/SideNavLayout/SideNavLayout.tsx
|
|
32562
|
-
import { trussProps as
|
|
32563
|
-
import { jsx as
|
|
32590
|
+
import { trussProps as trussProps147, mergeProps as mergeProps43, maybeCssVar as maybeCssVar68 } from "@homebound/truss/runtime";
|
|
32591
|
+
import { jsx as jsx256, jsxs as jsxs138 } from "react/jsx-runtime";
|
|
32564
32592
|
var __maybeInc29 = (inc) => {
|
|
32565
32593
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
32566
32594
|
};
|
|
32567
32595
|
function SideNavLayout(props) {
|
|
32568
32596
|
const hasProvider = useHasSideNavLayoutProvider();
|
|
32569
|
-
if (hasProvider) return /* @__PURE__ */
|
|
32570
|
-
return /* @__PURE__ */
|
|
32597
|
+
if (hasProvider) return /* @__PURE__ */ jsx256(SideNavLayoutContent, { ...props });
|
|
32598
|
+
return /* @__PURE__ */ jsx256(SideNavLayoutProvider, { children: /* @__PURE__ */ jsx256(SideNavLayoutContent, { ...props }) });
|
|
32571
32599
|
}
|
|
32572
32600
|
function SideNavLayoutContent(props) {
|
|
32573
32601
|
const {
|
|
@@ -32590,7 +32618,7 @@ function SideNavLayoutContent(props) {
|
|
|
32590
32618
|
const railOffsetPx = !showRail ? 0 : !bp.mdAndUp || collapsed ? railCollapsedWidthPx : railWidthPx;
|
|
32591
32619
|
const navTop = belowNavbarOffset();
|
|
32592
32620
|
const railViewportHeight = `calc(var(${beamLayoutViewportHeightVar}, 100vh) - var(${beamEnvironmentBannerLayoutHeightVar}, 0px) - var(${beamNavbarLayoutHeightVar}, 0px))`;
|
|
32593
|
-
const rail = showRail && /* @__PURE__ */
|
|
32621
|
+
const rail = showRail && /* @__PURE__ */ jsxs138("div", { ...trussProps147({
|
|
32594
32622
|
...{
|
|
32595
32623
|
display: "df",
|
|
32596
32624
|
flexDirection: "fdc",
|
|
@@ -32647,18 +32675,18 @@ function SideNavLayoutContent(props) {
|
|
|
32647
32675
|
}
|
|
32648
32676
|
}
|
|
32649
32677
|
}), ...tid.sideNav, children: [
|
|
32650
|
-
showCollapseToggle && /* @__PURE__ */
|
|
32651
|
-
/* @__PURE__ */
|
|
32678
|
+
showCollapseToggle && /* @__PURE__ */ jsx256("div", { className: "absolute r_2 top2 z2", children: /* @__PURE__ */ jsx256(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
|
|
32679
|
+
/* @__PURE__ */ jsx256("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ jsx256(SideNav, { ...sideNav }) })
|
|
32652
32680
|
] });
|
|
32653
|
-
return /* @__PURE__ */
|
|
32681
|
+
return /* @__PURE__ */ jsx256(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs138("div", { ...mergeProps43(void 0, {
|
|
32654
32682
|
[beamSideNavLayoutWidthVar]: `${railOffsetPx}px`
|
|
32655
32683
|
}, {
|
|
32656
32684
|
display: "df",
|
|
32657
32685
|
flexDirection: "fdr",
|
|
32658
32686
|
width: "w100"
|
|
32659
32687
|
}), ...tid, children: [
|
|
32660
|
-
contrastRail ? /* @__PURE__ */
|
|
32661
|
-
/* @__PURE__ */
|
|
32688
|
+
contrastRail ? /* @__PURE__ */ jsx256(ContrastScope, { children: rail }) : rail,
|
|
32689
|
+
/* @__PURE__ */ jsx256("div", { ...trussProps147({
|
|
32662
32690
|
display: "df",
|
|
32663
32691
|
flexDirection: "fdc",
|
|
32664
32692
|
flexGrow: "fg1",
|
|
@@ -32675,7 +32703,7 @@ function SideNavLayoutContent(props) {
|
|
|
32675
32703
|
|
|
32676
32704
|
// src/layouts/CenteredLayout/CenteredLayout.tsx
|
|
32677
32705
|
import { mergeProps as mergeProps44 } from "@homebound/truss/runtime";
|
|
32678
|
-
import { jsx as
|
|
32706
|
+
import { jsx as jsx257 } from "react/jsx-runtime";
|
|
32679
32707
|
function CenteredLayout(props) {
|
|
32680
32708
|
const {
|
|
32681
32709
|
size,
|
|
@@ -32687,7 +32715,7 @@ function CenteredLayout(props) {
|
|
|
32687
32715
|
mdAndUp
|
|
32688
32716
|
} = useBreakpoint();
|
|
32689
32717
|
const rightPane = resolveWithRightPaneOptions(withRightPane);
|
|
32690
|
-
const shell = /* @__PURE__ */
|
|
32718
|
+
const shell = /* @__PURE__ */ jsx257(ContentInsetProvider, { children: /* @__PURE__ */ jsx257("div", { ...mergeProps44(void 0, {
|
|
32691
32719
|
// layoutContainer descendants (e.g. ContentHeader) read this to inset sticky horizontal chrome within the shell padding.
|
|
32692
32720
|
[beamLayoutContentPaddingXVar]: mdAndUp ? pageContentPaddingXValue : smPageContentPaddingXValue,
|
|
32693
32721
|
// Floor while an ancestor overlay pane is open (`0px` when closed). `md+` only — phones must not get a dummy scrollbar.
|
|
@@ -32706,7 +32734,7 @@ function CenteredLayout(props) {
|
|
|
32706
32734
|
...pageContentPaddingX
|
|
32707
32735
|
}), ...tid, children }) });
|
|
32708
32736
|
if (!rightPane) return shell;
|
|
32709
|
-
return /* @__PURE__ */
|
|
32737
|
+
return /* @__PURE__ */ jsx257(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
|
|
32710
32738
|
}
|
|
32711
32739
|
var centeredContentMaxPx = {
|
|
32712
32740
|
sm: 720,
|
|
@@ -32719,8 +32747,8 @@ var centeredShellMaxPx = {
|
|
|
32719
32747
|
};
|
|
32720
32748
|
|
|
32721
32749
|
// src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
|
|
32722
|
-
import { trussProps as
|
|
32723
|
-
import { jsx as
|
|
32750
|
+
import { trussProps as trussProps148, mergeProps as mergeProps45, maybeCssVar as maybeCssVar69 } from "@homebound/truss/runtime";
|
|
32751
|
+
import { jsx as jsx258, jsxs as jsxs139 } from "react/jsx-runtime";
|
|
32724
32752
|
var __maybeInc30 = (inc) => {
|
|
32725
32753
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
32726
32754
|
};
|
|
@@ -32736,18 +32764,18 @@ function EnvironmentBannerLayout(props) {
|
|
|
32736
32764
|
[beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
|
|
32737
32765
|
};
|
|
32738
32766
|
const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
|
|
32739
|
-
return /* @__PURE__ */
|
|
32767
|
+
return /* @__PURE__ */ jsx258(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx258(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs139("div", { ...mergeProps45(void 0, style, {
|
|
32740
32768
|
display: "df",
|
|
32741
32769
|
flexDirection: "fdc",
|
|
32742
32770
|
width: "wfc",
|
|
32743
32771
|
minWidth: "mw100"
|
|
32744
32772
|
}), ...tid, children: [
|
|
32745
|
-
showBanner && environmentBanner && /* @__PURE__ */
|
|
32773
|
+
showBanner && environmentBanner && /* @__PURE__ */ jsx258("div", { ...mergeProps45(void 0, {
|
|
32746
32774
|
height: environmentBannerSizePx
|
|
32747
32775
|
}, {
|
|
32748
32776
|
flexShrink: "fs0",
|
|
32749
32777
|
width: "w100"
|
|
32750
|
-
}), children: /* @__PURE__ */
|
|
32778
|
+
}), children: /* @__PURE__ */ jsx258("div", { ...trussProps148({
|
|
32751
32779
|
position: "fixed",
|
|
32752
32780
|
top: "top0",
|
|
32753
32781
|
left: "l_0",
|
|
@@ -32757,24 +32785,24 @@ function EnvironmentBannerLayout(props) {
|
|
|
32757
32785
|
width: ["w_var", {
|
|
32758
32786
|
"--width": maybeCssVar69(__maybeInc30(innerWidth))
|
|
32759
32787
|
}]
|
|
32760
|
-
}), ...tid.bannerSticky, children: /* @__PURE__ */
|
|
32788
|
+
}), ...tid.bannerSticky, children: /* @__PURE__ */ jsx258(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
|
|
32761
32789
|
children
|
|
32762
32790
|
] }) }) });
|
|
32763
32791
|
}
|
|
32764
32792
|
|
|
32765
32793
|
// src/layouts/FormSectionLayout/FormSectionLayout.tsx
|
|
32766
|
-
import { trussProps as
|
|
32794
|
+
import { trussProps as trussProps152, maybeCssVar as maybeCssVar72 } from "@homebound/truss/runtime";
|
|
32767
32795
|
|
|
32768
32796
|
// src/forms/FormSection/FormSection.tsx
|
|
32769
32797
|
import { useCheckboxGroup as useCheckboxGroup4, useRadioGroup as useRadioGroup3 } from "react-aria";
|
|
32770
32798
|
import { useCheckboxGroupState as useCheckboxGroupState4, useRadioGroupState as useRadioGroupState3 } from "react-stately";
|
|
32771
|
-
import { trussProps as
|
|
32799
|
+
import { trussProps as trussProps150, maybeCssVar as maybeCssVar70 } from "@homebound/truss/runtime";
|
|
32772
32800
|
|
|
32773
32801
|
// src/forms/FormSection/FormSectionChild.tsx
|
|
32774
32802
|
import { useRef as useRef77 } from "react";
|
|
32775
32803
|
import { mergeProps as mergeProps46, useCheckboxGroupItem as useCheckboxGroupItem4, useFocusRing as useFocusRing23, useRadio as useRadio3, VisuallyHidden as VisuallyHidden11 } from "react-aria";
|
|
32776
|
-
import { trussProps as
|
|
32777
|
-
import { Fragment as Fragment56, jsx as
|
|
32804
|
+
import { trussProps as trussProps149 } from "@homebound/truss/runtime";
|
|
32805
|
+
import { Fragment as Fragment56, jsx as jsx259, jsxs as jsxs140 } from "react/jsx-runtime";
|
|
32778
32806
|
function FormSectionChild(props) {
|
|
32779
32807
|
const {
|
|
32780
32808
|
title,
|
|
@@ -32797,11 +32825,11 @@ function FormSectionChild(props) {
|
|
|
32797
32825
|
id: props.id ?? title,
|
|
32798
32826
|
itemRef
|
|
32799
32827
|
});
|
|
32800
|
-
const control = group?.mode === "single" ? /* @__PURE__ */
|
|
32801
|
-
return /* @__PURE__ */
|
|
32828
|
+
const control = group?.mode === "single" ? /* @__PURE__ */ jsx259(FormSectionChildRadio, { state: group.state, value, label: title, ...tid.radio }) : group?.mode === "multiple" ? /* @__PURE__ */ jsx259(FormSectionChildCheckbox, { state: group.state, value, label: title, ...tid.checkbox }) : selection ? /* @__PURE__ */ jsx259(BoundCheckboxField, { field: selection.field, label: title, checkboxOnly: true, ...tid.checkbox }) : void 0;
|
|
32829
|
+
return /* @__PURE__ */ jsxs140("div", { ...isDraggable ? {
|
|
32802
32830
|
...dragItemProps,
|
|
32803
32831
|
ref: itemRef
|
|
32804
|
-
} : {}, ...
|
|
32832
|
+
} : {}, ...trussProps149({
|
|
32805
32833
|
display: "df",
|
|
32806
32834
|
flexDirection: "fdc",
|
|
32807
32835
|
gap: "g_2",
|
|
@@ -32817,8 +32845,8 @@ function FormSectionChild(props) {
|
|
|
32817
32845
|
borderStyle: "lot_bsn",
|
|
32818
32846
|
borderWidth: "lot_bw_0"
|
|
32819
32847
|
}), ...tid, children: [
|
|
32820
|
-
/* @__PURE__ */
|
|
32821
|
-
isDraggable && /* @__PURE__ */
|
|
32848
|
+
/* @__PURE__ */ jsx259(ContentHeader, { ...tid.header, title, description, actions, level: 4, rightSlotLead: tag && /* @__PURE__ */ jsx259(Tag, { ...tag, ...tid.tag }), startAdornment: isDraggable || control ? /* @__PURE__ */ jsxs140(Fragment56, { children: [
|
|
32849
|
+
isDraggable && /* @__PURE__ */ jsx259(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }),
|
|
32822
32850
|
control
|
|
32823
32851
|
] }) : void 0 }),
|
|
32824
32852
|
fields
|
|
@@ -32844,7 +32872,7 @@ function FormSectionChildRadio(props) {
|
|
|
32844
32872
|
isFocusVisible
|
|
32845
32873
|
} = useFocusRing23();
|
|
32846
32874
|
const tid = useTestIds(props);
|
|
32847
|
-
return /* @__PURE__ */
|
|
32875
|
+
return /* @__PURE__ */ jsx259(StyledRadio, { isDisabled, isSelected, isFocusVisible, inputProps: {
|
|
32848
32876
|
...mergeProps46(inputProps, focusProps),
|
|
32849
32877
|
ref,
|
|
32850
32878
|
...tid
|
|
@@ -32872,21 +32900,21 @@ function FormSectionChildCheckbox(props) {
|
|
|
32872
32900
|
const tid = useTestIds(props);
|
|
32873
32901
|
return (
|
|
32874
32902
|
// `StyledCheckbox` is just the visual box, so the label makes clicking it toggle the hidden input
|
|
32875
|
-
/* @__PURE__ */
|
|
32903
|
+
/* @__PURE__ */ jsxs140("label", { ...trussProps149({
|
|
32876
32904
|
display: "df",
|
|
32877
32905
|
cursor: "cur_pointer",
|
|
32878
32906
|
...isDisabled ? {
|
|
32879
32907
|
cursor: "cur_not_allowed"
|
|
32880
32908
|
} : {}
|
|
32881
32909
|
}), children: [
|
|
32882
|
-
/* @__PURE__ */
|
|
32883
|
-
/* @__PURE__ */
|
|
32910
|
+
/* @__PURE__ */ jsx259(VisuallyHidden11, { children: /* @__PURE__ */ jsx259("input", { ref, ...mergeProps46(inputProps, focusProps), ...tid }) }),
|
|
32911
|
+
/* @__PURE__ */ jsx259(StyledCheckbox, { isDisabled, isSelected, isFocusVisible })
|
|
32884
32912
|
] })
|
|
32885
32913
|
);
|
|
32886
32914
|
}
|
|
32887
32915
|
|
|
32888
32916
|
// src/forms/FormSection/FormSection.tsx
|
|
32889
|
-
import { jsx as
|
|
32917
|
+
import { jsx as jsx260, jsxs as jsxs141 } from "react/jsx-runtime";
|
|
32890
32918
|
function FormSection(props) {
|
|
32891
32919
|
const {
|
|
32892
32920
|
title,
|
|
@@ -32897,7 +32925,7 @@ function FormSection(props) {
|
|
|
32897
32925
|
selection
|
|
32898
32926
|
} = props;
|
|
32899
32927
|
const tid = useTestIds(props, "formSection");
|
|
32900
|
-
return /* @__PURE__ */
|
|
32928
|
+
return /* @__PURE__ */ jsxs141("div", { id: defaultTestId(title), ...trussProps150({
|
|
32901
32929
|
display: "df",
|
|
32902
32930
|
flexDirection: "fdc",
|
|
32903
32931
|
gap: "g_2",
|
|
@@ -32905,9 +32933,9 @@ function FormSection(props) {
|
|
|
32905
32933
|
"--scrollMarginTop": maybeCssVar70(stickyNavAndHeaderOffset())
|
|
32906
32934
|
}]
|
|
32907
32935
|
}), ...tid.section, children: [
|
|
32908
|
-
/* @__PURE__ */
|
|
32936
|
+
/* @__PURE__ */ jsx260(ContentHeader, { ...tid, title, description, actions, level: 3 }),
|
|
32909
32937
|
fields,
|
|
32910
|
-
childSections && (selection?.mode === "single" ? /* @__PURE__ */
|
|
32938
|
+
childSections && (selection?.mode === "single" ? /* @__PURE__ */ jsx260(FormSectionRadioGroup, { field: selection.field, label: title, childSections, ...tid }) : selection?.mode === "multiple" ? /* @__PURE__ */ jsx260(FormSectionCheckboxGroup, { field: selection.field, label: title, childSections, ...tid }) : /* @__PURE__ */ jsx260(ChildSectionList, { childSections, ...tid.childSection }))
|
|
32911
32939
|
] });
|
|
32912
32940
|
}
|
|
32913
32941
|
function FormSectionRadioGroup(props) {
|
|
@@ -32940,7 +32968,7 @@ function FormSectionRadioGroup(props) {
|
|
|
32940
32968
|
onFocus: () => field.focus(),
|
|
32941
32969
|
onBlur: () => field.blur()
|
|
32942
32970
|
}, state);
|
|
32943
|
-
return /* @__PURE__ */
|
|
32971
|
+
return /* @__PURE__ */ jsx260("div", { ...radioGroupProps, ...tid.childGroup, children: /* @__PURE__ */ jsx260(ChildSectionList, { childSections, group: {
|
|
32944
32972
|
mode: "single",
|
|
32945
32973
|
state
|
|
32946
32974
|
}, ...tid.childSection }) });
|
|
@@ -32975,7 +33003,7 @@ function FormSectionCheckboxGroup(props) {
|
|
|
32975
33003
|
onFocus: () => field.focus(),
|
|
32976
33004
|
onBlur: () => field.blur()
|
|
32977
33005
|
}, state);
|
|
32978
|
-
return /* @__PURE__ */
|
|
33006
|
+
return /* @__PURE__ */ jsx260("div", { ...groupProps, ...tid.childGroup, children: /* @__PURE__ */ jsx260(ChildSectionList, { childSections, group: {
|
|
32979
33007
|
mode: "multiple",
|
|
32980
33008
|
state
|
|
32981
33009
|
}, ...tid.childSection }) });
|
|
@@ -32986,7 +33014,7 @@ function ChildSectionList(props) {
|
|
|
32986
33014
|
group,
|
|
32987
33015
|
...tid
|
|
32988
33016
|
} = props;
|
|
32989
|
-
return isReorderable(childSections) ? /* @__PURE__ */
|
|
33017
|
+
return isReorderable(childSections) ? /* @__PURE__ */ jsx260(DraggableChildren, { childSections, group, ...tid }) : /* @__PURE__ */ jsx260("div", { className: "df fdc g_3", children: childSections.map((child) => /* @__PURE__ */ jsx260(FormSectionChild, { ...child, group, ...tid }, child.id ?? child.title)) });
|
|
32990
33018
|
}
|
|
32991
33019
|
function isReorderable(childSections) {
|
|
32992
33020
|
return childSections.length > 0 && childSections.every((c) => !!c.orderField);
|
|
@@ -33009,18 +33037,18 @@ function DraggableChildren(props) {
|
|
|
33009
33037
|
}
|
|
33010
33038
|
});
|
|
33011
33039
|
};
|
|
33012
|
-
return /* @__PURE__ */
|
|
33040
|
+
return /* @__PURE__ */ jsx260(DnDGrid, { onReorder: handleReorder, lockAxis: "y", gridStyles: {
|
|
33013
33041
|
gridTemplateColumns: "gtc_minmax_0_1fr",
|
|
33014
33042
|
gap: "g_3"
|
|
33015
|
-
}, children: sorted.map((child) => /* @__PURE__ */
|
|
33043
|
+
}, children: sorted.map((child) => /* @__PURE__ */ jsx260(FormSectionChild, { ...child, group, ...tid }, child.id)) });
|
|
33016
33044
|
}
|
|
33017
33045
|
function sortByOrderField(childSections) {
|
|
33018
33046
|
return [...childSections].sort((a, b) => (a.orderField.value ?? 0) - (b.orderField.value ?? 0));
|
|
33019
33047
|
}
|
|
33020
33048
|
|
|
33021
33049
|
// src/layouts/FormSectionLayout/JumpLinksRail.tsx
|
|
33022
|
-
import { trussProps as
|
|
33023
|
-
import { jsx as
|
|
33050
|
+
import { trussProps as trussProps151, maybeCssVar as maybeCssVar71 } from "@homebound/truss/runtime";
|
|
33051
|
+
import { jsx as jsx261 } from "react/jsx-runtime";
|
|
33024
33052
|
var __maybeInc31 = (inc) => {
|
|
33025
33053
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33026
33054
|
};
|
|
@@ -33030,7 +33058,7 @@ function JumpLinksRail(props) {
|
|
|
33030
33058
|
activeId
|
|
33031
33059
|
} = props;
|
|
33032
33060
|
const tid = useTestIds(props, "jumpLinks");
|
|
33033
|
-
return /* @__PURE__ */
|
|
33061
|
+
return /* @__PURE__ */ jsx261("nav", { ...trussProps151({
|
|
33034
33062
|
display: "df",
|
|
33035
33063
|
flexDirection: "fdc",
|
|
33036
33064
|
flexShrink: "fs0",
|
|
@@ -33042,7 +33070,7 @@ function JumpLinksRail(props) {
|
|
|
33042
33070
|
top: ["top_var", {
|
|
33043
33071
|
"--top": maybeCssVar71(__maybeInc31(stickyNavAndHeaderOffset()))
|
|
33044
33072
|
}]
|
|
33045
|
-
}), ...tid, children: links.map((link) => /* @__PURE__ */
|
|
33073
|
+
}), ...tid, children: links.map((link) => /* @__PURE__ */ jsx261(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
|
|
33046
33074
|
}
|
|
33047
33075
|
var jumpLinksRailWidthPx = 192;
|
|
33048
33076
|
var railAndShellPx = centeredShellMaxPx.sm + jumpLinksRailWidthPx;
|
|
@@ -33078,7 +33106,7 @@ function useActiveJumpLink(sectionIds) {
|
|
|
33078
33106
|
}
|
|
33079
33107
|
|
|
33080
33108
|
// src/layouts/FormSectionLayout/FormSectionLayout.tsx
|
|
33081
|
-
import { jsx as
|
|
33109
|
+
import { jsx as jsx262, jsxs as jsxs142 } from "react/jsx-runtime";
|
|
33082
33110
|
var __maybeInc32 = (inc) => {
|
|
33083
33111
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33084
33112
|
};
|
|
@@ -33115,7 +33143,7 @@ function FormSectionLayout(props) {
|
|
|
33115
33143
|
}] : [], ...sectionLinks];
|
|
33116
33144
|
const showRail = withJumpLinks && jumpLinks.length >= 2 && !isMobile;
|
|
33117
33145
|
const activeId = useActiveJumpLink(showRail ? jumpLinks.map((link) => link.id) : []);
|
|
33118
|
-
const content2 = /* @__PURE__ */
|
|
33146
|
+
const content2 = /* @__PURE__ */ jsxs142("div", { ...trussProps152({
|
|
33119
33147
|
display: "df",
|
|
33120
33148
|
flexDirection: "fdc",
|
|
33121
33149
|
gap: "g_8",
|
|
@@ -33126,7 +33154,7 @@ function FormSectionLayout(props) {
|
|
|
33126
33154
|
paddingLeft: "pl3"
|
|
33127
33155
|
} : {}
|
|
33128
33156
|
}), children: [
|
|
33129
|
-
/* @__PURE__ */
|
|
33157
|
+
/* @__PURE__ */ jsxs142("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...trussProps152({
|
|
33130
33158
|
display: "df",
|
|
33131
33159
|
flexDirection: "fdc",
|
|
33132
33160
|
gap: "g_3",
|
|
@@ -33136,23 +33164,23 @@ function FormSectionLayout(props) {
|
|
|
33136
33164
|
}]
|
|
33137
33165
|
} : {}
|
|
33138
33166
|
}), children: [
|
|
33139
|
-
/* @__PURE__ */
|
|
33167
|
+
/* @__PURE__ */ jsx262(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
|
|
33140
33168
|
initialFields
|
|
33141
33169
|
] }),
|
|
33142
|
-
sections && /* @__PURE__ */
|
|
33170
|
+
sections && /* @__PURE__ */ jsx262("div", { className: "df fdc g_8", children: sections.map((section, i) => /* @__PURE__ */ jsx262(FormSection, { ...section }, defaultTestId(section.title) || i)) })
|
|
33143
33171
|
] });
|
|
33144
|
-
const form = /* @__PURE__ */
|
|
33145
|
-
const body = showRail ? /* @__PURE__ */
|
|
33146
|
-
/* @__PURE__ */
|
|
33147
|
-
/* @__PURE__ */
|
|
33172
|
+
const form = /* @__PURE__ */ jsx262(CenteredLayout, { size: "sm", children: aiMode ? /* @__PURE__ */ jsx262(AiCard, { size: "lg", ...tid, children: content2 }) : content2 });
|
|
33173
|
+
const body = showRail ? /* @__PURE__ */ jsxs142("div", { className: "df w100 mb4", children: [
|
|
33174
|
+
/* @__PURE__ */ jsx262(JumpLinksRail, { links: jumpLinks, activeId, ...tid.jumpLinks }),
|
|
33175
|
+
/* @__PURE__ */ jsx262("div", { ...trussProps152({
|
|
33148
33176
|
flexGrow: "fg1",
|
|
33149
33177
|
marginRight: ["mr_var", {
|
|
33150
33178
|
"--marginRight": maybeCssVar72(__maybeInc32(jumpLinksRailReservation))
|
|
33151
33179
|
}]
|
|
33152
33180
|
}), ...tid.column, children: form })
|
|
33153
|
-
] }) : /* @__PURE__ */
|
|
33181
|
+
] }) : /* @__PURE__ */ jsx262("div", { className: "mb4", children: form });
|
|
33154
33182
|
if (!rightPane) return body;
|
|
33155
|
-
return /* @__PURE__ */
|
|
33183
|
+
return /* @__PURE__ */ jsx262(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
|
|
33156
33184
|
}
|
|
33157
33185
|
|
|
33158
33186
|
// src/layouts/PageBanner/usePageBanner.tsx
|
|
@@ -33326,17 +33354,17 @@ function useTransitionAfterPaint(ref, transition) {
|
|
|
33326
33354
|
|
|
33327
33355
|
// src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
|
|
33328
33356
|
import { createContext as createContext19, useContext as useContext30 } from "react";
|
|
33329
|
-
import { jsx as
|
|
33357
|
+
import { jsx as jsx263 } from "react/jsx-runtime";
|
|
33330
33358
|
var NavbarLayoutHeightContext = createContext19(0);
|
|
33331
33359
|
function NavbarLayoutHeightProvider({ value, children }) {
|
|
33332
|
-
return /* @__PURE__ */
|
|
33360
|
+
return /* @__PURE__ */ jsx263(NavbarLayoutHeightContext.Provider, { value, children });
|
|
33333
33361
|
}
|
|
33334
33362
|
function useNavbarLayoutHeight() {
|
|
33335
33363
|
return useContext30(NavbarLayoutHeightContext);
|
|
33336
33364
|
}
|
|
33337
33365
|
|
|
33338
33366
|
// src/layouts/NavbarLayout/NavbarLayout.tsx
|
|
33339
|
-
import { jsx as
|
|
33367
|
+
import { jsx as jsx264, jsxs as jsxs143 } from "react/jsx-runtime";
|
|
33340
33368
|
var __maybeInc33 = (inc) => {
|
|
33341
33369
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33342
33370
|
};
|
|
@@ -33373,20 +33401,20 @@ function NavbarLayout(props) {
|
|
|
33373
33401
|
const innerStyle = {
|
|
33374
33402
|
top: autoHideState === "hidden" ? `calc(${bannerTop} - ${navHeight}px)` : bannerTop
|
|
33375
33403
|
};
|
|
33376
|
-
const navbarEl = useMemo62(() => /* @__PURE__ */
|
|
33377
|
-
return /* @__PURE__ */
|
|
33404
|
+
const navbarEl = useMemo62(() => /* @__PURE__ */ jsx264(Navbar, { ...navbar }), [navbar]);
|
|
33405
|
+
return /* @__PURE__ */ jsx264(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx264(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsx264(MobileSubNavProvider, { children: /* @__PURE__ */ jsxs143("div", { ...mergeProps47(void 0, cssVars, {
|
|
33378
33406
|
display: "df",
|
|
33379
33407
|
flexDirection: "fdc",
|
|
33380
33408
|
width: "wfc",
|
|
33381
33409
|
minWidth: "mw100"
|
|
33382
33410
|
}), ...tid, children: [
|
|
33383
|
-
/* @__PURE__ */
|
|
33411
|
+
/* @__PURE__ */ jsx264("div", { ref: spacerRef, ...mergeProps47(void 0, {
|
|
33384
33412
|
height: navHeight
|
|
33385
33413
|
}, {
|
|
33386
33414
|
flexShrink: "fs0",
|
|
33387
33415
|
width: "w100"
|
|
33388
|
-
}), children: /* @__PURE__ */
|
|
33389
|
-
/* @__PURE__ */
|
|
33416
|
+
}), children: /* @__PURE__ */ jsx264("div", { ref: navMetricsRef, ...mergeProps47(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
|
|
33417
|
+
/* @__PURE__ */ jsx264("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
|
|
33390
33418
|
] }) }) }) });
|
|
33391
33419
|
}
|
|
33392
33420
|
|
|
@@ -33410,8 +33438,8 @@ function useDocumentTitle(...titleSegments) {
|
|
|
33410
33438
|
}
|
|
33411
33439
|
|
|
33412
33440
|
// src/components/Headers/BaseHeader.tsx
|
|
33413
|
-
import { trussProps as
|
|
33414
|
-
import { jsx as
|
|
33441
|
+
import { trussProps as trussProps153 } from "@homebound/truss/runtime";
|
|
33442
|
+
import { jsx as jsx265, jsxs as jsxs144 } from "react/jsx-runtime";
|
|
33415
33443
|
function BaseHeader(props) {
|
|
33416
33444
|
const {
|
|
33417
33445
|
title,
|
|
@@ -33423,7 +33451,7 @@ function BaseHeader(props) {
|
|
|
33423
33451
|
} = props;
|
|
33424
33452
|
const tid = useTestIds(otherProps, "header");
|
|
33425
33453
|
useDocumentTitle(title, documentTitleSuffix);
|
|
33426
|
-
return /* @__PURE__ */
|
|
33454
|
+
return /* @__PURE__ */ jsxs144("header", { ...tid, ...trussProps153({
|
|
33427
33455
|
display: "df",
|
|
33428
33456
|
flexDirection: "fdc",
|
|
33429
33457
|
paddingTop: "pt3",
|
|
@@ -33437,7 +33465,7 @@ function BaseHeader(props) {
|
|
|
33437
33465
|
"--backgroundColor": "var(--b-surface)"
|
|
33438
33466
|
}]
|
|
33439
33467
|
}), children: [
|
|
33440
|
-
/* @__PURE__ */
|
|
33468
|
+
/* @__PURE__ */ jsxs144("div", { ...trussProps153({
|
|
33441
33469
|
...{
|
|
33442
33470
|
display: "df",
|
|
33443
33471
|
justifyContent: "jcsb",
|
|
@@ -33451,9 +33479,9 @@ function BaseHeader(props) {
|
|
|
33451
33479
|
} : {}
|
|
33452
33480
|
}
|
|
33453
33481
|
}), children: [
|
|
33454
|
-
/* @__PURE__ */
|
|
33455
|
-
breadcrumbs && /* @__PURE__ */
|
|
33456
|
-
/* @__PURE__ */
|
|
33482
|
+
/* @__PURE__ */ jsxs144("div", { className: "mw0", children: [
|
|
33483
|
+
breadcrumbs && /* @__PURE__ */ jsx265(Breadcrumbs, { ...breadcrumbs }),
|
|
33484
|
+
/* @__PURE__ */ jsx265("h1", { ...tid.title, ...trussProps153({
|
|
33457
33485
|
fontWeight: "fw6",
|
|
33458
33486
|
fontSize: "fz_20px",
|
|
33459
33487
|
lineHeight: "lh_28px",
|
|
@@ -33462,15 +33490,15 @@ function BaseHeader(props) {
|
|
|
33462
33490
|
}]
|
|
33463
33491
|
}), children: title })
|
|
33464
33492
|
] }),
|
|
33465
|
-
/* @__PURE__ */
|
|
33493
|
+
/* @__PURE__ */ jsx265("div", { className: "fs0", children: rightSlot })
|
|
33466
33494
|
] }),
|
|
33467
33495
|
bottomSlot
|
|
33468
33496
|
] });
|
|
33469
33497
|
}
|
|
33470
33498
|
|
|
33471
33499
|
// src/components/Headers/PageHeader.tsx
|
|
33472
|
-
import { trussProps as
|
|
33473
|
-
import { Fragment as Fragment57, jsx as
|
|
33500
|
+
import { trussProps as trussProps154 } from "@homebound/truss/runtime";
|
|
33501
|
+
import { Fragment as Fragment57, jsx as jsx266, jsxs as jsxs145 } from "react/jsx-runtime";
|
|
33474
33502
|
function PageHeader2(props) {
|
|
33475
33503
|
const {
|
|
33476
33504
|
tabs,
|
|
@@ -33486,20 +33514,20 @@ function PageHeader2(props) {
|
|
|
33486
33514
|
bottomSlotActions,
|
|
33487
33515
|
rightSlotActions
|
|
33488
33516
|
} = splitHeaderActionsOnSm(actions, sm);
|
|
33489
|
-
return /* @__PURE__ */
|
|
33490
|
-
/* @__PURE__ */
|
|
33491
|
-
rightSlotActions.length > 0 && /* @__PURE__ */
|
|
33517
|
+
return /* @__PURE__ */ jsx266(BaseHeader, { ...otherProps, rightSlot: /* @__PURE__ */ jsxs145("div", { className: "df g_2 fs0", ...tid.actions, children: [
|
|
33518
|
+
/* @__PURE__ */ jsx266(AutoSaveIndicator, { hideOnIdle: true }),
|
|
33519
|
+
rightSlotActions.length > 0 && /* @__PURE__ */ jsx266(HeaderActions, { actions: rightSlotActions, collapseOnSm: true }),
|
|
33492
33520
|
rightSlot
|
|
33493
|
-
] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */
|
|
33494
|
-
bottomSlotActions.length > 0 && /* @__PURE__ */
|
|
33521
|
+
] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ jsxs145(Fragment57, { children: [
|
|
33522
|
+
bottomSlotActions.length > 0 && /* @__PURE__ */ jsx266("div", { ...trussProps154({
|
|
33495
33523
|
...pageContentPaddingX,
|
|
33496
33524
|
...{
|
|
33497
33525
|
...!tabs ? {
|
|
33498
33526
|
marginBottom: "mb2"
|
|
33499
33527
|
} : {}
|
|
33500
33528
|
}
|
|
33501
|
-
}), ...tid.bottomSlot, children: /* @__PURE__ */
|
|
33502
|
-
tabs && /* @__PURE__ */
|
|
33529
|
+
}), ...tid.bottomSlot, children: /* @__PURE__ */ jsx266(HeaderActions, { actions: bottomSlotActions }) }),
|
|
33530
|
+
tabs && /* @__PURE__ */ jsx266("div", { ...trussProps154(pageContentPaddingX), children: /* @__PURE__ */ jsx266(Tabs, { ...tabs, ...tid.tabs }) })
|
|
33503
33531
|
] }) });
|
|
33504
33532
|
}
|
|
33505
33533
|
|
|
@@ -33507,8 +33535,8 @@ function PageHeader2(props) {
|
|
|
33507
33535
|
import { useCallback as useCallback47, useLayoutEffect as useLayoutEffect23, useRef as useRef80, useState as useState70 } from "react";
|
|
33508
33536
|
|
|
33509
33537
|
// src/layouts/PageBanner/internal/PageBannerSlot.tsx
|
|
33510
|
-
import { trussProps as
|
|
33511
|
-
import { jsx as
|
|
33538
|
+
import { trussProps as trussProps155, maybeCssVar as maybeCssVar74 } from "@homebound/truss/runtime";
|
|
33539
|
+
import { jsx as jsx267 } from "react/jsx-runtime";
|
|
33512
33540
|
var __maybeInc34 = (inc) => {
|
|
33513
33541
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33514
33542
|
};
|
|
@@ -33518,7 +33546,7 @@ function PageBannerSlot(props) {
|
|
|
33518
33546
|
metricsRef
|
|
33519
33547
|
} = props;
|
|
33520
33548
|
const tid = useTestIds(props, "pageBannerSlot");
|
|
33521
|
-
return /* @__PURE__ */
|
|
33549
|
+
return /* @__PURE__ */ jsx267("div", { ref: metricsRef, ...trussProps155({
|
|
33522
33550
|
flexShrink: "fs0",
|
|
33523
33551
|
width: ["w_var", {
|
|
33524
33552
|
"--width": maybeCssVar74(__maybeInc34(`min(100%, ${documentScrollChromeWidth()})`))
|
|
@@ -33534,17 +33562,17 @@ function PageBannerSlot(props) {
|
|
|
33534
33562
|
zIndex: ["z_var", {
|
|
33535
33563
|
"--zIndex": maybeCssVar74(zIndices.pageBanner)
|
|
33536
33564
|
}]
|
|
33537
|
-
}), ...tid.bannerSticky, children: /* @__PURE__ */
|
|
33565
|
+
}), ...tid.bannerSticky, children: /* @__PURE__ */ jsx267(StatusBanner, { ...banner, sticky: true, ...tid.banner }) });
|
|
33538
33566
|
}
|
|
33539
33567
|
|
|
33540
33568
|
// src/layouts/PageBanner/internal/usePageBannerSlot.tsx
|
|
33541
|
-
import { jsx as
|
|
33569
|
+
import { jsx as jsx268 } from "react/jsx-runtime";
|
|
33542
33570
|
function usePageBannerSlot(bannerProp, testIds) {
|
|
33543
33571
|
const publishedBanner = usePublishedPageBanner();
|
|
33544
33572
|
const banner = publishedBanner ?? bannerProp;
|
|
33545
33573
|
const metricsRef = useRef80(null);
|
|
33546
33574
|
const height = useMeasuredHeight(metricsRef, banner != null);
|
|
33547
|
-
const slot = banner ? /* @__PURE__ */
|
|
33575
|
+
const slot = banner ? /* @__PURE__ */ jsx268(PageBannerSlot, { ...testIds, banner, metricsRef }) : null;
|
|
33548
33576
|
return { slot, height };
|
|
33549
33577
|
}
|
|
33550
33578
|
function usePublishedPageBanner() {
|
|
@@ -33567,7 +33595,7 @@ function useBannerAndNavbarHeight() {
|
|
|
33567
33595
|
|
|
33568
33596
|
// src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
|
|
33569
33597
|
import { mergeProps as mergeProps48, maybeCssVar as maybeCssVar75 } from "@homebound/truss/runtime";
|
|
33570
|
-
import { jsx as
|
|
33598
|
+
import { jsx as jsx269, jsxs as jsxs146 } from "react/jsx-runtime";
|
|
33571
33599
|
var __maybeInc35 = (inc) => {
|
|
33572
33600
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33573
33601
|
};
|
|
@@ -33620,20 +33648,20 @@ function PageHeaderLayout(props) {
|
|
|
33620
33648
|
const innerStyle = {
|
|
33621
33649
|
top: autoHideState === "hidden" ? `calc(${outerTop} - ${headerHeight}px)` : outerTop
|
|
33622
33650
|
};
|
|
33623
|
-
const pageHeaderEl = useMemo63(() => /* @__PURE__ */
|
|
33624
|
-
return /* @__PURE__ */
|
|
33651
|
+
const pageHeaderEl = useMemo63(() => /* @__PURE__ */ jsx269(PageHeader2, { ...pageHeader }), [pageHeader]);
|
|
33652
|
+
return /* @__PURE__ */ jsx269(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs146("div", { ...mergeProps48(void 0, style, {
|
|
33625
33653
|
display: "df",
|
|
33626
33654
|
flexDirection: "fdc",
|
|
33627
33655
|
width: "w100"
|
|
33628
33656
|
}), ...tid, children: [
|
|
33629
|
-
/* @__PURE__ */
|
|
33657
|
+
/* @__PURE__ */ jsx269("div", { ref: spacerRef, ...mergeProps48(void 0, {
|
|
33630
33658
|
height: headerHeight
|
|
33631
33659
|
}, {
|
|
33632
33660
|
flexShrink: "fs0",
|
|
33633
33661
|
width: "w100"
|
|
33634
|
-
}), children: /* @__PURE__ */
|
|
33662
|
+
}), children: /* @__PURE__ */ jsx269("div", { ref: headerMetricsRef, ...mergeProps48(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
|
|
33635
33663
|
bannerSlot,
|
|
33636
|
-
/* @__PURE__ */
|
|
33664
|
+
/* @__PURE__ */ jsx269("div", { className: "df fdc fg1 mh0 w100 n_has_data_self_top_spaced_first_child_pt3", ...tid.body, children })
|
|
33637
33665
|
] }) });
|
|
33638
33666
|
}
|
|
33639
33667
|
|
|
@@ -33641,23 +33669,23 @@ function PageHeaderLayout(props) {
|
|
|
33641
33669
|
import { useLayoutEffect as useLayoutEffect24, useRef as useRef83 } from "react";
|
|
33642
33670
|
|
|
33643
33671
|
// src/components/Headers/WorkflowHeader.tsx
|
|
33644
|
-
import { jsx as
|
|
33672
|
+
import { jsx as jsx270 } from "react/jsx-runtime";
|
|
33645
33673
|
function WorkflowHeader(props) {
|
|
33646
33674
|
const { stepperTabs, ...otherProps } = props;
|
|
33647
33675
|
const tid = useTestIds(otherProps, "header");
|
|
33648
|
-
return /* @__PURE__ */
|
|
33676
|
+
return /* @__PURE__ */ jsx270(
|
|
33649
33677
|
BaseHeader,
|
|
33650
33678
|
{
|
|
33651
33679
|
...otherProps,
|
|
33652
|
-
bottomSlot: stepperTabs ? /* @__PURE__ */
|
|
33680
|
+
bottomSlot: stepperTabs ? /* @__PURE__ */ jsx270(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) : void 0
|
|
33653
33681
|
}
|
|
33654
33682
|
);
|
|
33655
33683
|
}
|
|
33656
33684
|
|
|
33657
33685
|
// src/layouts/Workflow/RightPaneTriggers.tsx
|
|
33658
33686
|
import { useCallback as useCallback49 } from "react";
|
|
33659
|
-
import { trussProps as
|
|
33660
|
-
import { jsx as
|
|
33687
|
+
import { trussProps as trussProps156, maybeCssVar as maybeCssVar76 } from "@homebound/truss/runtime";
|
|
33688
|
+
import { jsx as jsx271 } from "react/jsx-runtime";
|
|
33661
33689
|
var __maybeInc36 = (inc) => {
|
|
33662
33690
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33663
33691
|
};
|
|
@@ -33678,12 +33706,12 @@ function WorkflowPageRightPaneTriggers(props) {
|
|
|
33678
33706
|
const pageTriggerInsetPx = 24;
|
|
33679
33707
|
const onClick = useCallback49((trigger) => {
|
|
33680
33708
|
openRightPane({
|
|
33681
|
-
content: /* @__PURE__ */
|
|
33709
|
+
content: /* @__PURE__ */ jsx271(RightPanePanel, { title: trigger.label, children: trigger.content })
|
|
33682
33710
|
});
|
|
33683
33711
|
}, [openRightPane]);
|
|
33684
|
-
return /* @__PURE__ */
|
|
33712
|
+
return /* @__PURE__ */ jsx271("div", { ...tid, "aria-hidden": isRightPaneOpen, ...isRightPaneOpen ? {
|
|
33685
33713
|
inert: true
|
|
33686
|
-
} : {}, ...
|
|
33714
|
+
} : {}, ...trussProps156({
|
|
33687
33715
|
...{
|
|
33688
33716
|
display: "df",
|
|
33689
33717
|
alignItems: "aic",
|
|
@@ -33715,13 +33743,13 @@ function WorkflowPageRightPaneTriggers(props) {
|
|
|
33715
33743
|
} : {
|
|
33716
33744
|
transform: "tf_translateX_0"
|
|
33717
33745
|
})
|
|
33718
|
-
}), children: triggers.map((trigger) => /* @__PURE__ */
|
|
33746
|
+
}), children: triggers.map((trigger) => /* @__PURE__ */ jsx271(IconButton, { icon: trigger.icon, label: trigger.label, variant: "circle", compact: isMobile, onClick: () => onClick(trigger), ...tid[trigger.icon] }, trigger.label)) });
|
|
33719
33747
|
}
|
|
33720
33748
|
|
|
33721
33749
|
// src/layouts/Workflow/useUnsavedChangesGuard.tsx
|
|
33722
33750
|
import { useEffect as useEffect43, useRef as useRef82 } from "react";
|
|
33723
33751
|
import { useBlocker } from "react-router-dom";
|
|
33724
|
-
import { jsx as
|
|
33752
|
+
import { jsx as jsx272 } from "react/jsx-runtime";
|
|
33725
33753
|
function useUnsavedChangesGuard(options) {
|
|
33726
33754
|
const { isDirty, allowNavigation, onCancel, destructiveAction } = options;
|
|
33727
33755
|
const { openModal } = useModal();
|
|
@@ -33757,7 +33785,7 @@ function useUnsavedChangesGuard(options) {
|
|
|
33757
33785
|
}
|
|
33758
33786
|
openModal({
|
|
33759
33787
|
allowClosing: false,
|
|
33760
|
-
content: /* @__PURE__ */
|
|
33788
|
+
content: /* @__PURE__ */ jsx272(ConfirmCloseModal, { onClose: () => confirmCancel(e) })
|
|
33761
33789
|
});
|
|
33762
33790
|
};
|
|
33763
33791
|
const onDestructiveActionClick = destructiveAction ? (e) => {
|
|
@@ -33769,7 +33797,7 @@ function useUnsavedChangesGuard(options) {
|
|
|
33769
33797
|
} = destructiveAction;
|
|
33770
33798
|
openModal({
|
|
33771
33799
|
allowClosing: false,
|
|
33772
|
-
content: /* @__PURE__ */
|
|
33800
|
+
content: /* @__PURE__ */ jsx272(
|
|
33773
33801
|
ConfirmCloseModal,
|
|
33774
33802
|
{
|
|
33775
33803
|
title: confirmTitle,
|
|
@@ -33800,7 +33828,7 @@ function UnsavedChangesNavigationModal(props) {
|
|
|
33800
33828
|
useEffect43(() => {
|
|
33801
33829
|
openModal({
|
|
33802
33830
|
allowClosing: false,
|
|
33803
|
-
content: /* @__PURE__ */
|
|
33831
|
+
content: /* @__PURE__ */ jsx272(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
|
|
33804
33832
|
});
|
|
33805
33833
|
return () => closeModal();
|
|
33806
33834
|
}, []);
|
|
@@ -33808,7 +33836,7 @@ function UnsavedChangesNavigationModal(props) {
|
|
|
33808
33836
|
}
|
|
33809
33837
|
|
|
33810
33838
|
// src/layouts/Workflow/WorkflowActions.tsx
|
|
33811
|
-
import { jsx as
|
|
33839
|
+
import { jsx as jsx273, jsxs as jsxs147 } from "react/jsx-runtime";
|
|
33812
33840
|
function WorkflowActions(props) {
|
|
33813
33841
|
const {
|
|
33814
33842
|
onCancel,
|
|
@@ -33827,13 +33855,13 @@ function WorkflowActions(props) {
|
|
|
33827
33855
|
sm: isMobile
|
|
33828
33856
|
} = useBreakpoint();
|
|
33829
33857
|
const primaryVariant = aiMode ? "ai" : "primary";
|
|
33830
|
-
return /* @__PURE__ */
|
|
33831
|
-
/* @__PURE__ */
|
|
33832
|
-
/* @__PURE__ */
|
|
33833
|
-
/* @__PURE__ */
|
|
33834
|
-
onSaveAndExit && /* @__PURE__ */
|
|
33835
|
-
destructiveAction && /* @__PURE__ */
|
|
33836
|
-
isLastStep ? /* @__PURE__ */
|
|
33858
|
+
return /* @__PURE__ */ jsxs147("div", { className: "df aic jcsb sm_w100", children: [
|
|
33859
|
+
/* @__PURE__ */ jsx273("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ jsx273(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
|
|
33860
|
+
/* @__PURE__ */ jsxs147("div", { className: "df aic g_1", children: [
|
|
33861
|
+
/* @__PURE__ */ jsx273(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
|
|
33862
|
+
onSaveAndExit && /* @__PURE__ */ jsx273(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
|
|
33863
|
+
destructiveAction && /* @__PURE__ */ jsx273(Button, { label: destructiveAction.label ?? "Remove", variant: "danger", onClick: destructiveAction.onConfirm }),
|
|
33864
|
+
isLastStep ? /* @__PURE__ */ jsx273(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx273(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
|
|
33837
33865
|
await onContinue?.();
|
|
33838
33866
|
}, disabled: primaryDisabled })
|
|
33839
33867
|
] })
|
|
@@ -33841,8 +33869,8 @@ function WorkflowActions(props) {
|
|
|
33841
33869
|
}
|
|
33842
33870
|
|
|
33843
33871
|
// src/layouts/Workflow/WorkflowPageLayout.tsx
|
|
33844
|
-
import { trussProps as
|
|
33845
|
-
import { jsx as
|
|
33872
|
+
import { trussProps as trussProps157, mergeProps as mergeProps49, maybeCssVar as maybeCssVar77 } from "@homebound/truss/runtime";
|
|
33873
|
+
import { jsx as jsx274, jsxs as jsxs148 } from "react/jsx-runtime";
|
|
33846
33874
|
var __maybeInc37 = (inc) => {
|
|
33847
33875
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33848
33876
|
};
|
|
@@ -33881,12 +33909,12 @@ function WorkflowPageLayout(props) {
|
|
|
33881
33909
|
onCancel,
|
|
33882
33910
|
destructiveAction
|
|
33883
33911
|
});
|
|
33884
|
-
const actions = /* @__PURE__ */
|
|
33912
|
+
const actions = /* @__PURE__ */ jsx274(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
|
|
33885
33913
|
...destructiveAction,
|
|
33886
33914
|
onConfirm: onDestructiveActionClick
|
|
33887
33915
|
} });
|
|
33888
33916
|
const triggers = rightPaneTriggers ?? [];
|
|
33889
|
-
const pageTriggers = triggers.length > 0 ? /* @__PURE__ */
|
|
33917
|
+
const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ jsx274(WorkflowPageRightPaneTriggers, { triggers }) : void 0;
|
|
33890
33918
|
const headerMetricsRef = useRef83(null);
|
|
33891
33919
|
const headerHeight = useMeasuredHeight(headerMetricsRef, true);
|
|
33892
33920
|
const headerWidth = documentScrollChromeWidth();
|
|
@@ -33922,18 +33950,18 @@ function WorkflowPageLayout(props) {
|
|
|
33922
33950
|
left: 0
|
|
33923
33951
|
});
|
|
33924
33952
|
}, [currentStep]);
|
|
33925
|
-
return /* @__PURE__ */
|
|
33926
|
-
/* @__PURE__ */
|
|
33953
|
+
return /* @__PURE__ */ jsxs148(DocumentScrollLayoutProvider, { children: [
|
|
33954
|
+
/* @__PURE__ */ jsxs148("div", { ...mergeProps49(void 0, style, {
|
|
33927
33955
|
display: "df",
|
|
33928
33956
|
flexDirection: "fdc",
|
|
33929
33957
|
width: "w100"
|
|
33930
33958
|
}), ...tid, children: [
|
|
33931
|
-
/* @__PURE__ */
|
|
33959
|
+
/* @__PURE__ */ jsx274("div", { ...mergeProps49(void 0, {
|
|
33932
33960
|
height: headerHeight
|
|
33933
33961
|
}, {
|
|
33934
33962
|
flexShrink: "fs0",
|
|
33935
33963
|
width: "w100"
|
|
33936
|
-
}), children: /* @__PURE__ */
|
|
33964
|
+
}), children: /* @__PURE__ */ jsx274("div", { ref: headerMetricsRef, ...trussProps157({
|
|
33937
33965
|
position: "fixed",
|
|
33938
33966
|
left: "l_0",
|
|
33939
33967
|
width: ["w_var", {
|
|
@@ -33946,9 +33974,9 @@ function WorkflowPageLayout(props) {
|
|
|
33946
33974
|
"--top": maybeCssVar77(__maybeInc37(outerTop))
|
|
33947
33975
|
}],
|
|
33948
33976
|
transition: "transitionAll"
|
|
33949
|
-
}), ...tid.header, children: /* @__PURE__ */
|
|
33977
|
+
}), ...tid.header, children: /* @__PURE__ */ jsx274(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? pageTriggers : actions, stepperTabs }) }) }),
|
|
33950
33978
|
bannerSlot,
|
|
33951
|
-
/* @__PURE__ */
|
|
33979
|
+
/* @__PURE__ */ jsx274("div", { ...trussProps157({
|
|
33952
33980
|
...{
|
|
33953
33981
|
display: "df",
|
|
33954
33982
|
flexDirection: "fdc",
|
|
@@ -33963,15 +33991,15 @@ function WorkflowPageLayout(props) {
|
|
|
33963
33991
|
"--minHeight": maybeCssVar77(documentScrollBodyMinHeight())
|
|
33964
33992
|
}]
|
|
33965
33993
|
}
|
|
33966
|
-
}), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */
|
|
33994
|
+
}), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ jsx274(DocumentScrollOverlayRightPaneLayout, { children }) : children }),
|
|
33967
33995
|
!isMobile && pageTriggers,
|
|
33968
|
-
showFooter && /* @__PURE__ */
|
|
33996
|
+
showFooter && /* @__PURE__ */ jsx274("div", { ...trussProps157({
|
|
33969
33997
|
flexShrink: "fs0",
|
|
33970
33998
|
width: "w100",
|
|
33971
33999
|
height: ["h_var", {
|
|
33972
34000
|
"--height": `${mobileFooterHeightPx}px`
|
|
33973
34001
|
}]
|
|
33974
|
-
}), children: /* @__PURE__ */
|
|
34002
|
+
}), children: /* @__PURE__ */ jsx274("div", { ...trussProps157({
|
|
33975
34003
|
...{
|
|
33976
34004
|
position: "fixed",
|
|
33977
34005
|
bottom: "bot_0",
|
|
@@ -34000,12 +34028,12 @@ function WorkflowPageLayout(props) {
|
|
|
34000
34028
|
...pageContentPaddingX
|
|
34001
34029
|
}), ...tid.footer, children: actions }) })
|
|
34002
34030
|
] }),
|
|
34003
|
-
navigationBlocker && /* @__PURE__ */
|
|
34031
|
+
navigationBlocker && /* @__PURE__ */ jsx274(UnsavedChangesNavigationModal, { ...navigationBlocker })
|
|
34004
34032
|
] });
|
|
34005
34033
|
}
|
|
34006
34034
|
|
|
34007
34035
|
// src/layouts/Workflow/FocusedFormLayout.tsx
|
|
34008
|
-
import { jsx as
|
|
34036
|
+
import { jsx as jsx275 } from "react/jsx-runtime";
|
|
34009
34037
|
function FocusedFormLayout(props) {
|
|
34010
34038
|
const {
|
|
34011
34039
|
onCancel,
|
|
@@ -34023,7 +34051,7 @@ function FocusedFormLayout(props) {
|
|
|
34023
34051
|
...headerProps
|
|
34024
34052
|
} = props;
|
|
34025
34053
|
const tid = useTestIds(props, "focusedFormLayout");
|
|
34026
|
-
return /* @__PURE__ */
|
|
34054
|
+
return /* @__PURE__ */ jsx275(
|
|
34027
34055
|
WorkflowPageLayout,
|
|
34028
34056
|
{
|
|
34029
34057
|
...tid,
|
|
@@ -34046,7 +34074,7 @@ function FocusedFormLayout(props) {
|
|
|
34046
34074
|
|
|
34047
34075
|
// src/layouts/Workflow/StepperLayout.tsx
|
|
34048
34076
|
import { useState as useState71 } from "react";
|
|
34049
|
-
import { jsx as
|
|
34077
|
+
import { jsx as jsx276 } from "react/jsx-runtime";
|
|
34050
34078
|
function StepperLayout(props) {
|
|
34051
34079
|
const {
|
|
34052
34080
|
steps,
|
|
@@ -34073,7 +34101,7 @@ function StepperLayout(props) {
|
|
|
34073
34101
|
if (value === currentStep) return;
|
|
34074
34102
|
closeRightPaneThen(() => setCurrentStep(value));
|
|
34075
34103
|
}
|
|
34076
|
-
return /* @__PURE__ */
|
|
34104
|
+
return /* @__PURE__ */ jsx276(
|
|
34077
34105
|
WorkflowPageLayout,
|
|
34078
34106
|
{
|
|
34079
34107
|
...tid,
|
|
@@ -34118,7 +34146,7 @@ function getInitialStep(steps, defaultStep) {
|
|
|
34118
34146
|
|
|
34119
34147
|
// src/forms/BoundChipSelectField.tsx
|
|
34120
34148
|
import { Observer as Observer22 } from "mobx-react";
|
|
34121
|
-
import { jsx as
|
|
34149
|
+
import { jsx as jsx277 } from "react/jsx-runtime";
|
|
34122
34150
|
function BoundChipSelectField(props) {
|
|
34123
34151
|
const {
|
|
34124
34152
|
field,
|
|
@@ -34134,7 +34162,7 @@ function BoundChipSelectField(props) {
|
|
|
34134
34162
|
...others
|
|
34135
34163
|
} = props;
|
|
34136
34164
|
const testId = useTestIds(props, field.key);
|
|
34137
|
-
return /* @__PURE__ */
|
|
34165
|
+
return /* @__PURE__ */ jsx277(Observer22, { children: () => /* @__PURE__ */ jsx277(
|
|
34138
34166
|
ChipSelectField,
|
|
34139
34167
|
{
|
|
34140
34168
|
label,
|
|
@@ -34164,12 +34192,12 @@ function BoundChipSelectField(props) {
|
|
|
34164
34192
|
}
|
|
34165
34193
|
|
|
34166
34194
|
// src/forms/BoundSelectAndTextField.tsx
|
|
34167
|
-
import { jsx as
|
|
34195
|
+
import { jsx as jsx278, jsxs as jsxs149 } from "react/jsx-runtime";
|
|
34168
34196
|
function BoundSelectAndTextField(props) {
|
|
34169
34197
|
const { selectFieldProps, textFieldProps, compact = true } = props;
|
|
34170
34198
|
const tid = useTestIds(props);
|
|
34171
|
-
return /* @__PURE__ */
|
|
34172
|
-
/* @__PURE__ */
|
|
34199
|
+
return /* @__PURE__ */ jsxs149(CompoundField, { children: [
|
|
34200
|
+
/* @__PURE__ */ jsx278(
|
|
34173
34201
|
BoundSelectField,
|
|
34174
34202
|
{
|
|
34175
34203
|
...tid[defaultTestId(selectFieldProps.label ?? selectFieldProps.field.key)],
|
|
@@ -34178,7 +34206,7 @@ function BoundSelectAndTextField(props) {
|
|
|
34178
34206
|
compact
|
|
34179
34207
|
}
|
|
34180
34208
|
),
|
|
34181
|
-
/* @__PURE__ */
|
|
34209
|
+
/* @__PURE__ */ jsx278(
|
|
34182
34210
|
BoundTextField,
|
|
34183
34211
|
{
|
|
34184
34212
|
...tid[defaultTestId(textFieldProps.label ?? textFieldProps.field.key)],
|
|
@@ -34190,8 +34218,8 @@ function BoundSelectAndTextField(props) {
|
|
|
34190
34218
|
}
|
|
34191
34219
|
|
|
34192
34220
|
// src/forms/FormHeading.tsx
|
|
34193
|
-
import { trussProps as
|
|
34194
|
-
import { jsx as
|
|
34221
|
+
import { trussProps as trussProps158 } from "@homebound/truss/runtime";
|
|
34222
|
+
import { jsx as jsx279 } from "react/jsx-runtime";
|
|
34195
34223
|
function FormHeading(props) {
|
|
34196
34224
|
const {
|
|
34197
34225
|
title,
|
|
@@ -34201,7 +34229,7 @@ function FormHeading(props) {
|
|
|
34201
34229
|
} = props;
|
|
34202
34230
|
return (
|
|
34203
34231
|
// Add space before the heading, but only if it's not first.
|
|
34204
|
-
/* @__PURE__ */
|
|
34232
|
+
/* @__PURE__ */ jsx279("h3", { ...trussProps158({
|
|
34205
34233
|
...{
|
|
34206
34234
|
fontWeight: "fw4",
|
|
34207
34235
|
fontSize: "fz_16px",
|
|
@@ -34218,8 +34246,8 @@ FormHeading.isFormHeading = true;
|
|
|
34218
34246
|
|
|
34219
34247
|
// src/forms/StaticField.tsx
|
|
34220
34248
|
import { useId as useId6 } from "@react-aria/utils";
|
|
34221
|
-
import { trussProps as
|
|
34222
|
-
import { jsx as
|
|
34249
|
+
import { trussProps as trussProps159 } from "@homebound/truss/runtime";
|
|
34250
|
+
import { jsx as jsx280, jsxs as jsxs150 } from "react/jsx-runtime";
|
|
34223
34251
|
function StaticField(props) {
|
|
34224
34252
|
const {
|
|
34225
34253
|
fieldProps
|
|
@@ -34232,14 +34260,14 @@ function StaticField(props) {
|
|
|
34232
34260
|
} = props;
|
|
34233
34261
|
const tid = useTestIds(props, typeof label === "string" ? defaultTestId(label) : "staticField");
|
|
34234
34262
|
const id = useId6();
|
|
34235
|
-
return /* @__PURE__ */
|
|
34263
|
+
return /* @__PURE__ */ jsxs150("div", { ...trussProps159({
|
|
34236
34264
|
...labelStyle === "left" ? {
|
|
34237
34265
|
display: "df",
|
|
34238
34266
|
justifyContent: "jcsb",
|
|
34239
34267
|
maxWidth: "maxw100"
|
|
34240
34268
|
} : {}
|
|
34241
34269
|
}), ...tid.container, children: [
|
|
34242
|
-
/* @__PURE__ */
|
|
34270
|
+
/* @__PURE__ */ jsx280("label", { ...trussProps159({
|
|
34243
34271
|
display: "db",
|
|
34244
34272
|
fontWeight: "fw4",
|
|
34245
34273
|
fontSize: "fz_14px",
|
|
@@ -34249,7 +34277,7 @@ function StaticField(props) {
|
|
|
34249
34277
|
}],
|
|
34250
34278
|
marginBottom: "mb_4px"
|
|
34251
34279
|
}), htmlFor: id, ...tid.label, children: label }),
|
|
34252
|
-
/* @__PURE__ */
|
|
34280
|
+
/* @__PURE__ */ jsx280("div", { id, ...trussProps159({
|
|
34253
34281
|
fontWeight: "fw4",
|
|
34254
34282
|
fontSize: "fz_14px",
|
|
34255
34283
|
lineHeight: "lh_20px",
|
|
@@ -34280,7 +34308,7 @@ function useFilter5({ filterDefs }) {
|
|
|
34280
34308
|
import { useCallback as useCallback50, useRef as useRef84 } from "react";
|
|
34281
34309
|
import { useComboBox as useComboBox3, useOverlayPosition as useOverlayPosition7 } from "react-aria";
|
|
34282
34310
|
import { Item as Item6, useComboBoxState as useComboBoxState3 } from "react-stately";
|
|
34283
|
-
import { Fragment as Fragment58, jsx as
|
|
34311
|
+
import { Fragment as Fragment58, jsx as jsx281, jsxs as jsxs151 } from "react/jsx-runtime";
|
|
34284
34312
|
function Autocomplete(props) {
|
|
34285
34313
|
const {
|
|
34286
34314
|
onSelect,
|
|
@@ -34298,7 +34326,7 @@ function Autocomplete(props) {
|
|
|
34298
34326
|
const { effectiveValue, proposalProps } = useAiProposal(value, proposedValue);
|
|
34299
34327
|
const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
|
|
34300
34328
|
const comboBoxChildren = useCallback50(
|
|
34301
|
-
(item) => /* @__PURE__ */
|
|
34329
|
+
(item) => /* @__PURE__ */ jsx281(Item6, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
|
|
34302
34330
|
[getOptionValue, getOptionLabel, getOptionMenuLabel]
|
|
34303
34331
|
);
|
|
34304
34332
|
const comboBoxProps = {
|
|
@@ -34351,8 +34379,8 @@ function Autocomplete(props) {
|
|
|
34351
34379
|
// Ensures the menu never gets too small.
|
|
34352
34380
|
minWidth: 200
|
|
34353
34381
|
};
|
|
34354
|
-
return /* @__PURE__ */
|
|
34355
|
-
/* @__PURE__ */
|
|
34382
|
+
return /* @__PURE__ */ jsxs151(Fragment58, { children: [
|
|
34383
|
+
/* @__PURE__ */ jsx281(
|
|
34356
34384
|
TextFieldBase,
|
|
34357
34385
|
{
|
|
34358
34386
|
inputRef,
|
|
@@ -34362,11 +34390,11 @@ function Autocomplete(props) {
|
|
|
34362
34390
|
onChange: onInputChange,
|
|
34363
34391
|
...proposalProps,
|
|
34364
34392
|
clearable: true,
|
|
34365
|
-
startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */
|
|
34393
|
+
startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ jsx281(Icon, { icon: "search" }),
|
|
34366
34394
|
...others
|
|
34367
34395
|
}
|
|
34368
34396
|
),
|
|
34369
|
-
state.isOpen && /* @__PURE__ */
|
|
34397
|
+
state.isOpen && /* @__PURE__ */ jsx281(
|
|
34370
34398
|
Popover,
|
|
34371
34399
|
{
|
|
34372
34400
|
triggerRef: inputRef,
|
|
@@ -34375,7 +34403,7 @@ function Autocomplete(props) {
|
|
|
34375
34403
|
onClose: () => state.close(),
|
|
34376
34404
|
isOpen: state.isOpen,
|
|
34377
34405
|
minWidth: 200,
|
|
34378
|
-
children: /* @__PURE__ */
|
|
34406
|
+
children: /* @__PURE__ */ jsx281(
|
|
34379
34407
|
ListBox,
|
|
34380
34408
|
{
|
|
34381
34409
|
...listBoxProps,
|
|
@@ -34396,8 +34424,8 @@ function Autocomplete(props) {
|
|
|
34396
34424
|
import { useRef as useRef85, useState as useState73 } from "react";
|
|
34397
34425
|
import { useFocusRing as useFocusRing24, useHover as useHover28, usePress as usePress3, useSwitch as useSwitch2, VisuallyHidden as VisuallyHidden12 } from "react-aria";
|
|
34398
34426
|
import { useToggleState as useToggleState2 } from "react-stately";
|
|
34399
|
-
import { trussProps as
|
|
34400
|
-
import { jsx as
|
|
34427
|
+
import { trussProps as trussProps160 } from "@homebound/truss/runtime";
|
|
34428
|
+
import { jsx as jsx282, jsxs as jsxs152 } from "react/jsx-runtime";
|
|
34401
34429
|
function ToggleButton(props) {
|
|
34402
34430
|
const {
|
|
34403
34431
|
selected: isSelected = false,
|
|
@@ -34461,7 +34489,7 @@ function ToggleButton(props) {
|
|
|
34461
34489
|
...focusProps,
|
|
34462
34490
|
...hoverProps,
|
|
34463
34491
|
...pressProps,
|
|
34464
|
-
...
|
|
34492
|
+
...trussProps160({
|
|
34465
34493
|
// Gray500 off-state has no semantic match — keep palette (OnSurfaceMuted is Gray700).
|
|
34466
34494
|
...{
|
|
34467
34495
|
borderRadius: "br4",
|
|
@@ -34501,10 +34529,10 @@ function ToggleButton(props) {
|
|
|
34501
34529
|
return maybeTooltip({
|
|
34502
34530
|
title: tooltip,
|
|
34503
34531
|
placement: "top",
|
|
34504
|
-
children: /* @__PURE__ */
|
|
34505
|
-
icon && /* @__PURE__ */
|
|
34532
|
+
children: /* @__PURE__ */ jsxs152("label", { ...labelAttrs, children: [
|
|
34533
|
+
icon && /* @__PURE__ */ jsx282(Icon, { icon }),
|
|
34506
34534
|
label,
|
|
34507
|
-
/* @__PURE__ */
|
|
34535
|
+
/* @__PURE__ */ jsx282(VisuallyHidden12, { children: /* @__PURE__ */ jsx282("input", { ref, ...inputProps, ...tid.value }) })
|
|
34508
34536
|
] })
|
|
34509
34537
|
});
|
|
34510
34538
|
}
|
|
@@ -34532,6 +34560,7 @@ export {
|
|
|
34532
34560
|
AiLoadingPanel,
|
|
34533
34561
|
AiPanel,
|
|
34534
34562
|
AiSlimBanner,
|
|
34563
|
+
AiTableIllustration,
|
|
34535
34564
|
AutoSaveIndicator,
|
|
34536
34565
|
AutoSaveStatus,
|
|
34537
34566
|
AutoSaveStatusContext,
|