@homebound/beam 2.369.3 → 2.369.5

package/dist/components/Filters/index.d.ts

@@ -6,6 +6,7 @@ export { multiFilter } from "./MultiFilter";
 export { numberRangeFilter } from "./NumberRangeFilter";
 export { singleFilter } from "./SingleFilter";
 export { treeFilter } from "./TreeFilter";
+export { BaseFilter } from "./BaseFilter";
 export { booleanFilter } from "./BooleanFilter";
 export { checkboxFilter } from "./CheckboxFilter";
 export * from "./FilterModal";
@@ -13,4 +14,3 @@ export * from "./Filters";
 export { toggleFilter } from "./ToggleFilter";
 export * from "./types";
 export * from "./utils";
-export { BaseFilter } from "./BaseFilter";

package/dist/components/Filters/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseFilter = exports.toggleFilter = exports.checkboxFilter = exports.booleanFilter = exports.treeFilter = exports.singleFilter = exports.numberRangeFilter = exports.multiFilter = exports.dateRangeFilter = exports.dateFilter = void 0;
+exports.toggleFilter = exports.checkboxFilter = exports.booleanFilter = exports.BaseFilter = exports.treeFilter = exports.singleFilter = exports.numberRangeFilter = exports.multiFilter = exports.dateRangeFilter = exports.dateFilter = void 0;
 var DateFilter_1 = require("./DateFilter");
 Object.defineProperty(exports, "dateFilter", { enumerable: true, get: function () { return DateFilter_1.dateFilter; } });
 var DateRangeFilter_1 = require("./DateRangeFilter");
@@ -27,6 +27,8 @@ var SingleFilter_1 = require("./SingleFilter");
 Object.defineProperty(exports, "singleFilter", { enumerable: true, get: function () { return SingleFilter_1.singleFilter; } });
 var TreeFilter_1 = require("./TreeFilter");
 Object.defineProperty(exports, "treeFilter", { enumerable: true, get: function () { return TreeFilter_1.treeFilter; } });
+var BaseFilter_1 = require("./BaseFilter");
+Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return BaseFilter_1.BaseFilter; } });
 var BooleanFilter_1 = require("./BooleanFilter");
 Object.defineProperty(exports, "booleanFilter", { enumerable: true, get: function () { return BooleanFilter_1.booleanFilter; } });
 var CheckboxFilter_1 = require("./CheckboxFilter");
@@ -37,5 +39,3 @@ var ToggleFilter_1 = require("./ToggleFilter");
 Object.defineProperty(exports, "toggleFilter", { enumerable: true, get: function () { return ToggleFilter_1.toggleFilter; } });
 __exportStar(require("./types"), exports);
 __exportStar(require("./utils"), exports);
-var BaseFilter_1 = require("./BaseFilter");
-Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return BaseFilter_1.BaseFilter; } });

package/dist/components/Filters/testDomain.js

@@ -9,7 +9,7 @@ var Stage;
 (function (Stage) {
     Stage["StageOne"] = "ONE";
     Stage["StageTwo"] = "TWO";
-})(Stage = exports.Stage || (exports.Stage = {}));
+})(Stage || (exports.Stage = Stage = {}));
 const stageOptions = [
     { code: Stage.StageOne, name: "One" },
     { code: Stage.StageTwo, name: "Two" },
@@ -58,9 +58,9 @@ var TaskStatus;
     TaskStatus["Deactivated"] = "DEACTIVATED";
     TaskStatus["OnHold"] = "ON_HOLD";
     TaskStatus["Delayed"] = "DELAYED";
-})(TaskStatus = exports.TaskStatus || (exports.TaskStatus = {}));
+})(TaskStatus || (exports.TaskStatus = TaskStatus = {}));
 var ScheduleTypes;
 (function (ScheduleTypes) {
     ScheduleTypes["Task"] = "TASK";
     ScheduleTypes["Milestone"] = "MILESTONE";
-})(ScheduleTypes = exports.ScheduleTypes || (exports.ScheduleTypes = {}));
+})(ScheduleTypes || (exports.ScheduleTypes = ScheduleTypes = {}));

