phx-uikit 1.0.0

package/dist/esm/components/Radio/Radio.js

@@ -0,0 +1,17 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { classNames } from '../types';
+export var PHXRadio = function (_a) {
+    var className = _a.className, error = _a.error, errorType = _a.errorType, label = _a.label, register = _a.register, title = _a.title, rest = __rest(_a, ["className", "error", "errorType", "label", "register", "title"]);
+    return (React.createElement("div", { className: className },
+        React.createElement("label", { className: classNames(label ? 'mb-1 block text-xs font-normal text-gray-700' : 'hidden') }, label),
+        React.createElement("div", { className: 'flex items-center' },
+            React.createElement("label", { className: 'flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
+                React.createElement("input", __assign({}, register, rest, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-900 focus:ring-indigo-900'), type: 'radio' })),
+                React.createElement("span", { className: 'ml-2' }, title))),
+        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=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAPsC,iEAQ9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAG,KAAK,CAAS;QAChH,6BAAK,SAAS,EAAC,mBAAmB;YAChC,+BAAO,SAAS,EAAC,oFAAoF;gBACnG,0CACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,mEAAmE,CACpE,EACD,IAAI,EAAC,OAAO,IACZ;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import { BaseButton, ComplexAction } from '../types';
+import * as SolidIcons from '@heroicons/react/24/solid';
+import * as OutlineIcons from '@heroicons/react/24/outline';
+export type IconName = keyof typeof SolidIcons | keyof typeof OutlineIcons;
+export interface ButtonProps extends BaseButton {
+    primary?: boolean;
+    secondary?: boolean;
+    danger?: boolean;
+    danger2?: boolean;
+    soft?: boolean;
+    plain?: boolean;
+    tertiary?: boolean;
+    plainCritical?: boolean;
+    primaryCritical?: boolean;
+    split?: boolean;
+    options?: Array<{
+        name: string;
+        onClick(): any;
+    }>;
+    deleted?: boolean;
+    deletedButton?: boolean;
+    rounded?: boolean;
+    size?: 'micro' | 'small' | 'medium' | 'large' | 'extra-large';
+    children?: string | string[];
+    icon?: IconName;
+    iconClassName?: string;
+    iconOutline?: boolean;
+    iconPosition?: 'before' | 'after';
+}
+export interface ResourceListProps {
+    className?: string;
+    list?: Array<{
+        id?: number;
+        name?: string;
+        location?: string;
+        avatar?: string;
+    }>;
+    readonly?: boolean;
+    button?: ButtonProps;
+    bulkActions?: boolean;
+    isOptionList?: boolean;
+    defaultOptionActive?: any;
+    isEmptyData?: any;
+    bulkActionsContent?: string;
+    heightList?: number;
+    actionSelectAll?: boolean;
+    searchResult?: boolean;
+    shortcutAction?(item: any): Array<{
+        content?: string;
+        icon?: IconName;
+        iconOutline?: boolean;
+        active?: boolean;
+        destructive?: boolean;
+        onClick?(): void;
+    }>;
+    sortOptions?: Array<{
+        content?: string;
+        icon?: IconName;
+        iconOutline?: boolean;
+        active?: boolean;
+        destructive?: boolean;
+        onClick?(): void;
+    }>;
+    sortContent?: string;
+    onClickItem?(item: any): void;
+    onBulkActions?(data: any): void;
+    title?: string;
+    textAction?: ComplexAction;
+    isBadge?: boolean;
+    useListWithCard?: boolean;
+    onClickRemoveItem?(item: any): void;
+}
+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, }: ResourceListProps): React.JSX.Element;

package/dist/esm/components/ResourceList/ResourceList.js

@@ -0,0 +1,55 @@
+import { __assign } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { classNames } from '../types';
+import BulkAction from './component/bulkAction';
+import { PHXDropdown } from '../Dropdown';
+import { PHXEmptyRecord } from '../EmptyRecord';
+import SearchResult from './component/searchResult';
+import List from './component/list';
+import { PHXButton } from '../Button';
+import ListWithCard from './component/listWithCard';
+export 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;
+    var _f = useState([]), dataSelected = _f[0], setDataSelected = _f[1];
+    var _g = useState(''), query = _g[0], setQuery = _g[1];
+    var _h = useState([]), filteredItems = _h[0], setFilteredItems = _h[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());
+            });
+        setFilteredItems(queryItems);
+    }, [query, list]);
+    var bulkActionMarkup = bulkActions && actionSelectAll ? (React.createElement(BulkAction, { list: list ? list : [], dataSelected: dataSelected, setDataSelected: setDataSelected, onBulkActions: onBulkActions, setFilteredItems: setFilteredItems, content: bulkActionsContent })) : searchResult ? (React.createElement("div", { className: 'relative flex-1' },
+        React.createElement(SearchResult, { setQuery: setQuery }))) : (React.createElement(React.Fragment, null));
+    var getListComponent = function () {
+        if (useListWithCard) {
+            return (React.createElement(ListWithCard, { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
+        }
+        else {
+            return (React.createElement(React.Fragment, null, isEmptyData ? (React.createElement(PHXEmptyRecord, null)) : (React.createElement("div", { className: 'haveHeight' },
+                heightList && (React.createElement("style", null, "\n              .haveHeight {\n                height: ".concat(heightList, "px;\n                overflow: auto\n              }\n            "))),
+                React.createElement(List, { 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 })))));
+        }
+    };
+    var listMarkup = list && getListComponent();
+    var sortActionMarkup = sortOptions && sortContent && !button ? (React.createElement(PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' })) : button ? (React.createElement(PHXButton, __assign({}, button), button === null || button === void 0 ? void 0 : button.children)) : (React.createElement(React.Fragment, null));
+    return (React.createElement("div", { className: className },
+        React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
+            React.createElement("div", { className: classNames(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
+                bulkActions && !title && searchResult && actionSelectAll && (React.createElement("div", { className: 'relative p-3 pb-0' },
+                    React.createElement(SearchResult, { type: 'have-bulk-actions', setQuery: setQuery }))),
+                bulkActions || searchResult || sortOptions || title ? (React.createElement(React.Fragment, null, (!title && actionSelectAll) || sortOptions || searchResult ? (React.createElement("div", { className: classNames('flex items-center gap-x-4 border-b pb-3', (!bulkActions || !actionSelectAll) && 'justify-end', !useListWithCard && 'p-3') },
+                    bulkActionMarkup,
+                    sortActionMarkup)) : title || textAction ? (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: classNames('flex justify-between gap-x-4 pb-3', !useListWithCard && 'border-b p-3') },
+                        React.createElement("p", { className: 'text-xs font-semibold leading-5 text-gray-900' }, title),
+                        React.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.createElement(React.Fragment, null)))) : (React.createElement(React.Fragment, null)),
+                filteredItems.length === 0 && query !== '' ? (React.createElement(PHXEmptyRecord, { type: 'small' })) : (React.createElement(React.Fragment, null,
+                    listMarkup,
+                    dataSelected.length > 0 && (React.createElement("div", { className: 'p-3 text-xs border-t bg-gray-50 rounded-b-lg' },
+                        dataSelected.length,
+                        " selected"))))))));
+}
+//# sourceMappingURL=ResourceList.js.map

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

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

package/dist/esm/components/ResourceList/component/bulkAction.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface BulkActionProps {
+    dataSelected: Array<any>;
+    list: Array<{
+        id?: number;
+        name?: string;
+        location?: string;
+        avatar?: string;
+    }>;
+    setDataSelected: any;
+    setFilteredItems: any;
+    onBulkActions?(data: any): void;
+    content?: string;
+}
+declare function BulkAction({ dataSelected, list, setDataSelected, onBulkActions, setFilteredItems, content, }: BulkActionProps): React.JSX.Element;
+export default BulkAction;

package/dist/esm/components/ResourceList/component/bulkAction.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PHXCheckbox } from '../../Checkbox';
+import { PHXButton } from '../../Button';
+function BulkAction(_a) {
+    var dataSelected = _a.dataSelected, list = _a.list, setDataSelected = _a.setDataSelected, onBulkActions = _a.onBulkActions, setFilteredItems = _a.setFilteredItems, content = _a.content;
+    var handleSelectAll = function (e) {
+        e.target.checked ? setDataSelected(list) : setDataSelected([]);
+        setFilteredItems(list);
+    };
+    var handleBulkActions = function () {
+        if (onBulkActions) {
+            onBulkActions(dataSelected);
+        }
+    };
+    return (React.createElement("label", { className: 'flex flex-1 items-center gap-x-1.5 text-xs hover:cursor-pointer' },
+        React.createElement(PHXCheckbox, { checked: dataSelected.length === (list === null || list === void 0 ? void 0 : list.length), type: list && dataSelected.length === (list === null || list === void 0 ? void 0 : list.length) ? 'default' : 'not-all', onChange: function (e) { return handleSelectAll(e); } }),
+        dataSelected.length === 0 ? (React.createElement("p", { className: 'leading-7' }, "Ch\u1ECDn danh s\u00E1ch")) : (React.createElement(PHXButton, { secondary: true, size: 'micro', onClick: handleBulkActions }, content))));
+}
+export default BulkAction;
+//# sourceMappingURL=bulkAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bulkAction.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/bulkAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAWxC,SAAS,UAAU,CAAC,EAOF;QANhB,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,OAAO,aAAA;IAEP,IAAM,eAAe,GAAG,UAAC,CAAM;QAC7B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,CAAA;QAC9D,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG;QACxB,IAAI,aAAa,EAAE;YACjB,aAAa,CAAC,YAAY,CAAC,CAAA;SAC5B;IACH,CAAC,CAAA;IAED,OAAO,CACL,+BAAO,SAAS,EAAC,iEAAiE;QAChF,oBAAC,WAAW,IACV,OAAO,EAAE,YAAY,CAAC,MAAM,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,EAC7C,IAAI,EAAE,IAAI,IAAI,YAAY,CAAC,MAAM,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC1E,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,eAAe,CAAC,CAAC,CAAC,EAAlB,CAAkB,GACxC;QACD,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,2BAAG,SAAS,EAAC,WAAW,+BAAmB,CAC5C,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,iBAAiB,IACzD,OAAO,CACE,CACb,CACK,CACT,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/components/ResourceList/component/list.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function List({ filteredItems, dataSelected, bulkActions, itemFocusId, readonly, shortcutAction, isOptionList, defaultOptionActive, onClickItem, setDataSelected, isBadge, onBulkActions, actionSelectAll, checkRounded, }: any): React.JSX.Element;
+export default List;

package/dist/esm/components/ResourceList/component/list.js

@@ -0,0 +1,62 @@
+import { __spreadArray } from "tslib";
+import React, { useState } from 'react';
+import { classNames } from '../../types';
+import { PHXCheckbox } from '../../Checkbox';
+import { PHXDropdown } from '../../Dropdown';
+import { PHXRadio } from '../../Radio';
+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) {
+        if (onClickItem && !readonly) {
+            onClickItem(item);
+        }
+        else {
+            return;
+        }
+    };
+    var _b = useState(defaultOptionActive), currentItem = _b[0], setCurrentItem = _b[1];
+    var handleSelectOne = function (e, item, type) {
+        if (type === 'checkbox') {
+            var data = e.target.checked
+                ? // @ts-ignore
+                 __spreadArray(__spreadArray([], dataSelected, true), [item], false) : dataSelected.filter(function (p) { return p !== item; });
+            setDataSelected(data);
+            if (onBulkActions && !actionSelectAll) {
+                onBulkActions(data);
+            }
+        }
+        else {
+            setCurrentItem(item);
+            onBulkActions(item);
+        }
+    };
+    return (React.createElement(React.Fragment, null, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) { return (React.createElement("div", { key: index, "aria-hidden": true, className: classNames('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) ? 'bg-bgcl-100' : ''), onClick: function () { return handleClick("item"); } }, onClickItem ? (React.createElement("div", { className: 'flex gap-x-1.5 items-center' },
+        bulkActions && !isOptionList ? (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
+            React.createElement(PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.includes(item), onChange: function (e) {
+                    handleSelectOne(e, item, 'checkbox');
+                } }))) : (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
+            React.createElement(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) {
+                    handleSelectOne(e, item, 'radio');
+                } }))),
+        React.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
+            (item === null || item === void 0 ? void 0 : item.avatar) && React.createElement("img", { alt: 'avatar', className: 'h-8 w-8 rounded-lg mr-2', src: item.avatar }),
+            React.createElement("div", { className: 'flex flex-col gap-y-0.5' },
+                (item === null || item === void 0 ? void 0 : item.name) && React.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
+                (item === null || item === void 0 ? void 0 : item.location) && (React.createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location)))),
+        shortcutAction && (React.createElement("div", { className: 'flex items-center', "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
+            React.createElement(PHXDropdown, { type: 'ellipsis-icon', origin: 'right', options: shortcutAction(item) }))))) : (React.createElement("label", { className: 'hover:cursor-pointer' },
+        React.createElement("div", { className: 'flex gap-x-1.5 items-center' },
+            bulkActions && (React.createElement("div", { "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
+                React.createElement(PHXCheckbox, { id: "checkbox-".concat(index), checked: dataSelected.includes(item), onChange: function (e) {
+                        handleSelectOne(e, item, 'checkbox');
+                    } }))),
+            React.createElement("div", { className: 'flex-1 flex gap-x-1.5 items-center' },
+                (item === null || item === void 0 ? void 0 : item.avatar) && React.createElement("img", { alt: 'avatar', className: 'h-8 w-8 rounded-lg mr-2', src: item.avatar }),
+                React.createElement("div", { className: 'flex flex-col gap-y-0.5' },
+                    (item === null || item === void 0 ? void 0 : item.name) && React.createElement("p", { className: 'text-xs font-medium text-gray-900' }, item.name),
+                    (item === null || item === void 0 ? void 0 : item.location) && (React.createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location)))),
+            shortcutAction && (React.createElement("div", { className: 'flex items-center', "aria-hidden": true, onClick: function (e) { return e.stopPropagation(); } },
+                React.createElement(PHXDropdown, { type: 'ellipsis-icon', origin: 'right', options: shortcutAction(item) })))))))); })));
+}
+export default List;
+//# sourceMappingURL=list.js.map

