@hybr1d-tech/charizard 0.4.9 → 0.4.11

package/dist/components/index.d.ts

@@ -0,0 +1,21 @@
+export * from './button';
+export * from './empty-state';
+export * from './table';
+export * from './search';
+export * from './drawer';
+export * from './input';
+export * from './modal';
+export * from './popover';
+export * from './select';
+export * from './svg';
+export * from './checkbox';
+export * from './tooltip';
+export * from './progress';
+export * from './segmented-control';
+export * from './radio-group';
+export * from './layout-tabs';
+export * from './selectors';
+export * from './loader';
+export * from './switch';
+export * from './tag';
+export * from './table-v2';

package/dist/{table → components/table}/Table.d.ts

@@ -16,7 +16,7 @@ export interface TableProps {
             disabled?: boolean | ((data: any) => boolean);
         }[];
         key?: string;
-        customComp?: React.ReactNode;
+        customComp?: (data: any) => React.ReactNode | JSX.Element;
     };
     loaderConfig: {
         text?: string;

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

@@ -0,0 +1,3 @@
+export declare const CHECKBOX_COL_ID = "select";
+export declare const DROPDOWN_COL_ID = "dropdown-actions";
+export declare const RADIO_COL_ID = "select-radio";

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

@@ -0,0 +1,14 @@
+import { InternalTableFilters } from './types';
+export interface TableStore {
+    filters: InternalTableFilters[];
+    setDefaultFilters: (filters: InternalTableFilters[]) => void;
+    addFilters: (filterKey: string, value: string, filterDispatch: any) => void;
+    removeFilters: (filterKey: string, value: string, filterDispatch: any) => void;
+    resetFilters: (filterKey: string, filterDispatch: any) => void;
+    resetAllFilters: (filterReset?: any) => void;
+}
+export declare const useTableStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<TableStore>, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: TableStore | Partial<TableStore> | ((state: TableStore) => TableStore | Partial<TableStore>), replace?: boolean | undefined, action?: A | undefined): void;
+}>;

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

@@ -0,0 +1 @@
+export { default } from './TableActions';

