@heliux-org/design-system-core 0.0.305-testBuild → 0.0.305

package/dist/types/components/Table/components/newComponents/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import type { PolymorphicForwardRefComponent, PortalProps } from "../utils/index";
+import { usePopover } from "../Popover/Popover";
+export type DropdownMenuProps = {
+    /**
+     * List of menu items. Recommended to use MenuItem component.
+     * You can pass function that takes argument `close` that closes the dropdown menu, or a list of MenuItems.
+     */
+    menuItems: ((close: () => void) => JSX.Element[]) | JSX.Element[] | JSX.Element;
+    /**
+     * ARIA role. Role of menu. For menu use 'menu', for select use 'listbox'.
+     * @default 'menu'
+     */
+    role?: string;
+    /**
+     * Child element to wrap dropdown with.
+     */
+    children: React.ReactNode;
+} & Pick<Parameters<typeof usePopover>[0], "visible" | "onVisibleChange" | "placement" | "matchWidth"> & React.ComponentPropsWithoutRef<"ul"> & Pick<PortalProps, "portal">;
+/**
+ * Dropdown menu component.
+ * Built on top of the {@link Popover} component.
+ * @example
+ * const menuItems = (close: () => void) => [
+ *   <MenuItem key={1} onClick={onClick(1, close)}>
+ *     Item #1
+ *   </MenuItem>,
+ *   <MenuItem key={2} onClick={onClick(2, close)}>
+ *     Item #2
+ *   </MenuItem>,
+ *   <MenuItem key={3} onClick={onClick(3, close)}>
+ *     Item #3
+ *   </MenuItem>,
+ * ];
+ * <DropdownMenu menuItems={menuItems}>
+ *   <Button>Menu</Button>
+ * </DropdownMenu>
+ */
+export declare const DropdownMenu: PolymorphicForwardRefComponent<"div", DropdownMenuProps>;
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/types/components/Table/components/newComponents/DropdownMenu/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EACV,8BAA8B,EAC9B,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,SAAS,EACL,CAAC,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,GAAG,CAAC,OAAO,EAAE,CAAC,GACtC,GAAG,CAAC,OAAO,EAAE,GACb,GAAG,CAAC,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CACN,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,EAChC,SAAS,GAAG,iBAAiB,GAAG,WAAW,GAAG,YAAY,CAC3D,GACC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GACpC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAE9B;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,0DAwEqC,CAAC"}

package/dist/types/components/Table/components/newComponents/Input/Input.d.ts

@@ -0,0 +1,24 @@
+import type { PolymorphicForwardRefComponent } from "../utils/index";
+export type InputProps = {
+    /**
+     * Modify size of the input.
+     */
+    size?: "small" | "large";
+    /**
+     * Status of input.
+     */
+    status?: "positive" | "warning" | "negative";
+    /**
+     * Modify the native `size` attribute of the `<input>` element.
+     * The `width` or `inline-size` property must be unset in order to use this prop.
+     */
+    htmlSize?: number;
+};
+/**
+ * Basic input component
+ * @example
+ * <Input disabled />
+ * <Input size='small' />
+ */
+export declare const Input: PolymorphicForwardRefComponent<"input", InputProps>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/types/components/Table/components/newComponents/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Input/Input.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AAErE,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,qDAgBuC,CAAC"}

package/dist/types/components/Table/components/newComponents/Menu/Menu.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { PolymorphicForwardRefComponent } from "../utils/index";
+type MenuProps = {
+    /**
+     * Menu items. Recommended to use `MenuItem` components.
+     *
+     * If you have custom actionable items, they should have `tabIndex={-1}` for better keyboard navigation support
+     * and selected item should have `aria-selected={true}`.
+     */
+    children: React.ReactNode;
+    /**
+     * If true, the first selected or enabled menu item will be focused automatically.
+     * @default true
+     */
+    setFocus?: boolean;
+};
+/**
+ * Basic menu component. Can be used for select or dropdown components.
+ */
+export declare const Menu: PolymorphicForwardRefComponent<"div", MenuProps>;
+export {};
+//# sourceMappingURL=Menu.d.ts.map

