@homebound/beam 2.378.1 → 2.379.0

package/dist/components/Table/utils/utils.js

@@ -1,208 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.zIndices = exports.reservedRowKinds = exports.KEPT_GROUP = exports.EXPANDABLE_HEADER = exports.TOTALS = exports.HEADER = exports.emptyCell = exports.DESC = exports.ASC = void 0;
-exports.toContent = toContent;
-exports.isGridCellContent = isGridCellContent;
-exports.applyRowFn = applyRowFn;
-exports.getFirstOrLastCellCss = getFirstOrLastCellCss;
-exports.isJSX = isJSX;
-exports.getAlignment = getAlignment;
-exports.getJustification = getJustification;
-exports.maybeApplyFunction = maybeApplyFunction;
-exports.matchesFilter = matchesFilter;
-exports.loadArrayOrUndefined = loadArrayOrUndefined;
-exports.insertAtIndex = insertAtIndex;
-exports.isCursorBelowMidpoint = isCursorBelowMidpoint;
-exports.recursivelyGetContainingRow = recursivelyGetContainingRow;
-exports.getTableRefWidthStyles = getTableRefWidthStyles;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Icon_1 = require("../../Icon");
-const ExpandableHeader_1 = require("../components/ExpandableHeader");
-const SortHeader_1 = require("../components/SortHeader");
-const Css_1 = require("../../../Css");
-const getInteractiveElement_1 = require("../../../utils/getInteractiveElement");
-/** If a column def return just string text for a given row, apply some default styling. */
-function toContent(maybeContent, isHeader, canSortColumn, isClientSideSorting, style, as, alignment, column, isExpandableHeader, isExpandable, minStickyLeftOffset, isKeptSelectedRow) {
-    // Rows within the kept selection group cannot be collapsed
-    if (isKeptSelectedRow && column.id === "beamCollapseColumn") {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    let content = isGridCellContent(maybeContent) ? maybeContent.content : maybeContent;
-    if (typeof content === "function") {
-        // Actually create the JSX by calling `content()` here (which should be as late as
-        // possible, i.e. only for visible rows if we're in a virtual table).
-        content = content();
-    }
-    else if (as === "virtual" && canSortColumn && isClientSideSorting && isJSX(content)) {
-        // When using client-side sorting, we call `applyRowFn` not only during rendering, but
-        // up-front against all rows (for the currently sorted column) to determine their
-        // sort values.
-        //
-        // Pedantically this means that any table using client-side sorting should not
-        // build JSX directly in its GridColumn functions, but this overhead is especially
-        // noticeable for large/virtualized tables, so we only enforce using functions
-        // for those tables.
-        throw new Error("GridTables with as=virtual & sortable columns should use functions that return JSX, instead of JSX");
-    }
-    const tooltip = isGridCellContent(maybeContent) ? maybeContent.tooltip : undefined;
-    const tooltipEl = tooltip ? ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.mlPx(4).$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "infoCircle", tooltip: tooltip, inc: 2, color: Css_1.Palette.Gray600 }) })) : null;
-    content =
-        isGridCellContent(maybeContent) && !!maybeContent.onClick
-            ? (0, getInteractiveElement_1.getButtonOrLink)(content, maybeContent.onClick, {
-                css: Css_1.Css.maxw100.blue700.ta("inherit").if(style?.presentationSettings?.wrap === false).truncate.$,
-            })
-            : content;
-    if (content && typeof content === "string" && isHeader && canSortColumn) {
-        return ((0, jsx_runtime_1.jsx)(SortHeader_1.SortHeader, { content: content, iconOnLeft: alignment === "right", sortKey: column.serverSideSortKey ?? column.id, tooltipEl: tooltipEl }));
-    }
-    else if (content && typeof content === "string" && isExpandableHeader && isExpandable) {
-        return ((0, jsx_runtime_1.jsx)(ExpandableHeader_1.ExpandableHeader, { title: content, column: column, minStickyLeftOffset: minStickyLeftOffset, as: as, tooltipEl: tooltipEl }));
-    }
-    else if (content && typeof content === "string" && isExpandableHeader) {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.lineClamp2.$, children: content }), tooltipEl] }));
-    }
-    else if (!isContentEmpty(content) && isHeader && typeof content === "string") {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.lineClamp2.$, title: content, children: content }), tooltipEl] }));
-    }
-    else if (!isHeader && content && style?.presentationSettings?.wrap === false && typeof content === "string") {
-        // In order to truncate the text properly, then we need to wrap it in another element
-        // as our cell element is a flex container, which don't allow for applying truncation styles directly on it.
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.truncate.mw0.$, title: content, children: content }), tooltipEl] }));
-    }
-    else if (!isHeader && !isExpandableHeader && style.emptyCell && isContentEmpty(content)) {
-        // If the content is empty and the user specified an `emptyCell` node, return that.
-        return style.emptyCell;
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [content, tooltipEl] }));
-}
-function isGridCellContent(content) {
-    return typeof content === "object" && !!content && "content" in content;
-}
-const emptyValues = ["", null, undefined];
-function isContentEmpty(content) {
-    return emptyValues.includes(content);
-}
-/** Return the content for a given column def applied to a given row. */
-function applyRowFn(column, row, api, level, expanded, dragData) {
-    // Usually this is a function to apply against the row, but sometimes it's a hard-coded value, i.e. for headers
-    const maybeContent = column[row.kind];
-    if (typeof maybeContent === "function") {
-        // Auto-destructure data
-        return maybeContent(row["data"], { row: row, api, level, expanded, dragData });
-    }
-    else {
-        return maybeContent;
-    }
-}
-exports.ASC = "ASC";
-exports.DESC = "DESC";
-exports.emptyCell = { content: () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), value: "" };
-function getFirstOrLastCellCss(style, columnIndex, columns) {
-    return {
-        ...(columnIndex === 0 ? style.firstCellCss : {}),
-        ...(columnIndex === columns.length - 1 ? style.lastCellCss : {}),
-    };
-}
-/** A heuristic to detect the result of `React.createElement` / i.e. JSX. */
-function isJSX(content) {
-    return typeof content === "object" && content && "type" in content && "props" in content;
-}
-const alignmentToJustify = {
-    left: "flex-start",
-    center: "center",
-    right: "flex-end",
-};
-const alignmentToTextAlign = {
-    left: "left",
-    center: "center",
-    right: "right",
-};
-function getAlignment(column, maybeContent) {
-    return (isGridCellContent(maybeContent) && maybeContent.alignment) || column.align || "left";
-}
-// For alignment, use: 1) cell def, else 2) column def, else 3) left.
-function getJustification(column, maybeContent, as, alignment) {
-    // Always apply text alignment.
-    const textAlign = Css_1.Css.add("textAlign", alignmentToTextAlign[alignment]).$;
-    if (as === "table") {
-        return textAlign;
-    }
-    return { ...Css_1.Css.jc(alignmentToJustify[alignment]).$, ...textAlign };
-}
-/** Look at a row and get its filter value. */
-function filterValue(value) {
-    let maybeFn = value;
-    if (value && typeof value === "object") {
-        if ("value" in value) {
-            maybeFn = value.value;
-        }
-        else if ("content" in value) {
-            maybeFn = value.content;
-        }
-    }
-    // Watch for functions that need to read from a potentially-changing proxy
-    if (maybeFn instanceof Function) {
-        return maybeFn();
-    }
-    return maybeFn;
-}
-function maybeApplyFunction(row, maybeFn) {
-    return typeof maybeFn === "function" ? maybeFn(row) : maybeFn;
-}
-function matchesFilter(maybeContent, filter) {
-    const value = filterValue(maybeContent);
-    if (typeof value === "string") {
-        return value.toLowerCase().includes(filter.toLowerCase());
-    }
-    else if (typeof value === "number") {
-        return Number(filter) === value;
-    }
-    return false;
-}
-exports.HEADER = "header";
-exports.TOTALS = "totals";
-/** Tables expandable columns get an extra header. */
-exports.EXPANDABLE_HEADER = "expandableHeader";
-exports.KEPT_GROUP = "keptGroup";
-exports.reservedRowKinds = [exports.HEADER, exports.TOTALS, exports.EXPANDABLE_HEADER, exports.KEPT_GROUP];
-exports.zIndices = {
-    stickyHeader: 4,
-    stickyColumns: 3,
-    expandableHeaderTitle: 2,
-    expandableHeaderIcon: 1,
-};
-/** Loads an array from sessionStorage, if it exists, or `undefined`. */
-function loadArrayOrUndefined(key) {
-    const ids = sessionStorage.getItem(key);
-    return ids ? JSON.parse(ids) : undefined;
-}
-function insertAtIndex(array, element, index) {
-    return [...array.slice(0, index), element, ...array.slice(index, array.length)];
-}
-function isCursorBelowMidpoint(target, clientY) {
-    const style = window.getComputedStyle(target);
-    const rect = target.getBoundingClientRect();
-    const pt = parseFloat(style.getPropertyValue("padding-top"));
-    const pb = parseFloat(style.getPropertyValue("padding-bottom"));
-    return clientY > rect.top + pt + (rect.height - pb) / 2;
-}
-function recursivelyGetContainingRow(rowId, rowArray, parent) {
-    if (rowArray.some((row) => row.id === rowId)) {
-        return { array: rowArray, parent };
-    }
-    for (let i = 0; i < rowArray.length; i++) {
-        if (!rowArray[i].children) {
-            continue;
-        }
-        const result = recursivelyGetContainingRow(rowId, rowArray[i].children, rowArray[i]);
-        if (result) {
-            return result;
-        }
-    }
-    return undefined;
-}
-function getTableRefWidthStyles(isVirtual) {
-    // If virtualized take some pixels off the width to accommodate when virtuoso's scrollbar is introduced.
-    // Otherwise a horizontal scrollbar will _always_ appear once the vertical scrollbar is needed
-    return Css_1.Css.w100.if(isVirtual).w("calc(100% - 20px)").$;
-}

