phx-uikit 1.0.256 → 1.0.258

package/dist/cjs/components/ReportButton/ReportButton.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.PHXReportButtonTab = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
@@ -10,17 +10,15 @@ var PHXReportButtonTab = function (_a) {
     var handleClick = function (item) {
         onChange(item.value);
         if (configUrlApply && item.key) {
-            (0, PHXUrlApply_1["default"])(item.key, item.value, item.listKeyReset || [], configUrlApply);
+            (0, PHXUrlApply_1.default)(item.key, item.value, item.listKeyReset || [], configUrlApply);
         }
     };
-    var containerClass = columns
-        ? "grid gap-4 grid-cols-1 sm:grid-cols-".concat(columns)
-        : 'flex flex-col gap-4 sm:flex-row sm:items-stretch sm:justify-start';
-    return (react_1["default"].createElement("div", { className: "w-full pb-4 ".concat(className) },
-        react_1["default"].createElement("div", { className: 'overflow-x-auto' },
-            react_1["default"].createElement("div", { className: containerClass }, tabs.map(function (item) { return (react_1["default"].createElement("div", { key: item.value, className: "w-full min-w-[160px]" }, loading ? (react_1["default"].createElement(Skeleton_1.PHXSkeleton, { size: 'extra-large', type: 'only-report' })) : (react_1["default"].createElement("div", { className: "h-full w-full cursor-pointer rounded-xl px-4 py-5 transition-all sm:p-6 \n                  ".concat(activeTab === item.value ? 'bg-gray-100' : 'bg-white hover:bg-gray-100'), onClick: function () { return handleClick(item); }, role: 'button' },
-                react_1["default"].createElement("p", { className: 'text-left text-[13px] text-gray-600' }, item.name),
-                react_1["default"].createElement("p", { className: 'truncate text-left text-[24px] font-semibold text-black' }, item.count))))); })))));
+    var containerClass = columns ? "flex gap-4 sm:grid sm:grid-cols-".concat(columns) : 'flex gap-4';
+    return (react_1.default.createElement("div", { className: "w-full pb-4 ".concat(className) },
+        react_1.default.createElement("div", { className: 'overflow-x-auto' },
+            react_1.default.createElement("div", { className: containerClass }, tabs.map(function (item) { return (react_1.default.createElement("div", { key: item.value, className: 'h-[90px] w-full min-w-[200px]' }, loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { size: 'extra-large', type: 'only-report' })) : (react_1.default.createElement("div", { className: "flex h-full w-full cursor-pointer flex-col justify-center rounded-xl\n                  px-4 transition-all sm:px-6\n                  ".concat(activeTab === item.value ? 'bg-gray-100' : 'bg-white hover:bg-gray-100'), onClick: function () { return handleClick(item); }, role: 'button' },
+                react_1.default.createElement("p", { className: 'text-left text-[13px] text-gray-600' }, item.name),
+                react_1.default.createElement("p", { className: 'truncate text-left text-[24px] font-semibold text-black' }, item.count))))); })))));
 };
 exports.PHXReportButtonTab = PHXReportButtonTab;
 //# sourceMappingURL=ReportButton.js.map

package/dist/cjs/components/ReportButton/ReportButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportButton.js","sourceRoot":"","sources":["../../../../src/components/ReportButton/ReportButton.tsx"],"names":[],"mappings":";;;;AAAA,wDAAwC;AACxC,wCAAyC;AAEzC,wFAAyD;AAmBlD,IAAM,kBAAkB,GAAG,UAAC,EAQ3B;QAPN,SAAS,eAAA,EACT,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA;IAEJ,IAAM,WAAW,GAAG,UAAC,IAAa;QAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpB,IAAI,cAAc,IAAI,IAAI,CAAC,GAAG,EAAE;YAC9B,IAAA,wBAAW,EAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,EAAE,cAAc,CAAC,CAAA;SAC3E;IACH,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,OAAO;QAC5B,CAAC,CAAC,8CAAuC,OAAO,CAAE;QAClD,CAAC,CAAC,mEAAmE,CAAA;IAEvE,OAAO,CACL,0CAAK,SAAS,EAAE,sBAAe,SAAS,CAAE;QACxC,0CAAK,SAAS,EAAC,iBAAiB;YAC9B,0CAAK,SAAS,EAAE,cAAc,IAC3B,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAClB,0CAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,sBAAsB,IACpD,OAAO,CAAC,CAAC,CAAC,CACT,iCAAC,sBAAW,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,aAAa,GAAG,CACtD,CAAC,CAAC,CAAC,CACF,0CACE,SAAS,EAAE,sGACT,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,4BAA4B,CAAE,EAC3E,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;gBAEb,wCAAG,SAAS,EAAC,qCAAqC,IAAE,IAAI,CAAC,IAAI,CAAK;gBAClE,wCAAG,SAAS,EAAC,yDAAyD,IAAE,IAAI,CAAC,KAAK,CAAK,CACnF,CACP,CACG,CACP,EAhBmB,CAgBnB,CAAC,CACE,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,kBAAkB,sBA6C9B"}
+{"version":3,"file":"ReportButton.js","sourceRoot":"","sources":["../../../../src/components/ReportButton/ReportButton.tsx"],"names":[],"mappings":";;;;AAAA,wDAAwC;AACxC,wCAAyC;AAEzC,wFAAyD;AAmBlD,IAAM,kBAAkB,GAAG,UAAC,EAQ3B;QAPN,SAAS,eAAA,EACT,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA;IAEJ,IAAM,WAAW,GAAG,UAAC,IAAa;QAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpB,IAAI,cAAc,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YAC/B,IAAA,qBAAW,EAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,EAAE,cAAc,CAAC,CAAA;QAC5E,CAAC;IACH,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,0CAAmC,OAAO,CAAE,CAAC,CAAC,CAAC,YAAY,CAAA;IAE5F,OAAO,CACL,uCAAK,SAAS,EAAE,sBAAe,SAAS,CAAE;QACxC,uCAAK,SAAS,EAAC,iBAAiB;YAC9B,uCAAK,SAAS,EAAE,cAAc,IAC3B,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAClB,uCAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAC,+BAA+B,IAC5D,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,sBAAW,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,aAAa,GAAG,CACtD,CAAC,CAAC,CAAC,CACF,uCACE,SAAS,EAAE,iJAET,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,4BAA4B,CAAE,EAC3E,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;gBAEb,qCAAG,SAAS,EAAC,qCAAqC,IAAE,IAAI,CAAC,IAAI,CAAK;gBAClE,qCAAG,SAAS,EAAC,yDAAyD,IAAE,IAAI,CAAC,KAAK,CAAK,CACnF,CACP,CACG,CACP,EAjBmB,CAiBnB,CAAC,CACE,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,kBAAkB,sBA4C9B"}

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

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

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

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+import { ConfigUrlApply, KeyParams } from '../Func/PHXUrlApply/type';
+export declare const IconLeftButton: ({ disabled, onClick }: {
+    disabled: boolean;
+    onClick(): void;
+}) => React.JSX.Element;
+export declare const IconRightButton: ({ disabled, onClick }: {
+    disabled: boolean;
+    onClick(): void;
+}) => React.JSX.Element;
+export type TabItemIcon = {
+    icon: ReactNode;
+};
+export type TabItem = {
+    name: ReactNode;
+    count: number;
+    value: string;
+    icon?: TabItemIcon;
+    key?: KeyParams;
+    listKeyReset?: Array<KeyParams>;
+    disabledActionClick?: boolean;
+};
+type Props = {
+    tabs: Array<TabItem>;
+    activeTab: string;
+    loading?: boolean;
+    onChange(value: string): void;
+    className?: string;
+    configUrlApply?: ConfigUrlApply;
+};
+export declare const PHXReportButtonTabV2: ({ activeTab, className, configUrlApply, loading, onChange, tabs, }: Props) => React.JSX.Element;
+export {};

