golden-logic-ui 1.3.0 → 1.3.1

package/dist/components/GeneralComponents/DataTable/DatatableDeleteAction.vue.js

@@ -1,13 +1,13 @@
-import { ref as c, resolveDirective as x, createElementBlock as s, openBlock as i, Fragment as b, createVNode as k, withDirectives as u, createCommentVNode as p, createElementVNode as e, withModifiers as D, createTextVNode as _, vShow as C } from "vue";
-import A from "../DeleteConfirmationModal.vue.js";
-import M from "../../../Stores/toast.js";
+import { ref as c, resolveDirective as x, createElementBlock as d, openBlock as n, Fragment as k, createVNode as D, withDirectives as u, createCommentVNode as p, createElementVNode as e, withModifiers as _, createTextVNode as C, vShow as A } from "vue";
+import M from "../DeleteConfirmationModal.vue.js";
+import g from "../../../Stores/toast.js";
 const O = {
   key: 0,
   class: "flex lg:justify-center"
 }, j = { class: "absolute z-10 mt-5 origin-top-right bg-white divide-y divide-gray-100 rounded-lg shadow-sm w-44 dark:bg-gray-700 dark:divide-gray-600" }, B = {
   class: "py-2 text-sm text-gray-700 dark:text-gray-200",
   "aria-labelledby": "dropdownDividerButton"
-}, N = { key: 0 }, Z = {
+}, N = { key: 0 }, T = {
   __name: "DatatableDeleteAction",
   props: {
     field: {
@@ -32,37 +32,41 @@ const O = {
     }
   },
   emits: ["deleteAction"],
-  setup(t, { emit: g }) {
-    const n = t, a = c(!1), l = c(!1), m = () => {
-      a.value = !1;
-    }, f = () => {
-      a.value = !0;
-    }, d = () => {
-      l.value = !1;
+  setup(t, { emit: m }) {
+    const a = t, s = c(!1), l = c(!1), f = () => {
+      s.value = !1;
     }, y = () => {
+      s.value = !0;
+    }, i = () => {
+      l.value = !1;
+    }, h = () => {
       l.value = !0;
-    }, v = g, h = () => {
-      axios.delete(`${n.xprops.route}/${n.row.id}`).then(() => {
-        d(), v("deleteAction"), M.methods.add({
+    }, v = m, w = () => {
+      axios.delete(`${a.xprops.route}/${a.row.id}`).then(() => {
+        i(), v("deleteAction"), g.methods.add({
           message: "Item deleted successfully.",
           type: "success",
           duration: 5e3
         });
       }).catch((o) => {
-        console.log(o);
+        i(), g.methods.add({
+          message: o.response?.data?.message ?? a.language?.delete_failed ?? "That item could not be deleted.",
+          type: "error",
+          duration: 5e3
+        });
       });
     };
     return (o, r) => {
-      const w = x("click-outside");
-      return i(), s(b, null, [
-        k(A, {
+      const b = x("click-outside");
+      return n(), d(k, null, [
+        D(M, {
           isOpen: l.value,
-          onConfirmDelete: h,
-          onCancelDelete: d
+          onConfirmDelete: w,
+          onCancelDelete: i
         }, null, 8, ["isOpen"]),
-        t.row && o.can(`delete_${t.xprops.permission}`) ? u((i(), s("div", O, [
+        t.row && o.can(`delete_${t.xprops.permission}`) ? u((n(), d("div", O, [
           e("button", {
-            onClick: f,
+            onClick: y,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-hidden dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
           }, r[0] || (r[0] = [
@@ -78,27 +82,27 @@ const O = {
           ])),
           u(e("div", j, [
             e("ul", B, [
-              o.can(`delete_${t.xprops.permission}`) ? (i(), s("li", N, [
+              o.can(`delete_${t.xprops.permission}`) ? (n(), d("li", N, [
                 e("a", {
                   href: "#",
-                  onClick: D(y, ["prevent"]),
+                  onClick: _(h, ["prevent"]),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, r[1] || (r[1] = [
                   e("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1),
-                  _(" Remove")
+                  C(" Remove")
                 ]))
               ])) : p("", !0)
             ])
           ], 512), [
-            [C, a.value]
+            [A, s.value]
           ])
         ])), [
-          [w, m]
+          [b, f]
         ]) : p("", !0)
       ], 64);
     };
   }
 };
 export {
-  Z as default
+  T as default
 };

package/dist/components/GeneralComponents/DataTable/DatatableDeleteEditAction.vue.js

@@ -1,6 +1,6 @@
-import { ref as g, resolveDirective as A, createElementBlock as a, openBlock as l, Fragment as C, createVNode as $, withDirectives as p, createCommentVNode as d, createElementVNode as t, withModifiers as m, createTextVNode as f, toDisplayString as y, vShow as O } from "vue";
-import j from "../DeleteConfirmationModal.vue.js";
-import M from "../../../Stores/toast.js";
+import { ref as g, resolveDirective as C, createElementBlock as l, openBlock as i, Fragment as $, createVNode as O, withDirectives as m, createCommentVNode as c, createElementVNode as t, withModifiers as p, createTextVNode as f, toDisplayString as y, vShow as j } from "vue";
+import M from "../DeleteConfirmationModal.vue.js";
+import v from "../../../Stores/toast.js";
 const B = {
   key: 0,
   class: "flex lg:justify-center"
@@ -38,40 +38,44 @@ const B = {
     }
   },
   emits: ["deleteAction", "editAction"],
-  setup(e, { emit: v }) {
-    const i = e, s = g(!1), n = g(!1), c = () => {
+  setup(e, { emit: h }) {
+    const a = e, s = g(!1), n = g(!1), d = () => {
       n.value = !1;
-    }, h = () => {
-      n.value = !0;
     }, x = () => {
-      s.value = !1;
+      n.value = !0;
     }, k = () => {
+      s.value = !1;
+    }, w = () => {
       s.value = !0;
-    }, u = v, w = (o) => {
+    }, u = h, b = (o) => {
       u("editAction", o);
-    }, b = () => {
-      axios.delete(`${i.xprops.route}/${i.row.id}`).then(() => {
-        c(), u("deleteAction"), M.methods.add({
-          message: i.language?.item_deleted_successfully ?? "Item deleted successfully.",
+    }, D = () => {
+      axios.delete(`${a.xprops.route}/${a.row.id}`).then(() => {
+        d(), u("deleteAction"), v.methods.add({
+          message: a.language?.item_deleted_successfully ?? "Item deleted successfully.",
           type: "success",
           duration: 5e3
         });
       }).catch((o) => {
-        console.log(o);
+        d(), v.methods.add({
+          message: o.response?.data?.message ?? a.language?.delete_failed ?? "That item could not be deleted.",
+          type: "error",
+          duration: 5e3
+        });
       });
     };
     return (o, r) => {
-      const D = A("click-outside");
-      return l(), a(C, null, [
-        $(j, {
+      const A = C("click-outside");
+      return i(), l($, null, [
+        O(M, {
           language: e.language,
           isOpen: n.value,
-          onConfirmDelete: b,
-          onCancelDelete: c
+          onConfirmDelete: D,
+          onCancelDelete: d
         }, null, 8, ["language", "isOpen"]),
-        e.row && (o.can(`delete_${e.xprops.permission}`) || o.can(`access_${e.xprops.permission}`)) ? p((l(), a("div", B, [
+        e.row && (o.can(`delete_${e.xprops.permission}`) || o.can(`access_${e.xprops.permission}`)) ? m((i(), l("div", B, [
           t("button", {
-            onClick: k,
+            onClick: w,
             class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-hidden dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
             type: "button"
           }, r[1] || (r[1] = [
@@ -85,35 +89,35 @@ const B = {
               t("path", { d: "M3.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6.041a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5.959a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" })
             ], -1)
           ])),
-          p(t("div", E, [
+          m(t("div", E, [
             t("ul", N, [
-              o.can(`access_${e.xprops.permission}`) ? (l(), a("li", S, [
+              o.can(`access_${e.xprops.permission}`) ? (i(), l("li", S, [
                 t("a", {
                   href: "#",
-                  onClick: r[0] || (r[0] = m((Z) => w(e.row), ["prevent"])),
+                  onClick: r[0] || (r[0] = p((T) => b(e.row), ["prevent"])),
                   class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
                 }, [
                   r[2] || (r[2] = t("i", { class: "mr-1 fa-solid fa-pen-to-square opacity-80" }, null, -1)),
                   f(" " + y(e.language?.edit ?? "Edit"), 1)
                 ])
-              ])) : d("", !0),
-              o.can(`delete_${e.xprops.permission}`) ? (l(), a("li", V, [
+              ])) : c("", !0),
+              o.can(`delete_${e.xprops.permission}`) ? (i(), l("li", V, [
                 t("a", {
                   href: "#",
-                  onClick: m(h, ["prevent"]),
+                  onClick: p(x, ["prevent"]),
                   class: "block px-4 py-2 text-red-600 hover:text-white hover:bg-red-600 dark:text-red-500 dark:hover:text-white dark:hover:bg-red-600"
                 }, [
                   r[3] || (r[3] = t("i", { class: "mr-1 fa-solid fa-trash-can opacity-80" }, null, -1)),
                   f(" " + y(e.language?.remove ?? "Remove"), 1)
                 ])
-              ])) : d("", !0)
+              ])) : c("", !0)
             ])
           ], 512), [
-            [O, s.value]
+            [j, s.value]
           ])
         ])), [
-          [D, x]
-        ]) : d("", !0)
+          [A, k]
+        ]) : c("", !0)
       ], 64);
     };
   }

package/dist/components/GeneralComponents/GlTextInput.vue.js

@@ -1,11 +1,11 @@
-import { ref as x, onMounted as h, computed as v, createElementBlock as a, openBlock as i, Fragment as T, createCommentVNode as r, normalizeClass as m, createElementVNode as d, toDisplayString as o, withDirectives as g, vModelDynamic as y } from "vue";
-const S = {
+import { ref as x, onMounted as h, computed as v, createElementBlock as a, openBlock as i, Fragment as T, createCommentVNode as r, normalizeClass as o, createElementVNode as u, toDisplayString as m, withDirectives as g, vModelDynamic as y } from "vue";
+const w = {
   key: 0,
   class: "gl-label-form"
-}, w = { class: "mt-1 text-gray-900 dark:text-white" }, G = ["for"], V = {
+}, S = { class: "mt-1 text-gray-900 dark:text-white" }, G = ["for"], V = {
   key: 1,
   class: "flex items-center"
-}, p = ["innerHTML"], q = { class: "relative w-full" }, $ = ["minlength", "maxlength", "required", "name", "id", "type", "placeholder"], B = ["innerHTML"], M = ["minlength", "maxlength", "required", "name", "id", "type", "placeholder"], H = { class: "gl-span-form-error" }, K = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, z = {
+}, q = ["innerHTML"], $ = { class: "relative w-full" }, B = ["minlength", "maxlength", "required", "name", "id", "disabled", "type", "placeholder"], M = ["innerHTML"], p = ["minlength", "maxlength", "required", "name", "id", "disabled", "type", "placeholder"], H = { class: "gl-span-form-error" }, K = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, z = {
   __name: "GlTextInput",
   props: {
     is_required: {
@@ -67,67 +67,73 @@ const S = {
     inputGroupText: {
       type: String,
       default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "keydown", "blur-sm", "keyup", "input"],
   setup(e, { expose: f, emit: b }) {
-    const k = e, c = b, u = x(null);
+    const c = e, k = b, d = x(null);
     h(() => {
-      u.value !== null && u.value.hasAttribute("autofocus") && u.value.focus();
+      d.value !== null && d.value.hasAttribute("autofocus") && d.value.focus();
     });
     const s = v({
       get() {
-        return k.modelValue;
+        return c.modelValue;
       },
       set(n) {
-        c("update:modelValue", n);
+        k("update:modelValue", n);
       }
     });
-    return f({ focus: () => u.value.focus() }), (n, t) => (i(), a(T, null, [
+    return f({ focus: () => d.value.focus() }), (n, t) => (i(), a(T, null, [
       e.show ? (i(), a("div", {
         key: 0,
-        class: m(e.field_name)
+        class: o(e.field_name)
       }, [
-        e.label_name ? (i(), a("label", S, o(e.label_name), 1)) : r("", !0),
-        d("p", w, o(e.type == "password" ? e.modelValue.replace(/./g, "*") : e.modelValue), 1),
-        t[10] || (t[10] = d("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+        e.label_name ? (i(), a("label", w, m(e.label_name), 1)) : r("", !0),
+        u("p", S, m(e.type == "password" ? e.modelValue.replace(/./g, "*") : e.modelValue), 1),
+        t[10] || (t[10] = u("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
       ], 2)) : r("", !0),
       e.show ? r("", !0) : (i(), a("div", {
         key: 1,
-        class: m({
+        class: o({
           [e.field_name]: e.field_name && e.field_name !== "",
           [e.container_class]: e.container_class && e.container_class !== ""
         })
       }, [
         e.label_name ? (i(), a("label", {
           key: 0,
-          class: m({
+          class: o({
             "gl-label-form": e.error_message == "",
             "gl-label-form-invalid": e.error_message !== "",
             required: e.is_required
           }),
           for: e.field_name
-        }, o(e.label_name), 11, G)) : r("", !0),
+        }, m(e.label_name), 11, G)) : r("", !0),
         e.inputGroupType ? (i(), a("div", V, [
           e.inputGroupType == "prepend" ? (i(), a("label", {
             key: 0,
             innerHTML: e.inputGroupText,
             class: "h-10 z-10 inline-flex items-center shrink-0 px-4 text-sm font-medium text-center text-gray-500 bg-gray-100 border border-gray-300 dark:text-gray-400 rounded-s-lg focus:outline-hidden dark:bg-gray-700 dark:border-gray-600"
-          }, null, 8, p)) : r("", !0),
-          d("div", q, [
-            g(d("input", {
+          }, null, 8, q)) : r("", !0),
+          u("div", $, [
+            g(u("input", {
               minlength: e.minlength,
               maxlength: e.maxlength,
-              class: m(["rtl:text-right rounded-none!", {
+              class: o(["rtl:text-right rounded-none!", {
                 "gl-input-form": e.error_message == "",
                 "gl-input-form-invalid": e.error_message !== "",
                 [e.input_class]: e.input_class && e.input_class !== "",
                 "border-e-0! rounded-s-lg!": e.inputGroupType == "append",
-                "border-s-0! rounded-e-lg!": e.inputGroupType == "prepend"
+                "border-s-0! rounded-e-lg!": e.inputGroupType == "prepend",
+                "opacity-70 cursor-not-allowed bg-gray-100 dark:bg-gray-700": e.disabled
               }]),
               required: e.is_required,
               name: e.field_name,
               id: e.field_name,
+              disabled: e.disabled,
               type: e.type,
               "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
               onKeydown: t[1] || (t[1] = (l) => n.$emit("keydown", l)),
@@ -135,9 +141,9 @@ const S = {
               onBlur: t[3] || (t[3] = (l) => n.$emit("blur-sm", l)),
               onInput: t[4] || (t[4] = (l) => n.$emit("input", l)),
               ref_key: "input",
-              ref: u,
+              ref: d,
               placeholder: e.placeholder
-            }, null, 42, $), [
+            }, null, 42, B), [
               [y, s.value]
             ])
           ]),
@@ -145,20 +151,22 @@ const S = {
             key: 1,
             innerHTML: e.inputGroupText,
             class: "h-10 z-10 inline-flex items-center shrink-0 px-4 text-sm font-medium text-center text-gray-500 bg-gray-100 border border-gray-300 dark:text-gray-400 rounded-e-lg focus:outline-hidden dark:bg-gray-700 dark:border-gray-600"
-          }, null, 8, B)) : r("", !0)
+          }, null, 8, M)) : r("", !0)
         ])) : r("", !0),
         e.inputGroupType == "" ? g((i(), a("input", {
           key: 2,
           minlength: e.minlength,
           maxlength: e.maxlength,
-          class: m(["rtl:text-right", {
+          class: o(["rtl:text-right", {
             "gl-input-form": e.error_message == "",
             "gl-input-form-invalid": e.error_message !== "",
-            [e.input_class]: e.input_class && e.input_class !== ""
+            [e.input_class]: e.input_class && e.input_class !== "",
+            "opacity-70 cursor-not-allowed bg-gray-100 dark:bg-gray-700": e.disabled
           }]),
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
+          disabled: e.disabled,
           type: e.type,
           "onUpdate:modelValue": t[5] || (t[5] = (l) => s.value = l),
           onKeydown: t[6] || (t[6] = (l) => n.$emit("keydown", l)),
@@ -166,13 +174,13 @@ const S = {
           onBlur: t[8] || (t[8] = (l) => n.$emit("blur-sm", l)),
           onInput: t[9] || (t[9] = (l) => n.$emit("input", l)),
           ref_key: "input",
-          ref: u,
+          ref: d,
           placeholder: e.placeholder
-        }, null, 42, M)), [
+        }, null, 42, p)), [
           [y, s.value]
         ]) : r("", !0),
-        d("span", H, o(e.error_message), 1),
-        d("small", K, o(e.description), 1)
+        u("span", H, m(e.error_message), 1),
+        u("small", K, m(e.description), 1)
       ], 2))
     ], 64));
   }

package/package.json

@@ -3,7 +3,7 @@
   "description": "The most popular library of interactive components built with Vuejs && Tailwind CSS",
   "type": "module",
   "private": false,
-  "version": "1.3.0",
+  "version": "1.3.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"