phx-react 1.3.1

package/dist/cjs/components/MainWrap/navigator/nav-mobile-content.js

@@ -0,0 +1,49 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = require("@headlessui/react");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var react_2 = tslib_1.__importDefault(require("react"));
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+function NavMobileContent(_a) {
+    var pathName = _a.pathName, menu = _a.menu, router = _a.router;
+    var closeSideBar = function (item) {
+        router.push(item.path);
+    };
+    var activeModule = function (href) {
+        var pathNameSplit = pathName.split('/');
+        var urlRouter1 = pathNameSplit[2];
+        var urlRouter2 = pathNameSplit[3];
+        var hrefSplit = href.split('/');
+        var currentMenu1 = hrefSplit[1];
+        var currentMenu2 = hrefSplit[2];
+        return urlRouter1 === currentMenu1 && urlRouter2 === currentMenu2;
+    };
+    return (react_2["default"].createElement(react_2["default"].Fragment, null, menu ? (menu.map(function (item) {
+        return !item.child ? (react_2["default"].createElement("div", { key: item.name },
+            react_2["default"].createElement("a", { href: item.path, className: classNames(item.current ? 'text-gray-900' : 'text-gray-600 ', 'group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md') }, item.name))) : (react_2["default"].createElement(react_1.Disclosure, { defaultOpen: item.open, as: 'div', key: item.name, className: 'space-y-1' }, function (_a) {
+            var open = _a.open;
+            return (react_2["default"].createElement(react_2["default"].Fragment, null,
+                react_2["default"].createElement(react_1.Disclosure.Button, { className: classNames(item.current ? 'text-gray-600' : 'text-gray-600 ', 'group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500') },
+                    react_2["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: 'h-5 w-5 text-gray-600 group-hover:text-gray-600 mr-2', icon: item.image == 'admissions'
+                            ? free_solid_svg_icons_1.faSchoolCircleCheck
+                            : item.image == 'medical'
+                                ? free_solid_svg_icons_1.faSuitcaseMedical
+                                : free_solid_svg_icons_1.faSchool }),
+                    react_2["default"].createElement("span", { className: 'flex-1 subpixel-antialiased' }, item.name),
+                    react_2["default"].createElement("svg", { className: classNames(open ? 'text-gray-400 rotate-90' : 'text-gray-300', 'ml-3 h-5 w-5 flex-shrink-0 transform transition-colors duration-150 ease-in-out group-hover:text-gray-400'), viewBox: '0 0 20 20', "aria-hidden": 'true' },
+                        react_2["default"].createElement("path", { d: 'M6 6L14 10L6 14V6Z', fill: 'currentColor' }))),
+                react_2["default"].createElement(react_1.Transition, { show: open, enter: 'transition duration-100 ease-out', enterFrom: 'transform scale-95 opacity-0', enterTo: 'transform scale-100 opacity-100', leave: 'transition duration-75 ease-out', leaveFrom: 'transform scale-100 opacity-100', leaveTo: 'transform scale-95 opacity-0' },
+                    react_2["default"].createElement(react_1.Disclosure.Panel, { static: false, className: 'space-y-1' }, item.child.map(function (subItem, index) { return (react_2["default"].createElement("p", { onClick: function () { return closeSideBar(subItem); }, className: classNames('group flex w-full items-center rounded-md py-[5px] pl-11 pr-2 text-sm font-medium hover:bg-gray-100', activeModule(subItem.path) ? 'text-indigo-600 hover:text-indigo-600' : ' text-gray-500'), key: index }, subItem.name)); })))));
+        }));
+    })) : (react_2["default"].createElement(react_2["default"].Fragment, null))));
+}
+exports["default"] = NavMobileContent;
+//# sourceMappingURL=nav-mobile-content.js.map

package/dist/cjs/components/MainWrap/navigator/nav-mobile-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-mobile-content.js","sourceRoot":"","sources":["../../../../../src/components/MainWrap/navigator/nav-mobile-content.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/MainWrap/navigator/nav-mobile.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function NavMobile({ pathName, menu, router }: any): JSX.Element;