package/dist/components/Table/utils/visitor.d.ts

@@ -1,3 +0,0 @@
-import { GridDataRow } from "../components/Row";
-export declare function visit(rows: GridDataRow<any>[], fn: (row: GridDataRow<any>) => void): void;
-//# sourceMappingURL=visitor.d.ts.map

package/dist/components/Table/utils/visitor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"visitor.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/visitor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAA4C;AAElE,wBAAgB,KAAK,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,IAAI,CASzF"}

package/dist/components/Table/utils/visitor.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.visit = visit;
-function visit(rows, fn) {
-    const todo = [...rows];
-    while (todo.length > 0) {
-        const row = todo.pop();
-        fn(row);
-        if (row.children) {
-            todo.push(...row.children);
-        }
-    }
-}

package/dist/components/Tabs.d.ts

@@ -1,136 +0,0 @@
-import { ReactNode } from "react";
-import { IconKey } from "./";
-import { Margin, Only, Padding, Xss } from "../Css";
-import { AnyObject } from "../types";
-export interface Tab<V extends string = string> {
-    name: string;
-    value: V;
-    icon?: IconKey;
-    endAdornment?: ReactNode;
-    /** Whether the Tab is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
-    disabled?: boolean | ReactNode;
-}
-type TabsContentXss = Xss<Margin | Padding | "backgroundColor">;
-export interface TabsProps<V extends string, X> {
-    ariaLabel?: string;
-    selected: V;
-    tabs: Tab<V>[];
-    onChange: (value: V) => void;
-    contentXss?: X;
-    alwaysShowAllTabs?: boolean;
-    includeBottomBorder?: boolean;
-    right?: ReactNode;
-}
-export interface RouteTabsProps<V extends string, X> extends Omit<TabsProps<V, X>, "onChange" | "selected" | "tabs"> {
-    tabs: RouteTab<V>[];
-}
-export interface RouteTab<V extends string = string> extends Omit<Tab<V>, "value"> {
-    href: V;
-    path: string | string[];
-}
-export interface TabWithContent<V extends string = string> extends Omit<Tab<V>, "render"> {
-    render: () => ReactNode;
-}
-export interface RouteTabWithContent<V extends string = string> extends Omit<RouteTab<V>, "render"> {
-    render: () => ReactNode;
-}
-interface RequiredRenderTabs<V extends string, X> extends Omit<TabsProps<V, X>, "tabs"> {
-    tabs: TabWithContent<V>[];
-}
-interface RequiredRenderRouteTabs<V extends string, X> extends Omit<RouteTabsProps<V, X>, "tabs"> {
-    tabs: RouteTabWithContent<V>[];
-}
-/**
- * Provides a list of tabs and their content.
- *
- * The caller is responsible for using `selected` / `onChange` to control
- * the current tab.
- *
- * If you want to tease apart Tabs from their TabContent, you can use the `Tab`
- * and `TabContent` components directly.
- */
-export declare function TabsWithContent<V extends string, X extends Only<TabsContentXss, X>>(props: RequiredRenderTabs<V, X> | RequiredRenderRouteTabs<V, X>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function TabContent<V extends string>(props: Omit<RequiredRenderTabs<V, AnyObject>, "onChange"> | RequiredRenderRouteTabs<V, AnyObject>): import("@emotion/react/jsx-runtime").JSX.Element;
-/** The top list of tabs. */
-export declare function Tabs<V extends string>(props: TabsProps<V, AnyObject> | RouteTabsProps<V, AnyObject>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function getTabStyles(): {
-    baseStyles: {
-        display: import("csstype").Property.Display | undefined;
-    } & {
-        alignItems: import("csstype").Property.AlignItems | undefined;
-    } & {
-        height: import("csstype").Property.Height<string | 0> | undefined;
-    } & {
-        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
-    } & {
-        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
-    } & {
-        outline: import("csstype").Property.Outline<string | 0> | undefined;
-    } & {
-        color: import("csstype").Property.Color | undefined;
-    } & {
-        width: import("csstype").Property.Width<string | 0> | undefined;
-    } & {
-        cursor: import("csstype").Property.Cursor | undefined;
-    } & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    };
-    activeStyles: {
-        borderBottomStyle: import("csstype").Property.BorderBottomStyle | undefined;
-    } & {
-        borderBottomWidth: import("csstype").Property.BorderBottomWidth<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    } & {
-        fontWeight: import("csstype").Property.FontWeight | undefined;
-    } & {
-        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
-    } & {
-        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
-    } & {
-        color: import("csstype").Property.Color | undefined;
-    };
-    disabledStyles: {
-        color: import("csstype").Property.Color | undefined;
-    } & {
-        cursor: import("csstype").Property.Cursor | undefined;
-    };
-    focusRingStyles: {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    } & {
-        boxShadow: import("csstype").Property.BoxShadow | undefined;
-    };
-    hoverStyles: {
-        borderBottomStyle: import("csstype").Property.BorderBottomStyle | undefined;
-    } & {
-        borderBottomWidth: import("csstype").Property.BorderBottomWidth<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    };
-    activeHoverStyles: {
-        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    } & {
-        borderBottomStyle: import("csstype").Property.BorderBottomStyle | undefined;
-    } & {
-        borderBottomWidth: import("csstype").Property.BorderBottomWidth<string | 0> | undefined;
-    } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
-    } & {
-        borderColor: import("csstype").Property.BorderColor | undefined;
-    };
-};
-export declare function getNextTabValue<V extends string>(selected: V, key: "ArrowLeft" | "ArrowRight", tabs: Tab<V>[] | RouteTab<V>[]): V;
-export {};
-//# sourceMappingURL=Tabs.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/components/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tabs.js

@@ -1,162 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabsWithContent = TabsWithContent;
-exports.TabContent = TabContent;
-exports.Tabs = Tabs;
-exports.getTabStyles = getTabStyles;
-exports.getNextTabValue = getNextTabValue;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const change_case_1 = require("change-case");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_router_1 = require("react-router");
-const react_router_dom_1 = require("react-router-dom");
-const components_1 = require("./");
-const Css_1 = require("../Css");
-const utils_1 = require("../utils");
-const defaultTestId_1 = require("../utils/defaultTestId");
-const Icon_1 = require("./Icon");
-/**
- * Provides a list of tabs and their content.
- *
- * The caller is responsible for using `selected` / `onChange` to control
- * the current tab.
- *
- * If you want to tease apart Tabs from their TabContent, you can use the `Tab`
- * and `TabContent` components directly.
- */
-function TabsWithContent(props) {
-    // Do not apply default top padding styles if the tabs are being hidden. This avoids unnecessary white space being added
-    const styles = hideTabs(props) ? {} : Css_1.Css.pt3.$;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Tabs, { ...props }), (0, jsx_runtime_1.jsx)(TabContent, { ...props, contentXss: { ...styles, ...props.contentXss } })] }));
-}
-function TabContent(props) {
-    const tid = (0, utils_1.useTestIds)(props, "tab");
-    const { tabs, contentXss = {} } = props;
-    const location = (0, react_router_dom_1.useLocation)();
-    const selectedTab = isRouteTabs(props)
-        ? props.tabs.find((t) => {
-            const paths = Array.isArray(t.path) ? t.path : [t.path];
-            return paths.some((p) => !!(0, react_router_1.matchPath)(location.pathname, { path: p, exact: true }));
-        }) || tabs[0]
-        : props.tabs.find((tab) => tab.value === props.selected) || tabs[0];
-    const uniqueValue = uniqueTabValue(selectedTab);
-    return (
-    // Using FullBleed to allow the tab's bgColor to extend to the edges of the <ScrollableContent /> element.
-    // Omit the padding from `FullBleed` if the caller passes in the `paddingLeft/Right` styles.
-    (0, jsx_runtime_1.jsx)(components_1.FullBleed, { omitPadding: "paddingLeft" in contentXss || "paddingRight" in contentXss, children: (0, jsx_runtime_1.jsx)("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, css: contentXss, children: isRouteTab(selectedTab) ? (0, jsx_runtime_1.jsx)(react_router_1.Route, { path: selectedTab.path, render: selectedTab.render }) : selectedTab.render() }) }));
-}
-/** The top list of tabs. */
-function Tabs(props) {
-    const { ariaLabel, tabs, includeBottomBorder, right, ...others } = props;
-    const location = (0, react_router_dom_1.useLocation)();
-    const selected = isRouteTabs(props)
-        ? uniqueTabValue(props.tabs.find((t) => !!(0, react_router_1.matchPath)(location.pathname, { path: t.path, exact: true })) || props.tabs[0])
-        : props.selected;
-    const { isFocusVisible, focusProps } = (0, react_aria_1.useFocusRing)();
-    const tid = (0, utils_1.useTestIds)(others, "tabs");
-    const [active, setActive] = (0, react_1.useState)(selected);
-    const ref = (0, react_1.useRef)(null);
-    // Whenever selected changes, reset active
-    (0, react_1.useEffect)(() => setActive(selected), [selected]);
-    // the active tab is highlighted, but not necessarily "selected"
-    // the selected tab dictates what is displayed in the content panel
-    function onKeyUp(e) {
-        // left and right arrow keys update the active tab
-        if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
-            const nextTabValue = getNextTabValue(active, e.key, tabs);
-            setActive(nextTabValue);
-            // Ensure the browser's focus follows the active element.
-            document.getElementById(`${nextTabValue}-tab`)?.focus();
-        }
-    }
-    // clicking on a tab sets it to selected and active
-    function onClick(value) {
-        !isRouteTabs(props) && props.onChange(value);
-    }
-    // bluring out resets active to whatever selected is
-    function onBlur(e) {
-        // only reset active state if we've moved focus out of the tab list
-        if (!(ref.current && ref.current.contains(e.relatedTarget))) {
-            setActive(selected);
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { css: { ...Css_1.Css.df.aic.oa.wsnw.gap1.$, ...(includeBottomBorder ? { ...Css_1.Css.bb.bcGray200.$ } : {}) }, children: [!hideTabs(props) && ((0, jsx_runtime_1.jsx)("div", { ref: ref, css: Css_1.Css.dif.gap1.asfe.$, "aria-label": ariaLabel, role: "tablist", ...tid, children: tabs.map((tab) => {
-                    const uniqueValue = uniqueTabValue(tab);
-                    return ((0, jsx_runtime_1.jsx)(TabImpl, { active: active === uniqueValue, focusProps: focusProps, isFocusVisible: isFocusVisible, onClick: onClick, onKeyUp: onKeyUp, onBlur: onBlur, tab: tab, ...tid[(0, defaultTestId_1.defaultTestId)(uniqueValue)] }, uniqueValue));
-                }) })), right && (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mla.df.aic.gap1.pb1.$, children: right })] }));
-}
-function TabImpl(props) {
-    const { tab, onClick, active, onKeyUp, onBlur, focusProps, isFocusVisible = false, ...others } = props;
-    const { disabled = false, name: label, icon, endAdornment } = tab;
-    const isDisabled = !!disabled;
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
-    const { baseStyles, activeStyles, focusRingStyles, hoverStyles, disabledStyles, activeHoverStyles } = (0, react_1.useMemo)(() => getTabStyles(), []);
-    const uniqueValue = uniqueTabValue(tab);
-    const tabProps = {
-        "aria-controls": `${uniqueValue}-tabPanel`,
-        "aria-selected": active,
-        "aria-disabled": isDisabled || undefined,
-        id: `${uniqueValue}-tab`,
-        role: "tab",
-        tabIndex: active ? 0 : -1,
-        ...others,
-        css: {
-            ...baseStyles,
-            ...(active && activeStyles),
-            ...(isDisabled && disabledStyles),
-            ...(isHovered && hoverStyles),
-            ...(isHovered && active && activeHoverStyles),
-            ...(isFocusVisible && active && focusRingStyles),
-        },
-    };
-    const interactiveProps = (0, react_aria_1.mergeProps)(focusProps, hoverProps, {
-        onKeyUp,
-        onBlur,
-        ...(isRouteTab(tab) ? {} : { onClick: () => onClick(tab.value) }),
-    });
-    const tabLabel = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label, (icon || endAdornment) && (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.ml1.$, children: icon ? (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icon }) : endAdornment })] }));
-    return isDisabled ? ((0, components_1.maybeTooltip)({
-        title: (0, components_1.resolveTooltip)(disabled),
-        placement: "top",
-        children: (0, jsx_runtime_1.jsx)("div", { ...tabProps, children: tabLabel }),
-    })) : isRouteTab(tab) ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { ...tabProps, ...interactiveProps, className: "navLink", to: tab.href, children: tabLabel })) : ((0, jsx_runtime_1.jsx)("button", { ...tabProps, ...interactiveProps, children: tabLabel }));
-}
-function getTabStyles() {
-    const borderBottomWidthPx = 4;
-    const verticalPaddingPx = 6;
-    // Decrease the bottom padding by the same amount of the new border width to prevent text layout shift
-    const borderBottomStyles = Css_1.Css.bb
-        .add("borderBottomWidth", `${borderBottomWidthPx}px`)
-        .pbPx(verticalPaddingPx - borderBottomWidthPx).$;
-    return {
-        baseStyles: Css_1.Css.df.aic.hPx(32).pyPx(verticalPaddingPx).px1.outline0.gray700.add("width", "fit-content")
-            .cursorPointer.sm.$,
-        activeStyles: Css_1.Css.add(borderBottomStyles).bcBlue700.smMd.gray900.$,
-        disabledStyles: Css_1.Css.gray400.cursorNotAllowed.$,
-        focusRingStyles: Css_1.Css.bgBlue50.bshFocus.$,
-        hoverStyles: Css_1.Css.add(borderBottomStyles).bcGray400.$,
-        activeHoverStyles: Css_1.Css.bgBlue50.add(borderBottomStyles).bcBlue700.$,
-    };
-}
-function getNextTabValue(selected, key, tabs) {
-    const enabledTabs = tabs.filter((tab) => tab.disabled !== true);
-    const tabsToScan = key === "ArrowRight" ? enabledTabs : enabledTabs.reverse();
-    const currentIndex = tabsToScan.findIndex((tab) => uniqueTabValue(tab) === selected);
-    const nextIndex = currentIndex === tabsToScan.length - 1 ? 0 : currentIndex + 1;
-    return uniqueTabValue(tabsToScan[nextIndex]);
-}
-function isRouteTabs(props) {
-    const { tabs } = props;
-    return tabs.length > 0 && isRouteTab(tabs[0]);
-}
-function isRouteTab(tab) {
-    return "path" in tab;
-}
-function uniqueTabValue(tab) {
-    return isRouteTab(tab) ? (0, change_case_1.camelCase)(tab.name) : tab.value;
-}
-// Determines whether we should hide the Tab panel. Returns true if there is only one enabled tab and `alwaysShowAllTabs` is falsey.
-function hideTabs(props) {
-    return props.alwaysShowAllTabs ? false : props.tabs.filter((t) => !t.disabled).length === 1;
-}