package/dist/components/table/table-columns/TableCheckbox.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author Soham Sarkar <soham@hybr1d.io>
+ */
+import * as React from 'react';
+import type { Row } from '@tanstack/react-table';
+export declare function TableCheckbox({ indeterminate, row, isHeader, ...rest }: {
+    indeterminate: boolean;
+    row: Row<unknown>;
+    setSelectedRows?: any;
+    isHeader?: boolean;
+} & React.HTMLProps<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/table-columns/TableRadio.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { Row } from '@tanstack/react-table';
+export declare function TableRadio({ indeterminate, row, ...rest }: {
+    indeterminate: boolean;
+    row: Row<unknown>;
+    setSelectedRows?: any;
+} & React.HTMLProps<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './TableCheckbox';
+export * from './TableRadio';

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

@@ -0,0 +1 @@
+export { default } from './TableEmpty';

package/dist/components/table/table-filters/FilterCheckbox.d.ts

@@ -0,0 +1,12 @@
+import { TableStore } from '../store';
+export default function FilterCheckbox({ label, value, addFilters, removeFilters, checked, filterKey, filterDispatch, countryCode, customName, }: {
+    label: string;
+    value: string;
+    checked: boolean;
+    filterKey: string;
+    addFilters: TableStore['addFilters'];
+    removeFilters: TableStore['removeFilters'];
+    filterDispatch: (value: any) => void;
+    countryCode?: string;
+    customName?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/table-filters/FilterTooltip.d.ts

@@ -0,0 +1,8 @@
+import { FilterOptions, InternalTableFilters } from '../types';
+type FilterTooltipProps = {
+    filter: FilterOptions;
+    tableFilter: InternalTableFilters;
+    selectedFilters: number;
+};
+export default function FilterTooltip({ filter, tableFilter, selectedFilters }: FilterTooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/table-loader/TableLoader.d.ts

@@ -0,0 +1,4 @@
+export default function TableLoader({ text, isError, }: {
+    text?: string;
+    isError: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { default } from './TableLoader';

package/dist/components/table/table-selected-actions/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableSelectedActions';

package/dist/components/table-v2/TableV2.d.ts

@@ -0,0 +1,116 @@
+import * as React from 'react';
+import type { FilterConfig } from './types';
+export interface TableV2Props {
+    data: any;
+    columns: any;
+    /**
+     * column for actions dropdown in the last row
+     */
+    actionsConfig?: {
+        isDropdownActions?: boolean;
+        menuItems?: {
+            label: string;
+            iconSrc?: string;
+            onClick: any;
+            filterFn?: any;
+            disabled?: boolean | ((data: any) => boolean);
+        }[];
+        key?: string;
+        customComp?: (data: any) => React.ReactNode | JSX.Element;
+    };
+    loaderConfig: {
+        text?: string;
+        isFetching: boolean;
+        isError: boolean;
+        errMsg?: string;
+    };
+    /**
+     * table search
+     */
+    searchConfig?: {
+        placeholder?: string;
+        search: string;
+        setSearch: any;
+    };
+    /**
+     * table sorting
+     * @param sortBy used for
+     */
+    sortConfig?: {
+        sortBy: string;
+        setSortBy: any;
+        sortOrd: 'asc' | 'desc' | '';
+        setSortOrd: any;
+        sortMap: Record<string, string>;
+    };
+    /**
+     * table filtering, data comes from an api
+     */
+    filterConfig?: FilterConfig;
+    totalText?: string;
+    /**
+     * Row checkbox or radio selection config
+     *
+     * @param rowIdKey: needed to keep the selected rows when search is being used server side https://tanstack.com/table/v8/docs/guide/row-selection#useful-row-ids
+     * @param entityName: singular format of entity name
+     */
+    rowSelectionConfig?: {
+        isCheckbox?: boolean;
+        isRadio?: boolean;
+        entityName: string;
+        actions?: {
+            icon: string;
+            text: string;
+            onClick: any;
+        }[];
+        setSelectedRows?: React.Dispatch<React.SetStateAction<any>>;
+        iconSrc?: string;
+        clearOnSearch?: boolean;
+        rowIdKey?: string;
+        rowSelection?: {};
+        setRowSelection?: React.Dispatch<React.SetStateAction<{}>>;
+    };
+    selectorConfig?: {
+        selectors: {
+            name: string;
+            onClick: any;
+        }[];
+    };
+    /**
+     * @deprecated use infiniteScrollConfig
+     */
+    paginationConfig?: {
+        metaData: {
+            total_items: number;
+            items_on_page: number;
+            page_no: number;
+        };
+        loader: React.ReactNode;
+        fetchNextPage: () => void;
+        height?: string;
+        scrollThreshold?: string | number;
+        scrollableTarget?: string;
+    };
+    /**
+     * Used for infinite scroll, all the properties comes from useInfiniteQuery
+     */
+    infiniteScrollConfig?: {
+        fetchNextPage: () => void;
+        isFetchingNextPage: boolean;
+    };
+    emptyStateConfig?: {
+        icon: string;
+        isCustom?: {
+            value: boolean;
+            component: React.ReactNode;
+        };
+        title: string;
+        desc: string;
+        btnText: string;
+        onClick: any;
+        columns: number;
+        emptySearchTitle?: string;
+    };
+    headerText?: string;
+}
+export declare function TableV2({ data, loaderConfig, columns, filterConfig, sortConfig, rowSelectionConfig, actionsConfig, searchConfig, totalText, selectorConfig, paginationConfig, emptyStateConfig, headerText, infiniteScrollConfig, }: TableV2Props): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './TableV2';

package/dist/components/table-v2/table-actions/TableActions.d.ts

@@ -0,0 +1,7 @@
+import { TableV2Props } from '../TableV2';
+type TableActionsProps = {
+    actionsConfig: TableV2Props['actionsConfig'];
+    data: any;
+};
+export default function TableActions({ actionsConfig, data }: TableActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/table-v2/table-empty/TableEmpty.d.ts

@@ -0,0 +1,5 @@
+import { TableV2Props } from '../TableV2';
+export default function TableEmpty({ emptyStateConfig, search, }: {
+    emptyStateConfig: TableV2Props['emptyStateConfig'];
+    search?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/table-v2/table-filters-drawer/TableFiltersDrawer.d.ts

@@ -0,0 +1,5 @@
+interface TableFiltersDrawerProps {
+    a?: any;
+}
+export default function TableFiltersDrawer({ a }: TableFiltersDrawerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v2/table-header-filters/TableHeaderFilter.d.ts

@@ -0,0 +1,13 @@
+import { TableStore } from '../store';
+import type { FilterOptions, InternalTableFilters } from '../types';
+interface TableHeaderFilterProps {
+    filter: FilterOptions;
+    tableFilters: TableStore['filters'];
+    tableFilter: InternalTableFilters;
+    addFilters: TableStore['addFilters'];
+    removeFilters: TableStore['removeFilters'];
+    resetFilters: (filterKey: string, filterDispatch: any) => void;
+    filterDispatch: (value: any) => void;
+}
+export default function TableHeaderFilter({ filter, tableFilters, tableFilter, addFilters, removeFilters, resetFilters, filterDispatch, }: TableHeaderFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v2/table-header-filters/TableHeaderFilters.d.ts

@@ -0,0 +1,7 @@
+import type { FilterConfig } from '../types';
+interface TableHeaderFiltersProps {
+    filterConfig: FilterConfig;
+    filters: FilterConfig['filters'];
+}
+export default function TableHeaderFilters({ filterConfig, filters }: TableHeaderFiltersProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/table-v2/table-header-filters/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableHeaderFilters';

package/dist/components/table-v2/table-meta-header/TableMetaHeader.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { TableV2Props } from '../TableV2';
+interface TableMetaHeaderProps {
+    rowSelectionConfig: TableV2Props['rowSelectionConfig'];
+    totalText: TableV2Props['totalText'];
+    searchConfig: TableV2Props['searchConfig'];
+    filterConfig: TableV2Props['filterConfig'];
+    rowSelection: {};
+    setRowSelection: React.Dispatch<React.SetStateAction<{}>>;
+}
+export default function TableMetaHeader({ rowSelectionConfig, totalText, searchConfig, filterConfig, rowSelection, setRowSelection, }: TableMetaHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v2/table-selected-actions/TableSelectedActions.d.ts

@@ -0,0 +1,7 @@
+import { TableV2Props } from '../TableV2';
+interface TableSelectedActionsProps {
+    rowSelectionConfig: TableV2Props['rowSelectionConfig'];
+    rowSelection: {};
+}
+export default function TableSelectedActions({ rowSelectionConfig, rowSelection, }: TableSelectedActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/table-v2/types.d.ts

@@ -0,0 +1,38 @@
+export type FilterOptions = {
+    id: string;
+    name: string;
+    key: string;
+    options: {
+        name: string;
+        value: string;
+        country_code?: string;
+        customName?: string;
+    }[];
+    config?: {
+        hideSearch?: boolean;
+        placeholder?: string;
+    };
+};
+/**
+ * @param filters comes from an api, must follow the type definition strictly
+ * @param isLoading is fetching from api
+ * @param isError api threw error
+ * @param filterDispatch must be of @type (value) => dispatch({type,payload})
+ * this is used to sync the internal table filter state with the external zustand store of the consumer
+ * @param filterReset same type as above but is used to reset all the filters
+ * @param headerFilterIds this is used for the filters which should be in the table header itself, and not inside the filters drawer
+ *
+ *
+ */
+export type FilterConfig = {
+    filters: FilterOptions[];
+    isLoading: boolean;
+    isError: boolean;
+    filterDispatch: (value: any) => void;
+    filterReset: (value: any) => void;
+    headerFilterIds?: string[];
+};
+export type InternalTableFilters = {
+    key: string;
+    values: string[];
+};