portal-design-system 0.0.911 → 0.0.912

package/dist/DataGrid-Bt8cH87w.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("devextreme/dist/css/dx.light.css");const o=require("devextreme-vue/data-grid"),F=require("./index.cjs"),P={class:"w-full relative"},z=e.defineComponent({__name:"DataGrid",props:{dataSource:{},columns:{},keyExpr:{default:"id"},hasActions:{type:Boolean},remoteOperations:{type:Boolean},enablePagination:{type:Boolean},enableFiltering:{type:Boolean},enableSearch:{type:Boolean},enableColumnFixing:{type:Boolean},enableColumnChooser:{type:Boolean},enableRowSelection:{type:Boolean},enableExport:{type:Boolean},pageSize:{default:15},exportFileName:{},backRoute:{},showBackButton:{type:Boolean},wordWrapEnabled:{type:Boolean},useFixedHeight:{type:Boolean,default:!1},hasCreate:{type:Boolean}},emits:["refresh","on-exporting","create"],setup(r,{expose:x,emit:g}){const w=g,C=[5,10,15,20,50],u=r,{dataSource:d,columns:c,keyExpr:B,remoteOperations:k=!1,enablePagination:i=!0,enableFiltering:f=!0,enableSearch:y=!0,enableColumnChooser:p=!0,enableExport:m=!0,pageSize:v=10,exportFileName:D="GridData"}=e.toRefs(u),N={caption:"Actions",dataType:"string",alignment:"center",sortable:!1,disableFilters:!0,fixed:!0,width:120,fixedPosition:"right",template:"actionsTemplate"},h=e.computed(()=>u.hasActions?[...c.value,N]:c.value),s=e.ref(null),b=()=>{var a,n;return(n=(a=s.value)==null?void 0:a.instance)==null?void 0:n.refresh()},S=()=>{var a,n,t;try{(t=(n=(a=s.value)==null?void 0:a.instance)==null?void 0:n.showColumnChooser)==null||t.call(n)}catch(l){console.warn("Column chooser API not available on the DataGrid instance",l)}},V=a=>{a.fileName=D,w("on-exporting",a)};return x({refresh:b}),(a,n)=>(e.openBlock(),e.createElementBlock("div",P,[e.unref(d)?(e.openBlock(),e.createBlock(e.unref(o.DxDataGrid),{key:0,class:e.normalizeClass(["datagrid-table",{"fixed-height":r.useFixedHeight}]),ref_key:"dataGrid",ref:s,"data-source":e.unref(d),"word-wrap-enabled":r.wordWrapEnabled,"hover-state-enabled":!0,"show-borders":!0,"allow-column-reordering":!0,"allow-column-resizing":!0,"column-hiding-enabled":!1,"show-column-lines":!0,"row-alternation-enabled":!0,"column-auto-width":!0,"remote-operations":e.unref(k),onExporting:V,"key-expr":e.unref(B)},e.createSlots({customRefreshButton:e.withCtx(()=>[e.renderSlot(a.$slots,"customRefreshButton",{refresh:b})]),exportButton:e.withCtx(()=>[e.renderSlot(a.$slots,"exportButton")]),createButton:e.withCtx(()=>[e.renderSlot(a.$slots,"createButton")]),toolbarLeft:e.withCtx(()=>[e.renderSlot(a.$slots,"toolbarLeft")]),customColumnChooser:e.withCtx(()=>[e.createVNode(F.Button,{variant:"outline",onClick:S,text:"Column Chooser",size:"40",class:"datagrid-column-chooser-button gap-2","icon-config":{size:20},icon:"Convertshape"})]),toolbarRight:e.withCtx(()=>[e.renderSlot(a.$slots,"toolbarRight")]),default:e.withCtx(()=>[e.createVNode(e.unref(o.DxPaging),{enabled:e.unref(i),"page-size":e.unref(v)},null,8,["enabled","page-size"]),e.createVNode(e.unref(o.DxPager),{visible:e.unref(i),"allowed-page-sizes":C,"display-mode":"compact","show-page-size-selector":!0,"show-info":"","show-navigation-buttons":""},null,8,["visible"]),e.createVNode(e.unref(o.DxSearchPanel),{class:"search",width:350,visible:e.unref(y),"highlight-case-sensitive":""},null,8,["visible"]),e.createVNode(e.unref(o.DxFilterRow),{visible:e.unref(f)},null,8,["visible"]),e.createVNode(e.unref(o.DxHeaderFilter),{visible:e.unref(f)},null,8,["visible"]),e.unref(i)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(o.DxScrolling),{key:0,mode:"virtual","use-native":!1})),e.createVNode(e.unref(o.DxColumnChooser),{enabled:e.unref(p),mode:"select"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.DxPosition),{my:"right top",at:"right bottom",of:".datagrid-column-chooser-button"})]),_:1},8,["enabled"]),e.createVNode(e.unref(o.DxExport),{enabled:e.unref(m),"allow-export-selected-data":!0},null,8,["enabled"]),e.createVNode(e.unref(o.DxColumnFixing),{enabled:!r.enableRowSelection&&r.enableColumnFixing},null,8,["enabled"]),e.createVNode(e.unref(o.DxSelection),{mode:"multiple"}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(t,l)=>(e.openBlock(),e.createBlock(e.unref(o.DxColumn),{key:l,"data-field":t.dataField,caption:t.caption,"data-type":t.dataType,alignment:t.alignment??"left","allow-sorting":t.sortable??!0,"allow-filtering":!t.disableFilters,"allow-header-filtering":!t.disableFilters,width:t.width,"cell-template":t.template,lookup:t.lookup,visible:t.visible??!0,"allow-hiding":t.allowHiding??!0,fixed:t.fixed,"fixed-position":t.fixedPosition},null,8,["data-field","caption","data-type","alignment","allow-sorting","allow-filtering","allow-header-filtering","width","cell-template","lookup","visible","allow-hiding","fixed","fixed-position"]))),128)),e.createVNode(e.unref(o.DxToolbar),null,{default:e.withCtx(()=>[e.createVNode(e.unref(o.DxItem),{location:"before",name:"searchPanel","locate-in-menu":"auto"}),e.createVNode(e.unref(o.DxItem),{location:"before",template:"toolbarLeft"}),e.createVNode(e.unref(o.DxItem),{location:"after",template:"toolbarRight","locate-in-menu":"auto"}),e.createVNode(e.unref(o.DxItem),{location:"after",template:"customRefreshButton"}),e.unref(m)?(e.openBlock(),e.createBlock(e.unref(o.DxItem),{key:0,name:"exportButton","locate-in-menu":"auto",template:"exportButton"})):e.createCommentVNode("",!0),r.hasCreate?(e.openBlock(),e.createBlock(e.unref(o.DxItem),{key:1,location:"before",template:"createButton"})):e.createCommentVNode("",!0),e.unref(p)?(e.openBlock(),e.createBlock(e.unref(o.DxItem),{key:2,location:"after",template:"customColumnChooser","locate-in-menu":"auto"})):e.createCommentVNode("",!0)]),_:1})]),_:2},[e.renderList(h.value.filter(t=>t.template),t=>({name:t.template,fn:e.withCtx(l=>[e.renderSlot(a.$slots,t.template,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1032,["class","data-source","word-wrap-enabled","remote-operations","key-expr"])):e.createCommentVNode("",!0)]))}});exports.default=z;

