@up42/up-components 8.2.0 → 9.0.0

package/dist/cjs/types/components/PageHeaderV2/PageHeaderV2.d.ts

@@ -1,29 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-import React from 'react';
-export type PageHeaderV2Props = {
-    title: string;
-    divider?: boolean;
-    description?: React.ReactNode;
-    /**
-     * Sets the size and spacing of the header
-     */
-    variant?: 'default' | 'compact';
-    /**
-     * Back link configuration
-     */
-    backLink?: {
-        label: string;
-        href?: string;
-        onClick?: () => void;
-        'data-testid'?: string;
-    };
-    /**
-     * Action buttons to display on the right side
-     */
-    action?: React.ReactNode;
-    sx?: SxProps<Theme>;
-};
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-pageheaderv2--docs
- */
-export declare const PageHeaderV2: ({ title, description, divider, variant, backLink, action, sx, }: PageHeaderV2Props) => React.JSX.Element;

package/dist/cjs/types/components/PageHeaderV2/PageHeaderV2.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/Popover/Popover.d.ts

@@ -1,84 +0,0 @@
-import React from 'react';
-import { Theme, SxProps, PopoverProps as MUIPopoverProps } from '@mui/material';
-import { ButtonProps } from '../Button/Button';
-import { IconProps } from '../Icon/Icon';
-export interface PopoverButtonProps extends Omit<ButtonProps, 'onClick' | 'startIcon' | 'endIcon'> {
-    label: string;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => Promise<void>;
-    startIcon?: IconProps['name'];
-}
-export declare const POPOVER_SIZE: {
-    readonly extraSmall: "256px";
-    readonly small: "320px";
-    readonly medium: "512px";
-    readonly large: "768px";
-    readonly extraLarge: "1200px";
-    readonly auto: "auto";
-};
-export type PopoverSize = keyof typeof POPOVER_SIZE;
-export type PopoverProps = Omit<MUIPopoverProps, 'content' | 'open' | 'onClose'> & {
-    /**
-     * Opens the modal if true, closes it if false
-     * This is optional for compatibility purposes
-     */
-    open?: boolean;
-    /**
-     * External callback fired when the popover should close
-     */
-    onClose?: () => void;
-    /**
-     * Header content (optional)
-     */
-    header?: React.ReactNode;
-    /**
-     * Footer info (optional)
-     */
-    footerInfo?: React.ReactNode;
-    /**
-     * Primary button props (optional)
-     */
-    primaryButton?: PopoverButtonProps;
-    /**
-     * Secondary button props (optional)
-     */
-    secondaryButton?: PopoverButtonProps;
-    /**
-     * Primarily used to indicate that the anchor is the built in button icon.
-     * @default false
-     */
-    showControlButton?: boolean;
-    /**
-     * Alternative icon to display as the built in button's icon (only applicable if isIconAnchor is true)
-     */
-    controlButtonIcon?: IconProps['name'];
-    /**
-     * Whether to show dividers between sections
-     * @default false
-     */
-    showDividers?: boolean;
-    /**
-     * Whether to show a connector line between the popover and anchor
-     * @default false
-     */
-    showConnector?: boolean;
-    /**
-     * Content to be displayed inside the popover, with padding applied by default
-     */
-    content?: React.ReactElement;
-    /**
-     * Size of the popover
-     * @default false
-     */
-    size?: PopoverSize;
-    /**
-     * Custom styles for the popover
-     */
-    sx?: SxProps<Theme>;
-    inputRef?: MUIPopoverProps['ref'];
-};
-/**
- * Multi-purpose popover component with Header, Content, and Footer slots.
- *
- * Documentation: https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs
- */
-export declare const Popover: React.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/Popover/Popover.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/Radio/Radio.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { RadioProps as MUIRadioProps } from '@mui/material';
-import { MUIGlobalOmit } from '@global/utils/types';
-export type RadioProps = MUIGlobalOmit<MUIRadioProps>;
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/data-entry-radio--docs
- */
-export declare const Radio: ({ disabled, ...props }: RadioProps) => React.JSX.Element;