package/dist/components/Filters/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TestIds } from "../../utils/useTestIds";
 /**
  * Defines the filters for a given filter type `F`.

package/dist/components/Filters/utils.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterTestIdPrefix = exports.updateFilter = void 0;
+exports.filterTestIdPrefix = void 0;
+exports.updateFilter = updateFilter;
 const utils_1 = require("../../utils");
 function updateFilter(currentFilter, key, value) {
     if (value === undefined) {
@@ -10,5 +11,4 @@ function updateFilter(currentFilter, key, value) {
         return { ...currentFilter, [key]: value };
     }
 }
-exports.updateFilter = updateFilter;
 exports.filterTestIdPrefix = "filter";

package/dist/components/Grid/ResponsiveGrid.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResponsiveGrid = void 0;
+exports.ResponsiveGrid = ResponsiveGrid;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const components_1 = require("..");
 /** Helper component for generating a responsive grid */
@@ -9,4 +9,3 @@ function ResponsiveGrid(props) {
     const { gridStyles } = (0, components_1.useResponsiveGrid)(hookProps);
     return (0, jsx_runtime_1.jsx)("div", { css: { ...gridStyles }, children: children });
 }
-exports.ResponsiveGrid = ResponsiveGrid;

package/dist/components/Grid/ResponsiveGridItem.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResponsiveGridItem = void 0;
+exports.ResponsiveGridItem = ResponsiveGridItem;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const src_1 = require("../..");
 /** Helper component for generating grid items with the ResponsiveGrid */
@@ -9,4 +9,3 @@ function ResponsiveGridItem(props) {
     const { gridItemProps } = (0, src_1.useResponsiveGridItem)({ colSpan });
     return (0, jsx_runtime_1.jsx)("div", { ...gridItemProps, children: children });
 }
-exports.ResponsiveGridItem = ResponsiveGridItem;

package/dist/components/Grid/useResponsiveGrid.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResponsiveGrid = void 0;
+exports.useResponsiveGrid = useResponsiveGrid;
 const react_1 = require("react");
 const src_1 = require("../..");
 const utils_1 = require("./utils");
@@ -45,4 +45,3 @@ function useResponsiveGrid(props) {
     }, [minColumnWidth, gap, columns]);
     return { gridStyles };
 }
-exports.useResponsiveGrid = useResponsiveGrid;

package/dist/components/Grid/useResponsiveGridItem.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResponsiveGridItem = void 0;
+exports.useResponsiveGridItem = useResponsiveGridItem;
 const utils_1 = require("./utils");
 function useResponsiveGridItem({ colSpan = 1 }) {
     return { gridItemProps: { [utils_1.gridItemDataAttribute]: colSpan } };
 }
-exports.useResponsiveGridItem = useResponsiveGridItem;

package/dist/components/HbLoadingSpinner.js

@@ -26,7 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HbSpinnerProvider = exports.HB_QUIPS_FLAVOR = exports.HB_QUIPS_MISSION = exports.HbLoadingSpinner = void 0;
+exports.HB_QUIPS_FLAVOR = exports.HB_QUIPS_MISSION = void 0;
+exports.HbLoadingSpinner = HbLoadingSpinner;
+exports.HbSpinnerProvider = HbSpinnerProvider;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const Css_1 = require("../Css");
@@ -50,7 +52,6 @@ function HbLoadingSpinner({ noQuips, extraQuips = [], extraQuipsOnly, iconOnly }
                 }).$, alt: "loading", ...tid.gif }), !iconOnly && ((0, jsx_runtime_1.jsx)("div", { "data-chromatic": "ignore" // ignore spapshotting on randomized loading quips -- Mostly for consumers so their snapshots aren't constantly triggering
                 , ...tid.quip, children: quip }))] }));
 }
