@3squared/forge-ui-3 0.2.2 → 0.3.0

package/dist/src/passthroughs/Column.pt.d.ts

@@ -0,0 +1,90 @@
+import { ColumnPassThroughMethodOptions, ColumnProps } from 'primevue/column';
+
+declare const _default: {
+    column: {
+        sortBadge: string;
+        headerCell: (options: ColumnPassThroughMethodOptions & {
+            props: {
+                reorderableColumns: boolean;
+            };
+            column: {
+                context: {
+                    frozen: boolean | '';
+                    resizable: boolean;
+                };
+            };
+        }) => {
+            class: {
+                'cursor-move': boolean;
+                'position-sticky': true;
+                'overflow-hidden position-relative bg-clip-padding': boolean;
+            }[];
+        };
+        roweditorinitbutton: string;
+        rowtoggler: {
+            class: string;
+        };
+        columnresizer: {
+            class: string;
+        };
+        roweditorsavebutton: string;
+        roweditorcancelbutton: string;
+        bodyCell: (options: ColumnPassThroughMethodOptions & {
+            props: {
+                resizableColumns: boolean;
+            };
+            column: {
+                props: {
+                    frozen: boolean | '';
+                };
+            };
+        }) => {
+            class: {
+                'position-sticky': boolean;
+                'overflow-hidden text-nowrap': boolean;
+            };
+        };
+        rowreordericon: string;
+        filterMenuButton: ({ props }: ColumnProps & {
+            props: {
+                type: string;
+            };
+        }) => {
+            class: (string | {
+                'd-none': boolean;
+            })[];
+        };
+        headerFilterClearButton: () => {
+            class: string[];
+        };
+        filterOverlay: {
+            class: string[];
+        };
+        filterRowItems: {
+            class: string[];
+        };
+        columnfilter: string;
+        filterRowItem: (options: ColumnPassThroughMethodOptions) => {
+            class: (string | {
+                active: any;
+            })[];
+        };
+        filterSeparator: {
+            class: string[];
+        };
+        headerContent: string;
+        sort: string;
+        rowCheckbox: (options: any) => {
+            class: (string | {
+                'bg-primary': any;
+                'form-check-input__focus': any;
+            })[];
+        };
+        rowRadioButton: (options: any) => {
+            class: (string | {
+                disabled: any;
+            })[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/Datepicker.pt.d.ts

@@ -0,0 +1,40 @@
+import { CalendarPassThroughMethodOptions } from 'primevue/calendar';
+
+declare const _default: {
+    calendar: {
+        root: string;
+        input: string;
+        panel: ({ props }: CalendarPassThroughMethodOptions) => {
+            class: (string | {
+                'shadow border-0 position-absolute': boolean;
+            })[];
+        };
+        header: string;
+        previousButton: string;
+        nextButton: string;
+        yearTitle: string;
+        monthTitle: string;
+        table: string;
+        tableHeaderRow: string;
+        weekday: string;
+        monthPicker: string;
+        month: string;
+        yearPicker: string;
+        year: string;
+        timePicker: string;
+        separatorContainer: string;
+        separator: string;
+        hourPicker: string;
+        hour: string;
+        minutePicker: string;
+        minute: string;
+        secondPicker: string;
+        second: string;
+        buttonbar: ({ props }: CalendarPassThroughMethodOptions) => {
+            class: (string | {
+                'border-top': boolean;
+            })[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/Dialog.pt.d.ts

@@ -0,0 +1,38 @@
+import { DialogPassThroughMethodOptions } from 'primevue/dialog';
+
+declare const _default: {
+    dialog: {
+        header: () => {
+            class: string[];
+        };
+        headerTitle: () => {
+            class: string[];
+        };
+        content: () => {
+            class: string[];
+        };
+        footer: () => {
+            class: string[];
+        };
+        headerIcons: () => {
+            class: string[];
+        };
+        icons: string;
+        closeButton: ({ props }: DialogPassThroughMethodOptions<any>) => {
+            class: (string | {
+                'ms-auto': boolean;
+            })[];
+        };
+        maximizableButton: ({ props }: DialogPassThroughMethodOptions<any>) => {
+            class: (string | {
+                "me-3": boolean | undefined;
+            })[];
+        };
+        mask: ({ props }: DialogPassThroughMethodOptions<any>) => {
+            class: {
+                'modal-open': boolean | undefined;
+            }[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/Divider.pt.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    divider: {
+        root: string;
+    };
+};
+export default _default;

package/dist/src/passthroughs/Dropdown.pt.d.ts

@@ -0,0 +1,49 @@
+import { DropdownPassThroughMethodOptions } from 'primevue/dropdown';
+
+declare const _default: {
+    dropdown: {
+        root: ({ props }: DropdownPassThroughMethodOptions<any>) => {
+            class: (string | {
+                disabled: boolean | undefined;
+            })[];
+        };
+        trigger: (options: DropdownPassThroughMethodOptions<any>) => {
+            class: (string | {
+                'ms-auto': boolean;
+                'ms-2': boolean | undefined;
+            })[];
+        };
+        list: string;
+        item: ({ context }: DropdownPassThroughMethodOptions<any>) => {
+            class: (string | {
+                'bg-primary text-white': boolean;
+            })[];
+        };
+        header: string;
+        headercheckboxcontainer: string;
+        headercheckbox: (options: any) => {
+            class: (string | {
+                'bg-primary': any;
+            })[];
+        };
+        headercheckboxicon: string;
+        filtercontainer: string;
+        filterinput: string;
+        filtericon: {
+            class: string[];
+            style: string;
+        };
+        closebutton: string;
+        checkbox: (options: DropdownPassThroughMethodOptions<any>) => {
+            class: (string | {
+                'bg-primary': boolean;
+                'form-check-input__focus': boolean;
+            })[];
+        };
+        checkboxicon: string;
+        clearicon: string;
+        loadingIcon: string;
+        itemGroupLabel: string;
+    };
+};
+export default _default;

package/dist/src/passthroughs/Image.pt.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    image: {
+        root: string;
+        button: string;
+        mask: string;
+        preview: string;
+        toolbar: string;
+        rotaterightbutton: string;
+        rotateleftbutton: string;
+        zoomoutbutton: string;
+        zoominbutton: string;
+        closebutton: string;
+    };
+};
+export default _default;

package/dist/src/passthroughs/Input.pt.d.ts

@@ -0,0 +1,13 @@
+import { InputTextPassThroughMethodOptions } from 'primevue/inputtext';
+
+declare const _default: {
+    inputtext: {
+        root: (options: InputTextPassThroughMethodOptions) => {
+            class: (string | {
+                'form-control-lg': boolean;
+                'form-control-sm': boolean;
+            })[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/InputMask.pt.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    inputmask: {
+        root: () => {
+            class: string[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/Message.pt.d.ts

@@ -0,0 +1,30 @@
+import { MessagePassThroughMethodOptions } from 'primevue/message';
+
+declare const _default: {
+    message: {
+        root: ({ props }: MessagePassThroughMethodOptions) => {
+            class: (string | {
+                'alert-primary': boolean;
+                'alert-brand': boolean;
+                'alert-secondary': boolean;
+                'alert-success': boolean;
+                'alert-warning': boolean;
+                'alert-danger': boolean;
+                'alert-info': boolean;
+            })[];
+        };
+        text: () => {
+            class: string[];
+        };
+        wrapper: () => {
+            class: string[];
+        };
+        icon: () => {
+            class: string[];
+        };
+        closeButton: () => {
+            class: string[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/Navbar.pt.d.ts

@@ -0,0 +1,57 @@
+import { MenubarPassThroughMethodOptions } from 'primevue/menubar';
+import { MenuPassThroughMethodOptions } from 'primevue/menu';
+
+declare const _default: {
+    menubar: {
+        menu: ({ instance }: MenubarPassThroughMethodOptions) => {
+            class: (string | {
+                'show dropdown shadow-sm': any;
+            })[];
+        };
+        menuitem: ({ context }: MenubarPassThroughMethodOptions) => {
+            class: (string | {
+                dropdown: boolean;
+            })[];
+        };
+        action: ({ context, instance }: MenubarPassThroughMethodOptions) => {
+            class: {
+                active: boolean;
+                'nav-link': boolean;
+                'dropdown-item': boolean;
+                disabled: any;
+                'px-3': any;
+            }[];
+        };
+        separator: ({ instance }: MenubarPassThroughMethodOptions) => {
+            class: {
+                'border-bottom w-100': any;
+            }[];
+        };
+        submenu: ({ instance }: MenubarPassThroughMethodOptions) => {
+            class: (string | {
+                'position-absolute start-100 top-0': boolean;
+            })[];
+        };
+        button: (options: MenubarPassThroughMethodOptions & {
+            state: {
+                queryMatches: boolean;
+            };
+        }) => {
+            class: (string | {
+                'd-none': boolean;
+            })[];
+        };
+        submenuicon: string;
+    };
+    menu: {
+        menu: (options: MenuPassThroughMethodOptions) => {
+            class: (string | {
+                show: boolean;
+            })[];
+        };
+        menuitem: () => {
+            class: string[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/OverlayPanel.pt.d.ts

@@ -0,0 +1,15 @@
+import { OverlayPanelPassThroughMethodOptions } from 'primevue/overlaypanel';
+
+declare const _default: {
+    overlaypanel: {
+        root: (options: OverlayPanelPassThroughMethodOptions) => {
+            class: (string | {
+                'p-4': boolean | undefined;
+                'p-3': boolean;
+            })[];
+        };
+        content: string;
+        closeButton: string;
+    };
+};
+export default _default;

package/dist/src/passthroughs/ProgressBar.pt.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    progressbar: {
+        root: () => {
+            class: string[];
+        };
+        value: () => {
+            class: string[];
+        };
+        label: () => {
+            class: string[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/ProgressSpinner.pt.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    progressspinner: {
+        spinner: () => {
+            class: string[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/SelectButton.pt.d.ts

@@ -0,0 +1,21 @@
+import { SelectButtonPassThroughMethodOptions } from 'primevue/selectbutton';
+
+declare const _default: {
+    selectbutton: {
+        root: () => {
+            class: string[];
+        };
+        button: ({ context, props, }: SelectButtonPassThroughMethodOptions) => {
+            class: (string | {
+                'btn-primary': boolean;
+                'btn-outline-primary': boolean;
+                'disabled w-auto'?: undefined;
+            } | {
+                'disabled w-auto': boolean;
+                "btn-primary"?: undefined;
+                "btn-outline-primary"?: undefined;
+            })[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/Steps.pt.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    steps: {
+        root: string;
+        menu: string;
+    };
+};
+export default _default;

package/dist/src/passthroughs/Table.pt.d.ts

@@ -0,0 +1,56 @@
+import { DataTablePassThroughMethodOptions } from 'primevue/datatable';
+import { PaginatorPassThroughMethodOptions } from 'primevue/paginator';
+
+declare const _default: {
+    dataTable: {
+        table: (options: DataTablePassThroughMethodOptions) => {
+            class: (string | {
+                'table-striped': boolean | undefined;
+                'table-hover': boolean | undefined;
+                'table-bordered': boolean | undefined;
+                'table-sm': boolean;
+                'table-lg': boolean;
+                'opacity-50': boolean | undefined;
+            })[];
+        };
+        bodyRow: (options: DataTablePassThroughMethodOptions) => {
+            class: {
+                'table-active': boolean;
+            };
+        };
+        rowgrouptoggler: string;
+        thead: () => {
+            class: string;
+        };
+        tbody: (options: any) => {
+            class: {
+                'sticky-header': any;
+            };
+        };
+        loadingOverlay: () => {
+            class: string;
+        };
+        loadingIcon: () => {
+            class: string;
+        };
+    };
+    paginator: {
+        root: (options: PaginatorPassThroughMethodOptions<any>) => {
+            class: (string | {
+                'opacity-50': any;
+            })[];
+        };
+        pages: string;
+        firstPageButton: string;
+        previousPageButton: string;
+        nextPageButton: string;
+        lastPageButton: string;
+        pageButton: ({ context }: PaginatorPassThroughMethodOptions<any>) => {
+            class: (string | {
+                active: boolean;
+                disabled: boolean;
+            })[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/Tabs.pt.d.ts

@@ -0,0 +1,38 @@
+import { TabPanelPassThroughMethodOptions } from 'primevue/tabpanel';
+
+declare const _default: {
+    tabview: {
+        navContainer: () => {
+            class: string[];
+        };
+        navContent: () => {
+            class: string[];
+        };
+        nav: () => {
+            class: string[];
+        };
+        previousButton: () => {
+            class: string[];
+        };
+        nextButton: () => {
+            class: string[];
+        };
+    };
+    tabpanel: {
+        root: () => {
+            class: string[];
+        };
+        headerAction: (options: TabPanelPassThroughMethodOptions & {
+            tabpanel: Partial<TabPanelPassThroughMethodOptions>;
+        }) => {
+            class: (string | {
+                active: boolean;
+                disabled: boolean | undefined;
+            })[];
+        };
+        content: () => {
+            class: string[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/TextArea.pt.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    textarea: {
+        root: () => {
+            class: string[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/Toast.pt.d.ts

@@ -0,0 +1,36 @@
+import { ToastPassThroughMethodOptions } from 'primevue/toast';
+
+declare const _default: {
+    toast: {
+        message: () => {
+            class: string[];
+        };
+        content: () => {
+            class: string[];
+        };
+        container: () => {
+            class: string[];
+        };
+        buttonContainer: () => {
+            class: string[];
+        };
+        closeButton: () => {
+            class: string[];
+        };
+        closeIcon: () => {
+            class: string;
+        };
+        summary: () => {
+            class: string[];
+        };
+        icon: ({ props }: ToastPassThroughMethodOptions) => {
+            class: (string | {
+                'text-primary': boolean;
+                'text-success': boolean;
+                'text-danger': boolean;
+                'text-warning': boolean;
+            })[];
+        };
+    };
+};
+export default _default;

package/dist/src/passthroughs/Tooltip.pt.d.ts

@@ -0,0 +1,21 @@
+import { TooltipPassThroughMethodOptions } from 'primevue/tooltip';
+
+declare const _default: {
+    tooltip: {
+        root: ({ context }: TooltipPassThroughMethodOptions) => {
+            class: (string | {
+                'bs-tooltip-end ms-1': boolean;
+                'bs-tooltip-start me-1': boolean;
+                'bs-tooltip-top': boolean;
+                'bs-tooltip-bottom': boolean;
+            })[];
+        };
+        arrow: () => {
+            class: string[];
+        };
+        text: {
+            class: string[];
+        };
+    };
+};
+export default _default;

package/dist/src/types/forge-types.d.ts

@@ -1,8 +1,8 @@
-import { FileUploadStatus } from '../components/file-uploader/utilities/utilities';
-import { FilterMatchModeOptions, FilterOperatorOptions } from 'primevue/api';
 import { ColumnProps } from 'primevue/column';
+import { FilterMatchModeOptions, FilterOperatorOptions } from 'primevue/api';
+import { FileUploadStatus } from '../components/file-uploader/utilities/utilities';
 
-export type Severity = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | undefined;
+export type Severity = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'brand' | undefined;
 export type Size = 'sm' | 'md' | 'lg' | undefined;
 export type BarPosition = 'top' | 'left' | 'none';
 export type ForgeFormFieldTypes = "text" | "number" | "checkbox" | "textarea" | "mask";

package/package.json

@@ -2,7 +2,8 @@
   "name": "@3squared/forge-ui-3",
   "repository": "https://github.com/3Squared/ForgeUI-3",
   "description": "ForgeUI 3 is Vue 3 UI Library which combines a variety of popular packages to create a consistent UI for your application.",
-  "version": "0.2.2",
+  "version": "0.3.0",
+  "type": "module",
   "license": "MIT",
   "contributors": [
     {
@@ -10,8 +11,8 @@
       "email": "jacob.minor@3squared.com"
     }
   ],
-  "main": "./dist/esm/forge-ui-3.mjs",
-  "module": "./dist/esm/forge-ui-3.mjs",
+  "main": "./dist/esm/forge-ui-3.js",
+  "module": "./dist/esm/forge-ui-3.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/*",
@@ -20,7 +21,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "test": "cypress run --component --headed --browser chrome && vitest run --coverage && node ./scripts/merge.js",
+    "test": "cypress run --component --headed --browser chrome && vitest run --coverage && node ./scripts/merge.cjs",
     "test:component": "cypress open --component --browser chrome",
     "test:unit": "vitest --ui --coverage",
     "build": "vite build",
@@ -41,24 +42,24 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@cypress/code-coverage": "3.12.36",
-    "@vitejs/plugin-vue": "5.0.4",
-    "@vitest/coverage-v8": "1.5.0",
-    "@vitest/ui": "1.5.0",
-    "cypress": "13.8.0",
+    "@cypress/code-coverage": "3.12.39",
+    "@vitejs/plugin-vue": "5.0.5",
+    "@vitest/coverage-v8": "1.6.0",
+    "@vitest/ui": "1.6.0",
+    "cypress": "13.11.0",
     "cypress-real-events": "1.12.0",
-    "sass": "1.75.0",
+    "sass": "1.77.4",
     "typescript": "5.4.5",
-    "unplugin-vue-components": "0.26.0",
+    "unplugin-vue-components": "0.27.0",
     "rollup-plugin-visualizer": "5.12.0",
-    "vite": "5.2.10",
-    "vite-bundle-visualizer": "1.1.0",
-    "vite-plugin-istanbul": "5.0.0",
-    "vitest": "1.5.0",
-    "vite-plugin-dts": "3.9.0"
+    "vite": "5.2.12",
+    "vite-bundle-visualizer": "1.2.1",
+    "vite-plugin-istanbul": "6.0.2",
+    "vitest": "1.6.0",
+    "vite-plugin-dts": "3.9.1"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.16.3"
+    "@rollup/rollup-linux-x64-gnu": "4.18.0"
   },
   "nyc": {
     "all": true,

package/src/styles/components/_chips.scss

@@ -0,0 +1,3 @@
+.p-chips-input-token > input:focus-visible {
+  outline: transparent !important;
+}