@furystack/shades-common-components 5.0.20 → 7.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/data-grid-row.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid-row.js +37 -33
- package/esm/components/data-grid/data-grid-row.js.map +1 -1
- package/esm/components/data-grid/header.d.ts.map +1 -1
- package/esm/components/data-grid/header.js +28 -22
- 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/noty-list.d.ts.map +1 -1
- package/esm/components/noty-list.js +6 -6
- package/esm/components/noty-list.js.map +1 -1
- package/esm/components/suggest/index.js +2 -2
- package/esm/components/suggest/index.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.d.ts +4 -3
- package/esm/components/suggest/suggest-manager.d.ts.map +1 -1
- package/esm/components/suggest/suggest-manager.js +7 -7
- 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.map +1 -1
- package/esm/services/collection-service.js +3 -2
- package/esm/services/collection-service.js.map +1 -1
- package/esm/services/collection-service.spec.d.ts +2 -0
- package/esm/services/collection-service.spec.d.ts.map +1 -0
- package/esm/services/collection-service.spec.js +28 -0
- package/esm/services/collection-service.spec.js.map +1 -0
- package/esm/services/noty-service.d.ts +11 -7
- package/esm/services/noty-service.d.ts.map +1 -1
- package/esm/services/noty-service.js +25 -14
- package/esm/services/noty-service.js.map +1 -1
- package/esm/services/noty-service.spec.d.ts +2 -0
- package/esm/services/noty-service.spec.d.ts.map +1 -0
- package/esm/services/noty-service.spec.js +20 -0
- package/esm/services/noty-service.spec.js.map +1 -0
- package/package.json +6 -6
- 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/data-grid-row.tsx +6 -7
- package/src/components/data-grid/header.tsx +27 -21
- package/src/components/data-grid/selection-cell.tsx +4 -2
- package/src/components/inputs/input.tsx +1 -1
- package/src/components/noty-list.tsx +16 -12
- package/src/components/suggest/index.tsx +2 -2
- package/src/components/suggest/suggest-input.tsx +4 -6
- package/src/components/suggest/suggest-manager.ts +7 -7
- package/src/components/suggest/suggestion-list.tsx +32 -32
- package/src/services/collection-service.spec.ts +37 -0
- package/src/services/collection-service.ts +3 -2
- package/src/services/noty-service.spec.ts +26 -0
- package/src/services/noty-service.ts +23 -11
|
@@ -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":"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"}
|
|
@@ -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":"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,CAiGlG,CAAA"}
|
|
@@ -17,42 +17,46 @@ export const DataGridRow = Shade({
|
|
|
17
17
|
element.setAttribute('aria-selected', 'false');
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
// TODO: getLast is elmiminated, do we need it?
|
|
21
|
+
const [selection] = useObservable('isSelected', service.selection, { onChange: attachSelectedStyles });
|
|
21
22
|
attachSelectedStyles(selection);
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
23
|
+
// TODO: getLast is elmiminated, do we need it?
|
|
24
|
+
const [focus] = useObservable('focus', service.focusedEntry, {
|
|
25
|
+
onChange: (newEntry) => {
|
|
26
|
+
if (newEntry === props.entry) {
|
|
27
|
+
attachStyles(element, {
|
|
28
|
+
style: props.focusedRowStyle || {
|
|
29
|
+
boxShadow: `0 0 0 1px ${theme.palette.primary.main}`,
|
|
30
|
+
fontWeight: 'bolder',
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
element.classList.add('focused');
|
|
34
|
+
const headerHeight = element.closest('table')?.querySelector('th')?.getBoundingClientRect().height || 42;
|
|
35
|
+
const parent = element.closest('.shade-grid-wrapper');
|
|
36
|
+
const maxTop = element.offsetTop - headerHeight;
|
|
37
|
+
const currentTop = parent.scrollTop;
|
|
38
|
+
if (maxTop < currentTop) {
|
|
39
|
+
parent.scrollTo({ top: maxTop, behavior: 'smooth' });
|
|
40
|
+
}
|
|
41
|
+
const footerHeight = element.closest('shade-data-grid')?.querySelector('shade-data-grid-footer')?.getBoundingClientRect()
|
|
42
|
+
.height || 42;
|
|
43
|
+
const visibleMaxTop = parent.clientHeight - footerHeight;
|
|
44
|
+
const desiredMaxTop = element.offsetTop + element.clientHeight;
|
|
45
|
+
if (desiredMaxTop > visibleMaxTop) {
|
|
46
|
+
parent.scrollTo({ top: desiredMaxTop - visibleMaxTop, behavior: 'smooth' });
|
|
47
|
+
}
|
|
37
48
|
}
|
|
38
|
-
|
|
39
|
-
.
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
49
|
+
else {
|
|
50
|
+
element.classList.remove('focused');
|
|
51
|
+
attachStyles(element, {
|
|
52
|
+
style: props.unfocusedRowStyle || {
|
|
53
|
+
boxShadow: 'none',
|
|
54
|
+
fontWeight: 'inherit',
|
|
55
|
+
},
|
|
56
|
+
});
|
|
44
57
|
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
element.classList.remove('focused');
|
|
48
|
-
attachStyles(element, {
|
|
49
|
-
style: props.unfocusedRowStyle || {
|
|
50
|
-
boxShadow: 'none',
|
|
51
|
-
fontWeight: 'inherit',
|
|
52
|
-
},
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
}, true);
|
|
58
|
+
},
|
|
59
|
+
});
|
|
56
60
|
element.style.display = 'table-row';
|
|
57
61
|
element.style.cursor = 'default';
|
|
58
62
|
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,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,EAAE,oBAAoB,EAAE,
|
|
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,+CAA+C;QAC/C,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC,CAAA;QAEtG,oBAAoB,CAAC,SAAS,CAAC,CAAA;QAE/B,+CAA+C;QAC/C,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,EAAE;YAC3D,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACrB,IAAI,QAAQ,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;oBAC7B,YAAY,CAAC,OAAO,EAAE;wBACpB,KAAK,EAAE,KAAK,CAAC,eAAe,IAAI;4BAC9B,SAAS,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE;4BACpD,UAAU,EAAE,QAAQ;yBACrB;qBACF,CAAC,CAAA;oBAEF,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;oBAEhC,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,qBAAqB,EAAE,CAAC,MAAM,IAAI,EAAE,CAAA;oBAExG,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAgB,CAAA;oBACpE,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,GAAG,YAAY,CAAA;oBAC/C,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAA;oBACnC,IAAI,MAAM,GAAG,UAAU,EAAE,CAAC;wBACxB,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;oBACtD,CAAC;oBAED,MAAM,YAAY,GAChB,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,EAAE,qBAAqB,EAAE;yBACjG,MAAM,IAAI,EAAE,CAAA;oBACjB,MAAM,aAAa,GAAG,MAAM,CAAC,YAAY,GAAG,YAAY,CAAA;oBACxD,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY,CAAA;oBAC9D,IAAI,aAAa,GAAG,aAAa,EAAE,CAAC;wBAClC,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,aAAa,GAAG,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;oBAC7E,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;oBACnC,YAAY,CAAC,OAAO,EAAE;wBACpB,KAAK,EAAE,KAAK,CAAC,iBAAiB,IAAI;4BAChC,SAAS,EAAE,MAAM;4BACjB,UAAU,EAAE,SAAS;yBACtB;qBACF,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC;SACF,CAAC,CAAA;QAEF,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAO7E,MAAM,WAAW,mBAAmB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC;IACvD,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACvC,KAAK,EAAE,CAAC,CAAA;CACT;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,aAAa,EAAE,WAAW,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAClC,cAAc,EAAE,OAAO,CAAA;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED,eAAO,MAAM,WAAW;uBAA8B,kBAAkB,GAAG,CAAC;WAAS,MAAM;;;2DAqCzF,CAAA;
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAO7E,MAAM,WAAW,mBAAmB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC;IACvD,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACvC,KAAK,EAAE,CAAC,CAAA;CACT;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,aAAa,EAAE,WAAW,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAClC,cAAc,EAAE,OAAO,CAAA;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED,eAAO,MAAM,WAAW;uBAA8B,kBAAkB,GAAG,CAAC;WAAS,MAAM;;;2DAqCzF,CAAA;AAmGF,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,EAChD,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,EAChC,QAAQ,EAAE,YAAY,KACnB,GAAG,CAAC,OAAO,CAAC,GAAG,CA2ElB,CAAA"}
|
|
@@ -32,13 +32,15 @@ export const OrderButton = Shade({
|
|
|
32
32
|
const SearchButton = Shade({
|
|
33
33
|
shadowDomName: 'data-grid-search-button',
|
|
34
34
|
render: ({ props, useObservable, element }) => {
|
|
35
|
-
const [queryState] = useObservable('currentFilterState', props.service.querySettings,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
35
|
+
const [queryState] = useObservable('currentFilterState', props.service.querySettings, {
|
|
36
|
+
onChange: (currentQueryState) => {
|
|
37
|
+
const currentValue = currentQueryState.filter?.[props.fieldName]?.$regex || '';
|
|
38
|
+
const button = element.querySelector('button');
|
|
39
|
+
button.innerHTML = currentValue ? '🔍' : '🔎';
|
|
40
|
+
button.style.textShadow = currentValue
|
|
41
|
+
? '1px 1px 20px rgba(235,225,45,0.9), 1px 1px 12px rgba(235,225,45,0.9), 0px 0px 3px rgba(255,200,145,0.6)'
|
|
42
|
+
: 'none';
|
|
43
|
+
},
|
|
42
44
|
});
|
|
43
45
|
const filterValue = queryState.filter?.[props.fieldName]?.$regex || '';
|
|
44
46
|
return (createComponent(Button, { type: "button", title: "Filter", style: {
|
|
@@ -51,9 +53,11 @@ const SearchButton = Shade({
|
|
|
51
53
|
const SearchForm = Shade({
|
|
52
54
|
shadowDomName: 'data-grid-search-form',
|
|
53
55
|
render: ({ props, useObservable, element }) => {
|
|
54
|
-
const [queryState] = useObservable('currentFilterState', props.service.querySettings,
|
|
55
|
-
|
|
56
|
-
|
|
56
|
+
const [queryState] = useObservable('currentFilterState', props.service.querySettings, {
|
|
57
|
+
onChange: (currentQueryState) => {
|
|
58
|
+
const currentValue = currentQueryState.filter?.[props.fieldName]?.$regex || '';
|
|
59
|
+
element.querySelector('input').value = currentValue;
|
|
60
|
+
},
|
|
57
61
|
});
|
|
58
62
|
return (createComponent(Form, { className: "search-form", style: {
|
|
59
63
|
display: 'flex',
|
|
@@ -78,18 +82,20 @@ const SearchForm = Shade({
|
|
|
78
82
|
export const DataGridHeader = Shade({
|
|
79
83
|
shadowDomName: 'data-grid-header',
|
|
80
84
|
render: ({ props, element, useObservable }) => {
|
|
81
|
-
const [, setIsSearchOpened] = useObservable('isSearchOpened', new ObservableValue(false),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
85
|
+
const [, setIsSearchOpened] = useObservable('isSearchOpened', new ObservableValue(false), {
|
|
86
|
+
onChange: (newValue) => {
|
|
87
|
+
const searchForm = element.querySelector('.search-form');
|
|
88
|
+
const headerContent = element.querySelector('.header-content');
|
|
89
|
+
if (!newValue) {
|
|
90
|
+
collapse(searchForm);
|
|
91
|
+
expand(headerContent);
|
|
92
|
+
}
|
|
93
|
+
else {
|
|
94
|
+
searchForm.style.display = 'flex';
|
|
95
|
+
expand(searchForm).then(() => searchForm.querySelector('input')?.focus());
|
|
96
|
+
collapse(headerContent);
|
|
97
|
+
}
|
|
98
|
+
},
|
|
93
99
|
});
|
|
94
100
|
const updateSearchValue = (value) => {
|
|
95
101
|
const currentSettings = props.collectionService.querySettings.getValue();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAanD,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAA+D;IAC7F,aAAa,EAAE,wBAAwB;IACvC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACnC,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAC5D,sBAAsB,EACtB,KAAK,CAAC,iBAAiB,CAAC,aAAa,CACtC,CAAA;QACD,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QACrE,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QAChF,OAAO,CACL,gBAAC,MAAM,IACL,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE;gBACL,OAAO,EAAE,KAAK;gBACd,MAAM,EAAE,GAAG;gBACX,MAAM,EAAE,SAAS;aAClB,EACD,KAAK,EAAE,YAAY,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACxD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACd,EAAE,CAAC,eAAe,EAAE,CAAA;gBACpB,IAAI,YAAY,GAAmB,KAAK,CAAA;gBACxC,MAAM,QAAQ,GAAyC,EAAE,CAAA;gBAEzD,IAAI,YAAY,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;oBACjC,YAAY,GAAG,qBAAqB,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;gBACjE,CAAC;gBACD,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,YAAY,CAAA;gBACpC,gBAAgB,CAAC;oBACf,GAAG,oBAAoB;oBACvB,KAAK,EAAE,QAAQ;iBAChB,CAAC,CAAA;YACJ,CAAC,IAEA,CAAC,YAAY,KAAK,KAAK,CAAC,KAAK,IAAI,CAAC,qBAAqB,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAChF,CACV,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,KAAK,CAA8E;IACtG,aAAa,EAAE,yBAAyB;IACxC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE,EAAE;QAC5C,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,CAAC,oBAAoB,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,iBAAiB,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/selection-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAE7E,eAAO,MAAM,aAAa;WAAkB,GAAG;aAAW,kBAAkB,GAAG,CAAC;;;
|
|
1
|
+
{"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/selection-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAE7E,eAAO,MAAM,aAAa;WAAkB,GAAG;aAAW,kBAAkB,GAAG,CAAC;;;uFAoB9E,CAAA"}
|
|
@@ -2,9 +2,11 @@ import { createComponent, Shade } from '@furystack/shades';
|
|
|
2
2
|
export const SelectionCell = Shade({
|
|
3
3
|
shadowDomName: 'shades-data-grid-selection-cell',
|
|
4
4
|
render: ({ props, useObservable, element }) => {
|
|
5
|
-
const [selection] = useObservable('selection', props.service.selection,
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
const [selection] = useObservable('selection', props.service.selection, {
|
|
6
|
+
onChange: (newSelection) => {
|
|
7
|
+
;
|
|
8
|
+
element.querySelector('input').checked = newSelection.includes(props.entry);
|
|
9
|
+
},
|
|
8
10
|
});
|
|
9
11
|
const isSelected = selection.includes(props.entry);
|
|
10
12
|
return (createComponent("input", { onchange: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-cell.js","sourceRoot":"","sources":["../../../src/components/data-grid/selection-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAG1D,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAkD;IAClF,aAAa,EAAE,iCAAiC;IAChD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE,EAAE;QAC5C,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,YAAY,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"selection-cell.js","sourceRoot":"","sources":["../../../src/components/data-grid/selection-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAG1D,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAkD;IAClF,aAAa,EAAE,iCAAiC;IAChD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE,EAAE;QAC5C,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;YACtE,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE;gBACzB,CAAC;gBAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAsB,CAAC,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YACpG,CAAC;SACF,CAAC,CAAA;QACF,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAElD,OAAO,CACL,2BACE,QAAQ,EAAE,GAAG,EAAE;gBACb,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YAC5C,CAAC,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,UAAU,GACnB,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -128,7 +128,7 @@ export const Input = Shade({
|
|
|
128
128
|
focused: props.autofocus || false,
|
|
129
129
|
validity: element.querySelector('input')?.validity || {},
|
|
130
130
|
element,
|
|
131
|
-
}), updateState);
|
|
131
|
+
}), { onChange: updateState });
|
|
132
132
|
return (createComponent("label", { ...props.labelProps, style: getLabelStyle({ props, state, themeProvider }) },
|
|
133
133
|
props.labelTitle,
|
|
134
134
|
createComponent("div", { style: {
|