package/dist/cjs/components/ReportButtonV2/ReportButtonV2.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXReportButtonTabV2 = exports.IconRightButton = exports.IconLeftButton = void 0;
+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");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var react_1 = tslib_1.__importStar(require("react"));
+var PHXUrlApply_1 = tslib_1.__importDefault(require("../Func/PHXUrlApply/PHXUrlApply"));
+var Skeleton_1 = require("../Skeleton");
+var IconLeftButton = function (_a) {
+    var disabled = _a.disabled, onClick = _a.onClick;
+    return (react_1.default.createElement("a", { "aria-hidden": true, className: (0, classnames_1.default)('relative inline-flex h-[28px] w-[28px] items-center rounded-l-lg  px-3 text-gray-900 transition-all', disabled
+            ? 'cursor-default bg-gray-200'
+            : 'active:border-t-0.5 active:border-b-0.5 cursor-pointer active:bg-gray-100 active:shadow-[inset_0_1px_2px_rgba(0,0,0,0.25)]'), onClick: function () { return !disabled && onClick(); } },
+        react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: (0, classnames_1.default)('h-3 w-2.5', disabled ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleLeft })));
+};
+exports.IconLeftButton = IconLeftButton;
+var IconRightButton = function (_a) {
+    var disabled = _a.disabled, onClick = _a.onClick;
+    return (react_1.default.createElement("a", { "aria-hidden": true, className: (0, classnames_1.default)('relative inline-flex h-[28px] w-[28px] items-center rounded-r-lg  px-3 text-gray-900 transition-all', disabled
+            ? 'cursor-default bg-gray-200'
+            : 'active:border-t-0.5 active:border-b-0.5 cursor-pointer active:bg-gray-100 active:shadow-[inset_0_1px_2px_rgba(0,0,0,0.25)]'), onClick: function () { return !disabled && onClick(); } },
+        react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: (0, classnames_1.default)('h-3 w-2.5', disabled ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleRight })));
+};
+exports.IconRightButton = IconRightButton;
+var PHXReportButtonTabV2 = function (_a) {
+    var activeTab = _a.activeTab, _b = _a.className, className = _b === void 0 ? '' : _b, configUrlApply = _a.configUrlApply, _c = _a.loading, loading = _c === void 0 ? false : _c, onChange = _a.onChange, tabs = _a.tabs;
+    var scrollRef = (0, react_1.useRef)(null);
+    var containerRef = (0, react_1.useRef)(null);
+    var _d = (0, react_1.useState)(false), canScrollLeft = _d[0], setCanScrollLeft = _d[1];
+    var _e = (0, react_1.useState)(false), canScrollRight = _e[0], setCanScrollRight = _e[1];
+    var _f = (0, react_1.useState)(false), isHovering = _f[0], setIsHovering = _f[1]; // Theo dõi hover
+    var updateScroll = function () {
+        var el = scrollRef.current;
+        if (!el)
+            return;
+        var hasLeft = el.scrollLeft > 5;
+        var hasRight = el.scrollLeft + el.clientWidth < el.scrollWidth - 5;
+        setCanScrollLeft(hasLeft);
+        setCanScrollRight(hasRight);
+    };
+    (0, react_1.useEffect)(function () {
+        updateScroll();
+        var el = scrollRef.current;
+        if (!el)
+            return;
+        var handleScroll = function () { return updateScroll(); };
+        el.addEventListener('scroll', handleScroll);
+        // Cập nhật lại khi resize (responsive)
+        window.addEventListener('resize', updateScroll);
+        return function () {
+            el.removeEventListener('scroll', handleScroll);
+            window.removeEventListener('resize', updateScroll);
+        };
+    }, [tabs]);
+    var handleClick = function (item) {
+        if (item.disabledActionClick)
+            return;
+        onChange(item.value);
+        if (configUrlApply && item.key) {
+            (0, PHXUrlApply_1.default)(item.key, item.value, item.listKeyReset || [], configUrlApply);
+        }
+    };
+    var scrollBy = function (px) {
+        var _a;
+        (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy({ left: px, behavior: 'smooth' });
+    };
+    return (react_1.default.createElement("div", { className: "relative w-full pb-4 ".concat(className, " ") },
+        react_1.default.createElement("div", { ref: containerRef, className: 'group relative flex items-center overflow-hidden rounded-xl bg-white shadow-[0rem_.3125rem_.3125rem_-0.15625rem_rgba(0,0,0,0.03),_0rem_.1875rem_.1875rem_-0.09375rem_rgba(0,0,0,0.02),_0rem_.125rem_.125rem_-0.0625rem_rgba(0,0,0,0.02),_0rem_.0625rem_.0625rem_-0.03125rem_rgba(0,0,0,0.03),_0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,0.04),_0rem_0rem_0rem_.0625rem_rgba(0,0,0,0.06)]', onMouseEnter: function () { return setIsHovering(true); }, onMouseLeave: function () { return setIsHovering(false); } },
+            react_1.default.createElement("div", { className: 'relative flex-1 overflow-hidden' },
+                react_1.default.createElement("div", { ref: scrollRef, className: 'no-scrollbar flex gap-0', onScroll: updateScroll, style: {
+                        overflowX: 'auto',
+                        scrollBehavior: 'smooth',
+                        scrollbarWidth: 'none',
+                        msOverflowStyle: 'none',
+                    } }, tabs.map(function (item, index) { return (react_1.default.createElement("div", { key: item.value, className: 'flex w-full items-center gap-y-3' },
+                    loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { className: 'h-[56px] w-full min-w-[180px]', size: 'small', type: 'only-report_v2' })) : (react_1.default.createElement("div", { className: 'w-full p-2' },
+                        react_1.default.createElement("div", { className: "\n                        flex h-[56px] w-full min-w-[180px] flex-shrink-0 flex-col justify-center rounded-xl px-3 transition-all\n                        ".concat(item.disabledActionClick ? 'cursor-default' : 'cursor-pointer', "\n                        ").concat(activeTab === item.value ? 'bg-gray-100' : item.disabledActionClick ? '' : 'hover:bg-gray-50', "\n                      "), onClick: function () { return handleClick(item); } },
+                            react_1.default.createElement("div", { className: 'flex w-full items-center justify-between' },
+                                react_1.default.createElement("p", { className: 'text-[13px] text-gray-500' }, item.name),
+                                item.icon && react_1.default.createElement("span", { className: 'ml-2 flex items-center justify-center' }, item.icon.icon)),
+                            react_1.default.createElement("p", { className: 'text-[13px] font-semibold text-black' }, item.count)))),
+                    index < tabs.length - 1 && react_1.default.createElement("div", { className: 'h-[72px] w-[1px] flex-shrink-0 bg-gray-200' }))); }))),
+            react_1.default.createElement("div", { className: (0, classnames_1.default)('absolute right-2 top-1/2 flex -translate-y-1/2 overflow-hidden rounded-lg border border-gray-300 bg-white shadow-lg transition-all duration-300', 'pointer-events-auto', isHovering && (canScrollLeft || canScrollRight)
+                    ? 'translate-x-0 opacity-100'
+                    : 'pointer-events-none translate-x-4 opacity-0'), style: { height: 28 } },
+                react_1.default.createElement(exports.IconLeftButton, { disabled: !canScrollLeft, onClick: function () { return scrollBy(-300); } }),
+                react_1.default.createElement("div", { className: 'h-[28px] w-[1px] flex-shrink-0 bg-gray-200' }),
+                react_1.default.createElement(exports.IconRightButton, { disabled: !canScrollRight, onClick: function () { return scrollBy(300); } })))));
+};
+exports.PHXReportButtonTabV2 = PHXReportButtonTabV2;
+//# sourceMappingURL=ReportButtonV2.js.map

