@maketribe/ms-app 3.0.3 → 3.0.5

package/dist/cjs/components/data-model/data-table/data-table-column/data-table-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-column.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column.tsx"],"sourcesContent":["import { computed, defineComponent, inject, toRaw, unref } from \"vue\";\nimport { dataTableColumnProps } from \"./data-table-column-options\";\n\nexport default defineComponent({\n  name: \"MKDataTableColumn\",\n  props: dataTableColumnProps,\n  setup(props, { slots }) {\n    const column = computed(() => props.column);\n\n    return () => {\n      if (!unref(column).visible) {\n        return null;\n      }\n\n      return slots.default?.({ column: unref(column) });\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTableColumnProps","setup","slots","column","computed","unref","visible","default"],"mappings":";;;;;AAGA,sCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,2CAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,MAASC,GAAAA,YAAAA,CAAS,MAAML,KAAAA,CAAMI,MAAM,CAAA,CAAA;AAE1C,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAACE,SAAAA,CAAMF,MAAM,CAAA,CAAEG,OAAS,EAAA;AAC1B,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAA,OAAOJ,MAAMK,OAAU,GAAA;AAAA,QAAEJ,MAAAA,EAAQE,UAAMF,MAAM,CAAA;AAAA,OAAG,CAAA,CAAA;AAAA,KAClD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/data-model/data-table/data-table-column/index.d.ts

@@ -0,0 +1,20 @@
+import DataTableColumn from "./data-table-column";
+export declare const MKDataTableColumn: import("vue").DefineComponent<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default DataTableColumn;
+export * from "./data-table-column-options";

package/dist/cjs/components/data-model/data-table/data-table-column/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dataTableColumn = require('./data-table-column.js');
+var dataTableColumnOptions = require('./data-table-column-options.js');
+
+const MKDataTableColumn = dataTableColumn;
+
+exports.default = dataTableColumn;
+exports.dataTableColumnProps = dataTableColumnOptions.dataTableColumnProps;
+exports.MKDataTableColumn = MKDataTableColumn;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/data-model/data-table/data-table-column/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/index.ts"],"sourcesContent":["import DataTableColumn from \"./data-table-column\";\n\nexport const MKDataTableColumn = DataTableColumn;\n\nexport default DataTableColumn;\n\nexport * from \"./data-table-column-options\";\n"],"names":["DataTableColumn"],"mappings":";;;;;;;AAEO,MAAM,iBAAoB,GAAAA;;;;;;"}

package/dist/cjs/components/data-model/data-table/data-table-column-component/data-table-column-component-options.d.ts