package/dist/types/components/Table/components/newComponents/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Menu/Menu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AAErE,KAAK,SAAS,GAAG;IACf;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,kDAqEqC,CAAC"}

package/dist/types/components/Table/components/newComponents/Menu/MenuDivider.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Divider between menu items. Should be used inside `Menu`.
+ * @example
+ * <Menu>
+ *   {(close) => [
+ *     <MenuItem key={0} onClick={() => {}}>
+ *       Item #1
+ *     </MenuItem>,
+ *     <MenuDivider key={1} />,
+ *     <MenuItem key={2} onClick={() => {}}>
+ *       Item #2
+ *     </MenuItem>,
+ *   ]}
+ * </Menu>
+ */
+export declare const MenuDivider: import("../utils/props").PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;
+//# sourceMappingURL=MenuDivider.d.ts.map

package/dist/types/components/Table/components/newComponents/Menu/MenuDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Menu/MenuDivider.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,uGAEtB,CAAC"}

package/dist/types/components/Table/components/newComponents/Menu/MenuExtraContent.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Component that allows to have any additional content inside `Menu`.
+ * @example
+ * <Menu>
+ *   {(close) => [
+ *     <MenuExtraContent key={0}>
+ *       <>
+ *         <Text variant='leading'>Terry Rivers</Text>
+ *           terry.rivers@email.com
+ *         </Text>
+ *         <Select options={someOptions} />
+ *       </>
+ *     </MenuExtraContent>,
+ *     <MenuDivider key={1} />,
+ *     <MenuItem key={2} onClick={() => {}}>
+ *       Sign out
+ *     </MenuItem>,
+ *   ]}
+ * </Menu>
+ */
+export declare const MenuExtraContent: import("../utils/props").PolymorphicForwardRefComponent<"li", {}>;
+//# sourceMappingURL=MenuExtraContent.d.ts.map

package/dist/types/components/Table/components/newComponents/Menu/MenuExtraContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuExtraContent.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Menu/MenuExtraContent.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,gBAAgB,mEAE3B,CAAC"}

package/dist/types/components/Table/components/newComponents/Menu/MenuItem.d.ts

@@ -0,0 +1,68 @@
+import * as React from "react";
+import type { PolymorphicForwardRefComponent } from "../utils/index";
+import type { ListItemOwnProps } from "../../../../ListItem/ListItem";
+export type MenuItemProps = {
+    /**
+     * Item is selected.
+     */
+    isSelected?: boolean;
+    /**
+     * Item is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Value of the item.
+     */
+    value?: unknown;
+    /**
+     * Callback function that handles click and keyboard submit actions.
+     */
+    onClick?: (value?: unknown) => void;
+    /**
+     * Modify height of the item.
+     * Use 'large' when any of the sibling items have `sublabel`.
+     *
+     * Defaults to 'large' if `sublabel` provided, otherwise 'default'.
+     */
+    size?: "default" | "large";
+    /**
+     * Sub label shown below the main content of the item.
+     */
+    sublabel?: React.ReactNode;
+    /**
+     * SVG icon component shown on the left.
+     */
+    startIcon?: JSX.Element;
+    /**
+     * @deprecated Use startIcon.
+     * SVG icon component shown on the left.
+     */
+    icon?: JSX.Element;
+    /**
+     * SVG icon component shown on the right.
+     */
+    endIcon?: JSX.Element;
+    /**
+     * @deprecated Use endIcon.
+     * SVG icon component shown on the right.
+     */
+    badge?: JSX.Element;
+    /**
+     * ARIA role. For menu item use 'menuitem', for select item use 'option'.
+     * @default 'menuitem'
+     */
+    role?: string;
+    /**
+     * Items to be shown in the submenu when hovered over the item.
+     */
+    subMenuItems?: JSX.Element[];
+    /**
+     * Content of the menu item.
+     */
+    children?: React.ReactNode;
+} & Pick<ListItemOwnProps, "focused">;
+/**
+ * Basic menu item component. Should be used inside `Menu` component for each item.
+ */
+export declare const MenuItem: PolymorphicForwardRefComponent<"div", MenuItemProps>;
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/types/components/Table/components/newComponents/Menu/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Menu/MenuItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AAGrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AActE,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,QAAQ,sDAwJqC,CAAC"}

