sprintify-ui 0.8.29 → 0.8.30

package/dist/types/components/BaseAppDialogs.vue.d.ts

@@ -4,6 +4,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         color: "info" | "success" | "danger" | "warning";
         title: string;
         message: string;
+        errorMessage: string | null | undefined;
         html: boolean;
         input: false | {
             label?: string | undefined;

package/dist/types/components/BaseDialog.vue.d.ts

@@ -13,6 +13,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
+    errorMessage: {
+        default: string;
+        type: PropType<string | null | undefined>;
+    };
     html: {
         default: boolean;
         type: BooleanConstructor;
@@ -45,6 +49,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
+    errorMessage: {
+        default: string;
+        type: PropType<string | null | undefined>;
+    };
     html: {
         default: boolean;
         type: BooleanConstructor;
@@ -67,6 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     title: string;
     message: string;
+    errorMessage: string | null | undefined;
     html: boolean;
     input: boolean | InputConfigProps;
     confirmText: string;

package/dist/types/types/index.d.ts

@@ -120,6 +120,7 @@ export interface DialogOptions {
     color?: 'info' | 'success' | 'danger' | 'warning';
     title: string;
     message: string;
+    errorMessage?: string | null | undefined;
     html?: boolean;
     input?: InputConfigProps | false;
     confirmText?: string;
@@ -133,6 +134,7 @@ export interface Dialog {
     color: 'info' | 'success' | 'danger' | 'warning';
     title: string;
     message: string;
+    errorMessage: string | null | undefined;
     html: boolean;
     input: InputConfigProps | false;
     confirmText: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.29",
+  "version": "0.8.30",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAppDialogs.vue

@@ -46,6 +46,7 @@
             :color="dialog.color"
             :title="dialog.title"
             :message="dialog.message"
+            :error-message="dialog.errorMessage"
             :confirm-text="dialog.confirmText"
             :html="dialog.html"
             :input="dialog.input"

package/src/components/BaseDialog.stories.js

@@ -79,3 +79,17 @@ WithInput.args = {
     placeholder: 'Password',
   },
 };
+
+export const ErrorMessage = Template.bind({});
+ErrorMessage.args = {
+  color: 'danger',
+  title: 'Please confirm your password',
+  errorMessage: 'Invalid password',
+  input: {
+    label: 'Enter your password',
+    type: 'password',
+    size: 'sm',
+    required: true,
+    placeholder: 'Password',
+  },
+};

package/src/components/BaseDialog.vue

@@ -83,6 +83,15 @@
               class="w-full"
             />
           </BaseField>
+
+          <BaseAlert
+            v-if="errorMessage"
+            class="mt-4"
+            color="danger"
+            bordered
+          >
+            {{ errorMessage }}
+          </BaseAlert>
         </slot>
       </div>
     </div>
@@ -116,6 +125,7 @@ import BaseButton from './BaseButton.vue';
 import BaseInput from './BaseInput.vue';
 import BaseField from './BaseField.vue';
 import BasePassword from './BasePassword.vue';
+import BaseAlert from './BaseAlert.vue';
 import { InputConfigProps } from '@/types';
 
 const props = defineProps({
@@ -131,6 +141,10 @@ const props = defineProps({
     default: '',
     type: String,
   },
+  errorMessage: {
+    default: '',
+    type: [String, null, undefined] as PropType<string | null | undefined>,
+  },
   html: {
     default: false,
     type: Boolean,

package/src/stores/dialogs.ts

@@ -17,6 +17,7 @@ export const useDialogsStore = defineStore('dialogs', {
         color: options.color ?? 'info',
         title: options.title,
         message: options.message,
+        errorMessage: options.errorMessage,
         html: options.html ?? false,
         confirmText: options.confirmText ?? t('sui.confirm'),
         cancelText: options.cancelText ?? t('sui.cancel'),

package/src/types/index.ts

@@ -152,6 +152,7 @@ export interface DialogOptions {
   color?: 'info' | 'success' | 'danger' | 'warning';
   title: string;
   message: string;
+  errorMessage?: string | null | undefined;
   html?: boolean;
   input?: InputConfigProps | false;
   confirmText?: string;
@@ -166,6 +167,7 @@ export interface Dialog {
   color: 'info' | 'success' | 'danger' | 'warning';
   title: string;
   message: string;
+  errorMessage: string | null | undefined;
   html: boolean;
   input: InputConfigProps | false;
   confirmText: string;