@hybr1d-tech/charizard 0.3.36

package/dist/table/Table.d.ts

@@ -0,0 +1,87 @@
+import * as React from 'react';
+import type { FilterConfig } from './types';
+export interface TableProps {
+    data: any;
+    columns: any;
+    actionsConfig?: {
+        isDropdownActions?: boolean;
+        menuItems?: {
+            label: string;
+            iconSrc?: string;
+            onClick: any;
+            filterFn?: any;
+        }[];
+        key?: string;
+        customComp?: React.ReactNode;
+    };
+    loaderConfig: {
+        text?: string;
+        isFetching: boolean;
+        isError: boolean;
+        errMsg?: string;
+    };
+    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;
+    rowSelectionConfig?: {
+        isCheckbox?: boolean;
+        isRadio?: boolean;
+        actions?: {
+            icon: string;
+            text: string;
+            onClick: any;
+        }[];
+        setSelectedRows?: React.Dispatch<React.SetStateAction<any>>;
+        iconSrc?: string;
+        shouldClear?: boolean;
+    };
+    selectorConfig?: {
+        selectors: {
+            name: string;
+            onClick: any;
+        }[];
+    };
+    paginationConfig?: {
+        metaData: {
+            total_items: number;
+            items_on_page: number;
+        };
+        loader: React.ReactNode;
+        fetchNextPage: () => void;
+        height?: string;
+    };
+    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 Table({ data, loaderConfig, columns, filterConfig, sortConfig, rowSelectionConfig, actionsConfig, searchConfig, totalText, selectorConfig, paginationConfig, emptyStateConfig, headerText, }: TableProps): import("react/jsx-runtime").JSX.Element;

package/dist/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/table/index.d.ts

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

package/dist/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: unknown;
+    }>(partial: TableStore | Partial<TableStore> | ((state: TableStore) => TableStore | Partial<TableStore>), replace?: boolean | undefined, action?: A | undefined): void;
+}>;

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

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

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

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

package/dist/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/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/table/table-columns/index.d.ts

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

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

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

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

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

package/dist/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/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/table/table-filters/TableFilter.d.ts

@@ -0,0 +1,13 @@
+import { TableStore } from '../store';
+import type { FilterOptions, InternalTableFilters } from '../types';
+interface TableFilterProps {
+    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 TableFilter({ filter, tableFilters, tableFilter, addFilters, removeFilters, resetFilters, filterDispatch, }: TableFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/table/table-filters/TableFilters.d.ts

@@ -0,0 +1,6 @@
+import type { FilterConfig } from '../types';
+type TableFiltersProps = {
+    filterConfig: FilterConfig;
+};
+export default function TableFilters({ filterConfig }: TableFiltersProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/table/table-filters/index.d.ts

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

package/dist/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/table/table-loader/index.d.ts

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

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

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

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

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

package/dist/table/types.d.ts

@@ -0,0 +1,36 @@
+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
+ *
+ *
+ */
+export type FilterConfig = {
+    filters: FilterOptions[];
+    isLoading: boolean;
+    isError: boolean;
+    filterDispatch: (value: any) => void;
+    filterReset: (value: any) => void;
+};
+export type InternalTableFilters = {
+    key: string;
+    values: string[];
+};

package/dist/tooltip/Tooltip.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { TooltipTrigger } from './TooltipTrigger';
+import { TooltipContent } from './TooltipContent';
+import type { Placement } from '@zag-js/popper';
+interface TooltipProps {
+    /**
+     * tooltip children
+     */
+    children: React.ReactNode;
+    /**
+     * open tooltip after delay
+     */
+    openDelay?: number;
+    /**
+     * close tooltip after delay
+     */
+    closeDelay?: number;
+    /**
+     * placement of the tooltip
+     */
+    placement?: Placement;
+}
+export declare function Tooltip({ children, openDelay, closeDelay, placement, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tooltip {
+    var Trigger: typeof TooltipTrigger;
+    var Content: typeof TooltipContent;
+}
+export {};

package/dist/tooltip/TooltipContent.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @author Pratik Awaik <pratik@hybr1d.io>
+ */
+interface TooltipContentProps {
+    /**
+     * tooltip content children
+     */
+    children: React.ReactNode;
+    /**
+     * tooltip API object
+     */
+    api?: any;
+    /**
+     * content background
+     */
+    bg?: 'black' | 'gray' | string;
+    /**
+     * positioner styles
+     */
+    positionerStyles?: React.CSSProperties;
+    containerStyles?: React.CSSProperties;
+}
+export declare function TooltipContent({ children, api, bg, positionerStyles, containerStyles, }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/tooltip/TooltipTrigger.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @author Pratik Awaik <pratik@hybr1d.io>
+ */
+interface TooltipTriggerProps {
+    /**
+     * tooltip trigger
+     */
+    children: React.ReactNode;
+    /**
+     * The tooltip API object.
+     */
+    api?: any;
+    customStyles?: React.CSSProperties;
+}
+export declare function TooltipTrigger({ children, api, customStyles }: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/tooltip/index.d.ts

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

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@hybr1d-tech/charizard",
+  "version": "0.3.36",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/hybr1d-ui.umd.js",
+  "module": "./dist/hybr1d-ui.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/hybr1d-ui.js",
+      "require": "./dist/hybr1d-ui.umd.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Usehybrid/charizard"
+  },
+  "peerDependencies": {
+    "@tanstack/react-table": "^8.10.7",
+    "@zag-js/checkbox": "^0.31.1",
+    "@zag-js/combobox": "^0.31.1",
+    "@zag-js/dialog": "^0.31.1",
+    "@zag-js/menu": "^0.31.1",
+    "@zag-js/popover": "^0.31.1",
+    "@zag-js/popper": "^0.31.1",
+    "@zag-js/radio-group": "^0.31.1",
+    "@zag-js/react": "^0.31.1",
+    "@zag-js/tabs": "^0.31.1",
+    "@zag-js/tooltip": "^0.31.1",
+    "clsx": "^2.0.0",
+    "react": "^18.2.0",
+    "react-country-flag": "^3.1.0",
+    "react-dom": "^18.2.0",
+    "react-infinite-scroll-component": "^6.1.0",
+    "react-inlinesvg": "^4.1.0",
+    "react-select": "^5.8.0",
+    "use-deep-compare-effect": "^1.8.1",
+    "zustand": "^4.4.6"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.5.3",
+    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-links": "^7.5.3",
+    "@storybook/blocks": "^7.5.3",
+    "@storybook/react": "^7.5.3",
+    "@storybook/react-vite": "^7.5.3",
+    "@storybook/testing-library": "^0.2.2",
+    "@types/node": "^20.9.0",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "@vitejs/plugin-react": "^4.1.1",
+    "prop-types": "^15.8.1",
+    "storybook": "^7.5.3",
+    "storybook-css-modules-preset": "^1.1.1",
+    "typescript": "^5.2.2",
+    "vite": "^4.5.0",
+    "vite-plugin-checker": "^0.6.2",
+    "vite-plugin-dts": "^3.6.3",
+    "vite-plugin-libcss": "^1.1.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}