package/dist/types/components/Table/components/newComponents/Menu/MenuItemSkeleton.d.ts

@@ -0,0 +1,31 @@
+import type { PolymorphicForwardRefComponent } from "../utils/index";
+type MenuItemSkeletonProps = {
+    /**
+     * Flag whether to show skeleton for sub-label.
+     */
+    hasSublabel?: boolean;
+    /**
+     * Flag whether to show skeleton for icon.
+     */
+    hasIcon?: boolean;
+    /**
+     * Skeleton content width.
+     */
+    contentWidth?: string;
+    /**
+     * Translated strings used for accessibility.
+     */
+    translatedStrings?: {
+        /**
+         * Label for loading state. Defaults to "Loading…".
+         * It is only visible for the screen readers.
+         */
+        loading: string;
+    };
+};
+/**
+ * Menu item that uses skeletons to indicate loading state.
+ */
+export declare const MenuItemSkeleton: PolymorphicForwardRefComponent<"div", MenuItemSkeletonProps>;
+export {};
+//# sourceMappingURL=MenuItemSkeleton.d.ts.map

package/dist/types/components/Table/components/newComponents/Menu/MenuItemSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemSkeleton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Menu/MenuItemSkeleton.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AAGrE,KAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE;QAClB;;;WAGG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,8DAkCqC,CAAC"}

package/dist/types/components/Table/components/newComponents/Polymorphic/Polymorph.d.ts

@@ -0,0 +1,19 @@
+import { PolymorphicAs, PolymorphicComponentType, PolymorphicPropsWithRef, PolymorphicRef } from './Polymorphic.types';
+/**
+ * Base polymorphic component
+ */
+export declare const BasePolymorph: <T extends PolymorphicAs = "div">({ as, children, ...rest }: PolymorphicPropsWithRef<T, {}>, ref: PolymorphicRef<T>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Polymorphic component that supports forwarded refs
+ *
+ * With the `as` prop, Polymorphic can dynamically render
+ * as any HTML element or React Component.
+ *
+ * If the logic defining the `as` prop is defined internally within your component,
+ * use this standalone `Polymorph` component.
+ *
+ * However: If you want to expose `as` as a prop of your component,
+ * prefer the `{@link Polymorphic}` factory function and related hooks.
+ */
+export declare const Polymorph: PolymorphicComponentType;
+//# sourceMappingURL=Polymorph.d.ts.map

package/dist/types/components/Table/components/newComponents/Polymorphic/Polymorph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polymorph.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Polymorphic/Polymorph.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,uBAAuB,EACvB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAE7B;;GAEG;AACH,eAAO,MAAM,aAAa,iKAWzB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,EAAE,wBACS,CAAC"}

package/dist/types/components/Table/components/newComponents/Polymorphic/Polymorphic.d.ts

@@ -0,0 +1,14 @@
+import { PolymorphicAs, PolymorphicComponentType, PolymorphicRenderFunction } from './Polymorphic.types';
+/**
+ * Factory function that returns a polymorphic component.
+ *
+ * If you want to expose `as` as a prop of your component,
+ * use this `Polymorphic` factory function and related hooks.
+ *
+ * However, if the logic defining the `as` prop is defined internally within your component,
+ * use the standalone `Polymorph` component.
+ *
+ * For more, see {@link https://github.com/mongodb/leafygreen-ui/blob/main/packages/polymorphic/README.md | README.md}
+ */
+export declare const Polymorphic: <XP extends object = {}, DefaultAs extends PolymorphicAs = PolymorphicAs>(render: PolymorphicRenderFunction<XP, DefaultAs>, displayName?: string) => PolymorphicComponentType<XP, DefaultAs>;
+//# sourceMappingURL=Polymorphic.d.ts.map

package/dist/types/components/Table/components/newComponents/Polymorphic/Polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polymorphic.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Polymorphic/Polymorphic.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,yBAAyB,EAC1B,MAAM,qBAAqB,CAAC;AAE7B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,4IAKR,MAAM,4CAerB,CAAC"}

package/dist/types/components/Table/components/newComponents/Polymorphic/Polymorphic.hooks.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PolymorphicAs, PolymorphicRef } from './Polymorphic.types';
+/**
+ * A wrapper around `React.useRef`
+ * that provides an accurately typed Ref object
+ */
+export declare const usePolymorphicRef: <E extends PolymorphicAs>(_?: E) => React.MutableRefObject<E extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[E] : unknown>;
+/**
+ * A hook that computes & returns the polymorphic ReactElement based on the `as` prop
+ *
+ * For client-side components, prefer using `usePolymorphic`, which returns a typed `ref` as well as the polymorphic component
+ */
+export declare function usePolymorphicComponent<T extends PolymorphicAs>(as?: T): React.ElementType;
+/**
+ * A hook that returns an accurately typed polymorphic `Component` and `ref`,
+ * given an `as` prop
+ */
+export declare function usePolymorphic<T extends PolymorphicAs>(as?: T): {
+    Component: PolymorphicAs;
+    ref: PolymorphicRef<T>;
+};
+//# sourceMappingURL=Polymorphic.hooks.d.ts.map

