@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.cjs
CHANGED
|
@@ -40,6 +40,7 @@ __export(index_exports, {
|
|
|
40
40
|
AiLoadingPanel: () => AiLoadingPanel,
|
|
41
41
|
AiPanel: () => AiPanel,
|
|
42
42
|
AiSlimBanner: () => AiSlimBanner,
|
|
43
|
+
AiTableIllustration: () => AiTableIllustration,
|
|
43
44
|
AutoSaveIndicator: () => AutoSaveIndicator,
|
|
44
45
|
AutoSaveStatus: () => AutoSaveStatus,
|
|
45
46
|
AutoSaveStatusContext: () => AutoSaveStatusContext,
|
|
@@ -33031,44 +33032,72 @@ function useToast() {
|
|
|
33031
33032
|
return { showToast, clear };
|
|
33032
33033
|
}
|
|
33033
33034
|
|
|
33034
|
-
// src/illustrations/
|
|
33035
|
+
// src/illustrations/AiTableIllustration.tsx
|
|
33035
33036
|
var import_runtime163 = require("@homebound/truss/runtime");
|
|
33036
33037
|
var import_jsx_runtime254 = require("react/jsx-runtime");
|
|
33038
|
+
function AiTableIllustration(props) {
|
|
33039
|
+
const {
|
|
33040
|
+
width: width2 = 349
|
|
33041
|
+
} = props;
|
|
33042
|
+
return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)("svg", { viewBox: "0 0 349 197", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...(0, import_runtime163.trussProps)({
|
|
33043
|
+
width: ["w_var", {
|
|
33044
|
+
"--width": `${width2}px`
|
|
33045
|
+
}],
|
|
33046
|
+
maxWidth: "maxw100",
|
|
33047
|
+
height: "ha"
|
|
33048
|
+
}), children: [
|
|
33049
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("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" }),
|
|
33050
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("rect", { x: "96.22", y: "41.46", width: "144.5", height: "129.41", rx: "7.95", fill: "white" }),
|
|
33051
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("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" }),
|
|
33052
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("circle", { cx: "115.97", cy: "78.34", r: "4.91", fill: "#B6B2E1" }),
|
|
33053
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("circle", { cx: "115.97", cy: "104.77", r: "4.91", fill: "#B6B2E1" }),
|
|
33054
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("circle", { cx: "115.97", cy: "131.19", r: "4.91", fill: "#B6B2E1" }),
|
|
33055
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("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" }),
|
|
33056
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("rect", { x: "96.22", y: "41.46", width: "144.5", height: "129.41", rx: "7.95", stroke: "#7A7FA8", strokeWidth: "2.54" }),
|
|
33057
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("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" }),
|
|
33058
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("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" }),
|
|
33059
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)("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" })
|
|
33060
|
+
] });
|
|
33061
|
+
}
|
|
33062
|
+
|
|
33063
|
+
// src/illustrations/DocumentUploadIllustration.tsx
|
|
33064
|
+
var import_runtime164 = require("@homebound/truss/runtime");
|
|
33065
|
+
var import_jsx_runtime255 = require("react/jsx-runtime");
|
|
33037
33066
|
function DocumentUploadIllustration(props) {
|
|
33038
33067
|
const {
|
|
33039
33068
|
width: width2 = 338
|
|
33040
33069
|
} = props;
|
|
33041
|
-
return /* @__PURE__ */ (0,
|
|
33070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)("svg", { viewBox: "0 0 338.25 270.6", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...(0, import_runtime164.trussProps)({
|
|
33042
33071
|
width: ["w_var", {
|
|
33043
33072
|
"--width": `${width2}px`
|
|
33044
33073
|
}],
|
|
33045
33074
|
maxWidth: "maxw100",
|
|
33046
33075
|
height: "ha"
|
|
33047
33076
|
}), children: [
|
|
33048
|
-
/* @__PURE__ */ (0,
|
|
33049
|
-
/* @__PURE__ */ (0,
|
|
33050
|
-
/* @__PURE__ */ (0,
|
|
33051
|
-
/* @__PURE__ */ (0,
|
|
33052
|
-
/* @__PURE__ */ (0,
|
|
33053
|
-
/* @__PURE__ */ (0,
|
|
33054
|
-
/* @__PURE__ */ (0,
|
|
33055
|
-
/* @__PURE__ */ (0,
|
|
33056
|
-
/* @__PURE__ */ (0,
|
|
33057
|
-
/* @__PURE__ */ (0,
|
|
33058
|
-
/* @__PURE__ */ (0,
|
|
33077
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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" }),
|
|
33078
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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" }),
|
|
33079
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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" }),
|
|
33080
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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" }),
|
|
33081
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("path", { d: "M192.785 83.3351V99.2582C192.785 102.885 195.726 105.826 199.353 105.826H215.482", fill: "white" }),
|
|
33082
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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" }),
|
|
33083
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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" }),
|
|
33084
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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" }),
|
|
33085
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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" }),
|
|
33086
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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" }),
|
|
33087
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)("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" })
|
|
33059
33088
|
] });
|
|
33060
33089
|
}
|
|
33061
33090
|
|
|
33062
33091
|
// src/layouts/SideNavLayout/SideNavLayout.tsx
|
|
33063
|
-
var
|
|
33064
|
-
var
|
|
33092
|
+
var import_runtime165 = require("@homebound/truss/runtime");
|
|
33093
|
+
var import_jsx_runtime256 = require("react/jsx-runtime");
|
|
33065
33094
|
var __maybeInc29 = (inc) => {
|
|
33066
33095
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33067
33096
|
};
|
|
33068
33097
|
function SideNavLayout(props) {
|
|
33069
33098
|
const hasProvider = useHasSideNavLayoutProvider();
|
|
33070
|
-
if (hasProvider) return /* @__PURE__ */ (0,
|
|
33071
|
-
return /* @__PURE__ */ (0,
|
|
33099
|
+
if (hasProvider) return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(SideNavLayoutContent, { ...props });
|
|
33100
|
+
return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(SideNavLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(SideNavLayoutContent, { ...props }) });
|
|
33072
33101
|
}
|
|
33073
33102
|
function SideNavLayoutContent(props) {
|
|
33074
33103
|
const {
|
|
@@ -33091,7 +33120,7 @@ function SideNavLayoutContent(props) {
|
|
|
33091
33120
|
const railOffsetPx = !showRail ? 0 : !bp.mdAndUp || collapsed ? railCollapsedWidthPx : railWidthPx;
|
|
33092
33121
|
const navTop = belowNavbarOffset();
|
|
33093
33122
|
const railViewportHeight = `calc(var(${beamLayoutViewportHeightVar}, 100vh) - var(${beamEnvironmentBannerLayoutHeightVar}, 0px) - var(${beamNavbarLayoutHeightVar}, 0px))`;
|
|
33094
|
-
const rail = showRail && /* @__PURE__ */ (0,
|
|
33123
|
+
const rail = showRail && /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)("div", { ...(0, import_runtime165.trussProps)({
|
|
33095
33124
|
...{
|
|
33096
33125
|
display: "df",
|
|
33097
33126
|
flexDirection: "fdc",
|
|
@@ -33115,14 +33144,14 @@ function SideNavLayoutContent(props) {
|
|
|
33115
33144
|
position: "sticky",
|
|
33116
33145
|
left: "l_0",
|
|
33117
33146
|
zIndex: ["z_var", {
|
|
33118
|
-
"--zIndex": (0,
|
|
33147
|
+
"--zIndex": (0, import_runtime165.maybeCssVar)(zIndices.sideNav)
|
|
33119
33148
|
}],
|
|
33120
33149
|
top: ["top_var", {
|
|
33121
|
-
"--top": (0,
|
|
33150
|
+
"--top": (0, import_runtime165.maybeCssVar)(__maybeInc29(navTop))
|
|
33122
33151
|
}],
|
|
33123
33152
|
alignSelf: "asfs",
|
|
33124
33153
|
height: ["h_var", {
|
|
33125
|
-
"--height": (0,
|
|
33154
|
+
"--height": (0, import_runtime165.maybeCssVar)(__maybeInc29(railViewportHeight))
|
|
33126
33155
|
}],
|
|
33127
33156
|
width: ["w_var", {
|
|
33128
33157
|
"--width": `${collapsed ? railCollapsedWidthPx : railWidthPx}px`
|
|
@@ -33132,11 +33161,11 @@ function SideNavLayoutContent(props) {
|
|
|
33132
33161
|
position: "fixed",
|
|
33133
33162
|
left: "l_0",
|
|
33134
33163
|
top: ["top_var", {
|
|
33135
|
-
"--top": (0,
|
|
33164
|
+
"--top": (0, import_runtime165.maybeCssVar)(__maybeInc29(navTop))
|
|
33136
33165
|
}],
|
|
33137
33166
|
bottom: "bot_0",
|
|
33138
33167
|
zIndex: ["z_var", {
|
|
33139
|
-
"--zIndex": (0,
|
|
33168
|
+
"--zIndex": (0, import_runtime165.maybeCssVar)(zIndices.sideNav)
|
|
33140
33169
|
}]
|
|
33141
33170
|
},
|
|
33142
33171
|
...collapsed ? {
|
|
@@ -33148,18 +33177,18 @@ function SideNavLayoutContent(props) {
|
|
|
33148
33177
|
}
|
|
33149
33178
|
}
|
|
33150
33179
|
}), ...tid.sideNav, children: [
|
|
33151
|
-
showCollapseToggle && /* @__PURE__ */ (0,
|
|
33152
|
-
/* @__PURE__ */ (0,
|
|
33180
|
+
showCollapseToggle && /* @__PURE__ */ (0, import_jsx_runtime256.jsx)("div", { className: "absolute r_2 top2 z2", children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
|
|
33181
|
+
/* @__PURE__ */ (0, import_jsx_runtime256.jsx)("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(SideNav, { ...sideNav }) })
|
|
33153
33182
|
] });
|
|
33154
|
-
return /* @__PURE__ */ (0,
|
|
33183
|
+
return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)("div", { ...(0, import_runtime165.mergeProps)(void 0, {
|
|
33155
33184
|
[beamSideNavLayoutWidthVar]: `${railOffsetPx}px`
|
|
33156
33185
|
}, {
|
|
33157
33186
|
display: "df",
|
|
33158
33187
|
flexDirection: "fdr",
|
|
33159
33188
|
width: "w100"
|
|
33160
33189
|
}), ...tid, children: [
|
|
33161
|
-
contrastRail ? /* @__PURE__ */ (0,
|
|
33162
|
-
/* @__PURE__ */ (0,
|
|
33190
|
+
contrastRail ? /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(ContrastScope, { children: rail }) : rail,
|
|
33191
|
+
/* @__PURE__ */ (0, import_jsx_runtime256.jsx)("div", { ...(0, import_runtime165.trussProps)({
|
|
33163
33192
|
display: "df",
|
|
33164
33193
|
flexDirection: "fdc",
|
|
33165
33194
|
flexGrow: "fg1",
|
|
@@ -33175,8 +33204,8 @@ function SideNavLayoutContent(props) {
|
|
|
33175
33204
|
}
|
|
33176
33205
|
|
|
33177
33206
|
// src/layouts/CenteredLayout/CenteredLayout.tsx
|
|
33178
|
-
var
|
|
33179
|
-
var
|
|
33207
|
+
var import_runtime166 = require("@homebound/truss/runtime");
|
|
33208
|
+
var import_jsx_runtime257 = require("react/jsx-runtime");
|
|
33180
33209
|
function CenteredLayout(props) {
|
|
33181
33210
|
const {
|
|
33182
33211
|
size,
|
|
@@ -33188,7 +33217,7 @@ function CenteredLayout(props) {
|
|
|
33188
33217
|
mdAndUp
|
|
33189
33218
|
} = useBreakpoint();
|
|
33190
33219
|
const rightPane = resolveWithRightPaneOptions(withRightPane);
|
|
33191
|
-
const shell = /* @__PURE__ */ (0,
|
|
33220
|
+
const shell = /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ContentInsetProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)("div", { ...(0, import_runtime166.mergeProps)(void 0, {
|
|
33192
33221
|
// layoutContainer descendants (e.g. ContentHeader) read this to inset sticky horizontal chrome within the shell padding.
|
|
33193
33222
|
[beamLayoutContentPaddingXVar]: mdAndUp ? pageContentPaddingXValue : smPageContentPaddingXValue,
|
|
33194
33223
|
// Floor while an ancestor overlay pane is open (`0px` when closed). `md+` only — phones must not get a dummy scrollbar.
|
|
@@ -33207,7 +33236,7 @@ function CenteredLayout(props) {
|
|
|
33207
33236
|
...pageContentPaddingX
|
|
33208
33237
|
}), ...tid, children }) });
|
|
33209
33238
|
if (!rightPane) return shell;
|
|
33210
|
-
return /* @__PURE__ */ (0,
|
|
33239
|
+
return /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
|
|
33211
33240
|
}
|
|
33212
33241
|
var centeredContentMaxPx = {
|
|
33213
33242
|
sm: 720,
|
|
@@ -33220,8 +33249,8 @@ var centeredShellMaxPx = {
|
|
|
33220
33249
|
};
|
|
33221
33250
|
|
|
33222
33251
|
// src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
|
|
33223
|
-
var
|
|
33224
|
-
var
|
|
33252
|
+
var import_runtime167 = require("@homebound/truss/runtime");
|
|
33253
|
+
var import_jsx_runtime258 = require("react/jsx-runtime");
|
|
33225
33254
|
var __maybeInc30 = (inc) => {
|
|
33226
33255
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33227
33256
|
};
|
|
@@ -33237,45 +33266,45 @@ function EnvironmentBannerLayout(props) {
|
|
|
33237
33266
|
[beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
|
|
33238
33267
|
};
|
|
33239
33268
|
const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
|
|
33240
|
-
return /* @__PURE__ */ (0,
|
|
33269
|
+
return /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)("div", { ...(0, import_runtime167.mergeProps)(void 0, style, {
|
|
33241
33270
|
display: "df",
|
|
33242
33271
|
flexDirection: "fdc",
|
|
33243
33272
|
width: "wfc",
|
|
33244
33273
|
minWidth: "mw100"
|
|
33245
33274
|
}), ...tid, children: [
|
|
33246
|
-
showBanner && environmentBanner && /* @__PURE__ */ (0,
|
|
33275
|
+
showBanner && environmentBanner && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("div", { ...(0, import_runtime167.mergeProps)(void 0, {
|
|
33247
33276
|
height: environmentBannerSizePx
|
|
33248
33277
|
}, {
|
|
33249
33278
|
flexShrink: "fs0",
|
|
33250
33279
|
width: "w100"
|
|
33251
|
-
}), children: /* @__PURE__ */ (0,
|
|
33280
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)("div", { ...(0, import_runtime167.trussProps)({
|
|
33252
33281
|
position: "fixed",
|
|
33253
33282
|
top: "top0",
|
|
33254
33283
|
left: "l_0",
|
|
33255
33284
|
zIndex: ["z_var", {
|
|
33256
|
-
"--zIndex": (0,
|
|
33285
|
+
"--zIndex": (0, import_runtime167.maybeCssVar)(zIndices.environmentBanner)
|
|
33257
33286
|
}],
|
|
33258
33287
|
width: ["w_var", {
|
|
33259
|
-
"--width": (0,
|
|
33288
|
+
"--width": (0, import_runtime167.maybeCssVar)(__maybeInc30(innerWidth))
|
|
33260
33289
|
}]
|
|
33261
|
-
}), ...tid.bannerSticky, children: /* @__PURE__ */ (0,
|
|
33290
|
+
}), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
|
|
33262
33291
|
children
|
|
33263
33292
|
] }) }) });
|
|
33264
33293
|
}
|
|
33265
33294
|
|
|
33266
33295
|
// src/layouts/FormSectionLayout/FormSectionLayout.tsx
|
|
33267
|
-
var
|
|
33296
|
+
var import_runtime171 = require("@homebound/truss/runtime");
|
|
33268
33297
|
|
|
33269
33298
|
// src/forms/FormSection/FormSection.tsx
|
|
33270
33299
|
var import_react_aria77 = require("react-aria");
|
|
33271
33300
|
var import_react_stately19 = require("react-stately");
|
|
33272
|
-
var
|
|
33301
|
+
var import_runtime169 = require("@homebound/truss/runtime");
|
|
33273
33302
|
|
|
33274
33303
|
// src/forms/FormSection/FormSectionChild.tsx
|
|
33275
33304
|
var import_react174 = require("react");
|
|
33276
33305
|
var import_react_aria76 = require("react-aria");
|
|
33277
|
-
var
|
|
33278
|
-
var
|
|
33306
|
+
var import_runtime168 = require("@homebound/truss/runtime");
|
|
33307
|
+
var import_jsx_runtime259 = require("react/jsx-runtime");
|
|
33279
33308
|
function FormSectionChild(props) {
|
|
33280
33309
|
const {
|
|
33281
33310
|
title,
|
|
@@ -33298,11 +33327,11 @@ function FormSectionChild(props) {
|
|
|
33298
33327
|
id: props.id ?? title,
|
|
33299
33328
|
itemRef
|
|
33300
33329
|
});
|
|
33301
|
-
const control = group?.mode === "single" ? /* @__PURE__ */ (0,
|
|
33302
|
-
return /* @__PURE__ */ (0,
|
|
33330
|
+
const control = group?.mode === "single" ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(FormSectionChildRadio, { state: group.state, value, label: title, ...tid.radio }) : group?.mode === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(FormSectionChildCheckbox, { state: group.state, value, label: title, ...tid.checkbox }) : selection ? /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(BoundCheckboxField, { field: selection.field, label: title, checkboxOnly: true, ...tid.checkbox }) : void 0;
|
|
33331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)("div", { ...isDraggable ? {
|
|
33303
33332
|
...dragItemProps,
|
|
33304
33333
|
ref: itemRef
|
|
33305
|
-
} : {}, ...(0,
|
|
33334
|
+
} : {}, ...(0, import_runtime168.trussProps)({
|
|
33306
33335
|
display: "df",
|
|
33307
33336
|
flexDirection: "fdc",
|
|
33308
33337
|
gap: "g_2",
|
|
@@ -33318,8 +33347,8 @@ function FormSectionChild(props) {
|
|
|
33318
33347
|
borderStyle: "lot_bsn",
|
|
33319
33348
|
borderWidth: "lot_bw_0"
|
|
33320
33349
|
}), ...tid, children: [
|
|
33321
|
-
/* @__PURE__ */ (0,
|
|
33322
|
-
isDraggable && /* @__PURE__ */ (0,
|
|
33350
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsx)(ContentHeader, { ...tid.header, title, description, actions, level: 4, rightSlotLead: tag && /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Tag, { ...tag, ...tid.tag }), startAdornment: isDraggable || control ? /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(import_jsx_runtime259.Fragment, { children: [
|
|
33351
|
+
isDraggable && /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }),
|
|
33323
33352
|
control
|
|
33324
33353
|
] }) : void 0 }),
|
|
33325
33354
|
fields
|
|
@@ -33345,7 +33374,7 @@ function FormSectionChildRadio(props) {
|
|
|
33345
33374
|
isFocusVisible
|
|
33346
33375
|
} = (0, import_react_aria76.useFocusRing)();
|
|
33347
33376
|
const tid = useTestIds(props);
|
|
33348
|
-
return /* @__PURE__ */ (0,
|
|
33377
|
+
return /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(StyledRadio, { isDisabled, isSelected, isFocusVisible, inputProps: {
|
|
33349
33378
|
...(0, import_react_aria76.mergeProps)(inputProps, focusProps),
|
|
33350
33379
|
ref,
|
|
33351
33380
|
...tid
|
|
@@ -33373,21 +33402,21 @@ function FormSectionChildCheckbox(props) {
|
|
|
33373
33402
|
const tid = useTestIds(props);
|
|
33374
33403
|
return (
|
|
33375
33404
|
// `StyledCheckbox` is just the visual box, so the label makes clicking it toggle the hidden input
|
|
33376
|
-
/* @__PURE__ */ (0,
|
|
33405
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsxs)("label", { ...(0, import_runtime168.trussProps)({
|
|
33377
33406
|
display: "df",
|
|
33378
33407
|
cursor: "cur_pointer",
|
|
33379
33408
|
...isDisabled ? {
|
|
33380
33409
|
cursor: "cur_not_allowed"
|
|
33381
33410
|
} : {}
|
|
33382
33411
|
}), children: [
|
|
33383
|
-
/* @__PURE__ */ (0,
|
|
33384
|
-
/* @__PURE__ */ (0,
|
|
33412
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsx)(import_react_aria76.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime259.jsx)("input", { ref, ...(0, import_react_aria76.mergeProps)(inputProps, focusProps), ...tid }) }),
|
|
33413
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsx)(StyledCheckbox, { isDisabled, isSelected, isFocusVisible })
|
|
33385
33414
|
] })
|
|
33386
33415
|
);
|
|
33387
33416
|
}
|
|
33388
33417
|
|
|
33389
33418
|
// src/forms/FormSection/FormSection.tsx
|
|
33390
|
-
var
|
|
33419
|
+
var import_jsx_runtime260 = require("react/jsx-runtime");
|
|
33391
33420
|
function FormSection(props) {
|
|
33392
33421
|
const {
|
|
33393
33422
|
title,
|
|
@@ -33398,17 +33427,17 @@ function FormSection(props) {
|
|
|
33398
33427
|
selection
|
|
33399
33428
|
} = props;
|
|
33400
33429
|
const tid = useTestIds(props, "formSection");
|
|
33401
|
-
return /* @__PURE__ */ (0,
|
|
33430
|
+
return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)("div", { id: defaultTestId(title), ...(0, import_runtime169.trussProps)({
|
|
33402
33431
|
display: "df",
|
|
33403
33432
|
flexDirection: "fdc",
|
|
33404
33433
|
gap: "g_2",
|
|
33405
33434
|
scrollMarginTop: ["scrollMarginTop_var", {
|
|
33406
|
-
"--scrollMarginTop": (0,
|
|
33435
|
+
"--scrollMarginTop": (0, import_runtime169.maybeCssVar)(stickyNavAndHeaderOffset())
|
|
33407
33436
|
}]
|
|
33408
33437
|
}), ...tid.section, children: [
|
|
33409
|
-
/* @__PURE__ */ (0,
|
|
33438
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ContentHeader, { ...tid, title, description, actions, level: 3 }),
|
|
33410
33439
|
fields,
|
|
33411
|
-
childSections && (selection?.mode === "single" ? /* @__PURE__ */ (0,
|
|
33440
|
+
childSections && (selection?.mode === "single" ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(FormSectionRadioGroup, { field: selection.field, label: title, childSections, ...tid }) : selection?.mode === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(FormSectionCheckboxGroup, { field: selection.field, label: title, childSections, ...tid }) : /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ChildSectionList, { childSections, ...tid.childSection }))
|
|
33412
33441
|
] });
|
|
33413
33442
|
}
|
|
33414
33443
|
function FormSectionRadioGroup(props) {
|
|
@@ -33441,7 +33470,7 @@ function FormSectionRadioGroup(props) {
|
|
|
33441
33470
|
onFocus: () => field.focus(),
|
|
33442
33471
|
onBlur: () => field.blur()
|
|
33443
33472
|
}, state);
|
|
33444
|
-
return /* @__PURE__ */ (0,
|
|
33473
|
+
return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { ...radioGroupProps, ...tid.childGroup, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ChildSectionList, { childSections, group: {
|
|
33445
33474
|
mode: "single",
|
|
33446
33475
|
state
|
|
33447
33476
|
}, ...tid.childSection }) });
|
|
@@ -33476,7 +33505,7 @@ function FormSectionCheckboxGroup(props) {
|
|
|
33476
33505
|
onFocus: () => field.focus(),
|
|
33477
33506
|
onBlur: () => field.blur()
|
|
33478
33507
|
}, state);
|
|
33479
|
-
return /* @__PURE__ */ (0,
|
|
33508
|
+
return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { ...groupProps, ...tid.childGroup, children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ChildSectionList, { childSections, group: {
|
|
33480
33509
|
mode: "multiple",
|
|
33481
33510
|
state
|
|
33482
33511
|
}, ...tid.childSection }) });
|
|
@@ -33487,7 +33516,7 @@ function ChildSectionList(props) {
|
|
|
33487
33516
|
group,
|
|
33488
33517
|
...tid
|
|
33489
33518
|
} = props;
|
|
33490
|
-
return isReorderable(childSections) ? /* @__PURE__ */ (0,
|
|
33519
|
+
return isReorderable(childSections) ? /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(DraggableChildren, { childSections, group, ...tid }) : /* @__PURE__ */ (0, import_jsx_runtime260.jsx)("div", { className: "df fdc g_3", children: childSections.map((child) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(FormSectionChild, { ...child, group, ...tid }, child.id ?? child.title)) });
|
|
33491
33520
|
}
|
|
33492
33521
|
function isReorderable(childSections) {
|
|
33493
33522
|
return childSections.length > 0 && childSections.every((c) => !!c.orderField);
|
|
@@ -33510,18 +33539,18 @@ function DraggableChildren(props) {
|
|
|
33510
33539
|
}
|
|
33511
33540
|
});
|
|
33512
33541
|
};
|
|
33513
|
-
return /* @__PURE__ */ (0,
|
|
33542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(DnDGrid, { onReorder: handleReorder, lockAxis: "y", gridStyles: {
|
|
33514
33543
|
gridTemplateColumns: "gtc_minmax_0_1fr",
|
|
33515
33544
|
gap: "g_3"
|
|
33516
|
-
}, children: sorted.map((child) => /* @__PURE__ */ (0,
|
|
33545
|
+
}, children: sorted.map((child) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(FormSectionChild, { ...child, group, ...tid }, child.id)) });
|
|
33517
33546
|
}
|
|
33518
33547
|
function sortByOrderField(childSections) {
|
|
33519
33548
|
return [...childSections].sort((a, b) => (a.orderField.value ?? 0) - (b.orderField.value ?? 0));
|
|
33520
33549
|
}
|
|
33521
33550
|
|
|
33522
33551
|
// src/layouts/FormSectionLayout/JumpLinksRail.tsx
|
|
33523
|
-
var
|
|
33524
|
-
var
|
|
33552
|
+
var import_runtime170 = require("@homebound/truss/runtime");
|
|
33553
|
+
var import_jsx_runtime261 = require("react/jsx-runtime");
|
|
33525
33554
|
var __maybeInc31 = (inc) => {
|
|
33526
33555
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33527
33556
|
};
|
|
@@ -33531,7 +33560,7 @@ function JumpLinksRail(props) {
|
|
|
33531
33560
|
activeId
|
|
33532
33561
|
} = props;
|
|
33533
33562
|
const tid = useTestIds(props, "jumpLinks");
|
|
33534
|
-
return /* @__PURE__ */ (0,
|
|
33563
|
+
return /* @__PURE__ */ (0, import_jsx_runtime261.jsx)("nav", { ...(0, import_runtime170.trussProps)({
|
|
33535
33564
|
display: "df",
|
|
33536
33565
|
flexDirection: "fdc",
|
|
33537
33566
|
flexShrink: "fs0",
|
|
@@ -33541,9 +33570,9 @@ function JumpLinksRail(props) {
|
|
|
33541
33570
|
position: "sticky",
|
|
33542
33571
|
alignSelf: "asfs",
|
|
33543
33572
|
top: ["top_var", {
|
|
33544
|
-
"--top": (0,
|
|
33573
|
+
"--top": (0, import_runtime170.maybeCssVar)(__maybeInc31(stickyNavAndHeaderOffset()))
|
|
33545
33574
|
}]
|
|
33546
|
-
}), ...tid, children: links.map((link) => /* @__PURE__ */ (0,
|
|
33575
|
+
}), ...tid, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
|
|
33547
33576
|
}
|
|
33548
33577
|
var jumpLinksRailWidthPx = 192;
|
|
33549
33578
|
var railAndShellPx = centeredShellMaxPx.sm + jumpLinksRailWidthPx;
|
|
@@ -33579,7 +33608,7 @@ function useActiveJumpLink(sectionIds) {
|
|
|
33579
33608
|
}
|
|
33580
33609
|
|
|
33581
33610
|
// src/layouts/FormSectionLayout/FormSectionLayout.tsx
|
|
33582
|
-
var
|
|
33611
|
+
var import_jsx_runtime262 = require("react/jsx-runtime");
|
|
33583
33612
|
var __maybeInc32 = (inc) => {
|
|
33584
33613
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33585
33614
|
};
|
|
@@ -33616,7 +33645,7 @@ function FormSectionLayout(props) {
|
|
|
33616
33645
|
}] : [], ...sectionLinks];
|
|
33617
33646
|
const showRail = withJumpLinks && jumpLinks.length >= 2 && !isMobile;
|
|
33618
33647
|
const activeId = useActiveJumpLink(showRail ? jumpLinks.map((link) => link.id) : []);
|
|
33619
|
-
const content2 = /* @__PURE__ */ (0,
|
|
33648
|
+
const content2 = /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("div", { ...(0, import_runtime171.trussProps)({
|
|
33620
33649
|
display: "df",
|
|
33621
33650
|
flexDirection: "fdc",
|
|
33622
33651
|
gap: "g_8",
|
|
@@ -33627,33 +33656,33 @@ function FormSectionLayout(props) {
|
|
|
33627
33656
|
paddingLeft: "pl3"
|
|
33628
33657
|
} : {}
|
|
33629
33658
|
}), children: [
|
|
33630
|
-
/* @__PURE__ */ (0,
|
|
33659
|
+
/* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...(0, import_runtime171.trussProps)({
|
|
33631
33660
|
display: "df",
|
|
33632
33661
|
flexDirection: "fdc",
|
|
33633
33662
|
gap: "g_3",
|
|
33634
33663
|
...titleAnchor ? {
|
|
33635
33664
|
scrollMarginTop: ["scrollMarginTop_var", {
|
|
33636
|
-
"--scrollMarginTop": (0,
|
|
33665
|
+
"--scrollMarginTop": (0, import_runtime171.maybeCssVar)(stickyNavAndHeaderOffset())
|
|
33637
33666
|
}]
|
|
33638
33667
|
} : {}
|
|
33639
33668
|
}), children: [
|
|
33640
|
-
/* @__PURE__ */ (0,
|
|
33669
|
+
/* @__PURE__ */ (0, import_jsx_runtime262.jsx)(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
|
|
33641
33670
|
initialFields
|
|
33642
33671
|
] }),
|
|
33643
|
-
sections && /* @__PURE__ */ (0,
|
|
33672
|
+
sections && /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { className: "df fdc g_8", children: sections.map((section, i) => /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(FormSection, { ...section }, defaultTestId(section.title) || i)) })
|
|
33644
33673
|
] });
|
|
33645
|
-
const form = /* @__PURE__ */ (0,
|
|
33646
|
-
const body = showRail ? /* @__PURE__ */ (0,
|
|
33647
|
-
/* @__PURE__ */ (0,
|
|
33648
|
-
/* @__PURE__ */ (0,
|
|
33674
|
+
const form = /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(CenteredLayout, { size: "sm", children: aiMode ? /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(AiCard, { size: "lg", ...tid, children: content2 }) : content2 });
|
|
33675
|
+
const body = showRail ? /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)("div", { className: "df w100 mb4", children: [
|
|
33676
|
+
/* @__PURE__ */ (0, import_jsx_runtime262.jsx)(JumpLinksRail, { links: jumpLinks, activeId, ...tid.jumpLinks }),
|
|
33677
|
+
/* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { ...(0, import_runtime171.trussProps)({
|
|
33649
33678
|
flexGrow: "fg1",
|
|
33650
33679
|
marginRight: ["mr_var", {
|
|
33651
|
-
"--marginRight": (0,
|
|
33680
|
+
"--marginRight": (0, import_runtime171.maybeCssVar)(__maybeInc32(jumpLinksRailReservation))
|
|
33652
33681
|
}]
|
|
33653
33682
|
}), ...tid.column, children: form })
|
|
33654
|
-
] }) : /* @__PURE__ */ (0,
|
|
33683
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("div", { className: "mb4", children: form });
|
|
33655
33684
|
if (!rightPane) return body;
|
|
33656
|
-
return /* @__PURE__ */ (0,
|
|
33685
|
+
return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
|
|
33657
33686
|
}
|
|
33658
33687
|
|
|
33659
33688
|
// src/layouts/PageBanner/usePageBanner.tsx
|
|
@@ -33712,7 +33741,7 @@ function PageBanner(props) {
|
|
|
33712
33741
|
|
|
33713
33742
|
// src/layouts/NavbarLayout/NavbarLayout.tsx
|
|
33714
33743
|
var import_react181 = require("react");
|
|
33715
|
-
var
|
|
33744
|
+
var import_runtime172 = require("@homebound/truss/runtime");
|
|
33716
33745
|
|
|
33717
33746
|
// src/layouts/useAutoHideOnScroll.ts
|
|
33718
33747
|
var import_react177 = require("react");
|
|
@@ -33827,17 +33856,17 @@ function useTransitionAfterPaint(ref, transition) {
|
|
|
33827
33856
|
|
|
33828
33857
|
// src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
|
|
33829
33858
|
var import_react180 = require("react");
|
|
33830
|
-
var
|
|
33859
|
+
var import_jsx_runtime263 = require("react/jsx-runtime");
|
|
33831
33860
|
var NavbarLayoutHeightContext = (0, import_react180.createContext)(0);
|
|
33832
33861
|
function NavbarLayoutHeightProvider({ value, children }) {
|
|
33833
|
-
return /* @__PURE__ */ (0,
|
|
33862
|
+
return /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(NavbarLayoutHeightContext.Provider, { value, children });
|
|
33834
33863
|
}
|
|
33835
33864
|
function useNavbarLayoutHeight() {
|
|
33836
33865
|
return (0, import_react180.useContext)(NavbarLayoutHeightContext);
|
|
33837
33866
|
}
|
|
33838
33867
|
|
|
33839
33868
|
// src/layouts/NavbarLayout/NavbarLayout.tsx
|
|
33840
|
-
var
|
|
33869
|
+
var import_jsx_runtime264 = require("react/jsx-runtime");
|
|
33841
33870
|
var __maybeInc33 = (inc) => {
|
|
33842
33871
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
33843
33872
|
};
|
|
@@ -33863,10 +33892,10 @@ function NavbarLayout(props) {
|
|
|
33863
33892
|
position: "fixed",
|
|
33864
33893
|
left: "l_0",
|
|
33865
33894
|
zIndex: ["z_var", {
|
|
33866
|
-
"--zIndex": (0,
|
|
33895
|
+
"--zIndex": (0, import_runtime172.maybeCssVar)(zIndices.navbar)
|
|
33867
33896
|
}],
|
|
33868
33897
|
width: ["w_var", {
|
|
33869
|
-
"--width": (0,
|
|
33898
|
+
"--width": (0, import_runtime172.maybeCssVar)(__maybeInc33(innerWidth))
|
|
33870
33899
|
}]
|
|
33871
33900
|
};
|
|
33872
33901
|
useTransitionAfterPaint(navMetricsRef, "top 200ms cubic-bezier(0.4, 0, 0.2, 1)");
|
|
@@ -33874,20 +33903,20 @@ function NavbarLayout(props) {
|
|
|
33874
33903
|
const innerStyle = {
|
|
33875
33904
|
top: autoHideState === "hidden" ? `calc(${bannerTop} - ${navHeight}px)` : bannerTop
|
|
33876
33905
|
};
|
|
33877
|
-
const navbarEl = (0, import_react181.useMemo)(() => /* @__PURE__ */ (0,
|
|
33878
|
-
return /* @__PURE__ */ (0,
|
|
33906
|
+
const navbarEl = (0, import_react181.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(Navbar, { ...navbar }), [navbar]);
|
|
33907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)(MobileSubNavProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime264.jsxs)("div", { ...(0, import_runtime172.mergeProps)(void 0, cssVars, {
|
|
33879
33908
|
display: "df",
|
|
33880
33909
|
flexDirection: "fdc",
|
|
33881
33910
|
width: "wfc",
|
|
33882
33911
|
minWidth: "mw100"
|
|
33883
33912
|
}), ...tid, children: [
|
|
33884
|
-
/* @__PURE__ */ (0,
|
|
33913
|
+
/* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { ref: spacerRef, ...(0, import_runtime172.mergeProps)(void 0, {
|
|
33885
33914
|
height: navHeight
|
|
33886
33915
|
}, {
|
|
33887
33916
|
flexShrink: "fs0",
|
|
33888
33917
|
width: "w100"
|
|
33889
|
-
}), children: /* @__PURE__ */ (0,
|
|
33890
|
-
/* @__PURE__ */ (0,
|
|
33918
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { ref: navMetricsRef, ...(0, import_runtime172.mergeProps)(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
|
|
33919
|
+
/* @__PURE__ */ (0, import_jsx_runtime264.jsx)("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
|
|
33891
33920
|
] }) }) }) });
|
|
33892
33921
|
}
|
|
33893
33922
|
|
|
@@ -33911,8 +33940,8 @@ function useDocumentTitle(...titleSegments) {
|
|
|
33911
33940
|
}
|
|
33912
33941
|
|
|
33913
33942
|
// src/components/Headers/BaseHeader.tsx
|
|
33914
|
-
var
|
|
33915
|
-
var
|
|
33943
|
+
var import_runtime173 = require("@homebound/truss/runtime");
|
|
33944
|
+
var import_jsx_runtime265 = require("react/jsx-runtime");
|
|
33916
33945
|
function BaseHeader(props) {
|
|
33917
33946
|
const {
|
|
33918
33947
|
title,
|
|
@@ -33924,7 +33953,7 @@ function BaseHeader(props) {
|
|
|
33924
33953
|
} = props;
|
|
33925
33954
|
const tid = useTestIds(otherProps, "header");
|
|
33926
33955
|
useDocumentTitle(title, documentTitleSuffix);
|
|
33927
|
-
return /* @__PURE__ */ (0,
|
|
33956
|
+
return /* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("header", { ...tid, ...(0, import_runtime173.trussProps)({
|
|
33928
33957
|
display: "df",
|
|
33929
33958
|
flexDirection: "fdc",
|
|
33930
33959
|
paddingTop: "pt3",
|
|
@@ -33938,7 +33967,7 @@ function BaseHeader(props) {
|
|
|
33938
33967
|
"--backgroundColor": "var(--b-surface)"
|
|
33939
33968
|
}]
|
|
33940
33969
|
}), children: [
|
|
33941
|
-
/* @__PURE__ */ (0,
|
|
33970
|
+
/* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("div", { ...(0, import_runtime173.trussProps)({
|
|
33942
33971
|
...{
|
|
33943
33972
|
display: "df",
|
|
33944
33973
|
justifyContent: "jcsb",
|
|
@@ -33952,9 +33981,9 @@ function BaseHeader(props) {
|
|
|
33952
33981
|
} : {}
|
|
33953
33982
|
}
|
|
33954
33983
|
}), children: [
|
|
33955
|
-
/* @__PURE__ */ (0,
|
|
33956
|
-
breadcrumbs && /* @__PURE__ */ (0,
|
|
33957
|
-
/* @__PURE__ */ (0,
|
|
33984
|
+
/* @__PURE__ */ (0, import_jsx_runtime265.jsxs)("div", { className: "mw0", children: [
|
|
33985
|
+
breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(Breadcrumbs, { ...breadcrumbs }),
|
|
33986
|
+
/* @__PURE__ */ (0, import_jsx_runtime265.jsx)("h1", { ...tid.title, ...(0, import_runtime173.trussProps)({
|
|
33958
33987
|
fontWeight: "fw6",
|
|
33959
33988
|
fontSize: "fz_20px",
|
|
33960
33989
|
lineHeight: "lh_28px",
|
|
@@ -33963,15 +33992,15 @@ function BaseHeader(props) {
|
|
|
33963
33992
|
}]
|
|
33964
33993
|
}), children: title })
|
|
33965
33994
|
] }),
|
|
33966
|
-
/* @__PURE__ */ (0,
|
|
33995
|
+
/* @__PURE__ */ (0, import_jsx_runtime265.jsx)("div", { className: "fs0", children: rightSlot })
|
|
33967
33996
|
] }),
|
|
33968
33997
|
bottomSlot
|
|
33969
33998
|
] });
|
|
33970
33999
|
}
|
|
33971
34000
|
|
|
33972
34001
|
// src/components/Headers/PageHeader.tsx
|
|
33973
|
-
var
|
|
33974
|
-
var
|
|
34002
|
+
var import_runtime174 = require("@homebound/truss/runtime");
|
|
34003
|
+
var import_jsx_runtime266 = require("react/jsx-runtime");
|
|
33975
34004
|
function PageHeader2(props) {
|
|
33976
34005
|
const {
|
|
33977
34006
|
tabs,
|
|
@@ -33987,20 +34016,20 @@ function PageHeader2(props) {
|
|
|
33987
34016
|
bottomSlotActions,
|
|
33988
34017
|
rightSlotActions
|
|
33989
34018
|
} = splitHeaderActionsOnSm(actions, sm);
|
|
33990
|
-
return /* @__PURE__ */ (0,
|
|
33991
|
-
/* @__PURE__ */ (0,
|
|
33992
|
-
rightSlotActions.length > 0 && /* @__PURE__ */ (0,
|
|
34019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(BaseHeader, { ...otherProps, rightSlot: /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)("div", { className: "df g_2 fs0", ...tid.actions, children: [
|
|
34020
|
+
/* @__PURE__ */ (0, import_jsx_runtime266.jsx)(AutoSaveIndicator, { hideOnIdle: true }),
|
|
34021
|
+
rightSlotActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(HeaderActions, { actions: rightSlotActions, collapseOnSm: true }),
|
|
33993
34022
|
rightSlot
|
|
33994
|
-
] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ (0,
|
|
33995
|
-
bottomSlotActions.length > 0 && /* @__PURE__ */ (0,
|
|
34023
|
+
] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(import_jsx_runtime266.Fragment, { children: [
|
|
34024
|
+
bottomSlotActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("div", { ...(0, import_runtime174.trussProps)({
|
|
33996
34025
|
...pageContentPaddingX,
|
|
33997
34026
|
...{
|
|
33998
34027
|
...!tabs ? {
|
|
33999
34028
|
marginBottom: "mb2"
|
|
34000
34029
|
} : {}
|
|
34001
34030
|
}
|
|
34002
|
-
}), ...tid.bottomSlot, children: /* @__PURE__ */ (0,
|
|
34003
|
-
tabs && /* @__PURE__ */ (0,
|
|
34031
|
+
}), ...tid.bottomSlot, children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(HeaderActions, { actions: bottomSlotActions }) }),
|
|
34032
|
+
tabs && /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("div", { ...(0, import_runtime174.trussProps)(pageContentPaddingX), children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Tabs, { ...tabs, ...tid.tabs }) })
|
|
34004
34033
|
] }) });
|
|
34005
34034
|
}
|
|
34006
34035
|
|
|
@@ -34008,8 +34037,8 @@ function PageHeader2(props) {
|
|
|
34008
34037
|
var import_react183 = require("react");
|
|
34009
34038
|
|
|
34010
34039
|
// src/layouts/PageBanner/internal/PageBannerSlot.tsx
|
|
34011
|
-
var
|
|
34012
|
-
var
|
|
34040
|
+
var import_runtime175 = require("@homebound/truss/runtime");
|
|
34041
|
+
var import_jsx_runtime267 = require("react/jsx-runtime");
|
|
34013
34042
|
var __maybeInc34 = (inc) => {
|
|
34014
34043
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
34015
34044
|
};
|
|
@@ -34019,33 +34048,33 @@ function PageBannerSlot(props) {
|
|
|
34019
34048
|
metricsRef
|
|
34020
34049
|
} = props;
|
|
34021
34050
|
const tid = useTestIds(props, "pageBannerSlot");
|
|
34022
|
-
return /* @__PURE__ */ (0,
|
|
34051
|
+
return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("div", { ref: metricsRef, ...(0, import_runtime175.trussProps)({
|
|
34023
34052
|
flexShrink: "fs0",
|
|
34024
34053
|
width: ["w_var", {
|
|
34025
|
-
"--width": (0,
|
|
34054
|
+
"--width": (0, import_runtime175.maybeCssVar)(__maybeInc34(`min(100%, ${documentScrollChromeWidth()})`))
|
|
34026
34055
|
}],
|
|
34027
34056
|
transition: "transitionTop",
|
|
34028
34057
|
position: "sticky",
|
|
34029
34058
|
top: ["top_var", {
|
|
34030
|
-
"--top": (0,
|
|
34059
|
+
"--top": (0, import_runtime175.maybeCssVar)(__maybeInc34(pageBannerOffset()))
|
|
34031
34060
|
}],
|
|
34032
34061
|
left: ["left_var", {
|
|
34033
|
-
"--left": (0,
|
|
34062
|
+
"--left": (0, import_runtime175.maybeCssVar)(__maybeInc34(documentScrollChromeLeft()))
|
|
34034
34063
|
}],
|
|
34035
34064
|
zIndex: ["z_var", {
|
|
34036
|
-
"--zIndex": (0,
|
|
34065
|
+
"--zIndex": (0, import_runtime175.maybeCssVar)(zIndices.pageBanner)
|
|
34037
34066
|
}]
|
|
34038
|
-
}), ...tid.bannerSticky, children: /* @__PURE__ */ (0,
|
|
34067
|
+
}), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(StatusBanner, { ...banner, sticky: true, ...tid.banner }) });
|
|
34039
34068
|
}
|
|
34040
34069
|
|
|
34041
34070
|
// src/layouts/PageBanner/internal/usePageBannerSlot.tsx
|
|
34042
|
-
var
|
|
34071
|
+
var import_jsx_runtime268 = require("react/jsx-runtime");
|
|
34043
34072
|
function usePageBannerSlot(bannerProp, testIds) {
|
|
34044
34073
|
const publishedBanner = usePublishedPageBanner();
|
|
34045
34074
|
const banner = publishedBanner ?? bannerProp;
|
|
34046
34075
|
const metricsRef = (0, import_react183.useRef)(null);
|
|
34047
34076
|
const height = useMeasuredHeight(metricsRef, banner != null);
|
|
34048
|
-
const slot = banner ? /* @__PURE__ */ (0,
|
|
34077
|
+
const slot = banner ? /* @__PURE__ */ (0, import_jsx_runtime268.jsx)(PageBannerSlot, { ...testIds, banner, metricsRef }) : null;
|
|
34049
34078
|
return { slot, height };
|
|
34050
34079
|
}
|
|
34051
34080
|
function usePublishedPageBanner() {
|
|
@@ -34067,8 +34096,8 @@ function useBannerAndNavbarHeight() {
|
|
|
34067
34096
|
}
|
|
34068
34097
|
|
|
34069
34098
|
// src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
|
|
34070
|
-
var
|
|
34071
|
-
var
|
|
34099
|
+
var import_runtime176 = require("@homebound/truss/runtime");
|
|
34100
|
+
var import_jsx_runtime269 = require("react/jsx-runtime");
|
|
34072
34101
|
var __maybeInc35 = (inc) => {
|
|
34073
34102
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
34074
34103
|
};
|
|
@@ -34108,33 +34137,33 @@ function PageHeaderLayout(props) {
|
|
|
34108
34137
|
const innerCss = {
|
|
34109
34138
|
position: "fixed",
|
|
34110
34139
|
left: ["left_var", {
|
|
34111
|
-
"--left": (0,
|
|
34140
|
+
"--left": (0, import_runtime176.maybeCssVar)(__maybeInc35(headerLeft))
|
|
34112
34141
|
}],
|
|
34113
34142
|
width: ["w_var", {
|
|
34114
|
-
"--width": (0,
|
|
34143
|
+
"--width": (0, import_runtime176.maybeCssVar)(__maybeInc35(headerWidth))
|
|
34115
34144
|
}],
|
|
34116
34145
|
zIndex: ["z_var", {
|
|
34117
|
-
"--zIndex": (0,
|
|
34146
|
+
"--zIndex": (0, import_runtime176.maybeCssVar)(zIndices.pageStickyHeader)
|
|
34118
34147
|
}]
|
|
34119
34148
|
};
|
|
34120
34149
|
useTransitionAfterPaint(headerMetricsRef, "all 200ms cubic-bezier(0.4, 0, 0.2, 1)");
|
|
34121
34150
|
const innerStyle = {
|
|
34122
34151
|
top: autoHideState === "hidden" ? `calc(${outerTop} - ${headerHeight}px)` : outerTop
|
|
34123
34152
|
};
|
|
34124
|
-
const pageHeaderEl = (0, import_react184.useMemo)(() => /* @__PURE__ */ (0,
|
|
34125
|
-
return /* @__PURE__ */ (0,
|
|
34153
|
+
const pageHeaderEl = (0, import_react184.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(PageHeader2, { ...pageHeader }), [pageHeader]);
|
|
34154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)("div", { ...(0, import_runtime176.mergeProps)(void 0, style, {
|
|
34126
34155
|
display: "df",
|
|
34127
34156
|
flexDirection: "fdc",
|
|
34128
34157
|
width: "w100"
|
|
34129
34158
|
}), ...tid, children: [
|
|
34130
|
-
/* @__PURE__ */ (0,
|
|
34159
|
+
/* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { ref: spacerRef, ...(0, import_runtime176.mergeProps)(void 0, {
|
|
34131
34160
|
height: headerHeight
|
|
34132
34161
|
}, {
|
|
34133
34162
|
flexShrink: "fs0",
|
|
34134
34163
|
width: "w100"
|
|
34135
|
-
}), children: /* @__PURE__ */ (0,
|
|
34164
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime176.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
|
|
34136
34165
|
bannerSlot,
|
|
34137
|
-
/* @__PURE__ */ (0,
|
|
34166
|
+
/* @__PURE__ */ (0, import_jsx_runtime269.jsx)("div", { className: "df fdc fg1 mh0 w100 n_has_data_self_top_spaced_first_child_pt3", ...tid.body, children })
|
|
34138
34167
|
] }) });
|
|
34139
34168
|
}
|
|
34140
34169
|
|
|
@@ -34142,23 +34171,23 @@ function PageHeaderLayout(props) {
|
|
|
34142
34171
|
var import_react187 = require("react");
|
|
34143
34172
|
|
|
34144
34173
|
// src/components/Headers/WorkflowHeader.tsx
|
|
34145
|
-
var
|
|
34174
|
+
var import_jsx_runtime270 = require("react/jsx-runtime");
|
|
34146
34175
|
function WorkflowHeader(props) {
|
|
34147
34176
|
const { stepperTabs, ...otherProps } = props;
|
|
34148
34177
|
const tid = useTestIds(otherProps, "header");
|
|
34149
|
-
return /* @__PURE__ */ (0,
|
|
34178
|
+
return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
|
|
34150
34179
|
BaseHeader,
|
|
34151
34180
|
{
|
|
34152
34181
|
...otherProps,
|
|
34153
|
-
bottomSlot: stepperTabs ? /* @__PURE__ */ (0,
|
|
34182
|
+
bottomSlot: stepperTabs ? /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) : void 0
|
|
34154
34183
|
}
|
|
34155
34184
|
);
|
|
34156
34185
|
}
|
|
34157
34186
|
|
|
34158
34187
|
// src/layouts/Workflow/RightPaneTriggers.tsx
|
|
34159
34188
|
var import_react185 = require("react");
|
|
34160
|
-
var
|
|
34161
|
-
var
|
|
34189
|
+
var import_runtime177 = require("@homebound/truss/runtime");
|
|
34190
|
+
var import_jsx_runtime271 = require("react/jsx-runtime");
|
|
34162
34191
|
var __maybeInc36 = (inc) => {
|
|
34163
34192
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
34164
34193
|
};
|
|
@@ -34179,12 +34208,12 @@ function WorkflowPageRightPaneTriggers(props) {
|
|
|
34179
34208
|
const pageTriggerInsetPx = 24;
|
|
34180
34209
|
const onClick = (0, import_react185.useCallback)((trigger) => {
|
|
34181
34210
|
openRightPane({
|
|
34182
|
-
content: /* @__PURE__ */ (0,
|
|
34211
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(RightPanePanel, { title: trigger.label, children: trigger.content })
|
|
34183
34212
|
});
|
|
34184
34213
|
}, [openRightPane]);
|
|
34185
|
-
return /* @__PURE__ */ (0,
|
|
34214
|
+
return /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { ...tid, "aria-hidden": isRightPaneOpen, ...isRightPaneOpen ? {
|
|
34186
34215
|
inert: true
|
|
34187
|
-
} : {}, ...(0,
|
|
34216
|
+
} : {}, ...(0, import_runtime177.trussProps)({
|
|
34188
34217
|
...{
|
|
34189
34218
|
display: "df",
|
|
34190
34219
|
alignItems: "aic",
|
|
@@ -34198,31 +34227,31 @@ function WorkflowPageRightPaneTriggers(props) {
|
|
|
34198
34227
|
...!isMobile && {
|
|
34199
34228
|
position: "fixed",
|
|
34200
34229
|
top: ["top_var", {
|
|
34201
|
-
"--top": (0,
|
|
34230
|
+
"--top": (0, import_runtime177.maybeCssVar)(__maybeInc36(stickyNavAndHeaderOffset(pageTriggerInsetPx)))
|
|
34202
34231
|
}],
|
|
34203
34232
|
right: ["right_var", {
|
|
34204
34233
|
"--right": `${pageTriggerInsetPx}px`
|
|
34205
34234
|
}],
|
|
34206
34235
|
zIndex: ["z_var", {
|
|
34207
|
-
"--zIndex": (0,
|
|
34236
|
+
"--zIndex": (0, import_runtime177.maybeCssVar)(zIndices.rightPaneTriggers)
|
|
34208
34237
|
}]
|
|
34209
34238
|
},
|
|
34210
34239
|
// Desktop only — on `sm` the full-bleed pane covers the header slot.
|
|
34211
34240
|
...!isMobile && (isRightPaneOpen ? {
|
|
34212
34241
|
transform: ["transform_var", {
|
|
34213
|
-
"--transform": (0,
|
|
34242
|
+
"--transform": (0, import_runtime177.maybeCssVar)(`translateX(calc(100% + ${pageTriggerInsetPx}px))`)
|
|
34214
34243
|
}],
|
|
34215
34244
|
pointerEvents: "pen"
|
|
34216
34245
|
} : {
|
|
34217
34246
|
transform: "tf_translateX_0"
|
|
34218
34247
|
})
|
|
34219
|
-
}), children: triggers.map((trigger) => /* @__PURE__ */ (0,
|
|
34248
|
+
}), children: triggers.map((trigger) => /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(IconButton, { icon: trigger.icon, label: trigger.label, variant: "circle", compact: isMobile, onClick: () => onClick(trigger), ...tid[trigger.icon] }, trigger.label)) });
|
|
34220
34249
|
}
|
|
34221
34250
|
|
|
34222
34251
|
// src/layouts/Workflow/useUnsavedChangesGuard.tsx
|
|
34223
34252
|
var import_react186 = require("react");
|
|
34224
34253
|
var import_react_router_dom9 = require("react-router-dom");
|
|
34225
|
-
var
|
|
34254
|
+
var import_jsx_runtime272 = require("react/jsx-runtime");
|
|
34226
34255
|
function useUnsavedChangesGuard(options) {
|
|
34227
34256
|
const { isDirty, allowNavigation, onCancel, destructiveAction } = options;
|
|
34228
34257
|
const { openModal } = useModal();
|
|
@@ -34258,7 +34287,7 @@ function useUnsavedChangesGuard(options) {
|
|
|
34258
34287
|
}
|
|
34259
34288
|
openModal({
|
|
34260
34289
|
allowClosing: false,
|
|
34261
|
-
content: /* @__PURE__ */ (0,
|
|
34290
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(ConfirmCloseModal, { onClose: () => confirmCancel(e) })
|
|
34262
34291
|
});
|
|
34263
34292
|
};
|
|
34264
34293
|
const onDestructiveActionClick = destructiveAction ? (e) => {
|
|
@@ -34270,7 +34299,7 @@ function useUnsavedChangesGuard(options) {
|
|
|
34270
34299
|
} = destructiveAction;
|
|
34271
34300
|
openModal({
|
|
34272
34301
|
allowClosing: false,
|
|
34273
|
-
content: /* @__PURE__ */ (0,
|
|
34302
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(
|
|
34274
34303
|
ConfirmCloseModal,
|
|
34275
34304
|
{
|
|
34276
34305
|
title: confirmTitle,
|
|
@@ -34301,7 +34330,7 @@ function UnsavedChangesNavigationModal(props) {
|
|
|
34301
34330
|
(0, import_react186.useEffect)(() => {
|
|
34302
34331
|
openModal({
|
|
34303
34332
|
allowClosing: false,
|
|
34304
|
-
content: /* @__PURE__ */ (0,
|
|
34333
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime272.jsx)(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
|
|
34305
34334
|
});
|
|
34306
34335
|
return () => closeModal();
|
|
34307
34336
|
}, []);
|
|
@@ -34309,7 +34338,7 @@ function UnsavedChangesNavigationModal(props) {
|
|
|
34309
34338
|
}
|
|
34310
34339
|
|
|
34311
34340
|
// src/layouts/Workflow/WorkflowActions.tsx
|
|
34312
|
-
var
|
|
34341
|
+
var import_jsx_runtime273 = require("react/jsx-runtime");
|
|
34313
34342
|
function WorkflowActions(props) {
|
|
34314
34343
|
const {
|
|
34315
34344
|
onCancel,
|
|
@@ -34328,13 +34357,13 @@ function WorkflowActions(props) {
|
|
|
34328
34357
|
sm: isMobile
|
|
34329
34358
|
} = useBreakpoint();
|
|
34330
34359
|
const primaryVariant = aiMode ? "ai" : "primary";
|
|
34331
|
-
return /* @__PURE__ */ (0,
|
|
34332
|
-
/* @__PURE__ */ (0,
|
|
34333
|
-
/* @__PURE__ */ (0,
|
|
34334
|
-
/* @__PURE__ */ (0,
|
|
34335
|
-
onSaveAndExit && /* @__PURE__ */ (0,
|
|
34336
|
-
destructiveAction && /* @__PURE__ */ (0,
|
|
34337
|
-
isLastStep ? /* @__PURE__ */ (0,
|
|
34360
|
+
return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "df aic jcsb sm_w100", children: [
|
|
34361
|
+
/* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
|
|
34362
|
+
/* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "df aic g_1", children: [
|
|
34363
|
+
/* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
|
|
34364
|
+
onSaveAndExit && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
|
|
34365
|
+
destructiveAction && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: destructiveAction.label ?? "Remove", variant: "danger", onClick: destructiveAction.onConfirm }),
|
|
34366
|
+
isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
|
|
34338
34367
|
await onContinue?.();
|
|
34339
34368
|
}, disabled: primaryDisabled })
|
|
34340
34369
|
] })
|
|
@@ -34342,8 +34371,8 @@ function WorkflowActions(props) {
|
|
|
34342
34371
|
}
|
|
34343
34372
|
|
|
34344
34373
|
// src/layouts/Workflow/WorkflowPageLayout.tsx
|
|
34345
|
-
var
|
|
34346
|
-
var
|
|
34374
|
+
var import_runtime178 = require("@homebound/truss/runtime");
|
|
34375
|
+
var import_jsx_runtime274 = require("react/jsx-runtime");
|
|
34347
34376
|
var __maybeInc37 = (inc) => {
|
|
34348
34377
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
34349
34378
|
};
|
|
@@ -34382,12 +34411,12 @@ function WorkflowPageLayout(props) {
|
|
|
34382
34411
|
onCancel,
|
|
34383
34412
|
destructiveAction
|
|
34384
34413
|
});
|
|
34385
|
-
const actions = /* @__PURE__ */ (0,
|
|
34414
|
+
const actions = /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
|
|
34386
34415
|
...destructiveAction,
|
|
34387
34416
|
onConfirm: onDestructiveActionClick
|
|
34388
34417
|
} });
|
|
34389
34418
|
const triggers = rightPaneTriggers ?? [];
|
|
34390
|
-
const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ (0,
|
|
34419
|
+
const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(WorkflowPageRightPaneTriggers, { triggers }) : void 0;
|
|
34391
34420
|
const headerMetricsRef = (0, import_react187.useRef)(null);
|
|
34392
34421
|
const headerHeight = useMeasuredHeight(headerMetricsRef, true);
|
|
34393
34422
|
const headerWidth = documentScrollChromeWidth();
|
|
@@ -34423,33 +34452,33 @@ function WorkflowPageLayout(props) {
|
|
|
34423
34452
|
left: 0
|
|
34424
34453
|
});
|
|
34425
34454
|
}, [currentStep]);
|
|
34426
|
-
return /* @__PURE__ */ (0,
|
|
34427
|
-
/* @__PURE__ */ (0,
|
|
34455
|
+
return /* @__PURE__ */ (0, import_jsx_runtime274.jsxs)(DocumentScrollLayoutProvider, { children: [
|
|
34456
|
+
/* @__PURE__ */ (0, import_jsx_runtime274.jsxs)("div", { ...(0, import_runtime178.mergeProps)(void 0, style, {
|
|
34428
34457
|
display: "df",
|
|
34429
34458
|
flexDirection: "fdc",
|
|
34430
34459
|
width: "w100"
|
|
34431
34460
|
}), ...tid, children: [
|
|
34432
|
-
/* @__PURE__ */ (0,
|
|
34461
|
+
/* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ...(0, import_runtime178.mergeProps)(void 0, {
|
|
34433
34462
|
height: headerHeight
|
|
34434
34463
|
}, {
|
|
34435
34464
|
flexShrink: "fs0",
|
|
34436
34465
|
width: "w100"
|
|
34437
|
-
}), children: /* @__PURE__ */ (0,
|
|
34466
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime178.trussProps)({
|
|
34438
34467
|
position: "fixed",
|
|
34439
34468
|
left: "l_0",
|
|
34440
34469
|
width: ["w_var", {
|
|
34441
|
-
"--width": (0,
|
|
34470
|
+
"--width": (0, import_runtime178.maybeCssVar)(__maybeInc37(headerWidth))
|
|
34442
34471
|
}],
|
|
34443
34472
|
zIndex: ["z_var", {
|
|
34444
|
-
"--zIndex": (0,
|
|
34473
|
+
"--zIndex": (0, import_runtime178.maybeCssVar)(zIndices.pageStickyHeader)
|
|
34445
34474
|
}],
|
|
34446
34475
|
top: ["top_var", {
|
|
34447
|
-
"--top": (0,
|
|
34476
|
+
"--top": (0, import_runtime178.maybeCssVar)(__maybeInc37(outerTop))
|
|
34448
34477
|
}],
|
|
34449
34478
|
transition: "transitionAll"
|
|
34450
|
-
}), ...tid.header, children: /* @__PURE__ */ (0,
|
|
34479
|
+
}), ...tid.header, children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? pageTriggers : actions, stepperTabs }) }) }),
|
|
34451
34480
|
bannerSlot,
|
|
34452
|
-
/* @__PURE__ */ (0,
|
|
34481
|
+
/* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ...(0, import_runtime178.trussProps)({
|
|
34453
34482
|
...{
|
|
34454
34483
|
display: "df",
|
|
34455
34484
|
flexDirection: "fdc",
|
|
@@ -34461,29 +34490,29 @@ function WorkflowPageLayout(props) {
|
|
|
34461
34490
|
...aiMode && {
|
|
34462
34491
|
backgroundImage: "aiBackground",
|
|
34463
34492
|
minHeight: ["mh_var", {
|
|
34464
|
-
"--minHeight": (0,
|
|
34493
|
+
"--minHeight": (0, import_runtime178.maybeCssVar)(documentScrollBodyMinHeight())
|
|
34465
34494
|
}]
|
|
34466
34495
|
}
|
|
34467
|
-
}), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ (0,
|
|
34496
|
+
}), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(DocumentScrollOverlayRightPaneLayout, { children }) : children }),
|
|
34468
34497
|
!isMobile && pageTriggers,
|
|
34469
|
-
showFooter && /* @__PURE__ */ (0,
|
|
34498
|
+
showFooter && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ...(0, import_runtime178.trussProps)({
|
|
34470
34499
|
flexShrink: "fs0",
|
|
34471
34500
|
width: "w100",
|
|
34472
34501
|
height: ["h_var", {
|
|
34473
34502
|
"--height": `${mobileFooterHeightPx}px`
|
|
34474
34503
|
}]
|
|
34475
|
-
}), children: /* @__PURE__ */ (0,
|
|
34504
|
+
}), children: /* @__PURE__ */ (0, import_jsx_runtime274.jsx)("div", { ...(0, import_runtime178.trussProps)({
|
|
34476
34505
|
...{
|
|
34477
34506
|
position: "fixed",
|
|
34478
34507
|
bottom: "bot_0",
|
|
34479
34508
|
width: ["w_var", {
|
|
34480
|
-
"--width": (0,
|
|
34509
|
+
"--width": (0, import_runtime178.maybeCssVar)(__maybeInc37(headerWidth))
|
|
34481
34510
|
}],
|
|
34482
34511
|
height: ["h_var", {
|
|
34483
34512
|
"--height": `${mobileFooterHeightPx}px`
|
|
34484
34513
|
}],
|
|
34485
34514
|
zIndex: ["z_var", {
|
|
34486
|
-
"--zIndex": (0,
|
|
34515
|
+
"--zIndex": (0, import_runtime178.maybeCssVar)(zIndices.pageStickyFooter)
|
|
34487
34516
|
}],
|
|
34488
34517
|
display: "df",
|
|
34489
34518
|
alignItems: "aic",
|
|
@@ -34501,12 +34530,12 @@ function WorkflowPageLayout(props) {
|
|
|
34501
34530
|
...pageContentPaddingX
|
|
34502
34531
|
}), ...tid.footer, children: actions }) })
|
|
34503
34532
|
] }),
|
|
34504
|
-
navigationBlocker && /* @__PURE__ */ (0,
|
|
34533
|
+
navigationBlocker && /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(UnsavedChangesNavigationModal, { ...navigationBlocker })
|
|
34505
34534
|
] });
|
|
34506
34535
|
}
|
|
34507
34536
|
|
|
34508
34537
|
// src/layouts/Workflow/FocusedFormLayout.tsx
|
|
34509
|
-
var
|
|
34538
|
+
var import_jsx_runtime275 = require("react/jsx-runtime");
|
|
34510
34539
|
function FocusedFormLayout(props) {
|
|
34511
34540
|
const {
|
|
34512
34541
|
onCancel,
|
|
@@ -34524,7 +34553,7 @@ function FocusedFormLayout(props) {
|
|
|
34524
34553
|
...headerProps
|
|
34525
34554
|
} = props;
|
|
34526
34555
|
const tid = useTestIds(props, "focusedFormLayout");
|
|
34527
|
-
return /* @__PURE__ */ (0,
|
|
34556
|
+
return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
|
|
34528
34557
|
WorkflowPageLayout,
|
|
34529
34558
|
{
|
|
34530
34559
|
...tid,
|
|
@@ -34547,7 +34576,7 @@ function FocusedFormLayout(props) {
|
|
|
34547
34576
|
|
|
34548
34577
|
// src/layouts/Workflow/StepperLayout.tsx
|
|
34549
34578
|
var import_react188 = require("react");
|
|
34550
|
-
var
|
|
34579
|
+
var import_jsx_runtime276 = require("react/jsx-runtime");
|
|
34551
34580
|
function StepperLayout(props) {
|
|
34552
34581
|
const {
|
|
34553
34582
|
steps,
|
|
@@ -34574,7 +34603,7 @@ function StepperLayout(props) {
|
|
|
34574
34603
|
if (value === currentStep) return;
|
|
34575
34604
|
closeRightPaneThen(() => setCurrentStep(value));
|
|
34576
34605
|
}
|
|
34577
|
-
return /* @__PURE__ */ (0,
|
|
34606
|
+
return /* @__PURE__ */ (0, import_jsx_runtime276.jsx)(
|
|
34578
34607
|
WorkflowPageLayout,
|
|
34579
34608
|
{
|
|
34580
34609
|
...tid,
|
|
@@ -34619,7 +34648,7 @@ function getInitialStep(steps, defaultStep) {
|
|
|
34619
34648
|
|
|
34620
34649
|
// src/forms/BoundChipSelectField.tsx
|
|
34621
34650
|
var import_mobx_react26 = require("mobx-react");
|
|
34622
|
-
var
|
|
34651
|
+
var import_jsx_runtime277 = require("react/jsx-runtime");
|
|
34623
34652
|
function BoundChipSelectField(props) {
|
|
34624
34653
|
const {
|
|
34625
34654
|
field,
|
|
@@ -34635,7 +34664,7 @@ function BoundChipSelectField(props) {
|
|
|
34635
34664
|
...others
|
|
34636
34665
|
} = props;
|
|
34637
34666
|
const testId = useTestIds(props, field.key);
|
|
34638
|
-
return /* @__PURE__ */ (0,
|
|
34667
|
+
return /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(import_mobx_react26.Observer, { children: () => /* @__PURE__ */ (0, import_jsx_runtime277.jsx)(
|
|
34639
34668
|
ChipSelectField,
|
|
34640
34669
|
{
|
|
34641
34670
|
label,
|
|
@@ -34665,12 +34694,12 @@ function BoundChipSelectField(props) {
|
|
|
34665
34694
|
}
|
|
34666
34695
|
|
|
34667
34696
|
// src/forms/BoundSelectAndTextField.tsx
|
|
34668
|
-
var
|
|
34697
|
+
var import_jsx_runtime278 = require("react/jsx-runtime");
|
|
34669
34698
|
function BoundSelectAndTextField(props) {
|
|
34670
34699
|
const { selectFieldProps, textFieldProps, compact = true } = props;
|
|
34671
34700
|
const tid = useTestIds(props);
|
|
34672
|
-
return /* @__PURE__ */ (0,
|
|
34673
|
-
/* @__PURE__ */ (0,
|
|
34701
|
+
return /* @__PURE__ */ (0, import_jsx_runtime278.jsxs)(CompoundField, { children: [
|
|
34702
|
+
/* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
|
|
34674
34703
|
BoundSelectField,
|
|
34675
34704
|
{
|
|
34676
34705
|
...tid[defaultTestId(selectFieldProps.label ?? selectFieldProps.field.key)],
|
|
@@ -34679,7 +34708,7 @@ function BoundSelectAndTextField(props) {
|
|
|
34679
34708
|
compact
|
|
34680
34709
|
}
|
|
34681
34710
|
),
|
|
34682
|
-
/* @__PURE__ */ (0,
|
|
34711
|
+
/* @__PURE__ */ (0, import_jsx_runtime278.jsx)(
|
|
34683
34712
|
BoundTextField,
|
|
34684
34713
|
{
|
|
34685
34714
|
...tid[defaultTestId(textFieldProps.label ?? textFieldProps.field.key)],
|
|
@@ -34691,8 +34720,8 @@ function BoundSelectAndTextField(props) {
|
|
|
34691
34720
|
}
|
|
34692
34721
|
|
|
34693
34722
|
// src/forms/FormHeading.tsx
|
|
34694
|
-
var
|
|
34695
|
-
var
|
|
34723
|
+
var import_runtime179 = require("@homebound/truss/runtime");
|
|
34724
|
+
var import_jsx_runtime279 = (
|
|
34696
34725
|
// Add space before the heading, but only if it's not first.
|
|
34697
34726
|
require("react/jsx-runtime")
|
|
34698
34727
|
);
|
|
@@ -34703,7 +34732,7 @@ function FormHeading(props) {
|
|
|
34703
34732
|
isFirst = false,
|
|
34704
34733
|
...others
|
|
34705
34734
|
} = props;
|
|
34706
|
-
return /* @__PURE__ */ (0,
|
|
34735
|
+
return /* @__PURE__ */ (0, import_jsx_runtime279.jsx)("h3", { ...(0, import_runtime179.trussProps)({
|
|
34707
34736
|
...{
|
|
34708
34737
|
fontWeight: "fw4",
|
|
34709
34738
|
fontSize: "fz_16px",
|
|
@@ -34719,8 +34748,8 @@ FormHeading.isFormHeading = true;
|
|
|
34719
34748
|
|
|
34720
34749
|
// src/forms/StaticField.tsx
|
|
34721
34750
|
var import_utils53 = require("@react-aria/utils");
|
|
34722
|
-
var
|
|
34723
|
-
var
|
|
34751
|
+
var import_runtime180 = require("@homebound/truss/runtime");
|
|
34752
|
+
var import_jsx_runtime280 = require("react/jsx-runtime");
|
|
34724
34753
|
function StaticField(props) {
|
|
34725
34754
|
const {
|
|
34726
34755
|
fieldProps
|
|
@@ -34733,14 +34762,14 @@ function StaticField(props) {
|
|
|
34733
34762
|
} = props;
|
|
34734
34763
|
const tid = useTestIds(props, typeof label === "string" ? defaultTestId(label) : "staticField");
|
|
34735
34764
|
const id = (0, import_utils53.useId)();
|
|
34736
|
-
return /* @__PURE__ */ (0,
|
|
34765
|
+
return /* @__PURE__ */ (0, import_jsx_runtime280.jsxs)("div", { ...(0, import_runtime180.trussProps)({
|
|
34737
34766
|
...labelStyle === "left" ? {
|
|
34738
34767
|
display: "df",
|
|
34739
34768
|
justifyContent: "jcsb",
|
|
34740
34769
|
maxWidth: "maxw100"
|
|
34741
34770
|
} : {}
|
|
34742
34771
|
}), ...tid.container, children: [
|
|
34743
|
-
/* @__PURE__ */ (0,
|
|
34772
|
+
/* @__PURE__ */ (0, import_jsx_runtime280.jsx)("label", { ...(0, import_runtime180.trussProps)({
|
|
34744
34773
|
display: "db",
|
|
34745
34774
|
fontWeight: "fw4",
|
|
34746
34775
|
fontSize: "fz_14px",
|
|
@@ -34750,7 +34779,7 @@ function StaticField(props) {
|
|
|
34750
34779
|
}],
|
|
34751
34780
|
marginBottom: "mb_4px"
|
|
34752
34781
|
}), htmlFor: id, ...tid.label, children: label }),
|
|
34753
|
-
/* @__PURE__ */ (0,
|
|
34782
|
+
/* @__PURE__ */ (0, import_jsx_runtime280.jsx)("div", { id, ...(0, import_runtime180.trussProps)({
|
|
34754
34783
|
fontWeight: "fw4",
|
|
34755
34784
|
fontSize: "fz_14px",
|
|
34756
34785
|
lineHeight: "lh_20px",
|
|
@@ -34781,7 +34810,7 @@ function useFilter5({ filterDefs }) {
|
|
|
34781
34810
|
var import_react190 = require("react");
|
|
34782
34811
|
var import_react_aria78 = require("react-aria");
|
|
34783
34812
|
var import_react_stately20 = require("react-stately");
|
|
34784
|
-
var
|
|
34813
|
+
var import_jsx_runtime281 = require("react/jsx-runtime");
|
|
34785
34814
|
function Autocomplete(props) {
|
|
34786
34815
|
const {
|
|
34787
34816
|
onSelect,
|
|
@@ -34799,7 +34828,7 @@ function Autocomplete(props) {
|
|
|
34799
34828
|
const { effectiveValue, proposalProps } = useAiProposal(value, proposedValue);
|
|
34800
34829
|
const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
|
|
34801
34830
|
const comboBoxChildren = (0, import_react190.useCallback)(
|
|
34802
|
-
(item) => /* @__PURE__ */ (0,
|
|
34831
|
+
(item) => /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(import_react_stately20.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
|
|
34803
34832
|
[getOptionValue, getOptionLabel, getOptionMenuLabel]
|
|
34804
34833
|
);
|
|
34805
34834
|
const comboBoxProps = {
|
|
@@ -34852,8 +34881,8 @@ function Autocomplete(props) {
|
|
|
34852
34881
|
// Ensures the menu never gets too small.
|
|
34853
34882
|
minWidth: 200
|
|
34854
34883
|
};
|
|
34855
|
-
return /* @__PURE__ */ (0,
|
|
34856
|
-
/* @__PURE__ */ (0,
|
|
34884
|
+
return /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)(import_jsx_runtime281.Fragment, { children: [
|
|
34885
|
+
/* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
|
|
34857
34886
|
TextFieldBase,
|
|
34858
34887
|
{
|
|
34859
34888
|
inputRef,
|
|
@@ -34863,11 +34892,11 @@ function Autocomplete(props) {
|
|
|
34863
34892
|
onChange: onInputChange,
|
|
34864
34893
|
...proposalProps,
|
|
34865
34894
|
clearable: true,
|
|
34866
|
-
startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ (0,
|
|
34895
|
+
startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(Icon, { icon: "search" }),
|
|
34867
34896
|
...others
|
|
34868
34897
|
}
|
|
34869
34898
|
),
|
|
34870
|
-
state.isOpen && /* @__PURE__ */ (0,
|
|
34899
|
+
state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
|
|
34871
34900
|
Popover,
|
|
34872
34901
|
{
|
|
34873
34902
|
triggerRef: inputRef,
|
|
@@ -34876,7 +34905,7 @@ function Autocomplete(props) {
|
|
|
34876
34905
|
onClose: () => state.close(),
|
|
34877
34906
|
isOpen: state.isOpen,
|
|
34878
34907
|
minWidth: 200,
|
|
34879
|
-
children: /* @__PURE__ */ (0,
|
|
34908
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(
|
|
34880
34909
|
ListBox,
|
|
34881
34910
|
{
|
|
34882
34911
|
...listBoxProps,
|
|
@@ -34897,8 +34926,8 @@ function Autocomplete(props) {
|
|
|
34897
34926
|
var import_react191 = require("react");
|
|
34898
34927
|
var import_react_aria79 = require("react-aria");
|
|
34899
34928
|
var import_react_stately21 = require("react-stately");
|
|
34900
|
-
var
|
|
34901
|
-
var
|
|
34929
|
+
var import_runtime181 = require("@homebound/truss/runtime");
|
|
34930
|
+
var import_jsx_runtime282 = require("react/jsx-runtime");
|
|
34902
34931
|
function ToggleButton(props) {
|
|
34903
34932
|
const {
|
|
34904
34933
|
selected: isSelected = false,
|
|
@@ -34962,7 +34991,7 @@ function ToggleButton(props) {
|
|
|
34962
34991
|
...focusProps,
|
|
34963
34992
|
...hoverProps,
|
|
34964
34993
|
...pressProps,
|
|
34965
|
-
...(0,
|
|
34994
|
+
...(0, import_runtime181.trussProps)({
|
|
34966
34995
|
// Gray500 off-state has no semantic match — keep palette (OnSurfaceMuted is Gray700).
|
|
34967
34996
|
...{
|
|
34968
34997
|
borderRadius: "br4",
|
|
@@ -35002,10 +35031,10 @@ function ToggleButton(props) {
|
|
|
35002
35031
|
return maybeTooltip({
|
|
35003
35032
|
title: tooltip,
|
|
35004
35033
|
placement: "top",
|
|
35005
|
-
children: /* @__PURE__ */ (0,
|
|
35006
|
-
icon && /* @__PURE__ */ (0,
|
|
35034
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime282.jsxs)("label", { ...labelAttrs, children: [
|
|
35035
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime282.jsx)(Icon, { icon }),
|
|
35007
35036
|
label,
|
|
35008
|
-
/* @__PURE__ */ (0,
|
|
35037
|
+
/* @__PURE__ */ (0, import_jsx_runtime282.jsx)(import_react_aria79.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime282.jsx)("input", { ref, ...inputProps, ...tid.value }) })
|
|
35009
35038
|
] })
|
|
35010
35039
|
});
|
|
35011
35040
|
}
|
|
@@ -35034,6 +35063,7 @@ var togglePressStyles = {
|
|
|
35034
35063
|
AiLoadingPanel,
|
|
35035
35064
|
AiPanel,
|
|
35036
35065
|
AiSlimBanner,
|
|
35066
|
+
AiTableIllustration,
|
|
35037
35067
|
AutoSaveIndicator,
|
|
35038
35068
|
AutoSaveStatus,
|
|
35039
35069
|
AutoSaveStatusContext,
|