react-core-ts 1.0.42 → 1.0.43

package/dist/styles/styles/components/selectedautocomplete.css

@@ -0,0 +1,121 @@
+.qbs-flex {
+  display: flex;
+}
+.qbs-flex-wrap {
+  flex-wrap: wrap;
+}
+.qbs-w-full {
+  width: 100%;
+}
+.qbs-mb-2 {
+  margin-bottom: 0.5rem;
+}
+.-qbs-mt-2 {
+  margin-top: -0.5rem;
+}
+.qbs-flex-1 {
+  flex: 1 1 0%;
+}
+.qbs-inline-block {
+  display: inline-block;
+}
+.qbs-text-sm {
+  font-size: 0.875rem;
+}
+.qbs-cursor-pointer {
+  cursor: pointer;
+}
+.qbs-text-center {
+  text-align: center;
+}
+.qbs-p-1 {
+  padding: 0.25rem;
+}
+.qbs-border-b-2 {
+  border-bottom-width: 2px;
+}
+.qbs-tab-item {
+  color: #4b5563;
+  border-color: #d1d5db;
+}
+.qbs-tab-item:hover {
+  color: #2563eb;
+}
+.qbs-tab-active-item {
+  color: #2563eb;
+  border-color: #2563eb;
+}
+.qbs-relative {
+  position: relative;
+}
+.qbs-gap-1 {
+  gap: 0.25rem;
+}
+.qbs-rounded-full {
+  border-radius: 9999px;
+}
+.qbs-text-xs {
+  font-size: 0.75rem;
+}
+.qbs-inline-flex {
+  display: inline-flex;
+}
+.qbs-items-center {
+  align-items: center;
+}
+.qbs-justify-center {
+  justify-content: center;
+}
+.qbs-px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.qbs-py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.qbs-leading-none {
+  line-height: 1;
+}
+.qbs-min-w-6 {
+  min-width: 1.5rem;
+}
+.qbs-min-h-6 {
+  min-height: 1.5rem;
+}
+.qbs-align-middle {
+  vertical-align: middle;
+}
+.qbs-min-emp-h {
+  min-height: 183px;
+}
+.qbs-py-80 {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+.qbs-flex-grow {
+  flex-grow: 1;
+}
+.qbs-text-right {
+  text-align: right;
+}
+.qbs-readmore-collapse {
+  cursor: pointer;
+  width: 100%;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  margin-top: 5px;
+}
+.qbs-readmore-collapse div {
+  border-radius: 9999px;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
+  padding: 5px;
+}
+.qbs-more-collapse:hover {
+  background-color: #d1d5db;
+}
+.qbs-hidden {
+  display: none;
+}

package/dist/styles/styles/components/treedropdown.css

@@ -0,0 +1,63 @@
+.qbs-tree-list-container {
+  display: flex;
+  flex-direction: column;
+}
+.qbs-tree-list-container-sub {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 1rem; /* Corresponds to gap-4 in Tailwind */
+}
+
+.qbs-tree-list-container-sub .no-children {
+  margin-left: 1.75rem; /* Corresponds to ml-7 in Tailwind */
+}
+.qbs-tree-list-container-sub-icon {
+  margin-top: 0.25rem; /* Corresponds to mt-1 in Tailwind */
+  cursor: pointer;
+  padding-top: 0.5rem; /* Corresponds to py-2 in Tailwind */
+  padding-bottom: 0.5rem;
+  transition: transform 0.3s ease; /* Smooth rotation transition */
+}
+
+.qbs-tree-list-container-sub-icon.expanded {
+  transform: rotate(90deg); /* Corresponds to rotate-90 in Tailwind */
+}
+.qbs-tree-list-container-sub-container {
+  display: flex;
+  gap: 0.5rem; /* Corresponds to gap-2 in Tailwind */
+  padding: 0.5rem; /* Corresponds to p-2 in Tailwind */
+  flex-direction: row; /* Corresponds to flex-row in Tailwind */
+  width: 100%; /* Corresponds to w-full in Tailwind */
+}
+
+.qbs-tree-list-container-sub-container.checked {
+  background-color: rgba(
+    141,
+    194,
+    240,
+    0.15
+  ) !important; /* Corresponds to bg-green-200 in Tailwind */
+}
+.qbs-tree-list-container-sub-container.marginLeft {
+  margin-left: 28px; /* Corresponds to ml-2 in Tailwind */
+}
+.qbs-tree-list-container-sub- {
+  line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */
+  font-size: 0.875rem; /* Corresponds to text-sm in Tailwind (14px) */
+}
+.qbs-tree-list-container-child {
+  margin-left: 1rem; /* Corresponds to ml-4 in Tailwind */
+  margin-top: 0.5rem; /* Corresponds to mt-2 in Tailwind */
+  display: flex; /* Corresponds to flex in Tailwind */
+  flex-direction: column; /* Corresponds to flex-col in Tailwind */
+  gap: 0.5rem; /* Corresponds to gap-2 in Tailwind */
+}
+.qbs-tree-list-container-sub-text {
+  line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */
+  font-size: 14px; /* Corresponds to text-sm in Tailwind (14px) */
+  font-weight: 500;
+  letter-spacing: 0.28px;
+  font-family: 'Noto Sans';
+  color: #3d414a;
+}

package/dist/styles/styles/global.css

@@ -0,0 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import './components/autocomplete.css';
+@import './components/treedropdown.css';
+@import './components/selectedautocomplete.css';

package/dist/utilities/autosuggestions.d.ts

@@ -1,10 +1,10 @@
 type ValueProps = {
     [key: string]: string;
 };
-type UseSuggestionsType = (getData: (key?: string, next?: number) => Promise<ValueProps[]>, initialData?: ValueProps[], dropOpen?: boolean, asyncFetch?: boolean, paginationEnabled?: boolean, initialLoad?: boolean, inputValue?: string, isMultiple?: boolean, setNextPage?: (value: number) => void, selectedItems?: any[]) => {
+type UseSuggestionsType = (getData: (key?: string, next?: number, tabValue?: number | string) => Promise<ValueProps[]>, initialData?: ValueProps[], dropOpen?: boolean, asyncFetch?: boolean, paginationEnabled?: boolean, typeOnlyFetch?: boolean, inputValue?: string, isMultiple?: boolean, setNextPage?: (value: number) => void, selectedItems?: any[], initialLoad?: boolean) => {
     suggestions: ValueProps[];
     isLoading: boolean;
-    handlePickSuggestions: (value?: string, next?: number, append?: boolean) => Promise<void>;
+    handlePickSuggestions: (value?: string, next?: number, append?: boolean, tabValue?: string | number) => Promise<void>;
 };
 export declare const useSuggestions: UseSuggestionsType;
 export {};

package/dist/utilities/autosuggestions.js

@@ -47,17 +47,18 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSuggestions = void 0;
 var react_1 = require("react");
-var useSuggestions = function (getData, initialData, dropOpen, asyncFetch, paginationEnabled, initialLoad, inputValue, isMultiple, setNextPage, selectedItems) {
+var useSuggestions = function (getData, initialData, dropOpen, asyncFetch, paginationEnabled, initialLoad, inputValue, isMultiple, setNextPage, selectedItems, typeOnlyFetch) {
     if (initialData === void 0) { initialData = []; }
     if (dropOpen === void 0) { dropOpen = false; }
     if (asyncFetch === void 0) { asyncFetch = false; }
     if (paginationEnabled === void 0) { paginationEnabled = false; }
     if (initialLoad === void 0) { initialLoad = false; }
-    if (inputValue === void 0) { inputValue = ''; }
+    if (inputValue === void 0) { inputValue = ""; }
     if (selectedItems === void 0) { selectedItems = []; }
+    if (typeOnlyFetch === void 0) { typeOnlyFetch = false; }
     var _a = (0, react_1.useState)(initialData), suggestions = _a[0], setSuggestions = _a[1];
     var _b = (0, react_1.useState)(false), isLoading = _b[0], setIsLoading = _b[1];
-    var handlePickSuggestions = function (value, nextPage, appendData) { return __awaiter(void 0, void 0, void 0, function () {
+    var handlePickSuggestions = function (value, nextPage, appendData, tabValue) { return __awaiter(void 0, void 0, void 0, function () {
         var data, newSuggestions, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -67,7 +68,9 @@ var useSuggestions = function (getData, initialData, dropOpen, asyncFetch, pagin
                 case 1:
                     _a.trys.push([1, 3, 4, 5]);
                     return [4 /*yield*/, (asyncFetch || initialLoad
-                            ? getData(value, nextPage)
+                            ? typeOnlyFetch && value === ""
+                                ? Promise.resolve([])
+                                : getData(value, nextPage, tabValue)
                             : Promise.resolve(initialData))];
                 case 2:
                     data = _a.sent();
@@ -79,7 +82,7 @@ var useSuggestions = function (getData, initialData, dropOpen, asyncFetch, pagin
                     return [3 /*break*/, 5];
                 case 3:
                     error_1 = _a.sent();
-                    console.error('Error fetching data:', error_1);
+                    console.error("Error fetching data:", error_1);
                     return [3 /*break*/, 5];
                 case 4:
                     setIsLoading(false);
@@ -92,13 +95,13 @@ var useSuggestions = function (getData, initialData, dropOpen, asyncFetch, pagin
         if (dropOpen) {
             if (!isMultiple && (!inputValue || suggestions.length === 0)) {
                 setNextPage(1);
-                handlePickSuggestions('', paginationEnabled ? 1 : undefined);
+                handlePickSuggestions("", paginationEnabled ? 1 : undefined);
             }
             else if (isMultiple &&
                 (suggestions.length === 0 ||
                     !selectedItems ||
                     (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) === 0)) {
-                handlePickSuggestions('', paginationEnabled ? 1 : undefined);
+                handlePickSuggestions("", paginationEnabled ? 1 : undefined);
             }
         }
     }, [dropOpen]);

package/dist/utilities/autosuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"autosuggestions.js","sourceRoot":"","sources":["../../src/utilities/autosuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA4C;AA4BrC,IAAM,cAAc,GAAuB,UAChD,OAAO,EACP,WAAgB,EAChB,QAAgB,EAChB,UAAkB,EAClB,iBAAyB,EACzB,WAAmB,EACnB,UAAe,EACf,UAAU,EACV,WAAW,EACX,aAAkB;IARlB,4BAAA,EAAA,gBAAgB;IAChB,yBAAA,EAAA,gBAAgB;IAChB,2BAAA,EAAA,kBAAkB;IAClB,kCAAA,EAAA,yBAAyB;IACzB,4BAAA,EAAA,mBAAmB;IACnB,2BAAA,EAAA,eAAe;IAGf,8BAAA,EAAA,kBAAkB;IAEZ,IAAA,KAAgC,IAAA,gBAAQ,EAAe,WAAW,CAAC,EAAlE,WAAW,QAAA,EAAE,cAAc,QAAuC,CAAC;IACpE,IAAA,KAA4B,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IAE3D,IAAM,qBAAqB,GAAG,UAC5B,KAAc,EACd,QAAiB,EACjB,UAAoB;;;;;oBAEpB,YAAY,CAAC,IAAI,CAAC,CAAC;;;;oBAEJ,qBAAM,CAAC,UAAU,IAAI,WAAW;4BAC3C,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC;4BAC1B,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,EAAA;;oBAF3B,IAAI,GAAG,SAEoB;oBACjC,IAAI,CAAC,IAAI,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,CAAC,EAAE;wBAC/B,WAAW,CAAC,SAAS,CAAC,CAAC;qBACxB;oBACK,cAAc,GAAG,UAAU,CAAC,CAAC,iCAAK,WAAW,SAAK,IAAI,QAAE,CAAC,CAAC,IAAI,CAAC;oBACrE,cAAc,CAAC,cAAc,CAAC,CAAC;;;;oBAE/B,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,OAAK,CAAC,CAAC;;;oBAE7C,YAAY,CAAC,KAAK,CAAC,CAAC;;;;;SAEvB,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;gBAC5D,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,qBAAqB,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAC9D;iBAAM,IACL,UAAU;gBACV,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC;oBACvB,CAAC,aAAa;oBACd,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,MAAK,CAAC,CAAC,EAC9B;gBACA,qBAAqB,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAC9D;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,WAAW,aAAA,EAAE,SAAS,WAAA,EAAE,qBAAqB,uBAAA,EAAE,CAAC;AAC3D,CAAC,CAAC;AAtDW,QAAA,cAAc,kBAsDzB"}
+{"version":3,"file":"autosuggestions.js","sourceRoot":"","sources":["../../src/utilities/autosuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA4C;AA8BrC,IAAM,cAAc,GAAuB,UAChD,OAAO,EACP,WAAgB,EAChB,QAAgB,EAChB,UAAkB,EAClB,iBAAyB,EACzB,WAAmB,EACnB,UAAe,EACf,UAAU,EACV,WAAW,EACX,aAAkB,EAClB,aAAqB;IATrB,4BAAA,EAAA,gBAAgB;IAChB,yBAAA,EAAA,gBAAgB;IAChB,2BAAA,EAAA,kBAAkB;IAClB,kCAAA,EAAA,yBAAyB;IACzB,4BAAA,EAAA,mBAAmB;IACnB,2BAAA,EAAA,eAAe;IAGf,8BAAA,EAAA,kBAAkB;IAClB,8BAAA,EAAA,qBAAqB;IAEf,IAAA,KAAgC,IAAA,gBAAQ,EAAe,WAAW,CAAC,EAAlE,WAAW,QAAA,EAAE,cAAc,QAAuC,CAAC;IACpE,IAAA,KAA4B,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IAE3D,IAAM,qBAAqB,GAAG,UAC5B,KAAc,EACd,QAAiB,EACjB,UAAoB,EACpB,QAA0B;;;;;oBAE1B,YAAY,CAAC,IAAI,CAAC,CAAC;;;;oBAEJ,qBAAM,CAAC,UAAU,IAAI,WAAW;4BAC3C,CAAC,CAAC,aAAa,IAAI,KAAK,KAAK,EAAE;gCAC7B,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;gCACrB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC;4BACtC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,EAAA;;oBAJ3B,IAAI,GAAG,SAIoB;oBACjC,IAAI,CAAC,IAAI,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,CAAC,EAAE;wBAC/B,WAAW,CAAC,SAAS,CAAC,CAAC;qBACxB;oBACK,cAAc,GAAG,UAAU,CAAC,CAAC,iCAAK,WAAW,SAAK,IAAI,QAAE,CAAC,CAAC,IAAI,CAAC;oBACrE,cAAc,CAAC,cAAc,CAAC,CAAC;;;;oBAE/B,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,OAAK,CAAC,CAAC;;;oBAE7C,YAAY,CAAC,KAAK,CAAC,CAAC;;;;;SAEvB,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;gBAC5D,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,qBAAqB,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAC9D;iBAAM,IACL,UAAU;gBACV,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC;oBACvB,CAAC,aAAa;oBACd,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,MAAK,CAAC,CAAC,EAC9B;gBACA,qBAAqB,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAC9D;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,WAAW,aAAA,EAAE,SAAS,WAAA,EAAE,qBAAqB,uBAAA,EAAE,CAAC;AAC3D,CAAC,CAAC;AA1DW,QAAA,cAAc,kBA0DzB"}

package/dist/utilities/filterSuggestions.d.ts

@@ -1,5 +1,5 @@
 interface Item {
     [key: string]: string;
 }
-export declare const filterSuggestions: (data: Item[], query: string, type: string, desc: string, inputValue?: string, async?: boolean, isTreeDropdown?: boolean) => Item[];
+export declare const filterSuggestions: (data: Item[], query: string, type: string, desc: string, inputValue?: any[] | string, async?: boolean, isTreeDropdown?: boolean, withoutSort?: boolean) => Item[];
 export {};

package/dist/utilities/filterSuggestions.js

@@ -10,10 +10,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterSuggestions = void 0;
-var filterSuggestions = function (data, query, type, desc, inputValue, async, isTreeDropdown) {
-    if ((type === 'custom_search_select' ||
-        type === 'auto_complete' ||
-        type === 'auto_suggestion') &&
+var filterSuggestions = function (data, query, type, desc, inputValue, async, // API filter
+isTreeDropdown, // Tree dropdowns
+withoutSort // Don't show selected items on top of the suggections
+) {
+    if ((type === "custom_search_select" ||
+        type === "auto_complete" ||
+        type === "auto_suggestion") &&
         !async &&
         query &&
         !isTreeDropdown) {
@@ -21,7 +24,9 @@ var filterSuggestions = function (data, query, type, desc, inputValue, async, is
             return item[desc].toLowerCase().includes(query.toLowerCase());
         });
     }
-    return isTreeDropdown ? data : sortedArrayData(data, inputValue, desc);
+    return isTreeDropdown || withoutSort
+        ? data
+        : sortedArrayData(data, inputValue, desc);
 };
 exports.filterSuggestions = filterSuggestions;
 var sortedArrayData = function (filteredData, selectedItems, desc) {

package/dist/utilities/filterSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterSuggestions.js","sourceRoot":"","sources":["../../src/utilities/filterSuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;AAIO,IAAM,iBAAiB,GAAG,UAC/B,IAAY,EACZ,KAAa,EACb,IAAY,EACZ,IAAY,EACZ,UAAmB,EACnB,KAAe,EACf,cAAwB;IAExB,IACE,CAAC,IAAI,KAAK,sBAAsB;QAC9B,IAAI,KAAK,eAAe;QACxB,IAAI,KAAK,iBAAiB,CAAC;QAC7B,CAAC,KAAK;QACN,KAAK;QACL,CAAC,cAAc,EACf;QACA,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,UAAC,IAAI;YACvB,OAAA,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAAtD,CAAsD,CACvD,CAAC;KACH;IACD,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACzE,CAAC,CAAC;AAtBW,QAAA,iBAAiB,qBAsB5B;AAEF,IAAM,eAAe,GAAG,UACtB,YAAmB,EACnB,aAA6B,EAC7B,IAAS;IAET,OAAO,kBAAI,YAAY,QAAE,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;QACjC,IAAI,WAAoB,CAAC;QACzB,IAAI,WAAoB,CAAC;QAEzB,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YAChC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC,CAAC;YACnE,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC,CAAC;SACpE;aAAM;YACL,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC;YACxC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC;SACzC;QAED,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"filterSuggestions.js","sourceRoot":"","sources":["../../src/utilities/filterSuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;AAIO,IAAM,iBAAiB,GAAG,UAC/B,IAAY,EACZ,KAAa,EACb,IAAY,EACZ,IAAY,EACZ,UAA2B,EAC3B,KAAe,EAAE,aAAa;AAC9B,cAAwB,EAAE,iBAAiB;AAC3C,WAAqB,CAAC,sDAAsD;;IAE5E,IACE,CAAC,IAAI,KAAK,sBAAsB;QAC9B,IAAI,KAAK,eAAe;QACxB,IAAI,KAAK,iBAAiB,CAAC;QAC7B,CAAC,KAAK;QACN,KAAK;QACL,CAAC,cAAc,EACf;QACA,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,UAAC,IAAI;YACvB,OAAA,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAAtD,CAAsD,CACvD,CAAC;KACH;IACD,OAAO,cAAc,IAAI,WAAW;QAClC,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AAC9C,CAAC,CAAC;AAzBW,QAAA,iBAAiB,qBAyB5B;AAEF,IAAM,eAAe,GAAG,UACtB,YAAmB,EACnB,aAA6B,EAC7B,IAAS;IAET,OAAO,kBAAI,YAAY,QAAE,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;QACjC,IAAI,WAAoB,CAAC;QACzB,IAAI,WAAoB,CAAC;QAEzB,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YAChC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC,CAAC;YACnE,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC,CAAC;SACpE;aAAM;YACL,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC;YACxC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC;SACzC;QAED,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/docs/App.tsx

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 
 import {
   AutoComplete,
+  AutoCompleteWithSelectedList,
   AutoCompleteWithTreeStructure,
   ExpandableAutoComplete,
 } from "../src/index";
@@ -44,6 +45,23 @@ export default function App() {
         return result;
       });
   };
+
+  const getDataWithTab = (keyName?: string, next?: number, tab?: number | string) => {
+    console.log(tab)
+    return fetch(
+      keyName
+        ? `https://jsonplaceholder.typicode.com/posts?_page=${next}&_limit=10&title_like=${keyName}`
+        : `https://jsonplaceholder.typicode.com/posts?_page=${next}&_limit=10`
+    )
+      .then((res) => res.json())
+      .then((res) => {
+        setNexBlock(nexBlock + 1);
+        const result = res.map((item: any) => {
+          return { ...item, ["name"]: item?.title, id: item?.id.toString() };
+        });
+        return result;
+      });
+  };
   return (
     <React.Fragment>
       <div
@@ -79,12 +97,19 @@ export default function App() {
             initialLoad={true}
             itemCount={5}
             // nextBlock={nexBlock}
-            placeholder="Auto Suggestion Suggestion Suggestion Suggestion"
-            selectedItems={[{ name: "test", id: "1" }]}
+            placeholder="Auto Suggestion"
+            selectedItems={[]}
             getData={getData}
             onChange={(e) => console.log(e, "onchange")}
           />
         </div>
+        <div className="autocomplete-section">
+          <h2>TreeView Auto Suggestion</h2>
+          <p>
+            Able to select, expand/collapse child items based on the suggections
+            data
+          </p>
+        </div>
         <div style={{ width: 800 }}>
           <AutoCompleteWithTreeStructure
             label="Auto Suggestion"
@@ -103,12 +128,79 @@ export default function App() {
             initialLoad={false}
             itemCount={5}
             // nextBlock={nexBlock}
-            placeholder="Auto Suggestion Suggestion Suggestion Suggestion"
+            placeholder="Auto Suggestion"
             selectedItems={[{ name: "test", id: "1" }]}
             // getData={getData}
             onChange={(e) => console.log(e, "onchange")}
           />
         </div>
+
+        <div className="autocomplete-section">
+          <h2>Auto Suggestion with Selected list</h2>
+          <p>
+            Selected items will be displayed in the suggestion box, with options
+            to expand/collapse and clear them. The select box will show the
+            total number of things selected.
+          </p>
+        </div>
+        <div style={{ width: 300 }}>
+          <AutoCompleteWithSelectedList
+            label="Auto Suggestion With Data"
+            name="sample"
+            type="auto_suggestion"
+            // async
+            desc="name"
+            isMultiple={true}
+            singleSelect={false}
+            descId="id"
+            data={treeDropData}
+            paginationEnabled={false}
+            initialLoad={false}
+            itemCount={3}
+            placeholder="Auto Suggestion"
+            selectedItems={[]}
+            onChange={(e) => console.log(e, "onchange")}
+            countOnly={true}
+          />
+        </div>
+        <div style={{ width: 300 }}>
+          <AutoCompleteWithSelectedList
+            label="Auto Suggestion API Data"
+            name="sample"
+            type="auto_suggestion"
+            async={true}
+            desc="name"
+            isMultiple={true}
+            typeOnlyFetch={true}
+            descId="id"
+            getData={getData}
+            itemCount={3}
+            placeholder="Auto Suggestion"
+            selectedItems={[]}
+            onChange={(e) => console.log(e, "onchange")}
+            countOnly={true}
+          />
+        </div>
+
+        <div style={{ width: 300 }}>
+          <AutoCompleteWithSelectedList
+            label="Auto Suggestion API Data With Tab"
+            name="sample"
+            type="auto_suggestion"
+            async={true}
+            desc="name"
+            isMultiple={true}
+            typeOnlyFetch={true}
+            descId="id"
+            getData={getDataWithTab}
+            itemCount={3}
+            placeholder="Auto Suggestion"
+            selectedItems={[]}
+            onChange={(e) => console.log(e, "onchange")}
+            countOnly={true}
+            tab={[{id: 1, label: "Tab 1"}, {id: 2, label: "Tab 2"}]}
+          />
+        </div>
         <div className="autocomplete-section">
           <h2>Custom Select</h2>
           <p>
@@ -289,7 +381,7 @@ export default function App() {
             initialLoad={true}
             itemCount={5}
             // nextBlock={nexBlock}
-            placeholder="Auto Suggestion Suggestion Suggestion Suggestion"
+            placeholder="Auto Suggestion"
             selectedItems={[{ name: "test", id: "1" }]}
             getData={getData}
             onChange={(e) => console.log(e, "onchange")}

package/docs/index.html

@@ -21,7 +21,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Autocomplete App</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-core-ts",
-  "version": "1.0.42",
+  "version": "1.0.43",
   "description": "React Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",