phx-react 1.3.1

package/dist/esm/components/Table/Table.js

@@ -0,0 +1,248 @@
+'use client';
+import { __awaiter, __generator, __makeTemplateObject, __spreadArray } from "tslib";
+import { gql, useLazyQuery } from '@apollo/client';
+import { PHXButton } from '../Button';
+import React, { Fragment, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import EmptyRecord from './EmptyRecord';
+import EmptySearchResult from './EmptySearchResult';
+import { PHXSkeletonLarge } from '../Skeleton/SkeletonLarge';
+import Pagination from './Pagination';
+import { RowTable } from './RowTable';
+import { Transition } from '@headlessui/react';
+import Sort from './sort';
+import { Bars3CenterLeftIcon, MagnifyingGlassIcon } from '@heroicons/react/24/solid';
+import { classNames } from '../types';
+import { PHXSpinner } from '../Loading';
+import { ApolloWrapper } from '../../lib/apollo-wrapper';
+export function PHXTable(_a) {
+    var _this = this;
+    var actionName = _a.actionName, editActionLink = _a.editActionLink, list = _a.list, paginationData = _a.paginationData, search = _a.search, selectedAllPeople = _a.selectedAllPeople, sortData = _a.sortData, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, thHeader = _a.thHeader, sort = _a.sort, _b = _a.clickRow, clickRow = _b === void 0 ? true : _b, router = _a.router, pathname = _a.pathname;
+    var checkbox = useRef();
+    var _c = useState(false), checked = _c[0], setChecked = _c[1];
+    var _d = useState(false), indeterminate = _d[0], setIndeterminate = _d[1];
+    var _e = useState(true), isMainLoading = _e[0], setIsMainLoading = _e[1];
+    var _f = useState([]), dataTable = _f[0], setDataTable = _f[1];
+    var _g = useState(''), searchValue = _g[0], setSearchValue = _g[1];
+    var _h = useState([]), selectedPeople = _h[0], setSelectedPeople = _h[1];
+    var _j = useState(false), isSearchLoading = _j[0], setIsSearchLoading = _j[1];
+    var _k = useState([]), searchDataResult = _k[0], setSearchDataResult = _k[1];
+    var _l = useState(null), timer = _l[0], setTimer = _l[1];
+    var _m = useState(0), pagi = _m[0], setPagi = _m[1];
+    var _o = useState(0), count = _o[0], setCount = _o[1];
+    var timKiemPlacholder = 'Tìm kiếm';
+    var _p = useState(false), isSearch = _p[0], setIsSearch = _p[1];
+    var _q = useState(sort === null || sort === void 0 ? void 0 : sort.defaultActive), activeMenu = _q[0], setActiveMenu = _q[1];
+    var dataQuery = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), list.query);
+    var fetchData = useLazyQuery(dataQuery, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true
+    })[0];
+    var filterQuery = function (query, value) { return query.replace(/@value/g, value); };
+    var searchQuery = search ? filterQuery(search.query, searchValue) : '';
+    var searchDataQuery = gql(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), searchQuery);
+    var fetchSearchData = useLazyQuery(searchDataQuery, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true
+    })[0];
+    var getData = function (option) { return __awaiter(_this, void 0, void 0, function () {
+        var startTime, result, data, endTime, duration;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    return [4 /*yield*/, option()];
+                case 1:
+                    result = _a.sent();
+                    data = result.data;
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100)) return [3 /*break*/, 3];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 200); })];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/, data];
+            }
+        });
+    }); };
+    var bindDataToTable = function (dataTable) {
+        // @ts-ignore
+        var data = __spreadArray([], dataTable, true);
+        setDataTable(data);
+        setSearchDataResult(data);
+    };
+    var _r = useState(''), previousValue = _r[0], setPreviousValue = _r[1];
+    var _s = useState(1), currentPage = _s[0], setCurrentPage = _s[1];
+    var handleChangePage = function (page) {
+        if (page > 0 && page <= Math.ceil(count / 10)) {
+            setCurrentPage(page);
+            setPagi(page - 1);
+            paginationData(page - 1);
+        }
+    };
+    useLayoutEffect(function () {
+        var isIndeterminate = selectedPeople.length > 0 && selectedPeople.length < dataTable.length;
+        setChecked(selectedPeople.length === dataTable.length && dataTable.length > 0);
+        setIndeterminate(isIndeterminate);
+        // @ts-ignore
+        if (checkbox.current) {
+            checkbox.current.indeterminate = isIndeterminate;
+        }
+    }, [selectedPeople]);
+    function toggleAll() {
+        // @ts-ignore
+        setSelectedPeople(checked || indeterminate ? [] : dataTable);
+        setChecked(!checked && !indeterminate);
+        setIndeterminate(false);
+    }
+    function brSetSelectedPeople(value) {
+        setSelectedPeople(value);
+    }
+    function renderInclude(person) {
+        // @ts-ignore
+        return selectedPeople.includes(person);
+    }
+    useEffect(function () {
+        if (searchValue === '') {
+            getData(fetchData).then(function (data) {
+                setIsMainLoading(true);
+                var dataTable = list.keyResult;
+                var countPage = list.keyResult + '_aggregate';
+                bindDataToTable(data[dataTable]);
+                setCount(data[countPage].aggregate.count);
+                setIsMainLoading(false);
+            });
+        }
+        else if (searchValue) {
+            // @ts-ignore
+            clearTimeout(timer);
+            var newTimer = setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
+                var data, dataTable, countPage;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            setIsSearchLoading(true);
+                            return [4 /*yield*/, getData(fetchSearchData)];
+                        case 1:
+                            data = _a.sent();
+                            dataTable = search.keyResult;
+                            countPage = search.keyResult + '_aggregate';
+                            setCount(data[countPage].aggregate.count);
+                            if (previousValue !== searchValue) {
+                                setCurrentPage(1);
+                            }
+                            setSearchDataResult(data[dataTable]);
+                            setIsSearchLoading(false);
+                            return [2 /*return*/];
+                    }
+                });
+            }); }, 500);
+            // @ts-ignore
+            setTimer(newTimer);
+        }
+    }, [pagi, sortData, searchValue]);
+    function searchChange(e) {
+        var value = e.target.value;
+        setSearchValue(value);
+        paginationData(0);
+        if (value !== previousValue) {
+            setPreviousValue(value);
+        }
+        if (value.trim().length === 0) {
+            setSearchDataResult(dataTable);
+            setCurrentPage(1);
+        }
+    }
+    var sortOnChange = function (item) {
+        sortData(item.field, item.sortDirection);
+        setActiveMenu(item.id);
+    };
+    var actionClickAll = function () {
+        actionName(selectedPeople, true);
+    };
+    return (React.createElement(ApolloWrapper, null, isMainLoading ? (React.createElement(PHXSkeletonLarge, null)) : (React.createElement(React.Fragment, null, dataTable.length > 0 ? (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'overflow-hidden bg-white shadow ring-1 ring-black ring-opacity-5 rounded-lg' },
+            React.createElement("div", { className: 'flex flex-col' },
+                React.createElement("div", { className: 'min-w-full align-middle' },
+                    React.createElement(Transition, { as: Fragment, enter: 'transition-all duration-500 overflow-hidden', enterFrom: 'transform scale-95 opacity-0 h-0', enterTo: 'transform scale-100 opacity-100 h-full', leaveFrom: 'transform scale-100 opacity-100 h-full', leaveTo: 'transform scale-95 opacity-0 h-0', show: isSearch },
+                        React.createElement("div", { className: classNames('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg border-b bg-white px-3 py-1 pl-5 ring-opacity-5', !sort || !sort.enable ? 'mb-2' : '') },
+                            React.createElement("div", { className: 'relative mr-2 w-11/12' },
+                                React.createElement("input", { className: 'block w-full rounded-lg border-transparent bg-transparent text-xs hover:bg-gray-100 focus:border-indigo-800 focus:bg-gray-100 focus:ring-indigo-800', id: 'search-value', name: 'search-value', onInput: searchChange, placeholder: timKiemPlacholder, type: 'text', value: searchValue })),
+                            React.createElement("div", { className: 'flex w-14 justify-center pt-1' }, isSearchLoading ? React.createElement(PHXSpinner, null) : null),
+                            React.createElement("div", null,
+                                React.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
+                                        setIsSearch(false);
+                                        setSearchValue('');
+                                    }, type: 'button' }, "Cancel")))),
+                    React.createElement("div", { className: classNames((sort && sort.enable) || (search && search.enable)
+                            ? 'mb-2 flex flex-row items-center sm:justify-between justify-end rounded-tl-lg rounded-tr-lg bg-white px-3 py-1.5 pl-8 ring-opacity-5'
+                            : '', isSearch && (!sort || !sort.enable) ? 'hidden' : '') },
+                        sort && sort.enable ? (React.createElement(Sort, { activeMenu: activeMenu, className: 'w-11/12', onChange: sortOnChange, sortList: sort.sortList })) : null,
+                        search && search.enable && (React.createElement("div", null, !isSearch && (React.createElement("button", { className: 'flex rounded-lg bg-white ml-1 sm:ml-0 px-2 py-1 text-xs font-normal text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: function () { return setIsSearch(true); }, type: 'button' },
+                            React.createElement(MagnifyingGlassIcon, { className: 'mr-1 h-4 w-4' }),
+                            React.createElement(Bars3CenterLeftIcon, { className: 'h-4 w-4' }))))))),
+                searchDataResult.length > 0 && !isMainLoading ? (React.createElement("div", { className: '-my-2 overflow-x-auto' },
+                    React.createElement("div", { className: 'min-w-full pb-2 align-middle shadow ring-black ring-opacity-5' },
+                        React.createElement("div", { className: classNames('relative overflow-auto ring-1 ring-black ring-opacity-5', (search && search.enable) || (sort && sort.enable) ? '' : 'mt-1.5') },
+                            React.createElement(React.Fragment, null, selectedAllPeople && selectedAllPeople.enable ? (React.createElement(React.Fragment, null, selectedPeople.length > 0 && (React.createElement("div", { className: 'absolute left-12 top-2 flex h-10 items-center space-x-3 bg-gray-50 sm:left-16' },
+                                React.createElement(PHXButton, { onClick: actionClickAll, secondary: true, size: 'micro' }, selectedAllPeople.title))))) : null),
+                            React.createElement("table", { className: classNames('border-t', 
+                                // @ts-ignore
+                                thHeader.length < 5
+                                    ? 'w-full table-fixed divide-y divide-gray-300'
+                                    : 'min-w-full table-fixed divide-y divide-gray-300') },
+                                React.createElement("thead", null,
+                                    React.createElement("tr", null,
+                                        selectedAllPeople && selectedAllPeople.enable ? (React.createElement("th", { className: 'relative w-12 bg-gray-50 px-6 sm:w-16 sm:px-8', scope: 'col' },
+                                            React.createElement("input", { ref: checkbox, checked: checked, className: 'absolute left-4 top-1/2 -mt-2 block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent sm:left-6', onChange: toggleAll, type: 'checkbox' }))) : null,
+                                        thHeader.map(function (item, index) {
+                                            return index === 0 ? (React.createElement("th", { key: index, className: 'min-w-[160px] bg-gray-50 px-3 py-2 pl-8 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' }, item)) : (React.createElement("th", { key: index, className: 'min-w-[135px] bg-gray-50 px-3 py-2 pl-8 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' }, item));
+                                        }))),
+                                React.createElement("tbody", { className: 'divide-y divide-gray-200' }, searchValue === ''
+                                    ? dataTable.map(function (item) { return (
+                                    // @ts-ignore
+                                    React.createElement("tr", { key: item.id, className: classNames(clickRow ? 'hover:cursor-pointer hover:bg-gray-50' : '', renderInclude(item) ? 'bg-gray-50' : ''), onClick: function () {
+                                            if (clickRow) {
+                                                if (pathname === '/admissions/exam/list') {
+                                                    if (item.status_survey_exam === 1) {
+                                                        router.push("".concat(editActionLink).concat(item.id));
+                                                    }
+                                                    else {
+                                                        router.push("".concat(editActionLink, "checking/").concat(item.id));
+                                                    }
+                                                }
+                                                else {
+                                                    router.push("".concat(editActionLink).concat(item.id));
+                                                }
+                                            }
+                                            else {
+                                                return;
+                                            }
+                                        } }, thBody.map(function (bodyItem, bodyIndex) { return (React.createElement(RowTable, { key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, editActionLink: editActionLink, itemBody: item, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter })); }))); })
+                                    : searchDataResult.map(function (item) { return (
+                                    // @ts-ignore
+                                    React.createElement("tr", { key: item.id, className: classNames(clickRow ? 'hover:cursor-pointer hover:bg-gray-50' : '', renderInclude(item) ? 'bg-gray-50' : ''), onClick: function () {
+                                            if (clickRow) {
+                                                if (pathname === '/admissions/exam/list') {
+                                                    if (item.status_survey_exam === 1) {
+                                                        router.push("".concat(editActionLink).concat(item.id));
+                                                    }
+                                                    else {
+                                                        router.push("".concat(editActionLink, "checking/").concat(item.id));
+                                                    }
+                                                }
+                                                else {
+                                                    router.push("".concat(editActionLink).concat(item.id));
+                                                }
+                                            }
+                                            else {
+                                                return;
+                                            }
+                                        } }, thBody.map(function (bodyItem, bodyIndex) { return (React.createElement(RowTable, { key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, editActionLink: editActionLink, itemBody: item, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent })); }))); }))))))) : (React.createElement(React.Fragment, null,
+                    React.createElement(EmptySearchResult, null))))),
+        React.createElement("div", { className: 'flex items-center justify-end rounded-lg rounded-tl-none rounded-tr-none border-gray-200 border-transparent py-2' },
+            React.createElement(Pagination, { currentPage: currentPage, handleChangePage: handleChangePage, totalPages: Math.ceil(count / 10) })))) : (React.createElement(EmptyRecord, null))))));
+}
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Table.js.map

