@cloudparker/moldex.js 0.0.61 → 0.0.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/services/dialog/dialog-service.d.ts +1 -1
  2. package/dist/services/dialog/dialog-service.js +2 -2
  3. package/dist/views/core/dialog/components/dialog/dialog.svelte +22 -16
  4. package/dist/views/core/dialog/components/dialog/dialog.svelte.d.ts +4 -4
  5. package/package.json +1 -1
package/dist/services/dialog/dialog-service.d.ts CHANGED
@@ -43,7 +43,7 @@ export declare function openLoadingDialog({ msg, loadingDialogContainerClassName
43
43
  openDialog: () => void;
44
44
  closeDialog: (value?: any) => Promise<any>;
45
45
  setResult: (value: any) => void;
46
- setOkDisabled: (value: boolean) => void;
46
+ setOkEnabled: (value: boolean) => void;
47
47
  setOkSpinner: (value: boolean) => void;
48
48
  setOnData: (listener: (data: any) => void) => void;
49
49
  setOnOkClick: (onclick: (event: MouseEvent | TouchEvent, options: import("../../views").DialogExportsType) => void) => void;
package/dist/services/dialog/dialog-service.js CHANGED
@@ -106,7 +106,7 @@ export async function openTextFieldDialog({ title, value, label, name, maxlength
106
106
  hasFooterCloseButton: true,
107
107
  hasFooterOkButton: true,
108
108
  footerOkButtonType: 'submit',
109
- submitButtonFormId: 'text-field-dialog-form'
109
+ targetFormId: 'text-field-dialog-form'
110
110
  });
111
111
  }
112
112
  export async function openTextareaFieldDialog({ title, value, label, name, maxlength, fieldClassName, autofocus, required, appearance, size, floatingLabel, rows, ...params } = {}) {
@@ -124,7 +124,7 @@ export async function openTextareaFieldDialog({ title, value, label, name, maxle
124
124
  hasFooterCloseButton: true,
125
125
  hasFooterOkButton: true,
126
126
  footerOkButtonType: 'submit',
127
- submitButtonFormId: 'textarea-field-dialog-form'
127
+ targetFormId: 'textarea-field-dialog-form'
128
128
  });
129
129
  }
130
130
  export async function openLoadingDialog({ msg = "Please wait...", loadingDialogContainerClassName, loadingDialogClassName, loadingDialogSpinnerClassName, loadingDialogMsgClassName, ...params } = {}) {
package/dist/views/core/dialog/components/dialog/dialog.svelte CHANGED
@@ -25,7 +25,7 @@
25
25
  footerCloseButtonClassName?: string;
26
26
  footerCloseButtonLabel?: string;
27
27
  footerOkButtonClassName?: string;
28
- footerOkButtonDisabled?: boolean;
28
+ footerOkButtonEnabled?: boolean;
29
29
  footerOkButtonSpinner?: boolean;
30
30
  footerOkButtonType?: 'button' | 'submit' | 'reset';
31
31
  footerOkButtonLable?: string;
@@ -56,7 +56,7 @@
56
56
  onData?: (data: any) => void;
57
57
  props?: any;
58
58
  size?: DialogSizeType;
59
- submitButtonFormId?: string;
59
+ targetFormId?: string;
60
60
  subtitle?: string;
61
61
  subtitleClassName?: string;
62
62
  title?: string;
@@ -67,7 +67,7 @@
67
67
  closeDialog: () => void;
68
68
  setResult: (value: any) => void;
69
69
  setOkSpinner: (value: boolean) => void;
70
- setOkDisabled: (value: boolean) => void;
70
+ setOkEnabled: (value: boolean) => void;
71
71
  setOnOkClick: (onclick: (ev: MouseEvent | TouchEvent) => void) => void;
72
72
  setOnCloseClick: (onclick: DialogCloseButtonClickType) => void;
73
73
  setOnData: (listener: (data: any) => void) => void;
@@ -79,6 +79,7 @@
79
79
  import { type Component as ComponetType, type Snippet } from 'svelte';
80
80
  import '../../../../../tailwind.css';
81
81
  import { mdiArrowLeft, mdiClose } from '../../../icon';
82
+ import { isMobileScreen } from '../../../../../services';
82
83
 
83
84
  let {
84
85
  backdropClassName = '',
@@ -94,7 +95,7 @@
94
95
  footerCloseButtonClassName = '',
95
96
  footerCloseButtonLabel = 'Close',
96
97
  footerOkButtonClassName = '',
97
- footerOkButtonDisabled = false,
98
+ footerOkButtonEnabled = false,
98
99
  footerOkButtonSpinner = false,
99
100
  footerOkButtonType = 'button',
100
101
  footerOkButtonLable = 'Save',
@@ -104,8 +105,7 @@
104
105
  hasFooterOkButton = false,
105
106
  hasFooterShadow = false,
106
107
  hasHeader = false,
107
- hasHeaderBack = false,
108
- hasHeaderClose = false,
108
+
109
109
  hasHeaderShadow = false,
110
110
  hasSubtitle = false,
111
111
  hasTitle = false,
@@ -116,6 +116,9 @@
116
116
  headerCloseButtonClassName = '',
117
117
  headerCloseIconClassName = '',
118
118
  headerCloseIconPath = mdiClose,
119
+ hasHeaderBack = isMobileScreen(),
120
+ hasHeaderClose = !isMobileScreen(),
121
+ size = isMobileScreen() ? 'full' : 'sm',
119
122
  headerSnippet,
120
123
  id = '',
121
124
  onClose,
@@ -124,8 +127,7 @@
124
127
  onResult,
125
128
  onData,
126
129
  props = {},
127
- size = 'sm',
128
- submitButtonFormId = undefined,
130
+ targetFormId = undefined,
129
131
  subtitle = '',
130
132
  subtitleClassName = '',
131
133
  title = '',
@@ -136,7 +138,7 @@
136
138
  closeDialog,
137
139
  setResult,
138
140
  setOkSpinner,
139
- setOkDisabled,
141
+ setOkEnabled,
140
142
  setOnCloseClick,
141
143
  setOnOkClick,
142
144
  setOnData
@@ -198,8 +200,8 @@
198
200
  result = value;
199
201
  }
200
202
 
201
- export function setOkDisabled(value: boolean) {
202
- footerOkButtonDisabled = value;
203
+ export function setOkEnabled(value: boolean) {
204
+ footerOkButtonEnabled = value;
203
205
  }
204
206
 
205
207
  export function setOkSpinner(value: boolean) {
@@ -298,10 +300,14 @@
298
300
  </div>
299
301
  <div class="py-2">
300
302
  {#if hasTitle}
301
- <div class="text-xl text-base-800 dark:text-base-300 {titleClassName}">{title || ''}</div>
303
+ <div class="text-xl text-base-800 dark:text-base-300 {titleClassName}">
304
+ {title || ''}
305
+ </div>
302
306
  {/if}
303
307
  {#if hasSubtitle}
304
- <div class="text-sm text-gray-500 dark:text-base-500 {subtitleClassName}">{subtitle || ''}</div>
308
+ <div class="text-sm text-gray-500 dark:text-base-500 {subtitleClassName}">
309
+ {subtitle || ''}
310
+ </div>
305
311
  {/if}
306
312
  </div>
307
313
  <div class="flex-grow">
@@ -346,12 +352,12 @@
346
352
  {#if hasFooterOkButton}
347
353
  <Button
348
354
  id="btn-ok"
349
- form={submitButtonFormId}
350
- type={submitButtonFormId ? 'submit' : footerOkButtonType}
355
+ form={targetFormId}
356
+ type={targetFormId ? 'submit' : footerOkButtonType}
351
357
  appearance="primary"
352
358
  className=" {footerOkButtonClassName}"
353
359
  label={footerOkButtonLable}
354
- disabled={footerOkButtonDisabled}
360
+ disabled={!footerOkButtonEnabled}
355
361
  spinner={footerOkButtonSpinner}
356
362
  spinnerClassName="text-white w-4 h-4"
357
363
  onClick={handleOkClick}
package/dist/views/core/dialog/components/dialog/dialog.svelte.d.ts CHANGED
@@ -19,7 +19,7 @@ export type DialogPropsType = {
19
19
  footerCloseButtonClassName?: string;
20
20
  footerCloseButtonLabel?: string;
21
21
  footerOkButtonClassName?: string;
22
- footerOkButtonDisabled?: boolean;
22
+ footerOkButtonEnabled?: boolean;
23
23
  footerOkButtonSpinner?: boolean;
24
24
  footerOkButtonType?: 'button' | 'submit' | 'reset';
25
25
  footerOkButtonLable?: string;
@@ -50,7 +50,7 @@ export type DialogPropsType = {
50
50
  onData?: (data: any) => void;
51
51
  props?: any;
52
52
  size?: DialogSizeType;
53
- submitButtonFormId?: string;
53
+ targetFormId?: string;
54
54
  subtitle?: string;
55
55
  subtitleClassName?: string;
56
56
  title?: string;
@@ -60,7 +60,7 @@ export type DialogExportsType = {
60
60
  closeDialog: () => void;
61
61
  setResult: (value: any) => void;
62
62
  setOkSpinner: (value: boolean) => void;
63
- setOkDisabled: (value: boolean) => void;
63
+ setOkEnabled: (value: boolean) => void;
64
64
  setOnOkClick: (onclick: (ev: MouseEvent | TouchEvent) => void) => void;
65
65
  setOnCloseClick: (onclick: DialogCloseButtonClickType) => void;
66
66
  setOnData: (listener: (data: any) => void) => void;
@@ -87,7 +87,7 @@ declare const Dialog: $$__sveltets_2_IsomorphicComponent<DialogPropsType, {
87
87
  openDialog: () => void;
88
88
  closeDialog: (value?: any) => Promise<any>;
89
89
  setResult: (value: any) => void;
90
- setOkDisabled: (value: boolean) => void;
90
+ setOkEnabled: (value: boolean) => void;
91
91
  setOkSpinner: (value: boolean) => void;
92
92
  setOnData: (listener: (data: any) => void) => void;
93
93
  setOnOkClick: (onclick: (event: MouseEvent | TouchEvent, options: DialogExportsType) => void) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudparker/moldex.js",
3
- "version": "0.0.61",
3
+ "version": "0.0.62",
4
4
  "author": "cloudparker.com",
5
5
  "license": "MIT",
6
6
  "keywords": [