lkt-table 2.0.48 → 2.0.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-table",
-  "version": "2.0.48",
+  "version": "2.0.50",
   "description": "",
   "keywords": [
     "lkt",

package/src/lib-components/LktTable.vue

@@ -80,19 +80,20 @@ const Page = ref(props.paginator?.modelValue),
     sortableContainer = ref(<HTMLElement | null>null),
     activeType = ref(props.type),
     currentSlide = ref(props.carousel?.currentSlide || 0),
-    timelineOldestDate = ref(<Date|undefined>undefined),
-    timelineNewestDate = ref(<Date|undefined>undefined),
-    timelineVisibleDate = ref(<Date|undefined>undefined),
-    filtersFormData = ref({
+    timelineOldestDate = ref(<Date | undefined>undefined),
+    timelineNewestDate = ref(<Date | undefined>undefined),
+    timelineVisibleDate = ref(<Date | undefined>undefined),
+    filtersFormData = ref(<LktObject>{
         ...typeof props.paginator.resourceData === 'object' ? props.paginator.resourceData : {}
     }),
-    paginatorResourceData = ref({
+    paginatorResourceData = ref(<LktObject>{
         ...typeof props.paginator.resourceData === 'object' ? props.paginator.resourceData : {}
     })
 ;
 
 const safeSaveButton = ref(ensureButtonConfig(props.saveButton, LktSettings.defaultSaveButton)),
     safeCreateButton = ref(ensureButtonConfig(props.createButton, LktSettings.defaultCreateButton)),
+    safeInlineCreateButton = ref(ensureButtonConfig(props.createButton, LktSettings.defaultInlineCreateButton)),
     safeEditModeButton = ref(ensureButtonConfig(props.editModeButton, LktSettings.defaultEditModeButton)),
     safeGroupButton = ref(ensureButtonConfig(props.groupButton, LktSettings.defaultGroupButton));
 
@@ -134,9 +135,22 @@ const onPerms = (r: string[]) => {
         })
     },
     onLoading = () => nextTick(() => {
-        if (!props.paginator || ![PaginatorType.LoadMore, PaginatorType.Infinite].includes(props.paginator?.type)) {
+        const paginator = props.paginator;
+        const typeOfPaginator = paginator?.type;
+
+        let hasToClean = true;
+
+        if (typeOfPaginator) {
+            if ([PaginatorType.LoadMore, PaginatorType.Infinite].includes(typeOfPaginator)) hasToClean = false;
+            else if ([PaginatorType.TimelineDesc, PaginatorType.TimelineAsc, PaginatorType.TimelineAscDesc].includes(typeOfPaginator) && props.paginator.timeline?.accumulative) {
+                hasToClean = false;
+            }
+        }
+
+        if (hasToClean) {
             Items.value.splice(0, Items.value.length);
         }
+
         isLoading.value = true
     }),
     doRefresh = () => {
@@ -462,6 +476,12 @@ const getItemByEvent = (e: any) => {
             || (hasInlineCreatePerm.value && editModeEnabled.value)
             || (hasModalCreatePerm.value && editModeEnabled.value);
     }),
+    computedDisplayInlineCreateButton = computed(() => {
+        if (props.createButton === false) return false;
+        return hasInlineCreateEverPerm.value
+            || (hasInlineCreatePerm.value && editModeEnabled.value)
+            || (hasModalCreatePerm.value && editModeEnabled.value);
+    }),
     computedIsList = computed(() => {
         return [TableType.Ol, TableType.Ul].includes(computedType.value);
     }),
@@ -657,7 +677,7 @@ const computedCalendarEvents = computed(() => {
         let dateObj = item[computedCalendarDateColumn.value.key];
         let stringDate = date('Y-m-d H:i:s', dateObj);
 
-        let groupValue:string|undefined = undefined;
+        let groupValue: string | undefined = undefined;
         if (computedCalendarGroupColumn.value?.key) {
             groupValue = item[computedCalendarGroupColumn.value.key];
         }
@@ -869,7 +889,14 @@ watch(filtersFormData, () => {
                 </lkt-button>
 
                 <create-button
-                    v-if="computedDisplayCreateButton && Items.length >= requiredItemsForTopCreate"
+                    v-if="computedDisplayInlineCreateButton && Items.length >= requiredItemsForTopCreate"
+                    :config="safeInlineCreateButton"
+                    :disabled="!createEnabled"
+                    @click="onClickAddItem"
+                    @append="onAppend"
+                />
+                <create-button
+                    v-else-if="computedDisplayCreateButton && Items.length >= requiredItemsForTopCreate"
                     :config="safeCreateButton"
                     :disabled="!createEnabled"
                     @click="onClickAddItem"
@@ -897,11 +924,11 @@ watch(filtersFormData, () => {
             <lkt-form
                 v-if="displayFiltersLktForm"
                 v-model="filtersFormData"
-                v-model:editing="editMode"
-                v-model:perms="perms"
+                v-model:editing="editModeEnabled"
+                v-model:perms="permissions"
                 v-bind="<FormUiConfig>{
-                form: filtersForm
-            }"
+                    form: filtersForm
+                }"
             />
 
             <div v-show="computedShowItems" class="lkt-table">
@@ -1268,7 +1295,14 @@ watch(filtersFormData, () => {
             <div v-if="computedDisplayCreateButton || slots.bottomButtons"
                  class="lkt-table-page-buttons lkt-table-page-buttons-bottom">
                 <create-button
-                    v-if="computedDisplayCreateButton && Items.length >= requiredItemsForBottomCreate"
+                    v-if="computedDisplayInlineCreateButton && Items.length >= requiredItemsForBottomCreate"
+                    :config="safeInlineCreateButton"
+                    :disabled="!createEnabled"
+                    @click="onClickAddItem"
+                    @append="onAppend"
+                />
+                <create-button
+                    v-else-if="computedDisplayCreateButton && Items.length >= requiredItemsForBottomCreate"
                     :config="safeCreateButton"
                     :disabled="!createEnabled"
                     @click="onClickAddItem"