package/dist/esm/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AA0CxD,MAAM,UAAU,QAAQ,CAAC,EAgBR;IAhBjB,iBAsaC;QAraC,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,IAAI,UAAA,EACJ,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,MAAM,YAAA,EACN,QAAQ,cAAA;IAER,IAAM,QAAQ,GAAG,MAAM,EAA8C,CAAA;IAC/D,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IACvC,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IACnD,IAAA,KAAoC,QAAQ,CAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAA;IAClD,IAAA,KAA4B,QAAQ,CAAa,EAAE,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAA;IACpD,IAAA,KAAgC,QAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAC5C,IAAA,KAAsC,QAAQ,CAAC,EAAE,CAAC,EAAjD,cAAc,QAAA,EAAE,iBAAiB,QAAgB,CAAA;IAClD,IAAA,KAAwC,QAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAA;IACvD,IAAA,KAA0C,QAAQ,CAAa,EAAE,CAAC,EAAjE,gBAAgB,QAAA,EAAE,mBAAmB,QAA4B,CAAA;IAClE,IAAA,KAAoB,QAAQ,CAAC,IAAI,CAAC,EAAjC,KAAK,QAAA,EAAE,QAAQ,QAAkB,CAAA;IAClC,IAAA,KAAkB,QAAQ,CAAC,CAAC,CAAC,EAA5B,IAAI,QAAA,EAAE,OAAO,QAAe,CAAA;IAC7B,IAAA,KAAoB,QAAQ,CAAC,CAAC,CAAC,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAA;IACrC,IAAM,iBAAiB,GAAG,UAAU,CAAA;IAC9B,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IACzC,IAAA,KAA8B,QAAQ,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAC,EAA1D,UAAU,QAAA,EAAE,aAAa,QAAiC,CAAA;IAEjE,IAAM,SAAS,GAAG,GAAG,mFAAA,QACjB,EAAU,MACb,KADG,IAAI,CAAC,KAAK,CACb,CAAA;IAEM,IAAA,SAAS,GAAI,YAAY,CAAC,SAAS,EAAE;QAC1C,WAAW,EAAE,cAAc;QAC3B,2BAA2B,EAAE,IAAI;KAClC,CAAC,GAHc,CAGd;IAEF,IAAM,WAAW,GAAG,UAAC,KAAa,EAAE,KAAa,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,EAA/B,CAA+B,CAAA;IACrF,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACxE,IAAM,eAAe,GAAG,GAAG,mFAAA,QACvB,EAAW,MACd,KADG,WAAW,CACd,CAAA;IAEM,IAAA,eAAe,GAAI,YAAY,CAAC,eAAe,EAAE;QACtD,WAAW,EAAE,cAAc;QAC3B,2BAA2B,EAAE,IAAI;KAClC,CAAC,GAHoB,CAGpB;IAEF,IAAM,OAAO,GAAG,UAAO,MAAW;;;;;oBAC1B,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBACpB,qBAAM,MAAM,EAAE,EAAA;;oBAAvB,MAAM,GAAG,SAAc;oBACvB,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;oBAClB,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAGhC,CAAA,QAAQ,GAAG,GAAG,CAAA,EAAd,wBAAc;oBAChB,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;oBAChC,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAAlB,CAAkB,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;;wBAE9C,sBAAO,IAAI,EAAA;;;SACZ,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,SAAc;QACrC,aAAa;QACb,IAAM,IAAI,qBAAO,SAAS,OAAC,CAAA;QAC3B,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,mBAAmB,CAAC,IAAI,CAAC,CAAA;IAC3B,CAAC,CAAA;IAEK,IAAA,KAAoC,QAAQ,CAAC,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAA;IAChD,IAAA,KAAgC,QAAQ,CAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAA;IACjD,IAAM,gBAAgB,GAAG,UAAC,IAAY;QACpC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE;YAC7C,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAA;YACjB,cAAc,CAAC,IAAI,GAAG,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,CAAA;IAED,eAAe,CAAC;QACd,IAAM,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAA;QAC7F,UAAU,CAAC,cAAc,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC9E,gBAAgB,CAAC,eAAe,CAAC,CAAA;QACjC,aAAa;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,eAAe,CAAA;SACjD;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,SAAS,SAAS;QAChB,aAAa;QACb,iBAAiB,CAAC,OAAO,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;QAC5D,UAAU,CAAC,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,CAAA;QACtC,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC;IAED,SAAS,mBAAmB,CAAC,KAAU;QACrC,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC;IAED,SAAS,aAAa,CAAC,MAAW;QAChC,aAAa;QACb,OAAO,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxC,CAAC;IAED,SAAS,CAAC;QACR,IAAI,WAAW,KAAK,EAAE,EAAE;YACtB,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,UAAC,IAAS;gBAChC,gBAAgB,CAAC,IAAI,CAAC,CAAA;gBACtB,IAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;gBAChC,IAAM,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,YAAY,CAAA;gBAC/C,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;gBAChC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;gBACzC,gBAAgB,CAAC,KAAK,CAAC,CAAA;YACzB,CAAC,CAAC,CAAA;SACH;aAAM,IAAI,WAAW,EAAE;YACtB,aAAa;YACb,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,IAAM,QAAQ,GAAG,UAAU,CAAC;;;;;4BAC1B,kBAAkB,CAAC,IAAI,CAAC,CAAA;4BACX,qBAAM,OAAO,CAAC,eAAe,CAAC,EAAA;;4BAArC,IAAI,GAAG,SAA8B;4BACrC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAA;4BAC5B,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,YAAY,CAAA;4BACjD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;4BACzC,IAAI,aAAa,KAAK,WAAW,EAAE;gCACjC,cAAc,CAAC,CAAC,CAAC,CAAA;6BAClB;4BACD,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;4BACpC,kBAAkB,CAAC,KAAK,CAAC,CAAA;;;;iBAC1B,EAAE,GAAG,CAAC,CAAA;YACP,aAAa;YACb,QAAQ,CAAC,QAAQ,CAAC,CAAA;SACnB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAEjC,SAAS,YAAY,CAAC,CAAM;QAC1B,IAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC5B,cAAc,CAAC,KAAK,CAAC,CAAA;QACrB,cAAc,CAAC,CAAC,CAAC,CAAA;QACjB,IAAI,KAAK,KAAK,aAAa,EAAE;YAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAA;SACxB;QACD,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE;YAC7B,mBAAmB,CAAC,SAAS,CAAC,CAAA;YAC9B,cAAc,CAAC,CAAC,CAAC,CAAA;SAClB;IACH,CAAC;IAED,IAAM,YAAY,GAAG,UAAC,IAAS;QAC7B,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;QACxC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,IAAM,cAAc,GAAG;QACrB,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,QACX,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,gBAAgB,OAAG,CACrB,CAAC,CAAC,CAAC,CACF,0CACG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB;QACE,6BAAK,SAAS,EAAC,6EAA6E;YAC1F,6BAAK,SAAS,EAAC,eAAe;gBAC5B,6BAAK,SAAS,EAAC,yBAAyB;oBACtC,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,6CAA6C,EACnD,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAC,wCAAwC,EAChD,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,kCAAkC,EAC1C,IAAI,EAAE,QAAQ;wBAEd,6BACE,SAAS,EAAE,UAAU,CACnB,uHAAuH,EACvH,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CACpC;4BAED,6BAAK,SAAS,EAAC,uBAAuB;gCACpC,+BACE,SAAS,EAAC,qJAAqJ,EAC/J,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACE;4BACN,6BAAK,SAAS,EAAC,+BAA+B,IAAE,eAAe,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;4BAC9F;gCACE,gCACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;wCACP,WAAW,CAAC,KAAK,CAAC,CAAA;wCAClB,cAAc,CAAC,EAAE,CAAC,CAAA;oCACpB,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACK;oBACb,6BACE,SAAS,EAAE,UAAU,CACnB,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC;4BAChD,CAAC,CAAC,qIAAqI;4BACvI,CAAC,CAAC,EAAE,EACN,QAAQ,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACpD;wBAEA,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACrB,oBAAC,IAAI,IACH,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,SAAS,EACnB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACH,CAAC,CAAC,CAAC,IAAI;wBACP,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAC1B,iCACG,CAAC,QAAQ,IAAI,CACZ,gCACE,SAAS,EAAC,6PAA6P,EACvQ,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;4BAEb,oBAAC,mBAAmB,IAAC,SAAS,EAAC,cAAc,GAAG;4BAChD,oBAAC,mBAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACpC,CACV,CACG,CACP,CACG,CACF;gBACL,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAC/C,6BAAK,SAAS,EAAC,uBAAuB;oBACpC,6BAAK,SAAS,EAAC,+DAA+D;wBAC5E,6BACE,SAAS,EAAE,UAAU,CACnB,yDAAyD,EACzD,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CACnE;4BAED,0CACG,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC/C,0CACG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,6BAAK,SAAS,EAAC,+EAA+E;gCAC5F,oBAAC,SAAS,IAAC,OAAO,EAAE,cAAc,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,IACvD,iBAAiB,CAAC,KAAK,CACd,CACR,CACP,CACA,CACJ,CAAC,CAAC,CAAC,IAAI,CACP;4BACH,+BACE,SAAS,EAAE,UAAU,CACnB,UAAU;gCACV,aAAa;gCACb,QAAQ,CAAC,MAAM,GAAG,CAAC;oCACjB,CAAC,CAAC,6CAA6C;oCAC/C,CAAC,CAAC,iDAAiD,CACtD;gCAED;oCACE;wCACG,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC/C,4BAAI,SAAS,EAAC,+CAA+C,EAAC,KAAK,EAAC,KAAK;4CACvE,+BACE,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,oKAAoK,EAC9K,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAC,UAAU,GACf,CACC,CACN,CAAC,CAAC,CAAC,IAAI;wCAEP,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;4CACrC,OAAA,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACZ,4BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,iGAAiG,EAC3G,KAAK,EAAC,KAAK,IAEV,IAAI,CACF,CACN,CAAC,CAAC,CAAC,CACF,4BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,iGAAiG,EAC3G,KAAK,EAAC,KAAK,IAEV,IAAI,CACF,CACN;wCAhBD,CAgBC,CACF,CACE,CACC;gCACR,+BAAO,SAAS,EAAC,0BAA0B,IACxC,WAAW,KAAK,EAAE;oCACjB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA;oCACtB,aAAa;oCACb,4BACE,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,SAAS,EAAE,UAAU,CACnB,QAAQ,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EAAE,EACvD,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CACxC,EACD,OAAO,EAAE;4CACP,IAAI,QAAQ,EAAE;gDACZ,IAAI,QAAQ,KAAK,uBAAuB,EAAE;oDACxC,IAAI,IAAI,CAAC,kBAAkB,KAAK,CAAC,EAAE;wDACjC,MAAM,CAAC,IAAI,CAAC,UAAG,cAAc,SAAG,IAAI,CAAC,EAAE,CAAE,CAAC,CAAA;qDAC3C;yDAAM;wDACL,MAAM,CAAC,IAAI,CAAC,UAAG,cAAc,sBAAY,IAAI,CAAC,EAAE,CAAE,CAAC,CAAA;qDACpD;iDACF;qDAAM;oDACL,MAAM,CAAC,IAAI,CAAC,UAAG,cAAc,SAAG,IAAI,CAAC,EAAE,CAAE,CAAC,CAAA;iDAC3C;6CACF;iDAAM;gDACL,OAAM;6CACP;wCACH,CAAC,IAGA,MAAM,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,SAAS,IAAK,OAAA,CACnC,oBAAC,QAAQ,IACP,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,IAAI,EACd,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC1B,CACH,EAboC,CAapC,CAAC,CACC,CACN,EAxCuB,CAwCvB,CAAC;oCACJ,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA;oCAC7B,aAAa;oCACb,4BACE,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,SAAS,EAAE,UAAU,CACnB,QAAQ,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EAAE,EACvD,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CACxC,EACD,OAAO,EAAE;4CACP,IAAI,QAAQ,EAAE;gDACZ,IAAI,QAAQ,KAAK,uBAAuB,EAAE;oDACxC,IAAI,IAAI,CAAC,kBAAkB,KAAK,CAAC,EAAE;wDACjC,MAAM,CAAC,IAAI,CAAC,UAAG,cAAc,SAAG,IAAI,CAAC,EAAE,CAAE,CAAC,CAAA;qDAC3C;yDAAM;wDACL,MAAM,CAAC,IAAI,CAAC,UAAG,cAAc,sBAAY,IAAI,CAAC,EAAE,CAAE,CAAC,CAAA;qDACpD;iDACF;qDAAM;oDACL,MAAM,CAAC,IAAI,CAAC,UAAG,cAAc,SAAG,IAAI,CAAC,EAAE,CAAE,CAAC,CAAA;iDAC3C;6CACF;iDAAM;gDACL,OAAM;6CACP;wCACH,CAAC,IAGA,MAAM,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,SAAS,IAAK,OAAA,CACnC,oBAAC,QAAQ,IACP,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,IAAI,EACd,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,GAChC,CACH,EAXoC,CAWpC,CAAC,CACC,CACN,EAtC8B,CAsC9B,CAAC,CACA,CACF,CACJ,CACF,CACF,CACP,CAAC,CAAC,CAAC,CACF;oBACE,oBAAC,iBAAiB,OAAG,CACpB,CACJ,CACG,CACF;QACN,6BAAK,SAAS,EAAC,kHAAkH;YAC/H,oBAAC,UAAU,IACT,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,GACjC,CACE,CACL,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,OAAG,CAChB,CACA,CACJ,CACa,CACjB,CAAA;AACH,CAAC"}