package/dist/types/components/Table/components/newComponents/Polymorphic/Polymorphic.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polymorphic.hooks.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Polymorphic/Polymorphic.hooks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,iBAAiB,wIAW7B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAC7D,EAAE,CAAC,EAAE,CAAC,GACL,KAAK,CAAC,WAAW,CAEnB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,aAAa,EACpD,EAAE,CAAC,EAAE,CAAC,GACL;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACxB,CAQA"}

package/dist/types/components/Table/components/newComponents/Polymorphic/Polymorphic.types.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Based on https://blog.logrocket.com/build-strongly-typed-polymorphic-components-react-typescript/
+ */
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, PropsWithChildren, PropsWithoutRef, ReactElement, RefAttributes, WeakValidationMap } from 'react';
+export type PolymorphicAs = ElementType;
+/**
+ * An interface that enables the `as` prop.
+ *
+ * By defining an `as` prop on a component,
+ * we set the type T for all related types/interfaces
+ */
+export interface AsProp<T extends PolymorphicAs> {
+    /** The component or element to render as */
+    as?: T;
+}
+/**
+ * The type of the Ref element based on the `as` prop type
+ */
+export type PolymorphicRef<T extends PolymorphicAs> = ComponentPropsWithRef<T>['ref'];
+/**
+ * Union of prop types potentially re-defined in React.ComponentProps
+ */
+export type PropsToOmit<T extends PolymorphicAs, P> = keyof (P & AsProp<T>);
+/**
+ * Ensures `href` is required for anchors
+ */
+export type AnchorProps = Omit<ComponentPropsWithoutRef<'a'>, 'href'> & {
+    /** `href` is required for Anchor tags */
+    href: string;
+};
+/**
+ * Parses the expected inherited Props,
+ * and adds restrictions based on the passed in type
+ */
+export type AllInheritedProps<T extends PolymorphicAs> = T extends 'a' ? AnchorProps : ComponentPropsWithoutRef<T>;
+/**
+ * Omits any props inclided in type `P` from the inherited props
+ */
+export type InheritedProps<T extends PolymorphicAs, XP = {}> = Omit<AllInheritedProps<T>, PropsToOmit<T, XP>>;
+/**
+ * The basic props for the Polymorphic component.
+ *
+ * Note: Prefer using `PolymorphicPropsWithRef` in most cases
+ */
+export type PolymorphicProps<T extends PolymorphicAs, XP = {}> = PropsWithChildren<XP & AsProp<T>> & InheritedProps<T, XP>;
+/**
+ * Add the `ref` prop type to PolymorphicProps
+ *
+ * Prefer this type even in cases where you do not anticipate using a ref
+ *
+ * @type {T}
+ */
+export type PolymorphicPropsWithRef<T extends PolymorphicAs, XP = {}> = PolymorphicProps<T, XP> & {
+    /** The ref object returned by `React.useRef` */
+    ref?: PolymorphicRef<T>;
+};
+/**
+ * An explicit definition of the component type
+ *
+ * Components returned by the `Polymorphic` factory function
+ * have this type
+ *
+ * PolymorphicComponentType is an interface with a generic function,
+ * and a displayName.
+ */
+export interface PolymorphicComponentType<XP = {}, DefaultAs extends PolymorphicAs = PolymorphicAs> {
+    <T extends PolymorphicAs = DefaultAs>(props: PolymorphicPropsWithRef<T, XP>, ref: PolymorphicRef<T>): ReactElement | null;
+    displayName?: string;
+    propTypes?: WeakValidationMap<PropsWithoutRef<PolymorphicPropsWithRef<PolymorphicAs, XP> & RefAttributes<any>>> | undefined;
+}
+/**
+ * An explicit definition of the component render function
+ *
+ * Differs from `PolymorphicComponentType` only by the `propTypes` attribute.
+ *
+ */
+export interface PolymorphicRenderFunction<XP = {}, DefaultAs extends PolymorphicAs = PolymorphicAs> {
+    <T extends PolymorphicAs = DefaultAs>(props: PolymorphicPropsWithRef<T, XP>, ref: PolymorphicRef<T>): ReactElement | null;
+    displayName?: string;
+    propTypes?: never;
+}
+//# sourceMappingURL=Polymorphic.types.d.ts.map

