phx-uikit 1.0.255 → 1.0.257

package/dist/cjs/components/TableReport/component/RowMerge.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TBodyComponent, TMergeConfig, TSelectedAllPeople, TTableData } from '../types';
+interface RowMergeProps {
+    mergeConfig: TMergeConfig;
+    keyIdx: number;
+    dataIdx: number;
+    bodyKey: string;
+    data: TTableData;
+    thBodyComponent?: TBodyComponent;
+    className: string;
+    readonly: boolean;
+    isHighlight: boolean;
+    highlightReadonly: boolean;
+    selectedAllPeople?: TSelectedAllPeople;
+    tableKey: string;
+    brSetSelectedPeople(value: TTableData): void;
+    selectedPeople: Array<TTableData>;
+    border: boolean;
+}
+declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowMergeProps): React.JSX.Element;
+export default RowMerge;

package/dist/cjs/components/TableReport/component/RowMerge.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var utils_1 = require("../utils");
+var types_1 = require("../../types");
+var Checkbox_1 = require("../../Checkbox");
+function RowMerge(_a) {
+    var mergeConfig = _a.mergeConfig, keyIdx = _a.keyIdx, dataIdx = _a.dataIdx, bodyKey = _a.bodyKey, data = _a.data, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly, selectedAllPeople = _a.selectedAllPeople, tableKey = _a.tableKey, brSetSelectedPeople = _a.brSetSelectedPeople, selectedPeople = _a.selectedPeople, border = _a.border;
+    var rowSpan = (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).row;
+    var currentColumnKey = (0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx);
+    var renderInclude = function (person) {
+        return !!selectedPeople.find(function (select) { return JSON.stringify(select) === JSON.stringify(person); });
+    };
+    var _b = (0, react_1.useState)(renderInclude(data)), checked = _b[0], setChecked = _b[1];
+    (0, react_1.useEffect)(function () {
+        setChecked(renderInclude(data));
+    }, [renderInclude(data)]);
+    var handleChange = function (e) {
+        var checked = e.target.checked;
+        setChecked(checked);
+        var valueSelected = checked
+            ? tslib_1.__spreadArray(tslib_1.__spreadArray([], selectedPeople, true), [data], false) : selectedPeople.filter(function (p) { return JSON.stringify(p) !== JSON.stringify(data); });
+        brSetSelectedPeople(valueSelected);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement("td", { key: keyIdx, className: (0, types_1.classNames)(border && 'border-r', dataIdx !== 0 && 'border-t', !isHighlight
+                ? readonly
+                    ? ''
+                    : rowSpan > 1
+                        ? 'bg-white'
+                        : 'group-hover:bg-gray-50 group-hover:cursor-pointer'
+                : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && 'bg-gray-50') },
+            react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
+                react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
+        data["".concat(currentColumnKey, "_first_row")] || !(0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx) ? (react_1.default.createElement("td", { key: keyIdx, rowSpan: rowSpan, className: (0, types_1.classNames)(className, !isHighlight
+                ? readonly
+                    ? ''
+                    : rowSpan > 1
+                        ? 'bg-white'
+                        : 'group-hover:bg-gray-50 group-hover:cursor-pointer'
+                : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && rowSpan === 1 && 'bg-gray-50') }, (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value)) : (react_1.default.createElement(react_1.default.Fragment, null))));
+}
+exports.default = RowMerge;
+//# sourceMappingURL=RowMerge.js.map

package/dist/cjs/components/TableReport/component/RowMerge.js.map

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

package/dist/cjs/components/TableReport/component/Search.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TSearch } from '../types';
+interface SearchProps {
+    search: TSearch;
+    isSearch: boolean;
+    setIsSearch(val: boolean): void;
+    type: 'default' | 'in-card';
+    setCurrentPage(page: number): void;
+    setOffset(page: number): void;
+    paginationChange?(page: number): void;
+}
+declare function Search({ isSearch, paginationChange, search, setCurrentPage, setIsSearch, setOffset, type }: SearchProps): React.JSX.Element;
+export default Search;