package/dist/esm/components/Table/index.d.ts

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

package/dist/esm/components/Table/index.js

@@ -0,0 +1,2 @@
+export * from './Table';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/esm/components/Table/sort.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function Sort({ activeMenu, className, onChange, sortList }: any): JSX.Element;
+export default Sort;

package/dist/esm/components/Table/sort.js

@@ -0,0 +1,30 @@
+/* eslint-disable react/button-has-type */
+import { Menu, Transition } from '@headlessui/react';
+import { ArrowsUpDownIcon } from '@heroicons/react/20/solid';
+import React, { Fragment } from 'react';
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+function Sort(_a) {
+    var activeMenu = _a.activeMenu, className = _a.className, onChange = _a.onChange, sortList = _a.sortList;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "".concat(className, " hidden sm:block") }, sortList.map(function (item) { return (React.createElement("button", { key: item.id, className: classNames('mr-1 inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', activeMenu === item.id ? 'bg-gray-200' : 'bg-transparent'), onClick: function () { return onChange(item); } }, item.name)); })),
+        React.createElement(Menu, { as: 'div', className: 'relative inline-block text-left sm:hidden' },
+            React.createElement("div", null,
+                React.createElement(Menu.Button, { className: 'flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' },
+                    React.createElement(ArrowsUpDownIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))),
+            React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
+                React.createElement(Menu.Items, { className: 'absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none' },
+                    React.createElement("div", { className: 'py-1' }, sortList.map(function (item) {
+                        return (React.createElement(Menu.Item, { key: item.id }, function (_a) {
+                            var active = _a.active;
+                            return (React.createElement("a", { onClick: function () { return onChange(item); }, className: classNames(active || activeMenu === item.id ? 'text-indigo-600' : 'text-gray-700', 'block px-4 py-2 text-sm cursor-pointer text-xs') }, item.name));
+                        }));
+                    })))))));
+}
+export default Sort;
+//# sourceMappingURL=sort.js.map

