@heliux-org/design-system-core 0.0.155 → 0.0.156

package/dist/esm/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/esm/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/esm/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: {
+        placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        x: number;
+        y: number;
+        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/esm/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/esm/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/esm/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"}

package/dist/esm/components/Table/components/newComponents/ProgressIndicators/ProgressRadial.d.ts

@@ -0,0 +1,46 @@
+import * as React from "react";
+import type { PolymorphicForwardRefComponent } from "../utils/index";
+type ProgressRadialProps = {
+    /**
+     * Progress percentage. Should be a number between 0 and 100.
+     */
+    value?: number;
+    /**
+     * Progress variant. If true, value will be ignored.
+     *
+     * @default false if value is provided, true otherwise
+     */
+    indeterminate?: boolean;
+    /**
+     * Status of Progress. Positive status always has 100% value.
+     */
+    status?: "positive" | "negative" | "warning";
+    /**
+     * Size of the progress indicator. Defaults to medium size.
+     * @default ''
+     */
+    size?: "" | "x-small" | "small" | "large";
+    /**
+     * Content shown inside progress indicator.
+     */
+    children?: React.ReactNode;
+};
+/**
+ * Circular Progress Indicator
+ * @example
+ * Basic
+ * <ProgressRadial value={50} />
+ * Indeterminate
+ * <ProgressRadial indeterminate />
+ * // Positive / Negative / Warning
+ * <ProgressRadial status='positive' />
+ * <ProgressRadial status='negative' />
+ * <ProgressRadial status='warning' />
+ * Centered Content
+ * <ProgressRadial value={63}>63</ProgressRadial>
+ * Small
+ * <ProgressRadial size={'small'} indeterminate/>
+ */
+export declare const ProgressRadial: PolymorphicForwardRefComponent<"div", ProgressRadialProps>;
+export {};
+//# sourceMappingURL=ProgressRadial.d.ts.map

package/dist/esm/components/Table/components/newComponents/ProgressIndicators/ProgressRadial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRadial.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/ProgressIndicators/ProgressRadial.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/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,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc,4DA8CqC,CAAC"}

package/dist/esm/components/Table/components/newComponents/ThemeProvider/ThemeContext.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { ThemeOptions, ThemeType } from './ThemeProvider';
+export declare const ThemeContext: React.Context<{
+    theme?: ThemeType;
+    themeOptions?: ThemeOptions;
+    portalContainer?: HTMLElement | null;
+}>;
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/esm/components/Table/components/newComponents/ThemeProvider/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/ThemeProvider/ThemeContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE/D,eAAO,MAAM,YAAY;YAEX,SAAS;mBACF,YAAY;sBACT,WAAW,GAAG,IAAI;EAG9B,CAAC"}

package/dist/esm/components/Table/components/newComponents/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,108 @@
+import * as React from 'react';
+import type { PolymorphicForwardRefComponent } from '../utils/index';
+export type ThemeOptions = {
+    /**
+     * Whether to apply high-contrast versions of light and dark themes.
+     * Will default to user preference if browser supports it.
+     */
+    highContrast?: boolean;
+};
+export type ThemeType = 'light' | 'dark' | 'os';
+type RootProps = {
+    /**
+     * Theme to be applied. Can be 'light' or 'dark' or 'os'.
+     *
+     * Note that 'os' will respect the system preference on client but will fallback to 'light'
+     * in SSR environments because it is not possible detect system preference on the server.
+     * This can cause a flash of incorrect theme on first render.
+     *
+     * The 'inherit' option is intended to be used by packages, to enable incremental adoption
+     * of iTwinUI while respecting the theme set by the consuming app. It will fall back to 'light'
+     * if no parent theme is found. Additionally, it will attempt to inherit `themeOptions.highContrast`
+     * and `portalContainer` (if possible).
+     *
+     * @default 'inherit'
+     */
+    theme?: ThemeType | 'inherit';
+    themeOptions?: Pick<ThemeOptions, 'highContrast'> & {
+        /**
+         * Whether or not the element should apply the recommended `background-color` on itself.
+         *
+         * When not specified, the default behavior is to apply a background-color only
+         * if it is the topmost `ThemeProvider` in the tree. Nested `ThemeProvider`s will
+         * be detected using React Context and will not apply a background-color.
+         *
+         * Additionally, if theme is set to `'inherit'`, then this will default to false.
+         *
+         * When set to true or false, it will override the default behavior.
+         */
+        applyBackground?: boolean;
+    };
+    /**
+     * This will be used to determine if background will be applied.
+     */
+    shouldApplyBackground?: boolean;
+};
+type ThemeProviderOwnProps = Pick<RootProps, 'theme'> & {
+    themeOptions?: RootProps['themeOptions'];
+    children: Required<React.ReactNode>;
+    /**
+     * The element used as the portal for floating elements (Tooltip, Toast, DropdownMenu, Dialog, etc).
+     *
+     * Defaults to a `<div>` rendered at the end of the ThemeProvider.
+     *
+     * When passing an element, it is recommended to use state.
+     *
+     * @example
+     * const [myPortal, setMyPortal] = React.useState(null);
+     *
+     * <div ref={setMyPortal} />
+     * <ThemeProvider
+     *   portalContainer={myPortal}
+     * >
+     *   ...
+     * </ThemeProvider>
+     */
+    portalContainer?: HTMLElement;
+    /**
+     * This prop will be used to determine if `styles.css` should be automatically imported at runtime (if not already found).
+     *
+     * By default, this is enabled when using `theme='inherit'`.
+     * This default behavior is useful for packages that want to support incremental adoption of latest iTwinUI,
+     * without requiring consuming applications (that might still be using an older version) to manually import the CSS.
+     *
+     * If true or false is passed, it will override the default behavior.
+     */
+    includeCss?: boolean;
+};
+/**
+ * This component provides global state and applies theme to the entire tree
+ * that it is wrapping around.
+ *
+ * The `theme` prop defaults to "inherit", which looks upwards for closest ThemeProvider
+ * and falls back to "light" theme if one is not found.
+ *
+ * If you want to theme the entire app, you should use this component at the root. You can also
+ * use this component to apply a different theme to only a part of the tree.
+ *
+ * By default, the topmost `ThemeProvider` in the tree will apply the recommended
+ * `background-color`. You can override this behavior using `themeOptions.applyBackground`.
+ *
+ * @example
+ * <ThemeProvider theme='os'>
+ *  <App />
+ * </ThemeProvider>
+ *
+ * @example
+ * <ThemeProvider as='body'>
+ *   <App />
+ * </ThemeProvider>
+ *
+ * @example
+ * <ThemeProvider theme='dark' themeOptions={{ applyBackground: false }}>
+ *  <App />
+ * </ThemeProvider>
+ */
+export declare const ThemeProvider: PolymorphicForwardRefComponent<"div", ThemeProviderOwnProps>;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/esm/components/Table/components/newComponents/ThemeProvider/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AAIrE,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAEhD,KAAK,SAAS,GAAG;IACf;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG;QAClD;;;;;;;;;;WAUG;QACH,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B,CAAC;IACF;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACtD,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACpC;;;;;;;;;;;;;;;;OAgBG;IACH,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,aAAa,8DAmEwC,CAAC"}

package/dist/esm/components/Table/components/newComponents/Toast/Toast.d.ts

@@ -0,0 +1,79 @@
+import * as React from "react";
+import type { PolymorphicForwardRefComponent } from "../utils/index";
+export type ToastCategory = "informational" | "negative" | "positive" | "warning";
+export type ToastProps = {
+    /**
+     * Internal id of the toast. Used for closing the toasts.
+     */
+    id: number;
+    /**
+     * Content of the Toast message
+     */
+    content: React.ReactNode;
+    /**
+     * Passes props to toast and content
+     */
+    domProps?: {
+        toastProps?: React.ComponentProps<"div">;
+        contentProps?: React.ComponentProps<"div">;
+    };
+    /**
+     * Category of the Toast, which controls the border color, as well as the category icon.
+     */
+    category: ToastCategory;
+    /**
+     * The Type of the Toast.
+     * Persisting Toasts will not be closed automatically, and will contain a close button.
+     * Temporary Toasts will automatically close after 7 seconds and will not contain a close button.
+     * @default 'temporary'
+     */
+    type?: "persisting" | "temporary";
+    /**
+     * Controlled boolean prop indicating whether the toast is visible.
+     */
+    isVisible?: boolean;
+    /**
+     * Duration of the toast in millisecond.
+     * @default 7000
+     */
+    duration?: number;
+    /**
+     * Boolean indicating when the close button is visible.
+     * When false, the toast will not have any close button.
+     */
+    hasCloseButton?: boolean;
+    /**
+     * Props for a button/link that can be used to perform an action
+     * (e.g. to show additional information).
+     */
+    link?: {
+        title: string;
+    } & Omit<React.ComponentPropsWithoutRef<"button">, "children">;
+    /**
+     * Function called when the toast is all the way closed.
+     */
+    onRemove?: () => void;
+    /**
+     * Element to which the toast will animate out to.
+     */
+    animateOutTo?: HTMLElement | null;
+};
+/**
+ * Generic Toast Component
+ * @example
+ * <Toast type='persisting' content='Job processing completed.' category='positive' link={{onClick:() => {alert('Link callback')}, title:'View the report'}} />
+ * <Toast type='temporary' content='Processing completed.' category='positive' />
+ * <Toast type='temporary' content='26 files are available for synchronization.' category='informational' />
+ * <Toast type='persisting' content='Job processing error.' category='negative' />
+ */
+export declare const Toast: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export type ToastPresentationProps = Omit<ToastProps, "duration" | "id" | "isVisible" | "onRemove" | "domProps"> & {
+    onClose?: () => void;
+    contentProps?: React.ComponentProps<"div">;
+};
+/**
+ * The presentational part of a toast, without any animation or logic.
+ * @private
+ */
+export declare const ToastPresentation: PolymorphicForwardRefComponent<"div", ToastPresentationProps>;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/esm/components/Table/components/newComponents/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Toast/Toast.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AASrE,MAAM,MAAM,aAAa,GACrB,eAAe,GACf,UAAU,GACV,UAAU,GACV,SAAS,CAAC;AAEd,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACzC,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;KAC5C,CAAC;IACF;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAC;IACxB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,UAAW,UAAU,4CAgHtC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,UAAU,EACV,UAAU,GAAG,IAAI,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAC1D,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CAC5C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,+DAiDqC,CAAC"}

package/dist/esm/components/Table/components/newComponents/Toast/Toaster.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+import type { ToastProps } from "./Toast";
+export type ToasterSettings = {
+    /**
+     * Order of toasts.
+     * When set to 'descending', most recent toasts are on top. When set to 'ascending', most recent toasts are on bottom.
+     *
+     * When set to `auto`, it will behave like 'descending' when `placement` is set to a top value, otherwise 'ascending'.
+     *
+     * @default 'auto'
+     */
+    order: "descending" | "ascending" | "auto";
+    /**
+     * Placement of toasts.
+     * Changes placement of toasts. Start indicates left side of viewport. End - right side of viewport.
+     * @default 'top'
+     */
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+};
+export type ToastOptions = Omit<ToastProps, "category" | "isVisible" | "id" | "content">;
+export declare const useToaster: () => {
+    positive: (content: React.ReactNode, options?: ToastOptions) => {
+        close: () => void;
+    };
+    informational: (content: React.ReactNode, options?: ToastOptions) => {
+        close: () => void;
+    };
+    negative: (content: React.ReactNode, options?: ToastOptions) => {
+        close: () => void;
+    };
+    warning: (content: React.ReactNode, options?: ToastOptions) => {
+        close: () => void;
+    };
+    closeAll: () => void;
+    setSettings: (settings: Partial<ToasterSettings>) => void;
+};
+export declare const Toaster: () => import("react/jsx-runtime").JSX.Element;
+export declare const ToastProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ToasterStateContext: React.Context<ToasterState>;
+type ToasterState = {
+    toasts: ToastProps[];
+    settings: ToasterSettings;
+};
+export {};
+//# sourceMappingURL=Toaster.d.ts.map

package/dist/esm/components/Table/components/newComponents/Toast/Toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/Toast/Toaster.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAiB,UAAU,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;;;OAOG;IACH,KAAK,EAAE,YAAY,GAAG,WAAW,GAAG,MAAM,CAAC;IAC3C;;;;OAIG;IACH,SAAS,EACL,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,UAAU,EACV,UAAU,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,CAC5C,CAAC;AAIF,eAAO,MAAM,UAAU;wBAMP,MAAM,SAAS,YAAY,YAAY;;;6BAAvC,MAAM,SAAS,YAAY,YAAY;;;wBAAvC,MAAM,SAAS,YAAY,YAAY;;;uBAAvC,MAAM,SAAS,YAAY,YAAY;;;;4BAmBzB,QAAQ,eAAe,CAAC;CAKrD,CAAC;AAIF,eAAO,MAAM,OAAO,+CAYnB,CAAC;AAIF,eAAO,MAAM,aAAa;cAA8B,MAAM,SAAS;6CAgBtE,CAAC;AA4CF,eAAO,MAAM,mBAAmB,6BAEpB,CAAC;AAGb,KAAK,YAAY,GAAG;IAAE,MAAM,EAAE,UAAU,EAAE,CAAC;IAAC,QAAQ,EAAE,eAAe,CAAA;CAAE,CAAC"}

package/dist/esm/components/Table/components/newComponents/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1,23 @@
+import type { PolymorphicForwardRefComponent } from "../utils/props";
+type VisuallyHiddenOwnProps = {
+    /**
+     * When VisuallyHidden is used with an interactive element (e.g. button),
+     * that element will "unhide" (become visible again) when focused.
+     *
+     * @default true
+     */
+    unhideOnFocus?: boolean;
+};
+/**
+ * Hides content visually but keeps it still accessible to screen readers
+ * and other assistive technologies.
+ *
+ * @example
+ * <div aria-hidden='true'>★★★☆☆</div>
+ * <VisuallyHidden>3 stars out of 5</VisuallyHidden>
+ *
+ * @see https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
+ */
+export declare const VisuallyHidden: PolymorphicForwardRefComponent<"span", VisuallyHiddenOwnProps>;
+export {};
+//# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/esm/components/Table/components/newComponents/VisuallyHidden/VisuallyHidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AAGrE,KAAK,sBAAsB,GAAG;IAC5B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,gEAgCyC,CAAC"}

package/dist/esm/components/Table/components/newComponents/pagination/Pagination.d.ts

@@ -0,0 +1,18 @@
+import PropTypes from "prop-types";
+import { PaginationProps } from "./Pagination.types";
+declare function Pagination<T extends number>({ id: idProp, className, itemsPerPage, itemsPerPageOptions, onItemsPerPageOptionChange, currentPage, onCurrentPageOptionChange, numTotalItems, onBackArrowClick, shouldDisableBackArrow, onForwardArrowClick, shouldDisableForwardArrow, ...rest }: PaginationProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace Pagination {
+    var propTypes: {
+        onBackArrowClick: PropTypes.Validator<(...args: any[]) => any>;
+        onForwardArrowClick: PropTypes.Validator<(...args: any[]) => any>;
+        numTotalItems: PropTypes.Requireable<number>;
+        onCurrentPageOptionChange: PropTypes.Requireable<(...args: any[]) => any>;
+        currentPage: PropTypes.Requireable<number>;
+        onItemsPerPageOptionChange: PropTypes.Requireable<(...args: any[]) => any>;
+        itemsPerPageOptions: PropTypes.Requireable<number[]>;
+        itemsPerPage: PropTypes.Requireable<number>;
+    };
+    var displayName: string;
+}
+export default Pagination;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/esm/components/Table/components/newComponents/pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Table/components/newComponents/pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAUrD,iBAAS,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EACpC,EAAE,EAAE,MAAM,EACV,SAAS,EACT,YAAqD,EACrD,mBAAgE,EAChE,0BAA0B,EAC1B,WAAe,EACf,yBAAyB,EACzB,aAAa,EACb,gBAAgB,EAChB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,GAAG,IAAI,EACR,EAAE,eAAe,CAAC,CAAC,CAAC,2CA0HpB;kBAxIQ,UAAU;;;;;;;;;;;;;AAuJnB,eAAe,UAAU,CAAC"}

package/dist/esm/components/Table/components/newComponents/pagination/Pagination.types.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+interface PaginationProps<T extends number = number> {
+    /**
+     * Number of items visible on the current page.
+     */
+    itemsPerPage?: ExcludeFromTypeInference<T>;
+    /**
+     * Options to be shown in the Select to indicate items per page.
+     */
+    itemsPerPageOptions?: Array<T>;
+    /**
+     * onChange handler for the Select component that controls the items per page.
+     */
+    onItemsPerPageOptionChange?: (value: T) => void;
+    /**
+     * Current index of page shown (starting from 1)
+     */
+    currentPage?: number;
+    /**
+     * onChange handler for the Select component that controls the current page index.
+     */
+    onCurrentPageOptionChange?: (value: number) => void;
+    /**
+     * Total number of records.
+     */
+    numTotalItems?: number;
+    /**
+     * Function called when the back arrow icon is clicked
+     */
+    onBackArrowClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Disables the back arrow button. Back arrow button is only disabled on the first page by default
+     */
+    shouldDisableBackArrow?: boolean;
+    /**
+     * Function called when the forward arrow icon is clicked
+     */
+    onForwardArrowClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Disables the forward arrow button. Forward arrow button is only disabled on the last page by default
+     */
+    shouldDisableForwardArrow?: boolean;
+    /**
+     * Custom class name for the component
+     */
+    className?: string;
+    /**
+     * Custom inline styles for the component
+     */
+    style?: React.CSSProperties;
+    /**
+     * Additional props to be spread to the container div
+     */
+    [key: string]: any;
+}
+type ExcludeFromTypeInference<T> = [T][T extends number ? 0 : never];
+export type { PaginationProps };
+//# sourceMappingURL=Pagination.types.d.ts.map