npm - @fiscozen/dialog - Versions diffs - 0.1.25 → 0.1.26 - Mend

@fiscozen/dialog 0.1.25 → 0.1.26

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 (16) hide show

package/CHANGELOG.md +13 -0
package/dist/dialog.js +1556 -0
package/dist/dialog.umd.cjs +1 -0
package/dist/index.d.ts +1 -0
package/dist/src/FzConfirmDialog.vue.d.ts +66 -0
package/dist/src/FzDialog.vue.d.ts +50 -0
package/dist/src/index.d.ts +3 -0
package/dist/src/types.d.ts +82 -0
package/dist/style.css +1 -0
package/package.json +7 -8
package/src/__tests__/FzDialog.spec.ts +1191 -0
package/src/__tests__/__snapshots__/FzDialog.spec.ts.snap +13 -0
package/tsconfig.tsbuildinfo +1 -1
package/vitest.config.ts +9 -1
package/src/__test__/FzDialog.test.ts +0 -66
package/src/__test__/__snapshots__/FzDialog.test.ts.snap +0 -211

package/dist/dialog.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './src/index'

package/dist/src/FzConfirmDialog.vue.d.ts ADDED Viewed

@@ -0,0 +1,66 @@
+import { FzConfirmDialogProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FzConfirmDialogProps>, {
+    size: string;
+    footerEnabled: boolean;
+    cancelButtonEnabled: boolean;
+    disableConfirm: boolean;
+    confirmButtonEnabled: boolean;
+    doesCancelButtonCloseDialog: boolean;
+    doesConfirmButtonCloseDialog: boolean;
+}>>, {
+    handleCancel: () => void;
+    handleConfirm: () => void;
+    visible: import('vue').Ref<boolean, boolean>;
+    show: () => void;
+    close: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "fzmodal:cancel": (...args: any[]) => void;
+    "fzmodal:confirm": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FzConfirmDialogProps>, {
+    size: string;
+    footerEnabled: boolean;
+    cancelButtonEnabled: boolean;
+    disableConfirm: boolean;
+    confirmButtonEnabled: boolean;
+    doesCancelButtonCloseDialog: boolean;
+    doesConfirmButtonCloseDialog: boolean;
+}>>> & Readonly<{
+    "onFzmodal:cancel"?: ((...args: any[]) => any) | undefined;
+    "onFzmodal:confirm"?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: import('./types').FzDialogSizes;
+    footerEnabled: boolean;
+    cancelButtonEnabled: boolean;
+    disableConfirm: boolean;
+    confirmButtonEnabled: boolean;
+    doesConfirmButtonCloseDialog: boolean;
+    doesCancelButtonCloseDialog: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    header?(_: {}): any;
+    body?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/FzDialog.vue.d.ts ADDED Viewed

@@ -0,0 +1,50 @@
+import { FzDialogProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FzDialogProps>, {
+    size: string;
+    closeOnBackdrop: boolean;
+    closeOnEscape: boolean;
+}>>, {
+    show: () => void;
+    close: (returnVal?: string | undefined) => void;
+    visible: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "fzmodal:cancel": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FzDialogProps>, {
+    size: string;
+    closeOnBackdrop: boolean;
+    closeOnEscape: boolean;
+}>>> & Readonly<{
+    "onFzmodal:cancel"?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: import('./types').FzDialogSizes;
+    closeOnBackdrop: boolean;
+    closeOnEscape: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    header?(_: {}): any;
+    body?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { default as FzDialog } from './FzDialog.vue';
+export { default as FzConfirmDialog } from './FzConfirmDialog.vue';
+export * from './types';

package/dist/src/types.d.ts ADDED Viewed

@@ -0,0 +1,82 @@
+import { ButtonVariant } from '@fiscozen/button';
+export type FzDialogSizes = "sm" | "md" | "lg" | "xl";
+export type FzDialogProps = {
+    /**
+     * The general size of the dialog
+     */
+    size?: FzDialogSizes;
+    /**
+     * Text content in the header
+     */
+    title?: string;
+    /**
+     * Text content in the confirm button
+     */
+    confirmLabel?: string;
+    /**
+     * Text content in the cancel button
+     */
+    cancelLabel?: string;
+    /**
+     * Text content in the body slot
+     */
+    text?: string;
+    /**
+     * Whether to show the modal as a drawer
+     */
+    isDrawer?: boolean;
+    /**
+     * Whether to close the dialog on backdrop click
+     */
+    closeOnBackdrop?: boolean;
+    /**
+     * classes to apply to body
+     */
+    /**
+     * Whether to close the dialog on escape key press
+     */
+    closeOnEscape?: boolean;
+    /**
+     * classes to apply to body
+     */
+    bodyClasses?: string | string[] | Record<string, boolean | undefined> | Array<string | Record<string, boolean | undefined>>;
+    /**
+     * Whether the component is rendered even when closed
+     */
+    shouldAlwaysRender?: boolean;
+};
+export type FzConfirmDialogProps = FzDialogProps & {
+    /**
+     * Whether to show or not the footer
+     */
+    footerEnabled?: boolean;
+    /**
+     * Whether to show the cancel button
+     */
+    cancelButtonEnabled?: boolean;
+    /**
+     * Whether to enable the confirm button
+     */
+    disableConfirm?: boolean;
+    /**
+     * Whether to show the confirm button
+     */
+    confirmButtonEnabled?: boolean;
+    /**
+     * Custom variant of the confirm button
+     */
+    confirmButtonVariant?: ButtonVariant;
+    /**
+     * Whether confirm button should close dialog
+     */
+    doesConfirmButtonCloseDialog?: boolean;
+    /**
+     * Whether cancel button should close dialog
+     */
+    doesCancelButtonCloseDialog?: boolean;
+    /**
+     * classes to apply to footer
+     */
+    footerClasses?: string | string[] | Record<string, boolean | undefined> | Array<string | Record<string, boolean | undefined>>;
+};

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ dialog{position:absolute;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:auto;border:solid;padding:1em;background:#fff;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001a}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translateY(-50%)}dialog[data-v-ba12262d]::backdrop{background:var(--core-black, #2c282f);opacity:.8}.fz-dialog__backdrop[data-v-ba12262d]{background-color:#2c282fcc;top:0;left:0}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fiscozen/dialog",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "description": "Design System Dialog component",
   "main": "src/index.ts",
   "type": "module",
@@ -8,10 +8,7 @@
   "author": "Riccardo Agnoletto",
   "peerDependencies": {
     "tailwindcss": "^3.4.1",
-    "vue": "^3.4.13",
-    "@fiscozen/composables": "^0.1.37",
-    "@fiscozen/button": "^0.1.13",
-    "@fiscozen/style": "^0.1.7"
+    "vue": "^3.4.13"
   },
   "devDependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.5.1",
@@ -31,14 +28,16 @@
     "vite-plugin-dts": "^3.8.3",
     "vitest": "^1.2.0",
     "vue-tsc": "^1.8.25",
-    "@fiscozen/tsconfig": "^0.1.0",
+    "@fiscozen/eslint-config": "^0.1.0",
     "@fiscozen/prettier-config": "^0.1.0",
-    "@fiscozen/eslint-config": "^0.1.0"
+    "@fiscozen/tsconfig": "^0.1.0"
   },
   "license": "MIT",
   "dependencies": {
     "dialog-polyfill": "^0.5.6",
-    "@fiscozen/composables": "^0.1.37"
+    "@fiscozen/button": "1.0.1",
+    "@fiscozen/composables": "1.0.1",
+    "@fiscozen/style": "0.2.0"
   },
   "scripts": {
     "coverage": "vitest run --coverage",