package/dist/esm/components/Table/sort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort.js","sourceRoot":"","sources":["../../../../src/components/Table/sort.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,SAAS,UAAU;IAAC,iBAAyB;SAAzB,UAAyB,EAAzB,qBAAyB,EAAzB,IAAyB;QAAzB,4BAAyB;;IAC3C,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAED,SAAS,IAAI,CAAC,EAAkD;QAAhD,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACvD,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,UAAG,SAAS,qBAAkB,IAC3C,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC3B,gCACE,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,SAAS,EAAE,UAAU,CACnB,wHAAwH,EACxH,UAAU,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAC1D,EACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,IAE5B,IAAI,CAAC,IAAI,CACH,CACV,EAX4B,CAW5B,CAAC,CACE;QAEN,oBAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,2CAA2C;YAClE;gBACE,oBAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,gPAAgP;oBACrQ,oBAAC,gBAAgB,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CAC/C,CACV;YAEN,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;gBAEtC,oBAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,oIAAoI;oBACxJ,6BAAK,SAAS,EAAC,MAAM,IAClB,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAS;wBACtB,OAAO,CACL,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,IACpB,UAAC,EAAU;gCAAR,MAAM,YAAA;4BAAO,OAAA,CACf,2BACE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EAC7B,SAAS,EAAE,UAAU,CACnB,MAAM,IAAI,UAAU,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,EACtE,gDAAgD,CACjD,IAEA,IAAI,CAAC,IAAI,CACR,CACL;wBAVgB,CAUhB,CACS,CACb,CAAA;oBACH,CAAC,CAAC,CACE,CACK,CACF,CACR,CACN,CACJ,CAAA;AACH,CAAC;AAED,eAAe,IAAI,CAAA"}