package/dist/esm/components/ResourceList/component/list.js.map

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

package/dist/esm/components/ResourceList/component/listWithCard.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function ListWithCard({ filteredItems, isBadge, onClickItem, onClickRemoveItem, readonly }: any): React.JSX.Element;
+export default ListWithCard;

package/dist/esm/components/ResourceList/component/listWithCard.js

@@ -0,0 +1,29 @@
+import { TrashIcon } from '@heroicons/react/24/outline';
+import React from 'react';
+function ListWithCard(_a) {
+    var filteredItems = _a.filteredItems, isBadge = _a.isBadge, onClickItem = _a.onClickItem, onClickRemoveItem = _a.onClickRemoveItem, readonly = _a.readonly;
+    var handleClick = function (item) {
+        if (onClickItem && !readonly) {
+            onClickItem(item);
+        }
+        else {
+            return;
+        }
+    };
+    var handleRemoveItem = function (item) {
+        if (onClickRemoveItem && !readonly) {
+            onClickRemoveItem(item);
+        }
+        else {
+            return;
+        }
+    };
+    return (React.createElement("div", { className: 'max-h-[320px] overflow-y-auto' }, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) { return (React.createElement("div", { key: index, className: 'mx-auto mb-3 flex max-w-3xl items-center justify-between rounded-lg border border-gray-200 bg-white p-4 shadow-[0rem_0.0825rem_0rem_#00000012] lg:max-w-full' },
+        React.createElement("div", null,
+            (item === null || item === void 0 ? void 0 : item.name) && (React.createElement("p", { "aria-hidden": true, className: "mb-2 text-xs font-medium text-gray-900 ".concat(readonly ? '' : 'text-xs hover:cursor-pointer hover:text-blue-800 hover:underline'), onClick: function () { return handleClick(item); } }, item.name)),
+            (item === null || item === void 0 ? void 0 : item.location) && (React.createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location))),
+        React.createElement("button", { className: 'rounded-md border border-gray-300 border-b-gray-400 bg-white p-2 font-normal text-gray-900 shadow-sm hover:bg-red-100 focus:outline-none focus-visible:outline-none', onClick: function () { return handleRemoveItem(item); }, type: 'button' },
+            React.createElement(TrashIcon, { "aria-hidden": 'true', className: 'h-4 w-4 text-red-800 active:text-red-900' })))); })));
+}
+export default ListWithCard;
+//# sourceMappingURL=listWithCard.js.map

