@bloomreach/react-banana-ui 1.7.0 → 1.8.1

package/dist/components/containers/scroll-view/scroll-view.d.ts

@@ -1,116 +0,0 @@
-import * as React from 'react';
-import { DOMRectBounds, INestedChildren } from '../../../utils';
-import './scroll-view.scss';
-export declare enum ScrollBarSide {
-    RIGHT = 0,
-    LEFT = 1
-}
-export declare const ScrollViewMode: {
-    readonly LIGHT: "ScrollView--light";
-    readonly DARK: "ScrollView--dark";
-};
-export type ScrollViewModeType = (typeof ScrollViewMode)[keyof typeof ScrollViewMode];
-export interface IScrollView extends INestedChildren<React.ReactNode> {
-    /** When set, the scroll will have some inertia for touch controls */
-    allowTouchInertia?: boolean;
-    /** Provides a custom class name to the container of this component */
-    className?: string;
-    /** Applies a custom class to the content portion of the scroll view */
-    contentClassName?: string;
-    /** Rendering mode of this scrollview */
-    mode?: ScrollViewModeType;
-    /** Props to apply directly to the container div of this component */
-    containerProps?: React.HTMLProps<HTMLDivElement>;
-    /** Props to apply directly to the scrollview content panel container */
-    contentProps?: React.HTMLProps<HTMLDivElement>;
-    /**
-     * When true, scroll events will stop being absorbed by this scroll view when
-     * the user tries to scroll beyond the max bounds of the scroll region.
-     */
-    allowScrollFlowThrough?: boolean;
-    /** This forces a maximum amount of scroll room */
-    scrollHeight?: number;
-    /** Sets this scroll view to the given scroll top value */
-    scrollTopOnce?: number;
-    /**
-     * Sets how quick the scrollTopOnce settles to the new position. Set to 1 to
-     * be essentially instant.
-     */
-    autoScrollDuration?: number;
-    /** Determines which side the scroll bar should appear on */
-    side?: ScrollBarSide;
-    /**
-     * Set to make this view manage horizontal scrolling instead of vertical.
-     * ALl of the "top" and "height" related properties will be applied
-     * horizontally instead of vertically.
-     */
-    horizontal?: boolean;
-    /**
-     * Causes wheel events that are more biased to horizontal scrolling to be
-     * absorbed and used by this view.
-     */
-    onlyHorizontalWheel?: boolean;
-    /**
-     * When set to true, this will always show the scroll bar as visible as long
-     * as the space can be scrolled. If the space is not scrollable, the scroll
-     * bar will be hidden.
-     */
-    alwaysShowScroll?: boolean;
-    /**
-     * Disables using the wheel to scroll this view.
-     */
-    preventWheel?: boolean;
-    /**
-     * When this view changes the scroll top value it provides it in this callback
-     *
-     * isAutomated is true when the system is scrolling the view and not the user.
-     */
-    onScroll?(scrollTop: number, scrollMax: number, viewBounds: DOMRectBounds, contentBounds: DOMRectBounds, isAutomated?: boolean): void;
-}
-interface IState {
-    isOpen: boolean;
-    isDragging: boolean;
-    top: number;
-    bounds?: DOMRectBounds;
-    contentBounds?: DOMRectBounds;
-    /**
-     * This is set to true when the scroll is supposed to self animate. This will
-     * only happen temporarily for automation and can not remain active while the
-     * user interacts with the scrolling manually.
-     */
-    animating?: boolean;
-}
-/**
- * @internal This component exist to keep Pagination component works as before.
- * @deprecated Replace this component as new aligned with design will be added.
- * This is a custom scroller for rendering a custom scrollbar
- */
-export declare class ScrollView extends React.Component<IScrollView, IState> {
-    state: IState;
-    container: React.RefObject<HTMLDivElement>;
-    scrollBarRef: React.RefObject<HTMLDivElement>;
-    private content;
-    private scrolledToOnce?;
-    private currentScrollHeight?;
-    private initialized;
-    private childrenChanged;
-    private isUpdatingChildren;
-    private animateScrollId;
-    private touch;
-    getSnapshotBeforeUpdate(prevProps: Readonly<IScrollView>): null;
-    init: () => void;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    private animateScrollOnce;
-    private getScrollMetrics;
-    positionScrollBar(top: number): void;
-    handleResize: () => void;
-    handleTouchStart: (e: TouchEvent) => void;
-    handleTouchEnd: (e: TouchEvent) => void;
-    handleTouchMove: (e: TouchEvent) => void;
-    handleWheel: (e: WheelEvent) => void;
-    handleBarDown: (e: React.PointerEvent<HTMLDivElement>) => void;
-    render(): JSX.Element;
-}
-export {};

