phx-uikit 1.0.251 → 1.0.253

package/dist/cjs/components/SearchResultListV3/SearchResultList.js

@@ -24,18 +24,23 @@ var PHXSearchResultListV3 = function (_a) {
     var _f = (0, react_1.useState)(false), isSearchLoading = _f[0], setIsSearchLoading = _f[1];
     var _g = (0, react_1.useState)(false), isSearching = _g[0], setIsSearching = _g[1];
     var _h = (0, react_1.useState)([]), searchDataResult = _h[0], setSearchDataResult = _h[1];
-    var _j = (0, react_1.useState)(''), previousValue = _j[0], setPreviousValue = _j[1];
+    // Refs for improved control
+    var searchIdRef = (0, react_1.useRef)(0);
+    var lastFetchedQueryRef = (0, react_1.useRef)('');
+    var lastFetchedAtRef = (0, react_1.useRef)(0);
+    var lastUserEditAtRef = (0, react_1.useRef)(0);
     var filterQuery = function (query, value) {
         var formatValue = isUnaccentSearchValue ? (0, helpers_1.unaccentValue)(value) : value;
         return query.replace(/%@value%/g, "\"\"%".concat(formatValue, "%\"\""));
     };
-    var fetchSearchData = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    // fetchSearchData now accepts the query string to avoid closure issues
+    var fetchSearchData = function (value) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
         var searchQuery, res, e_1;
         return tslib_1.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 2, , 3]);
-                    searchQuery = search ? filterQuery(search.query, searchValue) : '';
+                    searchQuery = search ? filterQuery(search.query, value) : '';
                     return [4 /*yield*/, (0, clientQueryV3_1["default"])({
                             query: searchQuery
                         })];
@@ -45,47 +50,48 @@ var PHXSearchResultListV3 = function (_a) {
                 case 2:
                     e_1 = _a.sent();
                     console.log(e_1);
-                    return [2 /*return*/];
+                    return [2 /*return*/, null];
                 case 3: return [2 /*return*/];
             }
         });
     }); };
     var getData = function (option) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var startTime, result, data, endTime, duration;
+        var startTime, result, data, endTime, duration, e_2;
         return tslib_1.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    _a.trys.push([0, 4, , 5]);
                     startTime = performance.now();
                     return [4 /*yield*/, option()];
                 case 1:
                     result = _a.sent();
+                    if (!result)
+                        return [2 /*return*/, null];
                     data = result.data;
                     endTime = performance.now();
                     duration = endTime - startTime;
                     if (!(duration < constants_1.requestMaxDuration)) return [3 /*break*/, 3];
-                    console.info('promise delay...');
                     return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 300); })];
                 case 2:
                     _a.sent();
                     _a.label = 3;
                 case 3: return [2 /*return*/, data];
+                case 4:
+                    e_2 = _a.sent();
+                    console.error(e_2);
+                    return [2 /*return*/, null];
+                case 5: return [2 /*return*/];
             }
         });
     }); };
     var searchChange = function (e) {
-        var value = e.target.value;
-        // Loại bỏ ký tự "\" từ chuỗi
-        var replaceSensitiveValue = value.replace(/\\/g, '');
-        setSearchValue(replaceSensitiveValue);
-        setIsSearching(true);
-        if (replaceSensitiveValue === '') {
-            setIsSearching(false);
-        }
-        if (replaceSensitiveValue !== previousValue) {
-            setPreviousValue(replaceSensitiveValue);
-        }
+        var value = e.target.value.replace(/\\/g, '');
+        setSearchValue(value);
+        setIsSearching(value !== '');
+        lastUserEditAtRef.current = Date.now(); // mark user edit time
     };
     var debouncedSearch = (0, useDebounce_1["default"])(searchValue, 300);
+    // keep formatDynamicFields & message & handleClickSearchItem as-is
     var formatDynamicFields = function (dataParams) {
         var formattedValues = [];
         var searchData = {};
@@ -99,7 +105,6 @@ var PHXSearchResultListV3 = function (_a) {
                 searchData[item.keyChild] = dataParams[item.keyChild];
             }
         });
