phx-react 1.3.469 → 1.3.471

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

@@ -2,12 +2,17 @@ import React from 'react';
 export interface ComboboxProps {
     className?: string;
     label?: string;
-    listOptions?: any;
-    multiple?: boolean;
-    name?: any;
-    id?: any;
-    defaultValue?: any;
-    onChange?: any;
+    id?: string;
+    listOptions: Array<{
+        id: number;
+        name: string;
+    }>;
+    defaultValue?: Array<{
+        id: number;
+        name: string;
+    }>;
     placeholder?: string;
+    onChange?: any;
+    error?: boolean;
 }
-export declare const PHXCombobox: ({ className, defaultValue, id, label, listOptions, multiple, name, onChange, placeholder, }: ComboboxProps) => React.JSX.Element;
+export declare const PHXCombobox: ({ label, className, listOptions, placeholder, defaultValue, id, onChange, error, }: ComboboxProps) => React.JSX.Element;

package/dist/cjs/components/Combobox/Combobox.js

@@ -2,69 +2,91 @@
 exports.__esModule = true;
 exports.PHXCombobox = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
+var Checkbox_1 = require("../Checkbox");
 var react_hook_form_1 = require("react-hook-form");
-var react_select_1 = tslib_1.__importDefault(require("react-select"));
-var custom_multi_select_1 = require("./custom-multi-select");
+var solid_1 = require("@heroicons/react/24/solid");
 var PHXCombobox = function (_a) {
-    var className = _a.className, defaultValue = _a.defaultValue, id = _a.id, label = _a.label, listOptions = _a.listOptions, _b = _a.multiple, multiple = _b === void 0 ? false : _b, name = _a.name, onChange = _a.onChange, placeholder = _a.placeholder;
-    var _c = react_1["default"].useState(), _document = _c[0], set_document = _c[1];
-    var filterOptions = function (option, inputValue) {
-        if (!inputValue) {
-            return true;
-        }
-        var label = option.label.toLowerCase();
-        return label.includes(inputValue.toLowerCase());
-    };
-    var handleChange = function (val) {
-        var value = multiple ? val.map(function (s) { return s.value; }) : val.value;
+    var label = _a.label, className = _a.className, listOptions = _a.listOptions, placeholder = _a.placeholder, defaultValue = _a.defaultValue, id = _a.id, onChange = _a.onChange, error = _a.error;
+    var _b = (0, react_1.useState)(false), isFocused = _b[0], setIsFocused = _b[1];
+    var _c = (0, react_hook_form_1.useForm)(), register = _c.register, watch = _c.watch, reset = _c.reset;
+    var _d = (0, react_1.useState)(defaultValue ? defaultValue : []), selectedItems = _d[0], setSelectedItems = _d[1];
+    var wrapperRef = (0, react_1.useRef)(null);
+    var _e = (0, react_1.useState)(listOptions || []), options = _e[0], setOptions = _e[1];
+    (0, react_1.useEffect)(function () {
         if (onChange) {
-            onChange(value);
+            onChange(selectedItems);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedItems]);
+    // ẩn hiện khi focus vào input
+    (0, react_1.useEffect)(function () {
+        var handleClickOutside = function (event) {
+            var _a;
+            // @ts-ignore
+            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]);
+    var handleItemClick = function (item) {
+        var isSelected = selectedItems.some(function (selectedItem) { return selectedItem.id === item.id; });
+        if (isSelected) {
+            setSelectedItems(selectedItems.filter(function (selectedItem) { return selectedItem.id !== item.id; }));
+        }
+        else {
+            setSelectedItems(tslib_1.__spreadArray(tslib_1.__spreadArray([], selectedItems, true), [item], false));
         }
+        reset({ main: '' });
     };
-    var control = (0, react_hook_form_1.useForm)().control;
-    react_1["default"].useEffect(function () {
-        set_document(document);
-    }, []);
-    return (react_1["default"].createElement(react_1["default"].Fragment, null, _document && (react_1["default"].createElement("div", { className: className },
-        label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
-        react_1["default"].createElement(react_hook_form_1.Controller, { control: control, defaultValue: !defaultValue
-                ? ''
-                : multiple
-                    ? defaultValue.map(function (item) {
-                        var _a, _b;
-                        return ({
-                            value: (_a = listOptions.find(function (option) { return option.id === item; })) === null || _a === void 0 ? void 0 : _a.id,
-                            label: (_b = listOptions.find(function (option) { return option.id === item; })) === null || _b === void 0 ? void 0 : _b.name
-                        });
-                    })
-                    : {
-                        value: defaultValue,
-                        label: listOptions.find(function (option) { return option.id === defaultValue; }).name
-                    }, name: name, render: function (_a) {
-                var _b;
-                var field = _a.field;
-                return (react_1["default"].createElement(react_select_1["default"], tslib_1.__assign({}, field, { className: 'block w-full sm:text-xs', defaultValue: !defaultValue
-                        ? ''
-                        : multiple
-                            ? defaultValue.map(function (item) {
-                                var _a, _b;
-                                return ({
-                                    value: (_a = listOptions.find(function (option) { return option.id === item; })) === null || _a === void 0 ? void 0 : _a.id,
-                                    label: (_b = listOptions.find(function (option) { return option.id === item; })) === null || _b === void 0 ? void 0 : _b.name
-                                });
-                            })
-                            : {
-                                value: defaultValue,
-                                label: (_b = listOptions.find(function (option) { return option.id === defaultValue; })) === null || _b === void 0 ? void 0 : _b.name
-                            }, filterOption: filterOptions, id: id, isMulti: multiple, menuPortalTarget: _document.body, onChange: function (val) {
-                        handleChange(val);
-                        field.onChange(val);
-                    }, options: listOptions === null || listOptions === void 0 ? void 0 : listOptions.map(function (people) { return ({
-                        value: people.id,
-                        label: people.name
-                    }); }), placeholder: placeholder, styles: custom_multi_select_1.customStyles })));
-            }, rules: { required: true } })))));
+    var handleRemoveItem = function (item) {
+        var newSelectedItems = selectedItems.filter(function (selectedItem) { return selectedItem.id !== item.id; });
+        setSelectedItems(newSelectedItems);
+    };
+    var _f = (0, react_1.useState)(0), height = _f[0], setHeight = _f[1];
+    var heightRef = (0, react_1.useRef)(null);
+    // tính toán chiều cao của input để chứa các item được chọn
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (0, react_1.useEffect)(function () {
+        // @ts-ignore
+        setHeight(heightRef.current.clientHeight);
+    });
+    var inputValueWatch = watch('main') || '';
+    (0, react_1.useEffect)(function () {
+        if (inputValueWatch === '') {
+            setOptions(listOptions);
+        }
+        else {
+            var filteredOptions = listOptions.filter(function (option) {
+                return option.name.toLowerCase().includes(inputValueWatch.toLowerCase());
+            });
+            setOptions(filteredOptions);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inputValueWatch]);
+    return (react_1["default"].createElement("div", { id: id, className: className },
+        react_1["default"].createElement("form", null,
+            label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+            react_1["default"].createElement("div", { className: 'bg-gray-100 w-full relative', ref: wrapperRef },
+                react_1["default"].createElement("div", { className: 'relative' },
+                    react_1["default"].createElement("div", { className: 'flex items-center absolute mt-2 ml-2 gap-2 flex-wrap', ref: heightRef }, selectedItems.map(function (item) { return (react_1["default"].createElement("div", { key: item.id, className: 'flex bg-gray-200 rounded-xl items-center whitespace-nowrap' },
+                        react_1["default"].createElement("p", { className: 'text-xs text-gray-700 pl-2 pr-[2px]' }, item.name),
+                        react_1["default"].createElement("button", { type: 'button', onClick: function () { return handleRemoveItem(item); }, className: 'hover:cursor-pointer hover:bg-gray-300 rounded-xl p-[3px]' },
+                            react_1["default"].createElement(solid_1.XMarkIcon, { className: 'h-4 w-4' })))); })),
+                    react_1["default"].createElement("input", tslib_1.__assign({ id: 'main', placeholder: placeholder, className: "".concat(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', " block w-full rounded-lg border border-gray-500 py-1.5 px-3 text-sm 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"), onFocus: function () { return setIsFocused(true); }, style: { paddingTop: selectedItems.length ? height + 15 : height + 6 } }, register('main', {
+                        required: false
+                    })))),
+                react_1["default"].createElement("div", { className: "w-full bg-white shadow-xl rounded-lg absolute mt-2 p-2 max-h-[400px] overflow-y-auto ".concat(!isFocused ? 'hidden' : '') },
+                    inputValueWatch === '' ? null : react_1["default"].createElement("p", { className: 'text-xs ml-2 mb-1' },
+                        "Th\u00EAm \"",
+                        inputValueWatch,
+                        "\""),
+                    options.map(function (item) { return (react_1["default"].createElement("div", { key: item.id, className: 'hover:bg-gray-200 py-[1.5px] px-2 mb-1 rounded-lg' },
+                        react_1["default"].createElement(Checkbox_1.PHXCheckbox, { title: item.name, id: "checkbox_".concat(item.id), register: register("checkbox_".concat(item.id)), onClick: function () { return handleItemClick(item); }, checked: selectedItems.some(function (selectedItem) { return selectedItem.id === item.id; }) }))); }))))));
 };
 exports.PHXCombobox = PHXCombobox;
 //# sourceMappingURL=Combobox.js.map

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

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

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

@@ -21,7 +21,7 @@ function PHXResourceList(_a) {
                 return item.name.toLowerCase().includes(query.toLowerCase());
             });
         setFilteredItems(queryItems);
-    }, [query]);
+    }, [query, list]);
     var bulkActionMarkup = bulkActions ? (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 listMarkup = list && (react_1["default"].createElement(list_1["default"], { filteredItems: filteredItems, dataSelected: dataSelected, bulkActions: bulkActions, readonly: readonly, shortcutAction: shortcutAction, onClickItem: onClickItem, setDataSelected: setDataSelected }));

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/esm/components/Combobox/Combobox.d.ts

@@ -2,12 +2,17 @@ import React from 'react';
 export interface ComboboxProps {
     className?: string;
     label?: string;
-    listOptions?: any;
-    multiple?: boolean;
-    name?: any;
-    id?: any;
-    defaultValue?: any;
-    onChange?: any;
+    id?: string;
+    listOptions: Array<{
+        id: number;
+        name: string;
+    }>;
+    defaultValue?: Array<{
+        id: number;
+        name: string;
+    }>;
     placeholder?: string;
+    onChange?: any;
+    error?: boolean;
 }
-export declare const PHXCombobox: ({ className, defaultValue, id, label, listOptions, multiple, name, onChange, placeholder, }: ComboboxProps) => React.JSX.Element;
+export declare const PHXCombobox: ({ label, className, listOptions, placeholder, defaultValue, id, onChange, error, }: ComboboxProps) => React.JSX.Element;

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

@@ -1,66 +1,88 @@
-import { __assign } from "tslib";
-import React from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import Select from 'react-select';
-import { customStyles } from './custom-multi-select';
+import { __assign, __spreadArray } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
+import { PHXCheckbox } from '../Checkbox';
+import { useForm } from 'react-hook-form';
+import { XMarkIcon } from '@heroicons/react/24/solid';
 export var PHXCombobox = function (_a) {
-    var className = _a.className, defaultValue = _a.defaultValue, id = _a.id, label = _a.label, listOptions = _a.listOptions, _b = _a.multiple, multiple = _b === void 0 ? false : _b, name = _a.name, onChange = _a.onChange, placeholder = _a.placeholder;
-    var _c = React.useState(), _document = _c[0], set_document = _c[1];
-    var filterOptions = function (option, inputValue) {
-        if (!inputValue) {
-            return true;
-        }
-        var label = option.label.toLowerCase();
-        return label.includes(inputValue.toLowerCase());
-    };
-    var handleChange = function (val) {
-        var value = multiple ? val.map(function (s) { return s.value; }) : val.value;
+    var label = _a.label, className = _a.className, listOptions = _a.listOptions, placeholder = _a.placeholder, defaultValue = _a.defaultValue, id = _a.id, onChange = _a.onChange, error = _a.error;
+    var _b = useState(false), isFocused = _b[0], setIsFocused = _b[1];
+    var _c = useForm(), register = _c.register, watch = _c.watch, reset = _c.reset;
+    var _d = useState(defaultValue ? defaultValue : []), selectedItems = _d[0], setSelectedItems = _d[1];
+    var wrapperRef = useRef(null);
+    var _e = useState(listOptions || []), options = _e[0], setOptions = _e[1];
+    useEffect(function () {
         if (onChange) {
-            onChange(value);
+            onChange(selectedItems);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedItems]);
+    // ẩn hiện khi focus vào input
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            var _a;
+            // @ts-ignore
+            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]);
+    var handleItemClick = function (item) {
+        var isSelected = selectedItems.some(function (selectedItem) { return selectedItem.id === item.id; });
+        if (isSelected) {
+            setSelectedItems(selectedItems.filter(function (selectedItem) { return selectedItem.id !== item.id; }));
+        }
+        else {
+            setSelectedItems(__spreadArray(__spreadArray([], selectedItems, true), [item], false));
         }
+        reset({ main: '' });
     };
-    var control = useForm().control;
-    React.useEffect(function () {
-        set_document(document);
-    }, []);
-    return (React.createElement(React.Fragment, null, _document && (React.createElement("div", { className: className },
-        label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
-        React.createElement(Controller, { control: control, defaultValue: !defaultValue
-                ? ''
-                : multiple
-                    ? defaultValue.map(function (item) {
-                        var _a, _b;
-                        return ({
-                            value: (_a = listOptions.find(function (option) { return option.id === item; })) === null || _a === void 0 ? void 0 : _a.id,
-                            label: (_b = listOptions.find(function (option) { return option.id === item; })) === null || _b === void 0 ? void 0 : _b.name
-                        });
-                    })
-                    : {
-                        value: defaultValue,
-                        label: listOptions.find(function (option) { return option.id === defaultValue; }).name
-                    }, name: name, render: function (_a) {
-                var _b;
-                var field = _a.field;
-                return (React.createElement(Select, __assign({}, field, { className: 'block w-full sm:text-xs', defaultValue: !defaultValue
-                        ? ''
-                        : multiple
-                            ? defaultValue.map(function (item) {
-                                var _a, _b;
-                                return ({
-                                    value: (_a = listOptions.find(function (option) { return option.id === item; })) === null || _a === void 0 ? void 0 : _a.id,
-                                    label: (_b = listOptions.find(function (option) { return option.id === item; })) === null || _b === void 0 ? void 0 : _b.name
-                                });
-                            })
-                            : {
-                                value: defaultValue,
-                                label: (_b = listOptions.find(function (option) { return option.id === defaultValue; })) === null || _b === void 0 ? void 0 : _b.name
-                            }, filterOption: filterOptions, id: id, isMulti: multiple, menuPortalTarget: _document.body, onChange: function (val) {
-                        handleChange(val);
-                        field.onChange(val);
-                    }, options: listOptions === null || listOptions === void 0 ? void 0 : listOptions.map(function (people) { return ({
-                        value: people.id,
-                        label: people.name
-                    }); }), placeholder: placeholder, styles: customStyles })));
-            }, rules: { required: true } })))));
+    var handleRemoveItem = function (item) {
+        var newSelectedItems = selectedItems.filter(function (selectedItem) { return selectedItem.id !== item.id; });
+        setSelectedItems(newSelectedItems);
+    };
+    var _f = useState(0), height = _f[0], setHeight = _f[1];
+    var heightRef = useRef(null);
+    // tính toán chiều cao của input để chứa các item được chọn
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(function () {
+        // @ts-ignore
+        setHeight(heightRef.current.clientHeight);
+    });
+    var inputValueWatch = watch('main') || '';
+    useEffect(function () {
+        if (inputValueWatch === '') {
+            setOptions(listOptions);
+        }
+        else {
+            var filteredOptions = listOptions.filter(function (option) {
+                return option.name.toLowerCase().includes(inputValueWatch.toLowerCase());
+            });
+            setOptions(filteredOptions);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inputValueWatch]);
+    return (React.createElement("div", { id: id, className: className },
+        React.createElement("form", null,
+            label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+            React.createElement("div", { className: 'bg-gray-100 w-full relative', ref: wrapperRef },
+                React.createElement("div", { className: 'relative' },
+                    React.createElement("div", { className: 'flex items-center absolute mt-2 ml-2 gap-2 flex-wrap', ref: heightRef }, selectedItems.map(function (item) { return (React.createElement("div", { key: item.id, className: 'flex bg-gray-200 rounded-xl items-center whitespace-nowrap' },
+                        React.createElement("p", { className: 'text-xs text-gray-700 pl-2 pr-[2px]' }, item.name),
+                        React.createElement("button", { type: 'button', onClick: function () { return handleRemoveItem(item); }, className: 'hover:cursor-pointer hover:bg-gray-300 rounded-xl p-[3px]' },
+                            React.createElement(XMarkIcon, { className: 'h-4 w-4' })))); })),
+                    React.createElement("input", __assign({ id: 'main', placeholder: placeholder, className: "".concat(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', " block w-full rounded-lg border border-gray-500 py-1.5 px-3 text-sm 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"), onFocus: function () { return setIsFocused(true); }, style: { paddingTop: selectedItems.length ? height + 15 : height + 6 } }, register('main', {
+                        required: false
+                    })))),
+                React.createElement("div", { className: "w-full bg-white shadow-xl rounded-lg absolute mt-2 p-2 max-h-[400px] overflow-y-auto ".concat(!isFocused ? 'hidden' : '') },
+                    inputValueWatch === '' ? null : React.createElement("p", { className: 'text-xs ml-2 mb-1' },
+                        "Th\u00EAm \"",
+                        inputValueWatch,
+                        "\""),
+                    options.map(function (item) { return (React.createElement("div", { key: item.id, className: 'hover:bg-gray-200 py-[1.5px] px-2 mb-1 rounded-lg' },
+                        React.createElement(PHXCheckbox, { title: item.name, id: "checkbox_".concat(item.id), register: register("checkbox_".concat(item.id)), onClick: function () { return handleItemClick(item); }, checked: selectedItems.some(function (selectedItem) { return selectedItem.id === item.id; }) }))); }))))));
 };
 //# sourceMappingURL=Combobox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAarD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EASZ;QARd,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,KAAK,WAAA;IAEC,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAC3C,IAAA,KAA6B,OAAO,EAAE,EAApC,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAc,CAAA;IACtC,IAAA,KAAoC,QAAQ,CAAM,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAAlF,aAAa,QAAA,EAAE,gBAAgB,QAAmD,CAAA;IACzF,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IACzB,IAAA,KAAwB,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC,EAAlD,OAAO,QAAA,EAAE,UAAU,QAA+B,CAAA;IAEzD,SAAS,CAAC;QACR,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,aAAa,CAAC,CAAA;SACxB;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,8BAA8B;IAC9B,SAAS,CAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAU;;YACpC,aAAa;YACb,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA,EAAE;gBACrE,YAAY,CAAC,KAAK,CAAC,CAAA;aACpB;QACH,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC1D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAM,eAAe,GAAG,UAAC,IAAS;QAChC,IAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,UAAC,YAAiB,IAAK,OAAA,YAAY,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAA3B,CAA2B,CAAC,CAAA;QACzF,IAAI,UAAU,EAAE;YACd,gBAAgB,CAAC,aAAa,CAAC,MAAM,CAAC,UAAC,YAAiB,IAAK,OAAA,YAAY,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAA3B,CAA2B,CAAC,CAAC,CAAA;SAC3F;aAAM;YACL,gBAAgB,iCAAK,aAAa,UAAE,IAAI,UAAE,CAAA;SAC3C;QACD,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,UAAC,IAAS;QACjC,IAAM,gBAAgB,GAAG,aAAa,CAAC,MAAM,CAAC,UAAC,YAAiB,IAAK,OAAA,YAAY,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAA3B,CAA2B,CAAC,CAAA;QACjG,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;IACpC,CAAC,CAAA;IAEK,IAAA,KAAsB,QAAQ,CAAC,CAAC,CAAC,EAAhC,MAAM,QAAA,EAAE,SAAS,QAAe,CAAA;IACvC,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE9B,2DAA2D;IAC3D,uDAAuD;IACvD,SAAS,CAAC;QACR,aAAa;QACb,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;IAC3C,CAAC,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;IAE3C,SAAS,CAAC;QACR,IAAI,eAAe,KAAK,EAAE,EAAE;YAC1B,UAAU,CAAC,WAAW,CAAC,CAAA;SACxB;aAAM;YACL,IAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,UAAC,MAAW;gBACrD,OAAA,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YAAjE,CAAiE,CAClE,CAAA;YACD,UAAU,CAAC,eAAe,CAAC,CAAA;SAC5B;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B;YACG,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;YACzF,6BAAK,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAE,UAAU;gBAC1D,6BAAK,SAAS,EAAC,UAAU;oBACvB,6BAAK,SAAS,EAAC,sDAAsD,EAAC,GAAG,EAAE,SAAS,IACjF,aAAa,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAChC,6BAAK,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAC,4DAA4D;wBACvF,2BAAG,SAAS,EAAC,qCAAqC,IAAE,IAAI,CAAC,IAAI,CAAK;wBAClE,gCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,EACrC,SAAS,EAAC,2DAA2D;4BAErE,oBAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,CAC1B,CACL,CACP,EAXiC,CAWjC,CAAC,CACE;oBAEN,wCACE,EAAE,EAAC,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,UACT,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,oOACmI,EACjO,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,IAClE,QAAQ,CAAC,MAAM,EAAE;wBACnB,QAAQ,EAAE,KAAK;qBAChB,CAAC,EACF,CACE;gBAEN,6BACE,SAAS,EAAE,+FACT,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAC1B;oBAED,eAAe,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,mBAAmB;;wBAAa,eAAe;6BAAW;oBACvG,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC1B,6BAAK,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAC,mDAAmD;wBAC9E,oBAAC,WAAW,IACV,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,EAAE,EAAE,mBAAY,IAAI,CAAC,EAAE,CAAE,EACzB,QAAQ,EAAE,QAAQ,CAAC,mBAAY,IAAI,CAAC,EAAE,CAAE,CAAC,EACzC,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,EACpC,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,UAAC,YAAiB,IAAK,OAAA,YAAY,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAA3B,CAA2B,CAAC,GAC/E,CACE,CACP,EAV2B,CAU3B,CAAC,CACE,CACF,CACD,CACH,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -17,7 +17,7 @@ export function PHXResourceList(_a) {
                 return item.name.toLowerCase().includes(query.toLowerCase());
             });
         setFilteredItems(queryItems);
