@homebound/beam 3.83.0 → 3.84.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 +114 -87
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +15 -2
- package/dist/index.d.ts +15 -2
- package/dist/index.js +84 -58
- package/dist/index.js.map +1 -1
- package/dist/truss.css +4 -6
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -10279,6 +10279,19 @@ declare function useSideNavLayoutContext(): SideNavLayoutContextProps;
|
|
|
10279
10279
|
/** Internal: returns true if a `SideNavLayoutProvider` exists above. */
|
|
10280
10280
|
declare function useHasSideNavLayoutProvider(): boolean;
|
|
10281
10281
|
|
|
10282
|
+
declare const centeredMaxWidthPx: {
|
|
10283
|
+
readonly sm: 768;
|
|
10284
|
+
readonly lg: 1440;
|
|
10285
|
+
};
|
|
10286
|
+
type CenteredLayoutSize = keyof typeof centeredMaxWidthPx;
|
|
10287
|
+
type CenteredLayoutProps = {
|
|
10288
|
+
/** `sm` = 720px content (768 outer); `lg` = 1440px outer (1392 content at md+). */
|
|
10289
|
+
size: CenteredLayoutSize;
|
|
10290
|
+
children?: ReactNode;
|
|
10291
|
+
};
|
|
10292
|
+
/** Centered body-width shell. Nest inside page-header / workflow children — see `docs/layouts.md`. */
|
|
10293
|
+
declare function CenteredLayout(props: CenteredLayoutProps): JSX.Element;
|
|
10294
|
+
|
|
10282
10295
|
type EnvironmentBannerLayoutProps = {
|
|
10283
10296
|
/** When provided and {@link shouldShowEnvironmentBanner} is true, renders {@link EnvironmentBanner} and publishes height. */
|
|
10284
10297
|
environmentBanner?: EnvironmentBannerProps;
|
|
@@ -10299,7 +10312,7 @@ type FormSectionLayoutProps = {
|
|
|
10299
10312
|
withAutoSave?: boolean;
|
|
10300
10313
|
sections?: FormSectionProps[];
|
|
10301
10314
|
};
|
|
10302
|
-
/**
|
|
10315
|
+
/** Form of `FormSection`s in a `sm` {@link CenteredLayout} — e.g. a `WorkflowLayoutStep`'s `content`. */
|
|
10303
10316
|
declare function FormSectionLayout(props: FormSectionLayoutProps): JSX.Element;
|
|
10304
10317
|
|
|
10305
10318
|
/**
|
|
@@ -10496,4 +10509,4 @@ declare const zIndices: {
|
|
|
10496
10509
|
};
|
|
10497
10510
|
type ZIndex = (typeof zIndices)[keyof typeof zIndices];
|
|
10498
10511
|
|
|
10499
|
-
export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, AiLoader, type AiLoaderProps, AiLoadingPanel, type AiLoadingPanelProps, AiPanel, type AiPanelProps, 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, BeamLogo, BeamProvider, type BeamTextFieldProps, BlueprintAiLogo, 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, ContentHeader, type ContentHeaderProps, 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, DocumentScrollRightPaneLayout, type DocumentScrollRightPaneLayoutProps, 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 FormSectionAction, 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, type HeaderAction, 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 LogoSizeProps, 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 PlainFormSectionChild, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, type ReorderableFormSectionChild, 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, beamFloatingRightOffsetVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamRightPaneWidthVar, 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, defaultDocumentScrollRightPaneWidth, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, documentScrollRightPaneHeight, documentScrollRightPaneWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getFloatingRightOffset, 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 };
|
|
10512
|
+
export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, AiLoader, type AiLoaderProps, AiLoadingPanel, type AiLoadingPanelProps, AiPanel, type AiPanelProps, 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, BeamLogo, BeamProvider, type BeamTextFieldProps, BlueprintAiLogo, 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, CenteredLayout, type CenteredLayoutProps, type CenteredLayoutSize, 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, ContentHeader, type ContentHeaderProps, 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, DocumentScrollRightPaneLayout, type DocumentScrollRightPaneLayoutProps, 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 FormSectionAction, 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, type HeaderAction, 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 LogoSizeProps, 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 PlainFormSectionChild, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, type ReorderableFormSectionChild, 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, beamFloatingRightOffsetVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamRightPaneWidthVar, 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, defaultDocumentScrollRightPaneWidth, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, documentScrollRightPaneHeight, documentScrollRightPaneWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getFloatingRightOffset, 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
|
@@ -10279,6 +10279,19 @@ declare function useSideNavLayoutContext(): SideNavLayoutContextProps;
|
|
|
10279
10279
|
/** Internal: returns true if a `SideNavLayoutProvider` exists above. */
|
|
10280
10280
|
declare function useHasSideNavLayoutProvider(): boolean;
|
|
10281
10281
|
|
|
10282
|
+
declare const centeredMaxWidthPx: {
|
|
10283
|
+
readonly sm: 768;
|
|
10284
|
+
readonly lg: 1440;
|
|
10285
|
+
};
|
|
10286
|
+
type CenteredLayoutSize = keyof typeof centeredMaxWidthPx;
|
|
10287
|
+
type CenteredLayoutProps = {
|
|
10288
|
+
/** `sm` = 720px content (768 outer); `lg` = 1440px outer (1392 content at md+). */
|
|
10289
|
+
size: CenteredLayoutSize;
|
|
10290
|
+
children?: ReactNode;
|
|
10291
|
+
};
|
|
10292
|
+
/** Centered body-width shell. Nest inside page-header / workflow children — see `docs/layouts.md`. */
|
|
10293
|
+
declare function CenteredLayout(props: CenteredLayoutProps): JSX.Element;
|
|
10294
|
+
|
|
10282
10295
|
type EnvironmentBannerLayoutProps = {
|
|
10283
10296
|
/** When provided and {@link shouldShowEnvironmentBanner} is true, renders {@link EnvironmentBanner} and publishes height. */
|
|
10284
10297
|
environmentBanner?: EnvironmentBannerProps;
|
|
@@ -10299,7 +10312,7 @@ type FormSectionLayoutProps = {
|
|
|
10299
10312
|
withAutoSave?: boolean;
|
|
10300
10313
|
sections?: FormSectionProps[];
|
|
10301
10314
|
};
|
|
10302
|
-
/**
|
|
10315
|
+
/** Form of `FormSection`s in a `sm` {@link CenteredLayout} — e.g. a `WorkflowLayoutStep`'s `content`. */
|
|
10303
10316
|
declare function FormSectionLayout(props: FormSectionLayoutProps): JSX.Element;
|
|
10304
10317
|
|
|
10305
10318
|
/**
|
|
@@ -10496,4 +10509,4 @@ declare const zIndices: {
|
|
|
10496
10509
|
};
|
|
10497
10510
|
type ZIndex = (typeof zIndices)[keyof typeof zIndices];
|
|
10498
10511
|
|
|
10499
|
-
export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, AiLoader, type AiLoaderProps, AiLoadingPanel, type AiLoadingPanelProps, AiPanel, type AiPanelProps, 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, BeamLogo, BeamProvider, type BeamTextFieldProps, BlueprintAiLogo, 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, ContentHeader, type ContentHeaderProps, 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, DocumentScrollRightPaneLayout, type DocumentScrollRightPaneLayoutProps, 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 FormSectionAction, 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, type HeaderAction, 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 LogoSizeProps, 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 PlainFormSectionChild, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, type ReorderableFormSectionChild, 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, beamFloatingRightOffsetVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamRightPaneWidthVar, 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, defaultDocumentScrollRightPaneWidth, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, documentScrollRightPaneHeight, documentScrollRightPaneWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getFloatingRightOffset, 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 };
|
|
10512
|
+
export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, AiLoader, type AiLoaderProps, AiLoadingPanel, type AiLoadingPanelProps, AiPanel, type AiPanelProps, 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, BeamLogo, BeamProvider, type BeamTextFieldProps, BlueprintAiLogo, 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, CenteredLayout, type CenteredLayoutProps, type CenteredLayoutSize, 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, ContentHeader, type ContentHeaderProps, 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, DocumentScrollRightPaneLayout, type DocumentScrollRightPaneLayoutProps, 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 FormSectionAction, 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, type HeaderAction, 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 LogoSizeProps, 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 PlainFormSectionChild, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, type ReorderableFormSectionChild, 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, beamFloatingRightOffsetVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamRightPaneWidthVar, 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, defaultDocumentScrollRightPaneWidth, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, documentScrollRightPaneHeight, documentScrollRightPaneWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getFloatingRightOffset, 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
|
@@ -26717,9 +26717,34 @@ function SideNavLayoutContent(props) {
|
|
|
26717
26717
|
] }) });
|
|
26718
26718
|
}
|
|
26719
26719
|
|
|
26720
|
+
// src/layouts/CenteredLayout/CenteredLayout.tsx
|
|
26721
|
+
import { trussProps as trussProps125 } from "@homebound/truss/runtime";
|
|
26722
|
+
import { jsx as jsx217 } from "react/jsx-runtime";
|
|
26723
|
+
var centeredMaxWidthPx = {
|
|
26724
|
+
sm: 768,
|
|
26725
|
+
lg: 1440
|
|
26726
|
+
};
|
|
26727
|
+
function CenteredLayout(props) {
|
|
26728
|
+
const {
|
|
26729
|
+
size,
|
|
26730
|
+
children
|
|
26731
|
+
} = props;
|
|
26732
|
+
const tid = useTestIds(props, "centeredLayout");
|
|
26733
|
+
return /* @__PURE__ */ jsx217("div", { ...trussProps125({
|
|
26734
|
+
width: "w100",
|
|
26735
|
+
maxWidth: ["maxw_var", {
|
|
26736
|
+
"--maxWidth": `${centeredMaxWidthPx[size]}px`
|
|
26737
|
+
}],
|
|
26738
|
+
marginLeft: "mla",
|
|
26739
|
+
marginRight: "mra",
|
|
26740
|
+
paddingLeft: "pl_12px mdandup_pl3",
|
|
26741
|
+
paddingRight: "pr_12px mdandup_pr3"
|
|
26742
|
+
}), ...tid, children });
|
|
26743
|
+
}
|
|
26744
|
+
|
|
26720
26745
|
// src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
|
|
26721
|
-
import { trussProps as
|
|
26722
|
-
import { jsx as
|
|
26746
|
+
import { trussProps as trussProps126, mergeProps as mergeProps36, maybeCssVar as maybeCssVar59 } from "@homebound/truss/runtime";
|
|
26747
|
+
import { jsx as jsx218, jsxs as jsxs112 } from "react/jsx-runtime";
|
|
26723
26748
|
var __maybeInc27 = (inc) => {
|
|
26724
26749
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
26725
26750
|
};
|
|
@@ -26735,18 +26760,18 @@ function EnvironmentBannerLayout(props) {
|
|
|
26735
26760
|
[beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
|
|
26736
26761
|
};
|
|
26737
26762
|
const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
|
|
26738
|
-
return /* @__PURE__ */
|
|
26763
|
+
return /* @__PURE__ */ jsx218(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx218(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs112("div", { ...mergeProps36(void 0, style, {
|
|
26739
26764
|
display: "df",
|
|
26740
26765
|
flexDirection: "fdc",
|
|
26741
26766
|
width: "wfc",
|
|
26742
26767
|
minWidth: "mw100"
|
|
26743
26768
|
}), ...tid, children: [
|
|
26744
|
-
showBanner && environmentBanner && /* @__PURE__ */
|
|
26769
|
+
showBanner && environmentBanner && /* @__PURE__ */ jsx218("div", { ...mergeProps36(void 0, {
|
|
26745
26770
|
height: environmentBannerSizePx
|
|
26746
26771
|
}, {
|
|
26747
26772
|
flexShrink: "fs0",
|
|
26748
26773
|
width: "w100"
|
|
26749
|
-
}), children: /* @__PURE__ */
|
|
26774
|
+
}), children: /* @__PURE__ */ jsx218("div", { ...trussProps126({
|
|
26750
26775
|
position: "fixed",
|
|
26751
26776
|
top: "top0",
|
|
26752
26777
|
left: "left0",
|
|
@@ -26756,14 +26781,14 @@ function EnvironmentBannerLayout(props) {
|
|
|
26756
26781
|
width: ["w_var", {
|
|
26757
26782
|
"--width": maybeCssVar59(__maybeInc27(innerWidth))
|
|
26758
26783
|
}]
|
|
26759
|
-
}), ...tid.bannerSticky, children: /* @__PURE__ */
|
|
26784
|
+
}), ...tid.bannerSticky, children: /* @__PURE__ */ jsx218(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
|
|
26760
26785
|
children
|
|
26761
26786
|
] }) }) });
|
|
26762
26787
|
}
|
|
26763
26788
|
|
|
26764
26789
|
// src/layouts/FormSectionLayout/FormSectionLayout.tsx
|
|
26765
|
-
import { trussProps as
|
|
26766
|
-
import { jsx as
|
|
26790
|
+
import { trussProps as trussProps127 } from "@homebound/truss/runtime";
|
|
26791
|
+
import { jsx as jsx219, jsxs as jsxs113 } from "react/jsx-runtime";
|
|
26767
26792
|
function FormSectionLayout(props) {
|
|
26768
26793
|
const {
|
|
26769
26794
|
title,
|
|
@@ -26774,17 +26799,17 @@ function FormSectionLayout(props) {
|
|
|
26774
26799
|
sections
|
|
26775
26800
|
} = props;
|
|
26776
26801
|
const tid = useTestIds(props, "formSectionLayout");
|
|
26777
|
-
return /* @__PURE__ */ jsxs113("div", { className: "df fdc gap8
|
|
26802
|
+
return /* @__PURE__ */ jsx219(CenteredLayout, { size: "sm", children: /* @__PURE__ */ jsxs113("div", { className: "df fdc gap8 pt4", ...tid, children: [
|
|
26778
26803
|
/* @__PURE__ */ jsxs113("div", { className: "df fdc gap3", children: [
|
|
26779
26804
|
/* @__PURE__ */ jsxs113("div", { className: "df fdc jcsb gap_12px", children: [
|
|
26780
26805
|
/* @__PURE__ */ jsxs113("div", { className: "df jcsb aic", children: [
|
|
26781
|
-
/* @__PURE__ */
|
|
26806
|
+
/* @__PURE__ */ jsx219("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
|
|
26782
26807
|
(withAutoSave || actions) && /* @__PURE__ */ jsxs113("div", { className: "df gap1 fs0", ...tid.actions, children: [
|
|
26783
|
-
withAutoSave && /* @__PURE__ */
|
|
26784
|
-
actions?.map((action) => action.kind === "icon" ? /* @__PURE__ */
|
|
26808
|
+
withAutoSave && /* @__PURE__ */ jsx219(AutoSaveIndicator, {}),
|
|
26809
|
+
actions?.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx219(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx219(Button, { ...action }, `${action.label}`))
|
|
26785
26810
|
] })
|
|
26786
26811
|
] }),
|
|
26787
|
-
description && /* @__PURE__ */
|
|
26812
|
+
description && /* @__PURE__ */ jsx219("div", { ...trussProps127({
|
|
26788
26813
|
fontWeight: "fw4",
|
|
26789
26814
|
fontSize: "fz_14px",
|
|
26790
26815
|
lineHeight: "lh_20px",
|
|
@@ -26795,8 +26820,8 @@ function FormSectionLayout(props) {
|
|
|
26795
26820
|
] }),
|
|
26796
26821
|
initialFields
|
|
26797
26822
|
] }),
|
|
26798
|
-
sections && /* @__PURE__ */
|
|
26799
|
-
] });
|
|
26823
|
+
sections && /* @__PURE__ */ jsx219("div", { className: "df fdc gap8", children: sections.map((section, i) => /* @__PURE__ */ jsx219(FormSection, { ...section }, defaultTestId(section.title) || i)) })
|
|
26824
|
+
] }) });
|
|
26800
26825
|
}
|
|
26801
26826
|
|
|
26802
26827
|
// src/layouts/NavbarLayout/NavbarLayout.tsx
|
|
@@ -26912,17 +26937,17 @@ function useMeasuredHeight(ref, enabled) {
|
|
|
26912
26937
|
|
|
26913
26938
|
// src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
|
|
26914
26939
|
import { createContext as createContext16, useContext as useContext28 } from "react";
|
|
26915
|
-
import { jsx as
|
|
26940
|
+
import { jsx as jsx220 } from "react/jsx-runtime";
|
|
26916
26941
|
var NavbarLayoutHeightContext = createContext16(0);
|
|
26917
26942
|
function NavbarLayoutHeightProvider({ value, children }) {
|
|
26918
|
-
return /* @__PURE__ */
|
|
26943
|
+
return /* @__PURE__ */ jsx220(NavbarLayoutHeightContext.Provider, { value, children });
|
|
26919
26944
|
}
|
|
26920
26945
|
function useNavbarLayoutHeight() {
|
|
26921
26946
|
return useContext28(NavbarLayoutHeightContext);
|
|
26922
26947
|
}
|
|
26923
26948
|
|
|
26924
26949
|
// src/layouts/NavbarLayout/NavbarLayout.tsx
|
|
26925
|
-
import { jsx as
|
|
26950
|
+
import { jsx as jsx221, jsxs as jsxs114 } from "react/jsx-runtime";
|
|
26926
26951
|
var __maybeInc28 = (inc) => {
|
|
26927
26952
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
26928
26953
|
};
|
|
@@ -26975,20 +27000,20 @@ function NavbarLayout(props) {
|
|
|
26975
27000
|
const innerStyle = autoHideState !== "static" ? {
|
|
26976
27001
|
top: autoHideState === "revealed" ? bannerTop : `calc(${bannerTop} - ${navHeight}px)`
|
|
26977
27002
|
} : void 0;
|
|
26978
|
-
const navbarEl = useMemo57(() => /* @__PURE__ */
|
|
26979
|
-
return /* @__PURE__ */
|
|
27003
|
+
const navbarEl = useMemo57(() => /* @__PURE__ */ jsx221(Navbar, { ...navbar }), [navbar]);
|
|
27004
|
+
return /* @__PURE__ */ jsx221(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx221(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsx221(MobileSubNavProvider, { children: /* @__PURE__ */ jsxs114("div", { ...mergeProps37(void 0, cssVars, {
|
|
26980
27005
|
display: "df",
|
|
26981
27006
|
flexDirection: "fdc",
|
|
26982
27007
|
width: "wfc",
|
|
26983
27008
|
minWidth: "mw100"
|
|
26984
27009
|
}), ...tid, children: [
|
|
26985
|
-
/* @__PURE__ */
|
|
27010
|
+
/* @__PURE__ */ jsx221("div", { ref: spacerRef, ...mergeProps37(void 0, {
|
|
26986
27011
|
height: navHeight
|
|
26987
27012
|
}, {
|
|
26988
27013
|
flexShrink: "fs0",
|
|
26989
27014
|
width: "w100"
|
|
26990
|
-
}), children: /* @__PURE__ */
|
|
26991
|
-
/* @__PURE__ */
|
|
27015
|
+
}), children: /* @__PURE__ */ jsx221("div", { ref: navMetricsRef, ...mergeProps37(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
|
|
27016
|
+
/* @__PURE__ */ jsx221("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
|
|
26992
27017
|
] }) }) }) });
|
|
26993
27018
|
}
|
|
26994
27019
|
|
|
@@ -26996,8 +27021,8 @@ function NavbarLayout(props) {
|
|
|
26996
27021
|
import { useCallback as useCallback39, useMemo as useMemo58, useRef as useRef67 } from "react";
|
|
26997
27022
|
|
|
26998
27023
|
// src/components/Headers/BaseHeader.tsx
|
|
26999
|
-
import { trussProps as
|
|
27000
|
-
import { jsx as
|
|
27024
|
+
import { trussProps as trussProps128 } from "@homebound/truss/runtime";
|
|
27025
|
+
import { jsx as jsx222, jsxs as jsxs115 } from "react/jsx-runtime";
|
|
27001
27026
|
function BaseHeader(props) {
|
|
27002
27027
|
const {
|
|
27003
27028
|
title,
|
|
@@ -27009,7 +27034,7 @@ function BaseHeader(props) {
|
|
|
27009
27034
|
} = props;
|
|
27010
27035
|
const tid = useTestIds(otherProps, "header");
|
|
27011
27036
|
useDocumentTitle(title, documentTitleSuffix);
|
|
27012
|
-
return /* @__PURE__ */ jsxs115("header", { ...tid, ...
|
|
27037
|
+
return /* @__PURE__ */ jsxs115("header", { ...tid, ...trussProps128({
|
|
27013
27038
|
display: "df",
|
|
27014
27039
|
flexDirection: "fdc",
|
|
27015
27040
|
paddingTop: "pt3",
|
|
@@ -27023,7 +27048,7 @@ function BaseHeader(props) {
|
|
|
27023
27048
|
"--backgroundColor": "var(--b-surface)"
|
|
27024
27049
|
}]
|
|
27025
27050
|
}), children: [
|
|
27026
|
-
/* @__PURE__ */ jsxs115("div", { ...
|
|
27051
|
+
/* @__PURE__ */ jsxs115("div", { ...trussProps128({
|
|
27027
27052
|
...{
|
|
27028
27053
|
display: "df",
|
|
27029
27054
|
justifyContent: "jcsb",
|
|
@@ -27038,8 +27063,8 @@ function BaseHeader(props) {
|
|
|
27038
27063
|
}
|
|
27039
27064
|
}), children: [
|
|
27040
27065
|
/* @__PURE__ */ jsxs115("div", { className: "mw0", children: [
|
|
27041
|
-
breadcrumbs && /* @__PURE__ */
|
|
27042
|
-
/* @__PURE__ */
|
|
27066
|
+
breadcrumbs && /* @__PURE__ */ jsx222(Breadcrumbs, { ...breadcrumbs }),
|
|
27067
|
+
/* @__PURE__ */ jsx222("h1", { ...tid.title, ...trussProps128({
|
|
27043
27068
|
fontWeight: "fw6",
|
|
27044
27069
|
fontSize: "fz_20px",
|
|
27045
27070
|
lineHeight: "lh_28px",
|
|
@@ -27048,22 +27073,22 @@ function BaseHeader(props) {
|
|
|
27048
27073
|
}]
|
|
27049
27074
|
}), children: title })
|
|
27050
27075
|
] }),
|
|
27051
|
-
/* @__PURE__ */
|
|
27076
|
+
/* @__PURE__ */ jsx222("div", { className: "fs0", children: rightSlot })
|
|
27052
27077
|
] }),
|
|
27053
27078
|
bottomSlot
|
|
27054
27079
|
] });
|
|
27055
27080
|
}
|
|
27056
27081
|
|
|
27057
27082
|
// src/components/Headers/PageHeader.tsx
|
|
27058
|
-
import { trussProps as
|
|
27059
|
-
import { jsx as
|
|
27083
|
+
import { trussProps as trussProps129 } from "@homebound/truss/runtime";
|
|
27084
|
+
import { jsx as jsx223 } from "react/jsx-runtime";
|
|
27060
27085
|
function PageHeader2(props) {
|
|
27061
27086
|
const {
|
|
27062
27087
|
tabs,
|
|
27063
27088
|
...otherProps
|
|
27064
27089
|
} = props;
|
|
27065
27090
|
const tid = useTestIds(otherProps, "header");
|
|
27066
|
-
return /* @__PURE__ */
|
|
27091
|
+
return /* @__PURE__ */ jsx223(BaseHeader, { ...otherProps, bottomSlot: tabs && /* @__PURE__ */ jsx223("div", { ...trussProps129(pageContentPaddingX), children: /* @__PURE__ */ jsx223(Tabs, { ...tabs, ...tid.tabs }) }) });
|
|
27067
27092
|
}
|
|
27068
27093
|
|
|
27069
27094
|
// src/layouts/useBannerAndNavbarHeight.ts
|
|
@@ -27073,7 +27098,7 @@ function useBannerAndNavbarHeight() {
|
|
|
27073
27098
|
|
|
27074
27099
|
// src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
|
|
27075
27100
|
import { mergeProps as mergeProps38, maybeCssVar as maybeCssVar61 } from "@homebound/truss/runtime";
|
|
27076
|
-
import { jsx as
|
|
27101
|
+
import { jsx as jsx224, jsxs as jsxs116 } from "react/jsx-runtime";
|
|
27077
27102
|
var __maybeInc29 = (inc) => {
|
|
27078
27103
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
27079
27104
|
};
|
|
@@ -27128,19 +27153,19 @@ function PageHeaderLayout(props) {
|
|
|
27128
27153
|
const innerStyle = autoHideState !== "static" ? {
|
|
27129
27154
|
top: autoHideState === "revealed" ? outerTop : `calc(${outerTop} - ${headerHeight}px)`
|
|
27130
27155
|
} : void 0;
|
|
27131
|
-
const pageHeaderEl = useMemo58(() => /* @__PURE__ */
|
|
27132
|
-
return /* @__PURE__ */
|
|
27156
|
+
const pageHeaderEl = useMemo58(() => /* @__PURE__ */ jsx224(PageHeader2, { ...pageHeader }), [pageHeader]);
|
|
27157
|
+
return /* @__PURE__ */ jsx224(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs116("div", { ...mergeProps38(void 0, cssVars, {
|
|
27133
27158
|
display: "df",
|
|
27134
27159
|
flexDirection: "fdc",
|
|
27135
27160
|
width: "w100"
|
|
27136
27161
|
}), ...tid, children: [
|
|
27137
|
-
/* @__PURE__ */
|
|
27162
|
+
/* @__PURE__ */ jsx224("div", { ref: spacerRef, ...mergeProps38(void 0, {
|
|
27138
27163
|
height: headerHeight
|
|
27139
27164
|
}, {
|
|
27140
27165
|
flexShrink: "fs0",
|
|
27141
27166
|
width: "w100"
|
|
27142
|
-
}), children: /* @__PURE__ */
|
|
27143
|
-
/* @__PURE__ */
|
|
27167
|
+
}), children: /* @__PURE__ */ jsx224("div", { ref: headerMetricsRef, ...mergeProps38(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
|
|
27168
|
+
/* @__PURE__ */ jsx224("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
|
|
27144
27169
|
] }) });
|
|
27145
27170
|
}
|
|
27146
27171
|
|
|
@@ -27148,17 +27173,17 @@ function PageHeaderLayout(props) {
|
|
|
27148
27173
|
import { useLayoutEffect as useLayoutEffect12, useRef as useRef69, useState as useState60 } from "react";
|
|
27149
27174
|
|
|
27150
27175
|
// src/components/Headers/WorkflowHeader.tsx
|
|
27151
|
-
import { jsx as
|
|
27176
|
+
import { jsx as jsx225 } from "react/jsx-runtime";
|
|
27152
27177
|
function WorkflowHeader(props) {
|
|
27153
27178
|
const { stepperTabs, ...otherProps } = props;
|
|
27154
27179
|
const tid = useTestIds(otherProps, "header");
|
|
27155
|
-
return /* @__PURE__ */
|
|
27180
|
+
return /* @__PURE__ */ jsx225(BaseHeader, { ...otherProps, bottomSlot: /* @__PURE__ */ jsx225(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) });
|
|
27156
27181
|
}
|
|
27157
27182
|
|
|
27158
27183
|
// src/layouts/WorkflowLayout/useUnsavedChangesGuard.tsx
|
|
27159
27184
|
import { useEffect as useEffect39, useRef as useRef68 } from "react";
|
|
27160
27185
|
import { useBlocker } from "react-router-dom";
|
|
27161
|
-
import { jsx as
|
|
27186
|
+
import { jsx as jsx226 } from "react/jsx-runtime";
|
|
27162
27187
|
function useUnsavedChangesGuard(options) {
|
|
27163
27188
|
const { isDirty, onCancel } = options;
|
|
27164
27189
|
const { openModal } = useModal();
|
|
@@ -27181,7 +27206,7 @@ function useUnsavedChangesGuard(options) {
|
|
|
27181
27206
|
}
|
|
27182
27207
|
openModal({
|
|
27183
27208
|
allowClosing: false,
|
|
27184
|
-
content: /* @__PURE__ */
|
|
27209
|
+
content: /* @__PURE__ */ jsx226(ConfirmCloseModal, { onClose: () => onCancel(e) })
|
|
27185
27210
|
});
|
|
27186
27211
|
};
|
|
27187
27212
|
const navigationBlocker = blocker.state === "blocked" ? { proceed: () => blocker.proceed?.(), cancelNavigation: () => blocker.reset?.() } : void 0;
|
|
@@ -27193,7 +27218,7 @@ function UnsavedChangesNavigationModal(props) {
|
|
|
27193
27218
|
useEffect39(() => {
|
|
27194
27219
|
openModal({
|
|
27195
27220
|
allowClosing: false,
|
|
27196
|
-
content: /* @__PURE__ */
|
|
27221
|
+
content: /* @__PURE__ */ jsx226(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
|
|
27197
27222
|
});
|
|
27198
27223
|
return () => closeModal();
|
|
27199
27224
|
}, []);
|
|
@@ -27201,7 +27226,7 @@ function UnsavedChangesNavigationModal(props) {
|
|
|
27201
27226
|
}
|
|
27202
27227
|
|
|
27203
27228
|
// src/layouts/WorkflowLayout/WorkflowActions.tsx
|
|
27204
|
-
import { jsx as
|
|
27229
|
+
import { jsx as jsx227, jsxs as jsxs117 } from "react/jsx-runtime";
|
|
27205
27230
|
function WorkflowActions(props) {
|
|
27206
27231
|
const {
|
|
27207
27232
|
isFirstStep,
|
|
@@ -27216,18 +27241,18 @@ function WorkflowActions(props) {
|
|
|
27216
27241
|
primaryDisabled
|
|
27217
27242
|
} = props;
|
|
27218
27243
|
return /* @__PURE__ */ jsxs117("div", { className: "df aic jcsb sm_w100", children: [
|
|
27219
|
-
/* @__PURE__ */
|
|
27244
|
+
/* @__PURE__ */ jsx227("div", { className: "df aic", children: !isFirstStep && isMobile && /* @__PURE__ */ jsx227(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
|
|
27220
27245
|
/* @__PURE__ */ jsxs117("div", { className: "df aic gap1", children: [
|
|
27221
|
-
/* @__PURE__ */
|
|
27222
|
-
onSaveAndExit && /* @__PURE__ */
|
|
27223
|
-
isLastStep ? /* @__PURE__ */
|
|
27246
|
+
/* @__PURE__ */ jsx227(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
|
|
27247
|
+
onSaveAndExit && /* @__PURE__ */ jsx227(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
|
|
27248
|
+
isLastStep ? /* @__PURE__ */ jsx227(Button, { label: completeLabel, variant: "primary", onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx227(Button, { label: "Continue", variant: "primary", onClick: onContinue, disabled: primaryDisabled })
|
|
27224
27249
|
] })
|
|
27225
27250
|
] });
|
|
27226
27251
|
}
|
|
27227
27252
|
|
|
27228
27253
|
// src/layouts/WorkflowLayout/WorkflowLayout.tsx
|
|
27229
|
-
import { trussProps as
|
|
27230
|
-
import { jsx as
|
|
27254
|
+
import { trussProps as trussProps130, mergeProps as mergeProps39, maybeCssVar as maybeCssVar62 } from "@homebound/truss/runtime";
|
|
27255
|
+
import { jsx as jsx228, jsxs as jsxs118 } from "react/jsx-runtime";
|
|
27231
27256
|
var __maybeInc30 = (inc) => {
|
|
27232
27257
|
return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
|
|
27233
27258
|
};
|
|
@@ -27269,7 +27294,7 @@ function WorkflowLayout(props) {
|
|
|
27269
27294
|
const isFirstStep = currentIndex <= 0;
|
|
27270
27295
|
const isLastStep = currentIndex === stepTabs.length - 1;
|
|
27271
27296
|
const activeStep = stepTabs[currentIndex];
|
|
27272
|
-
const buttons = /* @__PURE__ */
|
|
27297
|
+
const buttons = /* @__PURE__ */ jsx228(WorkflowActions, { isFirstStep, isLastStep, isMobile, onBack: () => setCurrentStep(stepTabs[currentIndex - 1].value), onCancel: onCancelClick, onSaveAndExit, completeLabel, onComplete, primaryDisabled: !activeStep?.isValid, onContinue: async () => {
|
|
27273
27298
|
const onContinue = activeStep?.onContinue;
|
|
27274
27299
|
if (onContinue) {
|
|
27275
27300
|
const allowed = await onContinue();
|
|
@@ -27290,7 +27315,7 @@ function WorkflowLayout(props) {
|
|
|
27290
27315
|
}
|
|
27291
27316
|
};
|
|
27292
27317
|
}, [showFooter]);
|
|
27293
|
-
const headerEl = /* @__PURE__ */
|
|
27318
|
+
const headerEl = /* @__PURE__ */ jsx228(
|
|
27294
27319
|
WorkflowHeader,
|
|
27295
27320
|
{
|
|
27296
27321
|
...headerProps,
|
|
@@ -27309,7 +27334,7 @@ function WorkflowLayout(props) {
|
|
|
27309
27334
|
flexDirection: "fdc",
|
|
27310
27335
|
width: "w100"
|
|
27311
27336
|
}), ...tid, children: [
|
|
27312
|
-
/* @__PURE__ */
|
|
27337
|
+
/* @__PURE__ */ jsx228("div", { ref: headerMetricsRef, ...trussProps130({
|
|
27313
27338
|
position: "sticky",
|
|
27314
27339
|
left: "left0",
|
|
27315
27340
|
width: ["w_var", {
|
|
@@ -27322,14 +27347,14 @@ function WorkflowLayout(props) {
|
|
|
27322
27347
|
"--top": maybeCssVar62(__maybeInc30(outerTop))
|
|
27323
27348
|
}]
|
|
27324
27349
|
}), ...tid.header, children: headerEl }),
|
|
27325
|
-
/* @__PURE__ */
|
|
27326
|
-
showFooter && /* @__PURE__ */
|
|
27350
|
+
/* @__PURE__ */ jsx228("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children: activeStep?.content }),
|
|
27351
|
+
showFooter && /* @__PURE__ */ jsx228("div", { ...trussProps130({
|
|
27327
27352
|
flexShrink: "fs0",
|
|
27328
27353
|
width: "w100",
|
|
27329
27354
|
height: ["h_var", {
|
|
27330
27355
|
"--height": `${mobileFooterHeightPx}px`
|
|
27331
27356
|
}]
|
|
27332
|
-
}), children: /* @__PURE__ */
|
|
27357
|
+
}), children: /* @__PURE__ */ jsx228("div", { ...trussProps130({
|
|
27333
27358
|
...{
|
|
27334
27359
|
position: "fixed",
|
|
27335
27360
|
bottom: "bottom0",
|
|
@@ -27358,7 +27383,7 @@ function WorkflowLayout(props) {
|
|
|
27358
27383
|
...pageContentPaddingX
|
|
27359
27384
|
}), ...tid.footer, children: buttons }) })
|
|
27360
27385
|
] }),
|
|
27361
|
-
navigationBlocker && /* @__PURE__ */
|
|
27386
|
+
navigationBlocker && /* @__PURE__ */ jsx228(UnsavedChangesNavigationModal, { ...navigationBlocker })
|
|
27362
27387
|
] });
|
|
27363
27388
|
}
|
|
27364
27389
|
var mobileFooterHeightPx = 80;
|
|
@@ -27416,6 +27441,7 @@ export {
|
|
|
27416
27441
|
ButtonMenu,
|
|
27417
27442
|
ButtonModal,
|
|
27418
27443
|
Card,
|
|
27444
|
+
CenteredLayout,
|
|
27419
27445
|
Checkbox,
|
|
27420
27446
|
CheckboxGroup,
|
|
27421
27447
|
Chip,
|