@ldmjs/ui 2.1.5 → 2.1.7

package/dist/types/dialogs.d.ts

@@ -7,6 +7,7 @@ export interface IDialogProps {
   size?: string;
   width?: string | number;
   height?: string | number;
+  css?: string;
   align?: 'left' | 'right';
 }
 
@@ -69,12 +70,14 @@ export interface IModalInfo {
   cancelTitle?: string;
   okResult?: number | string | boolean | IModalResult<IViewModel<number | string>>;
   cancelResult?: number | string | boolean | IModalResult<IViewModel<number | string>>;
+  settedResult?: boolean;
   hideFooter?: boolean;
   size?: DialogSize;
   width?: number | string;
   height?: number | string;
   fullHeight?: boolean;
   align?: 'left' | 'right';
+  css?: string;
   closable?: boolean;
   expandable?: boolean;
   minimizable?: boolean;
@@ -127,81 +130,63 @@ export class Dialog {
     public content?: string,
     public pressEnterAsOk?: boolean,
     public pressEscAsCancel?: boolean,
-    public hostObject?: IHostObject
+    public hostObject?: IHostObject,
+    public size?: 's' | 'm' | 'l',
+    public width?: string | number,
+    public height?: string | number,
+    public css?: string,
+    public align?: 'left' | 'right'
   ) {}
 }
 
+export class InteractiveDialog extends Dialog {
+  loading: boolean;
+  fullHeight: boolean;
+  closable: boolean;
+  hideFooter: boolean;
+  constructor(data: IInterativeDialogProps) {}
+}
+
 export class AlertDialog extends Dialog {
-  constructor(data: {
-    title: string;
-    content: string;
-    pressEnterAsOk?: boolean;
-    pressEscAsCancel?: boolean;
-    hostObject?: IHostObject;
-  });
+  constructor(data: IDialogProps) {}
 }
 
 export class PromptDialog extends Dialog {
-  width?: string;
-  constructor(data: {
-    title: string;
-    width?: string;
-    pressEnterAsOk?: boolean;
-    pressEscAsCancel?: boolean;
-    hostObject?: IHostObject;
-  });
+  constructor(data: IDialogProps);
 }
 