-    }, [query]);
+    }, [query, list]);
     var bulkActionMarkup = bulkActions ? (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 listMarkup = list && (React.createElement(List, { filteredItems: filteredItems, dataSelected: dataSelected, bulkActions: bulkActions, readonly: readonly, shortcutAction: shortcutAction, onClickItem: onClickItem, setDataSelected: setDataSelected }));

package/dist/esm/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phx-react",
-  "version": "1.3.469",
+  "version": "1.3.471",
   "description": "PHX REACT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",

package/dist/cjs/components/Combobox/custom-multi-select.d.ts

@@ -1,11 +0,0 @@
-export declare const customStyles: {
-    control: (base: any) => any;
-    placeholder: (provided: any) => any;
-    dropdownIndicator: (provided: any) => any;
-    clearIndicator: (provided: any) => any;
-    input: (provided: any, state: any) => any;
-    multiValue: (provided: any) => any;
-    multiValueRemove: (provided: any) => any;
-    menu: (provided: any) => any;
-    option: (provided: any, state: any) => any;
-};

package/dist/cjs/components/Combobox/custom-multi-select.js

@@ -1,28 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.customStyles = void 0;
-var tslib_1 = require("tslib");
-exports.customStyles = {
-    control: function (base) { return (tslib_1.__assign(tslib_1.__assign({}, base), { borderRadius: '8px', '&:hover': { borderColor: '#64748b' }, border: '1px solid rgb(107 114 128) ', boxShadow: 'none', 'css-1i837h3-valueContainer': {
-            padding: 0
-        } })); },
-    placeholder: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { color: '#6B7280', fontSize: '0.8125rem', fontWeight: 400 })); },
-    dropdownIndicator: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { color: '#787f8d', width: '2.1rem' })); },
-    clearIndicator: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { color: '#787f8d', width: '2.1rem' })); },
-    input: function (provided, state) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { border: state.isFocused ? 'none' : provided.border, outline: state.isFocused ? 'none' : provided.outline, caretColor: '#000' })); },
-    multiValue: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { borderRadius: '8px' })); },
-    multiValueRemove: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { borderRadius: '8px', '&:hover': {
-            backgroundColor: '#d1d5db',
-            color: 'black'
-        }, 'css-1xc3v61-indicatorContainer': {
-            width: '1.25rem',
-            height: '1.25rem'
-        } })); },
-    menu: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { backgroundColor: 'white', borderRadius: '8px', boxShadow: '0 0 8px rgba(0,0,0,0.1)', padding: '0 6px' })); },
-    option: function (provided, state) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { fontSize: '0.8125rem', lineHeight: '1.125rem', fontWeight: 300, color: '#000', backgroundColor: state.isSelected ? '#e5e7eb' : 'transparent', margin: '6px 0 0 0', ':hover': {
-            backgroundColor: state.isSelected ? '#e5e7eb' : '#e5e7eb',
-            borderRadius: '10px',
-            color: '#000'
-        } })); }
-};
-//# sourceMappingURL=custom-multi-select.js.map