package/dist/cjs/components/TableReport/component/Search.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("@headlessui/react");
+var react_2 = tslib_1.__importStar(require("react"));
+var types_1 = require("../../types");
+var Loading_1 = require("../../Loading");
+var useDebounce_1 = tslib_1.__importDefault(require("../../Func/useDebounce"));
+function Search(_a) {
+    var isSearch = _a.isSearch, paginationChange = _a.paginationChange, search = _a.search, setCurrentPage = _a.setCurrentPage, setIsSearch = _a.setIsSearch, setOffset = _a.setOffset, type = _a.type;
+    var _b = (0, react_2.useState)(''), searchValue = _b[0], setSearchValue = _b[1];
+    var debouncedSearch = (0, useDebounce_1.default)(searchValue, 300);
+    (0, react_2.useEffect)(function () {
+        if (search.onChange) {
+            search.onChange(debouncedSearch);
+            setCurrentPage(1);
+            setOffset(0);
+            if (paginationChange) {
+                paginationChange(1);
+            }
+        }
+    }, [debouncedSearch]);
+    return (react_2.default.createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transition-[max-height,opacity] duration-300 ease-out overflow-hidden', enterFrom: 'max-h-0 opacity-0', enterTo: 'max-h-20 opacity-100', show: isSearch },
+        react_2.default.createElement("div", { className: 'min-w-full' }, isSearch && (react_2.default.createElement("div", { className: (0, types_1.classNames)('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg ring-opacity-5', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
+            react_2.default.createElement("div", { className: 'relative mr-2 w-11/12' },
+                react_2.default.createElement("input", { autoFocus: true, className: 'block w-full rounded-lg border-transparent bg-transparent bg-white py-1 text-xs hover:border hover:border-gray-500 focus:border-indigo-800 focus:bg-white focus:ring-indigo-800', id: 'search-value', name: 'search-value', onChange: function (event) {
+                        setSearchValue(event.target.value);
+                    }, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', value: searchValue })),
+            react_2.default.createElement("div", { className: 'flex w-14 justify-center pt-1' }, search.loading ? react_2.default.createElement(Loading_1.PHXSpinner, null) : null),
+            react_2.default.createElement("div", null,
+                react_2.default.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
+                        setIsSearch(false);
+                        setSearchValue('');
+                        if (search.onChange) {
+                            search.onChange('');
+                        }
+                        setCurrentPage(1);
+                        setOffset(0);
+                    }, type: 'button' }, "Cancel")))))));
+}
+exports.default = Search;
+//# sourceMappingURL=Search.js.map

package/dist/cjs/components/TableReport/component/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":";;;AAAA,2CAA8C;AAC9C,qDAA4D;AAE5D,qCAAwC;AACxC,yCAA0C;AAC1C,+EAAmD;AAYnD,SAAS,MAAM,CAAC,EAAiG;QAA/F,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,MAAM,YAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA;IAC1F,IAAA,KAAgC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,eAAe,GAAG,IAAA,qBAAc,EAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IAExD,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpB,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;YAChC,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,SAAS,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,gBAAgB,EAAE,CAAC;gBACrB,gBAAgB,CAAC,CAAC,CAAC,CAAA;YACrB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,8BAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uEAAuE,EAC7E,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,IAAI,EAAE,QAAQ;QAEd,uCAAK,SAAS,EAAC,YAAY,IACxB,QAAQ,IAAI,CACX,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,sFAAsF,EACtF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,uCAAK,SAAS,EAAC,uBAAuB;gBACpC,yCACE,SAAS,QACT,SAAS,EAAC,iLAAiL,EAC3L,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,UAAC,KAA0C;wBACnD,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBACpC,CAAC,EACD,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACE;YACN,uCAAK,SAAS,EAAC,+BAA+B,IAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,8BAAC,oBAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;YAC7F;gBACE,0CACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;wBACP,WAAW,CAAC,KAAK,CAAC,CAAA;wBAClB,cAAc,CAAC,EAAE,CAAC,CAAA;wBAClB,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;4BACpB,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;wBACrB,CAAC;wBACD,cAAc,CAAC,CAAC,CAAC,CAAA;wBACjB,SAAS,CAAC,CAAC,CAAC,CAAA;oBACd,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACP,CACG,CACK,CACd,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./TableReport"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/TableReport/types.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+import { SelectedButtonIcon } from '../TableV3/SelectedAction';
+import { ComplexAction } from '../types';
+export interface THeader {
+    name: string | ReactNode;
+    col: number;
+    row: number;
+    children?: Array<THeader>;
+}
+export type TTableData = Record<string, any>;
+export interface TBodyComponent {
+    [key: string]: (value: any, itemBody: any) => {
+        value: any;
+        row?: number;
+    };
+}
+export interface TMergeConfig {
+    isMergeRowData: boolean;
+    columnPosition: Array<{
+        key: string;
+        position: number;
+    }>;
+}
+export interface TSearch {
+    enable: boolean;
+    loading?: boolean;
+    onChange?(searchValue: string): void;
+}
+export interface TPagination {
+    enable: boolean;
+    dataAggregate: number;
+    setRowNumberInPage?(rowNumber: number): void;
+    rowNumberInPage: number;
+    loading?: boolean;
+    onChange?(page: number): void;
+}
+export interface TSelectedAllPeople {
+    enable: boolean;
+    selectedAction: {
+        label: string;
+        actions: Array<ComplexAction & {
+            icon?: SelectedButtonIcon;
+        }>;
+    };
+    maxSelectedPeople?: number;
+    hideSelectedAction?: boolean;
+}

package/dist/cjs/components/TableReport/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/TableReport/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/TableReport/types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/TableReport/utils.d.ts

@@ -0,0 +1,10 @@
+import { TBodyComponent, THeader, TMergeConfig, TTableData } from './types';
+export declare const getMaxDepth: (headers: Array<THeader>) => number;
+export declare const buildHeaderRows: (headers: Array<THeader>, level?: number, rows?: any[], maxDepth?: number, startIndex?: number) => any[];
+export declare const countLeaf: (header: THeader) => number;
+export declare const renderCell: (data: TTableData, columnKey: string, thComponent?: TBodyComponent) => {
+    value: any;
+    row: number;
+};
+export declare const findColumnKeyMerge: (mergeConfig: TMergeConfig, columnIndex: number) => string;
+export declare function buildRowSpan(tableData: Array<TTableData>, mergeConfig: TMergeConfig): TTableData[];

package/dist/cjs/components/TableReport/utils.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findColumnKeyMerge = exports.renderCell = exports.countLeaf = exports.buildHeaderRows = exports.getMaxDepth = void 0;
+exports.buildRowSpan = buildRowSpan;
+var getMaxDepth = function (headers) {
+    var max = 1;
+    for (var _i = 0, headers_1 = headers; _i < headers_1.length; _i++) {
+        var item = headers_1[_i];
+        if (item.children && item.children.length > 0) {
+            max = Math.max(max, 1 + (0, exports.getMaxDepth)(item.children));
+        }
+    }
+    return max;
+};
+exports.getMaxDepth = getMaxDepth;
+var buildHeaderRows = function (headers, level, rows, maxDepth, startIndex) {
+    if (level === void 0) { level = 0; }
+    if (rows === void 0) { rows = []; }
+    if (maxDepth === void 0) { maxDepth = 1; }
+    if (startIndex === void 0) { startIndex = 0; }
+    if (!rows[level])
+        rows[level] = [];
+    var currentIndex = startIndex;
+    for (var _i = 0, headers_2 = headers; _i < headers_2.length; _i++) {
+        var item = headers_2[_i];
+        var hasChildren = item.children && item.children.length > 0;
+        var colSpan = hasChildren ? (0, exports.countLeaf)(item) : 1;
+        var rowSpan = hasChildren ? 1 : maxDepth - level;
+        rows[level].push({
+            name: item.name,
+            colSpan: colSpan,
+            rowSpan: rowSpan,
+            colIndex: currentIndex,
+        });
+        if (hasChildren) {
+            (0, exports.buildHeaderRows)(item.children, level + 1, rows, maxDepth, currentIndex);
+        }
+        currentIndex += colSpan;
+    }
+    return rows;
+};
+exports.buildHeaderRows = buildHeaderRows;
+var countLeaf = function (header) {
+    if (!header.children || header.children.length === 0)
+        return 1;
+    return header.children.reduce(function (t, c) { return t + (0, exports.countLeaf)(c); }, 0);
+};
+exports.countLeaf = countLeaf;
+var renderCell = function (data, columnKey, thComponent) {
+    var value = data[columnKey];
+    if (thComponent && (thComponent === null || thComponent === void 0 ? void 0 : thComponent[columnKey])) {
+        return {
+            value: thComponent[columnKey](value, data).value,
+            row: thComponent[columnKey](value, data).row || 1,
+        };
+    }
+    return { value: value !== null && value !== void 0 ? value : '', row: 1 };
+};
+exports.renderCell = renderCell;
+var findColumnKeyMerge = function (mergeConfig, columnIndex) {
+    var columnPosition = mergeConfig.columnPosition;
+    var currentKey = columnPosition.find(function (item) { return item.position === columnIndex + 1; });
+    return (currentKey === null || currentKey === void 0 ? void 0 : currentKey.key) || '';
+};
+exports.findColumnKeyMerge = findColumnKeyMerge;
+function buildRowSpan(tableData, mergeConfig) {
+    var firstRowMap = {};
+    var dataLength = tableData.length;
+    for (var index = 0; index < dataLength; index++) {
+        var data = tableData[index];
+        for (var _i = 0, _a = mergeConfig.columnPosition; _i < _a.length; _i++) {
+            var config = _a[_i];
+            var key = config.key;
+            var value = data[key];
+            if (!firstRowMap["".concat(key).concat(value || "idx".concat(index))]) {
+                firstRowMap["".concat(key).concat(value || "idx".concat(index))] = true;
+                data["".concat(key, "_first_row")] = true;
+            }
+            else {
+                data["".concat(key, "_first_row")] = false;
+            }
+        }
+    }
+    return tableData;
+}
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/TableReport/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TableReport/utils.ts"],"names":[],"mappings":";;;AA8DA,oCAoBC;AAhFM,IAAM,WAAW,GAAG,UAAC,OAAuB;IACjD,IAAI,GAAG,GAAG,CAAC,CAAA;IACX,KAAmB,UAAO,EAAP,mBAAO,EAAP,qBAAO,EAAP,IAAO,EAAE,CAAC;QAAxB,IAAM,IAAI,gBAAA;QACb,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9C,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,IAAA,mBAAW,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;QACrD,CAAC;IACH,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AARY,QAAA,WAAW,eAQvB;AAEM,IAAM,eAAe,GAAG,UAAC,OAAuB,EAAE,KAAS,EAAE,IAAgB,EAAE,QAAY,EAAE,UAAc;IAAzD,sBAAA,EAAA,SAAS;IAAE,qBAAA,EAAA,SAAgB;IAAE,yBAAA,EAAA,YAAY;IAAE,2BAAA,EAAA,cAAc;IAChH,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAA;IAElC,IAAI,YAAY,GAAG,UAAU,CAAA;IAE7B,KAAmB,UAAO,EAAP,mBAAO,EAAP,qBAAO,EAAP,IAAO,EAAE,CAAC;QAAxB,IAAM,IAAI,gBAAA;QACb,IAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;QAC7D,IAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,IAAA,iBAAS,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAEjD,IAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAA;QAElD,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,SAAA;YACP,OAAO,SAAA;YACP,QAAQ,EAAE,YAAY;SACvB,CAAC,CAAA;QAEF,IAAI,WAAW,EAAE,CAAC;YAChB,IAAA,uBAAe,EAAC,IAAI,CAAC,QAAS,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC1E,CAAC;QACD,YAAY,IAAI,OAAO,CAAA;IACzB,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAzBY,QAAA,eAAe,mBAyB3B;AAEM,IAAM,SAAS,GAAG,UAAC,MAAe;IACvC,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IAC9D,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,GAAG,IAAA,iBAAS,EAAC,CAAC,CAAC,EAAhB,CAAgB,EAAE,CAAC,CAAC,CAAA;AAC9D,CAAC,CAAA;AAHY,QAAA,SAAS,aAGrB;AAEM,IAAM,UAAU,GAAG,UAAC,IAAgB,EAAE,SAAiB,EAAE,WAA4B;IAC1F,IAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,WAAW,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,CAAA,EAAE,CAAC;QAC5C,OAAO;YACL,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK;YAChD,GAAG,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;SAClD,CAAA;IACH,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAA;AACvC,CAAC,CAAA;AATY,QAAA,UAAU,cAStB;AAEM,IAAM,kBAAkB,GAAG,UAAC,WAAyB,EAAE,WAAmB;IACvE,IAAA,cAAc,GAAK,WAAW,eAAhB,CAAgB;IACtC,IAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,UAAC,IAA0B,IAAK,OAAA,IAAI,CAAC,QAAQ,KAAK,WAAW,GAAG,CAAC,EAAjC,CAAiC,CAAC,CAAA;IAEzG,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,KAAI,EAAE,CAAA;AAC9B,CAAC,CAAA;AALY,QAAA,kBAAkB,sBAK9B;AAED,SAAgB,YAAY,CAAC,SAA4B,EAAE,WAAyB;IAClF,IAAM,WAAW,GAA4B,EAAE,CAAA;IAE/C,IAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAA;IACnC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC;QAChD,IAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;QAC7B,KAAqB,UAA0B,EAA1B,KAAA,WAAW,CAAC,cAAc,EAA1B,cAA0B,EAA1B,IAA0B,EAAE,CAAC;YAA7C,IAAM,MAAM,SAAA;YACP,IAAA,GAAG,GAAK,MAAM,IAAX,CAAW;YACtB,IAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;YAEvB,IAAI,CAAC,WAAW,CAAC,UAAG,GAAG,SAAG,KAAK,IAAI,aAAM,KAAK,CAAE,CAAE,CAAC,EAAE,CAAC;gBACpD,WAAW,CAAC,UAAG,GAAG,SAAG,KAAK,IAAI,aAAM,KAAK,CAAE,CAAE,CAAC,GAAG,IAAI,CAAA;gBACrD,IAAI,CAAC,UAAG,GAAG,eAAY,CAAC,GAAG,IAAI,CAAA;YACjC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAG,GAAG,eAAY,CAAC,GAAG,KAAK,CAAA;YAClC,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,SAAS,CAAA;AAClB,CAAC"}

package/dist/cjs/components/TableStatic/PaginaitonSelected.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Dropdown_1 = require("../Dropdown");
@@ -21,13 +21,13 @@ function PaginationSelected(_a) {
             setCurrentPage(1);
             var params = new URLSearchParams(searchParams + '');
             params.set('row', item + '');
-            router.push("?".concat(params + ''), { scroll: false });
-        }
+            router === null || router === void 0 ? void 0 : router.push("?".concat(params + ''), { scroll: false });
+        },
     }); });