package/dist/components/inputs/selection/selection.d.ts

@@ -1,234 +0,0 @@
-import * as React from 'react';
-import { DOMRectBounds, DOMRectPadding } from '../../../utils';
-import './selection.scss';
-/**
- * Builds a selection's options from an object style enum.
- */
-export declare function selectionOptionsFromEnum(obj: Record<string, any>): ISelection['options'];
-/**
- * Available preformatted render modes
- */
-export declare const SelectionMode: {
-    /**
-     * Render mode for the selection being placed within an existing field (such
-     * as within a TextInput on the right).
-     */
-    readonly FIELD_INLINE: "Selection--field-inline";
-    /**
-     * Same as field_inline but with toned down colors.
-     */
-    readonly FIELD_INLINE_SUBTLE: "Selection--field-inline-subtle";
-    /**
-     * Style that typically shows up at the top of a page spanning table to filter
-     * its contents.
-     */
-    readonly FILTER_HEADER: "Selection--filter-header";
-    /**
-     * Common style when the selection is within a table setting
-     */
-    readonly TABLE: "Selection-table";
-    /**
-     * Renders this mode as disabled. This mode is automatically used when the
-     * disabled flag is set for this component.
-     */
-    readonly DISABLED: "Selection--disabled";
-};
-/**
- * Available preformatted render sizes
- */
-export declare const SelectionSize: {
-    readonly HEIGHT_30: "Selection--height-30";
-    readonly HEIGHT_32: "Selection--height-32";
-    readonly HEIGHT_36: "Selection--height-36";
-    readonly HEIGHT_40: "Selection--height-40";
-    readonly HEIGHT_60: "Selection--height-60";
-};
-export type SelectionSizeType = (typeof SelectionSize)[keyof typeof SelectionSize];
-export declare const SelectionDropdownMode: {
-    PLAIN: string;
-};
-export type SelectionModeType = (typeof SelectionMode)[keyof typeof SelectionMode];
-/**
- * Selection Props
- */
-export interface ISelection {
-    /** Allows children */
-    children?: React.ReactNode;
-    /** Provides a custom class name to the container of this component */
-    className?: string;
-    /** Props to apply directly to the container div of this component */
-    containerProps?: React.HTMLProps<HTMLDivElement>;
-    /**
-     * This causes the selection to display a customized dropdown menu. This
-     * essentially bypasses any "options" provided and will NOT manage any of the
-     * values or callbacks.
-     *
-     * You can pass a <Dropdown> component to this prop, or you can pass a
-     * component with a <Dropdown> as it's top level container and has a
-     * containerProps: IDropdown prop.
-     */
-    customDropdown?: React.ReactNode;
-    /** Optional decal to be injected on the left of displayed value */
-    decal?: React.ReactNode;
-    /**
-     * When true, the drop arrow decal will render up instead of down
-     */
-    decalUp?: boolean;
-    /** The initial displayed value within the selection menu */
-    defaultValue?: any;
-    /** Set to true to render this component as disabled and eliminate handlers */
-    disabled?: boolean;
-    /**
-     * Set this to force a displayed value instead of the user selected value.
-     * NOTE: This sets the display WITHOUT affecting the selection value in any
-     * way.
-     */
-    displayValue?: React.ReactNode;
-    /**
-     * Provide this to force render the dropdown of the selection with custom
-     * bounds.
-     */
-    dropdownBounds?: DOMRectBounds;
-    /**
-     * Pads the dropdown reference box with the provided padding to allow for a
-     * larger dropdown region than just the width of the value box. This also
-     * makes it easier to gap the dropdown from the value box.
-     */
-    dropdownPadding?: DOMRectPadding;
-    /** Placeholder message if no value is selected yet */
-    placeholder?: string;
-    /** Error message */
-    error?: string;
-    /**
-     * Indicate if the dropdown should include a Quick Search.
-     *
-     * NOTE: The quick search will ONLY work on options that have a string for
-     * its label OR is provided a search term to compare against. A React Element
-     * can not be searched against.
-     */
-    hasSearch?: boolean;
-    /**
-     * Set to true to indicate there are more options that can be loaded in when
-     * the user scrolls to the bottom of the list.
-     */
-    hasMore?: boolean;
-    /**
-     * Set to true to indicate the dropdown items are being loaded.
-     */
-    isLoading?: boolean;
-    /**
-     * Displays a label adjacent to this dropdown.
-     */
-    label?: React.ReactNode;
-    /** Render mode of the selection input */
-    mode?: SelectionModeType;
-    /** The options to offer in the selection menu */
-    options: {
-        /**
-         * The label of the selection in the dropdown menu (and displayed as the
-         * value when selected).
-         */
-        label: React.ReactNode;
-        /** Value paired with the option */
-        value: any;
-        /** Provides the string the search compares against to find options */
-        search?: string;
-        /** When true, places a divider between this item and the next item */
-        divider?: boolean;
-    }[];
-    /** Indicates how many rows for the dropdown should render at max */
-    rowDisplayCount?: number;
-    /** Render size of the selection input */
-    size?: SelectionSizeType;
-    /** Props to configure the select element to help work with forms */
-    selectProps?: React.HTMLProps<HTMLSelectElement>;
-    /** When set, this does a controlled component pattern. */
-    value?: any;
-    /** A label to display next to the current displayed value */
-    valueLabel?: string;
-    /**
-     * Executes when the user changes the value of this field.
-     */
-    onChange?(value: any): void;
-    /**
-     * If hasMore is true and the user reaches the end of the list, this will
-     * execute to indicate more data needs to be loaded for the user to view.
-     */
-    onLoadMore?(options: this['options']): Promise<void>;
-    /**
-     * Executes when the user opens the dropdown.
-     */
-    onOpen?(): void;
-    /**
-     * Executes when the dropdown is closed. Return false to prevent the dropdown
-     * from closing.
-     */
-    onClose?(): boolean;
-    /**
-     * This executes when the user types in a search in the QuickSearch field.
-     */
-    onSearch?(searchTerm: string): void;
-    /**
-     * This hijacks the click event for the decal arrow. In some cases, the arrow
-     * may cause a differing behavior, such as sort direction control.
-     */
-    onArrowClick?(e: React.MouseEvent): void;
-}
-interface IState {
-    dropdownBounds: DOMRectBounds | null;
-    hovered: boolean;
-    focused: boolean;
-    internalValue: any;
-    /** The current search term applied to the selection. */
-    searchValue?: string;
-}
-/**
- * @internal This component exist to keep Pagination component works as before.
- * @deprecated Replace this component as new aligned with design will be added.
- * Displays a dropdown where the user picks an item from a list of items
- *
- * When this component has children, it will skip rendering the header default
- * header component and allow for a customized header which will be the
- * children; HOWEVER, this will still provide the dropdown for rendering for a
- * selection style dropdown menu that will render.
- */
-export declare class Selection extends React.Component<ISelection, IState> {
-    state: IState;
-    container: React.RefObject<HTMLDivElement>;
-    private selectRef;
-    private headerRef;
-    private searchRef;
-    private stopBlur;
-    private preventRefocus;
-    private willLoadMore;
-    private windowBlurred;
-    componentDidMount(): void;
-    componentDidUpdate(_prevProps: this['props'], prevState: IState): void;
-    componentWillUnmount(): void;
-    get valueLabel(): React.ReactNode | string;
-    get valueIndex(): number;
-    /**
-     * Retrieves the list of options that should be displayed. This takes into
-     * account the current search term the user may have entered.
-     */
-    get options(): ISelection['options'];
-    handleWindowBlur: () => void;
-    handleClick: (e: React.SyntheticEvent) => void;
-    handleOpen: () => void;
-    handleClose: () => void;
-    handleFocus: (e: FocusEvent) => void;
-    handleBlur: (e: FocusEvent) => void;
-    handleSelect: (option: ISelection['options'][0]) => () => void;
-    /**
-     * Handles the user's input into the Quick Search bar
-     */
-    handleSearch: (e: React.ChangeEvent) => void;
-    preventBlur: () => void;
-    handleRange: (_start: number, _end: number, _total: number, isEnd: boolean) => Promise<void>;
-    handleMouseDown: (e: React.MouseEvent) => void;
-    renderHeader(): JSX.Element;
-    renderDropdown(): JSX.Element | null | undefined;
-    renderSearch(): JSX.Element;
-    render(): JSX.Element;
-}
-export {};

