@bcrumbs.net/bc-ui 0.0.2 → 0.0.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bcrumbs.net/bc-ui",
   "description": "The UI components of Bread Crumbs portals",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "keyword": [
     "bcrumbs",
     "bc-ui"
@@ -20,7 +20,8 @@
     "react-custom-scrollbars": "^4.2.1",
     "react-toastify": "^8.2.0",
     "@tippyjs/react": "^4.1.0",
-    "recharts": "2.1.12"
+    "recharts": "2.1.12",
+    "date-fns": "^2.28.0"
   },
   "devDependencies": {
     "@types/react-date-range": "^1.4.9"

package/src/index.d.ts

@@ -13,6 +13,7 @@ export * from './lib/iconButton';
 export * from './lib/overlay';
 export * from './lib/popup';
 export * from './lib/scrollArea';
+export * from './lib/lazyScrollbar';
 export * from './lib/addButton/bcadd-button';
 export * from './lib/progress';
 export * from './lib/dropZone';
@@ -46,4 +47,5 @@ export * from './lib/hooks/usePolling';
 export * from './lib/hooks/useDebounce';
 export * from './lib/hooks/useWindowSize';
 export * from './lib/hooks/useInterval';
+export * from './lib/hooks/useToggle';
 export * from './lib/constants';

package/src/lib/avatar/index.d.ts

@@ -3,7 +3,9 @@ export declare enum AvatarSize {
     S = 28,
     M = 36,
     L = 42,
-    XXL = 72
+    XL = 72,
+    XXL = 92,
+    XXXL = 122
 }
 export type AvatarContentProps = {
     url?: string | null;

package/src/lib/hooks/useDebounce/index.d.ts

@@ -6,4 +6,4 @@
  * @param delay - The debounce delay in milliseconds.
  * @returns A function to update the debounced value.
  */
-export declare function useDebounce<T>(callback: (value: T) => void, delay: number): import("react").Dispatch<import("react").SetStateAction<T>>;
+export declare function useDebounce<T>(callback: (value: T) => void, delay: number): import("react").Dispatch<import("react").SetStateAction<T | undefined>>;

package/src/lib/hooks/usePolling/index.d.ts

@@ -4,5 +4,7 @@ type UsePollingProps = {
 };
 export declare const usePolling: ({ action, interval }: UsePollingProps) => {
     isPolling: boolean;
+    startPolling: () => void;
+    stopPolling: () => void;
 };
 export {};

package/src/lib/hooks/useToggle/index.d.ts

@@ -0,0 +1 @@
+export declare function useToggle(initial?: boolean, reducer?: (state: boolean) => boolean): readonly [boolean, () => void];

package/src/lib/lazyScrollbar/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Scrollbars } from 'react-custom-scrollbars';
+export type LazyLoadBCScrollbarProps = {
+    loadMoreItems: () => void;
+    loading: boolean;
+    hasMore?: boolean;
+    children?: React.ReactNode;
+    rtl?: boolean;
+};
+export declare const BCLazyLoadScrollbar: React.ForwardRefExoticComponent<LazyLoadBCScrollbarProps & React.RefAttributes<Scrollbars>>;

package/src/lib/searchbox/bcsearchbox.d.ts

@@ -6,6 +6,7 @@ export interface BCSearchboxProps {
     name?: string;
     icon?: string | ReactElement;
     placeholder?: string;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }
-export declare const BCSearchbox: ({ className, onChange, value, name, placeholder, icon, }: BCSearchboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BCSearchbox: ({ className, onChange, value, name, placeholder, icon, onKeyDown, }: BCSearchboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCSearchbox;

package/src/lib/table/bctable.d.ts

@@ -35,17 +35,28 @@ export type Row = {
 } & {
     id: any;
 };
-export type BCTableProps = {
+export type SharedBCTableProps = {
+    textboxChanged?: (row: Row) => void;
+    actionClicked?: (key: string, row: Row, index: number) => void;
+    dropListChanged?: (row: Row, choosedKey?: string) => void;
+};
+export type BCCellProps = SharedBCTableProps & {
+    column: Column;
+    row: Row;
+    index: number;
+    forceUpdate: () => void;
+    actionClicked?: (key: string, row: Row, index: number) => void;
+};
+export type BCTableProps = SharedBCTableProps & {
     className?: string;
     rows: Row[];
     columns: Column[];
-    dropListChanged?: (row: Row, choosedKey?: string) => void;
-    textboxChanged?: (row: Row) => void;
-    actionClicked?: (key: string, row: Row, index: number) => void;
     builtInSearch?: boolean;
     searchPattern?: string;
     noItemsMessage?: string;
     rtl?: boolean;
+    loading?: boolean;
 };
-export declare const BCTable: ({ className, rows: inputRows, columns, dropListChanged, textboxChanged, actionClicked, builtInSearch, searchPattern, noItemsMessage, rtl, }: BCTableProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BCCell: ({ column, row, index, forceUpdate, textboxChanged, dropListChanged, actionClicked }: BCCellProps) => JSX.Element | null;
+export declare const BCTable: ({ className, rows: inputRows, columns, dropListChanged, textboxChanged, actionClicked, builtInSearch, searchPattern, noItemsMessage, rtl, loading, }: BCTableProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCTable;