@skyworx/dynamic-ui 1.0.29 → 1.0.31

package/dist/index.d.ts

@@ -194,6 +194,7 @@ export { closeToast } from './types/composables/useToast'
 export { dummyToastifyPlugin } from './types/composables/useToast'
 export { endLoginTransition } from './types/composables/useAuthOverlay'
 export { endLogout } from './types/composables/useAuthOverlay'
+export { extractErrorMessage } from './types/utils/extractErrorMessage'
 export { setLoginError } from './types/composables/useAuthOverlay'
 export { setLoginSuccess } from './types/composables/useAuthOverlay'
 export { setPaginationStorage } from './types/composables/dynamic-form/utils/form.utils'

package/dist/{jszip.min-BbdnbXuj.js → jszip.min-C8nNUXC2.js}

@@ -1,4 +1,4 @@
-import { c as bt, g as It } from "./index-DFkmWGJV.js";
+import { c as bt, g as It } from "./index-COpd-UNY.js";
 function vt(yt) {
   throw new Error('Could not dynamically require "' + yt + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }

package/dist/{pptx-preview.es-C_DBLBbj.js → pptx-preview.es-CaFMaG9v.js}

@@ -1,5 +1,5 @@
-import { o as cW } from "./jszip.min-BbdnbXuj.js";
-import { c as av } from "./index-DFkmWGJV.js";
+import { o as cW } from "./jszip.min-C8nNUXC2.js";
+import { c as av } from "./index-COpd-UNY.js";
 var b_ = function(r, e) {
   return b_ = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, n) {
     t.__proto__ = n;

package/dist/types/components/base/DCodeDynamicCollapse.vue.d.ts

@@ -14,7 +14,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         default: () => never[];
     };
     label: {
@@ -88,7 +88,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     loaded: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         default: () => never[];
     };
     label: {

package/dist/types/composables/dynamic-form/actions/useFormActions.d.ts

@@ -6,5 +6,5 @@ export declare function useFormActions({ state, props, emit, apiUrl, router, loc
     performAction: (action: any) => Promise<void>;
     handleSubmit: () => Promise<void>;
     handleCancel: () => any;
-    handleFieldUpdate: (model: string, value: any, sectionKey?: string) => void;
+    handleFieldUpdate: (model: string, value: any, sectionKey?: string, scopedPath?: string) => void;
 };

package/dist/types/composables/dynamic-form/navigation/navigation.types.d.ts

@@ -21,10 +21,16 @@ export interface NavigationRule {
     condition?: any;
     targetSection: string;
     hiddenRules: Record<string, boolean | any>;
-    parentRowContext?: {
-        parentArrayKey: string;
-        childArrayKey: string;
-    };
+    parentRowContext?: NavigationParentRowContext;
+}
+export interface NavigationParentRowContext {
+    parentArrayKey: string;
+    childArrayKey?: string;
+}
+export interface ActiveParentRowContext {
+    parentArrayKey: string;
+    rowIndex: number;
+    childArrayKey?: string;
 }
 /**
  * Configuration for navigation trigger on action buttons
@@ -39,10 +45,7 @@ export interface NavigationConfig {
     backButtonPosition?: 'header' | 'footer' | 'both';
     backButtonConfig?: BackButtonConfig;
     preserveData?: boolean;
-    parentRowContext?: {
-        parentArrayKey: string;
-        childArrayKey: string;
-    };
+    parentRowContext?: NavigationParentRowContext;
 }
 /**
  * Item in navigation history stack
@@ -65,11 +68,7 @@ export interface NavigationState {
     hiddenStates: Record<string, boolean>;
     navigationEnabled: Set<string>;
     maxHistoryDepth: number;
-    parentRowContext?: {
-        parentArrayKey: string;
-        rowIndex: number;
-        childArrayKey: string;
-    } | null;
+    parentRowContext?: ActiveParentRowContext | null;
 }
 /**
  * Options for useFormNavigation composable

package/dist/types/composables/dynamic-form/navigation/useFormNavigation.d.ts

@@ -29,7 +29,7 @@ export declare function useFormNavigation(options?: UseFormNavigationOptions, ev
         parentRowContext?: {
             parentArrayKey: string;
             rowIndex: number;
-            childArrayKey: string;
+            childArrayKey?: string | undefined;
         } | null | undefined;
     }, NavigationState | {
         currentContext: string | null;
@@ -55,7 +55,7 @@ export declare function useFormNavigation(options?: UseFormNavigationOptions, ev
         parentRowContext?: {
             parentArrayKey: string;
             rowIndex: number;
-            childArrayKey: string;
+            childArrayKey?: string | undefined;
         } | null | undefined;
     }>;
     hasHistory: import("vue").ComputedRef<boolean>;
@@ -83,7 +83,7 @@ export declare function useFormNavigation(options?: UseFormNavigationOptions, ev
     parentRowContext: import("vue").ComputedRef<{
         parentArrayKey: string;
         rowIndex: number;
-        childArrayKey: string;
+        childArrayKey?: string | undefined;
     } | null | undefined>;
     navigateTo: (config: NavigationConfig, context?: any) => void;
     navigateBack: () => void;

package/dist/types/composables/dynamic-form/navigation/useFormNavigation.parent-row.test.d.ts

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

package/dist/types/composables/dynamic-form/useDynamicForm.d.ts

@@ -27,7 +27,7 @@ export declare function useDynamicForm(props: DynamicFormProps, emit: any): {
             parentRowContext?: {
                 parentArrayKey: string;
                 rowIndex: number;
-                childArrayKey: string;
+                childArrayKey?: string | undefined;
             } | null | undefined;
         }, import("./navigation/navigation.types").NavigationState | {
             currentContext: string | null;
@@ -53,7 +53,7 @@ export declare function useDynamicForm(props: DynamicFormProps, emit: any): {
             parentRowContext?: {
                 parentArrayKey: string;
                 rowIndex: number;
-                childArrayKey: string;
+                childArrayKey?: string | undefined;
             } | null | undefined;
         }>;
         hasHistory: import("vue").ComputedRef<boolean>;
@@ -81,7 +81,7 @@ export declare function useDynamicForm(props: DynamicFormProps, emit: any): {
         parentRowContext: import("vue").ComputedRef<{
             parentArrayKey: string;
             rowIndex: number;
-            childArrayKey: string;
+            childArrayKey?: string | undefined;
         } | null | undefined>;
         navigateTo: (config: import("./navigation/navigation.types").NavigationConfig, context?: any) => void;
         navigateBack: () => void;
@@ -139,7 +139,7 @@ export declare function useDynamicForm(props: DynamicFormProps, emit: any): {
     performAction: (action: any) => Promise<void>;
     handleSubmit: () => Promise<void>;
     handleCancel: () => any;
-    handleFieldUpdate: (model: string, value: any, sectionKey?: string) => void;
+    handleFieldUpdate: (model: string, value: any, sectionKey?: string, scopedPath?: string) => void;
     getCleanPayload: () => Record<string, any>;
     applyFieldMapping: (data: Record<string, any>, mapping: Record<string, any>) => Record<string, any>;
     handleResponseMapping: (res: any, mapping: Record<string, any>, basePath?: string) => void;

package/dist/types/composables/dynamic-form/utils/form.utils.d.ts

@@ -47,6 +47,12 @@ export declare const mergeDeep: (target: any, source: any, seen?: WeakSet<object
 export declare const hasKeyParamDependencies: (endpoint: any) => boolean;
 export declare const resolveEndpointUrl: (url: string, baseUrl?: any) => string;
 export declare const isRowEmpty: (row: any) => boolean;
+/**
+ * Nests dotted/indexed child table data inside parent arrays and cleans empty rows.
+ * E.g., attaches payload["asuransiConfigList.0.details"] -> payload["asuransiConfigList"][0]["details"]
+ * and cleans up flat dotted keys from the root payload.
+ */
+export declare const nestChildDataIntoParent: (payload: Record<string, any>) => void;
 export declare const paginationStorageKey: (sectionKey: string, apiUrl: string) => string;
 export interface PaginationStorage {
     load(key: string): any | null;

package/dist/types/composables/useToast.d.ts

@@ -38,6 +38,8 @@ export declare const toastState: import("vue").Ref<{
     duration?: number | undefined;
     onConfirm?: (() => void) | undefined;
 }>;
+export declare const defaultConfirmText: Record<ToastType, string>;
+export declare const defaultTitles: Record<ToastType, string>;
 /**
  * Close the alert modal
  */
@@ -51,10 +53,10 @@ export declare const showToast: (options: ToastOptions) => void;
  * import { toast } from '@skyworx/dynamic-ui'
  */
 export declare const toast: {
-    success: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
-    error: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
-    warning: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
-    info: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
+    success: (titleOrMessage: any, messageOrTitle?: any, duration?: number, immediate?: boolean) => void;
+    error: (titleOrMessage: any, messageOrTitle?: any, duration?: number, immediate?: boolean) => void;
+    warning: (titleOrMessage: any, messageOrTitle?: any, duration?: number, immediate?: boolean) => void;
+    info: (titleOrMessage: any, messageOrTitle?: any, duration?: number, immediate?: boolean) => void;
     loading: (title?: string, message?: string) => void;
     show: (options: ToastOptions) => void;
     close: () => void;
@@ -66,10 +68,10 @@ export declare const toast: {
  * Composable useToast()
  */
 export declare function useToast(): {
-    success: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
-    error: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
-    warning: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
-    info: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
+    success: (titleOrMessage: any, messageOrTitle?: any, duration?: number, immediate?: boolean) => void;
+    error: (titleOrMessage: any, messageOrTitle?: any, duration?: number, immediate?: boolean) => void;
+    warning: (titleOrMessage: any, messageOrTitle?: any, duration?: number, immediate?: boolean) => void;
+    info: (titleOrMessage: any, messageOrTitle?: any, duration?: number, immediate?: boolean) => void;
     loading: (title?: string, message?: string) => void;
     show: (options: ToastOptions) => void;
     close: () => void;

package/dist/types/pages/AutoLayoutForm.vue.d.ts

@@ -14,6 +14,7 @@ interface Props {
     schema?: any;
     hideActions?: boolean;
     apiParams?: Record<string, any>;
+    minHeight?: string;
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     cancel: () => any;

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

@@ -0,0 +1,8 @@
+/**
+ * Ekstrak pesan error dari berbagai format:
+ * - Axios HTTP error (error.response.data.message / errorMessage / error / errors)
+ * - Plain Error object (error.message)
+ * - String langsung
+ * - Response object dengan status:false (res.message)
+ */
+export declare function extractErrorMessage(err: any, fallback?: string): string;

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

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

package/dist/{viewer-ChKg3SYw.js → viewer-63I5rBqm.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-DFkmWGJV.js";
+import { g as oi } from "./index-COpd-UNY.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"/>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyworx/dynamic-ui",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "description": "Vue 3 Dynamic UI Component Library - Compatible with Vue, React, Angular, and any other framework via Web Components",
   "type": "module",
   "license": "MIT",
@@ -90,6 +90,7 @@
     "@fontsource/geist-sans": "^5.2.5",
     "@jamescoyle/vue-icon": "^0.1.2",
     "@mdi/js": "^7.4.47",
+    "@skyworx/dynamic-ui": "^1.0.29",
     "@uppy/core": "^5.0.0",
     "@uppy/dashboard": "^5.0.0",
     "@uppy/image-editor": "^4.0.0",