@homebound/beam 3.59.1 → 3.60.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 +67 -17
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +18 -4
- package/dist/index.d.ts +18 -4
- package/dist/index.js +67 -17
- package/dist/index.js.map +1 -1
- package/dist/truss.css +8 -0
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -5950,6 +5950,11 @@ interface CardProps {
|
|
|
5950
5950
|
imgSrc: string;
|
|
5951
5951
|
imageFit?: ImageFitType;
|
|
5952
5952
|
type?: CardType;
|
|
5953
|
+
/**
|
|
5954
|
+
* Makes the card fill its container instead of using the default fixed width (256px card / 520px list),
|
|
5955
|
+
* i.e. for two list cards side-by-side in a grid whose columns aren't 520px wide.
|
|
5956
|
+
*/
|
|
5957
|
+
fullWidth?: boolean;
|
|
5953
5958
|
bordered?: boolean;
|
|
5954
5959
|
disabled?: boolean;
|
|
5955
5960
|
buttonMenuItems?: MenuItem[];
|
|
@@ -7935,6 +7940,8 @@ declare const RichTextField: (props: RichTextFieldProps) => JSX.Element;
|
|
|
7935
7940
|
declare function RichTextFieldImpl(props: RichTextFieldProps): JSX.Element;
|
|
7936
7941
|
|
|
7937
7942
|
type SelectCardView = "grid" | "list";
|
|
7943
|
+
/** Grid-view card layout: icon above the text (vertical) or to its left (horizontal). */
|
|
7944
|
+
type SelectCardLayout = "vertical" | "horizontal";
|
|
7938
7945
|
type SelectCardGroupItemOptionBase<V extends Value> = {
|
|
7939
7946
|
label: string;
|
|
7940
7947
|
/** Optional secondary copy shown beneath the label. */
|
|
@@ -7947,10 +7954,14 @@ type SelectCardGroupItemOptionBase<V extends Value> = {
|
|
|
7947
7954
|
/** For checkbox groups, selecting this option clears other options and cannot be combined. */
|
|
7948
7955
|
selectionBehavior?: "exclusive";
|
|
7949
7956
|
};
|
|
7950
|
-
/** Grid-view option; `icon`
|
|
7951
|
-
type SelectCardGridGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & {
|
|
7957
|
+
/** Grid-view option; requires either `icon` or `image` (image url shown in place of the icon). */
|
|
7958
|
+
type SelectCardGridGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & ({
|
|
7952
7959
|
icon: IconProps["icon"];
|
|
7953
|
-
|
|
7960
|
+
image?: never;
|
|
7961
|
+
} | {
|
|
7962
|
+
image: string;
|
|
7963
|
+
icon?: never;
|
|
7964
|
+
});
|
|
7954
7965
|
/** List-view option; `icon` is ignored when present. */
|
|
7955
7966
|
type SelectCardListGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & {
|
|
7956
7967
|
icon?: IconProps["icon"];
|
|
@@ -7965,10 +7976,13 @@ type SelectCardGroupFieldPropsBase = {
|
|
|
7965
7976
|
type SelectCardGroupViewProps<V extends Value> = {
|
|
7966
7977
|
/** Grid of icon cards (default). */
|
|
7967
7978
|
view?: "grid";
|
|
7979
|
+
/** Icon above the text (default) or to its left. */
|
|
7980
|
+
layout?: SelectCardLayout;
|
|
7968
7981
|
options: SelectCardGridGroupItemOption<V>[];
|
|
7969
7982
|
} | {
|
|
7970
7983
|
/** Stacked checkbox/radio rows; option icons are ignored. */
|
|
7971
7984
|
view: "list";
|
|
7985
|
+
layout?: never;
|
|
7972
7986
|
options: SelectCardListGroupItemOption<V>[];
|
|
7973
7987
|
};
|
|
7974
7988
|
/** Single-select radio group. */
|
|
@@ -10225,4 +10239,4 @@ declare const zIndices: {
|
|
|
10225
10239
|
};
|
|
10226
10240
|
type ZIndex = (typeof zIndices)[keyof typeof zIndices];
|
|
10227
10241
|
|
|
10228
|
-
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, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectCardGroupField, type BoundMultiSelectCardGroupFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectCardGroupField, type BoundSelectCardGroupFieldProps, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breadcrumb, Breadcrumbs, type BreadcrumbsProps, 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 CardBadgeTag, 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 DocumentTitleConfig, DocumentTitleProvider, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, type FilterImpls, FilterModal, _Filters as Filters, type FixedSort, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, FormSection$1 as FormSection, type FormSectionConfig, FormSectionLayout, type FormSectionLayoutProps, type FormSectionProps, 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, GridTableEmptyState, type GridTableEmptyStateProps, 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, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, JumpLink, type JumpLinkProps, 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, MultiSelectCardGroup, type MultiSelectCardGroupProps, 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, PageHeaderLayout, type PageHeaderLayoutProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, PinToggle, 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, type SelectCardGridGroupItemOption, SelectCardGroup, type SelectCardGroupItemOption, type SelectCardGroupProps, type SelectCardListGroupItemOption, type SelectCardView, 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, StepperTab, type StepperTabProps, StepperTabs, type StepperTabsProps, type StepperTabsStep, 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, TagGroup, type TagGroupItem, type TagGroupProps, type TagProps, type TagType, type TagVariant, 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, WorkflowLayout, type WorkflowLayoutProps, type WorkflowLayoutStep, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, beamWorkflowLayoutFooterHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundMultiSelectCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectCardGroupField, 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, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerContentPaddingX, headerRenderFn, hoverStyles, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, joinDocumentTitleSegments, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, pageContentGutterPx, pageContentPaddingX, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pinColumn, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveGridTableLayoutStyle, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, 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, useBodyBackgroundColor, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useDocumentTitle, 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 };
|
|
10242
|
+
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, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectCardGroupField, type BoundMultiSelectCardGroupFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectCardGroupField, type BoundSelectCardGroupFieldProps, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breadcrumb, Breadcrumbs, type BreadcrumbsProps, 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 CardBadgeTag, 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 DocumentTitleConfig, DocumentTitleProvider, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, type FilterImpls, FilterModal, _Filters as Filters, type FixedSort, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, FormSection$1 as FormSection, type FormSectionConfig, FormSectionLayout, type FormSectionLayoutProps, type FormSectionProps, 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, GridTableEmptyState, type GridTableEmptyStateProps, 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, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, JumpLink, type JumpLinkProps, 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, MultiSelectCardGroup, type MultiSelectCardGroupProps, 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, PageHeaderLayout, type PageHeaderLayoutProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, PinToggle, 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, type SelectCardGridGroupItemOption, SelectCardGroup, type SelectCardGroupItemOption, type SelectCardGroupProps, type SelectCardLayout, type SelectCardListGroupItemOption, type SelectCardView, 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, StepperTab, type StepperTabProps, StepperTabs, type StepperTabsProps, type StepperTabsStep, 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, TagGroup, type TagGroupItem, type TagGroupProps, type TagProps, type TagType, type TagVariant, 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, WorkflowLayout, type WorkflowLayoutProps, type WorkflowLayoutStep, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, beamWorkflowLayoutFooterHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundMultiSelectCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectCardGroupField, 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, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerContentPaddingX, headerRenderFn, hoverStyles, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, joinDocumentTitleSegments, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, pageContentGutterPx, pageContentPaddingX, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pinColumn, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveGridTableLayoutStyle, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, 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, useBodyBackgroundColor, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useDocumentTitle, 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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -5950,6 +5950,11 @@ interface CardProps {
|
|
|
5950
5950
|
imgSrc: string;
|
|
5951
5951
|
imageFit?: ImageFitType;
|
|
5952
5952
|
type?: CardType;
|
|
5953
|
+
/**
|
|
5954
|
+
* Makes the card fill its container instead of using the default fixed width (256px card / 520px list),
|
|
5955
|
+
* i.e. for two list cards side-by-side in a grid whose columns aren't 520px wide.
|
|
5956
|
+
*/
|
|
5957
|
+
fullWidth?: boolean;
|
|
5953
5958
|
bordered?: boolean;
|
|
5954
5959
|
disabled?: boolean;
|
|
5955
5960
|
buttonMenuItems?: MenuItem[];
|
|
@@ -7935,6 +7940,8 @@ declare const RichTextField: (props: RichTextFieldProps) => JSX.Element;
|
|
|
7935
7940
|
declare function RichTextFieldImpl(props: RichTextFieldProps): JSX.Element;
|
|
7936
7941
|
|
|
7937
7942
|
type SelectCardView = "grid" | "list";
|
|
7943
|
+
/** Grid-view card layout: icon above the text (vertical) or to its left (horizontal). */
|
|
7944
|
+
type SelectCardLayout = "vertical" | "horizontal";
|
|
7938
7945
|
type SelectCardGroupItemOptionBase<V extends Value> = {
|
|
7939
7946
|
label: string;
|
|
7940
7947
|
/** Optional secondary copy shown beneath the label. */
|
|
@@ -7947,10 +7954,14 @@ type SelectCardGroupItemOptionBase<V extends Value> = {
|
|
|
7947
7954
|
/** For checkbox groups, selecting this option clears other options and cannot be combined. */
|
|
7948
7955
|
selectionBehavior?: "exclusive";
|
|
7949
7956
|
};
|
|
7950
|
-
/** Grid-view option; `icon`
|
|
7951
|
-
type SelectCardGridGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & {
|
|
7957
|
+
/** Grid-view option; requires either `icon` or `image` (image url shown in place of the icon). */
|
|
7958
|
+
type SelectCardGridGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & ({
|
|
7952
7959
|
icon: IconProps["icon"];
|
|
7953
|
-
|
|
7960
|
+
image?: never;
|
|
7961
|
+
} | {
|
|
7962
|
+
image: string;
|
|
7963
|
+
icon?: never;
|
|
7964
|
+
});
|
|
7954
7965
|
/** List-view option; `icon` is ignored when present. */
|
|
7955
7966
|
type SelectCardListGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & {
|
|
7956
7967
|
icon?: IconProps["icon"];
|
|
@@ -7965,10 +7976,13 @@ type SelectCardGroupFieldPropsBase = {
|
|
|
7965
7976
|
type SelectCardGroupViewProps<V extends Value> = {
|
|
7966
7977
|
/** Grid of icon cards (default). */
|
|
7967
7978
|
view?: "grid";
|
|
7979
|
+
/** Icon above the text (default) or to its left. */
|
|
7980
|
+
layout?: SelectCardLayout;
|
|
7968
7981
|
options: SelectCardGridGroupItemOption<V>[];
|
|
7969
7982
|
} | {
|
|
7970
7983
|
/** Stacked checkbox/radio rows; option icons are ignored. */
|
|
7971
7984
|
view: "list";
|
|
7985
|
+
layout?: never;
|
|
7972
7986
|
options: SelectCardListGroupItemOption<V>[];
|
|
7973
7987
|
};
|
|
7974
7988
|
/** Single-select radio group. */
|
|
@@ -10225,4 +10239,4 @@ declare const zIndices: {
|
|
|
10225
10239
|
};
|
|
10226
10240
|
type ZIndex = (typeof zIndices)[keyof typeof zIndices];
|
|
10227
10241
|
|
|
10228
|
-
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, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectCardGroupField, type BoundMultiSelectCardGroupFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectCardGroupField, type BoundSelectCardGroupFieldProps, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breadcrumb, Breadcrumbs, type BreadcrumbsProps, 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 CardBadgeTag, 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 DocumentTitleConfig, DocumentTitleProvider, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, type FilterImpls, FilterModal, _Filters as Filters, type FixedSort, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, FormSection$1 as FormSection, type FormSectionConfig, FormSectionLayout, type FormSectionLayoutProps, type FormSectionProps, 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, GridTableEmptyState, type GridTableEmptyStateProps, 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, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, JumpLink, type JumpLinkProps, 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, MultiSelectCardGroup, type MultiSelectCardGroupProps, 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, PageHeaderLayout, type PageHeaderLayoutProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, PinToggle, 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, type SelectCardGridGroupItemOption, SelectCardGroup, type SelectCardGroupItemOption, type SelectCardGroupProps, type SelectCardListGroupItemOption, type SelectCardView, 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, StepperTab, type StepperTabProps, StepperTabs, type StepperTabsProps, type StepperTabsStep, 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, TagGroup, type TagGroupItem, type TagGroupProps, type TagProps, type TagType, type TagVariant, 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, WorkflowLayout, type WorkflowLayoutProps, type WorkflowLayoutStep, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, beamWorkflowLayoutFooterHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundMultiSelectCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectCardGroupField, 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, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerContentPaddingX, headerRenderFn, hoverStyles, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, joinDocumentTitleSegments, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, pageContentGutterPx, pageContentPaddingX, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pinColumn, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveGridTableLayoutStyle, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, 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, useBodyBackgroundColor, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useDocumentTitle, 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 };
|
|
10242
|
+
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, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectCardGroupField, type BoundMultiSelectCardGroupFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectCardGroupField, type BoundSelectCardGroupFieldProps, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breadcrumb, Breadcrumbs, type BreadcrumbsProps, 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 CardBadgeTag, 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 DocumentTitleConfig, DocumentTitleProvider, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, type FilterImpls, FilterModal, _Filters as Filters, type FixedSort, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, FormSection$1 as FormSection, type FormSectionConfig, FormSectionLayout, type FormSectionLayoutProps, type FormSectionProps, 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, GridTableEmptyState, type GridTableEmptyStateProps, 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, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, JumpLink, type JumpLinkProps, 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, MultiSelectCardGroup, type MultiSelectCardGroupProps, 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, PageHeaderLayout, type PageHeaderLayoutProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, PinToggle, 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, type SelectCardGridGroupItemOption, SelectCardGroup, type SelectCardGroupItemOption, type SelectCardGroupProps, type SelectCardLayout, type SelectCardListGroupItemOption, type SelectCardView, 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, StepperTab, type StepperTabProps, StepperTabs, type StepperTabsProps, type StepperTabsStep, 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, TagGroup, type TagGroupItem, type TagGroupProps, type TagProps, type TagType, type TagVariant, 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, WorkflowLayout, type WorkflowLayoutProps, type WorkflowLayoutStep, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, beamWorkflowLayoutFooterHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundMultiSelectCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectCardGroupField, 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, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerContentPaddingX, headerRenderFn, hoverStyles, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, joinDocumentTitleSegments, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, pageContentGutterPx, pageContentPaddingX, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pinColumn, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveGridTableLayoutStyle, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, 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, useBodyBackgroundColor, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useDocumentTitle, 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 };
|
package/dist/index.js
CHANGED
|
@@ -14411,6 +14411,7 @@ import { jsx as jsx75 } from "react/jsx-runtime";
|
|
|
14411
14411
|
function SelectCardShell(props) {
|
|
14412
14412
|
const {
|
|
14413
14413
|
view,
|
|
14414
|
+
layout = "vertical",
|
|
14414
14415
|
label,
|
|
14415
14416
|
selected: isSelected = false,
|
|
14416
14417
|
disabled: isDisabled = false,
|
|
@@ -14451,7 +14452,15 @@ function SelectCardShell(props) {
|
|
|
14451
14452
|
borderColor: "bcGray300",
|
|
14452
14453
|
width: "w100"
|
|
14453
14454
|
},
|
|
14454
|
-
...view === "grid" ? {
|
|
14455
|
+
...view === "grid" ? layout === "horizontal" ? {
|
|
14456
|
+
flexDirection: "fdr",
|
|
14457
|
+
alignItems: "aic",
|
|
14458
|
+
gap: "gap2",
|
|
14459
|
+
paddingTop: "pt2",
|
|
14460
|
+
paddingBottom: "pb2",
|
|
14461
|
+
paddingRight: "pr2",
|
|
14462
|
+
paddingLeft: "pl2"
|
|
14463
|
+
} : {
|
|
14455
14464
|
alignItems: "aic",
|
|
14456
14465
|
gap: "gap1",
|
|
14457
14466
|
paddingLeft: "pl2",
|
|
@@ -14487,7 +14496,7 @@ function SelectCardShell(props) {
|
|
|
14487
14496
|
...isFocusVisible ? {
|
|
14488
14497
|
boxShadow: "bshFocus"
|
|
14489
14498
|
} : {}
|
|
14490
|
-
}), [view, isDisabled, isHovered, isSelected, isFocusVisible, isPressed]);
|
|
14499
|
+
}), [view, layout, isDisabled, isHovered, isSelected, isFocusVisible, isPressed]);
|
|
14491
14500
|
const tid = useTestIds(props, defaultTestId(label));
|
|
14492
14501
|
return maybeTooltip({
|
|
14493
14502
|
title: resolveTooltip(isDisabled, tooltip),
|
|
@@ -14510,6 +14519,8 @@ import { jsx as jsx76, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
|
14510
14519
|
function GridSelectCard(props) {
|
|
14511
14520
|
const {
|
|
14512
14521
|
icon,
|
|
14522
|
+
image,
|
|
14523
|
+
layout,
|
|
14513
14524
|
label,
|
|
14514
14525
|
description,
|
|
14515
14526
|
selected: isSelected = false,
|
|
@@ -14520,9 +14531,17 @@ function GridSelectCard(props) {
|
|
|
14520
14531
|
...others
|
|
14521
14532
|
} = props;
|
|
14522
14533
|
const tid = useTestIds(props, defaultTestId(label));
|
|
14523
|
-
return /* @__PURE__ */ jsxs44(SelectCardShell, { label, selected: isSelected, disabled: isDisabled, tooltip, view: "grid", __storyState, ...others, children: [
|
|
14534
|
+
return /* @__PURE__ */ jsxs44(SelectCardShell, { label, selected: isSelected, disabled: isDisabled, tooltip, view: "grid", layout, __storyState, ...others, children: [
|
|
14524
14535
|
/* @__PURE__ */ jsx76(VisuallyHidden5, { children: /* @__PURE__ */ jsx76("input", { ...inputProps, ...tid.value }) }),
|
|
14525
|
-
/* @__PURE__ */ jsx76(
|
|
14536
|
+
image ? /* @__PURE__ */ jsx76("img", { src: image, alt: "", ...trussProps47({
|
|
14537
|
+
height: "h_100px",
|
|
14538
|
+
width: "w_100px",
|
|
14539
|
+
objectFit: "objectContain",
|
|
14540
|
+
flexShrink: "fs0",
|
|
14541
|
+
...isDisabled ? {
|
|
14542
|
+
opacity: "o50"
|
|
14543
|
+
} : {}
|
|
14544
|
+
}), ...tid.img }) : icon && /* @__PURE__ */ jsx76(Icon, { icon, inc: 4, color: isDisabled ? "--b-on-surface-disabled" /* OnSurfaceDisabled */ : "--b-on-surface" /* OnSurface */ }),
|
|
14526
14545
|
/* @__PURE__ */ jsxs44("span", { className: "df fdc gap_4px w100", children: [
|
|
14527
14546
|
/* @__PURE__ */ jsx76("span", { ...trussProps47({
|
|
14528
14547
|
fontWeight: "fw6",
|
|
@@ -14636,7 +14655,7 @@ function ListSelectCard(props) {
|
|
|
14636
14655
|
// src/inputs/SelectCard/SelectCardCheckboxGroupItem.tsx
|
|
14637
14656
|
import { jsx as jsx79 } from "react/jsx-runtime";
|
|
14638
14657
|
function SelectCardCheckboxGroupItem(props) {
|
|
14639
|
-
const { option, groupState, isSelected, view, ...others } = props;
|
|
14658
|
+
const { option, groupState, isSelected, view, layout, ...others } = props;
|
|
14640
14659
|
const { label, description, disabled, tooltip, value } = option;
|
|
14641
14660
|
const ref = useRef32(null);
|
|
14642
14661
|
const { inputProps, isDisabled: isOptionDisabled } = useCheckboxGroupItem2(
|
|
@@ -14656,7 +14675,8 @@ function SelectCardCheckboxGroupItem(props) {
|
|
|
14656
14675
|
if (view === "list") {
|
|
14657
14676
|
return /* @__PURE__ */ jsx79(ListSelectCard, { ...layoutProps });
|
|
14658
14677
|
}
|
|
14659
|
-
|
|
14678
|
+
const gridOption = option;
|
|
14679
|
+
return /* @__PURE__ */ jsx79(GridSelectCard, { ...layoutProps, layout, icon: gridOption.icon, image: gridOption.image });
|
|
14660
14680
|
}
|
|
14661
14681
|
|
|
14662
14682
|
// src/inputs/SelectCard/utils.ts
|
|
@@ -14683,14 +14703,20 @@ function findToggledSelectCardGroupValue(prev, next) {
|
|
|
14683
14703
|
if (added !== void 0) return added;
|
|
14684
14704
|
return prev.find((v) => !next.includes(v));
|
|
14685
14705
|
}
|
|
14686
|
-
function getSelectCardOptionsCss(
|
|
14687
|
-
|
|
14688
|
-
|
|
14706
|
+
function getSelectCardOptionsCss({
|
|
14707
|
+
view,
|
|
14708
|
+
hasDescription,
|
|
14709
|
+
layout,
|
|
14710
|
+
hasImage
|
|
14711
|
+
}) {
|
|
14712
|
+
if (view === "list") return {
|
|
14689
14713
|
display: "df",
|
|
14690
14714
|
flexDirection: "fdc",
|
|
14691
14715
|
gap: "gap2",
|
|
14692
14716
|
width: "w100"
|
|
14693
|
-
}
|
|
14717
|
+
};
|
|
14718
|
+
const cardWidth = layout === "horizontal" ? hasImage ? 360 : 240 : hasImage || hasDescription ? 192 : 142;
|
|
14719
|
+
return {
|
|
14694
14720
|
display: "dg",
|
|
14695
14721
|
gridTemplateColumns: ["gtc_var", {
|
|
14696
14722
|
"--gridTemplateColumns": maybeCssVar27(`repeat(auto-fill, minmax(${cardWidth}px, 1fr))`)
|
|
@@ -14715,9 +14741,11 @@ function MultiSelectCardGroup(props) {
|
|
|
14715
14741
|
helperText,
|
|
14716
14742
|
disabled: isDisabled = false,
|
|
14717
14743
|
onChange,
|
|
14718
|
-
view = "grid"
|
|
14744
|
+
view = "grid",
|
|
14745
|
+
layout
|
|
14719
14746
|
} = props;
|
|
14720
14747
|
const hasDescription = useMemo22(() => options.some((o) => o.description), [options]);
|
|
14748
|
+
const hasImage = useMemo22(() => options.some((o) => "image" in o && o.image), [options]);
|
|
14721
14749
|
const tid = useTestIds(props, defaultTestId(label));
|
|
14722
14750
|
const handleChange = useCallback13((nextFromAria) => {
|
|
14723
14751
|
const clicked = findToggledSelectCardGroupValue(values, nextFromAria);
|
|
@@ -14740,7 +14768,12 @@ function MultiSelectCardGroup(props) {
|
|
|
14740
14768
|
label,
|
|
14741
14769
|
isDisabled
|
|
14742
14770
|
}, state);
|
|
14743
|
-
return /* @__PURE__ */ jsx80(LabeledGroupField, { label, labelStyle, labelProps, groupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx80("div", { ...trussProps50(getSelectCardOptionsCss(
|
|
14771
|
+
return /* @__PURE__ */ jsx80(LabeledGroupField, { label, labelStyle, labelProps, groupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx80("div", { ...trussProps50(getSelectCardOptionsCss({
|
|
14772
|
+
view,
|
|
14773
|
+
hasDescription,
|
|
14774
|
+
layout,
|
|
14775
|
+
hasImage
|
|
14776
|
+
})), children: options.map((option) => /* @__PURE__ */ jsx80(SelectCardCheckboxGroupItem, { option, groupState: state, isSelected: values.includes(option.value), view, layout, ...tid[defaultTestId(option.label)] }, String(option.value))) }) });
|
|
14744
14777
|
}
|
|
14745
14778
|
|
|
14746
14779
|
// src/inputs/SelectCard/SelectCardGroup.tsx
|
|
@@ -14753,7 +14786,7 @@ import { useRef as useRef33 } from "react";
|
|
|
14753
14786
|
import { useRadio as useRadio2 } from "react-aria";
|
|
14754
14787
|
import { jsx as jsx81 } from "react/jsx-runtime";
|
|
14755
14788
|
function SelectCardRadioGroupItem(props) {
|
|
14756
|
-
const { option, groupState, isSelected, view, ...others } = props;
|
|
14789
|
+
const { option, groupState, isSelected, view, layout, ...others } = props;
|
|
14757
14790
|
const { label, description, disabled, tooltip, value } = option;
|
|
14758
14791
|
const ref = useRef33(null);
|
|
14759
14792
|
const { inputProps, isDisabled: isOptionDisabled } = useRadio2(
|
|
@@ -14773,7 +14806,8 @@ function SelectCardRadioGroupItem(props) {
|
|
|
14773
14806
|
if (view === "list") {
|
|
14774
14807
|
return /* @__PURE__ */ jsx81(ListSelectCard, { ...layoutProps });
|
|
14775
14808
|
}
|
|
14776
|
-
|
|
14809
|
+
const gridOption = option;
|
|
14810
|
+
return /* @__PURE__ */ jsx81(GridSelectCard, { ...layoutProps, layout, icon: gridOption.icon, image: gridOption.image });
|
|
14777
14811
|
}
|
|
14778
14812
|
|
|
14779
14813
|
// src/inputs/SelectCard/SelectCardGroup.tsx
|
|
@@ -14792,9 +14826,11 @@ function SelectCardGroup(props) {
|
|
|
14792
14826
|
helperText,
|
|
14793
14827
|
disabled: isDisabled = false,
|
|
14794
14828
|
onChange,
|
|
14795
|
-
view = "grid"
|
|
14829
|
+
view = "grid",
|
|
14830
|
+
layout
|
|
14796
14831
|
} = props;
|
|
14797
14832
|
const hasDescription = useMemo23(() => options.some((o) => o.description), [options]);
|
|
14833
|
+
const hasImage = useMemo23(() => options.some((o) => "image" in o && o.image), [options]);
|
|
14798
14834
|
const tid = useTestIds(props, defaultTestId(label));
|
|
14799
14835
|
const handleChange = useCallback14((nextValue) => {
|
|
14800
14836
|
onChange(nextValue);
|
|
@@ -14811,7 +14847,12 @@ function SelectCardGroup(props) {
|
|
|
14811
14847
|
label,
|
|
14812
14848
|
isDisabled
|
|
14813
14849
|
}, state);
|
|
14814
|
-
return /* @__PURE__ */ jsx82(LabeledGroupField, { label, labelStyle, labelProps, groupProps: radioGroupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx82("div", { ...trussProps51(getSelectCardOptionsCss(
|
|
14850
|
+
return /* @__PURE__ */ jsx82(LabeledGroupField, { label, labelStyle, labelProps, groupProps: radioGroupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx82("div", { ...trussProps51(getSelectCardOptionsCss({
|
|
14851
|
+
view,
|
|
14852
|
+
hasDescription,
|
|
14853
|
+
layout,
|
|
14854
|
+
hasImage
|
|
14855
|
+
})), children: options.map((option) => /* @__PURE__ */ jsx82(SelectCardRadioGroupItem, { option, groupState: state, isSelected: value === option.value, view, layout, ...tid[defaultTestId(option.label)] }, String(option.value))) }) });
|
|
14815
14856
|
}
|
|
14816
14857
|
|
|
14817
14858
|
// src/inputs/SelectField.tsx
|
|
@@ -22158,6 +22199,7 @@ function Card(props) {
|
|
|
22158
22199
|
imgSrc,
|
|
22159
22200
|
imageFit = "contain",
|
|
22160
22201
|
type = "card",
|
|
22202
|
+
fullWidth = false,
|
|
22161
22203
|
bordered = false,
|
|
22162
22204
|
disabled: isDisabled = false,
|
|
22163
22205
|
buttonMenuItems,
|
|
@@ -22174,11 +22216,12 @@ function Card(props) {
|
|
|
22174
22216
|
const imgHeight = isList ? 96 : bordered ? 224 : 256;
|
|
22175
22217
|
const styles = useMemo44(() => ({
|
|
22176
22218
|
...baseStyles3(type),
|
|
22219
|
+
...fullWidth && fullWidthStyles,
|
|
22177
22220
|
...isList && listStyles,
|
|
22178
22221
|
...bordered && borderedStyles,
|
|
22179
22222
|
...isHovered && cardHoverStyles,
|
|
22180
22223
|
...isDisabled && disabledStyles2
|
|
22181
|
-
}), [isDisabled, isHovered, bordered, type, isList]);
|
|
22224
|
+
}), [isDisabled, isHovered, bordered, type, isList, fullWidth]);
|
|
22182
22225
|
return /* @__PURE__ */ jsxs86("div", { ...trussProps87(styles), ...hoverProps, ...tid, children: [
|
|
22183
22226
|
/* @__PURE__ */ jsx173("div", { ...trussProps87({
|
|
22184
22227
|
...{
|
|
@@ -22196,6 +22239,10 @@ function Card(props) {
|
|
|
22196
22239
|
position: "relative",
|
|
22197
22240
|
filter: "filter_brightness_1"
|
|
22198
22241
|
},
|
|
22242
|
+
// Once the card follows its container, keep the image at its own size so the title wraps instead.
|
|
22243
|
+
...fullWidth && {
|
|
22244
|
+
flexShrink: "fs0"
|
|
22245
|
+
},
|
|
22199
22246
|
...isHovered && !isList && imageHoverStyles
|
|
22200
22247
|
}), children: /* @__PURE__ */ jsx173("img", { ...trussProps87({
|
|
22201
22248
|
width: "w100",
|
|
@@ -22248,6 +22295,9 @@ var baseStyles3 = (type) => ({
|
|
|
22248
22295
|
gap: "gap1",
|
|
22249
22296
|
position: "relative"
|
|
22250
22297
|
});
|
|
22298
|
+
var fullWidthStyles = {
|
|
22299
|
+
width: "w100"
|
|
22300
|
+
};
|
|
22251
22301
|
var listStyles = {
|
|
22252
22302
|
display: "df",
|
|
22253
22303
|
flexDirection: "fdr",
|