package/dist/esm/components/types.d.ts

@@ -0,0 +1,77 @@
+import type React from 'react';
+export declare type Target = '_blank' | '_self' | '_parent' | '_top';
+declare type Falsy = boolean | undefined | null | 0;
+export declare function classNames(...classes: (string | Falsy)[]): string;
+export interface BaseInput {
+    register?: any;
+    errors?: any;
+    setError?: any;
+    clearErrors?: any;
+}
+export interface BaseButton {
+    /** A unique identifier for the button */
+    id?: string;
+    /** A destination to link to, rendered in the href attribute of a link */
+    url?: string;
+    /** Forces url to open in a new tab */
+    external?: boolean;
+    /** Tells the browser to download the url instead of opening it. Provides a hint for the downloaded filename if it is a string value */
+    download?: string | boolean;
+    /** Allows the button to submit a form */
+    submit?: boolean;
+    /** Disables the button, disallowing merchant interaction */
+    disabled?: boolean;
+    /** Replaces button text with a spinner while a background action is being performed */
+    loading?: boolean;
+    /** Callback when clicked */
+    onClick?(): unknown;
+    className?: string;
+}
+export declare type IconSource = React.FunctionComponent<React.SVGProps<SVGSVGElement>> | 'placeholder' | string;
+export interface ComplexAction extends Action, SubmitAction, DisableableAction, DestructableAction, LoadableAction {
+}
+export interface MenuActionDescriptor extends ComplexAction, TooltipAction {
+    /** Zero-indexed numerical position. Overrides the action's order in the menu */
+    index?: number;
+}
+export interface Action {
+    /** A unique identifier for the action */
+    id?: string;
+    /** Content the action displays */
+    content?: string;
+    /** Visually hidden text for screen readers */
+    accessibilityLabel?: string;
+    /** A destination to link to, rendered in the action */
+    url?: string;
+    /** Forces url to open in a new tab */
+    external?: boolean;
+    /** Where to display the url */
+    target?: Target;
+    /** Callback when an action takes place */
+    onClick?(): void;
+    /** Callback when mouse enter */
+    onMouseEnter?(): void;
+    /** Callback when element is touched */
+    onTouchStart?(): void;
+}
+export interface DisableableAction extends Action {
+    /** Whether or not the action is disabled */
+    disabled?: boolean;
+}
+export interface SubmitAction extends Action {
+    /** Whether or not the action is disabled */
+    submit?: boolean;
+}
+export interface DestructableAction extends Action {
+    /** Destructive action */
+    destructive?: boolean;
+}
+export interface LoadableAction extends Action {
+    /** Should a spinner be displayed */
+    loading?: boolean;
+}
+export interface TooltipAction {
+    /** Text content to render in a tooltip */
+    helpText?: React.ReactNode;
+}
+export {};

