sprintify-ui 0.7.10 → 0.7.12

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;
+        html: boolean;
         confirmText: string;
         cancelText: string;
         closeOnOutsideClick: boolean;

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

@@ -61,7 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    class: string | false | 0 | ClassNameValue[] | null;
+    class: string | false | 0 | 0n | ClassNameValue[] | null;
     type: "button" | "submit" | "reset";
     size: "xs" | "sm" | "md" | "lg" | "xl";
     color: string;

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

@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
     class: string;
 }>>>, {
-    class: string | false | 0 | ClassNameValue[] | null;
+    class: string | false | 0 | 0n | ClassNameValue[] | null;
     size: "xs" | "sm" | "lg" | "base";
 }, {}>, {
     default?(_: {}): any;

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

@@ -12,6 +12,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
+    html: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     confirmText: {
         default(): string;
         type: StringConstructor;
@@ -36,6 +40,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
+    html: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     confirmText: {
         default(): string;
         type: StringConstructor;
@@ -50,6 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     title: string;
     message: string;
+    html: boolean;
     confirmText: string;
     cancelText: string;
 }, {}>, {

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

@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     flush: boolean;
     class: undefined;
 }>>>, {
-    class: string | false | 0 | ClassNameValue[] | null;
+    class: string | false | 0 | 0n | ClassNameValue[] | null;
     spacing: CellSpacing;
     grid: boolean;
     striped: boolean;

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

@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     colspan: undefined;
     class: undefined;
 }>>>, {
-    class: string | false | 0 | ClassNameValue[] | null;
+    class: string | false | 0 | 0n | ClassNameValue[] | null;
     title: string;
     to: RouteLocationRaw;
     href: string;

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

@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     align: string;
     colspan: undefined;
 }>>>, {
-    class: string | false | 0 | ClassNameValue[] | null;
+    class: string | false | 0 | 0n | ClassNameValue[] | null;
     align: "right" | "left" | "center";
     colspan: number;
 }, {}>, {

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

@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onMouseenter?: ((...args: any[]) => any) | undefined;
     onMouseleave?: ((...args: any[]) => any) | undefined;
 }, {
-    class: string | false | 0 | ClassNameValue[] | null;
+    class: string | false | 0 | 0n | ClassNameValue[] | null;
     title: string;
     to: RouteLocationRaw;
     href: string;

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

@@ -116,6 +116,7 @@ export interface DialogOptions {
     color?: 'info' | 'success' | 'danger' | 'warning';
     title: string;
     message: string;
+    html?: boolean;
     confirmText?: string;
     cancelText?: string;
     closeOnOutsideClick?: boolean;
@@ -127,6 +128,7 @@ export interface Dialog {
     color: 'info' | 'success' | 'danger' | 'warning';
     title: string;
     message: string;
+    html: boolean;
     confirmText: string;
     cancelText: string;
     closeOnOutsideClick: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.7.10",
+  "version": "0.7.12",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",
@@ -22,7 +22,7 @@
     "@tailwindcss/typography": "^0.5.8",
     "@vueup/vue-quill": "^1.0.0",
     "@vueuse/core": "^10.0.0",
-    "axios": "^0.26.1",
+    "axios": "<1.0.0",
     "croppie": "^2.6.5",
     "flatpickr": "^4.6.13",
     "humanize-duration": "^3.0.0",

package/src/components/BaseAppDialogs.vue

@@ -47,6 +47,7 @@
             :title="dialog.title"
             :message="dialog.message"
             :confirm-text="dialog.confirmText"
+            :html="dialog.html"
             :cancel-text="dialog.cancelText"
             @cancel="cancel(dialog)"
             @confirm="confirm(dialog)"

package/src/components/BaseDialog.stories.js

@@ -34,6 +34,13 @@ Demo.args = {
   title: 'Be careful',
 };
 
+export const Html = Template.bind({});
+Html.args = {
+  title: 'Be careful',
+  message: '<strong>HTML</strong> is allowed. <a href="#">Link</a><p>Eiusmod id Lorem est ullamco et ex exercitation cupidatat do velit nisi Lorem officia et.</p>',
+  html: true,
+};
+
 const ColorsTemplate = (args) => ({
   components: { BaseDialog },
   setup() {

package/src/components/BaseDialog.vue

@@ -42,7 +42,15 @@
             {{ title }}
           </h3>
           <div class="mt-2">
-            <p class="text-sm text-slate-500">
+            <div
+              v-if="html"
+              class="text-slate-500 prose-sm prose-p:leading-snug prose-a:text-blue-600 prose-a:underline"
+              v-html="message"
+            />
+            <p
+              v-else
+              class="text-sm text-slate-500"
+            >
               {{ message }}
             </p>
           </div>
@@ -91,6 +99,10 @@ defineProps({
     default: '',
     type: String,
   },
+  html: {
+    default: false,
+    type: Boolean,
+  },
   confirmText: {
     default() {
       return t('sui.confirm');

package/src/stores/dialogs.ts

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

package/src/types/index.ts

@@ -150,6 +150,7 @@ export interface DialogOptions {
   color?: 'info' | 'success' | 'danger' | 'warning';
   title: string;
   message: string;
+  html?: boolean;
   confirmText?: string;
   cancelText?: string;
   closeOnOutsideClick?: boolean;
@@ -162,6 +163,7 @@ export interface Dialog {
   color: 'info' | 'success' | 'danger' | 'warning';
   title: string;
   message: string;
+  html: boolean;
   confirmText: string;
   cancelText: string;
   closeOnOutsideClick: boolean;