@stenajs-webui/panels 22.2.1 → 22.3.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.
Files changed (6) hide show
  1. package/dist/components/action-menu-button/ActionMenuButton.d.ts +4 -0
  2. package/dist/index.es.js +164 -155
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/package.json +7 -7
package/dist/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarNotificationButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/nav-bar/NavBarUserButton.tsx","../src/components/notifications/UnreadDot.tsx","../src/components/notifications/NotificationHeader.tsx","../src/components/notifications/Notification.tsx","../src/components/notifications/NotificationList.tsx","../src/components/notifications/Toast.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleList.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsibleGroupBox.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/page-header/PageHeader.tsx","../src/components/page-header/PageHeaderRow.tsx","../src/components/page-header/PageHeading.tsx","../src/components/sidebar-menu/SidebarMenuCloseButtonRow.tsx","../src/components/sidebar-menu/SidebarMenuPinButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/rail/RailContext.ts","../src/components/sidebar-menu/items/RailMenuButton.tsx","../src/components/sidebar-menu/rail/SidebarRailMenu.tsx","../src/components/sidebar-menu/items/SidebarMenuHeading.tsx","../src/components/sidebar-menu/items/RailMenuLink.tsx","../src/components/sidebar-menu/items/SidebarMenuLink.tsx","../src/components/sidebar-menu/items/RailMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuSeparator.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPanel.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPadding.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, RefObject, useMemo, useRef } from \"react\";\nimport {\n ActionMenu,\n ActionMenuContext,\n ActionMenuProps,\n FlatButton,\n PrimaryButton,\n PrimaryButtonProps,\n SecondaryButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n PopoverProps,\n} from \"@stenajs-webui/tooltip\";\n\nexport interface ActionMenuButtonProps\n extends Omit<\n PrimaryButtonProps,\n \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n > {\n /** The content of the Action Menu. */\n renderItems: (close: () => void) => ReactNode;\n /** The placement of the Action Menu. */\n placement?: PopoverProps[\"placement\"];\n /** Z-index of the Action Menu */\n zIndex?: number;\n /** Portal target, HTML element. If not set, portal is not used. */\n appendTo?: ControlledPopoverProps[\"appendTo\"];\n menuWidth?: ActionMenuProps[\"width\"];\n menuTop?: ActionMenuProps[\"top\"];\n buttonComponent:\n | typeof PrimaryButton\n | typeof SecondaryButton\n | typeof FlatButton;\n disableArrow?: boolean;\n buttonRef?: RefObject<HTMLButtonElement | null>;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n renderItems,\n placement = \"bottom\",\n buttonComponent: Button,\n rightIcon = stenaAngleDown,\n menuWidth,\n menuTop,\n onClick,\n disableArrow = false,\n buttonRef,\n appendTo,\n zIndex,\n ...buttonProps\n}) => {\n const [isOpen, open, close, toggle] = useBoolean(false);\n\n const fallbackRef = useRef<HTMLButtonElement>(null);\n const ref = buttonRef ?? fallbackRef;\n\n const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n ) => {\n onClick?.(event);\n toggle();\n };\n\n return (\n <>\n <ControlledPopover\n renderTrigger={(props) => (\n <Button\n rightIcon={disableArrow ? undefined : rightIcon}\n {...buttonProps}\n ref={ref}\n onClick={handleClick}\n {...props}\n />\n )}\n hideArrow\n disablePadding\n open={isOpen}\n onRequestClose={close}\n placement={placement}\n appendTo={appendTo}\n zIndex={zIndex}\n >\n {isOpen && (\n <ActionMenu width={menuWidth} top={menuTop} trapFocus>\n <ActionMenuContext.Provider value={contextValue}>\n {renderItems(close)}\n </ActionMenuContext.Provider>\n </ActionMenu>\n )}\n </ControlledPopover>\n </>\n );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<\n ActionMenuSecondaryButtonProps\n> = (props) => {\n return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Column, Indent, Row } from \"@stenajs-webui/core\";\nimport {\n ActionMenu,\n FlatButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n renderMenu,\n ...checkboxProps\n}) => {\n return (\n <Popover\n trigger={\"click\"}\n renderTrigger={(props) => (\n <Row>\n <Row\n spacing={0.5}\n indent\n alignItems={\"center\"}\n border={border}\n borderRadius={\"4px\"}\n >\n <Checkbox {...checkboxProps} />\n <Indent num={0.5} />\n <FlatButton size={\"small\"} leftIcon={stenaAngleDown} {...props} />\n </Row>\n </Row>\n )}\n hideArrow\n disablePadding\n placement={\"bottom-start\"}\n >\n {({ onRequestClose }) => (\n <Column>\n <ActionMenu>{renderMenu(onRequestClose)}</ActionMenu>\n </Column>\n )}\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { FlatButton, stenaHamburger } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <FlatButton\n leftIcon={stenaHamburger}\n className={className}\n onClick={onClick}\n />\n );\n};\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n NavBarSideMenuButton,\n SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\n\nexport type NavBarVariant = \"compact\" | \"standard\" | \"relaxed\";\n\nexport interface NavBarProps {\n className?: string;\n showMenuButton?: boolean;\n onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n right?: ReactNode;\n center?: ReactNode;\n left?: ReactNode;\n variant?: NavBarVariant;\n children?: ReactNode;\n}\n\nexport const NavBar: React.FC<NavBarProps> = ({\n left,\n className,\n showMenuButton = false,\n children,\n right,\n center,\n onClickMenuButton,\n}) => {\n const currentFlex = center ? 1 : undefined;\n return (\n <Row\n justifyContent={\"space-between\"}\n className={cx(styles.navBar, className)}\n >\n <Row\n flex={currentFlex}\n justifyContent={\"flex-start\"}\n alignItems={\"center\"}\n >\n <Row width={\"86px\"} alignItems={\"center\"}>\n <Indent />\n {showMenuButton && (\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n )}\n </Row>\n\n {left && (\n <>\n {left}\n <Indent num={2} />\n </>\n )}\n {children && (\n <>\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {React.Children.map(children, (child, index) => (\n <>\n {index > 0 && <Indent />}\n {child}\n </>\n ))}\n </Row>\n </>\n )}\n </Row>\n {center && (\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {center}\n </Row>\n )}\n <Row justifyContent={\"flex-end\"} alignItems={\"center\"} flex={currentFlex}>\n {right}\n <Indent num={2} />\n </Row>\n </Row>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n selected?: boolean;\n}\n\nexport const NavBarButton = forwardRef<HTMLButtonElement, NavBarButtonProps>(\n function ({ selected, className, ...buttonProps }, ref) {\n return (\n <FlatButton\n {...buttonProps}\n ref={ref}\n className={cx(\n styles.navBarButton,\n selected && styles.selected,\n className,\n )}\n />\n );\n },\n);\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n return (\n <Heading whiteSpace={\"nowrap\"} variant={\"h4\"} as={\"h1\"} {...headingProps} />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n} from \"@stenajs-webui/tooltip\";\nimport { Box, useBoolean } from \"@stenajs-webui/core\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n extends Omit<NavBarButtonProps, \"onClick\" | \"content\">,\n Pick<ControlledPopoverProps, \"zIndex\" | \"appendTo\"> {\n content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n content,\n children,\n appendTo,\n zIndex,\n ...navBarButtonProps\n}) => {\n const [isOpen, , close, toggle] = useBoolean(false);\n\n return (\n <ControlledPopover\n renderTrigger={(props) => (\n <NavBarButton {...navBarButtonProps} {...props} onClick={toggle} />\n )}\n open={isOpen}\n onRequestClose={close}\n zIndex={zIndex}\n appendTo={appendTo}\n >\n <Box>\n {content && content({ close })}\n {children}\n </Box>\n </ControlledPopover>\n );\n};\n","import {\n BaseButton,\n FlatButtonProps,\n stenaBellFilled,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarNotificationButton.module.css\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface NavBarNotificationButtonProps\n extends Omit<FlatButtonProps, \"leftIcon\" | \"rightIcon\" | \"label\"> {\n count: number;\n unread: boolean;\n icon?: IconDefinition;\n}\n\nexport const NavBarNotificationButton = forwardRef<\n HTMLButtonElement,\n NavBarNotificationButtonProps\n>(function (\n {\n count,\n unread = false,\n className,\n labelClassName,\n iconClassName,\n icon = stenaBellFilled,\n ...buttonProps\n },\n ref,\n) {\n const hasCount = count > 1;\n\n return (\n <BaseButton\n {...buttonProps}\n ref={ref}\n leftIcon={icon}\n className={cx(\n styles.navBarNotificationButton,\n unread && styles.unread,\n hasCount && styles.hasCount,\n className,\n )}\n label={hasCount ? String(count) : undefined}\n labelClassName={cx(labelClassName, styles.label)}\n iconClassName={cx(iconClassName, styles.icon)}\n />\n );\n});\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { stenaTimes, TextInputButton } from \"@stenajs-webui/elements\";\n\nexport interface NavBarSearchFieldProps extends TextInputProps {\n showClearButton?: boolean;\n onClickClearButton?: ButtonElementProps[\"onClick\"];\n}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n placeholder = \"Search\",\n className,\n wrapperClassName,\n showClearButton,\n onClickClearButton,\n value,\n ...textInputProps\n}) => {\n return (\n <TextInput\n wrapperClassName={cx(\n styles.navBarSearchFieldWrapper,\n showClearButton ? styles.withButton : undefined,\n wrapperClassName,\n )}\n className={cx(styles.navBarSearchFieldInput, className)}\n placeholder={placeholder}\n value={value}\n buttonRight={\n value && showClearButton ? (\n <TextInputButton\n className={styles.clearButton}\n icon={stenaTimes}\n variant={\"error\"}\n onClick={onClickClearButton}\n />\n ) : undefined\n }\n {...textInputProps}\n />\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaUserCircle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n ActionMenuFlatButton,\n ActionMenuFlatButtonProps,\n} from \"../action-menu-button/ActionMenuFlatButton\";\nimport styles from \"./NavBarUserButton.module.css\";\n\nexport interface NavBarUserButtonProps\n extends Omit<ActionMenuFlatButtonProps, \"label\" | \"leftIcon\" | \"rightIcon\"> {\n username?: string;\n initials?: string;\n icon?: IconDefinition;\n}\n\nexport const NavBarUserButton: React.FC<NavBarUserButtonProps> = ({\n className,\n username,\n initials,\n icon = stenaUserCircle,\n responsiveIconOnly = initials == null,\n ...buttonProps\n}) => {\n return (\n <ActionMenuFlatButton\n {...buttonProps}\n className={cx(styles.navBarUserButton, className)}\n leftIcon={username != null ? icon : undefined}\n label={initials ?? username}\n forceRound={initials != null}\n responsiveIconOnly={responsiveIconOnly}\n disableArrow\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./UnreadDot.module.css\";\n\nexport interface UnreadDotProps {\n children: ReactNode;\n}\n\nexport const UnreadDot: React.FC<UnreadDotProps> = ({ children }) => {\n return (\n <div className={styles.unreadDot}>\n {children}\n <div className={styles.dot} />\n </div>\n );\n};\n","import { Box, Row, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { CircledIcon, CloseButton, MediumIcon } from \"@stenajs-webui/elements\";\nimport { cssColor, CssPropColor } from \"@stenajs-webui/theme\";\nimport { UnreadDot } from \"./UnreadDot\";\nimport { NotificationVariant } from \"./Notification\";\n\nexport interface NotificationHeaderProps {\n /** Text. */\n text: string;\n /** Timestamp. */\n timestamp?: string;\n /** Icon. */\n icon?: MediumIcon;\n /** Icon description for accessibility. */\n iconAriaLabel?: string;\n /** Left content instead of icon. */\n contentLeft?: React.ReactNode;\n /** Right content. */\n contentRight?: React.ReactNode;\n /** What happens on clicking close. */\n onClose?: () => void;\n /** Mark the notification as unread */\n unread?: boolean;\n /** Notification variant. Will affect icon bg color */\n variant?: NotificationVariant;\n /** Icon background color. Will override other icon bg color */\n iconBackgroundColor?: CssPropColor;\n}\n\nexport const NotificationHeader: React.FC<NotificationHeaderProps> = ({\n text,\n timestamp,\n icon,\n iconAriaLabel,\n contentLeft,\n contentRight,\n onClose,\n unread = false,\n variant,\n iconBackgroundColor,\n}) => {\n const circledIcon = icon ? (\n <CircledIcon\n size={\"small\"}\n icon={icon}\n aria-label={iconAriaLabel}\n backgroundColor={\n iconBackgroundColor\n ? iconBackgroundColor\n : getIconBgColorFromVariant(unread, variant)\n }\n />\n ) : undefined;\n\n return (\n <Row alignItems={\"flex-start\"} indent={2} spacing>\n <Row spacing gap={2} flex={1} alignItems={\"flex-start\"}>\n {contentLeft && (\n <Box minHeight={20} justifyContent={\"center\"}>\n {contentLeft}\n </Box>\n )}\n {!contentLeft &&\n circledIcon &&\n (unread ? <UnreadDot>{circledIcon}</UnreadDot> : circledIcon)}\n <Box minHeight={20} justifyContent={\"center\"} flex={1} gap={0.5}>\n <Text variant={\"bold\"}>{text}</Text>\n {timestamp && (\n <Text\n size={\"small\"}\n color={cssColor(\n unread ? \"--lhds-color-blue-600\" : \"--lhds-color-ui-600\",\n )}\n >\n {timestamp}\n </Text>\n )}\n </Box>\n {contentRight}\n </Row>\n {onClose && (\n <Box\n flex={\"none\"}\n justifyContent={\"center\"}\n height={\"calc(20px + 2 * var(--swui-metrics-spacing))\"}\n >\n <CloseButton onClick={onClose} />\n </Box>\n )}\n </Row>\n );\n};\n\nexport const getIconBgColorFromVariant = (\n unread: boolean,\n variant?: NotificationVariant,\n): CssPropColor | undefined => {\n if (!unread && variant === \"standard\") {\n return undefined;\n }\n return \"--lhds-color-ui-50\";\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\nimport styles from \"./Notification.module.css\";\nimport cx from \"classnames\";\n\nexport type NotificationVariant = \"standard\" | \"danger\";\n\nexport interface NotificationProps extends NotificationHeaderProps {\n children?: ReactNode;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n variant = \"standard\",\n children,\n unread,\n ...headerProps\n}) => (\n <div\n className={cx(\n styles.notification,\n styles[variant],\n unread && styles.unread,\n )}\n >\n <NotificationHeader {...headerProps} unread={unread} variant={variant} />\n {children && <Column className={styles.body}>{children}</Column>}\n </div>\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./NotificationList.module.css\";\n\nexport interface NotificationListProps {\n children?: ReactNode;\n}\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n children,\n}) => {\n return (\n <div className={styles.notificationList}>\n {children}\n <div />\n </div>\n );\n};\n","import { Box, BoxProps, Space } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\nimport styles from \"./Toast.module.css\";\nimport cx from \"classnames\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\n\nexport interface ToastProps\n extends Pick<BoxProps, \"children\" | \"width\" | \"maxWidth\">,\n Omit<NotificationHeaderProps, \"contentRight\"> {\n /** What happens on clicking the toast. */\n onClick?: () => void;\n /** Description of what happens on clicking the toast for accessibility. */\n onClickAriaLabel?: string;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n onClick,\n onClickAriaLabel,\n children,\n width = 264,\n maxWidth,\n ...headerProps\n}) => (\n <Box\n borderRadius={8}\n background={cssColor(\"--lhds-color-ui-50\")}\n shadow={\"popover\"}\n width={width}\n maxWidth={maxWidth}\n role={\"alert\"}\n position={\"relative\"}\n >\n <Box className={cx({ [styles.nonClickable]: onClick })}>\n <NotificationHeader {...headerProps} />\n </Box>\n {children && (\n <Box indent={3} className={cx({ [styles.nonClickable]: onClick })}>\n {children}\n <Space num={2} />\n </Box>\n )}\n {onClick && (\n <button\n onClick={onClick}\n className={styles.clickable}\n aria-label={onClickAriaLabel}\n ></button>\n )}\n </Box>\n);\n","import { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef, ReactNode } from \"react\";\n\nexport type CollapsibleProps =\n | CollapsibleLabelProps\n | CollapsibleRenderLabelProps;\n\nexport interface CollapsibleCommonProps\n extends Omit<ButtonElementProps, \"value\"> {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n collapsed?: boolean;\n}\n\nexport interface CollapsibleLabelProps extends CollapsibleCommonProps {\n label: string;\n}\n\nexport interface CollapsibleRenderLabelProps extends CollapsibleCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n ({ contentLeft, contentRight, collapsed = false, ...props }, ref) => (\n <MenuButton\n ref={ref}\n expandable\n expanded={!collapsed}\n selected={!collapsed}\n left={contentLeft}\n right={contentRight}\n {...props}\n />\n ),\n);\n","import * as React from \"react\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { ReactNode } from \"react\";\n\nexport interface CollapsibleListProps {\n children?: ReactNode;\n}\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = ({\n children,\n}) => {\n return <Column gap={1}>{children}</Column>;\n};\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport type CollapsibleWithCheckboxProps =\n | CollapsibleWithCheckboxLabelProps\n | CollapsibleWithCheckboxRenderLabelProps;\n\nexport interface CollapsibleWithCheckboxCommonProps\n extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n Pick<\n CheckboxProps,\n \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n > {\n checkboxDisabled?: CheckboxProps[\"disabled\"];\n}\n\nexport interface CollapsibleWithCheckboxLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n label: string;\n}\n\nexport interface CollapsibleWithCheckboxRenderLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const CollapsibleWithCheckbox: React.FC<\n CollapsibleWithCheckboxProps\n> = ({\n value,\n onValueChange,\n onChange,\n indeterminate,\n checkboxDisabled,\n ...collapsibleProps\n}) => {\n return (\n <Collapsible\n contentLeft={\n <Checkbox\n value={value}\n indeterminate={indeterminate}\n onValueChange={onValueChange}\n onChange={onChange}\n disabled={checkboxDisabled}\n onClick={(ev) => ev.stopPropagation()}\n />\n }\n {...collapsibleProps}\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenuCollapsibleGroupBox.module.css\";\n\nexport interface SidebarMenuCollapsibleGroupBoxProps {\n children?: ReactNode;\n}\n\nexport const SidebarMenuCollapsibleGroupBox: React.FC<\n SidebarMenuCollapsibleGroupBoxProps\n> = ({ children }) => {\n return (\n <div className={styles.sidebarMenuCollapsibleGroupBox}>{children}</div>\n );\n};\n","import { Box, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\n\nexport interface CollapsibleGroupHeadingProps {\n children: string;\n}\n\nexport const CollapsibleGroupHeading: React.FC<\n CollapsibleGroupHeadingProps\n> = ({ children }) => (\n <Box spacing indent>\n <Text variant={\"overline\"} size={\"smaller\"}>\n {children}\n </Text>\n </Box>\n);\n","import { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon, stenaMail } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface CollapsibleEmptyContentProps {\n text?: string;\n}\n\nexport const CollapsibleEmptyContent: React.FC<\n CollapsibleEmptyContentProps\n> = ({ text = \"No content\" }) => {\n return (\n <Column indent spacing flex={1} alignItems={\"center\"}>\n <Icon icon={stenaMail} color={cssColor(\"--lhds-color-ui-500\")} />\n <Space />\n <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n {text}\n </Text>\n </Column>\n );\n};\n","import {\n Box,\n Column,\n Heading,\n HeadingProps,\n Space,\n Text,\n} from \"@stenajs-webui/core\";\nimport {\n Card,\n CardBody,\n CardProps,\n CircledIcon,\n stenaTripFerryXl,\n XlIcon,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface ErrorPanelProps extends CardProps, PropsWithChildren {\n text?: string;\n heading?: string;\n buttons?: ReactNode;\n icon?: XlIcon;\n headingLevel?: HeadingProps[\"as\"];\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n text,\n heading,\n children,\n buttons,\n icon = stenaTripFerryXl,\n headingLevel = \"h3\",\n ...cardProps\n}) => {\n const activeText =\n !text && !heading ? \"Something unexpected happened.\" : text;\n\n return (\n <Card {...cardProps}>\n <CardBody>\n <Column spacing={1} gap={3} alignItems={\"center\"}>\n <Column alignItems={\"center\"}>\n <Space num={1} />\n <CircledIcon icon={icon} size={\"xl\"} />\n </Column>\n {heading && <Heading as={headingLevel}>{heading}</Heading>}\n {activeText && <Text>{activeText}</Text>}\n {children}\n {buttons && (\n <Box>\n <Space num={2} />\n {buttons}\n </Box>\n )}\n </Column>\n </CardBody>\n </Card>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <ErrorPanel {...props} />\n </Box>\n );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n text = \"Loading...\",\n}) => {\n return (\n <Box alignItems={\"center\"}>\n <Spinner size={\"small\"} />\n <Space num={4} />\n <Heading variant={\"h4\"}>{text}</Heading>\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <LoadingPanel {...props} />\n </Box>\n );\n};\n","import { Box, Row, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface PageHeaderProps {\n renderBreadCrumbs?: () => ReactNode;\n renderPageHeading?: () => ReactNode;\n renderTabs?: () => ReactNode;\n children?: ReactNode;\n}\n\nexport const PageHeader: React.FC<PageHeaderProps> = ({\n renderBreadCrumbs,\n renderPageHeading,\n renderTabs,\n children,\n}) => {\n return (\n <Box shadow={\"bottom\"} background={cssColor(\"--lhds-color-ui-50\")} gap={2}>\n <Box indent={3}>\n {renderBreadCrumbs && (\n <Row spacing={1} alignItems={\"center\"}>\n <Row width={\"64px\"} height={\"16px\"} />\n {renderBreadCrumbs()}\n </Row>\n )}\n {renderPageHeading?.()}\n {renderTabs && <Space />}\n {renderTabs?.()}\n </Box>\n {children}\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { BoxProps, Row } from \"@stenajs-webui/core\";\n\nexport interface PageHeaderRowProps extends BoxProps {}\n\nexport const PageHeaderRow: React.FC<PageHeaderRowProps> = (props) => (\n <Row indent={3} spacing {...props} />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\n\nexport type PageHeadingVariant = \"compact\" | \"standard\" | \"relaxed\";\n\ninterface PageHeadingProps {\n icon?: MediumIcon;\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n heading: string;\n headingLevel?: HeadingVariant;\n variant?: PageHeadingVariant;\n}\n\nexport const PageHeading: React.FC<PageHeadingProps> = ({\n icon,\n heading,\n headingLevel = \"h2\",\n contentLeft,\n contentRight,\n}) => (\n <Row alignItems={\"center\"} gap={2} height={\"64px\"}>\n <Row alignItems={\"center\"}>\n <Row width={\"64px\"} alignItems={\"center\"}>\n {icon && <CircledIcon icon={icon} />}\n </Row>\n <Heading variant={\"h3\"} as={headingLevel}>\n {heading}\n </Heading>\n </Row>\n <Row alignItems={\"center\"}>{contentLeft}</Row>\n <Row style={{ marginLeft: \"auto\" }} alignItems={\"center\"}>\n {contentRight}\n </Row>\n </Row>\n);\n","import * as React from \"react\";\nimport styles from \"./SidebarMenuCloseButtonRow.module.css\";\nimport { ButtonElementProps, Column, Row, Space } from \"@stenajs-webui/core\";\nimport { CloseButton, StenaFlag } from \"@stenajs-webui/elements\";\n\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SidebarMenuCloseButtonRowProps extends ButtonElementProps {}\n\nexport const SidebarMenuCloseButtonRow: React.FC<\n SidebarMenuCloseButtonRowProps\n> = ({ onClick }) => {\n return (\n <Column background={cssColor(\"--lhds-color-ui-50\")}>\n <Space />\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n flex={1}\n indent={1}\n minHeight={\"48px\"}\n >\n <CloseButton onClick={onClick} />\n <StenaFlag className={styles.stenaFlag} />\n </Row>\n </Column>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButton,\n MenuButtonProps,\n stenaAngleLeftDouble,\n stenaPin,\n} from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuPinButtonProps {\n isPinned?: boolean;\n label?: string;\n onClick?: MenuButtonProps[\"onClick\"];\n}\n\nexport const SidebarMenuPinButton: React.FC<SidebarMenuPinButtonProps> = ({\n isPinned,\n onClick,\n label,\n}) => {\n const pinLabel = isPinned ? \"Unpin menu\" : \"Pin menu\";\n const activeLabel = label ?? pinLabel;\n const activeIcon = isPinned ? stenaAngleLeftDouble : stenaPin;\n\n return (\n <MenuButton onClick={onClick} label={activeLabel} leftIcon={activeIcon} />\n );\n};\n","import { Box, BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n SidebarMenuCloseButtonRow,\n SidebarMenuCloseButtonRowProps,\n} from \"./SidebarMenuCloseButtonRow\";\nimport { SidebarMenuPinButton } from \"./SidebarMenuPinButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n onCloseClick?: SidebarMenuCloseButtonRowProps[\"onClick\"];\n pinButtonVisible?: boolean;\n isPinned?: boolean;\n bottomItems?: ReactNode;\n onClickPinButton?: () => void;\n}\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n className,\n children,\n onCloseClick,\n pinButtonVisible,\n onClickPinButton,\n bottomItems,\n isPinned,\n ...boxProps\n}) => {\n return (\n <Box {...boxProps} className={cx(styles.sidebarMenu, className)}>\n <SidebarMenuCloseButtonRow onClick={onCloseClick} />\n <Box className={styles.scrollContainer}>\n <Column\n className={styles.sidebarItems}\n justifyContent={\"space-between\"}\n flex={1}\n gap={1}\n indent={1}\n >\n <Column gap={1}>{children}</Column>\n {(bottomItems || pinButtonVisible) && (\n <Column gap={1}>\n {bottomItems}\n {pinButtonVisible && (\n <SidebarMenuPinButton\n isPinned={isPinned}\n onClick={onClickPinButton}\n />\n )}\n <Space />\n </Column>\n )}\n </Column>\n </Box>\n </Box>\n );\n};\n","import { createContext, useContext } from \"react\";\n\nexport const RailContext = createContext<boolean | undefined>(false);\n\nexport const useRailContext = () => useContext(RailContext);\n","import * as React from \"react\";\nimport { IconMenuButton, IconMenuButtonProps } from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuButtonProps = IconMenuButtonProps & { label: string };\n\nexport const RailMenuButton: React.FC<RailMenuButtonProps> = ({\n label,\n ...menuButtonLinkProps\n}) => {\n return (\n <Tooltip label={label} placement={\"right\"} appendTo={document.body}>\n <IconMenuButton {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column } from \"@stenajs-webui/core\";\nimport { RailContext } from \"./RailContext\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport {\n IconMenuButton,\n stenaAngleLeftDouble,\n stenaHamburger,\n} from \"@stenajs-webui/elements\";\nimport { RailMenuButton } from \"../items/RailMenuButton\";\n\ninterface SidebarRailMenuProps {\n closeButtonVisible?: boolean;\n onClickCloseButton?: () => void;\n onClickMenuButton?: () => void;\n children?: ReactNode;\n bottomItems?: ReactNode;\n closeButtonTitle?: string;\n}\n\nexport const SidebarRailMenu: React.FC<SidebarRailMenuProps> = ({\n closeButtonVisible,\n onClickCloseButton,\n onClickMenuButton,\n children,\n bottomItems,\n closeButtonTitle = \"Unpin menu\",\n}) => {\n return (\n <Box\n position={\"fixed\"}\n left={0}\n top={0}\n bottom={0}\n indent={0.5}\n spacing={1}\n gap={1}\n shadow={\"popover\"}\n background={cssColor(\"--lhds-color-ui-50\")}\n >\n <IconMenuButton onClick={onClickMenuButton} icon={stenaHamburger} />\n <Column justifyContent={\"space-between\"} flex={1} gap={1}>\n <Column gap={1}>\n <RailContext.Provider value={true}>{children}</RailContext.Provider>\n </Column>\n <Column gap={1}>\n {(bottomItems || closeButtonVisible) && (\n <RailContext.Provider value={true}>\n {bottomItems}\n {closeButtonVisible && (\n <RailMenuButton\n icon={stenaAngleLeftDouble}\n label={closeButtonTitle}\n onClick={onClickCloseButton}\n />\n )}\n </RailContext.Provider>\n )}\n </Column>\n </Column>\n </Box>\n );\n};\n","import { Box, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { useRailContext } from \"../rail/RailContext\";\n\nexport interface SidebarMenuHeadingProps {\n label: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n label,\n}) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return null;\n }\n\n return (\n <Box height={\"32px\"} justifyContent={\"center\"} indent={1}>\n <Space />\n <Text variant={\"overline\"} size={\"smaller\"}>\n {label}\n </Text>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport {\n IconMenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const RailMenuLink: React.FC<RailMenuLinkProps> = ({\n label,\n leftIcon,\n ...menuButtonLinkProps\n}) => {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <Tooltip label={label} placement={\"right\"}>\n <IconMenuButtonLink icon={leftIcon} {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuLink } from \"./RailMenuLink\";\n\nexport type SidebarMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = (props) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return <RailMenuLink {...props} />;\n }\n\n return <MenuButtonLink {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Box } from \"@stenajs-webui/core\";\nimport { SidebarMenuHeading } from \"./SidebarMenuHeading\";\nimport { RailContext } from \"../rail/RailContext\";\nimport { IconMenuButton } from \"@stenajs-webui/elements\";\n\nexport interface RailMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n icon: IconDefinition;\n children?: ReactNode;\n popupMinWidth?: string;\n}\n\nexport const RailMenuCollapsible: React.FC<RailMenuCollapsibleProps> = ({\n children,\n label,\n icon,\n popupMinWidth = \"200px\",\n}) => {\n return (\n <Popover\n renderTrigger={(props) => <IconMenuButton icon={icon} {...props} />}\n placement={\"right-start\"}\n trigger={[\"hover\", \"focus\"]}\n disablePadding\n >\n <Box\n minWidth={popupMinWidth}\n shadow={\"popover\"}\n spacing={1}\n indent={1}\n gap={2}\n >\n <RailContext.Provider value={false}>\n <SidebarMenuHeading label={label} />\n {children}\n </RailContext.Provider>\n </Box>\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode, useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuCollapsible } from \"./RailMenuCollapsible\";\nimport { SidebarMenuCollapsibleGroupBox } from \"./SidebarMenuCollapsibleGroupBox\";\n\nexport interface SidebarMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n leftIcon?: IconDefinition;\n children?: ReactNode;\n className?: string;\n initialExpand?: boolean;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n children,\n label,\n leftIcon,\n className,\n initialExpand = false,\n}) => {\n const [expanded, setExpanded] = useState<boolean>(initialExpand);\n\n const isRail = useRailContext();\n\n if (isRail) {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <RailMenuCollapsible label={label} icon={leftIcon}>\n {children}\n </RailMenuCollapsible>\n );\n }\n return (\n <MenuButton\n label={label}\n onClick={() => setExpanded(!expanded)}\n leftIcon={leftIcon}\n className={className}\n expandable\n expanded={expanded}\n selected={expanded}\n >\n <SidebarMenuCollapsibleGroupBox>\n {children}\n </SidebarMenuCollapsibleGroupBox>\n </MenuButton>\n );\n};\n","import { SeparatorLine, SeparatorLineProps } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n separatorLineProps,\n) => (\n <SeparatorLine\n color={cssColor(\"--lhds-color-ui-400\")}\n {...separatorLineProps}\n />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Row, Space, Text } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectedItemsActionsPanelProps {\n numItemsSelected?: number;\n label?: ReactNode | string;\n afterLabelContent?: ReactNode;\n rightContent?: ReactNode;\n}\n\nexport const SelectedItemsActionsPanel: React.FC<\n SelectedItemsActionsPanelProps\n> = ({ numItemsSelected, label, afterLabelContent, rightContent }) => (\n <Row\n indent={3}\n spacing\n gap={3}\n minHeight={\"56px\"}\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n background={cssColor(\"--silver-lighter\")}\n flex={1}\n borderRadius={\"var(--swui-border-radius)\"}\n >\n <Row alignItems={\"center\"} gap={2}>\n {numItemsSelected != null || label != null ? (\n <Row alignItems={\"center\"}>\n {numItemsSelected != null ? (\n <>\n <Text>{numItemsSelected}</Text>\n <Space />\n <Text>item{numItemsSelected === 1 ? \"\" : \"s\"} selected</Text>\n </>\n ) : label != null ? (\n <>{typeof label === \"string\" ? <Text>{label}</Text> : label}</>\n ) : null}\n </Row>\n ) : null}\n {afterLabelContent && <Row>{afterLabelContent}</Row>}\n </Row>\n <Row gap={2}>{rightContent}</Row>\n </Row>\n);\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\n\nexport interface SelectedItemsActionsPaddingProps extends PropsWithChildren {}\n\nexport const SelectedItemsActionsPadding: React.FC<\n SelectedItemsActionsPaddingProps\n> = ({ children }) => {\n return (\n <Row spacing={0.5} indent={0.5} flex={1}>\n {children}\n </Row>\n );\n};\n"],"names":["ActionMenuButton","renderItems","placement","Button","rightIcon","stenaAngleDown","menuWidth","menuTop","onClick","disableArrow","buttonRef","appendTo","zIndex","buttonProps","isOpen","open","close","toggle","useBoolean","fallbackRef","useRef","ref","contextValue","useMemo","handleClick","event","jsx","Fragment","ControlledPopover","props","ActionMenu","ActionMenuContext","ActionMenuPrimaryButton","PrimaryButton","ActionMenuSecondaryButton","SecondaryButton","ActionMenuFlatButton","FlatButton","border","CheckboxMenu","renderMenu","checkboxProps","Popover","Row","jsxs","Checkbox","Indent","onRequestClose","Column","NavBarSideMenuButton","className","stenaHamburger","NavBar","left","showMenuButton","children","right","center","onClickMenuButton","currentFlex","cx","styles","React","child","index","NavBarButton","forwardRef","selected","NavBarHeading","headingProps","Heading","NavBarPopoverButton","content","navBarButtonProps","Box","NavBarNotificationButton","count","unread","labelClassName","iconClassName","icon","stenaBellFilled","hasCount","BaseButton","NavBarSearchField","placeholder","wrapperClassName","showClearButton","onClickClearButton","value","textInputProps","TextInput","TextInputButton","stenaTimes","NavBarUserButton","username","initials","stenaUserCircle","responsiveIconOnly","UnreadDot","NotificationHeader","text","timestamp","iconAriaLabel","contentLeft","contentRight","onClose","variant","iconBackgroundColor","circledIcon","CircledIcon","getIconBgColorFromVariant","Text","cssColor","CloseButton","Notification","headerProps","NotificationList","Toast","onClickAriaLabel","width","maxWidth","Space","Collapsible","collapsed","MenuButton","CollapsibleList","CollapsibleWithCheckbox","onValueChange","onChange","indeterminate","checkboxDisabled","collapsibleProps","ev","SidebarMenuCollapsibleGroupBox","CollapsibleGroupHeading","CollapsibleEmptyContent","Icon","stenaMail","ErrorPanel","heading","buttons","stenaTripFerryXl","headingLevel","cardProps","activeText","Card","CardBody","ErrorScreen","LoadingPanel","Spinner","LoadingScreen","PageHeader","renderBreadCrumbs","renderPageHeading","renderTabs","PageHeaderRow","PageHeading","SidebarMenuCloseButtonRow","StenaFlag","SidebarMenuPinButton","isPinned","label","stenaAngleLeftDouble","stenaPin","SidebarMenu","onCloseClick","pinButtonVisible","onClickPinButton","bottomItems","boxProps","RailContext","createContext","useRailContext","useContext","RailMenuButton","menuButtonLinkProps","Tooltip","IconMenuButton","SidebarRailMenu","closeButtonVisible","onClickCloseButton","closeButtonTitle","SidebarMenuHeading","RailMenuLink","leftIcon","IconMenuButtonLink","SidebarMenuLink","MenuButtonLink","RailMenuCollapsible","popupMinWidth","SidebarMenuCollapsible","initialExpand","expanded","setExpanded","useState","SidebarMenuSeparator","separatorLineProps","SeparatorLine","SelectedItemsActionsPanel","numItemsSelected","afterLabelContent","rightContent","SelectedItemsActionsPadding"],"mappings":"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"}
1
+ {"version":3,"file":"index.es.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarNotificationButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/nav-bar/NavBarUserButton.tsx","../src/components/notifications/UnreadDot.tsx","../src/components/notifications/NotificationHeader.tsx","../src/components/notifications/Notification.tsx","../src/components/notifications/NotificationList.tsx","../src/components/notifications/Toast.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleList.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsibleGroupBox.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/page-header/PageHeader.tsx","../src/components/page-header/PageHeaderRow.tsx","../src/components/page-header/PageHeading.tsx","../src/components/sidebar-menu/SidebarMenuCloseButtonRow.tsx","../src/components/sidebar-menu/SidebarMenuPinButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/rail/RailContext.ts","../src/components/sidebar-menu/items/RailMenuButton.tsx","../src/components/sidebar-menu/rail/SidebarRailMenu.tsx","../src/components/sidebar-menu/items/SidebarMenuHeading.tsx","../src/components/sidebar-menu/items/RailMenuLink.tsx","../src/components/sidebar-menu/items/SidebarMenuLink.tsx","../src/components/sidebar-menu/items/RailMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuSeparator.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPanel.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPadding.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, RefObject, useMemo, useRef } from \"react\";\nimport {\n ActionMenu,\n ActionMenuContext,\n ActionMenuProps,\n FlatButton,\n PrimaryButton,\n PrimaryButtonProps,\n SecondaryButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n PopoverProps,\n} from \"@stenajs-webui/tooltip\";\n\nexport interface ActionMenuButtonProps\n extends Omit<\n PrimaryButtonProps,\n \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n > {\n /** The content of the Action Menu. */\n renderItems: (close: () => void) => ReactNode;\n /** The placement of the Action Menu. */\n placement?: PopoverProps[\"placement\"];\n /** Z-index of the Action Menu */\n zIndex?: number;\n /** Portal target, HTML element. If not set, portal is not used. */\n appendTo?: ControlledPopoverProps[\"appendTo\"];\n menuWidth?: ActionMenuProps[\"width\"];\n menuTop?: ActionMenuProps[\"top\"];\n buttonComponent:\n | typeof PrimaryButton\n | typeof SecondaryButton\n | typeof FlatButton;\n disableArrow?: boolean;\n buttonRef?: RefObject<HTMLButtonElement | null>;\n /**\n * Use if focus should not be trapped inside the Action Menu.\n * Defaults to false. */\n disableTrapFocus?: boolean;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n renderItems,\n placement = \"bottom\",\n buttonComponent: Button,\n rightIcon = stenaAngleDown,\n menuWidth,\n menuTop,\n onClick,\n disableArrow = false,\n buttonRef,\n appendTo,\n zIndex,\n disableTrapFocus = false,\n ...buttonProps\n}) => {\n const [isOpen, open, close, toggle] = useBoolean(false);\n\n const fallbackRef = useRef<HTMLButtonElement>(null);\n const ref = buttonRef ?? fallbackRef;\n\n const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n ) => {\n onClick?.(event);\n toggle();\n };\n\n return (\n <>\n <ControlledPopover\n renderTrigger={(props) => (\n <Button\n rightIcon={disableArrow ? undefined : rightIcon}\n {...buttonProps}\n ref={ref}\n onClick={handleClick}\n {...props}\n />\n )}\n hideArrow\n disablePadding\n open={isOpen}\n onRequestClose={close}\n placement={placement}\n appendTo={appendTo}\n zIndex={zIndex}\n >\n {isOpen && (\n <ActionMenu\n width={menuWidth}\n top={menuTop}\n trapFocus={!disableTrapFocus}\n >\n <ActionMenuContext.Provider value={contextValue}>\n {renderItems(close)}\n </ActionMenuContext.Provider>\n </ActionMenu>\n )}\n </ControlledPopover>\n </>\n );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<\n ActionMenuSecondaryButtonProps\n> = (props) => {\n return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Column, Indent, Row } from \"@stenajs-webui/core\";\nimport {\n ActionMenu,\n FlatButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n renderMenu,\n ...checkboxProps\n}) => {\n return (\n <Popover\n trigger={\"click\"}\n renderTrigger={(props) => (\n <Row>\n <Row\n spacing={0.5}\n indent\n alignItems={\"center\"}\n border={border}\n borderRadius={\"4px\"}\n >\n <Checkbox {...checkboxProps} />\n <Indent num={0.5} />\n <FlatButton size={\"small\"} leftIcon={stenaAngleDown} {...props} />\n </Row>\n </Row>\n )}\n hideArrow\n disablePadding\n placement={\"bottom-start\"}\n >\n {({ onRequestClose }) => (\n <Column>\n <ActionMenu>{renderMenu(onRequestClose)}</ActionMenu>\n </Column>\n )}\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { FlatButton, stenaHamburger } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <FlatButton\n leftIcon={stenaHamburger}\n className={className}\n onClick={onClick}\n />\n );\n};\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n NavBarSideMenuButton,\n SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\n\nexport type NavBarVariant = \"compact\" | \"standard\" | \"relaxed\";\n\nexport interface NavBarProps {\n className?: string;\n showMenuButton?: boolean;\n onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n right?: ReactNode;\n center?: ReactNode;\n left?: ReactNode;\n variant?: NavBarVariant;\n children?: ReactNode;\n}\n\nexport const NavBar: React.FC<NavBarProps> = ({\n left,\n className,\n showMenuButton = false,\n children,\n right,\n center,\n onClickMenuButton,\n}) => {\n const currentFlex = center ? 1 : undefined;\n return (\n <Row\n justifyContent={\"space-between\"}\n className={cx(styles.navBar, className)}\n >\n <Row\n flex={currentFlex}\n justifyContent={\"flex-start\"}\n alignItems={\"center\"}\n >\n <Row width={\"86px\"} alignItems={\"center\"}>\n <Indent />\n {showMenuButton && (\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n )}\n </Row>\n\n {left && (\n <>\n {left}\n <Indent num={2} />\n </>\n )}\n {children && (\n <>\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {React.Children.map(children, (child, index) => (\n <>\n {index > 0 && <Indent />}\n {child}\n </>\n ))}\n </Row>\n </>\n )}\n </Row>\n {center && (\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {center}\n </Row>\n )}\n <Row justifyContent={\"flex-end\"} alignItems={\"center\"} flex={currentFlex}>\n {right}\n <Indent num={2} />\n </Row>\n </Row>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n selected?: boolean;\n}\n\nexport const NavBarButton = forwardRef<HTMLButtonElement, NavBarButtonProps>(\n function ({ selected, className, ...buttonProps }, ref) {\n return (\n <FlatButton\n {...buttonProps}\n ref={ref}\n className={cx(\n styles.navBarButton,\n selected && styles.selected,\n className,\n )}\n />\n );\n },\n);\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n return (\n <Heading whiteSpace={\"nowrap\"} variant={\"h4\"} as={\"h1\"} {...headingProps} />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n} from \"@stenajs-webui/tooltip\";\nimport { Box, useBoolean } from \"@stenajs-webui/core\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n extends Omit<NavBarButtonProps, \"onClick\" | \"content\">,\n Pick<ControlledPopoverProps, \"zIndex\" | \"appendTo\"> {\n content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n content,\n children,\n appendTo,\n zIndex,\n ...navBarButtonProps\n}) => {\n const [isOpen, , close, toggle] = useBoolean(false);\n\n return (\n <ControlledPopover\n renderTrigger={(props) => (\n <NavBarButton {...navBarButtonProps} {...props} onClick={toggle} />\n )}\n open={isOpen}\n onRequestClose={close}\n zIndex={zIndex}\n appendTo={appendTo}\n >\n <Box>\n {content && content({ close })}\n {children}\n </Box>\n </ControlledPopover>\n );\n};\n","import {\n BaseButton,\n FlatButtonProps,\n stenaBellFilled,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarNotificationButton.module.css\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface NavBarNotificationButtonProps\n extends Omit<FlatButtonProps, \"leftIcon\" | \"rightIcon\" | \"label\"> {\n count: number;\n unread: boolean;\n icon?: IconDefinition;\n}\n\nexport const NavBarNotificationButton = forwardRef<\n HTMLButtonElement,\n NavBarNotificationButtonProps\n>(function (\n {\n count,\n unread = false,\n className,\n labelClassName,\n iconClassName,\n icon = stenaBellFilled,\n ...buttonProps\n },\n ref,\n) {\n const hasCount = count > 1;\n\n return (\n <BaseButton\n {...buttonProps}\n ref={ref}\n leftIcon={icon}\n className={cx(\n styles.navBarNotificationButton,\n unread && styles.unread,\n hasCount && styles.hasCount,\n className,\n )}\n label={hasCount ? String(count) : undefined}\n labelClassName={cx(labelClassName, styles.label)}\n iconClassName={cx(iconClassName, styles.icon)}\n />\n );\n});\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { stenaTimes, TextInputButton } from \"@stenajs-webui/elements\";\n\nexport interface NavBarSearchFieldProps extends TextInputProps {\n showClearButton?: boolean;\n onClickClearButton?: ButtonElementProps[\"onClick\"];\n}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n placeholder = \"Search\",\n className,\n wrapperClassName,\n showClearButton,\n onClickClearButton,\n value,\n ...textInputProps\n}) => {\n return (\n <TextInput\n wrapperClassName={cx(\n styles.navBarSearchFieldWrapper,\n showClearButton ? styles.withButton : undefined,\n wrapperClassName,\n )}\n className={cx(styles.navBarSearchFieldInput, className)}\n placeholder={placeholder}\n value={value}\n buttonRight={\n value && showClearButton ? (\n <TextInputButton\n className={styles.clearButton}\n icon={stenaTimes}\n variant={\"error\"}\n onClick={onClickClearButton}\n />\n ) : undefined\n }\n {...textInputProps}\n />\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaUserCircle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n ActionMenuFlatButton,\n ActionMenuFlatButtonProps,\n} from \"../action-menu-button/ActionMenuFlatButton\";\nimport styles from \"./NavBarUserButton.module.css\";\n\nexport interface NavBarUserButtonProps\n extends Omit<ActionMenuFlatButtonProps, \"label\" | \"leftIcon\" | \"rightIcon\"> {\n username?: string;\n initials?: string;\n icon?: IconDefinition;\n}\n\nexport const NavBarUserButton: React.FC<NavBarUserButtonProps> = ({\n className,\n username,\n initials,\n icon = stenaUserCircle,\n responsiveIconOnly = initials == null,\n ...buttonProps\n}) => {\n return (\n <ActionMenuFlatButton\n {...buttonProps}\n className={cx(styles.navBarUserButton, className)}\n leftIcon={username != null ? icon : undefined}\n label={initials ?? username}\n forceRound={initials != null}\n responsiveIconOnly={responsiveIconOnly}\n disableArrow\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./UnreadDot.module.css\";\n\nexport interface UnreadDotProps {\n children: ReactNode;\n}\n\nexport const UnreadDot: React.FC<UnreadDotProps> = ({ children }) => {\n return (\n <div className={styles.unreadDot}>\n {children}\n <div className={styles.dot} />\n </div>\n );\n};\n","import { Box, Row, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { CircledIcon, CloseButton, MediumIcon } from \"@stenajs-webui/elements\";\nimport { cssColor, CssPropColor } from \"@stenajs-webui/theme\";\nimport { UnreadDot } from \"./UnreadDot\";\nimport { NotificationVariant } from \"./Notification\";\n\nexport interface NotificationHeaderProps {\n /** Text. */\n text: string;\n /** Timestamp. */\n timestamp?: string;\n /** Icon. */\n icon?: MediumIcon;\n /** Icon description for accessibility. */\n iconAriaLabel?: string;\n /** Left content instead of icon. */\n contentLeft?: React.ReactNode;\n /** Right content. */\n contentRight?: React.ReactNode;\n /** What happens on clicking close. */\n onClose?: () => void;\n /** Mark the notification as unread */\n unread?: boolean;\n /** Notification variant. Will affect icon bg color */\n variant?: NotificationVariant;\n /** Icon background color. Will override other icon bg color */\n iconBackgroundColor?: CssPropColor;\n}\n\nexport const NotificationHeader: React.FC<NotificationHeaderProps> = ({\n text,\n timestamp,\n icon,\n iconAriaLabel,\n contentLeft,\n contentRight,\n onClose,\n unread = false,\n variant,\n iconBackgroundColor,\n}) => {\n const circledIcon = icon ? (\n <CircledIcon\n size={\"small\"}\n icon={icon}\n aria-label={iconAriaLabel}\n backgroundColor={\n iconBackgroundColor\n ? iconBackgroundColor\n : getIconBgColorFromVariant(unread, variant)\n }\n />\n ) : undefined;\n\n return (\n <Row alignItems={\"flex-start\"} indent={2} spacing>\n <Row spacing gap={2} flex={1} alignItems={\"flex-start\"}>\n {contentLeft && (\n <Box minHeight={20} justifyContent={\"center\"}>\n {contentLeft}\n </Box>\n )}\n {!contentLeft &&\n circledIcon &&\n (unread ? <UnreadDot>{circledIcon}</UnreadDot> : circledIcon)}\n <Box minHeight={20} justifyContent={\"center\"} flex={1} gap={0.5}>\n <Text variant={\"bold\"}>{text}</Text>\n {timestamp && (\n <Text\n size={\"small\"}\n color={cssColor(\n unread ? \"--lhds-color-blue-600\" : \"--lhds-color-ui-600\",\n )}\n >\n {timestamp}\n </Text>\n )}\n </Box>\n {contentRight}\n </Row>\n {onClose && (\n <Box\n flex={\"none\"}\n justifyContent={\"center\"}\n height={\"calc(20px + 2 * var(--swui-metrics-spacing))\"}\n >\n <CloseButton onClick={onClose} />\n </Box>\n )}\n </Row>\n );\n};\n\nexport const getIconBgColorFromVariant = (\n unread: boolean,\n variant?: NotificationVariant,\n): CssPropColor | undefined => {\n if (!unread && variant === \"standard\") {\n return undefined;\n }\n return \"--lhds-color-ui-50\";\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\nimport styles from \"./Notification.module.css\";\nimport cx from \"classnames\";\n\nexport type NotificationVariant = \"standard\" | \"danger\";\n\nexport interface NotificationProps extends NotificationHeaderProps {\n children?: ReactNode;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n variant = \"standard\",\n children,\n unread,\n ...headerProps\n}) => (\n <div\n className={cx(\n styles.notification,\n styles[variant],\n unread && styles.unread,\n )}\n >\n <NotificationHeader {...headerProps} unread={unread} variant={variant} />\n {children && <Column className={styles.body}>{children}</Column>}\n </div>\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./NotificationList.module.css\";\n\nexport interface NotificationListProps {\n children?: ReactNode;\n}\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n children,\n}) => {\n return (\n <div className={styles.notificationList}>\n {children}\n <div />\n </div>\n );\n};\n","import { Box, BoxProps, Space } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\nimport styles from \"./Toast.module.css\";\nimport cx from \"classnames\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\n\nexport interface ToastProps\n extends Pick<BoxProps, \"children\" | \"width\" | \"maxWidth\">,\n Omit<NotificationHeaderProps, \"contentRight\"> {\n /** What happens on clicking the toast. */\n onClick?: () => void;\n /** Description of what happens on clicking the toast for accessibility. */\n onClickAriaLabel?: string;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n onClick,\n onClickAriaLabel,\n children,\n width = 264,\n maxWidth,\n ...headerProps\n}) => (\n <Box\n borderRadius={8}\n background={cssColor(\"--lhds-color-ui-50\")}\n shadow={\"popover\"}\n width={width}\n maxWidth={maxWidth}\n role={\"alert\"}\n position={\"relative\"}\n >\n <Box className={cx({ [styles.nonClickable]: onClick })}>\n <NotificationHeader {...headerProps} />\n </Box>\n {children && (\n <Box indent={3} className={cx({ [styles.nonClickable]: onClick })}>\n {children}\n <Space num={2} />\n </Box>\n )}\n {onClick && (\n <button\n onClick={onClick}\n className={styles.clickable}\n aria-label={onClickAriaLabel}\n ></button>\n )}\n </Box>\n);\n","import { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef, ReactNode } from \"react\";\n\nexport type CollapsibleProps =\n | CollapsibleLabelProps\n | CollapsibleRenderLabelProps;\n\nexport interface CollapsibleCommonProps\n extends Omit<ButtonElementProps, \"value\"> {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n collapsed?: boolean;\n}\n\nexport interface CollapsibleLabelProps extends CollapsibleCommonProps {\n label: string;\n}\n\nexport interface CollapsibleRenderLabelProps extends CollapsibleCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n ({ contentLeft, contentRight, collapsed = false, ...props }, ref) => (\n <MenuButton\n ref={ref}\n expandable\n expanded={!collapsed}\n selected={!collapsed}\n left={contentLeft}\n right={contentRight}\n {...props}\n />\n ),\n);\n","import * as React from \"react\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { ReactNode } from \"react\";\n\nexport interface CollapsibleListProps {\n children?: ReactNode;\n}\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = ({\n children,\n}) => {\n return <Column gap={1}>{children}</Column>;\n};\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport type CollapsibleWithCheckboxProps =\n | CollapsibleWithCheckboxLabelProps\n | CollapsibleWithCheckboxRenderLabelProps;\n\nexport interface CollapsibleWithCheckboxCommonProps\n extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n Pick<\n CheckboxProps,\n \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n > {\n checkboxDisabled?: CheckboxProps[\"disabled\"];\n}\n\nexport interface CollapsibleWithCheckboxLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n label: string;\n}\n\nexport interface CollapsibleWithCheckboxRenderLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const CollapsibleWithCheckbox: React.FC<\n CollapsibleWithCheckboxProps\n> = ({\n value,\n onValueChange,\n onChange,\n indeterminate,\n checkboxDisabled,\n ...collapsibleProps\n}) => {\n return (\n <Collapsible\n contentLeft={\n <Checkbox\n value={value}\n indeterminate={indeterminate}\n onValueChange={onValueChange}\n onChange={onChange}\n disabled={checkboxDisabled}\n onClick={(ev) => ev.stopPropagation()}\n />\n }\n {...collapsibleProps}\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenuCollapsibleGroupBox.module.css\";\n\nexport interface SidebarMenuCollapsibleGroupBoxProps {\n children?: ReactNode;\n}\n\nexport const SidebarMenuCollapsibleGroupBox: React.FC<\n SidebarMenuCollapsibleGroupBoxProps\n> = ({ children }) => {\n return (\n <div className={styles.sidebarMenuCollapsibleGroupBox}>{children}</div>\n );\n};\n","import { Box, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\n\nexport interface CollapsibleGroupHeadingProps {\n children: string;\n}\n\nexport const CollapsibleGroupHeading: React.FC<\n CollapsibleGroupHeadingProps\n> = ({ children }) => (\n <Box spacing indent>\n <Text variant={\"overline\"} size={\"smaller\"}>\n {children}\n </Text>\n </Box>\n);\n","import { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon, stenaMail } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface CollapsibleEmptyContentProps {\n text?: string;\n}\n\nexport const CollapsibleEmptyContent: React.FC<\n CollapsibleEmptyContentProps\n> = ({ text = \"No content\" }) => {\n return (\n <Column indent spacing flex={1} alignItems={\"center\"}>\n <Icon icon={stenaMail} color={cssColor(\"--lhds-color-ui-500\")} />\n <Space />\n <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n {text}\n </Text>\n </Column>\n );\n};\n","import {\n Box,\n Column,\n Heading,\n HeadingProps,\n Space,\n Text,\n} from \"@stenajs-webui/core\";\nimport {\n Card,\n CardBody,\n CardProps,\n CircledIcon,\n stenaTripFerryXl,\n XlIcon,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface ErrorPanelProps extends CardProps, PropsWithChildren {\n text?: string;\n heading?: string;\n buttons?: ReactNode;\n icon?: XlIcon;\n headingLevel?: HeadingProps[\"as\"];\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n text,\n heading,\n children,\n buttons,\n icon = stenaTripFerryXl,\n headingLevel = \"h3\",\n ...cardProps\n}) => {\n const activeText =\n !text && !heading ? \"Something unexpected happened.\" : text;\n\n return (\n <Card {...cardProps}>\n <CardBody>\n <Column spacing={1} gap={3} alignItems={\"center\"}>\n <Column alignItems={\"center\"}>\n <Space num={1} />\n <CircledIcon icon={icon} size={\"xl\"} />\n </Column>\n {heading && <Heading as={headingLevel}>{heading}</Heading>}\n {activeText && <Text>{activeText}</Text>}\n {children}\n {buttons && (\n <Box>\n <Space num={2} />\n {buttons}\n </Box>\n )}\n </Column>\n </CardBody>\n </Card>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <ErrorPanel {...props} />\n </Box>\n );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n text = \"Loading...\",\n}) => {\n return (\n <Box alignItems={\"center\"}>\n <Spinner size={\"small\"} />\n <Space num={4} />\n <Heading variant={\"h4\"}>{text}</Heading>\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <LoadingPanel {...props} />\n </Box>\n );\n};\n","import { Box, Row, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface PageHeaderProps {\n renderBreadCrumbs?: () => ReactNode;\n renderPageHeading?: () => ReactNode;\n renderTabs?: () => ReactNode;\n children?: ReactNode;\n}\n\nexport const PageHeader: React.FC<PageHeaderProps> = ({\n renderBreadCrumbs,\n renderPageHeading,\n renderTabs,\n children,\n}) => {\n return (\n <Box shadow={\"bottom\"} background={cssColor(\"--lhds-color-ui-50\")} gap={2}>\n <Box indent={3}>\n {renderBreadCrumbs && (\n <Row spacing={1} alignItems={\"center\"}>\n <Row width={\"64px\"} height={\"16px\"} />\n {renderBreadCrumbs()}\n </Row>\n )}\n {renderPageHeading?.()}\n {renderTabs && <Space />}\n {renderTabs?.()}\n </Box>\n {children}\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { BoxProps, Row } from \"@stenajs-webui/core\";\n\nexport interface PageHeaderRowProps extends BoxProps {}\n\nexport const PageHeaderRow: React.FC<PageHeaderRowProps> = (props) => (\n <Row indent={3} spacing {...props} />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\n\nexport type PageHeadingVariant = \"compact\" | \"standard\" | \"relaxed\";\n\ninterface PageHeadingProps {\n icon?: MediumIcon;\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n heading: string;\n headingLevel?: HeadingVariant;\n variant?: PageHeadingVariant;\n}\n\nexport const PageHeading: React.FC<PageHeadingProps> = ({\n icon,\n heading,\n headingLevel = \"h2\",\n contentLeft,\n contentRight,\n}) => (\n <Row alignItems={\"center\"} gap={2} height={\"64px\"}>\n <Row alignItems={\"center\"}>\n <Row width={\"64px\"} alignItems={\"center\"}>\n {icon && <CircledIcon icon={icon} />}\n </Row>\n <Heading variant={\"h3\"} as={headingLevel}>\n {heading}\n </Heading>\n </Row>\n <Row alignItems={\"center\"}>{contentLeft}</Row>\n <Row style={{ marginLeft: \"auto\" }} alignItems={\"center\"}>\n {contentRight}\n </Row>\n </Row>\n);\n","import * as React from \"react\";\nimport styles from \"./SidebarMenuCloseButtonRow.module.css\";\nimport { ButtonElementProps, Column, Row, Space } from \"@stenajs-webui/core\";\nimport { CloseButton, StenaFlag } from \"@stenajs-webui/elements\";\n\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SidebarMenuCloseButtonRowProps extends ButtonElementProps {}\n\nexport const SidebarMenuCloseButtonRow: React.FC<\n SidebarMenuCloseButtonRowProps\n> = ({ onClick }) => {\n return (\n <Column background={cssColor(\"--lhds-color-ui-50\")}>\n <Space />\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n flex={1}\n indent={1}\n minHeight={\"48px\"}\n >\n <CloseButton onClick={onClick} />\n <StenaFlag className={styles.stenaFlag} />\n </Row>\n </Column>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButton,\n MenuButtonProps,\n stenaAngleLeftDouble,\n stenaPin,\n} from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuPinButtonProps {\n isPinned?: boolean;\n label?: string;\n onClick?: MenuButtonProps[\"onClick\"];\n}\n\nexport const SidebarMenuPinButton: React.FC<SidebarMenuPinButtonProps> = ({\n isPinned,\n onClick,\n label,\n}) => {\n const pinLabel = isPinned ? \"Unpin menu\" : \"Pin menu\";\n const activeLabel = label ?? pinLabel;\n const activeIcon = isPinned ? stenaAngleLeftDouble : stenaPin;\n\n return (\n <MenuButton onClick={onClick} label={activeLabel} leftIcon={activeIcon} />\n );\n};\n","import { Box, BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n SidebarMenuCloseButtonRow,\n SidebarMenuCloseButtonRowProps,\n} from \"./SidebarMenuCloseButtonRow\";\nimport { SidebarMenuPinButton } from \"./SidebarMenuPinButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n onCloseClick?: SidebarMenuCloseButtonRowProps[\"onClick\"];\n pinButtonVisible?: boolean;\n isPinned?: boolean;\n bottomItems?: ReactNode;\n onClickPinButton?: () => void;\n}\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n className,\n children,\n onCloseClick,\n pinButtonVisible,\n onClickPinButton,\n bottomItems,\n isPinned,\n ...boxProps\n}) => {\n return (\n <Box {...boxProps} className={cx(styles.sidebarMenu, className)}>\n <SidebarMenuCloseButtonRow onClick={onCloseClick} />\n <Box className={styles.scrollContainer}>\n <Column\n className={styles.sidebarItems}\n justifyContent={\"space-between\"}\n flex={1}\n gap={1}\n indent={1}\n >\n <Column gap={1}>{children}</Column>\n {(bottomItems || pinButtonVisible) && (\n <Column gap={1}>\n {bottomItems}\n {pinButtonVisible && (\n <SidebarMenuPinButton\n isPinned={isPinned}\n onClick={onClickPinButton}\n />\n )}\n <Space />\n </Column>\n )}\n </Column>\n </Box>\n </Box>\n );\n};\n","import { createContext, useContext } from \"react\";\n\nexport const RailContext = createContext<boolean | undefined>(false);\n\nexport const useRailContext = () => useContext(RailContext);\n","import * as React from \"react\";\nimport { IconMenuButton, IconMenuButtonProps } from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuButtonProps = IconMenuButtonProps & { label: string };\n\nexport const RailMenuButton: React.FC<RailMenuButtonProps> = ({\n label,\n ...menuButtonLinkProps\n}) => {\n return (\n <Tooltip label={label} placement={\"right\"} appendTo={document.body}>\n <IconMenuButton {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column } from \"@stenajs-webui/core\";\nimport { RailContext } from \"./RailContext\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport {\n IconMenuButton,\n stenaAngleLeftDouble,\n stenaHamburger,\n} from \"@stenajs-webui/elements\";\nimport { RailMenuButton } from \"../items/RailMenuButton\";\n\ninterface SidebarRailMenuProps {\n closeButtonVisible?: boolean;\n onClickCloseButton?: () => void;\n onClickMenuButton?: () => void;\n children?: ReactNode;\n bottomItems?: ReactNode;\n closeButtonTitle?: string;\n}\n\nexport const SidebarRailMenu: React.FC<SidebarRailMenuProps> = ({\n closeButtonVisible,\n onClickCloseButton,\n onClickMenuButton,\n children,\n bottomItems,\n closeButtonTitle = \"Unpin menu\",\n}) => {\n return (\n <Box\n position={\"fixed\"}\n left={0}\n top={0}\n bottom={0}\n indent={0.5}\n spacing={1}\n gap={1}\n shadow={\"popover\"}\n background={cssColor(\"--lhds-color-ui-50\")}\n >\n <IconMenuButton onClick={onClickMenuButton} icon={stenaHamburger} />\n <Column justifyContent={\"space-between\"} flex={1} gap={1}>\n <Column gap={1}>\n <RailContext.Provider value={true}>{children}</RailContext.Provider>\n </Column>\n <Column gap={1}>\n {(bottomItems || closeButtonVisible) && (\n <RailContext.Provider value={true}>\n {bottomItems}\n {closeButtonVisible && (\n <RailMenuButton\n icon={stenaAngleLeftDouble}\n label={closeButtonTitle}\n onClick={onClickCloseButton}\n />\n )}\n </RailContext.Provider>\n )}\n </Column>\n </Column>\n </Box>\n );\n};\n","import { Box, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { useRailContext } from \"../rail/RailContext\";\n\nexport interface SidebarMenuHeadingProps {\n label: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n label,\n}) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return null;\n }\n\n return (\n <Box height={\"32px\"} justifyContent={\"center\"} indent={1}>\n <Space />\n <Text variant={\"overline\"} size={\"smaller\"}>\n {label}\n </Text>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport {\n IconMenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const RailMenuLink: React.FC<RailMenuLinkProps> = ({\n label,\n leftIcon,\n ...menuButtonLinkProps\n}) => {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <Tooltip label={label} placement={\"right\"}>\n <IconMenuButtonLink icon={leftIcon} {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuLink } from \"./RailMenuLink\";\n\nexport type SidebarMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = (props) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return <RailMenuLink {...props} />;\n }\n\n return <MenuButtonLink {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Box } from \"@stenajs-webui/core\";\nimport { SidebarMenuHeading } from \"./SidebarMenuHeading\";\nimport { RailContext } from \"../rail/RailContext\";\nimport { IconMenuButton } from \"@stenajs-webui/elements\";\n\nexport interface RailMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n icon: IconDefinition;\n children?: ReactNode;\n popupMinWidth?: string;\n}\n\nexport const RailMenuCollapsible: React.FC<RailMenuCollapsibleProps> = ({\n children,\n label,\n icon,\n popupMinWidth = \"200px\",\n}) => {\n return (\n <Popover\n renderTrigger={(props) => <IconMenuButton icon={icon} {...props} />}\n placement={\"right-start\"}\n trigger={[\"hover\", \"focus\"]}\n disablePadding\n >\n <Box\n minWidth={popupMinWidth}\n shadow={\"popover\"}\n spacing={1}\n indent={1}\n gap={2}\n >\n <RailContext.Provider value={false}>\n <SidebarMenuHeading label={label} />\n {children}\n </RailContext.Provider>\n </Box>\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode, useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuCollapsible } from \"./RailMenuCollapsible\";\nimport { SidebarMenuCollapsibleGroupBox } from \"./SidebarMenuCollapsibleGroupBox\";\n\nexport interface SidebarMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n leftIcon?: IconDefinition;\n children?: ReactNode;\n className?: string;\n initialExpand?: boolean;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n children,\n label,\n leftIcon,\n className,\n initialExpand = false,\n}) => {\n const [expanded, setExpanded] = useState<boolean>(initialExpand);\n\n const isRail = useRailContext();\n\n if (isRail) {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <RailMenuCollapsible label={label} icon={leftIcon}>\n {children}\n </RailMenuCollapsible>\n );\n }\n return (\n <MenuButton\n label={label}\n onClick={() => setExpanded(!expanded)}\n leftIcon={leftIcon}\n className={className}\n expandable\n expanded={expanded}\n selected={expanded}\n >\n <SidebarMenuCollapsibleGroupBox>\n {children}\n </SidebarMenuCollapsibleGroupBox>\n </MenuButton>\n );\n};\n","import { SeparatorLine, SeparatorLineProps } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n separatorLineProps,\n) => (\n <SeparatorLine\n color={cssColor(\"--lhds-color-ui-400\")}\n {...separatorLineProps}\n />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Row, Space, Text } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectedItemsActionsPanelProps {\n numItemsSelected?: number;\n label?: ReactNode | string;\n afterLabelContent?: ReactNode;\n rightContent?: ReactNode;\n}\n\nexport const SelectedItemsActionsPanel: React.FC<\n SelectedItemsActionsPanelProps\n> = ({ numItemsSelected, label, afterLabelContent, rightContent }) => (\n <Row\n indent={3}\n spacing\n gap={3}\n minHeight={\"56px\"}\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n background={cssColor(\"--silver-lighter\")}\n flex={1}\n borderRadius={\"var(--swui-border-radius)\"}\n >\n <Row alignItems={\"center\"} gap={2}>\n {numItemsSelected != null || label != null ? (\n <Row alignItems={\"center\"}>\n {numItemsSelected != null ? (\n <>\n <Text>{numItemsSelected}</Text>\n <Space />\n <Text>item{numItemsSelected === 1 ? \"\" : \"s\"} selected</Text>\n </>\n ) : label != null ? (\n <>{typeof label === \"string\" ? <Text>{label}</Text> : label}</>\n ) : null}\n </Row>\n ) : null}\n {afterLabelContent && <Row>{afterLabelContent}</Row>}\n </Row>\n <Row gap={2}>{rightContent}</Row>\n </Row>\n);\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\n\nexport interface SelectedItemsActionsPaddingProps extends PropsWithChildren {}\n\nexport const SelectedItemsActionsPadding: React.FC<\n SelectedItemsActionsPaddingProps\n> = ({ children }) => {\n return (\n <Row spacing={0.5} indent={0.5} flex={1}>\n {children}\n </Row>\n );\n};\n"],"names":["ActionMenuButton","renderItems","placement","Button","rightIcon","stenaAngleDown","menuWidth","menuTop","onClick","disableArrow","buttonRef","appendTo","zIndex","disableTrapFocus","buttonProps","isOpen","open","close","toggle","useBoolean","fallbackRef","useRef","ref","contextValue","useMemo","handleClick","event","jsx","Fragment","ControlledPopover","props","ActionMenu","ActionMenuContext","ActionMenuPrimaryButton","PrimaryButton","ActionMenuSecondaryButton","SecondaryButton","ActionMenuFlatButton","FlatButton","border","CheckboxMenu","renderMenu","checkboxProps","Popover","Row","jsxs","Checkbox","Indent","onRequestClose","Column","NavBarSideMenuButton","className","stenaHamburger","NavBar","left","showMenuButton","children","right","center","onClickMenuButton","currentFlex","cx","styles","React","child","index","NavBarButton","forwardRef","selected","NavBarHeading","headingProps","Heading","NavBarPopoverButton","content","navBarButtonProps","Box","NavBarNotificationButton","count","unread","labelClassName","iconClassName","icon","stenaBellFilled","hasCount","BaseButton","NavBarSearchField","placeholder","wrapperClassName","showClearButton","onClickClearButton","value","textInputProps","TextInput","TextInputButton","stenaTimes","NavBarUserButton","username","initials","stenaUserCircle","responsiveIconOnly","UnreadDot","NotificationHeader","text","timestamp","iconAriaLabel","contentLeft","contentRight","onClose","variant","iconBackgroundColor","circledIcon","CircledIcon","getIconBgColorFromVariant","Text","cssColor","CloseButton","Notification","headerProps","NotificationList","Toast","onClickAriaLabel","width","maxWidth","Space","Collapsible","collapsed","MenuButton","CollapsibleList","CollapsibleWithCheckbox","onValueChange","onChange","indeterminate","checkboxDisabled","collapsibleProps","ev","SidebarMenuCollapsibleGroupBox","CollapsibleGroupHeading","CollapsibleEmptyContent","Icon","stenaMail","ErrorPanel","heading","buttons","stenaTripFerryXl","headingLevel","cardProps","activeText","Card","CardBody","ErrorScreen","LoadingPanel","Spinner","LoadingScreen","PageHeader","renderBreadCrumbs","renderPageHeading","renderTabs","PageHeaderRow","PageHeading","SidebarMenuCloseButtonRow","StenaFlag","SidebarMenuPinButton","isPinned","label","stenaAngleLeftDouble","stenaPin","SidebarMenu","onCloseClick","pinButtonVisible","onClickPinButton","bottomItems","boxProps","RailContext","createContext","useRailContext","useContext","RailMenuButton","menuButtonLinkProps","Tooltip","IconMenuButton","SidebarRailMenu","closeButtonVisible","onClickCloseButton","closeButtonTitle","SidebarMenuHeading","RailMenuLink","leftIcon","IconMenuButtonLink","SidebarMenuLink","MenuButtonLink","RailMenuCollapsible","popupMinWidth","SidebarMenuCollapsible","initialExpand","expanded","setExpanded","useState","SidebarMenuSeparator","separatorLineProps","SeparatorLine","SelectedItemsActionsPanel","numItemsSelected","afterLabelContent","rightContent","SelectedItemsActionsPadding"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@stenajs-webui/elements"),j=require("react"),t=require("@stenajs-webui/core"),g=require("@stenajs-webui/tooltip"),R=require("@stenajs-webui/forms"),d=require("classnames"),h=require("@stenajs-webui/theme");function J(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const K=J(j),y=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:r=a.stenaAngleDown,menuWidth:i,menuTop:l,onClick:c,disableArrow:u=!1,buttonRef:x,appendTo:p,zIndex:B,...G})=>{const[N,k,b,O]=t.useBoolean(!1),E=j.useRef(null),W=x??E,V=j.useMemo(()=>({open:k,close:b}),[k,b]),X=v=>{c==null||c(v),O()};return e.jsx(e.Fragment,{children:e.jsx(g.ControlledPopover,{renderTrigger:v=>e.jsx(o,{rightIcon:u?void 0:r,...G,ref:W,onClick:X,...v}),hideArrow:!0,disablePadding:!0,open:N,onRequestClose:b,placement:s,appendTo:p,zIndex:B,children:N&&e.jsx(a.ActionMenu,{width:i,top:l,trapFocus:!0,children:e.jsx(a.ActionMenuContext.Provider,{value:V,children:n(b)})})})})},Q=n=>e.jsx(y,{buttonComponent:a.PrimaryButton,...n}),Y=n=>e.jsx(y,{buttonComponent:a.SecondaryButton,...n}),L=n=>e.jsx(y,{buttonComponent:a.FlatButton,...n}),Z="1px solid var(--lhds-color-ui-300)",ee=({renderMenu:n,...s})=>e.jsx(g.Popover,{trigger:"click",renderTrigger:o=>e.jsx(t.Row,{children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:Z,borderRadius:"4px",children:[e.jsx(R.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(a.FlatButton,{size:"small",leftIcon:a.stenaAngleDown,...o})]})}),hideArrow:!0,disablePadding:!0,placement:"bottom-start",children:({onRequestClose:o})=>e.jsx(t.Column,{children:e.jsx(a.ActionMenu,{children:n(o)})})}),ne="_navBar_kzibd_1",te={navBar:ne},se=({className:n,onClick:s})=>e.jsx(a.FlatButton,{leftIcon:a.stenaHamburger,className:n,onClick:s}),oe=({left:n,className:s,showMenuButton:o=!1,children:r,right:i,center:l,onClickMenuButton:c})=>{const u=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d(te.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(se,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),r&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:K.Children.map(r,(x,p)=>e.jsxs(e.Fragment,{children:[p>0&&e.jsx(t.Indent,{}),x]}))})})]}),l&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:l}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[i,e.jsx(t.Indent,{num:2})]})]})},re="_navBarButton_b3x3w_1",ae="_selected_b3x3w_14",F={navBarButton:re,selected:ae},A=j.forwardRef(function({selected:n,className:s,...o},r){return e.jsx(a.FlatButton,{...o,ref:r,className:d(F.navBarButton,n&&F.selected,s)})}),ie=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),le=({content:n,children:s,appendTo:o,zIndex:r,...i})=>{const[l,,c,u]=t.useBoolean(!1);return e.jsx(g.ControlledPopover,{renderTrigger:x=>e.jsx(A,{...i,...x,onClick:u}),open:l,onRequestClose:c,zIndex:r,appendTo:o,children:e.jsxs(t.Box,{children:[n&&n({close:c}),s]})})},ce="_navBarNotificationButton_1wt3y_1",ue="_unread_1wt3y_23",de="_icon_1wt3y_23",xe="_shake_1wt3y_1",m={navBarNotificationButton:ce,unread:ue,icon:de,shake:xe},je=j.forwardRef(function({count:n,unread:s=!1,className:o,labelClassName:r,iconClassName:i,icon:l=a.stenaBellFilled,...c},u){const x=n>1;return e.jsx(a.BaseButton,{...c,ref:u,leftIcon:l,className:d(m.navBarNotificationButton,s&&m.unread,x&&m.hasCount,o),label:x?String(n):void 0,labelClassName:d(r,m.label),iconClassName:d(i,m.icon)})}),he="_navBarSearchFieldInput_1rp8g_1",pe="_navBarSearchFieldWrapper_1rp8g_12",ge="_withButton_1rp8g_24",Be="_clearButton_1rp8g_33",f={navBarSearchFieldInput:he,navBarSearchFieldWrapper:pe,withButton:ge,clearButton:Be},me=({placeholder:n="Search",className:s,wrapperClassName:o,showClearButton:r,onClickClearButton:i,value:l,...c})=>e.jsx(R.TextInput,{wrapperClassName:d(f.navBarSearchFieldWrapper,r?f.withButton:void 0,o),className:d(f.navBarSearchFieldInput,s),placeholder:n,value:l,buttonRight:l&&r?e.jsx(a.TextInputButton,{className:f.clearButton,icon:a.stenaTimes,variant:"error",onClick:i}):void 0,...c}),be="_navBarUserButton_10f9z_1",fe={navBarUserButton:be},Ce=({className:n,username:s,initials:o,icon:r=a.stenaUserCircle,responsiveIconOnly:i=o==null,...l})=>e.jsx(L,{...l,className:d(fe.navBarUserButton,n),leftIcon:s!=null?r:void 0,label:o??s,forceRound:o!=null,responsiveIconOnly:i,disableArrow:!0}),_e="_unreadDot_l8bni_1",ve="_dot_l8bni_4",P={unreadDot:_e,dot:ve},H=({children:n})=>e.jsxs("div",{className:P.unreadDot,children:[n,e.jsx("div",{className:P.dot})]}),I=({text:n,timestamp:s,icon:o,iconAriaLabel:r,contentLeft:i,contentRight:l,onClose:c,unread:u=!1,variant:x,iconBackgroundColor:p})=>{const B=o?e.jsx(a.CircledIcon,{size:"small",icon:o,"aria-label":r,backgroundColor:p||T(u,x)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[i&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:i}),!i&&B&&(u?e.jsx(H,{children:B}):B),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:h.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),c&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(a.CloseButton,{onClick:c})})]})},T=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},we="_notification_1hao0_1",Se="_body_1hao0_7",Re="_standard_1hao0_13",ye="_unread_1hao0_14",Ie="_danger_1hao0_19",C={notification:we,body:Se,standard:Re,unread:ye,danger:Ie},Me=({variant:n="standard",children:s,unread:o,...r})=>e.jsxs("div",{className:d(C.notification,C[n],o&&C.unread),children:[e.jsx(I,{...r,unread:o,variant:n}),s&&e.jsx(t.Column,{className:C.body,children:s})]}),Ne="_notificationList_1rkvu_1",ke={notificationList:Ne},Fe=({children:n})=>e.jsxs("div",{className:ke.notificationList,children:[n,e.jsx("div",{})]}),Pe="_clickable_1ijxc_1",Le="_nonClickable_1ijxc_27",w={clickable:Pe,nonClickable:Le},Ae=({onClick:n,onClickAriaLabel:s,children:o,width:r=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:h.cssColor("--lhds-color-ui-50"),shadow:"popover",width:r,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d({[w.nonClickable]:n}),children:e.jsx(I,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d({[w.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:w.clickable,"aria-label":s})]}),D=j.forwardRef(({contentLeft:n,contentRight:s,collapsed:o=!1,...r},i)=>e.jsx(a.MenuButton,{ref:i,expandable:!0,expanded:!o,selected:!o,left:n,right:s,...r})),He=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),Te=({value:n,onValueChange:s,onChange:o,indeterminate:r,checkboxDisabled:i,...l})=>e.jsx(D,{contentLeft:e.jsx(R.Checkbox,{value:n,indeterminate:r,onValueChange:s,onChange:o,disabled:i,onClick:c=>c.stopPropagation()}),...l}),De="_sidebarMenuCollapsibleGroupBox_ikek9_1",$e={sidebarMenuCollapsibleGroupBox:De},$=({children:n})=>e.jsx("div",{className:$e.sidebarMenuCollapsibleGroupBox,children:n}),ze=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),Ue=({text:n="No content"})=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(a.Icon,{icon:a.stenaMail,color:h.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:h.cssColor("--lhds-color-ui-500"),children:n})]}),z=({text:n,heading:s,children:o,buttons:r,icon:i=a.stenaTripFerryXl,headingLevel:l="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(a.Card,{...c,children:e.jsx(a.CardBody,{children:e.jsxs(t.Column,{spacing:1,gap:3,alignItems:"center",children:[e.jsxs(t.Column,{alignItems:"center",children:[e.jsx(t.Space,{num:1}),e.jsx(a.CircledIcon,{icon:i,size:"xl"})]}),s&&e.jsx(t.Heading,{as:l,children:s}),u&&e.jsx(t.Text,{children:u}),o,r&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),r]})]})})})},qe=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(z,{...n})}),U=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(a.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),Ge=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(U,{...n})}),Oe=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:r})=>e.jsxs(t.Box,{shadow:"bottom",background:h.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),r]}),Ee=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),We=({icon:n,heading:s,headingLevel:o="h2",contentLeft:r,contentRight:i})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(a.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:r}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:i})]}),Ve="_sidebarMenu_1bx5w_1",Xe="_sidebarItems_1bx5w_38",Je="_scrollContainer_1bx5w_48",S={sidebarMenu:Ve,sidebarItems:Xe,scrollContainer:Je},Ke="_stenaFlag_108h7_1",Qe={stenaFlag:Ke},Ye=({onClick:n})=>e.jsxs(t.Column,{background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(a.CloseButton,{onClick:n}),e.jsx(a.StenaFlag,{className:Qe.stenaFlag})]})]}),Ze=({isPinned:n,onClick:s,label:o})=>{const i=o??(n?"Unpin menu":"Pin menu"),l=n?a.stenaAngleLeftDouble:a.stenaPin;return e.jsx(a.MenuButton,{onClick:s,label:i,leftIcon:l})},en=({className:n,children:s,onCloseClick:o,pinButtonVisible:r,onClickPinButton:i,bottomItems:l,isPinned:c,...u})=>e.jsxs(t.Box,{...u,className:d(S.sidebarMenu,n),children:[e.jsx(Ye,{onClick:o}),e.jsx(t.Box,{className:S.scrollContainer,children:e.jsxs(t.Column,{className:S.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(l||r)&&e.jsxs(t.Column,{gap:1,children:[l,r&&e.jsx(Ze,{isPinned:c,onClick:i}),e.jsx(t.Space,{})]})]})})]}),_=j.createContext(!1),M=()=>j.useContext(_),nn=({label:n,...s})=>e.jsx(g.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(a.IconMenuButton,{...s})}),tn=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:r,bottomItems:i,closeButtonTitle:l="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(a.IconMenuButton,{onClick:o,icon:a.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(_.Provider,{value:!0,children:r})}),e.jsx(t.Column,{gap:1,children:(i||n)&&e.jsxs(_.Provider,{value:!0,children:[i,n&&e.jsx(nn,{icon:a.stenaAngleLeftDouble,label:l,onClick:s})]})})]})]}),q=({label:n})=>M()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),sn=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(g.Tooltip,{label:n,placement:"right",children:e.jsx(a.IconMenuButtonLink,{icon:s,...o})}),on=n=>M()?e.jsx(sn,{...n}):e.jsx(a.MenuButtonLink,{...n}),rn=({children:n,label:s,icon:o,popupMinWidth:r="200px"})=>e.jsx(g.Popover,{renderTrigger:i=>e.jsx(a.IconMenuButton,{icon:o,...i}),placement:"right-start",trigger:["hover","focus"],disablePadding:!0,children:e.jsx(t.Box,{minWidth:r,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(_.Provider,{value:!1,children:[e.jsx(q,{label:s}),n]})})}),an=({children:n,label:s,leftIcon:o,className:r,initialExpand:i=!1})=>{const[l,c]=j.useState(i);return M()?o==null?null:e.jsx(rn,{label:s,icon:o,children:n}):e.jsx(a.MenuButton,{label:s,onClick:()=>c(!l),leftIcon:o,className:r,expandable:!0,expanded:l,selected:l,children:e.jsx($,{children:n})})},ln=n=>e.jsx(t.SeparatorLine,{color:h.cssColor("--lhds-color-ui-400"),...n}),cn=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:r})=>e.jsxs(t.Row,{indent:3,spacing:!0,gap:3,minHeight:"56px",justifyContent:"space-between",alignItems:"center",background:h.cssColor("--silver-lighter"),flex:1,borderRadius:"var(--swui-border-radius)",children:[e.jsxs(t.Row,{alignItems:"center",gap:2,children:[n!=null||s!=null?e.jsx(t.Row,{alignItems:"center",children:n!=null?e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o&&e.jsx(t.Row,{children:o})]}),e.jsx(t.Row,{gap:2,children:r})]}),un=({children:n})=>e.jsx(t.Row,{spacing:.5,indent:.5,flex:1,children:n});exports.ActionMenuFlatButton=L;exports.ActionMenuPrimaryButton=Q;exports.ActionMenuSecondaryButton=Y;exports.CheckboxMenu=ee;exports.Collapsible=D;exports.CollapsibleEmptyContent=Ue;exports.CollapsibleGroupHeading=ze;exports.CollapsibleList=He;exports.CollapsibleWithCheckbox=Te;exports.ErrorPanel=z;exports.ErrorScreen=qe;exports.LoadingPanel=U;exports.LoadingScreen=Ge;exports.NavBar=oe;exports.NavBarButton=A;exports.NavBarHeading=ie;exports.NavBarNotificationButton=je;exports.NavBarPopoverButton=le;exports.NavBarSearchField=me;exports.NavBarUserButton=Ce;exports.Notification=Me;exports.NotificationHeader=I;exports.NotificationList=Fe;exports.PageHeader=Oe;exports.PageHeaderRow=Ee;exports.PageHeading=We;exports.SelectedItemsActionsPadding=un;exports.SelectedItemsActionsPanel=cn;exports.SidebarMenu=en;exports.SidebarMenuCollapsible=an;exports.SidebarMenuCollapsibleGroupBox=$;exports.SidebarMenuHeading=q;exports.SidebarMenuLink=on;exports.SidebarMenuSeparator=ln;exports.SidebarRailMenu=tn;exports.Toast=Ae;exports.UnreadDot=H;exports.getIconBgColorFromVariant=T;
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@stenajs-webui/elements"),j=require("react"),t=require("@stenajs-webui/core"),g=require("@stenajs-webui/tooltip"),R=require("@stenajs-webui/forms"),d=require("classnames"),h=require("@stenajs-webui/theme");function K(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const Q=K(j),y=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:r=a.stenaAngleDown,menuWidth:i,menuTop:l,onClick:c,disableArrow:u=!1,buttonRef:x,appendTo:p,zIndex:B,disableTrapFocus:G=!1,...O})=>{const[N,k,b,E]=t.useBoolean(!1),W=j.useRef(null),V=x??W,X=j.useMemo(()=>({open:k,close:b}),[k,b]),J=v=>{c==null||c(v),E()};return e.jsx(e.Fragment,{children:e.jsx(g.ControlledPopover,{renderTrigger:v=>e.jsx(o,{rightIcon:u?void 0:r,...O,ref:V,onClick:J,...v}),hideArrow:!0,disablePadding:!0,open:N,onRequestClose:b,placement:s,appendTo:p,zIndex:B,children:N&&e.jsx(a.ActionMenu,{width:i,top:l,trapFocus:!G,children:e.jsx(a.ActionMenuContext.Provider,{value:X,children:n(b)})})})})},Y=n=>e.jsx(y,{buttonComponent:a.PrimaryButton,...n}),Z=n=>e.jsx(y,{buttonComponent:a.SecondaryButton,...n}),L=n=>e.jsx(y,{buttonComponent:a.FlatButton,...n}),ee="1px solid var(--lhds-color-ui-300)",ne=({renderMenu:n,...s})=>e.jsx(g.Popover,{trigger:"click",renderTrigger:o=>e.jsx(t.Row,{children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:ee,borderRadius:"4px",children:[e.jsx(R.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(a.FlatButton,{size:"small",leftIcon:a.stenaAngleDown,...o})]})}),hideArrow:!0,disablePadding:!0,placement:"bottom-start",children:({onRequestClose:o})=>e.jsx(t.Column,{children:e.jsx(a.ActionMenu,{children:n(o)})})}),te="_navBar_kzibd_1",se={navBar:te},oe=({className:n,onClick:s})=>e.jsx(a.FlatButton,{leftIcon:a.stenaHamburger,className:n,onClick:s}),re=({left:n,className:s,showMenuButton:o=!1,children:r,right:i,center:l,onClickMenuButton:c})=>{const u=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d(se.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(oe,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),r&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:Q.Children.map(r,(x,p)=>e.jsxs(e.Fragment,{children:[p>0&&e.jsx(t.Indent,{}),x]}))})})]}),l&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:l}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[i,e.jsx(t.Indent,{num:2})]})]})},ae="_navBarButton_b3x3w_1",ie="_selected_b3x3w_14",F={navBarButton:ae,selected:ie},A=j.forwardRef(function({selected:n,className:s,...o},r){return e.jsx(a.FlatButton,{...o,ref:r,className:d(F.navBarButton,n&&F.selected,s)})}),le=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),ce=({content:n,children:s,appendTo:o,zIndex:r,...i})=>{const[l,,c,u]=t.useBoolean(!1);return e.jsx(g.ControlledPopover,{renderTrigger:x=>e.jsx(A,{...i,...x,onClick:u}),open:l,onRequestClose:c,zIndex:r,appendTo:o,children:e.jsxs(t.Box,{children:[n&&n({close:c}),s]})})},ue="_navBarNotificationButton_1wt3y_1",de="_unread_1wt3y_23",xe="_icon_1wt3y_23",je="_shake_1wt3y_1",m={navBarNotificationButton:ue,unread:de,icon:xe,shake:je},he=j.forwardRef(function({count:n,unread:s=!1,className:o,labelClassName:r,iconClassName:i,icon:l=a.stenaBellFilled,...c},u){const x=n>1;return e.jsx(a.BaseButton,{...c,ref:u,leftIcon:l,className:d(m.navBarNotificationButton,s&&m.unread,x&&m.hasCount,o),label:x?String(n):void 0,labelClassName:d(r,m.label),iconClassName:d(i,m.icon)})}),pe="_navBarSearchFieldInput_1rp8g_1",ge="_navBarSearchFieldWrapper_1rp8g_12",Be="_withButton_1rp8g_24",me="_clearButton_1rp8g_33",f={navBarSearchFieldInput:pe,navBarSearchFieldWrapper:ge,withButton:Be,clearButton:me},be=({placeholder:n="Search",className:s,wrapperClassName:o,showClearButton:r,onClickClearButton:i,value:l,...c})=>e.jsx(R.TextInput,{wrapperClassName:d(f.navBarSearchFieldWrapper,r?f.withButton:void 0,o),className:d(f.navBarSearchFieldInput,s),placeholder:n,value:l,buttonRight:l&&r?e.jsx(a.TextInputButton,{className:f.clearButton,icon:a.stenaTimes,variant:"error",onClick:i}):void 0,...c}),fe="_navBarUserButton_10f9z_1",Ce={navBarUserButton:fe},_e=({className:n,username:s,initials:o,icon:r=a.stenaUserCircle,responsiveIconOnly:i=o==null,...l})=>e.jsx(L,{...l,className:d(Ce.navBarUserButton,n),leftIcon:s!=null?r:void 0,label:o??s,forceRound:o!=null,responsiveIconOnly:i,disableArrow:!0}),ve="_unreadDot_l8bni_1",we="_dot_l8bni_4",P={unreadDot:ve,dot:we},H=({children:n})=>e.jsxs("div",{className:P.unreadDot,children:[n,e.jsx("div",{className:P.dot})]}),I=({text:n,timestamp:s,icon:o,iconAriaLabel:r,contentLeft:i,contentRight:l,onClose:c,unread:u=!1,variant:x,iconBackgroundColor:p})=>{const B=o?e.jsx(a.CircledIcon,{size:"small",icon:o,"aria-label":r,backgroundColor:p||T(u,x)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[i&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:i}),!i&&B&&(u?e.jsx(H,{children:B}):B),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:h.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),c&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(a.CloseButton,{onClick:c})})]})},T=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},Se="_notification_1hao0_1",Re="_body_1hao0_7",ye="_standard_1hao0_13",Ie="_unread_1hao0_14",Me="_danger_1hao0_19",C={notification:Se,body:Re,standard:ye,unread:Ie,danger:Me},Ne=({variant:n="standard",children:s,unread:o,...r})=>e.jsxs("div",{className:d(C.notification,C[n],o&&C.unread),children:[e.jsx(I,{...r,unread:o,variant:n}),s&&e.jsx(t.Column,{className:C.body,children:s})]}),ke="_notificationList_1rkvu_1",Fe={notificationList:ke},Pe=({children:n})=>e.jsxs("div",{className:Fe.notificationList,children:[n,e.jsx("div",{})]}),Le="_clickable_1ijxc_1",Ae="_nonClickable_1ijxc_27",w={clickable:Le,nonClickable:Ae},He=({onClick:n,onClickAriaLabel:s,children:o,width:r=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:h.cssColor("--lhds-color-ui-50"),shadow:"popover",width:r,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d({[w.nonClickable]:n}),children:e.jsx(I,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d({[w.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:w.clickable,"aria-label":s})]}),D=j.forwardRef(({contentLeft:n,contentRight:s,collapsed:o=!1,...r},i)=>e.jsx(a.MenuButton,{ref:i,expandable:!0,expanded:!o,selected:!o,left:n,right:s,...r})),Te=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),De=({value:n,onValueChange:s,onChange:o,indeterminate:r,checkboxDisabled:i,...l})=>e.jsx(D,{contentLeft:e.jsx(R.Checkbox,{value:n,indeterminate:r,onValueChange:s,onChange:o,disabled:i,onClick:c=>c.stopPropagation()}),...l}),$e="_sidebarMenuCollapsibleGroupBox_ikek9_1",ze={sidebarMenuCollapsibleGroupBox:$e},$=({children:n})=>e.jsx("div",{className:ze.sidebarMenuCollapsibleGroupBox,children:n}),Ue=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),qe=({text:n="No content"})=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(a.Icon,{icon:a.stenaMail,color:h.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:h.cssColor("--lhds-color-ui-500"),children:n})]}),z=({text:n,heading:s,children:o,buttons:r,icon:i=a.stenaTripFerryXl,headingLevel:l="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(a.Card,{...c,children:e.jsx(a.CardBody,{children:e.jsxs(t.Column,{spacing:1,gap:3,alignItems:"center",children:[e.jsxs(t.Column,{alignItems:"center",children:[e.jsx(t.Space,{num:1}),e.jsx(a.CircledIcon,{icon:i,size:"xl"})]}),s&&e.jsx(t.Heading,{as:l,children:s}),u&&e.jsx(t.Text,{children:u}),o,r&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),r]})]})})})},Ge=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(z,{...n})}),U=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(a.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),Oe=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(U,{...n})}),Ee=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:r})=>e.jsxs(t.Box,{shadow:"bottom",background:h.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),r]}),We=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),Ve=({icon:n,heading:s,headingLevel:o="h2",contentLeft:r,contentRight:i})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(a.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:r}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:i})]}),Xe="_sidebarMenu_1bx5w_1",Je="_sidebarItems_1bx5w_38",Ke="_scrollContainer_1bx5w_48",S={sidebarMenu:Xe,sidebarItems:Je,scrollContainer:Ke},Qe="_stenaFlag_108h7_1",Ye={stenaFlag:Qe},Ze=({onClick:n})=>e.jsxs(t.Column,{background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(a.CloseButton,{onClick:n}),e.jsx(a.StenaFlag,{className:Ye.stenaFlag})]})]}),en=({isPinned:n,onClick:s,label:o})=>{const i=o??(n?"Unpin menu":"Pin menu"),l=n?a.stenaAngleLeftDouble:a.stenaPin;return e.jsx(a.MenuButton,{onClick:s,label:i,leftIcon:l})},nn=({className:n,children:s,onCloseClick:o,pinButtonVisible:r,onClickPinButton:i,bottomItems:l,isPinned:c,...u})=>e.jsxs(t.Box,{...u,className:d(S.sidebarMenu,n),children:[e.jsx(Ze,{onClick:o}),e.jsx(t.Box,{className:S.scrollContainer,children:e.jsxs(t.Column,{className:S.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(l||r)&&e.jsxs(t.Column,{gap:1,children:[l,r&&e.jsx(en,{isPinned:c,onClick:i}),e.jsx(t.Space,{})]})]})})]}),_=j.createContext(!1),M=()=>j.useContext(_),tn=({label:n,...s})=>e.jsx(g.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(a.IconMenuButton,{...s})}),sn=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:r,bottomItems:i,closeButtonTitle:l="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(a.IconMenuButton,{onClick:o,icon:a.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(_.Provider,{value:!0,children:r})}),e.jsx(t.Column,{gap:1,children:(i||n)&&e.jsxs(_.Provider,{value:!0,children:[i,n&&e.jsx(tn,{icon:a.stenaAngleLeftDouble,label:l,onClick:s})]})})]})]}),q=({label:n})=>M()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),on=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(g.Tooltip,{label:n,placement:"right",children:e.jsx(a.IconMenuButtonLink,{icon:s,...o})}),rn=n=>M()?e.jsx(on,{...n}):e.jsx(a.MenuButtonLink,{...n}),an=({children:n,label:s,icon:o,popupMinWidth:r="200px"})=>e.jsx(g.Popover,{renderTrigger:i=>e.jsx(a.IconMenuButton,{icon:o,...i}),placement:"right-start",trigger:["hover","focus"],disablePadding:!0,children:e.jsx(t.Box,{minWidth:r,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(_.Provider,{value:!1,children:[e.jsx(q,{label:s}),n]})})}),ln=({children:n,label:s,leftIcon:o,className:r,initialExpand:i=!1})=>{const[l,c]=j.useState(i);return M()?o==null?null:e.jsx(an,{label:s,icon:o,children:n}):e.jsx(a.MenuButton,{label:s,onClick:()=>c(!l),leftIcon:o,className:r,expandable:!0,expanded:l,selected:l,children:e.jsx($,{children:n})})},cn=n=>e.jsx(t.SeparatorLine,{color:h.cssColor("--lhds-color-ui-400"),...n}),un=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:r})=>e.jsxs(t.Row,{indent:3,spacing:!0,gap:3,minHeight:"56px",justifyContent:"space-between",alignItems:"center",background:h.cssColor("--silver-lighter"),flex:1,borderRadius:"var(--swui-border-radius)",children:[e.jsxs(t.Row,{alignItems:"center",gap:2,children:[n!=null||s!=null?e.jsx(t.Row,{alignItems:"center",children:n!=null?e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o&&e.jsx(t.Row,{children:o})]}),e.jsx(t.Row,{gap:2,children:r})]}),dn=({children:n})=>e.jsx(t.Row,{spacing:.5,indent:.5,flex:1,children:n});exports.ActionMenuFlatButton=L;exports.ActionMenuPrimaryButton=Y;exports.ActionMenuSecondaryButton=Z;exports.CheckboxMenu=ne;exports.Collapsible=D;exports.CollapsibleEmptyContent=qe;exports.CollapsibleGroupHeading=Ue;exports.CollapsibleList=Te;exports.CollapsibleWithCheckbox=De;exports.ErrorPanel=z;exports.ErrorScreen=Ge;exports.LoadingPanel=U;exports.LoadingScreen=Oe;exports.NavBar=re;exports.NavBarButton=A;exports.NavBarHeading=le;exports.NavBarNotificationButton=he;exports.NavBarPopoverButton=ce;exports.NavBarSearchField=be;exports.NavBarUserButton=_e;exports.Notification=Ne;exports.NotificationHeader=I;exports.NotificationList=Pe;exports.PageHeader=Ee;exports.PageHeaderRow=We;exports.PageHeading=Ve;exports.SelectedItemsActionsPadding=dn;exports.SelectedItemsActionsPanel=un;exports.SidebarMenu=nn;exports.SidebarMenuCollapsible=ln;exports.SidebarMenuCollapsibleGroupBox=$;exports.SidebarMenuHeading=q;exports.SidebarMenuLink=rn;exports.SidebarMenuSeparator=cn;exports.SidebarRailMenu=sn;exports.Toast=He;exports.UnreadDot=H;exports.getIconBgColorFromVariant=T;
3
3
  //# sourceMappingURL=index.js.map