package/dist/components/Tag.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from "react";
-import { IconKey } from "./";
-import { Margin, Only, Xss } from "../Css";
-type TagXss = Margin | "backgroundColor" | "color";
-export type TagType = "info" | "caution" | "warning" | "success" | "neutral";
-interface TagProps<X> {
-    text: ReactNode;
-    type?: TagType;
-    xss?: X;
-    icon?: IconKey;
-    /** A tooltip will automatically be displayed if the text is truncated. Set to true to prevent this behavior.
-     * @default false */
-    preventTooltip?: boolean;
-}
-/** Tag used for indicating a status */
-export declare function Tag<X extends Only<Xss<TagXss>, X>>(props: TagProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/components/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AACpD,OAAO,EAAQ,OAAO,EAAgB,WAAuB;AAC7D,OAAO,EAAO,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,eAAgB;AAGjD,KAAK,MAAM,GAAG,MAAM,GAAG,iBAAiB,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAC7E,UAAU,QAAQ,CAAC,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAEhB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;wBACoB;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,uCAAuC;AACvC,wBAAgB,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,oDAgCrE"}

package/dist/components/Tag.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = Tag;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const utils_1 = require("@react-aria/utils");
-const react_1 = require("react");
-const components_1 = require("./");
-const Css_1 = require("../Css");
-const utils_2 = require("../utils");
-/** Tag used for indicating a status */
-function Tag(props) {
-    const { text, type, xss, preventTooltip = false, ...otherProps } = props;
-    const typeStyles = getStyles(type);
-    const tid = (0, utils_2.useTestIds)(otherProps);
-    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
-    const ref = (0, react_1.useRef)(null);
-    (0, utils_1.useResizeObserver)({
-        ref,
-        onResize: () => {
-            if (ref.current) {
-                setShowTooltip(ref.current.offsetHeight < ref.current.scrollHeight);
-            }
-        },
-    });
-    return (0, components_1.maybeTooltip)({
-        title: !preventTooltip && showTooltip ? text : undefined,
-        children: ((0, jsx_runtime_1.jsxs)("span", { ...tid, css: { ...Css_1.Css.dif.tinySb.ttu.aic.gapPx(4).pxPx(6).pyPx(2).gray900.br4.$, ...typeStyles, ...xss }, children: [otherProps.icon && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.$, children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: otherProps.icon, inc: 1.5 }) })), (0, jsx_runtime_1.jsx)("span", { ref: ref, css: Css_1.Css.lineClamp1.wbba.$, children: text })] })),
-    });
-}
-function getStyles(type) {
-    switch (type) {
-        case "info":
-            return Css_1.Css.bgBlue100.$;
-        case "caution":
-            return Css_1.Css.bgYellow200.$;
-        case "warning":
-            return Css_1.Css.bgRed200.$;
-        case "success":
-            return Css_1.Css.bgGreen200.$;
-        default:
-            // Neutral case
-            return Css_1.Css.bgGray200.$;
-    }
-}

