elseware-ui 2.23.2 → 2.24.0

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

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

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/DataViewPagination.d.ts

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

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/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,17 @@
+import DataViewProvider from "./core/DataViewProvider";
+import DataViewHeader from "./com/DataViewHeader";
+import DataViewSidebar from "./com/DataViewSidebar";
+import DataViewContent from "./com/DataViewContent";
+import DataViewPagination from "./com/DataViewPagination";
+import DataViewSearch from "./controls/DataViewSearch";
+import DataViewSort from "./controls/DataViewSort";
+import DataViewFilterGroup from "./controls/DataViewFilterGroup";
+export declare const DataView: typeof DataViewProvider & {
+    Header: typeof DataViewHeader;
+    Sidebar: typeof DataViewSidebar;
+    Content: typeof DataViewContent;
+    Pagination: typeof DataViewPagination;
+    Search: typeof DataViewSearch;
+    Sort: typeof DataViewSort;
+    FilterGroup: typeof DataViewFilterGroup;
+};

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";