@3squared/forge-ui-3 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/esm/forge-ui-3.js +923 -856
  2. package/dist/src/components/ForgeCheckbox.vue.d.ts +0 -2
  3. package/dist/src/components/ForgeDatepicker.vue.d.ts +6 -0
  4. package/dist/src/components/ForgeFormField.vue.d.ts +45 -28
  5. package/dist/src/components/ForgeModal.vue.d.ts +20 -0
  6. package/dist/src/components/table/ForgeTable.vue.d.ts +6 -1
  7. package/dist/src/passthroughs/Table.pt.d.ts +1 -3
  8. package/dist/src/types/forge-types.d.ts +10 -7
  9. package/package.json +7 -8
  10. package/src/types/forge-types.ts +11 -7
package/dist/src/components/ForgeCheckbox.vue.d.ts CHANGED
@@ -1,10 +1,8 @@
1
1
  import { CheckboxProps } from 'primevue/checkbox';
2
- import { TypedSchema } from 'vee-validate';
3
2
 
4
3
  type CheckProps = Omit<CheckboxProps, "aria-label" | "aria-labelledby">;
5
4
  export interface ForgeCheckProps extends CheckProps {
6
5
  label: string;
7
- rules?: TypedSchema;
8
6
  }
9
7
  declare function __VLS_template(): {
10
8
  default?(_: {}): any;
package/dist/src/components/ForgeDatepicker.vue.d.ts CHANGED
@@ -29,6 +29,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
29
29
  disabled: {
30
30
  type: import('vue').PropType<boolean>;
31
31
  };
32
+ name: {
33
+ type: import('vue').PropType<string>;
34
+ };
32
35
  id: {
33
36
  type: import('vue').PropType<string>;
34
37
  };
@@ -229,6 +232,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
229
232
  disabled: {
230
233
  type: import('vue').PropType<boolean>;
231
234
  };
235
+ name: {
236
+ type: import('vue').PropType<string>;
237
+ };
232
238
  id: {
233
239
  type: import('vue').PropType<string>;
234
240
  };
package/dist/src/components/ForgeFormField.vue.d.ts CHANGED
@@ -1,42 +1,59 @@
1
- import { TypedSchema } from 'vee-validate';
2
1
  import { ForgeFormFieldTypes } from '../types/forge-types';
3
2
 
4
3
  export interface ForgeFormFieldProps {
5
4
  name: string;
6
5
  label: string;
7
6
  type?: ForgeFormFieldTypes;
8
- rules?: TypedSchema;
9
7
  mask?: string;
10
8
  placeholder?: string;
11
9
  }
12
- declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeFormFieldProps>, {
13
- mask: string;
14
- placeholder: string;
15
- type: string;
16
- }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeFormFieldProps>, {
17
- mask: string;
18
- placeholder: string;
19
- type: string;
20
- }>>>, {
10
+ declare const _default: import('vue').DefineComponent<{
11
+ modelValue: import('vue').PropType<any>;
12
+ label: {
13
+ type: import('vue').PropType<string>;
14
+ required: true;
15
+ };
16
+ name: {
17
+ type: import('vue').PropType<string>;
18
+ required: true;
19
+ };
20
+ type: {
21
+ type: import('vue').PropType<ForgeFormFieldTypes>;
22
+ default: string;
23
+ };
24
+ placeholder: {
25
+ type: import('vue').PropType<string>;
26
+ default: string;
27
+ };
28
+ mask: {
29
+ type: import('vue').PropType<string>;
30
+ default: string;
31
+ };
32
+ }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
33
+ modelValue: import('vue').PropType<any>;
34
+ label: {
35
+ type: import('vue').PropType<string>;
36
+ required: true;
37
+ };
38
+ name: {
39
+ type: import('vue').PropType<string>;
40
+ required: true;
41
+ };
42
+ type: {
43
+ type: import('vue').PropType<ForgeFormFieldTypes>;
44
+ default: string;
45
+ };
46
+ placeholder: {
47
+ type: import('vue').PropType<string>;
48
+ default: string;
49
+ };
50
+ mask: {
51
+ type: import('vue').PropType<string>;
52
+ default: string;
53
+ };
54
+ }>>, {
21
55
  type: ForgeFormFieldTypes;
22
56
  placeholder: string;
23
57
  mask: string;
24
58
  }, {}>;
25
59
  export default _default;
26
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
27
- type __VLS_TypePropsToRuntimeProps<T> = {
28
- [K in keyof T]-?: {} extends Pick<T, K> ? {
29
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
30
- } : {
31
- type: import('vue').PropType<T[K]>;
32
- required: true;
33
- };
34
- };
35
- type __VLS_WithDefaults<P, D> = {
36
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
37
- default: D[K];
38
- }> : P[K];
39
- };
40
- type __VLS_Prettify<T> = {
41
- [K in keyof T]: T[K];
42
- } & {};
package/dist/src/components/ForgeModal.vue.d.ts CHANGED
@@ -5,6 +5,8 @@ export interface ForgeModalProps extends DialogProps {
5
5
  submitText?: string;
6
6
  showFooter?: boolean;
7
7
  onConfirm?: Function | null;
8
+ submitButtonType?: 'button' | 'reset' | 'submit';
9
+ cancelButtonType?: 'button' | 'reset' | 'submit';
8
10
  }