package/dist/components/lists/list-view/list-view.d.ts

@@ -1,150 +0,0 @@
-import * as React from 'react';
-import { DOMRectBounds, INestedChildren } from '../../../utils';
-import { ScrollRegion } from '../../containers/scroll-region/scroll-region';
-import { ScrollView } from '../../containers/scroll-view/scroll-view';
-import './list-view.scss';
-export interface IRowProps {
-    /** The index of the row to be rendered. */
-    index: number;
-    /** A fairly mandatory style object you should apply to the top level item */
-    style?: React.CSSProperties;
-    /** Indicates this row is the last element to be rendered */
-    isEnd: boolean;
-    /**
-     * Gives an opportunity to modify/override the style properties applied to
-     * the generated row item
-     */
-    rowStyle: React.CSSProperties;
-}
-export interface IListView extends INestedChildren<React.FunctionComponent<IRowProps>> {
-    /** When set, causes inertia to occur with touch swiping */
-    allowTouchInertia?: boolean;
-    /**
-     * A base size to associate with a list item. This helps give a realistic
-     * scroll range. Use a negative value to indicate the row should be measured
-     * to have a more dynamic row size. The absolute value of the negative value
-     * provided will be the minimum size of the row. Use the rowGap property to
-     * ensure spacing is provided between the row and it's next row if needed.
-     */
-    rowSize: number | ((index: number, isEnd: boolean) => number);
-    /**
-     * Place an incrementing number here. If the rows need recomputing due to a
-     * size change, this value should change.
-     */
-    rowUpdate?: any;
-    /** This is ONLY used for rows that get measured and automatically adjusted */
-    rowGap?: number;
-    /** Applies a class to the top level container of the pane */
-    className?: string;
-    /** Props to apply to the container of this component */
-    containerProps?: React.HTMLProps<HTMLDivElement>;
-    /** WHen the list is empty, this will render a centered label in it's place */
-    emptyLabel?: string;
-    /** Total number of items to render */
-    total: number;
-    /**
-     * Scrolls to the provided location a single time for the given value. A
-     * different value must be provided to trigger this a second time.
-     */
-    scrollToOnce?: number;
-    /**
-     * Sets how quick the scrollToOnce settles to the new position. Set to 1 to
-     * be essentially instant.
-     */
-    autoScrollDuration?: number;
-    /**
-     * This limits the list to only display so many rows before forcing scroll.
-     * NOTE: When rowSize is a method for varying row sizes, this will means
-     * rowDisplayCount will display the number of rows with THE LARGEST AVAILABLE
-     * SIZE. So, do not expect this to auto adjust for the varying row sizes
-     * available and be super magical.
-     */
-    rowDisplayCount?: number;
-    /**
-     * When set to true, this will render the list within a ScrollRegion instead
-     * of a ScrollView.
-     */
-    useScrollRegion?: boolean;
-    /** Executes when the range of visible rows has changed */
-    onRange?(start: number, end: number, total: number, isEnd: boolean): void;
-    /** Executes on scroll events */
-    onScroll?(scrollTop: number, maxScroll: number, viewBounds: DOMRectBounds, contentBounds: DOMRectBounds, isAutomated?: boolean): void;
-}
-/**
- * @internal This component exist to keep Pagination component works as before.
- * @deprecated Replace this component as new aligned with design will be added.
- * This is a specialized scroll view that aids in recycling and rendering items
- */
-export declare class ListView extends React.Component<IListView> {
-    state: {
-        startIndex: number;
-        endIndex: number;
-    };
-    /**
-     * This is the scrollview container this list uses for creating the scroll
-     * space of the list.
-     */
-    container: React.RefObject<ScrollRegion | ScrollView>;
-    /**
-     * When rowSize is a method, this is used to store the calculated row values.
-     * This helps optimize the list to prevent deep looping in really large lists
-     * of items.
-     */
-    rowTop: number[];
-    /**
-     * This is a helper optimization. It stores the last row's most recently known
-     * height. This helps speed up determining the total scroll area of the list.
-     */
-    lastRowHeight: number;
-    /** This tracks what row size is the largest row size */
-    maxRowSize: number;
-    /**
-     * This is the last row update context utilized to compute the row tops. If
-     * this is different from the props rowUpdate value then it should trigger a
-     * recalculation.
-     */
-    rowUpdateContext?: any;
-    /** Used to indicate if this has been intiialized correctly yet. */
-    mounted: boolean;
-    /** Tracks the rows that will be measured when rendered */
-    willMeasure: Set<number>;
-    /** Tracks the rows that are rendered and need immediate measuring for re-rendering */
-    measuring: Map<number, React.RefObject<HTMLDivElement> | undefined>;
-    /**
-     * This is set when the list detects rows that are auto calculated. Some
-     * initialization behaviors need to be aware of this in order to perform the
-     * initial render properly.
-     */
-    hasAutoHeightRows: boolean;
-    /** Helps watch for mutations in the DOM to aid in dynamically sized rows */
-    observer?: MutationObserver;
-    constructor(props: IListView);
-    componentDidMount(): void;
-    /**
-     *
-     * We will use this to process incoming props to determine if the row tops
-     * should be recalculated.
-     */
-    shouldComponentUpdate(nextProps: IListView): boolean;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    /**
-     * Gets the computed scroll height
-     */
-    get scrollHeight(): number;
-    /**
-     * Applies a calculated style object for the scroll view. This keeps the
-     * integrity of the containerProps
-     */
-    get scrollStyle(): React.CSSProperties;
-    handleResize: () => void;
-    handleScrollRegion: (scrollTop: [number, number], maxScroll: [number, number], viewBounds: DOMRectBounds, contentBounds: DOMRectBounds) => void;
-    handleScroll: (scrollTop: number, maxScroll: number, viewBounds: DOMRectBounds, contentBounds: DOMRectBounds) => void;
-    /**
-     * Resets all rowTop calculation assumptions and queues all rows for
-     * recalculating.
-     */
-    queueRemeasure(props: IListView): void;
-    private renderListItems;
-    render(): JSX.Element;
-}