-    return (react_1["default"].createElement("div", { className: 'relative' },
-        react_1["default"].createElement("div", { className: 'absolute bottom-0 top-0 flex items-center gap-x-1' },
-            react_1["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: "".concat(rowQuantity), options: options, origin: 'top-left', type: 'default' }),
-            react_1["default"].createElement("div", { className: 'w-24 text-xs' }, "b\u1EA3n ghi/trang"))));
+    return (react_1.default.createElement("div", { className: 'relative' },
+        react_1.default.createElement("div", { className: 'absolute bottom-0 top-0 flex items-center gap-x-1' },
+            react_1.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: "".concat(rowQuantity), options: options, origin: 'top-left', type: 'default' }),
+            react_1.default.createElement("div", { className: 'w-24 text-xs' }, "b\u1EA3n ghi/trang"))));
 }
-exports["default"] = PaginationSelected;
+exports.default = PaginationSelected;
 //# sourceMappingURL=PaginaitonSelected.js.map

package/dist/cjs/components/TableStatic/PaginaitonSelected.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginaitonSelected.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/PaginaitonSelected.tsx"],"names":[],"mappings":";;;AAAA,qDAAkD;AAClD,wCAAyC;AAEzC,IAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAEpD,SAAS,kBAAkB,CAAC,EAA4D;QAA1D,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAE,cAAc,oBAAA,EAAE,MAAM,YAAA;IACzE,IAAA,KAAkC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAA;IAEpD,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YAC1D,eAAe,CAAC,MAAM,CAAC,CAAA;SACxB;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC;QAC/C,OAAO,EAAE,IAAI,GAAG,EAAE;QAClB,MAAM,EAAE,WAAW,KAAK,IAAI;QAC5B,OAAO,EAAE;YACP,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,YAAY,GAAG,EAAE,CAAC,CAAA;YACrD,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA;YAE5B,MAAM,CAAC,IAAI,CAAC,WAAI,MAAM,GAAG,EAAE,CAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;QACnD,CAAC;KACF,CAAC,EAX8C,CAW9C,CAAC,CAAA;IAEH,OAAO,CACL,0CAAK,SAAS,EAAC,UAAU;QACvB,0CAAK,SAAS,EAAC,mDAAmD;YAChE,iCAAC,sBAAW,IAAC,aAAa,EAAE,UAAG,WAAW,CAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG;YACnG,0CAAK,SAAS,EAAC,cAAc,yBAAoB,CAC7C,CACF,CACP,CAAA;AACH,CAAC;AAED,qBAAe,kBAAkB,CAAA"}
+{"version":3,"file":"PaginaitonSelected.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/PaginaitonSelected.tsx"],"names":[],"mappings":";;;AAAA,qDAAkD;AAClD,wCAAyC;AAEzC,IAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAEpD,SAAS,kBAAkB,CAAC,EAA4D;QAA1D,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAE,cAAc,oBAAA,EAAE,MAAM,YAAA;IACzE,IAAA,KAAkC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAA;IAEpD,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YAC1D,eAAe,CAAC,MAAM,CAAC,CAAA;QACzB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC;QAC/C,OAAO,EAAE,IAAI,GAAG,EAAE;QAClB,MAAM,EAAE,WAAW,KAAK,IAAI;QAC5B,OAAO,EAAE;YACP,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,YAAY,GAAG,EAAE,CAAC,CAAA;YACrD,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA;YAE5B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,WAAI,MAAM,GAAG,EAAE,CAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;QACpD,CAAC;KACF,CAAC,EAX8C,CAW9C,CAAC,CAAA;IAEH,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU;QACvB,uCAAK,SAAS,EAAC,mDAAmD;YAChE,8BAAC,sBAAW,IAAC,aAAa,EAAE,UAAG,WAAW,CAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG;YACnG,uCAAK,SAAS,EAAC,cAAc,yBAAoB,CAC7C,CACF,CACP,CAAA;AACH,CAAC;AAED,kBAAe,kBAAkB,CAAA"}