-exports.HbLoadingSpinner = HbLoadingSpinner;
 const dotDotDot = (str) => str.concat("...");
 /** Quips for Homebound's Mission Statement. Internal. */
 exports.HB_QUIPS_MISSION = [
@@ -71,4 +72,3 @@ function HbSpinnerProvider({ quips = [], children }) {
     const state = (0, react_1.useMemo)(() => ({ quips, noQuips: quips.length === 0 }), [quips]);
     return (0, jsx_runtime_1.jsx)(HbLoadingSpinnerContext.Provider, { value: state, children: children });
 }
-exports.HbSpinnerProvider = HbSpinnerProvider;

package/dist/components/HelperText.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HelperText = void 0;
+exports.HelperText = HelperText;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Css_1 = require("../Css");
 /**
@@ -10,4 +10,3 @@ function HelperText(props) {
     const { helperText, contrast = false, ...others } = props;
     return ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.gray700.xs.mtPx(4).if(contrast).gray100.$, ...others, children: helperText }));
 }
-exports.HelperText = HelperText;

package/dist/components/IconButton.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconButtonContrastStylesHover = exports.iconButtonStylesHover = exports.IconButton = void 0;
+exports.iconButtonContrastStylesHover = exports.iconButtonStylesHover = void 0;
+exports.IconButton = IconButton;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -52,7 +53,6 @@ function IconButton(props) {
         children: (0, getInteractiveElement_1.getButtonOrLink)(buttonContent, onPress, buttonAttrs, openInNew, download),
     });
 }
-exports.IconButton = IconButton;
 const defaultIconColor = Css_1.Palette.Gray900;
 const contrastIconColor = Css_1.Palette.White;
 const iconButtonStylesReset = Css_1.Css.bcTransparent.bss.bgTransparent.cursorPointer.outline0.dif.aic.jcc.transition.$;

package/dist/components/Label.js

@@ -3,12 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InlineLabel = exports.Label = void 0;
+exports.Label = void 0;
+exports.InlineLabel = InlineLabel;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const react_aria_1 = require("react-aria");
-const Css_1 = require("../Css");
 const src_1 = require("..");
+const Css_1 = require("../Css");
 /** An internal helper component for rendering form labels. */
 function LabelComponent(props) {
     const { labelProps, label, hidden, suffix, contrast = false, tooltip, inline, xss, ...others } = props;
@@ -26,4 +27,3 @@ exports.Label = react_1.default.memo(LabelComponent);
 function InlineLabel({ labelProps, label, contrast, multiline = false, ...others }) {
     return ((0, jsx_runtime_1.jsxs)("label", { ...labelProps, ...others, css: Css_1.Css.smMd.wsnw.gray900.prPx(4).add("color", "currentColor").asc.if(multiline).asfs.pt1.$, children: [label, ":"] }));
 }
-exports.InlineLabel = InlineLabel;

package/dist/components/Layout/FullBleed.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FullBleed = void 0;
+exports.FullBleed = FullBleed;
 const react_1 = require("react");
 const ScrollableParent_1 = require("./ScrollableParent");
 const Css_1 = require("../../Css");
@@ -13,4 +13,3 @@ function FullBleed({ children, omitPadding = false }) {
             style: Css_1.Css.ml(`-${pl}`).mr(`-${pr}`).if(!omitPadding).pl(pl).pr(pr).$,
         });
 }
-exports.FullBleed = FullBleed;

package/dist/components/Layout/PreventBrowserScroll.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PreventBrowserScroll = void 0;
+exports.PreventBrowserScroll = PreventBrowserScroll;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Css_1 = require("../../Css");
 /** Intended to wrap the whole application to prevent the browser's native scrolling behavior while also taking the full height of the viewport */
@@ -11,4 +11,3 @@ function PreventBrowserScroll({ children }) {
     // 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.
     (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.oh.vh100.mh("-webkit-fill-available").maxh("-webkit-fill-available").$, children: (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.h100.df.fdc.mh0.oa.$, children: children }) }));
 }
-exports.PreventBrowserScroll = PreventBrowserScroll;

package/dist/components/Layout/RightPaneLayout/RightPaneContext.js