package/dist/components/loaders/loader/loader.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import './loader.scss';
-export declare const LoaderSize: {
-    readonly NORMAL: "Loader--medium";
-    readonly SMALL: "Loader--small";
-    readonly TINY: "Loader--tiny";
-};
-export type LoaderSizeType = (typeof LoaderSize)[keyof typeof LoaderSize];
-/**
- * Loader Props
- */
-export interface ILoader {
-    /** Provides a custom class name to the container of this component */
-    className?: string;
-    /** Props to apply directly to the container div of this component */
-    containerProps?: React.HTMLProps<HTMLDivElement>;
-    /** Rendering sie of the standard loader */
-    size?: LoaderSizeType;
-}
-/**
- * @internal This component exist to keep Pagination component works as before.
- * @deprecated Replace this component as new aligned with design will be added.
- * Displays the common loader found throughout the application.
- */
-export declare function Loader(props: ILoader): React.ReactElement;

package/dist/components/types.d.ts

@@ -1,19 +0,0 @@
-/**
- * ID used for the Toast modal. Helpful for keeping the modals sorted to a
- * degree.
- */
-export declare const ToastModalID = "__yeah_toast__";
-/**
- * ID used for the tooltip modal. Helpful for keeping the modals sorted to a
- * degree.
- */
-export declare const TooltipModalID = "__tooltip__";
-/**
- * ID used for the generic dropdown modal. Helpful for keeping the modals sorted
- * to a degree.
- */
-export declare const DropdownModalID = "__dropdown__";
-/**
- * Date type format. Strings are expected to be in an appropriate ISO format.
- */
-export type DateType = string | number | Date;