@@ -0,0 +1,23 @@
+import { ExtractPropTypes } from "vue";
+import { TableColumn } from "@maketribe/dm";
+export declare const dataTableColumnComponentProps: {
+    readonly column: {
+        readonly type: import("vue").PropType<TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly row: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type DataTableColumnComponentProps = ExtractPropTypes<typeof dataTableColumnComponentProps>;

package/dist/cjs/components/data-model/data-table/data-table-column-component/data-table-column-component-options.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var dm = require('@maketribe/dm');
+
+const dataTableColumnComponentProps = utils.buildProps({
+  column: { type: dm.TableColumn, required: true },
+  row: { type: null },
+  index: { type: Number, required: true }
+});
+
+exports.dataTableColumnComponentProps = dataTableColumnComponentProps;
+//# sourceMappingURL=data-table-column-component-options.js.map

package/dist/cjs/components/data-model/data-table/data-table-column-component/data-table-column-component-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-column-component-options.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column-component/data-table-column-component-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\n\nexport const dataTableColumnComponentProps = buildProps({\n  column: { type: TableColumn, required: true },\n  row: { type: null },\n  index: { type: Number, required: true },\n} as const);\n\nexport type DataTableColumnComponentProps = ExtractPropTypes<\n  typeof dataTableColumnComponentProps\n>;\n"],"names":["buildProps","TableColumn"],"mappings":";;;;;AAIO,MAAM,gCAAgCA,gBAAW,CAAA;AAAA,EACtD,MAAQ,EAAA,EAAE,IAAM,EAAAC,cAAA,EAAa,UAAU,IAAK,EAAA;AAAA,EAC5C,GAAA,EAAK,EAAE,IAAA,EAAM,IAAK,EAAA;AAAA,EAClB,KAAO,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,IAAK,EAAA;AACxC,CAAU;;;;"}

package/dist/cjs/components/data-model/data-table/data-table-column-component/data-table-column-component.d.ts

@@ -0,0 +1,40 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly row: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly row: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/cjs/components/data-model/data-table/data-table-column-component/data-table-column-component.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var vue = require('vue');
+require('@maketribe/dm');
+var useColumnComponent = require('../../../../composables/use-column-component.js');
+require('../../../config-provider/index.js');
+require('vue-router');
+require('@maketribe/request');
+require('@maketribe/locale');
+require('@maketribe/utils');
+require('element-plus');
+require('../../../../core/DataModelDefines.js');
+var token = require('../token.js');
+var dataTableColumnComponentOptions = require('./data-table-column-component-options.js');
+
+var DataTableColumnComponent = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataTableColumnComponent",
+  props: dataTableColumnComponentOptions.dataTableColumnComponentProps,
+  setup(props) {
+    const dataTableContext = vue.inject(token.DATATABLE_CONTEXT_KEY);
+    const dataTable = vue.computed(() => dataTableContext?.dataTable ?? null);
+    const tableColumn = vue.computed(() => props.column);
+    const {
+      component,
+      componentProps
+    } = useColumnComponent.useTableColumnComponent(tableColumn, dataTable);
+    return () => {
+      const TableColumnComponent = vue.toRaw(vue.unref(component));
+      if (!TableColumnComponent) {
+        return null;
+      }
+      return vue.createVNode(TableColumnComponent, vue.mergeProps(vue.unref(componentProps), {
+        "column": vue.unref(tableColumn),
+        "index": props.index,
+        "row": props.row
+      }), null);
+    };
+  }
+});
+
+module.exports = DataTableColumnComponent;
+//# sourceMappingURL=data-table-column-component.js.map

package/dist/cjs/components/data-model/data-table/data-table-column-component/data-table-column-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-column-component.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column-component/data-table-column-component.tsx"],"sourcesContent":["import { computed, defineComponent, inject, toRaw, unref } from \"vue\";\nimport { useTableColumnComponent } from \"../../../../composables\";\nimport { DATATABLE_CONTEXT_KEY } from \"../token\";\nimport { dataTableColumnComponentProps } from \"./data-table-column-component-options\";\n\nexport default defineComponent({\n  name: \"MKDataTableColumnComponent\",\n  props: dataTableColumnComponentProps,\n  setup(props) {\n    const dataTableContext = inject(DATATABLE_CONTEXT_KEY);\n\n    const dataTable = computed(() => dataTableContext?.dataTable ?? null);\n\n    const tableColumn = computed(() => props.column);\n\n    const { component, componentProps } = useTableColumnComponent(\n      tableColumn,\n      dataTable\n    );\n\n    return () => {\n      const TableColumnComponent = toRaw(unref(component));\n\n      if (!TableColumnComponent) {\n        return null;\n      }\n\n      return (\n        <TableColumnComponent\n          {...unref(componentProps)}\n          column={unref(tableColumn)}\n          index={props.index}\n          row={props.row}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTableColumnComponentProps","setup","dataTableContext","inject","DATATABLE_CONTEXT_KEY","dataTable","computed","tableColumn","column","component","componentProps","useTableColumnComponent","TableColumnComponent","toRaw","unref","_createVNode","_mergeProps","index","row"],"mappings":";;;;;;;;;;;;;;;AAKA,+CAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,4BAAA;AAAA,EACNC,KAAOC,EAAAA,6DAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAMG,MAAAA,gBAAAA,GAAmBC,WAAOC,2BAAqB,CAAA,CAAA;AAErD,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,CAAS,MAAMJ,gBAAAA,EAAkBG,aAAa,IAAI,CAAA,CAAA;AAEpE,IAAA,MAAME,WAAcD,GAAAA,YAAAA,CAAS,MAAMP,KAAAA,CAAMS,MAAM,CAAA,CAAA;AAE/C,IAAM,MAAA;AAAA,MAAEC,SAAAA;AAAAA,MAAWC,cAAAA;AAAAA,KAAe,GAAIC,0CACpCJ,CAAAA,WAAAA,EACAF,SACF,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMO,oBAAuBC,GAAAA,SAAAA,CAAMC,SAAML,CAAAA,SAAS,CAAC,CAAA,CAAA;AAEnD,MAAA,IAAI,CAACG,oBAAsB,EAAA;AACzB,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAA,OAAAG,eAAAH,CAAAA,oBAAAA,EAAAI,cAEQF,CAAAA,SAAAA,CAAMJ,cAAc,CAAC,EAAA;AAAA,QAAA,QAAA,EACjBI,UAAMP,WAAW,CAAA;AAAA,QAAC,SACnBR,KAAMkB,CAAAA,KAAAA;AAAAA,QAAK,OACblB,KAAMmB,CAAAA,GAAAA;AAAAA,OAAG,GAAA,IAAA,CAAA,CAAA;AAAA,KAGpB,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/data-model/data-table/data-table-column-component/index.d.ts