package/dist/components/Toast/Toast.d.ts

@@ -1,2 +0,0 @@
-export declare function Toast(): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Toast.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAIA,wBAAgB,KAAK,qDAIpB"}

package/dist/components/Toast/Toast.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toast = Toast;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const components_1 = require("..");
-const utils_1 = require("../../utils");
-const ToastContext_1 = require("./ToastContext");
-function Toast() {
-    const { setNotice, notice } = (0, ToastContext_1.useToastContext)();
-    const tid = (0, utils_1.useTestIds)({}, "toast");
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: notice && (0, jsx_runtime_1.jsx)(components_1.Banner, { ...notice, ...tid, onClose: () => setNotice(undefined) }) });
-}

package/dist/components/Toast/ToastContext.d.ts

@@ -1,15 +0,0 @@
-import React, { ReactNode } from "react";
-import { BannerProps } from "..";
-export interface ToastNoticeProps extends Omit<BannerProps, "onClose"> {
-}
-export type ToastContextProps = {
-    notice: ToastNoticeProps | undefined;
-    setNotice: React.Dispatch<React.SetStateAction<ToastNoticeProps | undefined>>;
-    clear: () => void;
-};
-export declare const ToastContext: React.Context<ToastContextProps>;
-export declare function ToastProvider(props: {
-    children: ReactNode;
-}): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function useToastContext(): ToastContextProps;
-//# sourceMappingURL=ToastContext.d.ts.map

package/dist/components/Toast/ToastContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAA8C,MAAM,OAAO,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,WAAuB;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;CAAG;AAEzE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC;IAC9E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,YAAY,kCAMvB,CAAC;AAEH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,oDAK3D;AAED,wBAAgB,eAAe,sBAE9B"}