package/dist/cjs/components/MainWrap/navigator/nav-mobile.js

@@ -0,0 +1,12 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var nav_mobile_content_1 = tslib_1.__importDefault(require("./nav-mobile-content"));
+function NavMobile(_a) {
+    var pathName = _a.pathName, menu = _a.menu, router = _a.router;
+    return (react_1["default"].createElement("nav", { className: 'mt-5 space-y-1 px-2' },
+        react_1["default"].createElement(nav_mobile_content_1["default"], { pathName: pathName, menu: menu, router: router })));
+}
+exports["default"] = NavMobile;
+//# sourceMappingURL=nav-mobile.js.map

package/dist/cjs/components/MainWrap/navigator/nav-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-mobile.js","sourceRoot":"","sources":["../../../../../src/components/MainWrap/navigator/nav-mobile.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,oFAAmD;AAEnD,SAAwB,SAAS,CAAC,EAA+B;QAA7B,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;IACxD,OAAO,CACL,0CAAK,SAAS,EAAC,qBAAqB;QAClC,iCAAC,+BAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CAChE,CACP,CAAA;AACH,CAAC;AAND,+BAMC"}

package/dist/cjs/components/Notifications/Notifications.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface NotificationsProps {
+    className?: string;
+    show?: boolean;
+    type?: 'add' | 'edit';
+    failure?: boolean;
+    onHide?: any;
+}
+export declare const PHXNotifications: ({ className, show, type, onHide, failure }: NotificationsProps) => JSX.Element;

package/dist/cjs/components/Notifications/Notifications.js

@@ -0,0 +1,55 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXNotifications = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var types_1 = require("../types");
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var PHXNotifications = function (_a) {
+    var className = _a.className, show = _a.show, type = _a.type, onHide = _a.onHide, failure = _a.failure;
+    var _b = (0, react_1.useState)(false), notify = _b[0], setNotify = _b[1];
+    var _c = (0, react_1.useState)(false), isFailure = _c[0], setIsFailure = _c[1];
+    (0, react_1.useEffect)(function () {
+        // @ts-ignore
+        setNotify(show);
+    }, [show]);
+    (0, react_1.useEffect)(function () {
+        // @ts-ignore
+        if (failure) {
+            setIsFailure(true);
+        }
+        else {
+            setTimeout(function () {
+                setIsFailure(false);
+            }, 200);
+        }
+    }, [failure]);
+    var hideNotify = function () {
+        setNotify(false);
+        setTimeout(function () {
+            setIsFailure(false);
+        }, 200);
+        if (onHide) {
+            onHide();
+        }
+    };
+    return (react_1["default"].createElement("div", { "aria-live": 'assertive', className: "pointer-events-none inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 ".concat(className) },
+        react_1["default"].createElement("div", { className: 'fixed bottom-10 mr-8 flex w-[-webkit-fill-available] flex-col items-center' },
+            react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transform ease-out duration-500 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: notify },
+                react_1["default"].createElement("div", { className: (0, types_1.classNames)('pointer-events-auto max-w-sm overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5', isFailure ? 'bg-red-600' : 'bg-indigo-800') },
+                    react_1["default"].createElement("div", { className: 'p-3' },
+                        react_1["default"].createElement("div", { className: 'flex items-center justify-between' },
+                            react_1["default"].createElement("div", { className: 'ml-1' },
+                                react_1["default"].createElement("p", { className: 'text-xs font-normal text-white' }, isFailure
+                                    ? 'Oops Lỗi, vui lòng thử lại!'
+                                    : type === 'add'
+                                        ? 'Thêm mới thành công'
+                                        : 'Cập nhật thành công')),
+                            react_1["default"].createElement("div", { className: 'ml-4 flex pt-0.5' },
+                                react_1["default"].createElement("button", { className: 'inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500', onClick: function () { return hideNotify(); }, type: 'button' },
+                                    react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
+                                    react_1["default"].createElement(solid_1.XMarkIcon, { "aria-hidden": 'true', className: (0, types_1.classNames)('h-4 w-4 text-white', isFailure ? 'bg-red-600' : 'bg-indigo-800') }))))))))));
+};
+exports.PHXNotifications = PHXNotifications;
+//# sourceMappingURL=Notifications.js.map

