@fluidattacks/design 3.25.5-pr.5 → 3.25.5-pr.7

package/dist/components/step-lapse/types.d.ts

@@ -0,0 +1,44 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+type TStepVariant = "completed" | "current" | "disabled";
+/**
+ * Step component props.
+ * @interface IStep
+ * @property { ReactNode } content - The content to be displayed in the step.
+ * @property { boolean } [isDisabledNext] - A flag indicating whether the next button should be disabled.
+ * @property { boolean } [isDisabledPrevious] - A flag indicating whether the previous button should be disabled.
+ * @property { Function } [nextAction] - The callback function to be executed when the next button is clicked.
+ * @property { Function } [previousAction] - The callback function to be executed when the previous button is clicked.
+ * @property { string } title - The title of the step.
+ */
+interface IStep {
+    content: ReactNode;
+    isDisabledNext?: boolean;
+    isDisabledPrevious?: boolean;
+    nextAction?: () => void;
+    previousAction?: () => void;
+    title: string;
+}
+/**
+ * Step lapse button props.
+ * @interface IStepLapseButton
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ * @property { boolean } disabled - Whether the button should be disabled.
+ * @property { string } text - Button text.
+ * @property { Function } onClick - Callback function to be executed when the button is clicked.
+ */
+interface IStepLapseButton extends Pick<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
+    disabled?: boolean;
+    text: string;
+    onClick?: () => void;
+}
+/**
+ * Step lapse component props.
+ * @interface IStepLapseProps
+ * @property { IStepLapseButton } button - The button to be displayed at the end of the step lapse.
+ * @property { IStep[] } steps - The steps to be included in the step lapse.
+ */
+interface IStepLapseProps {
+    button: IStepLapseButton;
+    steps: IStep[];
+}
+export type { IStepLapseProps, TStepVariant };

package/dist/components/table/context/index.d.ts

@@ -0,0 +1,3 @@
+import { ITableContext } from './types';
+declare const TableContext: import('react').Context<ITableContext<unknown>>;
+export { TableContext };

package/dist/components/table/context/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("../../../components-Bnce3gbg.js");exports.TableContext=e.TableContext;

package/dist/components/table/context/types.d.ts

@@ -0,0 +1,27 @@
+import { RowData, Table } from '@tanstack/react-table';
+/**
+ * Interface for the table context.
+ * @interface ITableContext
+ * @template T - The type of the data in the table.
+ * @property { React.RefObject<HTMLDivElement> } containerRef - The ref to the container element.
+ * @property { string } elementName - The name of the element.
+ * @property { Function } handleUnselectAll - The function to handle the unselect all action.
+ * @property { boolean } hidden - Whether the table is hidden.
+ * @property { Function } onKeyDown - The function to handle the key down event.
+ * @property { number } selected - The number of selected rows.
+ * @property { number } tableSize - The size of the table.
+ * @property { React.RefObject<HTMLTableElement> } tableRef - The ref to the table element.
+ * @property { Table<T> } table - The table instance.
+ */
+interface ITableContext<T extends RowData> {
+    containerRef?: React.RefObject<HTMLDivElement>;
+    elementName: string;
+    handleUnselectAll?: () => void;
+    hidden: boolean;
+    onKeyDown?: (event: Readonly<React.KeyboardEvent>) => void;
+    selected: number;
+    tableSize: number;
+    tableRef?: React.RefObject<HTMLTableElement>;
+    table?: Table<T>;
+}
+export type { ITableContext };

package/dist/components/table/export-csv/index.d.ts

@@ -0,0 +1,4 @@
+import { RowData } from '@tanstack/react-table';
+import { IExportCsvProps } from './types';
+declare const ExportCsv: <TData extends RowData>({ csvConfig, data, children, }: Readonly<IExportCsvProps<TData>>) => JSX.Element;
+export { ExportCsv };

package/dist/components/table/export-csv/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-DGfjRRUz.js");require("react");const e=require("../../../components-Bnce3gbg.js");exports.ExportCsv=e.ExportCsv;

package/dist/components/table/export-csv/types.d.ts

@@ -0,0 +1,25 @@
+import { RowData } from '@tanstack/react-table';
+import { ICsvConfig } from '../types';
+/**
+ * @interface IHeader
+ * @description Interface for header configuration
+ * @property { string } key - The key of the header
+ * @property { string } label - The label of the header
+ */
+interface IHeader {
+    key: string;
+    label: string;
+}
+/**
+ * @interface IExportCsvProps
+ * @description Interface for export CSV props
+ * @property { ICsvConfig } [csvConfig] - Configuration for CSV export
+ * @property { TData[] } data - Data to export
+ * @property { ReactNode } children - Children components
+ */
+interface IExportCsvProps<TData extends RowData> {
+    csvConfig?: ICsvConfig;
+    data: TData[];
+    children: React.ReactNode;
+}
+export type { IExportCsvProps, IHeader };

package/dist/components/table/export-csv/utils.d.ts

@@ -0,0 +1,2 @@
+declare const flattenData: (dataset: Readonly<object[]>) => object[];
+export { flattenData };