9
11
  declare function __VLS_template(): Partial<Record<NonNullable<keyof DialogSlots>, (_: any) => any>> & {
10
12
  loader?(_: {}): any;
@@ -68,6 +70,14 @@ declare const __VLS_component: import('vue').DefineComponent<{
68
70
  type: import('vue').PropType<Function | null>;
69
71
  default: null;
70
72
  };
73
+ submitButtonType: {
74
+ type: import('vue').PropType<"submit" | "reset" | "button">;
75
+ default: string;
76
+ };
77
+ cancelButtonType: {
78
+ type: import('vue').PropType<"submit" | "reset" | "button">;
79
+ default: string;
80
+ };
71
81
  modal: {
72
82
  type: import('vue').PropType<boolean>;
73
83
  default: boolean;
@@ -180,6 +190,14 @@ declare const __VLS_component: import('vue').DefineComponent<{
180
190
  type: import('vue').PropType<Function | null>;
181
191
  default: null;
182
192
  };
193
+ submitButtonType: {
194
+ type: import('vue').PropType<"submit" | "reset" | "button">;
195
+ default: string;
196
+ };
197
+ cancelButtonType: {
198
+ type: import('vue').PropType<"submit" | "reset" | "button">;
199
+ default: string;
200
+ };
183
201
  modal: {
184
202
  type: import('vue').PropType<boolean>;
185
203
  default: boolean;
@@ -240,6 +258,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
240
258
  cancelText: string;
241
259
  showFooter: boolean;
242
260
  onConfirm: Function | null;
261
+ submitButtonType: "button" | "reset" | "submit";
262
+ cancelButtonType: "button" | "reset" | "submit";
243
263
  modal: boolean;
244
264
  showHeader: boolean;
245
265
  }, {}>;
package/dist/src/components/table/ForgeTable.vue.d.ts CHANGED
@@ -4,7 +4,6 @@ import { Severity } from '../../types/forge-types';
4
4
  export interface ForgeTableProps extends DataTableProps {
5
5
  value: any[];
6
6
  legacyPaginationFooter?: boolean;
7
- total?: number;
8
7
  showClearButton?: boolean;
9
8
  showExporterButton?: boolean;
10
9
  stickyHeader?: boolean;
@@ -22,7 +21,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
22
21
  showExporterButton: boolean;
23
22
  stickyHeader: boolean;
24
23
  }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
24
+ page: (...args: any[]) => void;
25
+ sort: (...args: any[]) => void;
25
26
  "update:filters": (...args: any[]) => void;
27
+ "update:tableContext": (...args: any[]) => void;
26
28
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeTableProps>, {
27
29
  legacyPaginationFooter: boolean;
28
30
  paginator: boolean;
@@ -31,7 +33,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
31
33
  showExporterButton: boolean;
32
34
  stickyHeader: boolean;
33
35
  }>>> & {
36
+ onPage?: ((...args: any[]) => any) | undefined;
37
+ onSort?: ((...args: any[]) => any) | undefined;
34
38
  "onUpdate:filters"?: ((...args: any[]) => any) | undefined;
39
+ "onUpdate:tableContext"?: ((...args: any[]) => any) | undefined;
35
40
  }, {
36
41
  legacyPaginationFooter: boolean;
37
42
  showClearButton: boolean;
package/dist/src/passthroughs/Table.pt.d.ts CHANGED
@@ -3,6 +3,7 @@ import { PaginatorPassThroughMethodOptions } from 'primevue/paginator';
3
3
 
4
4
  declare const _default: {
5
5
  dataTable: {
6
+ datatable: string;
6
7
  table: (options: DataTablePassThroughMethodOptions) => {
7
8
  class: (string | {
8
9
  'table-striped': boolean | undefined;
@@ -27,9 +28,6 @@ declare const _default: {
27
28
  loadingOverlay: () => {
28
29
  class: string;
29
30
  };
30
- loadingIcon: () => {
31
- class: string;
32
- };
33
31
  };
34
32
  paginator: {
35
33
  root: (options: PaginatorPassThroughMethodOptions<any>) => {
package/dist/src/types/forge-types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ColumnProps } from 'primevue/column';
2
- import { FilterMatchModeOptions, FilterOperatorOptions } from 'primevue/api';
2
+ import { FilterMatchModeOptions } from 'primevue/api';
3
3
  import { FileUploadStatus } from '../components/file-uploader/utilities/utilities';
4
+ import { DataTableFilterMeta } from 'primevue/datatable';
4
5
 
5
6
  export type Severity = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'brand' | undefined;
6
7
  export type Size = 'sm' | 'md' | 'lg' | undefined;
@@ -12,12 +13,6 @@ export type ForgeColumnDataType = 'text' | 'numeric' | 'date' | 'select' | 'mult
12
13
  export type ForgeColumn = ColumnProps & {
13
14
  dataType?: ForgeColumnDataType;
14
15
  };
15
- export type ForgeTableFilter = {
16
- value?: any;
17
- matchMode?: FilterMatchModeOptions;
18
- operator?: FilterOperatorOptions;
19
- constraints?: Array<ForgeTableFilterConstraint>;
20
- };
21
16
  export interface ForgeFileStatus {
22
17
  file: File;
23
18
  status: FileUploadStatus;
@@ -36,3 +31,11 @@ export interface SelectListOption<T> {
36
31
  value: T;
37
32
  text: string;
38
33
  }
34
+ export interface ForgeTableContext {
35
+ total: number;
36
+ page: number;
37
+ perPage: number;
38
+ sortField: string;
39
+ sortDirection: 'Asc' | 'Desc' | 'None';
40
+ filters: DataTableFilterMeta | undefined;
41
+ }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@3squared/forge-ui-3",
3
3
  "repository": "https://github.com/3Squared/ForgeUI-3",
4
4
  "description": "ForgeUI 3 is Vue 3 UI Library which combines a variety of popular packages to create a consistent UI for your application.",
5
- "version": "0.6.0",
5
+ "version": "0.7.0",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "contributors": [
@@ -32,27 +32,26 @@
32
32
  "@azure/storage-blob": "^12.17.0",
33
33
  "@iconify/vue": "^4.1.1",
34
34
  "@popperjs/core": "^2.11.8",
35
- "@vee-validate/zod": "^4.11.8",
36
35
  "@vueuse/components": "^10.6.1",
37
36
  "bootstrap": "5.3.3",
38
- "primevue": "^3.48.1",
37
+ "primevue": "^3.53.0",
39
38
  "vee-validate": "^4.11.8",
40
39
  "vue": "^3.4.14",
41
40
  "vue-multiselect": "^3.0.0-beta.3",
42
- "zod": "^3.22.4"
41
+ "yup": "^1.4.0"
43
42
  },
44
43
  "devDependencies": {
45
- "@cypress/code-coverage": "3.12.41",
44
+ "@cypress/code-coverage": "3.12.42",
46
45
  "@vitejs/plugin-vue": "5.0.5",
47
46
  "@vitest/coverage-v8": "1.6.0",
48
47
  "@vitest/ui": "1.6.0",
49
- "cypress": "13.13.0",
48
+ "cypress": "13.13.1",
50
49
  "cypress-real-events": "1.13.0",
51
50
  "sass": "1.77.8",
52
51
  "typescript": "5.5.3",
53
- "unplugin-vue-components": "0.27.2",
52
+ "unplugin-vue-components": "0.27.3",
54
53
  "rollup-plugin-visualizer": "5.12.0",
55
- "vite": "5.3.3",
54
+ "vite": "5.3.4",
56
55
  "vite-bundle-visualizer": "1.2.1",
57
56
  "vite-plugin-istanbul": "6.0.2",
58
57
  "vitest": "1.6.0",
package/src/types/forge-types.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ColumnProps } from "primevue/column";
2
- import { FilterMatchModeOptions, FilterOperatorOptions } from "primevue/api";
2
+ import { FilterMatchModeOptions } from "primevue/api";
3
3
  import { FileUploadStatus } from "../components/file-uploader/utilities/utilities";
4
+ import { DataTableFilterMeta } from "primevue/datatable";
4
5
 
5
6
  export type Severity = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'brand' | undefined
6
7
  export type Size = 'sm' | 'md' | 'lg' | undefined
@@ -12,12 +13,6 @@ export type ForgeNavbarPosition = "fixed-top" | "fixed-bottom" | "sticky-top"
12
13
  export type ForgeMultiSelectOrientation = "row" | "column"
13
14
  export type ForgeColumnDataType = 'text' | 'numeric' | 'date' | 'select' | 'multiselect' | undefined
14
15
  export type ForgeColumn = ColumnProps & { dataType?: ForgeColumnDataType }
15
- export type ForgeTableFilter = {
16
- value?: any,
17
- matchMode?: FilterMatchModeOptions,
18
- operator?: FilterOperatorOptions,
19
- constraints?: Array<ForgeTableFilterConstraint>
20
- }
21
16
 
22
17
  export interface ForgeFileStatus {
23
18
  file: File;
@@ -40,3 +35,12 @@ export interface SelectListOption<T> {
40
35
  value: T;
41
36
  text: string;
42
37
  }
38
+
39
+ export interface ForgeTableContext {
40
+ total: number,
41
+ page: number,
42
+ perPage: number,
43
+ sortField: string,
44
+ sortDirection: 'Asc' | 'Desc' | 'None',
45
+ filters: DataTableFilterMeta | undefined
46
+ }