phx-uikit 1.0.0

package/dist/esm/components/SearchResultList/SearchResultList.js

@@ -0,0 +1,223 @@
+import { __assign, __awaiter, __generator, __makeTemplateObject } from "tslib";
+import { gql, useApolloClient } from '@apollo/client';
+import { CheckIcon, MagnifyingGlassIcon } from '@heroicons/react/24/outline';
+import React, { useEffect, useState } from 'react';
+import { ApolloWrapper } from '../../lib/apollo-wrapper';
+import EmptySearchResult from './EmptySearchResult';
+import PHXUseDebounce from '../Func/useDebounce';
+import ErrorMessage from '../../commons/ErrorMessage';
+export function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+var PHXSearchResultList = function (_a) {
+    var _b = _a.defaultInputText, defaultInputText = _b === void 0 ? '' : _b, disabled = _a.disabled, error = _a.error, errorMessageCustom = _a.errorMessageCustom, errorType = _a.errorType, filterArray = _a.filterArray, getSearchResult = _a.getSearchResult, handleCustomRender = _a.handleCustomRender, handleQueryValue = _a.handleQueryValue, isArray = _a.isArray, isFillInput = _a.isFillInput, label = _a.label, listSelected = _a.listSelected, name = _a.name, placeholder = _a.placeholder, _c = _a.queryValueType, queryValueType = _c === void 0 ? 'default' : _c, register = _a.register, search = _a.search, setValue = _a.setValue;
+    var _d = useState(defaultInputText), searchValue = _d[0], setSearchValue = _d[1];
+    var _e = useState(false), isSearchLoading = _e[0], setIsSearchLoading = _e[1];
+    var _f = useState(false), isSearching = _f[0], setIsSearching = _f[1];
+    var _g = useState([]), searchDataResult = _g[0], setSearchDataResult = _g[1];
+    var _h = useState(''), previousValue = _h[0], setPreviousValue = _h[1];
+    var client = useApolloClient();
+    var filterQuery = function (query, value) { return query.replace(/%@value%/g, "\"\"%".concat(value, "%\"\"")); };
+    var fetchSearchData = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var searchQuery, searchDataQuery, res, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    searchQuery = search ? filterQuery(search.query, searchValue) : '';
+                    searchDataQuery = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", "\n      "], ["\n        ", "\n      "])), searchQuery);
+                    return [4 /*yield*/, client.query({
+                            query: searchDataQuery,
+                            fetchPolicy: 'network-only'
+                        })];
+                case 1:
+                    res = _a.sent();
+                    return [2 /*return*/, res];
+                case 2:
+                    e_1 = _a.sent();
+                    console.log(e_1);
+                    return [2 /*return*/];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var getData = function (option) { return __awaiter(void 0, void 0, void 0, function () {
+        var startTime, result, data, endTime, duration;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    return [4 /*yield*/, option()];
+                case 1:
+                    result = _a.sent();
+                    data = result.data;
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100)) return [3 /*break*/, 3];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 300); })];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/, data];
+            }
+        });
+    }); };
+    var searchChange = function (e) {
+        var value = e.target.value;
+        // Loại bỏ ký tự "\" từ chuỗi
+        var replaceSensitiveValue = value.replace(/\\/g, '');
+        setSearchValue(replaceSensitiveValue);
+        setIsSearching(true);
+        if (replaceSensitiveValue === '') {
+            setIsSearching(false);
+        }
+        if (replaceSensitiveValue !== previousValue) {
+            setPreviousValue(replaceSensitiveValue);
+        }
+    };
+    var debouncedSearch = PHXUseDebounce(searchValue, 300);
+    var formatDynamicFields = function (dataParams) {
+        var formattedValues = [];
+        var searchData = {};
+        filterArray.forEach(function (item) {
+            if (item.keyParent) {
+                var parentData = dataParams[item.keyParent] || {};
+                searchData[item.keyChild] =
+                    (parentData.length > 0 ? parentData[0][item.keyChild] : parentData[item.keyChild]) || '';
+            }
+            else {
+                searchData[item.keyChild] = dataParams[item.keyChild];
+            }
+        });
+        // eslint-disable-next-line no-restricted-syntax
+        for (var field in searchData) {
+            if (searchData[field] !== null && searchData[field] !== undefined) {
+                formattedValues.push("".concat(searchData[field])
+                    .toLowerCase()
+                    .split(' ')
+                    .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); })
+                    .join(' '));
+            }
+        }
+        return formattedValues.join(' - ');
+    };
+    useEffect(function () {
+        if (searchValue === '') {
+            setSearchDataResult([]);
+        }
+        else {
+            setIsSearchLoading(true);
+        }
+    }, [searchValue]);
+    var handleClickSearchItem = function (item) {
+        getSearchResult(item);
+        setIsSearching(false);
+        formatDynamicFields(item);
+        setSearchValue(formatDynamicFields(item));
+        if (isArray) {
+            setSearchValue('');
+        }
+        if (isFillInput && handleCustomRender) {
+            setSearchValue(handleCustomRender(item));
+        }
+    };
+    var message = function (type) {
+        var errorMessage = '';
+        switch (type) {
+            case 'required-field':
+                errorMessage = 'Vui lòng nhập thông tin';
+                break;
+            case 'validate-input-field':
+                errorMessage = 'Vui lòng nhập thông tin hợp lệ (độ dài 1 - 60 kí tự)';
+                break;
+            case 'duplicate-field':
+                errorMessage = 'Thông tin đã tồn tại';
+                break;
+            case 'validate-phone-number':
+                errorMessage = 'Số điện thoại chưa hợp lệ';
+                break;
+            case 'validate-input-email':
+                errorMessage = 'Định dạng email chưa đúng, vui lòng nhập lại';
+                break;
+            case 'custom-message':
+                errorMessage = errorMessageCustom;
+                break;
+            default:
+                break;
+        }
+        return errorMessage;
+    };
+    var handleSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var data, dataTable, result, newData;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsSearchLoading(true);
+                    return [4 /*yield*/, getData(fetchSearchData)];
+                case 1:
+                    data = _a.sent();
+                    dataTable = search.keyResult;
+                    result = queryValueType === 'default' ? data[dataTable] : handleQueryValue(data[dataTable]);
+                    if (listSelected && (listSelected === null || listSelected === void 0 ? void 0 : listSelected.length) > 0) {
+                        newData = result.map(function (item) {
+                            var isSelected;
+                            switch (name) {
+                                case 'user_assigned_tuition':
+                                    isSelected = listSelected.some(function (selectedItem) { return selectedItem.profile_student.user_code === item.profile_student.user_code; });
+                                    break;
+                                default:
+                                    isSelected = listSelected.some(function (selectedItem) { return selectedItem.id === item.id; });
+                                    break;
+                            }
+                            if (isSelected) {
+                                return __assign(__assign({}, item), { is_selected: true });
+                            }
+                            return item;
+                        });
+                        setSearchDataResult(newData);
+                    }
+                    else {
+                        setSearchDataResult(result);
+                    }
+                    setIsSearchLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (debouncedSearch) {
+            // @ts-ignore
+            handleSearch();
+            setValue(name, debouncedSearch);
+        }
+        else {
+            setSearchValue('');
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [debouncedSearch]);
+    return (React.createElement(ApolloWrapper, null,
+        React.createElement("div", { className: 'relative w-full' },
+            React.createElement("div", { className: 'relative' },
+                label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+                React.createElement("div", { className: 'flex items-center' },
+                    React.createElement("div", { className: 'relative w-full' },
+                        React.createElement("span", { className: 'absolute inset-y-0 left-0 flex items-center pl-3 text-gray-500' },
+                            React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4' })),
+                        React.createElement("input", __assign({ autoComplete: 'off', className: classNames('block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 pl-9 pr-3 text-xs font-normal shadow-sm  focus:border-gray-500 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : ''), name: name, onInput: searchChange, placeholder: placeholder, value: isArray || isFillInput ? searchValue : undefined }, register, { type: 'text' }))))),
+            error && errorType ? React.createElement(ErrorMessage, { message: message(errorType) }) : null,
+            React.createElement("div", { className: 'absolute z-50 w-full drop-shadow-xl' }, isSearching && (searchDataResult === null || searchDataResult === void 0 ? void 0 : searchDataResult.length) > 0 ? (React.createElement("div", { className: 'my-2 min-w-full pb-2' },
+                React.createElement("div", { className: 'max-h-[300px] divide-gray-200  overflow-y-auto rounded-xl border border-gray-100 bg-white px-2 py-1' }, searchDataResult.map(function (item) { return (
+                // @ts-ignore
+                React.createElement("button", { key: item.id, "aria-expanded": 'false', "aria-haspopup": 'listbox', "aria-labelledby": 'headlessui-combobox-label-:rk: headlessui-combobox-button-:rm:', className: "".concat(item.is_selected ? 'bg-gray-200 font-medium text-gray-900' : 'hover:bg-gray-100', " inset-y-0 right-0 my-1 mt-1 flex w-full items-center rounded-md px-2 py-[6px] pr-4 font-sans text-xs text-gray-600 transition-colors  focus:outline-none"), "data-headlessui-state": '', disabled: item.is_selected, onClick: function () { return handleClickSearchItem(item); }, tabIndex: -1, type: 'button' },
+                    React.createElement("div", { className: 'flex w-full justify-between' },
+                        handleCustomRender ? React.createElement("p", null, handleCustomRender(item)) : React.createElement("p", null, formatDynamicFields(item)),
+                        item.is_selected ? React.createElement(CheckIcon, { className: 'h-4 w-4' }) : null))); })))) : (React.createElement(React.Fragment, null, isSearching && React.createElement(EmptySearchResult, { isSearchLoading: isSearchLoading })))))));
+};
+export default PHXSearchResultList;
+var templateObject_1;
+//# sourceMappingURL=SearchResultList.js.map

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

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

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

@@ -0,0 +1 @@
+export { default as PHXSearchResultList } from './SearchResultList';

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

@@ -0,0 +1,2 @@
+export { default as PHXSearchResultList } from './SearchResultList';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SearchResultList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,oBAAoB,CAAA"}

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

@@ -0,0 +1,14 @@
+import React, { SelectHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+import { ComplexAction } from '../types';
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    className?: string;
+    register?: UseFormRegisterReturn;
+    children?: any;
+    label?: string;
+    helpText?: string;
+    error?: boolean;
+    errorType?: 'required-field' | 'duplicate-field';
+    labelAction?: ComplexAction;
+}
+export declare const PHXSelect: React.FC<SelectProps>;

package/dist/esm/components/Select/Select.js

@@ -0,0 +1,17 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { classNames } from '../types';
+export var PHXSelect = function (_a) {
+    var children = _a.children, className = _a.className, register = _a.register, label = _a.label, helpText = _a.helpText, error = _a.error, errorType = _a.errorType, labelAction = _a.labelAction, rest = __rest(_a, ["children", "className", "register", "label", "helpText", "error", "errorType", "labelAction"]);
+    return (React.createElement("div", { className: className },
+        React.createElement("div", { className: classNames(label ? 'flex mb-1 text-xs font-normal text-gray-700' : 'hidden', label && (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) ? 'justify-between' : '') },
+            label && React.createElement("label", null, label),
+            (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) && (React.createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: labelAction.onClick }, labelAction.content))),
+        React.createElement("select", __assign({}, register, rest, { className: classNames('mt-1 block w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', rest.disabled ? '' : 'hover:cursor-pointer') }), children),
+        helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
+        error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+            React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
+            React.createElement("p", { className: 'text-xs text-red-800' }, errorType === 'required-field' ? 'Vui lòng chọn thông tin' : 'Thông tin đã tồn tại'))) : null));
+};
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAiB,MAAM,UAAU,CAAA;AAapD,MAAM,CAAC,IAAM,SAAS,GAA0B,UAAC,EAUnC;IATZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACR,IAAI,cATwC,+FAUhD,CADQ;IACU,OAAA,CACjB,6BAAK,SAAS,EAAE,SAAS;QACvB,6BACE,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,mCAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,2BACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,2CACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,oPAAoP,EACpP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAC5C,KAEA,QAAQ,CACF;QACR,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+type TData = {
+    id: any;
+    value: string;
+    [key: string]: any;
+};
+type TInputSelectSearch = {
+    disabled?: boolean;
+    data: Array<TData>;
+    label: string;
+    defaultValue?: TData;
+    onChange(value: any): void;
+    register?: UseFormRegisterReturn;
+    placeholder?: string;
+    error?: boolean;
+    errorMessageCustom?: string;
+    errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
+};
+export declare const PHXSelectBox: (props: TInputSelectSearch) => React.JSX.Element;
+export {};

package/dist/esm/components/SelectBox/SelectBox.js

@@ -0,0 +1,141 @@
+import { __assign } from "tslib";
+import { Combobox } from '@headlessui/react';
+import { CheckIcon, ChevronUpDownIcon } from '@heroicons/react/24/solid';
+import React, { useEffect, useRef, useState } from 'react';
+import { PHXInput } from '../Input';
+import ErrorMessage from '../../commons/ErrorMessage';
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+var useDropdownPosition = function (actionButtonRef, open) {
+    var _a = useState({}), position = _a[0], setPosition = _a[1];
+    useEffect(function () {
+        if (!actionButtonRef.current || !open)
+            return;
+        var elementRef = actionButtonRef.current;
+        var positionAtrs = elementRef.getBoundingClientRect();
+        var bottom = positionAtrs.bottom, height = positionAtrs.height, left = positionAtrs.left, right = positionAtrs.right, top = positionAtrs.top;
+        var widthWindow = window.innerWidth;
+        var heightWindow = window.innerHeight;
+        var spaceAbove = top;
+        var spaceBelow = heightWindow - bottom;
+        var spaceLeft = left;
+        var spaceRight = widthWindow - right;
+        var style = {};
+        // Determine vertical positioning
+        if (spaceBelow >= 190) {
+            style.top = top + height + 8;
+        }
+        else if (spaceAbove >= 190) {
+            style.bottom = spaceBelow + height + 8;
+        }
+        else {
+            // If not enough space above or below, use the maximum available space
+            if (spaceBelow > spaceAbove) {
+                style.top = top + height + 8;
+            }
+            else {
+                style.bottom = spaceBelow + height + 8;
+            }
+        }
+        // Determine horizontal positioning
+        if (spaceRight >= 224) {
+            style.left = left;
+        }
+        else if (spaceLeft >= 224) {
+            style.right = spaceRight;
+        }
+        else {
+            // If not enough space on the right or left, use the maximum available space
+            if (spaceRight > spaceLeft) {
+                style.left = left;
+            }
+            else {
+                style.right = spaceRight;
+            }
+        }
+        setPosition(style);
+    }, [actionButtonRef, open]);
+    return position;
+};
+export var PHXSelectBox = function (props) {
+    var data = props.data, defaultValue = props.defaultValue, error = props.error, errorMessageCustom = props.errorMessageCustom, errorType = props.errorType, label = props.label, onChange = props.onChange, placeholder = props.placeholder, register = props.register, _a = props.disabled, disabled = _a === void 0 ? false : _a;
+    var _b = useState(''), query = _b[0], setQuery = _b[1];
+    var comboBtn = useRef(null);
+    var actionButtonRef = useRef(null);
+    var _c = useState(false), open = _c[0], setOpen = _c[1];
+    var _d = useState(defaultValue ? defaultValue : null), selectedPerson = _d[0], setSelectedPerson = _d[1];
+    var filteredPeople = query === '' ? data : data.filter(function (person) { return person.value.toLowerCase().includes(query.toLowerCase()); });
+    var position = useDropdownPosition(actionButtonRef, open);
+    var handlerClickInput = function () {
+        var _a;
+        (_a = comboBtn.current) === null || _a === void 0 ? void 0 : _a.click();
+    };
+    var onChangeValue = function (value) {
+        if (!value)
+            return;
+        setSelectedPerson(value);
+        onChange(value);
+    };
+    var message = function (type) {
+        var errorMessage = '';
+        switch (type) {
+            case 'required-field':
+                errorMessage = 'Vui lòng nhập thông tin';
+                break;
+            case 'validate-input-field':
+                errorMessage = 'Vui lòng nhập thông tin hợp lệ (độ dài 1 - 60 kí tự)';
+                break;
+            case 'duplicate-field':
+                errorMessage = 'Thông tin đã tồn tại';
+                break;
+            case 'validate-phone-number':
+                errorMessage = 'Số điện thoại chưa hợp lệ';
+                break;
+            case 'validate-input-email':
+                errorMessage = 'Định dạng email chưa đúng, vui lòng nhập lại';
+                break;
+            case 'custom-message':
+                errorMessage = errorMessageCustom;
+                break;
+            default:
+                break;
+        }
+        return errorMessage;
+    };
+    var errorCheck = error && errorType && !selectedPerson;
+    var onChangeSelectBox = function (event) {
+        setQuery(event.target.value);
+    };
+    return (React.createElement("div", { ref: actionButtonRef, "aria-hidden": true, onClick: function (e) {
+            e.stopPropagation();
+            setOpen(function (prev) { return !prev; });
+        } },
+        React.createElement(Combobox, { as: 'div', onChange: onChangeValue, value: selectedPerson },
+            React.createElement(Combobox.Label, { className: 'mb-1 flex text-xs font-normal text-gray-700' }, label),
+            React.createElement("div", null,
+                disabled ? (React.createElement(PHXInput, { disabled: disabled, value: (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.value) || '' })) : (React.createElement(Combobox.Input, __assign({ autoComplete: 'off', className: classNames('block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', errorCheck ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') }, register, { displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return onChangeSelectBox(event); }, onClick: function () { return handlerClickInput(); }, placeholder: placeholder }))),
+                React.createElement(Combobox.Button, { ref: comboBtn, className: 'hidden' },
+                    React.createElement(ChevronUpDownIcon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-400' })),
+                filteredPeople.length > 0 ? (React.createElement(Combobox.Options, { className: 'absolute z-10 mt-2 max-h-60 w-fit overflow-auto rounded-lg bg-white px-2 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm', style: position }, filteredPeople.map(function (person) { return (React.createElement(Combobox.Option, { key: person.id, className: function (_a) {
+                        var active = _a.active;
+                        return classNames('relative mb-1 cursor-pointer select-none rounded-lg py-2 pl-3 pr-9', person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) ? 'bg-zinc-200' : 'text-gray-900 ', active ? 'bg-zinc-100' : 'text-gray-900 ');
+                    }, value: person }, function (_a) {
+                    var active = _a.active;
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement("span", { className: classNames('block truncate text-xs', person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) && 'font-semibold') }, person.value),
+                        person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) && (React.createElement("span", { className: classNames('absolute inset-y-0 right-0 flex items-center pr-4', active ? 'text-gray-900' : 'text-indigo-600') },
+                            React.createElement(CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))));
+                })); }))) : (React.createElement(Combobox.Options, { className: 'absolute z-10 max-h-60 w-fit overflow-auto rounded-lg bg-white px-2 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm', style: position },
+                    React.createElement(Combobox.Option, { className: 'mb-1 cursor-pointer select-none rounded-lg py-2 pl-3 pr-9', value: '' },
+                        React.createElement("div", { className: 'flex flex-col items-center justify-center' },
+                            React.createElement("svg", { className: 'mx-auto h-4 w-4 text-gray-700', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                                React.createElement("path", { d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })),
+                            React.createElement("h3", { className: 'pt-[2px] text-sm text-gray-700' }, "Kh\u00F4ng c\u00F3 d\u1EEF li\u1EC7u"))))))),
+        errorCheck ? React.createElement(ErrorMessage, { message: message(errorType) }) : null));
+};
+//# sourceMappingURL=SelectBox.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SkeletonProps {
+    size?: 'small' | 'medium' | 'large' | 'extra-large';
+    type?: 'default' | 'col' | 'single' | 'table' | 'page' | 'page-col' | 'page-with-table' | 'page-table-with-report' | 'page-table-report-filter' | 'page-table-filter' | 'only-header' | 'only-report';
+    className?: string;
+    filterQty?: number;
+    reportQty?: number;
+}
+export declare function PHXSkeleton({ className, size, type, filterQty, reportQty, }: SkeletonProps): React.JSX.Element;

package/dist/esm/components/Skeleton/Skeleton.js

@@ -0,0 +1,97 @@
+import { __spreadArray } from "tslib";
+import { PHXCard } from '../Card/Card';
+import React from 'react';
+import { classNames } from '../types';
+export function PHXSkeleton(_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'extra-large' : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, filterQty = _a.filterQty, reportQty = _a.reportQty;
+    var skeletonClass = classNames(
+    // @ts-ignore
+    size === 'small' && 'mx-auto md:w-5/6 xl:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12', size === 'extra-large' && 'mx-auto w-full');
+    var Skeleton = function () { return (React.createElement("div", { className: 'flex animate-pulse space-x-4' },
+        React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
+            React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
+            React.createElement("div", { className: 'space-y-3' },
+                React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                    React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                    React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
+                React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))); };
+    var SkeletonReport = function () { return (React.createElement("div", { className: 'flex animate-pulse space-x-4' },
+        React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
+            React.createElement("div", { className: 'space-y-3' },
+                React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                    React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                    React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
+                React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
+                React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))); };
+    var SkeletonReportOnly = function () { return (React.createElement("div", { className: 'flex animate-pulse space-x-4' },
+        React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
+            React.createElement("div", { className: 'space-y-2.5' },
+                React.createElement("div", { className: 'h-2 w-3/4 rounded bg-gray-200' }),
+                React.createElement("div", { className: 'h-7 w-1/4 rounded bg-gray-200' }))))); };
+    // const TableLoad = () => {
+    //   return type !== 'table' ? <div className='h-3 w-1/4 rounded bg-gray-200' /> : null
+    // }
+    return (React.createElement(React.Fragment, null, type === 'single' || type === 'only-header' || type === 'only-report' ? (React.createElement(React.Fragment, null,
+        type === 'single' && (React.createElement("div", { className: "flex animate-pulse space-x-4 ".concat(className) },
+            React.createElement("div", { className: 'h-3 w-full rounded bg-gray-300' }))),
+        type === 'only-header' && React.createElement("div", { className: "h-7 rounded bg-gray-200 ".concat(className) }),
+        type === 'only-report' && (React.createElement("div", { className: className },
+            React.createElement(PHXCard, null,
+                React.createElement(SkeletonReportOnly, null)))))) : (React.createElement("div", { className: "".concat(className, " ").concat(skeletonClass) },
+        type !== 'table' ? (React.createElement("div", { className: 'mb-7 flex animate-pulse space-x-4' },
+            React.createElement("div", { className: 'h-7 w-1/6 rounded bg-gray-200' }))) : null,
+        React.createElement("div", { className: classNames(type === 'default' ||
+                type === 'table' ||
+                type === 'page' ||
+                type === 'page-with-table' ||
+                type === 'page-table-with-report' ||
+                type === 'page-table-report-filter' ||
+                type === 'page-table-filter'
+                ? ''
+                : 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-4') },
+            React.createElement("div", { className: classNames(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
+                (type === 'page-table-report-filter' || type === 'page-table-filter') && (React.createElement("div", { className: 'flex gap-x-3' }, __spreadArray([], Array(filterQty), true).map(function (_, index) { return (React.createElement("div", { key: index, className: 'h-7 w-20 rounded bg-gray-200 animate-pulse' })); }))),
+                (type === 'page-table-with-report' || type === 'page-table-report-filter') && (React.createElement(React.Fragment, null, __spreadArray([], Array(reportQty), true).map(function (_, index) { return (React.createElement(PHXCard, { key: index },
+                    React.createElement(SkeletonReport, null))); }))),
+                React.createElement(PHXCard, null,
+                    React.createElement(Skeleton, null),
+                    type === 'page' || type === 'page-col' ? null : (React.createElement(React.Fragment, null,
+                        React.createElement(Skeleton, null),
+                        React.createElement(Skeleton, null))),
+                    (type === 'table' ||
+                        type === 'page-with-table' ||
+                        type === 'page-table-with-report' ||
+                        type === 'page-table-report-filter' ||
+                        type === 'page-table-filter') && (React.createElement(React.Fragment, null,
+                        React.createElement(Skeleton, null),
+                        React.createElement(Skeleton, null),
+                        React.createElement(Skeleton, null),
+                        React.createElement(Skeleton, null)))),
+                type === 'page' || type === 'page-col' ? (React.createElement(React.Fragment, null,
+                    React.createElement(PHXCard, null,
+                        React.createElement(Skeleton, null)),
+                    React.createElement(PHXCard, null,
+                        React.createElement(Skeleton, null)))) : null),
+            type === 'col' || type === 'page-col' ? (React.createElement("div", { className: 'grid grid-cols-1 gap-4' },
+                React.createElement(PHXCard, null,
+                    React.createElement("div", { className: 'flex animate-pulse space-x-4' },
+                        React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
+                            React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
+                            React.createElement("div", { className: 'space-y-3' },
+                                React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                                    React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' }),
+                                    React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                                    React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                                    React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
+                                React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))),
+                type === 'page-col' && (React.createElement(PHXCard, null,
+                    React.createElement("div", { className: 'flex animate-pulse space-x-4' },
+                        React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
+                            React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
+                            React.createElement("div", { className: 'space-y-3' },
+                                React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                                    React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                                    React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
+                                React.createElement("div", { className: 'h-2 rounded bg-gray-200' })))))))) : null)))));
+}
+//# sourceMappingURL=Skeleton.js.map

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

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

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

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