package/dist/cjs/components/ReportButtonV2/ReportButtonV2.js.map

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { BaseButton, ComplexAction } from '../types';
 import * as SolidIcons from '@heroicons/react/24/solid';
 import * as OutlineIcons from '@heroicons/react/24/outline';
@@ -22,7 +22,7 @@ export interface ButtonProps extends BaseButton {
     deletedButton?: boolean;
     rounded?: boolean;
     size?: 'micro' | 'small' | 'medium' | 'large' | 'extra-large';
-    children?: string | string[];
+    children?: string | Array<string>;
     icon?: IconName;
     iconClassName?: string;
     iconOutline?: boolean;
@@ -36,7 +36,7 @@ export interface ResourceListProps {
         location?: string;
         avatar?: string;
         actions?: Array<{
-            content: string;
+            content: string | ReactNode;
             onClick(): unknown;
         }>;
         avatarClassname?: string;
@@ -45,6 +45,12 @@ export interface ResourceListProps {
             active?: boolean;
             onChange(active: boolean): void;
         };
+        isPlainAction?: boolean;
+        badge?: {
+            type: string;
+            text: string;
+            className?: string;
+        };
     }>;
     hiddenBulkActionMarkup?: boolean;
     readonly?: boolean;
@@ -82,5 +88,10 @@ export interface ResourceListProps {
     useListWithCard?: boolean;
     selectedItems?: any;
     onClickRemoveItem?(item: any): void;
+    onScrollBottom?(): void;
+    onSelectedItemsChange?(items: any): void;
+    paging?: boolean;
+    getKeyword?(keyword: string): void;
+    loading?: boolean;
 }
-export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, isEmptyData, heightList, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, selectedItems, hiddenBulkActionMarkup, }: ResourceListProps): React.JSX.Element;
+export declare function PHXResourceList({ actionSelectAll, bulkActions, bulkActionsContent, button, className, defaultOptionActive, getKeyword, heightList, hiddenBulkActionMarkup, isBadge, isEmptyData, isOptionList, list, loading, onBulkActions, onClickItem, onClickRemoveItem, onScrollBottom, onSelectedItemsChange, paging, readonly, searchResult, selectedItems, shortcutAction, sortContent, sortOptions, textAction, title, useListWithCard, }: ResourceListProps): React.JSX.Element;

