@homebound/beam 3.0.0-alpha.7 → 3.0.0-alpha.9
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 +923 -1659
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +603 -1339
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -4097,7 +4097,7 @@ import { mergeProps, useTooltip, useTooltipTrigger } from "react-aria";
|
|
|
4097
4097
|
import { createPortal } from "react-dom";
|
|
4098
4098
|
import { usePopper } from "react-popper";
|
|
4099
4099
|
import { useTooltipTriggerState } from "react-stately";
|
|
4100
|
-
import {
|
|
4100
|
+
import { mergeProps as mergeProps_1 } from "@homebound/truss/runtime";
|
|
4101
4101
|
import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
4102
4102
|
var gapCrossingDelay = 100;
|
|
4103
4103
|
function Tooltip(props) {
|
|
@@ -4136,9 +4136,7 @@ function Tooltip(props) {
|
|
|
4136
4136
|
title
|
|
4137
4137
|
} : {},
|
|
4138
4138
|
...tid,
|
|
4139
|
-
|
|
4140
|
-
display: "display_contents"
|
|
4141
|
-
}),
|
|
4139
|
+
className: "display_contents",
|
|
4142
4140
|
draggable: true,
|
|
4143
4141
|
onDragStart: (e) => e.preventDefault(),
|
|
4144
4142
|
children
|
|
@@ -4212,7 +4210,7 @@ function resolveTooltip(disabled, tooltip, readOnly) {
|
|
|
4212
4210
|
}
|
|
4213
4211
|
|
|
4214
4212
|
// src/components/Icon.tsx
|
|
4215
|
-
import { trussProps as
|
|
4213
|
+
import { trussProps as trussProps2 } from "@homebound/truss/runtime";
|
|
4216
4214
|
import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
4217
4215
|
var Icon = React3.memo((props) => {
|
|
4218
4216
|
const {
|
|
@@ -4228,7 +4226,7 @@ var Icon = React3.memo((props) => {
|
|
|
4228
4226
|
return maybeTooltip({
|
|
4229
4227
|
title: tooltip,
|
|
4230
4228
|
placement: "top",
|
|
4231
|
-
children: /* @__PURE__ */ jsx3("svg", { "aria-hidden": true, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...
|
|
4229
|
+
children: /* @__PURE__ */ jsx3("svg", { "aria-hidden": true, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...trussProps2({
|
|
4232
4230
|
...{
|
|
4233
4231
|
fill: ["fill_var", {
|
|
4234
4232
|
"--fill": color
|
|
@@ -4492,9 +4490,7 @@ var Icons = {
|
|
|
4492
4490
|
bolt: /* @__PURE__ */ jsx3("path", { d: "M17.168 8H13L13.806 3.165C13.907 2.555 13.438 2 12.819 2H7.66702C7.17802 2 6.76102 2.354 6.68102 2.835L5.01402 12.835C4.91202 13.445 5.38202 14 6.00002 14H10V22L18.01 9.541C18.438 8.875 17.96 8 17.168 8Z" }),
|
|
4493
4491
|
checklistComplete: /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
4494
4492
|
/* @__PURE__ */ jsx3("path", { d: "M6.40005 19.6H17.6C18.4824 19.6 19.2 18.8824 19.2 18V6C19.2 5.1176 18.4824 4.4 17.6 4.4H16C16 3.9576 15.6424 3.6 15.2 3.6H8.80005C8.35765 3.6 8.00005 3.9576 8.00005 4.4H6.40005C5.51765 4.4 4.80005 5.1176 4.80005 6V18C4.80005 18.8824 5.51765 19.6 6.40005 19.6ZM6.40005 6H8.00005V7.6H16V6H17.6V18H6.40005V6Z" }),
|
|
4495
|
-
/* @__PURE__ */ jsx3("path", {
|
|
4496
|
-
color: "green500"
|
|
4497
|
-
}), d: "M11.2 12.8688L9.7656 11.4344L8.6344 12.5656L11.2 15.1312L15.3656 10.9656L14.2344 9.83438L11.2 12.8688Z" })
|
|
4493
|
+
/* @__PURE__ */ jsx3("path", { className: "green500", d: "M11.2 12.8688L9.7656 11.4344L8.6344 12.5656L11.2 15.1312L15.3656 10.9656L14.2344 9.83438L11.2 12.8688Z" })
|
|
4498
4494
|
] }),
|
|
4499
4495
|
checklistNotComplete: /* @__PURE__ */ jsx3("path", { d: "M6.40005 19.6H17.6C18.4824 19.6 19.2 18.8824 19.2 18V6C19.2 5.1176 18.4824 4.4 17.6 4.4H16C16 3.9576 15.6424 3.6 15.2 3.6H8.80005C8.35765 3.6 8.00005 3.9576 8.00005 4.4H6.40005C5.51765 4.4 4.80005 5.1176 4.80005 6V18C4.80005 18.8824 5.51765 19.6 6.40005 19.6ZM6.40005 6H8.00005V7.6H16V6H17.6V18H6.40005V6Z" }),
|
|
4500
4496
|
faucet: /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
@@ -4728,7 +4724,7 @@ function usePresentationContext() {
|
|
|
4728
4724
|
}
|
|
4729
4725
|
|
|
4730
4726
|
// src/components/Chip.tsx
|
|
4731
|
-
import { trussProps as
|
|
4727
|
+
import { trussProps as trussProps3 } from "@homebound/truss/runtime";
|
|
4732
4728
|
import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
4733
4729
|
var ChipTypes = {
|
|
4734
4730
|
caution: "caution",
|
|
@@ -4761,18 +4757,11 @@ function Chip(props) {
|
|
|
4761
4757
|
return maybeTooltip({
|
|
4762
4758
|
title,
|
|
4763
4759
|
placement: "bottom",
|
|
4764
|
-
children: /* @__PURE__ */ jsxs3("span", { ...
|
|
4760
|
+
children: /* @__PURE__ */ jsxs3("span", { ...trussProps3(styles), ...tid, children: [
|
|
4765
4761
|
icon && /* @__PURE__ */ jsx5(Icon, { icon, inc: 2, xss: {
|
|
4766
4762
|
flexShrink: "fs0"
|
|
4767
4763
|
} }),
|
|
4768
|
-
/* @__PURE__ */ jsx5("span", {
|
|
4769
|
-
overflow: "oh",
|
|
4770
|
-
display: "d_negwebkit_box",
|
|
4771
|
-
WebkitBoxOrient: "wbo_vertical",
|
|
4772
|
-
textOverflow: "to_ellipsis",
|
|
4773
|
-
WebkitLineClamp: "wlc_1",
|
|
4774
|
-
wordBreak: "wbba"
|
|
4775
|
-
}), children: text })
|
|
4764
|
+
/* @__PURE__ */ jsx5("span", { className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_1 wbba", children: text })
|
|
4776
4765
|
] })
|
|
4777
4766
|
});
|
|
4778
4767
|
}
|
|
@@ -4830,7 +4819,7 @@ var pyHeight = (compact) => compact ? 2 : 4;
|
|
|
4830
4819
|
var minhPx = (compact) => compact ? 20 : 24;
|
|
4831
4820
|
|
|
4832
4821
|
// src/components/Chips.tsx
|
|
4833
|
-
import { trussProps as
|
|
4822
|
+
import { trussProps as trussProps4 } from "@homebound/truss/runtime";
|
|
4834
4823
|
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
4835
4824
|
function Chips(props) {
|
|
4836
4825
|
const {
|
|
@@ -4842,7 +4831,7 @@ function Chips(props) {
|
|
|
4842
4831
|
xss = {},
|
|
4843
4832
|
wrap = presentationWrap
|
|
4844
4833
|
} = props;
|
|
4845
|
-
return /* @__PURE__ */ jsx6("div", { ...
|
|
4834
|
+
return /* @__PURE__ */ jsx6("div", { ...trussProps4({
|
|
4846
4835
|
...{
|
|
4847
4836
|
display: "df",
|
|
4848
4837
|
alignItems: "aifs",
|
|
@@ -4871,7 +4860,7 @@ import React13, { useEffect as useEffect18, useMemo as useMemo24, useRef as useR
|
|
|
4871
4860
|
import { Virtuoso as Virtuoso2 } from "react-virtuoso";
|
|
4872
4861
|
|
|
4873
4862
|
// src/components/Loader.tsx
|
|
4874
|
-
import { trussProps as
|
|
4863
|
+
import { trussProps as trussProps5 } from "@homebound/truss/runtime";
|
|
4875
4864
|
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
4876
4865
|
function Loader({
|
|
4877
4866
|
size = "lg",
|
|
@@ -4879,7 +4868,7 @@ function Loader({
|
|
|
4879
4868
|
}) {
|
|
4880
4869
|
const [dimensions, borderSize] = sizeToPixels[size];
|
|
4881
4870
|
const [bgColor, spinnerColor] = contrast ? ["rgba(141, 141, 141, 1)" /* Gray600 */, "rgba(236, 235, 235, 1)" /* Gray200 */] : ["rgba(255,255,255,1)" /* White */, "rgba(29, 78, 216, 1)" /* Blue700 */];
|
|
4882
|
-
return /* @__PURE__ */ jsx7("div", { "aria-label": "Loading", ...
|
|
4871
|
+
return /* @__PURE__ */ jsx7("div", { "aria-label": "Loading", ...trussProps5({
|
|
4883
4872
|
borderRadius: "br100",
|
|
4884
4873
|
borderStyle: "bss",
|
|
4885
4874
|
borderWidth: ["bw_var", {
|
|
@@ -5181,7 +5170,7 @@ var activeStyles = {
|
|
|
5181
5170
|
|
|
5182
5171
|
// src/components/Table/components/ExpandableHeader.tsx
|
|
5183
5172
|
import { useContext as useContext3, useState as useState7 } from "react";
|
|
5184
|
-
import { trussProps as
|
|
5173
|
+
import { trussProps as trussProps7 } from "@homebound/truss/runtime";
|
|
5185
5174
|
|
|
5186
5175
|
// src/hooks/useBreakpoint.tsx
|
|
5187
5176
|
import equal from "fast-deep-equal";
|
|
@@ -5406,7 +5395,7 @@ function ExpandableHeader(props) {
|
|
|
5406
5395
|
hoverProps,
|
|
5407
5396
|
isHovered
|
|
5408
5397
|
} = useHover2({});
|
|
5409
|
-
return /* @__PURE__ */ jsxs4("button", { ...hoverProps, ...
|
|
5398
|
+
return /* @__PURE__ */ jsxs4("button", { ...hoverProps, ...trussProps7({
|
|
5410
5399
|
display: "df",
|
|
5411
5400
|
fontWeight: "fw4",
|
|
5412
5401
|
fontSize: "fz_12px",
|
|
@@ -5437,7 +5426,7 @@ function ExpandableHeader(props) {
|
|
|
5437
5426
|
}
|
|
5438
5427
|
tableState.toggleExpandedColumn(column2.id);
|
|
5439
5428
|
}, "data-testid": "expandableColumn", children: [
|
|
5440
|
-
/* @__PURE__ */ jsxs4("span", { ...
|
|
5429
|
+
/* @__PURE__ */ jsxs4("span", { ...trussProps7({
|
|
5441
5430
|
display: "df",
|
|
5442
5431
|
alignItems: "aic",
|
|
5443
5432
|
...applyStickyStyles ? {
|
|
@@ -5456,17 +5445,10 @@ function ExpandableHeader(props) {
|
|
|
5456
5445
|
backgroundColor: "bgGray100"
|
|
5457
5446
|
} : {}
|
|
5458
5447
|
}), children: [
|
|
5459
|
-
/* @__PURE__ */ jsx10("span", {
|
|
5460
|
-
textAlign: "tal",
|
|
5461
|
-
overflow: "oh",
|
|
5462
|
-
display: "d_negwebkit_box",
|
|
5463
|
-
WebkitBoxOrient: "wbo_vertical",
|
|
5464
|
-
textOverflow: "to_ellipsis",
|
|
5465
|
-
WebkitLineClamp: "wlc_2"
|
|
5466
|
-
}), children: title }),
|
|
5448
|
+
/* @__PURE__ */ jsx10("span", { className: "tal oh d_negwebkit_box wbo_vertical to_ellipsis wlc_2", children: title }),
|
|
5467
5449
|
tooltipEl
|
|
5468
5450
|
] }),
|
|
5469
|
-
/* @__PURE__ */ jsx10("span", { ...
|
|
5451
|
+
/* @__PURE__ */ jsx10("span", { ...trussProps7({
|
|
5470
5452
|
...applyStickyStyles ? {
|
|
5471
5453
|
position: "sticky",
|
|
5472
5454
|
right: "right_12px",
|
|
@@ -5480,7 +5462,7 @@ function ExpandableHeader(props) {
|
|
|
5480
5462
|
|
|
5481
5463
|
// src/components/Table/components/SortHeader.tsx
|
|
5482
5464
|
import { useCallback as useCallback4, useContext as useContext4 } from "react";
|
|
5483
|
-
import { trussProps as
|
|
5465
|
+
import { trussProps as trussProps8 } from "@homebound/truss/runtime";
|
|
5484
5466
|
import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
5485
5467
|
function SortHeader(props) {
|
|
5486
5468
|
const {
|
|
@@ -5501,9 +5483,7 @@ function SortHeader(props) {
|
|
|
5501
5483
|
const sorted = sortKey === current?.columnId ? current?.direction : void 0;
|
|
5502
5484
|
const toggleSort = useCallback4(() => tableState.setSortKey(sortKey), [sortKey, tableState]);
|
|
5503
5485
|
const tid = useTestIds(props, "sortHeader");
|
|
5504
|
-
const icon = /* @__PURE__ */ jsx11("span", {
|
|
5505
|
-
flexShrink: "fs0"
|
|
5506
|
-
}), children: /* @__PURE__ */ jsx11(Icon, { icon: sorted === "DESC" ? "sortDown" : "sortUp", color: sorted !== void 0 ? "rgba(29, 78, 216, 1)" /* Blue700 */ : "rgba(201, 201, 201, 1)" /* Gray400 */, xss: {
|
|
5486
|
+
const icon = /* @__PURE__ */ jsx11("span", { className: "fs0", children: /* @__PURE__ */ jsx11(Icon, { icon: sorted === "DESC" ? "sortDown" : "sortUp", color: sorted !== void 0 ? "rgba(29, 78, 216, 1)" /* Blue700 */ : "rgba(201, 201, 201, 1)" /* Gray400 */, xss: {
|
|
5507
5487
|
...{
|
|
5508
5488
|
marginLeft: "ml1",
|
|
5509
5489
|
...iconOnLeft ? {
|
|
@@ -5518,7 +5498,7 @@ function SortHeader(props) {
|
|
|
5518
5498
|
} : {}
|
|
5519
5499
|
}
|
|
5520
5500
|
}, inc: 2, ...tid.icon }) });
|
|
5521
|
-
return /* @__PURE__ */ jsxs5("div", { ...tid, ...
|
|
5501
|
+
return /* @__PURE__ */ jsxs5("div", { ...tid, ...trussProps8({
|
|
5522
5502
|
...{
|
|
5523
5503
|
display: "df",
|
|
5524
5504
|
alignItems: "aic",
|
|
@@ -5529,20 +5509,14 @@ function SortHeader(props) {
|
|
|
5529
5509
|
...xss
|
|
5530
5510
|
}), ...hoverProps, onClick: toggleSort, children: [
|
|
5531
5511
|
iconOnLeft && icon,
|
|
5532
|
-
/* @__PURE__ */ jsx11("span", {
|
|
5533
|
-
overflow: "oh",
|
|
5534
|
-
display: "d_negwebkit_box",
|
|
5535
|
-
WebkitBoxOrient: "wbo_vertical",
|
|
5536
|
-
textOverflow: "to_ellipsis",
|
|
5537
|
-
WebkitLineClamp: "wlc_2"
|
|
5538
|
-
}), children: content }),
|
|
5512
|
+
/* @__PURE__ */ jsx11("span", { className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_2", children: content }),
|
|
5539
5513
|
tooltipEl,
|
|
5540
5514
|
!iconOnLeft && icon
|
|
5541
5515
|
] });
|
|
5542
5516
|
}
|
|
5543
5517
|
|
|
5544
5518
|
// src/components/Table/utils/utils.tsx
|
|
5545
|
-
import { trussProps as
|
|
5519
|
+
import { trussProps as trussProps9 } from "@homebound/truss/runtime";
|
|
5546
5520
|
import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
5547
5521
|
function toContent(maybeContent, isHeader, canSortColumn, isClientSideSorting, style, as, alignment, column2, isExpandableHeader, isExpandable, minStickyLeftOffset, isKeptSelectedRow) {
|
|
5548
5522
|
if (isKeptSelectedRow && column2.id === "beamCollapseColumn") {
|
|
@@ -5555,11 +5529,8 @@ function toContent(maybeContent, isHeader, canSortColumn, isClientSideSorting, s
|
|
|
5555
5529
|
throw new Error("GridTables with as=virtual & sortable columns should use functions that return JSX, instead of JSX");
|
|
5556
5530
|
}
|
|
5557
5531
|
const tooltip = isGridCellContent(maybeContent) ? maybeContent.tooltip : void 0;
|
|
5558
|
-
const tooltipEl = tooltip ? /* @__PURE__ */ jsx12("span", {
|
|
5559
|
-
|
|
5560
|
-
marginLeft: "ml_4px"
|
|
5561
|
-
}), children: /* @__PURE__ */ jsx12(Icon, { icon: "infoCircle", tooltip, inc: 2, color: "rgba(141, 141, 141, 1)" /* Gray600 */ }) }) : null;
|
|
5562
|
-
content = isGridCellContent(maybeContent) && !!maybeContent.onClick ? getButtonOrLink(content, maybeContent.onClick, trussProps10({
|
|
5532
|
+
const tooltipEl = tooltip ? /* @__PURE__ */ jsx12("span", { className: "fs0 ml_4px", children: /* @__PURE__ */ jsx12(Icon, { icon: "infoCircle", tooltip, inc: 2, color: "rgba(141, 141, 141, 1)" /* Gray600 */ }) }) : null;
|
|
5533
|
+
content = isGridCellContent(maybeContent) && !!maybeContent.onClick ? getButtonOrLink(content, maybeContent.onClick, trussProps9({
|
|
5563
5534
|
maxWidth: "maxw100",
|
|
5564
5535
|
color: "blue700",
|
|
5565
5536
|
textAlign: "ta_inherit",
|
|
@@ -5575,34 +5546,17 @@ function toContent(maybeContent, isHeader, canSortColumn, isClientSideSorting, s
|
|
|
5575
5546
|
return /* @__PURE__ */ jsx12(ExpandableHeader, { title: content, column: column2, minStickyLeftOffset, as, tooltipEl });
|
|
5576
5547
|
} else if (content && typeof content === "string" && isExpandableHeader) {
|
|
5577
5548
|
return /* @__PURE__ */ jsxs6(Fragment3, { children: [
|
|
5578
|
-
/* @__PURE__ */ jsx12("span", {
|
|
5579
|
-
overflow: "oh",
|
|
5580
|
-
display: "d_negwebkit_box",
|
|
5581
|
-
WebkitBoxOrient: "wbo_vertical",
|
|
5582
|
-
textOverflow: "to_ellipsis",
|
|
5583
|
-
WebkitLineClamp: "wlc_2"
|
|
5584
|
-
}), children: content }),
|
|
5549
|
+
/* @__PURE__ */ jsx12("span", { className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_2", children: content }),
|
|
5585
5550
|
tooltipEl
|
|
5586
5551
|
] });
|
|
5587
5552
|
} else if (!isContentEmpty(content) && isHeader && typeof content === "string") {
|
|
5588
5553
|
return /* @__PURE__ */ jsxs6(Fragment3, { children: [
|
|
5589
|
-
/* @__PURE__ */ jsx12("span", {
|
|
5590
|
-
overflow: "oh",
|
|
5591
|
-
display: "d_negwebkit_box",
|
|
5592
|
-
WebkitBoxOrient: "wbo_vertical",
|
|
5593
|
-
textOverflow: "to_ellipsis",
|
|
5594
|
-
WebkitLineClamp: "wlc_2"
|
|
5595
|
-
}), title: content, children: content }),
|
|
5554
|
+
/* @__PURE__ */ jsx12("span", { className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_2", title: content, children: content }),
|
|
5596
5555
|
tooltipEl
|
|
5597
5556
|
] });
|
|
5598
5557
|
} else if (!isHeader && content && style?.presentationSettings?.wrap === false && typeof content === "string") {
|
|
5599
5558
|
return /* @__PURE__ */ jsxs6(Fragment3, { children: [
|
|
5600
|
-
/* @__PURE__ */ jsx12("span", {
|
|
5601
|
-
whiteSpace: "wsnw",
|
|
5602
|
-
overflow: "oh",
|
|
5603
|
-
textOverflow: "to_ellipsis",
|
|
5604
|
-
minWidth: "mw0"
|
|
5605
|
-
}), title: content, children: content }),
|
|
5559
|
+
/* @__PURE__ */ jsx12("span", { className: "wsnw oh to_ellipsis mw0", title: content, children: content }),
|
|
5606
5560
|
tooltipEl
|
|
5607
5561
|
] });
|
|
5608
5562
|
} else if (!isHeader && !isExpandableHeader && style.emptyCell && isContentEmpty(content)) {
|
|
@@ -5811,7 +5765,7 @@ import { DayPicker } from "react-day-picker";
|
|
|
5811
5765
|
// src/components/internal/DatePicker/Day.tsx
|
|
5812
5766
|
import { useRef as useRef5 } from "react";
|
|
5813
5767
|
import { useDayRender } from "react-day-picker";
|
|
5814
|
-
import { trussProps as
|
|
5768
|
+
import { trussProps as trussProps10, mergeProps as mergeProps3 } from "@homebound/truss/runtime";
|
|
5815
5769
|
import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
5816
5770
|
function Day(props) {
|
|
5817
5771
|
const tid = useTestIds(props, "datePickerDay");
|
|
@@ -5857,7 +5811,7 @@ function Day(props) {
|
|
|
5857
5811
|
}, ...disabled && {
|
|
5858
5812
|
"data-disabled": ""
|
|
5859
5813
|
}, ...tid, children: [
|
|
5860
|
-
/* @__PURE__ */ jsxs7("div", { ...
|
|
5814
|
+
/* @__PURE__ */ jsxs7("div", { ...trussProps10({
|
|
5861
5815
|
...{
|
|
5862
5816
|
overflow: "oh",
|
|
5863
5817
|
color: "gray900",
|
|
@@ -5882,7 +5836,7 @@ function Day(props) {
|
|
|
5882
5836
|
color: "gray500"
|
|
5883
5837
|
}
|
|
5884
5838
|
}), children: [
|
|
5885
|
-
/* @__PURE__ */ jsx14("div", { ...
|
|
5839
|
+
/* @__PURE__ */ jsx14("div", { ...trussProps10({
|
|
5886
5840
|
marginTop: ["mt_var", {
|
|
5887
5841
|
"--marginTop": `${-2}px`
|
|
5888
5842
|
}]
|
|
@@ -5890,7 +5844,7 @@ function Day(props) {
|
|
|
5890
5844
|
indicatorDot && /* @__PURE__ */ jsx14(
|
|
5891
5845
|
"div",
|
|
5892
5846
|
{
|
|
5893
|
-
...
|
|
5847
|
+
...trussProps10({
|
|
5894
5848
|
position: "absolute",
|
|
5895
5849
|
bottom: "bottom_4px",
|
|
5896
5850
|
width: "w_4px",
|
|
@@ -5905,7 +5859,7 @@ function Day(props) {
|
|
|
5905
5859
|
}
|
|
5906
5860
|
)
|
|
5907
5861
|
] }),
|
|
5908
|
-
showRangeStyles && range_start && /* @__PURE__ */ jsx14("span", { ...
|
|
5862
|
+
showRangeStyles && range_start && /* @__PURE__ */ jsx14("span", { ...trussProps10({
|
|
5909
5863
|
...rangeBaseStyles,
|
|
5910
5864
|
...{
|
|
5911
5865
|
right: ["right_var", {
|
|
@@ -5914,7 +5868,7 @@ function Day(props) {
|
|
|
5914
5868
|
width: "w_8px"
|
|
5915
5869
|
}
|
|
5916
5870
|
}) }),
|
|
5917
|
-
showRangeStyles && range_end && /* @__PURE__ */ jsx14("span", { ...
|
|
5871
|
+
showRangeStyles && range_end && /* @__PURE__ */ jsx14("span", { ...trussProps10({
|
|
5918
5872
|
...rangeBaseStyles,
|
|
5919
5873
|
...{
|
|
5920
5874
|
width: "w_8px",
|
|
@@ -5923,7 +5877,7 @@ function Day(props) {
|
|
|
5923
5877
|
}]
|
|
5924
5878
|
}
|
|
5925
5879
|
}) }),
|
|
5926
|
-
showRangeStyles && range_middle && /* @__PURE__ */ jsx14("span", { ...
|
|
5880
|
+
showRangeStyles && range_middle && /* @__PURE__ */ jsx14("span", { ...trussProps10({
|
|
5927
5881
|
...rangeBaseStyles,
|
|
5928
5882
|
...{
|
|
5929
5883
|
left: ["left_var", {
|
|
@@ -5944,7 +5898,6 @@ var rangeBaseStyles = {
|
|
|
5944
5898
|
// src/components/internal/DatePicker/Header.tsx
|
|
5945
5899
|
import { addMonths, addYears, format } from "date-fns";
|
|
5946
5900
|
import { useNavigation } from "react-day-picker";
|
|
5947
|
-
import { trussProps as trussProps12 } from "@homebound/truss/runtime";
|
|
5948
5901
|
import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
5949
5902
|
function Header(props) {
|
|
5950
5903
|
const {
|
|
@@ -5953,19 +5906,8 @@ function Header(props) {
|
|
|
5953
5906
|
const {
|
|
5954
5907
|
goToMonth
|
|
5955
5908
|
} = useNavigation();
|
|
5956
|
-
return /* @__PURE__ */ jsxs8("div", {
|
|
5957
|
-
|
|
5958
|
-
justifyContent: "jcsb",
|
|
5959
|
-
alignItems: "aic",
|
|
5960
|
-
marginLeft: "ml_12px",
|
|
5961
|
-
marginRight: "mr_2px",
|
|
5962
|
-
height: "h_32px"
|
|
5963
|
-
}), children: [
|
|
5964
|
-
/* @__PURE__ */ jsx15("h1", { ...trussProps12({
|
|
5965
|
-
fontWeight: "fw4",
|
|
5966
|
-
fontSize: "fz_16px",
|
|
5967
|
-
lineHeight: "lh_24px"
|
|
5968
|
-
}), children: format(displayMonth, "MMMM yyyy") }),
|
|
5909
|
+
return /* @__PURE__ */ jsxs8("div", { className: "df jcsb aic ml_12px mr_2px h_32px", children: [
|
|
5910
|
+
/* @__PURE__ */ jsx15("h1", { className: "fw4 fz_16px lh_24px", children: format(displayMonth, "MMMM yyyy") }),
|
|
5969
5911
|
/* @__PURE__ */ jsxs8("div", { children: [
|
|
5970
5912
|
/* @__PURE__ */ jsx15(IconButton, { color: "rgba(100, 100, 100, 1)" /* Gray700 */, icon: "chevronLeft", onClick: () => goToMonth(addMonths(displayMonth, -1)) }),
|
|
5971
5913
|
/* @__PURE__ */ jsx15(IconButton, { color: "rgba(100, 100, 100, 1)" /* Gray700 */, icon: "chevronRight", onClick: () => goToMonth(addMonths(displayMonth, 1)) })
|
|
@@ -5979,38 +5921,15 @@ function YearSkipHeader(props) {
|
|
|
5979
5921
|
const {
|
|
5980
5922
|
goToMonth
|
|
5981
5923
|
} = useNavigation();
|
|
5982
|
-
return /* @__PURE__ */ jsxs8("div", {
|
|
5983
|
-
|
|
5984
|
-
justifyContent: "jcsb",
|
|
5985
|
-
alignItems: "aic",
|
|
5986
|
-
marginLeft: "ml_12px",
|
|
5987
|
-
marginRight: "mr_12px",
|
|
5988
|
-
height: "h_32px"
|
|
5989
|
-
}), children: [
|
|
5990
|
-
/* @__PURE__ */ jsxs8("div", { ...trussProps12({
|
|
5991
|
-
display: "df",
|
|
5992
|
-
flexDirection: "fdr",
|
|
5993
|
-
justifyContent: "jcsb"
|
|
5994
|
-
}), children: [
|
|
5924
|
+
return /* @__PURE__ */ jsxs8("div", { className: "df jcsb aic ml_12px mr_12px h_32px", children: [
|
|
5925
|
+
/* @__PURE__ */ jsxs8("div", { className: "df fdr jcsb", children: [
|
|
5995
5926
|
/* @__PURE__ */ jsx15(IconButton, { color: "rgba(100, 100, 100, 1)" /* Gray700 */, icon: "chevronLeft", onClick: () => goToMonth(addMonths(displayMonth, -1)) }),
|
|
5996
|
-
/* @__PURE__ */ jsx15("h1", {
|
|
5997
|
-
fontWeight: "fw4",
|
|
5998
|
-
fontSize: "fz_16px",
|
|
5999
|
-
lineHeight: "lh_24px"
|
|
6000
|
-
}), children: format(displayMonth, "MMM") }),
|
|
5927
|
+
/* @__PURE__ */ jsx15("h1", { className: "fw4 fz_16px lh_24px", children: format(displayMonth, "MMM") }),
|
|
6001
5928
|
/* @__PURE__ */ jsx15(IconButton, { color: "rgba(100, 100, 100, 1)" /* Gray700 */, icon: "chevronRight", onClick: () => goToMonth(addMonths(displayMonth, 1)) })
|
|
6002
5929
|
] }),
|
|
6003
|
-
/* @__PURE__ */ jsxs8("div", {
|
|
6004
|
-
display: "df",
|
|
6005
|
-
flexDirection: "fdr",
|
|
6006
|
-
justifyContent: "jcsb"
|
|
6007
|
-
}), children: [
|
|
5930
|
+
/* @__PURE__ */ jsxs8("div", { className: "df fdr jcsb", children: [
|
|
6008
5931
|
/* @__PURE__ */ jsx15(IconButton, { color: "rgba(100, 100, 100, 1)" /* Gray700 */, icon: "chevronLeft", onClick: () => goToMonth(addYears(displayMonth, -1)) }),
|
|
6009
|
-
/* @__PURE__ */ jsx15("h1", {
|
|
6010
|
-
fontWeight: "fw4",
|
|
6011
|
-
fontSize: "fz_16px",
|
|
6012
|
-
lineHeight: "lh_24px"
|
|
6013
|
-
}), children: format(displayMonth, "yyyy") }),
|
|
5932
|
+
/* @__PURE__ */ jsx15("h1", { className: "fw4 fz_16px lh_24px", children: format(displayMonth, "yyyy") }),
|
|
6014
5933
|
/* @__PURE__ */ jsx15(IconButton, { color: "rgba(100, 100, 100, 1)" /* Gray700 */, icon: "chevronRight", onClick: () => goToMonth(addYears(displayMonth, 1)) })
|
|
6015
5934
|
] })
|
|
6016
5935
|
] });
|
|
@@ -6018,29 +5937,20 @@ function YearSkipHeader(props) {
|
|
|
6018
5937
|
|
|
6019
5938
|
// src/components/internal/DatePicker/WeekHeader.tsx
|
|
6020
5939
|
import { addDays, format as format2, startOfWeek } from "date-fns";
|
|
6021
|
-
import {
|
|
6022
|
-
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
6023
|
-
import { createElement } from "react";
|
|
5940
|
+
import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
6024
5941
|
function WeekHeader() {
|
|
6025
5942
|
const start = startOfWeek(/* @__PURE__ */ new Date());
|
|
6026
5943
|
const days = [];
|
|
6027
5944
|
for (let i = 0; i < 7; i++) {
|
|
6028
5945
|
days.push(addDays(start, i));
|
|
6029
5946
|
}
|
|
6030
|
-
return /* @__PURE__ */ jsx16("thead", { className: "rdp-head", children: /* @__PURE__ */ jsx16("tr", { className: "rdp-head_row", children: days.map((day) => /* @__PURE__ */
|
|
6031
|
-
|
|
6032
|
-
|
|
6033
|
-
|
|
6034
|
-
paddingLeft: "pl1",
|
|
6035
|
-
fontWeight: "fw4",
|
|
6036
|
-
fontSize: "fz_12px",
|
|
6037
|
-
lineHeight: "lh_16px",
|
|
6038
|
-
color: "gray400"
|
|
6039
|
-
}), key: format2(day, "EEEE") }, /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: format2(day, "EEEEE") }), /* @__PURE__ */ jsx16("span", { className: "rdp-vhidden", children: format2(day, "EEEE") }))) }) });
|
|
5947
|
+
return /* @__PURE__ */ jsx16("thead", { className: "rdp-head", children: /* @__PURE__ */ jsx16("tr", { className: "rdp-head_row", children: days.map((day) => /* @__PURE__ */ jsxs9("th", { scope: "col", className: "pt1 pb_12px pr1 pl1 fw4 fz_12px lh_16px gray400", children: [
|
|
5948
|
+
/* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: format2(day, "EEEEE") }),
|
|
5949
|
+
/* @__PURE__ */ jsx16("span", { className: "rdp-vhidden", children: format2(day, "EEEE") })
|
|
5950
|
+
] }, format2(day, "EEEE"))) }) });
|
|
6040
5951
|
}
|
|
6041
5952
|
|
|
6042
5953
|
// src/components/internal/DatePicker/DatePicker.tsx
|
|
6043
|
-
import { trussProps as trussProps14 } from "@homebound/truss/runtime";
|
|
6044
5954
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
6045
5955
|
function DatePicker(props) {
|
|
6046
5956
|
const {
|
|
@@ -6051,13 +5961,7 @@ function DatePicker(props) {
|
|
|
6051
5961
|
useYearPicker
|
|
6052
5962
|
} = props;
|
|
6053
5963
|
const tid = useTestIds(props, "datePicker");
|
|
6054
|
-
return /* @__PURE__ */ jsx17("div", { ...
|
|
6055
|
-
display: "dib",
|
|
6056
|
-
backgroundColor: "bgWhite",
|
|
6057
|
-
fontWeight: "fw4",
|
|
6058
|
-
fontSize: "fz_12px",
|
|
6059
|
-
lineHeight: "lh_16px"
|
|
6060
|
-
}), ...tid, children: /* @__PURE__ */ jsx17(
|
|
5964
|
+
return /* @__PURE__ */ jsx17("div", { className: "dib bgWhite fw4 fz_12px lh_16px", ...tid, children: /* @__PURE__ */ jsx17(
|
|
6061
5965
|
DayPicker,
|
|
6062
5966
|
{
|
|
6063
5967
|
components: {
|
|
@@ -6080,21 +5984,16 @@ function DatePicker(props) {
|
|
|
6080
5984
|
}
|
|
6081
5985
|
|
|
6082
5986
|
// src/components/internal/DatePicker/DatePickerOverlay.tsx
|
|
6083
|
-
import { trussProps as trussProps15 } from "@homebound/truss/runtime";
|
|
6084
5987
|
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
6085
5988
|
function DatePickerOverlay({
|
|
6086
5989
|
overlayProps,
|
|
6087
5990
|
children
|
|
6088
5991
|
}) {
|
|
6089
|
-
return /* @__PURE__ */ jsx18("div", { ...
|
|
6090
|
-
borderRadius: "br4",
|
|
6091
|
-
boxShadow: "bshModal"
|
|
6092
|
-
}), ...overlayProps, children });
|
|
5992
|
+
return /* @__PURE__ */ jsx18("div", { className: "br4 bshModal", ...overlayProps, children });
|
|
6093
5993
|
}
|
|
6094
5994
|
|
|
6095
5995
|
// src/components/internal/DatePicker/DateRangePicker.tsx
|
|
6096
5996
|
import { DayPicker as DayPicker2 } from "react-day-picker";
|
|
6097
|
-
import { trussProps as trussProps16 } from "@homebound/truss/runtime";
|
|
6098
5997
|
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
6099
5998
|
function DateRangePicker(props) {
|
|
6100
5999
|
const {
|
|
@@ -6105,13 +6004,7 @@ function DateRangePicker(props) {
|
|
|
6105
6004
|
useYearPicker
|
|
6106
6005
|
} = props;
|
|
6107
6006
|
const tid = useTestIds(props, "datePicker");
|
|
6108
|
-
return /* @__PURE__ */ jsx19("div", { ...
|
|
6109
|
-
display: "dib",
|
|
6110
|
-
backgroundColor: "bgWhite",
|
|
6111
|
-
fontWeight: "fw4",
|
|
6112
|
-
fontSize: "fz_12px",
|
|
6113
|
-
lineHeight: "lh_16px"
|
|
6114
|
-
}), ...tid, children: /* @__PURE__ */ jsx19(DayPicker2, { mode: "range", selected: range, components: {
|
|
6007
|
+
return /* @__PURE__ */ jsx19("div", { className: "dib bgWhite fw4 fz_12px lh_16px", ...tid, children: /* @__PURE__ */ jsx19(DayPicker2, { mode: "range", selected: range, components: {
|
|
6115
6008
|
Caption: useYearPicker ? YearSkipHeader : Header,
|
|
6116
6009
|
Head: WeekHeader,
|
|
6117
6010
|
Day
|
|
@@ -6131,8 +6024,8 @@ import { Item, Section, useTreeData, useTreeState } from "react-stately";
|
|
|
6131
6024
|
|
|
6132
6025
|
// src/components/internal/MenuSection.tsx
|
|
6133
6026
|
import { useMenuSection, useSeparator } from "react-aria";
|
|
6134
|
-
import { trussProps as
|
|
6135
|
-
import { Fragment as Fragment5, jsx as jsx20, jsxs as
|
|
6027
|
+
import { trussProps as trussProps11 } from "@homebound/truss/runtime";
|
|
6028
|
+
import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
6136
6029
|
function MenuSectionImpl(props) {
|
|
6137
6030
|
const {
|
|
6138
6031
|
section,
|
|
@@ -6151,13 +6044,9 @@ function MenuSectionImpl(props) {
|
|
|
6151
6044
|
});
|
|
6152
6045
|
const isPersistentSection = section.key !== state.collection.getFirstKey();
|
|
6153
6046
|
const tid = useTestIds(props);
|
|
6154
|
-
return /* @__PURE__ */
|
|
6155
|
-
isPersistentSection && /* @__PURE__ */ jsx20("li", { ...separatorProps,
|
|
6156
|
-
|
|
6157
|
-
borderTopWidth: "btw_1px",
|
|
6158
|
-
borderColor: "bcGray200"
|
|
6159
|
-
}) }),
|
|
6160
|
-
/* @__PURE__ */ jsx20("li", { ...itemProps, ...trussProps17({
|
|
6047
|
+
return /* @__PURE__ */ jsxs10(Fragment5, { children: [
|
|
6048
|
+
isPersistentSection && /* @__PURE__ */ jsx20("li", { ...separatorProps, className: "bts_solid btw_1px bcGray200" }),
|
|
6049
|
+
/* @__PURE__ */ jsx20("li", { ...itemProps, ...trussProps11({
|
|
6161
6050
|
color: "gray900",
|
|
6162
6051
|
...!isPersistentSection ? {
|
|
6163
6052
|
overflow: "oa"
|
|
@@ -6165,16 +6054,12 @@ function MenuSectionImpl(props) {
|
|
|
6165
6054
|
...contrast ? {
|
|
6166
6055
|
color: "white"
|
|
6167
6056
|
} : {}
|
|
6168
|
-
}), children: /* @__PURE__ */ jsx20("ul", { ...
|
|
6169
|
-
padding: "p_0",
|
|
6170
|
-
margin: "m_0",
|
|
6171
|
-
listStyle: "lis_none"
|
|
6172
|
-
}), ...groupProps, ...tid[isPersistentSection ? "persistentItems" : "menuItems"], children: [...section.childNodes].map((item) => /* @__PURE__ */ jsx20(MenuItemImpl, { item, state, onClose, contrast, ...tid }, item.key)) }) })
|
|
6057
|
+
}), children: /* @__PURE__ */ jsx20("ul", { className: "p_0 m_0 lis_none", ...groupProps, ...tid[isPersistentSection ? "persistentItems" : "menuItems"], children: [...section.childNodes].map((item) => /* @__PURE__ */ jsx20(MenuItemImpl, { item, state, onClose, contrast, ...tid }, item.key)) }) })
|
|
6173
6058
|
] });
|
|
6174
6059
|
}
|
|
6175
6060
|
|
|
6176
6061
|
// src/components/internal/Menu.tsx
|
|
6177
|
-
import { trussProps as
|
|
6062
|
+
import { trussProps as trussProps20 } from "@homebound/truss/runtime";
|
|
6178
6063
|
|
|
6179
6064
|
// src/inputs/internal/MenuSearchField.tsx
|
|
6180
6065
|
import { useTextField } from "@react-aria/textfield";
|
|
@@ -6185,7 +6070,7 @@ import { useState as useState10 } from "react";
|
|
|
6185
6070
|
import { chain, mergeProps as mergeProps6, useFocusWithin, useHover as useHover3 } from "react-aria";
|
|
6186
6071
|
|
|
6187
6072
|
// src/components/HelperText.tsx
|
|
6188
|
-
import { trussProps as
|
|
6073
|
+
import { trussProps as trussProps12 } from "@homebound/truss/runtime";
|
|
6189
6074
|
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
6190
6075
|
function HelperText(props) {
|
|
6191
6076
|
const {
|
|
@@ -6193,7 +6078,7 @@ function HelperText(props) {
|
|
|
6193
6078
|
contrast = false,
|
|
6194
6079
|
...others
|
|
6195
6080
|
} = props;
|
|
6196
|
-
return /* @__PURE__ */ jsx21("div", { ...
|
|
6081
|
+
return /* @__PURE__ */ jsx21("div", { ...trussProps12({
|
|
6197
6082
|
color: "gray700",
|
|
6198
6083
|
fontWeight: "fw4",
|
|
6199
6084
|
fontSize: "fz_12px",
|
|
@@ -6208,8 +6093,8 @@ function HelperText(props) {
|
|
|
6208
6093
|
// src/components/Label.tsx
|
|
6209
6094
|
import React4 from "react";
|
|
6210
6095
|
import { VisuallyHidden } from "react-aria";
|
|
6211
|
-
import { trussProps as
|
|
6212
|
-
import { jsx as jsx22, jsxs as
|
|
6096
|
+
import { trussProps as trussProps13 } from "@homebound/truss/runtime";
|
|
6097
|
+
import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
6213
6098
|
function LabelComponent(props) {
|
|
6214
6099
|
const {
|
|
6215
6100
|
labelProps,
|
|
@@ -6222,7 +6107,7 @@ function LabelComponent(props) {
|
|
|
6222
6107
|
xss,
|
|
6223
6108
|
...others
|
|
6224
6109
|
} = props;
|
|
6225
|
-
const labelEl = /* @__PURE__ */
|
|
6110
|
+
const labelEl = /* @__PURE__ */ jsxs11("label", { ...labelProps, ...others, ...trussProps13({
|
|
6226
6111
|
...{
|
|
6227
6112
|
display: "dif",
|
|
6228
6113
|
alignItems: "aic",
|
|
@@ -6245,9 +6130,7 @@ function LabelComponent(props) {
|
|
|
6245
6130
|
}), children: [
|
|
6246
6131
|
label,
|
|
6247
6132
|
suffix && ` ${suffix}`,
|
|
6248
|
-
tooltip && /* @__PURE__ */ jsx22("span", {
|
|
6249
|
-
flexShrink: "fs0"
|
|
6250
|
-
}), children: /* @__PURE__ */ jsx22(Icon, { icon: "infoCircle", tooltip, inc: 2, color: contrast ? "rgba(255,255,255,1)" /* White */ : "rgba(100, 100, 100, 1)" /* Gray700 */ }) })
|
|
6133
|
+
tooltip && /* @__PURE__ */ jsx22("span", { className: "fs0", children: /* @__PURE__ */ jsx22(Icon, { icon: "infoCircle", tooltip, inc: 2, color: contrast ? "rgba(255,255,255,1)" /* White */ : "rgba(100, 100, 100, 1)" /* Gray700 */ }) })
|
|
6251
6134
|
] });
|
|
6252
6135
|
return hidden ? /* @__PURE__ */ jsx22(VisuallyHidden, { children: labelEl }) : labelEl;
|
|
6253
6136
|
}
|
|
@@ -6259,7 +6142,7 @@ function InlineLabel({
|
|
|
6259
6142
|
multiline = false,
|
|
6260
6143
|
...others
|
|
6261
6144
|
}) {
|
|
6262
|
-
return /* @__PURE__ */
|
|
6145
|
+
return /* @__PURE__ */ jsxs11("label", { ...labelProps, ...others, ...trussProps13({
|
|
6263
6146
|
fontWeight: "fw4",
|
|
6264
6147
|
fontSize: "fz_14px",
|
|
6265
6148
|
lineHeight: "lh_20px",
|
|
@@ -6349,8 +6232,8 @@ import { useCallback as useCallback5, useContext as useContext7, useEffect as us
|
|
|
6349
6232
|
|
|
6350
6233
|
// src/components/Layout/ScrollableParent.tsx
|
|
6351
6234
|
import { createContext as createContext2, useContext as useContext6, useEffect as useEffect5, useMemo as useMemo8, useRef as useRef6, useState as useState8 } from "react";
|
|
6352
|
-
import { trussProps as
|
|
6353
|
-
import { jsx as jsx24, jsxs as
|
|
6235
|
+
import { trussProps as trussProps14 } from "@homebound/truss/runtime";
|
|
6236
|
+
import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
6354
6237
|
var __maybeInc = (inc) => {
|
|
6355
6238
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
6356
6239
|
};
|
|
@@ -6389,7 +6272,7 @@ function ScrollableParent(props) {
|
|
|
6389
6272
|
useEffect5(() => {
|
|
6390
6273
|
scrollableRef.current.appendChild(scrollableEl);
|
|
6391
6274
|
}, [scrollableEl]);
|
|
6392
|
-
return /* @__PURE__ */ jsx24(ScrollableParentContext.Provider, { value: context, children: /* @__PURE__ */
|
|
6275
|
+
return /* @__PURE__ */ jsx24(ScrollableParentContext.Provider, { value: context, children: /* @__PURE__ */ jsxs12(Tag2, { ...trussProps14({
|
|
6393
6276
|
...{
|
|
6394
6277
|
minHeight: "mh0",
|
|
6395
6278
|
minWidth: "mw0",
|
|
@@ -6399,7 +6282,7 @@ function ScrollableParent(props) {
|
|
|
6399
6282
|
},
|
|
6400
6283
|
...xss
|
|
6401
6284
|
}), children: [
|
|
6402
|
-
/* @__PURE__ */
|
|
6285
|
+
/* @__PURE__ */ jsxs12("div", { ...trussProps14({
|
|
6403
6286
|
...{
|
|
6404
6287
|
paddingLeft: ["pl_var", {
|
|
6405
6288
|
"--paddingLeft": __maybeInc(context.paddingLeft)
|
|
@@ -6414,14 +6297,9 @@ function ScrollableParent(props) {
|
|
|
6414
6297
|
} : void 0
|
|
6415
6298
|
}), children: [
|
|
6416
6299
|
children,
|
|
6417
|
-
!hasScrollableContent && /* @__PURE__ */ jsx24("div", {
|
|
6418
|
-
height: "h2"
|
|
6419
|
-
}) })
|
|
6300
|
+
!hasScrollableContent && /* @__PURE__ */ jsx24("div", { className: "h2" })
|
|
6420
6301
|
] }),
|
|
6421
|
-
/* @__PURE__ */ jsx24("div", {
|
|
6422
|
-
flexGrow: "fg1",
|
|
6423
|
-
overflow: "oa"
|
|
6424
|
-
}), ref: scrollableRef })
|
|
6302
|
+
/* @__PURE__ */ jsx24("div", { className: "fg1 oa", ref: scrollableRef })
|
|
6425
6303
|
] }) });
|
|
6426
6304
|
}
|
|
6427
6305
|
function useScrollableParent() {
|
|
@@ -6429,8 +6307,8 @@ function useScrollableParent() {
|
|
|
6429
6307
|
}
|
|
6430
6308
|
|
|
6431
6309
|
// src/components/Table/components/ColumnResizeHandle.tsx
|
|
6432
|
-
import { trussProps as
|
|
6433
|
-
import { Fragment as Fragment6, jsx as jsx25, jsxs as
|
|
6310
|
+
import { trussProps as trussProps15 } from "@homebound/truss/runtime";
|
|
6311
|
+
import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
6434
6312
|
function findScrollableParent(element) {
|
|
6435
6313
|
if (!element) return null;
|
|
6436
6314
|
let parent = element.parentElement;
|
|
@@ -6593,8 +6471,8 @@ function ColumnResizeHandle({
|
|
|
6593
6471
|
document.body.style.userSelect = "";
|
|
6594
6472
|
};
|
|
6595
6473
|
}, []);
|
|
6596
|
-
return /* @__PURE__ */
|
|
6597
|
-
/* @__PURE__ */ jsx25("div", { ref: handleRef, onMouseDown: handleMouseDown, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => !isDragging && setIsHovering(false), ...
|
|
6474
|
+
return /* @__PURE__ */ jsxs13(Fragment6, { children: [
|
|
6475
|
+
/* @__PURE__ */ jsx25("div", { ref: handleRef, onMouseDown: handleMouseDown, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => !isDragging && setIsHovering(false), ...trussProps15({
|
|
6598
6476
|
position: "absolute",
|
|
6599
6477
|
top: "top0",
|
|
6600
6478
|
bottom: "bottom0",
|
|
@@ -6610,7 +6488,7 @@ function ColumnResizeHandle({
|
|
|
6610
6488
|
backgroundColor: "bgGray700"
|
|
6611
6489
|
} : {}
|
|
6612
6490
|
}), ...tid.handle, "data-column-id": columnId, "data-column-index": columnIndex }),
|
|
6613
|
-
isDragging && guideLineX !== null && /* @__PURE__ */ jsx25("div", { ...
|
|
6491
|
+
isDragging && guideLineX !== null && /* @__PURE__ */ jsx25("div", { ...trussProps15({
|
|
6614
6492
|
position: "fixed",
|
|
6615
6493
|
top: ["top_var", {
|
|
6616
6494
|
"--top": `${guideLineTop}px`
|
|
@@ -6632,8 +6510,8 @@ function ColumnResizeHandle({
|
|
|
6632
6510
|
|
|
6633
6511
|
// src/components/Table/components/KeptGroupRow.tsx
|
|
6634
6512
|
import { useContext as useContext8 } from "react";
|
|
6635
|
-
import { trussProps as
|
|
6636
|
-
import { jsx as jsx26, jsxs as
|
|
6513
|
+
import { trussProps as trussProps16 } from "@homebound/truss/runtime";
|
|
6514
|
+
import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
6637
6515
|
var __maybeInc2 = (inc) => {
|
|
6638
6516
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
6639
6517
|
};
|
|
@@ -6651,7 +6529,7 @@ function KeptGroupRow(props) {
|
|
|
6651
6529
|
tableState
|
|
6652
6530
|
} = useContext8(TableStateContext);
|
|
6653
6531
|
const numHiddenSelectedRows = useComputed(() => tableState.keptRows.length, [tableState]);
|
|
6654
|
-
return /* @__PURE__ */ jsx26(CellTag, { ...
|
|
6532
|
+
return /* @__PURE__ */ jsx26(CellTag, { ...trussProps16({
|
|
6655
6533
|
...style.cellCss,
|
|
6656
6534
|
...style.betweenRowsCss,
|
|
6657
6535
|
...isLastBodyRow && style.lastRowCellCss,
|
|
@@ -6666,21 +6544,9 @@ function KeptGroupRow(props) {
|
|
|
6666
6544
|
}
|
|
6667
6545
|
}), ...as === "table" ? {
|
|
6668
6546
|
colSpan
|
|
6669
|
-
} : {}, children: /* @__PURE__ */
|
|
6670
|
-
|
|
6671
|
-
|
|
6672
|
-
gap: "gap_12px"
|
|
6673
|
-
}), children: [
|
|
6674
|
-
/* @__PURE__ */ jsx26("div", { ...trussProps22({
|
|
6675
|
-
width: "w_38px",
|
|
6676
|
-
display: "df",
|
|
6677
|
-
justifyContent: "jcc"
|
|
6678
|
-
}), children: /* @__PURE__ */ jsx26(CollapseToggle, { row, compact: true }) }),
|
|
6679
|
-
/* @__PURE__ */ jsxs13("div", { ...trussProps22({
|
|
6680
|
-
display: "df",
|
|
6681
|
-
alignItems: "aic",
|
|
6682
|
-
gap: "gap1"
|
|
6683
|
-
}), children: [
|
|
6547
|
+
} : {}, children: /* @__PURE__ */ jsxs14("div", { className: "df aic gap_12px", children: [
|
|
6548
|
+
/* @__PURE__ */ jsx26("div", { className: "w_38px df jcc", children: /* @__PURE__ */ jsx26(CollapseToggle, { row, compact: true }) }),
|
|
6549
|
+
/* @__PURE__ */ jsxs14("div", { className: "df aic gap1", children: [
|
|
6684
6550
|
/* @__PURE__ */ jsx26(Icon, { icon: "infoCircle", inc: 2 }),
|
|
6685
6551
|
`${numHiddenSelectedRows} selected ${pluralize(numHiddenSelectedRows, "row")} hidden due to filters`
|
|
6686
6552
|
] })
|
|
@@ -7461,8 +7327,8 @@ function canClientSideSort(value) {
|
|
|
7461
7327
|
|
|
7462
7328
|
// src/components/Table/components/Row.tsx
|
|
7463
7329
|
import { useDebouncedCallback as useDebouncedCallback2 } from "use-debounce";
|
|
7464
|
-
import { trussProps as
|
|
7465
|
-
import { Fragment as Fragment7, jsx as jsx27, jsxs as
|
|
7330
|
+
import { trussProps as trussProps17, mergeProps as mergeProps_12 } from "@homebound/truss/runtime";
|
|
7331
|
+
import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
7466
7332
|
var __maybeInc3 = (inc) => {
|
|
7467
7333
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
7468
7334
|
};
|
|
@@ -7794,12 +7660,12 @@ function RowImpl(props) {
|
|
|
7794
7660
|
const currentSizeStr = columnSizes[columnIndex];
|
|
7795
7661
|
const minWidthPx = column2.mw ? parseInt(column2.mw.replace("px", ""), 10) : 100;
|
|
7796
7662
|
const currentWidthPx = parseWidthToPx(currentSizeStr, void 0) ?? resizedWidths?.[column2.id] ?? minWidthPx;
|
|
7797
|
-
const cellElementWithHandle = React6.cloneElement(cellElement, mergeProps5(cellElement.props,
|
|
7663
|
+
const cellElementWithHandle = React6.cloneElement(cellElement, mergeProps5(cellElement.props, trussProps17({
|
|
7798
7664
|
...!maybeSticky && {
|
|
7799
7665
|
position: "relative"
|
|
7800
7666
|
}
|
|
7801
7667
|
}), {
|
|
7802
|
-
children: /* @__PURE__ */
|
|
7668
|
+
children: /* @__PURE__ */ jsxs15(Fragment7, { children: [
|
|
7803
7669
|
cellElement.props.children,
|
|
7804
7670
|
/* @__PURE__ */ jsx27(ColumnResizeHandle, { columnId: column2.id, columnIndex, currentWidth: currentWidthPx, minWidth: minWidthPx, onResize: (colId, width2) => setResizedWidth?.(colId, width2, columnIndex), calculatePreviewWidth })
|
|
7805
7671
|
] })
|
|
@@ -7811,7 +7677,7 @@ function RowImpl(props) {
|
|
|
7811
7677
|
return row.draggable ? /* @__PURE__ */ jsx27(
|
|
7812
7678
|
"div",
|
|
7813
7679
|
{
|
|
7814
|
-
...
|
|
7680
|
+
...trussProps17(containerCss),
|
|
7815
7681
|
onDrop: (evt) => onDrop?.(row, evt),
|
|
7816
7682
|
onDragEnter: (evt) => onDragEnter?.(row, evt),
|
|
7817
7683
|
onDragOver: (evt) => {
|
|
@@ -7841,8 +7707,8 @@ function useLabelSuffix(required, readOnly) {
|
|
|
7841
7707
|
|
|
7842
7708
|
// src/inputs/ErrorMessage.tsx
|
|
7843
7709
|
import { VisuallyHidden as VisuallyHidden2 } from "react-aria";
|
|
7844
|
-
import { trussProps as
|
|
7845
|
-
import { Fragment as Fragment8, jsx as jsx28, jsxs as
|
|
7710
|
+
import { trussProps as trussProps18 } from "@homebound/truss/runtime";
|
|
7711
|
+
import { Fragment as Fragment8, jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
7846
7712
|
function ErrorMessage(props) {
|
|
7847
7713
|
const {
|
|
7848
7714
|
id,
|
|
@@ -7851,7 +7717,7 @@ function ErrorMessage(props) {
|
|
|
7851
7717
|
hidden = false,
|
|
7852
7718
|
...others
|
|
7853
7719
|
} = props;
|
|
7854
|
-
const errorEl = errorMsg ? /* @__PURE__ */
|
|
7720
|
+
const errorEl = errorMsg ? /* @__PURE__ */ jsxs16("div", { ...trussProps18({
|
|
7855
7721
|
color: "red600",
|
|
7856
7722
|
fontWeight: "fw4",
|
|
7857
7723
|
fontSize: "fz_14px",
|
|
@@ -7862,13 +7728,8 @@ function ErrorMessage(props) {
|
|
|
7862
7728
|
color: "red400"
|
|
7863
7729
|
} : {}
|
|
7864
7730
|
}), children: [
|
|
7865
|
-
/* @__PURE__ */ jsx28("span", {
|
|
7866
|
-
|
|
7867
|
-
}), children: /* @__PURE__ */ jsx28(Icon, { icon: "error" }) }),
|
|
7868
|
-
/* @__PURE__ */ jsx28("span", { id, ...trussProps24({
|
|
7869
|
-
marginLeft: "ml1",
|
|
7870
|
-
marginTop: "mt_2px"
|
|
7871
|
-
}), ...others, children: errorMsg })
|
|
7731
|
+
/* @__PURE__ */ jsx28("span", { className: "fs0", children: /* @__PURE__ */ jsx28(Icon, { icon: "error" }) }),
|
|
7732
|
+
/* @__PURE__ */ jsx28("span", { id, className: "ml1 mt_2px", ...others, children: errorMsg })
|
|
7872
7733
|
] }) : /* @__PURE__ */ jsx28(Fragment8, {});
|
|
7873
7734
|
return hidden ? /* @__PURE__ */ jsx28(VisuallyHidden2, { children: errorEl }) : errorEl;
|
|
7874
7735
|
}
|
|
@@ -7879,8 +7740,8 @@ function getFieldWidth(fullWidth) {
|
|
|
7879
7740
|
}
|
|
7880
7741
|
|
|
7881
7742
|
// src/inputs/TextFieldBase.tsx
|
|
7882
|
-
import { trussProps as
|
|
7883
|
-
import { Fragment as Fragment9, jsx as jsx29, jsxs as
|
|
7743
|
+
import { trussProps as trussProps19, mergeProps as mergeProps_13 } from "@homebound/truss/runtime";
|
|
7744
|
+
import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
7884
7745
|
var __maybeInc4 = (inc) => {
|
|
7885
7746
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
7886
7747
|
};
|
|
@@ -8258,13 +8119,13 @@ function TextFieldBase(props) {
|
|
|
8258
8119
|
},
|
|
8259
8120
|
...xss
|
|
8260
8121
|
};
|
|
8261
|
-
return /* @__PURE__ */
|
|
8262
|
-
/* @__PURE__ */
|
|
8122
|
+
return /* @__PURE__ */ jsxs17(Fragment9, { children: [
|
|
8123
|
+
/* @__PURE__ */ jsxs17("div", { ...trussProps19(fieldStyles.container), ...groupProps, ...focusWithinProps, children: [
|
|
8263
8124
|
label && labelStyle !== "inline" && /* @__PURE__ */ jsx29(Label, { labelProps, hidden: labelStyle === "hidden" || compound, label, inline: labelStyle !== "above", suffix: labelSuffix, contrast, ...tid.label }),
|
|
8264
8125
|
maybeTooltip({
|
|
8265
8126
|
title: tooltip,
|
|
8266
8127
|
placement: "top",
|
|
8267
|
-
children: inputProps.readOnly ? /* @__PURE__ */
|
|
8128
|
+
children: inputProps.readOnly ? /* @__PURE__ */ jsxs17("div", { ...mergeProps_13(BorderHoverChild, void 0, {
|
|
8268
8129
|
// Use input wrapper to get common styles, but then we need to override some
|
|
8269
8130
|
...fieldStyles.inputWrapperReadOnly,
|
|
8270
8131
|
...multiline ? {
|
|
@@ -8281,14 +8142,11 @@ function TextFieldBase(props) {
|
|
|
8281
8142
|
...xss
|
|
8282
8143
|
}), "data-readonly": "true", ...tid, children: [
|
|
8283
8144
|
labelStyle === "inline" && label && /* @__PURE__ */ jsx29(InlineLabel, { multiline, labelProps, label, ...tid.label }),
|
|
8284
|
-
multiline ? inputProps.value?.split("\n\n").map((p, i) => /* @__PURE__ */ jsx29("p", {
|
|
8285
|
-
paddingTop: "pt1",
|
|
8286
|
-
paddingBottom: "pb1"
|
|
8287
|
-
}), children: p.split("\n").map((sentence, j) => /* @__PURE__ */ jsxs16("span", { children: [
|
|
8145
|
+
multiline ? inputProps.value?.split("\n\n").map((p, i) => /* @__PURE__ */ jsx29("p", { className: "pt1 pb1", children: p.split("\n").map((sentence, j) => /* @__PURE__ */ jsxs17("span", { children: [
|
|
8288
8146
|
sentence,
|
|
8289
8147
|
/* @__PURE__ */ jsx29("br", {})
|
|
8290
8148
|
] }, j)) }, i)) : inputProps.value
|
|
8291
|
-
] }) : /* @__PURE__ */
|
|
8149
|
+
] }) : /* @__PURE__ */ jsxs17(
|
|
8292
8150
|
"div",
|
|
8293
8151
|
{
|
|
8294
8152
|
...mergeProps_13(BorderHoverChild, void 0, {
|
|
@@ -8313,20 +8171,13 @@ function TextFieldBase(props) {
|
|
|
8313
8171
|
onClick: unfocusedPlaceholder ? handleUnfocusedPlaceholderClick : void 0,
|
|
8314
8172
|
children: [
|
|
8315
8173
|
labelStyle === "inline" && label && /* @__PURE__ */ jsx29(InlineLabel, { multiline, labelProps, label, ...tid.label }),
|
|
8316
|
-
startAdornment && /* @__PURE__ */ jsx29("span", {
|
|
8317
|
-
display: "df",
|
|
8318
|
-
alignItems: "aic",
|
|
8319
|
-
alignSelf: "asc",
|
|
8320
|
-
flexShrink: "fs0",
|
|
8321
|
-
borderRadius: "br4",
|
|
8322
|
-
paddingRight: "pr1"
|
|
8323
|
-
}), children: startAdornment }),
|
|
8174
|
+
startAdornment && /* @__PURE__ */ jsx29("span", { className: "df aic asc fs0 br4 pr1", children: startAdornment }),
|
|
8324
8175
|
unfocusedPlaceholder && /* @__PURE__ */ jsx29(
|
|
8325
8176
|
"div",
|
|
8326
8177
|
{
|
|
8327
8178
|
tabIndex: -1,
|
|
8328
8179
|
...tid.unfocusedPlaceholderContainer,
|
|
8329
|
-
...
|
|
8180
|
+
...trussProps19({
|
|
8330
8181
|
...{
|
|
8331
8182
|
display: "df",
|
|
8332
8183
|
alignSelf: "asc",
|
|
@@ -8354,36 +8205,24 @@ function TextFieldBase(props) {
|
|
|
8354
8205
|
children: unfocusedPlaceholder
|
|
8355
8206
|
}
|
|
8356
8207
|
),
|
|
8357
|
-
multiline ? /* @__PURE__ */ jsx29("textarea", { ...fieldElementProps, ...errorMessageProps, ref: fieldRef, rows: 1, ...
|
|
8208
|
+
multiline ? /* @__PURE__ */ jsx29("textarea", { ...fieldElementProps, ...errorMessageProps, ref: fieldRef, rows: 1, ...trussProps19(fieldElementCss), ...tid }) : /* @__PURE__ */ jsx29("input", { ...fieldElementProps, ...errorMessageProps, ref: fieldRef, ...trussProps19(fieldElementCss), ...tid }),
|
|
8358
8209
|
isFocused && clearable && onChange && inputProps.value && /* @__PURE__ */ jsx29(IconButton, { icon: "xCircle", color: "rgba(100, 100, 100, 1)" /* Gray700 */, onClick: () => {
|
|
8359
8210
|
onChange(void 0);
|
|
8360
8211
|
fieldRef.current?.focus();
|
|
8361
8212
|
} }),
|
|
8362
|
-
errorInTooltip && errorMsg && !hideErrorMessage && /* @__PURE__ */ jsx29("span", {
|
|
8363
|
-
|
|
8364
|
-
alignItems: "aic",
|
|
8365
|
-
alignSelf: "asc",
|
|
8366
|
-
paddingLeft: "pl1",
|
|
8367
|
-
flexShrink: "fs0"
|
|
8368
|
-
}), children: /* @__PURE__ */ jsx29(Icon, { icon: "error", color: "rgba(220, 38, 38, 1)" /* Red600 */, tooltip: errorMsg }) }),
|
|
8369
|
-
endAdornment && /* @__PURE__ */ jsx29("span", { ...trussProps25({
|
|
8370
|
-
display: "df",
|
|
8371
|
-
alignItems: "aic",
|
|
8372
|
-
alignSelf: "asc",
|
|
8373
|
-
paddingLeft: "pl1",
|
|
8374
|
-
flexShrink: "fs0"
|
|
8375
|
-
}), children: endAdornment })
|
|
8213
|
+
errorInTooltip && errorMsg && !hideErrorMessage && /* @__PURE__ */ jsx29("span", { className: "df aic asc pl1 fs0", children: /* @__PURE__ */ jsx29(Icon, { icon: "error", color: "rgba(220, 38, 38, 1)" /* Red600 */, tooltip: errorMsg }) }),
|
|
8214
|
+
endAdornment && /* @__PURE__ */ jsx29("span", { className: "df aic asc pl1 fs0", children: endAdornment })
|
|
8376
8215
|
]
|
|
8377
8216
|
}
|
|
8378
8217
|
)
|
|
8379
8218
|
}),
|
|
8380
|
-
labelStyle !== "left" && (alwaysShowHelperText || !compound && !inputProps.disabled && !inputProps.readOnly) && /* @__PURE__ */
|
|
8219
|
+
labelStyle !== "left" && (alwaysShowHelperText || !compound && !inputProps.disabled && !inputProps.readOnly) && /* @__PURE__ */ jsxs17(Fragment9, { children: [
|
|
8381
8220
|
errorMsg && !errorInTooltip && /* @__PURE__ */ jsx29(ErrorMessage, { id: errorMessageId, errorMsg, hidden: hideErrorMessage, ...tid.errorMsg }),
|
|
8382
8221
|
helperText && /* @__PURE__ */ jsx29(HelperText, { helperText, ...tid.helperText })
|
|
8383
8222
|
] })
|
|
8384
8223
|
] }),
|
|
8385
8224
|
labelStyle === "left" && (alwaysShowHelperText || !compound && !inputProps.disabled && !inputProps.readOnly && (errorMsg && !errorInTooltip || helperText)) && // Reduces the margin between the error/helper text and input field
|
|
8386
|
-
/* @__PURE__ */
|
|
8225
|
+
/* @__PURE__ */ jsxs17("div", { ...trussProps19({
|
|
8387
8226
|
marginTop: ["mt_var", {
|
|
8388
8227
|
"--marginTop": `${-8}px`
|
|
8389
8228
|
}]
|
|
@@ -8429,7 +8268,7 @@ function MenuSearchField(props) {
|
|
|
8429
8268
|
}
|
|
8430
8269
|
|
|
8431
8270
|
// src/components/internal/Menu.tsx
|
|
8432
|
-
import { jsx as jsx31, jsxs as
|
|
8271
|
+
import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
8433
8272
|
function Menu(props) {
|
|
8434
8273
|
const {
|
|
8435
8274
|
ariaMenuProps,
|
|
@@ -8510,7 +8349,7 @@ function Menu(props) {
|
|
|
8510
8349
|
label: "items",
|
|
8511
8350
|
items
|
|
8512
8351
|
}), [items]);
|
|
8513
|
-
return /* @__PURE__ */ jsx31(FocusScope, { children: /* @__PURE__ */
|
|
8352
|
+
return /* @__PURE__ */ jsx31(FocusScope, { children: /* @__PURE__ */ jsxs18("div", { ...trussProps20({
|
|
8514
8353
|
// Using `max-height: inherit` allows us to take advantage of the height set on the overlay container,
|
|
8515
8354
|
// which updates based on the available space for the overlay within the viewport
|
|
8516
8355
|
...{
|
|
@@ -8535,11 +8374,7 @@ function Menu(props) {
|
|
|
8535
8374
|
}
|
|
8536
8375
|
}), children: [
|
|
8537
8376
|
searchable && /* @__PURE__ */ jsx31(MenuSearchField, { label: "", value: search, placeholder: "Search...", labelStyle: "inline", onChange: setSearch, ...tid }),
|
|
8538
|
-
/* @__PURE__ */ jsx31("ul", { ...
|
|
8539
|
-
padding: "p_0",
|
|
8540
|
-
margin: "m_0",
|
|
8541
|
-
listStyle: "lis_none"
|
|
8542
|
-
}), ...menuProps, ref: menuRef, ...tid.menu, children: [...state.collection].map((item) => /* @__PURE__ */ jsx31(MenuSectionImpl, { section: item, state, onClose, contrast, ...tid }, item.key)) })
|
|
8377
|
+
/* @__PURE__ */ jsx31("ul", { className: "p_0 m_0 lis_none", ...menuProps, ref: menuRef, ...tid.menu, children: [...state.collection].map((item) => /* @__PURE__ */ jsx31(MenuSectionImpl, { section: item, state, onClose, contrast, ...tid }, item.key)) })
|
|
8543
8378
|
] }) });
|
|
8544
8379
|
}
|
|
8545
8380
|
|
|
@@ -8551,8 +8386,8 @@ import { Link as Link3 } from "react-router-dom";
|
|
|
8551
8386
|
|
|
8552
8387
|
// src/components/Avatar/Avatar.tsx
|
|
8553
8388
|
import { useState as useState12 } from "react";
|
|
8554
|
-
import { trussProps as
|
|
8555
|
-
import { jsx as jsx32, jsxs as
|
|
8389
|
+
import { trussProps as trussProps21 } from "@homebound/truss/runtime";
|
|
8390
|
+
import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
8556
8391
|
var __typography4 = {
|
|
8557
8392
|
xs2: {
|
|
8558
8393
|
fontWeight: "fw4",
|
|
@@ -8634,7 +8469,7 @@ function Avatar({
|
|
|
8634
8469
|
}],
|
|
8635
8470
|
overflow: "oh"
|
|
8636
8471
|
};
|
|
8637
|
-
const img = showFallback ? /* @__PURE__ */ jsx32("div", { ...
|
|
8472
|
+
const img = showFallback ? /* @__PURE__ */ jsx32("div", { ...trussProps21({
|
|
8638
8473
|
...styles,
|
|
8639
8474
|
...{
|
|
8640
8475
|
...__typography4[sizeToFallbackTypeScale[size]] ?? {},
|
|
@@ -8644,13 +8479,13 @@ function Avatar({
|
|
|
8644
8479
|
alignItems: "aic",
|
|
8645
8480
|
justifyContent: "jcc"
|
|
8646
8481
|
}
|
|
8647
|
-
}), ...tid, children: name ? nameToInitials(name) : /* @__PURE__ */ jsx32(Icon, { icon: "userCircle", inc: sizeToIconInc[size] }) }) : /* @__PURE__ */ jsx32("img", { src, alt: name, ...
|
|
8482
|
+
}), ...tid, children: name ? nameToInitials(name) : /* @__PURE__ */ jsx32(Icon, { icon: "userCircle", inc: sizeToIconInc[size] }) }) : /* @__PURE__ */ jsx32("img", { src, alt: name, ...trussProps21({
|
|
8648
8483
|
...styles,
|
|
8649
8484
|
...{
|
|
8650
8485
|
objectFit: "objectCover"
|
|
8651
8486
|
}
|
|
8652
8487
|
}), onError: () => setShowFallback(true), loading: "lazy", ...tid });
|
|
8653
|
-
return showName && name ? /* @__PURE__ */
|
|
8488
|
+
return showName && name ? /* @__PURE__ */ jsxs19("div", { ...trussProps21({
|
|
8654
8489
|
display: "dif",
|
|
8655
8490
|
alignItems: "aic",
|
|
8656
8491
|
gap: "gap1",
|
|
@@ -8659,7 +8494,7 @@ function Avatar({
|
|
|
8659
8494
|
} : {}
|
|
8660
8495
|
}), children: [
|
|
8661
8496
|
img,
|
|
8662
|
-
/* @__PURE__ */ jsx32("span", { ...
|
|
8497
|
+
/* @__PURE__ */ jsx32("span", { ...trussProps21({
|
|
8663
8498
|
...__typography4[sizeToTypeScale[size]] ?? {}
|
|
8664
8499
|
}), children: name })
|
|
8665
8500
|
] }) : maybeTooltip({
|
|
@@ -8699,8 +8534,8 @@ function nameToInitials(name) {
|
|
|
8699
8534
|
// src/components/Avatar/AvatarButton.tsx
|
|
8700
8535
|
import { useMemo as useMemo10 } from "react";
|
|
8701
8536
|
import { useButton as useButton2, useFocusRing as useFocusRing2, useHover as useHover4 } from "react-aria";
|
|
8702
|
-
import { trussProps as
|
|
8703
|
-
import { Fragment as Fragment10, jsx as jsx33, jsxs as
|
|
8537
|
+
import { trussProps as trussProps22, mergeProps as mergeProps7 } from "@homebound/truss/runtime";
|
|
8538
|
+
import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
8704
8539
|
function AvatarButton(props) {
|
|
8705
8540
|
const {
|
|
8706
8541
|
onClick: onPress,
|
|
@@ -8757,9 +8592,9 @@ function AvatarButton(props) {
|
|
|
8757
8592
|
ref,
|
|
8758
8593
|
...mergeProps7(typeof onPress === "string" ? navLink : void 0, void 0, styles)
|
|
8759
8594
|
};
|
|
8760
|
-
const content = /* @__PURE__ */
|
|
8595
|
+
const content = /* @__PURE__ */ jsxs20(Fragment10, { children: [
|
|
8761
8596
|
/* @__PURE__ */ jsx33(Avatar, { ...avatarProps, ...tid, disableTooltip: true }),
|
|
8762
|
-
isPressed && /* @__PURE__ */ jsx33("span", { ...
|
|
8597
|
+
isPressed && /* @__PURE__ */ jsx33("span", { ...trussProps22(pressedOverlayCss) })
|
|
8763
8598
|
] });
|
|
8764
8599
|
return maybeTooltip({
|
|
8765
8600
|
// Default the tooltip to the avatar's name, if defined.
|
|
@@ -8810,8 +8645,8 @@ import { useOverlayPosition } from "react-aria";
|
|
|
8810
8645
|
// src/components/Button.tsx
|
|
8811
8646
|
import { useMemo as useMemo11, useState as useState13 } from "react";
|
|
8812
8647
|
import { useButton as useButton3, useFocusRing as useFocusRing3, useHover as useHover5 } from "react-aria";
|
|
8813
|
-
import {
|
|
8814
|
-
import { Fragment as Fragment11, jsx as jsx34, jsxs as
|
|
8648
|
+
import { mergeProps as mergeProps8 } from "@homebound/truss/runtime";
|
|
8649
|
+
import { Fragment as Fragment11, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
8815
8650
|
function Button(props) {
|
|
8816
8651
|
const {
|
|
8817
8652
|
onClick: onPress,
|
|
@@ -8877,12 +8712,10 @@ function Button(props) {
|
|
|
8877
8712
|
pressedStyles: pressedStyles2,
|
|
8878
8713
|
focusStyles: focusStyles2
|
|
8879
8714
|
} = useMemo11(() => getButtonStyles(variant, size, contrast), [variant, size, contrast]);
|
|
8880
|
-
const buttonContent = /* @__PURE__ */
|
|
8715
|
+
const buttonContent = /* @__PURE__ */ jsxs21(Fragment11, { children: [
|
|
8881
8716
|
icon && /* @__PURE__ */ jsx34(Icon, { xss: iconStyles[size], icon }),
|
|
8882
8717
|
labelInFlight && asyncInProgress ? labelInFlight : label,
|
|
8883
|
-
(endAdornment || asyncInProgress) && /* @__PURE__ */ jsx34("span", {
|
|
8884
|
-
marginLeft: "ml1"
|
|
8885
|
-
}), children: asyncInProgress ? /* @__PURE__ */ jsx34(Loader, { size: "xs", contrast }) : endAdornment })
|
|
8718
|
+
(endAdornment || asyncInProgress) && /* @__PURE__ */ jsx34("span", { className: "ml1", children: asyncInProgress ? /* @__PURE__ */ jsx34(Loader, { size: "xs", contrast }) : endAdornment })
|
|
8886
8719
|
] });
|
|
8887
8720
|
const buttonAttrs = {
|
|
8888
8721
|
ref,
|
|
@@ -9294,8 +9127,8 @@ var iconStyles = {
|
|
|
9294
9127
|
// src/components/NavLink.tsx
|
|
9295
9128
|
import { useMemo as useMemo12 } from "react";
|
|
9296
9129
|
import { mergeProps as mergeProps9, useButton as useButton4, useFocusRing as useFocusRing4, useHover as useHover6 } from "react-aria";
|
|
9297
|
-
import { trussProps as
|
|
9298
|
-
import { Fragment as Fragment12, jsx as jsx35, jsxs as
|
|
9130
|
+
import { trussProps as trussProps24 } from "@homebound/truss/runtime";
|
|
9131
|
+
import { Fragment as Fragment12, jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
9299
9132
|
function NavLink(props) {
|
|
9300
9133
|
const {
|
|
9301
9134
|
disabled: isDisabled,
|
|
@@ -9350,7 +9183,7 @@ function NavLink(props) {
|
|
|
9350
9183
|
tabIndex: isDisabled ? -1 : 0,
|
|
9351
9184
|
/** aria-current represents the current page within a set of pages */
|
|
9352
9185
|
"aria-current": active ? "page" : void 0,
|
|
9353
|
-
...
|
|
9186
|
+
...trussProps24({
|
|
9354
9187
|
...baseStyles5,
|
|
9355
9188
|
...active && activeStyles4,
|
|
9356
9189
|
...isDisabled && disabledStyles4,
|
|
@@ -9359,11 +9192,9 @@ function NavLink(props) {
|
|
|
9359
9192
|
...isPressed && pressedStyles2
|
|
9360
9193
|
})
|
|
9361
9194
|
};
|
|
9362
|
-
const linkContent = /* @__PURE__ */
|
|
9195
|
+
const linkContent = /* @__PURE__ */ jsxs22(Fragment12, { children: [
|
|
9363
9196
|
label,
|
|
9364
|
-
icon && /* @__PURE__ */ jsx35("span", {
|
|
9365
|
-
marginLeft: "ml1"
|
|
9366
|
-
}), children: /* @__PURE__ */ jsx35(Icon, { icon }) })
|
|
9197
|
+
icon && /* @__PURE__ */ jsx35("span", { className: "ml1", children: /* @__PURE__ */ jsx35(Icon, { icon }) })
|
|
9367
9198
|
] });
|
|
9368
9199
|
return getButtonOrLink(linkContent, href, mergeProps9(buttonProps, focusProps, hoverProps, linkAttributes, {
|
|
9369
9200
|
className: navLink
|
|
@@ -9472,8 +9303,7 @@ var navLinkVariantStyles = (contrast) => ({
|
|
|
9472
9303
|
});
|
|
9473
9304
|
|
|
9474
9305
|
// src/components/internal/OverlayTrigger.tsx
|
|
9475
|
-
import {
|
|
9476
|
-
import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
9306
|
+
import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
9477
9307
|
function OverlayTrigger(props) {
|
|
9478
9308
|
const {
|
|
9479
9309
|
trigger,
|
|
@@ -9514,10 +9344,7 @@ function OverlayTrigger(props) {
|
|
|
9514
9344
|
const tid = useTestIds(props, isTextButton(trigger) ? defaultTestId(labelOr(trigger, "overlayTrigger")) : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name);
|
|
9515
9345
|
return (
|
|
9516
9346
|
// Add `line-height: 0` to prevent the Icon button and Avatar buttons from inheriting the line-height, causing them to be taller than they should.
|
|
9517
|
-
/* @__PURE__ */
|
|
9518
|
-
display: "dib",
|
|
9519
|
-
lineHeight: "lineHeight_0"
|
|
9520
|
-
}), children: [
|
|
9347
|
+
/* @__PURE__ */ jsxs23("div", { className: "dib lineHeight_0", children: [
|
|
9521
9348
|
isTextButton(trigger) ? /* @__PURE__ */ jsx36(Button, { variant: variant ? variant : "secondary", contrast, ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, endAdornment: !hideEndAdornment ? /* @__PURE__ */ jsx36(Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) : null, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen, ...tid }) : isNavLinkButton(trigger) ? /* @__PURE__ */ jsx36(NavLink, { ...trigger, label: trigger.navLabel, disabled: !!disabled, contrast, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid }) : isIconButton(trigger) ? /* @__PURE__ */ jsx36(IconButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }) : /* @__PURE__ */ jsx36(AvatarButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }),
|
|
9522
9349
|
state.isOpen && /* @__PURE__ */ jsx36(Popover, { triggerRef: buttonRef, popoverRef, positionProps, onClose: () => state.close(), isOpen: state.isOpen, children })
|
|
9523
9350
|
] })
|
|
@@ -9538,8 +9365,7 @@ function labelOr(trigger, fallback) {
|
|
|
9538
9365
|
|
|
9539
9366
|
// src/components/internal/ContextualModal.tsx
|
|
9540
9367
|
import { FocusScope as FocusScope2 } from "react-aria";
|
|
9541
|
-
import {
|
|
9542
|
-
import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
9368
|
+
import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
9543
9369
|
function ContextualModal(props) {
|
|
9544
9370
|
const {
|
|
9545
9371
|
content,
|
|
@@ -9547,26 +9373,8 @@ function ContextualModal(props) {
|
|
|
9547
9373
|
close
|
|
9548
9374
|
} = props;
|
|
9549
9375
|
const tid = useTestIds(props, "popup");
|
|
9550
|
-
return /* @__PURE__ */ jsx37(FocusScope2, { restoreFocus: true, autoFocus: true, children: /* @__PURE__ */
|
|
9551
|
-
|
|
9552
|
-
paddingBottom: "pb3",
|
|
9553
|
-
paddingRight: "pr3",
|
|
9554
|
-
paddingLeft: "pl3",
|
|
9555
|
-
display: "df",
|
|
9556
|
-
flexDirection: "fdc",
|
|
9557
|
-
gap: "gap3",
|
|
9558
|
-
backgroundColor: "bgWhite",
|
|
9559
|
-
boxShadow: "bshModal",
|
|
9560
|
-
borderRadius: "br4",
|
|
9561
|
-
maxHeight: "maxh_inherit",
|
|
9562
|
-
overflow: "oa"
|
|
9563
|
-
}), ...tid, children: [
|
|
9564
|
-
title && /* @__PURE__ */ jsx37("div", { ...trussProps32({
|
|
9565
|
-
fontWeight: "fw6",
|
|
9566
|
-
fontSize: "fz_18px",
|
|
9567
|
-
lineHeight: "lh_28px",
|
|
9568
|
-
textAlign: "tac"
|
|
9569
|
-
}), ...tid.title, children: title }),
|
|
9376
|
+
return /* @__PURE__ */ jsx37(FocusScope2, { restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ jsxs24("div", { className: "pt3 pb3 pr3 pl3 df fdc gap3 bgWhite bshModal br4 maxh_inherit oa", ...tid, children: [
|
|
9377
|
+
title && /* @__PURE__ */ jsx37("div", { className: "fw6 fz_18px lh_28px tac", ...tid.title, children: title }),
|
|
9570
9378
|
/* @__PURE__ */ jsx37("div", { ...tid.content, children: typeof content === "function" ? content(close) : content })
|
|
9571
9379
|
] }) });
|
|
9572
9380
|
}
|
|
@@ -9586,8 +9394,8 @@ function ButtonModal(props) {
|
|
|
9586
9394
|
}
|
|
9587
9395
|
|
|
9588
9396
|
// src/components/Avatar/AvatarGroup.tsx
|
|
9589
|
-
import { trussProps as
|
|
9590
|
-
import { jsx as jsx39, jsxs as
|
|
9397
|
+
import { trussProps as trussProps25 } from "@homebound/truss/runtime";
|
|
9398
|
+
import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
9591
9399
|
function AvatarGroup(props) {
|
|
9592
9400
|
const {
|
|
9593
9401
|
avatars,
|
|
@@ -9596,18 +9404,8 @@ function AvatarGroup(props) {
|
|
|
9596
9404
|
const maxVisibleAvatars = avatars.length <= 8 ? 8 : 7;
|
|
9597
9405
|
const visibleAvatars = avatars.slice(0, maxVisibleAvatars);
|
|
9598
9406
|
const menuAvatars = avatars.slice(maxVisibleAvatars);
|
|
9599
|
-
return /* @__PURE__ */
|
|
9600
|
-
|
|
9601
|
-
alignItems: "aic",
|
|
9602
|
-
gap: "gap1",
|
|
9603
|
-
fontWeight: "fw6",
|
|
9604
|
-
fontSize: "fz_12px",
|
|
9605
|
-
lineHeight: "lh_16px"
|
|
9606
|
-
}), children: [
|
|
9607
|
-
/* @__PURE__ */ jsx39("div", { ...trussProps33({
|
|
9608
|
-
display: "df",
|
|
9609
|
-
alignItems: "aic"
|
|
9610
|
-
}), children: visibleAvatars.map((avatar, idx) => /* @__PURE__ */ jsx39("div", { ...trussProps33({
|
|
9407
|
+
return /* @__PURE__ */ jsxs25("div", { className: "df aic gap1 fw6 fz_12px lh_16px", children: [
|
|
9408
|
+
/* @__PURE__ */ jsx39("div", { className: "df aic", children: visibleAvatars.map((avatar, idx) => /* @__PURE__ */ jsx39("div", { ...trussProps25({
|
|
9611
9409
|
borderRadius: "br100",
|
|
9612
9410
|
borderStyle: "bss",
|
|
9613
9411
|
borderWidth: "borderWidth_3px",
|
|
@@ -9621,7 +9419,7 @@ function AvatarGroup(props) {
|
|
|
9621
9419
|
menuAvatars.length > 0 && /* @__PURE__ */ jsx39(ButtonModal, { trigger: {
|
|
9622
9420
|
label: `+ ${menuAvatars.length} more`,
|
|
9623
9421
|
variant: "text"
|
|
9624
|
-
}, hideEndAdornment: true, content: /* @__PURE__ */ jsx39("div", { ...
|
|
9422
|
+
}, hideEndAdornment: true, content: /* @__PURE__ */ jsx39("div", { ...trussProps25({
|
|
9625
9423
|
display: "df",
|
|
9626
9424
|
flexDirection: "fdc",
|
|
9627
9425
|
gap: "gap1",
|
|
@@ -9648,8 +9446,8 @@ var sizeToOverlap = {
|
|
|
9648
9446
|
};
|
|
9649
9447
|
|
|
9650
9448
|
// src/components/internal/MenuItem.tsx
|
|
9651
|
-
import { trussProps as
|
|
9652
|
-
import { Fragment as Fragment13, jsx as jsx40, jsxs as
|
|
9449
|
+
import { trussProps as trussProps26, mergeProps as mergeProps10 } from "@homebound/truss/runtime";
|
|
9450
|
+
import { Fragment as Fragment13, jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
9653
9451
|
function MenuItemImpl(props) {
|
|
9654
9452
|
const {
|
|
9655
9453
|
item,
|
|
@@ -9695,7 +9493,7 @@ function MenuItemImpl(props) {
|
|
|
9695
9493
|
},
|
|
9696
9494
|
onClose
|
|
9697
9495
|
}, state, ref);
|
|
9698
|
-
return /* @__PURE__ */ jsx40("li", { ...menuItemProps, ...hoverProps, ref, ...
|
|
9496
|
+
return /* @__PURE__ */ jsx40("li", { ...menuItemProps, ...hoverProps, ref, ...trussProps26({
|
|
9699
9497
|
...{
|
|
9700
9498
|
display: "df",
|
|
9701
9499
|
alignItems: "aic",
|
|
@@ -9742,17 +9540,8 @@ function MenuItemImpl(props) {
|
|
|
9742
9540
|
}) });
|
|
9743
9541
|
}
|
|
9744
9542
|
function renderMenuItem(menuItem, isSelected, isDisabled, contrast) {
|
|
9745
|
-
return /* @__PURE__ */
|
|
9746
|
-
|
|
9747
|
-
width: "w100",
|
|
9748
|
-
alignItems: "aic",
|
|
9749
|
-
justifyContent: "jcsb",
|
|
9750
|
-
gap: "gap2"
|
|
9751
|
-
}), children: [
|
|
9752
|
-
/* @__PURE__ */ jsx40("div", { ...trussProps34({
|
|
9753
|
-
display: "df",
|
|
9754
|
-
alignItems: "aic"
|
|
9755
|
-
}), children: maybeWrapInLink(menuItem.onClick, isIconMenuItem(menuItem) ? /* @__PURE__ */ jsx40(IconMenuItem, { ...menuItem }) : isImageMenuItem(menuItem) ? /* @__PURE__ */ jsx40(ImageMenuItem, { ...menuItem }) : menuItem.label, isDisabled) }),
|
|
9543
|
+
return /* @__PURE__ */ jsxs26("div", { className: "df w100 aic jcsb gap2", children: [
|
|
9544
|
+
/* @__PURE__ */ jsx40("div", { className: "df aic", children: maybeWrapInLink(menuItem.onClick, isIconMenuItem(menuItem) ? /* @__PURE__ */ jsx40(IconMenuItem, { ...menuItem }) : isImageMenuItem(menuItem) ? /* @__PURE__ */ jsx40(ImageMenuItem, { ...menuItem }) : menuItem.label, isDisabled) }),
|
|
9756
9545
|
isSelected && /* @__PURE__ */ jsx40(Icon, { icon: "check", color: !contrast ? isDisabled ? "rgba(201, 201, 201, 1)" /* Gray400 */ : "rgba(29, 78, 216, 1)" /* Blue700 */ : isDisabled ? "rgba(175, 175, 175, 1)" /* Gray500 */ : "rgba(255,255,255,1)" /* White */ })
|
|
9757
9546
|
] });
|
|
9758
9547
|
}
|
|
@@ -9763,13 +9552,8 @@ function ImageMenuItem(item) {
|
|
|
9763
9552
|
label,
|
|
9764
9553
|
isAvatar = false
|
|
9765
9554
|
} = item;
|
|
9766
|
-
return /* @__PURE__ */
|
|
9767
|
-
/* @__PURE__ */ jsx40("span", {
|
|
9768
|
-
flexShrink: "fs0",
|
|
9769
|
-
marginRight: "mr2"
|
|
9770
|
-
}), children: isAvatar ? /* @__PURE__ */ jsx40(Avatar, { src, name: label, size: size === 24 ? "sm" : "lg" }) : /* @__PURE__ */ jsx40("img", { width: size, src, ...trussProps34({
|
|
9771
|
-
borderRadius: "br4"
|
|
9772
|
-
}), alt: label }) }),
|
|
9555
|
+
return /* @__PURE__ */ jsxs26(Fragment13, { children: [
|
|
9556
|
+
/* @__PURE__ */ jsx40("span", { className: "fs0 mr2", children: isAvatar ? /* @__PURE__ */ jsx40(Avatar, { src, name: label, size: size === 24 ? "sm" : "lg" }) : /* @__PURE__ */ jsx40("img", { width: size, src, className: "br4", alt: label }) }),
|
|
9773
9557
|
label
|
|
9774
9558
|
] });
|
|
9775
9559
|
}
|
|
@@ -9778,11 +9562,8 @@ function IconMenuItem(item) {
|
|
|
9778
9562
|
icon,
|
|
9779
9563
|
label
|
|
9780
9564
|
} = item;
|
|
9781
|
-
return /* @__PURE__ */
|
|
9782
|
-
/* @__PURE__ */ jsx40("span", {
|
|
9783
|
-
flexShrink: "fs0",
|
|
9784
|
-
marginRight: "mr2"
|
|
9785
|
-
}), children: /* @__PURE__ */ jsx40(Icon, { icon }) }),
|
|
9565
|
+
return /* @__PURE__ */ jsxs26(Fragment13, { children: [
|
|
9566
|
+
/* @__PURE__ */ jsx40("span", { className: "fs0 mr2", children: /* @__PURE__ */ jsx40(Icon, { icon }) }),
|
|
9786
9567
|
label
|
|
9787
9568
|
] });
|
|
9788
9569
|
}
|
|
@@ -9790,17 +9571,14 @@ function maybeWrapInLink(onClick, content, disabled) {
|
|
|
9790
9571
|
if (disabled || typeof onClick !== "string") {
|
|
9791
9572
|
return /* @__PURE__ */ jsx40(Fragment13, { children: content });
|
|
9792
9573
|
}
|
|
9793
|
-
return isAbsoluteUrl(onClick) ? /* @__PURE__ */
|
|
9574
|
+
return isAbsoluteUrl(onClick) ? /* @__PURE__ */ jsxs26("a", { href: onClick, target: "_blank", rel: "noopener noreferrer", ...mergeProps10("navLink", void 0, {
|
|
9794
9575
|
display: "df",
|
|
9795
9576
|
alignItems: "aic",
|
|
9796
9577
|
justifyContent: "jcsb",
|
|
9797
9578
|
width: "w100"
|
|
9798
9579
|
}), children: [
|
|
9799
9580
|
content,
|
|
9800
|
-
/* @__PURE__ */ jsx40("span", {
|
|
9801
|
-
flexShrink: "fs0",
|
|
9802
|
-
marginLeft: "ml2"
|
|
9803
|
-
}), children: /* @__PURE__ */ jsx40(Icon, { icon: "linkExternal" }) })
|
|
9581
|
+
/* @__PURE__ */ jsx40("span", { className: "fs0 ml2", children: /* @__PURE__ */ jsx40(Icon, { icon: "linkExternal" }) })
|
|
9804
9582
|
] }) : /* @__PURE__ */ jsx40(Link3, { className: "navLink", to: onClick, children: content });
|
|
9805
9583
|
}
|
|
9806
9584
|
function isIconMenuItem(item) {
|
|
@@ -9812,7 +9590,7 @@ function isImageMenuItem(item) {
|
|
|
9812
9590
|
|
|
9813
9591
|
// src/components/internal/Popover.tsx
|
|
9814
9592
|
import { DismissButton, OverlayContainer, useOverlay } from "react-aria";
|
|
9815
|
-
import { jsx as jsx41, jsxs as
|
|
9593
|
+
import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
9816
9594
|
function Popover(props) {
|
|
9817
9595
|
const { triggerRef, popoverRef, positionProps, children, onClose, isOpen, ...others } = props;
|
|
9818
9596
|
const { overlayProps } = useOverlay(
|
|
@@ -9830,7 +9608,7 @@ function Popover(props) {
|
|
|
9830
9608
|
},
|
|
9831
9609
|
popoverRef
|
|
9832
9610
|
);
|
|
9833
|
-
return /* @__PURE__ */ jsx41(OverlayContainer, { children: /* @__PURE__ */
|
|
9611
|
+
return /* @__PURE__ */ jsx41(OverlayContainer, { children: /* @__PURE__ */ jsxs27("div", { ...{ ...overlayProps, ...positionProps }, ref: popoverRef, children: [
|
|
9834
9612
|
children,
|
|
9835
9613
|
/* @__PURE__ */ jsx41(DismissButton, { onDismiss: () => onClose() })
|
|
9836
9614
|
] }) });
|
|
@@ -9840,12 +9618,12 @@ function Popover(props) {
|
|
|
9840
9618
|
import { useCallback as useCallback9, useEffect as useEffect13, useMemo as useMemo16, useRef as useRef22, useState as useState19 } from "react";
|
|
9841
9619
|
import { useButton as useButton7, useComboBox as useComboBox2, useFilter as useFilter4, useOverlayPosition as useOverlayPosition4 } from "react-aria";
|
|
9842
9620
|
import { Item as Item4, useComboBoxState as useComboBoxState2 } from "react-stately";
|
|
9843
|
-
import { trussProps as
|
|
9621
|
+
import { trussProps as trussProps38 } from "@homebound/truss/runtime";
|
|
9844
9622
|
|
|
9845
9623
|
// src/inputs/internal/ComboBoxInput.tsx
|
|
9846
9624
|
import { useState as useState18 } from "react";
|
|
9847
9625
|
import { mergeProps as mergeProps14 } from "react-aria";
|
|
9848
|
-
import { trussProps as
|
|
9626
|
+
import { trussProps as trussProps37 } from "@homebound/truss/runtime";
|
|
9849
9627
|
|
|
9850
9628
|
// src/inputs/hooks/useGrowingTextField.tsx
|
|
9851
9629
|
import { useLayoutEffect } from "@react-aria/utils";
|
|
@@ -9911,12 +9689,12 @@ function useGrowingTextField({ inputRef, inputWrapRef, value, disabled, maxLines
|
|
|
9911
9689
|
import React9, { useCallback as useCallback8, useContext as useContext10, useEffect as useEffect12, useMemo as useMemo15, useRef as useRef21, useState as useState17 } from "react";
|
|
9912
9690
|
import { useButton as useButton6, useComboBox, useFilter as useFilter3, useOverlayPosition as useOverlayPosition3 } from "react-aria";
|
|
9913
9691
|
import { Item as Item3, useComboBoxState } from "react-stately";
|
|
9914
|
-
import { trussProps as
|
|
9692
|
+
import { trussProps as trussProps36 } from "@homebound/truss/runtime";
|
|
9915
9693
|
|
|
9916
9694
|
// src/inputs/internal/ListBox.tsx
|
|
9917
9695
|
import { useEffect as useEffect11, useRef as useRef20, useState as useState16 } from "react";
|
|
9918
9696
|
import { useListBox } from "react-aria";
|
|
9919
|
-
import { trussProps as
|
|
9697
|
+
import { trussProps as trussProps35 } from "@homebound/truss/runtime";
|
|
9920
9698
|
|
|
9921
9699
|
// src/inputs/internal/constants.ts
|
|
9922
9700
|
var persistentItemHeight = 42;
|
|
@@ -9924,7 +9702,7 @@ var sectionSeparatorHeight = 1;
|
|
|
9924
9702
|
|
|
9925
9703
|
// src/inputs/internal/ListBoxSection.tsx
|
|
9926
9704
|
import { useListBoxSection, useSeparator as useSeparator2 } from "react-aria";
|
|
9927
|
-
import { trussProps as
|
|
9705
|
+
import { trussProps as trussProps34 } from "@homebound/truss/runtime";
|
|
9928
9706
|
|
|
9929
9707
|
// src/inputs/internal/Option.tsx
|
|
9930
9708
|
import { useRef as useRef16 } from "react";
|
|
@@ -9939,7 +9717,7 @@ import { Item as Item2, Section as Section2, useListData, useSelectState } from
|
|
|
9939
9717
|
// src/inputs/ChipTextField.tsx
|
|
9940
9718
|
import { useEffect as useEffect8, useRef as useRef14, useState as useState14 } from "react";
|
|
9941
9719
|
import { useFocus } from "react-aria";
|
|
9942
|
-
import { trussProps as
|
|
9720
|
+
import { trussProps as trussProps27 } from "@homebound/truss/runtime";
|
|
9943
9721
|
import { jsx as jsx42 } from "react/jsx-runtime";
|
|
9944
9722
|
function ChipTextField(props) {
|
|
9945
9723
|
const {
|
|
@@ -9999,7 +9777,7 @@ function ChipTextField(props) {
|
|
|
9999
9777
|
target.innerHTML = target.textContent?.replace(/[A\n\r]/g, " ") ?? "";
|
|
10000
9778
|
}
|
|
10001
9779
|
onChange(target.textContent ?? "");
|
|
10002
|
-
}, ...focusProps, ...
|
|
9780
|
+
}, ...focusProps, ...trussProps27({
|
|
10003
9781
|
...chipBaseStyles(fieldProps?.compact),
|
|
10004
9782
|
...{
|
|
10005
9783
|
minWidth: "mw_32px",
|
|
@@ -10012,7 +9790,7 @@ function ChipTextField(props) {
|
|
|
10012
9790
|
}
|
|
10013
9791
|
|
|
10014
9792
|
// src/inputs/internal/ListBoxChip.tsx
|
|
10015
|
-
import { trussProps as
|
|
9793
|
+
import { trussProps as trussProps28 } from "@homebound/truss/runtime";
|
|
10016
9794
|
import { jsx as jsx43 } from "react/jsx-runtime";
|
|
10017
9795
|
function ListBoxChip({
|
|
10018
9796
|
label
|
|
@@ -10020,7 +9798,7 @@ function ListBoxChip({
|
|
|
10020
9798
|
const {
|
|
10021
9799
|
fieldProps
|
|
10022
9800
|
} = usePresentationContext();
|
|
10023
|
-
return /* @__PURE__ */ jsx43("span", { ...
|
|
9801
|
+
return /* @__PURE__ */ jsx43("span", { ...trussProps28({
|
|
10024
9802
|
...chipBaseStyles(fieldProps?.compact),
|
|
10025
9803
|
...{
|
|
10026
9804
|
whiteSpace: "wsnw",
|
|
@@ -10081,8 +9859,8 @@ function defaultOptionLabel(opt) {
|
|
|
10081
9859
|
}
|
|
10082
9860
|
|
|
10083
9861
|
// src/inputs/ChipSelectField.tsx
|
|
10084
|
-
import { trussProps as
|
|
10085
|
-
import { Fragment as Fragment14, jsx as jsx44, jsxs as
|
|
9862
|
+
import { trussProps as trussProps29 } from "@homebound/truss/runtime";
|
|
9863
|
+
import { Fragment as Fragment14, jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
10086
9864
|
function ChipSelectField(props) {
|
|
10087
9865
|
const firstRender = useRef15(true);
|
|
10088
9866
|
const {
|
|
@@ -10251,7 +10029,7 @@ function ChipSelectField(props) {
|
|
|
10251
10029
|
minWidth: 200
|
|
10252
10030
|
};
|
|
10253
10031
|
const [showInput, setShowInput] = useState15(false);
|
|
10254
|
-
return /* @__PURE__ */
|
|
10032
|
+
return /* @__PURE__ */ jsxs28(Fragment14, { children: [
|
|
10255
10033
|
showInput && onCreateNew && /* @__PURE__ */ jsx44(CreateNewField, { onBlur: () => setShowInput(false), onEnter: async (value2) => {
|
|
10256
10034
|
await onCreateNew(value2);
|
|
10257
10035
|
setShowInput(false);
|
|
@@ -10259,7 +10037,7 @@ function ChipSelectField(props) {
|
|
|
10259
10037
|
maybeTooltip({
|
|
10260
10038
|
title: resolveTooltip(disabled),
|
|
10261
10039
|
placement: "top",
|
|
10262
|
-
children: /* @__PURE__ */
|
|
10040
|
+
children: /* @__PURE__ */ jsxs28("div", { ref: wrapperRef, ...trussProps29({
|
|
10263
10041
|
...chipStyles,
|
|
10264
10042
|
...{
|
|
10265
10043
|
position: "relative",
|
|
@@ -10277,7 +10055,7 @@ function ChipSelectField(props) {
|
|
|
10277
10055
|
} : {}
|
|
10278
10056
|
}), children: [
|
|
10279
10057
|
/* @__PURE__ */ jsx44(Label, { label, labelProps, hidden: true, ...tid.label }),
|
|
10280
|
-
/* @__PURE__ */ jsx44("button", { ...mergeProps11(focusProps, buttonProps), ref: buttonRef, ...
|
|
10058
|
+
/* @__PURE__ */ jsx44("button", { ...mergeProps11(focusProps, buttonProps), ref: buttonRef, ...trussProps29({
|
|
10281
10059
|
...{
|
|
10282
10060
|
textAlign: "tal",
|
|
10283
10061
|
borderRadius: "br16",
|
|
@@ -10292,15 +10070,8 @@ function ChipSelectField(props) {
|
|
|
10292
10070
|
} : {}
|
|
10293
10071
|
},
|
|
10294
10072
|
...isDisabled ? chipDisabledStyles : chipHoverOnlyStyles
|
|
10295
|
-
}), title: state.selectedItem ? state.selectedItem.textValue : placeholder, ...tid, children: /* @__PURE__ */ jsx44("span", { ...valueProps,
|
|
10296
|
-
|
|
10297
|
-
display: "d_negwebkit_box",
|
|
10298
|
-
WebkitBoxOrient: "wbo_vertical",
|
|
10299
|
-
textOverflow: "to_ellipsis",
|
|
10300
|
-
WebkitLineClamp: "wlc_1",
|
|
10301
|
-
wordBreak: "wbba"
|
|
10302
|
-
}), children: state.selectedItem ? state.selectedItem.textValue : placeholder }) }),
|
|
10303
|
-
showClearButton && /* @__PURE__ */ jsx44("button", { ...clearFocusProps, ...trussProps37({
|
|
10073
|
+
}), title: state.selectedItem ? state.selectedItem.textValue : placeholder, ...tid, children: /* @__PURE__ */ jsx44("span", { ...valueProps, className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_1 wbba", children: state.selectedItem ? state.selectedItem.textValue : placeholder }) }),
|
|
10074
|
+
showClearButton && /* @__PURE__ */ jsx44("button", { ...clearFocusProps, ...trussProps29({
|
|
10304
10075
|
...{
|
|
10305
10076
|
paddingRight: "pr_4px",
|
|
10306
10077
|
borderRadius: "borderRadius_0_16px_16px_0",
|
|
@@ -10346,8 +10117,8 @@ function CreateNewField(props) {
|
|
|
10346
10117
|
}
|
|
10347
10118
|
|
|
10348
10119
|
// src/inputs/internal/Option.tsx
|
|
10349
|
-
import { trussProps as
|
|
10350
|
-
import { jsx as jsx45, jsxs as
|
|
10120
|
+
import { trussProps as trussProps30 } from "@homebound/truss/runtime";
|
|
10121
|
+
import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
10351
10122
|
function Option(props) {
|
|
10352
10123
|
const {
|
|
10353
10124
|
item,
|
|
@@ -10400,7 +10171,7 @@ function Option(props) {
|
|
|
10400
10171
|
return maybeTooltip({
|
|
10401
10172
|
title: disabledReason,
|
|
10402
10173
|
placement: "right",
|
|
10403
|
-
children: /* @__PURE__ */
|
|
10174
|
+
children: /* @__PURE__ */ jsxs29("li", { ...mergeProps12(optionProps, hoverProps), "data-label": item.textValue, ref, ...trussProps30({
|
|
10404
10175
|
...{
|
|
10405
10176
|
display: "df",
|
|
10406
10177
|
alignItems: "aic",
|
|
@@ -10428,9 +10199,7 @@ function Option(props) {
|
|
|
10428
10199
|
...isDisabled ? themeStyles.disabled : {}
|
|
10429
10200
|
}), children: [
|
|
10430
10201
|
item.rendered,
|
|
10431
|
-
isSelected && /* @__PURE__ */ jsx45("span", {
|
|
10432
|
-
flexShrink: "fs0"
|
|
10433
|
-
}), children: /* @__PURE__ */ jsx45(Icon, { icon: "check", color: !contrast ? isDisabled ? "rgba(201, 201, 201, 1)" /* Gray400 */ : "rgba(29, 78, 216, 1)" /* Blue700 */ : isDisabled ? "rgba(175, 175, 175, 1)" /* Gray500 */ : "rgba(255,255,255,1)" /* White */ }) })
|
|
10202
|
+
isSelected && /* @__PURE__ */ jsx45("span", { className: "fs0", children: /* @__PURE__ */ jsx45(Icon, { icon: "check", color: !contrast ? isDisabled ? "rgba(201, 201, 201, 1)" /* Gray400 */ : "rgba(29, 78, 216, 1)" /* Blue700 */ : isDisabled ? "rgba(175, 175, 175, 1)" /* Gray500 */ : "rgba(255,255,255,1)" /* White */ }) })
|
|
10434
10203
|
] })
|
|
10435
10204
|
});
|
|
10436
10205
|
}
|
|
@@ -10441,8 +10210,8 @@ import { useEffect as useEffect10, useRef as useRef19 } from "react";
|
|
|
10441
10210
|
import { Virtuoso } from "react-virtuoso";
|
|
10442
10211
|
|
|
10443
10212
|
// src/inputs/internal/LoadingDots.tsx
|
|
10444
|
-
import { trussProps as
|
|
10445
|
-
import { jsx as jsx46, jsxs as
|
|
10213
|
+
import { trussProps as trussProps31 } from "@homebound/truss/runtime";
|
|
10214
|
+
import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
10446
10215
|
function LoadingDots({
|
|
10447
10216
|
contrast
|
|
10448
10217
|
}) {
|
|
@@ -10462,28 +10231,20 @@ function LoadingDots({
|
|
|
10462
10231
|
animationDirection: "animationDirection_alternate"
|
|
10463
10232
|
};
|
|
10464
10233
|
const tid = useTestIds({});
|
|
10465
|
-
return /* @__PURE__ */ jsx46("div", { ...
|
|
10466
|
-
|
|
10467
|
-
paddingBottom: "pb2",
|
|
10468
|
-
display: "df",
|
|
10469
|
-
justifyContent: "jcc"
|
|
10470
|
-
}), ...tid.loadingDots, children: /* @__PURE__ */ jsxs29("div", { "aria-label": "Loading", ...trussProps39({
|
|
10471
|
-
display: "df",
|
|
10472
|
-
gap: "gap_4px"
|
|
10473
|
-
}), children: [
|
|
10474
|
-
/* @__PURE__ */ jsx46("div", { ...trussProps39({
|
|
10234
|
+
return /* @__PURE__ */ jsx46("div", { className: "pt2 pb2 df jcc", ...tid.loadingDots, children: /* @__PURE__ */ jsxs30("div", { "aria-label": "Loading", className: "df gap_4px", children: [
|
|
10235
|
+
/* @__PURE__ */ jsx46("div", { ...trussProps31({
|
|
10475
10236
|
...dotCss,
|
|
10476
10237
|
...{
|
|
10477
10238
|
animationDelay: "animationDelay_0ms"
|
|
10478
10239
|
}
|
|
10479
10240
|
}) }),
|
|
10480
|
-
/* @__PURE__ */ jsx46("div", { ...
|
|
10241
|
+
/* @__PURE__ */ jsx46("div", { ...trussProps31({
|
|
10481
10242
|
...dotCss,
|
|
10482
10243
|
...{
|
|
10483
10244
|
animationDelay: "animationDelay_300ms"
|
|
10484
10245
|
}
|
|
10485
10246
|
}) }),
|
|
10486
|
-
/* @__PURE__ */ jsx46("div", { ...
|
|
10247
|
+
/* @__PURE__ */ jsx46("div", { ...trussProps31({
|
|
10487
10248
|
...dotCss,
|
|
10488
10249
|
...{
|
|
10489
10250
|
animationDelay: "animationDelay_600ms"
|
|
@@ -10499,8 +10260,8 @@ import { useHover as useHover10, useOption as useOption2 } from "react-aria";
|
|
|
10499
10260
|
// src/inputs/CheckboxBase.tsx
|
|
10500
10261
|
import { useRef as useRef17 } from "react";
|
|
10501
10262
|
import { mergeProps as mergeProps13, useFocusRing as useFocusRing5, useHover as useHover9, VisuallyHidden as VisuallyHidden3 } from "react-aria";
|
|
10502
|
-
import { trussProps as
|
|
10503
|
-
import { jsx as jsx47, jsxs as
|
|
10263
|
+
import { trussProps as trussProps32 } from "@homebound/truss/runtime";
|
|
10264
|
+
import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
10504
10265
|
function CheckboxBase(props) {
|
|
10505
10266
|
const {
|
|
10506
10267
|
ariaProps,
|
|
@@ -10527,7 +10288,7 @@ function CheckboxBase(props) {
|
|
|
10527
10288
|
return maybeTooltip({
|
|
10528
10289
|
title: tooltip,
|
|
10529
10290
|
placement: "top",
|
|
10530
|
-
children: /* @__PURE__ */
|
|
10291
|
+
children: /* @__PURE__ */ jsxs31(Tag2, { ...trussProps32({
|
|
10531
10292
|
display: "df",
|
|
10532
10293
|
cursor: "cursorPointer",
|
|
10533
10294
|
position: "relative",
|
|
@@ -10543,17 +10304,17 @@ function CheckboxBase(props) {
|
|
|
10543
10304
|
/* @__PURE__ */ jsx47(StyledCheckbox, { ...props, isFocusVisible, ...tid }),
|
|
10544
10305
|
!checkboxOnly && // Use a mtPx(-2) to better align the label with the checkbox.
|
|
10545
10306
|
// Not using align-items: center as the checkbox would align with all content below, where we really want it to stay only aligned with the label
|
|
10546
|
-
/* @__PURE__ */
|
|
10307
|
+
/* @__PURE__ */ jsxs31("div", { ...trussProps32({
|
|
10547
10308
|
marginLeft: "ml1",
|
|
10548
10309
|
marginTop: ["mt_var", {
|
|
10549
10310
|
"--marginTop": `${-2}px`
|
|
10550
10311
|
}]
|
|
10551
10312
|
}), children: [
|
|
10552
|
-
label && /* @__PURE__ */ jsx47("div", { ...
|
|
10313
|
+
label && /* @__PURE__ */ jsx47("div", { ...trussProps32({
|
|
10553
10314
|
...labelStyles,
|
|
10554
10315
|
...isDisabled && disabledColor
|
|
10555
10316
|
}), children: label }),
|
|
10556
|
-
description && /* @__PURE__ */ jsx47("div", { ...
|
|
10317
|
+
description && /* @__PURE__ */ jsx47("div", { ...trussProps32({
|
|
10557
10318
|
...descStyles,
|
|
10558
10319
|
...isDisabled && disabledColor
|
|
10559
10320
|
}), children: description }),
|
|
@@ -10635,7 +10396,7 @@ function StyledCheckbox(props) {
|
|
|
10635
10396
|
});
|
|
10636
10397
|
const markIcon = isIndeterminate ? dashSmall : isSelected ? checkmarkSmall : "";
|
|
10637
10398
|
const tid = useTestIds(props);
|
|
10638
|
-
return /* @__PURE__ */ jsx47("span", { ...hoverProps, ...
|
|
10399
|
+
return /* @__PURE__ */ jsx47("span", { ...hoverProps, ...trussProps32({
|
|
10639
10400
|
...baseStyles2,
|
|
10640
10401
|
...(isSelected && !isDisabled || isIndeterminate) && filledBoxStyles,
|
|
10641
10402
|
...(isSelected && !isDisabled || isIndeterminate) && isHovered && filledBoxHoverStyles,
|
|
@@ -10645,12 +10406,12 @@ function StyledCheckbox(props) {
|
|
|
10645
10406
|
...isHovered && hoverBorderStyles
|
|
10646
10407
|
}), "aria-hidden": "true", "data-checked": isSelected ? true : isIndeterminate ? "mixed" : false, ...tid.checkbox, children: markIcon });
|
|
10647
10408
|
}
|
|
10648
|
-
var checkmarkSmall = /* @__PURE__ */ jsx47("svg", { width: "16", height: "16", ...
|
|
10649
|
-
var dashSmall = /* @__PURE__ */ jsx47("svg", { width: "16", height: "16", ...
|
|
10409
|
+
var checkmarkSmall = /* @__PURE__ */ jsx47("svg", { width: "16", height: "16", ...trussProps32(markSvgStyles), children: /* @__PURE__ */ jsx47("path", { d: "M6.66669 10.3907L4.47135 8.19533L3.52869 9.138L6.66669 12.276L13.138 5.80467L12.1954 4.862L6.66669 10.3907Z", fill: "rgba(255,255,255,1)" /* White */ }) });
|
|
10410
|
+
var dashSmall = /* @__PURE__ */ jsx47("svg", { width: "16", height: "16", ...trussProps32(markSvgStyles), children: /* @__PURE__ */ jsx47("rect", { x: "4", y: "7.5", width: "8", height: "1.35", fill: "rgba(255,255,255,1)" /* White */ }) });
|
|
10650
10411
|
|
|
10651
10412
|
// src/inputs/TreeSelectField/TreeOption.tsx
|
|
10652
|
-
import { trussProps as
|
|
10653
|
-
import { jsx as jsx48, jsxs as
|
|
10413
|
+
import { trussProps as trussProps33 } from "@homebound/truss/runtime";
|
|
10414
|
+
import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
10654
10415
|
function TreeOption(props) {
|
|
10655
10416
|
const {
|
|
10656
10417
|
item,
|
|
@@ -10709,7 +10470,7 @@ function TreeOption(props) {
|
|
|
10709
10470
|
}]
|
|
10710
10471
|
}
|
|
10711
10472
|
};
|
|
10712
|
-
return /* @__PURE__ */
|
|
10473
|
+
return /* @__PURE__ */ jsxs32("li", { ...hoverProps, ...trussProps33({
|
|
10713
10474
|
...{
|
|
10714
10475
|
display: "df",
|
|
10715
10476
|
alignItems: "aic",
|
|
@@ -10730,36 +10491,15 @@ function TreeOption(props) {
|
|
|
10730
10491
|
...isFocused ? listItemStyles.focus : {},
|
|
10731
10492
|
...isDisabled ? listItemStyles.disabled : {}
|
|
10732
10493
|
}), children: [
|
|
10733
|
-
allowCollapsing && /* @__PURE__ */ jsx48("span", {
|
|
10734
|
-
width: "w_18px",
|
|
10735
|
-
flexShrink: "fs0",
|
|
10736
|
-
display: "df",
|
|
10737
|
-
alignItems: "aic"
|
|
10738
|
-
}), children: option.children && option.children?.length > 0 && /* @__PURE__ */ jsx48("button", { onClick: (e) => {
|
|
10494
|
+
allowCollapsing && /* @__PURE__ */ jsx48("span", { className: "w_18px fs0 df aic", children: option.children && option.children?.length > 0 && /* @__PURE__ */ jsx48("button", { onClick: (e) => {
|
|
10739
10495
|
e.preventDefault();
|
|
10740
10496
|
e.stopPropagation();
|
|
10741
10497
|
setCollapsedKeys((prevKeys) => collapsedKeys.includes(item.key) ? prevKeys.filter((k) => k !== item.key) : [...prevKeys, item.key]);
|
|
10742
10498
|
return false;
|
|
10743
|
-
}, ...
|
|
10744
|
-
|
|
10745
|
-
height: "h_16px",
|
|
10746
|
-
width: "w_16px",
|
|
10747
|
-
backgroundColor: "bgTransparent h_bgGray300"
|
|
10748
|
-
}), ...tid[`collapseToggle_${item.key}`], children: /* @__PURE__ */ jsx48(Icon, { icon: collapsedKeys.includes(item.key) ? "triangleRight" : "triangleDown", inc: 2 }) }) }),
|
|
10749
|
-
/* @__PURE__ */ jsxs31("span", { ...trussProps41({
|
|
10750
|
-
display: "df",
|
|
10751
|
-
alignItems: "aic",
|
|
10752
|
-
gap: "gap1",
|
|
10753
|
-
height: "h100",
|
|
10754
|
-
flexGrow: "fg1",
|
|
10755
|
-
paddingTop: "pt1",
|
|
10756
|
-
paddingBottom: "pb1",
|
|
10757
|
-
paddingRight: "pr2"
|
|
10758
|
-
}), ref, ...optionProps, "data-label": item.textValue, children: [
|
|
10499
|
+
}, className: "br4 h_16px w_16px bgTransparent h_bgGray300", ...tid[`collapseToggle_${item.key}`], children: /* @__PURE__ */ jsx48(Icon, { icon: collapsedKeys.includes(item.key) ? "triangleRight" : "triangleDown", inc: 2 }) }) }),
|
|
10500
|
+
/* @__PURE__ */ jsxs32("span", { className: "df aic gap1 h100 fg1 pt1 pb1 pr2", ref, ...optionProps, "data-label": item.textValue, children: [
|
|
10759
10501
|
/* @__PURE__ */ jsx48(StyledCheckbox, { isDisabled, isSelected, isIndeterminate, ...tid[item.key.toString()] }),
|
|
10760
|
-
/* @__PURE__ */ jsx48("div", {
|
|
10761
|
-
paddingLeft: "pl1"
|
|
10762
|
-
}), children: item.rendered })
|
|
10502
|
+
/* @__PURE__ */ jsx48("div", { className: "pl1", children: item.rendered })
|
|
10763
10503
|
] })
|
|
10764
10504
|
] });
|
|
10765
10505
|
}
|
|
@@ -10889,7 +10629,7 @@ function VirtualizedOptions(props) {
|
|
|
10889
10629
|
}
|
|
10890
10630
|
|
|
10891
10631
|
// src/inputs/internal/ListBoxSection.tsx
|
|
10892
|
-
import { Fragment as Fragment15, jsx as jsx50, jsxs as
|
|
10632
|
+
import { Fragment as Fragment15, jsx as jsx50, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
10893
10633
|
function ListBoxSection(props) {
|
|
10894
10634
|
const {
|
|
10895
10635
|
section,
|
|
@@ -10911,17 +10651,13 @@ function ListBoxSection(props) {
|
|
|
10911
10651
|
});
|
|
10912
10652
|
const isPersistentSection = section.key !== state.collection.getFirstKey();
|
|
10913
10653
|
const childNodes = [...section.childNodes];
|
|
10914
|
-
return /* @__PURE__ */
|
|
10915
|
-
isPersistentSection && /* @__PURE__ */ jsx50("li", { ...separatorProps,
|
|
10916
|
-
|
|
10917
|
-
borderTopWidth: "btw_1px",
|
|
10918
|
-
borderColor: "bcGray200"
|
|
10919
|
-
}) }),
|
|
10920
|
-
/* @__PURE__ */ jsx50("li", { ...itemProps, ...trussProps42({
|
|
10654
|
+
return /* @__PURE__ */ jsxs33(Fragment15, { children: [
|
|
10655
|
+
isPersistentSection && /* @__PURE__ */ jsx50("li", { ...separatorProps, className: "bts_solid btw_1px bcGray200" }),
|
|
10656
|
+
/* @__PURE__ */ jsx50("li", { ...itemProps, ...trussProps34({
|
|
10921
10657
|
...!isPersistentSection ? {
|
|
10922
10658
|
overflow: "oa"
|
|
10923
10659
|
} : {}
|
|
10924
|
-
}), children: /* @__PURE__ */ jsx50("ul", { ...
|
|
10660
|
+
}), children: /* @__PURE__ */ jsx50("ul", { ...trussProps34({
|
|
10925
10661
|
padding: "p_0",
|
|
10926
10662
|
margin: "m_0",
|
|
10927
10663
|
listStyle: "lis_none",
|
|
@@ -10935,7 +10671,6 @@ function ListBoxSection(props) {
|
|
|
10935
10671
|
}
|
|
10936
10672
|
|
|
10937
10673
|
// src/inputs/internal/ListBoxToggleChip.tsx
|
|
10938
|
-
import { trussProps as trussProps43 } from "@homebound/truss/runtime";
|
|
10939
10674
|
import { jsx as jsx51 } from "react/jsx-runtime";
|
|
10940
10675
|
function ListBoxToggleChip(props) {
|
|
10941
10676
|
const {
|
|
@@ -10945,16 +10680,13 @@ function ListBoxToggleChip(props) {
|
|
|
10945
10680
|
getOptionValue,
|
|
10946
10681
|
disabled = false
|
|
10947
10682
|
} = props;
|
|
10948
|
-
return /* @__PURE__ */ jsx51("li", {
|
|
10949
|
-
marginRight: "mr1",
|
|
10950
|
-
marginBottom: "mb1"
|
|
10951
|
-
}), children: /* @__PURE__ */ jsx51(ToggleChip, { text: getOptionLabel(option), onClick: () => {
|
|
10683
|
+
return /* @__PURE__ */ jsx51("li", { className: "mr1 mb1", children: /* @__PURE__ */ jsx51(ToggleChip, { text: getOptionLabel(option), onClick: () => {
|
|
10952
10684
|
state.selectionManager.toggleSelection(String(getOptionValue(option)));
|
|
10953
10685
|
}, disabled }) });
|
|
10954
10686
|
}
|
|
10955
10687
|
|
|
10956
10688
|
// src/inputs/internal/ListBox.tsx
|
|
10957
|
-
import { jsx as jsx52, jsxs as
|
|
10689
|
+
import { jsx as jsx52, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
10958
10690
|
function ListBox(props) {
|
|
10959
10691
|
const {
|
|
10960
10692
|
state,
|
|
@@ -11001,7 +10733,7 @@ function ListBox(props) {
|
|
|
11001
10733
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11002
10734
|
[state.selectionManager.selectedKeys.size]
|
|
11003
10735
|
);
|
|
11004
|
-
return /* @__PURE__ */
|
|
10736
|
+
return /* @__PURE__ */ jsxs34("div", { ...trussProps35({
|
|
11005
10737
|
backgroundColor: "bgWhite",
|
|
11006
10738
|
borderRadius: "br4",
|
|
11007
10739
|
width: "w100",
|
|
@@ -11019,28 +10751,8 @@ function ListBox(props) {
|
|
|
11019
10751
|
boxShadow: "bshBasic h_bshHover"
|
|
11020
10752
|
} : {}
|
|
11021
10753
|
}), ref: listBoxRef, ...listBoxProps, children: [
|
|
11022
|
-
isMultiSelect && !isTree && state.selectionManager.selectedKeys.size > 0 && /* @__PURE__ */ jsx52("ul", {
|
|
11023
|
-
|
|
11024
|
-
margin: "m_0",
|
|
11025
|
-
listStyle: "lis_none",
|
|
11026
|
-
paddingTop: "pt2",
|
|
11027
|
-
paddingLeft: "pl2",
|
|
11028
|
-
paddingBottom: "pb1",
|
|
11029
|
-
paddingRight: "pr1",
|
|
11030
|
-
display: "df",
|
|
11031
|
-
borderBottomStyle: "bbs_solid",
|
|
11032
|
-
borderBottomWidth: "bbw_1px",
|
|
11033
|
-
borderColor: "bcGray200",
|
|
11034
|
-
flexWrap: "flexWrap_wrap",
|
|
11035
|
-
maxHeight: "maxh_50",
|
|
11036
|
-
overflow: "oa"
|
|
11037
|
-
}), ref: selectedList, children: selectedOptions.map((o) => /* @__PURE__ */ jsx52(ListBoxToggleChip, { state, option: o, getOptionValue, getOptionLabel, disabled: state.disabledKeys.has(getOptionValue(o)) }, getOptionValue(o))) }),
|
|
11038
|
-
/* @__PURE__ */ jsx52("ul", { ...trussProps44({
|
|
11039
|
-
padding: "p_0",
|
|
11040
|
-
margin: "m_0",
|
|
11041
|
-
listStyle: "lis_none",
|
|
11042
|
-
flexGrow: "fg1"
|
|
11043
|
-
}), children: hasSections ? [...state.collection].map((section) => /* @__PURE__ */ jsx52(
|
|
10754
|
+
isMultiSelect && !isTree && state.selectionManager.selectedKeys.size > 0 && /* @__PURE__ */ jsx52("ul", { className: "p_0 m_0 lis_none pt2 pl2 pb1 pr1 df bbs_solid bbw_1px bcGray200 flexWrap_wrap maxh_50 oa", ref: selectedList, children: selectedOptions.map((o) => /* @__PURE__ */ jsx52(ListBoxToggleChip, { state, option: o, getOptionValue, getOptionLabel, disabled: state.disabledKeys.has(getOptionValue(o)) }, getOptionValue(o))) }),
|
|
10755
|
+
/* @__PURE__ */ jsx52("ul", { className: "p_0 m_0 lis_none fg1", children: hasSections ? [...state.collection].map((section) => /* @__PURE__ */ jsx52(
|
|
11044
10756
|
ListBoxSection,
|
|
11045
10757
|
{
|
|
11046
10758
|
section,
|
|
@@ -11071,7 +10783,7 @@ function ListBox(props) {
|
|
|
11071
10783
|
var maxPopoverHeight = 512;
|
|
11072
10784
|
|
|
11073
10785
|
// src/inputs/TreeSelectField/TreeSelectField.tsx
|
|
11074
|
-
import { jsx as jsx53, jsxs as
|
|
10786
|
+
import { jsx as jsx53, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
11075
10787
|
function TreeSelectField(props) {
|
|
11076
10788
|
const {
|
|
11077
10789
|
getOptionValue = (opt) => opt.id,
|
|
@@ -11457,7 +11169,7 @@ function TreeSelectFieldBase(props) {
|
|
|
11457
11169
|
minWidth: 320
|
|
11458
11170
|
};
|
|
11459
11171
|
const fieldMaxWidth = getFieldWidth(fullWidth);
|
|
11460
|
-
return /* @__PURE__ */
|
|
11172
|
+
return /* @__PURE__ */ jsxs35("div", { ...trussProps36({
|
|
11461
11173
|
display: "df",
|
|
11462
11174
|
flexDirection: "fdc",
|
|
11463
11175
|
width: "w100",
|
|
@@ -11552,7 +11264,7 @@ function ComboBoxInput(props) {
|
|
|
11552
11264
|
});
|
|
11553
11265
|
return /* @__PURE__ */ jsx54(TextFieldBase, { ...otherProps, ...multilineProps, unfocusedPlaceholder: showChipSelection && /* @__PURE__ */ jsx54(Chips, { compact: otherProps.compact, values: chipLabels, wrap: allowWrap }), inputRef, inputWrapRef, errorMsg, contrast, xss: otherProps.labelStyle !== "inline" && !inputProps.readOnly ? {
|
|
11554
11266
|
fontWeight: "fw5"
|
|
11555
|
-
} : {}, startAdornment: showNumSelection && /* @__PURE__ */ jsx54(Tooltip, { title: /* @__PURE__ */ jsx54(SelectedOptionBullets, { labels: chipLabels }), children: /* @__PURE__ */ jsx54(CountBadge, { count: isTree ? selectedOptionsLabels?.length ?? 0 : state.selectionManager.selectedKeys.size, "data-testid": "selectedOptionsCount" }) }) || showFieldDecoration && fieldDecoration(selectedOptions[0]), endAdornment: !inputProps.readOnly && /* @__PURE__ */ jsx54("button", { ...buttonProps, disabled: inputProps.disabled, ref: buttonRef, ...
|
|
11267
|
+
} : {}, startAdornment: showNumSelection && /* @__PURE__ */ jsx54(Tooltip, { title: /* @__PURE__ */ jsx54(SelectedOptionBullets, { labels: chipLabels }), children: /* @__PURE__ */ jsx54(CountBadge, { count: isTree ? selectedOptionsLabels?.length ?? 0 : state.selectionManager.selectedKeys.size, "data-testid": "selectedOptionsCount" }) }) || showFieldDecoration && fieldDecoration(selectedOptions[0]), endAdornment: !inputProps.readOnly && /* @__PURE__ */ jsx54("button", { ...buttonProps, disabled: inputProps.disabled, ref: buttonRef, ...trussProps37({
|
|
11556
11268
|
...{
|
|
11557
11269
|
borderRadius: "br4",
|
|
11558
11270
|
outline: "outline0",
|
|
@@ -11652,7 +11364,7 @@ function SelectedOptionBullets({
|
|
|
11652
11364
|
|
|
11653
11365
|
// src/inputs/internal/ComboBoxBase.tsx
|
|
11654
11366
|
import { useDebounce } from "use-debounce";
|
|
11655
|
-
import { jsx as jsx55, jsxs as
|
|
11367
|
+
import { jsx as jsx55, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
11656
11368
|
function ComboBoxBase(props) {
|
|
11657
11369
|
const {
|
|
11658
11370
|
fieldProps
|
|
@@ -11886,7 +11598,7 @@ function ComboBoxBase(props) {
|
|
|
11886
11598
|
minWidth: 200
|
|
11887
11599
|
};
|
|
11888
11600
|
const fieldMaxWidth = getFieldWidth(fullWidth);
|
|
11889
|
-
return /* @__PURE__ */
|
|
11601
|
+
return /* @__PURE__ */ jsxs36("div", { ...trussProps38({
|
|
11890
11602
|
display: "df",
|
|
11891
11603
|
flexDirection: "fdc",
|
|
11892
11604
|
width: "w100",
|
|
@@ -11969,7 +11681,7 @@ function disabledOptionToKeyedTuple(disabledOption) {
|
|
|
11969
11681
|
}
|
|
11970
11682
|
|
|
11971
11683
|
// src/inputs/Autocomplete.tsx
|
|
11972
|
-
import { Fragment as Fragment16, jsx as jsx56, jsxs as
|
|
11684
|
+
import { Fragment as Fragment16, jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
11973
11685
|
function Autocomplete(props) {
|
|
11974
11686
|
const {
|
|
11975
11687
|
onSelect,
|
|
@@ -12037,7 +11749,7 @@ function Autocomplete(props) {
|
|
|
12037
11749
|
// Ensures the menu never gets too small.
|
|
12038
11750
|
minWidth: 200
|
|
12039
11751
|
};
|
|
12040
|
-
return /* @__PURE__ */
|
|
11752
|
+
return /* @__PURE__ */ jsxs37(Fragment16, { children: [
|
|
12041
11753
|
/* @__PURE__ */ jsx56(
|
|
12042
11754
|
TextFieldBase,
|
|
12043
11755
|
{
|
|
@@ -12110,8 +11822,8 @@ function Checkbox(props) {
|
|
|
12110
11822
|
import { useRef as useRef25 } from "react";
|
|
12111
11823
|
import { useCheckboxGroup, useCheckboxGroupItem } from "react-aria";
|
|
12112
11824
|
import { useCheckboxGroupState } from "react-stately";
|
|
12113
|
-
import { trussProps as
|
|
12114
|
-
import { jsx as jsx58, jsxs as
|
|
11825
|
+
import { trussProps as trussProps39 } from "@homebound/truss/runtime";
|
|
11826
|
+
import { jsx as jsx58, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
12115
11827
|
function CheckboxGroup(props) {
|
|
12116
11828
|
const {
|
|
12117
11829
|
fieldProps
|
|
@@ -12138,18 +11850,18 @@ function CheckboxGroup(props) {
|
|
|
12138
11850
|
} = useCheckboxGroup(props, state);
|
|
12139
11851
|
const tid = useTestIds(props);
|
|
12140
11852
|
const labelSuffix = useLabelSuffix(required, false);
|
|
12141
|
-
return /* @__PURE__ */
|
|
11853
|
+
return /* @__PURE__ */ jsxs38("div", { ...groupProps, ...trussProps39({
|
|
12142
11854
|
...labelStyle === "left" ? {
|
|
12143
11855
|
display: "df",
|
|
12144
11856
|
flexDirection: "fdr"
|
|
12145
11857
|
} : {}
|
|
12146
11858
|
}), onBlur, onFocus, ...tid, children: [
|
|
12147
|
-
labelStyle !== "hidden" && /* @__PURE__ */ jsx58("div", { ...
|
|
11859
|
+
labelStyle !== "hidden" && /* @__PURE__ */ jsx58("div", { ...trussProps39({
|
|
12148
11860
|
...labelStyle === "left" ? {
|
|
12149
11861
|
width: "w50"
|
|
12150
11862
|
} : {}
|
|
12151
11863
|
}), children: /* @__PURE__ */ jsx58(Label, { label, ...labelProps, ...tid.label, suffix: labelSuffix }) }),
|
|
12152
|
-
/* @__PURE__ */ jsx58("div", { ...
|
|
11864
|
+
/* @__PURE__ */ jsx58("div", { ...trussProps39({
|
|
12153
11865
|
display: "dg",
|
|
12154
11866
|
gridTemplateColumns: ["gtc_var", {
|
|
12155
11867
|
"--gridTemplateColumns": `repeat(${columns}, auto)`
|
|
@@ -12285,8 +11997,8 @@ function isValidDate(d) {
|
|
|
12285
11997
|
}
|
|
12286
11998
|
|
|
12287
11999
|
// src/inputs/DateFields/DateFieldBase.tsx
|
|
12288
|
-
import { trussProps as
|
|
12289
|
-
import { Fragment as Fragment17, jsx as jsx60, jsxs as
|
|
12000
|
+
import { trussProps as trussProps40 } from "@homebound/truss/runtime";
|
|
12001
|
+
import { Fragment as Fragment17, jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
12290
12002
|
function DateFieldBase(props) {
|
|
12291
12003
|
const {
|
|
12292
12004
|
label,
|
|
@@ -12428,16 +12140,16 @@ function DateFieldBase(props) {
|
|
|
12428
12140
|
setInputValue("");
|
|
12429
12141
|
onChange(void 0);
|
|
12430
12142
|
} }) });
|
|
12431
|
-
const calendarButton = /* @__PURE__ */ jsx60("button", { ref: buttonRef, ...buttonProps, disabled: isDisabled, ...
|
|
12143
|
+
const calendarButton = /* @__PURE__ */ jsx60("button", { ref: buttonRef, ...buttonProps, disabled: isDisabled, ...trussProps40({
|
|
12432
12144
|
...isDisabled ? {
|
|
12433
12145
|
cursor: "cursorNotAllowed"
|
|
12434
12146
|
} : {}
|
|
12435
12147
|
}), ...tid.calendarButton, children: /* @__PURE__ */ jsx60(Icon, { icon: "calendar", color: isDisabled ? "rgba(201, 201, 201, 1)" /* Gray400 */ : "rgba(100, 100, 100, 1)" /* Gray700 */ }) });
|
|
12436
|
-
const EndFieldButtons = /* @__PURE__ */
|
|
12148
|
+
const EndFieldButtons = /* @__PURE__ */ jsxs39(Fragment17, { children: [
|
|
12437
12149
|
isRangeFilterField && clearButton,
|
|
12438
12150
|
!hideCalendarIcon && calendarButton
|
|
12439
12151
|
] });
|
|
12440
|
-
return /* @__PURE__ */
|
|
12152
|
+
return /* @__PURE__ */ jsxs39(Fragment17, { children: [
|
|
12441
12153
|
/* @__PURE__ */ jsx60(
|
|
12442
12154
|
TextFieldBase,
|
|
12443
12155
|
{
|
|
@@ -12515,8 +12227,8 @@ function DateRangeField(props) {
|
|
|
12515
12227
|
import { useMemo as useMemo17 } from "react";
|
|
12516
12228
|
import { useCheckbox as useCheckbox2, useHover as useHover11, VisuallyHidden as VisuallyHidden4 } from "react-aria";
|
|
12517
12229
|
import { useToggleState as useToggleState2 } from "react-stately";
|
|
12518
|
-
import { trussProps as
|
|
12519
|
-
import { jsx as jsx64, jsxs as
|
|
12230
|
+
import { trussProps as trussProps41 } from "@homebound/truss/runtime";
|
|
12231
|
+
import { jsx as jsx64, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
12520
12232
|
function IconCard(props) {
|
|
12521
12233
|
const {
|
|
12522
12234
|
selected: isSelected = false,
|
|
@@ -12557,10 +12269,10 @@ function IconCard(props) {
|
|
|
12557
12269
|
return maybeTooltip({
|
|
12558
12270
|
title: resolveTooltip(isDisabled, tooltip),
|
|
12559
12271
|
placement: "top",
|
|
12560
|
-
children: /* @__PURE__ */
|
|
12272
|
+
children: /* @__PURE__ */ jsxs40("button", { ...trussProps41(styles), ...hoverProps, onClick: toggleState.toggle, disabled: isDisabled, ...tid, children: [
|
|
12561
12273
|
/* @__PURE__ */ jsx64(VisuallyHidden4, { children: /* @__PURE__ */ jsx64("input", { ref, ...inputProps, ...tid.value }) }),
|
|
12562
12274
|
/* @__PURE__ */ jsx64(Icon, { icon, inc: 4, color: isDisabled ? "rgba(221, 220, 220, 1)" /* Gray300 */ : "rgba(36, 36, 36, 1)" /* Gray900 */ }),
|
|
12563
|
-
/* @__PURE__ */ jsx64("span", { ...
|
|
12275
|
+
/* @__PURE__ */ jsx64("span", { ...trussProps41({
|
|
12564
12276
|
fontWeight: "fw4",
|
|
12565
12277
|
fontSize: "fz_12px",
|
|
12566
12278
|
lineHeight: "lh_16px",
|
|
@@ -12605,9 +12317,8 @@ var iconCardStylesHover = {
|
|
|
12605
12317
|
|
|
12606
12318
|
// src/inputs/MultiLineSelectField.tsx
|
|
12607
12319
|
import { useState as useState22 } from "react";
|
|
12608
|
-
import { trussProps as
|
|
12609
|
-
import { jsx as jsx65, jsxs as
|
|
12610
|
-
import { createElement as createElement2 } from "react";
|
|
12320
|
+
import { trussProps as trussProps42 } from "@homebound/truss/runtime";
|
|
12321
|
+
import { jsx as jsx65, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
12611
12322
|
function MultiLineSelectField(props) {
|
|
12612
12323
|
const {
|
|
12613
12324
|
options,
|
|
@@ -12621,43 +12332,35 @@ function MultiLineSelectField(props) {
|
|
|
12621
12332
|
const tid = useTestIds(props, "");
|
|
12622
12333
|
const [isDisplayed, setIsDisplayed] = useState22(true);
|
|
12623
12334
|
const currentOptions = options.filter((o) => !values.includes(getOptionValue(o)));
|
|
12624
|
-
return /* @__PURE__ */
|
|
12335
|
+
return /* @__PURE__ */ jsxs41("div", { ...trussProps42({
|
|
12625
12336
|
marginTop: "mt1",
|
|
12626
12337
|
...labelStyle === "left" ? {
|
|
12627
12338
|
display: "df"
|
|
12628
12339
|
} : {}
|
|
12629
12340
|
}), children: [
|
|
12630
|
-
labelStyle !== "hidden" && /* @__PURE__ */ jsx65("div", { ...
|
|
12341
|
+
labelStyle !== "hidden" && /* @__PURE__ */ jsx65("div", { ...trussProps42({
|
|
12631
12342
|
...labelStyle === "left" ? {
|
|
12632
12343
|
width: "w50"
|
|
12633
12344
|
} : {}
|
|
12634
12345
|
}), children: /* @__PURE__ */ jsx65(Label, { ...tid.label, label: props.label }) }),
|
|
12635
|
-
/* @__PURE__ */
|
|
12346
|
+
/* @__PURE__ */ jsxs41("div", { ...trussProps42({
|
|
12636
12347
|
...labelStyle === "left" ? {
|
|
12637
12348
|
width: "w50"
|
|
12638
12349
|
} : {}
|
|
12639
12350
|
}), children: [
|
|
12640
12351
|
values.map((value, index) => {
|
|
12641
|
-
return /* @__PURE__ */
|
|
12642
|
-
|
|
12643
|
-
|
|
12644
|
-
|
|
12645
|
-
|
|
12646
|
-
|
|
12647
|
-
|
|
12648
|
-
|
|
12649
|
-
|
|
12650
|
-
}
|
|
12651
|
-
}, options, getOptionValue, getOptionLabel, compact: true, readOnly: true }) }), /* @__PURE__ */ jsx65(Button, { ...tid.deleteSelected, variant: "tertiary", label: "", "aria-label": `Delete selected ${otherProps.label}`, icon: "x", onClick: () => {
|
|
12652
|
-
const selectedOptions = options.filter((o) => values.includes(getOptionValue(o)) && getOptionValue(o) !== value);
|
|
12653
|
-
const selectedValues = selectedOptions.map((o) => getOptionValue(o));
|
|
12654
|
-
onSelect(selectedValues, selectedOptions);
|
|
12655
|
-
if (selectedOptions.length === 0) setIsDisplayed(true);
|
|
12656
|
-
} }));
|
|
12352
|
+
return /* @__PURE__ */ jsxs41("div", { className: "mb1 pl1 df", children: [
|
|
12353
|
+
/* @__PURE__ */ jsx65("div", { className: "wsnw oh to_ellipsis w100", children: /* @__PURE__ */ jsx65(SelectField, { ...otherProps, ...tid.selectField, labelStyle: "hidden", value, onSelect: () => {
|
|
12354
|
+
}, options, getOptionValue, getOptionLabel, compact: true, readOnly: true }) }),
|
|
12355
|
+
/* @__PURE__ */ jsx65(Button, { ...tid.deleteSelected, variant: "tertiary", label: "", "aria-label": `Delete selected ${otherProps.label}`, icon: "x", onClick: () => {
|
|
12356
|
+
const selectedOptions = options.filter((o) => values.includes(getOptionValue(o)) && getOptionValue(o) !== value);
|
|
12357
|
+
const selectedValues = selectedOptions.map((o) => getOptionValue(o));
|
|
12358
|
+
onSelect(selectedValues, selectedOptions);
|
|
12359
|
+
if (selectedOptions.length === 0) setIsDisplayed(true);
|
|
12360
|
+
} })
|
|
12361
|
+
] }, index);
|
|
12657
12362
|
}),
|
|
12658
|
-
isDisplayed && /* @__PURE__ */ jsx65("div", { ...
|
|
12659
|
-
marginBottom: "mb1"
|
|
12660
|
-
}), children: /* @__PURE__ */ jsx65(SelectField, { ...tid.selectField, label: otherProps.label, labelStyle: "hidden", getOptionValue, getOptionLabel, value: "", onSelect: (value) => {
|
|
12363
|
+
isDisplayed && /* @__PURE__ */ jsx65("div", { className: "mb1", children: /* @__PURE__ */ jsx65(SelectField, { ...tid.selectField, label: otherProps.label, labelStyle: "hidden", getOptionValue, getOptionLabel, value: "", onSelect: (value) => {
|
|
12661
12364
|
onSelect([...values, value], options);
|
|
12662
12365
|
setIsDisplayed(false);
|
|
12663
12366
|
}, options: currentOptions, disabled: otherProps.disabled }) }),
|
|
@@ -12869,8 +12572,8 @@ function formatValue(value, factor, numFractionDigits, numIntegerDigits, positiv
|
|
|
12869
12572
|
import { Fragment as Fragment18, useMemo as useMemo19, useRef as useRef28 } from "react";
|
|
12870
12573
|
import { useFocusRing as useFocusRing6, useHover as useHover12, useRadio, useRadioGroup } from "react-aria";
|
|
12871
12574
|
import { useRadioGroupState } from "react-stately";
|
|
12872
|
-
import { trussProps as
|
|
12873
|
-
import { jsx as jsx68, jsxs as
|
|
12575
|
+
import { trussProps as trussProps43 } from "@homebound/truss/runtime";
|
|
12576
|
+
import { jsx as jsx68, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
12874
12577
|
var nextNameId = 0;
|
|
12875
12578
|
function RadioGroupField(props) {
|
|
12876
12579
|
const {
|
|
@@ -12902,7 +12605,7 @@ function RadioGroupField(props) {
|
|
|
12902
12605
|
}, state);
|
|
12903
12606
|
return (
|
|
12904
12607
|
// default styling to position `<Label />` above.
|
|
12905
|
-
/* @__PURE__ */
|
|
12608
|
+
/* @__PURE__ */ jsxs42("div", { ...trussProps43({
|
|
12906
12609
|
display: "df",
|
|
12907
12610
|
flexDirection: "fdc",
|
|
12908
12611
|
gap: "gap1",
|
|
@@ -12914,7 +12617,7 @@ function RadioGroupField(props) {
|
|
|
12914
12617
|
} : {}
|
|
12915
12618
|
}), children: [
|
|
12916
12619
|
/* @__PURE__ */ jsx68(Label, { label, ...labelProps, ...tid.label, hidden: labelStyle === "hidden" }),
|
|
12917
|
-
/* @__PURE__ */
|
|
12620
|
+
/* @__PURE__ */ jsxs42("div", { ...radioGroupProps, children: [
|
|
12918
12621
|
options.map((option) => {
|
|
12919
12622
|
return /* @__PURE__ */ jsx68(Fragment18, { children: maybeTooltip({
|
|
12920
12623
|
title: resolveTooltip(option.disabled),
|
|
@@ -12962,7 +12665,7 @@ function Radio(props) {
|
|
|
12962
12665
|
} = useHover12({
|
|
12963
12666
|
isDisabled: disabled
|
|
12964
12667
|
});
|
|
12965
|
-
return /* @__PURE__ */
|
|
12668
|
+
return /* @__PURE__ */ jsxs42("label", { ...trussProps43({
|
|
12966
12669
|
display: "df",
|
|
12967
12670
|
cursor: "cursorPointer",
|
|
12968
12671
|
marginBottom: "mb1",
|
|
@@ -12975,7 +12678,7 @@ function Radio(props) {
|
|
|
12975
12678
|
{
|
|
12976
12679
|
type: "radio",
|
|
12977
12680
|
ref,
|
|
12978
|
-
...
|
|
12681
|
+
...trussProps43({
|
|
12979
12682
|
...radioReset,
|
|
12980
12683
|
...radioDefault,
|
|
12981
12684
|
...!disabled && state.selectedValue === value ? radioChecked : radioUnchecked,
|
|
@@ -12995,8 +12698,8 @@ function Radio(props) {
|
|
|
12995
12698
|
...others
|
|
12996
12699
|
}
|
|
12997
12700
|
),
|
|
12998
|
-
/* @__PURE__ */
|
|
12999
|
-
/* @__PURE__ */ jsx68("div", { id: labelId, ...
|
|
12701
|
+
/* @__PURE__ */ jsxs42("div", { children: [
|
|
12702
|
+
/* @__PURE__ */ jsx68("div", { id: labelId, ...trussProps43({
|
|
13000
12703
|
fontWeight: "fw4",
|
|
13001
12704
|
fontSize: "fz_14px",
|
|
13002
12705
|
lineHeight: "lh_20px",
|
|
@@ -13007,7 +12710,7 @@ function Radio(props) {
|
|
|
13007
12710
|
}), ...description ? {
|
|
13008
12711
|
"aria-describedby": descriptionId
|
|
13009
12712
|
} : {}, children: label }),
|
|
13010
|
-
description && /* @__PURE__ */ jsx68("div", { id: descriptionId, ...
|
|
12713
|
+
description && /* @__PURE__ */ jsx68("div", { id: descriptionId, ...trussProps43({
|
|
13011
12714
|
fontWeight: "fw4",
|
|
13012
12715
|
fontSize: "fz_14px",
|
|
13013
12716
|
lineHeight: "lh_20px",
|
|
@@ -13112,7 +12815,7 @@ var radioDisabled = {
|
|
|
13112
12815
|
|
|
13113
12816
|
// src/inputs/RichTextField.tsx
|
|
13114
12817
|
import DOMPurify from "dompurify";
|
|
13115
|
-
import { createElement
|
|
12818
|
+
import { createElement, useEffect as useEffect15, useMemo as useMemo20, useRef as useRef29, useState as useState24 } from "react";
|
|
13116
12819
|
|
|
13117
12820
|
// src/inputs/RichTextField.mock.tsx
|
|
13118
12821
|
import { camelCase as camelCase3 } from "change-case";
|
|
@@ -13150,8 +12853,8 @@ import Tribute from "tributejs";
|
|
|
13150
12853
|
import "tributejs/dist/tribute.css";
|
|
13151
12854
|
import "trix/dist/trix";
|
|
13152
12855
|
import "trix/dist/trix.css";
|
|
13153
|
-
import { trussProps as
|
|
13154
|
-
import { jsx as jsx70, jsxs as
|
|
12856
|
+
import { trussProps as trussProps44 } from "@homebound/truss/runtime";
|
|
12857
|
+
import { jsx as jsx70, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
13155
12858
|
var RichTextField = withTestMock(RichTextFieldImpl, RichTextFieldMock);
|
|
13156
12859
|
function RichTextFieldImpl(props) {
|
|
13157
12860
|
const {
|
|
@@ -13230,16 +12933,16 @@ function RichTextFieldImpl(props) {
|
|
|
13230
12933
|
autoFocus
|
|
13231
12934
|
} = props;
|
|
13232
12935
|
if (!readOnly) {
|
|
13233
|
-
return /* @__PURE__ */
|
|
12936
|
+
return /* @__PURE__ */ jsxs43("div", { ...trussProps44({
|
|
13234
12937
|
width: "w100",
|
|
13235
12938
|
...!fullWidth ? {
|
|
13236
12939
|
maxWidth: "maxw_550px"
|
|
13237
12940
|
} : {}
|
|
13238
12941
|
}), children: [
|
|
13239
12942
|
label && /* @__PURE__ */ jsx70(Label, { labelProps: {}, label }),
|
|
13240
|
-
/* @__PURE__ */
|
|
12943
|
+
/* @__PURE__ */ jsxs43("div", { className: "beam-trix-editor", children: [
|
|
13241
12944
|
/* @__PURE__ */ jsx70("input", { type: "hidden", id: `input-${id}`, value }),
|
|
13242
|
-
|
|
12945
|
+
createElement("trix-editor", {
|
|
13243
12946
|
id,
|
|
13244
12947
|
input: `input-${id}`,
|
|
13245
12948
|
// Autofocus attribute is case sensitive since this is standard HTML
|
|
@@ -13253,29 +12956,14 @@ function RichTextFieldImpl(props) {
|
|
|
13253
12956
|
] })
|
|
13254
12957
|
] });
|
|
13255
12958
|
} else {
|
|
13256
|
-
return /* @__PURE__ */
|
|
12959
|
+
return /* @__PURE__ */ jsxs43("div", { ...trussProps44({
|
|
13257
12960
|
width: "w100",
|
|
13258
12961
|
...!fullWidth ? {
|
|
13259
12962
|
maxWidth: "maxw_550px"
|
|
13260
12963
|
} : {}
|
|
13261
12964
|
}), children: [
|
|
13262
12965
|
label && /* @__PURE__ */ jsx70(Label, { label }),
|
|
13263
|
-
/* @__PURE__ */ jsx70("div", {
|
|
13264
|
-
minHeight: "mh_120px",
|
|
13265
|
-
backgroundColor: "bgWhite",
|
|
13266
|
-
fontWeight: "fw4",
|
|
13267
|
-
fontSize: "fz_14px",
|
|
13268
|
-
lineHeight: "lh_20px",
|
|
13269
|
-
color: "gray900",
|
|
13270
|
-
borderStyle: "bss",
|
|
13271
|
-
borderWidth: "bw1",
|
|
13272
|
-
paddingTop: "pt1",
|
|
13273
|
-
paddingBottom: "pb1",
|
|
13274
|
-
paddingRight: "pr1",
|
|
13275
|
-
paddingLeft: "pl1",
|
|
13276
|
-
borderRadius: "br4",
|
|
13277
|
-
borderColor: "bcGray300"
|
|
13278
|
-
}), dangerouslySetInnerHTML: {
|
|
12966
|
+
/* @__PURE__ */ jsx70("div", { className: "mh_120px bgWhite fw4 fz_14px lh_20px gray900 bss bw1 pt1 pb1 pr1 pl1 br4 bcGray300", dangerouslySetInnerHTML: {
|
|
13279
12967
|
__html: DOMPurify.sanitize(value) || placeholder || ""
|
|
13280
12968
|
}, "data-readonly": "true" })
|
|
13281
12969
|
] });
|
|
@@ -13342,8 +13030,8 @@ function SelectField(props) {
|
|
|
13342
13030
|
// src/inputs/Switch.tsx
|
|
13343
13031
|
import { useRef as useRef30 } from "react";
|
|
13344
13032
|
import { useFocusRing as useFocusRing7, useHover as useHover13, useSwitch, VisuallyHidden as VisuallyHidden5 } from "react-aria";
|
|
13345
|
-
import { trussProps as
|
|
13346
|
-
import { jsx as jsx72, jsxs as
|
|
13033
|
+
import { trussProps as trussProps45 } from "@homebound/truss/runtime";
|
|
13034
|
+
import { jsx as jsx72, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
13347
13035
|
var __maybeInc5 = (inc) => {
|
|
13348
13036
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
13349
13037
|
};
|
|
@@ -13392,7 +13080,7 @@ function Switch(props) {
|
|
|
13392
13080
|
const isHovered = __storyState?.hovered ?? isHoveredFromEvents;
|
|
13393
13081
|
const tooltip = resolveTooltip(disabled, props.tooltip);
|
|
13394
13082
|
const tid = useTestIds(otherProps, label);
|
|
13395
|
-
return /* @__PURE__ */
|
|
13083
|
+
return /* @__PURE__ */ jsxs44("label", { ...hoverProps, ...trussProps45({
|
|
13396
13084
|
...{
|
|
13397
13085
|
position: "relative",
|
|
13398
13086
|
cursor: "cursorPointer",
|
|
@@ -13435,13 +13123,13 @@ function Switch(props) {
|
|
|
13435
13123
|
color: "gray900"
|
|
13436
13124
|
} : {}
|
|
13437
13125
|
}, inline: labelStyle === "left" || labelStyle === "filter" }) }),
|
|
13438
|
-
/* @__PURE__ */ jsx72("div", { ...
|
|
13126
|
+
/* @__PURE__ */ jsx72("div", { ...trussProps45({
|
|
13439
13127
|
...labelStyle === "left" ? {
|
|
13440
13128
|
width: ["w_var", {
|
|
13441
13129
|
"--width": __maybeInc5(labelLeftFieldWidth)
|
|
13442
13130
|
}]
|
|
13443
13131
|
} : {}
|
|
13444
|
-
}), children: /* @__PURE__ */ jsx72("div", { "aria-hidden": "true", ...
|
|
13132
|
+
}), children: /* @__PURE__ */ jsx72("div", { "aria-hidden": "true", ...trussProps45({
|
|
13445
13133
|
...{
|
|
13446
13134
|
width: ["w_var", {
|
|
13447
13135
|
"--width": `${toggleWidth(compact)}px`
|
|
@@ -13463,7 +13151,7 @@ function Switch(props) {
|
|
|
13463
13151
|
backgroundColor: "bgBlue700"
|
|
13464
13152
|
},
|
|
13465
13153
|
...isSelected && isHovered && switchSelectedHoverStyles
|
|
13466
|
-
}), children: /* @__PURE__ */ jsx72("div", { ...
|
|
13154
|
+
}), children: /* @__PURE__ */ jsx72("div", { ...trussProps45({
|
|
13467
13155
|
...switchCircleDefaultStyles(compact),
|
|
13468
13156
|
...isDisabled && {
|
|
13469
13157
|
backgroundColor: "bgGray100"
|
|
@@ -13649,8 +13337,8 @@ function TextField(props) {
|
|
|
13649
13337
|
import { useRef as useRef33, useState as useState25 } from "react";
|
|
13650
13338
|
import { useFocusRing as useFocusRing8, useHover as useHover14, usePress, useSwitch as useSwitch2, VisuallyHidden as VisuallyHidden6 } from "react-aria";
|
|
13651
13339
|
import { useToggleState as useToggleState3 } from "react-stately";
|
|
13652
|
-
import { trussProps as
|
|
13653
|
-
import { jsx as jsx75, jsxs as
|
|
13340
|
+
import { trussProps as trussProps46 } from "@homebound/truss/runtime";
|
|
13341
|
+
import { jsx as jsx75, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
13654
13342
|
function ToggleButton(props) {
|
|
13655
13343
|
const {
|
|
13656
13344
|
selected: isSelected = false,
|
|
@@ -13714,7 +13402,7 @@ function ToggleButton(props) {
|
|
|
13714
13402
|
...focusProps,
|
|
13715
13403
|
...hoverProps,
|
|
13716
13404
|
...pressProps,
|
|
13717
|
-
...
|
|
13405
|
+
...trussProps46({
|
|
13718
13406
|
...{
|
|
13719
13407
|
borderRadius: "br4",
|
|
13720
13408
|
display: "dif",
|
|
@@ -13749,7 +13437,7 @@ function ToggleButton(props) {
|
|
|
13749
13437
|
return maybeTooltip({
|
|
13750
13438
|
title: tooltip,
|
|
13751
13439
|
placement: "top",
|
|
13752
|
-
children: /* @__PURE__ */
|
|
13440
|
+
children: /* @__PURE__ */ jsxs45("label", { ...labelAttrs, children: [
|
|
13753
13441
|
icon && /* @__PURE__ */ jsx75(Icon, { icon }),
|
|
13754
13442
|
label,
|
|
13755
13443
|
/* @__PURE__ */ jsx75(VisuallyHidden6, { children: /* @__PURE__ */ jsx75("input", { ref, ...inputProps, ...tid.value }) })
|
|
@@ -13770,8 +13458,8 @@ var togglePressStyles = {
|
|
|
13770
13458
|
import { useRef as useRef34 } from "react";
|
|
13771
13459
|
import { useCheckboxGroup as useCheckboxGroup2, useCheckboxGroupItem as useCheckboxGroupItem2, useFocusRing as useFocusRing9, VisuallyHidden as VisuallyHidden7 } from "react-aria";
|
|
13772
13460
|
import { useCheckboxGroupState as useCheckboxGroupState2 } from "react-stately";
|
|
13773
|
-
import { trussProps as
|
|
13774
|
-
import { jsx as jsx76, jsxs as
|
|
13461
|
+
import { trussProps as trussProps47 } from "@homebound/truss/runtime";
|
|
13462
|
+
import { jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
13775
13463
|
var __maybeInc6 = (inc) => {
|
|
13776
13464
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
13777
13465
|
};
|
|
@@ -13802,7 +13490,7 @@ function ToggleChipGroup(props) {
|
|
|
13802
13490
|
} = useCheckboxGroup2(props, state);
|
|
13803
13491
|
const tid = useTestIds(props, "toggleChip");
|
|
13804
13492
|
const labelSuffix = useLabelSuffix(required, false);
|
|
13805
|
-
return /* @__PURE__ */
|
|
13493
|
+
return /* @__PURE__ */ jsxs46("div", { ...groupProps, ...trussProps47({
|
|
13806
13494
|
position: "relative",
|
|
13807
13495
|
display: "df",
|
|
13808
13496
|
flexDirection: "fdc",
|
|
@@ -13814,7 +13502,7 @@ function ToggleChipGroup(props) {
|
|
|
13814
13502
|
} : {}
|
|
13815
13503
|
}), children: [
|
|
13816
13504
|
/* @__PURE__ */ jsx76(Label, { label, ...labelProps, hidden: labelStyle === "hidden", inline: labelStyle !== "above", suffix: labelSuffix }),
|
|
13817
|
-
/* @__PURE__ */ jsx76("div", { ...
|
|
13505
|
+
/* @__PURE__ */ jsx76("div", { ...trussProps47({
|
|
13818
13506
|
display: "df",
|
|
13819
13507
|
gap: "gap1",
|
|
13820
13508
|
flexWrap: "flexWrap_wrap",
|
|
@@ -13879,7 +13567,7 @@ function ToggleChip2(props) {
|
|
|
13879
13567
|
return maybeTooltip({
|
|
13880
13568
|
title: tooltip,
|
|
13881
13569
|
placement: "top",
|
|
13882
|
-
children: /* @__PURE__ */
|
|
13570
|
+
children: /* @__PURE__ */ jsxs46("label", { ...trussProps47({
|
|
13883
13571
|
...{
|
|
13884
13572
|
position: "relative",
|
|
13885
13573
|
display: "dif",
|
|
@@ -13926,7 +13614,6 @@ function SelectToggle({ id, disabled }) {
|
|
|
13926
13614
|
}
|
|
13927
13615
|
|
|
13928
13616
|
// src/components/Table/utils/columns.tsx
|
|
13929
|
-
import { trussProps as trussProps57 } from "@homebound/truss/runtime";
|
|
13930
13617
|
import { jsx as jsx78 } from "react/jsx-runtime";
|
|
13931
13618
|
function column(columnDef) {
|
|
13932
13619
|
return {
|
|
@@ -14174,13 +13861,7 @@ function dragHandleColumn(columnDef) {
|
|
|
14174
13861
|
content: row.draggable ? /* @__PURE__ */ jsx78("div", { draggable: row.draggable, onDragStart: (evt) => {
|
|
14175
13862
|
ref.current && evt.dataTransfer.setDragImage(ref.current, 0, 0);
|
|
14176
13863
|
return onDragStart?.(row, evt);
|
|
14177
|
-
}, onDragEnd: (evt) => onDragEnd?.(row, evt), onDrop: (evt) => onDrop?.(row, evt), onDragEnter: (evt) => onDragEnter?.(row, evt), onDragOver: (evt) => onDragOver?.(row, evt),
|
|
14178
|
-
marginTop: "mta",
|
|
14179
|
-
marginBottom: "mba",
|
|
14180
|
-
marginRight: "mra",
|
|
14181
|
-
marginLeft: "mla",
|
|
14182
|
-
cursor: "cursorPointer"
|
|
14183
|
-
}), children: /* @__PURE__ */ jsx78(Icon, { icon: "drag" }) }) : void 0
|
|
13864
|
+
}, onDragEnd: (evt) => onDragEnd?.(row, evt), onDrop: (evt) => onDrop?.(row, evt), onDragEnter: (evt) => onDragEnter?.(row, evt), onDragOver: (evt) => onDragOver?.(row, evt), className: "mta mba mra mla cursorPointer", children: /* @__PURE__ */ jsx78(Icon, { icon: "drag" }) }) : void 0
|
|
14184
13865
|
};
|
|
14185
13866
|
};
|
|
14186
13867
|
});
|
|
@@ -15168,8 +14849,8 @@ function useRenderCount() {
|
|
|
15168
14849
|
}
|
|
15169
14850
|
|
|
15170
14851
|
// src/components/Table/GridTable.tsx
|
|
15171
|
-
import { trussProps as
|
|
15172
|
-
import { jsx as jsx79, jsxs as
|
|
14852
|
+
import { trussProps as trussProps48, mergeProps as mergeProps18 } from "@homebound/truss/runtime";
|
|
14853
|
+
import { jsx as jsx79, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
15173
14854
|
var runningInJest = false;
|
|
15174
14855
|
function setRunningInJest() {
|
|
15175
14856
|
runningInJest = true;
|
|
@@ -15439,8 +15120,8 @@ function GridTable(props) {
|
|
|
15439
15120
|
tableState,
|
|
15440
15121
|
tableContainerRef
|
|
15441
15122
|
}), [tableState, tableContainerRef]);
|
|
15442
|
-
return /* @__PURE__ */ jsx79(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */
|
|
15443
|
-
/* @__PURE__ */ jsx79("div", { ref: resizeRef, ...
|
|
15123
|
+
return /* @__PURE__ */ jsx79(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ jsxs47(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
|
|
15124
|
+
/* @__PURE__ */ jsx79("div", { ref: resizeRef, ...trussProps48(getTableRefWidthStyles(as === "virtual")) }),
|
|
15444
15125
|
renders[_as](style, id, columns, visibleDataRows, keptSelectedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, tableContainerRef, persistScrollPosition)
|
|
15445
15126
|
] }) });
|
|
15446
15127
|
}
|
|
@@ -15450,7 +15131,7 @@ var renders = {
|
|
|
15450
15131
|
virtual: renderVirtual
|
|
15451
15132
|
};
|
|
15452
15133
|
function renderDiv(style, id, columns, visibleDataRows, keptSelectedRows, firstRowMessage, stickyHeader, xss, _virtuosoRef, _virtuosoRangeRef, tableHeadRows, stickyOffset, _infiniteScroll, tableContainerRef, _persistScrollPosition) {
|
|
15453
|
-
return /* @__PURE__ */
|
|
15134
|
+
return /* @__PURE__ */ jsxs47("div", { ref: tableContainerRef, ...trussProps48({
|
|
15454
15135
|
// Use `fit-content` to ensure the width of the table takes up the full width of its content.
|
|
15455
15136
|
// Otherwise, the table's width would be that of its container, which may not be as wide as the table itself.
|
|
15456
15137
|
// In cases where we have sticky columns on a very wide table, then the container which the columns "stick" to (which is the table),
|
|
@@ -15466,7 +15147,7 @@ function renderDiv(style, id, columns, visibleDataRows, keptSelectedRows, firstR
|
|
|
15466
15147
|
} : {},
|
|
15467
15148
|
...xss
|
|
15468
15149
|
}), "data-testid": id, children: [
|
|
15469
|
-
/* @__PURE__ */ jsx79("div", { ...
|
|
15150
|
+
/* @__PURE__ */ jsx79("div", { ...trussProps48({
|
|
15470
15151
|
...stickyHeader ? {
|
|
15471
15152
|
position: "sticky",
|
|
15472
15153
|
top: ["top_var", {
|
|
@@ -15477,9 +15158,9 @@ function renderDiv(style, id, columns, visibleDataRows, keptSelectedRows, firstR
|
|
|
15477
15158
|
}]
|
|
15478
15159
|
} : {}
|
|
15479
15160
|
}), children: tableHeadRows }),
|
|
15480
|
-
/* @__PURE__ */
|
|
15161
|
+
/* @__PURE__ */ jsxs47("div", { children: [
|
|
15481
15162
|
keptSelectedRows,
|
|
15482
|
-
firstRowMessage && /* @__PURE__ */ jsx79("div", { ...
|
|
15163
|
+
firstRowMessage && /* @__PURE__ */ jsx79("div", { ...trussProps48({
|
|
15483
15164
|
...keptSelectedRows.length === 0 && style.firstBodyRowCss,
|
|
15484
15165
|
...style.firstRowMessageCss,
|
|
15485
15166
|
...visibleDataRows.length === 0 && style.lastRowCss,
|
|
@@ -15492,7 +15173,7 @@ function renderDiv(style, id, columns, visibleDataRows, keptSelectedRows, firstR
|
|
|
15492
15173
|
] });
|
|
15493
15174
|
}
|
|
15494
15175
|
function renderTable(style, id, columns, visibleDataRows, keptSelectedRows, firstRowMessage, stickyHeader, xss, _virtuosoRef, _virtuosoRangeRef, tableHeadRows, stickyOffset, _infiniteScroll, tableContainerRef, _persistScrollPosition) {
|
|
15495
|
-
return /* @__PURE__ */
|
|
15176
|
+
return /* @__PURE__ */ jsxs47("table", { ref: tableContainerRef, ...trussProps48({
|
|
15496
15177
|
...{
|
|
15497
15178
|
width: "w100",
|
|
15498
15179
|
borderCollapse: "borderCollapse_separate",
|
|
@@ -15506,7 +15187,7 @@ function renderTable(style, id, columns, visibleDataRows, keptSelectedRows, firs
|
|
|
15506
15187
|
} : {},
|
|
15507
15188
|
...xss
|
|
15508
15189
|
}), "data-testid": id, children: [
|
|
15509
|
-
/* @__PURE__ */ jsx79("thead", { ...
|
|
15190
|
+
/* @__PURE__ */ jsx79("thead", { ...trussProps48({
|
|
15510
15191
|
...stickyHeader ? {
|
|
15511
15192
|
position: "sticky",
|
|
15512
15193
|
top: ["top_var", {
|
|
@@ -15517,13 +15198,13 @@ function renderTable(style, id, columns, visibleDataRows, keptSelectedRows, firs
|
|
|
15517
15198
|
}]
|
|
15518
15199
|
} : {}
|
|
15519
15200
|
}), children: tableHeadRows }),
|
|
15520
|
-
/* @__PURE__ */
|
|
15201
|
+
/* @__PURE__ */ jsxs47("tbody", { children: [
|
|
15521
15202
|
keptSelectedRows,
|
|
15522
|
-
firstRowMessage && /* @__PURE__ */ jsx79("tr", { ...
|
|
15203
|
+
firstRowMessage && /* @__PURE__ */ jsx79("tr", { ...trussProps48({
|
|
15523
15204
|
...tableRowPrintBreakCss,
|
|
15524
15205
|
...keptSelectedRows.length === 0 && style.firstBodyRowCss,
|
|
15525
15206
|
...visibleDataRows.length === 0 && style.lastRowCss
|
|
15526
|
-
}), children: /* @__PURE__ */ jsx79("td", { colSpan: columns.length, ...
|
|
15207
|
+
}), children: /* @__PURE__ */ jsx79("td", { colSpan: columns.length, ...trussProps48({
|
|
15527
15208
|
...style.betweenRowsCss,
|
|
15528
15209
|
...style.firstRowMessageCss,
|
|
15529
15210
|
...visibleDataRows.length === 0 && style.lastRowCellCss,
|
|
@@ -15562,18 +15243,13 @@ function renderVirtual(style, id, columns, visibleDataRows, keptSelectedRows, fi
|
|
|
15562
15243
|
} })),
|
|
15563
15244
|
List: VirtualRoot(style, columns, id, xss),
|
|
15564
15245
|
Footer: () => {
|
|
15565
|
-
return /* @__PURE__ */ jsx79("div", { ...
|
|
15246
|
+
return /* @__PURE__ */ jsx79("div", { ...trussProps48({
|
|
15566
15247
|
...style.virtualFooterPaddingBottomPx !== void 0 ? {
|
|
15567
15248
|
paddingBottom: ["pb_var", {
|
|
15568
15249
|
"--paddingBottom": `${style.virtualFooterPaddingBottomPx ?? 0}px`
|
|
15569
15250
|
}]
|
|
15570
15251
|
} : {}
|
|
15571
|
-
}), children: fetchMoreInProgress && /* @__PURE__ */ jsx79("div", {
|
|
15572
|
-
height: "h5",
|
|
15573
|
-
display: "df",
|
|
15574
|
-
alignItems: "aic",
|
|
15575
|
-
justifyContent: "jcc"
|
|
15576
|
-
}), children: /* @__PURE__ */ jsx79(Loader, { size: "xs" }) }) });
|
|
15252
|
+
}), children: fetchMoreInProgress && /* @__PURE__ */ jsx79("div", { className: "h5 df aic jcc", children: /* @__PURE__ */ jsx79(Loader, { size: "xs" }) }) });
|
|
15577
15253
|
}
|
|
15578
15254
|
},
|
|
15579
15255
|
topItemCount,
|
|
@@ -15590,11 +15266,11 @@ function renderVirtual(style, id, columns, visibleDataRows, keptSelectedRows, fi
|
|
|
15590
15266
|
if (index === 0) {
|
|
15591
15267
|
return (
|
|
15592
15268
|
// Ensure the fallback message is the same width as the table
|
|
15593
|
-
/* @__PURE__ */ jsx79("div", { ...
|
|
15269
|
+
/* @__PURE__ */ jsx79("div", { ...trussProps48({
|
|
15594
15270
|
...getTableRefWidthStyles(true),
|
|
15595
15271
|
...keptSelectedRows.length === 0 && style.firstBodyRowCss,
|
|
15596
15272
|
...visibleDataRows.length === 0 && style.lastRowCss
|
|
15597
|
-
}), children: /* @__PURE__ */ jsx79("div", { ...
|
|
15273
|
+
}), children: /* @__PURE__ */ jsx79("div", { ...trussProps48({
|
|
15598
15274
|
...style.firstRowMessageCss,
|
|
15599
15275
|
...visibleDataRows.length === 0 && style.lastRowCellCss,
|
|
15600
15276
|
...visibleDataRows.length === 0 && style.lastRowFirstCellCss,
|
|
@@ -15655,8 +15331,8 @@ var VirtualRoot = memoizeOne((gs, _columns, id, xss) => {
|
|
|
15655
15331
|
});
|
|
15656
15332
|
|
|
15657
15333
|
// src/components/ToggleChip.tsx
|
|
15658
|
-
import { trussProps as
|
|
15659
|
-
import { jsx as jsx80, jsxs as
|
|
15334
|
+
import { trussProps as trussProps49 } from "@homebound/truss/runtime";
|
|
15335
|
+
import { jsx as jsx80, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
15660
15336
|
function ToggleChip(props) {
|
|
15661
15337
|
const {
|
|
15662
15338
|
text,
|
|
@@ -15674,7 +15350,7 @@ function ToggleChip(props) {
|
|
|
15674
15350
|
} = useHover2({});
|
|
15675
15351
|
const compact = fieldProps?.compact;
|
|
15676
15352
|
const tid = useTestIds(props, "chip");
|
|
15677
|
-
return /* @__PURE__ */
|
|
15353
|
+
return /* @__PURE__ */ jsxs48("button", { type: "button", ...trussProps49({
|
|
15678
15354
|
...chipBaseStyles(compact),
|
|
15679
15355
|
...isHovered && !disabled && chipHoverStyles,
|
|
15680
15356
|
// Use a lower right-padding to get closer to the `X` circle when clearable, i.e. not disabled
|
|
@@ -15689,10 +15365,8 @@ function ToggleChip(props) {
|
|
|
15689
15365
|
},
|
|
15690
15366
|
...xss
|
|
15691
15367
|
}), disabled, onClick, ...hoverProps, ...tid, children: [
|
|
15692
|
-
icon && /* @__PURE__ */ jsx80("span", { ...
|
|
15693
|
-
|
|
15694
|
-
}), ...tid.icon, children: /* @__PURE__ */ jsx80(Icon, { icon, color: "rgba(36, 36, 36, 1)" /* Gray900 */, inc: 2 }) }),
|
|
15695
|
-
/* @__PURE__ */ jsx80("span", { ...trussProps59({
|
|
15368
|
+
icon && /* @__PURE__ */ jsx80("span", { className: "fs0", ...tid.icon, children: /* @__PURE__ */ jsx80(Icon, { icon, color: "rgba(36, 36, 36, 1)" /* Gray900 */, inc: 2 }) }),
|
|
15369
|
+
/* @__PURE__ */ jsx80("span", { ...trussProps49({
|
|
15696
15370
|
textAlign: "tal",
|
|
15697
15371
|
overflow: "oh",
|
|
15698
15372
|
display: "d_negwebkit_box",
|
|
@@ -15704,7 +15378,7 @@ function ToggleChip(props) {
|
|
|
15704
15378
|
paddingRight: "pr0"
|
|
15705
15379
|
} : {}
|
|
15706
15380
|
}), title: text, children: text }),
|
|
15707
|
-
!disabled && /* @__PURE__ */ jsx80("span", { ...
|
|
15381
|
+
!disabled && /* @__PURE__ */ jsx80("span", { ...trussProps49({
|
|
15708
15382
|
...{
|
|
15709
15383
|
flexShrink: "fs0",
|
|
15710
15384
|
borderRadius: "br16",
|
|
@@ -15726,7 +15400,7 @@ var chipDisabledStyles = {
|
|
|
15726
15400
|
};
|
|
15727
15401
|
|
|
15728
15402
|
// src/components/ToggleChips.tsx
|
|
15729
|
-
import { trussProps as
|
|
15403
|
+
import { trussProps as trussProps50 } from "@homebound/truss/runtime";
|
|
15730
15404
|
import { jsx as jsx81 } from "react/jsx-runtime";
|
|
15731
15405
|
function ToggleChips(props) {
|
|
15732
15406
|
const {
|
|
@@ -15736,7 +15410,7 @@ function ToggleChips(props) {
|
|
|
15736
15410
|
xss
|
|
15737
15411
|
} = props;
|
|
15738
15412
|
const tid = useTestIds(props, "toggleChips");
|
|
15739
|
-
return /* @__PURE__ */ jsx81("div", { ...
|
|
15413
|
+
return /* @__PURE__ */ jsx81("div", { ...trussProps50({
|
|
15740
15414
|
...{
|
|
15741
15415
|
display: "df",
|
|
15742
15416
|
flexWrap: "flexWrap_wrap",
|
|
@@ -15750,8 +15424,8 @@ function ToggleChips(props) {
|
|
|
15750
15424
|
import { useId, useResizeObserver as useResizeObserver2 } from "@react-aria/utils";
|
|
15751
15425
|
import { useCallback as useCallback16, useEffect as useEffect19, useMemo as useMemo25, useState as useState29 } from "react";
|
|
15752
15426
|
import { useFocusRing as useFocusRing10 } from "react-aria";
|
|
15753
|
-
import { trussProps as
|
|
15754
|
-
import { jsx as jsx82, jsxs as
|
|
15427
|
+
import { trussProps as trussProps51 } from "@homebound/truss/runtime";
|
|
15428
|
+
import { jsx as jsx82, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
15755
15429
|
var __maybeInc7 = (inc) => {
|
|
15756
15430
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
15757
15431
|
};
|
|
@@ -15850,7 +15524,7 @@ function Accordion(props) {
|
|
|
15850
15524
|
},
|
|
15851
15525
|
...xss
|
|
15852
15526
|
}), [compact, disabled, isFocusVisible, titleOnClick, xss]);
|
|
15853
|
-
return /* @__PURE__ */
|
|
15527
|
+
return /* @__PURE__ */ jsxs49("div", { ...tid.container, ...trussProps51({
|
|
15854
15528
|
...{
|
|
15855
15529
|
borderColor: "bcGray300",
|
|
15856
15530
|
...topBorder ? {
|
|
@@ -15868,16 +15542,14 @@ function Accordion(props) {
|
|
|
15868
15542
|
}]
|
|
15869
15543
|
} : {}
|
|
15870
15544
|
}), children: [
|
|
15871
|
-
titleOnClick ? /* @__PURE__ */
|
|
15872
|
-
|
|
15873
|
-
}), children: [
|
|
15874
|
-
/* @__PURE__ */ jsx82("button", { ...tid.title, disabled, ...trussProps61({
|
|
15545
|
+
titleOnClick ? /* @__PURE__ */ jsxs49("div", { ...focusProps, "aria-controls": id, "aria-expanded": expanded, className: "df", children: [
|
|
15546
|
+
/* @__PURE__ */ jsx82("button", { ...tid.title, disabled, ...trussProps51({
|
|
15875
15547
|
...touchableStyle,
|
|
15876
15548
|
...{
|
|
15877
15549
|
flexGrow: "fg1"
|
|
15878
15550
|
}
|
|
15879
15551
|
}), onClick: titleOnClick, children: title }),
|
|
15880
|
-
/* @__PURE__ */ jsx82("button", { ...tid.toggle, disabled, ...
|
|
15552
|
+
/* @__PURE__ */ jsx82("button", { ...tid.toggle, disabled, ...trussProps51({
|
|
15881
15553
|
...touchableStyle,
|
|
15882
15554
|
...{
|
|
15883
15555
|
paddingLeft: "pl2",
|
|
@@ -15889,25 +15561,22 @@ function Accordion(props) {
|
|
|
15889
15561
|
} : {}
|
|
15890
15562
|
}
|
|
15891
15563
|
}), onClick: toggle, children: /* @__PURE__ */ jsx82(RotatingChevronIcon, { expanded }) })
|
|
15892
|
-
] }) : /* @__PURE__ */
|
|
15564
|
+
] }) : /* @__PURE__ */ jsxs49("button", { ...tid.title, ...focusProps, "aria-controls": id, "aria-expanded": expanded, disabled, ...trussProps51({
|
|
15893
15565
|
...{
|
|
15894
15566
|
width: "w100"
|
|
15895
15567
|
},
|
|
15896
15568
|
...touchableStyle
|
|
15897
15569
|
}), onClick: toggle, children: [
|
|
15898
|
-
/* @__PURE__ */ jsx82("span", {
|
|
15899
|
-
flexGrow: "fg1",
|
|
15900
|
-
textAlign: "tal"
|
|
15901
|
-
}), children: title }),
|
|
15570
|
+
/* @__PURE__ */ jsx82("span", { className: "fg1 tal", children: title }),
|
|
15902
15571
|
/* @__PURE__ */ jsx82(RotatingChevronIcon, { expanded })
|
|
15903
15572
|
] }),
|
|
15904
|
-
/* @__PURE__ */ jsx82("div", { ...tid.details, id, "aria-hidden": !expanded, ...
|
|
15573
|
+
/* @__PURE__ */ jsx82("div", { ...tid.details, id, "aria-hidden": !expanded, ...trussProps51({
|
|
15905
15574
|
overflow: "oh",
|
|
15906
15575
|
height: ["h_var", {
|
|
15907
15576
|
"--height": __maybeInc7(contentHeight)
|
|
15908
15577
|
}],
|
|
15909
15578
|
transition: "transition_height_250ms_ease_in_out"
|
|
15910
|
-
}), children: expanded && /* @__PURE__ */ jsx82("div", { ...
|
|
15579
|
+
}), children: expanded && /* @__PURE__ */ jsx82("div", { ...trussProps51({
|
|
15911
15580
|
paddingLeft: "pl2",
|
|
15912
15581
|
paddingRight: "pr2",
|
|
15913
15582
|
paddingBottom: "pb2",
|
|
@@ -15922,7 +15591,7 @@ function Accordion(props) {
|
|
|
15922
15591
|
] });
|
|
15923
15592
|
}
|
|
15924
15593
|
function RotatingChevronIcon(props) {
|
|
15925
|
-
return /* @__PURE__ */ jsx82("span", { ...
|
|
15594
|
+
return /* @__PURE__ */ jsx82("span", { ...trussProps51({
|
|
15926
15595
|
flexShrink: "fs0",
|
|
15927
15596
|
transition: "transition_transform_250ms_linear",
|
|
15928
15597
|
transform: ["transform_var", {
|
|
@@ -15971,8 +15640,7 @@ function assertNever(x) {
|
|
|
15971
15640
|
}
|
|
15972
15641
|
|
|
15973
15642
|
// src/components/AutoSaveIndicator.tsx
|
|
15974
|
-
import {
|
|
15975
|
-
import { jsx as jsx84, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
15643
|
+
import { jsx as jsx84, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
15976
15644
|
function AutoSaveIndicator({
|
|
15977
15645
|
hideOnIdle,
|
|
15978
15646
|
doNotReset
|
|
@@ -16005,9 +15673,7 @@ function AutoSaveIndicator({
|
|
|
16005
15673
|
* rendering it far away from the Icon/Text. Wrap it with a div to constrain
|
|
16006
15674
|
* it.
|
|
16007
15675
|
*/
|
|
16008
|
-
/* @__PURE__ */ jsx84("div", {
|
|
16009
|
-
display: "dif"
|
|
16010
|
-
}), children: /* @__PURE__ */ jsx84(Tooltip, { title: String(errors), placement: "bottom", children: /* @__PURE__ */ jsx84(Indicator, { icon: "error", color: "rgba(239, 68, 68, 1)" /* Red500 */, text: "Error saving" }) }) })
|
|
15676
|
+
/* @__PURE__ */ jsx84("div", { className: "dif", children: /* @__PURE__ */ jsx84(Tooltip, { title: String(errors), placement: "bottom", children: /* @__PURE__ */ jsx84(Indicator, { icon: "error", color: "rgba(239, 68, 68, 1)" /* Red500 */, text: "Error saving" }) }) })
|
|
16011
15677
|
);
|
|
16012
15678
|
default:
|
|
16013
15679
|
assertNever(status);
|
|
@@ -16018,23 +15684,15 @@ function Indicator({
|
|
|
16018
15684
|
icon,
|
|
16019
15685
|
color
|
|
16020
15686
|
}) {
|
|
16021
|
-
return /* @__PURE__ */
|
|
16022
|
-
display: "df",
|
|
16023
|
-
gap: "gap1",
|
|
16024
|
-
alignItems: "aic",
|
|
16025
|
-
color: "gray700",
|
|
16026
|
-
fontWeight: "fw6",
|
|
16027
|
-
fontSize: "fz_14px",
|
|
16028
|
-
lineHeight: "lh_20px"
|
|
16029
|
-
}), children: [
|
|
15687
|
+
return /* @__PURE__ */ jsxs50("div", { "data-testid": "autoSave", className: "df gap1 aic gray700 fw6 fz_14px lh_20px", children: [
|
|
16030
15688
|
/* @__PURE__ */ jsx84(Icon, { icon, color }),
|
|
16031
15689
|
text
|
|
16032
15690
|
] });
|
|
16033
15691
|
}
|
|
16034
15692
|
|
|
16035
15693
|
// src/components/Banner.tsx
|
|
16036
|
-
import { trussProps as
|
|
16037
|
-
import { jsx as jsx85, jsxs as
|
|
15694
|
+
import { trussProps as trussProps52 } from "@homebound/truss/runtime";
|
|
15695
|
+
import { jsx as jsx85, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
16038
15696
|
function Banner(props) {
|
|
16039
15697
|
const {
|
|
16040
15698
|
type,
|
|
@@ -16044,7 +15702,7 @@ function Banner(props) {
|
|
|
16044
15702
|
...others
|
|
16045
15703
|
} = props;
|
|
16046
15704
|
const tid = useTestIds(others, "banner");
|
|
16047
|
-
return /* @__PURE__ */
|
|
15705
|
+
return /* @__PURE__ */ jsxs51("div", { ...trussProps52({
|
|
16048
15706
|
...variantStyles2[type],
|
|
16049
15707
|
...{
|
|
16050
15708
|
display: "df",
|
|
@@ -16062,15 +15720,9 @@ function Banner(props) {
|
|
|
16062
15720
|
boxShadow: "bshBasic"
|
|
16063
15721
|
}
|
|
16064
15722
|
}), ...tid, role: "alert", children: [
|
|
16065
|
-
showIcon && /* @__PURE__ */ jsx85("span", { ...
|
|
16066
|
-
|
|
16067
|
-
|
|
16068
|
-
/* @__PURE__ */ jsx85("span", { ...trussProps63({
|
|
16069
|
-
flexGrow: "fg1"
|
|
16070
|
-
}), ...tid.message, children: message }),
|
|
16071
|
-
onClose && /* @__PURE__ */ jsx85("span", { ...trussProps63({
|
|
16072
|
-
lineHeight: "lh_0"
|
|
16073
|
-
}), children: /* @__PURE__ */ jsx85(IconButton, { icon: "x", onClick: onClose, ...tid.close, color: "rgba(36, 36, 36, 1)" /* Gray900 */ }) })
|
|
15723
|
+
showIcon && /* @__PURE__ */ jsx85("span", { className: "fs0", children: /* @__PURE__ */ jsx85(Icon, { icon: typeToIcon[type], ...tid.type, color: "rgba(36, 36, 36, 1)" /* Gray900 */ }) }),
|
|
15724
|
+
/* @__PURE__ */ jsx85("span", { className: "fg1", ...tid.message, children: message }),
|
|
15725
|
+
onClose && /* @__PURE__ */ jsx85("span", { className: "lh_0", children: /* @__PURE__ */ jsx85(IconButton, { icon: "x", onClick: onClose, ...tid.close, color: "rgba(36, 36, 36, 1)" /* Gray900 */ }) })
|
|
16074
15726
|
] });
|
|
16075
15727
|
}
|
|
16076
15728
|
var typeToIcon = {
|
|
@@ -16174,8 +15826,8 @@ function useModal() {
|
|
|
16174
15826
|
}
|
|
16175
15827
|
|
|
16176
15828
|
// src/components/Modal/Modal.tsx
|
|
16177
|
-
import { trussProps as
|
|
16178
|
-
import { Fragment as Fragment20, jsx as jsx87, jsxs as
|
|
15829
|
+
import { trussProps as trussProps53 } from "@homebound/truss/runtime";
|
|
15830
|
+
import { Fragment as Fragment20, jsx as jsx87, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
16179
15831
|
function Modal(props) {
|
|
16180
15832
|
const {
|
|
16181
15833
|
size = "md",
|
|
@@ -16255,18 +15907,7 @@ function Modal(props) {
|
|
|
16255
15907
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16256
15908
|
[modalBodyRef, modalFooterRef, modalHeaderRef]
|
|
16257
15909
|
);
|
|
16258
|
-
return /* @__PURE__ */ jsx87(ModalProvider, { children: /* @__PURE__ */ jsx87(OverlayContainer2, { children: /* @__PURE__ */ jsx87(AutoSaveStatusProvider, { children: /* @__PURE__ */ jsx87("div", { ...
|
|
16259
|
-
position: "fixed",
|
|
16260
|
-
top: "tp_0",
|
|
16261
|
-
bottom: "bot_0",
|
|
16262
|
-
left: "l_0",
|
|
16263
|
-
right: "r_0",
|
|
16264
|
-
display: "df",
|
|
16265
|
-
alignItems: "aic",
|
|
16266
|
-
justifyContent: "jcc",
|
|
16267
|
-
backgroundColor: "bgc_rgba_36_36_36_0_6",
|
|
16268
|
-
zIndex: "z4"
|
|
16269
|
-
}), ...underlayProps, ...testId.underlay, children: /* @__PURE__ */ jsx87(FocusScope4, { contain: true, restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ jsxs51("div", { ...trussProps64({
|
|
15910
|
+
return /* @__PURE__ */ jsx87(ModalProvider, { children: /* @__PURE__ */ jsx87(OverlayContainer2, { children: /* @__PURE__ */ jsx87(AutoSaveStatusProvider, { children: /* @__PURE__ */ jsx87("div", { className: "fixed tp_0 bot_0 l_0 r_0 df aic jcc bgc_rgba_36_36_36_0_6 z4", ...underlayProps, ...testId.underlay, children: /* @__PURE__ */ jsx87(FocusScope4, { contain: true, restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ jsxs52("div", { ...trussProps53({
|
|
16270
15911
|
borderRadius: "br24",
|
|
16271
15912
|
backgroundColor: "bgWhite",
|
|
16272
15913
|
boxShadow: "bshModal",
|
|
@@ -16292,7 +15933,7 @@ function Modal(props) {
|
|
|
16292
15933
|
borderRadius: "br0"
|
|
16293
15934
|
} : {}
|
|
16294
15935
|
}), ref, ...overlayProps, ...dialogProps, ...modalProps, ...testId, children: [
|
|
16295
|
-
/* @__PURE__ */
|
|
15936
|
+
/* @__PURE__ */ jsxs52("header", { ...trussProps53({
|
|
16296
15937
|
display: "df",
|
|
16297
15938
|
flexDirection: "fdrr",
|
|
16298
15939
|
paddingTop: "pt3",
|
|
@@ -16306,19 +15947,10 @@ function Modal(props) {
|
|
|
16306
15947
|
borderColor: "bcGray200"
|
|
16307
15948
|
} : {}
|
|
16308
15949
|
}), children: [
|
|
16309
|
-
/* @__PURE__ */ jsx87("span", {
|
|
16310
|
-
|
|
16311
|
-
paddingLeft: "pl1"
|
|
16312
|
-
}), children: allowClosing && /* @__PURE__ */ jsx87(IconButton, { icon: "x", onClick: closeModal, ...testId.titleClose }) }),
|
|
16313
|
-
/* @__PURE__ */ jsx87("h1", { ...trussProps64({
|
|
16314
|
-
flexGrow: "fg1",
|
|
16315
|
-
fontWeight: "fw6",
|
|
16316
|
-
fontSize: "fz_30px",
|
|
16317
|
-
lineHeight: "lh_36px",
|
|
16318
|
-
color: "gray900"
|
|
16319
|
-
}), ref: modalHeaderRef, ...titleProps, ...testId.title })
|
|
15950
|
+
/* @__PURE__ */ jsx87("span", { className: "fs0 pl1", children: allowClosing && /* @__PURE__ */ jsx87(IconButton, { icon: "x", onClick: closeModal, ...testId.titleClose }) }),
|
|
15951
|
+
/* @__PURE__ */ jsx87("h1", { className: "fg1 fw6 fz_30px lh_36px gray900", ref: modalHeaderRef, ...titleProps, ...testId.title })
|
|
16320
15952
|
] }),
|
|
16321
|
-
/* @__PURE__ */ jsx87("main", { ref: modalBodyRef, ...
|
|
15953
|
+
/* @__PURE__ */ jsx87("main", { ref: modalBodyRef, ...trussProps53({
|
|
16322
15954
|
flexGrow: "fg1",
|
|
16323
15955
|
overflowY: "oya",
|
|
16324
15956
|
...hasScroll ? {
|
|
@@ -16330,9 +15962,7 @@ function Modal(props) {
|
|
|
16330
15962
|
overflowY: "oys"
|
|
16331
15963
|
} : {}
|
|
16332
15964
|
}), children: content }),
|
|
16333
|
-
/* @__PURE__ */ jsx87("footer", {
|
|
16334
|
-
flexShrink: "fs0"
|
|
16335
|
-
}), children: /* @__PURE__ */ jsx87("div", { ref: modalFooterRef }) })
|
|
15965
|
+
/* @__PURE__ */ jsx87("footer", { className: "fs0", children: /* @__PURE__ */ jsx87("div", { ref: modalFooterRef }) })
|
|
16336
15966
|
] }) }) }) }) }) });
|
|
16337
15967
|
}
|
|
16338
15968
|
function ModalHeader({
|
|
@@ -16353,7 +15983,7 @@ function ModalBody({
|
|
|
16353
15983
|
const testId = useTestIds({}, testIdPrefix);
|
|
16354
15984
|
return createPortal2(
|
|
16355
15985
|
// If `virtualized`, then we are expecting the `children` will handle their own scrollbar, so have the overflow hidden and adjust padding
|
|
16356
|
-
/* @__PURE__ */ jsx87("div", { ...
|
|
15986
|
+
/* @__PURE__ */ jsx87("div", { ...trussProps53({
|
|
16357
15987
|
height: "h100",
|
|
16358
15988
|
...virtualized ? {
|
|
16359
15989
|
overflow: "oh",
|
|
@@ -16374,7 +16004,7 @@ function ModalFooter({
|
|
|
16374
16004
|
modalFooterDiv
|
|
16375
16005
|
} = useBeamContext();
|
|
16376
16006
|
const testId = useTestIds({}, testIdPrefix);
|
|
16377
|
-
return createPortal2(/* @__PURE__ */ jsx87("div", { ...
|
|
16007
|
+
return createPortal2(/* @__PURE__ */ jsx87("div", { ...trussProps53({
|
|
16378
16008
|
...{
|
|
16379
16009
|
paddingTop: "pt3",
|
|
16380
16010
|
paddingBottom: "pb3",
|
|
@@ -16409,8 +16039,8 @@ function getSize(size) {
|
|
|
16409
16039
|
import { createContext as createContext4, useContext as useContext13, useMemo as useMemo28, useState as useState32 } from "react";
|
|
16410
16040
|
|
|
16411
16041
|
// src/components/Snackbar/SnackbarNotice.tsx
|
|
16412
|
-
import { trussProps as
|
|
16413
|
-
import { jsx as jsx88, jsxs as
|
|
16042
|
+
import { trussProps as trussProps54 } from "@homebound/truss/runtime";
|
|
16043
|
+
import { jsx as jsx88, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
16414
16044
|
function SnackbarNotice(props) {
|
|
16415
16045
|
const {
|
|
16416
16046
|
icon,
|
|
@@ -16422,25 +16052,12 @@ function SnackbarNotice(props) {
|
|
|
16422
16052
|
} = props;
|
|
16423
16053
|
const tid = useTestIds(props, "snackbar");
|
|
16424
16054
|
const reallyHideClose = hideCloseButton && !persistent;
|
|
16425
|
-
return /* @__PURE__ */
|
|
16426
|
-
|
|
16427
|
-
backgroundColor: "bgGray800",
|
|
16428
|
-
borderRadius: "br4",
|
|
16429
|
-
fontWeight: "fw4",
|
|
16430
|
-
fontSize: "fz_16px",
|
|
16431
|
-
lineHeight: "lh_24px",
|
|
16432
|
-
display: "df",
|
|
16433
|
-
alignItems: "aic",
|
|
16434
|
-
maxWidth: "maxw_420px"
|
|
16435
|
-
}), ...tid, role: "alert", children: [
|
|
16436
|
-
icon && /* @__PURE__ */ jsx88("span", { ...trussProps65({
|
|
16437
|
-
flexShrink: "fs0",
|
|
16438
|
-
paddingLeft: "pl_12px"
|
|
16439
|
-
}), children: /* @__PURE__ */ jsx88(Icon, { ...typeToIcon2[icon], ...tid.icon }) }),
|
|
16055
|
+
return /* @__PURE__ */ jsxs53("div", { className: "white bgGray800 br4 fw4 fz_16px lh_24px df aic maxw_420px", ...tid, role: "alert", children: [
|
|
16056
|
+
icon && /* @__PURE__ */ jsx88("span", { className: "fs0 pl_12px", children: /* @__PURE__ */ jsx88(Icon, { ...typeToIcon2[icon], ...tid.icon }) }),
|
|
16440
16057
|
/* @__PURE__ */ jsx88(
|
|
16441
16058
|
"span",
|
|
16442
16059
|
{
|
|
16443
|
-
...
|
|
16060
|
+
...trussProps54({
|
|
16444
16061
|
overflow: "oh",
|
|
16445
16062
|
display: "d_negwebkit_box",
|
|
16446
16063
|
WebkitBoxOrient: "wbo_vertical",
|
|
@@ -16460,12 +16077,8 @@ function SnackbarNotice(props) {
|
|
|
16460
16077
|
children: message
|
|
16461
16078
|
}
|
|
16462
16079
|
),
|
|
16463
|
-
(action || !reallyHideClose) && /* @__PURE__ */
|
|
16464
|
-
|
|
16465
|
-
display: "df",
|
|
16466
|
-
alignItems: "aic"
|
|
16467
|
-
}), children: [
|
|
16468
|
-
action && /* @__PURE__ */ jsx88("span", { ...trussProps65({
|
|
16080
|
+
(action || !reallyHideClose) && /* @__PURE__ */ jsxs53("span", { className: "fs0 df aic", children: [
|
|
16081
|
+
action && /* @__PURE__ */ jsx88("span", { ...trussProps54({
|
|
16469
16082
|
textTransform: "ttu",
|
|
16470
16083
|
fontWeight: "fw4",
|
|
16471
16084
|
fontSize: "fz_14px",
|
|
@@ -16474,10 +16087,7 @@ function SnackbarNotice(props) {
|
|
|
16474
16087
|
"--paddingRight": `${!reallyHideClose && action.variant !== "text" ? 4 : 8}px`
|
|
16475
16088
|
}]
|
|
16476
16089
|
}), children: /* @__PURE__ */ jsx88(Button, { contrast: true, ...action, ...tid.action }) }),
|
|
16477
|
-
!reallyHideClose && /* @__PURE__ */ jsx88("span", {
|
|
16478
|
-
paddingRight: "pr1",
|
|
16479
|
-
lineHeight: "lineHeight_0"
|
|
16480
|
-
}), children: /* @__PURE__ */ jsx88(IconButton, { icon: "x", contrast: true, onClick: onClose, ...tid.close }) })
|
|
16090
|
+
!reallyHideClose && /* @__PURE__ */ jsx88("span", { className: "pr1 lineHeight_0", children: /* @__PURE__ */ jsx88(IconButton, { icon: "x", contrast: true, onClick: onClose, ...tid.close }) })
|
|
16481
16091
|
] })
|
|
16482
16092
|
] });
|
|
16483
16093
|
}
|
|
@@ -16506,7 +16116,7 @@ var typeToIcon2 = {
|
|
|
16506
16116
|
};
|
|
16507
16117
|
|
|
16508
16118
|
// src/components/Snackbar/Snackbar.tsx
|
|
16509
|
-
import { trussProps as
|
|
16119
|
+
import { trussProps as trussProps55 } from "@homebound/truss/runtime";
|
|
16510
16120
|
import { jsx as jsx89 } from "react/jsx-runtime";
|
|
16511
16121
|
function Snackbar({
|
|
16512
16122
|
notices,
|
|
@@ -16517,7 +16127,7 @@ function Snackbar({
|
|
|
16517
16127
|
"div",
|
|
16518
16128
|
{
|
|
16519
16129
|
...tid.snackbarWrapper,
|
|
16520
|
-
...
|
|
16130
|
+
...trussProps55({
|
|
16521
16131
|
position: "fixed",
|
|
16522
16132
|
zIndex: "z9999",
|
|
16523
16133
|
bottom: ["bottom_var", {
|
|
@@ -16538,7 +16148,7 @@ var defaultOffset = {
|
|
|
16538
16148
|
};
|
|
16539
16149
|
|
|
16540
16150
|
// src/components/Snackbar/SnackbarContext.tsx
|
|
16541
|
-
import { jsx as jsx90, jsxs as
|
|
16151
|
+
import { jsx as jsx90, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
16542
16152
|
var SnackbarContext = createContext4({ setNotices: () => {
|
|
16543
16153
|
}, setOffset: () => {
|
|
16544
16154
|
} });
|
|
@@ -16546,7 +16156,7 @@ function SnackbarProvider(props) {
|
|
|
16546
16156
|
const [notices, setNotices] = useState32([]);
|
|
16547
16157
|
const [offset, setOffset] = useState32({});
|
|
16548
16158
|
const contextValue = useMemo28(() => ({ setNotices, setOffset }), []);
|
|
16549
|
-
return /* @__PURE__ */
|
|
16159
|
+
return /* @__PURE__ */ jsxs54(SnackbarContext.Provider, { value: contextValue, children: [
|
|
16550
16160
|
props.children,
|
|
16551
16161
|
/* @__PURE__ */ jsx90(Snackbar, { notices, offset })
|
|
16552
16162
|
] });
|
|
@@ -16568,9 +16178,9 @@ var SuperDrawerWidth = /* @__PURE__ */ ((SuperDrawerWidth2) => {
|
|
|
16568
16178
|
})(SuperDrawerWidth || {});
|
|
16569
16179
|
|
|
16570
16180
|
// src/components/SuperDrawer/SuperDrawer.tsx
|
|
16571
|
-
import { trussProps as
|
|
16572
|
-
import { Fragment as Fragment21, jsx as jsx91, jsxs as
|
|
16573
|
-
import { createElement as
|
|
16181
|
+
import { trussProps as trussProps56 } from "@homebound/truss/runtime";
|
|
16182
|
+
import { Fragment as Fragment21, jsx as jsx91, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
16183
|
+
import { createElement as createElement2 } from "react";
|
|
16574
16184
|
function SuperDrawer() {
|
|
16575
16185
|
const {
|
|
16576
16186
|
drawerContentStack: contentStack,
|
|
@@ -16607,22 +16217,12 @@ function SuperDrawer() {
|
|
|
16607
16217
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16608
16218
|
[headerRef, content]
|
|
16609
16219
|
);
|
|
16610
|
-
return createPortal3(/* @__PURE__ */ jsx91(AnimatePresence, { children: content && /* @__PURE__ */ jsx91(Fragment21, { children: /* @__PURE__ */
|
|
16220
|
+
return createPortal3(/* @__PURE__ */ jsx91(AnimatePresence, { children: content && /* @__PURE__ */ jsx91(Fragment21, { children: /* @__PURE__ */ createElement2(
|
|
16611
16221
|
motion.div,
|
|
16612
16222
|
{
|
|
16613
16223
|
...testId,
|
|
16614
16224
|
key: "superDrawer",
|
|
16615
|
-
|
|
16616
|
-
position: "fixed",
|
|
16617
|
-
display: "df",
|
|
16618
|
-
justifyContent: "jcfe",
|
|
16619
|
-
backgroundColor: "backgroundColor_rgba_36_36_36_0_2",
|
|
16620
|
-
top: "top0",
|
|
16621
|
-
right: "right0",
|
|
16622
|
-
bottom: "bottom0",
|
|
16623
|
-
left: "left0",
|
|
16624
|
-
zIndex: "z3"
|
|
16625
|
-
}),
|
|
16225
|
+
className: "fixed df jcfe backgroundColor_rgba_36_36_36_0_2 top0 right0 bottom0 left0 z3",
|
|
16626
16226
|
initial: {
|
|
16627
16227
|
opacity: 0
|
|
16628
16228
|
},
|
|
@@ -16640,7 +16240,7 @@ function SuperDrawer() {
|
|
|
16640
16240
|
/* @__PURE__ */ jsx91(
|
|
16641
16241
|
motion.aside,
|
|
16642
16242
|
{
|
|
16643
|
-
...
|
|
16243
|
+
...trussProps56({
|
|
16644
16244
|
backgroundColor: "bgWhite",
|
|
16645
16245
|
height: "h100",
|
|
16646
16246
|
maxWidth: ["maxw_var", {
|
|
@@ -16670,24 +16270,9 @@ function SuperDrawer() {
|
|
|
16670
16270
|
x: width2
|
|
16671
16271
|
},
|
|
16672
16272
|
onClick: (e) => e.stopPropagation(),
|
|
16673
|
-
children: /* @__PURE__ */
|
|
16674
|
-
/* @__PURE__ */
|
|
16675
|
-
|
|
16676
|
-
paddingBottom: "pb3",
|
|
16677
|
-
paddingRight: "pr3",
|
|
16678
|
-
paddingLeft: "pl3",
|
|
16679
|
-
borderBottomStyle: "bbs_solid",
|
|
16680
|
-
borderBottomWidth: "bbw_1px",
|
|
16681
|
-
borderColor: "bcGray200",
|
|
16682
|
-
display: "df",
|
|
16683
|
-
alignItems: "aic",
|
|
16684
|
-
justifyContent: "jcsb",
|
|
16685
|
-
gap: "gap3"
|
|
16686
|
-
}), children: [
|
|
16687
|
-
/* @__PURE__ */ jsx91("div", { ref: headerRef, ...trussProps67({
|
|
16688
|
-
color: "gray900",
|
|
16689
|
-
flexGrow: "fg1"
|
|
16690
|
-
}) }),
|
|
16273
|
+
children: /* @__PURE__ */ jsxs55(AutoSaveStatusProvider, { children: [
|
|
16274
|
+
/* @__PURE__ */ jsxs55("header", { className: "pt3 pb3 pr3 pl3 bbs_solid bbw_1px bcGray200 df aic jcsb gap3", children: [
|
|
16275
|
+
/* @__PURE__ */ jsx91("div", { ref: headerRef, className: "gray900 fg1" }),
|
|
16691
16276
|
/* @__PURE__ */ jsx91(IconButton, { icon: "x", onClick: closeDrawer, ...testId.close })
|
|
16692
16277
|
] }),
|
|
16693
16278
|
content
|
|
@@ -16956,8 +16541,8 @@ import { Observer as Observer7 } from "mobx-react";
|
|
|
16956
16541
|
// src/inputs/IconCardGroup.tsx
|
|
16957
16542
|
import { useCallback as useCallback18, useMemo as useMemo29, useState as useState33 } from "react";
|
|
16958
16543
|
import { mergeProps as mergeProps19, useField } from "react-aria";
|
|
16959
|
-
import { trussProps as
|
|
16960
|
-
import { jsx as jsx98, jsxs as
|
|
16544
|
+
import { trussProps as trussProps57 } from "@homebound/truss/runtime";
|
|
16545
|
+
import { jsx as jsx98, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
16961
16546
|
function IconCardGroup(props) {
|
|
16962
16547
|
const {
|
|
16963
16548
|
fieldProps
|
|
@@ -17002,17 +16587,13 @@ function IconCardGroup(props) {
|
|
|
17002
16587
|
"aria-disabled": isDisabled || void 0,
|
|
17003
16588
|
...fieldPropsAria
|
|
17004
16589
|
});
|
|
17005
|
-
return /* @__PURE__ */
|
|
17006
|
-
labelStyle !== "hidden" && /* @__PURE__ */ jsx98("div", { ...
|
|
16590
|
+
return /* @__PURE__ */ jsxs56("div", { ...groupProps, children: [
|
|
16591
|
+
labelStyle !== "hidden" && /* @__PURE__ */ jsx98("div", { ...trussProps57({
|
|
17007
16592
|
...labelStyle === "left" ? {
|
|
17008
16593
|
width: "w50"
|
|
17009
16594
|
} : {}
|
|
17010
16595
|
}), children: /* @__PURE__ */ jsx98(Label, { label, ...labelProps, ...tid.label }) }),
|
|
17011
|
-
/* @__PURE__ */ jsx98("div", {
|
|
17012
|
-
display: "df",
|
|
17013
|
-
gap: "gap2",
|
|
17014
|
-
flexWrap: "flexWrap_wrap"
|
|
17015
|
-
}), children: options.map((option) => {
|
|
16596
|
+
/* @__PURE__ */ jsx98("div", { className: "df gap2 flexWrap_wrap", children: options.map((option) => {
|
|
17016
16597
|
const {
|
|
17017
16598
|
icon,
|
|
17018
16599
|
label: label2,
|
|
@@ -17049,8 +16630,7 @@ function BoundIconCardGroupField(props) {
|
|
|
17049
16630
|
|
|
17050
16631
|
// src/forms/BoundListField.tsx
|
|
17051
16632
|
import { Observer as Observer8 } from "mobx-react";
|
|
17052
|
-
import {
|
|
17053
|
-
import { Fragment as Fragment22, jsx as jsx100, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
16633
|
+
import { Fragment as Fragment22, jsx as jsx100, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
17054
16634
|
function ListField({
|
|
17055
16635
|
row,
|
|
17056
16636
|
formState
|
|
@@ -17067,11 +16647,7 @@ function ListField({
|
|
|
17067
16647
|
const tid = useTestIds({}, "listField");
|
|
17068
16648
|
const filteredRows = useComputed(() => filterDeleted ? listFieldObjectState.rows.filter((rowState) => filterDeleted(rowState)) : listFieldObjectState.rows, [filterDeleted]);
|
|
17069
16649
|
const listIsValid = useComputed(() => listFieldObjectState.valid, [filteredRows]);
|
|
17070
|
-
return /* @__PURE__ */ jsx100(Observer8, { children: () => /* @__PURE__ */
|
|
17071
|
-
display: "df",
|
|
17072
|
-
flexDirection: "fdc",
|
|
17073
|
-
gap: "gap3"
|
|
17074
|
-
}), ...tid, children: [
|
|
16650
|
+
return /* @__PURE__ */ jsx100(Observer8, { children: () => /* @__PURE__ */ jsxs57("div", { className: "df fdc gap3", ...tid, children: [
|
|
17075
16651
|
filteredRows.map((rowState, index) => /* @__PURE__ */ jsx100(ListFieldRowInputs, { rowState, rowNumber: index + 1, listFieldConfig, formState, listFieldKey }, `listFieldRowInputs-${listFieldKey}-${index}`)),
|
|
17076
16652
|
/* @__PURE__ */ jsx100("div", { children: /* @__PURE__ */ jsx100(Button, { icon: "plus", label: `Add ${listFieldConfig.name}`, onClick: () => onNew(listFieldObjectState), variant: "secondary", disabled: !listIsValid }) })
|
|
17077
16653
|
] }) });
|
|
@@ -17087,16 +16663,9 @@ function ListFieldRowInputs({
|
|
|
17087
16663
|
onDelete
|
|
17088
16664
|
} = listFieldConfig;
|
|
17089
16665
|
const tid = useTestIds({}, "listFieldRow");
|
|
17090
|
-
return /* @__PURE__ */
|
|
17091
|
-
/* @__PURE__ */
|
|
17092
|
-
|
|
17093
|
-
justifyContent: "jcsb"
|
|
17094
|
-
}), ...tid, children: [
|
|
17095
|
-
/* @__PURE__ */ jsxs56("span", { ...trussProps69({
|
|
17096
|
-
fontWeight: "fw6",
|
|
17097
|
-
fontSize: "fz_16px",
|
|
17098
|
-
lineHeight: "lh_24px"
|
|
17099
|
-
}), ...tid.name, children: [
|
|
16666
|
+
return /* @__PURE__ */ jsxs57(Fragment22, { children: [
|
|
16667
|
+
/* @__PURE__ */ jsxs57("div", { className: "df jcsb", ...tid, children: [
|
|
16668
|
+
/* @__PURE__ */ jsxs57("span", { className: "fw6 fz_16px lh_24px", ...tid.name, children: [
|
|
17100
16669
|
listFieldConfig.name,
|
|
17101
16670
|
" ",
|
|
17102
16671
|
rowNumber
|
|
@@ -17565,7 +17134,7 @@ function BoundTreeSelectField(props) {
|
|
|
17565
17134
|
|
|
17566
17135
|
// src/forms/FormLines.tsx
|
|
17567
17136
|
import { Children, cloneElement } from "react";
|
|
17568
|
-
import { trussProps as
|
|
17137
|
+
import { trussProps as trussProps58 } from "@homebound/truss/runtime";
|
|
17569
17138
|
import { jsx as jsx112 } from "react/jsx-runtime";
|
|
17570
17139
|
var __maybeInc8 = (inc) => {
|
|
17571
17140
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
@@ -17601,7 +17170,7 @@ function FormLines(props) {
|
|
|
17601
17170
|
fullWidth: true
|
|
17602
17171
|
} : {}
|
|
17603
17172
|
};
|
|
17604
|
-
return /* @__PURE__ */ jsx112(PresentationProvider, { fieldProps: newFieldProps, children: /* @__PURE__ */ jsx112("div", { ...
|
|
17173
|
+
return /* @__PURE__ */ jsx112(PresentationProvider, { fieldProps: newFieldProps, children: /* @__PURE__ */ jsx112("div", { ...trussProps58({
|
|
17605
17174
|
display: "df",
|
|
17606
17175
|
flexDirection: "fdc",
|
|
17607
17176
|
gap: ["gap_var", {
|
|
@@ -17625,10 +17194,7 @@ function FormLines(props) {
|
|
|
17625
17194
|
}) }) });
|
|
17626
17195
|
}
|
|
17627
17196
|
function FormDivider() {
|
|
17628
|
-
return /* @__PURE__ */ jsx112("div", {
|
|
17629
|
-
height: "h_1px",
|
|
17630
|
-
backgroundColor: "bgGray200"
|
|
17631
|
-
}) });
|
|
17197
|
+
return /* @__PURE__ */ jsx112("div", { className: "h_1px bgGray200" });
|
|
17632
17198
|
}
|
|
17633
17199
|
function FieldGroup(props) {
|
|
17634
17200
|
const {
|
|
@@ -17640,7 +17206,7 @@ function FieldGroup(props) {
|
|
|
17640
17206
|
const width2 = widths2[i] || 1;
|
|
17641
17207
|
return typeof width2 === `number` ? `${width2}fr` : width2;
|
|
17642
17208
|
}).join(" ");
|
|
17643
|
-
return /* @__PURE__ */ jsx112("div", { ...
|
|
17209
|
+
return /* @__PURE__ */ jsx112("div", { ...trussProps58({
|
|
17644
17210
|
display: "dg",
|
|
17645
17211
|
gap: "gap2",
|
|
17646
17212
|
gridTemplateColumns: ["gtc_var", {
|
|
@@ -17656,9 +17222,9 @@ var sizes = {
|
|
|
17656
17222
|
};
|
|
17657
17223
|
|
|
17658
17224
|
// src/forms/BoundForm.tsx
|
|
17659
|
-
import { trussProps as
|
|
17225
|
+
import { trussProps as trussProps59 } from "@homebound/truss/runtime";
|
|
17660
17226
|
import { jsx as jsx113 } from "react/jsx-runtime";
|
|
17661
|
-
import { createElement as
|
|
17227
|
+
import { createElement as createElement3 } from "react";
|
|
17662
17228
|
var reactNodePrefix = "reactNode";
|
|
17663
17229
|
var listFieldPrefix = "listField";
|
|
17664
17230
|
function BoundForm(props) {
|
|
@@ -17707,16 +17273,11 @@ function FormRow({
|
|
|
17707
17273
|
}, [row, formState]);
|
|
17708
17274
|
const isLoading = useComputed(() => formState.loading, [formState]);
|
|
17709
17275
|
const itemFlexBasis = 100 / componentsWithConfig.length - 3;
|
|
17710
|
-
return /* @__PURE__ */ jsx113("div", { ...
|
|
17711
|
-
display: "df",
|
|
17712
|
-
flexWrap: "fww",
|
|
17713
|
-
alignItems: "aic",
|
|
17714
|
-
gap: "gap2"
|
|
17715
|
-
}), ...tid, children: componentsWithConfig.map(({
|
|
17276
|
+
return /* @__PURE__ */ jsx113("div", { className: "df fww aic gap2", ...tid, children: componentsWithConfig.map(({
|
|
17716
17277
|
component,
|
|
17717
17278
|
key,
|
|
17718
17279
|
minWidth
|
|
17719
|
-
}) => /* @__PURE__ */
|
|
17280
|
+
}) => /* @__PURE__ */ createElement3("div", { ...trussProps59({
|
|
17720
17281
|
minWidth: ["mw_var", {
|
|
17721
17282
|
"--minWidth": minWidth
|
|
17722
17283
|
}],
|
|
@@ -17834,8 +17395,8 @@ function boundTreeSelectField(props) {
|
|
|
17834
17395
|
|
|
17835
17396
|
// src/components/internal/CompoundField.tsx
|
|
17836
17397
|
import { cloneElement as cloneElement2, useState as useState34 } from "react";
|
|
17837
|
-
import { trussProps as
|
|
17838
|
-
import { jsx as jsx114, jsxs as
|
|
17398
|
+
import { trussProps as trussProps60 } from "@homebound/truss/runtime";
|
|
17399
|
+
import { jsx as jsx114, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
17839
17400
|
function CompoundField({
|
|
17840
17401
|
children
|
|
17841
17402
|
}) {
|
|
@@ -17867,10 +17428,8 @@ function CompoundField({
|
|
|
17867
17428
|
}
|
|
17868
17429
|
setHasFocusWithin(false);
|
|
17869
17430
|
}
|
|
17870
|
-
return /* @__PURE__ */
|
|
17871
|
-
|
|
17872
|
-
}), onFocusCapture, onBlurCapture, children: [
|
|
17873
|
-
/* @__PURE__ */ jsx114("div", { ...trussProps72({
|
|
17431
|
+
return /* @__PURE__ */ jsxs58("div", { className: "df", onFocusCapture, onBlurCapture, children: [
|
|
17432
|
+
/* @__PURE__ */ jsx114("div", { ...trussProps60({
|
|
17874
17433
|
...commonStyles,
|
|
17875
17434
|
...{
|
|
17876
17435
|
borderLeftStyle: "bls_solid",
|
|
@@ -17883,7 +17442,7 @@ function CompoundField({
|
|
|
17883
17442
|
}), children: cloneElement2(children[0], {
|
|
17884
17443
|
internalProps
|
|
17885
17444
|
}) }),
|
|
17886
|
-
/* @__PURE__ */ jsx114("div", { ...
|
|
17445
|
+
/* @__PURE__ */ jsx114("div", { ...trussProps60({
|
|
17887
17446
|
...{
|
|
17888
17447
|
width: "w_1px",
|
|
17889
17448
|
flex: "fn",
|
|
@@ -17893,7 +17452,7 @@ function CompoundField({
|
|
|
17893
17452
|
backgroundColor: "bgBlue700"
|
|
17894
17453
|
}
|
|
17895
17454
|
}) }),
|
|
17896
|
-
/* @__PURE__ */ jsx114("div", { ...
|
|
17455
|
+
/* @__PURE__ */ jsx114("div", { ...trussProps60({
|
|
17897
17456
|
...commonStyles,
|
|
17898
17457
|
...{
|
|
17899
17458
|
flexGrow: "fg1",
|
|
@@ -17911,11 +17470,11 @@ function CompoundField({
|
|
|
17911
17470
|
}
|
|
17912
17471
|
|
|
17913
17472
|
// src/forms/BoundSelectAndTextField.tsx
|
|
17914
|
-
import { jsx as jsx115, jsxs as
|
|
17473
|
+
import { jsx as jsx115, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
17915
17474
|
function BoundSelectAndTextField(props) {
|
|
17916
17475
|
const { selectFieldProps, textFieldProps, compact = true } = props;
|
|
17917
17476
|
const tid = useTestIds(props);
|
|
17918
|
-
return /* @__PURE__ */
|
|
17477
|
+
return /* @__PURE__ */ jsxs59(CompoundField, { children: [
|
|
17919
17478
|
/* @__PURE__ */ jsx115(
|
|
17920
17479
|
BoundSelectField,
|
|
17921
17480
|
{
|
|
@@ -17937,7 +17496,7 @@ function BoundSelectAndTextField(props) {
|
|
|
17937
17496
|
}
|
|
17938
17497
|
|
|
17939
17498
|
// src/forms/FormHeading.tsx
|
|
17940
|
-
import { trussProps as
|
|
17499
|
+
import { trussProps as trussProps61 } from "@homebound/truss/runtime";
|
|
17941
17500
|
import { jsx as jsx116 } from "react/jsx-runtime";
|
|
17942
17501
|
function FormHeading(props) {
|
|
17943
17502
|
const {
|
|
@@ -17948,7 +17507,7 @@ function FormHeading(props) {
|
|
|
17948
17507
|
} = props;
|
|
17949
17508
|
return (
|
|
17950
17509
|
// Add space before the heading, but only if it's not first.
|
|
17951
|
-
/* @__PURE__ */ jsx116("h3", { ...
|
|
17510
|
+
/* @__PURE__ */ jsx116("h3", { ...trussProps61({
|
|
17952
17511
|
...{
|
|
17953
17512
|
fontWeight: "fw4",
|
|
17954
17513
|
fontSize: "fz_16px",
|
|
@@ -17965,8 +17524,8 @@ FormHeading.isFormHeading = true;
|
|
|
17965
17524
|
|
|
17966
17525
|
// src/forms/StaticField.tsx
|
|
17967
17526
|
import { useId as useId2 } from "@react-aria/utils";
|
|
17968
|
-
import { trussProps as
|
|
17969
|
-
import { jsx as jsx117, jsxs as
|
|
17527
|
+
import { trussProps as trussProps62 } from "@homebound/truss/runtime";
|
|
17528
|
+
import { jsx as jsx117, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
17970
17529
|
function StaticField(props) {
|
|
17971
17530
|
const {
|
|
17972
17531
|
fieldProps
|
|
@@ -17979,22 +17538,15 @@ function StaticField(props) {
|
|
|
17979
17538
|
} = props;
|
|
17980
17539
|
const tid = useTestIds(props, typeof label === "string" ? defaultTestId(label) : "staticField");
|
|
17981
17540
|
const id = useId2();
|
|
17982
|
-
return /* @__PURE__ */
|
|
17541
|
+
return /* @__PURE__ */ jsxs60("div", { ...trussProps62({
|
|
17983
17542
|
...labelStyle === "left" ? {
|
|
17984
17543
|
display: "df",
|
|
17985
17544
|
justifyContent: "jcsb",
|
|
17986
17545
|
maxWidth: "maxw100"
|
|
17987
17546
|
} : {}
|
|
17988
17547
|
}), ...tid.container, children: [
|
|
17989
|
-
/* @__PURE__ */ jsx117("label", { ...
|
|
17990
|
-
|
|
17991
|
-
fontWeight: "fw4",
|
|
17992
|
-
fontSize: "fz_14px",
|
|
17993
|
-
lineHeight: "lh_20px",
|
|
17994
|
-
color: "gray700",
|
|
17995
|
-
marginBottom: "mb_4px"
|
|
17996
|
-
}), htmlFor: id, ...tid.label, children: label }),
|
|
17997
|
-
/* @__PURE__ */ jsx117("div", { id, ...trussProps74({
|
|
17548
|
+
/* @__PURE__ */ jsx117("label", { className: "db fw4 fz_14px lh_20px gray700 mb_4px", htmlFor: id, ...tid.label, children: label }),
|
|
17549
|
+
/* @__PURE__ */ jsx117("div", { id, ...trussProps62({
|
|
17998
17550
|
fontWeight: "fw4",
|
|
17999
17551
|
fontSize: "fz_14px",
|
|
18000
17552
|
lineHeight: "lh_20px",
|
|
@@ -18042,8 +17594,8 @@ import { useDebouncedCallback as useDebouncedCallback5 } from "use-debounce";
|
|
|
18042
17594
|
// src/components/RightSidebar.tsx
|
|
18043
17595
|
import { AnimatePresence as AnimatePresence2, motion as motion2 } from "framer-motion";
|
|
18044
17596
|
import { useState as useState35 } from "react";
|
|
18045
|
-
import { trussProps as
|
|
18046
|
-
import { Fragment as Fragment23, jsx as jsx119, jsxs as
|
|
17597
|
+
import { trussProps as trussProps63 } from "@homebound/truss/runtime";
|
|
17598
|
+
import { Fragment as Fragment23, jsx as jsx119, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
18047
17599
|
var RIGHT_SIDEBAR_MIN_WIDTH = "250px";
|
|
18048
17600
|
function RightSidebar({
|
|
18049
17601
|
content,
|
|
@@ -18051,19 +17603,8 @@ function RightSidebar({
|
|
|
18051
17603
|
}) {
|
|
18052
17604
|
const [selectedIcon, setSelectedIcon] = useState35(void 0);
|
|
18053
17605
|
const tid = useTestIds({}, "rightSidebar");
|
|
18054
|
-
return /* @__PURE__ */
|
|
18055
|
-
/* @__PURE__ */ jsx119("div", {
|
|
18056
|
-
display: "df",
|
|
18057
|
-
justifyContent: "jcfe",
|
|
18058
|
-
position: "absolute",
|
|
18059
|
-
right: "right0",
|
|
18060
|
-
paddingRight: "pr3"
|
|
18061
|
-
}), children: /* @__PURE__ */ jsx119(AnimatePresence2, { children: !selectedIcon && /* @__PURE__ */ jsx119(motion2.div, { ...trussProps75({
|
|
18062
|
-
display: "df",
|
|
18063
|
-
flexDirection: "fdc",
|
|
18064
|
-
gap: "gap2",
|
|
18065
|
-
zIndex: "z1"
|
|
18066
|
-
}), initial: {
|
|
17606
|
+
return /* @__PURE__ */ jsxs61(Fragment23, { children: [
|
|
17607
|
+
/* @__PURE__ */ jsx119("div", { className: "df jcfe absolute right0 pr3", children: /* @__PURE__ */ jsx119(AnimatePresence2, { children: !selectedIcon && /* @__PURE__ */ jsx119(motion2.div, { className: "df fdc gap2 z1", initial: {
|
|
18067
17608
|
x: "100%",
|
|
18068
17609
|
opacity: 0
|
|
18069
17610
|
}, animate: {
|
|
@@ -18093,7 +17634,7 @@ function RightSidebar({
|
|
|
18093
17634
|
duration: 0.2
|
|
18094
17635
|
},
|
|
18095
17636
|
x: "100%"
|
|
18096
|
-
}, ...
|
|
17637
|
+
}, ...trussProps63({
|
|
18097
17638
|
width: "w100",
|
|
18098
17639
|
minWidth: ["mw_var", {
|
|
18099
17640
|
"--minWidth": RIGHT_SIDEBAR_MIN_WIDTH
|
|
@@ -18105,13 +17646,9 @@ function RightSidebar({
|
|
|
18105
17646
|
overflowY: "oya",
|
|
18106
17647
|
paddingLeft: "pl4",
|
|
18107
17648
|
paddingRight: "pr3"
|
|
18108
|
-
}), children: /* @__PURE__ */
|
|
18109
|
-
/* @__PURE__ */
|
|
18110
|
-
|
|
18111
|
-
top: "top0",
|
|
18112
|
-
backgroundColor: "bgWhite"
|
|
18113
|
-
}), children: [
|
|
18114
|
-
/* @__PURE__ */ jsxs60("div", { ...trussProps75({
|
|
17649
|
+
}), children: /* @__PURE__ */ jsxs61(Fragment23, { children: [
|
|
17650
|
+
/* @__PURE__ */ jsxs61("div", { className: "sticky top0 bgWhite", children: [
|
|
17651
|
+
/* @__PURE__ */ jsxs61("div", { ...trussProps63({
|
|
18115
17652
|
position: "absolute",
|
|
18116
17653
|
left: ["left_var", {
|
|
18117
17654
|
"--left": `${-24}px`
|
|
@@ -18122,25 +17659,11 @@ function RightSidebar({
|
|
|
18122
17659
|
alignItems: "aic"
|
|
18123
17660
|
}), children: [
|
|
18124
17661
|
/* @__PURE__ */ jsx119(IconButton, { bgColor: "rgba(255,255,255,1)" /* White */, circle: true, onClick: () => setSelectedIcon(void 0), icon: "x", inc: 3.5 }),
|
|
18125
|
-
/* @__PURE__ */ jsx119("div", {
|
|
18126
|
-
position: "absolute",
|
|
18127
|
-
top: "top_48px",
|
|
18128
|
-
height: "h_calc_100vh_168px",
|
|
18129
|
-
width: "w_1px",
|
|
18130
|
-
backgroundColor: "bgGray300"
|
|
18131
|
-
}) })
|
|
17662
|
+
/* @__PURE__ */ jsx119("div", { className: "absolute top_48px h_calc_100vh_168px w_1px bgGray300" })
|
|
18132
17663
|
] }),
|
|
18133
|
-
/* @__PURE__ */ jsx119("div", {
|
|
18134
|
-
display: "df",
|
|
18135
|
-
alignItems: "aic",
|
|
18136
|
-
justifyContent: "jcfe",
|
|
18137
|
-
gap: "gap2",
|
|
18138
|
-
marginBottom: "mb3"
|
|
18139
|
-
}), children: /* @__PURE__ */ jsx119(IconButtonList, { content, selectedIcon, onIconClick: setSelectedIcon }) })
|
|
17664
|
+
/* @__PURE__ */ jsx119("div", { className: "df aic jcfe gap2 mb3", children: /* @__PURE__ */ jsx119(IconButtonList, { content, selectedIcon, onIconClick: setSelectedIcon }) })
|
|
18140
17665
|
] }),
|
|
18141
|
-
selectedIcon && /* @__PURE__ */ jsx119("div", { ...tid.content,
|
|
18142
|
-
paddingLeft: "pl3"
|
|
18143
|
-
}), children: content.find((sidebar) => sidebar.icon === selectedIcon)?.render() })
|
|
17666
|
+
selectedIcon && /* @__PURE__ */ jsx119("div", { ...tid.content, className: "pl3", children: content.find((sidebar) => sidebar.icon === selectedIcon)?.render() })
|
|
18144
17667
|
] }) }, "rightSidebar") })
|
|
18145
17668
|
] });
|
|
18146
17669
|
}
|
|
@@ -18196,8 +17719,8 @@ function Toast() {
|
|
|
18196
17719
|
// src/components/Layout/PageHeaderBreadcrumbs.tsx
|
|
18197
17720
|
import { Fragment as Fragment25, useMemo as useMemo32, useState as useState37 } from "react";
|
|
18198
17721
|
import { Link as Link4 } from "react-router-dom";
|
|
18199
|
-
import {
|
|
18200
|
-
import { Fragment as Fragment26, jsx as jsx122, jsxs as
|
|
17722
|
+
import { mergeProps as mergeProps20 } from "@homebound/truss/runtime";
|
|
17723
|
+
import { Fragment as Fragment26, jsx as jsx122, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
18201
17724
|
function PageHeaderBreadcrumbs({
|
|
18202
17725
|
breadcrumb
|
|
18203
17726
|
}) {
|
|
@@ -18207,17 +17730,8 @@ function PageHeaderBreadcrumbs({
|
|
|
18207
17730
|
function renderBreadcrumb(bc, index, hideDivisor) {
|
|
18208
17731
|
return (
|
|
18209
17732
|
// Adding index to key to prevent rendering issues when multiple items have the same label
|
|
18210
|
-
/* @__PURE__ */
|
|
18211
|
-
index > 0 && !hideDivisor && /* @__PURE__ */ jsx122("span", {
|
|
18212
|
-
fontWeight: "fw6",
|
|
18213
|
-
fontSize: "fz_14px",
|
|
18214
|
-
lineHeight: "lh_20px",
|
|
18215
|
-
color: "gray700",
|
|
18216
|
-
marginLeft: "ml1",
|
|
18217
|
-
marginRight: "mr1",
|
|
18218
|
-
marginTop: "mt_2px",
|
|
18219
|
-
marginBottom: "mb_2px"
|
|
18220
|
-
}), children: "/" }),
|
|
17733
|
+
/* @__PURE__ */ jsxs62(Fragment25, { children: [
|
|
17734
|
+
index > 0 && !hideDivisor && /* @__PURE__ */ jsx122("span", { className: "fw6 fz_14px lh_20px gray700 ml1 mr1 mt_2px mb_2px", children: "/" }),
|
|
18221
17735
|
/* @__PURE__ */ jsx122(Link4, { to: bc.href, ...mergeProps20("navLink", void 0, {
|
|
18222
17736
|
fontWeight: "fw6",
|
|
18223
17737
|
fontSize: "fz_14px",
|
|
@@ -18228,25 +17742,17 @@ function PageHeaderBreadcrumbs({
|
|
|
18228
17742
|
] }, `${bc.label}-${index}`)
|
|
18229
17743
|
);
|
|
18230
17744
|
}
|
|
18231
|
-
return /* @__PURE__ */ jsx122("div", {
|
|
18232
|
-
display: "df",
|
|
18233
|
-
alignItems: "aic",
|
|
18234
|
-
marginBottom: "mb_4px"
|
|
18235
|
-
}), children: breadcrumbs.length > 3 && collapsed ? /* @__PURE__ */ jsxs61(Fragment26, { children: [
|
|
17745
|
+
return /* @__PURE__ */ jsx122("div", { className: "df aic mb_4px", children: breadcrumbs.length > 3 && collapsed ? /* @__PURE__ */ jsxs62(Fragment26, { children: [
|
|
18236
17746
|
renderBreadcrumb(breadcrumbs[0], 0),
|
|
18237
|
-
/* @__PURE__ */ jsx122("button", { ...tids.expand, ...
|
|
18238
|
-
color: "gray700",
|
|
18239
|
-
paddingLeft: "pl1",
|
|
18240
|
-
paddingRight: "pr1"
|
|
18241
|
-
}), onClick: () => setCollapsed(false), children: "..." }),
|
|
17747
|
+
/* @__PURE__ */ jsx122("button", { ...tids.expand, className: "gray700 pl1 pr1", onClick: () => setCollapsed(false), children: "..." }),
|
|
18242
17748
|
renderBreadcrumb(breadcrumbs[breadcrumbs.length - 2], breadcrumbs.length - 2, true),
|
|
18243
17749
|
renderBreadcrumb(breadcrumbs[breadcrumbs.length - 1], breadcrumbs.length - 1)
|
|
18244
17750
|
] }) : breadcrumbs.map((bc, i) => renderBreadcrumb(bc, i)) });
|
|
18245
17751
|
}
|
|
18246
17752
|
|
|
18247
17753
|
// src/components/Layout/FormPageLayout.tsx
|
|
18248
|
-
import { trussProps as
|
|
18249
|
-
import { jsx as jsx123, jsxs as
|
|
17754
|
+
import { trussProps as trussProps64 } from "@homebound/truss/runtime";
|
|
17755
|
+
import { jsx as jsx123, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
18250
17756
|
var headerHeightPx = 120;
|
|
18251
17757
|
var maxContentWidthPx = 1600;
|
|
18252
17758
|
function FormPageLayoutComponent(props) {
|
|
@@ -18268,19 +17774,7 @@ function FormPageLayoutComponent(props) {
|
|
|
18268
17774
|
// since this layout will be replacing most superdrawers/sidebars, we keep the listing mounted below to preserve the users's
|
|
18269
17775
|
// scroll position & filters
|
|
18270
17776
|
// Adding "align-items: start" allows "position: sticky" to work within a grid for the sidebars
|
|
18271
|
-
/* @__PURE__ */ jsx123("div", { ...
|
|
18272
|
-
position: "fixed",
|
|
18273
|
-
top: "top0",
|
|
18274
|
-
bottom: "bottom0",
|
|
18275
|
-
left: "left0",
|
|
18276
|
-
right: "right0",
|
|
18277
|
-
zIndex: "z_1000",
|
|
18278
|
-
overflowY: "oya",
|
|
18279
|
-
backgroundColor: "bgWhite",
|
|
18280
|
-
display: "df",
|
|
18281
|
-
justifyContent: "jcc",
|
|
18282
|
-
alignItems: "aifs"
|
|
18283
|
-
}), ...tids, children: /* @__PURE__ */ jsxs62("div", { ...trussProps77({
|
|
17777
|
+
/* @__PURE__ */ jsx123("div", { className: "fixed top0 bottom0 left0 right0 z_1000 oya bgWhite df jcc aifs", ...tids, children: /* @__PURE__ */ jsxs63("div", { ...trussProps64({
|
|
18284
17778
|
width: "w100",
|
|
18285
17779
|
maxWidth: ["maxw_var", {
|
|
18286
17780
|
"--maxWidth": `${maxContentWidthPx}px`
|
|
@@ -18296,7 +17790,7 @@ function FormPageLayoutComponent(props) {
|
|
|
18296
17790
|
/* @__PURE__ */ jsx123(PageHeader, { ...props, ...tids.pageHeader }),
|
|
18297
17791
|
/* @__PURE__ */ jsx123(LeftNav, { sectionsWithRefs, ...tids }),
|
|
18298
17792
|
/* @__PURE__ */ jsx123(FormSections, { sectionsWithRefs, formState, ...tids }),
|
|
18299
|
-
rightSideBar && /* @__PURE__ */ jsx123("aside", { ...
|
|
17793
|
+
rightSideBar && /* @__PURE__ */ jsx123("aside", { ...trussProps64({
|
|
18300
17794
|
gridRow: "gr_2",
|
|
18301
17795
|
gridColumn: "gc_3_4",
|
|
18302
17796
|
position: "sticky",
|
|
@@ -18321,7 +17815,7 @@ function PageHeader(props) {
|
|
|
18321
17815
|
notice
|
|
18322
17816
|
} = useToastContext();
|
|
18323
17817
|
const tids = useTestIds(props);
|
|
18324
|
-
return /* @__PURE__ */
|
|
17818
|
+
return /* @__PURE__ */ jsxs63("header", { ...trussProps64({
|
|
18325
17819
|
gridRow: "gr_1",
|
|
18326
17820
|
gridColumn: "gc_1_4",
|
|
18327
17821
|
position: "sticky",
|
|
@@ -18335,27 +17829,12 @@ function PageHeader(props) {
|
|
|
18335
17829
|
} : {}
|
|
18336
17830
|
}), ...tids, children: [
|
|
18337
17831
|
/* @__PURE__ */ jsx123(Toast, {}),
|
|
18338
|
-
/* @__PURE__ */
|
|
18339
|
-
|
|
18340
|
-
paddingBottom: "pb2",
|
|
18341
|
-
paddingLeft: "pl3",
|
|
18342
|
-
paddingRight: "pr3",
|
|
18343
|
-
display: "df",
|
|
18344
|
-
justifyContent: "jcsb",
|
|
18345
|
-
alignItems: "aic"
|
|
18346
|
-
}), children: [
|
|
18347
|
-
/* @__PURE__ */ jsxs62("div", { children: [
|
|
17832
|
+
/* @__PURE__ */ jsxs63("div", { className: "pt2 pb2 pl3 pr3 df jcsb aic", children: [
|
|
17833
|
+
/* @__PURE__ */ jsxs63("div", { children: [
|
|
18348
17834
|
breadCrumb && /* @__PURE__ */ jsx123(PageHeaderBreadcrumbs, { breadcrumb: breadCrumb }),
|
|
18349
|
-
/* @__PURE__ */ jsx123("h1", { ...
|
|
18350
|
-
fontWeight: "fw6",
|
|
18351
|
-
fontSize: "fz_30px",
|
|
18352
|
-
lineHeight: "lh_36px"
|
|
18353
|
-
}), ...tids.pageTitle, children: pageTitle })
|
|
17835
|
+
/* @__PURE__ */ jsx123("h1", { className: "fw6 fz_30px lh_36px", ...tids.pageTitle, children: pageTitle })
|
|
18354
17836
|
] }),
|
|
18355
|
-
/* @__PURE__ */
|
|
18356
|
-
display: "df",
|
|
18357
|
-
gap: "gap1"
|
|
18358
|
-
}), children: [
|
|
17837
|
+
/* @__PURE__ */ jsxs63("div", { className: "df gap1", children: [
|
|
18359
17838
|
tertiaryAction && /* @__PURE__ */ jsx123(Button, { label: tertiaryAction.label, onClick: tertiaryAction.onClick, variant: "tertiary", disabled: tertiaryAction.disabled, tooltip: tertiaryAction.tooltip }),
|
|
18360
17839
|
cancelAction && /* @__PURE__ */ jsx123(Button, { label: cancelAction.label, onClick: cancelAction.onClick, variant: "quaternary", disabled: cancelAction.disabled, tooltip: cancelAction.tooltip }),
|
|
18361
17840
|
/* @__PURE__ */ jsx123(SubmitButton, { form: formState, ...submitAction })
|
|
@@ -18370,7 +17849,7 @@ function FormSections(props) {
|
|
|
18370
17849
|
} = props;
|
|
18371
17850
|
const tids = useTestIds(props);
|
|
18372
17851
|
const bottomPaddingPx = sectionsWithRefs.length > 1 ? 200 : 0;
|
|
18373
|
-
return /* @__PURE__ */ jsx123("article", { ...
|
|
17852
|
+
return /* @__PURE__ */ jsx123("article", { ...trussProps64({
|
|
18374
17853
|
gridRow: "gr_2",
|
|
18375
17854
|
gridColumn: "gc_2_3",
|
|
18376
17855
|
paddingBottom: ["pb_var", {
|
|
@@ -18383,12 +17862,12 @@ function FormSections(props) {
|
|
|
18383
17862
|
sectionKey
|
|
18384
17863
|
}, i) => (
|
|
18385
17864
|
// Subgrid here allows for icon placement to the left of the section content
|
|
18386
|
-
/* @__PURE__ */
|
|
17865
|
+
/* @__PURE__ */ jsxs63(
|
|
18387
17866
|
"section",
|
|
18388
17867
|
{
|
|
18389
17868
|
id: sectionKey,
|
|
18390
17869
|
ref,
|
|
18391
|
-
...
|
|
17870
|
+
...trussProps64({
|
|
18392
17871
|
display: "dg",
|
|
18393
17872
|
gridTemplateColumns: "gtc_50px_1fr",
|
|
18394
17873
|
gridTemplateRows: "gtr_auto",
|
|
@@ -18399,18 +17878,9 @@ function FormSections(props) {
|
|
|
18399
17878
|
}),
|
|
18400
17879
|
...tids.formSection,
|
|
18401
17880
|
children: [
|
|
18402
|
-
/* @__PURE__ */ jsx123("div", {
|
|
18403
|
-
|
|
18404
|
-
|
|
18405
|
-
/* @__PURE__ */ jsxs62("div", { ...trussProps77({
|
|
18406
|
-
gridColumn: "gc_2"
|
|
18407
|
-
}), children: [
|
|
18408
|
-
section.title && /* @__PURE__ */ jsx123("h2", { ...trussProps77({
|
|
18409
|
-
fontWeight: "fw6",
|
|
18410
|
-
fontSize: "fz_20px",
|
|
18411
|
-
lineHeight: "lh_28px",
|
|
18412
|
-
marginBottom: "mb3"
|
|
18413
|
-
}), children: section.title }),
|
|
17881
|
+
/* @__PURE__ */ jsx123("div", { className: "gc_1", children: section.icon && /* @__PURE__ */ jsx123(Icon, { icon: section.icon, inc: 3.5 }) }),
|
|
17882
|
+
/* @__PURE__ */ jsxs63("div", { className: "gc_2", children: [
|
|
17883
|
+
section.title && /* @__PURE__ */ jsx123("h2", { className: "fw6 fz_20px lh_28px mb3", children: section.title }),
|
|
18414
17884
|
/* @__PURE__ */ jsx123(BoundForm, { formState, rows: section.rows })
|
|
18415
17885
|
] })
|
|
18416
17886
|
]
|
|
@@ -18428,7 +17898,7 @@ function LeftNav(props) {
|
|
|
18428
17898
|
section
|
|
18429
17899
|
}) => !!section.title), [sectionsWithRefs]);
|
|
18430
17900
|
const activeSection = useActiveSection(sectionWithTitles);
|
|
18431
|
-
return /* @__PURE__ */ jsx123("aside", { ...
|
|
17901
|
+
return /* @__PURE__ */ jsx123("aside", { ...trussProps64({
|
|
18432
17902
|
gridRow: "gr_2",
|
|
18433
17903
|
gridColumn: "gc_1_2",
|
|
18434
17904
|
position: "sticky",
|
|
@@ -18497,7 +17967,7 @@ function SectionNavLink(props) {
|
|
|
18497
17967
|
hoverProps,
|
|
18498
17968
|
isHovered
|
|
18499
17969
|
} = useHover2({});
|
|
18500
|
-
return /* @__PURE__ */ jsx123("button", { ref: buttonRef, ...buttonProps, ...focusProps, ...hoverProps, ...
|
|
17970
|
+
return /* @__PURE__ */ jsx123("button", { ref: buttonRef, ...buttonProps, ...focusProps, ...hoverProps, ...trussProps64({
|
|
18501
17971
|
...{
|
|
18502
17972
|
fontWeight: "fw6",
|
|
18503
17973
|
fontSize: "fz_14px",
|
|
@@ -18684,7 +18154,7 @@ function isSelectionButtonMenuProps(props) {
|
|
|
18684
18154
|
import { memo as memo2, useMemo as useMemo35, useState as useState40 } from "react";
|
|
18685
18155
|
|
|
18686
18156
|
// src/components/CountBadge.tsx
|
|
18687
|
-
import { trussProps as
|
|
18157
|
+
import { trussProps as trussProps65 } from "@homebound/truss/runtime";
|
|
18688
18158
|
import { jsx as jsx125 } from "react/jsx-runtime";
|
|
18689
18159
|
function CountBadge(props) {
|
|
18690
18160
|
const {
|
|
@@ -18696,7 +18166,7 @@ function CountBadge(props) {
|
|
|
18696
18166
|
} = props;
|
|
18697
18167
|
const tid = useTestIds(otherProps, "countBadge");
|
|
18698
18168
|
if (hideIfZero && count === 0) return null;
|
|
18699
|
-
return /* @__PURE__ */ jsx125("span", { ...tid, ...
|
|
18169
|
+
return /* @__PURE__ */ jsx125("span", { ...tid, ...trussProps65({
|
|
18700
18170
|
...{
|
|
18701
18171
|
height: ["sq_var", {
|
|
18702
18172
|
"--height": `${count > 100 ? 18 : 16}px`
|
|
@@ -18745,7 +18215,7 @@ var BaseFilter = class {
|
|
|
18745
18215
|
};
|
|
18746
18216
|
|
|
18747
18217
|
// src/components/Filters/DateFilter.tsx
|
|
18748
|
-
import { Fragment as Fragment27, jsx as jsx126, jsxs as
|
|
18218
|
+
import { Fragment as Fragment27, jsx as jsx126, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
18749
18219
|
function dateFilter(props) {
|
|
18750
18220
|
return (key) => new DateFilter(key, props);
|
|
18751
18221
|
}
|
|
@@ -18753,9 +18223,9 @@ var anyOption = {};
|
|
|
18753
18223
|
var DateFilter = class extends BaseFilter {
|
|
18754
18224
|
render(value, setValue, tid, inModal, vertical) {
|
|
18755
18225
|
const { label, operations, getOperationValue, getOperationLabel } = this.props;
|
|
18756
|
-
return /* @__PURE__ */
|
|
18226
|
+
return /* @__PURE__ */ jsxs64(Fragment27, { children: [
|
|
18757
18227
|
vertical && /* @__PURE__ */ jsx126(Label, { label }),
|
|
18758
|
-
/* @__PURE__ */
|
|
18228
|
+
/* @__PURE__ */ jsxs64(CompoundField, { children: [
|
|
18759
18229
|
/* @__PURE__ */ jsx126(
|
|
18760
18230
|
SelectField,
|
|
18761
18231
|
{
|
|
@@ -18795,14 +18265,14 @@ var DateFilter = class extends BaseFilter {
|
|
|
18795
18265
|
};
|
|
18796
18266
|
|
|
18797
18267
|
// src/components/Filters/DateRangeFilter.tsx
|
|
18798
|
-
import { Fragment as Fragment28, jsx as jsx127, jsxs as
|
|
18268
|
+
import { Fragment as Fragment28, jsx as jsx127, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
18799
18269
|
function dateRangeFilter(props) {
|
|
18800
18270
|
return (key) => new DateRangeFilter(key, props);
|
|
18801
18271
|
}
|
|
18802
18272
|
var DateRangeFilter = class extends BaseFilter {
|
|
18803
18273
|
render(value, setValue, tid, inModal, vertical) {
|
|
18804
18274
|
const { label, placeholderText, disabledDays, testFieldLabel, defaultValue } = this.props;
|
|
18805
|
-
return /* @__PURE__ */
|
|
18275
|
+
return /* @__PURE__ */ jsxs65(Fragment28, { children: [
|
|
18806
18276
|
vertical && /* @__PURE__ */ jsx127(Label, { label }),
|
|
18807
18277
|
/* @__PURE__ */ jsx127(
|
|
18808
18278
|
DateRangeField,
|
|
@@ -18875,8 +18345,7 @@ var MultiFilter = class extends BaseFilter {
|
|
|
18875
18345
|
};
|
|
18876
18346
|
|
|
18877
18347
|
// src/components/Filters/NumberRangeFilter.tsx
|
|
18878
|
-
import {
|
|
18879
|
-
import { Fragment as Fragment29, jsx as jsx129, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
18348
|
+
import { Fragment as Fragment29, jsx as jsx129, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
18880
18349
|
function numberRangeFilter(props) {
|
|
18881
18350
|
return (key) => new NumberRangeFilter(key, props);
|
|
18882
18351
|
}
|
|
@@ -18889,12 +18358,10 @@ var NumberRangeFilter = class extends BaseFilter {
|
|
|
18889
18358
|
} = this.props;
|
|
18890
18359
|
const min = value?.min ?? void 0;
|
|
18891
18360
|
const max = value?.max ?? void 0;
|
|
18892
|
-
return /* @__PURE__ */
|
|
18893
|
-
vertical && /* @__PURE__ */
|
|
18361
|
+
return /* @__PURE__ */ jsxs66(Fragment29, { children: [
|
|
18362
|
+
vertical && /* @__PURE__ */ jsxs66("div", { ...tid, children: [
|
|
18894
18363
|
/* @__PURE__ */ jsx129(Label, { label }),
|
|
18895
|
-
/* @__PURE__ */ jsx129("div", {
|
|
18896
|
-
paddingBottom: "pb1"
|
|
18897
|
-
}), children: /* @__PURE__ */ jsx129(NumberField, { labelStyle: "inline", clearable: true, label: "Min", value: min, type: numberFieldType, numberFormatOptions, onChange: (minVal) => {
|
|
18364
|
+
/* @__PURE__ */ jsx129("div", { className: "pb1", children: /* @__PURE__ */ jsx129(NumberField, { labelStyle: "inline", clearable: true, label: "Min", value: min, type: numberFieldType, numberFormatOptions, onChange: (minVal) => {
|
|
18898
18365
|
const maxValue = max ? {
|
|
18899
18366
|
max
|
|
18900
18367
|
} : {};
|
|
@@ -18913,7 +18380,7 @@ var NumberRangeFilter = class extends BaseFilter {
|
|
|
18913
18380
|
} : void 0);
|
|
18914
18381
|
}, ...tid[`${defaultTestId(label)}_max_vertical`] })
|
|
18915
18382
|
] }),
|
|
18916
|
-
!vertical && /* @__PURE__ */
|
|
18383
|
+
!vertical && /* @__PURE__ */ jsxs66(CompoundField, { ...tid, children: [
|
|
18917
18384
|
/* @__PURE__ */ jsx129(
|
|
18918
18385
|
NumberField,
|
|
18919
18386
|
{
|
|
@@ -19100,8 +18567,8 @@ function OpenModal(props) {
|
|
|
19100
18567
|
}
|
|
19101
18568
|
|
|
19102
18569
|
// src/components/Filters/FilterModal.tsx
|
|
19103
|
-
import { trussProps as
|
|
19104
|
-
import { Fragment as Fragment30, jsx as jsx135, jsxs as
|
|
18570
|
+
import { trussProps as trussProps66 } from "@homebound/truss/runtime";
|
|
18571
|
+
import { Fragment as Fragment30, jsx as jsx135, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
19105
18572
|
function FilterModal(props) {
|
|
19106
18573
|
const {
|
|
19107
18574
|
filter,
|
|
@@ -19113,23 +18580,17 @@ function FilterModal(props) {
|
|
|
19113
18580
|
closeModal
|
|
19114
18581
|
} = useModal();
|
|
19115
18582
|
const [modalFilter, setModalFilter] = useState39(filter);
|
|
19116
|
-
return /* @__PURE__ */
|
|
18583
|
+
return /* @__PURE__ */ jsxs67(Fragment30, { children: [
|
|
19117
18584
|
/* @__PURE__ */ jsx135(ModalHeader, { children: "More Filters" }),
|
|
19118
|
-
/* @__PURE__ */ jsx135(ModalBody, { children: /* @__PURE__ */ jsx135("div", {
|
|
19119
|
-
|
|
19120
|
-
flexDirection: "fdc"
|
|
19121
|
-
}), children: safeEntries(filters).map(([key, f]) => /* @__PURE__ */ jsx135(ModalFilterItem, { label: f.hideLabelInModal ? void 0 : f.label, children: f.render(modalFilter[key], (value) => setModalFilter(updateFilter(modalFilter, key, value)), testId, true, false) }, key)) }) }),
|
|
19122
|
-
/* @__PURE__ */ jsxs66(ModalFooter, { xss: {
|
|
18585
|
+
/* @__PURE__ */ jsx135(ModalBody, { children: /* @__PURE__ */ jsx135("div", { className: "df fdc", children: safeEntries(filters).map(([key, f]) => /* @__PURE__ */ jsx135(ModalFilterItem, { label: f.hideLabelInModal ? void 0 : f.label, children: f.render(modalFilter[key], (value) => setModalFilter(updateFilter(modalFilter, key, value)), testId, true, false) }, key)) }) }),
|
|
18586
|
+
/* @__PURE__ */ jsxs67(ModalFooter, { xss: {
|
|
19123
18587
|
justifyContent: "jcsb"
|
|
19124
18588
|
}, children: [
|
|
19125
18589
|
/* @__PURE__ */ jsx135(Button, { label: "Clear", variant: "tertiary", disabled: safeKeys(filters).filter((fk) => modalFilter[fk] !== void 0).length === 0, onClick: () => (
|
|
19126
18590
|
// Only remove the filters keys that exist in the modal.
|
|
19127
18591
|
setModalFilter(safeKeys(filters).reduce((acc, fk) => omitKey(fk, acc), modalFilter))
|
|
19128
18592
|
), ...testId.modalClear }),
|
|
19129
|
-
/* @__PURE__ */
|
|
19130
|
-
display: "df",
|
|
19131
|
-
gap: "gap1"
|
|
19132
|
-
}), children: [
|
|
18593
|
+
/* @__PURE__ */ jsxs67("div", { className: "df gap1", children: [
|
|
19133
18594
|
/* @__PURE__ */ jsx135(Button, { label: "Cancel", variant: "quaternary", onClick: closeModal, ...testId.modalClose }),
|
|
19134
18595
|
/* @__PURE__ */ jsx135(Button, { label: "Apply", onClick: () => {
|
|
19135
18596
|
onApply(modalFilter);
|
|
@@ -19143,7 +18604,7 @@ function ModalFilterItem({
|
|
|
19143
18604
|
label,
|
|
19144
18605
|
children
|
|
19145
18606
|
}) {
|
|
19146
|
-
return /* @__PURE__ */
|
|
18607
|
+
return /* @__PURE__ */ jsxs67("div", { ...trussProps66({
|
|
19147
18608
|
marginBottom: "mb4",
|
|
19148
18609
|
...!label ? {
|
|
19149
18610
|
borderTopStyle: "bts_solid",
|
|
@@ -19151,13 +18612,8 @@ function ModalFilterItem({
|
|
|
19151
18612
|
borderColor: "bcGray200"
|
|
19152
18613
|
} : {}
|
|
19153
18614
|
}), children: [
|
|
19154
|
-
label && /* @__PURE__ */ jsx135("h2", {
|
|
19155
|
-
|
|
19156
|
-
fontSize: "fz_16px",
|
|
19157
|
-
lineHeight: "lh_24px",
|
|
19158
|
-
marginBottom: "mb2"
|
|
19159
|
-
}), children: label }),
|
|
19160
|
-
/* @__PURE__ */ jsx135("div", { ...trussProps80({
|
|
18615
|
+
label && /* @__PURE__ */ jsx135("h2", { className: "fw4 fz_16px lh_24px mb2", children: label }),
|
|
18616
|
+
/* @__PURE__ */ jsx135("div", { ...trussProps66({
|
|
19161
18617
|
...!label ? {
|
|
19162
18618
|
paddingTop: "pt3"
|
|
19163
18619
|
} : {}
|
|
@@ -19167,8 +18623,8 @@ function ModalFilterItem({
|
|
|
19167
18623
|
|
|
19168
18624
|
// src/components/Filters/Filters.tsx
|
|
19169
18625
|
import { memo, useMemo as useMemo34 } from "react";
|
|
19170
|
-
import { trussProps as
|
|
19171
|
-
import { jsx as jsx136, jsxs as
|
|
18626
|
+
import { trussProps as trussProps67 } from "@homebound/truss/runtime";
|
|
18627
|
+
import { jsx as jsx136, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
19172
18628
|
function Filters(props) {
|
|
19173
18629
|
const {
|
|
19174
18630
|
filter,
|
|
@@ -19191,7 +18647,7 @@ function Filters(props) {
|
|
|
19191
18647
|
}, [numberOfInlineFilters, vertical, filterDefs]);
|
|
19192
18648
|
const numModalFilters = safeKeys(modalFilters).filter((fk) => filter[fk] !== void 0).length;
|
|
19193
18649
|
const maybeGroupByField = groupBy ? /* @__PURE__ */ jsx136("div", { children: /* @__PURE__ */ jsx136(SelectField, { label: "Group by", labelStyle: !vertical ? "inline" : "above", sizeToContent: !vertical, options: groupBy.options, getOptionValue: (o) => o.id, getOptionLabel: (o) => o.name, value: groupBy.value, onSelect: (g) => g && groupBy.setValue(g) }) }) : null;
|
|
19194
|
-
return /* @__PURE__ */
|
|
18650
|
+
return /* @__PURE__ */ jsxs68("div", { ...trussProps67({
|
|
19195
18651
|
...vertical ? {
|
|
19196
18652
|
display: "df",
|
|
19197
18653
|
flexDirection: "fdc",
|
|
@@ -19255,8 +18711,7 @@ function updateFilter(currentFilter, key, value) {
|
|
|
19255
18711
|
var filterTestIdPrefix = "filter";
|
|
19256
18712
|
|
|
19257
18713
|
// src/components/Filters/FilterDropdownMenu.tsx
|
|
19258
|
-
import {
|
|
19259
|
-
import { Fragment as Fragment31, jsx as jsx138, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
18714
|
+
import { Fragment as Fragment31, jsx as jsx138, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
19260
18715
|
function FilterDropdownMenu(props) {
|
|
19261
18716
|
const {
|
|
19262
18717
|
filter,
|
|
@@ -19274,22 +18729,12 @@ function FilterDropdownMenu(props) {
|
|
|
19274
18729
|
const checkbox = entries.filter(([_, f]) => f.hideLabelInModal);
|
|
19275
18730
|
return [...nonCheckbox, ...checkbox].map(([key, f]) => /* @__PURE__ */ jsx138("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, false) }, key));
|
|
19276
18731
|
};
|
|
19277
|
-
return /* @__PURE__ */
|
|
19278
|
-
/* @__PURE__ */ jsx138(Button, { label: "Filter", icon: "filter", size: "md", endAdornment: /* @__PURE__ */
|
|
19279
|
-
display: "df",
|
|
19280
|
-
alignItems: "aic",
|
|
19281
|
-
gap: "gap1"
|
|
19282
|
-
}), children: [
|
|
18732
|
+
return /* @__PURE__ */ jsxs69(Fragment31, { children: [
|
|
18733
|
+
/* @__PURE__ */ jsx138(Button, { label: "Filter", icon: "filter", size: "md", endAdornment: /* @__PURE__ */ jsxs69("div", { className: "df aic gap1", children: [
|
|
19283
18734
|
activeFilterCount > 0 && /* @__PURE__ */ jsx138(CountBadge, { count: activeFilterCount }),
|
|
19284
18735
|
/* @__PURE__ */ jsx138(Icon, { icon: isOpen ? "chevronUp" : "chevronDown" })
|
|
19285
18736
|
] }), variant: "secondaryBlack", onClick: () => setIsOpen(!isOpen), active: isOpen, ...testId.button }),
|
|
19286
|
-
isOpen && /* @__PURE__ */
|
|
19287
|
-
display: "df",
|
|
19288
|
-
alignItems: "aic",
|
|
19289
|
-
flexWrap: "fww",
|
|
19290
|
-
gap: "gap1",
|
|
19291
|
-
width: "w100"
|
|
19292
|
-
}), children: [
|
|
18737
|
+
isOpen && /* @__PURE__ */ jsxs69("div", { className: "df aic fww gap1 w100", children: [
|
|
19293
18738
|
groupBy && /* @__PURE__ */ jsx138(SelectField, { label: "Group by", labelStyle: "inline", sizeToContent: true, options: groupBy.options, getOptionValue: (o) => o.id, getOptionLabel: (o) => o.name, value: groupBy.value, onSelect: (g) => g && groupBy.setValue(g) }),
|
|
19294
18739
|
renderFilters(),
|
|
19295
18740
|
activeFilterCount > 0 && /* @__PURE__ */ jsx138(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn })
|
|
@@ -19317,13 +18762,7 @@ function FilterChips({
|
|
|
19317
18762
|
return /* @__PURE__ */ jsx138(ToggleChip, { text: titleCase(String(value)), onClick: () => onChange(updateFilter(filter, key, void 0)), ...testId[`chip_${String(key)}`] }, String(key));
|
|
19318
18763
|
});
|
|
19319
18764
|
if (chips.length === 0) return null;
|
|
19320
|
-
return /* @__PURE__ */
|
|
19321
|
-
display: "df",
|
|
19322
|
-
gap: "gap1",
|
|
19323
|
-
flexWrap: "fww",
|
|
19324
|
-
alignItems: "aic",
|
|
19325
|
-
order: "order_1"
|
|
19326
|
-
}), children: [
|
|
18765
|
+
return /* @__PURE__ */ jsxs69("div", { className: "df gap1 fww aic order_1", children: [
|
|
19327
18766
|
chips,
|
|
19328
18767
|
/* @__PURE__ */ jsx138(Button, { label: "Clear", variant: "tertiary", onClick: onClear, ...testId.clearBtn })
|
|
19329
18768
|
] });
|
|
@@ -19340,8 +18779,7 @@ function getActiveFilterCount(filter) {
|
|
|
19340
18779
|
var _FilterDropdownMenu = memo2(FilterDropdownMenu);
|
|
19341
18780
|
|
|
19342
18781
|
// src/components/Pagination.tsx
|
|
19343
|
-
import {
|
|
19344
|
-
import { jsx as jsx139, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
18782
|
+
import { jsx as jsx139, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
19345
18783
|
var defaultPage = {
|
|
19346
18784
|
offset: 0,
|
|
19347
18785
|
limit: 100
|
|
@@ -19373,43 +18811,14 @@ function Pagination(props) {
|
|
|
19373
18811
|
}
|
|
19374
18812
|
}
|
|
19375
18813
|
const tid = useTestIds(props, "pagination");
|
|
19376
|
-
return /* @__PURE__ */
|
|
19377
|
-
|
|
19378
|
-
|
|
19379
|
-
borderTopStyle: "bts_solid",
|
|
19380
|
-
borderTopWidth: "btw_1px",
|
|
19381
|
-
fontWeight: "fw4",
|
|
19382
|
-
fontSize: "fz_12px",
|
|
19383
|
-
lineHeight: "lh_16px",
|
|
19384
|
-
color: "gray500",
|
|
19385
|
-
paddingLeft: "pl2",
|
|
19386
|
-
paddingRight: "pr2",
|
|
19387
|
-
paddingTop: "pt2"
|
|
19388
|
-
}), ...tid, children: [
|
|
19389
|
-
/* @__PURE__ */ jsx139("div", { ...trussProps83({
|
|
19390
|
-
display: "df",
|
|
19391
|
-
marginTop: "mta",
|
|
19392
|
-
marginBottom: "mba",
|
|
19393
|
-
marginRight: "mr2"
|
|
19394
|
-
}), ...tid.pageSizeLabel, children: "Page size:" }),
|
|
19395
|
-
/* @__PURE__ */ jsx139("div", { ...trussProps83({
|
|
19396
|
-
width: "w_78px"
|
|
19397
|
-
}), children: /* @__PURE__ */ jsx139(SelectField, { compact: true, label: "Page Size", labelStyle: "hidden", options: pageOptions, value: pageSize, onSelect: (val) => set({
|
|
18814
|
+
return /* @__PURE__ */ jsxs70("div", { className: "df bcGray200 bts_solid btw_1px fw4 fz_12px lh_16px gray500 pl2 pr2 pt2", ...tid, children: [
|
|
18815
|
+
/* @__PURE__ */ jsx139("div", { className: "df mta mba mr2", ...tid.pageSizeLabel, children: "Page size:" }),
|
|
18816
|
+
/* @__PURE__ */ jsx139("div", { className: "w_78px", children: /* @__PURE__ */ jsx139(SelectField, { compact: true, label: "Page Size", labelStyle: "hidden", options: pageOptions, value: pageSize, onSelect: (val) => set({
|
|
19398
18817
|
pageNumber: 1,
|
|
19399
18818
|
pageSize: val
|
|
19400
18819
|
}), autoSort: false, ...tid.pageSize }) }),
|
|
19401
|
-
/* @__PURE__ */
|
|
19402
|
-
|
|
19403
|
-
marginTop: "mta",
|
|
19404
|
-
marginBottom: "mba",
|
|
19405
|
-
display: "df"
|
|
19406
|
-
}), children: [
|
|
19407
|
-
/* @__PURE__ */ jsxs69("div", { ...trussProps83({
|
|
19408
|
-
display: "df",
|
|
19409
|
-
marginTop: "mta",
|
|
19410
|
-
marginBottom: "mba",
|
|
19411
|
-
marginRight: "mr2"
|
|
19412
|
-
}), ...tid.pageInfoLabel, children: [
|
|
18820
|
+
/* @__PURE__ */ jsxs70("div", { className: "mla mta mba df", children: [
|
|
18821
|
+
/* @__PURE__ */ jsxs70("div", { className: "df mta mba mr2", ...tid.pageInfoLabel, children: [
|
|
19413
18822
|
first,
|
|
19414
18823
|
" ",
|
|
19415
18824
|
showLast ? `- ${last}` : "",
|
|
@@ -19445,8 +18854,7 @@ function toPageNumberSize(page) {
|
|
|
19445
18854
|
import { Fragment as Fragment32, useCallback as useCallback22, useMemo as useMemo36, useRef as useRef44 } from "react";
|
|
19446
18855
|
import { useMenuTrigger as useMenuTrigger3 } from "react-aria";
|
|
19447
18856
|
import { useMenuTriggerState as useMenuTriggerState3 } from "react-stately";
|
|
19448
|
-
import {
|
|
19449
|
-
import { jsx as jsx140, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
18857
|
+
import { jsx as jsx140, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
19450
18858
|
function EditColumnsButton(props) {
|
|
19451
18859
|
const {
|
|
19452
18860
|
defaultOpen,
|
|
@@ -19480,48 +18888,25 @@ function EditColumnsButton(props) {
|
|
|
19480
18888
|
api.resetColumnWidths();
|
|
19481
18889
|
api.setVisibleColumns(columns.filter((column2) => column2.canHide ? ids.includes(column2.id) : true).map((c) => c.id));
|
|
19482
18890
|
}, [columns, api]);
|
|
19483
|
-
return /* @__PURE__ */ jsx140(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */
|
|
19484
|
-
|
|
19485
|
-
|
|
19486
|
-
gap: "gap2",
|
|
19487
|
-
backgroundColor: "bgWhite",
|
|
19488
|
-
paddingTop: "pt2",
|
|
19489
|
-
paddingBottom: "pb2",
|
|
19490
|
-
paddingRight: "pr2",
|
|
19491
|
-
paddingLeft: "pl2",
|
|
19492
|
-
maxWidth: "maxw_326px",
|
|
19493
|
-
boxShadow: "h_bshHover"
|
|
19494
|
-
}), children: [
|
|
19495
|
-
options.map((option) => /* @__PURE__ */ jsxs70(Fragment32, { children: [
|
|
19496
|
-
/* @__PURE__ */ jsx140("div", { ...trussProps84({
|
|
19497
|
-
fontWeight: "fw4",
|
|
19498
|
-
fontSize: "fz_14px",
|
|
19499
|
-
lineHeight: "lh_20px",
|
|
19500
|
-
whiteSpace: "wsnw",
|
|
19501
|
-
overflow: "oh",
|
|
19502
|
-
textOverflow: "to_ellipsis",
|
|
19503
|
-
paddingRight: "pr1"
|
|
19504
|
-
}), children: option.label }),
|
|
18891
|
+
return /* @__PURE__ */ jsx140(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ jsxs71("div", { className: "dg gtc_1fr_auto gap2 bgWhite pt2 pb2 pr2 pl2 maxw_326px h_bshHover", children: [
|
|
18892
|
+
options.map((option) => /* @__PURE__ */ jsxs71(Fragment32, { children: [
|
|
18893
|
+
/* @__PURE__ */ jsx140("div", { className: "fw4 fz_14px lh_20px wsnw oh to_ellipsis pr1", children: option.label }),
|
|
19505
18894
|
/* @__PURE__ */ jsx140(Switch, { compact: true, selected: selectedValues.includes(option.value), onChange: (value) => setSelectedValues(value ? [...selectedValues, option.value] : selectedValues.filter((v) => v !== option.value)), labelStyle: "hidden", label: option.label, ...tid[`option${option.value}`] })
|
|
19506
18895
|
] }, option.value)),
|
|
19507
|
-
/* @__PURE__ */ jsx140("div", {
|
|
19508
|
-
gridColumn: "gc_1_1",
|
|
19509
|
-
display: "df",
|
|
19510
|
-
justifyContent: "jcc"
|
|
19511
|
-
}), children: /* @__PURE__ */ jsx140(Button, { variant: "tertiary", label: "Reset Column Widths", onClick: () => api.resetColumnWidths() }) })
|
|
18896
|
+
/* @__PURE__ */ jsx140("div", { className: "gc_1_1 df jcc", children: /* @__PURE__ */ jsx140(Button, { variant: "tertiary", label: "Reset Column Widths", onClick: () => api.resetColumnWidths() }) })
|
|
19512
18897
|
] }) });
|
|
19513
18898
|
}
|
|
19514
18899
|
|
|
19515
18900
|
// src/components/Table/TableActions.tsx
|
|
19516
|
-
import { trussProps as
|
|
19517
|
-
import { jsx as jsx141, jsxs as
|
|
18901
|
+
import { trussProps as trussProps68 } from "@homebound/truss/runtime";
|
|
18902
|
+
import { jsx as jsx141, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
19518
18903
|
function TableActions(props) {
|
|
19519
18904
|
const {
|
|
19520
18905
|
xss,
|
|
19521
18906
|
children,
|
|
19522
18907
|
right
|
|
19523
18908
|
} = props;
|
|
19524
|
-
return /* @__PURE__ */
|
|
18909
|
+
return /* @__PURE__ */ jsxs72("div", { ...trussProps68({
|
|
19525
18910
|
...{
|
|
19526
18911
|
display: "df",
|
|
19527
18912
|
gap: "gap1",
|
|
@@ -19531,12 +18916,7 @@ function TableActions(props) {
|
|
|
19531
18916
|
},
|
|
19532
18917
|
...xss
|
|
19533
18918
|
}), children: [
|
|
19534
|
-
/* @__PURE__ */ jsx141("div", {
|
|
19535
|
-
display: "df",
|
|
19536
|
-
gap: "gap1",
|
|
19537
|
-
alignItems: "aic",
|
|
19538
|
-
flexWrap: "fww"
|
|
19539
|
-
}), children }),
|
|
18919
|
+
/* @__PURE__ */ jsx141("div", { className: "df gap1 aic fww", children }),
|
|
19540
18920
|
right
|
|
19541
18921
|
] });
|
|
19542
18922
|
}
|
|
@@ -19548,8 +18928,8 @@ import { StringParam as StringParam2, useQueryParams as useQueryParams3 } from "
|
|
|
19548
18928
|
// src/components/Layout/ScrollableContent.tsx
|
|
19549
18929
|
import { useEffect as useEffect26 } from "react";
|
|
19550
18930
|
import { createPortal as createPortal4 } from "react-dom";
|
|
19551
|
-
import { trussProps as
|
|
19552
|
-
import { Fragment as Fragment33, jsx as jsx142, jsxs as
|
|
18931
|
+
import { trussProps as trussProps69 } from "@homebound/truss/runtime";
|
|
18932
|
+
import { Fragment as Fragment33, jsx as jsx142, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
19553
18933
|
var __maybeInc10 = (inc) => {
|
|
19554
18934
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
19555
18935
|
};
|
|
@@ -19574,7 +18954,7 @@ function ScrollableContent(props) {
|
|
|
19574
18954
|
return /* @__PURE__ */ jsx142(Fragment33, { children });
|
|
19575
18955
|
}
|
|
19576
18956
|
const showBottomSpacer = !omitBottomPadding && !virtualized;
|
|
19577
|
-
return createPortal4(/* @__PURE__ */
|
|
18957
|
+
return createPortal4(/* @__PURE__ */ jsxs73("div", { ...trussProps69({
|
|
19578
18958
|
...{
|
|
19579
18959
|
height: "h100",
|
|
19580
18960
|
paddingRight: ["pr_var", {
|
|
@@ -19594,9 +18974,7 @@ function ScrollableContent(props) {
|
|
|
19594
18974
|
}
|
|
19595
18975
|
}), children: [
|
|
19596
18976
|
children,
|
|
19597
|
-
showBottomSpacer && /* @__PURE__ */ jsx142("div", {
|
|
19598
|
-
height: "h2"
|
|
19599
|
-
}) })
|
|
18977
|
+
showBottomSpacer && /* @__PURE__ */ jsx142("div", { className: "h2" })
|
|
19600
18978
|
] }), scrollableEl);
|
|
19601
18979
|
}
|
|
19602
18980
|
|
|
@@ -19604,7 +18982,7 @@ function ScrollableContent(props) {
|
|
|
19604
18982
|
import { useMemo as useMemo37 } from "react";
|
|
19605
18983
|
|
|
19606
18984
|
// src/components/LoadingSkeleton.tsx
|
|
19607
|
-
import { trussProps as
|
|
18985
|
+
import { trussProps as trussProps70 } from "@homebound/truss/runtime";
|
|
19608
18986
|
import { jsx as jsx143 } from "react/jsx-runtime";
|
|
19609
18987
|
function LoadingSkeleton({
|
|
19610
18988
|
rows = 1,
|
|
@@ -19618,7 +18996,7 @@ function LoadingSkeleton({
|
|
|
19618
18996
|
const rowHeight = sizeToPixels2[size];
|
|
19619
18997
|
const rowCells = (rowNumber) => {
|
|
19620
18998
|
const flexGrowForCell = randomizeWidths ? getRandomizedFlexBasisByRowIndex(rowNumber) : 1;
|
|
19621
|
-
return cellArray.map((_, i) => /* @__PURE__ */ jsx143("div", { ...
|
|
18999
|
+
return cellArray.map((_, i) => /* @__PURE__ */ jsx143("div", { ...trussProps70({
|
|
19622
19000
|
borderRadius: "br4",
|
|
19623
19001
|
animation: "animation_pulse_2s_cubic_bezier_0_4_0_0_6_1_infinite",
|
|
19624
19002
|
flexGrow: ["flexGrow_var", {
|
|
@@ -19630,7 +19008,7 @@ function LoadingSkeleton({
|
|
|
19630
19008
|
} : {}
|
|
19631
19009
|
}) }, `row-${rowNumber}-cell-${i}`));
|
|
19632
19010
|
};
|
|
19633
|
-
return /* @__PURE__ */ jsx143("div", { "aria-label": "Loading", children: rowArray.map((_, i) => /* @__PURE__ */ jsx143("div", { ...
|
|
19011
|
+
return /* @__PURE__ */ jsx143("div", { "aria-label": "Loading", children: rowArray.map((_, i) => /* @__PURE__ */ jsx143("div", { ...trussProps70({
|
|
19634
19012
|
display: "df",
|
|
19635
19013
|
gap: "gap1",
|
|
19636
19014
|
marginBottom: "mb1",
|
|
@@ -19651,7 +19029,7 @@ var sizeToPixels2 = {
|
|
|
19651
19029
|
};
|
|
19652
19030
|
|
|
19653
19031
|
// src/components/Layout/GridTableLayout/QueryTable.tsx
|
|
19654
|
-
import { Fragment as Fragment34, jsx as jsx144, jsxs as
|
|
19032
|
+
import { Fragment as Fragment34, jsx as jsx144, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
19655
19033
|
function QueryTable(props) {
|
|
19656
19034
|
const { emptyFallback, query, createRows, getPageInfo, columns, keepHeaderWhenLoading, ...others } = props;
|
|
19657
19035
|
const data = query.loading || query.error ? void 0 : query.data;
|
|
@@ -19664,15 +19042,15 @@ function QueryTable(props) {
|
|
|
19664
19042
|
}
|
|
19665
19043
|
function LoadingTable(props) {
|
|
19666
19044
|
const { columns } = props;
|
|
19667
|
-
return /* @__PURE__ */
|
|
19045
|
+
return /* @__PURE__ */ jsxs74(Fragment34, { children: [
|
|
19668
19046
|
/* @__PURE__ */ jsx144(LoadingSkeleton, { rows: 1, columns: 1 }),
|
|
19669
19047
|
/* @__PURE__ */ jsx144(LoadingSkeleton, { rows: 5, columns: columns ?? 5 })
|
|
19670
19048
|
] });
|
|
19671
19049
|
}
|
|
19672
19050
|
|
|
19673
19051
|
// src/components/Layout/GridTableLayout/GridTableLayout.tsx
|
|
19674
|
-
import { trussProps as
|
|
19675
|
-
import { Fragment as Fragment35, jsx as jsx145, jsxs as
|
|
19052
|
+
import { trussProps as trussProps71 } from "@homebound/truss/runtime";
|
|
19053
|
+
import { Fragment as Fragment35, jsx as jsx145, jsxs as jsxs75 } from "react/jsx-runtime";
|
|
19676
19054
|
function isGridTableProps(props) {
|
|
19677
19055
|
return "rows" in props;
|
|
19678
19056
|
}
|
|
@@ -19707,9 +19085,9 @@ function GridTableLayoutComponent(props) {
|
|
|
19707
19085
|
}
|
|
19708
19086
|
}, [visibleColumnIds, layoutState]);
|
|
19709
19087
|
const visibleColumnsStorageKey = layoutState?.persistedColumnsStorageKey;
|
|
19710
|
-
return /* @__PURE__ */
|
|
19088
|
+
return /* @__PURE__ */ jsxs75(Fragment35, { children: [
|
|
19711
19089
|
/* @__PURE__ */ jsx145(Header2, { pageTitle, breadcrumb, primaryAction, secondaryAction, tertiaryAction, actionMenu }),
|
|
19712
|
-
showTableActions && /* @__PURE__ */
|
|
19090
|
+
showTableActions && /* @__PURE__ */ jsxs75(TableActions, { right: hasHideableColumns && /* @__PURE__ */ jsx145(EditColumnsButton, { columns, api, tooltip: "Display columns", trigger: {
|
|
19713
19091
|
icon: "kanban",
|
|
19714
19092
|
size: "md",
|
|
19715
19093
|
label: "",
|
|
@@ -19718,7 +19096,7 @@ function GridTableLayoutComponent(props) {
|
|
|
19718
19096
|
layoutState?.search && /* @__PURE__ */ jsx145(SearchBox, { onSearch: layoutState.setSearchString }),
|
|
19719
19097
|
layoutState?.filterDefs && /* @__PURE__ */ jsx145(_FilterDropdownMenu, { filterDefs: layoutState.filterDefs, filter: layoutState.filter, onChange: layoutState.setFilter, groupBy: layoutState.groupBy })
|
|
19720
19098
|
] }),
|
|
19721
|
-
/* @__PURE__ */
|
|
19099
|
+
/* @__PURE__ */ jsxs75(ScrollableContent, { virtualized: isVirtualized, children: [
|
|
19722
19100
|
isGridTableProps(tableProps) ? /* @__PURE__ */ jsx145(GridTable, { ...tableProps, api, filter: clientSearch, style: {
|
|
19723
19101
|
allWhite: true
|
|
19724
19102
|
}, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey }) : /* @__PURE__ */ jsx145(QueryTable, { ...tableProps, api, filter: clientSearch, style: {
|
|
@@ -19805,7 +19183,7 @@ function Header2(props) {
|
|
|
19805
19183
|
actionMenu
|
|
19806
19184
|
} = props;
|
|
19807
19185
|
const tids = useTestIds(props);
|
|
19808
|
-
return /* @__PURE__ */ jsx145(FullBleed, { children: /* @__PURE__ */
|
|
19186
|
+
return /* @__PURE__ */ jsx145(FullBleed, { children: /* @__PURE__ */ jsxs75("header", { ...trussProps71({
|
|
19809
19187
|
...{
|
|
19810
19188
|
paddingTop: "pt3",
|
|
19811
19189
|
paddingBottom: "pb3",
|
|
@@ -19819,22 +19197,11 @@ function Header2(props) {
|
|
|
19819
19197
|
alignItems: "aic"
|
|
19820
19198
|
}
|
|
19821
19199
|
}), ...tids.header, children: [
|
|
19822
|
-
/* @__PURE__ */
|
|
19200
|
+
/* @__PURE__ */ jsxs75("div", { children: [
|
|
19823
19201
|
breadcrumb && /* @__PURE__ */ jsx145(PageHeaderBreadcrumbs, { breadcrumb }),
|
|
19824
|
-
/* @__PURE__ */ jsx145("h1", { ...
|
|
19825
|
-
fontWeight: "fw6",
|
|
19826
|
-
fontSize: "fz_30px",
|
|
19827
|
-
lineHeight: "lh_36px",
|
|
19828
|
-
marginTop: "mt1"
|
|
19829
|
-
}), ...tids.pageTitle, children: pageTitle })
|
|
19202
|
+
/* @__PURE__ */ jsx145("h1", { className: "fw6 fz_30px lh_36px mt1", ...tids.pageTitle, children: pageTitle })
|
|
19830
19203
|
] }),
|
|
19831
|
-
/* @__PURE__ */
|
|
19832
|
-
display: "df",
|
|
19833
|
-
flexWrap: "fwr",
|
|
19834
|
-
justifyContent: "jcfe",
|
|
19835
|
-
gap: "gap1",
|
|
19836
|
-
alignItems: "aic"
|
|
19837
|
-
}), children: [
|
|
19204
|
+
/* @__PURE__ */ jsxs75("div", { className: "df fwr jcfe gap1 aic", children: [
|
|
19838
19205
|
tertiaryAction && /* @__PURE__ */ jsx145(Button, { ...tertiaryAction, variant: "tertiary" }),
|
|
19839
19206
|
secondaryAction && /* @__PURE__ */ jsx145(Button, { ...secondaryAction, variant: "secondary" }),
|
|
19840
19207
|
primaryAction && /* @__PURE__ */ jsx145(Button, { ...primaryAction }),
|
|
@@ -19860,13 +19227,10 @@ function SearchBox({
|
|
|
19860
19227
|
search: debouncedSearch || void 0
|
|
19861
19228
|
}, "replaceIn");
|
|
19862
19229
|
}, [debouncedSearch, onSearch, setQueryParams]);
|
|
19863
|
-
return /* @__PURE__ */ jsx145("div", {
|
|
19864
|
-
width: "w_244px"
|
|
19865
|
-
}), children: /* @__PURE__ */ jsx145(TextField, { label: "Search", labelStyle: "hidden", value, onChange: (v) => setValue(v ?? ""), placeholder: "Search", clearable: true, startAdornment: /* @__PURE__ */ jsx145(Icon, { icon: "search", color: "rgba(100, 100, 100, 1)" /* Gray700 */ }) }) });
|
|
19230
|
+
return /* @__PURE__ */ jsx145("div", { className: "w_244px", children: /* @__PURE__ */ jsx145(TextField, { label: "Search", labelStyle: "hidden", value, onChange: (v) => setValue(v ?? ""), placeholder: "Search", clearable: true, startAdornment: /* @__PURE__ */ jsx145(Icon, { icon: "search", color: "rgba(100, 100, 100, 1)" /* Gray700 */ }) }) });
|
|
19866
19231
|
}
|
|
19867
19232
|
|
|
19868
19233
|
// src/components/Layout/PreventBrowserScroll.tsx
|
|
19869
|
-
import { trussProps as trussProps89 } from "@homebound/truss/runtime";
|
|
19870
19234
|
import { jsx as jsx146 } from "react/jsx-runtime";
|
|
19871
19235
|
function PreventBrowserScroll({
|
|
19872
19236
|
children
|
|
@@ -19875,18 +19239,7 @@ function PreventBrowserScroll({
|
|
|
19875
19239
|
// Take over the full viewport and hide any overflown content.
|
|
19876
19240
|
// Using `-webkit-fill-available`, otherwise `height: 100vh` includes the app bars in mobile Safari. See https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/
|
|
19877
19241
|
// Setting the multiple "(min|max-)height" properties is necessary, as Truss will turn this into an object and there can only be one `height` property.
|
|
19878
|
-
/* @__PURE__ */ jsx146("div", {
|
|
19879
|
-
overflow: "oh",
|
|
19880
|
-
height: "vh100",
|
|
19881
|
-
minHeight: "mh_negwebkit_fill_available",
|
|
19882
|
-
maxHeight: "maxh_negwebkit_fill_available"
|
|
19883
|
-
}), children: /* @__PURE__ */ jsx146("div", { ...trussProps89({
|
|
19884
|
-
height: "h100",
|
|
19885
|
-
display: "df",
|
|
19886
|
-
flexDirection: "fdc",
|
|
19887
|
-
minHeight: "mh0",
|
|
19888
|
-
overflow: "oa"
|
|
19889
|
-
}), children }) })
|
|
19242
|
+
/* @__PURE__ */ jsx146("div", { className: "oh vh100 mh_negwebkit_fill_available maxh_negwebkit_fill_available", children: /* @__PURE__ */ jsx146("div", { className: "h100 df fdc mh0 oa", children }) })
|
|
19890
19243
|
);
|
|
19891
19244
|
}
|
|
19892
19245
|
|
|
@@ -19928,8 +19281,8 @@ function useRightPaneContext() {
|
|
|
19928
19281
|
// src/components/Layout/RightPaneLayout/RightPaneLayout.tsx
|
|
19929
19282
|
import { AnimatePresence as AnimatePresence3, motion as motion3 } from "framer-motion";
|
|
19930
19283
|
import { useEffect as useEffect28 } from "react";
|
|
19931
|
-
import { trussProps as
|
|
19932
|
-
import { Fragment as Fragment36, jsx as jsx148, jsxs as
|
|
19284
|
+
import { trussProps as trussProps72 } from "@homebound/truss/runtime";
|
|
19285
|
+
import { Fragment as Fragment36, jsx as jsx148, jsxs as jsxs76 } from "react/jsx-runtime";
|
|
19933
19286
|
var __maybeInc11 = (inc) => {
|
|
19934
19287
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
19935
19288
|
};
|
|
@@ -19947,12 +19300,8 @@ function RightPaneLayout(props) {
|
|
|
19947
19300
|
closePane
|
|
19948
19301
|
} = useRightPaneContext();
|
|
19949
19302
|
useEffect28(() => closePane, [closePane]);
|
|
19950
|
-
return /* @__PURE__ */ jsx148("div", {
|
|
19951
|
-
|
|
19952
|
-
display: "df",
|
|
19953
|
-
overflowX: "oxh"
|
|
19954
|
-
}), children: /* @__PURE__ */ jsxs75(Fragment36, { children: [
|
|
19955
|
-
/* @__PURE__ */ jsx148("div", { ...trussProps90({
|
|
19303
|
+
return /* @__PURE__ */ jsx148("div", { className: "h100 df oxh", children: /* @__PURE__ */ jsxs76(Fragment36, { children: [
|
|
19304
|
+
/* @__PURE__ */ jsx148("div", { ...trussProps72({
|
|
19956
19305
|
...{
|
|
19957
19306
|
width: ["w_var", {
|
|
19958
19307
|
"--width": __maybeInc11(`calc(100% - ${paneWidth + 24}px)`)
|
|
@@ -19977,7 +19326,7 @@ function RightPaneLayout(props) {
|
|
|
19977
19326
|
} : {}
|
|
19978
19327
|
}
|
|
19979
19328
|
}), children }),
|
|
19980
|
-
/* @__PURE__ */
|
|
19329
|
+
/* @__PURE__ */ jsxs76("div", { ...trussProps72({
|
|
19981
19330
|
position: "relative",
|
|
19982
19331
|
...!!defaultPaneContent ? {
|
|
19983
19332
|
width: ["w_var", {
|
|
@@ -19985,7 +19334,7 @@ function RightPaneLayout(props) {
|
|
|
19985
19334
|
}]
|
|
19986
19335
|
} : {}
|
|
19987
19336
|
}), children: [
|
|
19988
|
-
defaultPaneContent && /* @__PURE__ */ jsx148("div", { ...
|
|
19337
|
+
defaultPaneContent && /* @__PURE__ */ jsx148("div", { ...trussProps72({
|
|
19989
19338
|
height: "h100",
|
|
19990
19339
|
width: ["w_var", {
|
|
19991
19340
|
"--width": `${paneWidth}px`
|
|
@@ -20003,7 +19352,7 @@ function RightPaneLayout(props) {
|
|
|
20003
19352
|
{
|
|
20004
19353
|
layout: "position",
|
|
20005
19354
|
"data-testid": "rightPaneContent",
|
|
20006
|
-
...
|
|
19355
|
+
...trussProps72({
|
|
20007
19356
|
backgroundColor: ["bgColor_var", {
|
|
20008
19357
|
"--backgroundColor": paneBgColor
|
|
20009
19358
|
}],
|
|
@@ -20049,7 +19398,7 @@ function useRightPane() {
|
|
|
20049
19398
|
}
|
|
20050
19399
|
|
|
20051
19400
|
// src/components/BeamContext.tsx
|
|
20052
|
-
import { jsx as jsx149, jsxs as
|
|
19401
|
+
import { jsx as jsx149, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
20053
19402
|
var BeamContext = createContext6({
|
|
20054
19403
|
modalState: new EmptyRef(),
|
|
20055
19404
|
modalCanCloseChecks: new EmptyRef(),
|
|
@@ -20091,8 +19440,8 @@ function BeamProvider({ children, ...presentationProps }) {
|
|
|
20091
19440
|
sdHeaderDiv
|
|
20092
19441
|
};
|
|
20093
19442
|
}, [modalBodyDiv, modalFooterDiv, modalHeaderDiv, sdHeaderDiv]);
|
|
20094
|
-
return /* @__PURE__ */ jsx149(BeamContext.Provider, { value: { ...context }, children: /* @__PURE__ */ jsx149(PresentationProvider, { ...presentationProps, children: /* @__PURE__ */ jsx149(RightPaneProvider, { children: /* @__PURE__ */ jsx149(AutoSaveStatusProvider, { children: /* @__PURE__ */ jsx149(SnackbarProvider, { children: /* @__PURE__ */
|
|
20095
|
-
/* @__PURE__ */
|
|
19443
|
+
return /* @__PURE__ */ jsx149(BeamContext.Provider, { value: { ...context }, children: /* @__PURE__ */ jsx149(PresentationProvider, { ...presentationProps, children: /* @__PURE__ */ jsx149(RightPaneProvider, { children: /* @__PURE__ */ jsx149(AutoSaveStatusProvider, { children: /* @__PURE__ */ jsx149(SnackbarProvider, { children: /* @__PURE__ */ jsxs77(ToastProvider, { children: [
|
|
19444
|
+
/* @__PURE__ */ jsxs77(OverlayProvider, { children: [
|
|
20096
19445
|
children,
|
|
20097
19446
|
modalRef.current && /* @__PURE__ */ jsx149(Modal, { ...modalRef.current })
|
|
20098
19447
|
] }),
|
|
@@ -20149,8 +19498,8 @@ function ButtonDatePicker(props) {
|
|
|
20149
19498
|
// src/components/ButtonGroup.tsx
|
|
20150
19499
|
import { useRef as useRef47 } from "react";
|
|
20151
19500
|
import { useButton as useButton10, useFocusRing as useFocusRing12, useHover as useHover15 } from "react-aria";
|
|
20152
|
-
import { trussProps as
|
|
20153
|
-
import { jsx as jsx151, jsxs as
|
|
19501
|
+
import { trussProps as trussProps73 } from "@homebound/truss/runtime";
|
|
19502
|
+
import { jsx as jsx151, jsxs as jsxs78 } from "react/jsx-runtime";
|
|
20154
19503
|
function ButtonGroup(props) {
|
|
20155
19504
|
const {
|
|
20156
19505
|
buttons,
|
|
@@ -20160,7 +19509,7 @@ function ButtonGroup(props) {
|
|
|
20160
19509
|
const tid = useTestIds(props, "buttonGroup");
|
|
20161
19510
|
return (
|
|
20162
19511
|
// Adding `line-height: 0` prevent inheriting line-heights that might throw off sizing within the button group.
|
|
20163
|
-
/* @__PURE__ */ jsx151("div", { ...tid, ...
|
|
19512
|
+
/* @__PURE__ */ jsx151("div", { ...tid, ...trussProps73({
|
|
20164
19513
|
...{
|
|
20165
19514
|
display: "df",
|
|
20166
19515
|
lineHeight: "lh_0"
|
|
@@ -20209,10 +19558,10 @@ function GroupButton(props) {
|
|
|
20209
19558
|
isHovered
|
|
20210
19559
|
} = useHover15(ariaProps);
|
|
20211
19560
|
const tid = useTestIds(props);
|
|
20212
|
-
return /* @__PURE__ */ jsx151("span", { ...
|
|
19561
|
+
return /* @__PURE__ */ jsx151("span", { ...trussProps73(getButtonStyles2(isFirst, isLast)), children: maybeTooltip({
|
|
20213
19562
|
title: resolveTooltip(disabled, tooltip),
|
|
20214
19563
|
placement: "top",
|
|
20215
|
-
children: /* @__PURE__ */
|
|
19564
|
+
children: /* @__PURE__ */ jsxs78("button", { ref, ...buttonProps, ...focusProps, ...hoverProps, ...trussProps73({
|
|
20216
19565
|
...{
|
|
20217
19566
|
fontWeight: "fw6",
|
|
20218
19567
|
fontSize: "fz_14px",
|
|
@@ -20319,8 +19668,8 @@ import { useHover as useHover16 } from "react-aria";
|
|
|
20319
19668
|
// src/components/Tag.tsx
|
|
20320
19669
|
import { useResizeObserver as useResizeObserver4 } from "@react-aria/utils";
|
|
20321
19670
|
import { useRef as useRef48, useState as useState43 } from "react";
|
|
20322
|
-
import { trussProps as
|
|
20323
|
-
import { jsx as jsx152, jsxs as
|
|
19671
|
+
import { trussProps as trussProps74 } from "@homebound/truss/runtime";
|
|
19672
|
+
import { jsx as jsx152, jsxs as jsxs79 } from "react/jsx-runtime";
|
|
20324
19673
|
function Tag(props) {
|
|
20325
19674
|
const {
|
|
20326
19675
|
text,
|
|
@@ -20343,7 +19692,7 @@ function Tag(props) {
|
|
|
20343
19692
|
});
|
|
20344
19693
|
return maybeTooltip({
|
|
20345
19694
|
title: !preventTooltip && showTooltip ? text : void 0,
|
|
20346
|
-
children: /* @__PURE__ */
|
|
19695
|
+
children: /* @__PURE__ */ jsxs79("span", { ...tid, ...trussProps74({
|
|
20347
19696
|
...{
|
|
20348
19697
|
display: "dif",
|
|
20349
19698
|
fontWeight: "fw6",
|
|
@@ -20362,17 +19711,8 @@ function Tag(props) {
|
|
|
20362
19711
|
...typeStyles2,
|
|
20363
19712
|
...xss
|
|
20364
19713
|
}), children: [
|
|
20365
|
-
otherProps.icon && /* @__PURE__ */ jsx152("span", {
|
|
20366
|
-
|
|
20367
|
-
}), children: /* @__PURE__ */ jsx152(Icon, { icon: otherProps.icon, inc: 1.5 }) }),
|
|
20368
|
-
/* @__PURE__ */ jsx152("span", { ref, ...trussProps92({
|
|
20369
|
-
overflow: "oh",
|
|
20370
|
-
display: "d_negwebkit_box",
|
|
20371
|
-
WebkitBoxOrient: "wbo_vertical",
|
|
20372
|
-
textOverflow: "to_ellipsis",
|
|
20373
|
-
WebkitLineClamp: "wlc_1",
|
|
20374
|
-
wordBreak: "wbba"
|
|
20375
|
-
}), children: text })
|
|
19714
|
+
otherProps.icon && /* @__PURE__ */ jsx152("span", { className: "fs0", children: /* @__PURE__ */ jsx152(Icon, { icon: otherProps.icon, inc: 1.5 }) }),
|
|
19715
|
+
/* @__PURE__ */ jsx152("span", { ref, className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_1 wbba", children: text })
|
|
20376
19716
|
] })
|
|
20377
19717
|
});
|
|
20378
19718
|
}
|
|
@@ -20402,8 +19742,8 @@ function getStyles(type) {
|
|
|
20402
19742
|
}
|
|
20403
19743
|
|
|
20404
19744
|
// src/components/Card.tsx
|
|
20405
|
-
import { trussProps as
|
|
20406
|
-
import { jsx as jsx153, jsxs as
|
|
19745
|
+
import { trussProps as trussProps75 } from "@homebound/truss/runtime";
|
|
19746
|
+
import { jsx as jsx153, jsxs as jsxs80 } from "react/jsx-runtime";
|
|
20407
19747
|
function Card(props) {
|
|
20408
19748
|
const {
|
|
20409
19749
|
title,
|
|
@@ -20433,8 +19773,8 @@ function Card(props) {
|
|
|
20433
19773
|
...isHovered && cardHoverStyles,
|
|
20434
19774
|
...isDisabled && disabledStyles3
|
|
20435
19775
|
}), [isDisabled, isHovered, bordered, type, isList]);
|
|
20436
|
-
return /* @__PURE__ */
|
|
20437
|
-
/* @__PURE__ */ jsx153("div", { ...
|
|
19776
|
+
return /* @__PURE__ */ jsxs80("div", { ...trussProps75(styles), ...hoverProps, ...tid, children: [
|
|
19777
|
+
/* @__PURE__ */ jsx153("div", { ...trussProps75({
|
|
20438
19778
|
...{
|
|
20439
19779
|
height: ["h_var", {
|
|
20440
19780
|
"--height": `${imgHeight}px`
|
|
@@ -20451,14 +19791,14 @@ function Card(props) {
|
|
|
20451
19791
|
filter: "filter_brightness_1"
|
|
20452
19792
|
},
|
|
20453
19793
|
...isHovered && !isList && imageHoverStyles
|
|
20454
|
-
}), children: /* @__PURE__ */ jsx153("img", { ...
|
|
19794
|
+
}), children: /* @__PURE__ */ jsx153("img", { ...trussProps75({
|
|
20455
19795
|
width: "w100",
|
|
20456
19796
|
height: "h100",
|
|
20457
19797
|
objectFit: ["objectFit_var", {
|
|
20458
19798
|
"--objectFit": imageFit
|
|
20459
19799
|
}]
|
|
20460
19800
|
}), src: imgSrc, alt: title, ...tid.img }) }),
|
|
20461
|
-
isHovered && buttonMenuItems && /* @__PURE__ */ jsx153("div", { ...
|
|
19801
|
+
isHovered && buttonMenuItems && /* @__PURE__ */ jsx153("div", { ...trussProps75({
|
|
20462
19802
|
position: "absolute",
|
|
20463
19803
|
right: "right1",
|
|
20464
19804
|
top: "top1",
|
|
@@ -20470,25 +19810,11 @@ function Card(props) {
|
|
|
20470
19810
|
icon: "verticalDots",
|
|
20471
19811
|
color: isList ? "rgba(100, 100, 100, 1)" /* Gray700 */ : "rgba(255,255,255,1)" /* White */
|
|
20472
19812
|
}, items: buttonMenuItems }) }),
|
|
20473
|
-
tag && /* @__PURE__ */ jsx153("div", {
|
|
20474
|
-
|
|
20475
|
-
|
|
20476
|
-
|
|
20477
|
-
|
|
20478
|
-
/* @__PURE__ */ jsxs79("div", { ...trussProps93({
|
|
20479
|
-
display: "df",
|
|
20480
|
-
flexDirection: "fdc",
|
|
20481
|
-
alignItems: "aifs",
|
|
20482
|
-
gap: "gap1"
|
|
20483
|
-
}), children: [
|
|
20484
|
-
/* @__PURE__ */ jsxs79("div", { children: [
|
|
20485
|
-
/* @__PURE__ */ jsx153("div", { ...trussProps93({
|
|
20486
|
-
fontWeight: "fw6",
|
|
20487
|
-
fontSize: "fz_12px",
|
|
20488
|
-
lineHeight: "lh_16px",
|
|
20489
|
-
color: "gray700"
|
|
20490
|
-
}), ...tid.subtitle, children: subtitle }),
|
|
20491
|
-
/* @__PURE__ */ jsx153("div", { ...trussProps93({
|
|
19813
|
+
tag && /* @__PURE__ */ jsx153("div", { className: "absolute left1 top_4px", children: /* @__PURE__ */ jsx153(Tag, { type: tag?.type, text: tag?.text, ...tid.tag }) }),
|
|
19814
|
+
/* @__PURE__ */ jsxs80("div", { className: "df fdc aifs gap1", children: [
|
|
19815
|
+
/* @__PURE__ */ jsxs80("div", { children: [
|
|
19816
|
+
/* @__PURE__ */ jsx153("div", { className: "fw6 fz_12px lh_16px gray700", ...tid.subtitle, children: subtitle }),
|
|
19817
|
+
/* @__PURE__ */ jsx153("div", { ...trussProps75({
|
|
20492
19818
|
fontWeight: "fw6",
|
|
20493
19819
|
fontSize: "fz_14px",
|
|
20494
19820
|
lineHeight: "lh_20px",
|
|
@@ -20578,7 +19904,7 @@ function useDnDGridContext() {
|
|
|
20578
19904
|
}
|
|
20579
19905
|
|
|
20580
19906
|
// src/components/DnDGrid/DnDGrid.tsx
|
|
20581
|
-
import { trussProps as
|
|
19907
|
+
import { trussProps as trussProps76 } from "@homebound/truss/runtime";
|
|
20582
19908
|
import { jsx as jsx155 } from "react/jsx-runtime";
|
|
20583
19909
|
function DnDGrid(props) {
|
|
20584
19910
|
const {
|
|
@@ -20759,7 +20085,7 @@ function DnDGrid(props) {
|
|
|
20759
20085
|
return /* @__PURE__ */ jsx155(DnDGridContext.Provider, { value: {
|
|
20760
20086
|
dragEl,
|
|
20761
20087
|
onDragHandleKeyDown
|
|
20762
|
-
}, children: /* @__PURE__ */ jsx155("div", { ref: gridEl, ...
|
|
20088
|
+
}, children: /* @__PURE__ */ jsx155("div", { ref: gridEl, ...trussProps76({
|
|
20763
20089
|
...{
|
|
20764
20090
|
containerType: "ctis",
|
|
20765
20091
|
display: "dg"
|
|
@@ -20772,7 +20098,7 @@ var gridCloneKey = "dndgrid-clone";
|
|
|
20772
20098
|
|
|
20773
20099
|
// src/components/DnDGrid/DnDGridItemHandle.tsx
|
|
20774
20100
|
import { mergeProps as mergeProps23, useFocusRing as useFocusRing13, useHover as useHover17 } from "react-aria";
|
|
20775
|
-
import { trussProps as
|
|
20101
|
+
import { trussProps as trussProps77 } from "@homebound/truss/runtime";
|
|
20776
20102
|
import { jsx as jsx156 } from "react/jsx-runtime";
|
|
20777
20103
|
function DnDGridItemHandle(props) {
|
|
20778
20104
|
const {
|
|
@@ -20802,7 +20128,7 @@ function DnDGridItemHandle(props) {
|
|
|
20802
20128
|
borderRadius: "br4",
|
|
20803
20129
|
borderWidth: "bw1"
|
|
20804
20130
|
};
|
|
20805
|
-
return /* @__PURE__ */ jsx156("button", { ...
|
|
20131
|
+
return /* @__PURE__ */ jsx156("button", { ...trussProps77({
|
|
20806
20132
|
...compact ? iconButtonCompact2 : iconButtonNormal2,
|
|
20807
20133
|
...{
|
|
20808
20134
|
cursor: "cursor_grab",
|
|
@@ -20864,20 +20190,49 @@ var gridItemDataAttribute = "data-grid-item-span";
|
|
|
20864
20190
|
var ResponsiveGridContext = createContext8(void 0);
|
|
20865
20191
|
|
|
20866
20192
|
// src/components/Grid/ResponsiveGrid.tsx
|
|
20193
|
+
import { trussProps as trussProps78 } from "@homebound/truss/runtime";
|
|
20867
20194
|
import { jsx as jsx157 } from "react/jsx-runtime";
|
|
20868
20195
|
function ResponsiveGrid(props) {
|
|
20869
|
-
const {
|
|
20870
|
-
|
|
20871
|
-
|
|
20872
|
-
|
|
20196
|
+
const {
|
|
20197
|
+
children,
|
|
20198
|
+
minColumnWidth,
|
|
20199
|
+
gap,
|
|
20200
|
+
columns
|
|
20201
|
+
} = props;
|
|
20202
|
+
const {
|
|
20203
|
+
gridStyles
|
|
20204
|
+
} = useResponsiveGrid({
|
|
20205
|
+
minColumnWidth,
|
|
20206
|
+
gap,
|
|
20207
|
+
columns
|
|
20208
|
+
});
|
|
20209
|
+
const config = useMemo43(() => ({
|
|
20210
|
+
minColumnWidth,
|
|
20211
|
+
gap,
|
|
20212
|
+
columns
|
|
20213
|
+
}), [minColumnWidth, gap, columns]);
|
|
20214
|
+
return /* @__PURE__ */ jsx157(ResponsiveGridContext.Provider, { value: config, children: /* @__PURE__ */ jsx157("div", { ...trussProps78({
|
|
20215
|
+
...gridStyles
|
|
20216
|
+
}), children }) });
|
|
20873
20217
|
}
|
|
20874
20218
|
|
|
20875
20219
|
// src/components/Grid/ResponsiveGridItem.tsx
|
|
20220
|
+
import { trussProps as trussProps79 } from "@homebound/truss/runtime";
|
|
20876
20221
|
import { jsx as jsx158 } from "react/jsx-runtime";
|
|
20877
20222
|
function ResponsiveGridItem(props) {
|
|
20878
|
-
const {
|
|
20879
|
-
|
|
20880
|
-
|
|
20223
|
+
const {
|
|
20224
|
+
colSpan,
|
|
20225
|
+
children
|
|
20226
|
+
} = props;
|
|
20227
|
+
const {
|
|
20228
|
+
gridItemProps,
|
|
20229
|
+
gridItemStyles
|
|
20230
|
+
} = useResponsiveGridItem({
|
|
20231
|
+
colSpan
|
|
20232
|
+
});
|
|
20233
|
+
return /* @__PURE__ */ jsx158("div", { ...gridItemProps, ...trussProps79({
|
|
20234
|
+
...gridItemStyles
|
|
20235
|
+
}), children });
|
|
20881
20236
|
}
|
|
20882
20237
|
|
|
20883
20238
|
// src/components/Grid/useResponsiveGrid.ts
|
|
@@ -20967,13 +20322,12 @@ function responsiveGridItemClassName(config, colSpan) {
|
|
|
20967
20322
|
|
|
20968
20323
|
// src/components/HbLoadingSpinner.tsx
|
|
20969
20324
|
import React22, { useContext as useContext19, useMemo as useMemo46 } from "react";
|
|
20970
|
-
import { trussProps as trussProps96 } from "@homebound/truss/runtime";
|
|
20971
20325
|
|
|
20972
20326
|
// src/components/HbLoadingSpinner.base64.ts
|
|
20973
20327
|
var HbLoadingSpinner_base64_default = "data:image/gif,GIF89a%80%00%80%00%E7%00%00%00%00%00%0D%0D%0D%16%16%16%1C%1C%1C%22%22%22%26%26%26%2A%2A%2A...222555888%3B%3B%3B%3D%3D%3D%40%40%40BBBEEEGGGIIIKKKMMMOOOQQQSSSUUUVVVXXXZZZ%5C%5C%5C%5D%5D%5D___%60%60%60bbbccceeefffhhhiiijjjlllmmmnnnpppqqqrrrsssuuuvvvwwwxxxyyyzzz%7C%7C%7C%7D%7D%7D~~~%7F%7F%7F%80%80%80%81%81%81%82%82%82%83%83%83%84%84%84%85%85%85%86%86%86%87%87%87%88%88%88%89%89%89%8A%8A%8A%8B%8B%8B%8C%8C%8C%8D%8D%8D%8E%8E%8E%8F%8F%8F%90%90%90%91%91%91%92%92%92%93%93%93%94%94%94%95%95%95%96%96%96%97%97%97%98%98%98%99%99%99%9A%9A%9A%9B%9B%9B%9C%9C%9C%9D%9D%9D%9E%9E%9E%9F%9F%9F%A0%A0%A0%A1%A1%A1%A2%A2%A2%A3%A3%A3%A4%A4%A4%A5%A5%A5%A6%A6%A6%A7%A7%A7%A8%A8%A8%A9%A9%A9%AA%AA%AA%AB%AB%AB%AC%AC%AC%AD%AD%AD%AE%AE%AE%AF%AF%AF%B0%B0%B0%B1%B1%B1%B2%B2%B2%B3%B3%B3%B4%B4%B4%B5%B5%B5%B6%B6%B6%B7%B7%B7%B8%B8%B8%B9%B9%B9%BA%BA%BA%BB%BB%BB%BC%BC%BC%BD%BD%BD%BE%BE%BE%BF%BF%BF%C0%C0%C0%C1%C1%C1%C2%C2%C2%C3%C3%C3%C4%C4%C4%C5%C5%C5%C6%C6%C6%C7%C7%C7%C8%C8%C8%C9%C9%C9%CA%CA%CA%CB%CB%CB%CC%CC%CC%CD%CD%CD%CE%CE%CE%CF%CF%CF%D0%D0%D0%D1%D1%D1%D2%D2%D2%D3%D3%D3%D4%D4%D4%D5%D5%D5%D6%D6%D6%D7%D7%D7%D8%D8%D8%D9%D9%D9%DA%DA%DA%DB%DB%DB%DC%DC%DC%DD%DD%DD%DE%DE%DE%DF%DF%DF%E0%E0%E0%E1%E1%E1%E2%E2%E2%E3%E3%E3%E4%E4%E4%E5%E5%E5%E6%E6%E6%E7%E7%E7%E8%E8%E8%E9%E9%E9%EA%EA%EA%EB%EB%EB%EC%EC%EC%ED%ED%ED%EE%EE%EE%EF%EF%EF%F0%F0%F0%F1%F1%F1%F2%F2%F2%F3%F3%F3%F4%F4%F4%F5%F5%F5%F6%F6%F6%F7%F7%F7%F8%F8%F8%F9%F9%F9%FA%FA%FA%FB%FB%FB%FC%FC%FC%FD%FD%FD%FE%FE%FE%FF%FF%FF%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%21%FF%0BNETSCAPE2.0%03%01%00%00%00%21%FE%11Created%20with%20GIMP%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%DD%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%EC7%80%80%C7%02%02%EC%0D%40%99%F2%E4%CA%92%2F%5B%E6%5B%99%B1%E7%CF%A0C%8B%1EM%BA%B4%E9%D3%A8S%AB%5E%CD%BA%B5%EB%D7%B0c%CB%9EM%BB%B6%ED%DB%B8s%EB%DE%CD%BB%B7%EF%DF%C0%83%D7%0E%08%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FC%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%CF7%03%88%1E-Z%80%E9%01%04%0A%188p%00A%82%05%0D%1EH%A8%C0%964i%D3%02P%ABn%FD%9A%01%5C%DB%A3O%EB%5EM%17x%00%DC%A8%EF%1A%3F%0E%BA%B9%F3%E7%D0%A3K%9FN%BD%BA%F5%EB%D8%B3k%DF%CE%BD%3B%CA%80%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%CF%20%03%88%160%80%40%81%03%09%16%40%B0%D0%A1%04%8C%1EK%B0%90%89%B3%87%D0%A2H%966y%0A5%AAT%29S%A7P%A5J%A5J%D5%AA%E3%C8Y%B1Z%15U%F4h%D2%04%0C%20X%F0%80B%06%11%2Cp%14%A1%22%06%0E%9FB%8D%2A%B7m%02E%EAT%AAU%AD%5C%BD%82%05%2B%96%AC%F7%B2f%C9%9FO%D5y%00%E8%A8%19%3C%60%5D%C2%05%8F%25Y%981%87%1F%88DrI%27%A2%94%82%8A%2A%E9%AD%D7%1E%7C%F1%CD7KU%F6A%27%9D%02%0EH%80%C1%07%29%D0%10%84%13%5D%ACq%C7%20%8CL%A2%09y%A7%A8%C2J%2B%EB%C5%E2%DE%7B%12NhU%85%A5I%B7%80%03%13l%20%C2%0A7%18AE%18o%ECQ%88%23%96p%12%8A%82%E8%B5%F8b%84%F2%7D%E5%9C%00%D0%15p%A1~%11P%60%01%06%1Al%D0A%07%1E%7C%00%C2%97%21%84%29f%08%A0%95i%E6%99h%A6%A9%E6%9Al%B6%E9%E6%9Bp%C6%29%E7%9Ctf%15%10%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%CF%14%03%88%160%80%80%01%04%0D%26p%40%81C%89%965w%02%25z4%C9R%A6M%9D%3C%7D%FA%04%2AT%28Q%A3F%91%22U%AAxqS%A6N%9DB%C5%1CU%AA%E7%AA%A2%ABZE%FD%E8%E8%D2%06%124%A8%00%82%05%8F%27a%E4%D6%FCI%14%E9%12%A7O%A1%88%27_%0E%9D%3A%2BV%AD%E2%BB%9A%FF%EA%15%AC%FB%B0b%E9%8F%25%AB%BF%7F%A4%A2%05%20%80i%0A%3C%60%01%08-%F8%10%05%19t%00%B2%C8%24%99t%02%CA%28%A5%24%E7%5C%2A%D3%AD%F2%5E%7C%F2%D5g%1F~%FB%F1%E7%DF%7F%00%8A%86%5D%81%07%BA%F0%83%14%0C%06%C2%08%25%9Ax%22%0A%29%16b%E8%1E%7C%1C%D2W%1F%88%FB%8D%D8%DF%2C%B2%285%DA%80%D99%60A%08.%001E%19u%0C%D2H%25%9BLX%0A%7B%D3m%98%A3%2B%3B%F2%28%A2%8F%B3%00%F9T%80%A4%99%96%00%03%0FHP%C1%05%19l%C0A%07%1Dx%E0%C1%07p%C6%F9%01%08t%D6i%27%08%21%E4%A9%E7%9E%21%80%E6%E7%9F%80%06%2A%E8%A0%84%16j%E8%A1%88%26%AA%E8%A2%8C6%9AU%40%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%CF%0E%03%88%1EP%E0%00%83%0A%20%60%0C%C1%82%A6%CE%9FC%8C%1EE%9AD%A9%92%25K%970e%CA%A4I%D3%A6M%9C8u%F2D%FC%D3%27P%A0B%29%17%25j%94sR%A4JI%9F%5E%CA%94%F5S%D8%7F%8A%0E0%80%80%01%05%116%EF%A4%E0%21%A5L%1DA%8B%22U%CA%04%7C%B8%F1%E4%A1%98%3F%9F~%1D%3B%2AT%A9R%A9%DA%BF%AA%3F%AB%FF%AD%04%18%A0%2B%04%BE%F2%8A%2BA%05%20%00i%08%9C%16%02%0CFl%E1%06%1F%88%3C%B2%1Ep%9E%1C%97%9C%7C%A3%40%27%5D%7D%F7%DD%A7%1F%7F%FE%01%28%60%2B%04%BAb%E0%2B%B0%BC%92%A0%82%DE%29%00%81%06%27%E8%10E%19v%0C%D2%C8%24%98l%D2%89%86%F1%3D%17%DD%87%D8%9D%22b~%24%AE%F2%1F%2B%27%A6X%E0%8A-%0A%25%9A%00%04%98FAjFh%E1%86%1F%89Dr%89%8F%C7q%E8au%A6%D8w%E4~%AA%94%C8%E4%89%28%3E%C9%22%2Cp%C2b%D4%94%0C.%E0%80%04%15%5C%90%81%06%1Bp%E0g%07%80%06%DA%81%07%84%16Z%E8%07%88%26%AA%28%A2%204%EA%E8%A3%8E%82%26%E9%A4%94Vj%E9%A5%98f%AA%E9%A6%9Cv%EA%E9%A7%A0%86%9AU%40%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%CF%08%03%88%1EP%00%C1%03%0C%26t%40%19%23%87%8F%A0C%8A%185r%F4%A86%A4H%B8%25%E9%9E4%89%92%EFJ%C0%2BY%1An%E9%92qL%982e%D2%C4%5C%D3%A6%E7%9C6q%9A%DE%A9%BA%A7%EB%D8u%8E.%DD%E0B%89%1CQ%CC%F2%D4%09%94%C8%91%24J%C2%8D_J%BE%9C9t%EA%D5%3Ba%FFD%FF%13%28P%A1%F2%87%12%C5%7F%94%FFQ%A4%04X%CA%80%03%9Ab%E0%29%A6h%17%C0%00%04%1C%C0%40%05%22%D4%B0D%18s%FC%91%C8%23%93Tb%9Cr%ED9%27%1D%7C%D8yR%DF%7D%F8%E9%C7_%7F%FE%05%28%20%81%06%1Ex%CA%8B%A7%28%28%00%01%06%28%20%C1%070%18%D1%05%1C~%20%82aq%ED%3D%F7a%7C%F2%898%E2%7D%26%A2%F8%9F%8A%04%B2%E8%E2%8B%A8D%89%CAN%DB%25%00%C1%06%2A%00%81%05%1B%7C%F8H%89%25%CB%7D%C8I%7C%F3%D9%87d%89%FB%9D%B8%E4%8AN%3E%09%A5%94R%FA%24%9A%00%A4%21%B0%C0%03%12TpA%06%19h%A0%C1%06%80%06%1A%28%07%84%16j%28%A1%1D%24%AA%E8%A2%8Bz%E0%E8%A3%90F%EA%01h%94Vj%E9%A5%98f%AA%E9%A6%9Cv%EA%E9%A7%A0%86%2A%EA%A8Y%05%04%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%CF%03%03%04%18P%E0%40%83%0B%25r%3C%11%03gO%A0B%87%10%25%9A%AD%A86%ED%DA%B8%15%CDN%A4%BB7%EE%DD%BAy%E7%BE%1D%5C%B8%EF%E0%BF%13%D1%0C%20%80t%82%07%1AR%F8%B0%92%06%8F%A0D%8D%1EE%92%C4%BD%BB%F7%EF%E0%C3%A7%8B%1FO%DE%FB%F2%D1%05%9EkX%01%C4%CA%9A%3C%83%149%8A4i%12%A5%FB%F8%F3%EB%DF%CF%1F%BF%FD%FE%00%F27%C9y%A4%21%F0%C0%06%ECa%B1%C6%1E%850%02%89%7D%95D%18%A1%25%14JXI%85%17Z%22%21%86%16%5E8%A1%86%19n%D8%21%85%20~%18%E1y%02%10%A0%9E%0A%40d%D1%06%1F%874%22%09%25%17%5Eb%E3%8D8%E6%A8%E3%8E%3C%F6%E8%E3%8D8%89%D6%1C%01%06%400%81%05%17%60%90A%06%1A4%E9%E4%93PF%29%E5%94TV%F9%24hXf%A9%E5%96%5Cv%E9%E5%97%60%86%29%E6%98d%96i%E6%99Y%05%04%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%CD%01%02%08%20%60%40A%84%0E%2C~P13%87O%A0B%87b%CB%8Em%A8P%21B%84%06%09%DA%1D%A8%F7%9F%DF%7F%FC%F4%E9%C3%87%CF%9E%3Dz%F2%E0%C1s%E7%8E%9D%E7u%EA%D0%A13G%8E%9C8p%E0%BCq%D3%A6%3B%9B5%E0%D3%FE%88Gs%C6%8C%992%2CC%8B%1Ep%80%81%85%115%96%80%81%C3%A7%90%A2F%8F%20Az%C4%FF%91%23G%8D%04%C8%08%23%8B%2C%A2%88%22%89%24%82%C8%82%87%D4f%5Bn%BC%05%02%08%20%C1%F9a%21q%C7%21%97%87r%CDE7%1Du%D6e%97%DD%1B%DD%B5%14%DA%00%05%24%E0%00%06%27%EC%20%85%19u%00%82%08~%91Hbc%248%EE%E7%DF%7F%0062%20%81%08%2A%88%88l%0E%E2F%C8n%82%F4Fa%85%C3%19%A7%21%87%CEy%08%A2u%D8%C1a%A2%00%03%94%26%01%07%2C%04%91%C5%1Az%10%B2%C8%23%92L2%09%25fNrc%8E%FD%FD%17%A0%8F%05%1A%98%A0%82%B4%15%09%21oK%06G%9C%93%7Bl%98Gs%D0IG%5Du%E9%89F%40%7B%15%880%83%12_%C4%F1%07%22%8EHB%09%25%95T%3A%29%9Aj%AE%19%89%8En%0A8%A0%9C%092H%DB%83%10%2A%B9%E4%85%C5e%98%1Cs%80z%08ShNX%12P%C0%01%09%28%B0%00%03%0C4%D0%40%06%BC%F6%EA%2B%06%C0%06%8B%C1%05%C4%16k%EC%05%16%24%ABl%B2%154%EBl%B3%14D%2Bm%B4%13Tkm%B5%12d%AB%EDg%DCv%EB%ED%B7%E0%86%2B%EE%B8%E4%96k%EE%B9%E8%A6%AB%EE%BAj%05%04%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%C9%01%02%08%20%60%40%01%84%0C%25j%24%D1%92%A6N%1FA%87%10%25%9A%8D%08%D1%A1C%85%0A%0D%12%14%28%D0%9F%3F~%F8%F0%D9%93%07%CF%1D%3Bu%E8%CC%91%03%E7%8D%9B6m%D6%A8I%83%C6L%192c%C2%84%F9%E2e%8B%96%2CX%AC%FET%A1%22%25%0A%94%27M%98%2CY%92%C4H%91%21A%80%FC%F8%D1c%87%8E%1C7j%94%14%3D%A0%00%02%07%16%8C0%83%11Z%A8q%87%20%894%F2H%24%92H%12I%24%90%3C%E2H%23%8C0%B2%08m%B8%11B%08o%80%00%D7%C7py%E4q%5Crr0%F7%06t%D2Qg%1D%19bl%E7%05%17%DEeq%85%15TLQ%1E%14N%A8%97%04%12%EE%11%21%84%7C%3E%F00Rh%A2%11p%C0%02%12p%B0%82%0FR%94A%C7%1F%884%12%C9%24TR%E9%60%24%12Nh%E1%85%B6e%B8%5B%20%1D%06%07%A2q%C9-%17Gsm%B0%91%E2%19%2B%8A%01%06w%5Ch%F1%DD%8C5Jq%5Ez%EC%F1H%C4%10%3F%FE%20Rh%02%08%D0_%02%A7%95p%C3%12%5E%C0%D1%C7%21RRR%C9%A3%95Pb%25%84YR%B8%88%22%89%D8fH%21%84%7C%19%A6pz%14wG%99r%9C%F9%9C%9A%D3%B1%89%5D%18%60x%F1%E2w%B4%E1%D1xc%8EK%28%91%C4%11F%EC%19%C4%90%82%1A%C9%40%05%20%C0%40%04%16j%E4A%08%23%91Pb%C9%25%CC%5EbI%A4%92%3A%18%A1%23Z%5E%9A%E9%21%9Bn%D8%1Bp%C1%ED%11%EA%88%CA%99x%EA%1A%2A%5E%97%5D%AB%5D%C4%18%5E%156F%F1%04%AD%EC%E1J%C4I%80%0E%40%40%01%07%24%A0%C0%02%0C0%D0%C0%BF%00%03%DC%2F%06%04%13%7C%C1%C1%07%5B%A0%B0%05%154%5C%01%05%10S0%C1%C4%13K%60q%04%18G%00%C1%C6%1B%3F%E0%F1%03%0E%84%EC%40%C0%FD%96%BC%C0%C9%27%2B%A0%B2%02%09%7C%E6%F2%CB0%C7%2C%F3%CC4%D7l%F3%CD8%E7%AC%F3%CE%3C%F7%ACV%40%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%C3%01%02%0C%20%60%00A%83%09%1AH%C8%10%22%25L%9B%3B%7F%0A%25b%E4%E8%91mG%8E%1A1R%94%08%D1%A1B%84%06%05%02%F4%C7%0F%9F%3Dy%EE%D8%A13%27%CE%9B6m%D6%A49c%86%8C%980%5E%BAh%C1r%A5%CA%94%28P%9A%FE0Y%92%C4%08%91%20%40%7C%F0%D0%81%C3%06%0D%191%5E%B8%60%A1%02%C5%89%12%25F%8C%00%01%C2C%87%0D%1Ah%90%C1%05%16T%80Qh%02%90%A6%80%03%14t%90%C2%0DH%60qF%1D%7F%20%E2%88%24%95Xr%C9%86%97XR%09%25%93H%12%C9%23%B91%B2Ho%86%00%27%08q%7D%EC%A1Gru%D0%21%87s%D1MW%9D%18%60x%C1%C5vVP%21E%14O4%B1%04%12F%14%21Dz%EB%B5%F7%5E%7C-%AC%A0B%0A%27%98%40%C2%08%21%F4%E7%1F%07%01bPQh%01%080%9A%01%098PA%07%28%DC%90%84%16h%D4%11H%22%8FPrI%26%9A%C4%99I%26%1D~%18%E2%88%25%9E%E8%5B%21%83%08%12%C8%1F-%EA%81%C7%1D1%CA%01%C7s%D2%A1qc%8E%3Bb%D1%E3%8FN%8CW%1E%11G%AA%C7%9E%7B3%C47%DF%93QN%29%02%08%1F%5C%B9A%06%5B%22HZ%98%15x%90%02%0Eg%AAq%87%20%EB%8BDR%09%26%9Al%C2%C9%26%9B%C8%B9%A1%87w%92%A8%9B%9E%BF%11%B2%22%A0%7C%08J%A8%8C%87F%A7%86%A2%D61%CA%A3%8FPD%3A%A4y%95%26%89i%0C04%C9%A9%94T%82%EA%1F%80%14%21%F8%E5%82%A9%AA%80%83%12%5B%AC%91%07%21%8CHr%89%26%9Ct%22o%27%9C%DC%AAI%26%98%D4y%27%24y%F6%16%EC%B0%C6%BDx%AC%A1%88%DA%D8%AC%8E%CF%FE%18%E4%90G%18%89%E4%A54d%FA%82%B6Pr%FBi%A8%1Dp%90%11%97%5E%12P%40i%09%28%B0%00%03%0D%94%EC%C0%C9%27%97%AC%F2%CA%0C%B4%EC%F2%02%16%C4%5C%60%05%15P%60%F3%048K%A0s%04%3CC%E0%F3%03%40%A7%5C%F2%CB%0B%14%AD%C0%D1%09%24%9D%00%02L%1F%E0%B4%D3%06Dm%40%01TWM%C0%D5%04%7C%A6%F5%D6%5Cw%ED%F5%D7%60%87-%F6%D8d%97m%F6%D9h%A7%ADV%40%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9s%C4%00%01%F6%82%0E%20%20%B4%5E%D2%A4%09%188%80%80%01%84%0A%1AD%A8%A0%01%84%09%961m%EE%FC1%B4%E8%D1%24K%972i%D2%B4i%93%A6L%99.Y%B2T%89%D2%24I%90%1E9b%B4%28%11%A2C%85%06%05%FA%E3%87%CF%9E%3Cw%EA%FE%CC%89%F3%A6%CD%9A4f%C8%8C%09%E3%85K%96%2BU%A4%40q%C2D%C9%11%22B~%F4%D8%91%C3%06%8D%180%B8%C0%82%0A%28%98%40%C2%08%21%7C%E0A%07%1Ch%90%01%06%16T%40%C1%04%12D%00%C1%03%0F4%D0%C0%02%0B%28%E0a%02%08%20%20P%00%03%0CP%C0%01%09%B8F%81%06%21%AC%60%C3%10Pla%86%1C%7B%10%B2%88%24%97h%D2%09%28%A2%8C2%0A%29%3E%8E%22%8A%28%A0%80%F2I%27%9Cpr%1C%26%974%27I%24%D2Q%97%08v%84l%D7%9D%1Ex%D8A%87%1Cp%98%97%C6%19e%88%01%86%17%5BdaE%7CP4%B1D%12F%0C%01%84%0F%3C%E4p%03%0D3%048%60%81%07%86%00%C2%82%0DfpA%84%13Vx%A1%03%1A2%D0%E1%87%00%90%A8%1A%02%0B%3C%40A%06%20%A4%20%C3%0FKdA%06%1Cz%0C%B2H%24%96l%F2I%28%A2%90R%CA%A8%A3%92%02%A4%28%A1%18%E9%09%92%C6%25g%89s%FE%D09%D2%08%23%D6%19B%88%20%DBy%07%9Ex%E4y%99%5E%18_t%A1%05%16VL%21%05%7D%F6%E1%A7%9F%0E8%D80C%0C%2F%B4%B0B%0Ax%22%A8%60%07%1B%3C%F8g%A0%12%400h%03%86r%E8a%A2%27%26%D0%40%04%17x%60B%0C%3D%24aE%18m%E0%11H%22%9Cn%E2I%A8%A3%9Ar%8A%29%FC%9AR%AA%90%A9~%B2%AA%92%99%60%C2%1C%25OJ%D7Hu%88%14r%2B%20Wf%B9%25%1Cn%B0%A1%06%98c%8C%B9%85%16%F0%C9%E7%C4%9Am%02%D1%03%0F%CC%D6%20%83%9D%2A%A4pB%09%23%88%00%C2%07%0C%3A%08%A1%84%14Z%08%01%A1%E0%8A%AB%00%00%02%A4%F8%DA%06%23%B4%90%83%11S%7C%A1F%1D%7F%20%F2H%25%9E%E2%7B%CA%29%A8D%8D%CA%D3%FC%96r%2A%AAF%B2%BA%E4%AB%CFE%B7%B0%22%D7e%B7%5D%1F%DF%857%B1%AFd%00%DBE%99%C5J%F1D%13%C9%06%A1%DF%0E%CD%D2p%B2%B4%04%9AP%82w%08%09.%B8%81%06%18l%3BA%CD%DF%86%DB%E1%88%A4%090%00%01%04%14%B0Z%02%0A%2C%C0%00%03%0D8%E0%00%86%98g%AE9%86%96wn%B9%86%A0%83%3B%F9%E8%1C%96%EE%E1%E0%83KPa%046c%FE%B9%E8%86%7F%98%00%88%21%1E%60%FB%01%06%E4%5E%C0%EE%BB3%CEx%89%C0%03%2F%C0%F0%C4%97%06%9Ag%C8%27%AF%FC%F2%CC7%EF%FC%F3%D0G%2F%FD%F4%D4Wo%FD%F5%7B%05%04%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1c%AD%01%FAF%0E%40yo%00%01%98%23%E7%0D0%A03%01%02z%03%140p%E0%80%01%BD%02%12%28%60%E0%80%81%5E%02%0F%24P%B80A%EF%81%0C%1CB%94%F0%A0w%01%8A%163t%B8%D0%1B%C1%07%91%25R%84%E8%D5p%C5%0B%994V%F4%8ExC%27%8F%1F4z%5B%0CB%B4%E8Q%1D%BD6%26%FEY%CA%B4%E9%8F%5E%1F%9EB%89%22eH%AF%10S%A7R%A9Z%A4%D7%08%2BV%ADZ5%D2%9B%C4%D5%AB%FF%8E%E8%A5D%2C%04%C6%F2%88%80%B2%24%28%CB%2B%AA%A8%92%CA%83%A8%A0r%CA%84%A6%94ba%29%A4%8C2%8A%28%A1%80%02%8A%27%9Et%C2%89%26%99%60r%89%25%95L%22I%24%8F8%C2%C8%22%89%1Cb%08%21%82%FC%E1%07%1Fz%DCa%07%1Dr%C0%D1%C6%1Ai%98A%86%18_p%A1%05%16UH%F1%04%13K%20a%C4%10%40%F4%A0%03%0E5%CC%10%83%0B%2C%A4%80B%09%24%8C%10%C2%07%1Dp%A0A%06%17TP%01%05%13D%00%C1%03%0E%B4%C6%C0%02%0A%24%90%00%02%08%94V%9A%01%05%E4%F9%D9g%00%2C%A1%E0%9F%05%C2%02%CB%7F%AE%E4%97%1F%2B%AB4%98J%84%A7T%98%21%87%A0%7C%22%E2%26%99%9CH%C9%24%91%40%E2%22%8C%87%14%22H%207%EA%81%87%1Ds%C4%F1%06%1Bj%9C%21d%18%5E%1C%99%24%14%FEM4Y%84%10%3F%F0%A0%C3%0D4%C8%00C%0B%2B%A4p%82%09%24%7C%E9A%07%1Bh%80%81%05%15L%20%81%9A%0F%B0%D9%C0%9B%0AD%3Bg%9D%A6%E5Y%C0%9E%A0-1%CB%2C%7F%CA%12%A8%A0%AF%B8Rh%2B%F7%AD%92%28%84%8Db%B8a%87%9Fx%C2%C9%26%24%A2%A8%22%8B%8DpZ%08%21%81%FC%C1%C7%1E%A3%F2%E8%23%90%AB%B6%8A%85%15SD%E1%C4%12I%3C%19%E5%94U%C6%F0%02%0B%2A%FCJ%82%08%20%80%B9A%06%18%94%89%A6%9Ak%3A%F0%2C%B4q%D2Y%27%9Ez%EE%D9%E7%B6%DC%2A%F8%ED%A0%E1%8E%5B%AE%83%8B%A6%FB%28%BB%21%8EX%A9%25%94%AC%F8H%23%8C%28%82%C8%8C%F9%F6%B1G%1Ew%D4%D1%A3%1B%00%93%C1%2A%17YXA%85%92%08%1BAD%10%3E%EC%80%83%0D3%C8%F0B%0B%2A%A0%00%AC%08_%86i%EC%05%C8%A6%19A%04%CE2%00%B2%02t%DAi%ED%B5%7Cj%8B2%A0%04%82%DB%B2%A1%88%2A%2Aa%A0%85%18%8A%02i%CD%94Z%8Ai%8B%2F%C6%E8%29%207%12%5D%07%1D%A6%A2z%C6%90_t%A1%C5%15%AF2%A1%C4%11%B3%D6%9A%83%0D4%C4%00%83%0B%BD%9EP%82%97%1F%0C%7B1%D9%C9.%DBq%03%CF.%00%27%DBmW%5B2h%05%9C%CD1%04%B8%E7%AE%FB%EE%CD%F6%EE%3B%9Bm%06%EF1%EB%AC%ABm%BC%EB%AEG%AB%BC%9Cr%E6%DEl%9B%C4%AB%9D%BC%B4%D3Rk%9A%01%D8%BF%8Dmg%DC%0F%80%D9%F7%99Q%26%FE%F8%E4k%F6%D8%F9%E8%A7%AF%FE%FA%EC%B7%EF%FE%FB%F0%C7%2F%FF%FC%F4%D7o%FF%FD%F8%DF%14%10%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%85%06%000xo%80%C3%87%F5%06%18%C0X%40a%BC%02%0AH.%40%40%EF%80%04%98%13%18%D0%5B%00%82g%08%0C%F4%22%D0%B0%A1%F4%04%BD%0DV%B0%60%B1%E2%83%5E%0AB%86%C8%86%A1%D7%03%97%DB%5C%8A%E8EAg%8E%EF%2Czg%1C%1A~%28%8D%5E%1E%95%2AY%B2tG%AF%10P%D0A%01%D2k%E4%94%F5S%86%F4%26a%C5%9D%95%22%BDK%5E%FE%B9%1A%DF%08%3C%2CX%AF%5E9%D2%CB%24%96%7BX%EB%F32%91%25%CB%FD%23%F6%F4%EB%DF%97%9F%3F%D6~%BC%F3%D5%E7%1F~%F4%0D%C8_%81%FF%DD%15%A0~%04%DAG%20%83%07B%08%60%7F%09%DA%B5%04%85%E0a%98%D7%85%08f%D8%E1%86%05%C6%E2J%2A%A9%A0%82%8Au%A6%94%A2b%29%A4%8C%22J%28%A1%80%F2%89%27%9Dp%B2I%26%98%5CbI%25%94H%12%C9%23%8D0%A2%08%22%87%14BH%20%7F%F8%B1G%1Ev%D4%21%07%1Cm%AC%91%86%19d%88%01F%17Z%60Q%85%14O0%B1D%12E%08%F1C%0F%3A%D8%40C%0C0%B8%B0B%0A%26%900B%08%1Ft%C0%81%06%19%5C%60A%05%14H%10%81g%0E4%C0%C0%02%0B%28%A0%40%02%08%1C%60%E8%01%06%18%20%19%01%8C%12%C0%D8%A3%02D%0A%00%87%EE%BD%87%9Ex%ADd%CA%CA%2A%AB%A8R%E2%89%29%B6%F8%E2%8C5%DE%A8c%8F%3F%069%A4%21G%FE%D1%C7%1E%FEx%D8AG%1Co%B0%A1%C6%19f%8Cq%A5%16WP%21%05%14M%28q%04%11A%F4%B0%03%0E6%CC%10%83%9A%29%9CP%C2%08%22%80%E0%01%07%1Bh%80%C1%9D%13%E8%19%C1%03%0E%FC%09%A8%A0%98%15%8A%E8d%8D%3A%FA%E8%00%91%0A0i%7F%96%A6%E7J%A6%ADl%DA%E9%A7%A7%84%EAb%8C4r%A2I%26%A7%FA%08%24%23%89%20b%24%92%AF%C6J%87%1Co%B4%A1%06%1Ae%E8%8Ae%AF%5C2%21%2C%11%40%90%89C%0D%CA2%7B%82%09oJ%DB%C1%06%19%60pA%05%D9J%00%01%B7%0Cx%0B.%02%E2%2A%BAh%B9%E7%A6%BBn%88%B1%9C%E7.%BC%DC%CDkb%BD%2C%DEK%AA%BE%FCZ%82%EA%BFC%0E%EC%2A%AC%B2%3E%A90%C3b%7C%C1%85%16V%F8%DA%E5%C4%15%EBp%F1%0Ci%AE%E9%2C%B4%1E%83%7C-%C9z%9E%DC%A7%9F%81%0E%CA%B2%A1.S%D6h%CC2s%28%E0y%97%8E%A7%29%A7%9E%96%C8%B3%A8%A1%7C%F2I%87%A9A%0F%DD%C8%22%01%1B%5Dp%1D%07C%B9%C6%19e4%8De%D4%11%0B%3BD%C5%C7%26%9Bu%0A%28%3C%1BB%D7%21%8F%9C%ED%9E%DC%F6%A92%A1-%93%BB6%DB%EAv%F6%D9%E9%A8%7B%F6%C0%EA%AC%B3%EE%C0%EB%B07%20%FB%EC%29%A7%0C%E8%ED%82%82%9B%19%CBg%1B%2A%BB%ED%DF%0E%1A%AE%B8%88%26%3A%99%DA%A3C%9An%BA%885%EF%BC%F3%81E%2F%FD%F4%D4Wo%FD%F5%D8g%AF%FD%F6%DCw%EF%FD%F7%E0%87%2F%FE%F8%E4%8B%14%10%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%9F%06%0007nB%01%02%02%E8%B5k0%C0%00%02%80%07%E0%D5%5B7n%80%03%0A%10%208%60%A0%00%81%01%03%0A%C7%3DPA%C2%03%07%0C%16%24%40%60%40r%DC%05%23%3Ch%B8P%B9A%01%BE%04%25%D8%80%A1%A2%04%08%07%9E%F9jx%82%04%88%0E%13%A8%0D%8E0%03%26%8B%14%1C%B9%0B%B6%D8S%07N%9A%25%C1%09%D6%60%84h%90%1F%2F%C9%07%F2%D0tI%92%237%D1%05%0A%19%15%AA%D3%26%3D%D9%01%FE%14Iu%AA%D4%28A%E1%91%B4b%B5%2A%15%A2%F0J%5E%B9j%D5j%11%7CX%B0%E47%0A%BF%24V%2C%FC%8E%F0%27%8B%2C%FF%05%98%DD%12%03%FA%F7HxL%24%18%CB%82%07%3A%08at%08%12%F8%A0%80%16N%98%5C%83%192h%21%2C%1A%06%D7%A0%7F%17f7%A2%82%1E%92%18bnL%F8%07%20%83.%C2b%60t-%FE%27%23%8C.%CE%98%5C%7F6%EA%28b%8C%3E%B2%08%24%7FC%1Eh%E3%2B%FB%1D%88_~IR%B8%24%92%FC%3D%D9%E4%8E%F8%BD%02%A5%92%F9%5D%E9d%96S%06%B7D%96%AEt%99%5B%7CV%BA%C2%08%7CV%CAwfvd%BA%12%26%9A%F2%99%19%5E%12e%B6%B2J%29x%922%8A%28%A2%84%02%CA%27%9Ex%D2%09%27%9Bh%82%C9%25%96TB%89%24%91%3C%D2%08%23%8A%24r%88%21%84%04%F2%87%1F%7C%E8%81%87%1Dt%C8%01G%1Bk%A4a%06%19b%80%E1%85%16XT%21%C5%13L%2C%91%84%11%FEC%FC%D0%83%0E7%D4%20C%0C%2F%B0%A0%C2%09%25%8C%20B%08%1Ft%C0%81%06%19%90V%01%05%12D%00%C1e%0Dd%A6%80%02%9B%29%B6%18c%05T%EB%18%60%8FA%06%19%5E%DC%E2%05%40%9B%F4%AD%C7%9E%2A%A9%A0%82%CA%29%A6%E4%D9%E7%9F%82%16%9A%C9%25%95L%C2%A8%A3%8C%24%82H%21%84%08r%E9%1Ey%DC%D1%29%1Cn%84%3Aj%18_p%91%85%15SH%01E%13J%1CA%04%10%B3%E2P%C3%0C%B8%EA%8A%82%09%24%88%00B%B0%C3bp%81%05%15L%90%EC%B2%0E4%BB%C0%02%D0J%CBXc%D6b%9B%AD%B6%DDr%FBm%9C%E1%B22n%B9%A7%A0%5B%8A%9E%EB%02%EA%9D%A1%89%CA%0B%89%A3%8BH%8A%AF%A5%7D%F0%CB%A9%A7%A0%A2a%C6%18ax%B1%05%16%08G%C1%EA%ABC%40%AC%83%C42%C0%E0%C2%0A%29%F0%3AB%08%1Bw%B0%81%06%18X%60%01%05%22%2B%CB%AC%C9%29%2Bv%00%B5%D5b%AB%ED%DD%82%C5%0C%00%FE%9D%F3%D1g%F3%2A%AB%90%7B%AE%CE%3C%FB%F9%C9%A0%85b%12t%24%908%C2H%D1%87%14%22H%20%98jZG%A7o%80zF%19%A5v%A1%C5%15%AA.%BC%04%12E%08%F1%03%0F%B4%D2%D0%F5%D7a%F7J%F6%07%1Cl%90A%DA%21%27%ABl%C9%26%A3%1C%F7%DC%2C%D7m%F7%DD1%7B%CBw%CD%E3%0A%AE%F3%CE%3D%0BJ%E8%BB%96%2C%DA%A8%E3%8A%20rH%BE%80%60%DAo%1Ds%C4%E1%06%1B%A2%92A%B0%E7VP%B1%2A%13J%90%1E%84%0F%3B%E4p%83%EA%2F%B4%B0%C2%C5%19%03%EB%81%D9%C5%AE%DD%F6%B2%0F4%D0%C0%C9%28G%3B-%CB.%7B%D9%B6%82%27%00%00%14%00%02%08L%E0%03%16%C8%40%06%3A%E0%81%10%C4%9D%FE%F4%C7%80%0Af%86%7F%BA%7BV%026%E8%3F%B9%CDme%06%60%99%067%E8A%DE%85%D0Z%D7%0A%0C%DE%F2%D6-%C2%B8%F0%850%0C%8F%0CgH%C3%1A%DA%F0%868%CC%A1%0Ew%C8%C3%1E%FA%F0%87%0D%40%0C%A2%10%87H%C4%22%1Aq%25%01%01%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%ACY%89%01%02%9C%AD%18%40%40Z%B5%00%E0%AE%5D%18%A0%80%01%02%04%06%08p%9Bv%AE%C2%00%0B%228Pp%E0%EE%00%BDr%FD%16%0CP%21%C5%08%0E%15%200Hp%20%AFb%84%1D%964%09RC%05%88%0C%13%1E%28%18p%D9%A0%860x%DA%88%B1%B2%A4G%8C%13%1E%1A%24.%0D%21%8D%25H%88%FC%D0Q%F3EJ%11%12%05J%13%2C%E0%25%14%29P%9A%285%2A%C4G%0E%94%08%C2%07%06x%02%AA%D5%AAT%A5Du%C2%24i%8F%8C%E8%03k%FEX%82%05%EBU%2BV%AAN%91%CAD%854%F8%0E%85d%C9%8AE%FE%95%ABV%A8%E64%00%0F%E0A%1EX%F2%C9G_y%84t%C0%9F%40J%CC2K%80%F3%C5rI%0E%07%0E%94%C4%82%0C%8A%22%C5l%FC%25%C1%20%2Bi%1C%10aAJ0%08%C9%87%06%85%18%E0%88%24%12%B4%84%88%29%AA%18%60%2C%8F%B48%D0%8A%02%C6%28%23%00%26%CEg%A3%8C%26%C6%02%E3%8D%00%AC%E8%23%2C%8E%00%29%24%7DE%DE%B8%84%8F%F4%ED%D8%E2%92C%3A%99%22%94%E4%25%29%23%95D%1A9d%96J%0E%08K%23F%D6%F7%0A%98J%8AI%E6%95f%86%F9%8A%7Dg%3E%B9%A6%2B%AE0b%E4%9Bq%CE%09g%2Br%2Ay%27%9EF%DE%D7%0A%9Fz%FE%D9%CA%22%7D%0AJ%E8%8DJ%08%CA%CA%A1%3C%FE%C9%CA%A2%40%26z%1E%2B%8AD%EA%E8%2A%95%DE%88%C4%A3%AC%AC%92%08%90%9Bv%EA%29%A8%8F%AE%A2%CA%A7%9A%AEb%AA%2A%88%80%AA%AA%2A%FE%A9%B4%9A%AA%2A%B0%CA%2A%23%12%A6%A6%12%2B%90G%D0%9A%0A%2A%87%00i%84%AE%A8%00%2B%EC%AF%A8%9Cb%C8%B1%C5%2A%0Bd%11%BF%9EbJ%21%CF6k%0A%29%9Dp%B2%C9%26%9Adr%89%25%95P2%89%24%91%3C%E2H%23%8B%24%82%C8%21%86%10%22%08%20%7F%F4%B1G%1Ew%D8A%87%1Cp%B4%C1%86%1Ah%981F%18_p%A1%05%16VL%11%85%13L%2C%91%84%11C%00%E1%C3%0E9%DCP%83%0C1%BC%C0%82%0A%28%98P%C2%08%22%80%F0A%07%1Ch%90%01%06%17TP%C1%04%12D%00%C1%03%0E8%D0%C0%02%0A%24%90%00%02%07%14V%00%5Ez%F1%F5%16DE%24kJ%29%A5%902%8A%28%A1%80%F2%89%27%D9n%92%09%26%E0RB.%24%8E0%92.%22%ED%0A%F2%87%1F%7C%CCk%2F%BEn%EC%7BF%19%FFz%C1E%16VP%21%05%14O0%91%C4%11D8%0C%F1%0D4%C8%00%83%0B%17g%BCq%08%20x%00%B2%FE%C8%24W%40%01%CA%2A%B3%DC%00%030%2B%10%B3%CD7%E7%95%B3%CE%0F%15q%8A%B4%40%93Bt%D1%9F%24%DD%ED%B7%95%8C%5B.%BA%EA%1ER%88%20%81%F8%21%2F%BDu%CC%01%C7%1Bm%AC%91%86%19d%00%DC%85%16WTa0%C2J%1CQ%84%10%3F%F0%A0%03%0E5%C4%FDB%0B%2B%A4pB%09%24t%AC7%07%1Bh%40%B2%05%7F%A7%1C%B8%CB%2F%1B~%B8%01%D4%27%9E%D7%5E%D8c%88%90%E3%3F%07%3D4%E5Hk%AB%09%D3%E1%92k.%23%8A%24%E29%21%81%5C%CD%87%1Exl%0DG%D7i%A0%016%18%5DlA%B6%D9O4%A10%C3n%8BX%DC%E6%C6%82%14d%8C%04%23%08%C1%07%3C%80%BC%E4a%C0%02~s%DE%CAZ68%98%CD%8Cf53%40%016%A88%EC%F1%A5%21D%80%9C%D0D%21%0A%A3UN%7C%DE%0A%D7%24%CAu%AE%A9%19%E2s%A1%CB%1A%E9%E6%10%07%D4%A9%8Eu%00%13X%ECf%C7%04%25%20%A1%08%84A%C8%DD%EEj0%83%8A%01Ox%1B%EB%D8%02%917%B2%0B0%0Fp%13t%19%E1%2Cx%C1%0Cn%F0f%87Y%DC%CE%16B%80%07%B0%ACe%60%A4%60%03%C68F%06%98%D1%8C%0BHc%1A%A5g8%99%B9%11%01p%84c%CD%E6H%BD%3A%5E%91%83x%21%C0%1C%0BS%BD%3B%E6%11gY%CC%A2%07%B3%F7%96B%1A%B2%2F%40J%A4%22%17%C9%C8F%3A%F2%91%90%8C%A4%24%27I%C9JZ%F2%92%98%CC%A4%267%C9%C9N%C6%24%20%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%2B%C4%00%5E%3F%0A%18%1B%A0l%D8%8C%04%0E%14%180%40%80%D9%B3%15%0FP%90%C0%00%C1Z%B2p%27%2AX%21%A3%84%86%08u%0B%10%18%006%EF%C3%03A%C6P%19%22%83D%06%BA%07%06%18~8%60%C9%A0%40t%C8P%11%12%83%84%06%07%92%277%1C%22%89S%25F%81%E6%90%91%12D%C5%02%D1%0DO%28JeJ%94iF%7F%E4x9%21%00%F6%C2%0C%7DZ%B5Z%95%AA%94mJ%89%AC%28%F0%AD0%01%1AU%AF%5C%B5b%B5%0AU%29Py40O%28%C0J%29X%AF%A2%FE%0Bg%A5%2AR%8D%ED%09%81h%82%05%3E%BC%F4V%A0%B2%F4Fo%B0%04%22%F6%EC%DD%BBJ%15%E75%FD%82%12%E8%F1J%2C%F8%85%F7J%2B%81%5C%F0_A%06%90%A1J%2C%10%E6%17%DD%23%2B%2CHP%00Q%88B%20~%EDu%E2%84%85%04%D5%60%09%84%1B%B6w%8A%18%04%80%28P%07%84%90%18%21%7B%AD%E0%E1%80%8A%008%80%C7%2B%B2%90X%60%21%1E%D0%28P%12%B2%E4%A8%23%2C%97%E0%E0%E3%40H%08I%A2%28Q%14v%24%00H%E8%B8%0A%1A%07%3CIP%12%2F%3AbeAQn%A8%E5%96%03%25%C1%E1%97%60%02%20f~%8D%94%F9%A3%84i%AA%29%A6%81m%96%89%84~q%82%99Dt%D21%A2%A6%99%AE%BC%A7%A7%9B%7D%0A%F7%A7%9C%EF%B5%B2%C8%9EH%087%DD%A1n%8E%C7%0A%A3e%26%E1%A8%22%88%B2b%E9%2A%89T%BA%CA%A6%99%AA%89%04u%AB%A8%D2%A9%9C%A1%AA%A2%0A%22%88%86%9AJ%2A%A8z%AA%CA%AA%FE%A8%B4%2A%27%AC%A8%1C%B2%E7%11%A9%A0%82%CA%29%86%DC%AA%EB%29%A6%F4%AA%E6%11%BB%9AbJ%21%7B%1A%01%AC%29%A5%20%AB%A6%11%C6%96B%0A%21%7B%16%C1%2C%29%A4%0CR%AD%B4%A4%8C%22%C8%B6%DD%8A%F2%AD%9AD%84%1BJ%20%7B%0E1%CA%28%A1%9C%BB%A7%10%A2%88%12%0A%28%80%EC%19D%BB%A0%7C%F2%87%BD%F9~%E2%89%1F%7B%02%91%AF%27%9D%00%AC%26%10%FEz%C2%09%1F%01%7BB%F0%26%0C%AB%F9C%27%9Dp%B2%C9%1E%7B%F6%C0%89%C5%9A%E8%91%F1%26%9Bh%82I%1E%1Fk%92%C9%25x%EC%C9%83%C9%97Xr%C7%9E%3B%9ClI%25%920%B2H%22%88%1CbH%21%84%08%12%C8%1F~%F0%B1%87%1Ex%D8Q%C7%1Cr%C0%E1F%1Bk%A8%91%86%19d%8C%11%06%18%5El%A1%05%16VP%21%05%14N0%B1D%12G%14%21D%10%3F%F0%A0%03%0E7%D40C%0C0%BC%D0%C2%0A%29%9C%60B%09%24%8C%10%02%08%1Et%C0%81%FE%06%19%60%60A%05%15L%00A%03%0A%24p%80%01%83%B55%D2%0E-WB%C9%24%92%40%F2H%236%E3%7C%08%CF%3E%03%DD%C7%1Ey%DCQ%07%1DI%C3%D1%06%1BN%9F%11u%18%5ET%9D%C5%15UL%21%C5%13M%2C%A1%04%12E%0C%11%84%0Ff%A3M%C3%DA%2F%B8%C0%02%DC%28%CCM%82%08%20%7C%90%F7%06%7C%FB%1Dx%04%0F4%B0%80%E1%82%B5%E5%E4G%3A%CC%FCx%24%91%3C%E2%88%CD%8A%E4%8C%F9%CFAs%EE9%E8q%BC1%BA%D3f%94%21%F5%17%5Dh%B1z%EB%AF%7B%3D%BB%11%B6%E3%AEC%0Ei%F3%EE%BB%0A%29%04_%C2%08%22%08%C1%07%F4%B6%B7%BE%5D%A0%02%14%98%80%04%20%E0%00%06%28%00%01%06%88%9E%5BB%A2%03%C7ANr%8Eh%C4%CD%BC%D73%F0%09%ADs%9F%93C%1CDG%3A4%40m%7D%ED%C3%9A%15%A6%10%85%27x%0DlF%18%9B%FD%F0%A76%B6%ED%2Fns%03%A0%00%F3%C6%01%E4a%E0%02%B5%7FK%E0%02%1F%C0%80%E7A0q%13%FCH%0E%28%21%89HH%AE%11%1A%B4%DC%F7%80%264%3D%8CO%84%24%5C%C3%D3N%E7%85%14Z%A1u-%8C%1D%D8jw%3B%B3%D1pm0%B8%A1%DC%FEG%3C%E3%E9%0Dy%7D%0B%E2%04%26%10%01%066%80%01%09%40%C0%E1%06%E3%96%B7p%84%00%0C%08d%20%17%40%C8B%2A%E0%90%88L%80%22%15%89%80F%3A%F2%00%90%8C%A4%01%26I%C9%08%16%E0%92%98%24%80%267%998%B6%0C%C0%92%98%14%0C%27%3B%E9I%B6%8C%E5%94%7D%2C%CB%F4%F6%C4%CAV%BA%F2%95%B0%8C%A5%2CgI%CBZ%DA%F2%96%B8%CC%A5.w%C9%CB%5E%FA%F2%97%C0%E4I%40%00%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%95g%80%00UO%0E%18%20%00kV%91%01%10%280%40%80%EB%D5%AF%1F%1Dt%B8%E0%20A%01%B3%5E%D1j%BC%10%E4%07%8B%0E%12%16%1C%20%20%40%80%5C%8D%14%BA%C8%F9%B2%C4%06%09%0C%0F%DC%FA%FD%7B%D1A%99I%8A%F6%A4%B1%12%C4%C5%07%0A%08%E22%9EX%00%0B%A7P%9A%20%0D%A2%13%86%09%0E%0F%066W%0C%D0%A4%93%AAS%A3%3AUR%C4gM%93%0A%AA%2B%C6%90%D4%8A%D5%2AT%A5%40G%F2%E3c%40%EE%89%1B%02%B5Z%EE%3B%95%A9Q%9B%C8%2C8.qA%1BU%CB%7B77%D5g%03%F5%88%04%B6%FE%90%CA%CE%7C%95%2AH3%BEGD%D2%C9%15y%ED%9A%8E%A8%87x%82%91%2B%F7%E4Y%91%2A%93z~C%0C%7C%B4%82_v%AC%A4%A2%C7%04%FE5%94%C0%19%A8%BC%C7%CA%83%88%84%90%20C%02X1%CA%80%CC%B1BI%0E%132%F4C%26%18j%07J%16%8Bu%88%10%09%86%DC%97%1F%2B%A7%C01%9D%89%08Ip%87%80%2B%AE%F2%C7%050%22d%80%18%A7%84%F8%20%23%2B%E4xP%00N%7C%F2%9Ev%9B0%21%E4A3L%A2%22%81%FA%81A%C0%92%05q%A0%1C%86%0F%A6R%87%03T%12%E4%80%1D%AB%F8%B8%8A%20%1DtY%D0%11%3Ejh%83%99%06%19q%A4%27Nh%C6%A6%40Edh%0A%19%FD%CDY%90%9B%0F%B2%B2%88%9E%08%15%D1%E7%2A%8A%00z%90%11%AB%24%BAJ%22%86%B6i%9E%2A%AA0%DA%28AE%3C%9A%0A%22%93R%AAJ%2A%A9%A0%82i%A6tr%8A%8A%A7%A0%D29%2A%2A%A7%18R%2A%00E%A0z%8A%29%FE%AA%96J%C4%AB%A6%94R%C8%AAD%D4ZJ%29%84%AC%3A%C4%AE%A4%902%08%AE%A5%902%CA%28%82%F8j%AC%28%A2%24%5B%AA%10%A3%88%12J%28%81%AC%2A%84%B4%A1%80%02%C8%AAAd%0B%CA%27%7Fp%FB%C9%B8%9E%F8%21%AE%27%9Et%D2%C7%AA%40%A4%DB%09%27%7C%B0%FB%EE%26%9B%EC%B1%EA%0F%9Cl%A2%89%26z%AC%EA%83%BE%99%60%92%C7%AA%3D%04%7C%89%25w%10%7C%B0%25%95%D8%B1%2A%0F%0CSBI%1D%AB%EEP%09%25%93HB%C7%AA%3AL%92q%24s%AC%9A%83%24%91%40%F2%88%1C%AB%E2%10%C9%23%8F8%02%C7%AA7%B4%DC%08%23n%ACjC%233%2F%D2%C6%AA50%B2%88%22%89%AC%B1%2A%0D%40%23r%88%1A%AB%CE%60%F4%21%85%A4%B1%AA%0CL%13B%88%19%AB%C6P%08%21%82%08R%C6%AA0%0C%22H%20%80%90%B1%EA%0B%60%FF%E1%87%18%AB%BA%60%B6%1F%7C%80%B1j%0Bl%EF%A1%87%17%AB%B2%B0%C7%1Ey%E0%D1%C5%FE%AA%2A%E4%91%C7%1Dv%CC%D1F%1Bl%AC%91%06%1Af%94A%06%19c%84%01%86%17%5El%A1E%16X%5Ca%05%15RD%01%85%13M0%B1%84%12H%1CQ%C4%10A%00%F1%83%0F%3C%EC%90%03%0E6%D4%40%C3%0C1%C0%00%83%0B-%B0%B0%82%0A%28%A0p%82%09%24%8C0%82%08%20%7C%E0%01%07%1A%60P%81%04%0F%2C%80%C0%5E%5D%C9y%92%0A%80%D7A%C7%1Cr%C4%01%C7%1Bm%ACa8%E2f0%EE%B8%17%5Dp%219%16VT%81%B9%14P%3C%D1%C4%12K%24%81D%11D%90%0E%04%EA%3B%E8%80%C3%0D6%BC.%03%0C%2F%D0n%7B%0A%29%D0%9D%09J%F0%BB%10%80%C0%03%1D%D8%80%06.%40%81%084%40yo%B9%CAYR%92%02%E9Q%CFzopC%F6%D4%90%863t%8F%0Cbx%5C%F8%B4%A0%85%CA%5DN%0A%E8S%9F%E7%92p%04%23%10A%08B%A8%0B%0Fx%60%3F%FC%D5%60%062%88%DD%0Bjw%BB%00%EE%AE%04%F1%BD%03%9E%F0%3A%C0%81%0Dd%80%81%11p%80%F2%C82%80%09%A6%04%05t%A8%DE%F5%06%B7%06%0E%22nqb%08%C3%17%C0GB%13Va%0A%29%EC%DC%E7%90%60%84%D1%09%C1t%A8%D3%C1%EAn%E0%3A%1C%F2%CF%05%B6S%81%0F%07%18D%03%0E%B1%88%19%C0%00%12%1F%C0%00%04%18%E0-%5DY%C9%09%E4p%3D%0Dj%EFp%89%03%E1%F7%BA%20%B9%2CX%EE%8B%99%7B%82%13%3C%07%3A%D1%0D%21%86%F3%EBA%FDX%D7%3A%1C%C6%A0%7F-X%C1%0A%E6%08%C4%DF%89%20%04C%24%A2%02%8Fh%01%0A%20%8F%01%098%00%20%9DW%12%01%20%E0%96%B8%5C%DE%01v%C9%CB%03%18%E0%97%C0%FCe%01%86I%CCb%12%E0%98%C8L%E6V%96%C9Lf%F6%A5%2F%C9Tf3%B9%D2%17%09%D2rU%D8%CC%A66%B7%C9%CDnz%F3%9B%E0%0C%A78%C7I%CEr%9A%F3%9C%E8L%A7%3A%D7%C9%CE%A1%04%04%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5Dj1%80S%A6%2F%05%14%280%20%00T%96%02%1CDP%40%D5%EAU%94%02%3C%B8%F8%40%81%C1%01%02%02%9E~%25Y%E2%0A%14%1C%24.8%40%405%EDZ%91%27%E4%F8Yc%C5G%0A%0D%10%12%14%10p7%24%869%9A%22%09%82%B3%85%88%0B%0F%12%0Ex-%DCq%81%1AR%A4%3AQ2D%07%8C%92%19%18%08P%F6X%E0%0B%A9U%A8Hy%AA%94%28O%99%1E%0CF%7B%FC%A1%A9%15%2B%D4%A5%40%5Db%04%C7%84%EC%8E1%22%B5%B2%7D%3BU%A9P%93%A2%88%FE%ADqC%A0%E1%C3o%ABB5%AAMl%E6%19%21%C4Q%05%9D%D5%EDU%A9%02%FEu%C0%9E%B1%80%96Q%D1%BD%7F%8FT%83%3C%C6%00M%3A%A9%9F%BFJ%13%12%F7%18a%40R%BF%AA%7F%FFQd%18%80%9FE%1A%FC%E1%DF%81%A8%D1%E1%C0%80%15-%B0%06%2A%07%AA%22a%2A%82x%C0%20E%04d%11%8A%7F%12N%08%C9%0C%17RTD%26%1DN%98J%2A%98%18%11%E2D%26%20R%E2%89%27%862%86%80%2BBtA%1E%A8%A8%92%8A%89%A8%98r%87%045B%94%00%19%A4%C0%08%23%2A%A8%14%F2A%90%0F%09%20%C5%27G%22%89d%2470%F9%10%0F%93H%29%E5%29%A7pb%05aV24B%20Hri%E6%29%A2%B0%A1%40%98%0CE0%87%29eri%8A%29%A5%ECQ%01%9B%0B%15%E0E%28g%CE9%E7%21%28%E0%A9P%00Jd%22%A7%9FtR%92%84%A0%0A%C1%D0%08%A2t%96RJ%27Z%0C%C0%28B%1A%EC%E1%A7%A4%9C%8A%02G%03%97%1E%D4%00%1C%A4pZ%0Af%A4%8C%B2%C7%06%A1%22%14%84%A9%FE%98%8D2%0A%232%B4%9A%10%10%A8%A6%3A%0A%25HLf%ABA%3F%C8%2Ak%27%5E%D0%F8%2BB%3F%88%12J%28%A2%08r%ECB%3F%84%02%CA%B4%80%3C%AB%D0%0F%D3~%F2%C9%1F%D6%26%E4%83%B6%9Ex%E2G%B7%08%F9%10n%27%9D%8CK%AEA%3Dp%E2%EE%26%7C%ACk%10%0F%9B%D4%AB%C9%1E%F2%16%C4%83%26%9Ad%92%89%1E%F9%12%B4C%26%98%5Cr%09%1E%01%0F%A4%C3%25%96XR%C9%1D%09%0B%A4C%25%95PBI%1D%11%03%90%03%25%93L%22%09%1D%19%E3%20%89%24%91D2G%C67D%02%C9%23%8F%C8%91%B1%0D%8F8%E2H%23pd%5CC%23%8D0%B2%88%1B%19%D3%B0%C8%22%8A%24%D2F%CF%89%24%82%08%22kd%3C%C3%21L%1B%92F%C62%14R%08%21%84%A0%91q%0C%83%0C%22%88%20fd%0CC%20%81%00%F2%07%19%19%BF%F0%C7%1F~%F8%21F%C6.%F8%C1%07%1F%7B%80%91q%0B%7B%E8%A1G%1E%5Ed%BCB%FE%1Ex%DCq%07%17%19%AB%60G%1D%84k%91q%0At%D01%87%1CXd%8C%82%1Cr%C4%01%87%15%19%9F%00%C7%1Bo%B8QE%C6%25%B4%D1%06%1BlH%911%09k%AC%A1F%1AQd%3CB%1Ai%9Ca%86%13%19%8B%60F%19d%90%B1D%C6%21%901%86%18a%2C%1A1%08a%80%F1%85%17Gd%FC%81%17%5Et%C1E%11%19%7B%C0%C5%16Zh%21D%C6%1Cd%81%C5%15W%FC%40%BD%15VTAE%0F%19k0%85%14%E4%EF%90q%06Q%40%F1%C4%139d%8C%81%13M4%C1%C4%12F%14Q%C4%10C%08%11D%10%3F%F4%EFC%0F%3C%E0%C1%0Ev%A0%83%1C%E4%00%077%B0A%0Dh%C0%C0%19%C8%20%06%10%84%C1%0B%5E%E0%02%17%B4%80%05%2CX%81%0AT%90%02%14x%F0%04%26%08a%09H0%82%12%8A%20%04%1F%E8%00%070P%81%084%00%01%06%40%8BZb%82%81%25%D8P%09I%40%C2%11%EAW%04%22%E4O%7F%FE%40%F8%C1%FF%00%28%40%02%1E%F0%06%09%B4A%03g%E0%40%09R%D0%82%17%5C%81%069%D8A%14%9C%E0%8A%22%24%E1%09A%E0%01%0Eh%C0%02%13p%80%02b%98%16_%BD%E4%02I%C8%E1%0E%7B%F8%C3%20%00%21%88%3F%00%E0%00uP%40%1C%20P%81%0Bd%A2%0C%1E%18%03%09B%11%83R%A4%A2%15%B1h%82%12%8C%90%84%238a%08%40%90B%0Ed%C0%02%12%10%E3Y%CA8%13%0B%F0%D0%87%40%F4%DF%FF%04X%40%03%DE%11%8F5p%60%04%9DH%C1%28n0%05%A8%FC%60%21%0F%89%C8D%86%60%91%1F%F0%80%07T%B8%81GFR%01t%29%A3%19%5BR%816%BEq%88%014b%0E%90%98%C0%1A%2C%90%06%7B%7C%A0%13%2B%D8%82%28j0%95W%04%A1%21%5B%29%02E%C22%96%B3%E4%00%076%A0%01%16Fr%010%AC%CA%0C_%12%00%02%98%F3%9C%E8L%27%01%06%C0%CEv%BA%F3%9D%F0%7C%A7%00%E6I%CFz%DA%93%9E%E8%27t%E7%3C%9D%B2%CB%8C%F9%F3%9F%00%0D%A8%40%07J%D0%82%1A%F4%A0%08M%A8B%17%CA%D0%86%3A%F4%A1%10%8D%A8D%A1%12%10%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3%3F%05%28%29%94%85%01R%99A%24u%8A%24h%8D%0B%01O%5B%9EH%94%8A%D4TAo%B2%E8%80%905e%06%3E%ACX%A1%1A%C5%89%EA%1B-AVP%18P%96%24%038%AB%5C%B5Z%B5v%13%A4%40o%E3j%80P%A0.H%02%5EJ%B9Z%BC%B7o%A2%3Fn%B2%C4%DD%00%21A%81%00%869%FE%D0%B4Xo%2BV%AANy%22%B3%C0%82%15%C9%2B%28%5B%1E%809%F3%C5%17%90Z%B5%F2%2C%5B%AD%1D%0A%04%3D%E8P%A1%BA%C0%00%01%AD%5DK%D4%C0G%B6q%E3%AB%06%7D8H%00C%EF%DF%C1%85%3B%5C%B0%26%D5%F1%E3%8CV%2C%2C%C0%605p%E9%0E%0B%FE%7C%21%95%B6%7CyH2%1E%12%F0%1D%20%3Ax%84%3E0%ADZ%C5j%3E%7DV%9B%98%B8o%18%E0%FB%7B%8408b%DF%80%AB%8CB%86%01%16%ED%F7%9F%06~%A8%E2%E0%83%0E%A2B%87%03%FFu%F4%C0%1B%A6%A4%A2%E1%86%1A%06%E2A%85%1C%11p%05%28%1A%A2%82%0A%87%8F%D0%00%E2F%01%2C%91%89%89%26%9E%02%E3%25F%AC%B8%91%0B%8C%9C%A2%E3%8E%3A%82%22%06%826b%94%C1%1E%A5%98b%E4%91%A6%90%22%07%85A%5E%A4%80%19%A2%94%22%E5%94R%FA%C1A%93%17%0D%40%C5%26%A4t%E9e%97%8C%C4%80%E5E%40H2%CA%99h%8EB%CA%24B%8Ci%D1%08%81%88%22%E7%9Crn%E2%05%90nJT%81%1C%A0%84%E2%E7%9F%A1%7C%22G%04yN%84%40%17%9B%80%A2%E8%A2%8A%FA%D1A%A1%12%09%B0%04%25%9FTji%A5%89%CC%00%A9D5%24%D2%C9%A7%9E%84%1A%AA%24P%60%B5%E9C%1F%D8%C1%C9%AA%AC%AE%8A%09%19%FE%09%9C%FA%D0%03hd%B2%C9%AD%B8n%A2%89%1C%13%C8%1A%DE%14%94h%22l%26%C4%0A%CB%07%09%BE%F2%07%C4%22%97%5C%82%89%B3%CF%5E%82%08%10%C96%94%82%1F%96d%ABm%B6%8EDAW%B5%0AY%C0%06%25%95%94K%C9%B9%94LB%1A%B8%0A-%00F%24%93%C4%2B%EF%24%92%B4q%01%BB%0B%D5%10%C9%BE%91H%C2%2F%1F%2A%E0%CB%10%0D%8F%14l%B0%20%3C%28%28pA34%E2%C8%C3%89%3CQ%D8%C2%0C%C9%C0%C8%C5%8C%C0A%B1C1%28%E2%B1%22ml%DCP%0C%88%94%8C%08%1B%223%04%83%21%85%18b%88%1A%29%2F%F4%02%214%13%82F%CC%0A%B9%20%C8%CE%82%98%81sB-%00%22%F4%1Fd%FC%8C%10%0B~%24%ED%C7%18F%1F%B4%02%1F%7BD%1DF%D3%06%A9%90%C7%D5yxAuA%29%D8%E1%F5%1D%5DlM%10%0At%94M%87%16b%0Ft%82%1Cl%CB%81E%DA%02%99%00%C7%DCpX%017%00%25%B4%A1w%FE%1BU%DCM%C2%1A%80%AF%21%C5%DD%23%A4ax%1AQ%DC-%82%19e%98a%86%13w%870%C6%18b%88%B1%C4%DD%20%80%A1%F9%17I%DC%FD%81%17%5Et%D1%C5%11w%7B%B0%85%16%A8%13qw%07X%5C%81%05%16m%C2%BD%81%15UTa%C5%0Fwk%20%C5%EER%F4pw%06P%04%0F%85%0Ewc%D0D%13L4%81C%F1K%28%A1%C4%125%DC%7D%C1%11%D4%1F%A1%29%DC%16%10%A1%3D%11b%C2MA%10%E0%07%F1%C2%DD%13%FC%E0%C3%F9-%DC-%01%0F%3B%B4%AF%1D%DC%12%E4%80C%0E9%A4pw%046%E4o%C3%09wC0%C3%FF30%C1%DD%1E%10%83%02%C6%60%04ws%80%0B%5C%F0%02%17%84%E0n%0D%60%81%04Y%00%02%08%AA%E0%82%29%F8%10%DC%18%80%82%0E%9E%E0Q%1B%2C%81%09LP%82%0D%DCm%01%24%18%81%0AE%C0B%16%86%E0%85%2F%14A%0C%5B%28%C3%19%CE%D0%854%8C%21%0CuH%C3%1A%86%00%04%F5%1F%E8%00%070P%81%084%20%01%07%20%00p%14%16%13%05%C8%B0%87-%84%A1%0BC%20%82%11D%91%8AP%CC%21%14m%B8%C5%17%02%D1%03%1C%C8%80%05%24pD%03%10%805L%84%89%02%40%C0%C6%1F%FE%90%8D%40%04%E2%07%E0%E8E8%CE%11%8Ex%CC%23%08%DE%18G6%DE%B1%8F%1F%08%E4%07%3C%D0%81%0D%10%D1%88%080%E3%12s%92%80Az%C0%91%81%F4%80%24%1F9IAF%B2%92%8E%AC%24%26%059IIv%A0%93%93%EC%80%289%B0%01%0D%5C%60%02%10%60%00%02%7C%B3H%9C%24%60%94B%14%A5%2Cg%09KZ%8A%92%90%1C%C8%E5%2C9%60KX%E6%92%97%B5%24%25%295%20F%09%3C%60%01%ABD%A3N%FA%23%80f%3A%F3%99%D0%8C%A64%A7I%CDj%3E%F37KL%E3%DD%B6%C9%CDnz%F3%9B%E0%0C%A78%C7I%CEr%9A%F3%9C%E8L%A7%3A%D7%C9%CEv%BA%F3%9D%C2%09%08%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3%3F%05X%19%E5%07%03R%99E8%C1%9A%CA%AAM%82%A7-O0z%C5%F5%D5TX%A4%AC%04%C0%8A2%03%9FV%AE%5Cu%5D%FBJ%D2%0A%B2%24%19%BCI%856%AD%5D%B5k%5B%E1y%00%F7%23%01.%A3Z%09%1E%9C%D6%14%AB%BBi%5B%8D%922%B6%AFF%1F%97XIf5%B8U%2A9%0FF8r%85v%F0%AAT%89H8%BE%E8%A2%D1%AAU%93%27%AB%DAc%81%A0%13R%83Y%A9%3A5JS%18%04%A3%25f%C8%93J%95%AA%D3%C0U%11%02q%F0%81%1D%D4%9FK%85%CA%E4%A8%0E%8B%DC%0E%17%A4%29%95%AA%BA%EF%EB%8CT%2Cl1i6%29O%95%14%FE%E99%F3%E3%2At%84%04%B6%7CB%C5%BE%BA%7BG1%1C%0E%E8%02J%14%27I%85%E8%84YBCB%E3%F3%03%ED%40%89%29%A7%14%C8%DE%29%A8%60%B2%C4%7F%0EQ%60G%26%8F%04%F2%86%16E%C0%F0%01%04%03%00%08%40%0B%89%94%E2%A1%29%04%16%F8%89%18%06T%E4%C2%1E%7C%A4A%85%0F%2Ah%00A%02%04%40%87A%1E%A3%90B%8A%87%1F%92%22%87%03%18%0D%B0C%18O%E0P%C2%05%0E%20P%C0%00%0C%3E%E5%40%1A%9F%8C%E2d%8D6%92%E2G%07%1C5%40%C3%0C%22T%C0%C0%01%04%08%10%40%92E%11%20%C5%25%A1%84%22%CA%99%A28%B9%88%0C%209%90%81%04%0B%180%80%97O%05%40%04%24%9F%7C%02%CA%9Ee%86%12%89%10%23%05%90%40%02G%D2y%94%0A%83x%A2%A8%27y%E6%89I%17%25%96%14%C0%9C_%1Ae%81%1C%9Bp%A2i%27%9Cz%B2%C9%1A%0D%A8T%29Q%09ta%89%26%9Al%A2j%A6%9C%D8%A1%81%86%FE%1D%0D%B0%84%23%97%60%92%C9%AD%99%A0%3AH%0B%B0v%84%03%21%95Tb%C9%B0%97%D4%8A%08%0F%BDr%D4%C1%1C%92L2%09%25%D0%0A%FB%88%15%05%24%AB%91%04d%3C%12%C9%B6%92t%3B%89%24g%F0e-F%07%3C%81%88%23%8E%3C%A2.%24%90D%22%C7%AB%E3%5E%14%40%0F%81%2C%C2%08%23%8D%E4%8B%EE%1Eo%C5%7B%91%0Au%20%82H%22%8A%2Cb0%23%82%10%01%A6%BF%10a0F%21%86%18r%C8%21%02%27R%88%15%B81L%D1%02T%04%22%C8%20%84%10R%08%C4%86%84%01%81%C6%14%0D%00D%1E%7F%00%12%88%C7%82%7C%9C%06%95%28K%14%C0%0Bp%F0%D1%87%1F%3C%FF%D1%B2%1Cl%D6%2CQ%07c%E4%91%87%1E%7B%A0%C8%07%1Fv%FC%20%80%D0%11%3D%20E%1Du%D8q%C7%1Dx%18%8D%C7%13%19C%ED%D0%01F%C0%21%C7%1Ct%D0A%B5%1DuX%11%81%D7%11%91%F0%06%1Cp%C71%F6%1Ca%7C%C0%B6D%22%B0%D1%86%FE%1Bo%BC%5DF%BFwG%24B%1Ak%AC%C1F%1A8d%18%B8D%21%9C%81F%1AjH%B18E%20%94a%86%19g%401%F9D%1F%8CA%C6%E7Ml.%91%07%60%84%11%86%18K%88%1EQ%07%5E%B4%FEE%12%AAC%C4%C1%16%5Cp%D1%85%11%B1%3F%B4%01%16Yh%A1%05%11%B9%3B%B4A%15VXq%05%A0%C13%94%81%14SPQ%C5%0F%C93%84%01%14QH%21E%0F%D1%2F%84A%13N%3C%01%C5%0E%D9%2Bt%C1%12%E47%91C%F8%09Y%80%04%12I%2Ca%03%FA%08UP%84%11F%1CA%03%FC%07Q%20%C4%10C%10%114%FE%04%A1%C0%0F%80%10%84%20%C0%00%80%05%99%00%0Fz%E0%03%1F%F0%0A%81%03%91%80%0Et%B0%03%1E%3C%07%82%02%89%C0%0Dp%90%03%1Dh%07%83%00%80%00%0Dj%60%83%1B%A0%00%84%00x%80%0Cf0B%13%A0%F0%010%80A%0Cd%20%1A%10%3A%A0%05.p%01%0CF%80%C2%06%AC%80%05%FE%2ChA%08z%98%02%15%A8%60%05%C4%01%21%03N%80%02%14%A4%C0%03%28%5C%00%09L%60%82%13p%20%8A%23%20A%09J%B0%01%14%2A%40%04%22%18%C1%082%E0E%10%84%E0%8Cd%04a%02%3C%F0%816%5E%00%85%09%E8%40%07%3C%E0%81%D6%80%10%01%1B%E0%80%1E%2B%80B%04h%E0%8F%1B%98%00%0A%0F%80%01%0Cd%20%03%82%04%E1%01%2Cp%81%0B%60%40%02%83%AC%40%05%18%B96%10%1A%80%02%98%AC%80%B80h%80%09L%80%02%13%E0%11%08%0B%10%01%09x2T%A3%84%40%04V%89J%0C%16%E0%01%0F%80%00%04%18%80%C2%028%00%96%B8%C4%A5%2Ce%B9%CAR%9A%D2%93%99%94%A4%24-%40LF%16%B2%90%87%CC%00%207%90G%3Dr%40%8E%1C%D8%40%06.P%81%084%20%01%07%28%D4%C2pB%00%07x%D3%9B%B9%DC%A5%2A%7B%29%81r~2%98%C3ld%23%91y%C8e6S%8E%F0%EC%80%1E5p%01%0A%CC%12%01%06%B1%E8%D2%A8zB%00%064%E0%9F%0D%F8f.c%B9Kr%9A%F3%93%C0%1Cf1%D7%89%CC%3Fj%80%99%10%8D%E6%064%80%81%0AH%C0%01%0A%C8%26%A5%B6y%93%01%2C%80%01%FE%04%E87Gz%CB%82%1A%B4%9C%BF%3Cg%26%17zLej%C0%A5%7F%3C%A4%05%260%CB%04%E4%13I%1C%ED%E8GA%CA%D3%90%8A%14%9C%B0%14g%2FW%89RO%26T%A1%EA%3C%A6R%2F%60%01%0AD%C0%01%0B0%D2F%83%F2%A5%AAZ%F5%AAX%CD%AAV%B7%EA%A5%00%08%A0%ABXE%A1X%C7J%D6%B2%9A%F5%AChM%ABZ%D7%CA%D6%B6%BA%F5%ADp%8D%AB%5C%E7J%D7%BA%DA%95m%01%01%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3%3F%05T%01%C5%E7%02R%99C2%B5%9A%9A%8A%0D%82%A7-M%20Z%C5%8A%D5%D4%A9%A1%AA%04%C0%8A%12C%9ET%AB%D2v%F5%FA%15%D2%0A%B2%24%17%AC%29%95J%95%DD%B4%5C%BB~eu%E7%01%DC%8F%03%B0%7CB%85%2A%95%E1%BB%A4R%AD%FD%DA%AA%94%D8%BF%1BuH2u%EA%14%E1%C2%AAJ%BDq%20%82%D1Z%B6S%25%A9%80%7Cq%C5%A1R%A8MQ%B6l%0AO%05%82LD%E5%05%CD%B7%01i%89%17%E4%88%1AE%8A%14%EAR%A6J%01%FAp%D0A%1DU%8B%BF%8A%AAr%DB%A1%021%9DB%89%DA%CD%DB%F7%A1%14%0B%5BH%9A%CD%F8%91%89%E6%09%09%FET%B1%F4%09%14%28%E9%D4%11%BDp8%C0%0B%A9%BC%8CU%B5%B9%0A%9E%60%8DE%9D%3Ay%F2T%FE%BC%A4%23cAd%81%1Fj%81%D6J%27D%D4%07%00%0A%7Fh%B2%09%27%9C%E8%C7%DF%25%5D%18PQ%0E%99%7C%B6%D6%2A%86pp%5B%05m%5C%92I%26%9A8%08%A1%26j%D8v%11%01_%98%82%D7%2A%AA%A4r%0A%28a%14%00%17%03%5EDR%89%25%97%88H%A2%26ul%C0%D1%07%88%D8%15%E3%29%A5%84%B2%09%21%2C%3C5%C0%11%89H2%C9%24%94X%C2%E3%25%81%B4%00R%11%9C%C8X%8A%28%9DT%B2%88%1FS%2CPT%009%00%F2%C8%23%90D%22%25%25%95%14%B2%C3H%0B%BCA%CA%28%9Fd%02%09%21u%90%C1%84%06%01%02%25%82%1C%8C0%D2%88%23l%BA%C9%C8%146%96%04%82%20%9AL%92%08%1Fk%60Q%84%0C%1C4%DA%93%04a%1C%92%88%22%8B%18%8Ah%23%60%98%89R%00E%10%12%88%1Ca4%91%03%0A%FE%1AD%60%E1N%070%11H%21%86%1C%82%C8%A7%8B%2C%92%86%05-%29%C0%C4%19V%08%F1%02%08%144%80%40%01%81%D6%24%C0%0Ew%04%22%C8%20%84%14r%88%AEt%7C%07%D3%04%3A%D8%60%82%06%10%28%60%00%01%034%2B%93%0Am%F8%E1%C7%1F%80H%5B%ED%1D2%D0%14%C0%04%1BL%C0%C0%01%E4%0A%60%EEK%16p%91%87%1E%7B%F0%D1%C7%BA%81%EC%81%04%017%09%A0%40%02%05%0C%A0%EF%BE%2C5%C0%C4%1Cu%DC%81%C7%BF%01%F3a%05%03%3B%090%80%C3%10%ABT%40%0Ek%C4%21%07%1Du%D8aq%1E%5EP%00T%C8%A7%AE%40F%1Bn%C0%01%87%1C%27%F7%19%82%82%1Eup%05%1Ai%A8%B1%06%CD6%A71%03%CC%3CO%F4%00%11c%90a%C6%19i%A4%B1%06%1Bi%041k%D2%19%1Dp%03%17_%84%21%06%19e%98%01t%12%A6b%8D%91%00%27T%A1%C5%16%5Dx%D1%F5%D7O%B8lvF%1C%2CQ%85%15Xd%A1%05%FE%17%5ExA%C5%08sg%14A%0FPH1%05%15V%5C%81%85%16V%A8%20%40%E0%17%21%F0%C2%12L4%F1D%14%86SA%C5%0C%9AB%3E%11%01%26%10%81D%12KP%EE%04%14Q%D8P%B6%E7%14M%10%C4%10E%18q%04%12J0%E1%C3%04%ACc%24%C1%0F%40%BC%1E%BB%0F%19%E4.8%0F%3E%F0%FE%C3%07%8F%0B%8FQ%04%3A%EC%D0%83%0FZ%2A%9F%11%048%E4%D0%7C%93%D2c%04A%0D6T%3FZ%F6%17%3D0%03%0D5%DC%80%1D%F8%169%10%83%0C%E3%9F%80~%FA.%C0%10%C3%0C%DA%BE%3FQ%03-%B8%F0%02%0C%24%D8OQ%03%2B%60A%FE%00%E7%3F%890%00%05%2A%08%20%08%0Ah%C0%13%A0%20%05%2AX%20%03%21%B2%00%12%98%C0%81%1E%98%20D%140%82%12%5C%D0C%1At%8E%08F%40%82%12%08%29%84%0DQ%40%08F8%02%0D%A0%B0%21%09%F8%00%08V%18%BC%17.%24%01%1E%F8%80%0C1%60%C3%85%20%80%03%FE%1D%F0%80%07%80%D5%C3%84%20%60%03%1B%00%22%11%8Bx%10%04d%40%03H%94%1B%13%0Dr%00%0C%3CQ%03%B8%9B%22%15%2F%60%C5%0CdQ%8B%041%80%05.%C0%C5%08%80%B1%20%06%A0%40%05%2C%60%013%9Eq%20%06%98%00%05%D4%08%817%C2Q%02%12%90%A3_%EC%08%80%02D%00%8F%13p%00%1F%FB%08%81%08%18REv%24%C0%03%20PH%8E%F1%91%00%0Ex%C0%22%1D%99%C8%068%20%92%AB%3B%23%01%1A%60I%07d%12%8C%04%60%00%03%2C%A9%80A%0E%60%01%0B%18e%02L%89%CAT%AE%92%8F%03P%80%02RI%1F%3B%0E%20%01%09%40e-%DFxKY.%60%97g%BC%25.%15p%80A%0A%00%01%B8L%401%F9xLd%26%E0jo%14%C0%01%0E%80%00%04%40%F3%8C%D2%9C%A65%8Di%00m%22%60%9A%DEL%E60%5B%99%CAQF2%92%8C%8C%40%21%F3%28%C7%0A%B8s%8Dc%24%A3%05%2A0%01%084%40%99%E3%C3%12%80%BE%8A%22%00%03t%13%9C%D4%AC%A63e9Kr%8A%B2%93%E8d%24%04%F0%98G5%BA3%9E%F2%A4g%04%3Ci%CD%7C%05%00i%1D%2B%40%01%FC%F9%CF%80%3A3%99%045%28%27-%29%C9E%1A%F2%8F%13H%E9%1A%DFY%01%0A%D4%D3%01%0Cx%A6E%2F%CAO%8D%DA%D4%9F%00%15%E8%40%7D%D9%CAQr%F2%92%095%24%20%E7%D8R%97J%00%020Uf%C3%1Ev%94%00%D8T%A3%1C%ED%A8GA%8A%CA%82%A2%D2%A7%24%5Dd%21%85%9A%D2%09H%40%9D0U%805AFS%05%5D%F4%AChM%ABZ%D7%CAV%8C%0E%F2%ADp%8D%AB%5C%E7J%D7%BA%DA%F5%AEx%CD%AB%5E%F7%CA%D7%BE%FA%F5%AF%80%0D%AC%60%07%AB%BC%80%00%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3%3F%05D%D1t%C7%02R%99%3E%26%99%3Auj%14%1A%04O%5B%8E%08D%AA%94%A9%A9%A7Pq%92%12%20%2BJ%0BqB%89%1A%D5%D5%EBTT%A8%18%A50KR%01%99M%A0%D4%AEm%FB5%2C%AASt%1C%D0%FD8%20%0A%25O%9F%40%E5%5D%3B%AA%D3%28%AFT%E1%A6%02Ev%F0F%1A%876q%EA%84Xq%A8Ni%1A%800%04%D9o%2AU%8E%E6Z%B6Xb%0F%A6L%9A4s%FE%E4%29%0E%05%82H8%81E%95%EA4%AA%3A%0DVK%A4%60%86R%25K%AFcs%E2t%87%C3A%07qJ%99%3E%AD%0A%D4%14%E1%0E%11Xi%24i%92%F1K%C9%FB%FE%94X%B8%C2Q%E4%DE%AAT%ADj4%1E%3B%C2%01I%0C9z%14%A9%3B%25K%97%FC%A8p8%60K%28%D3%E9%AD%82%CA%1AX%B9G%D0%0Ax%2C%C2H%23%F3%D57%89%21%3E%94%05Q%05%7B%98%C2%1Bz%AB%AC%D2%09%11%06%02%00%02%1B%86%20%92%88%82%0CB%A2%88%14%05TtC%25%17%06%98a%22%1D%08%17%C1%16%81%0CR%C8%21%22%2A%C2%C8%22%5E%2C%80%11%01%5D%8C%82%5E%80%AC%9C%B2%86%01t%25%B0%84%1E~%00%22%08%217%22%82%C8%19%17p%E4%81%21C%AA%B7%0A%2B%9C%04%F1%D4%006%C0%A1%C7%1E%7D%FC%11%C8%93%85%C0%D1%9EGDl%82%E1%96%AC%B4%92%C8%06F%A9%60F%1Dw%E0%A1%07%1F~%98IG%0C%23-%00%C7%29%E9%A9%C7J%9C%A6%7C1%80P%19d%01%87%1Ct%E0%99%C7%1E%7C%DCQ%04%01%26%89%B0%88%8B%87%1Ez%C9%0C%3F5%80%C4%1Al%B8%F1%E8%1Ct%D8q%87%13%09%A4%14%80%14%FE%A0h%09%27%2B%AB%FC%11%C1N%05%D4%40%C6%19i%90j%AA%1CrTq%2BK%0E%D0qZ%86%19%AA%92%8A%27P%E0%24%C0%09Y%84A%86%19%BC%AE%D1%86%1B%5C%C4%08S%0B%91%14%9A%CA_%A5%88%12%C8%075m%D0%04%17%5E%80%21-%B5ix%B1fL%04x%21%24%2A%A6%90%12%0A%27%960%D2%04%A609%D0%83%15Xh%81%EE%17%D2~A%C3%A26Y%B0G%29%A3%80%C2I%25%8E%10%92%07%18t%B6%84%00%0CPHA%05%C0Yl%E1%85%17%3E%B4%AAS%0D%8DlRI%23%83%DC%A1%06%17L%A4%90bJ%03%88pD%13Od%BC%F1%15Z%0C%21XO%04%3C%91H%CAih%B1%04%0F-%7C%A0%00J%18%F4%60D%12K0%E1D%14%1A%1B%E1TP%14p%11%F4%12%3B%B4%10%C2%05%10%24%20%00I%10%C8%00%84%10D%1C%C1%B4%D3H%84%20%E1P%1C%08%A1%03%0B%20p%BD%C0%01%05%7C%0D%12%02%26%E8%C0%83%FE%0Fc%97%9D%04%12%29%F0k%94%00%16%7C%60%C1%03%0A%D0%3D%80%00koD%40%074%DC%80%83%DE%7C%0B%21%04%0B%07%D0E%00%03s%17%B0x%E3%19%05%40%01%0B1%CC%40%83%0D%93%F3%D0%83%0B%0C%087%40%01%040%DEQ%03%25%B0%D0%C2%0B1%C8p%3A%0E1%DCf%A0%00%B2k%84%00%07%27%A0%A0%82%ED%B8%CB%00%C3%05%A0w%F8%A3%05%22%8CPB%F1%C7%BB%E0%02%07%08%3B%AF%91%00%11x%00B%08%D2%9BP%7C%0A%1C%20%A9%3DG%08t%E0%C1%07%20DO%82%09%1F%88%7C%3E%FA%1C%A8%FFA%08%22x%D0%FA%FC%1E%1D%B0A%FD%1E%E8%C0%03%9A%C7%BF%8C%1C%40%03%1B%D8%40%07%A6V%C0%FEe%00%81%1C%A8%40%03%3Fr%80%0B%60%E0%81%13%98%A0G%0C%60%01%0Bf%20%83%1A%E4%88%01%2A%D0%C1%0F%86P%84%14%A8%80%05%25p%C2%8D%14%80%02%29%B4%C0%B0Z%88%11%03L%60%02%29%84%00%0D3R%00%09H%00%87%FE%0F%D8%21F%0A%00%01%1FN%60gB%AC%08%11%23%E0C%24%26q%22%04x%00%04%22%10%81%E0%3C%91%22%04p%80%14%23%B0%BF%2BJ%24%8BZ%84%40%17%BD%08%11%024%C0%01Z%1C%23%19%1D%B2%B93%3E%C0Gk%84%C8%00%16pF%07%1C-%8E%0F%99%23%03%1A%D0%00%F9%E1%91%21zd%00%03%FC%F8G%85%E8q%01%0B%20d%21%DF%83HD%2Ar%91%06%19%80%02%1AY%20H%26d%00%09%98%E4%02%2Ai%C9%83%60R%01%A0%CC%5C%27%DF%83%80%04dR%94%A3%8C%24%02J%99%00T%A6%92%20%03X%E5%2A%CD%F7J%82%08%40%96%08%A0e-%05%22%80%03%F82%97%BB%B4%A5%01~%A9%CB%5D%0A%C0%00%C3%3C%401kyLd%D2-%98%03%11%40%01%0A%80%CC%97AS%9A%D4%7C%264%01%80Md%0A.%98%01%20%00%01%A8%F9%CD%5D%86s%9C%B0%DB%26%00%CE9%CEr%D6%92%9D%E2T%27%3C%B3%07Nq%8A%93%9E%E6%BF%24%C0%00%EE%29%CF%01%EC%D3%9E%E8%9C%A63%7DI%D0%03%AC%D2%94%A0D%E4%1E%D1%A8%C5%07%A0%B1%01%9CS%40%02%10%407%7D2.%00%185K%00%FC%09Pq%C2n%9A%D94%E8AM%99IM%EE%B1%8E%0DEcD%27j%00%CF%5D%94%80G%D9%A8%3F%FF%09P%90%86%D4%A0%24E%E8%24%05%29H%3E%F2q%A5%14m%E9%E70%0AS%A3%C8%94%A3%1D%0D%285%939%D2%92%26T%A1%9C%5B%80Dg%09%BB%A1%165%A63EjRm%9AL%91%96T%A7%9A%9C%AA2%ABj%D5%ABj%90%A8hM%ABY%D5%C9%D6%B6%BA%F5%ADp%8D%AB%5C%E7J%D7%BA%DA%F5%AEx%CD%AB%5E%F7%CA%D7%BE%FA%F5%AF%80%5Dd%40%00%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3%3F%05%20i%D4%86%02R%996%0Aa%CA%B4%E9%12%98%03O%5Bz%98S%C9%D2%A5L%9A6q%92%B4%24%40V%94%12%C8%3C%92D%A9%2B%A6%B0%9C%3Ay%22d%E2%2CI%04U%129%82%14i%12%25%AF%60%C5z%FA%E4%A9M%03%BB%1F%05%08%09%B4%88%91%A3G%91%D8Vzd%09%AE%DCO%A0.51%8BXc%8A9%87%10%25Z%D4ho%24G%5E%18p%E0c%193%A8P%87%EAv%B6%D8%C1L%A0A%85B7v%D4%88L%04%82A%24%C5%1D%FCZT%A87%0CfK%7C%20%85%CF%1F%40%82%08%15%12%BD%28%0D%86%83%0C%D2l%BA%5C%7CT%A6%27%CA%1D%FE%1A%10B%27%0F%9F%3E%7Fn%E7n%F3a%E1%89B%C4C%89%1AE%8A%14%A2%11%E1%13%0A%A8%B1%86%8E%1D%3Cz%F0%E1%07tm%88%E0%90%00U%60%82%99%7C%F4%952%0A%1A%08%E4W%D0%07%5E%BC%11%C7%1Cu%DC%91%C7%1E~%C8%21%03g%0FM%40%C7%27%0C6h%0A%26BH%08%80%05R%A4%B1F%1Bp%C8AG%1Dx%D01%04%01%15%CD%E0%08%83%A4%94R%8A%29%A7%14%C2%81r%0B%04A%86%19h%A8%C1%86%85r%C8%B1D%02%18%11%80%05%27%F3%F5%08%E4%29%A4%A4a%80%5D%06%CC%B0%05%18b%94q%86%8Bm%BC%21%C5o%1Bq%10H%83%3F%9E%82%0A%2A%99%FC%F0%94%00%23D%91%05%17%5E%84AF%19If1%E4G%40Xb%E5%29n%A6%92%CA%21%1A%18%B5%01%12TX%81%85%16%5D%7C%A1%A7%16%24%8C%A4%C0%1A%A3%B4Yh%2A%A4x1%80P%0F%E8%D0%04%14RTq%85%16xj%11%C3%A7%25%81pH%9B%FE%A8%18%AA%CA%2A%96%CC%F0%13%02%2B%1C%A1%04%13ND1%85%A3Z%DC%B0%25J%01%3C%D1%09%A1%B1%AA2%AB%2A%7F%A0%99%D3%00%1F%F80%84%11I%2C%C1%C4%13RP%B1Cr%2C9%20G%29o%A6%A2%EC%2A%AB%88B%05N%01XP%03%0F%3F%08A%84%AEK8%01%C4%041%B1%F0H%AC%E2%CE%CA%0A%2B%8F%C86%D3%03%2C%DC%90%C3%0E%3D%001m%12%40%5C7%D3%00%5D%8C%22%2B%B9%AC%B4%A2%0A%1BX%C1t%80%080%CCP%03%0E%3A%B0%1B%C4%0F%21%08p%93%05%7C%88%0Bq%2B%28%7B%92bK%04d%A0B%0B%2F%C4%40%83%0D%03%F3%60B%01%3B%E5p%89%BE%11%A3%EC%CA%22%89%A6%14%40%04%24%A0%A0%02%0B.%C0%20C%0D7%A4%10aO%04xa%CA%2A%FB%A2%8C%F2%29b%B0Z%12%03%1F%90P%C2%09%29%AC%D0%82%0B1%A8%E0%80P%1F%20Bu%CF%3E_%22%C3%5D%18%80%00%82%08%24%98%604%0B%29%D0%5BT%FE%11%9E%EC%CBv%2B%AB%E8q%D8G%04D%C0%81%07%1F%80%10%C2%08_%9Fp%81%C8G%25%A0F%2AT%93%BBJ%2A%A8l%E2DG%028%90%81%06%1Bt%80x%08tc%80%E3Y%230%A2%8A%A1%A7%982%0A%28%9D%F0%F1%27F%09P%60%01%06%19l%C0%81%E8%20%600%2Cb%01H%D1I%29%A4%84%D2I%26%948B%88%12%A7Sd%00%04%13T%60%C1%05%B8%87%9E%81%02%12%3A%C0F%27%9A%24%8FH%20x%BC%91E%D0%11%0D%C0%40%04%12L%40%81%F4%17d%80%01%B7%2A%02P%C2%1E%89%08%A2G%1Cgp%21%C5%11%274%CF%90%00%09p%C0%03%20%20%81%F4%D9%CE%02%0E%00Q%FC%00%20%00%1F%B8%21%0D_%A8B%12x0%83%14%7C%00~%09%09%C0%01%1A%D0%00%01B%20%02%E8%A3%80%03%B4%B6%40%82%2C%60%07K%00%82%0DV0%02%0E%5C%E0%01%0C1%1F%03%3A%E8%C1%088%C0%7F%254%88%03LP%02%0F%60%40%02%FE%23%8C%E1%02fHC%07%FC.%87%19d%C0%04%1E%C0%80%23%26d%00Cd%80%14%9D%88D%85%08%C0%00TD%C8%00%14%B0%80%21B%A9%8A%1F%D9%22%17%17%F0E0vD%8C%5D%2C%A3%1972%80%04%24%C0%8Bk%3Cc%02%B8%C8%80%A7%C5Q%23m%7C%E3%02%ECxG%8C%00p%8E%7B%EC%A3F%FE%C8E%3E%0A%B2%22%02%40%00%02%14%A0%80%8A%1D%D2%22%89D%80%1B%1D%F9H%8ADR%92%94%AC%A4D.%89%80%2Cj%F2%40%078%80%22%3D%F9%C9%FF%85R%94%A4%2C%A5%15%0D%10%CAN%AAr%93XD%E5%2B%23%22%80%02%B0%F2%008%9B%E5Cj%19%CB%5C%EA%B2%21W%BC%A5%2F%7F%B9%90%00%D8%12%8B%C3%24f%06%8Fi%00%1C%2A%F3%20%C6%2C%80-%9D%F9%CC%82%04%80%00%D2%2C%005%AB9%90kfs%9B%DC%04%C05%B1%A9%CDp%22d%9C%D2%04%277%C7%89MuV%93%9D%E54%A7A%E0%E9%CEg%B2%93%00%24%C1%94%A7%40%EE%99O%7D%F2S%9F%D6%1C%00%01%06%DAOy%06%60%00%02%C5%27%40%09r%D0%84%16%D4%9C%0D%15%E8C%C3%19Q%85.t%9F%08%CD%E8E1%9AQ%C8%5D4%A2%03%F0%E8B%03%20%80%8EnT%9C%25E%A8H%01J%D2%8C%BAt%A0%03%CD%A64%B1h%80c%CA%14%9F%2A%15%40%00v%AA%C0%05%924%A5%2F%85%299e%AAM%98%22%14%9F%02H%2AO%C5%C9%D4%1C%FE4%A9.M%A8P%C9i%D4%A4ZU%A7%3B%ED%E3S%A3%9AQ%82J%15%A9%21U%AAY%B2%AA%D5%ABv%94%ABQ%D5%A9Z%B1z%D2%B6%BA%F5%ADp%8D%AB%5C%E7J%D7%BA%DA%F5%AEx%CD%AB%5E%F7%CA%D7%BE%FA%F5%AF%80%0D%AC%60%B9%19%10%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3%3F%03%DC%B8%A3%05%02R%99%28%DA%FC%11D%28%10%14%03O%5BZ%E0%B2%87%8F%9F%40%82%0A%1D%F2%E3%23%40V%94%0D%98%D0%B9%93%C7%2BXB%86%10%29%92%F3%E1%2CI%03%3F%DA%C8%A9%C3v%8F%1F%40T%E3%2Ab%C4%E8%CB%02%BB%1F%05%BC%20%D3%06%8E%9C%B5y%F6%F4%C9%F3g%90%D8D%8B%1A%3DB%24%C4%2Cb%8D%1C%AE%A0Q%D3%E6%CDc%3Bx%EC0I%60%01%8DXD%99%1DA%8A%A4%27%C4%E7%8B%13%96%88%21s%26%CD%1A7%8E%E7%40i%40%90%86%1F%D8%8C%1C%3D%8A4i%12%19%05%B7%25%2A%C0%B1%C5K%182f%7C%97%9E%22%E1%A0%82%2C%88%18%FEi%8E%24%89R%A5FG%A2%3B%24%B0b%0A%96%EAa%C6%98%19%5D%E5%C2B%10u%1A%C9%964%A9%D2%A5L~%80%A0%5EB%01%84%B0%C4%14U%5C%A1E%17%60%88Q%C6%14%198%24%40%12%88%2C7%09%25%96%60%A2%09%26%60%1C0%60A%13%F8%C0%C4%13R%24%A8%05%17%5EXA%82D%10%A0%C1%1C%86%FFm%C2%C9%23%3C%7C%08%40%032%1C%A1%C4%12NDA%85%15YX%E1%C2%00%15%B1%10%88y%FFi%22%A3%27%7Dh%10%DD%01%26%001D%11I%2C%D1%04%14RPA%03V%17%11%F0%04%24%19%2A%C9I%27%9Fp2%06%97Y%0D%D0%01%0E%3C%FC%20D%11HX%09%05%0E%0Cp%94%81%1D%97%88%D9%89%27%A0%84%22%89%0EO%05%40%C1%0B6%E4%C0%83%0FA%10%A1%23%0F%13%80%A4%03%23%9Bl%B2%E7%27%A0%882J%20%11%16%F5%00%0A0%CC%60%03%0E%3B%F8%20%E5%0E%F6%89%94%00%19%99p%E2%09%A5%A1X%EA%89%16%FED%06%85%C0%07%2B%B8%D0%E9%A7%3A%F4%B0%C3%07%02%98%E4%C1%1F%7B%F6i%29%29%A5D%12%C3O%04%5CpB%0A%B5%C2%20C%0D7%E0%20%02%01%29%05%A0D%25%AC%8EBl%29%A5%F0%11%C1N%01%40%10%02%09%26%A0%B0B%0B%2F%C40%03%09%1E%B2%D4%C0%1A%9F%B4%3A%0A%B7%A6%9C%E2%89%1491%C0A%08%22%90%8B%82%0A%2C%B8%60B%9D0%A5%A0%C8%B0%A5%D4%7B%0A%2A%8C%94P%13%02%17p%F0%01%BF%23%94p%82%0A%258%40%D3%00YtB%AC%C2%A8%A4b%8A%1Ah%BAD%40%04%19l%D0%81%07%20%88P1%09%13xVS%05x%24%7C%CA%C2%A9%A8%A2%0A%27A%B8%24%40%03%17%5C%80%81%06%1C%B0%CC%AF%05%B1%E6d%03%25%F5%86%9C%F3%2A%AC%24%E2d%B5%08H%40A%05Bk%A0%F2%07%16%14%E0%13%01%5C%88%E2%B4%2A%AB%40%5DJ%18I%DF%E5%40%04V%5B%20t%06%1AX%D0.P%1E%1426%D4%AC%B4r%89%FE%0C%24%0D%B0%C0%03%10%B0%7D%B5%D0%16%40W%14%11%9C%E8%8Cw%2B%8C%F3A%5Cb%070%D0%80%03%10%40%20%C1%04%15T%C0%80%CCE%25%90%06%2Ae%B3%92w%2B%AE%90bEG%01%18%B0%C0%02%92%3B%008%DB%0D%F4z%D6%08%8C%2CN%BA%2B%AFD%E2pF%04%28%B0%BA%E4%93%BB%DE%40%DAg%050%85%28%A3%BB%82%FB%2B%AC%B81%F7D%03%1C%A0%80%EF%AC%B7%DE%80%D7%03%3EPG%DE%CA%BF%F2%0A%2C%B0%80%22%C4D%02%18%80%00%02%09L%EF%3B%03%0C%94%FC%E1%0B%95%90%EE%FD%F7%B0%C4%82H%05%0F%05%40%C0%01%E7%A3%9F%BE%EF%07%E0%9C%8D%00%40%800%A0by%E0%8BE%2CTA%06%E2%1Dd%00%050%80%01%F8w%BE%F4%05p%80%08%C9%40%21%BC%07%BE%FA%C5%02%14%CF%3BH%00%0A%40%C2%09R%F0%00%B2%C3%60Bz%D0%09%FA%D5%0F%08%0C%19a%09%0Fp%00%038P%85%079%40%1BX%01%3E%404D%86%FE%12%B4%21%0E%21%22%82F%84%E2q%0B%91%21%09%A95%C4%88P%C0%21J%2C%00%13%9B%E8%11%FD%95p%8AT%E4%88%FE%08%10A%ECeQ%8B%04%E0%A2%01%B0%F8%C5%8Cl1%82d%2C%E3E%CE%28E5n%84%8Dit%23E%B6%C8%C58%CAQ%22tl%E3%1D%D7%18%C6%3A%EE%91%8Fa%D4%E3%1F%E7%D8GA%0E%12%8F%85%B4%E3%21c%D8G%02%DCp%91%8Cl%24%24%11%D9%C7GN%92%40%8D%B4%E4%25E%98%C9M%E6o%00%95%F4%24%14A%19FM%8Ar%20%01%20%A5%23O%19%C3%01%90%D2%94%ACL%E5%2BY%99DW%82%12%96%A7%94%A5-i%A9%10%5D%BA%92%97%04%B2%E5%2F%81%29Ba%E2R%94%BE%3C%A6%27%7D%99Bb%12D%96%02%18%403%9D%29%90%00%08%E0%9A%D2%A4fA%ACyM%01%08%90%9A%DC%BC%E67%9D%19Noj%F3%99%DD4%E79%AB%E9%CD%00%B8s%9D%A8t%E78%C1YMx%DA%F3%9E%F8%27%CC%A7%3E%F7%C9%CF~%FA%F3%9F%00%0D%A8%40%07J%D0%82%1A%F4%A0%08M%A8B%17%CA%D0%86%3A%F4%A1%10%8D%A8D5%12%10%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3%3F%03%8C%A8%D2C%01R%99%19%96p%F1%12%06%CC%0D%02O%5B%3A%E0a%25%CB%16%AAd%CC%80Y%915%25%02%18Q%A6t%FD%1A%86%CC%994k%B0X%28K%92%80%89%24N%D2%AE%05%FBv%8D%9B7I%10%D0%FD%18%60%C3%8F%24K%F2%AA%CD%C2%25%0B%98%B0p%DB%C0%91%D3FF%80%C1%1B%21%CC%10R%04Ib%BDVf%18x%D0%C4%0C%5C7p%E6%D4%B9C%26%03%E6%8B%0BV%F0%F8%C1%D9s%5E%295%12%10%2C%11f%8Dd9%AB%F3%EC%91%22%F8u%C4%02%1Fn%E8%98-%C4%08b%267%18%1C%3C%20%E4wp%3E~%EE%E00%EEP%00%86%174%94%FE%CF%1ER%24%C9%0D%07%0B1x%01~%27%0Fv%40%82%D6h%E0%9E0%80%84%14%2Fb%84%D7%D1%83v%0D%08%0E%05p%C3%1Bw%E8%81%5D%20%82%14B%88%14%06%D0W%90%02%22%AC%D0%C2%0B2%D4%A0%5C%0F6%CC%15%11%03T%B8%F7G%20%83%14rH%22~%C8%E0%20%00%07l%60%02%0A%2B%B8%00C%858%D8%C0%81%00%15%89%D0%C6%87%21%8E%B8H%23oh%88%19%01%15%8CP%C2%09%29HH%E1%0C%1F%60u%D1%00%40%F0%91%23%22%3B%3A%C2%C8%15%05%D0%25%00%04%1F%880%02%09%26%14%D9%02%0C%21%1C%C0%11%05f%88%88%88%22%8C8%02%89%24%84%CC%90%95%02%1Ax%00B%08B%9E%80%82%0A%23%2C%00%D2%0B%7B%40%D9%88%9A%92LR%89%1D%3E%0E%85%40%05%1Al%D0%C1%07tr%29B%03%23%21%60E%22%7F%AEII%25%97L%22%05%8DA%11%10%C1%05%19%24%BA%28%08%23%84%20%C1e%25e%20%07%A0%97%5E%92%89%26%FE%87%B0%F0%93%00%0BP%60%01%A8%1Ap%D0%81%07%1FL%C0%E9I%01%00%81H%A0%98%BE%BA%C9%26t%3C%B0S%00%08%400%81%AD%B8%EAZ%81%92%2B-%10%86%24%95Xb%2C%27%9ET%C2DN%A3E%20%C1%B3%15%E0j%81%980%91%F0%87%AB%9Al%D2%89%27%9F%80R%88%085%11%B0%C0%03%10D%10%C1%B3%B7VP%9CL%03H1I%BB%EF%C6%1B%CA%27d4%08%93%00%094%E0%80%03%10%E4%FB%2C%05%0B%A0Z%D3%04pl%C2m%BC%A2%8CBJ%25%3D%B8%14%C0%01%0B0%C0%80%03%F8%8A%3B%01%03%BF%E2%24%03%23%F0%82%D21%29%A5%94B%08%06%2B%11%90%C0%02%25%9F%9Cr%03%03%F8D%80%15%9A%80%12%8A%C75%9B%12%8A%17A%9B4%00%02%09%28%C0%B3%C9%0D%3C%C0%00%B5%3Fm%F0G%28%A2%D0%5C%8A%29%A7%A02%09%0C%24%09%60%40%02h%2B%205%03%0D0%A00Q%3FT%E25%D8%A8%A4%82J%1E%90%12F%C0%FE%01%07%40%1D5%CF%0B%1C%60qQ%08%90%21%CA%D7a%A7%A2%8A%2A%A0P%E1%D1%00%06%18%C07%02P%AB-8%5D%21%1CB%B7%E2%AA%AC%C2%8A%23%24h%24%40%01%05D.9%E5%09%1C%D0rY%01%40%E1I%DD%8B%7B%CEJ%2Al%A0KQ%00%03%10%40%BA%E4%7DS%DE4w%0F%C8%81J%E7%B2%B7%D2%8A%27%40L%84%3B%01%CC%93%5E%3A%DF%BF%9F%D8%82%24%AB%14%DF%8A%2B%AE%1CR%01D%020%EF%BD%F3%06%60%7D%A2%40%04%7CQ%0A%2B%AC%18%EF%CA%2B%AF%A42F%F4%08%090%40%EE%DF%93N%C0%E0%E3%13%84%C1%20%E9%AB%FF%0A%2C%9F%B0%1DBp7%3F%EF%E9%EE~%F9%5B%08%0F6%E1%BFW%FC%80%21%04%A4%1F%01%06%B0%BA%04%22%E4%00kX%C5%FA%00%D1%10%02z%AF%82%16TH%08%1A%11%8A%BC-%24%82%13%0C%A1D%B6%D7%C1%F9%E5%0E~%2A%DC%08%0Aa%18%C3%8C%CC%B0%86%1E%B9%21%0E9%A2%C3%1Dj%A4%87%A7%3E%C4%08%10%83h%91%21%12%F1v.%9C%DF%11%85%98D%10.%11%22%11T%E2%13%2B%12E%1AN1%40I%B4%E2%15%21%98%C5-%2A%AF%8B%5E%8CH%00%04%20%3F%0A%86Q%8Cd%9C%9F%13%CF8%402%CAo%8Dl4%C8%18%DD%88%BF8%D6%C7%8D%02%A8%A3%1D%DBHF%3D%EEQ%8E%01%18%A3%1F%FFH%90%CB%04r%90%84%2CH%20%13%C9%C8F%3A%F2%91%90%8C%A4%24%27I%C9JZ%F2%92%98%CC%A4%267%C9%C9Nz%F2%93%A0%0C%A5%28GI%CAR%9A%F2%94%A8L%A5%2AW%C9%CAV%BA%F2%95%B0%8C%A5%2CgI%CBZ%DA%B2%86%01%01%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3%40%27%BC%10a%00%A9%CC%06%29f%D8%C8%81%E3%83%00%A7-%0F%80x%11%83%C6%0D%1D%3C%7C%E8%C8%805%25%81%0C%2A%5C%C0%90Q%E3%2B%8F%1FB%8A%DCpP%96%A4%80%09%25R%B0P%3B%A3%06%0E%1D%3D%80%0C1%A2dI%8B%02u%3F%06p%10%C2%04%0A%15-%B8J%AD%01%18%08%91%23J%98%3CY%02%221G%04%1BF%940%91bE%E4%182%3A%10H%E0%22%C8%E5%25M%A0H%A9B%24%82%E7%8B%06.%84%08%21%FA%F1%0A%17%2F%3C%20%1Eh%01H%92%25N%A2L%B1%82E%0B%8E%A6%B7%23%0E%88%E0%01D%08%11%24L%9C%80%FC%E1%C0A%02%2A%90%FEK%A1%C2%7C%8B%97%2C%27%A2%3B%0C%D0%20%03%87%EA%22D%9FH%01%02%C1%C2%07%3E%C6%5B%C9%C2%E5K%182QH%A0%9EB%0AX%90%C1%06%EF%81%80%5D%09%1E%24%B0%1E%09Q4%D7%C5%17b%94q%C6%19%3B%100%60A%05HpA%06%1A%20%08%DF%07%0DH%84%80%0E%E6%811%86%19h%A8%C1%06%19%25l%08%00%01%0EP%60%C1%87%1Ap%D0%C1%07%1E%40%10%40E%18H%F1%9F%19i%AC%D1%06%1Cr%60a%DBm%02%2C%20%C1%04%15X%80%C1%81%1Cp%20%C1U%17%09%D0%02%18D%B2%E1%06%92u%D0Q%84%86e%05%90%C0%03%11L%40A%05%17%60%10%E2%04dj%E4%80%13F%BE%11%C7%1Cu%E0%A1%C7%1B%28%60e%80%03%10D%F0%A4%8D%1FR%E0%DDG%23%8C%81%24%1Dv%E4%B1G%1F%7F%90%21%60Q%04%2C%E0%C0%03%81%0EZ%C1%04%F6%89d%C0%10p0%9A%07%1F~%00%22%C8%1FD%60%09%94%00%094%D0%C0%A5%FE%99R%40%81%02%3F%964A%17w%E8Aj%20%83%14rH%1D%24%FC%14%80%01%0B0%F0%EA%03%98%A6%C9%40%AD%27%05%20%C3%1C%90%F2%EAk%22%8A%98Q%E2N%05%28%B0%40%B1%C7%06%CA%C0%00-%25%10%85%1F%82%102%ED%22%8D%18%12DN%04%20%A0-%B7%C72%10%A7K%1D%B4A%88%21%88%24%82%EE%23%91%E0%E1AM%02%1C%80%40%02%0Ahk%AC%03%0D%0C%27%93%00D%04%82%88%22%8C8%C2%EF%24%91h%A1%B0K%01%14%80%C0%C6%04%1B%CC%C0%A16A%20%06%BA%8E%40%22%C9%24%95X%A2%88%0D%18%13%20%F0%C0%04o%BB%C0%01%CC%E2%A4B%1F%FCJBI%25%97d%A2%89%1E%16%AC%24%80%01%06%1C%20p%021%23%A0%EAN%030%C1%C8%24%94X%D2%F3%26%9CXb%C5%D2%23eL%B4%D1G%2B%80%00%B8Aa%40G%CA%98hBu%27%9F%2C%C2%02I%01%0CP%C0%DBE%BF%8C%C0%BCB%E1%A0%88%CFT%7B%F2%09%FE%28%A0%C8%C1%00Hm%13%40%C0%DB%05p%3D%B7S%07tqI%DE%7B%87%22J%26Ox%24%80%E0%82%C3m4%015%23%E5%C1%1F%9D%E8%0D%8A%E3%A3%94%82%88%08%1A%05%40y%E5p%17%909V%01%28Q%C9%E7%A2%8CBJ%29%A6%8C%82%06t%14%B5%3D%C0%E9%84%13%80%B5g%0E%B0%01J%EC%B3%9Br%0A%2A%98%F40Q%00%02%0C%E0%3C%EF%05%FC%AE%9E%0A%8C%CCN%FB%F1%A8%A4%22%08%05%10%E9%EE%FC%F3%82%83-%23A%03h%F1%C9%F5%D9%AB%A2J%29%60%88%9F%10%F3%DF%C7O%C0%00%AB%8F%2F%D0%05~%18%9F%7D%2A%AA%AC%B2%09%EE%08a%5E%F3%E2%E7%BC%FA%D9%8F%209%B0D%FAV%B1%0A%E5-D%80%03%2C%E0%01%1Br%804%98%A2%7F%7Ch%88%00%BFg%C0%09%22%04%04%89%E8%C4%B5%1E%28%80%12%96%D0%83%12%E1%9E%06M%28%80%0E%A2%F0%22%10l%E1%0B%15%C3B%17%CE0w5%BC%A1G%02%C0C%19%EA%90%23i%3Cd%9E%0D%7F%28%91%20%0E%91%88E%3C%22%12%23%A2%C4%25%3A%F1%89P%8C%A2%14%A7H%C5%2AZ%F1%8AX%CC%A2%16%B7%C8%C5.z%F1%8B%60%0C%A3%18%C7H%C62%9A%F1%8ChL%A3%1A%D7%C8%C66%BA%F1%8Dp%8C%A3%1C%E7H%C7%3A%DA%F1%8Ex%CC%A3%1E%F7%C8%C7%3E%FA%F1%8F%80%0C%A4%20%07I%C8B%1A%F2%90%88L%E4%15%03%02%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3%40%3Bdy%02%01%A9%CC%05%2F%9A%8C%B9CH%CB%01%A7-%07H0%81C%EA%1DD%95%28E%09%80%15e%00%03%102p%F5%0A%16%D4%A9G%2C%CA%96%14%60%40A%DA%B5S%DB%9Ej%E5jOS%B9%1F%03%0C%20P%F7nW%2Fu%F4%B6%82%25K%95%16%B2%807%06%100%B8%B0Z%1B%2A%0EPhS%C9%EDbY%B4jaj%11%19c%80%D3%94%09%DB%CDp%A1%00A%1F%97%F62%0E%5D%8BV%1F%07%A5%2B%9E%9E%5CY%C1%82%01%07%1B%C8Y5%BBV-%5B%B6%1C%E7%9E%B8%3B5%01%01%0B%5D%5C%02m%1C9%F2K%29%96Cl.%002%C3%01dZ%FEU%B7nk%16%9D%04%DA%1B%EE%F6%FE%10%C3%A1%E3%E4%91%9BZ%92~%21%FB%89%3FD%C5%B7%1E%09D%FD%90%05%9C%01%CB~%B6%C82%C7U%FF%7D%24%82%24%04%DAR%8A%11%09%82%C4%04%2A%0DF%D2A%84%1E1%A0%07-%04%BEb%06p%18rd%82%25%0D%82%82C%88%1C%05%A0%05%2B%04%D6%82%C8%04%28n%04%81%1F%F0%C5%B7%8A%161n%24C%27%0Db%97cF%04%08H%A0%2Cr%20%F8%A3E%19%20%D2%A0%29G%1C%89%11%10%A3T%C8%81%93%16%05%18K%87g%80H%E5D%0B6%F8%89%0D%5BV4a%8B%82%E0%16%A6D%0A%CC1%0B%817%9E9%D1%09%24%12h%C9%09nF%A4%22%8B%FB%19hd%9D%0DE%40%23%81%A5%14%C1%27D3%F0H%20%23%16%0C%EAP%90%03%EE%F7J%96%8A6%B4%01%23%04%92%B2g%A4%0A%05%11%25yC%60%FA%10%02r%C8%82%5C%21%9EFD%02%25%A8%98Y%2AD%89%AE%EA%EA%ABN%B0%C6%2A%EB%AC%B4%D6j%EB%AD%B8%E6%AA%EB%AE%BC%F6%EA%EB%AF%C0%06%2B%EC%B0%C4%16k%EC%B1%C8%26%AB%EC%B2%CC6%EB%EC%B3%D0F%2B%ED%B4%D4Vk%ED%B5%D8f%AB%ED%B6%DCv%EB%ED%B7%E0%86%2B%EE%B8%E4%96k%EE%B9%E8%A6%AB%EE%BA%D9%06%04%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9D%CA2%00%D5%95%01%AC%5E%3D%99%B5%EB%D6%92%5D%05%0C%200%E0k%C8%B0b%09%18%40%40%C0%EC%C7%ACi%0B%20%60%20AB%01%B7%1D%03%0C%18P%E0%80%82%07%17B%B0%00%21%00%2F%C7%01%06%124%98%C0%01%C5%0D%25RB%18%DE%28%40%01%04%0C%22b%08%A9r%06%0F%9A%0A%933%06X%D0A%85%0E%26_%E2%04r4%E9J%D9%D0%17%0B%98%28rE%8D%1ED%94%3C%95%AAD%036F%0F%5B%E8%08z%A4I%14%AAV%AF%08M%F0m%F1%00%94D%96%3E%99Z%E5%2A%D6%ACTZ%98%5B%1CQhT%AAV%B0d%FE%CD%A2U%EBR%0A%ED%14%07t%29%F5J%3C%F9Z%B6d%C99%80~%E2%85A%B2%DE%C3%B7e%CB%D4%91%FA%13%F9%20J-%FB%F1%C7_%24%1C%00%18Q%01f%C4b%E0%83%AF%9C%F1%9A%82%0E%89%20%C9%83%0F~b%03%85%101%81%0A%86%FC%D5%22%88%03%1C%3A%A4%C0%1C%B3%80h%CB%2A%D9%95%D8%D0%09%96%A8h%8B%25%27%B8%C8P%00Z%B0%A2%A2%2Cs%D0g%A3B%11%F8Q%E0%83%A5%14%F1%E3B3t%22%23%23%16%1C%99%10%01g%C0%A2b%84%13%3AY%D0%06%8C%A8H%8A%8FV%1E%14%C4%28%18%0E%D1%A5B%08%C8%21%0B%7F%85%8C%C9%10%09%94%A0B%A2%9A%0C5%09%E7%9Ct%D6i%E7%9Dx%E6%A9%E7%9E%7C%F6%E9%E7%9F%80%06%2A%E8%A0%84%16j%E8%A1%88%26%AA%E8%A2%8C6%EA%E8%A3%90F%2A%E9%A4%94Vj%E9%A5%98f%AA%E9%A6%9Cv%EA%E9%A7%A0%86%2A%EA%A8%A4%96j%EA%A9%A8%A6%AA%EA%AA%AC%B6%EA%EA%AB%03%0E%05%04%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%FE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%ACY%AD%01%02%9C%B5%98%B6%AD%DA%B5%0F%DD%A6%15%40%17n%DC%B9%02%06%0C%20P%60%80%DD%86%01%F2%EA%E5%7B%00A%02%BF%7F%15%06%D8%5B%C0%00%02%05%0D%20Pp%20%20%B1%C2%01%07%120x0%01C%07%12%28%28XN%28%40%81%04%0B%1CD%A8%90%C1%E3%88%8F%07%A3%11%2A%E8p%02F%0E%22O%B2%90YC%84%40l%83%03%3E%00Yb%25%CC%9A%3A~%0C%FD%91%F1%DB%60%84%26i%E4%EC%21%C4H%12%26O%7B%264%27%28%80G%9FD%91%2C%84q%0AU%0A%15%A90%88%B7%03%90%00g%13%28R%A7T%B1r%F5%E9%80z%826%28%A5%9A%0F%2BV%90%FB%05%1D%C0%06%2B%B1%C82%08%80%07%8D%10I%29%0E%20%88%90%05%0EF%28%E1%84%14Vh%E1%85%18f%A8%E1%86%1Cv%E8%E1%87%20%86%28%E2%88%24%96h%E2%89%28%A6%A8%E2%8A%2C%B6%E8%E2%8B0%C6%28%E3%8C4%D6h%E3%8D8%E6%A8%E3%8E%3C%F6%E8%E3%8F%40%06%29%E4%90D%16i%E4%91H%26%A9%E4%92%40%05%04%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%CE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%CF%A0C%8B%1EM%BA%B4%E9%D3%A8S%AB%5E%CD%BA%B5%EB%D7%B0c%CB%9EM%DBk%40%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%CE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%CF%A0C%8B%1EM%BA%B4%E9%D3%A8S%AB%5E%CD%BA%B5%EB%D7%B0c%CB%9EM%DBk%40%00%21%F9%04%01%04%00%FF%00%2C%00%00%00%00%80%00%80%00%00%08%CE%00%01%08%1CH%B0%A0%C1%83%08%13%2A%5C%C8%B0%A1%C3%87%10%23J%9CH%B1%A2%C5%8B%183j%DC%C8%B1%A3%C7%8F%20C%8A%1CI%B2%A4%C9%93%28S%AA%5C%C9%B2%A5%CB%970c%CA%9CI%B3%A6%CD%9B8s%EA%DC%C9%B3%A7%CF%9F%40%83%0A%1DJ%B4%A8%D1%A3H%93%2A%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%8A%1DK%B6%AC%D9%B3h%D3%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3%EA%DD%CB%B7%AF%DF%BF%80%03%0B%1EL%B8%B0%E1%C3%88%13%2B%5E%CC%B8%B1%E3%C7%90%23K%9EL%B9%B2%E5%CB%983k%DE%CC%B9%B3%E7%CF%A0C%8B%1EM%BA%B4%E9%D3%A8S%AB%5E%CD%BA%B5%EB%D7%B0c%CB%9EM%DBk%40%00%3B";
|
|
20974
20328
|
|
|
20975
20329
|
// src/components/HbLoadingSpinner.tsx
|
|
20976
|
-
import { jsx as jsx159, jsxs as
|
|
20330
|
+
import { jsx as jsx159, jsxs as jsxs81 } from "react/jsx-runtime";
|
|
20977
20331
|
function HbLoadingSpinner({
|
|
20978
20332
|
noQuips,
|
|
20979
20333
|
extraQuips = [],
|
|
@@ -20988,20 +20342,13 @@ function HbLoadingSpinner({
|
|
|
20988
20342
|
if (ctx.noQuips && !forceQuips || noQuips || allQuips.length === 0) return "Loading...";
|
|
20989
20343
|
return allQuips[Math.floor(Math.random() * allQuips.length)];
|
|
20990
20344
|
}, [ctx.noQuips, ctx.quips, extraQuips, extraQuipsOnly, noQuips]);
|
|
20991
|
-
return /* @__PURE__ */
|
|
20992
|
-
display: "df",
|
|
20993
|
-
flexDirection: "fdc",
|
|
20994
|
-
justifyContent: "jcc",
|
|
20995
|
-
alignItems: "aic"
|
|
20996
|
-
}), ...tid, children: [
|
|
20345
|
+
return /* @__PURE__ */ jsxs81("div", { className: "df fdc jcc aic", ...tid, children: [
|
|
20997
20346
|
/* @__PURE__ */ jsx159(
|
|
20998
20347
|
"img",
|
|
20999
20348
|
{
|
|
21000
20349
|
src: HbLoadingSpinner_base64_default,
|
|
21001
20350
|
"data-chromatic": "ignore",
|
|
21002
|
-
|
|
21003
|
-
filter: "filter_invert_1"
|
|
21004
|
-
}),
|
|
20351
|
+
className: "filter_invert_1",
|
|
21005
20352
|
alt: "loading",
|
|
21006
20353
|
...tid.gif
|
|
21007
20354
|
}
|
|
@@ -21037,8 +20384,8 @@ function HbSpinnerProvider({
|
|
|
21037
20384
|
// src/components/MaxLines.tsx
|
|
21038
20385
|
import { useLayoutEffect as useLayoutEffect2, useResizeObserver as useResizeObserver5 } from "@react-aria/utils";
|
|
21039
20386
|
import { useCallback as useCallback25, useEffect as useEffect30, useRef as useRef50, useState as useState44 } from "react";
|
|
21040
|
-
import { trussProps as
|
|
21041
|
-
import { jsx as jsx160, jsxs as
|
|
20387
|
+
import { trussProps as trussProps80 } from "@homebound/truss/runtime";
|
|
20388
|
+
import { jsx as jsx160, jsxs as jsxs82 } from "react/jsx-runtime";
|
|
21042
20389
|
function MaxLines({
|
|
21043
20390
|
maxLines,
|
|
21044
20391
|
children
|
|
@@ -21061,8 +20408,8 @@ function MaxLines({
|
|
|
21061
20408
|
ref: elRef,
|
|
21062
20409
|
onResize
|
|
21063
20410
|
});
|
|
21064
|
-
return /* @__PURE__ */
|
|
21065
|
-
/* @__PURE__ */ jsx160("div", { ref: elRef, ...
|
|
20411
|
+
return /* @__PURE__ */ jsxs82("div", { children: [
|
|
20412
|
+
/* @__PURE__ */ jsx160("div", { ref: elRef, ...trussProps80({
|
|
21066
20413
|
...!expanded ? {
|
|
21067
20414
|
WebkitLineClamp: ["lineClamp_var", {
|
|
21068
20415
|
"--WebkitLineClamp": maxLines
|
|
@@ -21073,20 +20420,15 @@ function MaxLines({
|
|
|
21073
20420
|
textOverflow: "to_ellipsis"
|
|
21074
20421
|
} : {}
|
|
21075
20422
|
}), children }),
|
|
21076
|
-
hasMore && /* @__PURE__ */ jsx160("button", {
|
|
21077
|
-
display: "db",
|
|
21078
|
-
fontWeight: "fw4",
|
|
21079
|
-
fontSize: "fz_14px",
|
|
21080
|
-
lineHeight: "lh_20px"
|
|
21081
|
-
}), onClick: () => setExpanded((prev) => !prev), children: expanded ? "Show Less" : "Show More" })
|
|
20423
|
+
hasMore && /* @__PURE__ */ jsx160("button", { className: "db fw4 fz_14px lh_20px", onClick: () => setExpanded((prev) => !prev), children: expanded ? "Show Less" : "Show More" })
|
|
21082
20424
|
] });
|
|
21083
20425
|
}
|
|
21084
20426
|
|
|
21085
20427
|
// src/components/ScrollShadows.tsx
|
|
21086
20428
|
import { useResizeObserver as useResizeObserver6 } from "@react-aria/utils";
|
|
21087
20429
|
import { useCallback as useCallback26, useMemo as useMemo47, useRef as useRef51, useState as useState45 } from "react";
|
|
21088
|
-
import { trussProps as
|
|
21089
|
-
import { jsx as jsx161, jsxs as
|
|
20430
|
+
import { trussProps as trussProps81 } from "@homebound/truss/runtime";
|
|
20431
|
+
import { jsx as jsx161, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
21090
20432
|
function ScrollShadows(props) {
|
|
21091
20433
|
const {
|
|
21092
20434
|
children,
|
|
@@ -21174,7 +20516,7 @@ function ScrollShadows(props) {
|
|
|
21174
20516
|
ref: scrollRef,
|
|
21175
20517
|
onResize
|
|
21176
20518
|
});
|
|
21177
|
-
return /* @__PURE__ */
|
|
20519
|
+
return /* @__PURE__ */ jsxs83("div", { ...trussProps81({
|
|
21178
20520
|
display: "df",
|
|
21179
20521
|
flexDirection: ["fd_var", {
|
|
21180
20522
|
"--flexDirection": !horizontal ? "column" : "row"
|
|
@@ -21190,7 +20532,7 @@ function ScrollShadows(props) {
|
|
|
21190
20532
|
width: width2
|
|
21191
20533
|
}
|
|
21192
20534
|
}), ...tid, children: [
|
|
21193
|
-
/* @__PURE__ */ jsx161("div", { ...
|
|
20535
|
+
/* @__PURE__ */ jsx161("div", { ...trussProps81({
|
|
21194
20536
|
...startShadowStyles,
|
|
21195
20537
|
...{
|
|
21196
20538
|
opacity: ["o_var", {
|
|
@@ -21198,7 +20540,7 @@ function ScrollShadows(props) {
|
|
|
21198
20540
|
}]
|
|
21199
20541
|
}
|
|
21200
20542
|
}), "data-chromatic": "ignore" }),
|
|
21201
|
-
/* @__PURE__ */ jsx161("div", { ...
|
|
20543
|
+
/* @__PURE__ */ jsx161("div", { ...trussProps81({
|
|
21202
20544
|
...endShadowStyles,
|
|
21203
20545
|
...{
|
|
21204
20546
|
opacity: ["o_var", {
|
|
@@ -21206,7 +20548,7 @@ function ScrollShadows(props) {
|
|
|
21206
20548
|
}]
|
|
21207
20549
|
}
|
|
21208
20550
|
}), "data-chromatic": "ignore" }),
|
|
21209
|
-
/* @__PURE__ */ jsx161("div", { ...
|
|
20551
|
+
/* @__PURE__ */ jsx161("div", { ...trussProps81({
|
|
21210
20552
|
...xss,
|
|
21211
20553
|
...{
|
|
21212
20554
|
overflow: "oa",
|
|
@@ -21279,9 +20621,9 @@ var snackbarId = 1;
|
|
|
21279
20621
|
// src/components/Stepper.tsx
|
|
21280
20622
|
import { useRef as useRef52 } from "react";
|
|
21281
20623
|
import { useButton as useButton11, useFocusRing as useFocusRing14, useHover as useHover18 } from "react-aria";
|
|
21282
|
-
import { trussProps as
|
|
21283
|
-
import { jsx as jsx162, jsxs as
|
|
21284
|
-
import { createElement as
|
|
20624
|
+
import { trussProps as trussProps82 } from "@homebound/truss/runtime";
|
|
20625
|
+
import { jsx as jsx162, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
20626
|
+
import { createElement as createElement4 } from "react";
|
|
21285
20627
|
var __maybeInc13 = (inc) => {
|
|
21286
20628
|
return typeof inc === "string" ? inc : `${inc * 8}px`;
|
|
21287
20629
|
};
|
|
@@ -21299,12 +20641,8 @@ function Stepper(props) {
|
|
|
21299
20641
|
const maxStepWidth = 200;
|
|
21300
20642
|
const minStepWidth = 100;
|
|
21301
20643
|
const gap = 8;
|
|
21302
|
-
return /* @__PURE__ */
|
|
21303
|
-
|
|
21304
|
-
flexDirection: "fdc",
|
|
21305
|
-
width: "w100"
|
|
21306
|
-
}), ...tid, children: [
|
|
21307
|
-
/* @__PURE__ */ jsx162("ol", { ...trussProps99({
|
|
20644
|
+
return /* @__PURE__ */ jsxs84("nav", { "aria-label": "steps", className: "df fdc w100", ...tid, children: [
|
|
20645
|
+
/* @__PURE__ */ jsx162("ol", { ...trussProps82({
|
|
21308
20646
|
padding: "p_0",
|
|
21309
20647
|
margin: "m_0",
|
|
21310
20648
|
listStyle: "lis_none",
|
|
@@ -21314,7 +20652,7 @@ function Stepper(props) {
|
|
|
21314
20652
|
}]
|
|
21315
20653
|
}), children: steps.map((step) => {
|
|
21316
20654
|
const isCurrent = currentStep === step.value;
|
|
21317
|
-
return /* @__PURE__ */
|
|
20655
|
+
return /* @__PURE__ */ createElement4("li", { ...trussProps82({
|
|
21318
20656
|
display: "df",
|
|
21319
20657
|
flexGrow: "fg1",
|
|
21320
20658
|
flexDirection: "fdc",
|
|
@@ -21326,7 +20664,7 @@ function Stepper(props) {
|
|
|
21326
20664
|
}]
|
|
21327
20665
|
}), key: step.label, "aria-current": isCurrent, ...tid.step }, /* @__PURE__ */ jsx162(StepButton, { ...step, onClick: () => onChange(step.value), isCurrent, ...tid.stepButton }));
|
|
21328
20666
|
}) }),
|
|
21329
|
-
/* @__PURE__ */ jsx162("div", { ...
|
|
20667
|
+
/* @__PURE__ */ jsx162("div", { ...trussProps82({
|
|
21330
20668
|
marginTop: "mt1",
|
|
21331
20669
|
backgroundColor: "bgGray300",
|
|
21332
20670
|
height: "h_4px",
|
|
@@ -21337,7 +20675,7 @@ function Stepper(props) {
|
|
|
21337
20675
|
"--minWidth": `${steps.length * minStepWidth + (steps.length - 1) * gap}px`
|
|
21338
20676
|
}],
|
|
21339
20677
|
width: "w100"
|
|
21340
|
-
}), children: /* @__PURE__ */ jsx162("div", { ...
|
|
20678
|
+
}), children: /* @__PURE__ */ jsx162("div", { ...trussProps82({
|
|
21341
20679
|
backgroundColor: "bgBlue600",
|
|
21342
20680
|
transition: "transition_width_200ms",
|
|
21343
20681
|
height: "h100",
|
|
@@ -21378,7 +20716,7 @@ function StepButton(props) {
|
|
|
21378
20716
|
boxShadow: "bshFocus"
|
|
21379
20717
|
};
|
|
21380
20718
|
const tid = useTestIds(props, "stepButton");
|
|
21381
|
-
return /* @__PURE__ */
|
|
20719
|
+
return /* @__PURE__ */ jsxs84("button", { ref, ...buttonProps, ...focusProps, ...hoverProps, ...trussProps82({
|
|
21382
20720
|
...{
|
|
21383
20721
|
fontWeight: "fw6",
|
|
21384
20722
|
fontSize: "fz_14px",
|
|
@@ -21430,10 +20768,7 @@ function StepButton(props) {
|
|
|
21430
20768
|
} : {},
|
|
21431
20769
|
...isFocusVisible ? focusRingStyles2 : {}
|
|
21432
20770
|
}), ...tid[defaultTestId(label)], children: [
|
|
21433
|
-
/* @__PURE__ */ jsx162("span", {
|
|
21434
|
-
flexShrink: "fs0",
|
|
21435
|
-
marginRight: "mr_4px"
|
|
21436
|
-
}), children: /* @__PURE__ */ jsx162(StepIcon, { state, isHovered, isPressed, isCurrent }) }),
|
|
20771
|
+
/* @__PURE__ */ jsx162("span", { className: "fs0 mr_4px", children: /* @__PURE__ */ jsx162(StepIcon, { state, isHovered, isPressed, isCurrent }) }),
|
|
21437
20772
|
label
|
|
21438
20773
|
] });
|
|
21439
20774
|
}
|
|
@@ -21449,13 +20784,7 @@ function StepIcon({
|
|
|
21449
20784
|
if (state === "complete") {
|
|
21450
20785
|
return /* @__PURE__ */ jsx162(Icon, { icon: "check" });
|
|
21451
20786
|
}
|
|
21452
|
-
return /* @__PURE__ */ jsx162("div", { ...
|
|
21453
|
-
width: "w_24px",
|
|
21454
|
-
height: "h_24px",
|
|
21455
|
-
display: "df",
|
|
21456
|
-
alignItems: "aic",
|
|
21457
|
-
justifyContent: "jcc"
|
|
21458
|
-
}), children: /* @__PURE__ */ jsx162("div", { ...trussProps99({
|
|
20787
|
+
return /* @__PURE__ */ jsx162("div", { className: "w_24px h_24px df aic jcc", children: /* @__PURE__ */ jsx162("div", { ...trussProps82({
|
|
21459
20788
|
width: "w_10px",
|
|
21460
20789
|
height: "h_10px",
|
|
21461
20790
|
borderStyle: "bss",
|
|
@@ -21470,8 +20799,8 @@ function StepIcon({
|
|
|
21470
20799
|
|
|
21471
20800
|
// src/components/SuperDrawer/components/SuperDrawerHeader.tsx
|
|
21472
20801
|
import { createPortal as createPortal5 } from "react-dom";
|
|
21473
|
-
import { trussProps as
|
|
21474
|
-
import { jsx as jsx163, jsxs as
|
|
20802
|
+
import { trussProps as trussProps83 } from "@homebound/truss/runtime";
|
|
20803
|
+
import { jsx as jsx163, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
21475
20804
|
function SuperDrawerHeader(props) {
|
|
21476
20805
|
const {
|
|
21477
20806
|
hideControls
|
|
@@ -21488,39 +20817,15 @@ function SuperDrawerHeader(props) {
|
|
|
21488
20817
|
const currentContent = contentStack.current[contentStack.current.length - 1]?.opts;
|
|
21489
20818
|
const isDetail = currentContent !== firstContent;
|
|
21490
20819
|
const tid = useTestIds({}, "superDrawerHeader");
|
|
21491
|
-
return createPortal5(/* @__PURE__ */
|
|
21492
|
-
|
|
21493
|
-
|
|
21494
|
-
|
|
21495
|
-
gap: "gap3"
|
|
21496
|
-
}), ...tid, children: [
|
|
21497
|
-
isStructuredProps(props) ? /* @__PURE__ */ jsxs84("div", { ...trussProps100({
|
|
21498
|
-
display: "df",
|
|
21499
|
-
justifyContent: "jcsb",
|
|
21500
|
-
alignItems: "aic",
|
|
21501
|
-
gap: "gap2",
|
|
21502
|
-
flexGrow: "fg1"
|
|
21503
|
-
}), children: [
|
|
21504
|
-
/* @__PURE__ */ jsxs84("div", { ...trussProps100({
|
|
21505
|
-
flexGrow: "fg1",
|
|
21506
|
-
display: "df",
|
|
21507
|
-
alignItems: "aic",
|
|
21508
|
-
gap: "gap2"
|
|
21509
|
-
}), children: [
|
|
21510
|
-
/* @__PURE__ */ jsx163("h1", { ...trussProps100({
|
|
21511
|
-
fontWeight: "fw6",
|
|
21512
|
-
fontSize: "fz_30px",
|
|
21513
|
-
lineHeight: "lh_36px"
|
|
21514
|
-
}), children: props.title }),
|
|
20820
|
+
return createPortal5(/* @__PURE__ */ jsxs85("div", { className: "df aic jcsb gap3", ...tid, children: [
|
|
20821
|
+
isStructuredProps(props) ? /* @__PURE__ */ jsxs85("div", { className: "df jcsb aic gap2 fg1", children: [
|
|
20822
|
+
/* @__PURE__ */ jsxs85("div", { className: "fg1 df aic gap2", children: [
|
|
20823
|
+
/* @__PURE__ */ jsx163("h1", { className: "fw6 fz_30px lh_36px", children: props.title }),
|
|
21515
20824
|
props.left
|
|
21516
20825
|
] }),
|
|
21517
|
-
props.right && /* @__PURE__ */ jsx163("div", {
|
|
21518
|
-
|
|
21519
|
-
|
|
21520
|
-
] }) : /* @__PURE__ */ jsx163("div", { ...trussProps100({
|
|
21521
|
-
flexGrow: "fg1"
|
|
21522
|
-
}), children: props.children }),
|
|
21523
|
-
!hideControls && /* @__PURE__ */ jsx163("div", { ...trussProps100({
|
|
20826
|
+
props.right && /* @__PURE__ */ jsx163("div", { className: "fs0", children: props.right })
|
|
20827
|
+
] }) : /* @__PURE__ */ jsx163("div", { className: "fg1", children: props.children }),
|
|
20828
|
+
!hideControls && /* @__PURE__ */ jsx163("div", { ...trussProps83({
|
|
21524
20829
|
flexShrink: "fs0",
|
|
21525
20830
|
...isDetail ? {
|
|
21526
20831
|
visibility: "vh"
|
|
@@ -21541,17 +20846,17 @@ function isStructuredProps(props) {
|
|
|
21541
20846
|
}
|
|
21542
20847
|
|
|
21543
20848
|
// src/components/SuperDrawer/ConfirmCloseModal.tsx
|
|
21544
|
-
import { Fragment as Fragment37, jsx as jsx164, jsxs as
|
|
20849
|
+
import { Fragment as Fragment37, jsx as jsx164, jsxs as jsxs86 } from "react/jsx-runtime";
|
|
21545
20850
|
function ConfirmCloseModal(props) {
|
|
21546
20851
|
const { onClose, discardText = "Discard Changes", continueText = "Continue Editing" } = props;
|
|
21547
20852
|
const { modalState } = useBeamContext();
|
|
21548
20853
|
function closeModal() {
|
|
21549
20854
|
modalState.current = void 0;
|
|
21550
20855
|
}
|
|
21551
|
-
return /* @__PURE__ */
|
|
20856
|
+
return /* @__PURE__ */ jsxs86(Fragment37, { children: [
|
|
21552
20857
|
/* @__PURE__ */ jsx164(ModalHeader, { children: "Are you sure you want to cancel?" }),
|
|
21553
20858
|
/* @__PURE__ */ jsx164(ModalBody, { children: /* @__PURE__ */ jsx164("p", { children: "Any changes you've made so far will be lost." }) }),
|
|
21554
|
-
/* @__PURE__ */
|
|
20859
|
+
/* @__PURE__ */ jsxs86(ModalFooter, { children: [
|
|
21555
20860
|
/* @__PURE__ */ jsx164(
|
|
21556
20861
|
Button,
|
|
21557
20862
|
{
|
|
@@ -21700,8 +21005,8 @@ function canClose(canCloseCheck) {
|
|
|
21700
21005
|
}
|
|
21701
21006
|
|
|
21702
21007
|
// src/components/SuperDrawer/SuperDrawerContent.tsx
|
|
21703
|
-
import {
|
|
21704
|
-
import { Fragment as Fragment38, jsx as jsx166, jsxs as
|
|
21008
|
+
import { mergeProps as mergeProps24 } from "@homebound/truss/runtime";
|
|
21009
|
+
import { Fragment as Fragment38, jsx as jsx166, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
21705
21010
|
var SuperDrawerContent = ({
|
|
21706
21011
|
children,
|
|
21707
21012
|
actions
|
|
@@ -21721,22 +21026,9 @@ var SuperDrawerContent = ({
|
|
|
21721
21026
|
} = firstContent ?? {};
|
|
21722
21027
|
function wrapWithMotionAndMaybeBack(children2) {
|
|
21723
21028
|
if (kind === "open") {
|
|
21724
|
-
return /* @__PURE__ */ jsx166(motion4.div, {
|
|
21725
|
-
paddingTop: "pt3",
|
|
21726
|
-
paddingBottom: "pb3",
|
|
21727
|
-
paddingRight: "pr3",
|
|
21728
|
-
paddingLeft: "pl3",
|
|
21729
|
-
flexGrow: "fg1",
|
|
21730
|
-
overflow: "oa"
|
|
21731
|
-
}), children: children2 }, "content");
|
|
21029
|
+
return /* @__PURE__ */ jsx166(motion4.div, { className: "pt3 pb3 pr3 pl3 fg1 oa", children: children2 }, "content");
|
|
21732
21030
|
} else if (kind === "detail") {
|
|
21733
|
-
return /* @__PURE__ */
|
|
21734
|
-
paddingLeft: "pl3",
|
|
21735
|
-
paddingRight: "pr3",
|
|
21736
|
-
paddingTop: "pt2",
|
|
21737
|
-
paddingBottom: "pb3",
|
|
21738
|
-
flexGrow: "fg1"
|
|
21739
|
-
}), animate: {
|
|
21031
|
+
return /* @__PURE__ */ jsxs87(motion4.div, { className: "pl3 pr3 pt2 pb3 fg1", animate: {
|
|
21740
21032
|
overflow: "auto"
|
|
21741
21033
|
}, transition: {
|
|
21742
21034
|
overflow: {
|
|
@@ -21759,9 +21051,7 @@ var SuperDrawerContent = ({
|
|
|
21759
21051
|
}, exit: {
|
|
21760
21052
|
x: width2,
|
|
21761
21053
|
opacity: 0
|
|
21762
|
-
},
|
|
21763
|
-
paddingTop: "pt2"
|
|
21764
|
-
}), children: children2 })
|
|
21054
|
+
}, className: "pt2", children: children2 })
|
|
21765
21055
|
] }, "content");
|
|
21766
21056
|
} else {
|
|
21767
21057
|
return /* @__PURE__ */ jsx166(motion4.div, { ...mergeProps24(void 0, {
|
|
@@ -21775,23 +21065,9 @@ var SuperDrawerContent = ({
|
|
|
21775
21065
|
}) }, "content");
|
|
21776
21066
|
}
|
|
21777
21067
|
}
|
|
21778
|
-
return /* @__PURE__ */
|
|
21068
|
+
return /* @__PURE__ */ jsxs87(Fragment38, { children: [
|
|
21779
21069
|
wrapWithMotionAndMaybeBack(children),
|
|
21780
|
-
actions && /* @__PURE__ */ jsx166("footer", {
|
|
21781
|
-
borderTopStyle: "bts_solid",
|
|
21782
|
-
borderTopWidth: "btw_1px",
|
|
21783
|
-
borderColor: "bcGray200",
|
|
21784
|
-
paddingTop: "pt3",
|
|
21785
|
-
paddingBottom: "pb3",
|
|
21786
|
-
paddingRight: "pr3",
|
|
21787
|
-
paddingLeft: "pl3",
|
|
21788
|
-
display: "df",
|
|
21789
|
-
alignItems: "aic",
|
|
21790
|
-
justifyContent: "jcfe"
|
|
21791
|
-
}), children: /* @__PURE__ */ jsx166("div", { ...trussProps101({
|
|
21792
|
-
display: "df",
|
|
21793
|
-
gap: "gap1"
|
|
21794
|
-
}), children: actions.map((buttonProps, i) => /* @__PURE__ */ jsx166(Button, { ...buttonProps }, i)) }) })
|
|
21070
|
+
actions && /* @__PURE__ */ jsx166("footer", { className: "bts_solid btw_1px bcGray200 pt3 pb3 pr3 pl3 df aic jcfe", children: /* @__PURE__ */ jsx166("div", { className: "df gap1", children: actions.map((buttonProps, i) => /* @__PURE__ */ jsx166(Button, { ...buttonProps }, i)) }) })
|
|
21795
21071
|
] });
|
|
21796
21072
|
};
|
|
21797
21073
|
|
|
@@ -21819,13 +21095,13 @@ import { useEffect as useEffect32, useMemo as useMemo49, useRef as useRef53, use
|
|
|
21819
21095
|
import { mergeProps as mergeProps25, useFocusRing as useFocusRing15, useHover as useHover19 } from "react-aria";
|
|
21820
21096
|
import { matchPath, Route } from "react-router";
|
|
21821
21097
|
import { Link as Link5, useLocation } from "react-router-dom";
|
|
21822
|
-
import { trussProps as
|
|
21823
|
-
import { Fragment as Fragment39, jsx as jsx167, jsxs as
|
|
21098
|
+
import { trussProps as trussProps84 } from "@homebound/truss/runtime";
|
|
21099
|
+
import { Fragment as Fragment39, jsx as jsx167, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
21824
21100
|
function TabsWithContent(props) {
|
|
21825
21101
|
const styles = hideTabs(props) ? {} : {
|
|
21826
21102
|
paddingTop: "pt3"
|
|
21827
21103
|
};
|
|
21828
|
-
return /* @__PURE__ */
|
|
21104
|
+
return /* @__PURE__ */ jsxs88(Fragment39, { children: [
|
|
21829
21105
|
/* @__PURE__ */ jsx167(Tabs, { ...props }),
|
|
21830
21106
|
/* @__PURE__ */ jsx167(TabContent, { ...props, contentXss: {
|
|
21831
21107
|
...styles,
|
|
@@ -21852,7 +21128,7 @@ function TabContent(props) {
|
|
|
21852
21128
|
return (
|
|
21853
21129
|
// Using FullBleed to allow the tab's bgColor to extend to the edges of the <ScrollableContent /> element.
|
|
21854
21130
|
// Omit the padding from `FullBleed` if the caller passes in the `paddingLeft/Right` styles.
|
|
21855
|
-
/* @__PURE__ */ jsx167(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ jsx167("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...
|
|
21131
|
+
/* @__PURE__ */ jsx167(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ jsx167("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...trussProps84(contentXss), children: isRouteTab(selectedTab) ? /* @__PURE__ */ jsx167(Route, { path: selectedTab.path, render: selectedTab.render }) : selectedTab.render() }) })
|
|
21856
21132
|
);
|
|
21857
21133
|
}
|
|
21858
21134
|
function Tabs(props) {
|
|
@@ -21891,7 +21167,7 @@ function Tabs(props) {
|
|
|
21891
21167
|
setActive(selected);
|
|
21892
21168
|
}
|
|
21893
21169
|
}
|
|
21894
|
-
return /* @__PURE__ */
|
|
21170
|
+
return /* @__PURE__ */ jsxs88("div", { ...trussProps84({
|
|
21895
21171
|
...{
|
|
21896
21172
|
display: "df",
|
|
21897
21173
|
alignItems: "aic",
|
|
@@ -21907,21 +21183,11 @@ function Tabs(props) {
|
|
|
21907
21183
|
}
|
|
21908
21184
|
} : {}
|
|
21909
21185
|
}), children: [
|
|
21910
|
-
!hideTabs(props) && /* @__PURE__ */ jsx167("div", { ref, ...
|
|
21911
|
-
display: "dif",
|
|
21912
|
-
gap: "gap1",
|
|
21913
|
-
alignSelf: "asfe"
|
|
21914
|
-
}), "aria-label": ariaLabel, role: "tablist", ...tid, children: tabs.map((tab) => {
|
|
21186
|
+
!hideTabs(props) && /* @__PURE__ */ jsx167("div", { ref, className: "dif gap1 asfe", "aria-label": ariaLabel, role: "tablist", ...tid, children: tabs.map((tab) => {
|
|
21915
21187
|
const uniqueValue = uniqueTabValue(tab);
|
|
21916
21188
|
return /* @__PURE__ */ jsx167(TabImpl, { active: active === uniqueValue, focusProps, isFocusVisible, onClick, onKeyUp, onBlur, tab, ...tid[defaultTestId(uniqueValue)] }, uniqueValue);
|
|
21917
21189
|
}) }),
|
|
21918
|
-
right && /* @__PURE__ */ jsx167("div", {
|
|
21919
|
-
marginLeft: "mla",
|
|
21920
|
-
display: "df",
|
|
21921
|
-
alignItems: "aic",
|
|
21922
|
-
gap: "gap1",
|
|
21923
|
-
paddingBottom: "pb1"
|
|
21924
|
-
}), children: right })
|
|
21190
|
+
right && /* @__PURE__ */ jsx167("div", { className: "mla df aic gap1 pb1", children: right })
|
|
21925
21191
|
] });
|
|
21926
21192
|
}
|
|
21927
21193
|
function TabImpl(props) {
|
|
@@ -21965,7 +21231,7 @@ function TabImpl(props) {
|
|
|
21965
21231
|
role: "tab",
|
|
21966
21232
|
tabIndex: active ? 0 : -1,
|
|
21967
21233
|
...others,
|
|
21968
|
-
...
|
|
21234
|
+
...trussProps84({
|
|
21969
21235
|
...baseStyles5,
|
|
21970
21236
|
...active && activeStyles4,
|
|
21971
21237
|
...isDisabled && disabledStyles4,
|
|
@@ -21981,11 +21247,9 @@ function TabImpl(props) {
|
|
|
21981
21247
|
onClick: () => onClick(tab.value)
|
|
21982
21248
|
}
|
|
21983
21249
|
});
|
|
21984
|
-
const tabLabel = /* @__PURE__ */
|
|
21250
|
+
const tabLabel = /* @__PURE__ */ jsxs88(Fragment39, { children: [
|
|
21985
21251
|
label,
|
|
21986
|
-
(icon || endAdornment) && /* @__PURE__ */ jsx167("span", {
|
|
21987
|
-
marginLeft: "ml1"
|
|
21988
|
-
}), children: icon ? /* @__PURE__ */ jsx167(Icon, { icon }) : endAdornment })
|
|
21252
|
+
(icon || endAdornment) && /* @__PURE__ */ jsx167("span", { className: "ml1", children: icon ? /* @__PURE__ */ jsx167(Icon, { icon }) : endAdornment })
|
|
21989
21253
|
] });
|
|
21990
21254
|
return isDisabled ? maybeTooltip({
|
|
21991
21255
|
title: resolveTooltip(disabled),
|