@stsdti/funky-ui-kit 1.7.1 → 1.7.3

package/dist/funky-ui-kit.es.js

@@ -22579,12 +22579,12 @@ const resolveValue = async (value, ...args) => {
   let result = value;
   result = result instanceof Function ? result(...args) : result;
   result = result instanceof Promise ? await result : result;
-  return toValue$3(result);
+  return unref(result);
 };
 const resolveValueSync = (value, ...args) => {
   let result = value;
   result = result instanceof Function ? result(...args) : result;
-  return toValue$3(result);
+  return unref(result);
 };
 function joinList(list, path, separator = ",") {
   let localList = list || [];
@@ -85976,11 +85976,11 @@ const components = {
   AppButtonGroup: _sfc_main$1K,
   AppBoard: _sfc_main,
   AppDate,
-  // New simpler name
+  // New simpler name,
   AppDateRange: _sfc_main$1E,
-  // New simpler name
+  // New simpler name,
   DayOfWeek: _sfc_main$1I,
-  // New simpler name
+  // New simpler name,
   AppDatePicker: AppDate,
   AppDatePickerRange: _sfc_main$1E,
   AppDatePickerDayOfWeek: _sfc_main$1I,
@@ -86320,6 +86320,121 @@ function useFormOld(props2, emits) {
   }
   return externalContext;
 }
+const useTableModelTopButton = {
+  add: "action-add"
+};
+const useTableModelTableButton = {
+  edit: "action-edit",
+  view: "action-view",
+  delete: "action-delete"
+};
+function useTableModel({ props: props2, emits, tableContext, formContext = null, model, topButtonExtras }) {
+  var _a2;
+  const topButtonsList = computed(() => {
+    var _a3, _b2;
+    let topButtons = ((_b2 = (_a3 = model == null ? void 0 : model.getTable) == null ? void 0 : _a3.call(model)) == null ? void 0 : _b2.topButtonList) || [];
+    topButtons = topButtons.map((item) => {
+      let button = { ...item };
+      button = resolveButton(button);
+      return button;
+    });
+    let topButtonsDictionary = lodashExports.keyBy(topButtons, "code");
+    if (topButtonExtras) {
+      let topButtonExtrasValue = resolveValueSync(topButtonExtras);
+      for (const [key, override] of Object.entries(topButtonExtrasValue)) {
+        topButtonsDictionary[key] ? Object.assign(topButtonsDictionary[key], override) : null;
+      }
+    }
+    const parentOverrides = (tableContext == null ? void 0 : tableContext.topButtonExtras) || {};
+    for (const [key, override] of Object.entries(parentOverrides)) {
+      topButtonsDictionary[key] ? Object.assign(topButtonsDictionary[key], override) : null;
+    }
+    return Object.values(topButtonsDictionary).filter((btn) => btn.visible !== false);
+  });
+  const getButtons = (rowData) => {
+    var _a3, _b2;
+    let tableButtons = ((_b2 = (_a3 = model == null ? void 0 : model.getTable) == null ? void 0 : _a3.call(model)) == null ? void 0 : _b2.tableButtonList) || [];
+    tableButtons = tableButtons.map((item) => {
+      let button = { ...item };
+      button = resolveButton(button, rowData);
+      return button;
+    });
+    return tableButtons.filter((button) => button.visible !== false);
+  };
+  const onTopButtonClick = async (button) => {
+    var _a3;
+    if (button.code === useTableModelTopButton.add) {
+      props2.useModal ? await ((_a3 = formContext == null ? void 0 : formContext.show) == null ? void 0 : _a3.call(formContext)) : null;
+    }
+  };
+  const onTableButtonClick = async (button, row, rowIndex) => {
+    var _a3;
+    switch (button.code) {
+      case useTableModelTableButton.edit:
+      case useTableModelTableButton.view:
+        if (props2.useModal) {
+          await ((_a3 = formContext == null ? void 0 : formContext.show) == null ? void 0 : _a3.call(formContext, { id: row.id }));
+        }
+        break;
+      case useTableModelTableButton.delete:
+        await deleteRow(row.id);
+        break;
+    }
+  };
+  const resolveButton = (button, ...args) => {
+    for (let key in button) {
+      if (key === "click") {
+        continue;
+      }
+      try {
+        button[key] = resolveValueSync(button[key], ...args);
+      } catch (e2) {
+        console.error("One of your buttons sucked. Please fix it!", { button, key, e: e2 });
+      }
+    }
+    if (props2.useModal) {
+      button.route = null;
+    }
+    return button;
+  };
+  const deleteRow = async (itemId) => {
+    const result = await UIUtils.showDeleteConfirmation("Esti sigur?", "Stergerea este ireversibila!");
+    if (!result.value) {
+      return;
+    }
+    const response = await model.getRepository().delete(itemId);
+    if (ResponseUtils.isSuccess(response)) {
+      ToastUtils.showSuccess("Stergerea s-a realizat cu succes!");
+      await tableContext.fetchTable();
+    } else {
+      ToastUtils.showError("Stergerea a esuat!");
+    }
+  };
+  if (tableContext && formContext) {
+    watch([() => !lodashExports.isEmpty(formContext), () => !lodashExports.isEmpty(tableContext)], ([isFormReady, isTableReady]) => {
+      if (isFormReady && isTableReady) {
+        emits("mounted", { ...tableContext, form: formContext });
+      }
+    });
+  }
+  if (tableContext && !formContext) {
+    watch(
+      () => !lodashExports.isEmpty(tableContext),
+      (isTableReady) => {
+        if (isTableReady) {
+          emits("mounted", tableContext);
+        }
+      }
+    );
+  }
+  return {
+    topButtonsList,
+    getButtons,
+    onTopButtonClick,
+    onTableButtonClick,
+    ...((_a2 = model == null ? void 0 : model.getTable) == null ? void 0 : _a2.call(model)) || {}
+  };
+}
 const plugin = {
   install(Vue, config) {
     for (const prop in components) {
@@ -86468,6 +86583,9 @@ export {
   selectOldProps as useSelectProps,
   useTable,
   useTableFilters,
+  useTableModel,
+  useTableModelTableButton,
+  useTableModelTopButton,
   veeBinds
 };
 //# sourceMappingURL=funky-ui-kit.es.js.map