@furystack/shades-common-components 8.0.1 → 8.1.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.
- package/esm/components/data-grid/body.d.ts +4 -4
- package/esm/components/data-grid/body.d.ts.map +1 -1
- package/esm/components/data-grid/body.js.map +1 -1
- package/esm/components/data-grid/data-grid-row.d.ts +3 -3
- package/esm/components/data-grid/data-grid-row.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid-row.js.map +1 -1
- package/esm/components/data-grid/data-grid.d.ts +10 -10
- package/esm/components/data-grid/data-grid.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid.js.map +1 -1
- package/esm/components/data-grid/header.d.ts +4 -4
- package/esm/components/data-grid/header.d.ts.map +1 -1
- package/esm/components/data-grid/header.js +1 -5
- package/esm/components/data-grid/header.js.map +1 -1
- package/esm/components/grid.d.ts +9 -9
- package/esm/components/grid.d.ts.map +1 -1
- package/esm/components/grid.js +3 -1
- package/esm/components/grid.js.map +1 -1
- package/esm/components/suggest/suggest-manager.d.ts +1 -1
- package/esm/components/suggest/suggest-manager.d.ts.map +1 -1
- package/esm/components/suggest/suggest-manager.js.map +1 -1
- package/esm/services/noty-service.d.ts +1 -1
- package/esm/services/noty-service.d.ts.map +1 -1
- package/esm/services/noty-service.js.map +1 -1
- package/package.json +8 -8
- package/src/components/data-grid/body.tsx +8 -7
- package/src/components/data-grid/data-grid-row.tsx +6 -5
- package/src/components/data-grid/data-grid.tsx +13 -10
- package/src/components/data-grid/header.tsx +7 -11
- package/src/components/grid.tsx +64 -63
- package/src/components/suggest/suggest-manager.ts +1 -1
- package/src/services/noty-service.ts +1 -4
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { CollectionService } from '../../services/collection-service.js';
|
|
2
2
|
import type { ChildrenList } from '@furystack/shades';
|
|
3
3
|
import type { DataRowCells } from './data-grid.js';
|
|
4
|
-
export interface DataGridBodyProps<T> {
|
|
4
|
+
export interface DataGridBodyProps<T, Column extends string> {
|
|
5
5
|
service: CollectionService<T>;
|
|
6
6
|
onRowClick?: (row: T, ev: MouseEvent) => void;
|
|
7
7
|
onRowDoubleClick?: (entry: T, ev: MouseEvent) => void;
|
|
8
|
-
columns:
|
|
9
|
-
rowComponents?: DataRowCells<T>;
|
|
8
|
+
columns: Column[];
|
|
9
|
+
rowComponents?: DataRowCells<T, Column>;
|
|
10
10
|
style?: Partial<CSSStyleDeclaration>;
|
|
11
11
|
focusedRowStyle?: Partial<CSSStyleDeclaration>;
|
|
12
12
|
unfocusedRowStyle?: Partial<CSSStyleDeclaration>;
|
|
@@ -15,5 +15,5 @@ export interface DataGridBodyProps<T> {
|
|
|
15
15
|
emptyComponent?: JSX.Element;
|
|
16
16
|
loaderComponent?: JSX.Element;
|
|
17
17
|
}
|
|
18
|
-
export declare const DataGridBody: <T>(props: DataGridBodyProps<T>, children: ChildrenList) => JSX.Element<any>;
|
|
18
|
+
export declare const DataGridBody: <T, Column extends string>(props: DataGridBodyProps<T, Column>, children: ChildrenList) => JSX.Element<any>;
|
|
19
19
|
//# sourceMappingURL=body.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGlD,MAAM,WAAW,iBAAiB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGlD,MAAM,WAAW,iBAAiB,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IACzD,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAA;IACrD,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,aAAa,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC9C,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC/C,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjD,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EAClD,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC,EACnC,QAAQ,EAAE,YAAY,KACnB,GAAG,CAAC,OAAO,CAAC,GAAG,CA+BlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAiBhD,MAAM,CAAC,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAiBhD,MAAM,CAAC,MAAM,YAAY,GAGD,KAAK,CAAiC;IAC5D,aAAa,EAAE,sBAAsB;IACrC,KAAK,EAAE;QACL,OAAO,EAAE,iBAAiB;KAC3B;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACnC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAExD,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YAC3B,OAAO,KAAK,CAAC,cAAc,IAAI,6CAAwB,CAAA;QACzD,CAAC;QAED,OAAO,CACL,uCACG,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,gBAAC,WAAW,IACV,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,GAC/B,CAChB,CAAC,CACD,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { ChildrenList } from '@furystack/shades';
|
|
2
2
|
import type { CollectionService } from '../../services/collection-service.js';
|
|
3
3
|
import type { DataRowCells } from './data-grid.js';
|
|
4
|
-
export interface DataGridRowProps<T> {
|
|
4
|
+
export interface DataGridRowProps<T, Column extends string> {
|
|
5
5
|
entry: T;
|
|
6
6
|
columns: Array<keyof T>;
|
|
7
7
|
service: CollectionService<T>;
|
|
8
|
-
rowComponents?: DataRowCells<T>;
|
|
8
|
+
rowComponents?: DataRowCells<T, Column>;
|
|
9
9
|
onRowClick?: (row: T, event: MouseEvent) => void;
|
|
10
10
|
onRowDoubleClick?: (row: T, event: MouseEvent) => void;
|
|
11
11
|
focusedRowStyle?: Partial<CSSStyleDeclaration>;
|
|
@@ -13,5 +13,5 @@ export interface DataGridRowProps<T> {
|
|
|
13
13
|
unfocusedRowStyle?: Partial<CSSStyleDeclaration>;
|
|
14
14
|
unselectedRowStyle?: Partial<CSSStyleDeclaration>;
|
|
15
15
|
}
|
|
16
|
-
export declare const DataGridRow: <T>(props: DataGridRowProps<T>, children: ChildrenList) => JSX.Element<any>;
|
|
16
|
+
export declare const DataGridRow: <T, Column extends string>(props: DataGridRowProps<T, Column>, children: ChildrenList) => JSX.Element<any>;
|
|
17
17
|
//# sourceMappingURL=data-grid-row.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid-row.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,WAAW,gBAAgB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"data-grid-row.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IACxD,KAAK,EAAE,CAAC,CAAA;IACR,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IACvB,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAChD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAChD,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EACjD,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,EAClC,QAAQ,EAAE,YAAY,KACnB,GAAG,CAAC,OAAO,CAAC,GAAG,CAkGlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid-row.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAiB/E,MAAM,CAAC,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"data-grid-row.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAiB/E,MAAM,CAAC,MAAM,WAAW,GAGA,KAAK,CAAC;IAC5B,aAAa,EAAE,sBAAsB;IAErC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QAExD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,MAAM,oBAAoB,GAAG,CAAC,SAAgB,EAAE,EAAE;YAChD,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC9B,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;gBACjC,YAAY,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,gBAAgB,IAAI,EAAE,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;gBACzG,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;YAC/C,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;gBACpC,YAAY,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,kBAAkB,IAAI,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,CAAC,CAAA;gBAChG,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;YAChD,CAAC;QACH,CAAC,CAAA;QAED,MAAM,kBAAkB,GAAG,CAAC,QAAc,EAAE,EAAE;YAC5C,IAAI,QAAQ,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;gBAC7B,YAAY,CAAC,OAAO,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,eAAe,IAAI;wBAC9B,SAAS,EAAE,wIAAwI;wBACnJ,UAAU,EAAE,6BAA6B;wBACzC,UAAU,EAAE,QAAQ;qBACrB;iBACF,CAAC,CAAA;gBAEF,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;gBAEhC,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,qBAAqB,EAAE,CAAC,MAAM,IAAI,EAAE,CAAA;gBAExG,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAgB,CAAA;gBACpE,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,GAAG,YAAY,CAAA;gBAC/C,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAA;gBACnC,IAAI,MAAM,GAAG,UAAU,EAAE,CAAC;oBACxB,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;gBACtD,CAAC;gBAED,MAAM,YAAY,GAChB,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,EAAE,qBAAqB,EAAE,CAAC,MAAM;oBAC3G,EAAE,CAAA;gBACJ,MAAM,aAAa,GAAG,MAAM,CAAC,YAAY,GAAG,YAAY,CAAA;gBACxD,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAA;gBAC9D,IAAI,aAAa,GAAG,aAAa,EAAE,CAAC;oBAClC,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,aAAa,GAAG,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;gBAC7E,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;gBACnC,YAAY,CAAC,OAAO,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,iBAAiB,IAAI;wBAChC,SAAS,EAAE,MAAM;wBACjB,UAAU,EAAE,SAAS;qBACtB;iBACF,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAA;QAED,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,EAAE;YACjE,QAAQ,EAAE,oBAAoB;SAC/B,CAAC,CAAA;QACF,oBAAoB,CAAC,SAAS,CAAC,CAAA;QAE/B,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,EAAE;YAC3D,QAAQ,EAAE,kBAAkB;SAC7B,CAAC,CAAA;QACF,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAEzB,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAA;QACnC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;QAChC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAA;QACjC,IAAI,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;YAC7C,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;QACnC,CAAC;QAED,IAAI,KAAK,KAAK,KAAK,EAAE,CAAC;YACpB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QAClC,CAAC;QACD,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,IAAI,OAAO,CAAC,CAAA;QAEvF,OAAO,CACL,uCACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,wBACE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,EAC9C,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAEtD,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YACrD,aAAa,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,IAAI,8BAAO,KAAK,CAAC,MAAM,CAAC,CAAQ,CACpF,CACN,CAAC,CACD,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -3,24 +3,24 @@ import type { CollectionService } from '../../services/collection-service.js';
|
|
|
3
3
|
import type { GridProps } from '../grid.js';
|
|
4
4
|
import type { FindOptions } from '@furystack/core';
|
|
5
5
|
import type { ObservableValue } from '@furystack/utils';
|
|
6
|
-
export type DataHeaderCells<
|
|
7
|
-
[TKey in
|
|
6
|
+
export type DataHeaderCells<Column extends string> = {
|
|
7
|
+
[TKey in Column | 'default']?: (name: Column) => JSX.Element;
|
|
8
8
|
};
|
|
9
|
-
export type DataRowCells<T> = {
|
|
10
|
-
[TKey in
|
|
9
|
+
export type DataRowCells<T, Column extends string> = {
|
|
10
|
+
[TKey in Column | 'default']?: (element: T, state: {
|
|
11
11
|
focus?: T;
|
|
12
12
|
selection: T[];
|
|
13
13
|
}) => JSX.Element;
|
|
14
14
|
};
|
|
15
|
-
export interface DataGridProps<T> {
|
|
15
|
+
export interface DataGridProps<T, Column extends string> {
|
|
16
16
|
/**
|
|
17
17
|
* A list of columns to display
|
|
18
18
|
*/
|
|
19
|
-
columns:
|
|
19
|
+
columns: Column[];
|
|
20
20
|
/**
|
|
21
21
|
* Optional style overrides for the grid
|
|
22
22
|
*/
|
|
23
|
-
styles: GridProps<T>['styles'];
|
|
23
|
+
styles: GridProps<T, Column>['styles'];
|
|
24
24
|
/**
|
|
25
25
|
* A collection service to use for data source
|
|
26
26
|
*/
|
|
@@ -32,11 +32,11 @@ export interface DataGridProps<T> {
|
|
|
32
32
|
/**
|
|
33
33
|
* A list of custom header components to use
|
|
34
34
|
*/
|
|
35
|
-
headerComponents: DataHeaderCells<
|
|
35
|
+
headerComponents: DataHeaderCells<Column>;
|
|
36
36
|
/**
|
|
37
37
|
* A list of custom row components to use
|
|
38
38
|
*/
|
|
39
|
-
rowComponents: DataRowCells<T>;
|
|
39
|
+
rowComponents: DataRowCells<T, Column>;
|
|
40
40
|
/**
|
|
41
41
|
* Optional autoFocus property to set the grid as focused
|
|
42
42
|
*/
|
|
@@ -66,5 +66,5 @@ export interface DataGridProps<T> {
|
|
|
66
66
|
*/
|
|
67
67
|
loaderComponent?: JSX.Element;
|
|
68
68
|
}
|
|
69
|
-
export declare const DataGrid: <T>(props: DataGridProps<T>, children: ChildrenList) => JSX.Element<any>;
|
|
69
|
+
export declare const DataGrid: <T, Column extends string>(props: DataGridProps<T, Column>, children: ChildrenList) => JSX.Element<any>;
|
|
70
70
|
//# sourceMappingURL=data-grid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAM3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,MAAM,MAAM,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAM3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,MAAM,MAAM,eAAe,CAAC,MAAM,SAAS,MAAM,IAAI;KAClD,IAAI,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO;CAC7D,CAAA;AACD,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,IAAI;KAClD,IAAI,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QAAC,SAAS,EAAE,CAAC,EAAE,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO;CACjG,CAAA;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IACrD;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAA;IACtC;;OAEG;IACH,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACvC;;OAEG;IACH,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5D;;OAEG;IACH,gBAAgB,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IACzC;;OAEG;IACH,aAAa,EAAE,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC9C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAChD;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAEjD;;OAEG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAE5B;;OAEG;IACH,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC9B;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EAC9C,KAAK,EAAE,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,EAC/B,QAAQ,EAAE,YAAY,KACnB,GAAG,CAAC,OAAO,CAAC,GAAG,CAwFlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAG1D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAqEvE,MAAM,CAAC,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"data-grid.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { FindOptions } from '@furystack/core';
|
|
2
2
|
import type { ChildrenList } from '@furystack/shades';
|
|
3
3
|
import { ObservableValue } from '@furystack/utils';
|
|
4
|
-
export interface DataGridHeaderProps<T,
|
|
5
|
-
field:
|
|
6
|
-
findOptions: ObservableValue<FindOptions<T,
|
|
4
|
+
export interface DataGridHeaderProps<T, Column extends string> {
|
|
5
|
+
field: Column;
|
|
6
|
+
findOptions: ObservableValue<FindOptions<T, Array<keyof T>>>;
|
|
7
7
|
}
|
|
8
8
|
export interface DataGridHeaderState<T, K extends keyof T> {
|
|
9
9
|
findOptions: FindOptions<T, K[]>;
|
|
@@ -16,5 +16,5 @@ export declare const OrderButton: (props: {
|
|
|
16
16
|
} & Omit<Partial<HTMLElement>, "style"> & {
|
|
17
17
|
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
18
18
|
}, children?: ChildrenList | undefined) => JSX.Element<any>;
|
|
19
|
-
export declare const DataGridHeader: <T,
|
|
19
|
+
export declare const DataGridHeader: <T, Column extends string>(props: DataGridHeaderProps<T, Column>, children: ChildrenList, findOptions: ObservableValue<FindOptions<T, Array<keyof T>>>) => JSX.Element<any>;
|
|
20
20
|
//# sourceMappingURL=header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,OAAO,EAAE,eAAe,EAAc,MAAM,kBAAkB,CAAA;AAG9D,MAAM,WAAW,mBAAmB,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,OAAO,EAAE,eAAe,EAAc,MAAM,kBAAkB,CAAA;AAG9D,MAAM,WAAW,mBAAmB,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;CAC7D;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC;IACvD,WAAW,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IAChC,cAAc,EAAE,OAAO,CAAA;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED,eAAO,MAAM,WAAW;WACf,MAAM;iBACA,gBAAgB,YAAY,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;;;2DAoCrD,CAAA;AAuGF,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EACpD,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,MAAM,CAAC,EACrC,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KACzD,GAAG,CAAC,OAAO,CAAC,GAAG,CAgFlB,CAAA"}
|
|
@@ -99,11 +99,7 @@ export const DataGridHeader = Shade({
|
|
|
99
99
|
}
|
|
100
100
|
},
|
|
101
101
|
});
|
|
102
|
-
const [findOptions, setFindOptions] = useObservable('findOptions', props.findOptions
|
|
103
|
-
filter: (newValue, oldValue) => {
|
|
104
|
-
return newValue.filter?.[props.field] !== oldValue.filter?.[props.field];
|
|
105
|
-
},
|
|
106
|
-
});
|
|
102
|
+
const [findOptions, setFindOptions] = useObservable('findOptions', props.findOptions);
|
|
107
103
|
const updateSearchValue = (value) => {
|
|
108
104
|
if (value) {
|
|
109
105
|
const newSettings = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"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"}
|
package/esm/components/grid.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import type { ChildrenList } from '@furystack/shades';
|
|
2
|
-
export interface GridProps<T> {
|
|
2
|
+
export interface GridProps<T, Column extends string> {
|
|
3
3
|
entries: T[];
|
|
4
|
-
columns:
|
|
5
|
-
headerComponents?: HeaderCells<
|
|
6
|
-
rowComponents?: RowCells<T>;
|
|
4
|
+
columns: Column[];
|
|
5
|
+
headerComponents?: HeaderCells<Column>;
|
|
6
|
+
rowComponents?: RowCells<T, Column>;
|
|
7
7
|
styles?: {
|
|
8
8
|
wrapper?: Partial<CSSStyleDeclaration>;
|
|
9
9
|
header?: Partial<CSSStyleDeclaration>;
|
|
10
10
|
cell?: Partial<CSSStyleDeclaration>;
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
|
-
export type HeaderCells<
|
|
14
|
-
[TKey in
|
|
13
|
+
export type HeaderCells<Columns extends string> = {
|
|
14
|
+
[TKey in Columns | 'default']?: (name: Columns) => JSX.Element;
|
|
15
15
|
};
|
|
16
|
-
export type RowCells<T> = {
|
|
17
|
-
[TKey in
|
|
16
|
+
export type RowCells<T, Columns extends string> = {
|
|
17
|
+
[TKey in Columns | 'default']?: (element: T, column: Columns) => JSX.Element;
|
|
18
18
|
};
|
|
19
|
-
export declare const Grid: <T>(props: GridProps<T>, children: ChildrenList) => JSX.Element<any>;
|
|
19
|
+
export declare const Grid: <T, Column extends string>(props: GridProps<T, Column>, children: ChildrenList) => JSX.Element<any>;
|
|
20
20
|
//# sourceMappingURL=grid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMrD,MAAM,WAAW,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMrD,MAAM,WAAW,SAAS,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IACjD,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACtC,aAAa,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACnC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;QACtC,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;QACrC,IAAI,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;KACpC,CAAA;CACF;AAED,MAAM,MAAM,WAAW,CAAC,OAAO,SAAS,MAAM,IAAI;KAC/C,IAAI,IAAI,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO;CAC/D,CAAA;AACD,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,OAAO,SAAS,MAAM,IAAI;KAC/C,IAAI,IAAI,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO;CAC7E,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CAyDjH,CAAA"}
|
package/esm/components/grid.js
CHANGED
|
@@ -26,7 +26,9 @@ export const Grid = Shade({
|
|
|
26
26
|
createComponent("tr", null, props.columns.map((column) => {
|
|
27
27
|
return (createComponent("th", { style: headerStyle }, props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || (createComponent(createComponent, null, column))));
|
|
28
28
|
}))),
|
|
29
|
-
createComponent("tbody", null, props.entries.map((entry) => (createComponent("tr", null, props.columns.map((column) => (createComponent("td", { style: props.styles?.cell }, props.rowComponents?.[column]?.(entry
|
|
29
|
+
createComponent("tbody", null, props.entries.map((entry) => (createComponent("tr", null, props.columns.map((column) => (createComponent("td", { style: props.styles?.cell }, props.rowComponents?.[column]?.(entry, column) ||
|
|
30
|
+
props.rowComponents?.default?.(entry, column) ||
|
|
31
|
+
null))))))))));
|
|
30
32
|
},
|
|
31
33
|
});
|
|
32
34
|
//# sourceMappingURL=grid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAuB5E,MAAM,CAAC,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAuB5E,MAAM,CAAC,MAAM,IAAI,GACf,KAAK,CAAC;IACJ,aAAa,EAAE,YAAY;IAC3B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAC5D,MAAM,WAAW,GAAiC;YAChD,OAAO,EAAE,UAAU;YACnB,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK;YACvC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;YAC3B,YAAY,EAAE,KAAK;YACnB,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,iBAAiB;YAC9B,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM;SACxB,CAAA;QACD,OAAO,CACL,yBACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;gBACL,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO;gBACxB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;aACjB;YAED,2BAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE;gBACnD;oBACE,4BACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBAC5B,OAAO,CACL,wBAAI,KAAK,EAAE,WAAW,IACnB,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,IAAI,CAC1F,uCAAG,MAAM,CAAI,CACd,CACE,CACN,CAAA;oBACH,CAAC,CAAC,CACC,CACC;gBACR,+BACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,4BACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,wBAAI,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,IAC1B,KAAK,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;oBAC7C,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;oBAC7C,IAAI,CACH,CACN,CAAC,CACC,CACN,CAAC,CACI,CACF,CACJ,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -2,7 +2,7 @@ import type { Injector } from '@furystack/inject';
|
|
|
2
2
|
import type { Disposable } from '@furystack/utils';
|
|
3
3
|
import { EventHub, ObservableValue } from '@furystack/utils';
|
|
4
4
|
import type { SuggestionResult } from './suggestion-result.js';
|
|
5
|
-
export declare class SuggestManager<T> extends EventHub<
|
|
5
|
+
export declare class SuggestManager<T> extends EventHub<{
|
|
6
6
|
onSelectSuggestion: T;
|
|
7
7
|
}> implements Disposable {
|
|
8
8
|
private readonly getEntries;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"suggest-manager.d.ts","sourceRoot":"","sources":["../../../src/components/suggest/suggest-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAY,QAAQ,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAE9D,qBACa,cAAc,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC
|
|
1
|
+
{"version":3,"file":"suggest-manager.d.ts","sourceRoot":"","sources":["../../../src/components/suggest/suggest-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAY,QAAQ,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAE9D,qBACa,cAAc,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC;IAAE,kBAAkB,EAAE,CAAC,CAAA;CAAE,CAAE,YAAW,UAAU;IAiE5F,OAAO,CAAC,QAAQ,CAAC,UAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,kBAAkB;IAjE9B,QAAQ,2BAA6B;IACrC,SAAS,2BAA6B;IACtC,IAAI,0BAA0B;IAC9B,aAAa,0BAAyB;IACtC,kBAAkB;eAAsC,CAAC;oBAAc,gBAAgB;SAAQ;IAE/F,gBAAgB,OAAS,aAAa,UAIhC;IAEN,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,oBAAoB,OAAS,UAAU,UAQjC;IAEN,OAAO;IAWP,gBAAgB,CAAC,KAAK,GAAE,MAAsC;IAMrE,OAAO,CAAC,wBAAwB,CAAC,CAAsC;IAChE,aAAa;kBAAwC,QAAQ;cAAQ,MAAM;wBAoB3E;gBAGY,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,EAC1C,kBAAkB,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,gBAAgB;CAMtE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"suggest-manager.js","sourceRoot":"","sources":["../../../src/components/suggest/suggest-manager.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAI/D,IAAM,cAAc,GAApB,MAAM,cAAkB,SAAQ,
|
|
1
|
+
{"version":3,"file":"suggest-manager.js","sourceRoot":"","sources":["../../../src/components/suggest/suggest-manager.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ export interface NotyModel {
|
|
|
5
5
|
body: any;
|
|
6
6
|
timeout?: number;
|
|
7
7
|
}
|
|
8
|
-
export declare class NotyService extends EventHub<
|
|
8
|
+
export declare class NotyService extends EventHub<{
|
|
9
9
|
onNotyAdded: NotyModel;
|
|
10
10
|
onNotyRemoved: NotyModel;
|
|
11
11
|
}> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"noty-service.d.ts","sourceRoot":"","sources":["../../src/services/noty-service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,GAAG,CAAA;IACT,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,qBACa,WAAY,SAAQ,QAAQ,
|
|
1
|
+
{"version":3,"file":"noty-service.d.ts","sourceRoot":"","sources":["../../src/services/noty-service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,GAAG,CAAA;IACT,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,qBACa,WAAY,SAAQ,QAAQ,CAAC;IAAE,WAAW,EAAE,SAAS,CAAC;IAAC,aAAa,EAAE,SAAS,CAAA;CAAE,CAAC;IAC7F,OAAO,CAAC,QAAQ,CAAkB;IAE3B,WAAW,oBAA2B;IAE7C,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,oBAAoB;IAIrB,OAAO,IAAI,IAAI;;CAWvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"noty-service.js","sourceRoot":"","sources":["../../src/services/noty-service.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAUvC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,
|
|
1
|
+
{"version":3,"file":"noty-service.js","sourceRoot":"","sources":["../../src/services/noty-service.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAUvC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAA8D;IACrF,QAAQ,GAAgB,EAAE,CAAA;IAE3B,WAAW,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;IAErC,iBAAiB,CAAC,OAAkB;QAC1C,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC7C,CAAC;IAEO,oBAAoB,CAAC,WAAsB;QACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW,CAAC,CAAA;IACtE,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAA;QAClB,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACrE,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5E,CAAC;IAED;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QAClE,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACzE,CAAC;CACF,CAAA;AAxBY,WAAW;IADvB,UAAU,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;;GACzB,WAAW,CAwBvB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@furystack/shades-common-components",
|
|
3
|
-
"version": "8.0
|
|
3
|
+
"version": "8.1.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -31,15 +31,15 @@
|
|
|
31
31
|
"author": "gallay.lajos@gmail.com",
|
|
32
32
|
"license": "GPL-2.0",
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"typescript": "^5.4.
|
|
35
|
-
"vitest": "^1.
|
|
34
|
+
"typescript": "^5.4.5",
|
|
35
|
+
"vitest": "^1.5.0"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@furystack/core": "^14.0.
|
|
39
|
-
"@furystack/inject": "^11.0.
|
|
40
|
-
"@furystack/shades": "^10.0.
|
|
41
|
-
"@furystack/utils": "^
|
|
42
|
-
"path-to-regexp": "^6.2.
|
|
38
|
+
"@furystack/core": "^14.0.2",
|
|
39
|
+
"@furystack/inject": "^11.0.1",
|
|
40
|
+
"@furystack/shades": "^10.0.2",
|
|
41
|
+
"@furystack/utils": "^7.0.0",
|
|
42
|
+
"path-to-regexp": "^6.2.2",
|
|
43
43
|
"semaphore-async-await": "^1.5.1"
|
|
44
44
|
},
|
|
45
45
|
"gitHead": "76e1d17a71b981984935c9a7a5791cf61ebf5213"
|
|
@@ -4,12 +4,12 @@ import { Shade, createComponent } from '@furystack/shades'
|
|
|
4
4
|
import type { DataRowCells } from './data-grid.js'
|
|
5
5
|
import { DataGridRow } from './data-grid-row.js'
|
|
6
6
|
|
|
7
|
-
export interface DataGridBodyProps<T> {
|
|
7
|
+
export interface DataGridBodyProps<T, Column extends string> {
|
|
8
8
|
service: CollectionService<T>
|
|
9
9
|
onRowClick?: (row: T, ev: MouseEvent) => void
|
|
10
10
|
onRowDoubleClick?: (entry: T, ev: MouseEvent) => void
|
|
11
|
-
columns:
|
|
12
|
-
rowComponents?: DataRowCells<T>
|
|
11
|
+
columns: Column[]
|
|
12
|
+
rowComponents?: DataRowCells<T, Column>
|
|
13
13
|
style?: Partial<CSSStyleDeclaration>
|
|
14
14
|
focusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
15
15
|
unfocusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
@@ -19,9 +19,10 @@ export interface DataGridBodyProps<T> {
|
|
|
19
19
|
loaderComponent?: JSX.Element
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
export const DataGridBody: <T
|
|
23
|
-
DataGridBodyProps<
|
|
24
|
-
|
|
22
|
+
export const DataGridBody: <T, Column extends string>(
|
|
23
|
+
props: DataGridBodyProps<T, Column>,
|
|
24
|
+
children: ChildrenList,
|
|
25
|
+
) => JSX.Element<any> = Shade<DataGridBodyProps<any, string>>({
|
|
25
26
|
shadowDomName: 'shade-data-grid-body',
|
|
26
27
|
style: {
|
|
27
28
|
display: 'table-row-group',
|
|
@@ -36,7 +37,7 @@ export const DataGridBody: <T>(props: DataGridBodyProps<T>, children: ChildrenLi
|
|
|
36
37
|
return (
|
|
37
38
|
<>
|
|
38
39
|
{data?.entries?.map((entry) => (
|
|
39
|
-
<DataGridRow
|
|
40
|
+
<DataGridRow
|
|
40
41
|
columns={props.columns}
|
|
41
42
|
entry={entry}
|
|
42
43
|
service={props.service}
|
|
@@ -4,11 +4,11 @@ import { ThemeProviderService } from '../../services/theme-provider-service.js'
|
|
|
4
4
|
import type { CollectionService } from '../../services/collection-service.js'
|
|
5
5
|
import type { DataRowCells } from './data-grid.js'
|
|
6
6
|
|
|
7
|
-
export interface DataGridRowProps<T> {
|
|
7
|
+
export interface DataGridRowProps<T, Column extends string> {
|
|
8
8
|
entry: T
|
|
9
9
|
columns: Array<keyof T>
|
|
10
10
|
service: CollectionService<T>
|
|
11
|
-
rowComponents?: DataRowCells<T>
|
|
11
|
+
rowComponents?: DataRowCells<T, Column>
|
|
12
12
|
onRowClick?: (row: T, event: MouseEvent) => void
|
|
13
13
|
onRowDoubleClick?: (row: T, event: MouseEvent) => void
|
|
14
14
|
focusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
@@ -17,9 +17,10 @@ export interface DataGridRowProps<T> {
|
|
|
17
17
|
unselectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
export const DataGridRow: <T
|
|
21
|
-
DataGridRowProps<
|
|
22
|
-
|
|
20
|
+
export const DataGridRow: <T, Column extends string>(
|
|
21
|
+
props: DataGridRowProps<T, Column>,
|
|
22
|
+
children: ChildrenList,
|
|
23
|
+
) => JSX.Element<any> = Shade({
|
|
23
24
|
shadowDomName: 'shades-data-grid-row',
|
|
24
25
|
|
|
25
26
|
render: ({ props, element, useObservable, injector }) => {
|
|
@@ -10,22 +10,22 @@ import { ClickAwayService } from '../../services/click-away-service.js'
|
|
|
10
10
|
import type { FindOptions } from '@furystack/core'
|
|
11
11
|
import type { ObservableValue } from '@furystack/utils'
|
|
12
12
|
|
|
13
|
-
export type DataHeaderCells<
|
|
14
|
-
[TKey in
|
|
13
|
+
export type DataHeaderCells<Column extends string> = {
|
|
14
|
+
[TKey in Column | 'default']?: (name: Column) => JSX.Element
|
|
15
15
|
}
|
|
16
|
-
export type DataRowCells<T> = {
|
|
17
|
-
[TKey in
|
|
16
|
+
export type DataRowCells<T, Column extends string> = {
|
|
17
|
+
[TKey in Column | 'default']?: (element: T, state: { focus?: T; selection: T[] }) => JSX.Element
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
export interface DataGridProps<T> {
|
|
20
|
+
export interface DataGridProps<T, Column extends string> {
|
|
21
21
|
/**
|
|
22
22
|
* A list of columns to display
|
|
23
23
|
*/
|
|
24
|
-
columns:
|
|
24
|
+
columns: Column[]
|
|
25
25
|
/**
|
|
26
26
|
* Optional style overrides for the grid
|
|
27
27
|
*/
|
|
28
|
-
styles: GridProps<T>['styles']
|
|
28
|
+
styles: GridProps<T, Column>['styles']
|
|
29
29
|
/**
|
|
30
30
|
* A collection service to use for data source
|
|
31
31
|
*/
|
|
@@ -38,11 +38,11 @@ export interface DataGridProps<T> {
|
|
|
38
38
|
/**
|
|
39
39
|
* A list of custom header components to use
|
|
40
40
|
*/
|
|
41
|
-
headerComponents: DataHeaderCells<
|
|
41
|
+
headerComponents: DataHeaderCells<Column>
|
|
42
42
|
/**
|
|
43
43
|
* A list of custom row components to use
|
|
44
44
|
*/
|
|
45
|
-
rowComponents: DataRowCells<T>
|
|
45
|
+
rowComponents: DataRowCells<T, Column>
|
|
46
46
|
/**
|
|
47
47
|
* Optional autoFocus property to set the grid as focused
|
|
48
48
|
*/
|
|
@@ -75,7 +75,10 @@ export interface DataGridProps<T> {
|
|
|
75
75
|
loaderComponent?: JSX.Element
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
export const DataGrid: <T
|
|
78
|
+
export const DataGrid: <T, Column extends string>(
|
|
79
|
+
props: DataGridProps<T, Column>,
|
|
80
|
+
children: ChildrenList,
|
|
81
|
+
) => JSX.Element<any> = Shade({
|
|
79
82
|
shadowDomName: 'shade-data-grid',
|
|
80
83
|
constructed: ({ props }) => {
|
|
81
84
|
const listener = (ev: KeyboardEvent) => props.collectionService.handleKeyDown(ev)
|
|
@@ -7,9 +7,9 @@ import { Button } from '../button.js'
|
|
|
7
7
|
import { ObservableValue, sleepAsync } from '@furystack/utils'
|
|
8
8
|
import { collapse, expand } from '../animations.js'
|
|
9
9
|
|
|
10
|
-
export interface DataGridHeaderProps<T,
|
|
11
|
-
field:
|
|
12
|
-
findOptions: ObservableValue<FindOptions<T,
|
|
10
|
+
export interface DataGridHeaderProps<T, Column extends string> {
|
|
11
|
+
field: Column
|
|
12
|
+
findOptions: ObservableValue<FindOptions<T, Array<keyof T>>>
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
export interface DataGridHeaderState<T, K extends keyof T> {
|
|
@@ -159,11 +159,11 @@ const SearchForm = Shade<{
|
|
|
159
159
|
},
|
|
160
160
|
})
|
|
161
161
|
|
|
162
|
-
export const DataGridHeader: <T,
|
|
163
|
-
props: DataGridHeaderProps<T,
|
|
162
|
+
export const DataGridHeader: <T, Column extends string>(
|
|
163
|
+
props: DataGridHeaderProps<T, Column>,
|
|
164
164
|
children: ChildrenList,
|
|
165
165
|
findOptions: ObservableValue<FindOptions<T, Array<keyof T>>>,
|
|
166
|
-
) => JSX.Element<any> = Shade
|
|
166
|
+
) => JSX.Element<any> = Shade({
|
|
167
167
|
shadowDomName: 'data-grid-header',
|
|
168
168
|
render: ({ props, element, useObservable }) => {
|
|
169
169
|
const [, setIsSearchOpened] = useObservable('isSearchOpened', new ObservableValue(false), {
|
|
@@ -184,11 +184,7 @@ export const DataGridHeader: <T, K extends keyof T>(
|
|
|
184
184
|
},
|
|
185
185
|
})
|
|
186
186
|
|
|
187
|
-
const [findOptions, setFindOptions] = useObservable('findOptions', props.findOptions
|
|
188
|
-
filter: (newValue, oldValue) => {
|
|
189
|
-
return newValue.filter?.[props.field] !== oldValue.filter?.[props.field]
|
|
190
|
-
},
|
|
191
|
-
})
|
|
187
|
+
const [findOptions, setFindOptions] = useObservable('findOptions', props.findOptions)
|
|
192
188
|
|
|
193
189
|
const updateSearchValue = (value?: string) => {
|
|
194
190
|
if (value) {
|
package/src/components/grid.tsx
CHANGED
|
@@ -4,11 +4,11 @@ import { ThemeProviderService } from '../services/theme-provider-service.js'
|
|
|
4
4
|
|
|
5
5
|
// ToDo: https://stackoverflow.com/questions/51459971/type-of-generic-stateless-component-react-or-extending-generic-function-interfa
|
|
6
6
|
|
|
7
|
-
export interface GridProps<T> {
|
|
7
|
+
export interface GridProps<T, Column extends string> {
|
|
8
8
|
entries: T[]
|
|
9
|
-
columns:
|
|
10
|
-
headerComponents?: HeaderCells<
|
|
11
|
-
rowComponents?: RowCells<T>
|
|
9
|
+
columns: Column[]
|
|
10
|
+
headerComponents?: HeaderCells<Column>
|
|
11
|
+
rowComponents?: RowCells<T, Column>
|
|
12
12
|
styles?: {
|
|
13
13
|
wrapper?: Partial<CSSStyleDeclaration>
|
|
14
14
|
header?: Partial<CSSStyleDeclaration>
|
|
@@ -16,67 +16,68 @@ export interface GridProps<T> {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
export type HeaderCells<
|
|
20
|
-
[TKey in
|
|
19
|
+
export type HeaderCells<Columns extends string> = {
|
|
20
|
+
[TKey in Columns | 'default']?: (name: Columns) => JSX.Element
|
|
21
21
|
}
|
|
22
|
-
export type RowCells<T> = {
|
|
23
|
-
[TKey in
|
|
22
|
+
export type RowCells<T, Columns extends string> = {
|
|
23
|
+
[TKey in Columns | 'default']?: (element: T, column: Columns) => JSX.Element
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
export const Grid: <T>(props: GridProps<T>, children: ChildrenList) => JSX.Element<any> =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
<
|
|
53
|
-
<
|
|
54
|
-
{props.columns.map((column) => {
|
|
55
|
-
return (
|
|
56
|
-
<th style={headerStyle}>
|
|
57
|
-
{props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || (
|
|
58
|
-
<>{column}</>
|
|
59
|
-
)}
|
|
60
|
-
</th>
|
|
61
|
-
)
|
|
62
|
-
})}
|
|
63
|
-
</tr>
|
|
64
|
-
</thead>
|
|
65
|
-
<tbody>
|
|
66
|
-
{props.entries.map((entry) => (
|
|
26
|
+
export const Grid: <T, Column extends string>(props: GridProps<T, Column>, children: ChildrenList) => JSX.Element<any> =
|
|
27
|
+
Shade({
|
|
28
|
+
shadowDomName: 'shade-grid',
|
|
29
|
+
render: ({ props, injector }) => {
|
|
30
|
+
const { theme } = injector.getInstance(ThemeProviderService)
|
|
31
|
+
const headerStyle: Partial<CSSStyleDeclaration> = {
|
|
32
|
+
padding: '0 0.51em',
|
|
33
|
+
backgroundColor: theme.background.paper,
|
|
34
|
+
color: theme.text.secondary,
|
|
35
|
+
borderRadius: '2px',
|
|
36
|
+
top: '0',
|
|
37
|
+
position: 'sticky',
|
|
38
|
+
cursor: 'pointer',
|
|
39
|
+
fontVariant: 'all-petite-caps',
|
|
40
|
+
...props.styles?.header,
|
|
41
|
+
}
|
|
42
|
+
return (
|
|
43
|
+
<div
|
|
44
|
+
className="shade-grid-wrapper"
|
|
45
|
+
style={{
|
|
46
|
+
...props.styles?.wrapper,
|
|
47
|
+
width: '100%',
|
|
48
|
+
height: '100%',
|
|
49
|
+
overflow: 'auto',
|
|
50
|
+
}}
|
|
51
|
+
>
|
|
52
|
+
<table style={{ width: '100%', position: 'relative' }}>
|
|
53
|
+
<thead>
|
|
67
54
|
<tr>
|
|
68
|
-
{props.columns.map((column) =>
|
|
69
|
-
|
|
70
|
-
{
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
55
|
+
{props.columns.map((column) => {
|
|
56
|
+
return (
|
|
57
|
+
<th style={headerStyle}>
|
|
58
|
+
{props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || (
|
|
59
|
+
<>{column}</>
|
|
60
|
+
)}
|
|
61
|
+
</th>
|
|
62
|
+
)
|
|
63
|
+
})}
|
|
75
64
|
</tr>
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
65
|
+
</thead>
|
|
66
|
+
<tbody>
|
|
67
|
+
{props.entries.map((entry) => (
|
|
68
|
+
<tr>
|
|
69
|
+
{props.columns.map((column) => (
|
|
70
|
+
<td style={props.styles?.cell}>
|
|
71
|
+
{props.rowComponents?.[column]?.(entry, column) ||
|
|
72
|
+
props.rowComponents?.default?.(entry, column) ||
|
|
73
|
+
null}
|
|
74
|
+
</td>
|
|
75
|
+
))}
|
|
76
|
+
</tr>
|
|
77
|
+
))}
|
|
78
|
+
</tbody>
|
|
79
|
+
</table>
|
|
80
|
+
</div>
|
|
81
|
+
)
|
|
82
|
+
},
|
|
83
|
+
})
|
|
@@ -5,7 +5,7 @@ import { debounce, EventHub, ObservableValue } from '@furystack/utils'
|
|
|
5
5
|
import type { SuggestionResult } from './suggestion-result.js'
|
|
6
6
|
|
|
7
7
|
@Injectable({ lifetime: 'singleton' })
|
|
8
|
-
export class SuggestManager<T> extends EventHub<
|
|
8
|
+
export class SuggestManager<T> extends EventHub<{ onSelectSuggestion: T }> implements Disposable {
|
|
9
9
|
public isOpened = new ObservableValue(false)
|
|
10
10
|
public isLoading = new ObservableValue(false)
|
|
11
11
|
public term = new ObservableValue('')
|
|
@@ -9,10 +9,7 @@ export interface NotyModel {
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
@Injectable({ lifetime: 'singleton' })
|
|
12
|
-
export class NotyService extends EventHub<
|
|
13
|
-
'onNotyAdded' | 'onNotyRemoved',
|
|
14
|
-
{ onNotyAdded: NotyModel; onNotyRemoved: NotyModel }
|
|
15
|
-
> {
|
|
12
|
+
export class NotyService extends EventHub<{ onNotyAdded: NotyModel; onNotyRemoved: NotyModel }> {
|
|
16
13
|
private notyList: NotyModel[] = []
|
|
17
14
|
|
|
18
15
|
public getNotyList = () => [...this.notyList]
|