@fewangsit/wangsvue-fats 1.0.1-alpha.62 → 1.0.1-alpha.64

package/buttonselecttree/index.d.ts

@@ -4,7 +4,7 @@ import { TreeNode } from '../basetree';
 import { QueryParams, ShortFetchResponse } from '../datatable';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
-export type KeysModelValue = number[] | undefined;
+export type KeysModelValue = string[] | number[] | undefined;
 export type NodeModelValue =
   | number
   | TreeNode
@@ -87,16 +87,16 @@ export interface ButtonSelectTreeProps {
   /**
    * A list of node keys that should be disabled along with their children.
    */
-  disableKeys?: number[];
+  disableKeys?: string[] | number[];
   /**
    * A list of node keys that should be disabled, affecting only the specified nodes and not their children.
    */
-  exactDisableKeys?: number[];
+  exactDisableKeys?: string[] | number[];
   /**
    * Disable the Select button
    */
   disabled?: boolean;
-  exactDisableKey?: number;
+  exactDisableKey?: string | number;
   /**
    * Disable node 'All' selection
    */
@@ -155,7 +155,7 @@ export interface ButtonSelectTreeProps {
   /**
    * Defines the group tree to disable excluded keys
    */
-  excludedKeys?: number[];
+  excludedKeys?: string[];
   /**
    * Define wether single selection can be edited or readonly
    * @default true

package/buttonselecttree/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, onMounted as L, reactive as W, ref as d, computed as c, watch as T, createElementBlock as A, openBlock as i, Fragment as F, createVNode as u, createBlock as p, mergeProps as z, withCtx as y, createCommentVNode as M, normalizeStyle as Y, normalizeClass as j, createSlots as J, renderSlot as P, nextTick as U } from "vue";
+import { defineComponent as G, onMounted as L, reactive as W, ref as d, computed as c, watch as A, createElementBlock as M, openBlock as i, Fragment as F, createVNode as u, createBlock as p, mergeProps as z, withCtx as y, createCommentVNode as N, normalizeStyle as Y, normalizeClass as j, createSlots as J, renderSlot as P, nextTick as U } from "vue";
 import { u as q } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { _ as Q } from "../badge/index.es.js";
 import { _ as h } from "../button/index.es.js";
@@ -97,8 +97,8 @@ const le = {
           v.value = o, s.value = g(v.value, l.fieldDataKey);
         else {
           const H = r == null ? void 0 : r.filter((I) => {
-            var N;
-            return !((N = l.excludedKeys) != null && N.includes(Number(I.key)));
+            var T;
+            return !((T = l.excludedKeys) != null && T.includes(I.key));
           });
           s.value = g(H, l.fieldDataKey) ?? [];
         }
@@ -109,18 +109,18 @@ const le = {
     }, S = () => {
       m.value = !0, b.value = !1, f("dialogShown");
     };
-    return T(
+    return A(
       () => l.value,
       (e) => {
         s.value = e;
       }
-    ), T(
+    ), A(
       () => l.selectedNode,
       (e) => {
         l.selectionMode === "single" && (n.value = e);
       },
       { immediate: !0 }
-    ), (e, a) => (i(), A(F, null, [
+    ), (e, a) => (i(), M(F, null, [
       u(Z, z(e.$attrs, {
         info: e.fieldInfo,
         label: l.fieldLabel,
@@ -128,7 +128,7 @@ const le = {
         "show-optional-text": e.$attrs["show-optional-text"] != !1
       }), {
         default: y(() => [
-          n.value ? (i(), A("span", le, [
+          n.value ? (i(), M("span", le, [
             u(Q, {
               label: n.value.name,
               format: "nowrap"
@@ -147,7 +147,7 @@ const le = {
                 })
               ]),
               _: 1
-            })) : M("", !0),
+            })) : N("", !0),
             e.singleResetable ? (i(), p(h, {
               key: 1,
               onClick: O,
@@ -162,7 +162,7 @@ const le = {
                 })
               ]),
               _: 1
-            })) : M("", !0)
+            })) : N("", !0)
           ])) : (i(), p(h, {
             key: 1,
             class: j({ "!w-full": !l.width }),

package/datatable/index.d.ts

@@ -253,7 +253,7 @@ export interface CombinedHeaders {
 export interface TableParentHeader
   extends Pick<
     TableColumn,
-    'header' | 'info' | 'infoSeverity' | 'headerClass'
+    'header' | 'info' | 'infoSeverity' | 'headerClass' | 'sortable'
   > {
   /**
    * Field is used as the header's key, parent headers with

package/dialogselecttree/index.d.ts

@@ -33,7 +33,7 @@ export interface DialogSelectTreeProps
   /**
    * The previously selected tree key to be displayed again.
    */
-  keys?: number[];
+  keys?: string[] | number[];
   /**
    * The lists to be displayed in the dialog.
    */
@@ -50,15 +50,15 @@ export interface DialogSelectTreeProps
   /**
    * @deprecated
    */
-  exactDisableKey?: number;
+  exactDisableKey?: string | number;
   /**
    * A list of node keys that should be disabled along with their children.
    */
-  disableKeys?: number[];
+  disableKeys?: string[] | number[];
   /**
    * A list of node keys that should be disabled, affecting only the specified nodes and not their children.
    */
-  exactDisableKeys?: number[];
+  exactDisableKeys?: string[] | number[];
 
   /**
    * A function to determine when the node should be disabled,
@@ -83,12 +83,18 @@ export interface DialogSelectTreeProps
   /**
    * Defines the group tree to disable excluded keys
    */
-  excludedKeys?: number[];
+  excludedKeys?: string[] | number[];
   /**
    * Render hidden dialog to trigger fetch tree
    */
   hidden?: boolean;
 
+  /**
+   * Determines whether the selection state of a node should propagate
+   * both upward to its parent node and downward to its child nodes.
+   *
+   * @default true
+   */
   propagateSelection?: boolean;
 }
 

package/dialogselecttree/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, mergeModels as T, useModel as P, inject as U, ref as o, computed as W, watch as b, createBlock as N, openBlock as d, unref as v, createSlots as O, withCtx as g, createVNode as B, mergeProps as z, renderSlot as D, createElementVNode as K, createElementBlock as k, createCommentVNode as h, normalizeClass as V, toDisplayString as L, Fragment as I, renderList as Y, withDirectives as q, vShow as J } from "vue";
+import { defineComponent as G, mergeModels as T, useModel as P, inject as U, ref as o, computed as W, watch as b, createBlock as N, openBlock as d, unref as f, createSlots as O, withCtx as g, createVNode as B, mergeProps as z, renderSlot as D, createElementVNode as K, createElementBlock as k, createCommentVNode as h, normalizeClass as V, toDisplayString as L, Fragment as I, renderList as Y, withDirectives as q, vShow as J } from "vue";
 import { g as Q } from "../utils/object.util.es.js";
 import { _ as j } from "../button/index.es.js";
 import { _ as R } from "../dialog/index.es.js";