package/dist/cjs/types/components/Radio/Radio.overrides.d.ts

@@ -1,2 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const MuiRadio: OverridesStyleRules;

package/dist/cjs/types/components/Radio/Radio.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/Radio/icons/index.d.ts

@@ -1,4 +0,0 @@
-export { default as RadioIcon } from './radio.svg';
-export { default as RadioCheckedIcon } from './radioChecked.svg';
-export { default as RadioDisabledIcon } from './radioDisabled.svg';
-export { default as RadioDisabledCheckedIcon } from './radioDisabledChecked.svg';

package/dist/cjs/types/components/RoleBanner/RoleBanner.d.ts

@@ -1,13 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { type ButtonProps } from '../Button/Button';
-export type RoleBannerProps = PropsWithChildren<{
-    title: string;
-}>;
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-rolebanner--docs
- */
-export declare function RoleBanner({ title, children }: RoleBannerProps): React.JSX.Element;
-export type LearnMoreButtonProps = ButtonProps;
-export declare function LearnMoreButton(props: LearnMoreButtonProps): React.JSX.Element;
-export type FindUsersButtonProps = ButtonProps;
-export declare function FindUsersButton(props: FindUsersButtonProps): React.JSX.Element;

package/dist/cjs/types/components/Select/Select.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { SelectProps as MUISelectProps } from '@mui/material';
-import { FormBaseProps } from '@global/utils/types';
-export type SelectProps<T extends unknown> = FormBaseProps & Omit<MUISelectProps<T>, 'variant'> & {
-    /**
-     * Determines whether to display a border around the select component.
-     * @default true
-     */
-    withBorder?: boolean;
-};
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/data-entry-select--docs
- */
-export declare const Select: <T extends unknown>({ withBorder, size, ...props }: SelectProps<T>) => React.JSX.Element;

package/dist/cjs/types/components/Select/Select.overrides.d.ts

@@ -1,2 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const MuiSelect: OverridesStyleRules;

package/dist/cjs/types/components/Select/Select.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/Slider/Slider.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { SliderProps as MUISliderProps } from '@mui/material';
-import { MUIGlobalOmit } from '@global/utils/types';
-export type SliderProps = MUIGlobalOmit<Omit<MUISliderProps, 'variant' | 'label'>>;
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/data-entry-slider--default--docs
- */
-export declare const Slider: (props: SliderProps) => React.JSX.Element;

package/dist/cjs/types/components/Slider/Slider.overrides.d.ts

@@ -1,2 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const MuiSlider: OverridesStyleRules;

package/dist/cjs/types/components/Slider/Slider.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/StatusLight/StatusLight.d.ts

@@ -1,46 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-import React from 'react';
-declare const COLORS: {
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    error: string;
-    info: string;
-    neutral: string;
-};
-declare const SIZES: {
-    small: {
-        circle: string;
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-    };
-    medium: {
-        circle: string;
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-    };
-    large: {
-        circle: string;
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-    };
-};
-type Variant = 'filled' | 'half';
-type Color = keyof typeof COLORS;
-type Size = keyof typeof SIZES;
-export type StatusLightProps = {
-    label: string;
-    variant?: Variant;
-    color?: Color;
-    size?: Size;
-    sx?: SxProps<Theme>;
-};
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/data-display-status-light--docs
- */
-export declare const StatusLight: ({ label, variant, color, size, sx, }: StatusLightProps) => React.JSX.Element;
-export {};

package/dist/cjs/types/components/StatusLight/StatusLight.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/Switch/Switch.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { SwitchProps as MUISwitchProps } from '@mui/material';
-import { MUIGlobalOmit } from '@global/utils/types';
-export type SwitchProps = MUIGlobalOmit<MUISwitchProps>;
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/data-entry-switch--docs
- */
-export declare const Switch: (props: SwitchProps) => React.JSX.Element;

package/dist/cjs/types/components/Switch/Switch.overrides.d.ts