package/dist/types/components/Table/components/newComponents/Polymorphic/Polymorphic.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polymorphic.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Polymorphic/Polymorphic.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EACL,wBAAwB,EACxB,qBAAqB,EACrB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,aAAa,EACb,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC;AAExC;;;;;GAKG;AACH,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,aAAa;IAC7C,4CAA4C;IAC5C,EAAE,CAAC,EAAE,CAAC,CAAC;CACR;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,aAAa,IAChD,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5E;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;IACtE,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,aAAa,IAAI,CAAC,SAAS,GAAG,GAClE,WAAW,GACX,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAEhC;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,aAAa,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CACjE,iBAAiB,CAAC,CAAC,CAAC,EACpB,WAAW,CAAC,CAAC,EAAE,EAAE,CAAC,CACnB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,CAC1B,CAAC,SAAS,aAAa,EACvB,EAAE,GAAG,EAAE,IACL,iBAAiB,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAE9D;;;;;;GAMG;AACH,MAAM,MAAM,uBAAuB,CACjC,CAAC,SAAS,aAAa,EACvB,EAAE,GAAG,EAAE,IACL,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG;IAC5B,gDAAgD;IAChD,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACzB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,WAAW,wBAAwB,CACvC,EAAE,GAAG,EAAE,EACP,SAAS,SAAS,aAAa,GAAG,aAAa;IAE/C,CAAC,CAAC,SAAS,aAAa,GAAG,SAAS,EAClC,KAAK,EAAE,uBAAuB,CAAC,CAAC,EAAE,EAAE,CAAC,EACrC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,GACrB,YAAY,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EACN,iBAAiB,CACf,eAAe,CACb,uBAAuB,CAAC,aAAa,EAAE,EAAE,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAChE,CACF,GACD,SAAS,CAAC;CACf;AAED;;;;;GAKG;AACH,MAAM,WAAW,yBAAyB,CACxC,EAAE,GAAG,EAAE,EACP,SAAS,SAAS,aAAa,GAAG,aAAa;IAE/C,CAAC,CAAC,SAAS,aAAa,GAAG,SAAS,EAClC,KAAK,EAAE,uBAAuB,CAAC,CAAC,EAAE,EAAE,CAAC,EACrC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,GACrB,YAAY,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB"}

