@indigina/ui-kit 1.1.277 → 1.1.278

package/fesm2022/indigina-ui-kit.mjs

@@ -9309,6 +9309,7 @@ class KitCardDetailsComponent {
             skip: 0,
             take: 0,
         }, ...(ngDevMode ? [{ debugName: "dataState" }] : []));
+        this.newCreatedCards = signal([], ...(ngDevMode ? [{ debugName: "newCreatedCards" }] : []));
         this.shouldAppendFetchedData = true;
     }
     ngOnInit() {
@@ -9320,6 +9321,16 @@ class KitCardDetailsComponent {
         this.initSearchSubscription();
         this.initStateFromUrl();
     }
+    get skipNewCreatedCardFilter() {
+        return this.newCreatedCards().length ? {
+            logic: KitFilterLogic.AND,
+            filters: this.newCreatedCards().map(card => ({
+                field: 'id',
+                operator: KitFilterOperator.NEQ,
+                value: card.id,
+            })),
+        } : {};
+    }
     loadMoreData() {
         this.shouldAppendFetchedData = true;
         this.dataState.update(state => ({
@@ -9340,18 +9351,36 @@ class KitCardDetailsComponent {
             ...this.cardData(),
             ...cards,
         ]);
-        this.total.set(this.total() + 1);
+        this.newCreatedCards.set([
+            ...this.newCreatedCards(),
+            ...cards,
+        ]);
+        this.dataState.update(state => ({
+            ...state,
+            filters: this.skipNewCreatedCardFilter,
+        }));
+        this.total.set(this.total() + cards.length);
     }
     deleteCard(cardId) {
         this.isLoading.set(true);
         this.cardData.set(this.cardData().filter(card => card.id.toString() !== cardId.toString()));
         this.total.set(this.total() - 1);
         const skip = (this.dataState().skip ?? 0) + 1;
+        if (this.newCreatedCards().some(card => card.id.toString() === cardId.toString())) {
+            this.newCreatedCards.set(this.newCreatedCards().filter(card => card.id.toString() !== cardId.toString()));
+            this.dataState.update(state => ({
+                ...state,
+                filters: this.skipNewCreatedCardFilter,
+            }));
+            this.isLoading.set(false);
+            return;
+        }
         if (skip >= this.total()) {
+            this.isLoading.set(false);
             return;
         }
         this.shouldAppendFetchedData = true;
-        this.dataStateChanged.emit({ skip, take: 1 });
+        this.dataStateChanged.emit({ skip, take: 1, filters: this.skipNewCreatedCardFilter, search: this.dataState().search });
     }
     updateSpecificCardData(cardData) {
         this.cardData.set(this.cardData().map(card => {
@@ -9362,8 +9391,9 @@ class KitCardDetailsComponent {
         }));
     }
     initSearchSubscription() {
-        this.kitTextboxComponent().changed.pipe(filter(() => !this.isLoading()), debounceTime(500), takeUntilDestroyed(this.destroyRef)).subscribe(searchValue => {
+        this.kitTextboxComponent().changed.pipe(filter(() => !this.isLoading()), debounceTime(500), takeUntilDestroyed(this.destroyRef), map(value => value.trim())).subscribe(searchValue => {
             this.cardData.set([]);
+            this.newCreatedCards.set([]);
             this.dataState.set({ skip: 0, take: this.pageSize(), search: searchValue || undefined });
             this.shouldAppendFetchedData = true;
             this.updateData();
@@ -9399,7 +9429,7 @@ class KitCardDetailsComponent {
                     ...this.cardData(),
                     ...data.results.data,
                 ]);
-                this.total.set(data.results.total);
+                this.total.set(data.results.total + this.newCreatedCards().length);
                 this.shouldAppendFetchedData = false;
             }
             if (!handledInitialActiveId
@@ -9437,7 +9467,7 @@ class KitCardDetailsComponent {
     setStateToUrl(state) {
         const queryParams = Object.keys(state).reduce((acc, key) => {
             const val = state[key];
-            if (val !== undefined) {
+            if (val !== undefined && key !== 'filters') {
                 acc[key] = val;
             }
             return acc;