package/dist/DataGrid-p_11DFdf.js

@@ -0,0 +1,230 @@
+import { defineComponent as L, toRefs as T, computed as I, ref as O, createElementBlock as v, openBlock as i, createBlock as u, createCommentVNode as p, unref as e, normalizeClass as V, createSlots as W, withCtx as l, createVNode as o, Fragment as j, renderList as k, renderSlot as d, normalizeProps as q, guardReactiveProps as J } from "vue";
+import "devextreme/dist/css/dx.light.css";
+import { DxDataGrid as K, DxPaging as M, DxPager as Q, DxSearchPanel as U, DxFilterRow as X, DxHeaderFilter as Y, DxScrolling as Z, DxColumnChooser as _, DxPosition as ee, DxExport as te, DxColumnFixing as oe, DxSelection as ae, DxColumn as le, DxToolbar as ne, DxItem as r } from "devextreme-vue/data-grid";
+import { Button as ie } from "./index.js";
+const re = { class: "w-full relative" }, pe = /* @__PURE__ */ L({
+  __name: "DataGrid",
+  props: {
+    dataSource: {},
+    columns: {},
+    keyExpr: { default: "id" },
+    hasActions: { type: Boolean },
+    remoteOperations: { type: Boolean },
+    enablePagination: { type: Boolean },
+    enableFiltering: { type: Boolean },
+    enableSearch: { type: Boolean },
+    enableColumnFixing: { type: Boolean },
+    enableColumnChooser: { type: Boolean },
+    enableRowSelection: { type: Boolean },
+    enableExport: { type: Boolean },
+    pageSize: { default: 15 },
+    exportFileName: {},
+    backRoute: {},
+    showBackButton: { type: Boolean },
+    wordWrapEnabled: { type: Boolean },
+    useFixedHeight: { type: Boolean, default: !1 },
+    hasCreate: { type: Boolean }
+  },
+  emits: ["refresh", "on-exporting", "create"],
+  setup(s, { expose: D, emit: F }) {
+    const S = F, P = [5, 10, 15, 20, 50], h = s, {
+      dataSource: f,
+      columns: g,
+      keyExpr: z,
+      remoteOperations: R = !1,
+      enablePagination: m = !0,
+      enableFiltering: x = !0,
+      enableSearch: E = !0,
+      enableColumnChooser: w = !0,
+      enableExport: y = !0,
+      pageSize: $ = 10,
+      exportFileName: G = "GridData"
+    } = T(h), N = {
+      caption: "Actions",
+      dataType: "string",
+      alignment: "center",
+      sortable: !1,
+      disableFilters: !0,
+      fixed: !0,
+      width: 120,
+      fixedPosition: "right",
+      template: "actionsTemplate"
+    }, C = I(() => h.hasActions ? [...g.value, N] : g.value), b = O(null), B = () => {
+      var a, n;
+      return (n = (a = b.value) == null ? void 0 : a.instance) == null ? void 0 : n.refresh();
+    }, A = () => {
+      var a, n, t;
+      try {
+        (t = (n = (a = b.value) == null ? void 0 : a.instance) == null ? void 0 : n.showColumnChooser) == null || t.call(n);
+      } catch (c) {
+        console.warn("Column chooser API not available on the DataGrid instance", c);
+      }
+    }, H = (a) => {
+      a.fileName = G, S("on-exporting", a);
+    };
+    return D({ refresh: B }), (a, n) => (i(), v("div", re, [
+      e(f) ? (i(), u(e(K), {
+        key: 0,
+        class: V(["datagrid-table", { "fixed-height": s.useFixedHeight }]),
+        ref_key: "dataGrid",
+        ref: b,
+        "data-source": e(f),
+        "word-wrap-enabled": s.wordWrapEnabled,
+        "hover-state-enabled": !0,
+        "show-borders": !0,
+        "allow-column-reordering": !0,
+        "allow-column-resizing": !0,
+        "column-hiding-enabled": !1,
+        "show-column-lines": !0,
+        "row-alternation-enabled": !0,
+        "column-auto-width": !0,
+        "remote-operations": e(R),
+        onExporting: H,
+        "key-expr": e(z)
+      }, W({
+        customRefreshButton: l(() => [
+          d(a.$slots, "customRefreshButton", { refresh: B })
+        ]),
+        exportButton: l(() => [
+          d(a.$slots, "exportButton")
+        ]),
+        createButton: l(() => [
+          d(a.$slots, "createButton")
+        ]),
+        toolbarLeft: l(() => [
+          d(a.$slots, "toolbarLeft")
+        ]),
+        customColumnChooser: l(() => [
+          o(ie, {
+            variant: "outline",
+            onClick: A,
+            text: "Column Chooser",
+            size: "40",
+            class: "datagrid-column-chooser-button gap-2",
+            "icon-config": { size: 20 },
+            icon: "Convertshape"
+          })
+        ]),
+        toolbarRight: l(() => [
+          d(a.$slots, "toolbarRight")
+        ]),
+        default: l(() => [
+          o(e(M), {
+            enabled: e(m),
+            "page-size": e($)
+          }, null, 8, ["enabled", "page-size"]),
+          o(e(Q), {
+            visible: e(m),
+            "allowed-page-sizes": P,
+            "display-mode": "compact",
+            "show-page-size-selector": !0,
+            "show-info": "",
+            "show-navigation-buttons": ""
+          }, null, 8, ["visible"]),
+          o(e(U), {
+            class: "search",
+            width: 350,
+            visible: e(E),
+            "highlight-case-sensitive": ""
+          }, null, 8, ["visible"]),
+          o(e(X), { visible: e(x) }, null, 8, ["visible"]),
+          o(e(Y), { visible: e(x) }, null, 8, ["visible"]),
+          e(m) ? p("", !0) : (i(), u(e(Z), {
+            key: 0,
+            mode: "virtual",
+            "use-native": !1
+          })),
+          o(e(_), {
+            enabled: e(w),
+            mode: "select"
+          }, {
+            default: l(() => [
+              o(e(ee), {
+                my: "right top",
+                at: "right bottom",
+                of: ".datagrid-column-chooser-button"
+              })
+            ]),
+            _: 1
+          }, 8, ["enabled"]),
+          o(e(te), {
+            enabled: e(y),
+            "allow-export-selected-data": !0
+          }, null, 8, ["enabled"]),
+          o(e(oe), {
+            enabled: !s.enableRowSelection && s.enableColumnFixing
+          }, null, 8, ["enabled"]),
+          o(e(ae), { mode: "multiple" }),
+          (i(!0), v(j, null, k(C.value, (t, c) => (i(), u(e(le), {
+            key: c,
+            "data-field": t.dataField,
+            caption: t.caption,
+            "data-type": t.dataType,
+            alignment: t.alignment ?? "left",
+            "allow-sorting": t.sortable ?? !0,
+            "allow-filtering": !t.disableFilters,
+            "allow-header-filtering": !t.disableFilters,
+            width: t.width,
+            "cell-template": t.template,
+            lookup: t.lookup,
+            visible: t.visible ?? !0,
+            "allow-hiding": t.allowHiding ?? !0,
+            fixed: t.fixed,
+            "fixed-position": t.fixedPosition
+          }, null, 8, ["data-field", "caption", "data-type", "alignment", "allow-sorting", "allow-filtering", "allow-header-filtering", "width", "cell-template", "lookup", "visible", "allow-hiding", "fixed", "fixed-position"]))), 128)),
+          o(e(ne), null, {
+            default: l(() => [
+              o(e(r), {
+                location: "before",
+                name: "searchPanel",
+                "locate-in-menu": "auto"
+              }),
+              o(e(r), {
+                location: "before",
+                template: "toolbarLeft"
+              }),
+              o(e(r), {
+                location: "after",
+                template: "toolbarRight",
+                "locate-in-menu": "auto"
+              }),
+              o(e(r), {
+                location: "after",
+                template: "customRefreshButton"
+              }),
+              e(y) ? (i(), u(e(r), {
+                key: 0,
+                name: "exportButton",
+                "locate-in-menu": "auto",
+                template: "exportButton"
+              })) : p("", !0),
+              s.hasCreate ? (i(), u(e(r), {
+                key: 1,
+                location: "before",
+                template: "createButton"
+              })) : p("", !0),
+              e(w) ? (i(), u(e(r), {
+                key: 2,
+                location: "after",
+                template: "customColumnChooser",
+                "locate-in-menu": "auto"
+              })) : p("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 2
+      }, [
+        k(C.value.filter((t) => t.template), (t) => ({
+          name: t.template,
+          fn: l((c) => [
+            d(a.$slots, t.template, q(J(c)))
+          ])
+        }))
+      ]), 1032, ["class", "data-source", "word-wrap-enabled", "remote-operations", "key-expr"])) : p("", !0)
+    ]));
+  }
+});
+export {
+  pe as default
+};