@@ -23,7 +23,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRightPaneContext = exports.RightPaneProvider = exports.RightPaneContext = void 0;
+exports.RightPaneContext = void 0;
+exports.RightPaneProvider = RightPaneProvider;
+exports.useRightPaneContext = useRightPaneContext;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 exports.RightPaneContext = react_1.default.createContext({
@@ -46,8 +48,6 @@ function RightPaneProvider({ children }) {
     const context = (0, react_1.useMemo)(() => ({ openInPane, closePane, clearPane, rightPaneContent, isRightPaneOpen }), [openInPane, closePane, rightPaneContent, clearPane, isRightPaneOpen]);
     return (0, jsx_runtime_1.jsx)(exports.RightPaneContext.Provider, { value: context, children: children });
 }
-exports.RightPaneProvider = RightPaneProvider;
 function useRightPaneContext() {
     return (0, react_1.useContext)(exports.RightPaneContext);
 }
-exports.useRightPaneContext = useRightPaneContext;

package/dist/components/Layout/RightPaneLayout/RightPaneLayout.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RightPaneLayout = void 0;
+exports.RightPaneLayout = RightPaneLayout;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const framer_motion_1 = require("framer-motion");
 const react_1 = require("react");
@@ -27,4 +27,3 @@ function RightPaneLayout(props) {
                                 // Clear the content of the detail pane when the animation is completed and only when pane is closing
                                 onAnimationComplete: (definition) => definition.x !== 0 && clearPane(), children: rightPaneContent }, "rightPane")) })] })] }) }));
 }
-exports.RightPaneLayout = RightPaneLayout;

package/dist/components/Layout/RightPaneLayout/useRightPane.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRightPane = void 0;
+exports.useRightPane = useRightPane;
 const RightPaneContext_1 = require("./RightPaneContext");
 function useRightPane() {
     const { openInPane, closePane } = (0, RightPaneContext_1.useRightPaneContext)();
@@ -9,4 +9,3 @@ function useRightPane() {
         closeRightPane: closePane,
     };
 }
-exports.useRightPane = useRightPane;

package/dist/components/Layout/ScrollableContent.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollableContent = void 0;
+exports.ScrollableContent = ScrollableContent;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
@@ -35,4 +35,3 @@ function ScrollableContent(props) {
             ...(!omitBottomPadding && !virtualized && ScrollableParent_1.scrollContainerBottomPadding),
         }, children: children }), scrollableEl);
 }
-exports.ScrollableContent = ScrollableContent;

package/dist/components/Layout/ScrollableParent.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollContainerBottomPadding = exports.useScrollableParent = exports.ScrollableParent = void 0;
+exports.scrollContainerBottomPadding = void 0;
+exports.ScrollableParent = ScrollableParent;
+exports.useScrollableParent = useScrollableParent;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const Css_1 = require("../../Css");
@@ -60,10 +62,8 @@ function ScrollableParent(props) {
                         ...(!hasScrollableContent ? { ...Css_1.Css.oa.h100.$, ...exports.scrollContainerBottomPadding } : undefined),
                     }, children: children }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.fg1.oa.$, ref: scrollableRef })] }) }));
 }
-exports.ScrollableParent = ScrollableParent;
 function useScrollableParent() {
     return (0, react_1.useContext)(ScrollableParentContext);
 }
-exports.useScrollableParent = useScrollableParent;
 // Styles to wrap around the scrollable content in order to give padding beneath the content within the scrollable container.
 exports.scrollContainerBottomPadding = Css_1.Css.addIn("&:after", Css_1.Css.contentEmpty.db.h2.$).$;

package/dist/components/Loader.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = void 0;
+exports.Loader = Loader;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Css_1 = require("../Css");
 function Loader({ size = "lg", contrast = false }) {
@@ -19,7 +19,6 @@ function Loader({ size = "lg", contrast = false }) {
             .add("animationTimingFunction", "linear")
             .add("transform", "translateZ(0)").$ }));
 }