package/dist/cjs/components/Notifications/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,kCAAqC;AACrC,2CAA8C;AAC9C,mDAAqD;AAU9C,IAAM,gBAAgB,GAAG,UAAC,EAA8D;QAA5D,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IACjE,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IACrC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,SAAS,CAAC,IAAI,CAAC,CAAA;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;aAAM;YACL,UAAU,CAAC;gBACT,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,UAAU,GAAG;QACjB,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,UAAU,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,EAAE,GAAG,CAAC,CAAA;QACP,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,CAAA;SACT;IACH,CAAC,CAAA;IACD,OAAO,CACL,uDACY,WAAW,EACrB,SAAS,EAAE,qFAA8E,SAAS,CAAE;QAEpG,0CAAK,SAAS,EAAC,4EAA4E;YAEzF,iCAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,4DAA4D,EACpE,IAAI,EAAE,MAAM;gBAEZ,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,oGAAoG,EACpG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAC3C;oBAED,0CAAK,SAAS,EAAC,KAAK;wBAClB,0CAAK,SAAS,EAAC,mCAAmC;4BAChD,0CAAK,SAAS,EAAC,MAAM;gCACnB,wCAAG,SAAS,EAAC,gCAAgC,IAC1C,SAAS;oCACR,CAAC,CAAC,6BAA6B;oCAC/B,CAAC,CAAC,IAAI,KAAK,KAAK;wCAChB,CAAC,CAAC,qBAAqB;wCACvB,CAAC,CAAC,qBAAqB,CACvB,CACA;4BACN,0CAAK,SAAS,EAAC,kBAAkB;gCAC/B,6CACE,SAAS,EAAC,mEAAmE,EAC7E,OAAO,EAAE,cAAM,OAAA,UAAU,EAAE,EAAZ,CAAY,EAC3B,IAAI,EAAC,QAAQ;oCAEb,2CAAM,SAAS,EAAC,SAAS,YAAa;oCACtC,iCAAC,iBAAS,mBACI,MAAM,EAClB,SAAS,EAAE,IAAA,kBAAU,EAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,GACvF,CACK,CACL,CACF,CACF,CACF,CACK,CACT,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAnFY,QAAA,gBAAgB,oBAmF5B"}

package/dist/cjs/components/Notifications/index.d.ts

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

package/dist/cjs/components/Notifications/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Notifications"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Notifications/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B"}

package/dist/cjs/components/Radio/Radio.d.ts

@@ -0,0 +1,9 @@
+import React, { InputHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    label?: string;
+    register?: UseFormRegisterReturn;
+    title?: string;
+}
+export declare const PHXRadio: React.FC<InputProps>;

package/dist/cjs/components/Radio/Radio.js

@@ -0,0 +1,15 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXRadio = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var PHXRadio = function (_a) {
+    var className = _a.className, label = _a.label, register = _a.register, title = _a.title, rest = tslib_1.__rest(_a, ["className", "label", "register", "title"]);
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
+        react_1["default"].createElement("div", { className: 'flex items-center mt-1' },
+            react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { type: 'radio', className: 'h-4 w-4 border-gray-300 p-0 text-indigo-600 focus:ring-indigo-500' })),
+            react_1["default"].createElement("label", { className: 'ml-3 block text-xs text-gray-700' }, title))));
+};
+exports.PHXRadio = PHXRadio;
+//# sourceMappingURL=Radio.js.map

