@ukpc-lib/react 0.1.11 → 0.1.13

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

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const NoData: FC<PropsWithChildren>;

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

@@ -0,0 +1,4 @@
+declare const NotFoundPage: ({ rootPath }: {
+    rootPath: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default NotFoundPage;

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

@@ -0,0 +1,8 @@
+import { PopUpBaseProps, usePopUpProps } from './types';
+export declare function PopUpBase(props: PopUpBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function usePopUp(props?: boolean | usePopUpProps): {
+    setTrue: () => void;
+    open: boolean;
+    onClose: () => void;
+    onConfirm: (() => void) | undefined;
+};

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

@@ -0,0 +1,26 @@
+import { SxProps, TypographyProps, Theme, DialogProps, DialogActionsProps } from "@mui/material";
+import { ReactNode } from "react";
+export type PopUpBaseProps = IPopUp & {
+    title?: ReactNode;
+    subTitle?: ReactNode;
+    desc: ReactNode;
+    fixOverflow?: boolean;
+    minWidthButton?: number;
+    subTitleProps?: TypographyProps;
+    contentProps?: SxProps<Theme>;
+    titleProps?: SxProps<Theme>;
+    hideTitle?: boolean;
+};
+export type IPopUp = {
+    open: boolean;
+    onClose?(): void;
+    onConfirm?: () => void;
+    dialogProps?: Omit<DialogProps, 'open' | 'onClose'>;
+    dialogActionsProps?: DialogActionsProps;
+    customActions?: ReactNode;
+    hideConfirm?: boolean;
+    hideClose?: boolean;
+};
+export type usePopUpProps = {
+    onConfirm?(): void;
+};

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

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+type BlockIconProps = SVGProps<SVGSVGElement>;
+export declare function BlockIcon(props: BlockIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+interface DateRangeValue {
+    startDate?: Date;
+    endDate?: Date;
+}
+type Props = {
+    value?: DateRangeValue;
+    onChange?(value: DateRangeValue): void;
+    initialSettings?: any;
+    label?: string;
+    dateReset?: DateRangeValue;
+};
+export declare function StyledDateRangePicker(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+declare const UnauthorizedPage: () => import("react/jsx-runtime").JSX.Element;
+export default UnauthorizedPage;

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

@@ -1,3 +1,9 @@
 export * from './Topbar';
 export * from './GlobalMenu';
 export * from './Toast';
+export * from './NoData';
+export * from './PopUp';
+export * from './NotFoundPage';
+export * from './UnauthorizedPage';
+export * from './StyledAutocomplete/index.ts';
+export * from './StyledDateRangePicker';

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.13",
   "type": "module",
   "main": "./dist/",
   "module": "./dist/",
@@ -29,13 +29,14 @@
     "web-components-bundle"
   ],
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --open --port 3000",
     "build": "npm run build-react && npm run build-wc",
     "build-react": "tsc && vite build --config vite.config.react.ts",
     "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 && git push"
   },
   "dependencies": {
     "@emotion/react": "^11.11.3",
@@ -45,20 +46,28 @@
     "@r2wc/react-to-web-component": "^2.0.3",
     "@rollup/plugin-replace": "^5.0.5",
     "axios": "^1.6.5",
+    "bootstrap-daterangepicker": "^3.1.0",
     "cssnano": "^6.0.3",
     "framer-motion": "^10.18.0",
+    "jquery": "^3.7.1",
+    "moment": "^2.30.1",
+    "react-bootstrap-daterangepicker": "^8.0.0",
     "react-query": "^3.39.3",
     "react-router-dom": "^6.21.3",
     "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",
+    "usehooks-ts": "^2.15.1",
     "vite-plugin-css-injected-by-js": "^3.3.1"
   },
   "devDependencies": {
     "@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",