-export class ConfirmDialog extends Dialog {
-  okTitle?: string;
-  cancelTitle?: string;
+export class ConfirmDialog extends InteractiveDialog {
   okResult?: number | string | boolean;
   cancelResult?: number | string | boolean;
-  constructor(data: {
-    title: string;
-    text: string;
-    okTitle?: string;
-    cancelTitle?: string;
-    okResult?: number | string | boolean;
-    cancelResult?: number | string | boolean;
-    pressEnterAsOk?: boolean;
-    pressEscAsCancel?: boolean;
-    hostObject?: IHostObject;
-  });
+  constructor(
+    data: IInterativeDialogProps & {
+      okResult?: number | string | boolean;
+      cancelResult?: number | string | boolean;
+    }
+  ) {}
 }
 
-export class InfoDialog extends Dialog {
+export class InfoDialog extends InteractiveDialog {
   component: string;
   componentProps: Record<string, unknown>;
-  width?: string;
-  height?: string;
   fullHeight?: boolean;
-  loading?: boolean;
-  closable?: boolean;
   hideFooter?: boolean;
   minimizable?: boolean;
   description?: string;
   help?: boolean;
-  constructor(data: {
-    title: string;
-    component: string;
-    componentProps: Record<string, unknown>;
-    width?: string;
-    height?: string;
-    fullHeight?: boolean;
-    loading?: boolean;
-    closable?: boolean;
-    hideFooter?: boolean;
-    minimizable?: boolean;
-    description?: string;
-    pressEnterAsOk?: boolean;
-    pressEscAsCancel?: boolean;
-    hostObject?: IHostObject;
-    help?: boolean;
-  });
+  constructor(
+    data: IInterativeDialogProps & {
+      component: string;
+      componentProps: Record<string, unknown>;
+      fullHeight?: boolean;
+      minimizable?: boolean;
+      description?: string;
+      help?: boolean;
+    }
+  );
 }
 
-export class SelectDialog<T> extends Dialog {
+export class SelectDialog<T> extends InteractiveDialog {
   component: string;
   componentProps: {
     disabledItems: Array<T | number | string>;
@@ -219,53 +204,32 @@ export class SelectDialog<T> extends Dialog {
     multiselect?: boolean;
     [key: string]: unknown;
   };
-  loading?: boolean;
-  fullHeight?: boolean;
-  width?: string | number;
-  height?: string | number;
   selectAsOk?: boolean;
-  okTitle?: string;
-  cancelTitle?: string;
   help?: boolean;
-  constructor(data: {
-    title: string;
-    component: string;
-    componentProps: {
-      disabledItems: Array<T | number | string>;
-      selectedItems: Array<T | number | string>;
-      searchable?: boolean;
-      searchFields?: Array<string>;
-      isTree?: boolean;
-      multiselect?: boolean;
-      [key: string]: unknown;
-    };
-    loading?: boolean;
-    fullHeight?: boolean;
-    width?: string | number;
-    height?: string | number;
-    selectAsOk?: boolean;
-    okTitle?: string;
-    cancelTitle?: string;
-    pressEnterAsOk?: boolean;
-    pressEscAsCancel?: boolean;
-    hostObject?: IHostObject;
-    help?: boolean;
-  });
+  constructor(
+    data: IInterativeDialogProps & {
+      component: string;
+      componentProps: {
+        disabledItems: Array<T | number | string>;
+        selectedItems: Array<T | number | string>;
+        searchable?: boolean;
+        searchFields?: Array<string>;
+        isTree?: boolean;
+        multiselect?: boolean;
+        [key: string]: unknown;
+      };
+      selectAsOk?: boolean;
+      help?: boolean;
+    }
+  );
 }
 
-export class CreateEditDialog<T> extends Dialog {
+export class CreateEditDialog<T> extends InteractiveDialog {
   component: string;
   componentProps: {
     model: T;
     [key: string]: unknown;
   };
-  loading?: boolean;
-  fullHeight?: boolean;
-  width?: string | number;
-  height?: string | number;
-  hideFooter?: boolean;
-  darkTitle?: boolean;
-  closable?: boolean;
   expandable?: boolean;
   minimizable?: boolean;
   collapsedSize?: {
@@ -281,43 +245,30 @@ export class CreateEditDialog<T> extends Dialog {
   expanded?: boolean;
   description?: string;
   noModal?: boolean;
-  okTitle?: string;
-  cancelTitle?: string;
   help?: boolean;
-  constructor(data: {
-    title: string;
-    component: string;
-    componentProps: {
-      model: T;
-      [key: string]: unknown;
-    };
-    loading?: boolean;
-    fullHeight?: boolean;
-    width?: string | number;
-    height?: string | number;
-    hideFooter?: boolean;
-    darkTitle?: boolean;
-    closable?: boolean;
-    expandable?: boolean;
-    minimizable?: boolean;
-    collapsedSize?: {
-      width: string | number;
-      height: string | number;
-      noModal?: boolean;
-    };
-    expandedSize?: {
-      width: string | number;
-      height: string | number;
+  constructor(
+    data: IInterativeDialogProps & {
+      component: string;
+      componentProps: {
+        model: T;
+        [key: string]: unknown;
+      };
+      expandable?: boolean;
+      minimizable?: boolean;
+      collapsedSize?: {
+        width: string | number;
+        height: string | number;
+        noModal?: boolean;
+      };
+      expandedSize?: {
+        width: string | number;
+        height: string | number;
+        noModal?: boolean;
+      };
+      expanded?: boolean;
+      description?: string;
       noModal?: boolean;
-    };
-    expanded?: boolean;
-    description?: string;
-    noModal?: boolean;
-    okTitle?: string;
-    cancelTitle?: string;
-    pressEnterAsOk?: boolean;
-    pressEscAsCancel?: boolean;
-    hostObject?: IHostObject;
-    help?: boolean;
-  });
+      help?: boolean;
+    }
+  );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "2.1.5",
+  "version": "2.1.7",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -32,7 +32,9 @@
     "@babel/plugin-transform-typescript": "7.28.0",
     "@babel/preset-env": "7.28.3",
     "@babel/preset-typescript": "7.27.1",
+    "@ldmjs/datatable": "2.0.2",
     "@ldmjs/editor": "2.0.0",
+    "@ldmjs/treeview": "2.0.3",
     "@popperjs/core": "2.11.8",
     "@types/babel__core": "7.20.5",
     "@types/babel__plugin-transform-runtime": "7.9.5",
@@ -100,9 +102,7 @@
     "webpack-plugin-vuetify": "3.1.2"
   },
   "dependencies": {
-    "@ldmjs/core": "2.0.1",
-    "@ldmjs/datatable": "2.0.1",
-    "@ldmjs/treeview": "2.0.3"
+    "@ldmjs/core": "2.0.1"
   },
   "volta": {
     "node": "22.15.0",