@@ -0,0 +1,41 @@
+export declare const MKDataTableColumnComponent: import("vue").DefineComponent<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly row: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly row: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default MKDataTableColumnComponent;
+export * from "./data-table-column-component-options";

package/dist/cjs/components/data-model/data-table/data-table-column-component/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dataTableColumnComponent = require('./data-table-column-component.js');
+var dataTableColumnComponentOptions = require('./data-table-column-component-options.js');
+
+const MKDataTableColumnComponent = dataTableColumnComponent;
+
+exports.dataTableColumnComponentProps = dataTableColumnComponentOptions.dataTableColumnComponentProps;
+exports.MKDataTableColumnComponent = MKDataTableColumnComponent;
+exports.default = MKDataTableColumnComponent;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/data-model/data-table/data-table-column-component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column-component/index.ts"],"sourcesContent":["import DataTableColumnComponent from \"./data-table-column-component\";\n\nexport const MKDataTableColumnComponent = DataTableColumnComponent;\n\nexport default MKDataTableColumnComponent;\n\nexport * from \"./data-table-column-component-options\";\n"],"names":["DataTableColumnComponent"],"mappings":";;;;;;;AAEO,MAAM,0BAA6B,GAAAA;;;;;;"}

package/dist/cjs/components/data-model/data-table/data-table-options.d.ts

@@ -0,0 +1,67 @@
+import { ExtractPropTypes } from "vue";
+import { ColumnOptions, DataTable } from "@maketribe/dm";
+export declare const dataTableProps: {
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly pageSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly interfaceURL: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly listInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly deleteInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): ColumnOptions[];
+        (...items: ColumnOptions[]): ColumnOptions[];
+        new (arrayLength: number): ColumnOptions[];
+        new (...items: ColumnOptions[]): ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+};
+export type DataTableProps = ExtractPropTypes<typeof dataTableProps>;
+export declare const dataTableEmits: {
+    changeDataTable: (dataTable: any) => boolean;
+};
+export declare const DataTableEmits: "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";

