phx-react 1.3.1

package/dist/esm/components/Step/Step.js

@@ -0,0 +1,98 @@
+import { __assign } from "tslib";
+import { FormProvider, useForm } from 'react-hook-form';
+import React from 'react';
+import { CheckIcon } from '@heroicons/react/24/solid';
+import { PHXCard } from '../Card';
+import { PHXFormWrap } from '../FormWrap';
+export 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.useState(1), currentStep = _d[0], setCurrentStep = _d[1];
+    var _e = React.useState([]), listSteps = _e[0], setListSteps = _e[1];
+    var form = 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.useEffect(function () {
+        if (steps) {
+            var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
+                if (index === 0) {
+                    return __assign(__assign({}, item), { status: 'current' });
+                }
+                else {
+                    return __assign(__assign({}, item), { status: 'upcoming' });
+                }
+            });
+            if (formMode !== 'addNew')
+                listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (__assign(__assign({}, item), { status: 'complete' })); });
+            setListSteps(listNew);
+        }
+    }, [steps, formMode]);
+    return (React.createElement("div", { className: className },
+        React.createElement(FormProvider, __assign({}, form),
+            React.createElement(PHXFormWrap, { className: 'w-full', size: size, title: title, onSubmit: formMode === 'readOnly' ? form.handleSubmit(handleNextStep) : form.handleSubmit(nextStep), onCancel: backRout, footerAction: false },
+                React.createElement(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.createElement("nav", { "aria-label": 'Progress' },
+                        React.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.createElement("li", { key: stepIdx, className: 'relative cursor-pointer md:flex md:flex-1' },
+                                React.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.createElement("div", { className: 'group flex w-full items-center' },
+                                        React.createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
+                                            React.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.createElement(CheckIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })),
+                                            React.createElement("span", { className: 'ml-4 text-sm font-medium text-gray-900' }, stepItem.title)))) : stepItem.status === 'current' ? (React.createElement("div", { className: 'flex items-center px-6 py-3 text-sm font-medium', "aria-current": 'step' },
+                                        React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600' },
+                                            React.createElement("span", { className: 'text-indigo-600' }, stepItem.step)),
+                                        React.createElement("span", { className: 'ml-4 text-sm font-medium text-indigo-600' }, stepItem.title))) : (React.createElement("div", { className: 'group flex items-center' },
+                                        React.createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
+                                            React.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.createElement("span", { className: 'text-gray-500 group-hover:text-gray-900' }, stepItem.step)),
+                                            React.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.createElement(React.Fragment, null,
+                                        React.createElement("div", { className: 'absolute right-0 top-0 hidden h-full w-5 md:block', "aria-hidden": 'true' },
+                                            React.createElement("svg", { className: 'h-full w-full text-gray-300', viewBox: '0 0 22 80', fill: 'none', preserveAspectRatio: 'none' },
+                                                React.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)))));
+};
+//# sourceMappingURL=Step.js.map

