@maropost-ui/liquidsky-ui 0.1.74 → 0.1.77

package/dist/types/AppDataTableProps.d.ts

@@ -7,7 +7,11 @@ export interface DataTableColumn {
     key: string;
     title: string;
     sortable?: boolean;
-    width?: number;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    align?: 'start' | 'center' | 'end';
+    nowrap?: boolean;
     missingIndicator?: string;
     schema?: {
         type: 'link' | 'number' | 'date' | 'date-only' | 'multi-value' | 'currency' | 'chip' | 'text';

package/dist/types/AppDialogWrapperProps.d.ts

@@ -8,4 +8,9 @@ export interface AppDialogWrapperProps extends MpTestIdProps {
     showSaveBtn?: boolean;
     showCancelBtn?: boolean;
     dataGsPrefix?: string;
+    /**
+     * Disable the save button when the form is invalid.
+     * @default true
+     */
+    disableSaveOnInvalid?: boolean;
 }

package/dist/types/AppSplitButtonProps.d.ts

@@ -0,0 +1,18 @@
+import type { Anchor } from 'vuetify';
+import type { MpTestIdProps } from './MpTestIdProps';
+export interface TSplitButtonMenuOption {
+    title: string;
+    disabled?: boolean;
+    icon?: string;
+    onClick: () => void;
+}
+export interface TAppSplitButtonProps extends MpTestIdProps {
+    label: string;
+    options: TSplitButtonMenuOption[];
+    prependIcon?: string;
+    type?: 'primary' | 'secondary' | 'text' | 'default';
+    isValid?: boolean;
+    noSpacing?: boolean;
+    disabled?: boolean;
+    location?: Anchor;
+}

package/dist/types/AppTableActionMenuProps.d.ts

@@ -25,6 +25,10 @@ export interface AppTableActionMenuProps extends MpTestIdProps {
     index?: number | null;
     /** icon e.g. "mdi-dots-vertical" */
     icon?: string;
+    /** buttonColor e.g. "red" or "#f5f5f5" */
+    buttonColor?: string;
+    /** iconColor e.g. "black" or "#006cae" */
+    iconColor?: string;
     /** Any additional props will be passed to v-menu via v-bind */
     [key: string]: any;
 }

package/dist/types/GenericIndexPage.d.ts

@@ -0,0 +1,141 @@
+export interface BreadcrumbNode {
+    label: string;
+    id: number | null;
+}
+export interface DateRange {
+    startDate: string | null;
+    endDate: string | null;
+}
+export interface FilterOption {
+    label: string;
+    value: string;
+}
+export interface PageAction {
+    label: string;
+    onClick?: () => void;
+    link?: string;
+}
+export declare enum GenericIndexTableMenuActionType {
+    EDIT = "edit",
+    DELETE = "delete",
+    VIEW = "view",
+    ARCHIVE = "archive",
+    DUPLICATE = "duplicate",
+    RESET = "reset",
+    ADD = "add",
+    SHOW = "show",
+    PREVIEW = "preview"
+}
+export interface GenericIndexTableMenuItem {
+    icon?: string;
+    text: string;
+    type: GenericIndexTableMenuActionType | string;
+    isDisabled?: boolean;
+}
+export interface GenericIndexTableChipStatus {
+    name: string;
+    color: string;
+    value: string;
+}
+export interface GenericIndexTableActionItem {
+    menuItems: GenericIndexTableMenuItem[];
+    customActions?: GenericIndexTableMenuItem;
+    /** Background of the action buttons, e.g. "red" or "#f5f5f5" */
+    buttonColor?: string;
+    /** Icon color of the action buttons, e.g. "black" or "#006cae" */
+    iconColor?: string;
+}
+export declare enum GenericIndexTableCellType {
+    TEXT = "text",
+    CHIP = "chip",
+    TOGGLE = "toggle",
+    CURRENCY = "currency",
+    DATE = "date",
+    SELECT = "select",
+    ACTIONS = "actions"
+}
+export interface GenericIndexTableColumnDefinition {
+    key: string;
+    title: string;
+    sortable?: boolean;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    flexible?: boolean;
+    align?: "start" | "center" | "end";
+}
+export interface GenericIndexTableConfig {
+    columns: GenericIndexTableColumnDefinition[];
+    rowsPerPageOptions?: number[];
+    defaultRowsPerPage?: number;
+    showSelect?: boolean;
+    isDragable?: boolean;
+    noDataText?: string;
+}
+export interface GenericIndexTableCell<T = any> {
+    key: string;
+    value: T;
+    type: GenericIndexTableCellType;
+    hidden?: boolean;
+    onClick?: () => void;
+    isLink?: boolean;
+    tooltip?: string;
+    title?: string;
+    additionalIcon?: {
+        icon: string;
+        tooltip?: string;
+        color?: string;
+        onClick?: () => void;
+    };
+}
+export interface GenericIndexTableData<T = any> {
+    referenceId?: string;
+    /**
+     * All cells rendered in the table
+     */
+    columnData: GenericIndexTableCell[];
+    /**
+     * Original object received from API
+     */
+    originalObject?: T;
+    /**
+     * Table state
+     */
+    selected?: boolean;
+    isRowSelected?: boolean;
+    highlightRowSelected?: boolean;
+}
+export interface GenericIndexTableCellTogglePayload {
+    row: GenericIndexTableData;
+    column?: string;
+    value: boolean;
+}
+export interface GenericIndexTableCellActionPayload {
+    row: GenericIndexTableData;
+    menuItem: GenericIndexTableMenuItem;
+}
+export interface GenericIndexTableFetchDataPayload {
+    page: number;
+    itemsPerPage: number;
+    sortBy: any[];
+}
+export interface GenericIndexPageData {
+    breadcrumbs: BreadcrumbNode[];
+    title: string;
+    isReports?: boolean;
+    isIndex?: boolean;
+    tableData: GenericIndexTableData[];
+    tableConfig: GenericIndexTableConfig;
+    loading?: boolean;
+    loadingText?: string;
+    serverItemsLength?: number;
+    page?: number;
+    itemsPerPage?: number;
+    sortBy?: any[];
+    filterOptions?: FilterOption[];
+    selectedFilter?: string;
+    onFilterChange?: (value: string) => void;
+    currentDateRange?: DateRange;
+    onDateRangeChange?: (value: string) => void;
+    newButtonAction?: PageAction;
+}

package/dist/types/index.d.ts

@@ -7,3 +7,5 @@ export * from './unitTypes';
 export * from './SlVueTreeNextProps';
 export * from './TreeDropdownProps';
 export * from './AppSnackbarProps';
+export * from './AppSplitButtonProps';
+export * from './GenericIndexPage';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maropost-ui/liquidsky-ui",
-  "version": "0.1.74",
+  "version": "0.1.77",
   "description": "Shared UI components, composables, and utils for Vue + Vuetify",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.ts",