package/dist/components/table/index.d.ts

@@ -0,0 +1,24 @@
+declare const Table: (<T extends import('@tanstack/table-core').RowData>({ children, table, }: Readonly<import('./types').ITable<T>>) => React.ReactNode) & {
+    Caption: ({ children, }: Readonly<{
+        children: React.ReactNode;
+    }>) => React.ReactNode;
+    Columns: <TData extends import('@tanstack/table-core').RowData>(props: Readonly<import('./types').IToggleProps<TData>>) => JSX.Element;
+    Content: () => JSX.Element;
+    Controls: ({ children, }: Readonly<{
+        children: React.ReactNode;
+    }>) => React.ReactNode;
+    Export: <TData extends import('@tanstack/table-core').RowData>({ csvConfig, data, children, }: Readonly<import('./export-csv/types').IExportCsvProps<TData>>) => JSX.Element;
+    Footer: ({ children, }: Readonly<{
+        children?: React.ReactNode;
+    }>) => React.ReactNode;
+    FooterContent: ({ children, }: Readonly<{
+        children: React.ReactNode;
+    }>) => React.ReactNode;
+    Highlighted: ({ children, }: Readonly<{
+        children: React.ReactNode;
+    }>) => React.ReactNode;
+    Options: ({ children, }: Readonly<{
+        children?: React.ReactNode;
+    }>) => React.ReactNode;
+};
+export { Table };

package/dist/components/table/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../components-Bnce3gbg.js");exports.Table=e.Table;

package/dist/components/table/index.stories.d.ts

@@ -0,0 +1,22 @@
+import { Meta } from '@storybook/react';
+import { ITable } from './types';
+declare const config: Meta;
+interface IRandomData {
+    id: string;
+    name: string;
+    age: number;
+}
+interface IHighlightedData {
+    id: string;
+    name: string;
+    type: string;
+    date: string;
+}
+declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITable<IRandomData>>;
+declare const TableWithActions: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITable<IRandomData>>;
+declare const TableWithHighlighted: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITable<IHighlightedData>>;
+declare const TableWithExpanding: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITable<IRandomData>>;
+declare const TableWithMultiSelection: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITable<IRandomData>>;
+declare const TableWithSingleSelection: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITable<IRandomData>>;
+export { Default, TableWithActions, TableWithHighlighted, TableWithExpanding, TableWithMultiSelection, TableWithSingleSelection, };
+export default config;

package/dist/components/table/pagination/pagination-control/index.d.ts

@@ -0,0 +1,2 @@
+declare const PaginationControl: () => JSX.Element;
+export { PaginationControl };

package/dist/components/table/pagination/pagination-control/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-Bnce3gbg.js");exports.PaginationControl=e.PaginationControl;

package/dist/components/table/pagination/pagination-control/styles.d.ts

@@ -0,0 +1,6 @@
+declare const ArrowButton: import('styled-components').IStyledComponent<"web", import('styled-components/dist/types').Substitute<Omit<Readonly<import('../../../icon-button/types').IIconButtonProps> & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, {
+    $padding?: string;
+}>> & import('react').ForwardRefExoticComponent<Readonly<import('../../../icon-button/types').IIconButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;
+export { ArrowButton };

package/dist/components/table/pagination/pagination-dropdown/index.d.ts

@@ -0,0 +1,2 @@
+declare const PaginationDropdown: () => JSX.Element;
+export { PaginationDropdown };

package/dist/components/table/pagination/pagination-dropdown/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DGfjRRUz.js");require("react");const e=require("../../../../components-Bnce3gbg.js");exports.PaginationDropdown=e.PaginationDropdown;

package/dist/components/table/pagination/pagination-size/index.d.ts

@@ -0,0 +1,2 @@
+declare const PaginationSize: () => JSX.Element;
+export { PaginationSize };

package/dist/components/table/pagination/pagination-size/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-Bnce3gbg.js");exports.PaginationSize=e.PaginationSize;

package/dist/components/table/sort-icon/index.d.ts

@@ -0,0 +1,3 @@
+import { ISortIconProps } from './types';
+declare const SortIcon: (props: Readonly<ISortIconProps>) => JSX.Element;
+export { SortIcon };

package/dist/components/table/sort-icon/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-DGfjRRUz.js");const e=require("../../../components-Bnce3gbg.js");exports.SortIcon=e.SortIcon;

package/dist/components/table/sort-icon/styles.d.ts

@@ -0,0 +1,5 @@
+import { SortIconVariant } from './types';
+declare const StyledSortIcon: import('styled-components').IStyledComponent<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $variant: SortIconVariant;
+}>>;
+export { StyledSortIcon };

package/dist/components/table/sort-icon/types.d.ts

@@ -0,0 +1,9 @@
+type SortIconVariant = "asc" | "desc" | false;
+/**
+ * Props for the SortIcon component.
+ * @param { SortIconVariant } variant - The variant of the sort icon. `false` for no sorting
+ */
+interface ISortIconProps {
+    variant: SortIconVariant;
+}
+export type { ISortIconProps, SortIconVariant };