@5minds/node-red-dashboard-2-processcube-dynamic-table 1.1.18-develop-fdfcd6-m24ee6ur → 1.1.18-develop-4045be-m24ef9dz

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@5minds/node-red-dashboard-2-processcube-dynamic-table",
-    "version": "1.1.18-develop-fdfcd6-m24ee6ur",
+    "version": "1.1.18-develop-4045be-m24ef9dz",
     "description": "A ui component for showing dynamic Data with actions in a table",
     "keywords": [
         "processcube",

package/resources/ui-dynamic-table.umd.js

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("h1[data-v-f265f54e]{margin-bottom:10px}h2[data-v-f265f54e]{margin-top:1.5rem;margin-bottom:.75rem}h3[data-v-f265f54e]{margin-top:1rem}p[data-v-f265f54e]{margin-bottom:5px}ul li[data-v-f265f54e]{list-style-type:circle;list-style-position:inside;margin-left:15px}pre[data-v-f265f54e]{padding:12px;margin:12px;background-color:#eee}code[data-v-f265f54e]{font-size:.825rem;color:#ae0000}input[data-v-f265f54e]{padding:12px;margin:12px;background-color:#eee}.task-div[data-v-f265f54e]{padding:8px;margin:16px;border:solid;border-radius:4px;border-color:#303030}.action-button-container[data-v-f265f54e]{width:100%;display:flex;justify-content:center}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("h1[data-v-f265f54e]{margin-bottom:10px}h2[data-v-f265f54e]{margin-top:1.5rem;margin-bottom:.75rem}h3[data-v-f265f54e]{margin-top:1rem}p[data-v-f265f54e]{margin-bottom:5px}ul li[data-v-f265f54e]{list-style-type:circle;list-style-position:inside;margin-left:15px}pre[data-v-f265f54e]{padding:12px;margin:12px;background-color:#eee}code[data-v-f265f54e]{font-size:.825rem;color:#ae0000}input[data-v-f265f54e]{padding:12px;margin:12px;background-color:#eee}.task-div[data-v-f265f54e]{padding:8px;margin:16px;border:solid;border-radius:4px;border-color:#303030}.action-button-container[data-v-f265f54e]{width:100%;display:flex;justify-content:center}.full-width-table .v-toolbar[data-v-f265f54e],.full-width-table .v-table__wrapper .v-alert--variant-flat[data-v-f265f54e]{background:unset!important;color:unset!important}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 (function(o,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vuex"),require("vue")):typeof define=="function"&&define.amd?define(["exports","vuex","vue"],a):(o=typeof globalThis<"u"?globalThis:o||self,a(o["ui-dynamic-table"]={},o.vuex,o.Vue))})(this,function(o,a,t){"use strict";const p=(e,i)=>{const n=e.__vccOpts||e;for(const[r,s]of i)n[r]=s;return n},m={name:"UIDynamicTable",inject:["$socket"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})},state:{type:Object,default:()=>({enabled:!0,visible:!0})}},computed:{...a.mapState("data",["messages"])},data(){return{search:"",actions:[],tasks:[],headers:[]}},mounted(){this.$socket.on("widget-load:"+this.id,e=>{this.initialize(e),this.$store.commit("data/bind",{widgetId:this.id,msg:e})}),this.$socket.on("msg-input:"+this.id,e=>{Array.isArray(e)&&(e=e.filter(i=>i._client.socketId==this.$socket.id)[0]),this.initialize(e),this.messages[this.id]=e,this.$store.commit("data/bind",{widgetId:this.id,msg:e})}),this.$socket.emit("widget-load",this.id)},unmounted(){var e,i;(e=this.$socket)==null||e.off("widget-load"+this.id),(i=this.$socket)==null||i.off("msg-input:"+this.id)},methods:{send(e,i){const n=[];n[i]=e,this.$socket.emit("widget-action",this.id,n)},actionFn(e,i){const n=this.messages[this.id]||{};n.payload=i,this.send(n,this.actions.findIndex(r=>r.label===e.label))},initialize(e){this.tasks=e.payload,this.actions=this.props.options,this.headers=this.props.columns.map(i=>({title:i.label,key:i.value})),this.headers.push({title:"Actions",align:"center",key:"actions"})},conditionCheck(e,i){if(e=="")return!0;try{return new Function("row",`return ${e}`)(i)}catch(n){return console.error("Error evaluating condition:",n),!1}}}};function f(e,i,n,r,s,d){const u=t.resolveComponent("v-text-field"),k=t.resolveComponent("v-toolbar"),y=t.resolveComponent("v-btn"),h=t.resolveComponent("v-container"),x=t.resolveComponent("v-alert"),b=t.resolveComponent("v-data-table");return t.openBlock(),t.createBlock(b,{headers:s.headers,items:s.tasks,search:s.search,class:"full-width-table"},{top:t.withCtx(()=>[t.createVNode(k,{flat:"",class:"py-2"},{default:t.withCtx(()=>[t.createVNode(u,{class:"mx-3",modelValue:s.search,"onUpdate:modelValue":i[0]||(i[0]=c=>s.search=c),label:"Search","prepend-inner-icon":"mdi-magnify",variant:"outlined","hide-details":"","single-line":""},null,8,["modelValue"])]),_:1})]),"item.actions":t.withCtx(({item:c})=>[t.createVNode(h,{class:"action-button-container"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.actions,(l,g)=>(t.openBlock(),t.createBlock(h,{style:{padding:"0px",display:"inline",width:"fit-content",margin:"0px"}},{default:t.withCtx(()=>[d.conditionCheck(l.condition,c)?(t.openBlock(),t.createBlock(y,{style:{margin:"0px 2px"},key:g,size:"small",onClick:C=>d.actionFn(l,c)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(l.label),1)]),_:2},1032,["onClick"])):t.createCommentVNode("",!0)]),_:2},1024))),256))]),_:2},1024)]),"no-data":t.withCtx(()=>[t.createVNode(x,{text:"No Data",style:{margin:"12px"}})]),_:1},8,["headers","items","search"])}const _=p(m,[["render",f],["__scopeId","data-v-f265f54e"]]);o.UIDynamicTable=_,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});

package/ui/stylesheets/ui-dynamic-table.css

@@ -51,3 +51,13 @@ input {
     display: flex;
     justify-content: center;
 }
+
+.full-width-table .v-toolbar {
+    background: unset !important;
+    color: unset !important;
+}
+
+.full-width-table .v-table__wrapper .v-alert--variant-flat {
+    background: unset !important;
+    color: unset !important;
+}