portal-design-system 0.0.912 → 0.0.913

package/dist/DataGrid-CFoHugFj.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("./Button.vue_vue_type_script_setup_true_lang-DR3EbYfk.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:g,emit:x}){const w=x,C=[5,10,15,20,50],u=r,{dataSource:d,columns:c,keyExpr:B,remoteOperations:y=!1,enablePagination:i=!0,enableFiltering:f=!0,enableSearch:k=!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 g({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(y),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._sfc_main$1,{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(k),"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 → DataGrid-Qfk5j1uR.js}

@@ -1,7 +1,7 @@
-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 { defineComponent as L, toRefs as T, computed as I, ref as O, createElementBlock as B, 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";
+import { a as ie } from "./Button.vue_vue_type_script_setup_true_lang-CpVvHLQi.js";
 const re = { class: "w-full relative" }, pe = /* @__PURE__ */ L({
   __name: "DataGrid",
   props: {
@@ -49,7 +49,7 @@ const re = { class: "w-full relative" }, pe = /* @__PURE__ */ L({
       width: 120,
       fixedPosition: "right",
       template: "actionsTemplate"
-    }, C = I(() => h.hasActions ? [...g.value, N] : g.value), b = O(null), B = () => {
+    }, C = I(() => h.hasActions ? [...g.value, N] : g.value), b = O(null), v = () => {
       var a, n;
       return (n = (a = b.value) == null ? void 0 : a.instance) == null ? void 0 : n.refresh();
     }, A = () => {
@@ -62,7 +62,7 @@ const re = { class: "w-full relative" }, pe = /* @__PURE__ */ L({
     }, H = (a) => {
       a.fileName = G, S("on-exporting", a);
     };
-    return D({ refresh: B }), (a, n) => (i(), v("div", re, [
+    return D({ refresh: v }), (a, n) => (i(), B("div", re, [
       e(f) ? (i(), u(e(K), {
         key: 0,
         class: V(["datagrid-table", { "fixed-height": s.useFixedHeight }]),
@@ -83,7 +83,7 @@ const re = { class: "w-full relative" }, pe = /* @__PURE__ */ L({
         "key-expr": e(z)
       }, W({
         customRefreshButton: l(() => [
-          d(a.$slots, "customRefreshButton", { refresh: B })
+          d(a.$slots, "customRefreshButton", { refresh: v })
         ]),
         exportButton: l(() => [
           d(a.$slots, "exportButton")
@@ -155,7 +155,7 @@ const re = { class: "w-full relative" }, pe = /* @__PURE__ */ L({
             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), {
+          (i(!0), B(j, null, k(C.value, (t, c) => (i(), u(e(le), {
             key: c,
             "data-field": t.dataField,
             caption: t.caption,

package/dist/datagrid.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DataGrid-CFoHugFj.cjs")));exports.DataGrid=r;

package/dist/datagrid.d.ts

@@ -0,0 +1,126 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { DxCustomColumn } from './types/dev-express-types';
+declare const DataGrid: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{
+        dataSource: any;
+        columns: DxCustomColumn[];
+        keyExpr?: string;
+        hasActions?: boolean;
+        remoteOperations?: boolean;
+        enablePagination?: boolean;
+        enableFiltering?: boolean;
+        enableSearch?: boolean;
+        enableColumnFixing?: boolean;
+        enableColumnChooser?: boolean;
+        enableRowSelection?: boolean;
+        enableExport?: boolean;
+        pageSize?: 5 | 10 | 15 | 20 | 50;
+        exportFileName?: string;
+        backRoute?: string;
+        showBackButton?: boolean;
+        wordWrapEnabled?: boolean;
+        useFixedHeight?: boolean;
+        hasCreate?: boolean;
+    }> & Readonly<{
+        onRefresh?: ((...args: any[]) => any) | undefined;
+        "onOn-exporting"?: ((...args: any[]) => any) | undefined;
+        onCreate?: ((...args: any[]) => any) | undefined;
+    }>, {
+        refresh: () => Promise<void> | undefined;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        refresh: (...args: any[]) => void;
+        "on-exporting": (...args: any[]) => void;
+        create: (...args: any[]) => void;
+    }, PublicProps, {
+        keyExpr: string;
+        pageSize: 5 | 10 | 15 | 20 | 50;
+        useFixedHeight: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        dataGrid: unknown;
+    }, HTMLDivElement, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        dataSource: any;
+        columns: DxCustomColumn[];
+        keyExpr?: string;
+        hasActions?: boolean;
+        remoteOperations?: boolean;
+        enablePagination?: boolean;
+        enableFiltering?: boolean;
+        enableSearch?: boolean;
+        enableColumnFixing?: boolean;
+        enableColumnChooser?: boolean;
+        enableRowSelection?: boolean;
+        enableExport?: boolean;
+        pageSize?: 5 | 10 | 15 | 20 | 50;
+        exportFileName?: string;
+        backRoute?: string;
+        showBackButton?: boolean;
+        wordWrapEnabled?: boolean;
+        useFixedHeight?: boolean;
+        hasCreate?: boolean;
+    }> & Readonly<{
+        onRefresh?: ((...args: any[]) => any) | undefined;
+        "onOn-exporting"?: ((...args: any[]) => any) | undefined;
+        onCreate?: ((...args: any[]) => any) | undefined;
+    }>, {
+        refresh: () => Promise<void> | undefined;
+    }, {}, {}, {}, {
+        keyExpr: string;
+        pageSize: 5 | 10 | 15 | 20 | 50;
+        useFixedHeight: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly<{
+    dataSource: any;
+    columns: DxCustomColumn[];
+    keyExpr?: string;
+    hasActions?: boolean;
+    remoteOperations?: boolean;
+    enablePagination?: boolean;
+    enableFiltering?: boolean;
+    enableSearch?: boolean;
+    enableColumnFixing?: boolean;
+    enableColumnChooser?: boolean;
+    enableRowSelection?: boolean;
+    enableExport?: boolean;
+    pageSize?: 5 | 10 | 15 | 20 | 50;
+    exportFileName?: string;
+    backRoute?: string;
+    showBackButton?: boolean;
+    wordWrapEnabled?: boolean;
+    useFixedHeight?: boolean;
+    hasCreate?: boolean;
+}> & Readonly<{
+    onRefresh?: ((...args: any[]) => any) | undefined;
+    "onOn-exporting"?: ((...args: any[]) => any) | undefined;
+    onCreate?: ((...args: any[]) => any) | undefined;
+}>, {
+    refresh: () => Promise<void> | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    refresh: (...args: any[]) => void;
+    "on-exporting": (...args: any[]) => void;
+    create: (...args: any[]) => void;
+}, string, {
+    keyExpr: string;
+    pageSize: 5 | 10 | 15 | 20 | 50;
+    useFixedHeight: boolean;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: any) => any>> & {
+        customRefreshButton?(_: {
+            refresh: () => Promise<void> | undefined;
+        }): any;
+        exportButton?(_: {}): any;
+        createButton?(_: {}): any;
+        toolbarLeft?(_: {}): any;
+        toolbarRight?(_: {}): any;
+    };
+});
+export { DataGrid };

package/dist/datagrid.js

@@ -0,0 +1,5 @@
+import { defineAsyncComponent as o } from "vue";
+const n = o(() => import("./DataGrid-Qfk5j1uR.js"));
+export {
+  n as DataGrid
+};