package/dist/cjs/components/TableStatic/Pagination.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
 var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
@@ -30,22 +30,22 @@ var Pagination = function (_a) {
     };
     var disableNextPage = currentPage === totalPages;
     var disablePrevPage = currentPage === 1;
-    var PreviousPage = function () { return (react_1["default"].createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex bg-gray-200 rounded-tl-lg pb-1 pt-0.5 rounded-bl-lg items-center px-3 text-gray-900 focus:z-20 focus:outline-offset-0 min-h-[1.75rem]', !disablePrevPage ? 'hover:bg-gray-300' : '', !disablePrevPage
+    var PreviousPage = function () { return (react_1.default.createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex bg-gray-200 rounded-tl-lg pb-1 pt-0.5 rounded-bl-lg items-center px-3 text-gray-900 focus:z-20 focus:outline-offset-0 min-h-[1.75rem]', !disablePrevPage ? 'hover:bg-gray-300' : '', !disablePrevPage
             ? 'active:bg-gray-300 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:pt-[0.2rem] active:pb-[0.2rem]'
             : '', !disablePrevPage ? 'cursor-pointer' : ''), onClick: function () { return handleClickPage(currentPage - 1, !disablePrevPage); } },
-        react_1["default"].createElement("p", null,
-            react_1["default"].createElement("span", { className: 'sr-only' }, "Previous"),
-            react_1["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: classNames('w-2.5 h-3', disablePrevPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleLeft })))); };
-    var NextPage = function () { return (react_1["default"].createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex rounded-tr-lg bg-gray-200 pb-1 pt-0.5 rounded-br-lg items-center rounded-r-md px-3 text-gray-900 focus:z-20 focus:outline-offset-0 min-h-[1.75rem]', !disableNextPage ? 'hover:bg-gray-300' : '', !disableNextPage
+        react_1.default.createElement("p", null,
+            react_1.default.createElement("span", { className: 'sr-only' }, "Previous"),
+            react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: classNames('w-2.5 h-3', disablePrevPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleLeft })))); };
+    var NextPage = function () { return (react_1.default.createElement("a", { "aria-hidden": true, className: classNames('relative inline-flex rounded-tr-lg bg-gray-200 pb-1 pt-0.5 rounded-br-lg items-center rounded-r-md px-3 text-gray-900 focus:z-20 focus:outline-offset-0 min-h-[1.75rem]', !disableNextPage ? 'hover:bg-gray-300' : '', !disableNextPage
             ? 'active:bg-gray-300 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:pt-[0.01rem] active:pb-[0.03rem]'
             : '', !disableNextPage ? 'cursor-pointer' : ''), onClick: function () { return handleClickPage(currentPage + 1, !disableNextPage); } },
-        react_1["default"].createElement("p", null,
-            react_1["default"].createElement("span", { className: 'sr-only' }, "Next"),
-            react_1["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: classNames('w-2.5 h-3', disableNextPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleRight })))); };
+        react_1.default.createElement("p", null,
+            react_1.default.createElement("span", { className: 'sr-only' }, "Next"),
+            react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: classNames('w-2.5 h-3', disableNextPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleRight })))); };
     var startIndex = (currentPage - 1) * rowQuantity + 1;
     var endIndex = (currentPage - 1) * rowQuantity + rowQuantity;
-    return (react_1["default"].createElement("div", { className: 'flex items-center gap-x-3' },
-        react_1["default"].createElement("p", { className: 'hidden text-xs sm:block' },
+    return (react_1.default.createElement("div", { className: 'flex items-center gap-x-3' },
+        react_1.default.createElement("p", { className: 'hidden text-xs sm:block' },
             "Hi\u1EC3n th\u1ECB ",
             startIndex,
             " - ",
@@ -53,10 +53,10 @@ var Pagination = function (_a) {
             " tr\u00EAn ",
             count,
             " b\u1EA3n ghi"),
-        react_1["default"].createElement("div", { className: 'isolate inline-flex -space-x-px rounded-md bg-white shadow-sm' },
-            react_1["default"].createElement("div", { className: 'mr-1' },
-                react_1["default"].createElement(PreviousPage, null)),
-            react_1["default"].createElement(NextPage, null))));
+        react_1.default.createElement("div", { className: 'isolate inline-flex -space-x-px rounded-md bg-white shadow-sm' },
+            react_1.default.createElement("div", { className: 'mr-1' },
+                react_1.default.createElement(PreviousPage, null)),
+            react_1.default.createElement(NextPage, null))));
 };
-exports["default"] = Pagination;
+exports.default = Pagination;
 //# sourceMappingURL=Pagination.js.map

package/dist/cjs/components/TableStatic/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/Pagination.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/Pagination.tsx"],"names":[],"mappings":";;;AAAA,0EAA6E;AAC7E,oEAAgE;AAChE,qDAAkD;AAElD,SAAS,UAAU;IAAC,iBAAmC;SAAnC,UAAmC,EAAnC,qBAAmC,EAAnC,IAAmC;QAAnC,4BAAmC;;IACrD,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAED,IAAM,UAAU,GAAG,UAAC,EAA8E;QAA5E,WAAW,iBAAA,EAAE,gBAAgB,sBAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;IACnF,IAAA,KAAkC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAA;IAEpD,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YAC1D,eAAe,CAAC,MAAM,CAAC,CAAA;QACzB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,UAAC,IAAY,EAAE,QAAiB;QACtD,IAAI,CAAC,QAAQ;YAAE,OAAM;QACrB,gBAAgB,CAAC,IAAI,CAAC,CAAA;QAEtB,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,YAAY,GAAG,EAAE,CAAC,CAAA;QACrD,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA;QAE7B,MAAM,CAAC,IAAI,CAAC,WAAI,MAAM,GAAG,EAAE,CAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;IACnD,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,WAAW,KAAK,UAAU,CAAA;IAClD,IAAM,eAAe,GAAG,WAAW,KAAK,CAAC,CAAA;IAEzC,IAAM,YAAY,GAAG,cAAM,OAAA,CACzB,0DAEE,SAAS,EAAE,UAAU,CACnB,4JAA4J,EAC5J,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAC3C,CAAC,eAAe;YACd,CAAC,CAAC,gHAAgH;YAClH,CAAC,CAAC,EAAE,EACN,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CACzC,EACD,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,eAAe,CAAC,EAAlD,CAAkD;QAEjE;YACE,wCAAM,SAAS,EAAC,SAAS,eAAgB;YACzC,8BAAC,mCAAe,IACd,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EACvF,IAAI,EAAE,kCAAW,GACjB,CACA,CACF,CACL,EArB0B,CAqB1B,CAAA;IAED,IAAM,QAAQ,GAAG,cAAM,OAAA,CACrB,0DAEE,SAAS,EAAE,UAAU,CACnB,yKAAyK,EACzK,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAC3C,CAAC,eAAe;YACd,CAAC,CAAC,kHAAkH;YACpH,CAAC,CAAC,EAAE,EACN,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CACzC,EACD,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,eAAe,CAAC,EAAlD,CAAkD;QAEjE;YACE,wCAAM,SAAS,EAAC,SAAS,WAAY;YACrC,8BAAC,mCAAe,IACd,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EACvF,IAAI,EAAE,mCAAY,GAClB,CACA,CACF,CACL,EArBsB,CAqBtB,CAAA;IAED,IAAM,UAAU,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,WAAW,GAAG,CAAC,CAAA;IACtD,IAAM,QAAQ,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,WAAW,GAAG,WAAW,CAAA;IAE9D,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACxC,qCAAG,SAAS,EAAC,yBAAyB;;YAC1B,UAAU;;YAAK,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;;YAAQ,KAAK;4BACxE;QACJ,uCAAK,SAAS,EAAC,+DAA+D;YAC5E,uCAAK,SAAS,EAAC,MAAM;gBACnB,8BAAC,YAAY,OAAG,CACZ;YACN,8BAAC,QAAQ,OAAG,CACR,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}

package/dist/cjs/components/TableStatic/Search.d.ts

@@ -0,0 +1,18 @@
+import React, { ChangeEvent } from 'react';
+interface Props {
+    isSearch: boolean;
+    handleSearch(event: ChangeEvent<HTMLInputElement>): void;
+    searchValue: string;
+    setSearchValue(value: string): void;
+    setIsSearch(value: boolean): void;
+    search?: {
+        enable: boolean;
+        onSearchChange(value: string): void;
+        loading: boolean;
+        setLoading(value: boolean): void;
+    };
+    isHideSearch: boolean;
+    setIsHideSearch(val: boolean): void;
+}
+declare function Search({ isSearch, handleSearch, searchValue, setSearchValue, setIsSearch, search, isHideSearch, setIsHideSearch, }: Props): React.JSX.Element;
+export default Search;

package/dist/cjs/components/TableStatic/Search.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/24/solid");
+var types_1 = require("../types");
+var Loading_1 = require("../Loading");
+function Search(_a) {
+    var isSearch = _a.isSearch, handleSearch = _a.handleSearch, searchValue = _a.searchValue, setSearchValue = _a.setSearchValue, setIsSearch = _a.setIsSearch, search = _a.search, isHideSearch = _a.isHideSearch, setIsHideSearch = _a.setIsHideSearch;
+    (0, react_1.useEffect)(function () {
+        if ((search === null || search === void 0 ? void 0 : search.enable) && isHideSearch && !search.loading) {
+            setIsSearch(false);
+            setIsHideSearch(false);
+        }
+    }, [isHideSearch, search === null || search === void 0 ? void 0 : search.loading]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: isSearch ? 'border-b' : '' },
+            react_1.default.createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transition-all duration-500 overflow-hidden', enterFrom: 'transform scale-95 opacity-0 h-0', enterTo: 'transform scale-100 opacity-100 h-full', leaveFrom: 'transform scale-100 opacity-100 h-full', leaveTo: 'transform scale-95 opacity-0 h-0', show: isSearch },
+                react_1.default.createElement("div", { className: (0, types_1.classNames)('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg bg-white px-3 py-1 pl-5 ring-opacity-5') },
+                    react_1.default.createElement("div", { className: 'relative mr-2 w-11/12' },
+                        react_1.default.createElement("input", { autoFocus: true, className: 'block w-full rounded-lg border-transparent bg-transparent text-xs hover:bg-gray-100 focus:border-indigo-800 focus:bg-gray-100 focus:ring-indigo-800', id: 'search-value', name: 'search-value', onChange: handleSearch, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', value: searchValue })),
+                    react_1.default.createElement("div", { className: 'flex w-14 justify-center pt-1' }, (search === null || search === void 0 ? void 0 : search.loading) ? react_1.default.createElement(Loading_1.PHXSpinner, null) : null),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
+                                if (searchValue) {
+                                    setIsHideSearch(true);
+                                    search === null || search === void 0 ? void 0 : search.setLoading(true);
+                                    setSearchValue('');
+                                }
+                                else {
+                                    setIsSearch(false);
+                                }
+                            }, type: 'button' }, "Cancel"))))),
+        react_1.default.createElement("div", { className: (0, types_1.classNames)(search && search.enable
+                ? "flex flex-row items-center rounded-tl-lg rounded-tr-lg bg-white px-3 pl-8 sm:justify-end border-b ".concat(isSearch ? 'border-none py-1' : 'py-1.5')
+                : '', isSearch ? 'hidden' : '') },
+            react_1.default.createElement("div", null, !isSearch && (react_1.default.createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
+                react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })))))));
+}
+exports.default = Search;
+//# sourceMappingURL=Search.js.map