@@ -1,2 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const MuiSwitch: OverridesStyleRules;

package/dist/cjs/types/components/Switch/Switch.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/TabGroup/TabGroup.d.ts

@@ -1,30 +0,0 @@
-import { BoxProps } from '@mui/material';
-import React, { ReactNode } from 'react';
-import { TabsProps } from '../Tabs/Tabs';
-type TabDataType = {
-    label: string | ReactNode;
-    content: string | ReactNode;
-    hidden?: boolean;
-};
-export type TabGroupProps = {
-    tabs: TabDataType[];
-    tabContentProps?: BoxProps;
-    tabsProps?: TabsProps;
-    /**
-     *  A unique value should be provided when multiple tabGroup components are used on the same page.
-     */
-    nameSpace?: string;
-    /**
-     *  Set defaultValue for routing to a specific tab using useQueryParam('tab') in parent component
-     */
-    defaultValue?: string | number;
-    /**
-     *  An optional event to be called when additional action is needed when changing tab
-     */
-    onChange?: TabsProps['onChange'];
-};
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-tabgroup--docs
- */
-export declare const TabGroup: ({ tabs, nameSpace: _nameSpace, tabContentProps, tabsProps, defaultValue, onChange, }: TabGroupProps) => React.JSX.Element;
-export {};

package/dist/cjs/types/components/TabGroup/TabGroup.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/Table/Table.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { TableProps as MuiTableProps } from '@mui/material/Table';
-import { TableBodyProps as MuiTableBodyProps } from '@mui/material/TableBody';
-import { TableCellProps as MuiTableCellProps } from '@mui/material/TableCell';
-import { TableContainerProps as MuiTableContainerProps } from '@mui/material/TableContainer';
-import { TableHeadProps as MuiTableHeadProps } from '@mui/material/TableHead';
-import { TableRowProps as MuiTableRowProps } from '@mui/material/TableRow';
-import { TablePaginationProps as MuiTablePaginationProps } from '@mui/material/TablePagination';
-import { TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material/TableSortLabel';
-import { TableFooterProps as MuiTableFooterProps } from '@mui/material/TableFooter';
-import { MUIGlobalOmit } from '@global/utils/types';
-export type TableProps = MUIGlobalOmit<MuiTableProps>;
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/data-display-table--docs
- */
-export declare const Table: ({ children, ...props }: TableProps) => React.JSX.Element;
-export type TableBodyProps = MUIGlobalOmit<MuiTableBodyProps>;
-export declare const TableBody: ({ children, ...props }: TableBodyProps) => React.JSX.Element;
-export type TableCellProps = MUIGlobalOmit<MuiTableCellProps>;
-export declare const TableCell: ({ children, ...props }: TableCellProps) => React.JSX.Element;
-export type TableContainerProps = MUIGlobalOmit<MuiTableContainerProps>;
-export declare const TableContainer: ({ children, ...props }: TableContainerProps) => React.JSX.Element;
-export type TableHeadProps = MUIGlobalOmit<MuiTableHeadProps>;
-export declare const TableHead: ({ children, ...props }: TableHeadProps) => React.JSX.Element;
-export type TableRowProps = MUIGlobalOmit<MuiTableRowProps>;
-export declare const TableRow: ({ children, ...props }: TableRowProps) => React.JSX.Element;
-export type TablePaginationProps = MUIGlobalOmit<MuiTablePaginationProps>;
-export declare const TablePagination: ({ ...props }: TablePaginationProps) => React.JSX.Element;
-export type TableSortLabelProps = MUIGlobalOmit<MuiTableSortLabelProps>;
-export declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => React.JSX.Element;
-export type TableFooterProps = MUIGlobalOmit<MuiTableFooterProps>;
-export declare const TableFooter: ({ children, ...props }: TableFooterProps) => React.JSX.Element;

package/dist/cjs/types/components/Table/Table.overrides.d.ts

@@ -1,6 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const MuiTable: OverridesStyleRules;
-export declare const MuiTableCell: OverridesStyleRules;
-export declare const MuiTableRow: OverridesStyleRules;
-export declare const MuiTableFooter: OverridesStyleRules;
-export declare const MuiTablePagination: OverridesStyleRules;

package/dist/cjs/types/components/Table/Table.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/Tabs/Tabs.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { TabsProps as MuiTabsProps, TabProps as MuiTabProps } from '@mui/material';
-import { MUIGlobalOmit } from '@global/utils/types';
-export type TabsProps = MUIGlobalOmit<MuiTabsProps>;
-export type TabProps = MUIGlobalOmit<MuiTabProps>;
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/navigation-tabs--docs
- */
-export declare const Tabs: ({ children, ...props }: TabsProps) => React.JSX.Element;
-export declare const Tab: ({ children, ...props }: TabProps) => React.JSX.Element;

package/dist/cjs/types/components/Tabs/Tabs.overrides.d.ts

@@ -1,3 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const MuiTabs: OverridesStyleRules;
-export declare const MuiTab: OverridesStyleRules;

package/dist/cjs/types/components/Tabs/Tabs.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/Tag/Tag.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ChipProps as MUIChipProps } from '@mui/material';
-import { MUIGlobalOmit } from '@global/utils/types';
-export type TagProps = MUIGlobalOmit<Omit<MUIChipProps, 'size' | 'avatar'>>;
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/data-display-tag--docs
- */
-export declare const Tag: ({ color, ...props }: TagProps) => React.JSX.Element;