package/dist/cjs/components/data-model/data-table/data-table-options.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var dm = require('@maketribe/dm');
+var utils = require('@maketribe/utils');
+
+const dataTableProps = utils.buildProps({
+  dataTable: { type: dm.DataTable, required: true },
+  selection: { type: Boolean, default: false },
+  name: { type: String },
+  primaryKey: { type: String },
+  pageSize: { type: Number },
+  interfaceURL: { type: Object },
+  listInterfaceURL: { type: String },
+  deleteInterfaceURL: { type: String },
+  autoLoad: { type: Boolean, default: true },
+  columns: { type: Array, default: () => [] }
+});
+const dataTableEmits = {
+  changeDataTable: (dataTable) => dataTable instanceof dm.DataTable
+};
+const DataTableEmits = typeof dataTableEmits;
+
+exports.DataTableEmits = DataTableEmits;
+exports.dataTableEmits = dataTableEmits;
+exports.dataTableProps = dataTableProps;
+//# sourceMappingURL=data-table-options.js.map

package/dist/cjs/components/data-model/data-table/data-table-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-options.js","sources":["../../../../../src/components/data-model/data-table/data-table-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { ColumnOptions, DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTableProps = buildProps({\n  dataTable: { type: DataTable<any>, required: true },\n  selection: { type: Boolean, default: false },\n  name: { type: String },\n  primaryKey: { type: String },\n  pageSize: { type: Number },\n  interfaceURL: { type: Object },\n  listInterfaceURL: { type: String },\n  deleteInterfaceURL: { type: String },\n  autoLoad: { type: Boolean, default: true },\n  columns: { type: Array<ColumnOptions>, default: () => [] },\n} as const);\n\nexport type DataTableProps = ExtractPropTypes<typeof dataTableProps>;\n\nexport const dataTableEmits = {\n  changeDataTable: (dataTable: any) => dataTable instanceof DataTable,\n};\n\nexport const DataTableEmits = typeof dataTableEmits;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,iBAAiBA,gBAAW,CAAA;AAAA,EACvC,SAAW,EAAA,EAAE,IAAM,EAAAC,YAAA,EAAgB,UAAU,IAAK,EAAA;AAAA,EAClD,SAAW,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,KAAM,EAAA;AAAA,EAC3C,IAAA,EAAM,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACrB,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EAC3B,QAAA,EAAU,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACzB,YAAA,EAAc,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EAC7B,gBAAA,EAAkB,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACjC,kBAAA,EAAoB,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACnC,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA,EACzC,SAAS,EAAE,IAAA,EAAM,OAAsB,OAAS,EAAA,MAAM,EAAG,EAAA;AAC3D,CAAU,EAAA;AAIH,MAAM,cAAiB,GAAA;AAAA,EAC5B,eAAA,EAAiB,CAAC,SAAA,KAAmB,SAAqB,YAAAA,YAAA;AAC5D,EAAA;AAEO,MAAM,iBAAiB,OAAO;;;;;;"}

package/dist/cjs/components/data-model/data-table/data-table.d.ts

@@ -0,0 +1,125 @@
+import { DataTable, TableColumn } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly pageSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly interfaceURL: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly listInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly deleteInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly pageSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly interfaceURL: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly listInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly deleteInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+}>>, {
+    readonly columns: import("@maketribe/dm").ColumnOptions[];
+    readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/dist/cjs/components/data-model/data-table/data-table.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var vue = require('vue');
+var dm = require('@maketribe/dm');
+var dataTableOptions = require('./data-table-options.js');
+var token = require('./token.js');
+var index = require('./views/table/index.js');
+
+var DataTable = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataTable",
+  props: dataTableOptions.dataTableProps,
+  setup(props, {
+    slots
+  }) {
+    let _dataTable = null;
+    const dataTable = vue.computed(() => {
+      if (props.dataTable instanceof dm.DataTable) {
+        return props.dataTable;
+      }
+      if (!_dataTable) {
+        _dataTable = vue.reactive(new dm.DataTable({
+          name: props.name,
+          primaryKey: props.primaryKey,
+          pageSize: props.pageSize ?? 20,
+          interfaceURL: {
+            list: props.listInterfaceURL || "",
+            delete: props.deleteInterfaceURL || ""
+          }
+        }));
+      }
+      return _dataTable;
+    });
+    vue.watch(dataTable, async (dataTable2) => {
+      dataTable2.dataFilter.setReady();
+      if (props.autoLoad) {
+        dataTable2.load();
+      }
+      let columns = vue.unref(dataTable2).getColumns();
+      const extractColumnConfig = props.columns.filter((config) => columns.findIndex((column) => column.name === config.name) === -1);
+      const extractColumn = extractColumnConfig.map((config) => new dm.TableColumn({
+        visible: true,
+        ...config
+      }));
+      columns = [...extractColumn, ...columns];
+      let sortedColumns = [];
+      for (const columnConfig of props.columns) {
+        const column = columns.find((column2) => column2.name === columnConfig.name);
+        sortedColumns.push(column);
+      }
+      const _columns = columns.filter((column) => sortedColumns.findIndex((item) => item.name === column.name) === -1);
+      sortedColumns = [...sortedColumns, ..._columns];
+      dataTable2.setColumns(sortedColumns);
+      await dataTable2.init();
+    }, {
+      immediate: true
+    });
+    vue.provide(token.DATATABLE_CONTEXT_KEY, vue.reactive({
+      dataTable
+    }));
+    return () => {
+      return vue.createVNode("div", {
+        "class": "mk-data-table"
+      }, [slots?.default?.({
+        dataTable: vue.unref(dataTable)
+      }) || vue.createVNode(index.MKTableView, {
+        "dataTable": vue.unref(dataTable)
+      }, null)]);
+    };
+  }
+});
+
+module.exports = DataTable;
+//# sourceMappingURL=data-table.js.map

