diff --git a/package.json b/package.json index b676075887..304976880d 100644 --- a/package.json +++ b/package.json @@ -19,13 +19,13 @@ ] }, "devDependencies": { - "@antfu/eslint-config": "^3.7.1", + "@antfu/eslint-config": "^3.7.3", "@commitlint/cli": "^19.5.0", "@commitlint/config-conventional": "^19.5.0", "@commitlint/cz-commitlint": "^19.5.0", - "@types/node": "^22.6.1", + "@types/node": "^22.7.4", "changelogen": "^0.5.7", - "commitizen": "^4.3.0", + "commitizen": "^4.3.1", "cross-env": "^7.0.3", "eslint": "9.11.1", "eslint-plugin-sonarjs": "^1.0.4", diff --git a/packages/docs/package.json b/packages/docs/package.json index fb3ee34d20..e5d3b688ea 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -13,21 +13,21 @@ "devDependencies": { "@types/postcss-import": "^14.0.3", "@types/postcss-url": "^10.0.4", - "@types/react": "^18.3.9", + "@types/react": "^18.3.11", "@vercel/og": "^0.6.3", "postcss-import": "^16.1.0", "postcss-url": "^10.1.3", "react": "^18.3.1", "tailwindcss": "^3.4.13", "vitepress": "1.3.4", - "vue": "^3.5.8" + "vue": "^3.5.10" }, "dependencies": { "chart.js": "^4.4.4", "chartjs-plugin-datalabels": "^2.2.0", "dayjs": "^1.11.13", "dropzone": "^5.9.3", - "libphonenumber-js": "^1.11.9", + "libphonenumber-js": "^1.11.10", "maz-ui": "workspace:*", "vitepress-plugin-google-analytics": "^1.0.2" } diff --git a/packages/lib/components/MazDialog.vue b/packages/lib/components/MazDialog.vue index 14bc42ae3c..4322b94742 100644 --- a/packages/lib/components/MazDialog.vue +++ b/packages/lib/components/MazDialog.vue @@ -12,7 +12,28 @@ import { } from 'vue' import MazBackdrop, { type Props as MazBackdropProps } from './MazBackdrop.vue' -const props = withDefaults(defineProps(), { +export interface InternalProps { + /** @model Modal's model value */ + modelValue?: boolean + /** Title of the modal in header */ + title?: string + /** Remove the close button in header */ + noClose?: boolean + /** Modal's width */ + width?: string + /** Modal's max-width */ + maxWidth?: string + /** Modal's max-height */ + maxHeight?: string + /** Modal's content becomes scrollable - warning: a overflow is applied */ + scrollable?: boolean + /** Persistent dialog (not closable by clicking outside and remove close button) */ + persistent?: boolean +} + +export type Props = InternalProps & MazBackdropProps + +const props = withDefaults(defineProps(), { title: undefined, noClose: false, width: '500px', @@ -21,6 +42,7 @@ const props = withDefaults(defineProps(), { scrollable: false, persistent: false, }) + defineEmits<{ /** emitted when modal is open */ 'open': [value: void] @@ -29,28 +51,10 @@ defineEmits<{ /** emitted when modal is open or close */ 'update:model-value': [value: boolean] }>() + const MazBtn = defineAsyncComponent(() => import('./MazBtn.vue')) const XIcon = defineAsyncComponent(() => import('./../icons/x-mark.svg')) -export interface Props extends MazBackdropProps { - /** @model Modal's model value */ - modelValue?: boolean - /** Title of the modal in header */ - title?: string - /** Remove the close button in header */ - noClose?: boolean - /** Modal's width */ - width?: string - /** Modal's max-width */ - maxWidth?: string - /** Modal's max-height */ - maxHeight?: string - /** Modal's content becomes scrollable - warning: a overflow is applied */ - scrollable?: boolean - /** Persistent dialog (not closable by clicking outside and remove close button) */ - persistent?: boolean -} - const attrs = useAttrs() const backdrop = ref>() diff --git a/packages/lib/components/MazDialogPromise.vue b/packages/lib/components/MazDialogPromise.vue index 9d89e54419..cbfb1e791e 100644 --- a/packages/lib/components/MazDialogPromise.vue +++ b/packages/lib/components/MazDialogPromise.vue @@ -1,12 +1,7 @@