package/dist/esm/components/types.js

@@ -0,0 +1,8 @@
+export function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+//# sourceMappingURL=types.js.map

package/dist/esm/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,UAAU;IAAC,iBAA8B;SAA9B,UAA8B,EAA9B,qBAA8B,EAA9B,IAA8B;QAA9B,4BAA8B;;IACvD,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC"}

package/dist/esm/demo/AssessmentAction.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function AssessmentAction(props: any): JSX.Element;

package/dist/esm/demo/AssessmentAction.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export function AssessmentAction(props) {
+    var itemBody = props.itemBody;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("span", { className: 'block max-w-xs truncate' }, itemBody)));
+}
+//# sourceMappingURL=AssessmentAction.js.map

package/dist/esm/demo/AssessmentAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentAction.js","sourceRoot":"","sources":["../../../src/demo/AssessmentAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,gBAAgB,CAAC,KAAU;IACjC,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAU;IAE1B,OAAO,CACL;QACE,8BAAM,SAAS,EAAC,yBAAyB,IAAE,QAAQ,CAAQ,CAC1D,CACJ,CAAA;AACH,CAAC"}

package/dist/esm/demo/ContentWrap.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const ContentWrap: {
+    (): JSX.Element;
+    propTypes: {};
+};
+export default ContentWrap;

