@homebound/beam 3.25.1 → 3.27.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1336 -1089
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +371 -333
- package/dist/index.d.ts +371 -333
- package/dist/index.js +1100 -859
- package/dist/index.js.map +1 -1
- package/dist/truss.css +22 -0
- package/dist/utils/rtlUtils.cjs +33 -2
- package/dist/utils/rtlUtils.cjs.map +1 -1
- package/dist/utils/rtlUtils.d.cts +13 -2
- package/dist/utils/rtlUtils.d.ts +13 -2
- package/dist/utils/rtlUtils.js +34 -3
- package/dist/utils/rtlUtils.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as csstype from 'csstype';
|
|
2
2
|
import { Properties as Properties$1 } from 'csstype';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
|
-
import React__default, { PropsWithChildren, ReactNode, AriaAttributes, ReactElement, MutableRefObject, Dispatch, SetStateAction,
|
|
4
|
+
import React__default, { PropsWithChildren, ReactNode, AriaAttributes, RefObject, ButtonHTMLAttributes, ReactElement, MutableRefObject, Dispatch, SetStateAction, KeyboardEvent, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, Key, HTMLAttributes, ReactPortal } from 'react';
|
|
5
5
|
import { Temporal } from 'temporal-polyfill';
|
|
6
6
|
import { DOMProps, PressEvent, Key as Key$1 } from '@react-types/shared';
|
|
7
7
|
import { VirtuosoHandle, ListRange } from 'react-virtuoso';
|
|
@@ -4745,11 +4745,346 @@ type LabelSuffixStyle = {
|
|
|
4745
4745
|
optional?: string;
|
|
4746
4746
|
};
|
|
4747
4747
|
|
|
4748
|
+
interface AvatarProps {
|
|
4749
|
+
src: string | undefined;
|
|
4750
|
+
name?: string;
|
|
4751
|
+
size?: AvatarSize;
|
|
4752
|
+
showName?: boolean;
|
|
4753
|
+
preventTooltip?: boolean;
|
|
4754
|
+
}
|
|
4755
|
+
declare function Avatar({ src, name, size, showName, preventTooltip, ...others }: AvatarProps): JSX.Element;
|
|
4756
|
+
type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
4757
|
+
|
|
4758
|
+
/** Base Interfaced */
|
|
4759
|
+
interface BeamFocusableProps {
|
|
4760
|
+
/** Whether the element should receive focus on render. */
|
|
4761
|
+
autoFocus?: boolean;
|
|
4762
|
+
forceFocusStyles?: boolean;
|
|
4763
|
+
}
|
|
4764
|
+
interface BeamButtonProps {
|
|
4765
|
+
/**
|
|
4766
|
+
* Whether the interactive element is disabled.
|
|
4767
|
+
*
|
|
4768
|
+
* If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip.
|
|
4769
|
+
*/
|
|
4770
|
+
disabled?: boolean | ReactNode;
|
|
4771
|
+
/** If function, then it is the handler that is called when the press is released over the target. Otherwise if string, it is the URL path for the link */
|
|
4772
|
+
onClick: ((e: PressEvent) => void) | ((e: PressEvent) => Promise<void>) | string;
|
|
4773
|
+
/** Text to be shown via a tooltip when the user hovers over the button */
|
|
4774
|
+
tooltip?: ReactNode;
|
|
4775
|
+
/** Whether to open link in a new tab. This only effects the element if the `onClick` is a `string`/URL. */
|
|
4776
|
+
openInNew?: boolean;
|
|
4777
|
+
}
|
|
4778
|
+
type TextFieldXss = Xss<"textAlign" | "justifyContent" | "fontWeight" | "fontSize" | "lineHeight">;
|
|
4779
|
+
interface BeamTextFieldProps<X> extends BeamFocusableProps, PresentationFieldProps {
|
|
4780
|
+
/** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
|
|
4781
|
+
disabled?: boolean | ReactNode;
|
|
4782
|
+
errorMsg?: string;
|
|
4783
|
+
helperText?: string | ReactNode;
|
|
4784
|
+
/** Input label */
|
|
4785
|
+
label: string;
|
|
4786
|
+
/** Marks the field as required or optional, the default is assumed ambiguous/unknown. */
|
|
4787
|
+
required?: boolean;
|
|
4788
|
+
value: string | undefined;
|
|
4789
|
+
/** Handler called when the interactive element state changes. */
|
|
4790
|
+
onChange: (value: string | undefined) => void;
|
|
4791
|
+
/** Called when the component loses focus, mostly for BoundTextField to use. */
|
|
4792
|
+
onBlur?: VoidFunction;
|
|
4793
|
+
onFocus?: VoidFunction;
|
|
4794
|
+
onEnter?: VoidFunction;
|
|
4795
|
+
/** Whether the field is readOnly. If a ReactNode, it's treated as a "readOnly reason" that's shown in a tooltip. */
|
|
4796
|
+
readOnly?: boolean | ReactNode;
|
|
4797
|
+
placeholder?: string;
|
|
4798
|
+
/** Styles overrides */
|
|
4799
|
+
xss?: X;
|
|
4800
|
+
}
|
|
4801
|
+
interface TextFieldInternalProps {
|
|
4802
|
+
/**
|
|
4803
|
+
* Denoting a field as 'compound' will remove existing borders on the returned field, including the 2px of height added by the borders.
|
|
4804
|
+
* It is expected that the caller reintroduces the border to achieve the expected field height and handles the custom border logic of a Compound Field
|
|
4805
|
+
* This is explicitly an internal property that is not exposed to any field's API.
|
|
4806
|
+
*/
|
|
4807
|
+
compound?: boolean;
|
|
4808
|
+
/** Forces focus styles for storybook purposes */
|
|
4809
|
+
forceFocus?: true;
|
|
4810
|
+
/** Forces hover styles for storybook purposes */
|
|
4811
|
+
forceHover?: boolean;
|
|
4812
|
+
}
|
|
4813
|
+
|
|
4814
|
+
interface AvatarButtonProps extends AvatarProps, BeamButtonProps, BeamFocusableProps {
|
|
4815
|
+
menuTriggerProps?: AriaButtonProps;
|
|
4816
|
+
buttonRef?: RefObject<HTMLButtonElement>;
|
|
4817
|
+
/** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
|
|
4818
|
+
__storyState?: {
|
|
4819
|
+
hovered?: boolean;
|
|
4820
|
+
focusVisible?: boolean;
|
|
4821
|
+
pressed?: boolean;
|
|
4822
|
+
};
|
|
4823
|
+
}
|
|
4824
|
+
declare function AvatarButton(props: AvatarButtonProps): JSX.Element;
|
|
4825
|
+
declare const hoverStyles: Pick<Properties, never> & {
|
|
4826
|
+
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
4827
|
+
} & {
|
|
4828
|
+
readonly __kind: "buildtime";
|
|
4829
|
+
};
|
|
4830
|
+
declare const pressedOverlayCss: Pick<Properties, never> & {
|
|
4831
|
+
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
4832
|
+
} & {
|
|
4833
|
+
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
4834
|
+
} & {
|
|
4835
|
+
width: csstype.Property.Width<string | 0> | undefined;
|
|
4836
|
+
} & {
|
|
4837
|
+
height: csstype.Property.Height<string | 0> | undefined;
|
|
4838
|
+
} & {
|
|
4839
|
+
position: csstype.Property.Position | undefined;
|
|
4840
|
+
} & {
|
|
4841
|
+
top: csstype.Property.Top<string | 0> | undefined;
|
|
4842
|
+
} & {
|
|
4843
|
+
left: csstype.Property.Left<string | 0> | undefined;
|
|
4844
|
+
} & {
|
|
4845
|
+
opacity: csstype.Property.Opacity | undefined;
|
|
4846
|
+
} & {
|
|
4847
|
+
pointerEvents: csstype.Property.PointerEvents | undefined;
|
|
4848
|
+
} & {
|
|
4849
|
+
readonly __kind: "buildtime";
|
|
4850
|
+
};
|
|
4851
|
+
|
|
4852
|
+
type ButtonProps = {
|
|
4853
|
+
label: ReactNode;
|
|
4854
|
+
variant?: ButtonVariant;
|
|
4855
|
+
size?: ButtonSize;
|
|
4856
|
+
icon?: IconProps["icon"] | null;
|
|
4857
|
+
/** Displays contents after the Button's label. Will be ignored for Buttons rendered as a link with an absolute URL */
|
|
4858
|
+
endAdornment?: ReactNode;
|
|
4859
|
+
/** HTML attributes to apply to the button element when it is being used to trigger a menu. */
|
|
4860
|
+
menuTriggerProps?: AriaButtonProps;
|
|
4861
|
+
buttonRef?: RefObject<HTMLElement>;
|
|
4862
|
+
/** Allow for setting "submit" | "button" | "reset" on button element */
|
|
4863
|
+
type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
|
|
4864
|
+
/** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
|
|
4865
|
+
download?: boolean;
|
|
4866
|
+
/** Additional text to further customize button during an async request is in progress. */
|
|
4867
|
+
labelInFlight?: string;
|
|
4868
|
+
/** Shows pressed/active styles (useful when a menu is open) */
|
|
4869
|
+
active?: boolean;
|
|
4870
|
+
} & BeamButtonProps & BeamFocusableProps;
|
|
4871
|
+
declare function Button(props: ButtonProps): JSX.Element;
|
|
4872
|
+
type ButtonSize = "sm" | "md" | "lg";
|
|
4873
|
+
type ButtonVariant = "primary" | "secondary" | "secondaryBlack" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "quaternary" | "text" | "textSecondary";
|
|
4874
|
+
|
|
4875
|
+
type IconButtonVariant = "default" | "circle" | "outline";
|
|
4876
|
+
type IconButtonProps = {
|
|
4877
|
+
/** The icon to use within the button. */
|
|
4878
|
+
icon: IconProps["icon"];
|
|
4879
|
+
color?: BeamColor;
|
|
4880
|
+
bgColor?: BeamColor;
|
|
4881
|
+
/** The size of the icon, in increments, defaults to 3 which is 24px. */
|
|
4882
|
+
inc?: number;
|
|
4883
|
+
/** HTML attributes to apply to the button element when it is being used to trigger a menu. */
|
|
4884
|
+
menuTriggerProps?: AriaButtonProps;
|
|
4885
|
+
buttonRef?: RefObject<HTMLButtonElement>;
|
|
4886
|
+
/** Whether to show a 16x16px version of the IconButton */
|
|
4887
|
+
compact?: boolean;
|
|
4888
|
+
/** Visual variant of the button. Defaults to "default". */
|
|
4889
|
+
variant?: IconButtonVariant;
|
|
4890
|
+
/** Indicates that the button is active/selected */
|
|
4891
|
+
active?: boolean;
|
|
4892
|
+
/** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
|
|
4893
|
+
download?: boolean;
|
|
4894
|
+
/** Provides label for screen readers - Will become a required soon */
|
|
4895
|
+
label?: string;
|
|
4896
|
+
/**
|
|
4897
|
+
* By default the `label` is also surfaced as a hover tooltip. Set this to keep the `aria-label`
|
|
4898
|
+
* for screen readers without showing the tooltip. An explicit `tooltip` or disabled reason still shows.
|
|
4899
|
+
*/
|
|
4900
|
+
preventTooltip?: boolean;
|
|
4901
|
+
} & BeamButtonProps & BeamFocusableProps;
|
|
4902
|
+
declare function IconButton(props: IconButtonProps): JSX.Element;
|
|
4903
|
+
declare const iconButtonStylesHover: Pick<Properties, never> & {
|
|
4904
|
+
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
4905
|
+
} & {
|
|
4906
|
+
readonly __kind: "buildtime";
|
|
4907
|
+
};
|
|
4908
|
+
declare const iconButtonContrastStylesHover: Pick<Properties, never> & {
|
|
4909
|
+
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
4910
|
+
} & {
|
|
4911
|
+
readonly __kind: "buildtime";
|
|
4912
|
+
};
|
|
4913
|
+
declare const iconButtonCircleStylesHover: Pick<Properties, never> & {
|
|
4914
|
+
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
4915
|
+
} & {
|
|
4916
|
+
borderColor: csstype.Property.BorderColor | undefined;
|
|
4917
|
+
} & {
|
|
4918
|
+
readonly __kind: "buildtime";
|
|
4919
|
+
};
|
|
4920
|
+
|
|
4921
|
+
type NavLinkVariant = "side" | "global";
|
|
4922
|
+
type NavLinkProps = {
|
|
4923
|
+
/** active indicates the user is on the current page */
|
|
4924
|
+
active?: boolean;
|
|
4925
|
+
disabled?: boolean;
|
|
4926
|
+
label: ReactNode;
|
|
4927
|
+
icon?: IconKey;
|
|
4928
|
+
variant: NavLinkVariant;
|
|
4929
|
+
openInNew?: boolean;
|
|
4930
|
+
/** HTML attributes to apply to the button element when it is being used to trigger a menu. */
|
|
4931
|
+
menuTriggerProps?: AriaButtonProps;
|
|
4932
|
+
buttonRef?: RefObject<HTMLElement>;
|
|
4933
|
+
/**
|
|
4934
|
+
* When true with an `icon`, shows icon only but keeps `label` for accessibility
|
|
4935
|
+
* (visually hidden text). Used by SideNav when the rail is collapsed.
|
|
4936
|
+
*/
|
|
4937
|
+
iconOnly?: boolean;
|
|
4938
|
+
onClick?: BeamButtonProps["onClick"];
|
|
4939
|
+
} & BeamFocusableProps;
|
|
4940
|
+
declare function NavLink(props: NavLinkProps): JSX.Element;
|
|
4941
|
+
declare function getNavLinkStyles(variant: NavLinkVariant): {
|
|
4942
|
+
baseStyles: Properties;
|
|
4943
|
+
hoverStyles: Properties;
|
|
4944
|
+
disabledStyles: Properties;
|
|
4945
|
+
focusRingStyles: Properties;
|
|
4946
|
+
activeStyles: Properties;
|
|
4947
|
+
pressedStyles: Properties;
|
|
4948
|
+
};
|
|
4949
|
+
|
|
4950
|
+
type TextButtonTriggerProps = Pick<ButtonProps, "label" | "variant" | "size" | "icon">;
|
|
4951
|
+
type IconButtonTriggerProps = Pick<IconButtonProps, "icon" | "color" | "compact" | "inc">;
|
|
4952
|
+
type AvatarButtonTriggerProps = Pick<AvatarButtonProps, "src" | "name" | "size" | "preventTooltip">;
|
|
4953
|
+
type NavLinkButtonTriggerProps = {
|
|
4954
|
+
navLabel: string;
|
|
4955
|
+
} & Pick<NavLinkProps, "active" | "variant" | "icon">;
|
|
4956
|
+
type OverlayTriggerProps = {
|
|
4957
|
+
trigger: TextButtonTriggerProps | IconButtonTriggerProps | AvatarButtonTriggerProps | NavLinkButtonTriggerProps;
|
|
4958
|
+
/** Defaults to "left" */
|
|
4959
|
+
placement?: "left" | "right";
|
|
4960
|
+
/** Whether the Button is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
|
|
4961
|
+
disabled?: boolean | ReactNode;
|
|
4962
|
+
/** Text to be shown via a tooltip when the user hovers over the button */
|
|
4963
|
+
tooltip?: ReactNode;
|
|
4964
|
+
/** The component to be shown within the overlay */
|
|
4965
|
+
children: ReactElement;
|
|
4966
|
+
/** Props returned by the useMenuTrigger hook to be passed to the button element */
|
|
4967
|
+
menuTriggerProps: AriaButtonProps;
|
|
4968
|
+
/** Ref for the button element */
|
|
4969
|
+
buttonRef: MutableRefObject<HTMLButtonElement | null>;
|
|
4970
|
+
/** Result of the useMenuTriggerState hook */
|
|
4971
|
+
state: MenuTriggerState;
|
|
4972
|
+
/** Prop set the style of the button element */
|
|
4973
|
+
variant?: ButtonVariant;
|
|
4974
|
+
hideEndAdornment?: boolean;
|
|
4975
|
+
showActiveBorder?: boolean;
|
|
4976
|
+
};
|
|
4977
|
+
|
|
4978
|
+
type ButtonMenuBaseProps = {
|
|
4979
|
+
items: MenuItem[];
|
|
4980
|
+
persistentItems?: MenuItem[];
|
|
4981
|
+
searchable?: boolean;
|
|
4982
|
+
defaultOpen?: boolean;
|
|
4983
|
+
} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder" | "hideEndAdornment">;
|
|
4984
|
+
type SelectionButtonMenuProps = {
|
|
4985
|
+
/** Display a menu item as selected based. Use the Menu Item's label to identify */
|
|
4986
|
+
selectedItem: string | undefined;
|
|
4987
|
+
onChange: (key: string) => void;
|
|
4988
|
+
} & ButtonMenuBaseProps;
|
|
4989
|
+
type ButtonMenuProps = ButtonMenuBaseProps | SelectionButtonMenuProps;
|
|
4990
|
+
declare function ButtonMenu(props: ButtonMenuProps): JSX.Element;
|
|
4991
|
+
type MenuItemBase = {
|
|
4992
|
+
label: string;
|
|
4993
|
+
/** If the `onClick` property is set as a string, then the menu item will be rendered as a link with the `onClick` value being the href */
|
|
4994
|
+
onClick: string | VoidFunction;
|
|
4995
|
+
/** Whether the interactive element is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
|
|
4996
|
+
disabled?: boolean | ReactNode;
|
|
4997
|
+
destructive?: boolean;
|
|
4998
|
+
hasDivider?: boolean;
|
|
4999
|
+
};
|
|
5000
|
+
type IconMenuItemType = MenuItemBase & {
|
|
5001
|
+
icon: IconProps["icon"];
|
|
5002
|
+
};
|
|
5003
|
+
type ImageMenuItemType = MenuItemBase & {
|
|
5004
|
+
src: string;
|
|
5005
|
+
size?: 24 | 48;
|
|
5006
|
+
isAvatar?: boolean;
|
|
5007
|
+
};
|
|
5008
|
+
type DividerMenuItemType = MenuItemBase & {
|
|
5009
|
+
hasDivider: boolean;
|
|
5010
|
+
};
|
|
5011
|
+
type MenuItem = MenuItemBase | IconMenuItemType | ImageMenuItemType | DividerMenuItemType;
|
|
5012
|
+
type MenuSection = MenuItem & {
|
|
5013
|
+
items?: MenuItem[];
|
|
5014
|
+
};
|
|
5015
|
+
|
|
5016
|
+
type TagXss = Margin | "backgroundColor" | "color";
|
|
5017
|
+
type TagType = "info" | "caution" | "warning" | "success" | "neutral";
|
|
5018
|
+
type TagProps<X> = {
|
|
5019
|
+
text: ReactNode;
|
|
5020
|
+
type?: TagType;
|
|
5021
|
+
xss?: X;
|
|
5022
|
+
icon?: IconKey;
|
|
5023
|
+
/** A tooltip will automatically be displayed if the text is truncated. Set to true to prevent this behavior.
|
|
5024
|
+
* @default false */
|
|
5025
|
+
preventTooltip?: boolean;
|
|
5026
|
+
};
|
|
5027
|
+
/** Tag used for indicating a status */
|
|
5028
|
+
declare function Tag<X extends Only<Xss<TagXss>, X>>(props: TagProps<X>): JSX.Element;
|
|
5029
|
+
|
|
5030
|
+
type CardType = "card" | "list";
|
|
5031
|
+
type ImageFitType = "contain" | "cover";
|
|
5032
|
+
type CardTag = {
|
|
5033
|
+
text: string;
|
|
5034
|
+
type?: TagType;
|
|
5035
|
+
};
|
|
5036
|
+
interface CardProps {
|
|
5037
|
+
title: string;
|
|
5038
|
+
subtitle: string;
|
|
5039
|
+
detailContent?: ReactNode;
|
|
5040
|
+
imgSrc: string;
|
|
5041
|
+
imageFit?: ImageFitType;
|
|
5042
|
+
type?: CardType;
|
|
5043
|
+
bordered?: boolean;
|
|
5044
|
+
disabled?: boolean;
|
|
5045
|
+
buttonMenuItems?: MenuItem[];
|
|
5046
|
+
tag?: CardTag;
|
|
5047
|
+
}
|
|
5048
|
+
declare function Card(props: CardProps): JSX.Element;
|
|
5049
|
+
|
|
5050
|
+
type CardSlotBase<K extends string> = {
|
|
5051
|
+
kind: K;
|
|
5052
|
+
};
|
|
5053
|
+
type CardTitleSlot = CardSlotBase<"title"> & {
|
|
5054
|
+
text: string;
|
|
5055
|
+
};
|
|
5056
|
+
type CardEyebrowSlot = CardSlotBase<"eyebrow"> & {
|
|
5057
|
+
text: string;
|
|
5058
|
+
};
|
|
5059
|
+
type CardBadgeSlot = CardSlotBase<"badge"> & {
|
|
5060
|
+
text: string;
|
|
5061
|
+
};
|
|
5062
|
+
type CardStatusSlot = CardSlotBase<"status"> & {
|
|
5063
|
+
tag: CardTag;
|
|
5064
|
+
};
|
|
5065
|
+
type CardDataBlockSlot = CardSlotBase<"dataBlock"> & {
|
|
5066
|
+
label: string;
|
|
5067
|
+
value: ReactNode | string | number;
|
|
5068
|
+
};
|
|
5069
|
+
type CardProgressSlot = CardSlotBase<"progress"> & {
|
|
5070
|
+
value: number;
|
|
5071
|
+
};
|
|
5072
|
+
type CardSlot = CardTitleSlot | CardEyebrowSlot | CardBadgeSlot | CardStatusSlot | CardDataBlockSlot | CardProgressSlot;
|
|
5073
|
+
declare function cardTitleSlot(text: string): CardTitleSlot;
|
|
5074
|
+
declare function cardEyebrowSlot(text: string): CardEyebrowSlot;
|
|
5075
|
+
declare function cardBadgeSlot(text: string): CardBadgeSlot;
|
|
5076
|
+
declare function cardStatusSlot(tag: CardTag): CardStatusSlot;
|
|
5077
|
+
declare function cardDataBlockSlot(props: {
|
|
5078
|
+
label: string;
|
|
5079
|
+
value: ReactNode | string | number;
|
|
5080
|
+
}): CardDataBlockSlot;
|
|
5081
|
+
declare function cardProgressSlot(value: number): CardProgressSlot;
|
|
5082
|
+
|
|
4748
5083
|
type Kinded = {
|
|
4749
5084
|
kind: string;
|
|
4750
5085
|
};
|
|
4751
5086
|
type GridTableXss = Xss<Margin>;
|
|
4752
|
-
type RenderAs = "div" | "table" | "virtual";
|
|
5087
|
+
type RenderAs = "div" | "table" | "virtual" | "card";
|
|
4753
5088
|
type Direction = "ASC" | "DESC";
|
|
4754
5089
|
type MaybeFn<T> = T | (() => T);
|
|
4755
5090
|
type GridCellAlignment = "left" | "right" | "center";
|
|
@@ -4880,6 +5215,8 @@ type GridCellValue = number | string | Date | boolean | Temporal.PlainDate | Tem
|
|
|
4880
5215
|
type GridCellContent = {
|
|
4881
5216
|
/** The JSX content of the cell. Virtual tables that client-side sort should use a function to avoid perf overhead. */
|
|
4882
5217
|
content: MaybeFn<ReactNode>;
|
|
5218
|
+
/** Optional card-view payload. List rendering ignores this field. */
|
|
5219
|
+
cardSlot?: CardSlot;
|
|
4883
5220
|
alignment?: GridCellAlignment;
|
|
4884
5221
|
/** Allow value to be a function in case it's a dynamic value i.e. reading from an inline-edited proxy. */
|
|
4885
5222
|
value?: MaybeFn<GridCellValue>;
|
|
@@ -5397,6 +5734,8 @@ type GridDataRow<R extends Kinded> = {
|
|
|
5397
5734
|
inferSelectedState?: false;
|
|
5398
5735
|
/** Whether this row is draggable, usually to allow drag & drop reordering of rows */
|
|
5399
5736
|
draggable?: boolean;
|
|
5737
|
+
/** Image src for the row, to be used for card view */
|
|
5738
|
+
imgSrc?: string;
|
|
5400
5739
|
} & IfAny<R, AnyObject, DiscriminateUnion<R, "kind", R["kind"]>>;
|
|
5401
5740
|
|
|
5402
5741
|
/**
|
|
@@ -5746,118 +6085,33 @@ interface AccordionProps<X = AccordionXss> {
|
|
|
5746
6085
|
/** Adds a bottom border (disabled by default) */
|
|
5747
6086
|
bottomBorder?: boolean;
|
|
5748
6087
|
/**
|
|
5749
|
-
* Used by AccordionList
|
|
5750
|
-
* Allows multiple accordions to be expanded simultaneously (enabled by default)
|
|
5751
|
-
*/
|
|
5752
|
-
index?: number;
|
|
5753
|
-
onToggle?: VoidFunction;
|
|
5754
|
-
setExpandedIndex?: Dispatch<SetStateAction<number | undefined>>;
|
|
5755
|
-
/** Turns the title into a button. If provided, disables expand/collapse on title text */
|
|
5756
|
-
titleOnClick?: VoidFunction;
|
|
5757
|
-
/** Used by Accordion list. Sets default padding to 0 for nested accordions */
|
|
5758
|
-
omitPadding?: boolean;
|
|
5759
|
-
/** Styles overrides for padding */
|
|
5760
|
-
xss?: X;
|
|
5761
|
-
/** Modifies the typography, padding, icon size and background color of the accordion header */
|
|
5762
|
-
compact?: boolean;
|
|
5763
|
-
}
|
|
5764
|
-
declare function Accordion<X extends Only<AccordionXss, X>>(props: AccordionProps<X>): JSX.Element;
|
|
5765
|
-
type AccordionSize = "xs" | "sm" | "md" | "lg";
|
|
5766
|
-
|
|
5767
|
-
interface AccordionListProps {
|
|
5768
|
-
accordions: AccordionProps[];
|
|
5769
|
-
/** Allows multiple accordions to be expanded simultaneously (enabled by default) */
|
|
5770
|
-
allowMultipleExpanded?: boolean;
|
|
5771
|
-
size?: AccordionSize;
|
|
5772
|
-
/** Modifies the typography, padding, icon size and background color of the accordion header */
|
|
5773
|
-
compact?: boolean;
|
|
5774
|
-
}
|
|
5775
|
-
declare function AccordionList(props: AccordionListProps): JSX.Element;
|
|
5776
|
-
|
|
5777
|
-
/** Base Interfaced */
|
|
5778
|
-
interface BeamFocusableProps {
|
|
5779
|
-
/** Whether the element should receive focus on render. */
|
|
5780
|
-
autoFocus?: boolean;
|
|
5781
|
-
forceFocusStyles?: boolean;
|
|
5782
|
-
}
|
|
5783
|
-
interface BeamButtonProps {
|
|
5784
|
-
/**
|
|
5785
|
-
* Whether the interactive element is disabled.
|
|
5786
|
-
*
|
|
5787
|
-
* If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip.
|
|
5788
|
-
*/
|
|
5789
|
-
disabled?: boolean | ReactNode;
|
|
5790
|
-
/** If function, then it is the handler that is called when the press is released over the target. Otherwise if string, it is the URL path for the link */
|
|
5791
|
-
onClick: ((e: PressEvent) => void) | ((e: PressEvent) => Promise<void>) | string;
|
|
5792
|
-
/** Text to be shown via a tooltip when the user hovers over the button */
|
|
5793
|
-
tooltip?: ReactNode;
|
|
5794
|
-
/** Whether to open link in a new tab. This only effects the element if the `onClick` is a `string`/URL. */
|
|
5795
|
-
openInNew?: boolean;
|
|
5796
|
-
}
|
|
5797
|
-
type TextFieldXss = Xss<"textAlign" | "justifyContent" | "fontWeight" | "fontSize" | "lineHeight">;
|
|
5798
|
-
interface BeamTextFieldProps<X> extends BeamFocusableProps, PresentationFieldProps {
|
|
5799
|
-
/** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
|
|
5800
|
-
disabled?: boolean | ReactNode;
|
|
5801
|
-
errorMsg?: string;
|
|
5802
|
-
helperText?: string | ReactNode;
|
|
5803
|
-
/** Input label */
|
|
5804
|
-
label: string;
|
|
5805
|
-
/** Marks the field as required or optional, the default is assumed ambiguous/unknown. */
|
|
5806
|
-
required?: boolean;
|
|
5807
|
-
value: string | undefined;
|
|
5808
|
-
/** Handler called when the interactive element state changes. */
|
|
5809
|
-
onChange: (value: string | undefined) => void;
|
|
5810
|
-
/** Called when the component loses focus, mostly for BoundTextField to use. */
|
|
5811
|
-
onBlur?: VoidFunction;
|
|
5812
|
-
onFocus?: VoidFunction;
|
|
5813
|
-
onEnter?: VoidFunction;
|
|
5814
|
-
/** Whether the field is readOnly. If a ReactNode, it's treated as a "readOnly reason" that's shown in a tooltip. */
|
|
5815
|
-
readOnly?: boolean | ReactNode;
|
|
5816
|
-
placeholder?: string;
|
|
5817
|
-
/** Styles overrides */
|
|
5818
|
-
xss?: X;
|
|
5819
|
-
}
|
|
5820
|
-
interface TextFieldInternalProps {
|
|
5821
|
-
/**
|
|
5822
|
-
* Denoting a field as 'compound' will remove existing borders on the returned field, including the 2px of height added by the borders.
|
|
5823
|
-
* It is expected that the caller reintroduces the border to achieve the expected field height and handles the custom border logic of a Compound Field
|
|
5824
|
-
* This is explicitly an internal property that is not exposed to any field's API.
|
|
5825
|
-
*/
|
|
5826
|
-
compound?: boolean;
|
|
5827
|
-
/** Forces focus styles for storybook purposes */
|
|
5828
|
-
forceFocus?: true;
|
|
5829
|
-
/** Forces hover styles for storybook purposes */
|
|
5830
|
-
forceHover?: boolean;
|
|
5831
|
-
}
|
|
5832
|
-
|
|
5833
|
-
type NavLinkVariant = "side" | "global";
|
|
5834
|
-
type NavLinkProps = {
|
|
5835
|
-
/** active indicates the user is on the current page */
|
|
5836
|
-
active?: boolean;
|
|
5837
|
-
disabled?: boolean;
|
|
5838
|
-
label: ReactNode;
|
|
5839
|
-
icon?: IconKey;
|
|
5840
|
-
variant: NavLinkVariant;
|
|
5841
|
-
openInNew?: boolean;
|
|
5842
|
-
/** HTML attributes to apply to the button element when it is being used to trigger a menu. */
|
|
5843
|
-
menuTriggerProps?: AriaButtonProps;
|
|
5844
|
-
buttonRef?: RefObject<HTMLElement>;
|
|
5845
|
-
/**
|
|
5846
|
-
* When true with an `icon`, shows icon only but keeps `label` for accessibility
|
|
5847
|
-
* (visually hidden text). Used by SideNav when the rail is collapsed.
|
|
6088
|
+
* Used by AccordionList
|
|
6089
|
+
* Allows multiple accordions to be expanded simultaneously (enabled by default)
|
|
5848
6090
|
*/
|
|
5849
|
-
|
|
5850
|
-
|
|
5851
|
-
|
|
5852
|
-
|
|
5853
|
-
|
|
5854
|
-
|
|
5855
|
-
|
|
5856
|
-
|
|
5857
|
-
|
|
5858
|
-
|
|
5859
|
-
|
|
5860
|
-
}
|
|
6091
|
+
index?: number;
|
|
6092
|
+
onToggle?: VoidFunction;
|
|
6093
|
+
setExpandedIndex?: Dispatch<SetStateAction<number | undefined>>;
|
|
6094
|
+
/** Turns the title into a button. If provided, disables expand/collapse on title text */
|
|
6095
|
+
titleOnClick?: VoidFunction;
|
|
6096
|
+
/** Used by Accordion list. Sets default padding to 0 for nested accordions */
|
|
6097
|
+
omitPadding?: boolean;
|
|
6098
|
+
/** Styles overrides for padding */
|
|
6099
|
+
xss?: X;
|
|
6100
|
+
/** Modifies the typography, padding, icon size and background color of the accordion header */
|
|
6101
|
+
compact?: boolean;
|
|
6102
|
+
}
|
|
6103
|
+
declare function Accordion<X extends Only<AccordionXss, X>>(props: AccordionProps<X>): JSX.Element;
|
|
6104
|
+
type AccordionSize = "xs" | "sm" | "md" | "lg";
|
|
6105
|
+
|
|
6106
|
+
interface AccordionListProps {
|
|
6107
|
+
accordions: AccordionProps[];
|
|
6108
|
+
/** Allows multiple accordions to be expanded simultaneously (enabled by default) */
|
|
6109
|
+
allowMultipleExpanded?: boolean;
|
|
6110
|
+
size?: AccordionSize;
|
|
6111
|
+
/** Modifies the typography, padding, icon size and background color of the accordion header */
|
|
6112
|
+
compact?: boolean;
|
|
6113
|
+
}
|
|
6114
|
+
declare function AccordionList(props: AccordionListProps): JSX.Element;
|
|
5861
6115
|
|
|
5862
6116
|
/** A single nav link. String `label` only; see `NavLinkProps.label` (ReactNode) for the wider API. */
|
|
5863
6117
|
type AppNavLink = Pick<NavLinkProps, "icon" | "onClick" | "active" | "disabled" | "openInNew" | "iconOnly"> & {
|
|
@@ -5892,54 +6146,6 @@ interface AutoSaveIndicatorProps {
|
|
|
5892
6146
|
}
|
|
5893
6147
|
declare function AutoSaveIndicator({ hideOnIdle, doNotReset }: AutoSaveIndicatorProps): JSX.Element | null;
|
|
5894
6148
|
|
|
5895
|
-
interface AvatarProps {
|
|
5896
|
-
src: string | undefined;
|
|
5897
|
-
name?: string;
|
|
5898
|
-
size?: AvatarSize;
|
|
5899
|
-
showName?: boolean;
|
|
5900
|
-
preventTooltip?: boolean;
|
|
5901
|
-
}
|
|
5902
|
-
declare function Avatar({ src, name, size, showName, preventTooltip, ...others }: AvatarProps): JSX.Element;
|
|
5903
|
-
type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
5904
|
-
|
|
5905
|
-
interface AvatarButtonProps extends AvatarProps, BeamButtonProps, BeamFocusableProps {
|
|
5906
|
-
menuTriggerProps?: AriaButtonProps;
|
|
5907
|
-
buttonRef?: RefObject<HTMLButtonElement>;
|
|
5908
|
-
/** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
|
|
5909
|
-
__storyState?: {
|
|
5910
|
-
hovered?: boolean;
|
|
5911
|
-
focusVisible?: boolean;
|
|
5912
|
-
pressed?: boolean;
|
|
5913
|
-
};
|
|
5914
|
-
}
|
|
5915
|
-
declare function AvatarButton(props: AvatarButtonProps): JSX.Element;
|
|
5916
|
-
declare const hoverStyles: Pick<Properties, never> & {
|
|
5917
|
-
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
5918
|
-
} & {
|
|
5919
|
-
readonly __kind: "buildtime";
|
|
5920
|
-
};
|
|
5921
|
-
declare const pressedOverlayCss: Pick<Properties, never> & {
|
|
5922
|
-
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
5923
|
-
} & {
|
|
5924
|
-
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
5925
|
-
} & {
|
|
5926
|
-
width: csstype.Property.Width<string | 0> | undefined;
|
|
5927
|
-
} & {
|
|
5928
|
-
height: csstype.Property.Height<string | 0> | undefined;
|
|
5929
|
-
} & {
|
|
5930
|
-
position: csstype.Property.Position | undefined;
|
|
5931
|
-
} & {
|
|
5932
|
-
top: csstype.Property.Top<string | 0> | undefined;
|
|
5933
|
-
} & {
|
|
5934
|
-
left: csstype.Property.Left<string | 0> | undefined;
|
|
5935
|
-
} & {
|
|
5936
|
-
opacity: csstype.Property.Opacity | undefined;
|
|
5937
|
-
} & {
|
|
5938
|
-
pointerEvents: csstype.Property.PointerEvents | undefined;
|
|
5939
|
-
} & {
|
|
5940
|
-
readonly __kind: "buildtime";
|
|
5941
|
-
};
|
|
5942
|
-
|
|
5943
6149
|
interface AvatarGroupProps {
|
|
5944
6150
|
avatars: {
|
|
5945
6151
|
src: string | undefined;
|
|
@@ -6065,29 +6271,6 @@ interface BeamProviderProps extends PropsWithChildren<PresentationContextProps>
|
|
|
6065
6271
|
}
|
|
6066
6272
|
declare function BeamProvider({ children, ...presentationProps }: BeamProviderProps): JSX.Element;
|
|
6067
6273
|
|
|
6068
|
-
type ButtonProps = {
|
|
6069
|
-
label: ReactNode;
|
|
6070
|
-
variant?: ButtonVariant;
|
|
6071
|
-
size?: ButtonSize;
|
|
6072
|
-
icon?: IconProps["icon"] | null;
|
|
6073
|
-
/** Displays contents after the Button's label. Will be ignored for Buttons rendered as a link with an absolute URL */
|
|
6074
|
-
endAdornment?: ReactNode;
|
|
6075
|
-
/** HTML attributes to apply to the button element when it is being used to trigger a menu. */
|
|
6076
|
-
menuTriggerProps?: AriaButtonProps;
|
|
6077
|
-
buttonRef?: RefObject<HTMLElement>;
|
|
6078
|
-
/** Allow for setting "submit" | "button" | "reset" on button element */
|
|
6079
|
-
type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
|
|
6080
|
-
/** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
|
|
6081
|
-
download?: boolean;
|
|
6082
|
-
/** Additional text to further customize button during an async request is in progress. */
|
|
6083
|
-
labelInFlight?: string;
|
|
6084
|
-
/** Shows pressed/active styles (useful when a menu is open) */
|
|
6085
|
-
active?: boolean;
|
|
6086
|
-
} & BeamButtonProps & BeamFocusableProps;
|
|
6087
|
-
declare function Button(props: ButtonProps): JSX.Element;
|
|
6088
|
-
type ButtonSize = "sm" | "md" | "lg";
|
|
6089
|
-
type ButtonVariant = "primary" | "secondary" | "secondaryBlack" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "quaternary" | "text" | "textSecondary";
|
|
6090
|
-
|
|
6091
6274
|
type DatePickerProps = {
|
|
6092
6275
|
value?: PlainDate;
|
|
6093
6276
|
onSelect: (value: PlainDate) => void;
|
|
@@ -6096,80 +6279,6 @@ type DatePickerProps = {
|
|
|
6096
6279
|
useYearPicker?: boolean;
|
|
6097
6280
|
};
|
|
6098
6281
|
|
|
6099
|
-
type IconButtonVariant = "default" | "circle" | "outline";
|
|
6100
|
-
type IconButtonProps = {
|
|
6101
|
-
/** The icon to use within the button. */
|
|
6102
|
-
icon: IconProps["icon"];
|
|
6103
|
-
color?: BeamColor;
|
|
6104
|
-
bgColor?: BeamColor;
|
|
6105
|
-
/** The size of the icon, in increments, defaults to 3 which is 24px. */
|
|
6106
|
-
inc?: number;
|
|
6107
|
-
/** HTML attributes to apply to the button element when it is being used to trigger a menu. */
|
|
6108
|
-
menuTriggerProps?: AriaButtonProps;
|
|
6109
|
-
buttonRef?: RefObject<HTMLButtonElement>;
|
|
6110
|
-
/** Whether to show a 16x16px version of the IconButton */
|
|
6111
|
-
compact?: boolean;
|
|
6112
|
-
/** Visual variant of the button. Defaults to "default". */
|
|
6113
|
-
variant?: IconButtonVariant;
|
|
6114
|
-
/** Indicates that the button is active/selected */
|
|
6115
|
-
active?: boolean;
|
|
6116
|
-
/** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
|
|
6117
|
-
download?: boolean;
|
|
6118
|
-
/** Provides label for screen readers - Will become a required soon */
|
|
6119
|
-
label?: string;
|
|
6120
|
-
/**
|
|
6121
|
-
* By default the `label` is also surfaced as a hover tooltip. Set this to keep the `aria-label`
|
|
6122
|
-
* for screen readers without showing the tooltip. An explicit `tooltip` or disabled reason still shows.
|
|
6123
|
-
*/
|
|
6124
|
-
preventTooltip?: boolean;
|
|
6125
|
-
} & BeamButtonProps & BeamFocusableProps;
|
|
6126
|
-
declare function IconButton(props: IconButtonProps): JSX.Element;
|
|
6127
|
-
declare const iconButtonStylesHover: Pick<Properties, never> & {
|
|
6128
|
-
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
6129
|
-
} & {
|
|
6130
|
-
readonly __kind: "buildtime";
|
|
6131
|
-
};
|
|
6132
|
-
declare const iconButtonContrastStylesHover: Pick<Properties, never> & {
|
|
6133
|
-
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
6134
|
-
} & {
|
|
6135
|
-
readonly __kind: "buildtime";
|
|
6136
|
-
};
|
|
6137
|
-
declare const iconButtonCircleStylesHover: Pick<Properties, never> & {
|
|
6138
|
-
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
6139
|
-
} & {
|
|
6140
|
-
borderColor: csstype.Property.BorderColor | undefined;
|
|
6141
|
-
} & {
|
|
6142
|
-
readonly __kind: "buildtime";
|
|
6143
|
-
};
|
|
6144
|
-
|
|
6145
|
-
type TextButtonTriggerProps = Pick<ButtonProps, "label" | "variant" | "size" | "icon">;
|
|
6146
|
-
type IconButtonTriggerProps = Pick<IconButtonProps, "icon" | "color" | "compact" | "inc">;
|
|
6147
|
-
type AvatarButtonTriggerProps = Pick<AvatarButtonProps, "src" | "name" | "size" | "preventTooltip">;
|
|
6148
|
-
type NavLinkButtonTriggerProps = {
|
|
6149
|
-
navLabel: string;
|
|
6150
|
-
} & Pick<NavLinkProps, "active" | "variant" | "icon">;
|
|
6151
|
-
type OverlayTriggerProps = {
|
|
6152
|
-
trigger: TextButtonTriggerProps | IconButtonTriggerProps | AvatarButtonTriggerProps | NavLinkButtonTriggerProps;
|
|
6153
|
-
/** Defaults to "left" */
|
|
6154
|
-
placement?: "left" | "right";
|
|
6155
|
-
/** Whether the Button is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
|
|
6156
|
-
disabled?: boolean | ReactNode;
|
|
6157
|
-
/** Text to be shown via a tooltip when the user hovers over the button */
|
|
6158
|
-
tooltip?: ReactNode;
|
|
6159
|
-
/** The component to be shown within the overlay */
|
|
6160
|
-
children: ReactElement;
|
|
6161
|
-
/** Props returned by the useMenuTrigger hook to be passed to the button element */
|
|
6162
|
-
menuTriggerProps: AriaButtonProps;
|
|
6163
|
-
/** Ref for the button element */
|
|
6164
|
-
buttonRef: MutableRefObject<HTMLButtonElement | null>;
|
|
6165
|
-
/** Result of the useMenuTriggerState hook */
|
|
6166
|
-
state: MenuTriggerState;
|
|
6167
|
-
/** Prop set the style of the button element */
|
|
6168
|
-
variant?: ButtonVariant;
|
|
6169
|
-
hideEndAdornment?: boolean;
|
|
6170
|
-
showActiveBorder?: boolean;
|
|
6171
|
-
};
|
|
6172
|
-
|
|
6173
6282
|
type ButtonDatePickerProps = {
|
|
6174
6283
|
defaultOpen?: boolean;
|
|
6175
6284
|
} & DatePickerProps & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
|
|
@@ -6197,44 +6306,6 @@ type ButtonGroupButton = {
|
|
|
6197
6306
|
declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;
|
|
6198
6307
|
type ButtonGroupSize = "xs" | "sm" | "md";
|
|
6199
6308
|
|
|
6200
|
-
type ButtonMenuBaseProps = {
|
|
6201
|
-
items: MenuItem[];
|
|
6202
|
-
persistentItems?: MenuItem[];
|
|
6203
|
-
searchable?: boolean;
|
|
6204
|
-
defaultOpen?: boolean;
|
|
6205
|
-
} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder" | "hideEndAdornment">;
|
|
6206
|
-
type SelectionButtonMenuProps = {
|
|
6207
|
-
/** Display a menu item as selected based. Use the Menu Item's label to identify */
|
|
6208
|
-
selectedItem: string | undefined;
|
|
6209
|
-
onChange: (key: string) => void;
|
|
6210
|
-
} & ButtonMenuBaseProps;
|
|
6211
|
-
type ButtonMenuProps = ButtonMenuBaseProps | SelectionButtonMenuProps;
|
|
6212
|
-
declare function ButtonMenu(props: ButtonMenuProps): JSX.Element;
|
|
6213
|
-
type MenuItemBase = {
|
|
6214
|
-
label: string;
|
|
6215
|
-
/** If the `onClick` property is set as a string, then the menu item will be rendered as a link with the `onClick` value being the href */
|
|
6216
|
-
onClick: string | VoidFunction;
|
|
6217
|
-
/** Whether the interactive element is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
|
|
6218
|
-
disabled?: boolean | ReactNode;
|
|
6219
|
-
destructive?: boolean;
|
|
6220
|
-
hasDivider?: boolean;
|
|
6221
|
-
};
|
|
6222
|
-
type IconMenuItemType = MenuItemBase & {
|
|
6223
|
-
icon: IconProps["icon"];
|
|
6224
|
-
};
|
|
6225
|
-
type ImageMenuItemType = MenuItemBase & {
|
|
6226
|
-
src: string;
|
|
6227
|
-
size?: 24 | 48;
|
|
6228
|
-
isAvatar?: boolean;
|
|
6229
|
-
};
|
|
6230
|
-
type DividerMenuItemType = MenuItemBase & {
|
|
6231
|
-
hasDivider: boolean;
|
|
6232
|
-
};
|
|
6233
|
-
type MenuItem = MenuItemBase | IconMenuItemType | ImageMenuItemType | DividerMenuItemType;
|
|
6234
|
-
type MenuSection = MenuItem & {
|
|
6235
|
-
items?: MenuItem[];
|
|
6236
|
-
};
|
|
6237
|
-
|
|
6238
6309
|
type ButtonModalProps = {
|
|
6239
6310
|
content: ReactNode | ((close: () => void) => ReactNode);
|
|
6240
6311
|
title?: string;
|
|
@@ -6244,40 +6315,6 @@ type ButtonModalProps = {
|
|
|
6244
6315
|
} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder">;
|
|
6245
6316
|
declare function ButtonModal(props: ButtonModalProps): JSX.Element;
|
|
6246
6317
|
|
|
6247
|
-
type TagXss = Margin | "backgroundColor" | "color";
|
|
6248
|
-
type TagType = "info" | "caution" | "warning" | "success" | "neutral";
|
|
6249
|
-
interface TagProps<X> {
|
|
6250
|
-
text: ReactNode;
|
|
6251
|
-
type?: TagType;
|
|
6252
|
-
xss?: X;
|
|
6253
|
-
icon?: IconKey;
|
|
6254
|
-
/** A tooltip will automatically be displayed if the text is truncated. Set to true to prevent this behavior.
|
|
6255
|
-
* @default false */
|
|
6256
|
-
preventTooltip?: boolean;
|
|
6257
|
-
}
|
|
6258
|
-
/** Tag used for indicating a status */
|
|
6259
|
-
declare function Tag<X extends Only<Xss<TagXss>, X>>(props: TagProps<X>): JSX.Element;
|
|
6260
|
-
|
|
6261
|
-
type CardType = "card" | "list";
|
|
6262
|
-
type ImageFitType = "contain" | "cover";
|
|
6263
|
-
type CardTag = {
|
|
6264
|
-
text: string;
|
|
6265
|
-
type?: TagType;
|
|
6266
|
-
};
|
|
6267
|
-
interface CardProps {
|
|
6268
|
-
title: string;
|
|
6269
|
-
subtitle: string;
|
|
6270
|
-
detailContent?: ReactNode;
|
|
6271
|
-
imgSrc: string;
|
|
6272
|
-
imageFit?: ImageFitType;
|
|
6273
|
-
type?: CardType;
|
|
6274
|
-
bordered?: boolean;
|
|
6275
|
-
disabled?: boolean;
|
|
6276
|
-
buttonMenuItems?: MenuItem[];
|
|
6277
|
-
tag?: CardTag;
|
|
6278
|
-
}
|
|
6279
|
-
declare function Card(props: CardProps): JSX.Element;
|
|
6280
|
-
|
|
6281
6318
|
/** Must match the `contrast` theme axis in tokens and `[data-theme="contrast"]` in `src/css/generated/theme-scopes.css`. */
|
|
6282
6319
|
declare const contrastDataTheme: "contrast";
|
|
6283
6320
|
/**
|
|
@@ -8332,8 +8369,9 @@ type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X
|
|
|
8332
8369
|
secondaryAction?: ActionButtonProps;
|
|
8333
8370
|
tertiaryAction?: ActionButtonProps;
|
|
8334
8371
|
hideEditColumns?: boolean;
|
|
8335
|
-
|
|
8336
|
-
|
|
8372
|
+
totalCount?: number;
|
|
8373
|
+
/** When true, shows a view toggle button and renders the table with `as="card"` when in card view. */
|
|
8374
|
+
withCardView?: boolean;
|
|
8337
8375
|
defaultView?: TableView;
|
|
8338
8376
|
};
|
|
8339
8377
|
/**
|
|
@@ -9006,4 +9044,4 @@ declare const zIndices: {
|
|
|
9006
9044
|
};
|
|
9007
9045
|
type ZIndex = (typeof zIndices)[keyof typeof zIndices];
|
|
9008
9046
|
|
|
9009
|
-
export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, type AppEnvironment, type AppNavGroup, type AppNavItem, type AppNavLink, type AppNavSection, type AppNavSectionItem, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BaseQueryTableProps, type BaseTableProps, type BeamButtonProps, type BeamColor, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundIconCardField, type BoundIconCardFieldProps, BoundIconCardGroupField, type BoundIconCardGroupFieldProps, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breakpoint, Breakpoints, type BuildtimeStyles, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardTag, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, type ColumnLayoutResult, ConfirmCloseModal, type ContentStack, ContrastScope, Copy, CountBadge, type CountBadgeProps, Css, CssReset, type CssSetVarKeys, type CssSetVarScalar, type CssSetVarValue, DESC, DateField, type DateFieldFormat, type DateFieldMode, type DateFieldProps, type DateFilterValue, type DateMatcher, type DateRange, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type DefinedFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, _FilterDropdownMenu as FilterDropdownMenu, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, type FormSectionConfig, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTablePropsWithRows, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, HomeboundLogo, Icon, IconButton, type IconButtonProps, type IconButtonVariant, IconCard, type IconCardProps, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NavLinkProps, type NavLinkVariant, Navbar, NavbarLayout, type NavbarLayoutProps, type NavbarProps, type NavbarUser, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, PageHeader, PageHeaderLayout, type PageHeaderLayoutProps, type PageHeaderProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, type Pin, type Placement, type PlainDate, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, RuntimeCss, type RuntimeStyles, SIDE_NAV_LAYOUT_STATE_STORAGE_KEY, ScrollShadows, ScrollableContent, ScrollableFooter, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedFilterLabelValue, type SelectedState, SideNav, SideNavLayout, type SideNavLayoutContextProps, type SideNavLayoutProps, SideNavLayoutProvider, type SideNavLayoutState, type SideNavProps, type SidePanelProps, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, type StyleKind, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, type SupportedDateFormat, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableReviewLayout, type TableReviewLayoutProps, TableState, TableStateContext, type TableView, Tabs, TabsWithContent, Tag, type TagType, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tokens, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, ViewToggleButton, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundIconCardField, boundIconCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnLayout, calcColumnSizes, cardStyle, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, contrastDataTheme, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerRenderFn, hoverStyles, iconButtonCircleStylesHover, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, selectedStyles, setDefaultStyle, setEnvironmentFavicon, setGridTableDefaults, setRunningInJest, shouldShowEnvironmentBanner, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, stickyNavAndHeaderOffset, stickyTableHeaderOffset, sumColumnSizesPx, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHasSideNavLayoutProvider, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useRuntimeStyle, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSideNavLayoutContext, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, useVirtualizedScrollParent, visit, withColumnGutters, zIndices };
|
|
9047
|
+
export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, type AppEnvironment, type AppNavGroup, type AppNavItem, type AppNavLink, type AppNavSection, type AppNavSectionItem, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BaseQueryTableProps, type BaseTableProps, type BeamButtonProps, type BeamColor, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundIconCardField, type BoundIconCardFieldProps, BoundIconCardGroupField, type BoundIconCardGroupFieldProps, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breakpoint, Breakpoints, type BuildtimeStyles, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBadgeSlot, type CardDataBlockSlot, type CardEyebrowSlot, type CardProgressSlot, type CardProps, type CardSlot, type CardStatusSlot, type CardTag, type CardTitleSlot, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, type ColumnLayoutResult, ConfirmCloseModal, type ContentStack, ContrastScope, Copy, CountBadge, type CountBadgeProps, Css, CssReset, type CssSetVarKeys, type CssSetVarScalar, type CssSetVarValue, DESC, DateField, type DateFieldFormat, type DateFieldMode, type DateFieldProps, type DateFilterValue, type DateMatcher, type DateRange, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type DefinedFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, _FilterDropdownMenu as FilterDropdownMenu, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, type FormSectionConfig, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTablePropsWithRows, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, HomeboundLogo, Icon, IconButton, type IconButtonProps, type IconButtonVariant, IconCard, type IconCardProps, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NavLinkProps, type NavLinkVariant, Navbar, NavbarLayout, type NavbarLayoutProps, type NavbarProps, type NavbarUser, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, PageHeader, PageHeaderLayout, type PageHeaderLayoutProps, type PageHeaderProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, type Pin, type Placement, type PlainDate, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, RuntimeCss, type RuntimeStyles, SIDE_NAV_LAYOUT_STATE_STORAGE_KEY, ScrollShadows, ScrollableContent, ScrollableFooter, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedFilterLabelValue, type SelectedState, SideNav, SideNavLayout, type SideNavLayoutContextProps, type SideNavLayoutProps, SideNavLayoutProvider, type SideNavLayoutState, type SideNavProps, type SidePanelProps, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, type StyleKind, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, type SupportedDateFormat, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableReviewLayout, type TableReviewLayoutProps, TableState, TableStateContext, type TableView, Tabs, TabsWithContent, Tag, type TagProps, type TagType, type TagXss, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tokens, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, ViewToggleButton, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundIconCardField, boundIconCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnLayout, calcColumnSizes, cardBadgeSlot, cardDataBlockSlot, cardEyebrowSlot, cardProgressSlot, cardStatusSlot, cardStyle, cardTitleSlot, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, contrastDataTheme, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerRenderFn, hoverStyles, iconButtonCircleStylesHover, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, selectedStyles, setDefaultStyle, setEnvironmentFavicon, setGridTableDefaults, setRunningInJest, shouldShowEnvironmentBanner, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, stickyNavAndHeaderOffset, stickyTableHeaderOffset, sumColumnSizesPx, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHasSideNavLayoutProvider, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useRuntimeStyle, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSideNavLayoutContext, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, useVirtualizedScrollParent, visit, withColumnGutters, zIndices };
|