awing-library 2.1.2-dev.98 → 2.1.2-preview.1

package/dist/AWING/PlaceFilter/container.js

@@ -0,0 +1,82 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Box } from "@mui/material";
+import Input from "./Input/index.js";
+import DataTable from "./DataTable/index.js";
+import { EnumSelectedPlaceType } from "./Enum.js";
+import Tag from "./Tag/index.js";
+import { selectedPlacesState, snapTagsAllState, tagSelectedState, tagsAllState } from "./Recoil/Atom.js";
+import { uniq } from "lodash";
+import { useAtom, useSetAtom } from "jotai";
+const generateTagAll = (tags)=>{
+    let selectedIds = [];
+    let filterIds = [];
+    if (tags && tags.length > 0) tags.map((t)=>{
+        selectedIds = [
+            ...selectedIds,
+            ...t.selectedPlaceIds
+        ];
+        filterIds = [
+            ...filterIds,
+            ...t.filterPlaceIds
+        ];
+    });
+    return {
+        tags: tags || [],
+        selectedPlaceIds: uniq(selectedIds),
+        filterPlaceIds: uniq(filterIds)
+    };
+};
+const PlaceFilterContainer = (props)=>{
+    const { filterFields, getPlacesByFilter, getPlacesByIds, callbackFunction, tags, initialSelectedPlaces = [] } = props;
+    const [isInit, setIsInit] = useState(true);
+    const [tagsAll, setTagsAll] = useAtom(tagsAllState);
+    const [selectedPlaces, setSelectedPlaces] = useAtom(selectedPlacesState);
+    const setSnapTagsAll = useSetAtom(snapTagsAllState);
+    const setTagSelected = useSetAtom(tagSelectedState);
+    useEffect(()=>{
+        const tagAll = generateTagAll(tags);
+        tags && tags[0] ? setTagSelected(tags[0]) : setTagSelected({
+            filterFields,
+            selectedType: EnumSelectedPlaceType.IDS,
+            filterPlaceIds: [],
+            selectedPlaceIds: [],
+            isTagPrepare: true
+        });
+        setTagsAll(tagAll);
+        setSnapTagsAll(tagAll);
+        setSelectedPlaces(initialSelectedPlaces);
+        setIsInit(false);
+    }, []);
+    useEffect(()=>{
+        const selectedIds = new Set([
+            ...tagsAll?.selectedPlaceIds || [],
+            ...tagsAll?.filterPlaceIds || []
+        ]);
+        const nextSelectedPlaces = selectedPlaces.filter((place)=>selectedIds.has(String(place.id)));
+        if (nextSelectedPlaces.length !== selectedPlaces.length) setSelectedPlaces(nextSelectedPlaces);
+        callbackFunction(tagsAll?.selectedPlaceIds || [], tagsAll?.filterPlaceIds || [], tagsAll?.tags || [], nextSelectedPlaces);
+    }, [
+        tagsAll,
+        selectedPlaces
+    ]);
+    return /*#__PURE__*/ jsxs(Box, {
+        sx: {
+            flexGrow: 1
+        },
+        style: {
+            marginTop: '10px'
+        },
+        children: [
+            /*#__PURE__*/ jsx(Input, {}),
+            /*#__PURE__*/ jsx(Tag, {}),
+            /*#__PURE__*/ jsx(DataTable, {
+                isInit: isInit,
+                getPlacesByFilter: getPlacesByFilter,
+                getPlacesByIds: getPlacesByIds
+            })
+        ]
+    });
+};
+const container = PlaceFilterContainer;
+export { container as default };

package/dist/AWING/PlaceFilter/index.d.ts

@@ -0,0 +1,7 @@
+import { PlaceFilterProps } from './interface';
+export declare function PlaceFilter(props: PlaceFilterProps): import("react/jsx-runtime").JSX.Element;
+export * from './interface';
+export * from './container';
+export * from './Enum';
+export default PlaceFilter;
+//# sourceMappingURL=index.d.ts.map

package/dist/AWING/PlaceFilter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/PlaceFilter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAMlD;AACD,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,eAAe,WAAW,CAAC"}