package/dist/cjs/components/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAU3C,IAAM,QAAQ,GAAyB,UAAC,EAA0D;IAAxD,IAAA,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,IAAI,sBAA5C,2CAA8C,CAAF;IACzF,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,4CAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,0CAAK,SAAS,EAAC,wBAAwB;YACrC,+DACM,IAAI,EACJ,QAAQ,IACZ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,mEAAmE,IAC7E;YACF,4CAAO,SAAS,EAAC,kCAAkC,IAAE,KAAK,CAAS,CAC/D,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,QAAQ,YAepB"}

package/dist/cjs/components/Radio/index.d.ts

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

package/dist/cjs/components/Radio/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Radio"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Radio/index.ts"],"names":[],"mappings":";;;AAAA,kDAAuB"}

package/dist/cjs/components/Select/Select.d.ts

@@ -0,0 +1,12 @@
+import React, { SelectHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    className?: string;
+    register?: UseFormRegisterReturn;
+    children?: any;
+    label?: string;
+    helpText?: string;
+    error?: boolean;
+    errorMessage?: string;
+}
+export declare const PHXSelect: React.FC<SelectProps>;

package/dist/cjs/components/Select/Select.js

@@ -0,0 +1,19 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXSelect = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../types");
+var PHXSelect = function (_a) {
+    var children = _a.children, className = _a.className, register = _a.register, label = _a.label, helpText = _a.helpText, error = _a.error, errorMessage = _a.errorMessage, rest = tslib_1.__rest(_a, ["children", "className", "register", "label", "helpText", "error", "errorMessage"]);
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
+        react_1["default"].createElement("select", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('mt-1 block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') }), children),
+        helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
+        error && errorMessage ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+            react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
+            react_1["default"].createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
+};
+exports.PHXSelect = PHXSelect;
+//# sourceMappingURL=Select.js.map

package/dist/cjs/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmD;AAEnD,kCAAqC;AAY9B,IAAM,SAAS,GAA0B,UAAC,EASnC;IARZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,YAAY,kBAAA,EACT,IAAI,sBARwC,mFAShD,CADQ;IACU,OAAA,CACjB,0CAAK,SAAS,EAAE,SAAS;QACvB,4CAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,gEACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,gPAAgP,EAChP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,KAEA,QAAQ,CACF;QACR,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA;AA5CY,QAAA,SAAS,aA4CrB"}

package/dist/cjs/components/Select/index.d.ts

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

package/dist/cjs/components/Select/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Select"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB"}

package/dist/cjs/components/Skeleton/SkeletonLarge.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface SkeletonProps {
+    size?: 'small' | 'medium' | 'large' | 'extra-large';
+    className?: string;
+}
+export declare function PHXSkeletonLarge({ size, className }: SkeletonProps): JSX.Element;

package/dist/cjs/components/Skeleton/SkeletonLarge.js

@@ -0,0 +1,40 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXSkeletonLarge = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../types");
+function PHXSkeletonLarge(_a) {
+    var _b = _a.size, size = _b === void 0 ? 'extra-large' : _b, className = _a.className;
+    var skeletonClass = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12', size === 'extra-large' && 'mx-auto w-full');
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement("div", { className: "".concat(skeletonClass, " mb-4 rounded-md p-4 shadow") },
+            react_1["default"].createElement("div", { className: 'flex animate-pulse space-x-4' },
+                react_1["default"].createElement("div", { className: 'flex-1 space-y-6 py-1' },
+                    react_1["default"].createElement("div", { className: 'h-2 rounded bg-slate-200' }),
+                    react_1["default"].createElement("div", { className: 'space-y-3' },
+                        react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                            react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-slate-200' }),
+                            react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-slate-200' })),
+                        react_1["default"].createElement("div", { className: 'h-2 rounded bg-slate-200' }))))),
+        react_1["default"].createElement("div", { className: "".concat(skeletonClass, " mb-4 rounded-md p-4 shadow") },
+            react_1["default"].createElement("div", { className: 'flex animate-pulse space-x-4' },
+                react_1["default"].createElement("div", { className: 'flex-1 space-y-6 py-1' },
+                    react_1["default"].createElement("div", { className: 'h-2 rounded bg-slate-200' }),
+                    react_1["default"].createElement("div", { className: 'space-y-3' },
+                        react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                            react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-slate-200' }),
+                            react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-slate-200' })),
+                        react_1["default"].createElement("div", { className: 'h-2 rounded bg-slate-200' }))))),
+        react_1["default"].createElement("div", { className: "".concat(skeletonClass, " mb-4 rounded-md p-4 shadow") },
+            react_1["default"].createElement("div", { className: 'flex animate-pulse space-x-4' },
+                react_1["default"].createElement("div", { className: 'flex-1 space-y-6 py-1' },
+                    react_1["default"].createElement("div", { className: 'h-2 rounded bg-slate-200' }),
+                    react_1["default"].createElement("div", { className: 'space-y-3' },
+                        react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                            react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-slate-200' }),
+                            react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-slate-200' })),
+                        react_1["default"].createElement("div", { className: 'h-2 rounded bg-slate-200' })))))));
+}
+exports.PHXSkeletonLarge = PHXSkeletonLarge;
+//# sourceMappingURL=SkeletonLarge.js.map

