sprintify-ui 0.0.178 → 0.0.180

package/dist/types/src/components/BaseDataIteratorSectionModal.vue.d.ts

@@ -0,0 +1,29 @@
+import { DataIteratorSection } from '@/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    section: DataIteratorSection;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    section: DataIteratorSection;
+}>>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {}>, {
+    default: (_: {}) => 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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/BaseDataTable.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { CollectionItem, DataTableQuery, MenuItemInterface } from '@/types';
+import { CollectionItem, DataIteratorSection, DataTableQuery, MenuItemInterface, RowAction } from '@/types';
 import { RouteLocationRaw } from 'vue-router';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
@@ -24,6 +24,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<DataTableQuery>;
     };
+    /**
+     * Show url for router link
+     */
+    showUrl: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+    };
     /**
      * Show/Hide edit button
      */
@@ -36,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     editUrl: {
         default: undefined;
-        type: PropType<(row: CollectionItem) => RouteLocationRaw>;
+        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
     };
     /**
      * Show/Hide delete button
@@ -50,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     deleteUrl: {
         default: undefined;
-        type: PropType<(row: CollectionItem) => string>;
+        type: PropType<((row: CollectionItem) => string) | undefined>;
     };
     /**
      * Show toggle-able details on each row
@@ -126,11 +133,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: NumberConstructor;
     };
+    /**
+     * Layout type
+     */
+    layout: {
+        default: string;
+        type: PropType<"default" | "compact">;
+    };
+    sections: {
+        default: undefined;
+        type: PropType<DataIteratorSection[]>;
+    };
+    rowActions: {
+        default: undefined;
+        type: PropType<RowAction[]>;
+    };
+    numberOfVisibleRowActions: {
+        default: number;
+        type: NumberConstructor;
+    };
 }, {
     fetch: () => void;
     fetchWithoutLoading: () => void;
     query: import("vue").ComputedRef<DataTableQuery | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click")[], "delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:checked-rows" | "cell-click")[], "delete" | "update:checked-rows" | "cell-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Base URL from which to make requests
      */
@@ -153,6 +179,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<DataTableQuery>;
     };
+    /**
+     * Show url for router link
+     */
+    showUrl: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+    };
     /**
      * Show/Hide edit button
      */
@@ -165,7 +198,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     editUrl: {
         default: undefined;
-        type: PropType<(row: CollectionItem) => RouteLocationRaw>;
+        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
     };
     /**
      * Show/Hide delete button
@@ -179,7 +212,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     deleteUrl: {
         default: undefined;
-        type: PropType<(row: CollectionItem) => string>;
+        type: PropType<((row: CollectionItem) => string) | undefined>;
     };
     /**
      * Show toggle-able details on each row
@@ -255,11 +288,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: NumberConstructor;
     };
+    /**
+     * Layout type
+     */
+    layout: {
+        default: string;
+        type: PropType<"default" | "compact">;
+    };
+    sections: {
+        default: undefined;
+        type: PropType<DataIteratorSection[]>;
+    };
+    rowActions: {
+        default: undefined;
+        type: PropType<RowAction[]>;
+    };
+    numberOfVisibleRowActions: {
+        default: number;
+        type: NumberConstructor;
+    };
 }>> & {
     onDelete?: ((...args: any[]) => any) | undefined;
-    onCheckAll?: ((...args: any[]) => any) | undefined;
     "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
-    onCheck?: ((...args: any[]) => any) | undefined;
     "onCell-click"?: ((...args: any[]) => any) | undefined;
 }, {
     actions: MenuItemInterface[];
@@ -267,19 +317,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     defaultQuery: DataTableQuery;
     searchable: boolean;
     historyMode: boolean;
+    layout: "default" | "compact";
+    sections: DataIteratorSection[];
     detailed: boolean;
     checkable: boolean;
-    checkableActions: MenuItemInterface[];
     isRowCheckable: Function;
     checkedRows: Record<string, any>[];
     hasDetailedVisible: (row: any) => boolean;
     maxHeight: number;
+    showUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
     editButton: boolean;
-    editUrl: (row: CollectionItem) => RouteLocationRaw;
+    editUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
     deleteButton: boolean;
-    deleteUrl: (row: CollectionItem) => string;
+    deleteUrl: ((row: CollectionItem) => string) | undefined;
+    checkableActions: MenuItemInterface[];
     toggleable: boolean;
-}>, {
+    rowActions: RowAction[];
+    numberOfVisibleRowActions: number;
+}>, Record<string, (_: {}) => any> & {
     default: (_: {}) => any;
     rowActions: (_: {
         row: any;
@@ -288,11 +343,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         row: import("@/types").Row;
         index: number;
     }) => any;
-    checkedHeader: (_: {
-        uncheckAll: () => void;
-        count: number;
-        checkRows: import("@/types").Row[];
-    }) => any;
+    checkedHeader: (_: any) => any;
     filters: (_: {
         query: {
             [x: string]: any;
@@ -307,6 +358,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     sidebarTop: (_: {
         paginationMetadata: import("@/types").PaginationMetadata | null;
     }) => any;
+    sidebarBottom: (_: {
+        paginationMetadata: import("@/types").PaginationMetadata | null;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/src/components/BaseDataTableRowAction.vue.d.ts

@@ -0,0 +1,18 @@
+import { CollectionItem, RowAction } from '@/types';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    row: CollectionItem;
+    rowAction: RowAction;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    row: CollectionItem;
+    rowAction: RowAction;
+}>>>, {}>;
+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;
+    };
+};

package/dist/types/src/components/BaseMenu.vue.d.ts

@@ -13,6 +13,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: PropType<"custom" | "bottom-left" | "bottom-right">;
     };
+    size: {
+        default: string;
+        type: PropType<"xs" | "sm" | "md">;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         default: undefined;
@@ -26,7 +30,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: PropType<"custom" | "bottom-left" | "bottom-right">;
     };
+    size: {
+        default: string;
+        type: PropType<"xs" | "sm" | "md">;
+    };
 }>>, {
+    size: "xs" | "sm" | "md";
     items: MenuItemInterface[];
     menuClass: string | Record<string, any> | unknown[];
     position: "custom" | "bottom-left" | "bottom-right";

package/dist/types/src/components/BaseMenuItem.vue.d.ts

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: PropType<"dark" | "light" | "danger" | "success" | "warning">;
     };
+    size: {
+        default: string;
+        type: PropType<"xs" | "sm" | "md">;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         default: undefined;
@@ -41,11 +45,16 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: PropType<"dark" | "light" | "danger" | "success" | "warning">;
     };
+    size: {
+        default: string;
+        type: PropType<"xs" | "sm" | "md">;
+    };
 }>>, {
     label: string;
     active: boolean;
     color: "dark" | "light" | "danger" | "success" | "warning";
     icon: string;
     count: number;
+    size: "xs" | "sm" | "md";
 }>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BaseTableColumn, MenuItemInterface, Row } from '@/types';