package/dist/cjs/components/TableStatic/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/Search.tsx"],"names":[],"mappings":";;;AAAA,qDAA+D;AAC/D,2CAA8C;AAC9C,mDAA+D;AAC/D,kCAAqC;AACrC,sCAAuC;AAkBvC,SAAS,MAAM,CAAC,EASR;QARN,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,eAAe,qBAAA;IAEf,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,YAAY,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,WAAW,CAAC,KAAK,CAAC,CAAA;YAClB,eAAe,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YACxC,8BAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,6CAA6C,EACnD,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAC,wCAAwC,EAChD,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,kCAAkC,EAC1C,IAAI,EAAE,QAAQ;gBAEd,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,8GAA8G,CAC/G;oBAED,uCAAK,SAAS,EAAC,uBAAuB;wBACpC,yCACE,SAAS,QACT,SAAS,EAAC,qJAAqJ,EAC/J,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACE;oBACN,uCAAK,SAAS,EAAC,+BAA+B,IAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAC,CAAC,CAAC,8BAAC,oBAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;oBAC9F;wBACE,0CACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;gCACP,IAAI,WAAW,EAAE,CAAC;oCAChB,eAAe,CAAC,IAAI,CAAC,CAAA;oCACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,IAAI,CAAC,CAAA;oCACxB,cAAc,CAAC,EAAE,CAAC,CAAA;gCACpB,CAAC;qCAAM,CAAC;oCACN,WAAW,CAAC,KAAK,CAAC,CAAA;gCACpB,CAAC;4BACH,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACK,CACT;QACN,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,MAAM,IAAI,MAAM,CAAC,MAAM;gBACrB,CAAC,CAAC,4GACE,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CACxC;gBACJ,CAAC,CAAC,EAAE,EACN,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACzB;YAED,2CACG,CAAC,QAAQ,IAAI,CACZ,0CACE,SAAS,EAAC,mPAAmP,EAC7P,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;gBAEb,8BAAC,2BAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CAEpC,CACV,CACG,CACF,CACL,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}

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