package/dist/types/components/Table/components/newComponents/Polymorphic/index.d.ts

@@ -0,0 +1,5 @@
+export { Polymorph } from './Polymorph';
+export { Polymorphic } from './Polymorphic';
+export { usePolymorphic, usePolymorphicComponent, usePolymorphicRef, } from './Polymorphic.hooks';
+export type { PolymorphicAs, PolymorphicComponentType, PolymorphicProps, PolymorphicPropsWithRef, PolymorphicRef, } from './Polymorphic.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Table/components/newComponents/Polymorphic/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Polymorphic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,cAAc,EACd,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,aAAa,EACb,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,GACf,MAAM,qBAAqB,CAAC"}

package/dist/types/components/Table/components/newComponents/Popover/Popover.d.ts

@@ -0,0 +1,153 @@
+import * as React from "react";
+import type { Placement } from "@floating-ui/react";
+import type { PolymorphicForwardRefComponent } from "../utils/index";
+import type { PortalProps } from "../utils/components/Portal";
+type PopoverOptions = {
+    /**
+     * Placement of the popover content.
+     * @default 'bottom-start'
+     */
+    placement?: Placement;
+    /**
+     * Controlled flag for whether the popover is visible.
+     */
+    visible?: boolean;
+    /**
+     * Callback invoked every time the popover visibility changes as a result
+     * of internal logic. Should be used alongside `visible` prop.
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * If true, the popover will close when clicking outside it.
+     *
+     * @default true
+     */
+    closeOnOutsideClick?: boolean;
+    /**
+     * Middleware options.
+     *
+     * By default, `flip` and `shift` are enabled.
+     *
+     * @see https://floating-ui.com/docs/middleware
+     */
+    middleware?: {
+        offset?: number;
+        flip?: boolean;
+        shift?: boolean;
+        autoPlacement?: boolean;
+        hide?: boolean;
+        inline?: boolean;
+    };
+};
+type PopoverInternalProps = {
+    /**
+     * autoUpdate options that recalculates position
+     * to ensure the floating element remains anchored
+     * to its reference element, such as when scrolling
+     * and resizing the screen
+     *
+     * https://floating-ui.com/docs/autoUpdate#options
+     */
+    autoUpdateOptions?: {
+        ancestorScroll?: boolean;
+        ancestorResize?: boolean;
+        elementResize?: boolean;
+        /**
+         * Use this if you want popover to follow moving trigger element
+         */
+        animationFrame?: boolean;
+        layoutShift?: boolean;
+    };
+    /**
+     * By default, the popover will only open on click.
+     * `hover` and `focus` can be manually specified as triggers.
+     */
+    trigger?: Partial<Record<"hover" | "click" | "focus", boolean>>;
+    role?: "dialog" | "menu" | "listbox";
+    /**
+     * Whether the popover should match the width of the trigger.
+     */
+    matchWidth?: boolean;
+};
+export declare const usePopover: (options: PopoverOptions & PopoverInternalProps) => {
+    placement: Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType>;
+        floating: React.MutableRefObject<HTMLElement>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType) => void;
+        setFloating: (node: HTMLElement) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType;
+        floating: HTMLElement;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        x: number;
+        y: number;
+        placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
+    open: boolean;
+    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
+};
+type PopoverPublicProps = {
+    /**
+     * Content displayed inside the popover.
+     */
+    content?: React.ReactNode;
+    /**
+     * Element that triggers the popover. Should usually be a button.
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether the popover adds recommended CSS (background-color, box-shadow, etc.) to itself.
+     *
+     * @default false
+     */
+    applyBackground?: boolean;
+    /**
+     * This is used to position the popover relative to a different element than the trigger.
+     *
+     * Recommended to use state to store this element, rather than a ref.
+     */
+    positionReference?: HTMLElement;
+} & PortalProps & PopoverOptions;
+/**
+ * A utility component to help with positioning of floating content relative to a trigger.
+ * Built on top of [`floating-ui`](https://floating-ui.com/).
+ *
+ * @see https://itwinui.bentley.com/docs/popover
+ *
+ * @example
+ * <Popover content='This is a popover'>
+ *   <Button>Show popover</Button>
+ * </Popover>
+ */
+export declare const Popover: PolymorphicForwardRefComponent<"div", PopoverPublicProps>;
+export {};
+//# sourceMappingURL=Popover.d.ts.map