package/dist/AWING/PlaceFilter/index.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Provider } from "jotai";
+import container from "./container.js";
+export * from "./interface.js";
+export * from "./container.js";
+export * from "./Enum.js";
+function PlaceFilter(props) {
+    return /*#__PURE__*/ jsx(Provider, {
+        children: /*#__PURE__*/ jsx(container, {
+            ...props
+        })
+    });
+}
+const AWING_PlaceFilter = PlaceFilter;
+export { PlaceFilter, AWING_PlaceFilter as default };

package/dist/AWING/PlaceFilter/interface.d.ts

@@ -0,0 +1,129 @@
+import { EnumSelectedPlaceType, EnumFieldInputType } from './Enum';
+import { IMultipleHierarchicalChoiceInput, IOption } from '../../AWING';
+import { USE_LOGIC_OPERATOR } from '../../Commons/Constant';
+import { GeoFencingValue } from '../GeoFencing';
+export interface ITagAll {
+    tags?: ITag[];
+    selectedPlaceIds?: string[];
+    filterPlaceIds?: string[];
+}
+export interface ITag {
+    filterFields?: IFilterField[];
+    selectedType?: `${EnumSelectedPlaceType}`;
+    selectedPlaceIds?: string[];
+    filterPlaceIds?: string[];
+    isTagPrepare?: boolean;
+}
+export interface IFilterFieldBase {
+    index?: number;
+    label: string;
+    name: string;
+    placeHolders?: string[];
+    isAdvanceField: boolean;
+    style: {
+        gridSize: number;
+        icon?: React.ReactElement;
+    };
+}
+export interface IText extends IFilterFieldBase {
+    type: EnumFieldInputType.TEXT;
+    value: string;
+}
+export interface IAreaSelect extends IFilterFieldBase {
+    type: EnumFieldInputType.SELECT_AREA;
+    inputParameter: IMultipleHierarchicalChoiceInput[];
+    value: IMultipleHierarchicalChoiceInput[];
+}
+export interface ISelect extends IFilterFieldBase {
+    type: EnumFieldInputType.SELECT;
+    inputParameter: IOption[];
+    value: string;
+}
+export interface IMultipleHierarchicalChoice extends IFilterFieldBase {
+    type: EnumFieldInputType.MULTIPLE_HIERARCHICAL_CHOICE;
+    inputParameter: IMultipleHierarchicalChoiceInput[];
+    value: IMultipleHierarchicalChoiceInput[][];
+    endAdornmentOptions?: typeof USE_LOGIC_OPERATOR | IOption[];
+    endAdornmentValue?: string;
+    minLevel?: number;
+    parentTitle?: string;
+}
+export interface IGeoFencing extends IFilterFieldBase {
+    type: EnumFieldInputType.GEO_FENCING;
+    value: GeoFencingValue | undefined;
+    GOOGLE_MAP_KEY: string;
+    radiusLimit?: {
+        min?: number;
+        max?: number;
+    };
+}
+export interface IAutoComplete extends IFilterFieldBase {
+    type: EnumFieldInputType.AUTO_COMPLETE;
+    inputParameter: IOption[];
+    value: string;
+}
+export interface IMultipleSelect extends IFilterFieldBase {
+    type: EnumFieldInputType.MULTIPLE_SELECT;
+    inputParameter: IOption[];
+    value: IOption[];
+    endAdornmentOptions?: typeof USE_LOGIC_OPERATOR | IOption[];
+    endAdornmentValue?: string;
+    isFolderTree?: boolean;
+}
+export type IFilterField = IText | IAreaSelect | ISelect | IMultipleHierarchicalChoice | IGeoFencing | IAutoComplete | IMultipleSelect;
+interface IFilterFieldInputProps<T extends IFilterField> {
+    filterField: T;
+    index: number;
+    onChange: IFilterChange<T>;
+}
+export type IFilterChange<T extends IFilterField = IFilterField> = (newValue: T['value'] | string, index: number, isChangeOperator?: boolean) => void;
+export type IInputProps<T extends EnumFieldInputType> = IFilterFieldInputProps<Extract<IFilterField, {
+    type: T;
+}>>;
+export interface IPages {
+    pageIndex: number;
+    pageSize: number;
+    total: number;
+    onPageIndexChange?(pageIndex: number): void;
+    onPageSizeChange?(pageIndex: number): void;
+}
+export interface IPlaceQuery {
+    /**
+     * Khi không truyền pageIndex pageSize thì là query không có paging
+     */
+    getPlacesByFilter: (filterFields: IFilterField[], pageIndex?: number, pageSize?: number) => Promise<{
+        places: IPlace[];
+        total: number;
+    }>;
+    getPlacesByIds: (placeIds: string[]) => Promise<IPlace[]>;
+}
+export interface PlaceFilterProps extends IPlaceQuery {
+    filterFields: IFilterField[];
+    callbackFunction: (selectedPlaceIds: string[], filterPlaceIds: string[], tags: ITag[], selectedPlaces: IPlace[]) => void;
+    tags?: ITag[];
+    initialSelectedPlaces?: IPlace[];
+}
+export declare enum PlaceStatus {
+    Active = "Active",
+    InActive = "InActive",
+    Maintenance = "Maintenance",
+    OnPause = "OnPause"
+}
+export type IPlace = {
+    __typename?: 'Place';
+    address?: string;
+    communeCode?: string;
+    description?: string;
+    districtCode?: string;
+    id: number;
+    isJoinNetwork: boolean;
+    latitude?: number;
+    longitude?: number;
+    name?: string;
+    placeSelectionParameter?: string;
+    provinceCode?: string;
+    status: PlaceStatus;
+    ownerWorkspaceId?: number;
+};
+export {};
+//# sourceMappingURL=interface.d.ts.map