-exports.Loader = Loader;
 const sizeToPixels = {
     xs: [16, 2],
     sm: [32, 4],

package/dist/components/LoadingSkeleton.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingSkeleton = void 0;
+exports.LoadingSkeleton = LoadingSkeleton;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Css_1 = require("../Css");
 function LoadingSkeleton({ rows = 1, columns = 1, size = "md", randomizeWidths = false, contrast = false, }) {
@@ -16,7 +16,6 @@ function LoadingSkeleton({ rows = 1, columns = 1, size = "md", randomizeWidths =
     };
     return ((0, jsx_runtime_1.jsx)("div", { "aria-label": "Loading", children: rowArray.map((_, i) => ((0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.gap1.mb1.hPx(rowHeight).$, children: rowCells(i) }, `row-${i}`))) }));
 }
-exports.LoadingSkeleton = LoadingSkeleton;
 /** Create the illusion of random widths by cycling through a list of widths that look nice in order */
 function getRandomizedFlexBasisByRowIndex(rowIndex) {
     const randomizedFlexBasisValues = [0.65, 0.8, 0.75, 0.9, 0.8, 0.85, 0.8, 0.95];

package/dist/components/MaxLines.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaxLines = void 0;
+exports.MaxLines = MaxLines;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const src_1 = require("..");
-const react_1 = require("react");
 const utils_1 = require("@react-aria/utils");
+const react_1 = require("react");
+const src_1 = require("..");
 function MaxLines({ maxLines, children }) {
     const elRef = (0, react_1.useRef)(null);
     const [hasMore, setHasMore] = (0, react_1.useState)(false);
@@ -34,4 +34,3 @@ function MaxLines({ maxLines, children }) {
     (0, utils_1.useResizeObserver)({ ref: elRef, onResize });
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { ref: elRef, css: src_1.Css.if(!expanded).lineClamp(maxLines).$, children: children }), hasMore && ((0, jsx_runtime_1.jsx)("button", { css: src_1.Css.db.smMd.$, onClick: () => setExpanded((prev) => !prev), children: expanded ? "Show Less" : "Show More" }))] }));
 }
-exports.MaxLines = MaxLines;

package/dist/components/Modal/Modal.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = void 0;
+exports.Modal = Modal;
+exports.ModalHeader = ModalHeader;
+exports.ModalBody = ModalBody;
+exports.ModalFooter = ModalFooter;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const utils_1 = require("@react-aria/utils");
 const react_1 = require("react");
@@ -11,9 +14,9 @@ const BeamContext_1 = require("../BeamContext");
 const IconButton_1 = require("../IconButton");
 const useModal_1 = require("./useModal");
 const Css_1 = require("../../Css");
+const hooks_1 = require("../../hooks");
 const utils_2 = require("../../utils");
 const ModalContext_1 = require("./ModalContext");
-const hooks_1 = require("../../hooks");
 /**
  * Internal component for displaying a Modal; see `useModal` for the public API.
  *
@@ -81,12 +84,10 @@ function Modal(props) {
                                 .add("width", "100dvw")
                                 .maxh("none").br0.$, ref: ref, ...overlayProps, ...dialogProps, ...modalProps, ...testId, children: [(0, jsx_runtime_1.jsxs)("header", { css: Css_1.Css.df.fdrr.p3.fs0.if(drawHeaderBorder).bb.bcGray200.$, children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.pl1.$, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { icon: "x", onClick: closeModal, ...testId.titleClose }) }), (0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.fg1.xl2Sb.gray900.$, ref: modalHeaderRef, ...titleProps, ...testId.title })] }), (0, jsx_runtime_1.jsx)("main", { ref: modalBodyRef, css: Css_1.Css.fg1.oya.if(hasScroll).bb.bcGray200.if(!!forceScrolling).oys.$, children: content }), (0, jsx_runtime_1.jsx)("footer", { css: Css_1.Css.fs0.$, children: (0, jsx_runtime_1.jsx)("div", { ref: modalFooterRef }) })] }) }) }) }) }) }));
 }
-exports.Modal = Modal;
 function ModalHeader({ children }) {
     const { modalHeaderDiv } = (0, BeamContext_1.useBeamContext)();
     return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }), modalHeaderDiv);
 }
-exports.ModalHeader = ModalHeader;
 /** Provides consistent styling and the scrolling behavior for a modal's primary content. */
 function ModalBody({ children, virtualized = false, }) {
     const { modalBodyDiv } = (0, BeamContext_1.useBeamContext)();
@@ -95,14 +96,12 @@ function ModalBody({ children, virtualized = false, }) {
     // If `virtualized`, then we are expecting the `children` will handle their own scrollbar, so have the overflow hidden and adjust padding
     (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.h100.if(virtualized).oh.pl3.else.px3.$, ...testId.content, children: children }), modalBodyDiv);
 }
-exports.ModalBody = ModalBody;
 /** Provides consistent styling for modal footers, i.e. where actions are placed. */
 function ModalFooter({ children, xss, }) {
     const { modalFooterDiv } = (0, BeamContext_1.useBeamContext)();
     const testId = (0, utils_2.useTestIds)({}, testIdPrefix);
     return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { css: { ...Css_1.Css.p3.df.aic.jcfe.gap1.$, ...xss }, ...testId.footer, children: children }), modalFooterDiv);
 }