package/dist/esm/demo/ContentWrap.js

@@ -0,0 +1,7 @@
+import React from 'react';
+var ContentWrap = function () {
+    return (React.createElement("div", null, "Content wrap Content wrap Content wrapContent wrapContent wrapContent wrapContent wrapContent wrapContent wrapContent wrapContent wrap"));
+};
+ContentWrap.propTypes = {};
+export default ContentWrap;
+//# sourceMappingURL=ContentWrap.js.map

package/dist/esm/demo/ContentWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentWrap.js","sourceRoot":"","sources":["../../../src/demo/ContentWrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,WAAW,GAAG;IAClB,OAAO,CACL,0KAGM,CACP,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,SAAS,GAAG,EAAE,CAAA;AAE1B,eAAe,WAAW,CAAA"}

package/dist/esm/demo/TableDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TableDemo: () => JSX.Element;
+export default TableDemo;

package/dist/esm/demo/TableDemo.js

@@ -0,0 +1,82 @@
+import React, { useState } from 'react';
+import { AssessmentAction } from './AssessmentAction';
+import { PHXTable } from '../components/Table';
+import { ApolloWrapper } from '../lib/apollo-wrapper';
+var list = function (pagination, fieldSort, sortDirection) {
+    return {
+        keyResult: 'admissions_form_data',
+        query: "query getListAdmissions {\n                    admissions_form_data(\n                      limit: 10,\n                      offset: ".concat(pagination * 10, ", \n                      order_by: {").concat(fieldSort, ": ").concat(sortDirection, "}\n                      where: {\n                          deleted_at: {_is_null: true}}, \n                      ) {\n                    id\n                    admissions_code\n                    student_name\n                    created_at\n                    address_id                  \n                    email\n                    gender\n                    parent_name\n                    phone_number\n                    classroom {\n                       code\n                       name\n                     }\n                    }\n  \n                    admissions_form_data_aggregate(where: {deleted_at: {_is_null: true}}) {\n                      aggregate {\n                      count\n                      }\n                  }\n                }")
+    };
+};
+var search = function (pagination, fieldSort, sortDirection) {
+    return {
+        enable: true,
+        keyResult: 'admissions_form_data',
+        query: "query getListadmissionsBySearch {\n              admissions_form_data(\n                  limit: 10, \n                  offset: ".concat(pagination * 10, ",\n                  order_by: {").concat(fieldSort, ": ").concat(sortDirection, "},\n                  where: {_or: [{admissions_code: {_ilike: \"%@value%\"}}, {student_name: {_ilike: \"%@value%\"}}], deleted_at: {_is_null: true}}\n              ){\n                  id\n                  admissions_code\n                  student_name\n                  created_at\n                  address_id\n                  email\n                  gender\n                  parent_name\n                  phone_number\n              }\n  \n              admissions_form_data_aggregate(\n                where: {_or: [{admissions_code: {_ilike: \"%@value%\"}}, {student_name: {_ilike: \"%@value%\"}}], deleted_at: {_is_null: true}}\n                ){\n                    aggregate {\n                    count\n                    }\n                }\n          }")
+    };
+};
+var dateStrToDate = function (date) {
+    return date ? date.slice(8, 10) + '/' + date.slice(5, 7) + '/' + date.slice(0, 4) : '';
+};
+var TableDemo = function () {
+    var _a = useState('created_at'), fieldSort = _a[0], setFieldSort = _a[1];
+    var _b = useState('desc'), sortDirection = _b[0], setSortDirection = _b[1];
+    var sortData = function (fieldSort, sortDirection) {
+        setFieldSort(fieldSort);
+        setSortDirection(sortDirection);
+    };
+    var _c = useState(0), pagination = _c[0], setPagination = _c[1];
+    var paginationData = function (pagi) {
+        setPagination(pagi);
+    };
+    var searchQuery = search(pagination, fieldSort, sortDirection);
+    var thHeader = ['Mã tuyển sinh', 'Học sinh', 'Ngày tạo'];
+    var thBody = ['id', 'admissions_code', 'student_name', 'created_at'];
+    var thComponent = {
+        // @ts-ignore
+        created_at: function bind(value, itemBody) {
+            return dateStrToDate(itemBody.created_at);
+        },
+        student_name: function bind(itemBody) {
+            return React.createElement(AssessmentAction, { itemBody: itemBody });
+        }
+    };
+    var thBodyFilter = function (value) { return value; };
+    var listQuery = list(pagination, fieldSort, sortDirection);
+    var sort = {
+        enable: true,
+        sortList: [
+            {
+                id: 'TenAZ',
+                name: 'Theo tên từ A đến Z',
+                field: 'student_name',
+                sortDirection: 'asc'
+            },
+            {
+                id: 'TenZA',
+                name: 'Theo tên từ Z đến A',
+                field: 'student_name',
+                sortDirection: 'desc'
+            },
+            {
+                id: 'ngayTaoMoiNhat',
+                name: 'Mới nhất',
+                field: 'created_at',
+                sortDirection: 'desc'
+            },
+            {
+                id: 'ngayTaoCuNhat',
+                name: 'Cũ nhất',
+                field: 'created_at',
+                sortDirection: 'asc'
+            },
+        ],
+        defaultActive: 'ngayTaoMoiNhat'
+    };
+    return (React.createElement(ApolloWrapper, null,
+        React.createElement(PHXTable, { list: listQuery, paginationData: paginationData, search: searchQuery, sort: sort, sortData: sortData, thBody: thBody, thBodyComponent: thComponent, 
+            // @ts-ignore
+            thBodyFilter: thBodyFilter, thHeader: thHeader })));
+};
+export default TableDemo;
+//# sourceMappingURL=TableDemo.js.map

