@skyworx/dynamic-ui 1.0.19 → 1.0.21

package/dist/types/types/index.d.ts

@@ -0,0 +1,149 @@
+export interface User {
+    id: number;
+    email: string;
+    name: string;
+    role: string | 'admin' | 'manager' | 'staff';
+    avatar?: string;
+    username?: string;
+    menu?: any[];
+}
+export interface LoginCredentials {
+    email: string;
+    password: string;
+}
+export interface AuthResponse {
+    token: string;
+    user: User;
+}
+export interface Customer {
+    id: string;
+    customerId: string;
+    name: string;
+    email: string;
+    phone: string;
+    accountNumber: string;
+    balance: number;
+    status: 'active' | 'inactive' | 'blocked';
+    createdAt: string;
+    address: string;
+    idNumber: string;
+}
+export interface Transaction {
+    id: string;
+    transactionId: string;
+    type: 'credit' | 'debit';
+    amount: number;
+    description: string;
+    status: 'success' | 'pending' | 'failed';
+    timestamp: string;
+    accountNumber: string;
+    customerName: string;
+    reference?: string;
+}
+export interface DashboardSummary {
+    totalCustomers: number;
+    totalBalance: number;
+    todayTransactions: number;
+    failedTransactions: number;
+    customerGrowth: number;
+    balanceGrowth: number;
+    transactionGrowth: number;
+}
+export interface ChartData {
+    labels: string[];
+    datasets: {
+        label: string;
+        data: number[];
+        backgroundColor?: string | string[];
+        borderColor?: string | string[];
+        borderWidth?: number;
+        tension?: number;
+        fill?: boolean;
+    }[];
+}
+export interface TableColumn {
+    key: string;
+    label: string;
+    align?: 'left' | 'center' | 'right';
+    width?: string;
+    format?: (value: any) => string;
+    sortable?: boolean;
+    type?: 'text' | 'badge' | any;
+    condition?: {
+        value: any;
+        color?: string;
+        variant?: string;
+        label?: string;
+        labelID?: string;
+        labelEN?: string;
+        labelKR?: string;
+        class?: string;
+        logic?: any;
+        conditionRule?: any;
+    }[];
+    keyCheckbox?: string;
+    keyPayload?: string;
+    propsCustom?: any[];
+    buttons?: any[];
+    props?: Record<string, any>;
+    isHidden?: boolean;
+    custom?: {
+        type?: string;
+        propsCustom?: any[];
+        props?: Record<string, any>;
+        buttons?: any[];
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
+export interface SortConfig {
+    key: string;
+    direction: 'asc' | 'desc';
+}
+export interface PaginationConfig {
+    currentPage: number;
+    perPage: number;
+    totalItems: number;
+    totalPages: number;
+}
+export interface ApiResponse<T> {
+    success: boolean;
+    data: T;
+    message?: string;
+    error?: string;
+}
+export interface Notification {
+    id: string;
+    type: 'info' | 'success' | 'warning' | 'error';
+    title: string;
+    message: string;
+    read: boolean;
+    timestamp: string;
+}
+export interface MenuItem {
+    id: string;
+    label: string;
+    icon: string;
+    route: string;
+    badge?: number;
+    children?: MenuItem[];
+}
+export interface DatatableConfig {
+    id: number;
+    code: string;
+    titleID: string;
+    titleEN: string;
+    titleKR?: string;
+    descriptionID: string;
+    descriptionEN: string;
+    descriptionKR?: string;
+    pagination: boolean;
+    action?: any[];
+    actionGlobal?: any[];
+    headers: any[];
+    filter?: any[];
+    filters?: any[];
+    endpoint?: any;
+    endpointGlobal?: any;
+    payload?: any;
+}

package/dist/types/utils/action.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const isActionDisabled: (action: any, selectedCount: number) => boolean;
+export declare const disableButtonsBySelection: (buttons: any[] | undefined, selectedCount: number) => any[];

package/dist/types/utils/action.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/datePIckerColor.d.ts

@@ -0,0 +1,8 @@
+import { type Ref } from "vue";
+export type Tone = "primary" | "emerald" | "amber" | "violet" | "destructive";
+export declare function applyVueDatePickerToneForced(tone: Tone, styleId?: string): void;
+export declare function useVueDatePickerToneForced(toneRef: Ref<Tone>, styleId?: string): void;
+/** ✅ Button shadcn: tone -> variant */
+export type ShadcnVariant = "default" | "outline" | "destructive" | "outline-destructive" | "emerald" | "amber" | "violet" | "outline-emerald" | "outline-amber" | "outline-violet";
+export declare function getSelectVariantByTone(tone: Tone): ShadcnVariant;
+export declare function getCancelVariantByTone(tone: Tone): ShadcnVariant;

package/dist/types/utils/download.utils.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Download helpers shared by DataTable and useFormActions.
+ *
+ * Why this exists: a host `apiUrl` may resolve with a bare Blob, in which case response
+ * headers (notably Content-Disposition) are gone and the filename is unrecoverable. So when
+ * a download comes back as JSON we cannot trust the MIME type alone to tell a real file
+ * from an error envelope - we look at the payload shape instead.
+ */
+/**
+ * Reads at most `limit` bytes from a blob and parses them as JSON.
+ * Returns null when the blob is not JSON, is truncated mid-structure, or is empty.
+ */
+export declare const parseJsonHead: (blob: Blob, limit?: number) => Promise<any | null>;
+/**
+ * True when parsed JSON looks like an API error envelope rather than exported data.
+ *
+ * Array roots are always treated as data - exports are commonly arrays of records.
+ * Objects qualify when they carry an explicit failure flag or an error key, or when
+ * they are small enough and have a `message` (typical `{ message: "..." }` envelope).
+ */
+export declare const isErrorEnvelope: (data: any) => boolean;
+/**
+ * Best-effort human readable message from an error envelope.
+ */
+export declare const errorEnvelopeMessage: (data: any, fallback: string) => string;
+/**
+ * True when the server (or schema) already declared this response as a downloadable file,
+ * so a JSON body must not be second-guessed as an error.
+ */
+export declare const serverSaidFile: (headerFilename: string | null | undefined, contentDisposition: string | null | undefined, responseType?: string) => boolean;

package/dist/types/utils/download.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/formdata.utils.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Multipart helpers shared by DataTable and useDynamicForm.
+ *
+ * Why this exists: endpoints that take a file reject a JSON body with HTTP 415.
+ * `JSON.stringify(new File(...))` yields `{}`, so the upload is lost even when the
+ * server tolerates the content type. Any payload holding a File/Blob must be
+ * wrapped in FormData before it reaches `apiUrl`, and the Content-Type header must
+ * be dropped so the browser can append its own multipart boundary.
+ */
+/**
+ * Robust check for File/Blob objects, even if proxied or from different contexts.
+ * Also matches plain descriptors such as `{ name, size }` sent by third-party inputs.
+ */
+export declare const isFileObject: (val: any) => boolean;
+/**
+ * True when any top-level value in the payload is a File/Blob, meaning the request
+ * has to go out as multipart instead of JSON.
+ */
+export declare const hasFile: (payload: Record<string, any> | null | undefined) => boolean;
+/**
+ * Flattens a payload into FormData. Nullish values are dropped; arrays are appended
+ * once per element so repeated keys stay repeated, matching how `apiUrl` serialises
+ * JSON arrays.
+ */
+export declare const toFormData: (payload: Record<string, any>) => FormData;
+/**
+ * Wraps the payload in FormData when it carries a file and the method can carry a
+ * body, otherwise returns it untouched. Content-Type is dropped from `config` so the
+ * host does not force a boundary-less JSON content type. Headers are copied rather
+ * than mutated in place, because `config` often originates from a schema prop.
+ */
+export declare const buildMultipartBody: (payload: Record<string, any>, apiMethod: string | undefined, config: Record<string, any>) => Record<string, any> | FormData;

package/dist/types/utils/formdata.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/helpers.d.ts

@@ -0,0 +1,38 @@
+export declare const formatCurrency: (amount: number) => string;
+/**
+ * Enhanced currency formatter using currency.js
+ * Supports IDR, USD, EUR
+ */
+export declare const formatByCurrency: (value: any, currencyCode?: string) => string;
+export declare const formatTanggalIndonesia: (date: Date | string | number, withDay?: boolean) => string;
+export declare const formatDate: (date: string | Date, format?: "short" | "long" | "time" | "datetime", locale?: string) => string;
+export declare const formatCustomDate: (date: string | Date, formatStr: string) => string;
+export declare const formatAccountNumber: (accountNumber: string) => string;
+export declare const generateId: () => string;
+export declare const debounce: <T extends (...args: any[]) => any>(func: T, delay: number) => ((...args: Parameters<T>) => void);
+export declare const isValidEmail: (email: string) => boolean;
+export declare const calculatePercentageChange: (current: number, previous: number) => number;
+export declare const getInitials: (name: string) => string;
+export declare const sleep: (ms: number) => Promise<void>;
+export declare const storage: {
+    get: <T>(key: string) => T | null;
+    set: <T>(key: string, value: T) => void;
+    remove: (key: string) => void;
+    clear: () => void;
+};
+export declare const cloneDeep: <T>(val: T) => T;
+export declare const copyToClipboard: (text: string) => Promise<void>;
+export type FieldSize = "sm" | "default" | "lg";
+export type Rounded = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+export declare const roundedClass: (r?: Rounded | string) => string;
+export declare const fieldSizeClass: (s?: FieldSize) => "h-8 px-2.5 text-sm" | "h-11 px-3.5 text-base" | "h-10 px-3 text-sm";
+export declare const resolveLucideIcon: (iconName: string | undefined | null, lucideIcons: Record<string, any>) => any;
+/**
+ * Resolve a menu icon string to a Lucide component.
+ *
+ * Accepts Lucide names ("Home", "user-cog") as well as legacy MDI font classes
+ * ("mdi-view-dashboard", "mdi mdi-account-group") and maps them to their closest
+ * Lucide equivalent. Returns `null` when nothing matches, so callers can fall back
+ * (e.g. to a monogram) instead of rendering an empty box.
+ */
+export declare const resolveMenuIcon: (iconName: string | undefined | null, lucideIcons: Record<string, any>) => any;

package/dist/types/utils/inFlightFetch.d.ts

@@ -0,0 +1 @@
+export declare function shareDetailGet(method: string, url: string, params: any, run: () => Promise<any>): Promise<any>;

package/dist/types/utils/inFlightFetch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/permission.d.ts

@@ -0,0 +1,17 @@
+export declare function getUserData(): any;
+/**
+ * Get user permissions/menu from localStorage
+ */
+export declare function getUserPermissions(): any;
+/**
+ * Check if user has access to a specific route
+ */
+export declare function hasRouteAccess(routePath: string): boolean;
+/**
+ * Check if user has access to a specific action on a route
+ */
+export declare function hasActionAccess(routePath: string, actionCode: string): boolean;
+/**
+ * Check if route exists in user menu structure (regardless of permission)
+ */
+export declare function routeExistsInMenu(routePath: string): boolean;

package/dist/types/utils/range.utils.d.ts

@@ -0,0 +1,22 @@
+export declare const RANGE_SEPARATOR = " - ";
+export declare const hasRangeSeparator: (value: unknown) => boolean;
+/**
+ * Split a serialized range ("10 - 20") into its two sides.
+ * A plain value with no separator is treated as the lower bound.
+ */
+export declare const parseRange: (value: unknown) => [string, string];
+/**
+ * Join the two bounds back into the single string the API stores.
+ * Returns null when both sides are empty so the field clears instead of
+ * submitting "".
+ */
+export declare const formatRange: (from: unknown, to: unknown) => string | null;
+export declare const isRangeInverted: (from: unknown, to: unknown) => boolean;
+/**
+ * Whether to raise the order error. `isRangeInverted` answers a mathematical
+ * question, this answers the product one: an inverted range is only a mistake
+ * when the field opts into the guard, because "21 - 10" is a legitimate value
+ * for a window, a scoring band or a delta. Off by default, and a rangeRule that
+ * predates the flag is treated as off so no saved schema starts failing.
+ */
+export declare const shouldFlagInvertedRange: (from: unknown, to: unknown, enforceOrder?: boolean) => boolean;

package/dist/types/utils/range.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{viewer-D-iX9lu-.js → viewer-D0uULCEb.js}

@@ -1,5 +1,5 @@
 import { p as O, U as W, C as T, i as p, a as H, F as Kn, s as on, I as Zn, B as Qn, o as sn, j as Fe, Y as rn, q as mt, k as Be, K as ti, J as Tt, Z as ei, z as ni, H as It, G as ii, L as an, g as cn } from "./DrilldownUtil-esP8Tbvd.js";
-import { g as oi } from "./index-DagL5UIu.js";
+import { g as oi } from "./index-CxjDiPC4.js";
 const N = "tokenSimulation.toggleMode", ln = "tokenSimulation.playSimulation", un = "tokenSimulation.pauseSimulation", tt = "tokenSimulation.resetSimulation", si = "tokenSimulation.animationCreated", hn = "tokenSimulation.animationSpeedChanged", pn = "tokenSimulation.simulator.elementChanged", Gt = "tokenSimulation.simulator.destroyScope", ri = "tokenSimulation.simulator.scopeChanged", vt = "tokenSimulation.simulator.createScope", Bt = "tokenSimulation.scopeFilterChanged", fn = "tokenSimulation.simulator.trace";
 var ai = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"/></svg>', ci = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/></svg>', li = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>', ui = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"/></svg>', hi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/></svg>', pi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z"/></svg>', fi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"/></svg>', mi = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 580.5 448">
   <path fill="currentColor" d="M112 0C85 0 64 22 64 48v196l192-89V48c0-26-22-48-48-48zm256 0c-27 0-48 22-48 48v77l190-89c-5-21-24-36-46-36Zm144 105-192 89v70l192-89zM256 224 64 314v70l192-90zm256 21-192 89v66c0 27 21 48 48 48h96c26 0 48-21 48-48zM256 364 89 442c7 4 14 6 23 6h96c26 0 48-21 48-48z"/>