@voicenter-team/voicenter-ui-plus 3.0.0 → 3.0.2

package/library/entity/components/Form/VcBaseVerticalForm.vue2.mjs

@@ -1,96 +0,0 @@
-import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createVNode, unref } from "vue";
-import _sfc_main$1 from "../../../components/VcCard/VcCard.vue.mjs";
-import '../../../assets/components/VcButton/VcButton.css';import '../../../assets/components/VcCard/VcCard.css';/* empty css                                      */
-import _sfc_main$2 from "../../../components/VcButton/VcButton.vue.mjs";
-/* empty css                                          */
-import { tVU } from "../../../localization/index.mjs";
-const _hoisted_1 = { class: "vc-base-vertical-form__wrap" };
-const _hoisted_2 = { class: "vc-base-vertical-form__content" };
-const _hoisted_3 = { class: "w-full" };
-const _hoisted_4 = {
-  key: 0,
-  class: "vc-base-vertical-form__header px-3"
-};
-const _hoisted_5 = { class: "vc-base-vertical-form__form-content" };
-const _hoisted_6 = { class: "vc-base-vertical-form__footer px-3" };
-const _hoisted_7 = { class: "footer-add-action flex-grow sm:flex-grow-0" };
-const _hoisted_8 = { class: "footer-actions" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VcBaseVerticalForm",
-  props: {
-    formTitle: { default: "" },
-    loading: { type: Boolean, default: false },
-    disabledSave: { type: Boolean, default: false },
-    hideTitle: { type: Boolean, default: false }
-  },
-  emits: ["cancel", "save"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const onCancel = () => {
-      emit("cancel");
-    };
-    const onSave = () => {
-      emit("save");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { class: "vc-base-vertical-form" }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, [
-                !__props.hideTitle ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                  createTextVNode(toDisplayString(__props.formTitle) + " ", 1),
-                  renderSlot(_ctx.$slots, "header-action", {}, void 0, true)
-                ])) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_5, [
-                  renderSlot(_ctx.$slots, "default", {}, () => [
-                    _cache[0] || (_cache[0] = createTextVNode("Form Content", -1))
-                  ], true)
-                ])
-              ]),
-              _cache[1] || (_cache[1] = createElementVNode("hr", { class: "border border-ui-lines mx-3" }, null, -1)),
-              createElementVNode("div", _hoisted_6, [
-                createElementVNode("div", _hoisted_7, [
-                  renderSlot(_ctx.$slots, "additional-action", {}, void 0, true)
-                ]),
-                createElementVNode("div", _hoisted_8, [
-                  createVNode(_sfc_main$2, {
-                    icon: "vc-icon-cancel",
-                    color: "secondary",
-                    type: "outline",
-                    size: "large",
-                    block: "",
-                    onClick: onCancel
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.cancel")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(_sfc_main$2, {
-                    block: "",
-                    loading: __props.loading,
-                    disabled: __props.disabledSave,
-                    icon: "vc-icon-save",
-                    color: "primary",
-                    size: "large",
-                    onClick: onSave
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.save")), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["loading", "disabled"])
-                ])
-              ])
-            ])
-          ])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/library/entity/components/Table/VcEntityListTable.vue2.mjs