package/dist/cjs/components/Skeleton/SkeletonLarge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonLarge.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/SkeletonLarge.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;AAOrC,SAAgB,gBAAgB,CAAC,EAAkD;QAAhD,YAAoB,EAApB,IAAI,mBAAG,aAAa,KAAA,EAAE,SAAS,eAAA;IAChE,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,OAAO,IAAI,2BAA2B,EAC/C,IAAI,KAAK,QAAQ,IAAI,2BAA2B,EAChD,IAAI,KAAK,OAAO,IAAI,4BAA4B,EAChD,IAAI,KAAK,aAAa,IAAI,gBAAgB,CAC3C,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CAAK,SAAS,EAAE,UAAG,aAAa,gCAA6B;YAC3D,0CAAK,SAAS,EAAC,8BAA8B;gBAC3C,0CAAK,SAAS,EAAC,uBAAuB;oBACpC,0CAAK,SAAS,EAAC,0BAA0B,GAAG;oBAC5C,0CAAK,SAAS,EAAC,WAAW;wBACxB,0CAAK,SAAS,EAAC,wBAAwB;4BACrC,0CAAK,SAAS,EAAC,qCAAqC,GAAG;4BACvD,0CAAK,SAAS,EAAC,qCAAqC,GAAG,CACnD;wBACN,0CAAK,SAAS,EAAC,0BAA0B,GAAG,CACxC,CACF,CACF,CACF;QACN,0CAAK,SAAS,EAAE,UAAG,aAAa,gCAA6B;YAC3D,0CAAK,SAAS,EAAC,8BAA8B;gBAC3C,0CAAK,SAAS,EAAC,uBAAuB;oBACpC,0CAAK,SAAS,EAAC,0BAA0B,GAAG;oBAC5C,0CAAK,SAAS,EAAC,WAAW;wBACxB,0CAAK,SAAS,EAAC,wBAAwB;4BACrC,0CAAK,SAAS,EAAC,qCAAqC,GAAG;4BACvD,0CAAK,SAAS,EAAC,qCAAqC,GAAG,CACnD;wBACN,0CAAK,SAAS,EAAC,0BAA0B,GAAG,CACxC,CACF,CACF,CACF;QACN,0CAAK,SAAS,EAAE,UAAG,aAAa,gCAA6B;YAC3D,0CAAK,SAAS,EAAC,8BAA8B;gBAC3C,0CAAK,SAAS,EAAC,uBAAuB;oBACpC,0CAAK,SAAS,EAAC,0BAA0B,GAAG;oBAC5C,0CAAK,SAAS,EAAC,WAAW;wBACxB,0CAAK,SAAS,EAAC,wBAAwB;4BACrC,0CAAK,SAAS,EAAC,qCAAqC,GAAG;4BACvD,0CAAK,SAAS,EAAC,qCAAqC,GAAG,CACnD;wBACN,0CAAK,SAAS,EAAC,0BAA0B,GAAG,CACxC,CACF,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC;AAtDD,4CAsDC"}