package/dist/cjs/components/data-model/data-table/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { dataTableProps } from \"./data-table-options\";\nimport { DATATABLE_CONTEXT_KEY } from \"./token\";\nimport MKTableView from \"./views/table\";\n\nexport default defineComponent({\n  name: \"MKDataTable\",\n  props: dataTableProps,\n  setup(props, { slots }) {\n    let _dataTable: DataTable | null = null;\n\n    const dataTable = computed(() => {\n      if (props.dataTable instanceof DataTable) {\n        return props.dataTable;\n      }\n\n      if (!_dataTable) {\n        _dataTable = reactive(\n          new DataTable({\n            name: props.name!,\n            primaryKey: props.primaryKey,\n            pageSize: props.pageSize ?? 20,\n            interfaceURL: {\n              list: props.listInterfaceURL || \"\",\n              delete: props.deleteInterfaceURL || \"\",\n            },\n          })\n        ) as DataTable;\n      }\n\n      return _dataTable;\n    });\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        dataTable.dataFilter.setReady();\n        if (props.autoLoad) {\n          dataTable.load();\n        }\n\n        let columns = unref(dataTable).getColumns();\n\n        const extractColumnConfig = props.columns.filter(\n          (config) =>\n            columns.findIndex((column) => column.name === config.name) === -1\n        );\n\n        const extractColumn = extractColumnConfig.map(\n          (config) => new TableColumn({ visible: true, ...config })\n        );\n\n        columns = [...extractColumn, ...columns];\n\n        let sortedColumns: TableColumn[] = [];\n        for (const columnConfig of props.columns) {\n          const column = columns.find(\n            (column) => column.name === columnConfig.name\n          )!;\n\n          sortedColumns.push(column);\n        }\n\n        const _columns = columns.filter(\n          (column) =>\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\n        );\n\n        sortedColumns = [...sortedColumns, ..._columns];\n\n        dataTable.setColumns(sortedColumns);\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    provide(DATATABLE_CONTEXT_KEY, reactive({ dataTable }));\n\n    return () => {\n      return (\n        <div class=\"mk-data-table\">\n          {slots?.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTableView dataTable={unref(dataTable)} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","watch","dataFilter","setReady","autoLoad","load","columns","unref","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_createVNode","default","MKTableView"],"mappings":"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"}