-exports.ModalFooter = ModalFooter;
 const testIdPrefix = "modal";
 const widths = {
     sm: 320,

package/dist/components/Modal/ModalContext.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useModalContext = exports.ModalProvider = exports.ModalContext = void 0;
+exports.ModalContext = void 0;
+exports.ModalProvider = ModalProvider;
+exports.useModalContext = useModalContext;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 exports.ModalContext = (0, react_1.createContext)({ inModal: false });
@@ -8,8 +10,6 @@ function ModalProvider({ children }) {
     const value = (0, react_1.useMemo)(() => ({ inModal: true }), []);
     return (0, jsx_runtime_1.jsx)(exports.ModalContext.Provider, { value: value, children: children });
 }
-exports.ModalProvider = ModalProvider;
 function useModalContext() {
     return (0, react_1.useContext)(exports.ModalContext);
 }
-exports.useModalContext = useModalContext;

package/dist/components/Modal/OpenModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModalProps } from "./Modal";
 export interface OpenModalProps {
     /** The custom modal content to show. */

package/dist/components/Modal/OpenModal.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenModal = void 0;
+exports.OpenModal = OpenModal;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const Modal_1 = require("./Modal");
@@ -39,4 +39,3 @@ function OpenModal(props) {
         return (0, jsx_runtime_1.jsx)("div", { children: "dummy content" });
     }
 }
-exports.OpenModal = OpenModal;

package/dist/components/Modal/TestModalContent.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtualizedTable = exports.TestModalFilterTable = exports.TestModalContent = void 0;
+exports.TestModalContent = TestModalContent;
+exports.TestModalFilterTable = TestModalFilterTable;
+exports.VirtualizedTable = VirtualizedTable;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const addon_actions_1 = require("@storybook/addon-actions");
 const react_1 = require("react");