package/dist/types/components/Table/components/newComponents/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Popover/Popover.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,oBAAoB,CAAC;AASjE,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AAErE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,KAAK,cAAc,GAAG;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAGF,KAAK,oBAAoB,GAAG;IAC1B;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE;QAClB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB;;WAEG;QACH,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,CAAC;IACF;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAChE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,UAAU,YAAa,cAAc,GAAG,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCAwDxD,MAAM,SAAS,CAAC,WAAW,CAAC;;;;;;;;CA4B5C,CAAC;AAIF,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,WAAW,CAAC;CACjC,GAAG,WAAW,GACb,cAAc,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,2DA2F2C,CAAC"}

package/dist/types/components/Table/components/newComponents/ProgressIndicators/ProgressLinear.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+import type { PolymorphicForwardRefComponent } from "../utils/index";
+type ProgressLinearProps = {
+    /**
+     * Progress percentage. Should be a number between 0 and 100.
+     */
+    value?: number;
+    /**
+     * Progress variant. If true, `value` will be ignored.
+     *
+     * Defaults to true if `value` is passed, otherwise false.
+     */
+    indeterminate?: boolean;
+    /**
+     * Labels array. One label will be centered, two will be put to the sides.
+     */
+    labels?: React.ReactNode[];
+    /**
+     * Apply animation to the value change, if determinate.
+     * @default false
+     */
+    isAnimated?: boolean;
+    /**
+     * Status of progress.
+     */
+    status?: "positive" | "negative" | "warning";
+    /**
+     * Pass props to ProgressLinear label group.
+     */
+    labelGroupProps?: React.ComponentProps<"div">;
+};
+/**
+ * Shows progress on a linear bar
+ * @example
+ * // Determinate
+ * <ProgressLinear value={25}/>
+ * // Indeterminate
+ * <ProgressLinear indeterminate={true}/>
+ * // Labeled - Center
+ * <ProgressLinear value={50} labels={['Centered Label']} />
+ * // Labeled - Left & Right
+ * <ProgressLinear value={50} labels={['Loading...', '50%']} />
+ * // Status
+ * <ProgressLinear
+ *   status='positive'
+ *   labels={[
+ *    'Upload done!',
+ *    <Icon key='icon'>
+ *      <SvgStatusSuccess />{' '}
+ *    </Icon>
+ *   ]}
+ * />
+ * <ProgressLinear status='negative' />
+ */
+export declare const ProgressLinear: PolymorphicForwardRefComponent<"div", ProgressLinearProps>;
+export {};
+//# sourceMappingURL=ProgressLinear.d.ts.map

package/dist/types/components/Table/components/newComponents/ProgressIndicators/ProgressLinear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressLinear.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/ProgressIndicators/ProgressLinear.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AAGrE,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC7C;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CAC/C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,cAAc,4DAiDqC,CAAC"}