phx-uikit 1.0.70 → 1.0.72

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

@@ -0,0 +1,93 @@
+import { __assign } from "tslib";
+/* eslint-disable prettier/prettier */
+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 selectedPeople
+ * @param brSetSelectedPeople
+ * @constructor
+ */
+export var RowTable = function (_a) {
+    /**
+     * 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 _b, _c, _d;
+    var bodyIndex = _a.bodyIndex, border = _a.border, itemBody = _a.itemBody, // Là bản ghi record từng hàng
+    itemIndex = _a.itemIndex, lefts = _a.lefts, stickyColumnNumber = _a.stickyColumnNumber, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, thHeaderVertical = _a.thHeaderVertical;
+    var nestedSplit = function (value) { return value === null || value === void 0 ? void 0 : value.split('.'); };
+    var dataNestedSplit = nestedSplit(thBody[bodyIndex]);
+    /**
+     * 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 === null || dataNestedSplit === void 0 ? void 0 : dataNestedSplit.length;
+        var value = '';
+        switch (splitSize) {
+            case 1:
+                value = itemBody[thBody[bodyIndex]]; // itemBody[0], itemBody[1], itemBody[2], lấy value theo index của object javascript
+                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 _e = renderValue(), thBodyKey = _e.thBodyKey, value = _e.value;
+    // Body component là 1 function hoặc là 1 value, nó sẽ là 1 function để callback ra ngoài để customize lại lớp render
+    // thBodyComponent = value
+    // thBodyComponent[thBodyKey]  = function(param1, param2)
+    var isFunctionRender = thBodyComponent ? thBodyComponent[thBodyKey] : undefined;
+    /**
+     * Kiểu render theo function đươợc truyền từ prod vào
+     * @param funcCallback
+     * @param value
+     * @param itemBody
+     */
+    var isRenderColumnInRow = function (funcCallback, _a, bodyIndex) {
+        var itemBody = _a.itemBody, value = _a.value;
+        if (!Array.isArray(value)) {
+            return (React.createElement("td", { className: classNames('min-w-12 whitespace-nowrap border-t px-3 py-2 text-xs text-gray-900', border && 'border-l', stickyColumnNumber &&
+                    bodyIndex - 1 < stickyColumnNumber &&
+                    'sticky top-0 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber && bodyIndex - 1 < stickyColumnNumber ? { left: lefts[bodyIndex - 1] } : {} }, funcCallback(value, itemBody)));
+        }
+        return funcCallback(value, itemBody); // Trường hợp trả về nhiều <td>
+    };
+    return (React.createElement(React.Fragment, null,
+        bodyIndex === 1 ? (React.createElement(React.Fragment, null,
+            thHeaderVertical && ((_b = thHeaderVertical[itemIndex]) === null || _b === void 0 ? void 0 : _b.parent_name) && (React.createElement("td", { className: classNames(stickyColumnNumber &&
+                    thHeaderVertical &&
+                    'sticky left-0 top-0 z-10 drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', 'whitespace-nowrap bg-white px-3 py-3 text-xs font-medium text-gray-900', '!border-r', 'relative top-0 before:absolute before:left-0 before:h-px before:w-full before:bg-gray-200 before:content-[""]', 'top-0 before:-top-[1px]'), rowSpan: (_c = thHeaderVertical[itemIndex]) === null || _c === void 0 ? void 0 : _c.parent_row, style: __assign({}, (stickyColumnNumber && !thHeaderVertical ? { left: lefts[0] } : {})) }, (_d = thHeaderVertical[itemIndex]) === null || _d === void 0 ? void 0 : _d.parent_name)),
+            React.createElement("td", { className: classNames('w-12 whitespace-nowrap !border-t px-3 py-3 pr-3 text-xs font-medium text-gray-900', // Thêm !border-t để ưu tiên
+                border && 'border-l', stickyColumnNumber &&
+                    !thHeaderVertical &&
+                    'sticky left-0 top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber ? { left: lefts[0] } : {} }, isFunctionRender ? isFunctionRender(value, itemBody) : value))) : (React.createElement(React.Fragment, null)),
+        bodyIndex > 1 ? (isFunctionRender ? (isRenderColumnInRow(isFunctionRender, { value: value, itemBody: itemBody }, bodyIndex)) : (React.createElement("td", { className: classNames('whitespace-nowrap border-t px-3 py-3 pr-3 text-xs text-gray-900', border && 'border-l', stickyColumnNumber &&
+                bodyIndex - 1 < stickyColumnNumber &&
+                'sticky top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber && bodyIndex - 1 < stickyColumnNumber ? { left: lefts[bodyIndex - 1] } : {} }, value))) : (React.createElement(React.Fragment, null))));
+};
+//# sourceMappingURL=RowTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableVertical/RowTable.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,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;;;;;;;;;GASG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAWnB;IACJ;;;OAGG;;QAdH,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA,EAAE,8BAA8B;IACxC,SAAS,eAAA,EACT,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,gBAAgB,sBAAA;IAOhB,IAAM,WAAW,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,GAAG,CAAC,EAAjB,CAAiB,CAAA;IACxD,IAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IAEtD;;;OAGG;IACH,IAAM,WAAW,GAAG;;QAClB,IAAM,SAAS,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAA;QACzC,IAAI,KAAK,GAAG,EAAE,CAAA;QACd,QAAQ,SAAS,EAAE;YACjB,KAAK,CAAC;gBACJ,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA,CAAC,oFAAoF;gBACxH,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC1D,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBAChF,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBACtG,MAAK;YACP;gBACE,MAAK;SACR;QAED,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK;YACjD,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC;SAC7B,CAAA;IACH,CAAC,CAAA;IAEK,IAAA,KAAuB,WAAW,EAAE,EAAlC,SAAS,eAAA,EAAE,KAAK,WAAkB,CAAA;IAE1C,qHAAqH;IACrH,0BAA0B;IAC1B,yDAAyD;IACzD,IAAM,gBAAgB,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjF;;;;;OAKG;IACH,IAAM,mBAAmB,GAAG,UAAC,YAAiB,EAAE,EAAwB,EAAE,SAAiB;YAAzC,QAAQ,cAAA,EAAE,KAAK,WAAA;QAC/D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACzB,OAAO,CACL,4BACE,SAAS,EAAE,UAAU,CACnB,qEAAqE,EACrE,MAAM,IAAI,UAAU,EACpB,kBAAkB;oBAChB,SAAS,GAAG,CAAC,GAAG,kBAAkB;oBAClC,+DAA+D,CAClE,EACD,KAAK,EAAE,kBAAkB,IAAI,SAAS,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAEpG,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAC3B,CACN,CAAA;SACF;QACD,OAAO,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA,CAAC,+BAA+B;IACtE,CAAC,CAAA;IAED,OAAO,CACL;QACG,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CACjB;YACG,gBAAgB,KAAI,MAAA,gBAAgB,CAAC,SAAS,CAAC,0CAAE,WAAW,CAAA,IAAI,CAC/D,4BACE,SAAS,EAAE,UAAU,CACnB,kBAAkB;oBAChB,gBAAgB;oBAChB,kEAAkE,EACpE,wEAAwE,EACxE,WAAW,EACX,+GAA+G,EAC/G,yBAAyB,CAC1B,EACD,OAAO,EAAE,MAAA,gBAAgB,CAAC,SAAS,CAAC,0CAAE,UAAU,EAChD,KAAK,eACA,CAAC,kBAAkB,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAGvE,MAAA,gBAAgB,CAAC,SAAS,CAAC,0CAAE,WAAW,CACtC,CACN;YACD,4BACE,SAAS,EAAE,UAAU,CACnB,mFAAmF,EAAE,4BAA4B;gBACjH,MAAM,IAAI,UAAU,EACpB,kBAAkB;oBAChB,CAAC,gBAAgB;oBACjB,2EAA2E,CAC9E,EACD,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAElD,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAC1D,CACJ,CACJ,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;QAEA,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CACf,gBAAgB,CAAC,CAAC,CAAC,CACjB,mBAAmB,CAAC,gBAAgB,EAAE,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,EAAE,SAAS,CAAC,CACtE,CAAC,CAAC,CAAC,CACF,4BACE,SAAS,EAAE,UAAU,CACnB,iEAAiE,EACjE,MAAM,IAAI,UAAU,EACpB,kBAAkB;gBAChB,SAAS,GAAG,CAAC,GAAG,kBAAkB;gBAClC,oEAAoE,CACvE,EACD,KAAK,EAAE,kBAAkB,IAAI,SAAS,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAEpG,KAAK,CACH,CACN,CACF,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACA,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,34 @@
+import React, { ReactNode } from 'react';
+export declare const AUTH_TOKEN = "authToken";
+interface HeaderVertical {
+    name: string;
+    component?: ReactNode;
+    parent_name?: ReactNode;
+    parent_row?: number;
+    timeRange?: string;
+}
+export interface MainTableProps {
+    list: {
+        keyResult: string;
+        query: string;
+    } | any;
+    thHeader: Array<any>;
+    thBody: Array<any>;
+    thBodyComponent?: any;
+    thHeaderComponent?: any;
+    typeLoading?: {
+        type: 'page-with-table' | 'page-table-with-report' | 'table' | 'page-table-report-filter' | 'page-table-filter';
+        filterQty?: number;
+        reportQty?: number;
+    };
+    setHeaderLoading?: any;
+    filterLoading?: boolean;
+    thHeaderVertical?: Array<HeaderVertical>;
+    isCellRendering?: boolean;
+    cellNumberInRow?: number;
+    border?: boolean;
+    stickyColumnNumber?: number;
+    sortFields?: any;
+}
+export declare function PHXTableVertical({ border, cellNumberInRow, filterLoading, isCellRendering, list, setHeaderLoading, sortFields, stickyColumnNumber, thBody, thBodyComponent, thHeader, thHeaderComponent, thHeaderVertical, typeLoading, }: Readonly<MainTableProps>): React.JSX.Element;
+export {};

package/dist/esm/components/TableVertical/TableVertical.js

@@ -0,0 +1,156 @@
+'use client';
+import { __awaiter, __generator, __spreadArray } from "tslib";
+import Cookies from 'js-cookie';
+import React, { useEffect, useState } from 'react';
+import EmptySearchResult from './EmptySearchResult';
+import { RowTable } from './RowTable';
+import { useStickyLefts } from './useStickyLeft';
+import PHXClientQueryV3 from '../Func/clientQueryV3';
+import { PHXSkeleton } from '../Skeleton';
+import { classNames } from '../types';
+import { PHXEmptyRecord } from '../EmptyRecord';
+export var AUTH_TOKEN = 'authToken';
+export function PHXTableVertical(_a) {
+    var _this = this;
+    var _b = _a.border, border = _b === void 0 ? false : _b, _c = _a.cellNumberInRow, cellNumberInRow = _c === void 0 ? 0 : _c, _d = _a.filterLoading, filterLoading = _d === void 0 ? false : _d, _e = _a.isCellRendering, isCellRendering = _e === void 0 ? false : _e, list = _a.list, setHeaderLoading = _a.setHeaderLoading, sortFields = _a.sortFields, _f = _a.stickyColumnNumber, stickyColumnNumber = _f === void 0 ? 0 : _f, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thHeader = _a.thHeader, thHeaderComponent = _a.thHeaderComponent, thHeaderVertical = _a.thHeaderVertical, _g = _a.typeLoading, typeLoading = _g === void 0 ? { type: 'table' } : _g;
+    var _h = useState(true), isMainLoading = _h[0], setIsMainLoading = _h[1];
+    var _j = useState([]), dataTableQuery = _j[0], setDataTableQuery = _j[1];
+    var _k = useStickyLefts(stickyColumnNumber, dataTableQuery), lefts = _k.lefts, refs = _k.refs;
+    var headerEmptyLength = thHeader.filter(function (item) { return !item; }).length;
+    var getToken = function () {
+        if (typeof window !== 'undefined') {
+            var authTokenInfo_1 = Cookies.get(AUTH_TOKEN) && JSON.parse(Cookies.get(AUTH_TOKEN));
+            return 'Bearer' + ' ' + authTokenInfo_1.token;
+        }
+        else {
+            return;
+        }
+    };
+    var authTokenInfo = getToken();
+    var bindDataToTable = function (dataTable) {
+        // @ts-ignore
+        var data = __spreadArray([], dataTable, true);
+        setDataTableQuery(data);
+    };
+    var chunkArray = function (arr, chunkSize) {
+        var chunks = [];
+        var arrLength = arr.length;
+        for (var i = 0; i < arrLength; i += chunkSize) {
+            chunks.push(arr.slice(i, i + chunkSize));
+        }
+        return chunks;
+    };
+    function getValueByPath(obj, path) {
+        return path.split('.').reduce(function (acc, part) { return acc === null || acc === void 0 ? void 0 : acc[part]; }, obj);
+    }
+    function sortByFields(array, fields) {
+        return __spreadArray([], array, true).sort(function (a, b) {
+            for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {
+                var _a = fields_1[_i], direction = _a.direction, path = _a.path;
+                var valueA = getValueByPath(a, path);
+                var valueB = getValueByPath(b, path);
+                if (valueA == null && valueB != null)
+                    return 1;
+                if (valueB == null && valueA != null)
+                    return -1;
+                if (valueA == null && valueB == null)
+                    continue;
+                if (valueA < valueB) {
+                    return direction === 'asc' ? -1 : 1;
+                }
+                if (valueA > valueB) {
+                    return direction === 'asc' ? 1 : -1;
+                }
+            }
+            return 0;
+        });
+    }
+    var queryData = function () { return __awaiter(_this, void 0, void 0, function () {
+        var data, dataQuery, dataTable, dataWithSort, chunkedData, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsMainLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    if (!authTokenInfo)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, PHXClientQueryV3({
+                            query: list.query
+                        })];
+                case 2:
+                    data = _a.sent();
+                    dataQuery = data === null || data === void 0 ? void 0 : data.data;
+                    if (!dataQuery)
+                        return [2 /*return*/];
+                    dataTable = list.keyResult;
+                    if (isCellRendering && cellNumberInRow) {
+                        dataWithSort = sortFields ? sortByFields(dataQuery[dataTable], sortFields) : dataQuery[dataTable];
+                        chunkedData = chunkArray(dataWithSort, cellNumberInRow);
+                        bindDataToTable(chunkedData);
+                    }
+                    else {
+                        bindDataToTable(dataQuery[dataTable]);
+                    }
+                    if (setHeaderLoading)
+                        setHeaderLoading();
+                    setIsMainLoading(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_1 = _a.sent();
+                    console.log(e_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        queryData();
+    }, []);
+    useEffect(function () {
+        if (filterLoading) {
+            queryData();
+        }
+    }, [list]);
+    return (React.createElement(React.Fragment, null, isMainLoading ? (React.createElement(PHXSkeleton, { filterQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.filterQty, reportQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.reportQty, type: typeLoading.type })) : (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'mt-3 rounded-lg bg-white shadow ring-1 ring-black ring-opacity-5' },
+            React.createElement("div", { className: 'flex flex-col' }, dataTableQuery.length > 0 ? (React.createElement("div", null, !isMainLoading ? (React.createElement("div", { className: 'overflow-x-auto rounded-lg' },
+                React.createElement("div", { className: classNames('min-w-full align-middle shadow ring-black ring-opacity-5') },
+                    React.createElement("div", { className: classNames('relative overflow-auto ') },
+                        React.createElement("table", { className: classNames(
+                            // @ts-ignore
+                            thHeader.length < 5
+                                ? 'min-w-full table-fixed border-separate border-spacing-0 divide-y divide-gray-300'
+                                : 'min-w-full border-separate border-spacing-0 divide-y divide-gray-300') },
+                            thHeaderComponent ? (thHeaderComponent) : (React.createElement("thead", null,
+                                React.createElement("tr", null, thHeader.map(function (item, index) {
+                                    return index === 0 ? (React.createElement("th", { key: index, 
+                                        // @ts-ignore
+                                        ref: function (el) { return (refs.current[0] = el); }, className: classNames('rounded-tl-lg bg-white px-3 py-2 text-left align-top text-xs font-medium text-gray-800', item ? 'min-w-[160px] ' : 'min-w-12', stickyColumnNumber &&
+                                            'sticky left-0 top-0 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', stickyColumnNumber === 1 &&
+                                            'border-r drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), scope: 'col', style: stickyColumnNumber ? { left: lefts[0] } : {} }, item)) : (React.createElement("th", { key: index, 
+                                        // @ts-ignore
+                                        ref: function (el) { return (refs.current[index] = el); }, className: classNames('min-w-[135px] bg-white px-3 py-2 text-left align-top text-xs font-medium text-gray-800', index === thHeader.length - 1 && 'rounded-tr-lg', stickyColumnNumber &&
+                                            index < stickyColumnNumber &&
+                                            'sticky top-0 drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', border && item && 'border-l'), scope: 'col', style: stickyColumnNumber && index < stickyColumnNumber ? { left: lefts[index] } : {} }, item));
+                                })))),
+                            React.createElement("tbody", { className: 'divide-y divide-gray-200' },
+                                React.createElement(React.Fragment, null, !thHeaderVertical || !isCellRendering ? (React.createElement(React.Fragment, null, dataTableQuery.map(function (item, itemIndex) { return (React.createElement("tr", { key: item.id }, thBody.map(function (_, bodyIndex) { return (React.createElement(React.Fragment, null,
+                                    React.createElement(RowTable, { key: bodyIndex, bodyIndex: bodyIndex, border: border, itemBody: item, itemIndex: itemIndex, lefts: lefts, refs: refs, stickyColumnNumber: stickyColumnNumber, thBody: thBody, thBodyComponent: thBodyComponent, thHeaderVertical: thHeaderVertical }))); }))); }))) : (React.createElement(React.Fragment, null, thHeaderVertical.map(function (item, index) {
+                                    var _a, _b, _c, _d;
+                                    return (React.createElement("tr", { key: index, className: 'hover:cursor-default' },
+                                        item.parent_name && (React.createElement("td", { className: 'bg-red- sticky top-0 z-10 whitespace-nowrap rounded-bl-lg border-r border-t bg-white px-2 text-xs font-semibold text-gray-900', rowSpan: item.parent_row, style: { left: lefts[0] } }, item.parent_name)),
+                                        React.createElement("td", { className: ' sticky top-0 !z-10 h-[83px] whitespace-nowrap border-t bg-white text-xs text-gray-900 drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', style: { left: lefts[1] } },
+                                            React.createElement("div", { className: 'flex flex-col justify-center px-2 py-2' }, item.component ? (React.createElement(React.Fragment, null, item.component)) : (React.createElement("p", { className: 'text-xs font-semibold text-gray-900' }, item.name)))),
+                                        ((_a = dataTableQuery[index]) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (React.createElement(React.Fragment, null, (_b = dataTableQuery[index]) === null || _b === void 0 ? void 0 :
+                                            _b.map(function (itemChunk, indexChunk) {
+                                                var isFunctionRender = thBodyComponent
+                                                    ? thBodyComponent[thHeader[indexChunk + headerEmptyLength]]
+                                                    : undefined;
+                                                return (React.createElement("td", { key: indexChunk + 1, className: classNames('z-10 border-r border-t px-3 py-2 text-xs text-gray-900') }, isFunctionRender ? isFunctionRender(itemChunk, itemChunk) : ''));
+                                            }),
+                                            ((_c = dataTableQuery[index]) === null || _c === void 0 ? void 0 : _c.length) < cellNumberInRow && (React.createElement(React.Fragment, null, __spreadArray([], Array(cellNumberInRow - ((_d = dataTableQuery[index]) === null || _d === void 0 ? void 0 : _d.length)), true).map(function (_, indexArr) { return (React.createElement("td", { key: indexArr + 1, className: classNames(' px-3 py-2 text-xs text-[#616161]', border && 'border-r border-t ') }, "Ch\u01B0a c\u00F3 d\u1EEF li\u1EC7u")); }))))) : (__spreadArray([], Array(cellNumberInRow), true).map(function (_, indexArr) { return (React.createElement("td", { key: indexArr + 1, className: classNames('px-3 py-2 text-xs text-[#616161]', border && 'border-r border-t ') }, "Ch\u01B0a c\u00F3 d\u1EEF li\u1EC7u")); }))));
+                                })))))))))) : (React.createElement(EmptySearchResult, null)))) : (React.createElement(PHXEmptyRecord, null))))))));
+}
+//# sourceMappingURL=TableVertical.js.map

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

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

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

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

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

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

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

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

package/dist/esm/components/TableVertical/useStickyLeft.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const useStickyLefts: (count: number, dataTable: any) => {
+    refs: import("react").MutableRefObject<(HTMLTableCellElement | null)[]>;
+    lefts: number[];
+};

package/dist/esm/components/TableVertical/useStickyLeft.js

@@ -0,0 +1,36 @@
+import { useEffect, useRef, useState } from 'react';
+export var useStickyLefts = function (count, dataTable) {
+    var refs = useRef([]);
+    var _a = useState([]), lefts = _a[0], setLefts = _a[1];
+    useEffect(function () {
+        var calculateLefts = function () {
+            var _a;
+            var newLefts = [];
+            var acc = 0;
+            for (var i = 0; i < count; i++) {
+                var width = ((_a = refs.current[i]) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+                newLefts[i] = acc;
+                acc += width;
+            }
+            setLefts(newLefts);
+        };
+        // Initial calculate
+        calculateLefts();
+        // ResizeObserver để lắng nghe thay đổi kích thước từng ref
+        var observers = [];
+        refs.current.slice(0, count).forEach(function (cell) {
+            if (!cell)
+                return;
+            var observer = new ResizeObserver(function () {
+                calculateLefts();
+            });
+            observer.observe(cell);
+            observers.push(observer);
+        });
+        return function () {
+            observers.forEach(function (observer) { return observer.disconnect(); });
+        };
+    }, [count, dataTable]);
+    return { refs: refs, lefts: lefts };
+};
+//# sourceMappingURL=useStickyLeft.js.map

package/dist/esm/components/TableVertical/useStickyLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStickyLeft.js","sourceRoot":"","sources":["../../../../src/components/TableVertical/useStickyLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,KAAa,EAAE,SAAc;IAC1D,IAAM,IAAI,GAAG,MAAM,CAAqC,EAAE,CAAC,CAAA;IACrD,IAAA,KAAoB,QAAQ,CAAgB,EAAE,CAAC,EAA9C,KAAK,QAAA,EAAE,QAAQ,QAA+B,CAAA;IAErD,SAAS,CAAC;QACR,IAAM,cAAc,GAAG;;YACrB,IAAM,QAAQ,GAAkB,EAAE,CAAA;YAClC,IAAI,GAAG,GAAG,CAAC,CAAA;YACX,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;gBAC9B,IAAM,KAAK,GAAG,CAAA,MAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,0CAAE,WAAW,KAAI,CAAC,CAAA;gBAC/C,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;gBACjB,GAAG,IAAI,KAAK,CAAA;aACb;YACD,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACpB,CAAC,CAAA;QAED,oBAAoB;QACpB,cAAc,EAAE,CAAA;QAEhB,2DAA2D;QAC3D,IAAM,SAAS,GAA0B,EAAE,CAAA;QAE3C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,IAAI;YACxC,IAAI,CAAC,IAAI;gBAAE,OAAM;YACjB,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC;gBAClC,cAAc,EAAE,CAAA;YAClB,CAAC,CAAC,CAAA;YACF,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YACtB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC1B,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,SAAS,CAAC,OAAO,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC,CAAA;QACxD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IAEtB,OAAO,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAA;AACxB,CAAC,CAAA"}

package/dist/esm/components/TimePicker/component/Time.js

@@ -9,7 +9,7 @@ function Time(_a) {
         }
     };
     return (React.createElement("div", null,
-        React.createElement("div", { className: 'bg-white py-2 px-3 rounded-lg shadow-lg w-full max-w-[20rem] h-[17rem] overflow-y-auto border border-gray-300 border-b-gray-400' }, timeSteps.map(function (item) { return (React.createElement("p", { onClick: function () { return handleChange(item); }, className: 'text-xs p-2 rounded-lg hover:bg-gray-100 cursor-pointer', key: item }, item)); }))));
+        React.createElement("div", { className: 'bg-white py-2 px-3 rounded-lg shadow-lg w-full max-w-[20rem] h-[17rem] overflow-y-auto border border-gray-300' }, timeSteps.map(function (item) { return (React.createElement("p", { onClick: function () { return handleChange(item); }, className: 'text-xs p-2 rounded-lg hover:bg-gray-100 cursor-pointer', key: item }, item)); }))));
 }
 export default Time;
 //# sourceMappingURL=Time.js.map

package/dist/esm/components/TimePicker/component/Time.js.map

@@ -1 +1 @@
-{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../../src/components/TimePicker/component/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAO5C,SAAS,IAAI,CAAC,EAAsC;QAApC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,YAAY,kBAAA;IACrC,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAEzC,IAAM,YAAY,GAAG,UAAC,IAAS;QAC7B,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,iIAAiI,IAC7I,SAAS,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC5B,2BACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,SAAS,EAAC,yDAAyD,EACnE,GAAG,EAAE,IAAI,IAER,IAAI,CACH,CACL,EAR6B,CAQ7B,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../../src/components/TimePicker/component/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAO5C,SAAS,IAAI,CAAC,EAAsC;QAApC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,YAAY,kBAAA;IACrC,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAEzC,IAAM,YAAY,GAAG,UAAC,IAAS;QAC7B,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,+GAA+G,IAC3H,SAAS,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC5B,2BACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,SAAS,EAAC,yDAAyD,EACnE,GAAG,EAAE,IAAI,IAER,IAAI,CACH,CACL,EAR6B,CAQ7B,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,6 +1,7 @@
 import React, { FC } from 'react';
 type TooltipProps = {
     content: string | React.ReactNode;
+    contentClassName?: string;
     className?: string;
     underLine?: boolean;
     children: React.ReactNode;

package/dist/esm/components/ToolTip/ToolTip.js

@@ -1,17 +1,17 @@
 import { __assign } from "tslib";
 import React, { useRef, useState, useEffect } from 'react';
 var PHXTooltip = function (_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, content = _a.content, _c = _a.underLine, underLine = _c === void 0 ? false : _c;
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.contentClassName, contentClassName = _c === void 0 ? 'max-w-[18rem]' : _c, content = _a.content, _d = _a.underLine, underLine = _d === void 0 ? false : _d;
     var contentRef = useRef(null);
     var titleRef = useRef(null);
-    var _d = useState({
+    var _e = useState({
         top: 0,
         left: 0,
         width: 0,
         height: 0,
         pos: 'top',
         show: false
-    }), contentProps = _d[0], setContentProps = _d[1];
+    }), contentProps = _e[0], setContentProps = _e[1];
     var getOverflowDirections = function (_a) {
         var height = _a.height, left = _a.left, top = _a.top, width = _a.width;
         var viewportWidth = window.innerWidth;
@@ -85,7 +85,7 @@ var PHXTooltip = function (_a) {
                 top: contentProps.top,
                 left: contentProps.left
             } },
-            React.createElement("p", { ref: contentRef, className: 'max-w-[18rem] whitespace-pre-wrap break-all rounded-lg border-[1px] border-gray-300 bg-white p-2 text-center text-[#303030]' }, content),
+            React.createElement("p", { ref: contentRef, className: "whitespace-pre-wrap  rounded-lg border-[1px] border-gray-300 bg-white p-2 text-center text-gray-800 ".concat(contentClassName) }, content),
             contentProps.pos === 'top' && (React.createElement("svg", { className: 'absolute -bottom-[10px] rotate-180', fill: 'none', height: '16', viewBox: '0 0 20 16', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
                 React.createElement("path", { d: 'M10.6082 1.2699L17.3135 10.5611C17.6715 11.0571 17.3171 11.75 16.7053 11.75H3.29465C2.68295 11.75 2.32852 11.0571 2.68649 10.5611L9.39184 1.2699C9.69119 0.855102 10.3088 0.855102 10.6082 1.2699Z', fill: 'white', stroke: '#D1D5DB', strokeWidth: '1' }),
                 React.createElement("rect", { fill: 'white', height: '3', rx: '1.5', width: '16', x: '2', y: '10' }))),

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

@@ -1 +1 @@
-{"version":3,"file":"ToolTip.js","sourceRoot":"","sources":["../../../../src/components/ToolTip/ToolTip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolTip.js","sourceRoot":"","sources":["../../../../src/components/ToolTip/ToolTip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAM,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAU9D,IAAM,UAAU,GAAqB,UAAC,EAMrC;QALC,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,wBAAkC,EAAlC,gBAAgB,mBAAG,eAAe,KAAA,EAClC,OAAO,aAAA,EACP,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAEjB,IAAM,UAAU,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAA;IACrD,IAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAA;IAC7C,IAAA,KAAkC,QAAQ,CAAC;QAC/C,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;KACZ,CAAC,EAPK,YAAY,QAAA,EAAE,eAAe,QAOlC,CAAA;IAEF,IAAM,qBAAqB,GAAG,UAAC,EAU9B;YATC,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,KAAK,WAAA;QAOL,IAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAA;QACvC,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAA;QAEzC,OAAO;YACL,aAAa,EAAE,GAAG,GAAG,CAAC;YACtB,cAAc,EAAE,IAAI,GAAG,EAAE;YACzB,gBAAgB,EAAE,GAAG,GAAG,MAAM,GAAG,cAAc;YAC/C,eAAe,EAAE,IAAI,GAAG,KAAK,GAAG,aAAa,GAAG,EAAE;SACnD,CAAA;IACH,CAAC,CAAA;IAED,IAAM,wBAAwB,GAAG;QAC/B,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;QAEpD,IAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;QAC9D,IAAM,eAAe,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;QAElE,IAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,CAAA;QAClC,IAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAA;QACpC,IAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAA;QACtC,IAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAA;QAExC,IAAI,QAAQ,GAAG;YACb,KAAK,EAAE,eAAe,CAAC,KAAK;YAC5B,MAAM,EAAE,eAAe,CAAC,MAAM;YAC9B,GAAG,EAAE,QAAQ,GAAG,eAAe,CAAC,MAAM,GAAG,EAAE;YAC3C,IAAI,EAAE,SAAS,GAAG,eAAe,CAAC,KAAK,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC;YAC5D,GAAG,EAAE,KAAK;SACX,CAAA;QAEK,IAAA,KAAsC,qBAAqB,CAAC,QAAQ,CAAC,EAAnE,cAAc,oBAAA,EAAE,eAAe,qBAAoC,CAAA;QAE3E,IAAI,cAAc,EAAE;YAClB,QAAQ,GAAG;gBACT,KAAK,EAAE,eAAe,CAAC,KAAK;gBAC5B,MAAM,EAAE,eAAe,CAAC,MAAM;gBAC9B,GAAG,EAAE,QAAQ,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC;gBAC5D,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,EAAE;gBACjC,GAAG,EAAE,OAAO;aACb,CAAA;SACF;aAAM,IAAI,eAAe,EAAE;YAC1B,QAAQ,GAAG;gBACT,KAAK,EAAE,eAAe,CAAC,KAAK;gBAC5B,MAAM,EAAE,eAAe,CAAC,MAAM;gBAC9B,GAAG,EAAE,QAAQ,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC;gBAC5D,IAAI,EAAE,SAAS,GAAG,eAAe,CAAC,KAAK,GAAG,EAAE;gBAC5C,GAAG,EAAE,MAAM;aACZ,CAAA;SACF;QAED,eAAe,CAAC,UAAC,IAAI,IAAK,OAAA,uBAAM,IAAI,GAAK,QAAQ,EAAG,EAA1B,CAA0B,CAAC,CAAA;IACvD,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,eAAe,CAAC,UAAC,IAAI,IAAK,OAAA,uBAAM,IAAI,KAAE,IAAI,EAAE,IAAI,IAAG,EAAzB,CAAyB,CAAC,CAAA;QACpD,wBAAwB,EAAE,CAAA;IAC5B,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,eAAe,CAAC,UAAC,IAAI,IAAK,OAAA,uBAAM,IAAI,KAAE,IAAI,EAAE,KAAK,IAAG,EAA1B,CAA0B,CAAC,CAAA;IACvD,CAAC,CAAA;IAED,SAAS,CAAC;QACR,IAAI,gBAAwB,CAAA;QAE5B,IAAM,cAAc,GAAG;YACrB,IAAI,YAAY,CAAC,IAAI,EAAE;gBACrB,wBAAwB,EAAE,CAAA;gBAC1B,gBAAgB,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAA;aACzD;QACH,CAAC,CAAA;QAED,cAAc,EAAE,CAAA;QAEhB,OAAO;YACL,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;QACxC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,6BACE,SAAS,EAAE,6DACT,SAAS,IAAI,oDAAoD,cAC/D,SAAS,CAAE,EACf,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB;QAE7B,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,6HACT,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,CACjE,EACF,KAAK,EAAE;gBACL,GAAG,EAAE,YAAY,CAAC,GAAG;gBACrB,IAAI,EAAE,YAAY,CAAC,IAAI;aACxB;YAED,2BACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,8GAAuG,gBAAgB,CAAE,IAEnI,OAAO,CACN;YAEH,YAAY,CAAC,GAAG,KAAK,KAAK,IAAI,CAC7B,6BACE,SAAS,EAAC,oCAAoC,EAC9C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,oMAAoM,EACtM,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,GACf;gBACF,8BAAM,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,GAAG,CAC7D,CACP;YAEA,YAAY,CAAC,GAAG,KAAK,MAAM,IAAI,CAC9B,6BACE,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,oMAAoM,EACtM,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,GACf;gBACF,8BAAM,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,GAAG,CAC7D,CACP;YAEA,YAAY,CAAC,GAAG,KAAK,OAAO,IAAI,CAC/B,6BACE,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,oMAAoM,EACtM,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,GACf;gBACF,8BAAM,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,GAAG,CAC7D,CACP,CACG,CACP;QAED,6BAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,mBAAmB,IAC9C,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/components/UploadAvatar/UploadAvatar.js

@@ -101,8 +101,8 @@ export default function PHXUploadAvatar(_a) {
             React.createElement("img", { alt: 'avatar', className: 'w-full transition-all duration-300', src: link && !loading ? link : defaultAvatar, onClick: function () { return handleImageClick(link); } }))),
         showLargeImage && (React.createElement("div", { className: 'fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-70', id: 'large-image-container', onClick: function () { return setShowLargeImage(false); } },
             React.createElement("img", { alt: 'Large Image', className: 'max-h-full max-w-full', onClick: function (e) { return e.stopPropagation(); }, src: largeImageUrl }))),
-        React.createElement("div", { className: 'lg:ml-4 xl:ml-4 2xl:ml-4' },
-            React.createElement(PHXButton, { className: 'mt-4 lg:mr-3 lg:mt-0', onClick: handleClick, secondary: true, size: 'small' }, "T\u1EA3i \u1EA3nh l\u00EAn"),
+        React.createElement("div", { className: 'flex lg:ml-3 xl:ml-3 2xl:ml-3 mt-4 lg:mt-0' },
+            React.createElement(PHXButton, { className: 'lg:mr-3 ', onClick: handleClick, secondary: true, size: 'small' }, "T\u1EA3i \u1EA3nh l\u00EAn"),
             React.createElement("input", { ref: inputRef, className: 'hidden', id: 'file', onChange: handleUploadAvatar, type: 'file' }),
             defaultValue || link ? (React.createElement(PHXButton, { className: 'ml-3 lg:ml-0', onClick: handleDeleteImage, secondary: true, size: 'small' }, "X\u00F3a \u1EA3nh")) : null)));
 }

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

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

package/dist/esm/components/UploadFile/FormUpload.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange, helpText, isImage, label, length, link, oneImg, selectedImages, setIsModalOpen, showImage, }: any): React.JSX.Element;
+export declare function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange, helpText, isImage, label, length, link, oneImg, selectedImages, setIsModalOpen, showImage, isHorizontalLayout, }: any): React.JSX.Element;

package/dist/esm/components/UploadFile/FormUpload.js

@@ -6,7 +6,7 @@ import { PHXButton } from '../Button';
 import { PHXSpinner } from '../Loading';
 export function FormUpload(_a) {
     var _this = this;
-    var fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, setIsModalOpen = _a.setIsModalOpen, showImage = _a.showImage;
+    var fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, setIsModalOpen = _a.setIsModalOpen, showImage = _a.showImage, isHorizontalLayout = _a.isHorizontalLayout;
     var fileInputRef = useRef(null);
     var _b = useState(false), showLargeImage = _b[0], setShowLargeImage = _b[1];
     var _c = useState(''), largeImageUrl = _c[0], setLargeImageUrl = _c[1];
@@ -70,6 +70,9 @@ export function FormUpload(_a) {
         if (fileType === 'image') {
             setFile(null);
         }
+        else {
+            setFile(fileName);
+        }
     }, [link]);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: classNames('mb-1 flex text-xs font-normal text-gray-700', label ? 'justify-between' : '') }, label && React.createElement("label", null, label)),
@@ -109,7 +112,7 @@ export function FormUpload(_a) {
             showButtonWithOneImage && (React.createElement("div", { className: ' mt-3  flex  gap-2 ' },
                 React.createElement(PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
                 React.createElement(PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
-            (link === null || link === void 0 ? void 0 : link.length) === 0 && (React.createElement(React.Fragment, null, !file ? (React.createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
+            ((link === null || link === void 0 ? void 0 : link.length) === 0 || isHorizontalLayout) && (React.createElement(React.Fragment, null, !file ? (React.createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
                 React.createElement("div", { className: 'flex flex-col items-center justify-center' },
                     React.createElement(ButtonUpload, { fileType: fileType, handleUploadClick: function () {
                             handleUploadClick();
@@ -122,7 +125,7 @@ export function FormUpload(_a) {
                         React.createElement("p", { className: 'w-60 truncate px-2 text-sm text-gray-600 lg:w-72' }, fileName),
                         React.createElement("div", { className: 'min-w-[20%]' },
                             React.createElement(PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i")))))))),
-            (link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && (React.createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
+            (link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && !isHorizontalLayout && (React.createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
                 React.createElement("div", { className: 'flex flex-col items-center justify-center' }, fileType === 'file' && !showImage ? (React.createElement("div", { className: 'flex h-full items-center justify-center rounded-lg py-6 ' },
                     React.createElement(PHXSpinner, { className: 'h-5 w-5' }))) : (React.createElement(React.Fragment, null,
                     React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),

package/dist/esm/components/UploadFile/FormUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAEvC,MAAM,UAAU,UAAU,CAAC,EAcrB;IAdN,iBA4RC;QA3RC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,SAAS,eAAA;IAET,IAAM,YAAY,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAEhC,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAA;IACrD,IAAA,KAAoC,QAAQ,CAAC,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAA;IAChD,IAAA,KAAkB,QAAQ,CAAM,QAAQ,CAAC,EAAxC,IAAI,QAAA,EAAE,OAAO,QAA2B,CAAA;IACzC,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IACnD,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAM,iBAAiB,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,IAAG,CAAC,CAAA;IAEpD,IAAM,sBAAsB,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,OAAO,IAAI,MAAM,CAAA;IAEpE,IAAM,SAAS,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAC5D,IAAM,cAAc,GAAG,EAAE,CAAA;IAEzB,IAAM,iBAAiB,GAAG;QACxB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SAC7B;IACH,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG,UAAO,KAAU;;;;;;oBAEvC,UAAU,CAAC,IAAI,CAAC,CAAA;oBAChB,qBAAM,gBAAgB,CAAC,KAAK,CAAC,EAAA;;oBAA7B,SAA6B,CAAA;;;;oBAE7B,OAAO,CAAC,GAAG,CAAC,GAAC,CAAC,CAAA;;;oBAEd,UAAU,CAAC,KAAK,CAAC,CAAA;oBACjB,IAAI,aAAa,EAAE;wBACjB,gBAAgB,CAAC,KAAK,CAAC,CAAA;qBACxB;;;;;SAEJ,CAAA;IAED,SAAS,CAAC;QACR,IAAM,wBAAwB,GAAG,UAAC,KAAU;YAC1C,IAAI,cAAc,EAAE;gBAClB,IAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAA;gBACnC,IAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAA;gBACvE,IAAI,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,CAAC,cAAc,CAAC,CAAA,EAAE;oBAC7C,iBAAiB,CAAC,KAAK,CAAC,CAAA;iBACzB;aACF;QACH,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAA;QAE5D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAA;QACjE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,IAAM,gBAAgB,GAAG,UAAC,GAAQ;QAChC,gBAAgB,CAAC,GAAG,CAAC,CAAA;QACrB,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC,CAAA;IACD,SAAS,CAAC;QACR,IAAI,QAAQ,KAAK,OAAO,EAAE;YACxB,OAAO,CAAC,IAAI,CAAC,CAAA;SACd;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,UAAU,CAAC,6CAA6C,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,IACtG,KAAK,IAAI,mCAAQ,KAAK,CAAS,CAC5B;QACN,6BAAK,SAAS,EAAC,UAAU;YACtB,iBAAiB,IAAI,CACpB,6BAAK,SAAS,EAAC,8DAA8D;gBAC3E,6BAAK,SAAS,EAAC,mBAAmB;oBAChC,6BAAK,SAAS,EAAC,wCAAwC;wBAAE,MAAM;2EAAyB,CACpF;gBACN,oBAAC,SAAS,IAAC,OAAO,QAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,IAAI,EAAC,OAAO,eAExD,CACR,CACP;YAEA,OAAO,IAAI,CACV,6BAAK,SAAS,EAAE,UAAG,MAAM,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,wBAAwB,CAAE,IACnG,SAAS,aAAT,SAAS;gBAAT,SAAS,CAAE,GAAG,CAAC,UAAC,GAAW,EAAE,KAAa;oBACzC,IAAM,aAAa,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,IAAG,CAAC,CAAA;oBAChD,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,kDACT,CAAC,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,CAC9C;wBAEF,6BACE,GAAG,EAAC,KAAK,EACT,SAAS,EAAE,0BAAmB,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,8BAA8B,CAAE,EACzF,GAAG,EAAE,GAAG,GACR;wBACF,gCACE,SAAS,EAAE,mJACT,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAC1C,EACF,OAAO,EAAE;gCACP,IAAI,aAAa,EAAE;oCACjB,oBAAoB,CAAC,KAAK,CAAC,CAAA;iCAC5B;qCAAM;oCACL,gBAAgB,CAAC,GAAG,CAAC,CAAA;iCACtB;4BACH,CAAC,EACD,IAAI,EAAC,QAAQ,GACb;wBAED,CAAC,MAAM,IAAI,CACV,6BACE,SAAS,EAAE,qDACT,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,yBAAyB,CACtE;4BAEF,+BACE,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EACvC,SAAS,EAAC,8HAA8H,EACxI,QAAQ,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC3C,IAAI,EAAC,UAAU,GACf,CACE,CACP,CACG,CACP,CAAA;gBACH,CAAC,CAAC;gBAED,CAAC,aAAa,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,cAAc,IAAI,CAClD,6BAAK,SAAS,EAAC,gEAAgE;oBAC7E,6BAAK,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,cAAc,GAAG,CAAC,CAAC,GAAI;oBAC1F,gCACE,SAAS,EAAC,wIAAwI,EAClJ,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,EACrC,IAAI,EAAC,QAAQ;wBAEb;;4BAAK,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,cAAc,CAAK,CACvC,CACL,CACP;gBAEA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,CAAC,MAAM,IAAI,CAC9B,gCACE,SAAS,EAAC,kJAAkJ,EAC5J,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,QAAQ,IAEZ,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,UAAU,OAAG,CACf,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;oBAElC,8BAAM,CAAC,EAAC,wBAAwB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,CAC5E,CACP,CACM,CACV;gBAEA,cAAc,IAAI,CACjB,6BACE,SAAS,EAAC,+FAA+F,EACzG,EAAE,EAAC,uBAAuB,EAC1B,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAxB,CAAwB;oBAEvC,6BACE,GAAG,EAAC,aAAa,EACjB,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,EACnC,GAAG,EAAE,aAAa,GAClB,CACE,CACP,CACG,CACP;YAEA,sBAAsB,IAAI,CACzB,6BAAK,SAAS,EAAC,qBAAqB;gBAClC,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,yBAEnE;gBAEZ,oBAAC,SAAS,IAAC,OAAO,QAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,IAAI,EAAC,OAAO,wBAExD,CACR,CACP;YACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,CAAC,IAAI,CACrB,0CACG,CAAC,IAAI,CAAC,CAAC,CAAC,CACP,6BAAK,SAAS,EAAC,kIAAkI;gBAC/I,6BAAK,SAAS,EAAC,2CAA2C;oBACxD,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE;4BACjB,iBAAiB,EAAE,CAAA;wBACrB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACE,CACF,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,QAAQ;gBACrB,6BAAK,SAAS,EAAC,mDAAmD;oBAChE,6BAAK,SAAS,EAAC,qHAAqH;wBAClI,6BAAK,SAAS,EAAC,wBAAwB;4BACrC,4CAAiB,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW;gCAC/E,8BACE,CAAC,EAAC,2UAA2U,EAC7U,QAAQ,EAAC,SAAS,GAClB,CACE,CACF;wBACN,2BAAG,SAAS,EAAC,kDAAkD,IAAE,QAAQ,CAAK;wBAC9E,6BAAK,SAAS,EAAC,aAAa;4BAC1B,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,yBAEnE,CACR,CACF,CACF,CACF,CACP,CACA,CACJ;YACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAC/B,6BAAK,SAAS,EAAC,kIAAkI;gBAC/I,6BAAK,SAAS,EAAC,2CAA2C,IACvD,QAAQ,KAAK,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACnC,6BAAK,SAAS,EAAC,0DAA0D;oBACvE,oBAAC,UAAU,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B,CACP,CAAC,CAAC,CAAC,CACF;oBACE,2BAAG,SAAS,EAAC,4BAA4B,IAAE,QAAQ,CAAK;oBACxD,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACD,CACJ,CACG,CACF,CACP,CACG;QAEN,+BACE,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,UACN,CAAC,QAAQ,KAAK,OAAO,IAAI,aAAa,CAAC;gBACvC,CAAC,QAAQ,KAAK,OAAO,IAAI,gCAAgC,CAAC;gBAC1D,CAAC,QAAQ,KAAK,MAAM,IAAI,wBAAwB,CAAC,CACjD,EACF,SAAS,EAAC,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAC,MAAM,GACX,CACD,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":"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"}

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

@@ -20,5 +20,6 @@ export interface ModalProps {
     oneImg?: boolean;
     setLoading?: any;
     contentOfModal?: any;
+    isHorizontalLayout?: boolean;
 }
-export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, inCard, isHeaderDownload, label, moduleId, multiImg, oneImg, projectId, setLoading, size, title, titleHeaderAction, }: ModalProps) => React.JSX.Element;
+export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, inCard, isHeaderDownload, label, moduleId, multiImg, oneImg, projectId, setLoading, size, title, titleHeaderAction, isHorizontalLayout, }: ModalProps) => React.JSX.Element;