package/dist/utils/add-font.d.ts

@@ -1,29 +0,0 @@
-/**
- * This method ensures the fonts required for this SPA are embedded into the
- * page.
- *
- * @param context Provide a context id to identify the fonts embedded for the
- *                sake of destroying them later.
- * @param fontName The name of the font as is expected to be used from the font
- *                 resource (such as "sans serif")
- * @param fontResource Use require(<file path>) to provide for the param.
- * @param fontType Set the type of font the file is providing
- * @param weight The weight value associated with this font:
- *                 - 100: thin
- *                 - 200: extra-light
- *                 - 300: light
- *                 - 400: normal
- *                 - 500: medium
- *                 - 600: semi-bold
- *                 - 700: bold
- *                 - 800: extra-bold
- *                 - 900: black
- */
-export declare function addFont(context: string, fontName: string, fontResource: string, fontType: string, weight?: number, style?: string): void;
-/**
- * Destroys the embedded fonts for this SPA. This ensures your component does
- * not cause leaks
- *
- * @param context Provide the context id for the fonts that should be destroyed.
- */
-export declare function destroyAllFonts(context: string): void;

package/dist/utils/after-render.d.ts

@@ -1,5 +0,0 @@
-/**
- * A dubious method to help with dubious times. Used to call for updates during
- * specialized render callbacks like <Route render>.
- */
-export declare function afterRender(fn?: () => void): Promise<void>;