package/dist/cjs/components/Skeleton/index.d.ts

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

package/dist/cjs/components/Skeleton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SkeletonLarge"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B"}

package/dist/cjs/components/Step/Step.d.ts

@@ -0,0 +1,25 @@
+import { UseFormRegisterReturn } from 'react-hook-form';
+import React, { ReactNode } from 'react';
+import { FooterBarProps } from '../FormWrap';
+export interface StepProps {
+    className?: string;
+    register?: UseFormRegisterReturn;
+    steps?: Array<{
+        step: number;
+        title: string;
+        status?: 'current' | 'complete' | 'upcoming';
+        component: ReactNode;
+    }>;
+    nextLabel: string;
+    backLabel: string;
+    formMode: 'addNew' | 'edit' | 'readOnly';
+    onSubmit: any;
+    size?: FooterBarProps['size'];
+    title: FooterBarProps['title'];
+    triggerStep?: Array<{
+        step: number;
+        onNext: any;
+    }>;
+    backRout: any;
+}
+export declare const PHXStep: React.FC<StepProps>;

package/dist/cjs/components/Step/Step.js

@@ -0,0 +1,102 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXStep = void 0;
+var tslib_1 = require("tslib");
+var react_hook_form_1 = require("react-hook-form");
+var react_1 = tslib_1.__importDefault(require("react"));
+var solid_1 = require("@heroicons/react/24/solid");
+var Card_1 = require("../Card");
+var FormWrap_1 = require("../FormWrap");
+var PHXStep = function (_a) {
+    var _b;
+    var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, _c = _a.size, size = _c === void 0 ? 'large' : _c, title = _a.title, triggerStep = _a.triggerStep, backRout = _a.backRout;
+    var _d = react_1["default"].useState(1), currentStep = _d[0], setCurrentStep = _d[1];
+    var _e = react_1["default"].useState([]), listSteps = _e[0], setListSteps = _e[1];
+    var form = (0, react_hook_form_1.useForm)();
+    var nextStep = function (data) {
+        var _a;
+        try {
+            var funcCallApiStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
+            if (funcCallApiStep) {
+                funcCallApiStep();
+            }
+            if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
+                onSubmit(data);
+                return;
+            }
+            else {
+                listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
+                    if (item.step === currentStep + 1 && item.status !== 'complete')
+                        item.status = 'current';
+                    if (item.step === currentStep)
+                        item.status = 'complete';
+                });
+            }
+            setCurrentStep(function (currentStep) { return currentStep + 1; });
+        }
+        catch (error) {
+            console.error;
+        }
+    };
+    var handleNextWithClickStep = function (stepItem) {
+        if (formMode === 'addNew') {
+            stepItem.status !== 'upcoming' && setCurrentStep(stepItem.step);
+        }
+        else {
+            setCurrentStep(stepItem.step);
+        }
+    };
+    var handleBackStep = function () {
+        setCurrentStep(function (currentStep) { return currentStep - 1; });
+    };
+    var handleNextStep = function () {
+        setCurrentStep(function (currentStep) { return currentStep + 1; });
+    };
+    react_1["default"].useEffect(function () {
+        if (steps) {
+            var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
+                if (index === 0) {
+                    return tslib_1.__assign(tslib_1.__assign({}, item), { status: 'current' });
+                }
+                else {
+                    return tslib_1.__assign(tslib_1.__assign({}, item), { status: 'upcoming' });
+                }
+            });
+            if (formMode !== 'addNew')
+                listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { status: 'complete' })); });
+            setListSteps(listNew);
+        }
+    }, [steps, formMode]);
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement(react_hook_form_1.FormProvider, tslib_1.__assign({}, form),
+            react_1["default"].createElement(FormWrap_1.PHXFormWrap, { className: 'w-full', size: size, title: title, onSubmit: formMode === 'readOnly' ? form.handleSubmit(handleNextStep) : form.handleSubmit(nextStep), onCancel: backRout, footerAction: false },
+                react_1["default"].createElement(Card_1.PHXCard, { primaryFooterAction: {
+                        content: currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) ? (formMode !== 'readOnly' ? 'Submit' : '') : nextLabel,
+                        submit: true
+                    }, secondaryFooterActions: [{ content: currentStep !== 1 ? backLabel : '', onClick: handleBackStep }] },
+                    react_1["default"].createElement("nav", { "aria-label": 'Progress' },
+                        react_1["default"].createElement("ol", { role: 'list', className: 'divide-y grid grid-cols-4 gap-4 divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0' }, listSteps &&
+                            listSteps.map(function (stepItem, stepIdx) { return (react_1["default"].createElement("li", { key: stepIdx, className: 'relative cursor-pointer md:flex md:flex-1' },
+                                react_1["default"].createElement("button", { type: "".concat(stepItem.step > currentStep && formMode !== 'readOnly' ? 'submit' : 'button'), onClick: function () {
+                                        return (stepItem.step < currentStep || formMode === 'readOnly') && handleNextWithClickStep(stepItem);
+                                    } },
+                                    stepItem.status === 'complete' ? (react_1["default"].createElement("div", { className: 'group flex w-full items-center' },
+                                        react_1["default"].createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
+                                            react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-indigo-600 group-hover:bg-indigo-800' },
+                                                react_1["default"].createElement(solid_1.CheckIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })),
+                                            react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-gray-900' }, stepItem.title)))) : stepItem.status === 'current' ? (react_1["default"].createElement("div", { className: 'flex items-center px-6 py-3 text-sm font-medium', "aria-current": 'step' },
+                                        react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600' },
+                                            react_1["default"].createElement("span", { className: 'text-indigo-600' }, stepItem.step)),
+                                        react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-indigo-600' }, stepItem.title))) : (react_1["default"].createElement("div", { className: 'group flex items-center' },
+                                        react_1["default"].createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
+                                            react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-gray-300 group-hover:border-gray-400' },
+                                                react_1["default"].createElement("span", { className: 'text-gray-500 group-hover:text-gray-900' }, stepItem.step)),
+                                            react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-gray-500 group-hover:text-gray-900' }, stepItem.title)))),
+                                    stepIdx !== (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) - 1 ? (react_1["default"].createElement(react_1["default"].Fragment, null,
+                                        react_1["default"].createElement("div", { className: 'absolute right-0 top-0 hidden h-full w-5 md:block', "aria-hidden": 'true' },
+                                            react_1["default"].createElement("svg", { className: 'h-full w-full text-gray-300', viewBox: '0 0 22 80', fill: 'none', preserveAspectRatio: 'none' },
+                                                react_1["default"].createElement("path", { d: 'M0 -2L20 40L0 82', vectorEffect: 'non-scaling-stroke', stroke: 'currentcolor', strokeLinejoin: 'round' }))))) : null))); }))), (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 :
+                    _b.component)))));
+};
+exports.PHXStep = PHXStep;
+//# sourceMappingURL=Step.js.map