@@ -26,19 +28,16 @@ function TestModalContent(props) {
     const { triggerNotice } = (0, Snackbar_1.useSnackbar)();
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Modal_1.ModalHeader, { children: props.withTag ? ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.aic.$, children: [(0, jsx_runtime_1.jsx)("span", { children: "Modal Title with Tag" }), (0, jsx_runtime_1.jsx)(Tag_1.Tag, { text: "In progress", type: "info", xss: Css_1.Css.ml1.$ })] })) : props.withTextField ? ((0, jsx_runtime_1.jsx)(inputs_1.TextField, { label: "Title", placeholder: "Test title", value: internalValue, onChange: (v) => setValue(v), labelStyle: "hidden", onEscapeBubble: true, borderless: true, xss: Css_1.Css.xl.$ })) : props.withTextArea ? ((0, jsx_runtime_1.jsx)(inputs_1.TextAreaField, { label: "Title", placeholder: "Test title", value: internalValue, onChange: (v) => setValue(v), preventNewLines: true, labelStyle: "hidden", borderless: true, xss: Css_1.Css.xl.$ })) : ("The title of the modal that might wrap") }), (0, jsx_runtime_1.jsxs)(Modal_1.ModalBody, { children: [(0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.gap1.fdc.aifs.$, children: [(0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.gap1.$, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { label: "More", onClick: () => setNumSentences(numSentences + 2) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Clear", onClick: () => setNumSentences(0) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Primary", onClick: () => setPrimaryDisabled(!primaryDisabled) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Trigger Snackbar", onClick: () => triggerNotice({ message: "Snackbar message" }) }), showLeftAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Left Action", onClick: () => setLeftActionDisabled(!leftActionDisabled) }))] }), (0, jsx_runtime_1.jsx)("p", { children: "The body content of the modal. This content can be anything!".repeat(numSentences) })] }), withDateField && (0, jsx_runtime_1.jsx)(inputs_1.DateField, { value: date, label: "Date", onChange: setDate })] }), (0, jsx_runtime_1.jsxs)(Modal_1.ModalFooter, { xss: showLeftAction ? Css_1.Css.jcsb.$ : undefined, children: [showLeftAction && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Clear", onClick: (0, addon_actions_1.action)("Clear Action"), variant: "tertiary", disabled: leftActionDisabled }) })), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.gap1.$, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Cancel", onClick: closeModal, variant: "tertiary" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Apply", onClick: (0, addon_actions_1.action)("Primary action"), disabled: primaryDisabled })] })] })] }));
 }
-exports.TestModalContent = TestModalContent;
 function TestModalFilterTable() {
     const [filter, setFilter] = (0, react_1.useState)();
     const { closeModal } = (0, useModal_1.useModal)();
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Modal_1.ModalHeader, { children: "Filterable table" }), (0, jsx_runtime_1.jsxs)(Modal_1.ModalBody, { children: [(0, jsx_runtime_1.jsx)(inputs_1.TextField, { label: "Search", value: filter, onChange: setFilter }), (0, jsx_runtime_1.jsx)(Table_1.GridTable, { columns: columns, rows: rows, filter: filter, xss: Css_1.Css.mt1.$ })] }), (0, jsx_runtime_1.jsx)(Modal_1.ModalFooter, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Cancel", onClick: closeModal, variant: "tertiary" }) })] }));
 }
-exports.TestModalFilterTable = TestModalFilterTable;
 function VirtualizedTable() {
     const [filter, setFilter] = (0, react_1.useState)();
     const { closeModal } = (0, useModal_1.useModal)();
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Modal_1.ModalHeader, { children: "Filterable table" }), (0, jsx_runtime_1.jsx)(Modal_1.ModalBody, { virtualized: true, children: (0, jsx_runtime_1.jsxs)(Layout_1.ScrollableParent, { xss: Css_1.Css.h100.$, children: [(0, jsx_runtime_1.jsx)(inputs_1.TextField, { label: "Search", value: filter, onChange: setFilter }), (0, jsx_runtime_1.jsx)(Layout_1.ScrollableContent, { virtualized: true, children: (0, jsx_runtime_1.jsx)(Table_1.GridTable, { as: "virtual", columns: columns, rows: rows, filter: filter, xss: Css_1.Css.mt1.$ }) })] }) }), (0, jsx_runtime_1.jsx)(Modal_1.ModalFooter, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Cancel", onClick: closeModal, variant: "tertiary" }) })] }));
 }
-exports.VirtualizedTable = VirtualizedTable;
 const users = [
     { id: "1", name: "Iron Man", role: "Leader" },
     { id: "2", name: "Captain America", role: "Carries the cool shield" },

package/dist/components/Modal/useModal.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useModal = void 0;
+exports.useModal = useModal;
 const react_1 = require("react");
 const BeamContext_1 = require("../BeamContext");
 const utils_1 = require("../../utils");
@@ -50,4 +50,3 @@ function useModal() {
         inModal,
     }), [inModal, modalState, modalCanCloseChecks]);
 }
-exports.useModal = useModal;

package/dist/components/NavLink.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNavLinkStyles = exports.NavLink = void 0;
+exports.NavLink = NavLink;
+exports.getNavLinkStyles = getNavLinkStyles;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
@@ -37,11 +38,9 @@ function NavLink(props) {
     const linkContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label, icon && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.ml1.$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icon }) }))] }));
     return (0, getInteractiveElement_1.getButtonOrLink)(linkContent, href, { ...(0, react_aria_1.mergeProps)(buttonProps, focusProps, hoverProps), ...linkAttributes });
 }
-exports.NavLink = NavLink;
 function getNavLinkStyles(variant, contrast) {
     return navLinkVariantStyles(contrast)[variant];
 }