@@ -1,413 +0,0 @@
-import { defineComponent, useSlots, useAttrs, ref, computed, watch, openBlock, createElementBlock, createVNode, mergeProps, unref, createSlots, withCtx, createElementVNode, createBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString, renderList, normalizeProps, guardReactiveProps } from "vue";
-import { Trash2 } from "@lucide/vue";
-import _sfc_main$4 from "../../../components/VcInput/VcInput.vue.mjs";
-import '../../../assets/components/VcButton/VcButton.css';import '../../../assets/components/VcInput/VcInput.css';/* empty css                                        */
-import VcTable from "../../../components/VcTable/VcTable.vue.mjs";
-import { useEntityInject } from "../../composable/useEntityProvideInject.mjs";
-import { useEntityListTableInject } from "../../composable/useEntityListTableExternalPaginate.mjs";
-import { refDebounced } from "@vueuse/core";
-import { get } from "lodash-es";
-import _sfc_main$6 from "../Button/VcEntityAddButton.vue.mjs";
-import _sfc_main$1 from "../Button/VcEntityRestoreButton.vue.mjs";
-import _sfc_main$2 from "../Button/VcEntityEditIconButton.vue.mjs";
-import _sfc_main$3 from "../Button/VcEntityDeleteIconButton.vue.mjs";
-import { tVU } from "../../../localization/index.mjs";
-import _sfc_main$5 from "../../../components/VcButton/VcButton.vue.mjs";
-/* empty css                                          */
-const _hoisted_1 = { class: "vc-entity-list-table__wrap relative" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = ["colspan"];
-const _hoisted_4 = { class: "w-full p-4 items-center flex flex-col" };
-const _hoisted_5 = { class: "text-default-text text-sm font-semibold" };
-const _hoisted_6 = { class: "flex-center px-2" };
-const _hoisted_7 = { class: "flex justify-between flex-wrap md:flex-nowrap gap-2" };
-const _hoisted_8 = { class: "left-header-actions flex items-center order-2 md:order-1 w-full md:w-auto" };
-const _hoisted_9 = {
-  key: 0,
-  class: "md:mx-6 w-full md:w-60"
-};
-const _hoisted_10 = { class: "right-header-actions flex items-center flex-wrap md:flex-nowrap gap-2 order-1 md:order-2" };
-const _hoisted_11 = { class: "flex items-center justify-center gap-1" };
-const _hoisted_12 = {
-  key: 1,
-  class: "flex-center gap-1"
-};
-const _hoisted_13 = {
-  key: 0,
-  class: "vc-entity-table-disabled-overflow"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VcEntityListTable",
-  props: {
-    columns: {},
-    data: { default: () => [] },
-    searchKeys: { default: () => [] },
-    showRecycleBinAction: { type: Boolean, default: true },
-    showActionColumns: { type: Boolean, default: true },
-    showSelection: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    addEntityLabel: { default: "" },
-    tableNoDataText: { default: "" },
-    inputSearch: { default: "" },
-    loaderType: { default: "lds-spinner" },
-    editIcon: { default: "vc-icon-settings" },
-    editIconAnimate: { type: Boolean, default: true },
-    deleteIcon: { default: () => Trash2 }
-  },
-  emits: ["handle-selection-change", "edit", "add", "update:inputSearch"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const slots = useSlots();
-    const attrs = useAttrs();
-    const {
-      entity,
-      loading,
-      editableTabs,
-      onEditFunction,
-      onDeleteFunction,
-      onRestoreFunction,
-      onRecycleBinToggleFunction,
-      onCreateFunction,
-      onEntityTableDeleteSelectedFunction
-    } = useEntityInject();
-    const { perPageOptions, loadPaginatedDataFunction, updateCurrentPaginationDataModel, currentPaginationDataModel } = useEntityListTableInject();
-    const selectedItems = ref([]);
-    const localData = ref([]);
-    const isRecycleBin = ref(false);
-    const searchModel = ref("");
-    const searchInputRef = ref();
-    const debouncedSearchModel = refDebounced(searchModel, 300);
-    const usedSlots = computed(() => {
-      return Object.keys(slots);
-    });
-    const paginationModelToTablePaginationType = computed(() => {
-      return {
-        currentPage: (currentPaginationDataModel == null ? void 0 : currentPaginationDataModel.value.Page) || 1,
-        perPage: (currentPaginationDataModel == null ? void 0 : currentPaginationDataModel.value.PerPage) || 10,
-        total: (currentPaginationDataModel == null ? void 0 : currentPaginationDataModel.value.Total) || 0
-      };
-    });
-    const externalPaginate = computed(() => {
-      if (entity == null ? void 0 : entity.hasPagination) {
-        return paginationModelToTablePaginationType.value;
-      } else {
-        return void 0;
-      }
-    });
-    const dataSearched = computed(() => {
-      if (!props.searchKeys.length || !debouncedSearchModel.value) {
-        return localData.value;
-      }
-      return localData.value.filter((el) => {
-        const searchByString = props.searchKeys.map((key) => get(el, key, "")).join(" ").toLowerCase();
-        return searchByString.includes(debouncedSearchModel.value.toLowerCase());
-      });
-    });
-    const isShowSelection = computed(() => {
-      return props.showSelection || onEntityTableDeleteSelectedFunction !== void 0;
-    });
-    async function loadInitialExternalPaginateData() {
-      await loadPaginatedDataFunction();
-    }
-    async function onUpdatePagination(paginationData) {
-      if (externalPaginate.value) {
-        if (updateCurrentPaginationDataModel) {
-          updateCurrentPaginationDataModel({
-            Page: paginationData.currentPage,
-            PerPage: paginationData.perPage
-          });
-        }
-        await loadPaginatedDataFunction();
-      }
-    }
-    function recycleBinClickHandler() {
-      isRecycleBin.value = !isRecycleBin.value;
-      if (onRecycleBinToggleFunction) {
-        onRecycleBinToggleFunction(isRecycleBin.value);
-      }
-    }
-    function deleteClickHandler(entityData, index) {
-      if (onDeleteFunction) {
-        onDeleteFunction(entityData, index).then(() => {
-          var _a, _b;
-          if (editableTabs) {
-            (_b = editableTabs.value) == null ? void 0 : _b.removeTab(((_a = editableTabs.value) == null ? void 0 : _a.createTabName(entityData)) ?? "");
-          }
-        });
-      }
-    }
-    function editClickHandler(entityData) {
-      if (onEditFunction && !isEditDisabled(entityData)) {
-        onEditFunction(entityData);
-        emit("edit", entityData);
-      }
-    }
-    function restoreClickHandler(entityData) {
-      if (onRestoreFunction) {
-        onRestoreFunction(entityData);
-      }
-    }
-    function addNewClickHandler() {
-      if (onCreateFunction) {
-        onCreateFunction();
-        emit("add");
-      }
-    }
-    function handleSelectionChange(entityDataList) {
-      selectedItems.value = entityDataList;
-      emit("handle-selection-change", entityDataList);
-    }
-    function deleteSelectedClickHandler() {
-      if (!onEntityTableDeleteSelectedFunction) {
-        return;
-      }
-      onEntityTableDeleteSelectedFunction(selectedItems.value);
-    }
-    function mapDataWithDisabledIfHasNoPermissionsProp(data) {
-      return data.map((option) => {
-        return {
-          ...option,
-          hasNoPermissionsToSelect: isDeleteDisabled(option)
-          // !option?.permissions?.delete || !option?.permissions?.edit
-        };
-      });
-    }
-    function isEditDisabled(data) {
-      if ((data == null ? void 0 : data.editDisabled) === void 0) {
-        return !(entity == null ? void 0 : entity.canEdit(data));
-      } else {
-        return data.editDisabled;
-      }
-    }
-    function isDeleteDisabled(data) {
-      if ((data == null ? void 0 : data.deleteDisabled) === void 0) {
-        return !(entity == null ? void 0 : entity.canDelete(data));
-      } else {
-        return data.deleteDisabled;
-      }
-    }
-    watch(
-      () => props.data,
-      (data) => {
-        localData.value = mapDataWithDisabledIfHasNoPermissionsProp(data);
-        selectedItems.value = (data == null ? void 0 : data.filter((value) => value.selected)) || [];
-      },
-      {
-        deep: true,
-        immediate: true
-      }
-    );
-    watch(
-      () => props.inputSearch,
-      (val) => {
-        if (val !== void 0) {
-          searchModel.value = val;
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    watch(
-      debouncedSearchModel,
-      (val) => {
-        emit("update:inputSearch", val || "");
-      }
-    );
-    if (entity == null ? void 0 : entity.hasPagination) {
-      loadInitialExternalPaginateData();
-    }
-    __expose({
-      deleteClickHandler,
-      editClickHandler,
-      onUpdatePagination,
-      setSearchInputValue: (val) => searchModel.value = val,
-      getSearchInputValue: () => searchModel.value
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(VcTable, mergeProps(unref(attrs), {
-          options: dataSearched.value,
-          columns: props.columns,
-          loading: !!unref(loading),
-          "show-selection": isShowSelection.value,
-          "show-actions-column": __props.showActionColumns,
-          "with-pagination": "",
-          "is-server-data": (_a = unref(entity)) == null ? void 0 : _a.hasPagination,
-          "per-page-options": unref(perPageOptions),
-          "external-paginate": externalPaginate.value,
-          config: {
-            disabledKey: "hasNoPermissionsToSelect"
-          },
-          "loader-type": __props.loaderType,
-          "onUpdate:currentPage": onUpdatePagination,
-          "onUpdate:perPage": onUpdatePagination,
-          onOnRowDbclick: editClickHandler,
-          onHandleSelectionChange: handleSelectionChange
-        }), createSlots({
-          "empty-data": withCtx(() => {
-            var _a2;
-            return [
-              !unref(loading) ? (openBlock(), createElementBlock("tr", _hoisted_2, [
-                createElementVNode("td", {
-                  colspan: ((_a2 = props.columns) == null ? void 0 : _a2.length) + 1
-                }, [
-                  createElementVNode("div", _hoisted_4, [
-                    createElementVNode("div", _hoisted_5, toDisplayString(__props.tableNoDataText || unref(tVU).t("voicenterUi.general.no.data")), 1),
-                    isRecycleBin.value ? (openBlock(), createBlock(_sfc_main$5, {
-                      key: 0,
-                      type: "borderless",
-                      icon: "vc-icon-exit-recycle-bin",
-                      "data-test-name": "exit-recycle-bit-button",
-                      onClick: recycleBinClickHandler
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.exitRecycleBin")), 1)
-                      ]),
-                      _: 1
-                    })) : unref(onCreateFunction) ? renderSlot(_ctx.$slots, "add-entity-button", {
-                      key: 1,
-                      entity: unref(entity)
-                    }, () => [
-                      createVNode(_sfc_main$6, {
-                        entity: unref(entity),
-                        "add-entity-label": __props.addEntityLabel,
-                        onClick: addNewClickHandler
-                      }, null, 8, ["entity", "add-entity-label"])
-                    ], true) : createCommentVNode("", true)
-                  ])
-                ], 8, _hoisted_3)
-              ])) : createCommentVNode("", true)
-            ];
-          }),
-          "header-filter": withCtx(() => [
-            renderSlot(_ctx.$slots, "filter-actions", {}, void 0, true)
-          ]),
-          "checked-tooltip": withCtx(() => [
-            renderSlot(_ctx.$slots, "checked-tooltip", {}, () => [
-              createElementVNode("div", _hoisted_6, [
-                unref(onEntityTableDeleteSelectedFunction) && selectedItems.value.length ? (openBlock(), createBlock(_sfc_main$5, {
-                  key: 0,
-                  color: "destructive",
-                  type: "borderless",
-                  icon: "vc-icon-recycle-bin",
-                  "data-test-name": "recycle-bin-button",
-                  onClick: deleteSelectedClickHandler
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(tVU).t("voicenterUi.general.delete")), 1)
-                  ]),
-                  _: 1
-                })) : createCommentVNode("", true)
-              ])
-            ], true)
-          ]),
-          "header-actions": withCtx(() => {
-            var _a2;
-            return [
-              createElementVNode("div", _hoisted_7, [
-                createElementVNode("div", _hoisted_8, [
-                  ((_a2 = __props.searchKeys) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                    createVNode(_sfc_main$4, {
-                      ref_key: "searchInputRef",
-                      ref: searchInputRef,
-                      modelValue: searchModel.value,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchModel.value = $event),
-                      placeholder: unref(tVU).t("voicenterUi.general.search"),
-                      clearable: "",
-                      "prefix-icon": "vc-icon-search",
-                      "data-test-name": "table-search"
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])) : createCommentVNode("", true)
-                ]),
-                createElementVNode("div", _hoisted_10, [
-                  renderSlot(_ctx.$slots, "pre-header-actions", {}, void 0, true),
-                  __props.showRecycleBinAction && unref(onRecycleBinToggleFunction) ? (openBlock(), createBlock(_sfc_main$5, {
-                    key: 0,
-                    type: "borderless",
-                    "data-test-name": "RecycleBin-button",
-                    icon: isRecycleBin.value ? "vc-icon-exit-recycle-bin" : "vc-icon-recycle-bin",
-                    onClick: recycleBinClickHandler
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(isRecycleBin.value ? unref(tVU).t("voicenterUi.general.exitRecycleBin") : unref(tVU).t("voicenterUi.general.recycleBin")), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["icon"])) : createCommentVNode("", true),
-                  !isRecycleBin.value && unref(onCreateFunction) ? renderSlot(_ctx.$slots, "add-entity-button", {
-                    key: 1,
-                    entity: unref(entity)
-                  }, () => [
-                    createVNode(_sfc_main$6, {
-                      entity: unref(entity),
-                      "add-entity-label": __props.addEntityLabel,
-                      onClick: addNewClickHandler
-                    }, null, 8, ["entity", "add-entity-label"])
-                  ], true) : createCommentVNode("", true)
-                ])
-              ])
-            ];
-          }),
-          "actions-column": withCtx(({ row, index }) => [
-            createElementVNode("div", _hoisted_11, [
-              isRecycleBin.value ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 0,
-                "entity-data": row,
-                entity: unref(entity),
-                disabled: !unref(onRestoreFunction),
-                "data-test-name": "restore-button",
-                onRestore: restoreClickHandler
-              }, null, 8, ["entity-data", "entity", "disabled"])) : (openBlock(), createElementBlock("div", _hoisted_12, [
-                renderSlot(_ctx.$slots, "pre-column-actions", {
-                  row,
-                  index
-                }, void 0, true),
-                renderSlot(_ctx.$slots, "column-actions", {}, () => [
-                  unref(onEditFunction) ? (openBlock(), createBlock(_sfc_main$2, {
-                    key: 0,
-                    "entity-data": row,
-                    entity: unref(entity),
-                    disabled: isEditDisabled(row),
-                    icon: __props.editIcon,
-                    animate: __props.editIconAnimate,
-                    "data-test-name": "edit-button",
-                    onClick: ($event) => editClickHandler(row)
-                  }, null, 8, ["entity-data", "entity", "disabled", "icon", "animate", "onClick"])) : createCommentVNode("", true),
-                  unref(onDeleteFunction) ? (openBlock(), createBlock(_sfc_main$3, {
-                    key: 1,
-                    "entity-data": row,
-                    entity: unref(entity),
-                    disabled: isDeleteDisabled(row),
-                    icon: __props.deleteIcon,
-                    "data-test-name": "delete-button",
-                    onDelete: ($event) => deleteClickHandler($event, index)
-                  }, null, 8, ["entity-data", "entity", "disabled", "icon", "onDelete"])) : createCommentVNode("", true)
-                ], true),
-                renderSlot(_ctx.$slots, "post-column-actions", {
-                  row,
-                  index
-                }, void 0, true)
-              ]))
-            ])
-          ]),
-          _: 2
-        }, [
-          renderList(usedSlots.value, (slotItem) => {
-            return {
-              name: slotItem,
-              fn: withCtx((slotData) => [
-                renderSlot(_ctx.$slots, slotItem, normalizeProps(guardReactiveProps(slotData)), void 0, true)
-              ])
-            };
-          })
-        ]), 1040, ["options", "columns", "loading", "show-selection", "show-actions-column", "is-server-data", "per-page-options", "external-paginate", "loader-type"]),
-        __props.disabled ? (openBlock(), createElementBlock("div", _hoisted_13)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};