@3squared/forge-ui-3 0.16.0 → 1.0.0

package/dist/src/components/file-uploader/ForgeFileUploader.vue.d.ts

@@ -1,8 +1,8 @@
-import { ForgeFileStatus } from '../../types/forge-types';
+import { ForgeFileStatus, ForgeFileType } from '../../types/forge-types';
 import { TypedSchema } from 'vee-validate';
 
 export interface ForgeFileUploaderProps {
-    acceptedFileTypes: string[];
+    acceptedFileTypes: ForgeFileType[];
     maxFileSize: number;
     getFileUrlAction: (fileName: string) => Promise<[string, string]>;
     showDragDropArea?: boolean;
@@ -14,7 +14,7 @@ export interface ForgeFileUploaderProps {
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<ForgeFileStatus[]>;
     acceptedFileTypes: {
-        type: import('vue').PropType<string[]>;
+        type: import('vue').PropType<ForgeFileType[]>;
         required: true;
     };
     maxFileSize: {
@@ -47,7 +47,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<ForgeFileStatus[]>;
     acceptedFileTypes: {
-        type: import('vue').PropType<string[]>;
+        type: import('vue').PropType<ForgeFileType[]>;
         required: true;
     };
     maxFileSize: {

package/dist/src/components/file-uploader/components/DragDropArea.vue.d.ts

@@ -1,4 +1,4 @@
-import { ForgeFileStatus } from '../../../types/forge-types';
+import { ForgeFileStatus, ForgeFileType } from '../../../types/forge-types';
 
 declare function __VLS_template(): {
     default?(_: {}): any;
@@ -17,7 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         required: true;
     };
     acceptedFileTypes: {
-        type: import('vue').PropType<string[]>;
+        type: import('vue').PropType<ForgeFileType[]>;
         required: true;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -34,7 +34,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         required: true;
     };
     acceptedFileTypes: {
-        type: import('vue').PropType<string[]>;
+        type: import('vue').PropType<ForgeFileType[]>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/src/components/file-uploader/components/UploadButton.vue.d.ts

@@ -1,4 +1,4 @@
-import { ForgeFileStatus } from '../../../types/forge-types';
+import { ForgeFileStatus, ForgeFileType } from '../../../types/forge-types';
 
 declare function __VLS_template(): {
     message?(_: {}): any;
@@ -10,7 +10,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<ForgeFileStatus[]>;
     };
     acceptedFileTypes: {
-        type: import('vue').PropType<string[]>;
+        type: import('vue').PropType<ForgeFileType[]>;
         required: true;
     };
     maxFileInput: {
@@ -27,7 +27,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<ForgeFileStatus[]>;
     };
     acceptedFileTypes: {
-        type: import('vue').PropType<string[]>;
+        type: import('vue').PropType<ForgeFileType[]>;
         required: true;
     };
     maxFileInput: {

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

@@ -14,11 +14,11 @@ declare const _default: {
                 };
             };
         }) => {
-            class: {
+            class: (string | {
                 'cursor-move': boolean;
                 'position-sticky': true;
                 'overflow-hidden position-relative bg-clip-padding': boolean;
-            }[];
+            })[];
         };
         roweditorinitbutton: string;
         rowtoggler: {
@@ -80,6 +80,7 @@ declare const _default: {
             class: string[];
         };
         headerContent: string;
+        headerTitle: string;
         sort: string;
         rowCheckbox: (options: any) => {
             class: (string | {

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

@@ -13,6 +13,10 @@ export type ForgeColumnDataType = 'text' | 'numeric' | 'date' | 'select' | 'mult
 export type ForgeColumn = ColumnProps & {
     dataType?: ForgeColumnDataType;
 };
+export interface ForgeFileType {
+    fileType: string;
+    label?: string;
+}
 export interface ForgeFileStatus {
     file: File;
     status: FileUploadStatus;

package/package.json

@@ -2,7 +2,7 @@
   "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.16.0",
+  "version": "1.0.0",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -41,30 +41,35 @@
     "yup": "^1.4.0"
   },
   "devDependencies": {
-    "@cypress/code-coverage": "3.13.1",
-    "@vitejs/plugin-vue": "5.1.3",
+    "@cypress/code-coverage": "3.13.4",
+    "@vitejs/plugin-vue": "5.1.4",
     "@vitest/coverage-v8": "1.6.0",
     "@vitest/ui": "1.6.0",
-    "cypress": "13.14.2",
+    "cypress": "13.15.0",
     "cypress-real-events": "1.13.0",
-    "sass": "1.78.0",
+    "sass": "1.79.4",
     "typescript": "5.6.2",
     "unplugin-vue-components": "0.27.4",
     "rollup-plugin-visualizer": "5.12.0",
-    "vite": "5.4.6",
+    "vite": "5.4.8",
     "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.21.3"
+    "@rollup/rollup-linux-x64-gnu": "4.24.0"
   },
   "nyc": {
     "all": true,
     "report-dir": "coverage/cypress",
-    "include": "*",
-    "exclude": "**/*.cy.ts",
+    "include": [
+      "**/*.vue"
+    ],
+    "exclude": [
+      "tests/**",
+      "src/styles/**"
+    ],
     "extension": [
       ".js",
       ".cjs",

package/src/styles/components/_datepicker.scss

@@ -6,6 +6,11 @@
   max-width: 948px;
 }
 
+.datepicker-invalid {
+  @extend .is-invalid;
+  background-image: unset !important;
+}
+
 .p-datepicker-trigger {
   display: none !important;
 }

package/src/styles/components/_file-uploader.scss

@@ -26,6 +26,10 @@
   }
 }
 
+.accepted-file-types-container {
+  max-width: 200px
+}
+
 .mask {
   background-color: rgba(0, 0, 0, .9)
 }

package/src/styles/components/_multiselect.scss

@@ -39,6 +39,7 @@
       background: white;
       border: $input-border-width solid $input-border-color;
       width: 100%;
+      z-index: $zindex-dropdown;
       left: 0;
       top: 100%;
       

package/src/styles/components/_table.scss

@@ -30,6 +30,11 @@ table.table-lg {
   z-index: 2;
 }
 
+.table-sort-icon {
+  margin-top: 6px;
+  padding-left: 8px;
+}
+
 .bg-clip-padding {
   background-clip: padding-box;
 }
@@ -47,6 +52,10 @@ table.table-lg {
   @extend .form-check-input;
 }
 
+.page-size {
+  min-width: 70px;
+}
+
 .pagination .page-link.active {
   z-index: 0;
 }

package/src/styles/utilities/_utilities.scss

@@ -14,6 +14,15 @@
   @extend .form-control, :disabled;
 }
 
+.invalid-feedback {
+  @extend .invalid-feedback;
+  display: block;
+}
+
+.z-index-dropdown {
+  z-index: $zindex-dropdown
+}
+
 .text-invalid {
   color: $form-invalid-color
 }
@@ -23,9 +32,18 @@
 }
 
 .filter-placeholder {
+  white-space: nowrap;
+  overflow: hidden;
   color: $input-placeholder-color
 }
 
+.filter-trigger {
+  position: absolute;
+  right: 0;
+  margin-right: 8px;
+  background-color: white;
+}
+
 .rotate-180 {
   transform: rotate(180deg)
 }

package/src/types/forge-types.ts

@@ -14,6 +14,11 @@ export type ForgeMultiSelectOrientation = "row" | "column"
 export type ForgeColumnDataType = 'text' | 'numeric' | 'date' | 'select' | 'multiselect' | undefined
 export type ForgeColumn = ColumnProps & { dataType?: ForgeColumnDataType }
 
+export interface ForgeFileType {
+  fileType: string,
+  label?: string
+}
+
 export interface ForgeFileStatus {
   file: File;
   status: FileUploadStatus;