@furystack/shades-common-components 6.0.0 → 8.0.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/command-palette/command-palette-input.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-input.js +26 -23
- package/esm/components/command-palette/command-palette-input.js.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.js +33 -29
- package/esm/components/command-palette/command-palette-suggestion-list.js.map +1 -1
- package/esm/components/command-palette/index.d.ts.map +1 -1
- package/esm/components/command-palette/index.js +48 -44
- package/esm/components/command-palette/index.js.map +1 -1
- package/esm/components/data-grid/body.d.ts.map +1 -1
- package/esm/components/data-grid/body.js +0 -5
- package/esm/components/data-grid/body.js.map +1 -1
- package/esm/components/data-grid/data-grid-row.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid-row.js +14 -7
- package/esm/components/data-grid/data-grid-row.js.map +1 -1
- package/esm/components/data-grid/data-grid.d.ts +7 -1
- package/esm/components/data-grid/data-grid.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid.js +7 -6
- package/esm/components/data-grid/data-grid.js.map +1 -1
- package/esm/components/data-grid/footer.d.ts +3 -0
- package/esm/components/data-grid/footer.d.ts.map +1 -1
- package/esm/components/data-grid/footer.js +13 -11
- package/esm/components/data-grid/footer.js.map +1 -1
- package/esm/components/data-grid/header.d.ts +6 -6
- package/esm/components/data-grid/header.d.ts.map +1 -1
- package/esm/components/data-grid/header.js +54 -42
- package/esm/components/data-grid/header.js.map +1 -1
- package/esm/components/data-grid/selection-cell.d.ts.map +1 -1
- package/esm/components/data-grid/selection-cell.js +5 -3
- package/esm/components/data-grid/selection-cell.js.map +1 -1
- package/esm/components/inputs/input.js +1 -1
- package/esm/components/inputs/input.js.map +1 -1
- package/esm/components/suggest/suggest-input.d.ts.map +1 -1
- package/esm/components/suggest/suggest-input.js +12 -9
- package/esm/components/suggest/suggest-input.js.map +1 -1
- package/esm/components/suggest/suggest-manager.js +2 -2
- package/esm/components/suggest/suggest-manager.js.map +1 -1
- package/esm/components/suggest/suggestion-list.js +32 -27
- package/esm/components/suggest/suggestion-list.js.map +1 -1
- package/esm/services/collection-service.d.ts +2 -21
- package/esm/services/collection-service.d.ts.map +1 -1
- package/esm/services/collection-service.js +7 -35
- package/esm/services/collection-service.js.map +1 -1
- package/esm/services/collection-service.spec.js +2 -5
- package/esm/services/collection-service.spec.js.map +1 -1
- package/package.json +5 -5
- package/src/components/command-palette/command-palette-input.tsx +26 -28
- package/src/components/command-palette/command-palette-suggestion-list.tsx +42 -38
- package/src/components/command-palette/index.tsx +55 -51
- package/src/components/data-grid/body.tsx +0 -11
- package/src/components/data-grid/data-grid-row.tsx +43 -41
- package/src/components/data-grid/data-grid.tsx +25 -13
- package/src/components/data-grid/footer.tsx +19 -13
- package/src/components/data-grid/header.tsx +73 -53
- package/src/components/data-grid/selection-cell.tsx +4 -2
- package/src/components/inputs/input.tsx +1 -1
- package/src/components/suggest/suggest-input.tsx +4 -6
- package/src/components/suggest/suggest-manager.ts +2 -2
- package/src/components/suggest/suggestion-list.tsx +32 -32
- package/src/services/collection-service.spec.ts +14 -20
- package/src/services/collection-service.ts +7 -61
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette-input.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"command-palette-input.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAwBzE,eAAO,MAAM,mBAAmB;aAAoB,qBAAqB;;;uFA0BvE,CAAA"}
|
|
@@ -1,34 +1,37 @@
|
|
|
1
1
|
import { Shade, createComponent } from '@furystack/shades';
|
|
2
2
|
import { ThemeProviderService } from '../../services/theme-provider-service.js';
|
|
3
3
|
import { promisifyAnimation } from '../../utils/promisify-animation.js';
|
|
4
|
+
const updateComponent = async (element, isOpened) => {
|
|
5
|
+
const input = element.firstChild;
|
|
6
|
+
if (input) {
|
|
7
|
+
if (isOpened) {
|
|
8
|
+
input.value = '';
|
|
9
|
+
await promisifyAnimation(element, [{ width: '0%' }, { width: '100%' }], {
|
|
10
|
+
duration: 300,
|
|
11
|
+
fill: 'forwards',
|
|
12
|
+
easing: 'cubic-bezier(0.595, 0.425, 0.415, 0.845)',
|
|
13
|
+
});
|
|
14
|
+
input.focus();
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
await promisifyAnimation(element, [{ width: '100%' }, { width: '0%' }], {
|
|
18
|
+
duration: 300,
|
|
19
|
+
fill: 'forwards',
|
|
20
|
+
easing: 'cubic-bezier(0.595, 0.425, 0.415, 0.845)',
|
|
21
|
+
});
|
|
22
|
+
input.value = '';
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
};
|
|
4
26
|
export const CommandPaletteInput = Shade({
|
|
5
27
|
shadowDomName: 'shades-command-palette-input',
|
|
6
28
|
render: ({ element, props, injector, useObservable }) => {
|
|
7
29
|
const { theme } = injector.getInstance(ThemeProviderService);
|
|
8
30
|
const { manager } = props;
|
|
9
|
-
useObservable('isOpened', manager.isOpened,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
input.value = '';
|
|
14
|
-
await promisifyAnimation(element, [{ width: '0%' }, { width: '100%' }], {
|
|
15
|
-
duration: 300,
|
|
16
|
-
fill: 'forwards',
|
|
17
|
-
easing: 'cubic-bezier(0.595, 0.425, 0.415, 0.845)',
|
|
18
|
-
});
|
|
19
|
-
input.focus();
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
await promisifyAnimation(element, [{ width: '100%' }, { width: '0%' }], {
|
|
23
|
-
duration: 300,
|
|
24
|
-
fill: 'forwards',
|
|
25
|
-
easing: 'cubic-bezier(0.595, 0.425, 0.415, 0.845)',
|
|
26
|
-
});
|
|
27
|
-
input.value = '';
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}, true);
|
|
31
|
-
element.style.width = manager.isOpened.getValue() ? '100%' : '0%';
|
|
31
|
+
const [isCurrentlyOpened] = useObservable('isOpened', manager.isOpened, {
|
|
32
|
+
onChange: (newValue) => updateComponent(element, newValue),
|
|
33
|
+
});
|
|
34
|
+
element.style.width = isCurrentlyOpened ? '100%' : '0%';
|
|
32
35
|
element.style.overflow = 'hidden';
|
|
33
36
|
return (createComponent("input", { autofocus: true, style: {
|
|
34
37
|
color: theme.text.primary,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette-input.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAGvE,MAAM,
|
|
1
|
+
{"version":3,"file":"command-palette-input.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAGvE,MAAM,eAAe,GAAG,KAAK,EAAE,OAAoB,EAAE,QAAiB,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,OAAO,CAAC,UAAqC,CAAA;IAC3D,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;YAChB,MAAM,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE;gBACtE,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,0CAA0C;aACnD,CAAC,CAAA;YACF,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC;aAAM,CAAC;YACN,MAAM,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE;gBACtE,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,0CAA0C;aACnD,CAAC,CAAA;YACF,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;QAClB,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAqC;IAC3E,aAAa,EAAE,8BAA8B;IAC7C,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QAEzB,MAAM,CAAC,iBAAiB,CAAC,GAAG,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,EAAE;YACtE,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,EAAE,QAAQ,CAAC;SAC3D,CAAC,CAAA;QACF,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;QACvD,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACjC,OAAO,CACL,2BACE,SAAS,QACT,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;gBACzB,OAAO,EAAE,MAAM;gBACf,OAAO,EAAE,KAAK;gBACd,UAAU,EAAE,aAAa;gBACzB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,aAAa;gBACtB,KAAK,EAAE,kBAAkB;aAC1B,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette-suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-suggestion-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAGzE,eAAO,MAAM,4BAA4B;aAAoB,qBAAqB;;;;
|
|
1
|
+
{"version":3,"file":"command-palette-suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-suggestion-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAGzE,eAAO,MAAM,4BAA4B;aAAoB,qBAAqB;;;;uFA4FhF,CAAA"}
|
|
@@ -7,38 +7,42 @@ export const CommandPaletteSuggestionList = Shade({
|
|
|
7
7
|
const { manager } = props;
|
|
8
8
|
const { theme } = injector.getInstance(ThemeProviderService);
|
|
9
9
|
const [suggestions] = useObservable('suggestions', props.manager.currentSuggestions);
|
|
10
|
-
const [selectedIndex] = useObservable('selectedIndex', props.manager.selectedIndex,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
const [selectedIndex] = useObservable('selectedIndex', props.manager.selectedIndex, {
|
|
11
|
+
onChange: (idx) => {
|
|
12
|
+
;
|
|
13
|
+
[...element.querySelectorAll('.suggestion-item')].map((s, i) => {
|
|
14
|
+
if (i === idx) {
|
|
15
|
+
s.style.background = theme.background.paper;
|
|
16
|
+
s.style.fontWeight = 'bolder';
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
s.style.background = theme.background.default;
|
|
20
|
+
s.style.fontWeight = 'normal';
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
const [isOpenedAtRender] = useObservable('isOpenedAtRender', props.manager.isOpened, {
|
|
26
|
+
onChange: async (isOpened) => {
|
|
27
|
+
const container = element.firstElementChild;
|
|
28
|
+
if (isOpened) {
|
|
29
|
+
container.style.display = 'initial';
|
|
30
|
+
container.style.zIndex = '1';
|
|
31
|
+
container.style.width = `calc(${Math.round(element.parentElement?.getBoundingClientRect().width || 200)}px - 3em)`;
|
|
32
|
+
await promisifyAnimation(container, [
|
|
33
|
+
{ opacity: 0, transform: 'translate(0, -50px)' },
|
|
34
|
+
{ opacity: 1, transform: 'translate(0, 0)' },
|
|
35
|
+
], { fill: 'forwards', duration: 500 });
|
|
16
36
|
}
|
|
17
37
|
else {
|
|
18
|
-
|
|
19
|
-
|
|
38
|
+
await promisifyAnimation(container, [
|
|
39
|
+
{ opacity: 1, transform: 'translate(0, 0)' },
|
|
40
|
+
{ opacity: 0, transform: 'translate(0, -50px)' },
|
|
41
|
+
], { fill: 'forwards', duration: 200 });
|
|
42
|
+
container.style.zIndex = '-1';
|
|
43
|
+
container.style.display = 'none';
|
|
20
44
|
}
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
const [isOpenedAtRender] = useObservable('isOpenedAtRender', props.manager.isOpened, async (isOpened) => {
|
|
24
|
-
const container = element.firstElementChild;
|
|
25
|
-
if (isOpened) {
|
|
26
|
-
container.style.display = 'initial';
|
|
27
|
-
container.style.zIndex = '1';
|
|
28
|
-
container.style.width = `calc(${Math.round(element.parentElement?.getBoundingClientRect().width || 200)}px - 3em)`;
|
|
29
|
-
await promisifyAnimation(container, [
|
|
30
|
-
{ opacity: 0, transform: 'translate(0, -50px)' },
|
|
31
|
-
{ opacity: 1, transform: 'translate(0, 0)' },
|
|
32
|
-
], { fill: 'forwards', duration: 500 });
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
await promisifyAnimation(container, [
|
|
36
|
-
{ opacity: 1, transform: 'translate(0, 0)' },
|
|
37
|
-
{ opacity: 0, transform: 'translate(0, -50px)' },
|
|
38
|
-
], { fill: 'forwards', duration: 200 });
|
|
39
|
-
container.style.zIndex = '-1';
|
|
40
|
-
container.style.display = 'none';
|
|
41
|
-
}
|
|
45
|
+
},
|
|
42
46
|
});
|
|
43
47
|
return (createComponent("div", { className: "suggestion-items-container", style: {
|
|
44
48
|
borderTop: 'none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette-suggestion-list.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAEvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAE/E,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAsE;IACrH,aAAa,EAAE,uCAAuC;IACtD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QACzB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,MAAM,CAAC,WAAW,CAAC,GAAG,aAAa,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAA;QACpF,MAAM,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"command-palette-suggestion-list.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAEvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAE/E,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAsE;IACrH,aAAa,EAAE,uCAAuC;IACtD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QACzB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,MAAM,CAAC,WAAW,CAAC,GAAG,aAAa,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAA;QACpF,MAAM,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE;YAClF,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;gBAChB,CAAC;gBAAC,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAsB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACpF,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;wBACd,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAA;wBAC3C,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;oBAC/B,CAAC;yBAAM,CAAC;wBACN,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAA;wBAC7C,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;oBAC/B,CAAC;gBACH,CAAC,CAAC,CAAA;YACJ,CAAC;SACF,CAAC,CAAA;QAEF,MAAM,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;YACnF,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAC3B,MAAM,SAAS,GAAG,OAAO,CAAC,iBAAmC,CAAA;gBAC7D,IAAI,QAAQ,EAAE,CAAC;oBACb,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAA;oBACnC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAA;oBAC5B,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,IAAI,CAAC,KAAK,CACxC,OAAO,CAAC,aAAa,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,GAAG,CAC5D,WAAW,CAAA;oBACZ,MAAM,kBAAkB,CACtB,SAAS,EACT;wBACE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE;wBAChD,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE;qBAC7C,EACD,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CACpC,CAAA;gBACH,CAAC;qBAAM,CAAC;oBACN,MAAM,kBAAkB,CACtB,SAAS,EACT;wBACE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE;wBAC5C,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE;qBACjD,EACD,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CACpC,CAAA;oBACD,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAA;oBAC7B,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;gBAClC,CAAC;YACH,CAAC;SACF,CAAC,CAAA;QAEF,OAAO,CACL,yBACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE;gBACL,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;gBAChD,YAAY,EAAE,iBAAiB;gBAC/B,UAAU,EAAE,MAAM;gBAClB,QAAQ,EAAE,QAAQ;gBAClB,SAAS,EAAE,MAAM;gBACjB,SAAS,EAAE,GAAG,MAAM,CAAC,WAAW,GAAG,GAAG,IAAI;gBAC1C,MAAM,EAAE,GAAG;gBACX,IAAI,EAAE,MAAM;gBACZ,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK;gBACvC,SAAS,EAAE,6BAA6B;gBACxC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,GAAG,CAAC,WAAW;gBACjG,GAAG,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAClF,IAEA,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,yBACE,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,GAAG,EAAE;gBACZ,gBAAgB,IAAI,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;YAC3D,CAAC,EACD,KAAK,EAAE;gBACL,OAAO,EAAE,KAAK;gBACd,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;gBACnF,UAAU,EAAE,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;aACtD,IAEA,CAAC,CAAC,OAAO,CACN,CACP,CAAC,CACE,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAI5D,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AAErC,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED,eAAO,MAAM,cAAc;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAI5D,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AAErC,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED,eAAO,MAAM,cAAc;;uFAmKzB,CAAA"}
|
|
@@ -17,58 +17,62 @@ export const CommandPalette = Shade({
|
|
|
17
17
|
const [manager] = useState('manager', new CommandPaletteManager(props.commandProviders));
|
|
18
18
|
const { theme } = injector.getInstance(ThemeProviderService);
|
|
19
19
|
useDisposable('clickAwayService', () => new ClickAwayService(element, () => manager.isOpened.setValue(false)));
|
|
20
|
-
const [isLoadingAtRender] = useObservable('isLoading', manager.isLoading,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
fill: 'forwards',
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
else {
|
|
29
|
-
promisifyAnimation(loader, [{ opacity: 1 }, { opacity: 0 }], {
|
|
30
|
-
duration: 100,
|
|
31
|
-
fill: 'forwards',
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
const [isOpenedAtRender, setIsOpened] = useObservable('isOpened', manager.isOpened, (isOpened) => {
|
|
36
|
-
{
|
|
37
|
-
const suggestions = element.querySelector('.close-suggestions');
|
|
38
|
-
const postControls = element.querySelector('.post-controls');
|
|
39
|
-
const inputContainer = element.querySelector('.input-container');
|
|
40
|
-
if (isOpened) {
|
|
41
|
-
promisifyAnimation(suggestions, [{ opacity: 0 }, { opacity: 1 }], {
|
|
42
|
-
duration: 500,
|
|
43
|
-
fill: 'forwards',
|
|
44
|
-
});
|
|
45
|
-
promisifyAnimation(postControls, [{ width: '0px' }, { width: '50px' }], {
|
|
20
|
+
const [isLoadingAtRender] = useObservable('isLoading', manager.isLoading, {
|
|
21
|
+
onChange: async (isLoading) => {
|
|
22
|
+
const loader = element.querySelector('.loader-container');
|
|
23
|
+
if (isLoading) {
|
|
24
|
+
promisifyAnimation(loader, [{ opacity: 0 }, { opacity: 1 }], {
|
|
46
25
|
duration: 100,
|
|
47
26
|
fill: 'forwards',
|
|
48
27
|
});
|
|
49
|
-
promisifyAnimation(inputContainer, [{ background: 'transparent' }, { background: theme.background.default }], {
|
|
50
|
-
duration: 500,
|
|
51
|
-
fill: 'forwards',
|
|
52
|
-
easing: 'cubic-bezier(0.050, 0.570, 0.840, 1.005)',
|
|
53
|
-
});
|
|
54
28
|
}
|
|
55
29
|
else {
|
|
56
|
-
promisifyAnimation(
|
|
57
|
-
duration:
|
|
58
|
-
fill: 'forwards',
|
|
59
|
-
});
|
|
60
|
-
promisifyAnimation(postControls, [{ width: '50px' }, { width: '0px' }], {
|
|
61
|
-
duration: 500,
|
|
62
|
-
fill: 'forwards',
|
|
63
|
-
delay: 300,
|
|
64
|
-
});
|
|
65
|
-
promisifyAnimation(inputContainer, [{ background: theme.background.default }, { background: 'transparent' }], {
|
|
66
|
-
duration: 300,
|
|
30
|
+
promisifyAnimation(loader, [{ opacity: 1 }, { opacity: 0 }], {
|
|
31
|
+
duration: 100,
|
|
67
32
|
fill: 'forwards',
|
|
68
|
-
easing: 'cubic-bezier(0.000, 0.245, 0.190, 0.790)',
|
|
69
33
|
});
|
|
70
34
|
}
|
|
71
|
-
}
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
const [isOpenedAtRender, setIsOpened] = useObservable('isOpened', manager.isOpened, {
|
|
38
|
+
onChange: (isOpened) => {
|
|
39
|
+
{
|
|
40
|
+
const suggestions = element.querySelector('.close-suggestions');
|
|
41
|
+
const postControls = element.querySelector('.post-controls');
|
|
42
|
+
const inputContainer = element.querySelector('.input-container');
|
|
43
|
+
if (isOpened) {
|
|
44
|
+
promisifyAnimation(suggestions, [{ opacity: 0 }, { opacity: 1 }], {
|
|
45
|
+
duration: 500,
|
|
46
|
+
fill: 'forwards',
|
|
47
|
+
});
|
|
48
|
+
promisifyAnimation(postControls, [{ width: '0px' }, { width: '50px' }], {
|
|
49
|
+
duration: 100,
|
|
50
|
+
fill: 'forwards',
|
|
51
|
+
});
|
|
52
|
+
promisifyAnimation(inputContainer, [{ background: 'transparent' }, { background: theme.background.default }], {
|
|
53
|
+
duration: 500,
|
|
54
|
+
fill: 'forwards',
|
|
55
|
+
easing: 'cubic-bezier(0.050, 0.570, 0.840, 1.005)',
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
promisifyAnimation(suggestions, [{ opacity: 1 }, { opacity: 0 }], {
|
|
60
|
+
duration: 500,
|
|
61
|
+
fill: 'forwards',
|
|
62
|
+
});
|
|
63
|
+
promisifyAnimation(postControls, [{ width: '50px' }, { width: '0px' }], {
|
|
64
|
+
duration: 500,
|
|
65
|
+
fill: 'forwards',
|
|
66
|
+
delay: 300,
|
|
67
|
+
});
|
|
68
|
+
promisifyAnimation(inputContainer, [{ background: theme.background.default }, { background: 'transparent' }], {
|
|
69
|
+
duration: 300,
|
|
70
|
+
fill: 'forwards',
|
|
71
|
+
easing: 'cubic-bezier(0.000, 0.245, 0.190, 0.790)',
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
},
|
|
72
76
|
});
|
|
73
77
|
return (createComponent("div", { style: { display: 'flex', flexDirection: 'column' }, onkeyup: (ev) => {
|
|
74
78
|
if (ev.key === 'Enter') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/command-palette/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAA;AAEnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAE/E,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AASrC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAsB;IACvD,aAAa,EAAE,uBAAuB;IACtC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE,EAAE;QAC/E,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAA;QAC5B,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,IAAI,qBAAqB,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAA;QACxF,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,aAAa,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAE9G,MAAM,CAAC,iBAAiB,CAAC,GAAG,aAAa,CAAC,WAAW,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/command-palette/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
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;IAClC,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,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IACvB,aAAa,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IAC/B,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,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CAiCpG,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Shade, createComponent } from '@furystack/shades';
|
|
2
|
-
import { Loader } from '../loader.js';
|
|
3
2
|
import { DataGridRow } from './data-grid-row.js';
|
|
4
3
|
export const DataGridBody = Shade({
|
|
5
4
|
shadowDomName: 'shade-data-grid-body',
|
|
@@ -8,10 +7,6 @@ export const DataGridBody = Shade({
|
|
|
8
7
|
},
|
|
9
8
|
render: ({ props, useObservable }) => {
|
|
10
9
|
const [data] = useObservable('data', props.service.data);
|
|
11
|
-
const [isLoading] = useObservable('isLoading', props.service.isLoading);
|
|
12
|
-
if (isLoading) {
|
|
13
|
-
return (createComponent("div", { style: { display: 'flex', height: '100%', justifyContent: 'center', alignItems: 'center', width: '100%' } }, props.loaderComponent || createComponent(Loader, { style: { height: '128px', width: '128px' } })));
|
|
14
|
-
}
|
|
15
10
|
if (!data?.entries?.length) {
|
|
16
11
|
return props.emptyComponent || createComponent("div", null, " - No Data - ");
|
|
17
12
|
}
|
|
@@ -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,
|
|
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,GAAiF,KAAK,CAE7G;IACA,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 +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;IACjC,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,CAAC,CAAA;IAC/B,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,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,
|
|
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;IACjC,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,CAAC,CAAA;IAC/B,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,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CAoGlG,CAAA"}
|
|
@@ -17,13 +17,12 @@ export const DataGridRow = Shade({
|
|
|
17
17
|
element.setAttribute('aria-selected', 'false');
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
const
|
|
21
|
-
attachSelectedStyles(selection);
|
|
22
|
-
const [focus] = useObservable('focus', service.focusedEntry, (newEntry) => {
|
|
20
|
+
const attachFocusedStyle = (newEntry) => {
|
|
23
21
|
if (newEntry === props.entry) {
|
|
24
22
|
attachStyles(element, {
|
|
25
23
|
style: props.focusedRowStyle || {
|
|
26
|
-
boxShadow: `0 0 0 1px
|
|
24
|
+
boxShadow: `0 0 50px 1px rgba(255,255,255,0.2) inset, 0 0 35px 1px var(--shades-theme-palette-primary-main) inset, 2px 0px 5px 0px rgba(0,0,0,0.3)`,
|
|
25
|
+
transition: 'box-shadow 0.1s ease-in-out',
|
|
27
26
|
fontWeight: 'bolder',
|
|
28
27
|
},
|
|
29
28
|
});
|
|
@@ -35,8 +34,8 @@ export const DataGridRow = Shade({
|
|
|
35
34
|
if (maxTop < currentTop) {
|
|
36
35
|
parent.scrollTo({ top: maxTop, behavior: 'smooth' });
|
|
37
36
|
}
|
|
38
|
-
const footerHeight = element.closest('shade-data-grid')?.querySelector('shade-data-grid-footer')?.getBoundingClientRect()
|
|
39
|
-
|
|
37
|
+
const footerHeight = element.closest('shade-data-grid')?.querySelector('shade-data-grid-footer')?.getBoundingClientRect().height ||
|
|
38
|
+
42;
|
|
40
39
|
const visibleMaxTop = parent.clientHeight - footerHeight;
|
|
41
40
|
const desiredMaxTop = element.offsetTop + element.clientHeight;
|
|
42
41
|
if (desiredMaxTop > visibleMaxTop) {
|
|
@@ -52,7 +51,15 @@ export const DataGridRow = Shade({
|
|
|
52
51
|
},
|
|
53
52
|
});
|
|
54
53
|
}
|
|
55
|
-
}
|
|
54
|
+
};
|
|
55
|
+
const [selection] = useObservable('isSelected', service.selection, {
|
|
56
|
+
onChange: attachSelectedStyles,
|
|
57
|
+
});
|
|
58
|
+
attachSelectedStyles(selection);
|
|
59
|
+
const [focus] = useObservable('focus', service.focusedEntry, {
|
|
60
|
+
onChange: attachFocusedStyle,
|
|
61
|
+
});
|
|
62
|
+
attachFocusedStyle(focus);
|
|
56
63
|
element.style.display = 'table-row';
|
|
57
64
|
element.style.cursor = 'default';
|
|
58
65
|
element.style.userSelect = 'none';
|
|
@@ -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,GAAgF,KAAK,CAE3G;IACA,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,
|
|
1
|
+
{"version":3,"file":"data-grid-row.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import type { ChildrenList } from '@furystack/shades';
|
|
2
2
|
import type { CollectionService } from '../../services/collection-service.js';
|
|
3
3
|
import type { GridProps } from '../grid.js';
|
|
4
|
+
import type { FindOptions } from '@furystack/core';
|
|
5
|
+
import type { ObservableValue } from '@furystack/utils';
|
|
4
6
|
export type DataHeaderCells<T> = {
|
|
5
7
|
[TKey in keyof T | 'default']?: (name: keyof T) => JSX.Element;
|
|
6
8
|
};
|
|
@@ -22,7 +24,11 @@ export interface DataGridProps<T> {
|
|
|
22
24
|
/**
|
|
23
25
|
* A collection service to use for data source
|
|
24
26
|
*/
|
|
25
|
-
|
|
27
|
+
collectionService: CollectionService<T>;
|
|
28
|
+
/**
|
|
29
|
+
* The query settings to use for the data source
|
|
30
|
+
*/
|
|
31
|
+
findOptions: ObservableValue<FindOptions<T, Array<keyof T>>>;
|
|
26
32
|
/**
|
|
27
33
|
* A list of custom header components to use
|
|
28
34
|
*/
|
|
@@ -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;
|
|
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,CAAC,IAAI;KAC9B,IAAI,IAAI,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,OAAO;CAC/D,CAAA;AACD,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;KAC3B,IAAI,IAAI,MAAM,CAAC,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;CAClG,CAAA;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IACvB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC9B;;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,CAAC,CAAC,CAAA;IACpC;;OAEG;IACH,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IAC9B;;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,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CAwF5F,CAAA"}
|
|
@@ -7,7 +7,7 @@ import { ClickAwayService } from '../../services/click-away-service.js';
|
|
|
7
7
|
export const DataGrid = Shade({
|
|
8
8
|
shadowDomName: 'shade-data-grid',
|
|
9
9
|
constructed: ({ props }) => {
|
|
10
|
-
const listener = (ev) => props.
|
|
10
|
+
const listener = (ev) => props.collectionService.handleKeyDown(ev);
|
|
11
11
|
window.addEventListener('keydown', listener);
|
|
12
12
|
return () => window.removeEventListener('keydown', listener);
|
|
13
13
|
},
|
|
@@ -15,10 +15,11 @@ export const DataGrid = Shade({
|
|
|
15
15
|
const tp = injector.getInstance(ThemeProviderService);
|
|
16
16
|
const { theme } = tp;
|
|
17
17
|
useDisposable('clickAway', () => new ClickAwayService(element, () => {
|
|
18
|
-
props.
|
|
18
|
+
props.collectionService.hasFocus.setValue(false);
|
|
19
19
|
}));
|
|
20
20
|
const headerStyle = {
|
|
21
21
|
backdropFilter: 'blur(12px) saturate(180%)',
|
|
22
|
+
background: 'rgba(128,128,128,0.3)',
|
|
22
23
|
color: theme.text.secondary,
|
|
23
24
|
height: '38px',
|
|
24
25
|
alignItems: 'center',
|
|
@@ -37,15 +38,15 @@ export const DataGrid = Shade({
|
|
|
37
38
|
overflow: 'auto',
|
|
38
39
|
zIndex: '1',
|
|
39
40
|
}, onclick: () => {
|
|
40
|
-
props.
|
|
41
|
+
props.collectionService.hasFocus.setValue(true);
|
|
41
42
|
}, ariaMultiSelectable: "true" },
|
|
42
43
|
createComponent("table", { style: { width: '100%', maxHeight: 'calc(100% - 4em)', position: 'relative' } },
|
|
43
44
|
createComponent("thead", null,
|
|
44
45
|
createComponent("tr", null, props.columns.map((column) => {
|
|
45
|
-
return (createComponent("th", { style: headerStyle }, props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || (createComponent(DataGridHeader, { field: column,
|
|
46
|
+
return (createComponent("th", { style: headerStyle }, props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || (createComponent(DataGridHeader, { field: column, findOptions: props.findOptions }))));
|
|
46
47
|
}))),
|
|
47
|
-
createComponent(DataGridBody, { columns: props.columns, service: props.
|
|
48
|
-
createComponent(DataGridFooter, { service: props.
|
|
48
|
+
createComponent(DataGridBody, { columns: props.columns, service: props.collectionService, rowComponents: props.rowComponents, onRowClick: (entry, ev) => props.collectionService.handleRowClick(entry, ev), onRowDoubleClick: (entry) => props.collectionService.handleRowDoubleClick(entry), style: props.styles?.cell, focusedRowStyle: props.focusedRowStyle, selectedRowStyle: props.selectedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, unselectedRowStyle: props.unselectedRowStyle, emptyComponent: props.emptyComponent, loaderComponent: props.loaderComponent })),
|
|
49
|
+
createComponent(DataGridFooter, { service: props.collectionService, findOptions: props.findOptions })));
|
|
49
50
|
},
|
|
50
51
|
});
|
|
51
52
|
//# sourceMappingURL=data-grid.js.map
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"data-grid.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import type { CollectionService } from '../../services/collection-service.js';
|
|
2
|
+
import type { FindOptions } from '@furystack/core';
|
|
3
|
+
import type { ObservableValue } from '@furystack/utils';
|
|
2
4
|
export declare const dataGridItemsPerPage: number[];
|
|
3
5
|
export declare const DataGridFooter: (props: {
|
|
4
6
|
service: CollectionService<any>;
|
|
7
|
+
findOptions: ObservableValue<FindOptions<any, any[]>>;
|
|
5
8
|
} & Omit<Partial<HTMLElement>, "style"> & {
|
|
6
9
|
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
7
10
|
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;
|
|
1
|
+
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,eAAO,MAAM,oBAAoB,UAAkC,CAAA;AAEnE,eAAO,MAAM,cAAc;aAChB,kBAAkB,GAAG,CAAC;iBAClB,gBAAgB,YAAY,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;;;uFA2ErD,CAAA"}
|
|
@@ -5,10 +5,15 @@ export const DataGridFooter = Shade({
|
|
|
5
5
|
shadowDomName: 'shade-data-grid-footer',
|
|
6
6
|
render: ({ props, injector, useObservable }) => {
|
|
7
7
|
const { theme } = injector.getInstance(ThemeProviderService);
|
|
8
|
-
const
|
|
9
|
-
const [
|
|
10
|
-
const
|
|
11
|
-
|
|
8
|
+
const { service, findOptions } = props;
|
|
9
|
+
const [currentData] = useObservable('dataUpdater', service.data);
|
|
10
|
+
const [currentOptions, setCurrentOptions] = useObservable('optionsUpdater', findOptions, {
|
|
11
|
+
filter: (newValue, oldValue) => {
|
|
12
|
+
return newValue.top !== oldValue.top || newValue.skip !== oldValue.skip;
|
|
13
|
+
},
|
|
14
|
+
});
|
|
15
|
+
const top = currentOptions.top || Infinity;
|
|
16
|
+
const skip = currentOptions.skip || 0;
|
|
12
17
|
const currentPage = Math.ceil(skip) / (top || 1);
|
|
13
18
|
const currentEntriesPerPage = top;
|
|
14
19
|
return (createComponent("div", { className: "pager", style: {
|
|
@@ -25,17 +30,14 @@ export const DataGridFooter = Shade({
|
|
|
25
30
|
"Goto page",
|
|
26
31
|
createComponent("select", { style: { margin: '0 1em' }, onchange: (ev) => {
|
|
27
32
|
const value = parseInt(ev.target.value, 10);
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
} }, [
|
|
31
|
-
...new Array(Math.ceil(currentData.count / (props.service.querySettings.getValue().top || Infinity))),
|
|
32
|
-
].map((_val, index) => (createComponent("option", { value: index.toString(), selected: currentPage === index }, (index + 1).toString())))))),
|
|
33
|
+
setCurrentOptions({ ...currentOptions, skip: (currentOptions.top || 0) * value });
|
|
34
|
+
} }, [...new Array(Math.ceil(currentData.count / (currentOptions.top || Infinity)))].map((_val, index) => (createComponent("option", { value: index.toString(), selected: currentPage === index }, (index + 1).toString())))))),
|
|
33
35
|
createComponent("div", null,
|
|
34
36
|
"Show",
|
|
35
37
|
createComponent("select", { style: { margin: '0 1em' }, onchange: (ev) => {
|
|
36
38
|
const value = parseInt(ev.currentTarget.value, 10);
|
|
37
|
-
|
|
38
|
-
...
|
|
39
|
+
setCurrentOptions({
|
|
40
|
+
...currentOptions,
|
|
39
41
|
top: value,
|
|
40
42
|
skip: currentPage * value,
|
|
41
43
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"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"}
|