+import { BaseTableColumn, Row } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** Table data */
     data: {
@@ -25,11 +25,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-    /** Define checkable actions */
-    checkableActions: {
-        default: undefined;
-        type: PropType<MenuItemInterface[]>;
-    };
     /**
      * Position of the checkbox (if checkable is true)
      * @values left, right
@@ -101,6 +96,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         thAttrs: (column: BaseTableColumn) => Record<string, any>;
         tdAttrs: (row: Row, column: BaseTableColumn) => Record<string, any>;
     }[]>;
+    uncheckAll: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sort" | "check" | "check-all" | "update:checkedRows" | "details-open" | "details-close" | "update:openedDetailed" | "cell-click")[], "sort" | "check" | "check-all" | "update:checkedRows" | "details-open" | "details-close" | "update:openedDetailed" | "cell-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /** Table data */
     data: {
@@ -126,11 +122,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-    /** Define checkable actions */
-    checkableActions: {
-        default: undefined;
-        type: PropType<MenuItemInterface[]>;
-    };
     /**
      * Position of the checkbox (if checkable is true)
      * @values left, right
@@ -197,7 +188,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     visibleColumns: number[];
     detailed: boolean;
     checkable: boolean;
-    checkableActions: MenuItemInterface[];
     checkboxPosition: "left" | "right";
     isRowCheckable: Function;
     checkedRows: Row[];
@@ -207,11 +197,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     maxHeight: number;
 }>, {
     default: (_: {}) => any;
-    checkedHeader: (_: {
-        uncheckAll: () => void;
-        count: number;
-        checkRows: Row[];
-    }) => any;
     detail: (_: {
         row: Row;
         index: number;

package/dist/types/src/components/BaseTableColumn.vue.d.ts

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: NumberConstructor;
     };
+    padding: {
+        default: undefined;
+        type: StringConstructor;
+    };
     numeric: {
         default: boolean;
         type: BooleanConstructor;
@@ -79,6 +83,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     style(): {
         width: string | undefined;
+        padding: string;
     };
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
@@ -101,6 +106,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: NumberConstructor;
     };
+    padding: {
+        default: undefined;
+        type: StringConstructor;
+    };
     numeric: {
         default: boolean;
         type: BooleanConstructor;
@@ -157,6 +166,7 @@ declare const _default: import("vue").DefineComponent<{
     toggle: boolean;
     width: number;
     field: string;
+    padding: string;
     position: "left" | "right" | "center";
     searchable: boolean;
     numeric: boolean;

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

@@ -13,6 +13,7 @@ declare const messages: {
             address_1_placeholder: string;
             address_2_description: string;
             and: string;
+            apply: string;
             apply_filters: string;
             autocomplete_placeholder: string;
             cancel: string;
@@ -26,10 +27,12 @@ declare const messages: {
             country: string;
             create_new: string;
             day: string;
+            delete: string;
             delete_record: string;
             delete_record_description: string;
             deselect_all: string;
             drop_or_click_to_upload: string;
+            edit: string;
             error: string;
             file_must_be_of_type: string;
             filters: string;
@@ -88,6 +91,7 @@ declare const messages: {
             address_1_placeholder: string;
             address_2_description: string;
             and: string;
+            apply: string;
             apply_filters: string;
             autocomplete_placeholder: string;
             cancel: string;
@@ -101,10 +105,12 @@ declare const messages: {
             country: string;
             create_new: string;
             day: string;
+            delete: string;
             delete_record: string;
             delete_record_description: string;
             deselect_all: string;
             drop_or_click_to_upload: string;
+            edit: string;
             error: string;
             file_must_be_of_type: string;
             filters: string;
@@ -180,6 +186,7 @@ declare const config: {
                 address_1_placeholder: string;
                 address_2_description: string;
                 and: string;
+                apply: string;
                 apply_filters: string;
                 autocomplete_placeholder: string;
                 cancel: string;
@@ -193,10 +200,12 @@ declare const config: {
                 country: string;
                 create_new: string;
                 day: string;
+                delete: string;
                 delete_record: string;
                 delete_record_description: string;
                 deselect_all: string;
                 drop_or_click_to_upload: string;
+                edit: string;
                 error: string;
                 file_must_be_of_type: string;
                 filters: string;
@@ -255,6 +264,7 @@ declare const config: {
                 address_1_placeholder: string;
                 address_2_description: string;
                 and: string;
+                apply: string;
                 apply_filters: string;
                 autocomplete_placeholder: string;
                 cancel: string;
@@ -268,10 +278,12 @@ declare const config: {
                 country: string;
                 create_new: string;
                 day: string;
+                delete: string;
                 delete_record: string;
                 delete_record_description: string;
                 deselect_all: string;
                 drop_or_click_to_upload: string;
+                edit: string;
                 error: string;
                 file_must_be_of_type: string;
                 filters: string;

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

@@ -68,6 +68,7 @@ export interface ActionItem {
     action?: () => Promise<void> | void;
     icon?: string;
     count?: number;
+    disabled?: boolean;
     meta?: Record<string, any>;
     actions?: ActionItem[];
 }
@@ -173,3 +174,17 @@ export interface SelectConfiguration {
     options: SelectConfigurationOption[];
     onChange?: (option: SelectConfigurationOption | null) => void;
 }
+export interface DataIteratorSection {
+    name: string;
+    title: string;
+    closeText: string;
+    icon: string;
+    opened?: boolean;
+}
+export interface RowAction {
+    label: string;
+    icon: string;
+    action?: (row: CollectionItem) => Promise<void> | void;
+    to?: (row: CollectionItem) => RouteLocationRaw;
+    disabled?: (row: CollectionItem) => boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.178",
+  "version": "0.0.180",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",
@@ -35,19 +35,19 @@
   },
   "dependencies": {
     "@headlessui/vue": "^1.7.4",
-    "color2k": "^2.0.1",
-    "storybook": "^6.5.15"
+    "color2k": "^2.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.2",
     "@iconify/vue": "^4.0.0",
-    "@storybook/addon-actions": "^6.5.13",
-    "@storybook/addon-essentials": "^6.5.13",
-    "@storybook/addon-interactions": "^6.5.13",
-    "@storybook/addon-links": "^6.5.13",
-    "@storybook/builder-vite": "^0.2.5",
+    "storybook": "^6.5.16",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/builder-vite": "^0.4.0",
     "@storybook/testing-library": "^0.0.13",
-    "@storybook/vue3": "^6.5.13",
+    "@storybook/vue3": "^6.5.16",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/line-clamp": "^0.4.2",

package/src/assets/main.css

@@ -4,3 +4,26 @@
 [aria-label][role~='tooltip']::after {
   white-space: pre-line;
 }
+
+.btn-group {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 -0.5rem;
+
+  & .btn:first-child {
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  & .btn:last-child {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+    border-left: 0;
+  }
+
+  & .btn:not(:first-child):not(:last-child) {
+    border-radius: 0;
+    border-left: 0;
+  }
+}

package/src/components/BaseActionItem.vue

@@ -52,7 +52,9 @@ defineProps({
   },
 });
 
-const closeMenu = inject('closeMenu') as () => void;
+const closeMenu = inject('closeMenu', () => {
+  return;
+}) as () => void;
 
 const emit = defineEmits(['click']);