package/dist/AWING/PlaceFilter/interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/AWING/PlaceFilter/interface.ts"],"names":[],"mappings":"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"}

package/dist/AWING/PlaceFilter/interface.js

@@ -0,0 +1,8 @@
+var interface_PlaceStatus = /*#__PURE__*/ function(PlaceStatus) {
+    PlaceStatus["Active"] = "Active";
+    PlaceStatus["InActive"] = "InActive";
+    PlaceStatus["Maintenance"] = "Maintenance";
+    PlaceStatus["OnPause"] = "OnPause";
+    return PlaceStatus;
+}({});
+export { interface_PlaceStatus as PlaceStatus };

package/dist/AWING/PubSub/index.d.ts

@@ -0,0 +1,7 @@
+export declare const sub: (eventName: string, handler: Function, eventKey: string) => void;
+export declare const pub: (eventName: string, value?: any) => void;
+export declare const off: (eventKey: string) => void;
+export declare const getGUID: () => number;
+export declare const updateGUID: () => number;
+export declare const getRandomKey: () => string;
+//# sourceMappingURL=index.d.ts.map

package/dist/AWING/PubSub/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/PubSub/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,cAAe,MAAM,WAAW,QAAQ,YAAY,MAAM,SAuBzE,CAAC;AAEF,eAAO,MAAM,GAAG,cAAe,MAAM,UAAU,GAAG,SAGjD,CAAC;AAEF,eAAO,MAAM,GAAG,aAAc,MAAM,SAQnC,CAAC;AAEF,eAAO,MAAM,OAAO,cAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,cAGtB,CAAC;AAEF,eAAO,MAAM,YAAY,cAExB,CAAC"}

package/dist/AWING/PubSub/index.js

@@ -0,0 +1,37 @@
+let events = [];
+let gUID = 0;
+const sub = (eventName, handler, eventKey)=>{
+    const tempEvents = events.filter((e)=>e.eventKey === eventKey);
+    if (tempEvents.length > 0) console.warn('Event name ' + eventName + ' has the same eventKey value with ' + tempEvents[0].eventName + ' which is equal to ' + eventKey + '. Please choose another key instead!');
+    else {
+        const modifiedHandler = (evt)=>{
+            handler(evt.detail);
+        };
+        window.addEventListener(eventName, modifiedHandler);
+        events.push({
+            eventName,
+            handler: modifiedHandler,
+            eventKey
+        });
+    }
+};
+const pub = (eventName, value)=>{
+    const e = new CustomEvent(eventName, {
+        detail: value
+    });
+    window.dispatchEvent(e);
+};
+const off = (eventKey)=>{
+    const e = events.find((e)=>e.eventKey === eventKey);
+    if (e) {
+        window.removeEventListener(e.eventName, e.handler);
+        events = events.filter((e)=>e.eventKey !== eventKey);
+    }
+};
+const getGUID = ()=>gUID;
+const updateGUID = ()=>{
+    gUID += 1;
+    return gUID;
+};
+const getRandomKey = ()=>(Math.random() + 1).toString(36).substring(7);
+export { getGUID, getRandomKey, off, pub, sub, updateGUID };

