phx-uikit 1.0.0

package/dist/esm/components/Chart/PieChart/PieChart.js

@@ -0,0 +1,74 @@
+import { __assign } from "tslib";
+import React, { useState } from 'react';
+import { ResponsiveContainer, PieChart, Pie, Cell, Legend, Sector } from 'recharts';
+function PHXPieChart(props) {
+    var _a = props.outerRadius, outerRadius = _a === void 0 ? 150 : _a, dataKey = props.dataKey, data = props.data, _b = props.color, color = _b === void 0 ? ['#6f8fef', '#8565ed', '#dd75c1', '#FF8042'] : _b, hiddenLabel = props.hiddenLabel, hiddenLegend = props.hiddenLegend;
+    var _c = useState(null), activeIndex = _c[0], setActiveIndex = _c[1];
+    var _d = useState(null), hoveredBar = _d[0], setHoveredBar = _d[1];
+    var onPieEnter = function (value, index) {
+        setActiveIndex(index);
+        setHoveredBar(value.tooltipPayload[0].name);
+    };
+    var onMouseLeave = function () {
+        setActiveIndex(null);
+        setHoveredBar(null);
+    };
+    var RADIAN = Math.PI / 180;
+    var CustomToolLegend = function (propsTooltip) {
+        var payload = propsTooltip.payload;
+        return (React.createElement("div", { className: 'custom-legend mt-4' },
+            React.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, payload === null || payload === void 0 ? void 0 : payload.map(function (item) { return (React.createElement("div", { key: item.id, style: {
+                    backgroundColor: '#F6F6F7',
+                    padding: 5,
+                    borderRadius: '5px'
+                } },
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5
+                    } },
+                    React.createElement("div", { style: {
+                            borderRadius: '4px',
+                            width: '18px',
+                            height: '18px',
+                            background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
+                            alignItems: 'center',
+                            alignContent: 'center'
+                        } }),
+                    React.createElement("p", { style: {
+                            marginLeft: '10px',
+                            fontSize: '14px',
+                            marginRight: 4,
+                            color: '#999'
+                        } }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
+    };
+    var renderActiveShape = function (props) {
+        var cx = props.cx, cy = props.cy, innerRadius = props.innerRadius, outerRadius = props.outerRadius, startAngle = props.startAngle, endAngle = props.endAngle, fill = props.fill, payload = props.payload, percent = props.percent;
+        return (React.createElement("g", null,
+            React.createElement("text", { x: cx, y: cy, dy: -8, textAnchor: 'middle', fill: fill, style: { fontSize: '18px' } }, payload.name),
+            React.createElement("text", { x: cx, y: cy, dy: 12, textAnchor: 'middle', fill: fill }, "(".concat((percent * 100).toFixed(2), "%)")),
+            React.createElement(Sector, { cx: cx, cy: cy, opacity: 0.5, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, fill: fill, cornerRadius: 5 })));
+    };
+    return (React.createElement(ResponsiveContainer, { height: 500, width: '100%' },
+        React.createElement(PieChart, { height: 400, onMouseLeave: onMouseLeave, width: 800 },
+            React.createElement(Pie, __assign({ activeIndex: activeIndex, activeShape: renderActiveShape, cx: '50%', cy: '50%', data: data, dataKey: dataKey !== null && dataKey !== void 0 ? dataKey : 'value', fill: '#8884d8', innerRadius: 130 }, (!hiddenLabel && {
+                label: function (_a) {
+                    var _b;
+                    var cx = _a.cx, cy = _a.cy, index = _a.index, innerRadius = _a.innerRadius, midAngle = _a.midAngle, outerRadius = _a.outerRadius, value = _a.value;
+                    var radius = 25 + innerRadius + (outerRadius - innerRadius);
+                    var x = cx + radius * Math.cos(-midAngle * RADIAN);
+                    var y = cy + radius * Math.sin(-midAngle * RADIAN);
+                    if (value === 0) {
+                        return React.createElement(React.Fragment, null);
+                    }
+                    return (React.createElement("text", { dominantBaseline: 'central', fill: '#8884d8', textAnchor: x > cx ? 'start' : 'end', x: x, y: y }, (_b = data[index]) === null || _b === void 0 ? void 0 :
+                        _b.name,
+                        " (",
+                        value,
+                        ")"));
+                }
+            }), { onMouseEnter: onPieEnter, outerRadius: outerRadius, cornerRadius: 5, paddingAngle: 1, labelLine: false, style: { outline: 'none' } }), data.map(function (_entry, index) { return (React.createElement(Cell, { key: "cell-".concat(index + 1), fill: color[index % color.length] })); })),
+            hiddenLegend && React.createElement(Legend, { content: React.createElement(CustomToolLegend, null) }))));
+}
+export default PHXPieChart;
+//# sourceMappingURL=PieChart.js.map

package/dist/esm/components/Chart/PieChart/PieChart.js.map

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

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

@@ -0,0 +1,3 @@
+export * from './PieChart/PieChart';
+export * from './DonutChart/DonutChart';
+export * from './BarChart/BarChart';

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

@@ -0,0 +1,4 @@
+export * from './PieChart/PieChart';
+export * from './DonutChart/DonutChart';
+export * from './BarChart/BarChart';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Chart/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA"}

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

@@ -0,0 +1,18 @@
+import React, { InputHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    children?: any;
+    label?: string;
+    title?: string;
+    helpText?: string;
+    expanded?: boolean;
+    register?: UseFormRegisterReturn;
+    onChange?: any;
+    error?: boolean;
+    errorType?: 'required-field' | 'duplicate-field';
+    id?: string;
+    checkType?: 'default' | 'with-border';
+    disabled?: boolean;
+}
+export declare const PHXCheckbox: React.FC<CheckboxProps>;

package/dist/esm/components/Checkbox/Checkbox.js

@@ -0,0 +1,39 @@
+import { __assign, __rest } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { classNames } from '../types';
+import StyledCheckboxLayout from './styles/StyleCheckbox';
+export var PHXCheckbox = function (_a) {
+    var children = _a.children, className = _a.className, helpText = _a.helpText, label = _a.label, title = _a.title, expanded = _a.expanded, register = _a.register, onChange = _a.onChange, error = _a.error, errorType = _a.errorType, _b = _a.id, id = _b === void 0 ? 'checkbox' : _b, _c = _a.checkType, checkType = _c === void 0 ? 'default' : _c, disabled = _a.disabled, rest = __rest(_a, ["children", "className", "helpText", "label", "title", "expanded", "register", "onChange", "error", "errorType", "id", "checkType", "disabled"]);
+    var _d = useState(false), show = _d[0], setShow = _d[1];
+    useEffect(function () {
+        // @ts-ignore
+        setShow(expanded);
+    }, [expanded]);
+    var handleChange = function (e) {
+        setShow(e.target.checked);
+        if (onChange) {
+            onChange(e);
+        }
+    };
+    var getBorderClasses = function (type) {
+        if (type !== 'with-border')
+            return '';
+        return classNames('py-1.5 rounded-lg border-[0.5px] border-gray-500 px-3 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', disabled && 'bg-gray-50');
+    };
+    return (React.createElement("div", { className: className },
+        React.createElement(StyledCheckboxLayout, { id: id }),
+        label && React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
+        React.createElement("div", { className: classNames('flex items-center py-1', getBorderClasses(checkType)) },
+            React.createElement("div", { className: "flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer ".concat(checkType === 'with-border' && 'flex-1') },
+                React.createElement("input", __assign({}, rest, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'border-gray-400 hover:bg-transparent' : '', 'h-4 w-4 rounded border-[0.5px] border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent hidden'), id: id, onChange: handleChange }, register, { type: 'checkbox', disabled: disabled })),
+                React.createElement("label", { htmlFor: id, className: "checkbox ".concat(checkType === 'with-border' && 'flex-1') },
+                    React.createElement("span", { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'border-gray-400 hover:bg-transparent' : '', 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent icon') }),
+                    React.createElement("span", { className: classNames('ml-7 font-normal', disabled ? 'text-gray-400 hover:bg-transparent' : '') }, title)))),
+        helpText && show ? React.createElement("div", { className: 'pl-7 text-xs font-light text-gray-400' }, helpText) : null,
+        show && children ? React.createElement("div", { className: 'ml-7' }, children) : React.createElement(React.Fragment, 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=Checkbox.js.map

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

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

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

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

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

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

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

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

package/dist/esm/components/Checkbox/styles/StyleCheckbox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const StyledCheckboxLayout: ({ id }: any) => React.JSX.Element;
+export default StyledCheckboxLayout;

package/dist/esm/components/Checkbox/styles/StyleCheckbox.js

@@ -0,0 +1,7 @@
+import React from 'react';
+var StyledCheckboxLayout = function (_a) {
+    var id = _a.id;
+    return (React.createElement("style", null, "\n        .checkbox {\n            display: inline-block;\n            position: relative;\n            font-weight: bold;\n            cursor: pointer;\n          }\n          \n          .checkbox:active .text {\n            transform: scale(0.9);\n          }\n          \n          .checkbox .icon {\n            position: absolute;\n            top: 50%;\n            left: 0;\n            transform: translateY(-50%);\n          }\n          \n          .checkbox .icon::before,\n          .checkbox .icon::after {\n            content: '';\n            display: block;\n            position: absolute;\n          }\n          \n          .checkbox .icon::before {\n            height: 100%;\n            width: 100%;\n            /* border-radius: 100%; */\n            background: transparent;\n            transition: background 80ms cubic-bezier(0.165, 0.84, 0.44, 1);\n          }\n          \n          .checkbox .icon::after {\n            border: 2px solid transparent;\n            transition: height 80ms ease-in, width 80ms ease-out 80ms, border-color cubic-bezier(0.165, 0.84, 0.44, 1) 80ms 80ms;\n            width: 0px;\n            height: 0px;\n            bottom: 7px;\n            left: 1px;\n            border-top-right-radius: 3px;\n            border-bottom-right-radius: 2px;\n            border-bottom-left-radius: 3px;\n            transform-origin: bottom left;\n            transform: rotate(45deg);\n          }\n          \n          #".concat(id, ":checked + .checkbox .icon::after {\n            width: 6px;\n            height: 10px;\n            border-right-color: white;\n            border-bottom-color: white;\n            transition: width 80ms ease-in, height 80ms ease-out 80ms, border-color cubic-bezier(0.165, 0.84, 0.44, 1) 80ms;\n          }\n          \n          #").concat(id, ":checked + .checkbox .icon::before {\n            background: #1a1a1a;\n          }\n          ")));
+};
+export default StyledCheckboxLayout;
+//# sourceMappingURL=StyleCheckbox.js.map

package/dist/esm/components/Checkbox/styles/StyleCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleCheckbox.js","sourceRoot":"","sources":["../../../../../src/components/Checkbox/styles/StyleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,oBAAoB,GAAG,UAAC,EAAW;QAAT,EAAE,QAAA;IAChC,OAAO,CACL,mCACG,w8CAgDM,EAAE,yVAQF,EAAE,oGAGJ,CACC,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

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

@@ -0,0 +1,17 @@
+import { UseFormRegisterReturn } from 'react-hook-form';
+import React from 'react';
+export interface ChoiceList {
+    list: {
+        title: string;
+        register?: UseFormRegisterReturn;
+        helpText?: string;
+        component?: any;
+        expanded?: boolean;
+        defaultValue?: any;
+        defaultChecked?: boolean;
+        disabled?: boolean;
+        onChange?(): void;
+    } | any;
+    label?: string;
+}
+export declare function PHXChoiceList({ label, list }: ChoiceList): React.JSX.Element;

package/dist/esm/components/ChoiceList/ChoiceList.js

@@ -0,0 +1,9 @@
+import { PHXCheckbox } from '../Checkbox';
+import React from 'react';
+export function PHXChoiceList(_a) {
+    var label = _a.label, list = _a.list;
+    return (React.createElement(React.Fragment, null,
+        label && React.createElement("label", { className: 'block pb-1 text-xs font-medium leading-5 text-gray-700' }, label),
+        list.map(function (item) { return (React.createElement(PHXCheckbox, { id: item.id, key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title, defaultValue: item.defaultValue, defaultChecked: item.defaultChecked, disabled: item.disabled, onChange: item.onChange }, item.component)); })));
+}
+//# sourceMappingURL=ChoiceList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,MAAM,UAAU,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,+BAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,oBAAC,WAAW,IACV,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEtB,IAAI,CAAC,SAAS,CACH,CACf,EAfwB,CAexB,CAAC,CACD,CACJ,CAAA;AACH,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+type TSelectItem = Array<{
+    id: number;
+    name: string;
+}>;
+export interface ComboboxProps {
+    className?: string;
+    label?: string;
+    id?: string;
+    listOptions: TSelectItem;
+    defaultValue?: TSelectItem;
+    placeholder?: string;
+    onChange?: any;
+    error?: boolean;
+    selectFieldPosition?: 'top' | 'bottom';
+    optionHeight?: number;
+    disabled?: boolean;
+}
+export declare const PHXCombobox: ({ className, defaultValue, disabled, error, id, label, listOptions, onChange, optionHeight, placeholder, selectFieldPosition, }: ComboboxProps) => React.JSX.Element;
+export {};

package/dist/esm/components/Combobox/Combobox.js

@@ -0,0 +1,109 @@
+import { __assign, __spreadArray } from "tslib";
+import { XMarkIcon } from '@heroicons/react/24/solid';
+import React, { useEffect, useRef, useState } from 'react';
+import { PHXCheckbox } from '../Checkbox';
+export var PHXCombobox = function (_a) {
+    var className = _a.className, defaultValue = _a.defaultValue, _b = _a.disabled, disabled = _b === void 0 ? false : _b, error = _a.error, id = _a.id, label = _a.label, listOptions = _a.listOptions, onChange = _a.onChange, _c = _a.optionHeight, optionHeight = _c === void 0 ? 300 : _c, placeholder = _a.placeholder, _d = _a.selectFieldPosition, selectFieldPosition = _d === void 0 ? 'bottom' : _d;
+    var _e = useState(false), isFocused = _e[0], setIsFocused = _e[1];
+    var _f = useState(defaultValue || []), selectedItems = _f[0], setSelectedItems = _f[1];
+    var _g = useState(listOptions || []), options = _g[0], setOptions = _g[1];
+    var checkedAll = (listOptions === null || listOptions === void 0 ? void 0 : listOptions.length) === (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length);
+    var wrapperRef = useRef(null);
+    var handleChange = function (data) {
+        if (onChange) {
+            onChange(data);
+        }
+    };
+    var handleItemClick = function (item) {
+        var isSelected = selectedItems.some(function (selectedItem) { return selectedItem.id === item.id; });
+        if (isSelected) {
+            var newSelectedItem = selectedItems.filter(function (selectedItem) { return selectedItem.id !== item.id; });
+            setSelectedItems(newSelectedItem);
+            handleChange(newSelectedItem);
+            return;
+        }
+        handleChange(__spreadArray(__spreadArray([], selectedItems, true), [item], false));
+        setSelectedItems(__spreadArray(__spreadArray([], selectedItems, true), [item], false));
+    };
+    var handleRemoveItem = function (item) {
+        var newSelectedItems = selectedItems.filter(function (selectedItem) { return selectedItem.id !== item.id; });
+        setSelectedItems(newSelectedItems);
+        handleChange(newSelectedItems);
+    };
+    var handleChangeInput = function (value) {
+        if (value === '') {
+            setOptions(listOptions);
+        }
+        else {
+            var filteredOptions = listOptions.filter(function (option) {
+                return option.name.toLowerCase().includes(value.toLowerCase());
+            });
+            setOptions(filteredOptions);
+        }
+    };
+    var handleCheckAll = function () {
+        if (checkedAll) {
+            setSelectedItems([]);
+            handleChange([]);
+        }
+        else {
+            setSelectedItems(options);
+            handleChange(options);
+        }
+    };
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            var _a;
+            if (wrapperRef.current && !((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                setIsFocused(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return function () {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [wrapperRef]);
+    useEffect(function () {
+        setOptions(listOptions);
+    }, [listOptions]);
+    useEffect(function () {
+        if (defaultValue) {
+            setSelectedItems(defaultValue);
+        }
+    }, [defaultValue]);
+    return (React.createElement("div", { className: className, id: id },
+        label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+        React.createElement("div", { ref: wrapperRef, className: 'relative w-full bg-gray-100 rounded-lg' },
+            React.createElement("div", { className: "".concat(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', " \n         ").concat(!disabled ? 'hover:bg-gray-50' : '', "\n          block w-full space-y-1 rounded-lg border border-gray-500 bg-white text-sm shadow-sm focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent ") },
+                selectedItems.length > 0 && options.length > 0 && !checkedAll && listOptions.length > 0 && (React.createElement("div", { className: 'ml-2 mt-2 flex flex-wrap items-center gap-2' }, selectedItems.map(function (item) { return (React.createElement("div", { key: item.name + item.id, className: 'flex items-center whitespace-nowrap rounded-xl bg-gray-200' },
+                    React.createElement("p", { className: "pl-2  text-xs text-gray-700 ".concat(disabled ? 'py-[2px] pr-2' : 'pr-[2px]') }, item.name),
+                    !disabled && (React.createElement("button", { className: 'rounded-xl p-[3px] hover:cursor-pointer hover:bg-gray-300', onClick: function () { return handleRemoveItem(item); }, type: 'button' },
+                        React.createElement(XMarkIcon, { className: 'h-4 w-4' }))))); }))),
+                React.createElement("input", { className: 'w-full rounded-lg border-none border-transparent py-[0.4rem] pl-3 text-xs outline-none focus:border-none focus:border-transparent focus:ring-0', disabled: disabled, id: 'main', onChange: function (e) { return handleChangeInput(e.target.value); }, onFocus: function () { return setIsFocused(true); }, placeholder: selectedItems.length === (listOptions === null || listOptions === void 0 ? void 0 : listOptions.length) && selectedItems.length > 0 ? 'Tất cả' : placeholder })),
+            options.length > 0 ? (React.createElement("div", { 
+                // eslint-disable-next-line prettier/prettier
+                className: "absolute z-50  mt-2  w-full overflow-y-auto rounded-lg bg-white p-2 shadow-xl border ".concat(!isFocused ? 'hidden' : ''), style: __assign({ height: optionHeight }, (selectFieldPosition === 'top' && {
+                    top: -optionHeight - 10
+                })) },
+                React.createElement("div", { key: 'selectAllCheckBox', className: 'relative mb-1 rounded-lg px-2 py-[1.5px] hover:bg-gray-200' },
+                    React.createElement(PHXCheckbox, { checked: checkedAll, className: 'mb-1  rounded-lg  px-2 py-[1.5px] hover:bg-gray-200', id: "checkbox_".concat(Math.floor(Math.random() * 1000000) + 1), onClick: function () {
+                            handleCheckAll();
+                        }, title: 'T\u1EA5t c\u1EA3' }),
+                    React.createElement("button", { className: 'absolute inset-0 cursor-pointer', onClick: function () {
+                            handleCheckAll();
+                        }, type: 'button' })), options === null || options === void 0 ? void 0 :
+                options.map(function (item) {
+                    var randomNum = Math.floor(Math.random() * 1000000) + 1;
+                    return (React.createElement("div", { key: item.id, className: 'relative mb-1 rounded-lg px-2 py-[1.5px] hover:bg-gray-200' },
+                        React.createElement(PHXCheckbox, { checked: selectedItems.some(function (selectedItem) { return selectedItem.id === item.id; }), className: 'mb-1  rounded-lg  px-2 py-[1.5px] hover:bg-gray-200', id: "checkbox_".concat(randomNum), onClick: function () { return handleItemClick(item); }, title: item.name }),
+                        React.createElement("button", { className: 'absolute inset-0 cursor-pointer', onClick: function () { return handleItemClick(item); }, type: 'button' })));
+                }))) : (React.createElement("div", { 
+                // eslint-disable-next-line prettier/prettier
+                className: "absolute z-50  mt-2  w-full overflow-y-auto rounded-lg bg-white p-2 shadow-xl ".concat(!isFocused ? 'hidden' : ''), style: __assign({}, (selectFieldPosition === 'top' && { top: -90 })) },
+                React.createElement("div", { className: 'mt-3 h-[50px] text-center' },
+                    React.createElement("div", null,
+                        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: 'mt-[2px] text-sm text-gray-700' }, "Kh\u00F4ng c\u00F3 d\u1EEF li\u1EC7u"))))))));
+};
+//# sourceMappingURL=Combobox.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+import { CalendarProps } from './components/Calendar';
+export interface DatePickerProps extends CalendarProps {
+    onChange?(val: any): void;
+    defaultValue?: any;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    origin?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    register?: UseFormRegisterReturn;
+    id?: string;
+    error?: boolean;
+    errorType?: 'required-field' | 'duplicate-field' | 'custom-message';
+    errorMessageCustom?: string;
+    placeholder?: string;
+}
+export declare function PHXDatePicker({ className, defaultValue, disabled, disabledDate, endDisabled, error, errorType, id, label, max, min, onChange, onChangeDate, origin, register, startDisabled, errorMessageCustom, placeholder, }: DatePickerProps): React.JSX.Element;

package/dist/esm/components/DatePicker/DatePicker.js

@@ -0,0 +1,139 @@
+import { __assign } from "tslib";
+import { CalendarDaysIcon } from '@heroicons/react/20/solid';
+import React, { useEffect, useRef, useState } from 'react';
+import Calendar from './components/Calendar';
+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(' ');
+}
+export function PHXDatePicker(_a) {
+    var className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, error = _a.error, errorType = _a.errorType, _b = _a.id, id = _b === void 0 ? 'date-picker' : _b, label = _a.label, max = _a.max, min = _a.min, onChange = _a.onChange, onChangeDate = _a.onChangeDate, _c = _a.origin, origin = _c === void 0 ? 'bottom-left' : _c, register = _a.register, startDisabled = _a.startDisabled, errorMessageCustom = _a.errorMessageCustom, placeholder = _a.placeholder;
+    var message = function (type) {
+        var errorMessage = '';
+        switch (type) {
+            case 'required-field':
+                errorMessage = 'Vui lòng nhập thông tin';
+                break;
+            case 'duplicate-field':
+                errorMessage = 'Thông tin đã tồn tại';
+                break;
+            case 'custom-message':
+                errorMessage = errorMessageCustom;
+                break;
+            default:
+                break;
+        }
+        return errorMessage;
+    };
+    var inputRef = useRef(null);
+    var calendarRef = useRef(null);
+    var _d = useState(false), isCalendarVisible = _d[0], setIsCalendarVisible = _d[1];
+    var _e = useState(''), inputValue = _e[0], setInputValue = _e[1];
+    var _f = useState(''), inputChange = _f[0], setInputChange = _f[1];
+    var _g = useState(false), isFocus = _g[0], setIsFocus = _g[1];
+    var _h = useState(false), isOnChange = _h[0], setIsOnChange = _h[1];
+    var handleToggleCalendar = function () {
+        setIsCalendarVisible(true);
+    };
+    var handleSelectDate = function (selectedDate) {
+        var inputElement = document.getElementById("".concat(id, "-after"));
+        if (inputElement)
+            inputElement.focus();
+        if (onChangeDate) {
+            onChangeDate(selectedDate);
+        }
+        setInputValue(selectedDate.format);
+    };
+    // const handleEnterInput = (event: any) => {
+    //   // if (event.key === 'Enter') {
+    //   const inputElement = document.getElementById(`${id}-after`)
+    //   if (inputElement) inputElement.focus()
+    //   setInputChange(event.target.value)
+    //   // }
+    // }
+    var handleChangeInput = function (event) {
+        setIsOnChange(true);
+        setInputValue(event.target.value);
+        setInputChange(event.target.value);
+        if (onChange) {
+            var dateArr = event.target.value.split('-');
+            var year = dateArr[2];
+            var month = dateArr[1];
+            var day = dateArr[0];
+            onChange({ format: event.target.value, date: new Date(year, month, day) });
+        }
+    };
+    useEffect(function () {
+        if (defaultValue) {
+            // @ts-ignore
+            setInputValue(defaultValue);
+        }
+    }, [defaultValue]);
+    useEffect(function () {
+        var modalElement = document.getElementById('modal');
+        var handleClickOutside = function (event) {
+            if (isFocus && modalElement) {
+                setIsCalendarVisible(true);
+            }
+            if (calendarRef.current &&
+                !calendarRef.current.contains(event.target) &&
+                inputRef.current !== event.target &&
+                !isFocus) {
+                setIsCalendarVisible(false);
+                var inputElement = document.getElementById("".concat(id, "-after"));
+                if (inputElement && isOnChange) {
+                    inputElement.focus();
+                    setIsOnChange(false);
+                    inputElement.blur();
+                }
+            }
+        };
+        document.addEventListener('click', handleClickOutside);
+        if (modalElement) {
+            modalElement.addEventListener('click', handleClickOutside);
+        }
+        return function () {
+            document.removeEventListener('click', handleClickOutside);
+        };
+    }, [isFocus, isOnChange]);
+    var value = function () {
+        switch (true) {
+            case !!defaultValue && !!inputValue:
+                return inputValue;
+            case !!defaultValue && !inputValue:
+                return defaultValue;
+            default:
+                return inputValue;
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: className },
+            label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+            React.createElement("div", { className: 'relative' },
+                React.createElement("label", { ref: inputRef, className: 'absolute top-0 h-[1.875rem] w-full rounded-lg py-4', htmlFor: id, onClick: handleToggleCalendar }),
+                React.createElement("input", { className: classNames('block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 pl-9 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' : '', disabled ? 'bg-gray-50' : ''), disabled: disabled, id: id, onBlur: function () { return setIsFocus(false); }, onChange: handleChangeInput, onFocus: function () {
+                        setIsFocus(true);
+                        setIsCalendarVisible(true);
+                    }, 
+                    // onKeyDown={handleEnterInput}
+                    value: value(), placeholder: placeholder }),
+                React.createElement("input", __assign({ className: 'rounded-lg', id: "".concat(id, "-after"), 
+                    // readOnly
+                    style: {
+                        content: '',
+                        position: 'absolute',
+                        height: 0,
+                        top: -0,
+                        zIndex: -100
+                    } }, register, { onChange: handleChangeInput, value: value() })),
+                error && errorType ? React.createElement(ErrorMessage, { message: message(errorType) }) : null,
+                React.createElement("div", { className: 'absolute left-3 top-2' },
+                    React.createElement(CalendarDaysIcon, { className: 'h-4 w-4 text-gray-500' })),
+                React.createElement("div", { ref: calendarRef, className: classNames('absolute z-50', origin === 'top-left' && '-top-60 left-0', origin === 'top-right' && '-top-60 right-0', origin === 'bottom-left' && 'left-0 top-10', origin === 'bottom-right' && 'right-0 top-10', isCalendarVisible && !disabled ? '' : 'hidden') },
+                    React.createElement(Calendar, { defaultDate: defaultValue, disabledDate: disabledDate, endDisabled: endDisabled, inputValue: inputChange, max: max, min: min, onChangeDate: function (val) { return handleSelectDate(val); }, startDisabled: startDisabled }))))));
+}
+//# sourceMappingURL=DatePicker.js.map

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

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

package/dist/esm/components/DatePicker/components/Calendar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface CalendarProps {
+    startDisabled?: string;
+    endDisabled?: string;
+    defaultDate?: string;
+    disabledDate?: Array<string>;
+    onChangeDate?(val: any): void;
+    max?: string;
+    min?: string;
+}
+interface Props extends CalendarProps {
+    inputValue?: string;
+}
+export default function Calendar({ defaultDate, disabledDate, endDisabled, inputValue, max, min, onChangeDate, startDisabled, }: Props): React.JSX.Element;
+export {};