package/dist/esm/components/ResourceList/component/listWithCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listWithCard.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/listWithCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS,YAAY,CAAC,EAAyE;QAAvE,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,WAAW,IAAI,CAAC,QAAQ,EAAE;YAC5B,WAAW,CAAC,IAAI,CAAC,CAAA;SAClB;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IACD,IAAM,gBAAgB,GAAG,UAAC,IAAS;QACjC,IAAI,iBAAiB,IAAI,CAAC,QAAQ,EAAE;YAClC,iBAAiB,CAAC,IAAI,CAAC,CAAA;SACxB;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,+BAA+B,IAC3C,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CAChD,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,8JAA8J;QAExK;YACG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,CACb,gDAEE,SAAS,EAAE,iDACT,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kEAAkE,CAClF,EACF,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,IAE/B,IAAI,CAAC,IAAI,CACR,CACL;YAEA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CACjB,2BAAG,SAAS,EAAE,kBAAW,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,+BAA4B,IAAG,IAAI,CAAC,QAAQ,CAAK,CAChG,CACG;QAEN,gCACE,SAAS,EAAC,qKAAqK,EAC/K,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,EACrC,IAAI,EAAC,QAAQ;YAEb,oBAAC,SAAS,mBAAa,MAAM,EAAC,SAAS,EAAC,0CAA0C,GAAG,CAC9E,CACL,CACP,EA/BiD,CA+BjD,CAAC,CACE,CACP,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

