tsv2-library 1.0.61-alpha.115 → 1.0.61-alpha.116

package/dist/src/components/v2/CustomColumn/CustomColumn.vue.d.ts

@@ -2,6 +2,8 @@ import { ClassComponent } from '../ts-helpers';
 
 export interface CustomColumnProps {
   tableId: string;
+  tableKey: string;
+  tableName: string;
   tableData: Data[] | undefined;
   defaultColumns: TableColumn[];
   visibleColumns: TableColumn[];

package/dist/tsv2-library.es.js

@@ -27270,13 +27270,13 @@ const _hoisted_1$29 = { class: "w-full flex items-center justify-between pr-4" }
 const _hoisted_2$1H = { class: "flex gap-3 items-center" };
 const _hoisted_3$K = /* @__PURE__ */ createElementVNode("span", { class: "text-sm font-bold" }, "Transfer Log", -1);
 const _hoisted_4$x = { class: "flex gap-1 items-center" };
-const _hoisted_5$q = { class: "text-xs font-medium" };
-const _hoisted_6$l = { class: "flex items-center gap-2" };
-const _hoisted_7$h = {
+const _hoisted_5$p = { class: "text-xs font-medium" };
+const _hoisted_6$k = { class: "flex items-center gap-2" };
+const _hoisted_7$g = {
   key: 0,
   class: "flex flex-col gap-3 dark:text-general-100"
 };
-const _hoisted_8$d = { class: "flex justify-between items-center" };
+const _hoisted_8$c = { class: "flex justify-between items-center" };
 const _hoisted_9$9 = { class: "flex items-center gap-1" };
 const _hoisted_10$9 = { class: "flex items-center gap-0.5" };
 const _hoisted_11$9 = /* @__PURE__ */ createElementVNode("span", null, "Origin:", -1);
@@ -27464,13 +27464,13 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_2$1H, [
                 _hoisted_3$K,
                 createElementVNode("div", _hoisted_4$x, [
-                  createElementVNode("span", _hoisted_5$q, toDisplayString$1(((_a = detail.value) == null ? void 0 : _a.transactionId) ?? "-"), 1),
+                  createElementVNode("span", _hoisted_5$p, toDisplayString$1(((_a = detail.value) == null ? void 0 : _a.transactionId) ?? "-"), 1),
                   createVNode(unref(_sfc_main$1o), {
                     text: ((_b = detail.value) == null ? void 0 : _b.transactionId) ?? ""
                   }, null, 8, ["text"])
                 ])
               ]),
-              createElementVNode("div", _hoisted_6$l, [
+              createElementVNode("div", _hoisted_6$k, [
                 createVNode(unref(_sfc_main$1x), {
                   disabled: isFirst.value,
                   onClick: _cache[0] || (_cache[0] = ($event) => navigateData("prev")),
@@ -27492,13 +27492,13 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
         default: withCtx(() => {
           var _a, _b;
           return [
-            detail.value ? (openBlock(), createElementBlock("div", _hoisted_7$h, [
+            detail.value ? (openBlock(), createElementBlock("div", _hoisted_7$g, [
               (openBlock(), createBlock(unref(_sfc_main$1C), {
                 id: detail.value.asset,
                 key: detail.value.asset,
                 fields: ["brand", "model"]
               }, null, 8, ["id"])),
-              createElementVNode("div", _hoisted_8$d, [
+              createElementVNode("div", _hoisted_8$c, [
                 createElementVNode("div", _hoisted_9$9, [
                   createElementVNode("div", _hoisted_10$9, [
                     _hoisted_11$9,
@@ -27600,10 +27600,10 @@ const _hoisted_1$28 = { class: "w-full flex items-center justify-between" };
 const _hoisted_2$1G = /* @__PURE__ */ createElementVNode("h1", { class: "text-sm font-bold" }, "Damage Log", -1);
 const _hoisted_3$J = { class: "flex items-center gap-2" };
 const _hoisted_4$w = ["disabled"];
-const _hoisted_5$p = ["disabled"];
-const _hoisted_6$k = { class: "flex items-start gap-[18px]" };
-const _hoisted_7$g = { class: "flex flex-col w-full" };
-const _hoisted_8$c = { class: "w-full flex items-center justify-between" };
+const _hoisted_5$o = ["disabled"];
+const _hoisted_6$j = { class: "flex items-start gap-[18px]" };
+const _hoisted_7$f = { class: "flex flex-col w-full" };
+const _hoisted_8$b = { class: "w-full flex items-center justify-between" };
 const _hoisted_9$8 = { class: "text-sm font-bold" };
 const _hoisted_10$8 = { class: "flex items-center gap-[6px]" };
 const _hoisted_11$8 = /* @__PURE__ */ createElementVNode("div", { class: "w-[6px] h-[6px] bg-general-100 rounded" }, null, -1);
@@ -27790,20 +27790,20 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
                 disabled: currentIdIndex.value === ids.value.length - 1 || ids.value.length === 1,
                 onClick: increaseIndex,
                 "data-ts-section": "next-button"
-              }, " Next> ", 10, _hoisted_5$p)
+              }, " Next> ", 10, _hoisted_5$o)
             ])
           ])
         ]),
         default: withCtx(() => {
           var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t2, _u, _v;
           return [
-            createElementVNode("div", _hoisted_6$k, [
+            createElementVNode("div", _hoisted_6$j, [
               createVNode(unref(_sfc_main$_), {
                 thumbnail: (_b = (_a = damageDetail.value) == null ? void 0 : _a.request) == null ? void 0 : _b.assetImageMedium,
                 class: "w-[125px] h-[125px]"
               }, null, 8, ["thumbnail"]),
-              createElementVNode("div", _hoisted_7$g, [
-                createElementVNode("div", _hoisted_8$c, [
+              createElementVNode("div", _hoisted_7$f, [
+                createElementVNode("div", _hoisted_8$b, [
                   createElementVNode("p", _hoisted_9$8, toDisplayString$1((_e = (_d = (_c = damageDetail.value) == null ? void 0 : _c.request) == null ? void 0 : _d.assetName) == null ? void 0 : _e.nameWithSequence), 1),
                   createElementVNode("button", {
                     onClick: navigateToDetail,
@@ -27919,10 +27919,10 @@ const _hoisted_1$27 = { class: "w-full flex items-center justify-between" };
 const _hoisted_2$1F = /* @__PURE__ */ createElementVNode("h1", { class: "text-sm font-bold" }, "Missing Log", -1);
 const _hoisted_3$I = { class: "flex items-center gap-2" };
 const _hoisted_4$v = ["disabled"];
-const _hoisted_5$o = ["disabled"];
-const _hoisted_6$j = { class: "flex items-start gap-[18px]" };
-const _hoisted_7$f = { class: "flex flex-col w-full" };
-const _hoisted_8$b = { class: "w-full flex items-center justify-between" };
+const _hoisted_5$n = ["disabled"];
+const _hoisted_6$i = { class: "flex items-start gap-[18px]" };
+const _hoisted_7$e = { class: "flex flex-col w-full" };
+const _hoisted_8$a = { class: "w-full flex items-center justify-between" };
 const _hoisted_9$7 = { class: "text-sm font-bold" };
 const _hoisted_10$7 = { class: "flex items-center gap-[6px]" };
 const _hoisted_11$7 = /* @__PURE__ */ createElementVNode("div", { class: "w-[6px] h-[6px] bg-general-100 rounded" }, null, -1);
@@ -28099,20 +28099,20 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
                 disabled: currentIdIndex.value === ids.value.length - 1 || ids.value.length === 1,
                 onClick: increaseIndex,
                 "data-ts-section": "next-button"
-              }, " Next> ", 10, _hoisted_5$o)
+              }, " Next> ", 10, _hoisted_5$n)
             ])
           ])
         ]),
         default: withCtx(() => {
           var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t2, _u, _v;
           return [
-            createElementVNode("div", _hoisted_6$j, [
+            createElementVNode("div", _hoisted_6$i, [
               createVNode(unref(_sfc_main$_), {
                 thumbnail: (_b = (_a = missingDetail.value) == null ? void 0 : _a.request) == null ? void 0 : _b.assetImageMedium,
                 class: "w-[125px] h-[125px]"
               }, null, 8, ["thumbnail"]),
-              createElementVNode("div", _hoisted_7$f, [
-                createElementVNode("div", _hoisted_8$b, [
+              createElementVNode("div", _hoisted_7$e, [
+                createElementVNode("div", _hoisted_8$a, [
                   createElementVNode("p", _hoisted_9$7, toDisplayString$1((_e = (_d = (_c = missingDetail.value) == null ? void 0 : _c.request) == null ? void 0 : _d.assetName) == null ? void 0 : _e.nameWithSequence), 1),
                   createElementVNode("button", {
                     onClick: navigateToDetail,
@@ -28182,10 +28182,10 @@ const _hoisted_1$26 = { class: "flex justify-between gap-[18px] dark:text-genera
 const _hoisted_2$1E = { class: "w-full flex flex-col gap-[6px]" };
 const _hoisted_3$H = { class: "" };
 const _hoisted_4$u = { class: "flex justify-between" };
-const _hoisted_5$n = { class: "text-[16px] font-bold leading-[19.12px]" };
-const _hoisted_6$i = ["href"];
-const _hoisted_7$e = { class: "flex items-center gap-[6px]" };
-const _hoisted_8$a = { class: "text-general-400 leading-[16.39px]" };
+const _hoisted_5$m = { class: "text-[16px] font-bold leading-[19.12px]" };
+const _hoisted_6$h = ["href"];
+const _hoisted_7$d = { class: "flex items-center gap-[6px]" };
+const _hoisted_8$9 = { class: "text-general-400 leading-[16.39px]" };
 const _hoisted_9$6 = /* @__PURE__ */ createElementVNode("div", { class: "w-[6px] h-[6px] rounded-full bg-general-100" }, null, -1);
 const _hoisted_10$6 = { class: "flex flex-col gap-1" };
 const _hoisted_11$6 = {
@@ -28342,16 +28342,16 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$1E, [
           createElementVNode("div", _hoisted_3$H, [
             createElementVNode("div", _hoisted_4$u, [
-              createElementVNode("div", _hoisted_5$n, toDisplayString$1(nameWithSequence.value), 1),
+              createElementVNode("div", _hoisted_5$m, toDisplayString$1(nameWithSequence.value), 1),
               unref(hasAccessToAssetDetail)() ? (openBlock(), createElementBlock("a", {
                 key: 0,
                 href: `/assets/detail/${((_a = asset.value) == null ? void 0 : _a.asset) ?? ((_b = asset.value) == null ? void 0 : _b._id)}`,
                 class: "text-primary-500",
                 target: "_blank"
-              }, " Asset Detail > ", 8, _hoisted_6$i)) : createCommentVNode("", true)
+              }, " Asset Detail > ", 8, _hoisted_6$h)) : createCommentVNode("", true)
             ]),
-            createElementVNode("div", _hoisted_7$e, [
-              createElementVNode("span", _hoisted_8$a, toDisplayString$1(assetId.value) + " " + toDisplayString$1(aliasCode.value), 1),
+            createElementVNode("div", _hoisted_7$d, [
+              createElementVNode("span", _hoisted_8$9, toDisplayString$1(assetId.value) + " " + toDisplayString$1(aliasCode.value), 1),
               _hoisted_9$6,
               createVNode(unref(TSTagType), {
                 qr: (_c = assetTagType.value) == null ? void 0 : _c.includes("QR"),
@@ -35375,9 +35375,9 @@ var _hoisted_1$1I = ["id"];
 var _hoisted_2$1i = ["id", "value", "placeholder", "tabindex", "disabled", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-invalid"];
 var _hoisted_3$A = ["id", "tabindex", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-disabled"];
 var _hoisted_4$q = ["value", "placeholder", "aria-owns", "aria-activedescendant"];
-var _hoisted_5$m = ["id", "aria-label"];
-var _hoisted_6$h = ["id"];
-var _hoisted_7$d = ["id", "aria-label", "aria-selected", "aria-disabled", "aria-setsize", "aria-posinset", "onClick", "onMousemove", "data-p-highlight", "data-p-focused", "data-p-disabled"];
+var _hoisted_5$l = ["id", "aria-label"];
+var _hoisted_6$g = ["id"];
+var _hoisted_7$c = ["id", "aria-label", "aria-selected", "aria-disabled", "aria-setsize", "aria-posinset", "onClick", "onMousemove", "data-p-highlight", "data-p-focused", "data-p-disabled"];
 function render$R(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_SpinnerIcon = resolveComponent("SpinnerIcon");
   var _component_CheckIcon = resolveComponent("CheckIcon");
@@ -35615,7 +35615,7 @@ function render$R(_ctx, _cache, $props, $setup, $data, $options) {
                   return [createElementVNode("span", mergeProps({
                     "class": _ctx.cx("itemGroupLabel")
                   }, _ctx.ptm("itemGroupLabel")), toDisplayString$1($options.getOptionGroupLabel(option.optionGroup)), 17)];
-                })], 16, _hoisted_6$h)) : withDirectives((openBlock(), createElementBlock("li", mergeProps({
+                })], 16, _hoisted_6$g)) : withDirectives((openBlock(), createElementBlock("li", mergeProps({
                   key: 1,
                   id: $data.id + "_" + $options.getOptionIndex(i, getItemOptions),
                   "class": _ctx.cx("item", {
@@ -35655,7 +35655,7 @@ function render$R(_ctx, _cache, $props, $setup, $data, $options) {
                   return [createElementVNode("span", mergeProps({
                     "class": _ctx.cx("itemLabel")
                   }, _ctx.ptm("itemLabel")), toDisplayString$1($options.getOptionLabel(option)), 17)];
-                })], 16, _hoisted_7$d)), [[_directive_ripple]])], 64);
+                })], 16, _hoisted_7$c)), [[_directive_ripple]])], 64);
               }), 128)), $data.filterValue && (!items2 || items2 && items2.length === 0) ? (openBlock(), createElementBlock("li", mergeProps({
                 key: 0,
                 "class": _ctx.cx("emptyMessage"),
@@ -35672,7 +35672,7 @@ function render$R(_ctx, _cache, $props, $setup, $data, $options) {
                 "data-p-hidden-accessible": true
               }), [renderSlot(_ctx.$slots, "empty", {}, function() {
                 return [createTextVNode(toDisplayString$1($options.emptyMessageText), 1)];
-              })], 16)) : createCommentVNode("", true)], 16, _hoisted_5$m)];
+              })], 16)) : createCommentVNode("", true)], 16, _hoisted_5$l)];
             }),
             _: 2
           }, [_ctx.$slots.loader ? {
@@ -36169,7 +36169,7 @@ const _hoisted_3$z = {
   "data-ts-section": "title"
 };
 const _hoisted_4$p = { "data-ts-section": "message" };
-const _hoisted_5$l = {
+const _hoisted_5$k = {
   key: 0,
   class: "flex flex-col gap-3 overflow-auto max-h-[71px]",
   "data-ts-section": "list"
@@ -36247,7 +36247,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
               }, null, 8, ["severity"])) : createCommentVNode("", true)
             ])
           ]),
-          props.lists ? (openBlock(), createElementBlock("div", _hoisted_5$l, [
+          props.lists ? (openBlock(), createElementBlock("div", _hoisted_5$k, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(props.lists, (item3, index2) => {
               return openBlock(), createElementBlock("div", {
                 key: index2,
@@ -43519,7 +43519,7 @@ var _hoisted_4$n = /* @__PURE__ */ createElementVNode("path", {
   d: "M10.6129 14C10.2426 14 9.93552 13.6929 9.93552 13.3226V0.677419C9.93552 0.307097 10.2426 0 10.6129 0C10.9833 0 11.2904 0.307097 11.2904 0.677419V13.3226C11.2904 13.6929 10.9832 14 10.6129 14Z",
   fill: "currentColor"
 }, null, -1);
-var _hoisted_5$k = [_hoisted_1$19, _hoisted_2$R, _hoisted_3$v, _hoisted_4$n];
+var _hoisted_5$j = [_hoisted_1$19, _hoisted_2$R, _hoisted_3$v, _hoisted_4$n];
 function render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", mergeProps({
     width: "14",
@@ -43527,7 +43527,7 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, _ctx.pti()), _hoisted_5$k, 16);
+  }, _ctx.pti()), _hoisted_5$j, 16);
 }
 script$s.render = render$q;
 var script$r = {
@@ -45363,8 +45363,8 @@ var _hoisted_1$3$1 = ["colspan"];
 var _hoisted_2$1$1 = ["tabindex", "aria-selected", "data-p-index", "data-p-selectable-row", "data-p-highlight", "data-p-highlight-contextmenu"];
 var _hoisted_3$1$1 = ["id"];
 var _hoisted_4$m = ["colspan"];
-var _hoisted_5$j = ["colspan"];
-var _hoisted_6$g = ["colspan"];
+var _hoisted_5$i = ["colspan"];
+var _hoisted_6$f = ["colspan"];
 function render$8$1(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ChevronDownIcon = resolveComponent("ChevronDownIcon");
   var _component_ChevronRightIcon = resolveComponent("ChevronRightIcon");
@@ -45502,7 +45502,7 @@ function render$8$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, _objectSpread$8(_objectSpread$8({}, $options.getColumnPT("bodycell")), _ctx.ptm("rowGroupFooterCell"))), [(openBlock(), createBlock(resolveDynamicComponent($props.templates["groupfooter"]), {
     data: $props.rowData,
     index: $options.rowIndex
-  }, null, 8, ["data", "index"]))], 16, _hoisted_5$j)], 16)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("tr", mergeProps({
+  }, null, 8, ["data", "index"]))], 16, _hoisted_5$i)], 16)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("tr", mergeProps({
     key: 1,
     "class": _ctx.cx("emptyMessage"),
     role: "row"
@@ -45510,7 +45510,7 @@ function render$8$1(_ctx, _cache, $props, $setup, $data, $options) {
     colspan: $options.columnsLength
   }, _objectSpread$8(_objectSpread$8({}, $options.getColumnPT("bodycell")), _ctx.ptm("emptyMessageCell"))), [$props.templates.empty ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.empty), {
     key: 0
-  })) : createCommentVNode("", true)], 16, _hoisted_6$g)], 16));
+  })) : createCommentVNode("", true)], 16, _hoisted_6$f)], 16));
 }
 script$8$1.render = render$8$1;
 var script$7$1 = {
@@ -51808,18 +51808,10 @@ const _hoisted_3$t = {
   "data-ts-section": "tablepreview"
 };
 const _hoisted_4$l = /* @__PURE__ */ createElementVNode("h3", { class: "text-xs font-semibold leading-4 tracking-tight" }, "Preview", -1);
-const _hoisted_5$i = { class: "table-wrapper overflow-auto w-full" };
-const _hoisted_6$f = { class: "min-w-max w-full" };
-const _hoisted_7$c = { class: "border-b border-general-100" };
-const _hoisted_8$9 = {
-  key: 0,
-  class: "border-b border-general-100"
-};
 const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "DialogColumnSetup",
   props: /* @__PURE__ */ mergeModels({
-    customColumnProps: {},
-    data: {}
+    customColumnProps: {}
   }, {
     "visible": { type: Boolean, ...{ required: true } },
     "visibleModifiers": {}
@@ -51839,14 +51831,16 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
         visibleColumns: void 0
       })
     );