package/dist/cjs/types/components/Tag/Tag.overrides.d.ts

@@ -1,2 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const MuiChip: OverridesStyleRules;

package/dist/cjs/types/components/Tag/Tag.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/TagsList/MoreTags.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const MoreTags: React.MemoExoticComponent<({ tags, handleClick, }: {
-    tags: string[];
-    handleClick?: ((e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
-}) => React.JSX.Element | null>;

package/dist/cjs/types/components/TagsList/MoreTags.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/TagsList/Tags.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { TagItem } from './TagsList';
-type TagsProps = {
-    tags: TagItem[];
-    setHiddenTagCount: (count: number) => void;
-    hiddenTagCount: number;
-    parentContainerRef: React.MutableRefObject<HTMLDivElement | null>;
-    hasEditButton: boolean;
-};
-export declare const Tags: React.MemoExoticComponent<({ tags, setHiddenTagCount, hiddenTagCount, parentContainerRef, hasEditButton }: TagsProps) => React.JSX.Element>;
-export {};

package/dist/cjs/types/components/TagsList/Tags.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/TagsList/TagsList.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { SxProps, Theme } from '@mui/material';
-export type TagItem = {
-    label: string;
-    onDelete?: (e: unknown) => void;
-};
-export type TagsListProps = {
-    tags: string[] | TagItem[];
-    onTagsUpdate?: (tags: string[]) => Promise<void>;
-    isUpdatingTags?: boolean;
-    sx?: SxProps<Theme>;
-    editTagsButtonSx?: SxProps<Theme>;
-    onMoreTagsClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-};
-export declare const TagsList: React.MemoExoticComponent<({ tags, onTagsUpdate, isUpdatingTags, sx, editTagsButtonSx, onMoreTagsClick, }: TagsListProps) => React.JSX.Element>;

package/dist/cjs/types/components/TagsList/TagsList.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/TagsList/useCalculateTagsOverflow.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { TagItem } from './TagsList';
-type UseCalculateTagsOverflowProps = {
-    tags: TagItem[];
-    parentContainerRef: React.MutableRefObject<HTMLDivElement | null>;
-    tagsMeasurementRef: React.MutableRefObject<HTMLDivElement | null>;
-    hiddenTagCount: number;
-    setHiddenTagCount: (count: number) => void;
-    hasEditButton: boolean;
-};
-type UseCalculateTagsOverflowReturn = {
-    measurementContainerWidth: number;
-    visibleTags: TagItem[];
-};
-export declare const TAG_GAP: string;
-/**
- * @description Custom hook that handles the business logic for calculating tag overflow and visibility.
- *
- * This hook manages:
- * - Container width measurement for responsive behavior
- * - Hidden tags calculation based on available space
- * - State management for measurement and visibility
- * - Window and container resize handling with debounced ResizeObserver handler
- *
- * @param tags - The array of tag objects to display
- * @param parentContainerRef - Reference to the parent container for width measurement
- * @param tagsMeasurementRef - Reference to the measurement container for width measurement
- * @param hiddenTagCount - Current number of hidden tags
- * @param setHiddenTagCount - Function to update the number of hidden tags
- * @param hasEditButton - Whether an edit button is present (affects space calculation)
- * @returns Object containing the values defined in the UseTagsOverflowReturn type
- */
-export declare const useCalculateTagsOverflow: ({ tags, setHiddenTagCount, hiddenTagCount, parentContainerRef, tagsMeasurementRef, hasEditButton, }: UseCalculateTagsOverflowProps) => UseCalculateTagsOverflowReturn;
-export {};

package/dist/cjs/types/components/TagsList/useCalculateTagsOverflow.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/ToggleButton/ToggleButton.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ToggleButtonProps as MUIToggleButtonProps } from '@mui/material/ToggleButton';
-import { IconProps } from 'components/Icon/Icon';
-type ToggleButtonColor = 'primary' | 'info';
-export type ToggleButtonProps = Omit<MUIToggleButtonProps, 'size' | 'color' | 'value'> & {
-    size?: 'medium' | 'slim';
-    color?: ToggleButtonColor;
-    iconName: IconProps['name'];
-    value?: string;
-};
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/data-entry-togglebutton--docs
- */
-export declare const ToggleButton: ({ size, color, value, iconName, ...props }: ToggleButtonProps) => React.JSX.Element;
-export {};

package/dist/cjs/types/components/ToggleButton/ToggleButton.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/types/components/Typography/Typography.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { TypographyProps as MUITypographyProps } from '@mui/material/Typography';
-export type TypographyProps = Omit<MUITypographyProps, 'variant'> & {
-    component?: React.ElementType;
-    variant?: MUITypographyProps['variant'] | 'heading' | 'headingSmall' | 'headingXSmall' | 'body' | 'label' | 'note';
-};
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/data-display-typography--docs
- */
-export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/Typography/Typography.overrides.d.ts

@@ -1,44 +0,0 @@
-/// <reference types="react" />
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-import { TypographyOptions } from '@mui/material/styles/createTypography';
-/**
- * Adds new variants to the Typography component
- * @see https://mui.com/material-ui/customization/typography/#adding-amp-disabling-variants
- */
-declare module '@mui/material/styles' {
-    interface TypographyVariants {
-        heading: React.CSSProperties;
-        headingSmall: React.CSSProperties;
-        headingXSmall: React.CSSProperties;
-        body: React.CSSProperties;
-        label: React.CSSProperties;
-        note: React.CSSProperties;
-    }
-    /** Allow using new properties in `createTheme` */
-    interface TypographyVariantsOptions {
-        heading?: React.CSSProperties;
-        headingSmall?: React.CSSProperties;
-        headingXSmall?: React.CSSProperties;
-        body?: React.CSSProperties;
-        label?: React.CSSProperties;
-        note?: React.CSSProperties;
-    }
-}
-/**
- * Typography's variant prop options
- * The properties will be merged with the existing variants
- * @see https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Typography/Typography.d.ts#L51
- */
-declare module '@mui/material/Typography' {
-    interface TypographyPropsVariantOverrides {
-        heading: true;
-        headingSmall: true;
-        headingXSmall: true;
-        body: true;
-        label: true;
-        note: true;
-    }
-}
-export declare const MuiTypography: OverridesStyleRules;
-export declare const typographyTheme: TypographyOptions;
-export declare const typographyOverrides: TypographyOptions;

package/dist/cjs/types/components/Typography/Typography.test.d.ts

@@ -1 +0,0 @@
-export {};