package/dist/esm/components/ResourceList/component/searchResult.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function SearchResult({ setQuery, type }: any): React.JSX.Element;
+export default SearchResult;

package/dist/esm/components/ResourceList/component/searchResult.js

@@ -0,0 +1,11 @@
+import { MagnifyingGlassIcon } from '@heroicons/react/20/solid';
+import React from 'react';
+import { classNames } from '../../types';
+function SearchResult(_a) {
+    var setQuery = _a.setQuery, type = _a.type;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { className: 'block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 pl-8 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', onChange: function (e) { return setQuery(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text' }),
+        React.createElement(MagnifyingGlassIcon, { className: classNames('h-4 w-4 text-gray-500 absolute ml-3', type === 'have-bulk-actions' ? 'top-5' : 'top-2') })));
+}
+export default SearchResult;
+//# sourceMappingURL=searchResult.js.map

package/dist/esm/components/ResourceList/component/searchResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchResult.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/searchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,SAAS,YAAY,CAAC,EAAuB;QAArB,QAAQ,cAAA,EAAE,IAAI,UAAA;IACpC,OAAO,CACL;QACE,+BACE,SAAS,EAAC,yPAAyP,EACnQ,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAxB,CAAwB,EAC9C,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,GACX;QACF,oBAAC,mBAAmB,IAClB,SAAS,EAAE,UAAU,CAAC,qCAAqC,EAAE,IAAI,KAAK,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAC9G,CACD,CACJ,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function EmptySearchResult({ isSearchLoading }: any): React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PHXSpinner } from '../Loading';
+export default function EmptySearchResult(_a) {
+    var isSearchLoading = _a.isSearchLoading;
+    console.log('isSearchLoading', isSearchLoading);
+    return (React.createElement("div", { className: 'mt-2 rounded-[10px] border-[1px] bg-white shadow-gray-900' },
+        React.createElement("div", { className: 'mt-3 h-[50px] text-center' }, !isSearchLoading ? (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"))) : (React.createElement(PHXSpinner, null)))));
+}
+//# sourceMappingURL=EmptySearchResult.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/SearchResultList/EmptySearchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAEvC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAwB;QAAtB,eAAe,qBAAA;IACzD,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAA;IAE/C,OAAO,CACL,6BAAK,SAAS,EAAC,2DAA2D;QACxE,6BAAK,SAAS,EAAC,2BAA2B,IACvC,CAAC,eAAe,CAAC,CAAC,CAAC,CAClB;YACE,6BACE,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;YACN,4BAAI,SAAS,EAAC,gCAAgC,2CAAsB,CAChE,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,OAAG,CACf,CACG,CACF,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,35 @@
+import { FC } from 'react';
+import { UseFormRegisterReturn, UseFormSetValue } from 'react-hook-form';
+type Falsy = boolean | undefined | null | 0;
+export declare function classNames(...classes: Array<string | Falsy>): string;
+export type FilterArrayItem = {
+    keyParent?: string;
+    keyChild: string;
+};
+export interface SearchResultListProps {
+    getSearchResult: any;
+    handleCustomRender?: any;
+    isFillInput?: boolean;
+    defaultInputText?: string;
+    listSelected?: Array<any>;
+    isArray?: boolean;
+    label?: string;
+    error?: boolean;
+    disabled?: boolean;
+    name: string;
+    placeholder: string;
+    errorMessageCustom?: string;
+    errorType?: any;
+    setValue: UseFormSetValue<any>;
+    register?: UseFormRegisterReturn;
+    filterArray: Array<FilterArrayItem>;
+    handleQueryValue?: any;
+    queryValueType?: 'custom' | 'default';
+    search: {
+        enable: boolean;
+        keyResult: string;
+        query: string;
+    } | any;
+}
+declare const PHXSearchResultList: FC<SearchResultListProps>;
+export default PHXSearchResultList;