+    const data30 = computed(() => {
+      const { tableData } = props.customColumnProps;
+      if (tableData && tableData.length > 0) {
+        return [tableData[0]];
+      }
+      return [];
+    });
     const setCustomColumn = () => {
       visibleColumns.value = props.customColumnProps.visibleColumns;
     };
-    const getNestedPropertyValue = (path) => {
-      var _a;
-      const firstRow = (_a = props.data) == null ? void 0 : _a[0];
-      return path.split(".").reduce((o, p2) => o ? o[p2] : void 0, firstRow);
-    };
     const saveColumns = () => {
       emit("save", visibleColumns.value);
       visible4.value = false;
@@ -51893,30 +51887,16 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             }), null, 16, ["visible-columns"]),
             createElementVNode("div", _hoisted_3$t, [
               _hoisted_4$l,
-              createElementVNode("div", _hoisted_5$i, [
-                createElementVNode("table", _hoisted_6$f, [
-                  createElementVNode("thead", null, [
-                    createElementVNode("tr", _hoisted_7$c, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (column) => {
-                        return openBlock(), createElementBlock("th", {
-                          key: column.field,
-                          class: "text-body-small font-bold bg-primary-200 p-2 text-left"
-                        }, toDisplayString$1(column.header), 1);
-                      }), 128))
-                    ])
-                  ]),
-                  createElementVNode("tbody", null, [
-                    _ctx.data ? (openBlock(), createElementBlock("tr", _hoisted_8$9, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (column) => {
-                        return openBlock(), createElementBlock("td", {
-                          key: column.field,
-                          class: "text-body-small px-2 py-1.5"
-                        }, toDisplayString$1(getNestedPropertyValue(column.field)), 1);
-                      }), 128))
-                    ])) : createCommentVNode("", true)
-                  ])
-                ])
-              ])
+              data30.value ? (openBlock(), createBlock(_sfc_main$12, {
+                key: 0,
+                columns: visibleColumns.value,
+                "custom-column": false,
+                data: data30.value,
+                "data-key": _ctx.customColumnProps.tableKey,
+                "table-name": `${_ctx.customColumnProps.tableName}-setup`,
+                "use-option": false,
+                "selection-type": "none"
+              }, null, 8, ["columns", "data", "data-key", "table-name"])) : createCommentVNode("", true)
             ])
           ])
         ]),
@@ -51930,6 +51910,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "CustomColumn",
   props: {
     tableId: {},
+    tableKey: {},
+    tableName: {},
     tableData: {},
     defaultColumns: {},
     visibleColumns: {},
@@ -53203,8 +53185,10 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           "onUpdate:visibleColumns": _cache[6] || (_cache[6] = ($event) => visibleColumns.value = $event),
           "default-columns": _ctx.columns.filter((col) => col.visible !== false),
           "table-data": props.data ?? currentPageTableData.value,
-          "table-id": dataTableID.value
-        }, null, 8, ["visible-columns", "default-columns", "table-data", "table-id"])) : createCommentVNode("", true),
+          "table-id": dataTableID.value,
+          "table-key": props.dataKey,
+          "table-name": props.tableName
+        }, null, 8, ["visible-columns", "default-columns", "table-data", "table-id", "table-key", "table-name"])) : createCommentVNode("", true),
         createVNode(_sfc_main$1p, { group: "download" })
       ], 64);
     };