package/dist/esm/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/esm/components/Step/index.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export default function EmptyRecord() {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'bg-white shadow sm:rounded-lg' },
+            React.createElement("div", { className: 'mt-8 flex flex-col' },
+                React.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.createElement("div", { className: 'px-4 py-5 sm:p-6' },
+                        React.createElement("div", { className: 'text-center' },
+                            React.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.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.createElement("h3", { className: 'mt-2 text-sm font-medium text-gray-900' }, "D\u1EEF li\u1EC7u \u0111ang tr\u1ED1ng"))))))));
+}
+//# sourceMappingURL=EmptyRecord.js.map

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export default function EmptySearchResult() {
+    return (React.createElement("div", { className: '-mx-4 -my-2 sm:-mx-6 lg:-mx-8' },
+        React.createElement("div", { className: 'min-w-full py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
+            React.createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
+                React.createElement("div", { className: 'text-center' },
+                    React.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.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.createElement("h3", { className: 'mt-2 text-sm font-medium text-gray-900' }, "Kh\u00F4ng c\u00F3 d\u1EEF li\u1EC7u"),
+                    React.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"))))));
+}
+//# sourceMappingURL=EmptySearchResult.js.map

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

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

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

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

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

@@ -0,0 +1,56 @@
+import { faAngleRight, faAngleLeft } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import React from 'react';
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+var Pagination = function (_a) {
+    var currentPage = _a.currentPage, handleChangePage = _a.handleChangePage, totalPages = _a.totalPages;
+    var pages = [];
+    for (var i = 1; i <= totalPages; i++) {
+        pages.push(i);
+    }
+    var handleClickPage = function (page) {
+        handleChangePage(page);
+    };
+    var PreviousPage = function () { return (React.createElement("a", { className: classNames('relative inline-flex cursor-pointer items-center rounded-l-md px-3 pb-1.5 pt-0.5 text-gray-900 ring-1 ring-inset ring-gray-300 focus:z-20 focus:outline-offset-0', currentPage === 1 ? '' : 'hover:bg-gray-50'), onClick: function () { return handleClickPage(currentPage - 1); } },
+        React.createElement("p", null,
+            React.createElement("span", { className: 'sr-only' }, "Previous"),
+            React.createElement(FontAwesomeIcon, { className: classNames('h-2.5 w-2.5', currentPage === 1 ? 'text-gray-300' : 'text-gray-900'), icon: faAngleLeft })))); };
+    var NextPage = function () { return (React.createElement("a", { className: classNames('relative inline-flex cursor-pointer items-center rounded-r-md px-3 pb-1.5 pt-0.5 text-gray-900 ring-1 ring-inset ring-gray-300 focus:z-20 focus:outline-offset-0', currentPage === totalPages ? '' : 'hover:bg-gray-50'), onClick: function () { return handleClickPage(currentPage + 1); } },
+        React.createElement("p", null,
+            React.createElement("span", { className: 'sr-only' }, "Next"),
+            React.createElement(FontAwesomeIcon, { className: classNames('h-2.5 w-2.5', currentPage === totalPages ? 'text-gray-300' : 'text-gray-900'), icon: faAngleRight })))); };
+    var ActivePageMaker = function (_a) {
+        var page = _a.page;
+        return (React.createElement("span", { key: page, className: ' relative z-10 inline-flex cursor-pointer items-center bg-indigo-800 px-4 text-xs font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-800' }, page));
+    };
+    var RenderPageMaker = function (_a) {
+        var page = _a.page;
+        return (React.createElement("a", { className: 'relative inline-flex cursor-pointer items-center px-4 text-xs font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0', onClick: function () { return handleChangePage(page); } }, page));
+    };
+    var BreakDotMaker = function () { return (React.createElement("a", { className: 'relative inline-flex cursor-pointer items-center px-4 text-xs text-gray-700 text-gray-900 ring-1 ring-inset ring-gray-300 focus:outline-offset-0' }, "...")); };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'isolate inline-flex -space-x-px rounded-md bg-white shadow-sm' },
+            React.createElement(PreviousPage, null),
+            pages.map(function (page) {
+                var pageIndex = pages.indexOf(page);
+                var currentPageIndex = pages.indexOf(currentPage);
+                var isConditionRenderPage = page >= currentPage - 1 && page <= currentPage + 1;
+                var isCondiRenderBreakMakerAfter = pageIndex > currentPageIndex && page < currentPage + 3;
+                var isCondiRenderBreakMakerBefore = pageIndex < currentPageIndex && page > currentPage - 3;
+                if (page === currentPage)
+                    return React.createElement(ActivePageMaker, { key: page, page: page });
+                if (page === 1 || page === totalPages || isConditionRenderPage)
+                    return React.createElement(RenderPageMaker, { page: page });
+                if (isCondiRenderBreakMakerAfter || isCondiRenderBreakMakerBefore)
+                    return React.createElement(BreakDotMaker, { key: page });
+            }),
+            React.createElement(NextPage, null))));
+};
+export default Pagination;
+//# sourceMappingURL=Pagination.js.map

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ *
+ * @param bodyIndex
+ * @param item
+ * @param thBody eg: ["id", "admissions_code", "student_name", "created_at"]
+ * @param thBodyFilter
+ * @param editActionLink
+ * @param selectedPeople
+ * @param brSetSelectedPeople
+ * @constructor
+ */
+export declare const RowTable: ({ bodyIndex, brSetSelectedPeople, itemBody, selectedAllPeople, selectedPeople, thBody, thBodyComponent, thBodyFilter, }: any) => JSX.Element;

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

@@ -0,0 +1,87 @@
+import { __spreadArray } from "tslib";
+/* eslint-disable prettier/prettier */
+// import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import React from 'react';
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+/**
+ *
+ * @param bodyIndex
+ * @param item
+ * @param thBody eg: ["id", "admissions_code", "student_name", "created_at"]
+ * @param thBodyFilter
+ * @param editActionLink
+ * @param selectedPeople
+ * @param brSetSelectedPeople
+ * @constructor
+ */
+export var RowTable = function (_a) {
+    var bodyIndex = _a.bodyIndex, 
+    // editActionLink,
+    brSetSelectedPeople = _a.brSetSelectedPeople, itemBody = _a.itemBody, selectedAllPeople = _a.selectedAllPeople, selectedPeople = _a.selectedPeople, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter;
+    function renderInclude(person) {
+        // @ts-ignore
+        return selectedPeople.includes(person);
+    }
+    /**
+     * Kiểm tra có phải đang lấy dữ liệu bên trong 1 object khác hay không
+     * @param value
+     */
+    var nestedSplit = function (value) { return value.split('.'); };
+    var dataNestedSplit = nestedSplit(thBody[bodyIndex]);
+    var pathname = usePathname();
+    /**
+     * Lấy value bên trong 1 object khác, hoặc lấy giá trị theo index mặc định
+     * ví dụ: customer.name hoặc customer.address.name
+     */
+    var renderValue = function () {
+        var _a, _b, _c, _d, _e, _f;
+        var splitSize = dataNestedSplit.length;
+        var value = '';
+        switch (splitSize) {
+            case 1:
+                value = itemBody[thBody[bodyIndex]];
+                break;
+            case 2:
+                value = (_a = itemBody[dataNestedSplit[0]]) === null || _a === void 0 ? void 0 : _a[dataNestedSplit[1]];
+                break;
+            case 3:
+                value = (_c = (_b = itemBody[dataNestedSplit[0]]) === null || _b === void 0 ? void 0 : _b[dataNestedSplit[1]]) === null || _c === void 0 ? void 0 : _c[dataNestedSplit[2]];
+                break;
+            case 4:
+                value = (_f = (_e = (_d = itemBody[dataNestedSplit[0]]) === null || _d === void 0 ? void 0 : _d[dataNestedSplit[1]]) === null || _e === void 0 ? void 0 : _e[dataNestedSplit[2]]) === null || _f === void 0 ? void 0 : _f[dataNestedSplit[3]];
+                break;
+            default:
+                break;
+        }
+        return {
+            value: thBodyFilter ? thBodyFilter(value) : value,
+            thBodyKey: thBody[bodyIndex]
+        };
+    };
+    var _b = renderValue(), thBodyKey = _b.thBodyKey, value = _b.value;
+    var bodyComponent = thBodyComponent ? thBodyComponent[thBodyKey] : undefined;
+    var renderKey = function () { return itemBody[thBody[bodyIndex]]; };
+    return (React.createElement(React.Fragment, null,
+        bodyIndex === 0 && selectedAllPeople && selectedAllPeople.enable ? (React.createElement("td", { className: 'relative w-12 px-6 w-16 px-8' },
+            renderInclude(itemBody) && React.createElement("div", { className: 'absolute inset-y-0 left-0 w-0.5 bg-indigo-600' }),
+            React.createElement("input", { checked: renderInclude(itemBody), className: 'absolute left-4 -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: function (e) {
+                    return brSetSelectedPeople(e.target.checked
+                        ? // @ts-ignore
+                         __spreadArray(__spreadArray([], selectedPeople, true), [itemBody], false) : selectedPeople.filter(function (p) { return p !== itemBody; }));
+                }, onClick: function (e) { return e.stopPropagation(); }, type: 'checkbox', value: renderKey() }))) : (React.createElement(React.Fragment, null)),
+        bodyIndex === 1 ? (React.createElement("td", { className: classNames('w-12 whitespace-nowrap px-6 py-3 pr-3 text-sm text-xs font-medium text-gray-900 sm:w-16 sm:px-8', selectedAllPeople && selectedAllPeople.enable ? 'px-3' : 'px-8', renderInclude(itemBody) ? 'text-indigo-600' : 'text-gray-900') }, bodyComponent ? (bodyComponent(value, itemBody)) : pathname === '/warehouse/list' ? (React.createElement(React.Fragment, null, value)) : (
+        // <Link
+        //   className="hover:text-indigo-700"
+        //   href={`${editActionLink}${itemBody.id}`}
+        // >
+        React.createElement(React.Fragment, null, value)))) : (React.createElement(React.Fragment, null)),
+        bodyIndex > 1 ? (React.createElement("td", { className: 'whitespace-nowrap pl-8 text-xs text-gray-500' }, bodyComponent ? bodyComponent(value, itemBody) : value)) : (React.createElement(React.Fragment, null))));
+};
+//# sourceMappingURL=RowTable.js.map

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

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

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export interface MainTableProps {
+    paginationData: any;
+    sortData: any;
+    list: {
+        keyResult: string;
+        query: string;
+    } | any;
+    thHeader: Array<any>;
+    thBody: Array<any>;
+    thBodyComponent?: object;
+    thBodyFilter?: () => any;
+    editActionLink?: string;
+    search: {
+        enable: boolean;
+        keyResult: string;
+        query: string;
+    } | any;
+    selectedAllPeople?: {
+        enable: boolean;
+        title: string;
+    } | any;
+    actionName?: any;
+    sort?: {
+        enable?: boolean;
+        defaultActive?: string;
+        sortList?: Array<any>;
+    } | any;
+    clickRow?: boolean;
+    router: any;
+    pathname: any;
+}
+export declare function PHXTable({ actionName, editActionLink, list, paginationData, search, selectedAllPeople, sortData, thBody, thBodyComponent, thBodyFilter, thHeader, sort, clickRow, router, pathname, }: MainTableProps): JSX.Element;