@@ -40,7 +40,7 @@ const ee = {
     flattenDisposableNode: { type: Boolean },
     excludedKeys: {},
     hidden: { type: Boolean },
-    propagateSelection: { type: Boolean },
+    propagateSelection: { type: Boolean, default: !0 },
     selectedKeys: {},
     selectedTreeNodes: {},
     useOption: { type: Boolean },
@@ -78,7 +78,7 @@ const ee = {
   }),
   emits: /* @__PURE__ */ T(["select", "hide"], ["update:visible"]),
   setup($, { expose: A, emit: x }) {
-    const s = $, C = x, n = P($, "visible"), f = U("preset", {}).dialog, r = o(), p = o(""), y = o(""), m = o([]), c = o(), S = o(), E = o(!1), u = o(), w = o(), H = W(() => s.header ? s.header : s.type === "group" ? "Select Group" : "Select Category"), M = (e = !0) => {
+    const s = $, C = x, n = P($, "visible"), v = U("preset", {}).dialog, r = o(), p = o(""), y = o(""), m = o([]), c = o(), S = o(), E = o(!1), u = o(), w = o(), H = W(() => s.header ? s.header : s.type === "group" ? "Select Group" : "Select Category"), M = (e = !0) => {
       c.value = u.value, S.value = w.value, Object.keys(c.value ?? {}).length ? (C("select", {
         keys: c.value,
         selectedNodes: m.value,
@@ -115,7 +115,7 @@ const ee = {
       pt: {
         root: {
           class: [
-            ...v(f).root({ state: {} }).class,
+            ...f(v).root({ state: {} }).class,
             "!w-[400px]",
             { "!hidden": e.hidden }
           ]
@@ -128,7 +128,7 @@ const ee = {
         },
         content: {
           class: [
-            ...v(f).content({ state: {}, instance: {} }).class,
+            ...f(v).content({ state: {}, instance: {} }).class,
             "pr-1.5 focus-visible:outline-none"
           ]
         },
@@ -161,17 +161,17 @@ const ee = {
             return [
               K("div", ee, [
                 K("h3", {
-                  class: V([...v(f).title.class, "!leading-6"])
+                  class: V([...f(v).title.class, "!leading-6"])
                 }, L(H.value), 3),
                 e.lists ? (d(), k("ul", le, [
                   (d(!0), k(I, null, Y(e.lists, (i, F) => (d(), k("li", {
                     key: F,
                     class: "text-xs leading-[16.39px] tracking-[0.02em] font-medium text-general-800 list-disc ps-[6px]"
-                  }, L(e.listLabel && typeof i != "string" ? v(Q)(i, e.listLabel) : i), 1))), 128))
+                  }, L(e.listLabel && typeof i != "string" ? f(Q)(i, e.listLabel) : i), 1))), 128))
                 ])) : h("", !0),
                 e.subHeader ? (d(), k("h4", {
                   key: 1,
-                  class: V([...v(f).title.class, "!leading-6 text-sm"])
+                  class: V([...f(v).title.class, "!leading-6 text-sm"])
                 }, L(e.subHeader), 3)) : h("", !0),
                 (a = r.value) != null && a.isLoading ? h("", !0) : (d(), N(Z, {
                   key: 2,

package/filtercontainer/index.d.ts

@@ -54,13 +54,13 @@ type BaseSelectField<OptionsQueryParams extends QueryParams> = {
 
 export interface MultiSelectFilterField<OptionsQueryParams extends QueryParams>
   extends BaseSelectField<OptionsQueryParams>,
-    MultiSelectProps {
+    Omit<MultiSelectProps, 'fieldName' | 'options'> {
   type: 'multiselect';
 }
 
 export interface DropdownFilterField<OptionsQueryParams extends QueryParams>
   extends BaseSelectField<OptionsQueryParams>,
-    DropdownProps {
+    Omit<DropdownProps, 'fieldName' | 'options'> {
   type: 'dropdown';
 }
 

package/hardwaresync/index.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as G, onMounted as K, shallowRef as u, computed as d, ref as X, watch as ee, createBlock as g, openBlock as m, createSlots as ae, withCtx as E, createCommentVNode as b, createVNode as R, createElementVNode as V, normalizeClass as M, createElementBlock as ne, Fragment as te, toDisplayString as se } from "vue";
+import { defineComponent as G, onMounted as K, shallowRef as u, computed as m, ref as X, watch as ee, createBlock as g, openBlock as p, createSlots as ae, withCtx as E, createCommentVNode as b, createVNode as C, createElementVNode as V, normalizeClass as M, createElementBlock as ne, Fragment as te, toDisplayString as se } from "vue";
 import { u as le } from "../utils/baseToast.util.es.js";
 import { u as oe, W as re, g as ie } from "../buttonscan/index.es.js";
-import { _ } from "../button/index.es.js";
+import { _ as R } from "../button/index.es.js";
 import { _ as ce } from "../dialog/index.es.js";
 import { _ as $ } from "../dropdown/index.es.js";
 import { _ as ue } from "../icon/index.es.js";
-import { _ as ve } from "../inlinemessage/index.es.js";
+import { _ as de } from "../inlinemessage/index.es.js";
 const De = /* @__PURE__ */ G({
   __name: "HardwareSync",
   props: {
@@ -22,7 +22,7 @@ const De = /* @__PURE__ */ G({
       O();
     });
     const {
-      device: C,
+      device: _,
       devices: I,
       saveDevices: U,
       setDevice: Q,
@@ -30,37 +30,37 @@ const De = /* @__PURE__ */ G({
     } = oe(), i = {
       label: "None",
       device: void 0
-    }, v = u(!1), l = u(i), r = u(i), T = (n) => {
-      var e, a;
-      if ((e = I.value) != null && e.length) {
-        const s = (a = I.value) == null ? void 0 : a.filter((t) => t[n]).map((t) => ({
+    }, d = u(!1), l = u(i), r = u(i), T = (n) => {
+      var a, e;
+      if ((a = I.value) != null && a.length) {
+        const s = (e = I.value) == null ? void 0 : e.filter((t) => t[n]).map((t) => ({
           label: `${t.name ?? t.jenisDevice + " - " + t.serialNumber}`,
           device: t
         }));
         return s.length ? s : [];
       }
       return l.value = i, r.value = i, [];
-    }, p = d(() => T("rfidScan")), f = d(() => T("qrScan")), w = d(
+    }, f = m(() => T("rfidScan")), y = m(() => T("qrScan")), w = m(
       () => o.errorCode === "NOT_SUPPORTED_SYSTEM"
-    ), H = d(() => o.searchBy === "RFID" && l.value.device), Y = d(() => o.searchBy === "QR" && r.value.device), D = d(() => !!o.searchBy && o.errorCode !== "HARDWARE_NOT_SYNCHRONIZED"), B = async (n) => {
+    ), H = m(() => o.searchBy === "RFID" && l.value.device), Y = m(() => o.searchBy === "QR" && r.value.device), D = m(() => !!o.searchBy && o.errorCode !== "HARDWARE_NOT_SYNCHRONIZED"), B = async (n) => {
       try {
         U(n);
-        const e = p.value.some(
+        const a = f.value.some(
           (s) => {
-            var t, y, S;
-            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (y = l.value) == null ? void 0 : y.device) == null ? void 0 : S.serialNumber);
+            var t, v, S;
+            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (v = l.value) == null ? void 0 : v.device) == null ? void 0 : S.serialNumber);
           }
-        ), a = f.value.some(
+        ), e = y.value.some(
           (s) => {
-            var t, y, S;
-            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (y = r.value) == null ? void 0 : y.device) == null ? void 0 : S.serialNumber);
+            var t, v, S;
+            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (v = r.value) == null ? void 0 : v.device) == null ? void 0 : S.serialNumber);
           }
         );
-        l.value = e ? l.value : p.value[0] ?? i, r.value = a ? r.value : f.value[0] ?? i, N();
-      } catch (e) {
-        c.value = h(ie(e));
+        l.value = a ? l.value : f.value[0] ?? i, r.value = e ? r.value : y.value[0] ?? i, N();
+      } catch (a) {
+        c.value = h(ie(a));
       } finally {
-        v.value = !1;
+        d.value = !1;
       }
     }, c = X(), j = u({
       title: "The detected OS is not compatible",
@@ -98,25 +98,26 @@ const De = /* @__PURE__ */ G({
         QR: r.value.device
       });
     }, O = () => {
-      z(), C.value.RFID ? l.value = {
-        label: C.value.RFID.name,
-        device: C.value.RFID
-      } : p.value.length && (l.value = p.value[0] ?? i), f.value.length && (r.value = f.value[0] ?? i), N();
+      z(), _.value.RFID ? l.value = {
+        label: _.value.RFID.name,
+        device: _.value.RFID
+      } : f.value.length && (l.value = f.value[0] ?? i), y.value.length && (r.value = y.value[0] ?? i), N();
     }, F = () => {
       k("update:visible", !1), k("scan");
     }, Z = () => {
-      var n;
-      v.value = !0, c.value = void 0, window.scannerWorker.onmessage = ({ data: e }) => {
-        var a;
+      var n, a;
+      d.value = !0, c.value = void 0, window.scannerWorker.onmessage = ({ data: e }) => {
+        var s;
         if (e.status === "synced") {
-          const s = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.deviceList) ?? [];
-          B(s);
-          const { error: t } = (e == null ? void 0 : e.data) ?? {};
-          t === "Driver not connected to server" ? (v.value = !1, c.value = h("DRIVER_NOT_FOUND")) : s.length || (v.value = !1, c.value = h("DEVICE_NOT_CONNECTED"));
-        } else e.status === "error_sync" && (v.value = !1, B([]), P.add({ message: "Failed to connecting scanner", severity: "error" }));
+          const t = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.deviceList) ?? [];
+          B(t);
+          const { error: v } = (e == null ? void 0 : e.data) ?? {};
+          v === "Driver not connected to server" ? (d.value = !1, c.value = h("DRIVER_NOT_FOUND")) : t.length || (d.value = !1, c.value = h("DEVICE_NOT_CONNECTED"));
+        } else e.status === "error_sync" && (d.value = !1, B([]), P.add({ message: "Failed to connecting scanner", severity: "error" }));
       }, window.scannerWorker.postMessage({
         command: "sync",
-        userId: (n = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : n._id
+        userId: (n = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : n._id,
+        companyCode: (a = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : a.companyCode
       });
     }, q = () => {
       window.scannerWorker ?? (window.scannerWorker = new re());
@@ -124,9 +125,9 @@ const De = /* @__PURE__ */ G({
     return ee(
       () => o.visible,
       (n) => {
-        n && (q(), c.value = h(), O(), v.value = !1);
+        n && (q(), c.value = h(), O(), d.value = !1);
       }
-    ), (n, e) => (m(), g(ce, {
+    ), (n, a) => (p(), g(ce, {
       closable: !D.value,
       "header-class": [
         {
@@ -134,7 +135,7 @@ const De = /* @__PURE__ */ G({
         }
       ],
       visible: n.visible,
-      "onUpdate:visible": e[3] || (e[3] = (a) => n.$emit("update:visible", a)),
+      "onUpdate:visible": a[3] || (a[3] = (e) => n.$emit("update:visible", e)),
       class: "w-[400px]",
       "content-class": "!overflow-y-visible",
       "footer-class": "!gap-1",
@@ -142,21 +143,21 @@ const De = /* @__PURE__ */ G({
       modal: ""
     }, ae({
       footer: E(() => [
-        D.value ? (m(), g(_, {
+        D.value ? (p(), g(R, {
           key: 0,
-          onClick: e[2] || (e[2] = (a) => n.$emit("update:visible", !1)),
+          onClick: a[2] || (a[2] = (e) => n.$emit("update:visible", !1)),
           label: "Close",
           severity: "secondary",
           text: ""
         })) : b("", !0),
-        w.value ? b("", !0) : (m(), ne(te, { key: 1 }, [
-          H.value && !o.withoutScanBtn ? (m(), g(_, {
+        w.value ? b("", !0) : (p(), ne(te, { key: 1 }, [
+          H.value && !o.withoutScanBtn ? (p(), g(R, {
             key: 0,
             onClick: F,
             icon: "rfid",
             label: "Scan RFID"
           })) : b("", !0),
-          Y.value && !o.withoutScanBtn ? (m(), g(_, {
+          Y.value && !o.withoutScanBtn ? (p(), g(R, {
             key: 1,
             onClick: F,
             icon: "qr",
@@ -165,7 +166,7 @@ const De = /* @__PURE__ */ G({
         ], 64))
       ]),
       default: E(() => [
-        c.value ? (m(), g(ve, {
+        c.value ? (p(), g(de, {
           key: 0,
           class: M(["p-[9.52px] transition"]),
           message: c.value.detail,
@@ -175,9 +176,9 @@ const De = /* @__PURE__ */ G({
           "message-wrapper-class": "text-[11px] leading-[14px] tracking-[0.02em]",
           severity: "danger"
         }, null, 8, ["message", "title"])) : b("", !0),
-        R(_, {
+        C(R, {
           disabled: w.value,
-          loading: v.value,
+          loading: d.value,
           onClick: Z,
           icon: "refresh",
           label: "Sync",
@@ -191,23 +192,23 @@ const De = /* @__PURE__ */ G({
           ]),
           "data-ts-section": "scanner-list"
         }, [
-          R($, {
+          C($, {
             modelValue: l.value,
             "onUpdate:modelValue": [
-              e[0] || (e[0] = (a) => l.value = a),
+              a[0] || (a[0] = (e) => l.value = e),
               N
             ],
-            options: p.value,
+            options: f.value,
             label: "RFID Scanner",
             "option-label": "label"
           }, null, 8, ["modelValue", "options"]),
-          R($, {
+          C($, {
             modelValue: r.value,
             "onUpdate:modelValue": [
-              e[1] || (e[1] = (a) => r.value = a),
+              a[1] || (a[1] = (e) => r.value = e),
               N
             ],
-            options: f.value,
+            options: y.value,
             label: "QR Scanner",
             "option-label": "label"
           }, null, 8, ["modelValue", "options"])
@@ -218,10 +219,10 @@ const De = /* @__PURE__ */ G({
       D.value ? {
         name: "header",
         fn: E(() => {
-          var a;
+          var e;
           return [
-            R(ue, {
-              icon: (a = n.searchBy) == null ? void 0 : a.toLowerCase()
+            C(ue, {
+              icon: (e = n.searchBy) == null ? void 0 : e.toLowerCase()
             }, null, 8, ["icon"]),
             V("h3", null, "Scan " + se(n.searchBy), 1)
           ];

package/icon/index.d.ts

@@ -27,6 +27,7 @@ export type WangsIcons =
   | 'arrow-right-circle-line'
   | 'arrow-right-double'
   | 'arrow-right-fill'
+  | 'apps-2-line'
   | 'asset-view'
   | 'asset'
   | 'assignment'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.1-alpha.62",
+  "version": "1.0.1-alpha.64",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",