elseware-ui 2.23.2 → 2.25.0

package/build/components/data-display/data-view/com/DataViewContent.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { JSX } from "react";
+type DataViewContentProps<T = any> = {
+    children: ReactNode | ((data: T[]) => ReactNode);
+};
+declare function DataViewContent<T = any>({ children, }: DataViewContentProps<T>): JSX.Element;
+export default DataViewContent;

package/build/components/data-display/data-view/com/DataViewFooter.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+type DataViewFooterProps = {
+    children: ReactNode;
+};
+declare function DataViewFooter({ children }: DataViewFooterProps): import("react/jsx-runtime").JSX.Element;
+export default DataViewFooter;

package/build/components/data-display/data-view/com/DataViewHeader.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+type DataViewHeaderProps = {
+    children: ReactNode;
+};
+declare function DataViewHeader({ children }: DataViewHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default DataViewHeader;

package/build/components/data-display/data-view/com/DataViewSidebar.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+type DataViewSidebarProps = {
+    children: ReactNode;
+};
+declare function DataViewSidebar({ children }: DataViewSidebarProps): import("react/jsx-runtime").JSX.Element;
+export default DataViewSidebar;

package/build/components/data-display/data-view/controls/DataViewFilterGroup.d.ts

@@ -0,0 +1,12 @@
+type FilterOption = {
+    value: string;
+    label: string;
+    dotClass?: string;
+};
+type DataViewFilterGroupProps<T = any> = {
+    filterKey: keyof T;
+    options: FilterOption[];
+    title?: string;
+};
+declare function DataViewFilterGroup<T extends Record<string, any>>({ filterKey, options, title, }: DataViewFilterGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export default DataViewFilterGroup;

package/build/components/data-display/data-view/controls/DataViewPageSize.d.ts

@@ -0,0 +1,7 @@
+import { Shape } from "../../../../types";
+type Props = {
+    pageSizeOptions?: (number | "All")[];
+    shape?: Shape;
+};
+declare function DataViewPageSize({ pageSizeOptions, shape, }: Props): import("react/jsx-runtime").JSX.Element;
+export default DataViewPageSize;

package/build/components/data-display/data-view/controls/DataViewPagination.d.ts

@@ -0,0 +1,6 @@
+import { Shape } from "../../../../types";
+type Props = {
+    shape?: Shape;
+};
+declare function DataViewPagination({ shape }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default DataViewPagination;

package/build/components/data-display/data-view/controls/DataViewSearch.d.ts

@@ -0,0 +1,7 @@
+import { Shape } from "../../../../types";
+type DataViewSearchProps = {
+    placeholder?: string;
+    shape?: Shape;
+};
+declare function DataViewSearch({ placeholder, shape, }: DataViewSearchProps): import("react/jsx-runtime").JSX.Element;
+export default DataViewSearch;

package/build/components/data-display/data-view/controls/DataViewSort.d.ts

@@ -0,0 +1,11 @@
+import { Shape } from "../../../../types";
+type SortOption = {
+    value: string;
+    label: string;
+};
+type DataViewSortProps = {
+    options: SortOption[];
+    shape?: Shape;
+};
+declare function DataViewSort({ options, shape }: DataViewSortProps): import("react/jsx-runtime").JSX.Element;
+export default DataViewSort;

package/build/components/data-display/data-view/core/DataViewContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DataViewContextType } from "./types";
+export declare const DataViewContext: import("react").Context<DataViewContextType<any> | null>;

package/build/components/data-display/data-view/core/DataViewProvider.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import { SortConfig } from "./types";
+interface Props<T> {
+    data: T[];
+    children: ReactNode;
+    defaultPageSize?: number;
+    sortConfig?: Record<string, SortConfig<T>>;
+}
+declare function DataViewProvider<T extends Record<string, any>>({ data, children, defaultPageSize, sortConfig, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default DataViewProvider;

package/build/components/data-display/data-view/core/types.d.ts

@@ -0,0 +1,22 @@
+import { Dispatch, SetStateAction } from "react";
+export type SortDirection = "asc" | "desc";
+export type SortConfig<T, K extends keyof T = keyof T> = {
+    key: K;
+    direction?: "asc" | "desc";
+    transform?: (value: T[K]) => number | string;
+};
+export interface DataViewContextType<T = any> {
+    rawData: T[];
+    data: T[];
+    search: string;
+    setSearch: (v: string) => void;
+    filters: Record<string, any>;
+    setFilters: Dispatch<SetStateAction<Record<string, any>>>;
+    sort: string;
+    setSort: (v: string) => void;
+    page: number;
+    setPage: (v: number) => void;
+    pageSize: number | "All";
+    setPageSize: (v: number | "All") => void;
+    totalPages: number;
+}

package/build/components/data-display/data-view/hooks/useDataView.d.ts

@@ -0,0 +1,2 @@
+import { DataViewContextType } from "../core/types";
+export declare function useDataView<T = any>(): DataViewContextType<T>;

package/build/components/data-display/data-view/index.d.ts

@@ -0,0 +1,21 @@
+import DataViewProvider from "./core/DataViewProvider";
+import DataViewHeader from "./com/DataViewHeader";
+import DataViewSidebar from "./com/DataViewSidebar";
+import DataViewContent from "./com/DataViewContent";
+import DataViewFooter from "./com/DataViewFooter";
+import DataViewSearch from "./controls/DataViewSearch";
+import DataViewSort from "./controls/DataViewSort";
+import DataViewFilterGroup from "./controls/DataViewFilterGroup";
+import DataViewPageSize from "./controls/DataViewPageSize";
+import DataViewPagination from "./controls/DataViewPagination";
+export declare const DataView: typeof DataViewProvider & {
+    Header: typeof DataViewHeader;
+    Sidebar: typeof DataViewSidebar;
+    Content: typeof DataViewContent;
+    Footer: typeof DataViewFooter;
+    Pagination: typeof DataViewPagination;
+    Search: typeof DataViewSearch;
+    Sort: typeof DataViewSort;
+    FilterGroup: typeof DataViewFilterGroup;
+    PageSize: typeof DataViewPageSize;
+};

package/build/components/data-display/data-view/utils/filterData.d.ts

@@ -0,0 +1 @@
+export declare function filterData<T extends Record<string, any>>(data: T[], filters: Record<string, any>): T[];

package/build/components/data-display/data-view/utils/searchData.d.ts

@@ -0,0 +1 @@
+export declare function searchData<T extends Record<string, any>>(data: T[], search: string): T[];

package/build/components/data-display/data-view/utils/sortData.d.ts

@@ -0,0 +1,2 @@
+import { SortConfig } from "../core/types";
+export declare function sortData<T>(data: T[], sort: string, sortConfig: Record<string, SortConfig<T>>): T[];

package/build/components/data-display/index.d.ts

@@ -4,6 +4,7 @@ export * from "./banners";
 export * from "./brand";
 export * from "./charts";
 export * from "./chip";
+export * from "./data-view";
 export * from "./flag";
 export * from "./graphs";
 export * from "./image";
@@ -20,4 +21,3 @@ export * from "./typography";
 export * from "./value-badge";
 export * from "./video";
 export * from "./world-map";
-export * from "./world-map-country-table";

package/build/components/data-display/table/Table.d.ts

@@ -1,14 +1,16 @@
-import { TableColumnConfig } from "./TableContent";
+import { ReactNode } from "react";
+import { Shape } from "../../../types";
+export interface TableColumnConfig<T> {
+    key: keyof T | string;
+    header: string;
+    sortable?: boolean;
+    render?: (value: any, row: T) => ReactNode;
+}
 export interface TableProps<T> {
     title?: string;
     columns: TableColumnConfig<T>[];
     data: T[];
-    defaultPageSize?: number;
-    pageSizeOptions?: (number | "All")[];
-    isLoading?: boolean;
-    isSuccess?: boolean;
-    isError?: boolean;
-    error?: unknown;
+    shape?: Shape;
 }
-declare function Table<T extends Record<string, any>>({ title, columns, data, defaultPageSize, pageSizeOptions, isLoading, isSuccess, isError, error, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Table<T extends Record<string, any>>({ title, columns, data, shape, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Table;

package/build/compositions/data-display/data-view-table/DataViewTable.d.ts

@@ -0,0 +1,21 @@
+import { TableColumnConfig } from "../../../components/data-display/table/Table";
+import { SortConfig } from "../../../components/data-display/data-view/core/types";
+type SortOption = {
+    value: string;
+    label: string;
+};
+export interface DataViewTableProps<T> {
+    title?: string;
+    columns: TableColumnConfig<T>[];
+    data: T[];
+    sortOptions?: SortOption[];
+    sortConfig?: Record<string, SortConfig<T>>;
+    searchPlaceholder?: string;
+    defaultPageSize?: number;
+    isLoading?: boolean;
+    isSuccess?: boolean;
+    isError?: boolean;
+    error?: unknown;
+}
+declare function DataViewTable<T extends Record<string, any>>({ title, columns, data, sortOptions, sortConfig, searchPlaceholder, defaultPageSize, isLoading, isSuccess, isError, error, }: DataViewTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default DataViewTable;

package/build/compositions/data-display/data-view-table/index.d.ts

@@ -0,0 +1,2 @@
+import DataViewTable from "./DataViewTable";
+export { DataViewTable };

package/build/compositions/data-display/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./data-view-table";
+export * from "./world-map-country-table";

package/build/compositions/data-display/world-map-country-table/WorldMapCountryTable.d.ts

@@ -0,0 +1,7 @@
+import { WorldMapPoint } from "../../../components/data-display/world-map/WorldMap";
+interface WorldMapCountryTableProps {
+    title?: string;
+    data: WorldMapPoint[];
+}
+export default function WorldMapCountryTable({ title, data, }: WorldMapCountryTableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/compositions/index.d.ts

@@ -1 +1,2 @@
+export * from "./data-display";
 export * from "./navigation";

package/build/index.d.ts

@@ -1,7 +1,7 @@
 import "./styles/gradients.css";
 import "./styles/index.css";
 export * from "./components";
-export * from "./compositions";
+export * from "./compositions/data-display";
 export * from "./hooks";
 export * from "./layouts";
 export * from "./utils";