package/dist/cjs/components/Step/Step.js.map

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

package/dist/cjs/components/Step/index.d.ts

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

package/dist/cjs/components/Step/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Step"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Step/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Step/index.tsx"],"names":[],"mappings":";;;AAAA,iDAAsB"}

package/dist/cjs/components/Table/EmptyRecord.d.ts

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

package/dist/cjs/components/Table/EmptyRecord.js

@@ -0,0 +1,17 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function EmptyRecord() {
+    return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        react_1["default"].createElement("div", { className: 'bg-white shadow sm:rounded-lg' },
+            react_1["default"].createElement("div", { className: 'mt-8 flex flex-col' },
+                react_1["default"].createElement("div", { className: 'min-w-full px-6 py-2 pb-20 pt-20 align-middle md:px-6 md:pr-0 lg:px-8' },
+                    react_1["default"].createElement("div", { className: 'px-4 py-5 sm:p-6' },
+                        react_1["default"].createElement("div", { className: 'text-center' },
+                            react_1["default"].createElement("svg", { "aria-hidden": 'true', className: 'mx-auto h-12 w-12 text-gray-400', fill: 'none', stroke: 'currentColor', viewBox: '0 0 48 48', xmlns: 'http://www.w3.org/2000/svg' },
+                                react_1["default"].createElement("path", { d: 'M8 14v20c0 4.418 7.163 8 16 8 1.381 0 2.721-.087 4-.252M8 14c0 4.418 7.163 8 16 8s16-3.582 16-8M8 14c0-4.418 7.163-8 16-8s16 3.582 16 8m0 0v14m0-4c0 4.418-7.163 8-16 8S8 28.418 8 24m32 10v6m0 0v6m0-6h6m-6 0h-6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 2 })),
+                            react_1["default"].createElement("h3", { className: 'mt-2 text-sm font-medium text-gray-900' }, "D\u1EEF li\u1EC7u \u0111ang tr\u1ED1ng"))))))));
+}
+exports["default"] = EmptyRecord;
+//# sourceMappingURL=EmptyRecord.js.map

package/dist/cjs/components/Table/EmptyRecord.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/Table/EmptyRecord.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,SAAwB,WAAW;IACjC,OAAO,CACL;QACE,0CAAK,SAAS,EAAC,+BAA+B;YAC5C,0CAAK,SAAS,EAAC,oBAAoB;gBACjC,0CAAK,SAAS,EAAC,uEAAuE;oBACpF,0CAAK,SAAS,EAAC,kBAAkB;wBAC/B,0CAAK,SAAS,EAAC,aAAa;4BAC1B,yDACc,MAAM,EAClB,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gCAElC,2CACE,CAAC,EAAC,mNAAmN,EACrN,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACE;4BACN,yCAAI,SAAS,EAAC,wCAAwC,6CAAwB,CAC1E,CACF,CACF,CACF,CACF,CACL,CACJ,CAAA;AACH,CAAC;AA/BD,iCA+BC"}

package/dist/cjs/components/Table/EmptySearchResult.d.ts

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

package/dist/cjs/components/Table/EmptySearchResult.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function EmptySearchResult() {
+    return (react_1["default"].createElement("div", { className: '-mx-4 -my-2 sm:-mx-6 lg:-mx-8' },
+        react_1["default"].createElement("div", { className: 'min-w-full py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
+            react_1["default"].createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
+                react_1["default"].createElement("div", { className: 'text-center' },
+                    react_1["default"].createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-400', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                        react_1["default"].createElement("path", { d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })),
+                    react_1["default"].createElement("h3", { className: 'mt-2 text-sm font-medium text-gray-900' }, "Kh\u00F4ng c\u00F3 d\u1EEF li\u1EC7u"),
+                    react_1["default"].createElement("p", { className: 'mt-1 text-sm text-gray-500' }, "H\u00E3y th\u1EE9 thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
+}
+exports["default"] = EmptySearchResult;
+//# sourceMappingURL=EmptySearchResult.js.map

package/dist/cjs/components/Table/EmptySearchResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/Table/EmptySearchResult.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,SAAwB,iBAAiB;IACvC,OAAO,CACL,0CAAK,SAAS,EAAC,+BAA+B;QAC5C,0CAAK,SAAS,EAAC,sDAAsD;YACnE,0CAAK,SAAS,EAAC,2BAA2B;gBACxC,0CAAK,SAAS,EAAC,aAAa;oBAC1B,0CACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,2CACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;oBACN,yCAAI,SAAS,EAAC,wCAAwC,2CAAsB;oBAC5E,wCAAG,SAAS,EAAC,4BAA4B,gFAAsC,CAC3E,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC;AA3BD,uCA2BC"}

package/dist/cjs/components/Table/Pagination.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Pagination: ({ currentPage, handleChangePage, totalPages }: any) => JSX.Element;
+export default Pagination;