@adminforth/dashboard 1.4.1 → 1.4.2

package/custom/package.json

@@ -2,6 +2,7 @@
   "name": "custom",
   "version": "1.0.0",
   "main": "index.js",
+  "type": "module",
   "license": "MIT",
   "dependencies": {
     "yaml": "^2.9.0"

package/dist/custom/api/dashboardApi.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,16 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dashboardApi = exports.DashboardApiError = void 0;
-class DashboardApiError extends Error {
+export class DashboardApiError extends Error {
     constructor(message, validationErrors = []) {
         super(message);
         this.name = 'DashboardApiError';
         this.validationErrors = validationErrors;
     }
 }
-exports.DashboardApiError = DashboardApiError;
 function normalizeValidationErrors(response) {
     if (Array.isArray(response === null || response === void 0 ? void 0 : response.validationErrors)) {
         return response.validationErrors;
@@ -97,7 +93,7 @@ function callDashboardWidgetDataApi(path, body) {
         };
     });
 }
-exports.dashboardApi = {
+export const dashboardApi = {
     getDashboardConfig(slug) {
         return __awaiter(this, void 0, void 0, function* () {
             return callDashboardApi('/adminapi/v1/dashboard/get-config', { slug });

package/dist/custom/composables/useElementSize.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useElementSize = useElementSize;
-const vue_1 = require("vue");
-function useElementSize() {
-    const el = (0, vue_1.shallowRef)(null);
-    const width = (0, vue_1.ref)(0);
-    const height = (0, vue_1.ref)(0);
+import { onBeforeUnmount, onMounted, ref, shallowRef } from 'vue';
+export function useElementSize() {
+    const el = shallowRef(null);
+    const width = ref(0);
+    const height = ref(0);
     let observer;
     let frameId;
-    (0, vue_1.onMounted)(() => {
+    onMounted(() => {
         observer = new ResizeObserver(([entry]) => {
             if (!entry) {
                 return;
@@ -28,7 +25,7 @@ function useElementSize() {
             observer.observe(el.value);
         }
     });
-    (0, vue_1.onBeforeUnmount)(() => {
+    onBeforeUnmount(() => {
         if (frameId !== undefined) {
             cancelAnimationFrame(frameId);
         }

package/dist/custom/model/dashboard.types.js

@@ -1,4 +1,3 @@
-"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,13 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.serializeDashboardWidgetConfigForEditor = serializeDashboardWidgetConfigForEditor;
-exports.getFieldRefField = getFieldRefField;
-function serializeDashboardWidgetConfigForEditor(widget) {
+export function serializeDashboardWidgetConfigForEditor(widget) {
     const { id: _id, group_id: _groupId, order: _order } = widget, editableWidget = __rest(widget, ["id", "group_id", "order"]);
     return editableWidget;
 }
-function getFieldRefField(value) {
+export function getFieldRefField(value) {
     return typeof value === 'string' ? value : value === null || value === void 0 ? void 0 : value.field;
 }

package/dist/custom/model/dashboardTopics.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DASHBOARD_CONFIG_UPDATED_TOPIC_PREFIX = void 0;
-exports.getDashboardConfigUpdatedTopic = getDashboardConfigUpdatedTopic;
-exports.DASHBOARD_CONFIG_UPDATED_TOPIC_PREFIX = '/opentopic/dashboard-config-updated';
-function getDashboardConfigUpdatedTopic(slug) {
-    return `${exports.DASHBOARD_CONFIG_UPDATED_TOPIC_PREFIX}/${slug}`;
+export const DASHBOARD_CONFIG_UPDATED_TOPIC_PREFIX = '/opentopic/dashboard-config-updated';
+export function getDashboardConfigUpdatedTopic(slug) {
+    return `${DASHBOARD_CONFIG_UPDATED_TOPIC_PREFIX}/${slug}`;
 }

package/dist/custom/package.json

@@ -2,6 +2,7 @@
   "name": "custom",
   "version": "1.0.0",
   "main": "index.js",
+  "type": "module",
   "license": "MIT",
   "dependencies": {
     "yaml": "^2.9.0"

package/dist/custom/queries/useDashboardConfig.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,15 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDashboardConfig = useDashboardConfig;
-const vue_1 = require("vue");
-const dashboardApi_js_1 = require("../api/dashboardApi.js");
-function useDashboardConfig(slug) {
-    const data = (0, vue_1.ref)(null);
-    const isLoading = (0, vue_1.ref)(false);
-    const isFetching = (0, vue_1.ref)(false);
-    const error = (0, vue_1.ref)(null);
+import { ref, watch } from 'vue';
+import { dashboardApi } from '../api/dashboardApi.js';
+export function useDashboardConfig(slug) {
+    const data = ref(null);
+    const isLoading = ref(false);
+    const isFetching = ref(false);
+    const error = ref(null);
     function refetch() {
         return __awaiter(this, void 0, void 0, function* () {
             if (!slug.value) {
@@ -29,7 +26,7 @@ function useDashboardConfig(slug) {
                 isLoading.value = true;
             }
             try {
-                const response = yield dashboardApi_js_1.dashboardApi.getDashboardConfig(slug.value);
+                const response = yield dashboardApi.getDashboardConfig(slug.value);
                 data.value = response;
                 error.value = null;
                 return response;
@@ -44,7 +41,7 @@ function useDashboardConfig(slug) {
             }
         });
     }
-    (0, vue_1.watch)(slug, () => {
+    watch(slug, () => {
         void refetch();
     }, { immediate: true });
     return {

package/dist/custom/queries/useWidgetData.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,15 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWidgetData = useWidgetData;
-const vue_1 = require("vue");
-const dashboardApi_js_1 = require("../api/dashboardApi.js");
-function useWidgetData(slug, widgetId, request) {
-    const data = (0, vue_1.ref)(null);
-    const isLoading = (0, vue_1.ref)(false);
-    const isFetching = (0, vue_1.ref)(false);
-    const error = (0, vue_1.ref)(null);
+import { ref, watch } from 'vue';
+import { dashboardApi } from '../api/dashboardApi.js';
+export function useWidgetData(slug, widgetId, request) {
+    const data = ref(null);
+    const isLoading = ref(false);
+    const isFetching = ref(false);
+    const error = ref(null);
     function refetch() {
         return __awaiter(this, void 0, void 0, function* () {
             if (!slug.value || !widgetId.value) {
@@ -29,7 +26,7 @@ function useWidgetData(slug, widgetId, request) {
                 isLoading.value = true;
             }
             try {
-                const response = yield dashboardApi_js_1.dashboardApi.getDashboardWidgetData(slug.value, widgetId.value, request === null || request === void 0 ? void 0 : request.value);
+                const response = yield dashboardApi.getDashboardWidgetData(slug.value, widgetId.value, request === null || request === void 0 ? void 0 : request.value);
                 data.value = response;
                 error.value = null;
                 return response;
@@ -44,7 +41,7 @@ function useWidgetData(slug, widgetId, request) {
             }
         });
     }
-    (0, vue_1.watch)(request ? [slug, widgetId, request] : [slug, widgetId], () => {
+    watch(request ? [slug, widgetId, request] : [slug, widgetId], () => {
         void refetch();
     }, { immediate: true });
     return {

package/dist/custom/widgets/chart/chart.types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/custom/widgets/chart/chart.utils.js

@@ -1,12 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CHART_COLORS = void 0;
-exports.toFiniteNumber = toFiniteNumber;
-exports.formatChartValue = formatChartValue;
-exports.getChartYAxisWidth = getChartYAxisWidth;
-exports.formatChartLabel = formatChartLabel;
-exports.formatChartAxisLabel = formatChartAxisLabel;
-exports.CHART_COLORS = [
+export const CHART_COLORS = [
     '#2563eb',
     '#16a34a',
     '#f97316',
@@ -16,20 +8,20 @@ exports.CHART_COLORS = [
     '#ca8a04',
     '#db2777',
 ];
-function toFiniteNumber(value) {
+export function toFiniteNumber(value) {
     const numberValue = typeof value === 'number' ? value : Number(value);
     return Number.isFinite(numberValue) ? numberValue : 0;
 }
-function formatChartValue(value, options = {}) {
+export function formatChartValue(value, options = {}) {
     return new Intl.NumberFormat(undefined, options).format(value);
 }
-function getChartYAxisWidth(values, chartWidth) {
+export function getChartYAxisWidth(values, chartWidth) {
     const maxLabelLength = Math.max(...values.map((value) => formatChartValue(value).length), 1);
     const estimatedWidth = Math.ceil(maxLabelLength * 6.5) + 18;
     const responsiveMaxWidth = Math.max(Math.floor(chartWidth * 0.36), 38);
     return Math.min(Math.max(estimatedWidth, 38), responsiveMaxWidth, 120);
 }
-function formatChartLabel(value) {
+export function formatChartLabel(value) {
     if (typeof value !== 'string') {
         return String(value);
     }
@@ -43,7 +35,7 @@ function formatChartLabel(value) {
         day: '2-digit',
     }).format(new Date(timestamp));
 }
-function formatChartAxisLabel(value, maxLength = 12) {
+export function formatChartAxisLabel(value, maxLength = 12) {
     const rawLabel = typeof value === 'string' ? value : String(value);
     const timestamp = Date.parse(rawLabel);
     const label = Number.isFinite(timestamp)

package/dist/custom/widgets/registry.js

@@ -1,47 +1,39 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.widgetRegistry = void 0;
-exports.getWidgetRegistration = getWidgetRegistration;
-exports.getWidgetLabel = getWidgetLabel;
-const ChartWidget_vue_1 = __importDefault(require("./chart/ChartWidget.vue"));
-const GaugeCardWidget_vue_1 = __importDefault(require("./gauge-card/GaugeCardWidget.vue"));
-const KpiCardWidget_vue_1 = __importDefault(require("./kpi-card/KpiCardWidget.vue"));
-const PivotTableWidget_vue_1 = __importDefault(require("./pivot-table/PivotTableWidget.vue"));
-const TableWidget_vue_1 = __importDefault(require("./table/TableWidget.vue"));
-exports.widgetRegistry = [
+import ChartWidget from './chart/ChartWidget.vue';
+import GaugeCardWidget from './gauge-card/GaugeCardWidget.vue';
+import KpiCardWidget from './kpi-card/KpiCardWidget.vue';
+import PivotTableWidget from './pivot-table/PivotTableWidget.vue';
+import TableWidget from './table/TableWidget.vue';
+export const widgetRegistry = [
     {
         type: 'table',
         label: 'Table',
-        component: TableWidget_vue_1.default,
+        component: TableWidget,
     },
     {
         type: 'chart',
         label: 'Chart',
-        component: ChartWidget_vue_1.default,
+        component: ChartWidget,
     },
     {
         type: 'kpi_card',
         label: 'KPI Card',
-        component: KpiCardWidget_vue_1.default,
+        component: KpiCardWidget,
     },
     {
         type: 'pivot_table',
         label: 'Pivot Table',
-        component: PivotTableWidget_vue_1.default,
+        component: PivotTableWidget,
     },
     {
         type: 'gauge_card',
         label: 'Gauge Card',
-        component: GaugeCardWidget_vue_1.default,
+        component: GaugeCardWidget,
     },
 ];
-function getWidgetRegistration(type) {
-    return exports.widgetRegistry.find((widget) => widget.type === type);
+export function getWidgetRegistration(type) {
+    return widgetRegistry.find((widget) => widget.type === type);
 }
-function getWidgetLabel(type) {
+export function getWidgetLabel(type) {
     var _a;
     return ((_a = getWidgetRegistration(type)) === null || _a === void 0 ? void 0 : _a.label) || type.replaceAll('_', ' ');
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/dashboard",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",