package/dist/cjs/components/Combobox/custom-multi-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-multi-select.js","sourceRoot":"","sources":["../../../../src/components/Combobox/custom-multi-select.ts"],"names":[],"mappings":";;;;AAAa,QAAA,YAAY,GAAG;IAC1B,OAAO,EAAE,UAAC,IAAS,IAAK,OAAA,uCACnB,IAAI,KACP,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EACrC,MAAM,EAAE,6BAA6B,EACrC,SAAS,EAAE,MAAM,EACjB,4BAA4B,EAAE;YAC5B,OAAO,EAAE,CAAC;SACX,IACD,EATsB,CAStB;IACF,WAAW,EAAE,UAAC,QAAa,IAAK,OAAA,uCAC3B,QAAQ,KACX,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,GAAG,IACf,EAL8B,CAK9B;IACF,iBAAiB,EAAE,UAAC,QAAa,IAAK,OAAA,uCACjC,QAAQ,KACX,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,QAAQ,IACf,EAJoC,CAIpC;IACF,cAAc,EAAE,UAAC,QAAa,IAAK,OAAA,uCAC9B,QAAQ,KACX,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,QAAQ,IACf,EAJiC,CAIjC;IACF,KAAK,EAAE,UAAC,QAAa,EAAE,KAAU,IAAK,OAAA,uCACjC,QAAQ,KACX,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAClD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,EACpD,UAAU,EAAE,MAAM,IAClB,EALoC,CAKpC;IACF,UAAU,EAAE,UAAC,QAAa,IAAK,OAAA,uCAC1B,QAAQ,KACX,YAAY,EAAE,KAAK,IACnB,EAH6B,CAG7B;IACF,gBAAgB,EAAE,UAAC,QAAa,IAAK,OAAA,uCAChC,QAAQ,KACX,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE;YACT,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,OAAO;SACf,EACD,gCAAgC,EAAE;YAChC,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SAClB,IACD,EAXmC,CAWnC;IACF,IAAI,EAAE,UAAC,QAAa,IAAK,OAAA,uCACpB,QAAQ,KACX,eAAe,EAAE,OAAO,EACxB,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,yBAAyB,EACpC,OAAO,EAAE,OAAO,IAChB,EANuB,CAMvB;IACF,MAAM,EAAE,UAAC,QAAa,EAAE,KAAU,IAAK,OAAA,uCAClC,QAAQ,KACX,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,GAAG,EACf,KAAK,EAAE,MAAM,EACb,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAC7D,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE;YACR,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACzD,YAAY,EAAE,MAAM;YACpB,KAAK,EAAE,MAAM;SACd,IACD,EAbqC,CAarC;CACH,CAAA"}