package/dist/AWING/SearchBox/Container.d.ts

@@ -0,0 +1,4 @@
+import type { SearchBoxProps } from './interface';
+declare const SearchBox: (props: SearchBoxProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchBox;
+//# sourceMappingURL=Container.d.ts.map

package/dist/AWING/SearchBox/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/AWING/SearchBox/Container.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,aAAa,CAAC;AAE9D,QAAA,MAAM,SAAS,UAAW,cAAc,4CAiGvC,CAAC;AACF,eAAe,SAAS,CAAC"}

package/dist/AWING/SearchBox/Container.js

@@ -0,0 +1,117 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Divider, IconButton, InputBase, Paper, Tooltip } from "@mui/material";
+import { Clear, MoreHoriz, Search } from "@mui/icons-material";
+import { useAppTranslation } from "../../translate/useAppTranslation.js";
+const SearchBox = (props)=>{
+    const { t } = useAppTranslation();
+    const { defaultValue, includeSearchById, onlyNumberString, onSearch, onClickAdvancedSearch, placeholderInput, stylePaper = {}, variantPaper = 'elevation', ...other } = props;
+    const [searchType, setSearchType] = useState('searchString');
+    const [value, setValue] = useState(defaultValue ?? '');
+    const handleInputChange = (event)=>{
+        const { value } = event.target;
+        if (!onlyNumberString || !isNaN(Number(value))) setValue(value);
+        if (!value) onSearch(searchType, '');
+    };
+    const handleKeyDown = (e)=>{
+        if ('Enter' === e.key) onSearch(searchType, value);
+    };
+    const handleClear = ()=>{
+        setValue('');
+        onSearch(searchType, '');
+    };
+    const handleChangeType = ()=>{
+        setValue('');
+        setSearchType('searchString' === searchType ? 'id' : 'searchString');
+    };
+    return /*#__PURE__*/ jsxs(Paper, {
+        variant: variantPaper,
+        sx: (theme)=>({
+                padding: `${theme.spacing(0.31)}  ${theme.spacing(0.5)} `,
+                display: 'flex',
+                alignItems: 'center',
+                maxWidth: theme.spacing(45),
+                marginLeft: 0,
+                ...stylePaper
+            }),
+        children: [
+            /*#__PURE__*/ jsx(IconButton, {
+                size: "medium",
+                disabled: true,
+                sx: {
+                    paddingBlock: 0
+                },
+                children: /*#__PURE__*/ jsx(Search, {
+                    fontSize: "medium"
+                })
+            }),
+            /*#__PURE__*/ jsx(InputBase, {
+                style: {
+                    marginLeft: '8px',
+                    flex: 1
+                },
+                placeholder: placeholderInput ? placeholderInput : 'searchString' === searchType ? t('Common.SearchByName') : t('Common.SearchById'),
+                type: 'searchString' === searchType ? 'text' : 'number',
+                inputProps: {
+                    'aria-label': 'search'
+                },
+                value: value,
+                onChange: handleInputChange,
+                onKeyDown: (e)=>handleKeyDown(e),
+                ...other
+            }),
+            value && /*#__PURE__*/ jsx(Tooltip, {
+                title: t('Common.Clear').toString(),
+                children: /*#__PURE__*/ jsx(IconButton, {
+                    size: "small",
+                    onClick: ()=>handleClear(),
+                    style: {
+                        color: '#ED1D25'
+                    },
+                    children: /*#__PURE__*/ jsx(Clear, {
+                        fontSize: "small"
+                    })
+                })
+            }),
+            includeSearchById && /*#__PURE__*/ jsx(Tooltip, {
+                title: 'searchString' === searchType ? t('Common.SearchById').toString() : t('Common.SearchByName').toString(),
+                children: /*#__PURE__*/ jsx(Button, {
+                    size: "small",
+                    style: {
+                        minWidth: 30,
+                        color: '#ED1D25'
+                    },
+                    color: "secondary",
+                    onClick: ()=>handleChangeType(),
+                    children: 'searchString' === searchType ? 'ID' : 'N'
+                })
+            }),
+            onClickAdvancedSearch && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(Divider, {
+                        style: {
+                            height: 28,
+                            margin: 0.5
+                        },
+                        orientation: "vertical"
+                    }),
+                    /*#__PURE__*/ jsx(Tooltip, {
+                        title: t('Common.AdvancedSearch').toString(),
+                        children: /*#__PURE__*/ jsx(IconButton, {
+                            size: "small",
+                            onClick: ()=>onClickAdvancedSearch(),
+                            style: {
+                                color: '#ED1D25'
+                            },
+                            children: /*#__PURE__*/ jsx(MoreHoriz, {
+                                fontSize: "small"
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const Container = SearchBox;
+export { Container as default };

package/dist/AWING/SearchBox/Container.test.js

@@ -0,0 +1,134 @@
+import { jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen } from "@testing-library/react";
+import Container from "./Container.js";
+jest.mock('react-i18next', ()=>({
+        useTranslation: ()=>({
+                t: (key)=>key
+            })
+    }));
+describe('SearchBox Component', ()=>{
+    const mockOnSearch = jest.fn();
+    const mockOnClickAdvancedSearch = jest.fn();
+    beforeEach(()=>{
+        jest.clearAllMocks();
+    });
+    test('renders with default props', ()=>{
+        const { getByPlaceholderText } = render(/*#__PURE__*/ jsx(Container, {
+            onSearch: mockOnSearch
+        }));
+        expect(getByPlaceholderText('Common.SearchByName')).toBeInTheDocument();
+    });
+    test('updates input value on change', ()=>{
+        const { getByPlaceholderText } = render(/*#__PURE__*/ jsx(Container, {
+            onSearch: mockOnSearch
+        }));
+        const input = getByPlaceholderText('Common.SearchByName');
+        fireEvent.change(input, {
+            target: {
+                value: 'Test'
+            }
+        });
+    });
+    test('calls onSearch with input value on Enter key press', ()=>{
+        const { getByPlaceholderText } = render(/*#__PURE__*/ jsx(Container, {
+            onSearch: mockOnSearch
+        }));
+        const input = getByPlaceholderText('Common.SearchByName');
+        fireEvent.change(input, {
+            target: {
+                value: 'Test'
+            }
+        });
+        fireEvent.keyDown(input, {
+            key: 'Enter',
+            code: 'Enter'
+        });
+        expect(mockOnSearch).toHaveBeenCalledWith('searchString', 'Test');
+    });
+    test('handleInputChange updates value when input is a valid number', ()=>{
+        const { getByPlaceholderText } = render(/*#__PURE__*/ jsx(Container, {
+            onSearch: mockOnSearch,
+            onlyNumberString: true
+        }));
+        const input = getByPlaceholderText('Common.SearchByName');
+        fireEvent.change(input, {
+            target: {
+                value: '123'
+            }
+        });
+    });
+    test('placeholderInput props is true', ()=>{
+        const { getByPlaceholderText } = render(/*#__PURE__*/ jsx(Container, {
+            onSearch: mockOnSearch,
+            placeholderInput: 'Placeholder'
+        }));
+        expect(getByPlaceholderText('Placeholder')).toBeInTheDocument();
+    });
+    test('handleInputChange calls onSearch with empty string when input is cleared', ()=>{
+        const { getByPlaceholderText } = render(/*#__PURE__*/ jsx(Container, {
+            onSearch: mockOnSearch
+        }));
+        const input = getByPlaceholderText('Common.SearchByName');
+        fireEvent.change(input, {
+            target: {
+                value: 'Test'
+            }
+        });
+        fireEvent.change(input, {
+            target: {
+                value: ''
+            }
+        });
+        expect(mockOnSearch).toHaveBeenCalledWith('searchString', '');
+    });
+    test('calls onSearch with empty string when input is cleared', ()=>{
+        const { getByPlaceholderText, getByRole } = render(/*#__PURE__*/ jsx(Container, {
+            onSearch: mockOnSearch
+        }));
+        const input = getByPlaceholderText('Common.SearchByName');
+        fireEvent.change(input, {
+            target: {
+                value: 'Test'
+            }
+        });
+        expect(mockOnSearch).not.toHaveBeenCalled();
+        const clearButton = getByRole('button', {
+            name: 'Common.Clear'
+        });
+        fireEvent.click(clearButton);
+        expect(mockOnSearch).toHaveBeenCalledWith('searchString', '');
+    });
+    test('stylePaper props is undefined', ()=>{
+        render(/*#__PURE__*/ jsx(Container, {
+            onSearch: mockOnSearch,
+            stylePaper: void 0,
+            includeSearchById: true
+        }));
+    });
+    test('onClickAdvancedSearch ', ()=>{
+        const { getByTestId } = render(/*#__PURE__*/ jsx(Container, {
+            onSearch: mockOnSearch,
+            onClickAdvancedSearch: mockOnClickAdvancedSearch
+        }));
+        const button = getByTestId('MoreHorizIcon');
+        fireEvent.click(button);
+    });
+    test('toggles search type when ID/N button is clicked', ()=>{
+        const defaultProps = {
+            onSearch: jest.fn(),
+            includeSearchById: true,
+            stylePaper: {}
+        };
+        render(/*#__PURE__*/ jsx(Container, {
+            ...defaultProps
+        }));
+        const typeToggleButton = screen.getByText('ID').closest('button');
+        expect(typeToggleButton).toBeInTheDocument();
+        if (typeToggleButton) {
+            fireEvent.click(typeToggleButton);
+            expect(screen.getByText('N')).toBeInTheDocument();
+            fireEvent.click(typeToggleButton);
+            expect(screen.getByText('ID')).toBeInTheDocument();
+        }
+    });
+});

package/dist/AWING/SearchBox/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Container';
+export * from './interface';
+//# sourceMappingURL=index.d.ts.map

package/dist/AWING/SearchBox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/SearchBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,aAAa,CAAC"}

package/dist/AWING/SearchBox/index.js

@@ -0,0 +1,3 @@
+import Container from "./Container.js";
+export * from "./interface.js";
+export { Container as default };

package/dist/AWING/SearchBox/interface.d.ts

@@ -0,0 +1,13 @@
+import { InputBaseProps } from '@mui/material/InputBase';
+export type SearchType = 'searchString' | 'id';
+export interface SearchBoxProps extends InputBaseProps {
+    defaultValue?: string;
+    includeSearchById?: boolean;
+    onlyNumberString?: boolean;
+    onSearch: (searchType: SearchType, searchString: string) => void;
+    placeholderInput?: string;
+    onClickAdvancedSearch?(): void;
+    stylePaper?: object;
+    variantPaper?: 'elevation' | 'outlined';
+}
+//# sourceMappingURL=interface.d.ts.map

package/dist/AWING/SearchBox/interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/AWING/SearchBox/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,cAAe,SAAQ,cAAc;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,IAAI,IAAI,CAAC;IAK/B,UAAU,CAAC,EAAE,MAAM,CAAC;IAKpB,YAAY,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;CAC3C"}

package/dist/AWING/Statistics/Enums.d.ts

@@ -0,0 +1,5 @@
+export declare enum TYPE_CHART {
+    PIE = "Pie",
+    BAR_LINE = "BarLine"
+}
+//# sourceMappingURL=Enums.d.ts.map

package/dist/AWING/Statistics/Enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Enums.d.ts","sourceRoot":"","sources":["../../../src/AWING/Statistics/Enums.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU;IAClB,GAAG,QAAQ;IACX,QAAQ,YAAY;CACvB"}

package/dist/AWING/Statistics/Enums.js

@@ -0,0 +1,6 @@
+var Enums_TYPE_CHART = /*#__PURE__*/ function(TYPE_CHART) {
+    TYPE_CHART["PIE"] = "Pie";
+    TYPE_CHART["BAR_LINE"] = "BarLine";
+    return TYPE_CHART;
+}({});
+export { Enums_TYPE_CHART as TYPE_CHART };

package/dist/AWING/Statistics/container.d.ts

@@ -0,0 +1,3 @@
+import { IStatisticsProps } from './interface';
+export default function StatisticsContainer<F>({ title, dataChart, onChangeQueryInput, isLoadings, initialFilters, configChart, timeline, children, disableView, dataExportExcel, enableExport, handleExportExcel, }: IStatisticsProps<F>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=container.d.ts.map

package/dist/AWING/Statistics/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/AWING/Statistics/container.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,aAAa,CAAC;AA4BlE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,EAAE,EAC3C,KAAK,EACL,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,eAAe,EACf,YAAY,EACZ,iBAAiB,GACpB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAiDrB"}