@enos5/enos-vue 0.2.1 → 0.2.2

package/dist/index.js

@@ -65,7 +65,7 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return Rl;
   },
   get EnosVue() {
-    return es;
+    return Ja;
   },
   get FormSection() {
     return Gl;
@@ -116,10 +116,10 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return pa;
   },
   get TableList() {
-    return Ma;
+    return Ia;
   },
   get TableListForm() {
-    return Za;
+    return Ya;
   },
   get TextArea() {
     return Ee;
@@ -2295,22 +2295,22 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       ])
     ]));
   }
-}, va = { class: "bg-white border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn mx-4 md:mx-0" }, ha = { class: "overflow-x-auto rounded-xl" }, xa = { class: "min-w-full divide-y divide-gray-200" }, wa = { class: "bg-gray-50" }, ka = {
+}, va = { class: "min-w-full divide-y divide-gray-200" }, ha = { class: "bg-gray-50" }, xa = {
   key: 0,
   class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
-}, Sa = { class: "bg-white divide-y divide-gray-200" }, $a = {
+}, wa = { class: "bg-white divide-y divide-gray-200" }, ka = {
   key: 0,
   class: "flex items-center"
-}, Ca = ["title"], Va = {
+}, Sa = ["title"], $a = {
   key: 0,
   class: "ml-2 inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800"
-}, _a = ["innerHTML"], Ta = { key: 3 }, Aa = {
+}, Ca = ["innerHTML"], Va = { key: 3 }, _a = {
   key: 0,
   class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
-}, Ba = {
+}, Ta = {
   key: 0,
   class: "text-center py-12"
-}, La = { class: "inline-flex items-center justify-center w-16 h-16 bg-gray-100 rounded-full mb-4" }, Ia = { class: "text-lg font-medium text-gray-900 mb-2" }, Da = { class: "text-gray-500 mb-4" }, Ma = {
+}, Aa = { class: "inline-flex items-center justify-center w-16 h-16 bg-gray-100 rounded-full mb-4" }, Ba = { class: "text-lg font-medium text-gray-900 mb-2" }, La = { class: "text-gray-500 mb-4" }, Ia = {
   __name: "TableList",
   props: {
     data: {
@@ -2350,6 +2350,10 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       type: Number,
       default: 40
     },
+    isCard: {
+      type: Boolean,
+      default: !0
+    },
     actionsLabel: {
       type: String,
       default: "Actions"
@@ -2381,10 +2385,14 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       let T = "px-6 py-4 text-sm truncate";
       return k.isSecondary || (T += " font-medium"), k.isSecondary && (T += " text-gray-600"), T;
     }, h = (k) => k.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider";
-    return (k, T) => (a(), i("div", va, [
-      o("div", ha, [
-        o("table", xa, [
-          o("thead", wa, [
+    return (k, T) => (a(), i("div", {
+      class: S(["bg-white", e.isCard ? "border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn mx-4 md:mx-0" : ""])
+    }, [
+      o("div", {
+        class: S(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
+      }, [
+        o("table", va, [
+          o("thead", ha, [
             o("tr", null, [
               (a(!0), i(q, null, W(e.columns, (m) => (a(), i(q, {
                 key: m.key
@@ -2405,10 +2413,10 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
                   class: S([h(m), { "text-right": m.align === "right" }])
                 }, V(m.label), 3))
               ], 64))), 128)),
-              k.$slots.actions ? (a(), i("th", ka, V(e.actionsLabel), 1)) : M("", !0)
+              k.$slots.actions ? (a(), i("th", xa, V(e.actionsLabel), 1)) : M("", !0)
             ])
           ]),
-          o("tbody", Sa, [
+          o("tbody", wa, [
             (a(!0), i(q, null, W(e.data, (m, L) => (a(), i("tr", {
               key: m.id,
               class: S(e.rowClasses(m, L))
@@ -2417,12 +2425,12 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
                 key: D.key,
                 class: S(_(D))
               }, [
-                D.key === "name" && !D.slot ? (a(), i("div", $a, [
+                D.key === "name" && !D.slot ? (a(), i("div", ka, [
                   o("div", {
                     class: "text-sm font-medium truncate",
                     title: v(m, D)
-                  }, V(v(m, D)), 9, Ca),
-                  b(m) ? (a(), i("span", Va, V(e.deletedLabel), 1)) : M("", !0)
+                  }, V(v(m, D)), 9, Sa),
+                  b(m) ? (a(), i("span", $a, V(e.deletedLabel), 1)) : M("", !0)
                 ])) : D.slot ? w(k.$slots, D.slot, {
                   key: 1,
                   item: m,
@@ -2431,9 +2439,9 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
                 }) : D.render ? (a(), i("div", {
                   key: 2,
                   innerHTML: D.render(m)
-                }, null, 8, _a)) : (a(), i("div", Ta, V(v(m, D)), 1))
+                }, null, 8, Ca)) : (a(), i("div", Va, V(v(m, D)), 1))
               ], 2))), 128)),
-              k.$slots.actions ? (a(), i("td", Aa, [
+              k.$slots.actions ? (a(), i("td", _a, [
                 w(k.$slots, "actions", {
                   item: m,
                   index: L
@@ -2442,13 +2450,13 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
             ], 2))), 128))
           ])
         ])
-      ]),
-      u.value ? M("", !0) : (a(), i("div", Ba, [
-        o("div", La, [
+      ], 2),
+      u.value ? M("", !0) : (a(), i("div", Ta, [
+        o("div", Aa, [
           (a(), B(Be(e.emptyState.icon), { class: "w-8 h-8 text-gray-400" }))
         ]),
-        o("h3", Ia, V(e.emptyState.title), 1),
-        o("p", Da, V(e.emptyState.description), 1),
+        o("h3", Ba, V(e.emptyState.title), 1),
+        o("p", La, V(e.emptyState.description), 1),
         e.emptyState.actionText && e.emptyState.actionUrl ? (a(), B(Ce, {
           key: 0,
           href: e.emptyState.actionUrl,
@@ -2460,24 +2468,24 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
           _: 1
         }, 8, ["href"])) : M("", !0)
       ]))
-    ]));
+    ], 2));
   }
-}, ja = { class: "relative max-w-sm" }, Oa = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, za = ["placeholder"], Ea = { class: "min-w-full divide-y divide-gray-200" }, Fa = { class: "bg-gray-50" }, Na = {
+}, Da = { class: "relative max-w-sm" }, Ma = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, ja = ["placeholder"], Oa = { class: "min-w-full divide-y divide-gray-200" }, za = { class: "bg-gray-50" }, Ea = {
   key: 0,
   class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
-}, Ua = { class: "bg-white divide-y divide-gray-200" }, Ka = {
+}, Fa = { class: "bg-white divide-y divide-gray-200" }, Na = {
   key: 2,
   class: "flex items-center"
-}, Ra = ["title"], Ha = {
+}, Ua = ["title"], Ka = {
   key: 0,
   class: "ml-2 inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-800"
-}, qa = ["innerHTML"], Pa = { key: 5 }, Wa = {
+}, Ra = ["innerHTML"], Ha = { key: 5 }, qa = {
   key: 0,
   class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
-}, Ga = { class: "flex items-center justify-end gap-2" }, Xa = {
+}, Pa = { class: "flex items-center justify-end gap-2" }, Wa = {
   key: 2,
   class: "py-12 text-center"
-}, Qa = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-gray-100" }, Ya = { class: "mb-2 text-lg font-medium text-gray-900" }, Ja = { class: "mb-4 text-gray-500" }, Za = {
+}, Ga = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-gray-100" }, Xa = { class: "mb-2 text-lg font-medium text-gray-900" }, Qa = { class: "mb-4 text-gray-500" }, Ya = {
   __name: "TableListForm",
   props: {
     data: {
@@ -2555,7 +2563,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
     },
     rowEditing: {
       type: Boolean,
-      default: !1
+      default: !0
     },
     canEditRow: {
       type: Function,
@@ -2700,8 +2708,8 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
           e.isCard ? "border-b border-gray-200 bg-gray-50/80 rounded-t-xl" : "mb-4 bg-white/80 backdrop-blur-sm"
         ])
       }, [
-        o("div", ja, [
-          o("div", Oa, [
+        o("div", Da, [
+          o("div", Ma, [
             F(I(ot), { class: "h-4 w-4 text-gray-400" })
           ]),
           ee(o("input", {
@@ -2709,7 +2717,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
             type: "text",
             placeholder: e.searchPlaceholder,
             class: "block w-full rounded-md border border-gray-200 bg-white pl-9 pr-3 py-2 text-sm text-gray-900 placeholder-gray-500 transition-colors duration-200 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
-          }, null, 8, za), [
+          }, null, 8, ja), [
             [et, f.value]
           ])
         ])
@@ -2718,8 +2726,8 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
         key: 1,
         class: S(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
       }, [
-        o("table", Ea, [
-          o("thead", Fa, [
+        o("table", Oa, [
+          o("thead", za, [
             o("tr", null, [
               (a(!0), i(q, null, W(e.columns, (c) => (a(), i(q, {
                 key: c.key
@@ -2740,10 +2748,10 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
                   class: S([U(c), { "text-right": c.align === "right" }])
                 }, V(c.label), 3))
               ], 64))), 128)),
-              k.value ? (a(), i("th", Na, V(e.actionsLabel), 1)) : M("", !0)
+              k.value ? (a(), i("th", Ea, V(e.actionsLabel), 1)) : M("", !0)
             ])
           ]),
-          o("tbody", Ua, [
+          o("tbody", Fa, [
             (a(!0), i(q, null, W(_.value, (c, A) => (a(), i("tr", {
               key: G(c, A),
               class: S(e.rowClasses(c, A))
@@ -2767,22 +2775,22 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
                   "helper-text": "",
                   "onUpdate:modelValue": (R) => Z(p.key, R, c),
                   onBlur: (R) => Z(p.key, R?.target?.value ?? _e(c, p, A), c, "blur")
-                }, null, 8, ["type", "class", "placeholder", "model-value", "disabled", "maxlength", "error-message", "onUpdate:modelValue", "onBlur"])) : p.key === "name" && !p.slot ? (a(), i("div", Ka, [
+                }, null, 8, ["type", "class", "placeholder", "model-value", "disabled", "maxlength", "error-message", "onUpdate:modelValue", "onBlur"])) : p.key === "name" && !p.slot ? (a(), i("div", Na, [
                   o("div", {
                     class: "text-sm font-medium truncate",
                     title: ae(c, p)
-                  }, V(ae(c, p)), 9, Ra),
-                  X(c) ? (a(), i("span", Ha, V(e.deletedLabel), 1)) : M("", !0)
+                  }, V(ae(c, p)), 9, Ua),
+                  X(c) ? (a(), i("span", Ka, V(e.deletedLabel), 1)) : M("", !0)
                 ])) : p.slot ? w(r.$slots, p.slot, E({
                   key: 3,
                   ref_for: !0
                 }, me(c, p, A))) : p.render ? (a(), i("div", {
                   key: 4,
                   innerHTML: p.render(c)
-                }, null, 8, qa)) : (a(), i("div", Pa, V(ae(c, p)), 1))
+                }, null, 8, Ra)) : (a(), i("div", Ha, V(ae(c, p)), 1))
               ], 2))), 128)),
-              k.value ? (a(), i("td", Wa, [
-                o("div", Ga, [
+              k.value ? (a(), i("td", qa, [
+                o("div", Pa, [
                   h.value ? w(r.$slots, "actions", E({
                     key: 0,
                     ref_for: !0
@@ -2831,12 +2839,12 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
             ], 2))), 128))
           ])
         ])
-      ], 2)) : (a(), i("div", Xa, [
-        o("div", Qa, [
+      ], 2)) : (a(), i("div", Wa, [
+        o("div", Ga, [
           (a(), B(Be(e.emptyState.icon), { class: "h-8 w-8 text-gray-400" }))
         ]),
-        o("h3", Ya, V(e.emptyState.title), 1),
-        o("p", Ja, V(e.emptyState.description), 1),
+        o("h3", Xa, V(e.emptyState.title), 1),
+        o("p", Qa, V(e.emptyState.description), 1),
         e.emptyState.actionText && e.emptyState.actionUrl ? (a(), B(Ce, {
           key: 0,
           href: e.emptyState.actionUrl,
@@ -2850,7 +2858,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       ]))
     ], 2));
   }
-}, es = {
+}, Ja = {
   install(e) {
     for (const [s, t] of Object.entries(ut))
       s !== "EnosVue" && e.component(s, t);
@@ -2877,7 +2885,7 @@ export {
   we as Divider,
   Nl as Dropdown,
   Rl as DropdownLink,
-  es as EnosVue,
+  Ja as EnosVue,
   Gl as FormSection,
   Ke as ImageInput,
   Ql as InputError,
@@ -2894,8 +2902,8 @@ export {
   Se as SectionTitle,
   Ne as SelectInput,
   pa as SortControls,
-  Ma as TableList,
-  Za as TableListForm,
+  Ia as TableList,
+  Ya as TableListForm,
   Ee as TextArea,
   ze as TextInput,
   Ve as ThSortable

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enos5/enos-vue",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "files": [
     "dist"