-exports.getNavLinkStyles = getNavLinkStyles;
 const baseStyles = Css_1.Css.df.aic.hPx(32).pyPx(6).px1.br4.smMd.outline0.$;
 const navLinkVariantStyles = (contrast) => ({
     side: {

package/dist/components/Pagination.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toPageNumberSize = exports.toLimitAndOffset = exports.Pagination = exports.defaultPage = void 0;
+exports.defaultPage = void 0;
+exports.Pagination = Pagination;
+exports.toLimitAndOffset = toLimitAndOffset;
+exports.toPageNumberSize = toPageNumberSize;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const components_1 = require("./");
 const Css_1 = require("../Css");
@@ -32,7 +35,6 @@ function Pagination(props) {
     const tid = (0, utils_1.useTestIds)(props, "pagination");
     return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.bcGray200.bt.xs.gray500.px2.pt2.$, ...tid, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.mya.mr2.$, ...tid.pageSizeLabel, children: "Page size:" }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.wPx(78).$, children: (0, jsx_runtime_1.jsx)(inputs_1.SelectField, { compact: true, label: "Page Size", labelStyle: "hidden", options: pageOptions, value: pageSize, onSelect: (val) => set({ pageNumber: 1, pageSize: val }), ...tid.pageSize }) }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.mla.mya.df.$, children: [(0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.mya.mr2.$, ...tid.pageInfoLabel, children: [first, " ", showLast ? `- ${last}` : "", " of ", totalCount] }), (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "chevronLeft", color: hasPrevPage ? Css_1.Palette.Blue700 : Css_1.Palette.Gray200, onClick: () => set({ pageNumber: pageNumber - 1, pageSize }), disabled: !hasPrevPage, ...tid.previousIcon }), (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "chevronRight", color: hasNextPage ? Css_1.Palette.Blue700 : Css_1.Palette.Gray200, onClick: () => set({ pageNumber: pageNumber + 1, pageSize }), disabled: !hasNextPage, ...tid.nextIcon })] })] }));
 }
-exports.Pagination = Pagination;
 function toLimitAndOffset(page) {
     return "limit" in page
         ? page
@@ -42,7 +44,6 @@ function toLimitAndOffset(page) {
             limit: page.pageSize,
         };
 }
-exports.toLimitAndOffset = toLimitAndOffset;
 function toPageNumberSize(page) {
     return "pageNumber" in page
         ? page
@@ -51,4 +52,3 @@ function toPageNumberSize(page) {
             pageSize: page.limit,
         };
 }
-exports.toPageNumberSize = toPageNumberSize;

package/dist/components/PresentationContext.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePresentationContext = exports.PresentationProvider = exports.PresentationContext = void 0;
+exports.PresentationContext = void 0;
+exports.PresentationProvider = PresentationProvider;
+exports.usePresentationContext = usePresentationContext;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 exports.PresentationContext = (0, react_1.createContext)({});
@@ -16,8 +18,6 @@ function PresentationProvider(props) {
     [presentationProps, existingContext]);
     return (0, jsx_runtime_1.jsx)(exports.PresentationContext.Provider, { value: context, children: children });
 }
-exports.PresentationProvider = PresentationProvider;
 function usePresentationContext() {
     return (0, react_1.useContext)(exports.PresentationContext);
 }
-exports.usePresentationContext = usePresentationContext;

package/dist/components/ScrollShadows.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollShadows = void 0;
+exports.ScrollShadows = ScrollShadows;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const utils_1 = require("@react-aria/utils");
 const react_1 = require("react");
@@ -55,4 +55,3 @@ function ScrollShadows(props) {
                     ...src_1.Css.oa.fg1.addIn("&::-webkit-scrollbar", { display: "none" }).add("scrollbarWidth", "none").$,
                 }, onScroll: (e) => updateScrollProps(e.currentTarget), ref: scrollRef, children: children })] }));
 }
-exports.ScrollShadows = ScrollShadows;

package/dist/components/Snackbar/Snackbar.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Snackbar = void 0;
+exports.Snackbar = Snackbar;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const SnackbarNotice_1 = require("./SnackbarNotice");
 const Css_1 = require("../../Css");
@@ -10,7 +10,6 @@ function Snackbar({ notices, offset }) {
     const tid = (0, utils_1.useTestIds)({});
     return ((0, jsx_runtime_1.jsx)("div", { ...tid.snackbarWrapper, css: Css_1.Css.fixed.z999.bottomPx((_a = offset.bottom) !== null && _a !== void 0 ? _a : defaultOffset.bottom).left3.df.fdc.aifs.gapPx(12).$, children: notices.map((data) => ((0, jsx_runtime_1.jsx)(SnackbarNotice_1.SnackbarNotice, { ...data }, data.id))) }));
 }
-exports.Snackbar = Snackbar;
 const defaultOffset = {
     bottom: 24,
 };