package/dist/esm/components/Combobox/custom-multi-select.d.ts

@@ -1,11 +0,0 @@
-export declare const customStyles: {
-    control: (base: any) => any;
-    placeholder: (provided: any) => any;
-    dropdownIndicator: (provided: any) => any;
-    clearIndicator: (provided: any) => any;
-    input: (provided: any, state: any) => any;
-    multiValue: (provided: any) => any;
-    multiValueRemove: (provided: any) => any;
-    menu: (provided: any) => any;
-    option: (provided: any, state: any) => any;
-};

package/dist/esm/components/Combobox/custom-multi-select.js

@@ -1,25 +0,0 @@
-import { __assign } from "tslib";
-export var customStyles = {
-    control: function (base) { return (__assign(__assign({}, base), { borderRadius: '8px', '&:hover': { borderColor: '#64748b' }, border: '1px solid rgb(107 114 128) ', boxShadow: 'none', 'css-1i837h3-valueContainer': {
-            padding: 0
-        } })); },
-    placeholder: function (provided) { return (__assign(__assign({}, provided), { color: '#6B7280', fontSize: '0.8125rem', fontWeight: 400 })); },
-    dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: '#787f8d', width: '2.1rem' })); },
-    clearIndicator: function (provided) { return (__assign(__assign({}, provided), { color: '#787f8d', width: '2.1rem' })); },
-    input: function (provided, state) { return (__assign(__assign({}, provided), { border: state.isFocused ? 'none' : provided.border, outline: state.isFocused ? 'none' : provided.outline, caretColor: '#000' })); },
-    multiValue: function (provided) { return (__assign(__assign({}, provided), { borderRadius: '8px' })); },
-    multiValueRemove: function (provided) { return (__assign(__assign({}, provided), { borderRadius: '8px', '&:hover': {
-            backgroundColor: '#d1d5db',
-            color: 'black'
-        }, 'css-1xc3v61-indicatorContainer': {
-            width: '1.25rem',
-            height: '1.25rem'
-        } })); },
-    menu: function (provided) { return (__assign(__assign({}, provided), { backgroundColor: 'white', borderRadius: '8px', boxShadow: '0 0 8px rgba(0,0,0,0.1)', padding: '0 6px' })); },
-    option: function (provided, state) { return (__assign(__assign({}, provided), { fontSize: '0.8125rem', lineHeight: '1.125rem', fontWeight: 300, color: '#000', backgroundColor: state.isSelected ? '#e5e7eb' : 'transparent', margin: '6px 0 0 0', ':hover': {
-            backgroundColor: state.isSelected ? '#e5e7eb' : '#e5e7eb',
-            borderRadius: '10px',
-            color: '#000'
-        } })); }
-};
-//# sourceMappingURL=custom-multi-select.js.map