package/dist/cjs/components/ResourceList/ResourceList.js

@@ -1,6 +1,6 @@
 "use strict";
-exports.__esModule = true;
-exports.PHXResourceList = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXResourceList = PHXResourceList;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var types_1 = require("../types");
@@ -11,48 +11,78 @@ var searchResult_1 = tslib_1.__importDefault(require("./component/searchResult")
 var list_1 = tslib_1.__importDefault(require("./component/list"));
 var Button_1 = require("../Button");
 var listWithCard_1 = tslib_1.__importDefault(require("./component/listWithCard"));
+var resourceStyle_1 = tslib_1.__importDefault(require("./styles/resourceStyle"));
+var Loading_1 = require("../Loading");
+var EmptySearch_1 = require("../EmptySearch");
 function PHXResourceList(_a) {
-    var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, _c = _a.readonly, readonly = _c === void 0 ? false : _c, _d = _a.searchResult, searchResult = _d === void 0 ? false : _d, _e = _a.isOptionList, isOptionList = _e === void 0 ? false : _e, defaultOptionActive = _a.defaultOptionActive, isEmptyData = _a.isEmptyData, heightList = _a.heightList, shortcutAction = _a.shortcutAction, sortOptions = _a.sortOptions, button = _a.button, sortContent = _a.sortContent, onClickItem = _a.onClickItem, onBulkActions = _a.onBulkActions, textAction = _a.textAction, title = _a.title, isBadge = _a.isBadge, useListWithCard = _a.useListWithCard, onClickRemoveItem = _a.onClickRemoveItem, selectedItems = _a.selectedItems, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup;
+    var _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, button = _a.button, className = _a.className, defaultOptionActive = _a.defaultOptionActive, getKeyword = _a.getKeyword, heightList = _a.heightList, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup, isBadge = _a.isBadge, isEmptyData = _a.isEmptyData, _c = _a.isOptionList, isOptionList = _c === void 0 ? false : _c, list = _a.list, loading = _a.loading, onBulkActions = _a.onBulkActions, onClickItem = _a.onClickItem, onClickRemoveItem = _a.onClickRemoveItem, onScrollBottom = _a.onScrollBottom, onSelectedItemsChange = _a.onSelectedItemsChange, paging = _a.paging, _d = _a.readonly, readonly = _d === void 0 ? false : _d, _e = _a.searchResult, searchResult = _e === void 0 ? false : _e, selectedItems = _a.selectedItems, shortcutAction = _a.shortcutAction, sortContent = _a.sortContent, sortOptions = _a.sortOptions, textAction = _a.textAction, title = _a.title, useListWithCard = _a.useListWithCard;
     var _f = (0, react_1.useState)(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []), dataSelected = _f[0], setDataSelected = _f[1];
     var _g = (0, react_1.useState)(''), query = _g[0], setQuery = _g[1];
     var _h = (0, react_1.useState)([]), filteredItems = _h[0], setFilteredItems = _h[1];
     (0, react_1.useEffect)(function () {
-        var queryItems = query === ''
-            ? list
-            : list === null || list === void 0 ? void 0 : list.filter(function (item) {
-                return item.name.toLowerCase().includes(query.toLowerCase());
-            });
+        if (getKeyword) {
+            setFilteredItems(list);
+            return;
+        }
+        var queryItems = query === '' ? list : list === null || list === void 0 ? void 0 : list.filter(function (item) { return item.name.toLowerCase().includes(query.toLowerCase()); });
         setFilteredItems(queryItems);
     }, [query, list]);
-    var bulkActionMarkup = bulkActions && actionSelectAll ? (react_1["default"].createElement(bulkAction_1["default"], { list: list ? list : [], dataSelected: dataSelected, setDataSelected: setDataSelected, onBulkActions: onBulkActions, setFilteredItems: setFilteredItems, content: bulkActionsContent })) : searchResult ? (react_1["default"].createElement("div", { className: 'relative flex-1' },
-        react_1["default"].createElement(searchResult_1["default"], { setQuery: setQuery }))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
+    var bulkActionMarkup = bulkActions && actionSelectAll ? (react_1.default.createElement(bulkAction_1.default, { content: bulkActionsContent, dataSelected: dataSelected, list: list ? list : [], onBulkActions: onBulkActions, setDataSelected: setDataSelected, setFilteredItems: setFilteredItems })) : searchResult ? (react_1.default.createElement("div", { className: 'relative flex-1' },
+        react_1.default.createElement(searchResult_1.default, { setQuery: function (keyword) {
+                setQuery(keyword);
+                if (getKeyword) {
+                    getKeyword(keyword);
+                }
+            } }))) : (react_1.default.createElement(react_1.default.Fragment, null));
+    var onScrollList = function (e) {
+        var target = e.target;
+        var isScrollingToBottom = target.scrollHeight - target.scrollTop === target.clientHeight;
+        if (isScrollingToBottom) {
+            onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom();
+        }
+    };
     var getListComponent = function () {
         if (useListWithCard) {
-            return (react_1["default"].createElement(listWithCard_1["default"], { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
+            return (react_1.default.createElement(listWithCard_1.default, { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
         }
         else {
-            return (react_1["default"].createElement(react_1["default"].Fragment, null, isEmptyData ? (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null)) : (react_1["default"].createElement("div", { className: 'haveHeight', style: heightList ? { height: "".concat(heightList, "px"), overflow: 'auto' } : {} },
-                react_1["default"].createElement(list_1["default"], { bulkActions: bulkActions, isOptionList: isOptionList, defaultOptionActive: defaultOptionActive, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult })))));
+            return (react_1.default.createElement(react_1.default.Fragment, null, isEmptyData ? (react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, null)) : (react_1.default.createElement("div", { className: 'haveHeight', onScroll: onScrollList, style: heightList ? { height: "".concat(heightList, "px"), overflow: 'auto' } : {} },
+                react_1.default.createElement(list_1.default, { actionSelectAll: actionSelectAll, bulkActions: bulkActions, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult, dataSelected: dataSelected, defaultOptionActive: defaultOptionActive, filteredItems: filteredItems, isBadge: isBadge, isOptionList: isOptionList, onBulkActions: onBulkActions, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction }),
+                paging && (react_1.default.createElement("div", { className: 'flex items-center justify-center border-t py-3' },
+                    react_1.default.createElement(Loading_1.PHXSpinner, null)))))));
         }
     };
     var listMarkup = list && getListComponent();
-    var sortActionMarkup = sortOptions && sortContent && !button ? (react_1["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' })) : button ? (react_1["default"].createElement(Button_1.PHXButton, tslib_1.__assign({}, button), button === null || button === void 0 ? void 0 : button.children)) : (react_1["default"].createElement(react_1["default"].Fragment, null));
-    return (react_1["default"].createElement("div", { className: className },
-        react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
-            react_1["default"].createElement("div", { className: (0, types_1.classNames)(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
-                bulkActions && !title && searchResult && actionSelectAll && (react_1["default"].createElement("div", { className: 'relative p-3 pb-0' },
-                    react_1["default"].createElement(searchResult_1["default"], { type: 'have-bulk-actions', setQuery: setQuery }))),
-                bulkActions || searchResult || sortOptions || title ? (react_1["default"].createElement(react_1["default"].Fragment, null, (!title && actionSelectAll) || sortOptions || searchResult ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex items-center gap-x-4 border-b pb-3', (!bulkActions || !actionSelectAll) && 'justify-end', !useListWithCard && 'p-3') },
-                    !hiddenBulkActionMarkup ? bulkActionMarkup : '',
-                    sortActionMarkup)) : title || textAction ? (react_1["default"].createElement(react_1["default"].Fragment, null,
-                    react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex justify-between gap-x-4 pb-3', !useListWithCard && 'border-b p-3') },
-                        react_1["default"].createElement("p", { className: 'text-xs font-semibold leading-5 text-gray-900' }, title),
-                        react_1["default"].createElement("p", { className: 'text-xs text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: textAction === null || textAction === void 0 ? void 0 : textAction.onClick }, textAction === null || textAction === void 0 ? void 0 : textAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null)))) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
-                filteredItems.length === 0 && query !== '' ? (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, { type: 'micro' })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
-                    listMarkup,
-                    dataSelected.length > 0 && (react_1["default"].createElement("div", { className: 'p-3 text-xs border-t bg-gray-50 rounded-b-lg' },
-                        dataSelected.length,
-                        " selected"))))))));
+    var sortActionMarkup = sortOptions && sortContent && !button ? (react_1.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' })) : button ? (react_1.default.createElement(Button_1.PHXButton, tslib_1.__assign({}, button), button === null || button === void 0 ? void 0 : button.children)) : (react_1.default.createElement(react_1.default.Fragment, null));
+    (0, react_1.useEffect)(function () {
+        if (onSelectedItemsChange) {
+            onSelectedItemsChange === null || onSelectedItemsChange === void 0 ? void 0 : onSelectedItemsChange(dataSelected);
+        }
+    }, [dataSelected]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(resourceStyle_1.default, null),
+        react_1.default.createElement("div", { className: className },
+            react_1.default.createElement("div", { className: 'resource-list mx-auto max-w-3xl px-0 lg:max-w-full' },
+                react_1.default.createElement("div", { className: (0, types_1.classNames)(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
+                    bulkActions && !title && searchResult && actionSelectAll && (react_1.default.createElement("div", { className: 'relative p-3 pb-0' },
+                        react_1.default.createElement(searchResult_1.default, { setQuery: function (keyword) {
+                                setQuery(keyword);
+                                if (getKeyword) {
+                                    getKeyword(keyword);
+                                }
+                            }, type: 'have-bulk-actions' }))),
+                    loading ? (react_1.default.createElement("div", { className: 'flex h-56 items-center justify-center' },
+                        react_1.default.createElement(Loading_1.PHXSpinner, null))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                        bulkActions || searchResult || sortOptions || title ? (react_1.default.createElement(react_1.default.Fragment, null, (!title && actionSelectAll) || sortOptions || searchResult ? (react_1.default.createElement("div", { className: (0, types_1.classNames)('flex items-center gap-x-4 border-b pb-3', (!bulkActions || !actionSelectAll) && 'justify-end', !useListWithCard && 'p-3') },
+                            !hiddenBulkActionMarkup ? bulkActionMarkup : '',
+                            sortActionMarkup)) : title || textAction ? (react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement("div", { className: (0, types_1.classNames)('flex justify-between gap-x-4 pb-3', !useListWithCard && 'border-b p-3') },
+                                react_1.default.createElement("p", { className: 'text-xs font-semibold leading-5 text-gray-900' }, title),
+                                react_1.default.createElement("p", { className: 'text-xs text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: textAction === null || textAction === void 0 ? void 0 : textAction.onClick }, textAction === null || textAction === void 0 ? void 0 : textAction.content)))) : (react_1.default.createElement(react_1.default.Fragment, null)))) : (react_1.default.createElement(react_1.default.Fragment, null)),
+                        filteredItems.length === 0 ? (react_1.default.createElement(react_1.default.Fragment, null, query ? react_1.default.createElement(EmptySearch_1.PHXEmptySearch, null) : react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, { type: 'micro' }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                            listMarkup,
+                            dataSelected.length > 0 && (react_1.default.createElement("div", { className: 'rounded-b-lg border-t bg-gray-50 p-3 text-xs' },
+                                dataSelected.length,
+                                " selected")))))))))));
 }
-exports.PHXResourceList = PHXResourceList;
 //# sourceMappingURL=ResourceList.js.map

package/dist/cjs/components/ResourceList/ResourceList.js.map

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

package/dist/cjs/components/ResourceList/component/bulkAction.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 Checkbox_1 = require("../../Checkbox");
@@ -30,9 +30,9 @@ function BulkAction(_a) {
     }, [dataSelected]);
     var allSelected = list.length > 0 && dataSelected.length === list.length;
     var isIndeterminate = dataSelected.length > 0 && !allSelected;
-    return (react_1["default"].createElement("div", { className: 'flex flex-1 items-center gap-x-2 text-xs' },
-        react_1["default"].createElement(Checkbox_1.PHXCheckbox, { checked: allSelected, type: allSelected ? 'default' : isIndeterminate ? 'not-all' : 'default', onChange: function (e) { return handleSelectAll(e.target.checked); } }),
-        dataSelected.length === 0 ? (react_1["default"].createElement("span", { className: 'cursor-pointer leading-7', onClick: function () { return handleSelectAll(true); } }, "Ch\u1ECDn danh s\u00E1ch")) : (react_1["default"].createElement(Button_1.PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
+    return (react_1.default.createElement("div", { className: 'flex flex-1 items-center gap-x-2 text-xs' },
+        react_1.default.createElement(Checkbox_1.PHXCheckbox, { checked: allSelected, type: allSelected ? 'default' : isIndeterminate ? 'not-all' : 'default', onChange: function (e) { return handleSelectAll(e.target.checked); } }),
+        dataSelected.length === 0 ? (react_1.default.createElement("span", { className: 'cursor-pointer leading-7', onClick: function () { return handleSelectAll(true); } }, "Ch\u1ECDn danh s\u00E1ch")) : (react_1.default.createElement(Button_1.PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
 }
-exports["default"] = BulkAction;
+exports.default = BulkAction;
 //# sourceMappingURL=bulkAction.js.map

package/dist/cjs/components/ResourceList/component/bulkAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":";;;AAAA,qDAAwC;AACxC,2CAA4C;AAC5C,uCAAwC;AAWxC,SAAS,UAAU,CAAC,EAOF;QANhB,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,OAAO,aAAA;IAEP,wBAAwB;IACxB,IAAM,eAAe,GAAG,UAAC,OAAgB;QACvC,IAAI,OAAO,EAAE;YACX,IAAM,WAAW,6BAAO,IAAI,OAAC,CAAA;YAC7B,eAAe,CAAC,WAAW,CAAC,CAAA;YAC5B,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,WAAW,CAAC,CAAA;SAC7B;aAAM;YACL,eAAe,CAAC,EAAE,CAAC,CAAA;YACnB,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,CAAA;SACpB;IACH,CAAC,CAAA;IAED,0BAA0B;IAC1B,IAAM,iBAAiB,GAAG;QACxB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,+EAA+E;IAC/E,IAAA,iBAAS,EAAC;QACR,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAM,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAA;IAC1E,IAAM,eAAe,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAA;IAE/D,OAAO,CACL,0CAAK,SAAS,EAAC,0CAA0C;QACvD,iCAAC,sBAAW,IACV,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvE,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAjC,CAAiC,GACvD;QACD,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,2CAAM,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,+BAExE,CACR,CAAC,CAAC,CAAC,CACF,iCAAC,kBAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,iBAAiB,IACzD,OAAO,CACE,CACb,CACG,CACP,CAAA;AACH,CAAC;AAED,qBAAe,UAAU,CAAA"}
+{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":";;;AAAA,qDAAwC;AACxC,2CAA4C;AAC5C,uCAAwC;AAWxC,SAAS,UAAU,CAAC,EAOF;QANhB,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,OAAO,aAAA;IAEP,wBAAwB;IACxB,IAAM,eAAe,GAAG,UAAC,OAAgB;QACvC,IAAI,OAAO,EAAE,CAAC;YACZ,IAAM,WAAW,6BAAO,IAAI,OAAC,CAAA;YAC7B,eAAe,CAAC,WAAW,CAAC,CAAA;YAC5B,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,WAAW,CAAC,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,EAAE,CAAC,CAAA;YACnB,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACtB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,CAAA;IAED,0BAA0B;IAC1B,IAAM,iBAAiB,GAAG;QACxB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,+EAA+E;IAC/E,IAAA,iBAAS,EAAC;QACR,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAM,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAA;IAC1E,IAAM,eAAe,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAA;IAE/D,OAAO,CACL,uCAAK,SAAS,EAAC,0CAA0C;QACvD,8BAAC,sBAAW,IACV,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvE,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAjC,CAAiC,GACvD;QACD,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,wCAAM,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,+BAExE,CACR,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,iBAAiB,IACzD,OAAO,CACE,CACb,CACG,CACP,CAAA;AACH,CAAC;AAED,kBAAe,UAAU,CAAA"}

package/dist/cjs/components/ResourceList/component/list.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 types_1 = require("../../types");
@@ -7,6 +7,8 @@ var Checkbox_1 = require("../../Checkbox");
 var Dropdown_1 = require("../../Dropdown");
 var Radio_1 = require("../../Radio");
 var Toggle_1 = tslib_1.__importDefault(require("../../PHXToggle/Toggle"));
+var Button_1 = require("../../Button");
+var Badge_1 = require("../../Badge");
 function List(_a) {
     var filteredItems = _a.filteredItems, dataSelected = _a.dataSelected, bulkActions = _a.bulkActions, itemFocusId = _a.itemFocusId, readonly = _a.readonly, shortcutAction = _a.shortcutAction, isOptionList = _a.isOptionList, defaultOptionActive = _a.defaultOptionActive, onClickItem = _a.onClickItem, setDataSelected = _a.setDataSelected, isBadge = _a.isBadge, onBulkActions = _a.onBulkActions, actionSelectAll = _a.actionSelectAll, checkRounded = _a.checkRounded;
     var handleClick = function (item) {
@@ -22,7 +24,7 @@ function List(_a) {
         if (type === 'checkbox') {
             var data = e.target.checked
                 ? // @ts-ignore
-                 tslib_1.__spreadArray(tslib_1.__spreadArray([], dataSelected, true), [item], false) : dataSelected.filter(function (p) { return p !== item; });
+                 tslib_1.__spreadArray(tslib_1.__spreadArray([], dataSelected, true), [item], false) : dataSelected.filter(function (p) { return p.id !== item.id; });
             setDataSelected(data);
             if (onBulkActions && !actionSelectAll) {
                 onBulkActions(data);
@@ -33,30 +35,31 @@ function List(_a) {
             onBulkActions(item);
         }
     };
-    return (react_1["default"].createElement(react_1["default"].Fragment, null, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) {
+    return (react_1.default.createElement(react_1.default.Fragment, null, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) {
         var _a, _b;
-        return (react_1["default"].createElement("div", { key: index, "aria-hidden": true, className: (0, types_1.classNames)("".concat(onClickItem ? 'p-3' : ''), index < filteredItems.length - 1 && 'border-b', index === 0 && !checkRounded && 'rounded-t-lg', index === filteredItems.length - 1 && dataSelected.length === 0 && 'rounded-b-lg', dataSelected.includes(item) && 'bg-bgcl-50', readonly ? '' : 'hover:bg-bgcl-100 hover:cursor-pointer', itemFocusId && (item === null || item === void 0 ? void 0 : item.id) && itemFocusId === item.id ? 'bg-bgcl-100' : ''), onClick: function () { return handleClick(item); } }, onClickItem ? (react_1["default"].createElement("div", { className: 'flex gap-x-1.5 items-center' },
-            (bulkActions || isOptionList) && (react_1["default"].createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } }, bulkActions ? (react_1["default"].createElement(Checkbox_1.PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.includes(item), onChange: function (e) { return handleSelectOne(e, item, 'checkbox'); } })) : (react_1["default"].createElement(Radio_1.PHXRadio, { id: "radio-".concat(index), checked: (currentItem === null || currentItem === void 0 ? void 0 : currentItem.id) === (item === null || item === void 0 ? void 0 : item.id), onChange: function (e) { return handleSelectOne(e, item, 'radio'); } })))),
-            react_1["default"].createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
-                (item === null || item === void 0 ? void 0 : item.avatar) && (react_1["default"].createElement("img", { alt: 'avatar', className: "h-10 w-10 rounded-full mr-2 ".concat(item === null || item === void 0 ? void 0 : item.avatarClassname), src: item.avatar })),
-                react_1["default"].createElement("div", { className: 'flex flex-col gap-y-0.5' },
-                    (item === null || item === void 0 ? void 0 : item.name) && react_1["default"].createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
-                    (item === null || item === void 0 ? void 0 : item.location) && (react_1["default"].createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location)))),
-            ((_a = item === null || item === void 0 ? void 0 : item.toggle) === null || _a === void 0 ? void 0 : _a.enable) ? (react_1["default"].createElement(Toggle_1["default"], { active: item.toggle.active, onChange: function (active) { return item.toggle.onChange(active); } })) : (react_1["default"].createElement(react_1["default"].Fragment, null, (shortcutAction || (item === null || item === void 0 ? void 0 : item.actions)) && (react_1["default"].createElement("div", { className: 'flex items-center', "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
-                react_1["default"].createElement(Dropdown_1.PHXDropdown, { type: 'ellipsis-icon', origin: 'right', options: (item === null || item === void 0 ? void 0 : item.actions) || (shortcutAction === null || shortcutAction === void 0 ? void 0 : shortcutAction(item)) }))))))) : (react_1["default"].createElement("label", { className: "".concat(readonly ? '' : 'hover:cursor-pointer') },
-            react_1["default"].createElement("div", { className: 'flex gap-x-1.5 items-center p-3' },
-                bulkActions && (react_1["default"].createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
-                    react_1["default"].createElement(Checkbox_1.PHXCheckbox, { id: "checkbox_".concat(index), checked: dataSelected.some(function (it) { return it.id === item.id; }), onChange: function (e) {
-                            handleSelectOne(e, item, 'checkbox');
-                        } }))),
-                react_1["default"].createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
-                    (item === null || item === void 0 ? void 0 : item.avatar) && (react_1["default"].createElement("img", { alt: 'avatar', className: "h-10 w-10 rounded-full mr-2 ".concat(item === null || item === void 0 ? void 0 : item.avatarClassname), src: item.avatar })),
-                    react_1["default"].createElement("div", { className: 'flex flex-col gap-y-0.5' },
-                        (item === null || item === void 0 ? void 0 : item.name) && react_1["default"].createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
-                        (item === null || item === void 0 ? void 0 : item.location) && (react_1["default"].createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location)))),
-                ((_b = item === null || item === void 0 ? void 0 : item.toggle) === null || _b === void 0 ? void 0 : _b.enable) ? (react_1["default"].createElement(Toggle_1["default"], { active: item.toggle.active, onChange: function (active) { return item.toggle.onChange(active); } })) : (react_1["default"].createElement(react_1["default"].Fragment, null, (shortcutAction || (item === null || item === void 0 ? void 0 : item.actions)) && (react_1["default"].createElement("div", { className: 'flex items-center', "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
-                    react_1["default"].createElement(Dropdown_1.PHXDropdown, { type: 'ellipsis-icon', origin: 'right', options: (item === null || item === void 0 ? void 0 : item.actions) || (shortcutAction === null || shortcutAction === void 0 ? void 0 : shortcutAction(item)) }))))))))));
+        return (react_1.default.createElement("div", { key: index, "aria-hidden": true, className: (0, types_1.classNames)("".concat(onClickItem ? 'p-3' : ''), index < filteredItems.length - 1 && 'border-b', index === 0 && !checkRounded && 'rounded-t-lg', index === filteredItems.length - 1 && dataSelected.length === 0 && 'rounded-b-lg', dataSelected.some(function (p) { return p.id === item.id; }) && 'bg-bgcl-50', readonly ? '' : 'hover:bg-bgcl-100 hover:cursor-pointer', itemFocusId && (item === null || item === void 0 ? void 0 : item.id) && itemFocusId === item.id ? 'bg-bgcl-100' : '', item.badge && 'flex justify-between'), onClick: function () { return handleClick(item); } },
+            onClickItem ? (react_1.default.createElement("div", { className: 'flex gap-x-1.5 items-center' },
+                (bulkActions || isOptionList) && (react_1.default.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } }, bulkActions ? (react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.some(function (p) { return p.id === item.id; }), onChange: function (e) { return handleSelectOne(e, item, 'checkbox'); } })) : (react_1.default.createElement(Radio_1.PHXRadio, { id: "radio-".concat(index), checked: (currentItem === null || currentItem === void 0 ? void 0 : currentItem.id) === (item === null || item === void 0 ? void 0 : item.id), onChange: function (e) { return handleSelectOne(e, item, 'radio'); } })))),
+                react_1.default.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
+                    (item === null || item === void 0 ? void 0 : item.avatar) && (react_1.default.createElement("img", { alt: 'avatar', className: "h-10 w-10 rounded-full mr-2 object-cover ".concat(item === null || item === void 0 ? void 0 : item.avatarClassname), src: item.avatar })),
+                    react_1.default.createElement("div", { className: 'flex flex-col gap-y-0.5' },
+                        (item === null || item === void 0 ? void 0 : item.name) &&
+                            (!readonly ? (react_1.default.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name)) : (react_1.default.createElement("label", { htmlFor: bulkActions ? "checkbox-".concat(index) : "radio-".concat(index), className: (0, types_1.classNames)('text-xs font-medium text-gray-900', bulkActions || isOptionList ? 'hover:cursor-pointer' : '') }, item.name))),
+                        (item === null || item === void 0 ? void 0 : item.location) && (react_1.default.createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location)))),
+                ((_a = item === null || item === void 0 ? void 0 : item.toggle) === null || _a === void 0 ? void 0 : _a.enable) ? (react_1.default.createElement(Toggle_1.default, { active: item.toggle.active, onChange: function (active) { return item.toggle.onChange(active); } })) : (react_1.default.createElement(react_1.default.Fragment, null, (shortcutAction || (item === null || item === void 0 ? void 0 : item.actions)) && (react_1.default.createElement("div", { className: 'flex items-center', "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } }, (item === null || item === void 0 ? void 0 : item.isPlainAction) ? (react_1.default.createElement(react_1.default.Fragment, null, (item === null || item === void 0 ? void 0 : item.actions) && (item === null || item === void 0 ? void 0 : item.actions.length) > 0 && (react_1.default.createElement(react_1.default.Fragment, null, item.actions.map(function (item, index) { return (react_1.default.createElement(Button_1.PHXButton, { className: 'text-xs', key: index, plain: true, size: 'small' }, item.content)); }))))) : (react_1.default.createElement(Dropdown_1.PHXDropdown, { type: 'ellipsis-icon', origin: 'right', options: (item === null || item === void 0 ? void 0 : item.actions) || (shortcutAction === null || shortcutAction === void 0 ? void 0 : shortcutAction(item)) })))))))) : (react_1.default.createElement("label", { className: "".concat(readonly ? '' : 'hover:cursor-pointer') },
+                react_1.default.createElement("div", { className: 'flex gap-x-1.5 items-center p-3' },
+                    bulkActions && (react_1.default.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
+                        react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: "checkbox_".concat(index), checked: dataSelected.some(function (it) { return it.id === item.id; }), onChange: function (e) {
+                                handleSelectOne(e, item, 'checkbox');
+                            } }))),
+                    react_1.default.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
+                        (item === null || item === void 0 ? void 0 : item.avatar) && (react_1.default.createElement("img", { alt: 'avatar', className: "h-10 w-10 rounded-full mr-2 ".concat(item === null || item === void 0 ? void 0 : item.avatarClassname), src: item.avatar })),
+                        react_1.default.createElement("div", { className: 'flex flex-col gap-y-0.5' },
+                            (item === null || item === void 0 ? void 0 : item.name) && react_1.default.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
+                            (item === null || item === void 0 ? void 0 : item.location) && (react_1.default.createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location)))),
+                    ((_b = item === null || item === void 0 ? void 0 : item.toggle) === null || _b === void 0 ? void 0 : _b.enable) ? (react_1.default.createElement(Toggle_1.default, { active: item.toggle.active, onChange: function (active) { return item.toggle.onChange(active); } })) : (react_1.default.createElement(react_1.default.Fragment, null, (shortcutAction || (item === null || item === void 0 ? void 0 : item.actions)) && (react_1.default.createElement("div", { className: 'flex items-center', "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } }, (item === null || item === void 0 ? void 0 : item.isPlainAction) ? (react_1.default.createElement(react_1.default.Fragment, null, (item === null || item === void 0 ? void 0 : item.actions) && (item === null || item === void 0 ? void 0 : item.actions.length) > 0 && (react_1.default.createElement(react_1.default.Fragment, null, item.actions.map(function (item, index) { return (react_1.default.createElement(Button_1.PHXButton, { key: index, plain: true, size: 'small' }, item.content)); }))))) : (react_1.default.createElement(Dropdown_1.PHXDropdown, { type: 'ellipsis-icon', origin: 'right', options: (item === null || item === void 0 ? void 0 : item.actions) || (shortcutAction === null || shortcutAction === void 0 ? void 0 : shortcutAction(item)) }))))))))),
+            item.badge && (react_1.default.createElement(Badge_1.PHXBadge, { className: "h-fit mt-3 shrink-0 ml-2 mr-3 ".concat(item.badge.className), text: item.badge.text, type: item.badge.type }))));
     })));
 }
-exports["default"] = List;
+exports.default = List;
 //# sourceMappingURL=list.js.map