package/dist/utils/async-dom-render.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/**
- * This method performs a ReactDOM render, but encapsulates the render with a
- * Promise to make it easier to await the result.
- */
-export declare function asyncDomRender(element: React.ReactNode, container: Element | DocumentFragment): Promise<void>;

package/dist/utils/chalk.d.ts

@@ -1,44 +0,0 @@
-export declare const chalk: {
-    cyan: (...text: string[]) => string;
-    red: (...text: string[]) => string;
-    yellow: (...text: string[]) => string;
-    green: (...text: string[]) => string;
-    blue: (...text: string[]) => string;
-    magenta: (...text: string[]) => string;
-    cyanBright: (...text: string[]) => string;
-    redBright: (...text: string[]) => string;
-    yellowBright: (...text: string[]) => string;
-    greenBright: (...text: string[]) => string;
-    blueBright: (...text: string[]) => string;
-    magentaBright: (...text: string[]) => string;
-    whiteBright: (...text: string[]) => string;
-    gray: (...text: string[]) => string;
-    grey: (...text: string[]) => string;
-    white: (...text: string[]) => string;
-    black: (...text: string[]) => string;
-    blackBright: (...text: string[]) => string;
-    bgCyan: (...text: string[]) => string;
-    bgRed: (...text: string[]) => string;
-    bgYellow: (...text: string[]) => string;
-    bgGreen: (...text: string[]) => string;
-    bgBlue: (...text: string[]) => string;
-    bgMagenta: (...text: string[]) => string;
-    bgCyanBright: (...text: string[]) => string;
-    bgRedBright: (...text: string[]) => string;
-    bgYellowBright: (...text: string[]) => string;
-    bgGreenBright: (...text: string[]) => string;
-    bgBlueBright: (...text: string[]) => string;
-    bgMagentaBright: (...text: string[]) => string;
-    cyanBrightBold: (...text: string[]) => string;
-    redBrightBold: (...text: string[]) => string;
-    yellowBrightBold: (...text: string[]) => string;
-    greenBrightBold: (...text: string[]) => string;
-    blueBrightBold: (...text: string[]) => string;
-    magentaBrightBold: (...text: string[]) => string;
-    whiteBrightBold: (...text: string[]) => string;
-    grayBrightBold: (...text: string[]) => string;
-    greyBrightBold: (...text: string[]) => string;
-    whiteBold: (...text: string[]) => string;
-    blackBold: (...text: string[]) => string;
-    blackBrightBold: (...text: string[]) => string;
-};

package/dist/utils/chunk.d.ts

@@ -1,4 +0,0 @@
-/**
- * Breaks an array into chunks
- */
-export declare function chunk<T>(array: T[], size: number): T[][];

package/dist/utils/classnames.d.ts

@@ -1,6 +0,0 @@
-/**
- * This takes several arguments and concatenates them into a single css class
- * name compatible string. It will remove any falsy values and will trim any
- * whitespace.
- */
-export declare function classnames(...str: (string | undefined | null)[]): string;

package/dist/utils/clone-client-rect.d.ts

@@ -1,26 +0,0 @@
-/**
- * Padding values to grow a client rect during a client rect cloning operation.
- */
-export type DOMRectPadding = {
-    left?: number;
-    top?: number;
-    bottom?: number;
-    right?: number;
-};
-export type DOMRectBounds = {
-    x: number;
-    y: number;
-    top: number;
-    left: number;
-    bottom: number;
-    right: number;
-    width: number;
-    height: number;
-};
-/**
- * ClientRects are a bit annoying to work around their immutability if needed.
- * This properly makes a Mutable clone without altering the original (unless
- * padding is specified to do a one time change of the bounds. The padding
- * expands/contracts the box on the indicated sides).
- */
-export declare function cloneClientRect(box?: DOMRectBounds, padding?: DOMRectPadding): DOMRectBounds;

package/dist/utils/compare-client-rect.d.ts

@@ -1,5 +0,0 @@
-import { DOMRectBounds } from './clone-client-rect';
-/**
- * Compares two client rects against each other.
- */
-export declare function compareClientRect(a?: DOMRectBounds | null, b?: DOMRectBounds | null): boolean;