package/dist/esm/components/Combobox/custom-multi-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-multi-select.js","sourceRoot":"","sources":["../../../../src/components/Combobox/custom-multi-select.ts"],"names":[],"mappings":";AAAA,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,UAAC,IAAS,IAAK,OAAA,uBACnB,IAAI,KACP,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EACrC,MAAM,EAAE,6BAA6B,EACrC,SAAS,EAAE,MAAM,EACjB,4BAA4B,EAAE;YAC5B,OAAO,EAAE,CAAC;SACX,IACD,EATsB,CAStB;IACF,WAAW,EAAE,UAAC,QAAa,IAAK,OAAA,uBAC3B,QAAQ,KACX,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,GAAG,IACf,EAL8B,CAK9B;IACF,iBAAiB,EAAE,UAAC,QAAa,IAAK,OAAA,uBACjC,QAAQ,KACX,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,QAAQ,IACf,EAJoC,CAIpC;IACF,cAAc,EAAE,UAAC,QAAa,IAAK,OAAA,uBAC9B,QAAQ,KACX,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,QAAQ,IACf,EAJiC,CAIjC;IACF,KAAK,EAAE,UAAC,QAAa,EAAE,KAAU,IAAK,OAAA,uBACjC,QAAQ,KACX,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAClD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,EACpD,UAAU,EAAE,MAAM,IAClB,EALoC,CAKpC;IACF,UAAU,EAAE,UAAC,QAAa,IAAK,OAAA,uBAC1B,QAAQ,KACX,YAAY,EAAE,KAAK,IACnB,EAH6B,CAG7B;IACF,gBAAgB,EAAE,UAAC,QAAa,IAAK,OAAA,uBAChC,QAAQ,KACX,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE;YACT,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,OAAO;SACf,EACD,gCAAgC,EAAE;YAChC,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SAClB,IACD,EAXmC,CAWnC;IACF,IAAI,EAAE,UAAC,QAAa,IAAK,OAAA,uBACpB,QAAQ,KACX,eAAe,EAAE,OAAO,EACxB,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,yBAAyB,EACpC,OAAO,EAAE,OAAO,IAChB,EANuB,CAMvB;IACF,MAAM,EAAE,UAAC,QAAa,EAAE,KAAU,IAAK,OAAA,uBAClC,QAAQ,KACX,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,GAAG,EACf,KAAK,EAAE,MAAM,EACb,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAC7D,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE;YACR,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACzD,YAAY,EAAE,MAAM;YACpB,KAAK,EAAE,MAAM;SACd,IACD,EAbqC,CAarC;CACH,CAAA"}