-        // eslint-disable-next-line no-restricted-syntax
         for (var field in searchData) {
             if (searchData[field] !== null && searchData[field] !== undefined) {
                 formattedValues.push("".concat(searchData[field])
@@ -111,25 +116,19 @@ var PHXSearchResultListV3 = function (_a) {
         }
         return formattedValues.join(' - ');
     };
-    (0, react_1.useEffect)(function () {
-        if (searchValue === '') {
-            setSearchDataResult([]);
-        }
-        else {
-            setIsSearchLoading(true);
-        }
-    }, [searchValue]);
     var handleClickSearchItem = function (item) {
         getSearchResult(item);
         setIsSearching(false);
-        formatDynamicFields(item);
-        setSearchValue(formatDynamicFields(item));
+        var formatted = formatDynamicFields(item);
         if (isArray) {
             setSearchValue('');
         }
-        if (isFillInput && handleCustomRender) {
+        else if (isFillInput && handleCustomRender) {
             setSearchValue(handleCustomRender(item));
         }
+        else {
+            setSearchValue(formatted);
+        }
     };
     var message = function (type) {
         var errorMessage = '';
@@ -157,19 +156,35 @@ var PHXSearchResultListV3 = function (_a) {
         }
         return errorMessage;
     };
-    var handleSearch = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var data, dataTable, result, newData;
+    // Improved search function that accepts the debounced query
+    var handleSearch = function (query) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var currentId, data, dataTable, result, finalData;
         return tslib_1.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    currentId = ++searchIdRef.current;
                     setIsSearchLoading(true);
-                    return [4 /*yield*/, getData(fetchSearchData)];
+                    return [4 /*yield*/, getData(function () { return fetchSearchData(query); })
+                        // if fetch failed or was null
+                    ];
                 case 1:
                     data = _a.sent();
+                    // if fetch failed or was null
+                    if (!data) {
+                        // only clear loading if still the la request
+                        if (currentId === searchIdRef.current)
+                            setIsSearchLoading(false);
+                        return [2 /*return*/];
+                    }
+                    // If another search has started meanwhile, drop this result
+                    if (currentId !== searchIdRef.current) {
+                        return [2 /*return*/];
+                    }
                     dataTable = search.keyResult;
                     result = queryValueType === 'default' ? data[dataTable] : handleQueryValue(data[dataTable]);
-                    if (listSelected && (listSelected === null || listSelected === void 0 ? void 0 : listSelected.length) > 0) {
-                        newData = result.map(function (item) {
+                    finalData = result;
+                    if (listSelected && listSelected.length > 0) {
+                        finalData = result.map(function (item) {
                             var isSelected;
                             switch (name) {
                                 case 'user_assigned_tuition':
@@ -179,30 +194,38 @@ var PHXSearchResultListV3 = function (_a) {
                                     isSelected = listSelected.some(function (selectedItem) { return selectedItem.id === item.id; });
                                     break;
                             }
-                            if (isSelected) {
-                                return tslib_1.__assign(tslib_1.__assign({}, item), { is_selected: true });
-                            }
-                            return item;
+                            return isSelected ? tslib_1.__assign(tslib_1.__assign({}, item), { is_selected: true }) : item;
                         });
-                        setSearchDataResult(newData);
-                    }
-                    else {
-                        setSearchDataResult(result);
                     }
-                    setIsSearchLoading(false);
+                    setSearchDataResult(finalData);
+                    lastFetchedQueryRef.current = query;
+                    lastFetchedAtRef.current = Date.now();
+                    // only clear loading if this is still the latest request
+                    if (currentId === searchIdRef.current)
+                        setIsSearchLoading(false);
                     return [2 /*return*/];
             }
         });
     }); };
+    // NOTE: removed the old effect that set isSearchLoading(true) on every searchValue change.
+    // We now rely on the debounced effect to start/stop loading.
     (0, react_1.useEffect)(function () {
-        if (debouncedSearch) {
-            // @ts-ignore
-            handleSearch();
-            setValue(name, debouncedSearch);
+        // If debouncedSearch is empty -> clear results and stop loading
+        if (!debouncedSearch || debouncedSearch.trim() === '') {
+            setSearchDataResult([]);
+            setIsSearchLoading(false);
+            return;
         }
-        else {
-            setSearchValue('');
+        // If we already fetched this exact query and user hasn't edited since last fetch, skip fetching
+        var userEditedAfterLastFetch = lastUserEditAtRef.current > lastFetchedAtRef.current;
+        var needFetch = debouncedSearch !== lastFetchedQueryRef.current || userEditedAfterLastFetch;
+        if (!needFetch) {
+            // nothing to do
+            return;
         }
+        // run search for this debounced value
+        handleSearch(debouncedSearch);
+        setValue(name, debouncedSearch);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [debouncedSearch]);
     return (react_1["default"].createElement("div", { className: 'relative w-full' },

package/dist/cjs/components/SearchResultListV3/SearchResultList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../../../src/components/SearchResultListV3/SearchResultList.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4E;AAC5E,qDAAsD;AAEtD,kFAAmD;AACnD,4EAAgD;AAChD,oFAAqD;AACrD,gFAAoD;AACpD,mDAA0D;AAC1D,iDAAqD;AAGrD,SAAgB,UAAU;IAAC,iBAAiC;SAAjC,UAAiC,EAAjC,qBAAiC,EAAjC,IAAiC;QAAjC,4BAAiC;;IAC1D,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAFD,gCAEC;AAoCD,IAAM,qBAAqB,GAA8B,UAAC,EAqBzD;QApBC,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA,EACrB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,sBAA0B,EAA1B,cAAc,mBAAG,SAAS,KAAA,EAC1B,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA;IAEvB,IAAA,KAAgC,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,EAAzD,WAAW,QAAA,EAAE,cAAc,QAA8B,CAAA;IAC1D,IAAA,KAAwC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAA;IACvD,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAC/C,IAAA,KAA0C,IAAA,gBAAQ,EAAa,EAAE,CAAC,EAAjE,gBAAgB,QAAA,EAAE,mBAAmB,QAA4B,CAAA;IAClE,IAAA,KAAoC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAA;IAEtD,IAAM,WAAW,GAAG,UAAC,KAAa,EAAE,KAAa;QAC/C,IAAM,WAAW,GAAG,qBAAqB,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QAExE,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,eAAM,WAAW,UAAK,CAAC,CAAA;IAC3D,CAAC,CAAA;IAED,IAAM,eAAe,GAAG;;;;;;oBAEd,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;oBAE5D,qBAAM,IAAA,0BAAgB,EAAC;4BACjC,KAAK,EAAE,WAAW;yBACnB,CAAC,EAAA;;oBAFI,GAAG,GAAG,SAEV;oBACF,sBAAO,GAAG,EAAA;;;oBAEV,OAAO,CAAC,GAAG,CAAC,GAAC,CAAC,CAAA;oBACd,sBAAM;;;;SAET,CAAA;IAED,IAAM,OAAO,GAAG,UAAO,MAAW;;;;;oBAC1B,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBACpB,qBAAM,MAAM,EAAE,EAAA;;oBAAvB,MAAM,GAAG,SAAc;oBACvB,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;oBAClB,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAGhC,CAAA,QAAQ,GAAG,8BAAkB,CAAA,EAA7B,wBAA6B;oBAC/B,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;oBAChC,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAAlB,CAAkB,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;;wBAE9C,sBAAO,IAAI,EAAA;;;SACZ,CAAA;IAED,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,IAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC5B,6BAA6B;QAC7B,IAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;QACtD,cAAc,CAAC,qBAAqB,CAAC,CAAA;QACrC,cAAc,CAAC,IAAI,CAAC,CAAA;QAEpB,IAAI,qBAAqB,KAAK,EAAE,EAAE;YAChC,cAAc,CAAC,KAAK,CAAC,CAAA;SACtB;QACD,IAAI,qBAAqB,KAAK,aAAa,EAAE;YAC3C,gBAAgB,CAAC,qBAAqB,CAAC,CAAA;SACxC;IACH,CAAC,CAAA;IACD,IAAM,eAAe,GAAG,IAAA,wBAAc,EAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IAExD,IAAM,mBAAmB,GAAG,UAAC,UAAe;QAC1C,IAAM,eAAe,GAAG,EAAE,CAAA;QAC1B,IAAM,UAAU,GAAQ,EAAE,CAAA;QAC1B,WAAW,CAAC,OAAO,CAAC,UAAC,IAAqB;YACxC,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAA;gBACnD,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;oBACvB,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAA;aAC3F;iBAAM;gBACL,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;aACtD;QACH,CAAC,CAAC,CAAA;QACF,gDAAgD;QAChD,KAAK,IAAM,KAAK,IAAI,UAAU,EAAE;YAC9B,IAAI,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE;gBACjE,eAAe,CAAC,IAAI,CAClB,UAAG,UAAU,CAAC,KAAK,CAAC,CAAE;qBACnB,WAAW,EAAE;qBACb,KAAK,CAAC,GAAG,CAAC;qBACV,GAAG,CAAC,UAAC,IAAY,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAA1D,CAA0D,CAAC;qBACjF,IAAI,CAAC,GAAG,CAAC,CACb,CAAA;aACF;SACF;QACD,OAAO,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,KAAK,EAAE,EAAE;YACtB,mBAAmB,CAAC,EAAE,CAAC,CAAA;SACxB;aAAM;YACL,kBAAkB,CAAC,IAAI,CAAC,CAAA;SACzB;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,IAAM,qBAAqB,GAAG,UAAC,IAAS;QACtC,eAAe,CAAC,IAAI,CAAC,CAAA;QACrB,cAAc,CAAC,KAAK,CAAC,CAAA;QACrB,mBAAmB,CAAC,IAAI,CAAC,CAAA;QACzB,cAAc,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAA;QACzC,IAAI,OAAO,EAAE;YACX,cAAc,CAAC,EAAE,CAAC,CAAA;SACnB;QAED,IAAI,WAAW,IAAI,kBAAkB,EAAE;YACrC,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAA;SACzC;IACH,CAAC,CAAA;IAED,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,sDAAsD,CAAA;gBACrE,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,uBAAuB;gBAC1B,YAAY,GAAG,2BAA2B,CAAA;gBAC1C,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,8CAA8C,CAAA;gBAC7D,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAA4B,CAAA;gBAC3C,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,YAAY,GAAG;;;;;oBACnB,kBAAkB,CAAC,IAAI,CAAC,CAAA;oBACX,qBAAM,OAAO,CAAC,eAAe,CAAC,EAAA;;oBAArC,IAAI,GAAG,SAA8B;oBACrC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAA;oBAC5B,MAAM,GAAG,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;oBAEjG,IAAI,YAAY,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,IAAG,CAAC,EAAE;wBACtC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,UAAC,IAAS;4BACnC,IAAI,UAAU,CAAA;4BAEd,QAAQ,IAAI,EAAE;gCACZ,KAAK,uBAAuB;oCAC1B,UAAU,GAAG,YAAY,CAAC,IAAI,CAC5B,UAAC,YAAY,IAAK,OAAA,YAAY,CAAC,eAAe,CAAC,SAAS,KAAK,IAAI,CAAC,eAAe,CAAC,SAAS,EAAzE,CAAyE,CAC5F,CAAA;oCACD,MAAK;gCAEP;oCACE,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,UAAC,YAAY,IAAK,OAAA,YAAY,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAA3B,CAA2B,CAAC,CAAA;oCAC7E,MAAK;6BACR;4BAED,IAAI,UAAU,EAAE;gCACd,6CAAY,IAAI,KAAE,WAAW,EAAE,IAAI,IAAE;6BACtC;4BACD,OAAO,IAAI,CAAA;wBACb,CAAC,CAAC,CAAA;wBAEF,mBAAmB,CAAC,OAAO,CAAC,CAAA;qBAC7B;yBAAM;wBACL,mBAAmB,CAAC,MAAM,CAAC,CAAA;qBAC5B;oBACD,kBAAkB,CAAC,KAAK,CAAC,CAAA;;;;SAC1B,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAI,eAAe,EAAE;YACnB,aAAa;YACb,YAAY,EAAE,CAAA;YACd,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,CAAA;SAChC;aAAM;YACL,cAAc,CAAC,EAAE,CAAC,CAAA;SACnB;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,0CAAK,SAAS,EAAC,iBAAiB;QAC9B,0CAAK,SAAS,EAAC,UAAU;YACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;YACzF,0CAAK,SAAS,EAAC,mBAAmB;gBAChC,0CAAK,SAAS,EAAC,iBAAiB;oBAC9B,2CAAM,SAAS,EAAC,gEAAgE;wBAC9E,iCAAC,6BAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACtC;oBACP,6DACE,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,UAAU,CACnB,6NAA6N,EAC7N,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAC7B,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IACnD,QAAQ,IACZ,IAAI,EAAC,MAAM,IACX,CACE,CACF,CACF;QACL,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,iCAAC,yBAAY,IAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI;QAC1E,0CAAK,SAAS,EAAC,qCAAqC,IACjD,WAAW,IAAI,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,CAC7C,0CAAK,SAAS,EAAC,sBAAsB;YACnC,0CAAK,SAAS,EAAC,qGAAqG,IACjH,gBAAgB,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA;YACnC,aAAa;YACb,6CACE,GAAG,EAAE,IAAI,CAAC,EAAE,mBACE,OAAO,mBACP,SAAS,qBACP,gEAAgE,EAChF,SAAS,EAAE,UACT,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,mBAAmB,8JACyE,2BACrI,EAAE,EACxB,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,OAAO,EAAE,cAAM,OAAA,qBAAqB,CAAC,IAAI,CAAC,EAA3B,CAA2B,EAC1C,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ;gBAEb,0CAAK,SAAS,EAAC,6BAA6B;oBACzC,kBAAkB,CAAC,CAAC,CAAC,4CAAI,kBAAkB,CAAC,IAAI,CAAC,CAAK,CAAC,CAAC,CAAC,4CAAI,mBAAmB,CAAC,IAAI,CAAC,CAAK;oBAE3F,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,iCAAC,mBAAS,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,CACxD,CACC,CACV,EAtBoC,CAsBpC,CAAC,CACE,CACF,CACP,CAAC,CAAC,CAAC,CACF,oEAAG,WAAW,IAAI,iCAAC,8BAAiB,IAAC,eAAe,EAAE,eAAe,GAAI,CAAI,CAC9E,CACG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,qBAAe,qBAAqB,CAAA"}
+{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../../../src/components/SearchResultListV3/SearchResultList.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Select/Select.js

@@ -28,7 +28,7 @@ var PHXSelect = function (_a) {
             label && react_1["default"].createElement("label", null, label),
             (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) && (react_1["default"].createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: labelAction.onClick }, labelAction.content))),
         react_1["default"].createElement("select", tslib_1.__assign({}, register, rest, { className: (0, types_1.classNames)('mt-1 block w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', rest.disabled ? '' : 'hover:cursor-pointer') }), children),
-        helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
+        helpText ? react_1["default"].createElement("div", { className: 'mt-1 text-xs text-gray-500' }, helpText) : null,
         error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
             react_1["default"].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_1["default"].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' })),

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmD;AAEnD,kCAAoD;AAc7C,IAAM,SAAS,GAA0B,UAAC,EAWnC;IAVZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACR,IAAI,sBAVwC,qHAWhD,CADQ;IAEP,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAA4B,CAAA;gBAC3C,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IACD,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,gDAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,wCACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,gEACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,IAAA,kBAAU,EACnB,oPAAoP,EACpP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAC5C,KAEA,QAAQ,CACF;QACR,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,OAAO,CAAC,SAAS,CAAC,CAAK,CACxD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAjFY,QAAA,SAAS,aAiFrB"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmD;AAEnD,kCAAoD;AAc7C,IAAM,SAAS,GAA0B,UAAC,EAWnC;IAVZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACR,IAAI,sBAVwC,qHAWhD,CADQ;IAEP,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAA4B,CAAA;gBAC3C,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IACD,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,gDAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,wCACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,gEACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,IAAA,kBAAU,EACnB,oPAAoP,EACpP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAC5C,KAEA,QAAQ,CACF;QACR,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4BAA4B,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9E,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,OAAO,CAAC,SAAS,CAAC,CAAK,CACxD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAjFY,QAAA,SAAS,aAiFrB"}

package/dist/cjs/components/SelectBox/SelectBox.js

@@ -18,7 +18,31 @@ var PHXSelectBox = function (props) {
     var data = props.data, defaultValue = props.defaultValue, error = props.error, errorMessageCustom = props.errorMessageCustom, errorType = props.errorType, label = props.label, onChange = props.onChange, placeholder = props.placeholder, register = props.register, _a = props.disabled, disabled = _a === void 0 ? false : _a;
     var _b = (0, react_2.useState)(''), query = _b[0], setQuery = _b[1];
     var comboBtn = (0, react_2.useRef)(null);
-    var _c = (0, react_2.useState)(defaultValue ? defaultValue : null), selectedPerson = _c[0], setSelectedPerson = _c[1];
+    var inputRef = (0, react_2.useRef)(null);
+    var _c = (0, react_2.useState)(null), inputWidth = _c[0], setInputWidth = _c[1];
+    var _d = (0, react_2.useState)(defaultValue ? defaultValue : null), selectedPerson = _d[0], setSelectedPerson = _d[1];
+    // Theo dõi thay đổi kích thước của input
+    (0, react_2.useEffect)(function () {
+        var updateWidth = function () {
+            if (inputRef.current) {
+                // Sử dụng getBoundingClientRect để lấy chiều rộng chính xác
+                var width = inputRef.current.getBoundingClientRect().width;
+                setInputWidth(width);
+            }
+        };
+        updateWidth(); // Cập nhật ngay lần đầu
+        var observer = new ResizeObserver(function () {
+            updateWidth();
+        });
+        if (inputRef.current) {
+            observer.observe(inputRef.current);
+        }
+        return function () {
+            if (inputRef.current) {
+                observer.unobserve(inputRef.current);
+            }
+        };
+    }, []);
     var filteredPeople = query === '' ? data : data.filter(function (person) { return person.value.toLowerCase().includes(query.toLowerCase()); });
     var handlerClickInput = function () {
         var _a;
@@ -63,20 +87,28 @@ var PHXSelectBox = function (props) {
     return (react_2["default"].createElement(react_2["default"].Fragment, null,
         react_2["default"].createElement(react_1.Combobox, { as: 'div', onChange: onChangeValue, value: selectedPerson },
             react_2["default"].createElement(react_1.Combobox.Label, { className: 'mb-1 flex text-xs font-normal text-gray-700' }, label),
-            react_2["default"].createElement("div", null,
-                disabled ? (react_2["default"].createElement(Input_1.PHXInput, { disabled: disabled, value: (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.value) || '' })) : (react_2["default"].createElement(react_1.Combobox.Input, tslib_1.__assign({ autoComplete: 'off', className: classNames('block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', errorCheck ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') }, register, { displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return onChangeSelectBox(event); }, onClick: function () { return handlerClickInput(); }, placeholder: placeholder }))),
+            react_2["default"].createElement("div", { className: 'relative' },
+                disabled ? (react_2["default"].createElement(Input_1.PHXInput, { disabled: disabled, value: (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.value) || '' })) : (react_2["default"].createElement(react_1.Combobox.Input, tslib_1.__assign({ autoComplete: 'off', className: classNames('block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', errorCheck ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') }, register, { ref: inputRef, displayValue: function (person) { return person === null || person === void 0 ? void 0 : person.value; }, onChange: function (event) { return onChangeSelectBox(event); }, onClick: function () { return handlerClickInput(); }, placeholder: placeholder }))),
                 react_2["default"].createElement(react_1.Combobox.Button, { ref: comboBtn, className: 'hidden' },
                     react_2["default"].createElement(solid_1.ChevronUpDownIcon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-400' })),
-                filteredPeople.length > 0 ? (react_2["default"].createElement(react_1.Combobox.Options, { className: 'absolute z-10 mt-2 max-h-60 w-fit overflow-auto rounded-lg bg-white px-2 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm' }, filteredPeople.map(function (person) { return (react_2["default"].createElement(react_1.Combobox.Option, { key: person.id, className: function (_a) {
+                filteredPeople.length > 0 ? (react_2["default"].createElement(react_1.Combobox.Options, { className: 'absolute z-10 mt-2 max-h-60 overflow-auto rounded-lg bg-white px-2 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm', style: {
+                        width: inputWidth ? "".concat(inputWidth, "px") : '100%',
+                        left: 0,
+                        boxSizing: 'border-box'
+                    } }, filteredPeople.map(function (person) { return (react_2["default"].createElement(react_1.Combobox.Option, { key: person.id, className: function (_a) {
                         var active = _a.active;
-                        return classNames('relative mb-1 cursor-pointer select-none rounded-lg py-2 pl-3 pr-9', person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) ? 'bg-zinc-200' : 'text-gray-900 ', active ? 'bg-zinc-100' : 'text-gray-900 ');
+                        return classNames('relative mb-1 cursor-pointer select-none rounded-lg py-2 pl-3 pr-9', person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) ? 'bg-zinc-200' : 'text-gray-900', active ? 'bg-zinc-100' : 'text-gray-900');
                     }, value: person }, function (_a) {
                     var active = _a.active;
                     return (react_2["default"].createElement(react_2["default"].Fragment, null,
                         react_2["default"].createElement("span", { className: classNames('block truncate text-xs', person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) && 'font-semibold') }, person.value),
                         person.id === (selectedPerson === null || selectedPerson === void 0 ? void 0 : selectedPerson.id) && (react_2["default"].createElement("span", { className: classNames('absolute inset-y-0 right-0 flex items-center pr-4', active ? 'text-gray-900' : 'text-indigo-600') },
                             react_2["default"].createElement(solid_1.CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))));
-                })); }))) : (react_2["default"].createElement(react_1.Combobox.Options, { className: 'absolute z-10 mt-2 max-h-60 w-fit overflow-auto rounded-lg bg-white px-2 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm' },
+                })); }))) : (react_2["default"].createElement(react_1.Combobox.Options, { className: 'absolute z-10 mt-2 max-h-60 overflow-auto rounded-lg bg-white px-2 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm', style: {
+                        width: inputWidth ? "".concat(inputWidth, "px") : '100%',
+                        left: 0,
+                        boxSizing: 'border-box'
+                    } },
                     react_2["default"].createElement(react_1.Combobox.Option, { className: 'mb-1 cursor-pointer select-none rounded-lg py-2 pl-3 pr-9', value: '' },
                         react_2["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
                             react_2["default"].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' },

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

@@ -1 +1 @@
-{"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/SelectBox/SelectBox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/SelectBox/SelectBox.tsx"],"names":[],"mappings":";;;;AAAA,2CAA4C;AAC5C,mDAAwE;AACxE,qDAA0D;AAE1D,kCAAmC;AACnC,oFAAqD;AA2BrD,SAAS,UAAU;IAAC,iBAAe;SAAf,UAAe,EAAf,qBAAe,EAAf,IAAe;QAAf,4BAAe;;IACjC,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAEM,IAAM,YAAY,GAAG,UAAC,KAAyB;IAElD,IAAA,IAAI,GAUF,KAAK,KAVH,EACJ,YAAY,GASV,KAAK,aATK,EACZ,KAAK,GAQH,KAAK,MARF,EACL,kBAAkB,GAOhB,KAAK,mBAPW,EAClB,SAAS,GAMP,KAAK,UANE,EACT,KAAK,GAKH,KAAK,MALF,EACL,QAAQ,GAIN,KAAK,SAJC,EACR,WAAW,GAGT,KAAK,YAHI,EACX,QAAQ,GAEN,KAAK,SAFC,EACR,KACE,KAAK,SADS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,CACT;IACH,IAAA,KAAoB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAA;IACtC,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAA;IAChD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IACzC,IAAA,KAA8B,IAAA,gBAAQ,EAAgB,IAAI,CAAC,EAA1D,UAAU,QAAA,EAAE,aAAa,QAAiC,CAAA;IAC3D,IAAA,KAAsC,IAAA,gBAAQ,EAAe,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,EAA/F,cAAc,QAAA,EAAE,iBAAiB,QAA8D,CAAA;IAEtG,yCAAyC;IACzC,IAAA,iBAAS,EAAC;QACR,IAAM,WAAW,GAAG;YAClB,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACpB,4DAA4D;gBAC5D,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAA;gBAC5D,aAAa,CAAC,KAAK,CAAC,CAAA;aACrB;QACH,CAAC,CAAA;QAED,WAAW,EAAE,CAAA,CAAC,wBAAwB;QAEtC,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC;YAClC,WAAW,EAAE,CAAA;QACf,CAAC,CAAC,CAAA;QAEF,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;SACnC;QAED,OAAO;YACL,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACpB,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;aACrC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,cAAc,GAClB,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAAxD,CAAwD,CAAC,CAAA;IACzG,IAAM,iBAAiB,GAAG;;QACxB,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;IAC3B,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,KAAU;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAM;QAClB,iBAAiB,CAAC,KAAK,CAAC,CAAA;QACxB,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAA;IACD,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,sDAAsD,CAAA;gBACrE,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,uBAAuB;gBAC1B,YAAY,GAAG,2BAA2B,CAAA;gBAC1C,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,8CAA8C,CAAA;gBAC7D,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAA4B,CAAA;gBAC3C,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IACD,IAAM,UAAU,GAAG,KAAK,IAAI,SAAS,IAAI,CAAC,cAAc,CAAA;IAExD,IAAM,iBAAiB,GAAG,UAAC,KAAU;QACnC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC,CAAA;IACD,OAAO,CACL;QACE,iCAAC,gBAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc;YAC/D,iCAAC,gBAAQ,CAAC,KAAK,IAAC,SAAS,EAAC,6CAA6C,IAAE,KAAK,CAAkB;YAChG,0CAAK,SAAS,EAAC,UAAU;gBACtB,QAAQ,CAAC,CAAC,CAAC,CACV,iCAAC,gBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,KAAI,EAAE,GAAI,CACrE,CAAC,CAAC,CAAC,CACF,iCAAC,gBAAQ,CAAC,KAAK,qBACb,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,UAAU,CACnB,oPAAoP,EACpP,UAAU,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAClG,IACG,QAAQ,IACZ,GAAG,EAAE,QAAQ,EACb,YAAY,EAAE,UAAC,MAAW,IAAK,OAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAb,CAAa,EAC5C,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAxB,CAAwB,EAC7C,OAAO,EAAE,cAAM,OAAA,iBAAiB,EAAE,EAAnB,CAAmB,EAClC,WAAW,EAAE,WAAW,IACxB,CACH;gBACD,iCAAC,gBAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,QAAQ;oBAChD,iCAAC,yBAAiB,mBAAa,MAAM,EAAC,SAAS,EAAC,uBAAuB,GAAG,CAC1D;gBAEjB,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,iCAAC,gBAAQ,CAAC,OAAO,IACf,SAAS,EAAC,4JAA4J,EACtK,KAAK,EAAE;wBACL,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAG,UAAU,OAAI,CAAC,CAAC,CAAC,MAAM;wBAC9C,IAAI,EAAE,CAAC;wBACP,SAAS,EAAE,YAAY;qBACxB,IAEA,cAAc,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CAC9B,iCAAC,gBAAQ,CAAC,MAAM,IACd,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,SAAS,EAAE,UAAC,EAAU;4BAAR,MAAM,YAAA;wBAClB,OAAA,UAAU,CACR,oEAAoE,EACpE,MAAM,CAAC,EAAE,MAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,CAAA,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAClE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CACzC;oBAJD,CAIC,EAEH,KAAK,EAAE,MAAM,IAEZ,UAAC,EAAU;wBAAR,MAAM,YAAA;oBAAO,OAAA,CACf;wBACE,2CACE,SAAS,EAAE,UAAU,CACnB,wBAAwB,EACxB,MAAM,CAAC,EAAE,MAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,CAAA,IAAI,eAAe,CACpD,IAEA,MAAM,CAAC,KAAK,CACR;wBACN,MAAM,CAAC,EAAE,MAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,CAAA,IAAI,CACnC,2CACE,SAAS,EAAE,UAAU,CACnB,mDAAmD,EACnD,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAC7C;4BAED,iCAAC,iBAAS,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAC/C,CACR,CACA,CACJ;gBArBgB,CAqBhB,CACe,CACnB,EAnC+B,CAmC/B,CAAC,CACe,CACpB,CAAC,CAAC,CAAC,CACF,iCAAC,gBAAQ,CAAC,OAAO,IACf,SAAS,EAAC,4JAA4J,EACtK,KAAK,EAAE;wBACL,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAG,UAAU,OAAI,CAAC,CAAC,CAAC,MAAM;wBAC9C,IAAI,EAAE,CAAC;wBACP,SAAS,EAAE,YAAY;qBACxB;oBAED,iCAAC,gBAAQ,CAAC,MAAM,IAAC,SAAS,EAAC,2DAA2D,EAAC,KAAK,EAAC,EAAE;wBAC7F,0CAAK,SAAS,EAAC,2CAA2C;4BACxD,0CACE,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gCAElC,2CACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;4BACN,yCAAI,SAAS,EAAC,gCAAgC,2CAAsB,CAChE,CACU,CACD,CACpB,CACG,CACG;QACV,UAAU,CAAC,CAAC,CAAC,iCAAC,yBAAY,IAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,CACjE,CACJ,CAAA;AACH,CAAC,CAAA;AAnMY,QAAA,YAAY,gBAmMxB"}

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

@@ -1,12 +1,14 @@
 import React from 'react';
-import { OptionItem } from '../Dropdown';
+import { OptionItem, DropdownProps } from '../Dropdown';
 export interface ISortItem {
-    title: string;
+    title: string | React.ReactNode;
     subTitle?: string | React.ReactNode;
     content?: string;
     enableBorder?: boolean;
     actions?: OptionItem[];
     className?: string;
     children?: React.ReactNode;
+    originActionDropdown?: DropdownProps['origin'];
+    dragIconPosition?: 'left' | 'right';
 }
-export default function SortItem({ children, title, subTitle, content, actions, enableBorder, className, }: ISortItem): React.JSX.Element;
+export default function SortItem({ children, title, subTitle, content, actions, enableBorder, className, originActionDropdown, dragIconPosition, }: ISortItem): React.JSX.Element;

package/dist/cjs/components/SortItem/SortItem.js

@@ -7,19 +7,22 @@ var icon_1 = require("../../assets/icon");
 var Dropdown_1 = require("../Dropdown");
 var types_1 = require("../types");
 function SortItem(_a) {
-    var children = _a.children, title = _a.title, subTitle = _a.subTitle, content = _a.content, actions = _a.actions, _b = _a.enableBorder, enableBorder = _b === void 0 ? false : _b, className = _a.className;
+    var children = _a.children, title = _a.title, subTitle = _a.subTitle, content = _a.content, actions = _a.actions, _b = _a.enableBorder, enableBorder = _b === void 0 ? false : _b, className = _a.className, _c = _a.originActionDropdown, originActionDropdown = _c === void 0 ? 'left' : _c, _d = _a.dragIconPosition, dragIconPosition = _d === void 0 ? 'left' : _d;
     var border = 'shadow-xs rounded-lg bg-white border border-gray-200';
+    var dragIcon = (react_1["default"].createElement("div", { className: 'w-5 h-5 cursor-move drag-item flex-shrink-0' },
+        react_1["default"].createElement(image_1["default"], { src: icon_1.PHXIcons.DRAG, alt: 'drag', width: 20, height: 20 })));
     return (react_1["default"].createElement("div", { className: (0, types_1.classNames)(enableBorder ? border : '', className) },
         react_1["default"].createElement("div", { className: 'flex flex-col p-4 justify-center' },
-            react_1["default"].createElement("div", { className: 'flex justify-between ' },
-                react_1["default"].createElement("div", { className: 'flex items-center gap-2' },
-                    react_1["default"].createElement("div", { className: 'w-5 h-5 cursor-move drag-item' },
-                        react_1["default"].createElement(image_1["default"], { src: icon_1.PHXIcons.DRAG, alt: 'drag', width: 20, height: 20 })),
-                    react_1["default"].createElement("div", { className: 'flex items-center gap-2' },
-                        typeof title === 'string' ? (react_1["default"].createElement("div", { className: 'text-sm text-gray-800 leading-5 font-semibold' }, title)) : (title),
-                        !!subTitle && subTitle)),
-                react_1["default"].createElement("div", { className: 'flex items-center gap-2' },
-                    react_1["default"].createElement(Dropdown_1.PHXDropdown, { options: actions, type: 'ellipsis-icon' }))),
+            react_1["default"].createElement("div", { className: 'flex justify-between items-start gap-2' },
+                react_1["default"].createElement("div", { className: 'flex items-center gap-2 flex-1 min-w-0' },
+                    dragIconPosition === 'left' && dragIcon,
+                    react_1["default"].createElement("div", { className: 'flex flex-col gap-1 min-w-0 flex-1 ' },
+                        react_1["default"].createElement("div", { className: 'flex items-start gap-1 flex-wrap' },
+                            typeof title === 'string' ? (react_1["default"].createElement("div", { className: 'text-sm text-gray-800 font-semibold max-w-lg' }, title)) : (react_1["default"].createElement("div", { className: 'w-full' }, title)),
+                            !!subTitle && react_1["default"].createElement("div", { className: 'flex-shrink-0' }, subTitle)))),
+                !!(actions === null || actions === void 0 ? void 0 : actions.length) && (react_1["default"].createElement("div", { className: 'flex items-center gap-2 flex-shrink-0' },
+                    react_1["default"].createElement(Dropdown_1.PHXDropdown, { options: actions, type: 'ellipsis-icon', origin: originActionDropdown }))),
+                dragIconPosition === 'right' && dragIcon),
             !!content &&
                 (typeof content === 'string' ? react_1["default"].createElement("div", { className: 'mt-2 text-sm ml-7 text-gray-600' }, content) : content)),
         children));

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

@@ -1 +1 @@
-{"version":3,"file":"SortItem.js","sourceRoot":"","sources":["../../../../src/components/SortItem/SortItem.tsx"],"names":[],"mappings":";;;AAAA,6DAA8B;AAC9B,wDAAyB;AACzB,0CAA4C;AAC5C,wCAAqD;AACrD,kCAAqC;AAYrC,SAAwB,QAAQ,CAAC,EAQrB;QAPV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,SAAS,eAAA;IAET,IAAM,MAAM,GAAG,sDAAsD,CAAA;IACrE,OAAO,CACL,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC;QAC/D,0CAAK,SAAS,EAAC,kCAAkC;YAC/C,0CAAK,SAAS,EAAC,uBAAuB;gBACpC,0CAAK,SAAS,EAAC,yBAAyB;oBACtC,0CAAK,SAAS,EAAE,+BAA+B;wBAC7C,iCAAC,kBAAK,IAAC,GAAG,EAAE,eAAQ,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAC3D;oBACN,0CAAK,SAAS,EAAC,yBAAyB;wBACrC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,0CAAK,SAAS,EAAC,+CAA+C,IAAE,KAAK,CAAO,CAC7E,CAAC,CAAC,CAAC,CACF,KAAK,CACN;wBACA,CAAC,CAAC,QAAQ,IAAI,QAAQ,CACnB,CACF;gBACN,0CAAK,SAAS,EAAC,yBAAyB;oBACtC,iCAAC,sBAAW,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,eAAe,GAAG,CAClD,CACF;YACL,CAAC,CAAC,OAAO;gBACR,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,iCAAiC,IAAE,OAAO,CAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CACxG;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AArCD,8BAqCC"}
+{"version":3,"file":"SortItem.js","sourceRoot":"","sources":["../../../../src/components/SortItem/SortItem.tsx"],"names":[],"mappings":";;;AAAA,6DAA8B;AAC9B,wDAAyB;AACzB,0CAA4C;AAC5C,wCAAoE;AACpE,kCAAqC;AAcrC,SAAwB,QAAQ,CAAC,EAUrB;QATV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,SAAS,eAAA,EACT,4BAA6B,EAA7B,oBAAoB,mBAAG,MAAM,KAAA,EAC7B,wBAAyB,EAAzB,gBAAgB,mBAAG,MAAM,KAAA;IAEzB,IAAM,MAAM,GAAG,sDAAsD,CAAA;IAErE,IAAM,QAAQ,GAAG,CACf,0CAAK,SAAS,EAAE,6CAA6C;QAC3D,iCAAC,kBAAK,IAAC,GAAG,EAAE,eAAQ,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAC3D,CACP,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC;QAC/D,0CAAK,SAAS,EAAC,kCAAkC;YAC/C,0CAAK,SAAS,EAAC,wCAAwC;gBACrD,0CAAK,SAAS,EAAC,wCAAwC;oBACpD,gBAAgB,KAAK,MAAM,IAAI,QAAQ;oBACxC,0CAAK,SAAS,EAAC,qCAAqC;wBAClD,0CAAK,SAAS,EAAC,kCAAkC;4BAC9C,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,0CAAK,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAO,CAC5E,CAAC,CAAC,CAAC,CACF,0CAAK,SAAS,EAAC,QAAQ,IAAE,KAAK,CAAO,CACtC;4BACA,CAAC,CAAC,QAAQ,IAAI,0CAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAC1D,CACF,CACF;gBACL,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA,IAAI,CACpB,0CAAK,SAAS,EAAC,uCAAuC;oBACpD,iCAAC,sBAAW,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,eAAe,EAAC,MAAM,EAAE,oBAAoB,GAAI,CAChF,CACP;gBACA,gBAAgB,KAAK,OAAO,IAAI,QAAQ,CACrC;YACL,CAAC,CAAC,OAAO;gBACR,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,iCAAiC,IAAE,OAAO,CAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CACxG;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAjDD,8BAiDC"}

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ItemInterface } from 'react-sortablejs';
 export interface ISortGroupProps<T extends ItemInterface> {
-    id: number | string;
     /**
      * mảng các item trong group
      */
@@ -13,10 +12,9 @@ export interface ISortGroupProps<T extends ItemInterface> {
     enableBorder?: boolean;
     renderItem: (item: T, index: number) => React.ReactNode;
     /**
-     * @param id id của group
      * @param group mảng các item trong group
      */
-    setList: (id: number | string, group: T[]) => void;
+    setList: (group: T[]) => void;
     className?: string;
 }
-export default function Sortable<T extends ItemInterface>({ id, list, group, enableBorder, renderItem, setList, className, }: ISortGroupProps<T>): React.JSX.Element;
+export default function Sortable<T extends ItemInterface>({ list, group, enableBorder, renderItem, setList, className, }: ISortGroupProps<T>): React.JSX.Element;

package/dist/cjs/components/Sortable/Sortable.js

@@ -3,11 +3,13 @@ exports.__esModule = true;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var react_sortablejs_1 = require("react-sortablejs");
+var SortableStyle_1 = require("./SortableStyle");
 function Sortable(_a) {
-    var id = _a.id, list = _a.list, group = _a.group, _b = _a.enableBorder, enableBorder = _b === void 0 ? false : _b, renderItem = _a.renderItem, setList = _a.setList, className = _a.className;
+    var list = _a.list, group = _a.group, _b = _a.enableBorder, enableBorder = _b === void 0 ? false : _b, renderItem = _a.renderItem, setList = _a.setList, className = _a.className;
     return (react_1["default"].createElement("div", { className: enableBorder ? 'shadow-xs rounded-lg bg-white border border-gray-200' : '' },
+        react_1["default"].createElement(SortableStyle_1.SortableStyle, null),
         react_1["default"].createElement(react_sortablejs_1.ReactSortable, { list: list, setList: function (val) {
-                setList(id, val);
+                setList(val);
             }, group: group, animation: 150, fallbackOnBody: true, handle: '.drag-item', swapThreshold: 0.65, chosenClass: 'phx-item-chosen', ghostClass: 'phx-item-ghost', dragClass: 'phx-item-drag', className: className }, list.map(function (item, index) { return (react_1["default"].createElement("div", { key: item.id }, renderItem(item, index))); }))));
 }
 exports["default"] = Sortable;

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

@@ -1 +1 @@
-{"version":3,"file":"Sortable.js","sourceRoot":"","sources":["../../../../src/components/Sortable/Sortable.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,qDAA+D;AAsB/D,SAAwB,QAAQ,CAA0B,EAQrC;QAPnB,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,SAAS,eAAA;IAET,OAAO,CACL,0CAAK,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,EAAE;QACxF,iCAAC,gCAAa,IACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAC,GAAG;gBACX,OAAO,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;YAClB,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,EACd,cAAc,EAAE,IAAI,EACpB,MAAM,EAAC,YAAY,EACnB,aAAa,EAAE,IAAI,EACnB,WAAW,EAAC,iBAAiB,EAC7B,UAAU,EAAC,gBAAgB,EAC3B,SAAS,EAAC,eAAe,EACzB,SAAS,EAAE,SAAS,IAEnB,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,0CAAK,GAAG,EAAE,IAAI,CAAC,EAAE,IAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAO,CACnD,EAF0B,CAE1B,CAAC,CACY,CACZ,CACP,CAAA;AACH,CAAC;AAhCD,8BAgCC"}
+{"version":3,"file":"Sortable.js","sourceRoot":"","sources":["../../../../src/components/Sortable/Sortable.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,qDAA+D;AAC/D,iDAA+C;AAoB/C,SAAwB,QAAQ,CAA0B,EAOrC;QANnB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,SAAS,eAAA;IAET,OAAO,CACL,0CAAK,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,EAAE;QACxF,iCAAC,6BAAa,OAAG;QACjB,iCAAC,gCAAa,IACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAC,GAAG;gBACX,OAAO,CAAC,GAAG,CAAC,CAAA;YACd,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,EACd,cAAc,EAAE,IAAI,EACpB,MAAM,EAAC,YAAY,EACnB,aAAa,EAAE,IAAI,EACnB,WAAW,EAAC,iBAAiB,EAC7B,UAAU,EAAC,gBAAgB,EAC3B,SAAS,EAAC,eAAe,EACzB,SAAS,EAAE,SAAS,IAEnB,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,0CAAK,GAAG,EAAE,IAAI,CAAC,EAAE,IAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAO,CACnD,EAF0B,CAE1B,CAAC,CACY,CACZ,CACP,CAAA;AACH,CAAC;AAhCD,8BAgCC"}

package/dist/cjs/components/Sortable/SortableStyle.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SortableStyle: () => React.JSX.Element;

package/dist/cjs/components/Sortable/SortableStyle.js

@@ -0,0 +1,10 @@
+"use strict";
+exports.__esModule = true;
+exports.SortableStyle = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var SortableStyle = function () {
+    return (react_1["default"].createElement("style", null, "\n        .phx-item-drag {\n        \n        background-color: #ffffff;\n        border: 1px solid #e5e7eb;\n        border-radius: 0.5rem;\n        cursor: move;\n        }\n\n        .phx-item-chosen {\n        cursor: move;\n        }\n\n        .phx-item-ghost {\n        background-color: #f3f4f6;\n        border: 1px solid #e5e7eb;\n        border-radius: 0.5rem;\n        cursor: move;\n        }\n    "));
+};
+exports.SortableStyle = SortableStyle;
+//# sourceMappingURL=SortableStyle.js.map

package/dist/cjs/components/Sortable/SortableStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableStyle.js","sourceRoot":"","sources":["../../../../src/components/Sortable/SortableStyle.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAElB,IAAM,aAAa,GAAG;IAC3B,OAAO,CACL,gDACG,6ZAmBF,CACO,CACT,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,aAAa,iBAyBzB"}

package/dist/cjs/components/StepCircle/StepCircle.js

@@ -13,7 +13,7 @@ function PHXStepCircle(_a) {
                 react_1["default"].createElement("div", { className: 'relative flex items-start' },
                     react_1["default"].createElement("span", { className: 'relative z-10 flex h-5 w-5 items-center justify-center rounded-full border border-gray-900 bg-white' },
                         react_1["default"].createElement("span", { className: '-ml-px rounded-full bg-transparent text-xs' }, stepIdx + 1)),
-                    react_1["default"].createElement("span", { className: 'ml-2 flex min-w-0 flex-col gap-y-1' },
+                    react_1["default"].createElement("span", { className: 'ml-2 flex min-w-0 flex-col gap-y-1 w-full' },
                         react_1["default"].createElement("span", { className: 'text-xs font-semibold text-gray-900' }, step.title),
                         (step === null || step === void 0 ? void 0 : step.component) && react_1["default"].createElement("span", { className: 'text-xs' }, step.component)))))); }))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"StepCircle.js","sourceRoot":"","sources":["../../../../src/components/StepCircle/StepCircle.tsx"],"names":[],"mappings":";;;;AAAA,wDAAwC;AACxC,kCAAqC;AAYrC,SAAgB,aAAa,CAAC,EAAqC;QAAnC,SAAS,eAAA,EAAE,KAAK,WAAA;IAC9C,OAAO,CACL,wDAAgB,UAAU,EAAC,SAAS,EAAE,SAAS;QAC7C,yCAAI,SAAS,EAAC,iBAAiB,IAC5B,KAAK,CAAC,GAAG,CAAC,UAAC,IAAc,EAAE,OAAe,IAAK,OAAA,CAC9C,yCAAI,GAAG,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,IAAA,kBAAU,EAAC,OAAO,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC;YACjG;gBACG,OAAO,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9B,yDAAiB,MAAM,EAAC,SAAS,EAAC,+DAA+D,GAAG,CACrG,CAAC,CAAC,CAAC,IAAI;gBACR,0CAAK,SAAS,EAAC,2BAA2B;oBACxC,2CAAM,SAAS,EAAC,qGAAqG;wBACnH,2CAAM,SAAS,EAAC,4CAA4C,IAAE,OAAO,GAAG,CAAC,CAAQ,CAC5E;oBACP,2CAAM,SAAS,EAAC,oCAAoC;wBAClD,2CAAM,SAAS,EAAC,qCAAqC,IAAE,IAAI,CAAC,KAAK,CAAQ;wBACxE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,2CAAM,SAAS,EAAC,SAAS,IAAE,IAAI,CAAC,SAAS,CAAQ,CAChE,CACH,CACL,CACA,CACN,EAjB+C,CAiB/C,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC;AAzBD,sCAyBC"}
+{"version":3,"file":"StepCircle.js","sourceRoot":"","sources":["../../../../src/components/StepCircle/StepCircle.tsx"],"names":[],"mappings":";;;;AAAA,wDAAwC;AACxC,kCAAqC;AAYrC,SAAgB,aAAa,CAAC,EAAqC;QAAnC,SAAS,eAAA,EAAE,KAAK,WAAA;IAC9C,OAAO,CACL,wDAAgB,UAAU,EAAC,SAAS,EAAE,SAAS;QAC7C,yCAAI,SAAS,EAAC,iBAAiB,IAC5B,KAAK,CAAC,GAAG,CAAC,UAAC,IAAc,EAAE,OAAe,IAAK,OAAA,CAC9C,yCAAI,GAAG,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,IAAA,kBAAU,EAAC,OAAO,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC;YACjG;gBACG,OAAO,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9B,yDAAiB,MAAM,EAAC,SAAS,EAAC,+DAA+D,GAAG,CACrG,CAAC,CAAC,CAAC,IAAI;gBACR,0CAAK,SAAS,EAAC,2BAA2B;oBACxC,2CAAM,SAAS,EAAC,qGAAqG;wBACnH,2CAAM,SAAS,EAAC,4CAA4C,IAAE,OAAO,GAAG,CAAC,CAAQ,CAC5E;oBACP,2CAAM,SAAS,EAAC,2CAA2C;wBACzD,2CAAM,SAAS,EAAC,qCAAqC,IAAE,IAAI,CAAC,KAAK,CAAQ;wBACxE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,2CAAM,SAAS,EAAC,SAAS,IAAE,IAAI,CAAC,SAAS,CAAQ,CAChE,CACH,CACL,CACA,CACN,EAjB+C,CAiB/C,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC;AAzBD,sCAyBC"}

package/dist/cjs/components/TabDate/PHXTabDate.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type PHXDateTimelineItem = {
+    title: string;
+    date: string;
+    time: Date;
+};
+export type PHXDateTimelineProps = {
+    timeline?: Array<PHXDateTimelineItem>;
+    daysOfWeek?: Array<string>;
+    windowSize?: number;
+    onChangeTime?(date: Date): void;
+};
+declare const PHXTabDate: ({ daysOfWeek, onChangeTime, timeline: timelineProp, windowSize, }: PHXDateTimelineProps) => React.JSX.Element;
+export default PHXTabDate;