@@ -1,9 +1,15 @@
 import React from 'react';
+type UID = string | number;
+type TSelectedRows = Array<{
+    id: UID;
+    [key: string]: any;
+}>;
 type TTableProps = {
     thHeader: Array<string>;
     thBody: Array<string>;
     thComponent?: any;
     bodyData: Array<any>;
+    selectedRows?: TSelectedRows;
     numericalOrder?: {
         enable: boolean;
         title: string;
@@ -11,6 +17,25 @@ type TTableProps = {
     router?: any;
     rowNumber?: any;
     isPagination?: boolean;
+    disableFirstColumnWidth?: boolean;
+    readonly?: boolean;
+    onClick?(row: any): void;
+    search?: {
+        enable: boolean;
+        onSearchChange(value: string): void;
+        loading: boolean;
+        setLoading(value: boolean): void;
+    };
+    bulkAction?: {
+        enable: boolean;
+        buttons: Array<{
+            id: any;
+            text: string | React.ReactNode;
+            onClick(selectedRows: TSelectedRows): void;
+            type: string;
+        }>;
+    };
+    name?: string;
 };
-export declare function PHXTableStatic({ bodyData, numericalOrder, thBody, thComponent, thHeader, router, rowNumber, isPagination, }: TTableProps): React.JSX.Element;
+export declare function PHXTableStatic({ bodyData, bulkAction, selectedRows: initialSelectedRows, disableFirstColumnWidth, isPagination, numericalOrder, onClick, readonly, router, rowNumber, search, thBody, thComponent, thHeader, name, }: TTableProps): React.JSX.Element;
 export {};