@furystack/shades-common-components 3.5.2 → 3.6.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/dist/components/command-palette/command-palette-manager.js +13 -13
- package/dist/components/command-palette/command-palette-manager.js.map +1 -1
- package/dist/components/data-grid/body.js +3 -4
- package/dist/components/data-grid/body.js.map +1 -1
- package/dist/components/data-grid/data-grid-row.js +1 -1
- package/dist/components/data-grid/data-grid-row.js.map +1 -1
- package/dist/components/data-grid/data-grid.js +1 -1
- package/dist/components/data-grid/data-grid.js.map +1 -1
- package/dist/components/noty-list.js +2 -2
- package/dist/components/noty-list.js.map +1 -1
- package/dist/components/suggest/suggest-manager.js +9 -9
- package/dist/components/suggest/suggest-manager.js.map +1 -1
- package/dist/services/click-away-service.js +3 -3
- package/dist/services/click-away-service.js.map +1 -1
- package/dist/services/collection-service.js +41 -44
- package/dist/services/collection-service.js.map +1 -1
- package/package.json +7 -7
- package/src/components/data-grid/body.tsx +6 -3
- package/src/components/data-grid/data-grid-row.tsx +6 -1
- package/src/components/data-grid/data-grid.tsx +13 -0
- package/src/components/noty-list.tsx +2 -2
- package/src/services/collection-service.ts +54 -21
- package/tsconfig.tsbuildinfo +1 -1
- package/types/components/avatar.d.ts +1 -1
- package/types/components/avatar.d.ts.map +1 -1
- package/types/components/button.d.ts +1 -1
- package/types/components/button.d.ts.map +1 -1
- package/types/components/command-palette/command-provider.d.ts +2 -2
- package/types/components/command-palette/command-provider.d.ts.map +1 -1
- package/types/components/data-grid/body.d.ts +3 -1
- package/types/components/data-grid/body.d.ts.map +1 -1
- package/types/components/data-grid/data-grid-row.d.ts +1 -0
- package/types/components/data-grid/data-grid-row.d.ts.map +1 -1
- package/types/components/data-grid/data-grid.d.ts +10 -2
- package/types/components/data-grid/data-grid.d.ts.map +1 -1
- package/types/components/grid.d.ts +2 -2
- package/types/components/grid.d.ts.map +1 -1
- package/types/components/inputs/input.d.ts +1 -1
- package/types/components/inputs/input.d.ts.map +1 -1
- package/types/components/inputs/text-area.d.ts +1 -1
- package/types/components/inputs/text-area.d.ts.map +1 -1
- package/types/components/modal.d.ts +1 -1
- package/types/components/modal.d.ts.map +1 -1
- package/types/components/skeleton.d.ts +1 -1
- package/types/components/skeleton.d.ts.map +1 -1
- package/types/components/suggest/suggestion-result.d.ts +1 -1
- package/types/components/suggest/suggestion-result.d.ts.map +1 -1
- package/types/services/collection-service.d.ts +33 -3
- package/types/services/collection-service.d.ts.map +1 -1
- package/types/services/theme-provider-service.d.ts +2 -2
- package/types/services/theme-provider-service.d.ts.map +1 -1
|
@@ -13,6 +13,19 @@ exports.CommandPaletteManager = void 0;
|
|
|
13
13
|
const inject_1 = require("@furystack/inject");
|
|
14
14
|
const utils_1 = require("@furystack/utils");
|
|
15
15
|
let CommandPaletteManager = class CommandPaletteManager {
|
|
16
|
+
dispose() {
|
|
17
|
+
window.removeEventListener('keyup', this.keyPressListener);
|
|
18
|
+
this.isOpened.dispose();
|
|
19
|
+
this.isLoading.dispose();
|
|
20
|
+
this.term.dispose();
|
|
21
|
+
this.selectedIndex.dispose();
|
|
22
|
+
this.currentSuggestions.dispose();
|
|
23
|
+
}
|
|
24
|
+
selectSuggestion(injector, index = this.selectedIndex.getValue()) {
|
|
25
|
+
const selectedSuggestion = this.currentSuggestions.getValue()[index];
|
|
26
|
+
this.isOpened.setValue(false);
|
|
27
|
+
selectedSuggestion.onSelected({ injector });
|
|
28
|
+
}
|
|
16
29
|
constructor(commandProviders) {
|
|
17
30
|
this.commandProviders = commandProviders;
|
|
18
31
|
this.isOpened = new utils_1.ObservableValue(false);
|
|
@@ -51,19 +64,6 @@ let CommandPaletteManager = class CommandPaletteManager {
|
|
|
51
64
|
}, 250);
|
|
52
65
|
window.addEventListener('keyup', this.keyPressListener, true);
|
|
53
66
|
}
|
|
54
|
-
dispose() {
|
|
55
|
-
window.removeEventListener('keyup', this.keyPressListener);
|
|
56
|
-
this.isOpened.dispose();
|
|
57
|
-
this.isLoading.dispose();
|
|
58
|
-
this.term.dispose();
|
|
59
|
-
this.selectedIndex.dispose();
|
|
60
|
-
this.currentSuggestions.dispose();
|
|
61
|
-
}
|
|
62
|
-
selectSuggestion(injector, index = this.selectedIndex.getValue()) {
|
|
63
|
-
const selectedSuggestion = this.currentSuggestions.getValue()[index];
|
|
64
|
-
this.isOpened.setValue(false);
|
|
65
|
-
selectedSuggestion.onSelected({ injector });
|
|
66
|
-
}
|
|
67
67
|
};
|
|
68
68
|
CommandPaletteManager = __decorate([
|
|
69
69
|
(0, inject_1.Injectable)({ lifetime: 'singleton' }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette-manager.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-manager.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,8CAA8C;AAC9C,4CAA4D;AAIrD,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;
|
|
1
|
+
{"version":3,"file":"command-palette-manager.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-manager.ts"],"names":[],"mappings":"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"}
|
|
@@ -18,13 +18,12 @@ exports.DataGridBody = (0, shades_1.Shade)({
|
|
|
18
18
|
element.style.display = 'table-row-group';
|
|
19
19
|
const state = getState();
|
|
20
20
|
if (state.isLoading) {
|
|
21
|
-
return ((0, shades_1.createComponent)("div", { style: { display: 'flex', height: '100%', justifyContent: 'center', alignItems: 'center', width: '100%' } },
|
|
22
|
-
(0, shades_1.createComponent)(loader_1.Loader, { style: { height: '128px', width: '128px' } })));
|
|
21
|
+
return ((0, shades_1.createComponent)("div", { style: { display: 'flex', height: '100%', justifyContent: 'center', alignItems: 'center', width: '100%' } }, props.loaderComponent || (0, shades_1.createComponent)(loader_1.Loader, { style: { height: '128px', width: '128px' } })));
|
|
23
22
|
}
|
|
24
23
|
if (!state.data?.length) {
|
|
25
|
-
return (0, shades_1.createComponent)("div", null, " - No Data - ");
|
|
24
|
+
return props.emptyComponent || (0, shades_1.createComponent)("div", null, " - No Data - ");
|
|
26
25
|
}
|
|
27
|
-
return ((0, shades_1.createComponent)(shades_1.createFragment, null, state.data.map((entry) => ((0, shades_1.createComponent)(data_grid_row_1.DataGridRow, { columns: props.columns, entry: entry, service: props.service, rowComponents: props.rowComponents, onRowClick: props.onRowClick, focusedRowStyle: props.focusedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, selectedRowStyle: props.selectedRowStyle, unselectedRowStyle: props.unselectedRowStyle })))));
|
|
26
|
+
return ((0, shades_1.createComponent)(shades_1.createFragment, null, state.data.map((entry) => ((0, shades_1.createComponent)(data_grid_row_1.DataGridRow, { columns: props.columns, entry: entry, service: props.service, rowComponents: props.rowComponents, onRowClick: props.onRowClick, onRowDoubleClick: props.onRowDoubleClick, focusedRowStyle: props.focusedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, selectedRowStyle: props.selectedRowStyle, unselectedRowStyle: props.unselectedRowStyle })))));
|
|
28
27
|
},
|
|
29
28
|
});
|
|
30
29
|
//# sourceMappingURL=body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":";;;AAEA,8CAA0E;AAE1E,sCAAkC;AAClC,mDAA6C;
|
|
1
|
+
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":";;;AAEA,8CAA0E;AAE1E,sCAAkC;AAClC,mDAA6C;AAsBhC,QAAA,YAAY,GAAsF,IAAA,cAAK,EAGlH;IACA,eAAe,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO;QAC3C,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,EAAE;KAC9C,CAAC;IACF,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;QACrC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAC3E,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;KAC7E;IACD,aAAa,EAAE,sBAAsB;IACrC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,iBAAiB,CAAA;QACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;QAExB,IAAI,KAAK,CAAC,SAAS,EAAE;YACnB,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAE3G,KAAK,CAAC,eAAe,IAAI,8BAAC,eAAM,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI,CAC5E,CACP,CAAA;SACF;QAED,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE;YACvB,OAAO,KAAK,CAAC,cAAc,IAAI,2DAAwB,CAAA;SACxD;QAED,OAAO,CACL,6DACG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzB,8BAAC,2BAAW,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"}
|
|
@@ -70,7 +70,7 @@ exports.DataGridRow = (0, shades_1.Shade)({
|
|
|
70
70
|
element.classList.add('focused');
|
|
71
71
|
}
|
|
72
72
|
element.setAttribute('aria-selected', state.selection?.includes(entry).toString() || 'false');
|
|
73
|
-
return ((0, shades_1.createComponent)(shades_1.createFragment, null, columns.map((column) => ((0, shades_1.createComponent)("td", { style: { padding: '0.5em' }, onclick: (ev) => props.onRowClick?.(entry, ev) }, rowComponents?.[column]?.(entry, state) || rowComponents?.default?.(entry, state) || ((0, shades_1.createComponent)("span", null, entry[column])))))));
|
|
73
|
+
return ((0, shades_1.createComponent)(shades_1.createFragment, null, columns.map((column) => ((0, shades_1.createComponent)("td", { style: { padding: '0.5em' }, onclick: (ev) => props.onRowClick?.(entry, ev), ondblclick: (ev) => props.onRowDoubleClick?.(entry, ev) }, rowComponents?.[column]?.(entry, state) || rowComponents?.default?.(entry, state) || ((0, shades_1.createComponent)("span", null, entry[column])))))));
|
|
74
74
|
},
|
|
75
75
|
});
|
|
76
76
|
//# sourceMappingURL=data-grid-row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid-row.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":";;;AACA,8CAAwF;
|
|
1
|
+
{"version":3,"file":"data-grid-row.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -61,7 +61,7 @@ exports.DataGrid = (0, shades_1.Shade)({
|
|
|
61
61
|
(0, shades_1.createComponent)("tr", null, props.columns.map((column) => {
|
|
62
62
|
return ((0, shades_1.createComponent)("th", { style: headerStyle }, props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || ((0, shades_1.createComponent)(header_1.DataGridHeader, { field: column, collectionService: props.service }))));
|
|
63
63
|
}))),
|
|
64
|
-
(0, shades_1.createComponent)(body_1.DataGridBody, { columns: props.columns, service: props.service, rowComponents: props.rowComponents, onRowClick: (entry, ev) => props.service.handleRowClick(entry, ev), style: props.styles?.cell, focusedRowStyle: props.focusedRowStyle, selectedRowStyle: props.selectedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, unselectedRowStyle: props.unselectedRowStyle })),
|
|
64
|
+
(0, shades_1.createComponent)(body_1.DataGridBody, { columns: props.columns, service: props.service, rowComponents: props.rowComponents, onRowClick: (entry, ev) => props.service.handleRowClick(entry, ev), onRowDoubleClick: (entry) => props.service.handleRowDoubleClick(entry), style: props.styles?.cell, focusedRowStyle: props.focusedRowStyle, selectedRowStyle: props.selectedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, unselectedRowStyle: props.unselectedRowStyle, emptyComponent: props.emptyComponent, loaderComponent: props.loaderComponent })),
|
|
65
65
|
(0, shades_1.createComponent)(footer_1.DataGridFooter, { service: props.service })));
|
|
66
66
|
},
|
|
67
67
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":";;;AACA,8CAA0D;AAG1D,qCAAyC;AACzC,iCAAqC;AACrC,qCAAyC;AACzC,6CAAuE;
|
|
1
|
+
{"version":3,"file":"data-grid.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -45,8 +45,8 @@ exports.NotyComponent = (0, shades_1.Shade)({
|
|
|
45
45
|
const removeSelf = async () => {
|
|
46
46
|
const container = element.querySelector('div');
|
|
47
47
|
await (0, utils_1.promisifyAnimation)(container, [
|
|
48
|
-
{ opacity: '1', height: `${container?.scrollHeight || 0}px
|
|
49
|
-
{ opacity: '0', height: '0px' },
|
|
48
|
+
{ opacity: '1', height: `${container?.scrollHeight || 0}px`, margin: '8px 8px' },
|
|
49
|
+
{ opacity: '0', height: '0px', margin: '0px 8px' },
|
|
50
50
|
], {
|
|
51
51
|
fill: 'forwards',
|
|
52
52
|
duration: 700,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"noty-list.js","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAE1D,2DAAsD;AACtD,+EAAyE;AACzE,oCAA6C;AAC7C,qCAAiC;AAE1B,MAAM,sBAAsB,GAAG,CAAC,IAAuB,EAAE,EAAE;IAChE,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,CAAC,CAAA;QACV,KAAK,SAAS;YACZ,OAAO,CAAC,CAAA;QACV,KAAK,SAAS;YACZ,OAAO,IAAI,CAAA;QACb,KAAK,MAAM;YACT,OAAO,KAAK,CAAA;QACd;YACE,OAAO,CAAC,CAAA;KACX;AACH,CAAC,CAAA;AAbY,QAAA,sBAAsB,0BAalC;AAEY,QAAA,aAAa,GAAG,IAAA,cAAK,EAA8C;IAC9E,aAAa,EAAE,YAAY;IAC3B,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3B,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YAC9C,MAAM,MAAM,GAAG,SAAS,EAAE,YAAY,IAAI,EAAE,CAAA;YAC5C,IAAA,0BAAkB,EAChB,SAAS,EACT;gBACE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;gBAC/B,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE;aACxC,EACD;gBACE,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,0CAA0C;aACnD,CACF,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAChE,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACvE,MAAM,eAAe,GAAG,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAC/D,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAEzD,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;YAC5B,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YAC9C,MAAM,IAAA,0BAAkB,EACtB,SAAS,EACT;gBACE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,YAAY,IAAI,CAAC,IAAI,EAAE;
|
|
1
|
+
{"version":3,"file":"noty-list.js","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,15 @@ exports.SuggestManager = void 0;
|
|
|
13
13
|
const inject_1 = require("@furystack/inject");
|
|
14
14
|
const utils_1 = require("@furystack/utils");
|
|
15
15
|
let SuggestManager = class SuggestManager {
|
|
16
|
+
dispose() {
|
|
17
|
+
window.removeEventListener('keyup', this.keyPressListener);
|
|
18
|
+
window.removeEventListener('click', this.clickOutsideListener);
|
|
19
|
+
}
|
|
20
|
+
selectSuggestion(index = this.selectedIndex.getValue()) {
|
|
21
|
+
const selectedSuggestion = this.currentSuggestions.getValue()[index];
|
|
22
|
+
this.isOpened.setValue(false);
|
|
23
|
+
this.onSelectSuggestion.setValue(selectedSuggestion.entry);
|
|
24
|
+
}
|
|
16
25
|
constructor(getEntries, getSuggestionEntry) {
|
|
17
26
|
this.getEntries = getEntries;
|
|
18
27
|
this.getSuggestionEntry = getSuggestionEntry;
|
|
@@ -54,15 +63,6 @@ let SuggestManager = class SuggestManager {
|
|
|
54
63
|
window.addEventListener('keyup', this.keyPressListener, true);
|
|
55
64
|
window.addEventListener('click', this.clickOutsideListener, true);
|
|
56
65
|
}
|
|
57
|
-
dispose() {
|
|
58
|
-
window.removeEventListener('keyup', this.keyPressListener);
|
|
59
|
-
window.removeEventListener('click', this.clickOutsideListener);
|
|
60
|
-
}
|
|
61
|
-
selectSuggestion(index = this.selectedIndex.getValue()) {
|
|
62
|
-
const selectedSuggestion = this.currentSuggestions.getValue()[index];
|
|
63
|
-
this.isOpened.setValue(false);
|
|
64
|
-
this.onSelectSuggestion.setValue(selectedSuggestion.entry);
|
|
65
|
-
}
|
|
66
66
|
};
|
|
67
67
|
SuggestManager = __decorate([
|
|
68
68
|
(0, inject_1.Injectable)({ lifetime: 'singleton' }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"suggest-manager.js","sourceRoot":"","sources":["../../../src/components/suggest/suggest-manager.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,8CAA8C;AAC9C,4CAA4D;AAIrD,IAAM,cAAc,GAApB,MAAM,cAAc;
|
|
1
|
+
{"version":3,"file":"suggest-manager.js","sourceRoot":"","sources":["../../../src/components/suggest/suggest-manager.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ClickAwayService = void 0;
|
|
4
4
|
class ClickAwayService {
|
|
5
|
+
dispose() {
|
|
6
|
+
window.removeEventListener('click', this.clickOutsideListener, true);
|
|
7
|
+
}
|
|
5
8
|
constructor(element, onClickAway) {
|
|
6
9
|
this.element = element;
|
|
7
10
|
this.onClickAway = onClickAway;
|
|
@@ -12,9 +15,6 @@ class ClickAwayService {
|
|
|
12
15
|
}).bind(this);
|
|
13
16
|
window.addEventListener('click', this.clickOutsideListener, true);
|
|
14
17
|
}
|
|
15
|
-
dispose() {
|
|
16
|
-
window.removeEventListener('click', this.clickOutsideListener, true);
|
|
17
|
-
}
|
|
18
18
|
}
|
|
19
19
|
exports.ClickAwayService = ClickAwayService;
|
|
20
20
|
//# sourceMappingURL=click-away-service.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"click-away-service.js","sourceRoot":"","sources":["../../src/services/click-away-service.ts"],"names":[],"mappings":";;;AAAA,MAAa,gBAAgB;
|
|
1
|
+
{"version":3,"file":"click-away-service.js","sourceRoot":"","sources":["../../src/services/click-away-service.ts"],"names":[],"mappings":";;;AAAA,MAAa,gBAAgB;IACpB,OAAO;QACZ,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAA;IACtE,CAAC;IAQD,YAA6B,OAAU,EAAmB,WAAuB;QAApD,YAAO,GAAP,OAAO,CAAG;QAAmB,gBAAW,GAAX,WAAW,CAAY;QAN1E,yBAAoB,GAAG,CAAC,CAAC,EAAc,EAAE,EAAE;YAChD,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAqB,CAAC,EAAE;gBACjE,IAAI,CAAC,WAAW,EAAE,CAAA;aACnB;QACH,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAGX,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAA;IACnE,CAAC;CACF;AAdD,4CAcC"}
|
|
@@ -7,37 +7,6 @@ exports.CollectionService = void 0;
|
|
|
7
7
|
const semaphore_async_await_1 = __importDefault(require("semaphore-async-await"));
|
|
8
8
|
const utils_1 = require("@furystack/utils");
|
|
9
9
|
class CollectionService {
|
|
10
|
-
constructor(fetch, defaultSettings, searchField) {
|
|
11
|
-
this.searchField = searchField;
|
|
12
|
-
this.loadLock = new semaphore_async_await_1.default(1);
|
|
13
|
-
this.data = new utils_1.ObservableValue({ count: 0, entries: [] });
|
|
14
|
-
this.error = new utils_1.ObservableValue(undefined);
|
|
15
|
-
this.isLoading = new utils_1.ObservableValue(false);
|
|
16
|
-
this.focusedEntry = new utils_1.ObservableValue();
|
|
17
|
-
this.selection = new utils_1.ObservableValue([]);
|
|
18
|
-
this.searchTerm = new utils_1.ObservableValue('');
|
|
19
|
-
this.hasFocus = new utils_1.ObservableValue(false);
|
|
20
|
-
this.querySettings = new utils_1.ObservableValue(defaultSettings);
|
|
21
|
-
this.getEntries = (0, utils_1.debounce)(async (options) => {
|
|
22
|
-
await this.loadLock.acquire();
|
|
23
|
-
try {
|
|
24
|
-
this.error.setValue(undefined);
|
|
25
|
-
this.isLoading.setValue(true);
|
|
26
|
-
const result = await fetch(options);
|
|
27
|
-
this.data.setValue(result);
|
|
28
|
-
return result;
|
|
29
|
-
}
|
|
30
|
-
catch (error) {
|
|
31
|
-
this.error.setValue(error);
|
|
32
|
-
throw error;
|
|
33
|
-
}
|
|
34
|
-
finally {
|
|
35
|
-
this.loadLock.release();
|
|
36
|
-
this.isLoading.setValue(false);
|
|
37
|
-
}
|
|
38
|
-
}, 500);
|
|
39
|
-
this.querySettings.subscribe((val) => this.getEntries(val), true);
|
|
40
|
-
}
|
|
41
10
|
dispose() {
|
|
42
11
|
this.querySettings.dispose();
|
|
43
12
|
this.data.dispose();
|
|
@@ -90,14 +59,6 @@ class CollectionService {
|
|
|
90
59
|
this.focusedEntry.setValue(entries[entries.length - 1]);
|
|
91
60
|
break;
|
|
92
61
|
}
|
|
93
|
-
case 'Enter': {
|
|
94
|
-
// this.activate(focusedEntry)
|
|
95
|
-
break;
|
|
96
|
-
}
|
|
97
|
-
case 'Backspace': {
|
|
98
|
-
// this.currentWorkDir.goUp()
|
|
99
|
-
break;
|
|
100
|
-
}
|
|
101
62
|
case 'Tab': {
|
|
102
63
|
this.hasFocus.setValue(!hasFocus);
|
|
103
64
|
break;
|
|
@@ -108,18 +69,17 @@ class CollectionService {
|
|
|
108
69
|
break;
|
|
109
70
|
}
|
|
110
71
|
default:
|
|
111
|
-
if (this.searchField && ev.key.length === 1) {
|
|
72
|
+
if (this.options.searchField && ev.key.length === 1) {
|
|
112
73
|
const newSearchExpression = searchTerm + ev.key;
|
|
113
|
-
const newFocusedEntry = entries.find((e) => this.searchField &&
|
|
74
|
+
const newFocusedEntry = entries.find((e) => this.options.searchField &&
|
|
75
|
+
e[this.options.searchField]?.toString().startsWith(newSearchExpression));
|
|
114
76
|
this.focusedEntry.setValue(newFocusedEntry);
|
|
115
77
|
this.searchTerm.setValue(newSearchExpression);
|
|
116
78
|
}
|
|
117
|
-
else {
|
|
118
|
-
console.debug(`Handler for '${ev.key}' not registered`);
|
|
119
|
-
}
|
|
120
79
|
}
|
|
121
80
|
}
|
|
122
81
|
handleRowClick(entry, ev) {
|
|
82
|
+
this.options.onRowClick?.(entry);
|
|
123
83
|
const currentSelectionValue = this.selection.getValue();
|
|
124
84
|
const lastFocused = this.focusedEntry.getValue();
|
|
125
85
|
if (ev.ctrlKey) {
|
|
@@ -148,6 +108,43 @@ class CollectionService {
|
|
|
148
108
|
}
|
|
149
109
|
this.focusedEntry.setValue(entry);
|
|
150
110
|
}
|
|
111
|
+
constructor(options) {
|
|
112
|
+
this.options = options;
|
|
113
|
+
this.loadLock = new semaphore_async_await_1.default(1);
|
|
114
|
+
this.data = new utils_1.ObservableValue({ count: 0, entries: [] });
|
|
115
|
+
this.error = new utils_1.ObservableValue(undefined);
|
|
116
|
+
this.isLoading = new utils_1.ObservableValue(false);
|
|
117
|
+
this.focusedEntry = new utils_1.ObservableValue();
|
|
118
|
+
this.selection = new utils_1.ObservableValue([]);
|
|
119
|
+
this.searchTerm = new utils_1.ObservableValue('');
|
|
120
|
+
this.hasFocus = new utils_1.ObservableValue(false);
|
|
121
|
+
this.querySettings = new utils_1.ObservableValue(this.options.defaultSettings);
|
|
122
|
+
const loader = this.options.debounceMs
|
|
123
|
+
? (0, utils_1.debounce)(this.options.loader, this.options.debounceMs)
|
|
124
|
+
: this.options.loader;
|
|
125
|
+
this.getEntries = async (opt) => {
|
|
126
|
+
await this.loadLock.acquire();
|
|
127
|
+
try {
|
|
128
|
+
this.error.setValue(undefined);
|
|
129
|
+
this.isLoading.setValue(true);
|
|
130
|
+
const result = await loader(opt);
|
|
131
|
+
this.data.setValue(result);
|
|
132
|
+
return result;
|
|
133
|
+
}
|
|
134
|
+
catch (error) {
|
|
135
|
+
this.error.setValue(error);
|
|
136
|
+
throw error;
|
|
137
|
+
}
|
|
138
|
+
finally {
|
|
139
|
+
this.loadLock.release();
|
|
140
|
+
this.isLoading.setValue(false);
|
|
141
|
+
}
|
|
142
|
+
};
|
|
143
|
+
this.querySettings.subscribe((val) => this.getEntries(val), true);
|
|
144
|
+
}
|
|
145
|
+
async handleRowDoubleClick(entry) {
|
|
146
|
+
this.options.onRowDoubleClick?.(entry);
|
|
147
|
+
}
|
|
151
148
|
}
|
|
152
149
|
exports.CollectionService = CollectionService;
|
|
153
150
|
//# sourceMappingURL=collection-service.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collection-service.js","sourceRoot":"","sources":["../../src/services/collection-service.ts"],"names":[],"mappings":";;;;;;AACA,kFAA6C;AAE7C,4CAA4D;
|
|
1
|
+
{"version":3,"file":"collection-service.js","sourceRoot":"","sources":["../../src/services/collection-service.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@furystack/shades-common-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"FuryStack",
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
"author": "gallay.lajos@gmail.com",
|
|
18
18
|
"license": "GPL-2.0",
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"@types/jest": "^29.2.
|
|
21
|
-
"typescript": "4.
|
|
20
|
+
"@types/jest": "^29.2.5",
|
|
21
|
+
"typescript": "4.9.4"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@furystack/core": "^11.2.
|
|
25
|
-
"@furystack/inject": "^7.1.
|
|
26
|
-
"@furystack/shades": "^6.1.
|
|
27
|
-
"@furystack/utils": "^3.1.
|
|
24
|
+
"@furystack/core": "^11.2.2",
|
|
25
|
+
"@furystack/inject": "^7.1.4",
|
|
26
|
+
"@furystack/shades": "^6.1.4",
|
|
27
|
+
"@furystack/utils": "^3.1.4",
|
|
28
28
|
"path-to-regexp": "^6.2.1",
|
|
29
29
|
"semaphore-async-await": "^1.5.1"
|
|
30
30
|
},
|
|
@@ -8,7 +8,7 @@ import { DataGridRow } from './data-grid-row'
|
|
|
8
8
|
export interface DataGridBodyProps<T> {
|
|
9
9
|
service: CollectionService<T>
|
|
10
10
|
onRowClick?: (row: T, ev: MouseEvent) => void
|
|
11
|
-
onRowDoubleClick?: (entry: T) => void
|
|
11
|
+
onRowDoubleClick?: (entry: T, ev: MouseEvent) => void
|
|
12
12
|
columns: Array<keyof T>
|
|
13
13
|
rowComponents?: DataRowCells<T>
|
|
14
14
|
style?: Partial<CSSStyleDeclaration>
|
|
@@ -16,6 +16,8 @@ export interface DataGridBodyProps<T> {
|
|
|
16
16
|
unfocusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
17
17
|
selectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
18
18
|
unselectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
19
|
+
emptyComponent?: JSX.Element
|
|
20
|
+
loaderComponent?: JSX.Element
|
|
19
21
|
}
|
|
20
22
|
|
|
21
23
|
export interface DataGridBodyState<T> {
|
|
@@ -44,13 +46,13 @@ export const DataGridBody: <T>(props: DataGridBodyProps<T>, children: ChildrenLi
|
|
|
44
46
|
return (
|
|
45
47
|
<div style={{ display: 'flex', height: '100%', justifyContent: 'center', alignItems: 'center', width: '100%' }}>
|
|
46
48
|
{/* TODO: Skeleton */}
|
|
47
|
-
<Loader style={{ height: '128px', width: '128px' }} />
|
|
49
|
+
{props.loaderComponent || <Loader style={{ height: '128px', width: '128px' }} />}
|
|
48
50
|
</div>
|
|
49
51
|
)
|
|
50
52
|
}
|
|
51
53
|
|
|
52
54
|
if (!state.data?.length) {
|
|
53
|
-
return <div> - No Data - </div>
|
|
55
|
+
return props.emptyComponent || <div> - No Data - </div>
|
|
54
56
|
}
|
|
55
57
|
|
|
56
58
|
return (
|
|
@@ -62,6 +64,7 @@ export const DataGridBody: <T>(props: DataGridBodyProps<T>, children: ChildrenLi
|
|
|
62
64
|
service={props.service}
|
|
63
65
|
rowComponents={props.rowComponents}
|
|
64
66
|
onRowClick={props.onRowClick}
|
|
67
|
+
onRowDoubleClick={props.onRowDoubleClick}
|
|
65
68
|
focusedRowStyle={props.focusedRowStyle}
|
|
66
69
|
unfocusedRowStyle={props.unfocusedRowStyle}
|
|
67
70
|
selectedRowStyle={props.selectedRowStyle}
|
|
@@ -9,6 +9,7 @@ export interface DataGridRowProps<T> {
|
|
|
9
9
|
service: CollectionService<T>
|
|
10
10
|
rowComponents?: DataRowCells<T>
|
|
11
11
|
onRowClick?: (row: T, event: MouseEvent) => void
|
|
12
|
+
onRowDoubleClick?: (row: T, event: MouseEvent) => void
|
|
12
13
|
focusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
13
14
|
selectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
14
15
|
unfocusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
@@ -100,7 +101,11 @@ export const DataGridRow: <T>(props: DataGridRowProps<T>, children: ChildrenList
|
|
|
100
101
|
return (
|
|
101
102
|
<>
|
|
102
103
|
{columns.map((column) => (
|
|
103
|
-
<td
|
|
104
|
+
<td
|
|
105
|
+
style={{ padding: '0.5em' }}
|
|
106
|
+
onclick={(ev) => props.onRowClick?.(entry, ev)}
|
|
107
|
+
ondblclick={(ev) => props.onRowDoubleClick?.(entry, ev)}
|
|
108
|
+
>
|
|
104
109
|
{rowComponents?.[column]?.(entry, state) || rowComponents?.default?.(entry, state) || (
|
|
105
110
|
<span>{entry[column]}</span>
|
|
106
111
|
)}
|
|
@@ -56,6 +56,16 @@ export interface DataGridProps<T> {
|
|
|
56
56
|
* Optional style to attach to grid rows when the row is not selected
|
|
57
57
|
*/
|
|
58
58
|
unselectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* An optional component to show if there are no rows to display
|
|
62
|
+
*/
|
|
63
|
+
emptyComponent?: JSX.Element
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* An optional component to show while the data is loading
|
|
67
|
+
*/
|
|
68
|
+
loaderComponent?: JSX.Element
|
|
59
69
|
}
|
|
60
70
|
|
|
61
71
|
export const DataGrid: <T>(props: DataGridProps<T>, children: ChildrenList) => JSX.Element<any, any> = Shade<
|
|
@@ -137,11 +147,14 @@ export const DataGrid: <T>(props: DataGridProps<T>, children: ChildrenList) => J
|
|
|
137
147
|
service={props.service}
|
|
138
148
|
rowComponents={props.rowComponents}
|
|
139
149
|
onRowClick={(entry, ev) => props.service.handleRowClick(entry, ev)}
|
|
150
|
+
onRowDoubleClick={(entry) => props.service.handleRowDoubleClick(entry)}
|
|
140
151
|
style={props.styles?.cell}
|
|
141
152
|
focusedRowStyle={props.focusedRowStyle}
|
|
142
153
|
selectedRowStyle={props.selectedRowStyle}
|
|
143
154
|
unfocusedRowStyle={props.unfocusedRowStyle}
|
|
144
155
|
unselectedRowStyle={props.unselectedRowStyle}
|
|
156
|
+
emptyComponent={props.emptyComponent}
|
|
157
|
+
loaderComponent={props.loaderComponent}
|
|
145
158
|
/>
|
|
146
159
|
</table>
|
|
147
160
|
<DataGridFooter service={props.service} />
|
|
@@ -51,8 +51,8 @@ export const NotyComponent = Shade<{ model: NotyModel; onDismiss: () => void }>(
|
|
|
51
51
|
await promisifyAnimation(
|
|
52
52
|
container,
|
|
53
53
|
[
|
|
54
|
-
{ opacity: '1', height: `${container?.scrollHeight || 0}px
|
|
55
|
-
{ opacity: '0', height: '0px' },
|
|
54
|
+
{ opacity: '1', height: `${container?.scrollHeight || 0}px`, margin: '8px 8px' },
|
|
55
|
+
{ opacity: '0', height: '0px', margin: '0px 8px' },
|
|
56
56
|
],
|
|
57
57
|
{
|
|
58
58
|
fill: 'forwards',
|