@ukpc-lib/react 0.1.11 → 0.1.12

package/dist/src/components/StyledAutocomplete/AutocompleteOption.d.ts

@@ -0,0 +1,11 @@
+import { StackProps } from '@mui/material';
+import { ReactNode } from 'react';
+type Props<T> = {
+    option: T;
+    renderOption(option: T): ReactNode;
+    onClick?(option: T): any;
+    stackProps?: StackProps;
+    select?: boolean;
+};
+export declare function AutocompleteOption<T>(props: Props<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/StyledAutocomplete/StyledAutocomplete.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { Paging } from './types';
+export type StyledAutocompleteProps<T> = {
+    disabledAllOption?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    isSync?: boolean;
+    label?: React.ReactNode;
+    value?: T;
+    placeholder?: string;
+    onChange?(value?: T): any;
+    isEqual?(option?: T, value?: T): boolean;
+    getOptionLabel(option: T): string;
+    renderOptionTooltip?(option: T): ReactNode;
+    handleChangeSearch?(text: string): void;
+    searchLoading: boolean;
+    loading?: boolean;
+    paging: Paging<T>;
+    error?: boolean;
+    helperText?: ReactNode;
+    hasNextPage: boolean;
+    isNextPageLoading: boolean;
+    loadNextPage(searchText: string): void;
+    wrapperWidth?: string | number;
+    isRequired?: boolean;
+    itemsNumber?: number;
+    placeHolderColor?: string;
+};
+export declare function StyledAutocomplete<T>(props: StyledAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/StyledAutocomplete/helpers.d.ts

@@ -0,0 +1 @@
+export declare function activeStyles<T>(props: T, active?: boolean): T | undefined;

package/dist/src/components/StyledAutocomplete/index.d.ts

@@ -0,0 +1,3 @@
+export * from './StyledAutocomplete';
+export * from './AutocompleteOption';
+export * from './useStyledAutocomplete';

package/dist/src/components/StyledAutocomplete/types.d.ts

@@ -0,0 +1,46 @@
+type Normal<S extends string> = S;
+type AsTypeSort<T> = {
+    [P in keyof T as `-${Normal<string & P>}`]: T[P];
+};
+type Filter<T> = {
+    [P in keyof T]?: T[P] | T[P][] | Partial<Record<keyof typeof Op, T[P] | T[P][]>>;
+};
+interface Query<T> {
+    search?: Search<T>;
+    filter?: Filter<T>;
+}
+type NestedKeys<T> = {
+    [K in keyof T]: K extends string | number ? T[K] extends object ? `${(K & string) | number}.${NestedKeys<T[K]>}` : (K & string) | number : never;
+}[keyof T];
+interface Search<T> {
+    content: string;
+    fields?: (keyof T | NestedKeys<T>)[];
+}
+type Sort<T> = keyof T | keyof AsTypeSort<T>;
+declare const Op: {
+    $eq: symbol;
+    $ne: symbol;
+    $gte: symbol;
+    $gt: symbol;
+    $lte: symbol;
+    $lt: symbol;
+    $not: symbol;
+    $notIn: symbol;
+    $notLike: symbol;
+    $notILike: symbol;
+    $regexp: symbol;
+    $bt: symbol;
+};
+export interface ListProps<T> extends Query<T> {
+    page?: number;
+    pageSize?: number;
+    sorts?: Sort<T>[];
+}
+export declare class Paging<T> {
+    rows: T[];
+    total: number;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+}
+export {};

package/dist/src/components/StyledAutocomplete/useStyledAutocomplete.d.ts

@@ -0,0 +1,28 @@
+import { DependencyList } from 'react';
+import { ListProps, Paging } from './types';
+import { StyledAutocompleteProps } from './StyledAutocomplete';
+export declare function useStyledAutocomplete<T, P extends ListProps<T>>(props: UseAutocomplete<T, P>): TypeReturn<T, P>;
+type SearchList<T> = {
+    searchFields: (keyof T)[];
+    searchOption?: never;
+} | {
+    searchFields?: never;
+    searchOption: (option: T, searchText: string) => boolean;
+};
+export type UseAutocomplete<T, P extends ListProps<T>> = {
+    readOnly?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    list?: {
+        options: T[];
+    } & SearchList<T>;
+    getList?(props: P): Promise<Paging<T>>;
+    listProps?: Partial<P>;
+    dependencyList?: DependencyList;
+};
+export type TypeReturn<T, P> = Pick<StyledAutocompleteProps<T>, 'loadNextPage' | 'handleChangeSearch' | 'paging' | 'hasNextPage' | 'isNextPageLoading' | 'searchLoading' | 'loading' | 'value' | 'onChange' | 'isSync' | 'readOnly'> & {
+    getList(props?: P): Promise<void>;
+    reset(): void;
+    toggleLoading: VoidFunction;
+};
+export {};

package/dist/src/components/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Topbar';
 export * from './GlobalMenu';
 export * from './Toast';
+export * from './StyledAutocomplete/index.ts';

package/dist/src/share/helpers/index.d.ts

@@ -0,0 +1 @@
+export declare function search<T>(option: T, searchText: string, fields: Array<keyof T>): boolean;

package/dist/src/share/index.d.ts

@@ -2,3 +2,4 @@ export * from './AuthProvider';
 export * from './interceptor';
 export * from './hooks';
 export * from './permissions';
+export * from './helpers';

package/dist/src/share/interceptor/index.d.ts

@@ -1,7 +1,7 @@
-import { AxiosInstance, AxiosRequestConfig } from 'axios';
+import { AxiosRequestConfig } from 'axios';
 type TgetAxiosInstanceParams = {
     config: AxiosRequestConfig;
     pushError?: (message: string) => void;
 };
-export declare function getAxiosInstance({ config, pushError, }: TgetAxiosInstanceParams): AxiosInstance;
+export declare function getAxiosInstance({ config, pushError, }: TgetAxiosInstanceParams): import("axios").AxiosInstance;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ukpc-lib/react",
   "private": false,
-  "version": "0.1.11",
+  "version": "0.1.12",
   "type": "module",
   "main": "./dist/",
   "module": "./dist/",
@@ -35,7 +35,8 @@
     "build-wc": "tsc && vite build --config vite.config.wc.ts --mode production",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "publish": "npm publish --access public"
+    "publish": "npm publish --access public",
+    "build-publish": "npm run build && npm version patch && npm run build && npm run publish"
   },
   "dependencies": {
     "@emotion/react": "^11.11.3",
@@ -52,6 +53,8 @@
     "react-shadow": "^20.4.0",
     "react-svg": "^16.1.32",
     "react-toastify": "^10.0.4",
+    "react-window": "^1.8.10",
+    "react-window-infinite-loader": "^1.0.9",
     "simplebar-react": "^3.2.4",
     "vite-plugin-css-injected-by-js": "^3.3.1"
   },
@@ -59,6 +62,7 @@
     "@types/node": "^20.8.10",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
+    "@types/react-window-infinite-loader": "^1.0.9",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "@vitejs/plugin-react-swc": "^3.3.2",