package/dist/esm/demo/TableDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDemo.js","sourceRoot":"","sources":["../../../src/demo/TableDemo.tsx"],"names":[],"mappings":"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"}

package/dist/esm/index.d.ts

@@ -0,0 +1,18 @@
+import { PHXStep } from './components/Step/Step';
+import MyCounter from './components/App';
+import { PHXButton } from './components/Button';
+import { PHXCard } from './components/Card';
+import { PHXSpinner } from './components/Loading';
+import { MainWrap } from './components/MainWrap';
+import { PHXTable } from './components/Table';
+import { PHXFormWrap } from './components/FormWrap';
+import { PHXHeaderBar } from './components/HeaderBar';
+import { PHXInput } from './components/Input';
+import { PHXSelect } from './components/Select';
+import { PHXRadio } from './components/Radio';
+import { PHXCheckbox } from './components/Checkbox';
+import { PHXFormStep } from './components/FormStep';
+import { PHXNotifications } from './components/Notifications';
+import { PHXSkeletonLarge } from './components/Skeleton';
+import funcGetLoggedInfo from './components/Func/getLoginInfo';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, MainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, funcGetLoggedInfo, };

package/dist/esm/index.js

@@ -0,0 +1,19 @@
+import { PHXStep } from './components/Step/Step';
+import MyCounter from './components/App';
+import { PHXButton } from './components/Button';
+import { PHXCard } from './components/Card';
+import { PHXSpinner } from './components/Loading';
+import { MainWrap } from './components/MainWrap';
+import { PHXTable } from './components/Table';
+import { PHXFormWrap } from './components/FormWrap';
+import { PHXHeaderBar } from './components/HeaderBar';
+import { PHXInput } from './components/Input';
+import { PHXSelect } from './components/Select';
+import { PHXRadio } from './components/Radio';
+import { PHXCheckbox } from './components/Checkbox';
+import { PHXFormStep } from './components/FormStep';
+import { PHXNotifications } from './components/Notifications';
+import { PHXSkeletonLarge } from './components/Skeleton';
+import funcGetLoggedInfo from './components/Func/getLoginInfo';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, MainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, funcGetLoggedInfo, };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,iBAAiB,MAAM,gCAAgC,CAAA;AAE9D,OAAO,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,gBAAgB,EAChB,iBAAiB,GAClB,CAAA"}

package/dist/esm/lib/apollo-wrapper.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ApolloWrapper({ children }: React.PropsWithChildren): JSX.Element;