@furystack/shades-common-components 3.0.2 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/app-bar-link.js +39 -0
- package/dist/components/app-bar-link.js.map +1 -0
- package/dist/components/app-bar.js +1 -2
- package/dist/components/app-bar.js.map +1 -1
- package/dist/components/button.js +17 -8
- package/dist/components/button.js.map +1 -1
- package/dist/components/command-palette/command-palette-manager.js +0 -2
- package/dist/components/command-palette/command-palette-manager.js.map +1 -1
- package/dist/components/command-palette/index.js +57 -55
- package/dist/components/command-palette/index.js.map +1 -1
- package/dist/components/data-grid/body.js +6 -26
- package/dist/components/data-grid/body.js.map +1 -1
- package/dist/components/data-grid/data-grid-row.js +62 -0
- package/dist/components/data-grid/data-grid-row.js.map +1 -0
- package/dist/components/data-grid/data-grid.js +16 -17
- package/dist/components/data-grid/data-grid.js.map +1 -1
- package/dist/components/data-grid/footer.js +8 -6
- package/dist/components/data-grid/footer.js.map +1 -1
- package/dist/components/data-grid/header.js +1 -1
- package/dist/components/data-grid/header.js.map +1 -1
- package/dist/components/data-grid/index.js +1 -0
- package/dist/components/data-grid/index.js.map +1 -1
- package/dist/components/data-grid/selection-cell.js +32 -0
- package/dist/components/data-grid/selection-cell.js.map +1 -0
- package/dist/components/grid.js +1 -3
- package/dist/components/grid.js.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/input.js +14 -5
- package/dist/components/input.js.map +1 -1
- package/dist/components/paper.js +1 -1
- package/dist/components/paper.js.map +1 -1
- package/dist/services/click-away-service.js +1 -1
- package/dist/services/click-away-service.js.map +1 -1
- package/dist/services/collection-service.js +80 -2
- package/dist/services/collection-service.js.map +1 -1
- package/dist/services/default-palette.js +1 -1
- package/dist/services/theme-provider-service.js +18 -2
- package/dist/services/theme-provider-service.js.map +1 -1
- package/package.json +7 -6
- package/src/components/app-bar-link.tsx +44 -0
- package/src/components/app-bar.tsx +1 -2
- package/src/components/button.tsx +21 -13
- package/src/components/command-palette/command-palette-manager.ts +0 -6
- package/src/components/command-palette/index.tsx +55 -53
- package/src/components/data-grid/body.tsx +15 -40
- package/src/components/data-grid/data-grid-row.tsx +88 -0
- package/src/components/data-grid/data-grid.tsx +25 -32
- package/src/components/data-grid/footer.tsx +22 -20
- package/src/components/data-grid/header.tsx +1 -1
- package/src/components/data-grid/index.tsx +1 -0
- package/src/components/data-grid/selection-cell.tsx +32 -0
- package/src/components/grid.tsx +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/input.tsx +22 -5
- package/src/components/paper.tsx +1 -1
- package/src/services/click-away-service.ts +1 -1
- package/src/services/collection-service.ts +88 -2
- package/src/services/default-palette.ts +1 -1
- package/src/services/theme-provider-service.ts +18 -4
- package/tsconfig.json +2 -1
- package/tsconfig.tsbuildinfo +1 -1
- package/types/components/animations.d.ts +2 -2
- package/types/components/animations.d.ts.map +1 -1
- package/types/components/app-bar-link.d.ts +3 -0
- package/types/components/app-bar-link.d.ts.map +1 -0
- package/types/components/app-bar.d.ts.map +1 -1
- package/types/components/button.d.ts.map +1 -1
- package/types/components/command-palette/command-palette-manager.d.ts +0 -3
- package/types/components/command-palette/command-palette-manager.d.ts.map +1 -1
- package/types/components/command-palette/index.d.ts.map +1 -1
- package/types/components/data-grid/body.d.ts +0 -2
- package/types/components/data-grid/body.d.ts.map +1 -1
- package/types/components/data-grid/data-grid-row.d.ts +15 -0
- package/types/components/data-grid/data-grid-row.d.ts.map +1 -0
- package/types/components/data-grid/data-grid.d.ts +4 -9
- package/types/components/data-grid/data-grid.d.ts.map +1 -1
- package/types/components/data-grid/footer.d.ts.map +1 -1
- package/types/components/data-grid/index.d.ts +1 -0
- package/types/components/data-grid/index.d.ts.map +1 -1
- package/types/components/data-grid/selection-cell.d.ts +6 -0
- package/types/components/data-grid/selection-cell.d.ts.map +1 -0
- package/types/components/index.d.ts +1 -0
- package/types/components/index.d.ts.map +1 -1
- package/types/components/input.d.ts +5 -0
- package/types/components/input.d.ts.map +1 -1
- package/types/services/collection-service.d.ts +4 -1
- package/types/services/collection-service.d.ts.map +1 -1
- package/types/services/theme-provider-service.d.ts +22 -2
- package/types/services/theme-provider-service.d.ts.map +1 -1
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.DataGridFooter = exports.dataGridItemsPerPage = void 0;
|
|
4
4
|
const shades_1 = require("@furystack/shades");
|
|
5
5
|
const services_1 = require("../../services");
|
|
6
|
-
exports.dataGridItemsPerPage = [10, 20, 25, 50, 100];
|
|
6
|
+
exports.dataGridItemsPerPage = [10, 20, 25, 50, 100, Infinity];
|
|
7
7
|
exports.DataGridFooter = (0, shades_1.Shade)({
|
|
8
8
|
shadowDomName: 'shade-data-grid-footer',
|
|
9
9
|
getInitialState: ({ props }) => ({
|
|
@@ -24,9 +24,10 @@ exports.DataGridFooter = (0, shades_1.Shade)({
|
|
|
24
24
|
const state = getState();
|
|
25
25
|
const currentQuerySettings = props.service.querySettings.getValue();
|
|
26
26
|
const currentPage = Math.ceil(currentQuerySettings.skip || 0) / (currentQuerySettings.top || 1);
|
|
27
|
+
const currentEntriesPerPage = currentQuerySettings.top || Infinity;
|
|
27
28
|
const theme = injector.getInstance(services_1.ThemeProviderService).theme.getValue();
|
|
28
29
|
return ((0, shades_1.createComponent)("div", { className: "pager", style: {
|
|
29
|
-
|
|
30
|
+
backdropFilter: 'blur(10px)',
|
|
30
31
|
color: theme.text.secondary,
|
|
31
32
|
position: 'sticky',
|
|
32
33
|
bottom: '0',
|
|
@@ -35,15 +36,16 @@ exports.DataGridFooter = (0, shades_1.Shade)({
|
|
|
35
36
|
padding: '1em',
|
|
36
37
|
alignItems: 'center',
|
|
37
38
|
} },
|
|
38
|
-
(0, shades_1.createComponent)("div", null,
|
|
39
|
+
currentEntriesPerPage !== Infinity && ((0, shades_1.createComponent)("div", null,
|
|
39
40
|
"Goto page",
|
|
40
41
|
(0, shades_1.createComponent)("select", { style: { margin: '0 1em' }, onchange: (ev) => {
|
|
41
42
|
const value = parseInt(ev.target.value, 10);
|
|
42
43
|
const currentQuery = props.service.querySettings.getValue();
|
|
43
44
|
props.service.querySettings.setValue({ ...currentQuery, skip: (currentQuery.top || 0) * value });
|
|
44
|
-
} }, [
|
|
45
|
+
} }, [
|
|
46
|
+
...new Array(Math.ceil(state.data.count / (props.service.querySettings.getValue().top || Infinity))),
|
|
47
|
+
].map((_val, index) => ((0, shades_1.createComponent)("option", { value: index.toString(), selected: currentPage === index }, (index + 1).toString())))))),
|
|
45
48
|
(0, shades_1.createComponent)("div", null,
|
|
46
|
-
' ',
|
|
47
49
|
"Show",
|
|
48
50
|
(0, shades_1.createComponent)("select", { style: { margin: '0 1em' }, onchange: (ev) => {
|
|
49
51
|
const value = parseInt(ev.currentTarget.value, 10);
|
|
@@ -52,7 +54,7 @@ exports.DataGridFooter = (0, shades_1.Shade)({
|
|
|
52
54
|
top: value,
|
|
53
55
|
skip: currentPage * value,
|
|
54
56
|
});
|
|
55
|
-
} }, exports.dataGridItemsPerPage.map((no) => ((0, shades_1.createComponent)("option", { value: no.toString(), selected: no ===
|
|
57
|
+
} }, exports.dataGridItemsPerPage.map((no) => ((0, shades_1.createComponent)("option", { value: no.toString(), selected: no === currentEntriesPerPage }, no.toString())))),
|
|
56
58
|
"items per page")));
|
|
57
59
|
},
|
|
58
60
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,6CAAqD;AAGxC,QAAA,oBAAoB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ exports.DataGridHeader = (0, shades_1.Shade)({
|
|
|
15
15
|
...currentSettings,
|
|
16
16
|
filter: {
|
|
17
17
|
...currentSettings.filter,
|
|
18
|
-
[props.field]:
|
|
18
|
+
[props.field]: { $regex: value },
|
|
19
19
|
},
|
|
20
20
|
};
|
|
21
21
|
props.collectionService.querySettings.setValue(newSettings);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":";;;AACA,8CAAwE;AACxE,4CAA2C;AAE3C,oCAAgC;AAanB,QAAA,cAAc,GAGE,IAAA,cAAK,EAA0D;IAC1F,aAAa,EAAE,kBAAkB;IACjC,eAAe,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/B,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,QAAQ,EAAE;QAC/D,cAAc,EAAE,KAAK;QACrB,iBAAiB,EAAE,IAAA,gBAAQ,EAAC,CAAC,KAAa,EAAE,EAAE;YAC5C,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAA;YACxE,MAAM,WAAW,GAA8B;gBAC7C,GAAG,eAAe;gBAClB,MAAM,EAAE;oBACN,GAAG,eAAe,CAAC,MAAM;oBACzB,CAAC,KAAK,CAAC,KAAK,CAAC,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":"index.js","sourceRoot":"","sources":["../../../src/components/data-grid/index.tsx"],"names":[],"mappings":";;;AAAA,sDAA2B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/data-grid/index.tsx"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,2DAAgC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SelectionCell = void 0;
|
|
4
|
+
const shades_1 = require("@furystack/shades");
|
|
5
|
+
exports.SelectionCell = (0, shades_1.Shade)({
|
|
6
|
+
shadowDomName: 'shades-data-grid-selection-cell',
|
|
7
|
+
resources: ({ props, element }) => [
|
|
8
|
+
props.service.selection.subscribe((selection) => {
|
|
9
|
+
if (selection.includes(props.entry)) {
|
|
10
|
+
;
|
|
11
|
+
element.firstChild.checked = true;
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
;
|
|
15
|
+
element.firstChild.checked = false;
|
|
16
|
+
}
|
|
17
|
+
}),
|
|
18
|
+
],
|
|
19
|
+
render: ({ props }) => {
|
|
20
|
+
return ((0, shades_1.createComponent)("input", { onchange: (ev) => {
|
|
21
|
+
if (ev.target.checked) {
|
|
22
|
+
props.service.selection.setValue([...props.service.selection.getValue(), props.entry]);
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
props.service.selection.setValue([
|
|
26
|
+
...props.service.selection.getValue().filter((entry) => entry !== props.entry),
|
|
27
|
+
]);
|
|
28
|
+
}
|
|
29
|
+
}, type: "checkbox", checked: props.service.selection.getValue().includes(props.entry) ? true : false }));
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
//# sourceMappingURL=selection-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-cell.js","sourceRoot":"","sources":["../../../src/components/data-grid/selection-cell.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAG7C,QAAA,aAAa,GAAG,IAAA,cAAK,EAAkD;IAClF,aAAa,EAAE,iCAAiC;IAChD,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QACjC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE;YAC9C,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;gBACnC,CAAC;gBAAC,OAAO,CAAC,UAA+B,CAAC,OAAO,GAAG,IAAI,CAAA;aACzD;iBAAM;gBACL,CAAC;gBAAC,OAAO,CAAC,UAA+B,CAAC,OAAO,GAAG,KAAK,CAAA;aAC1D;QACH,CAAC,CAAC;KACH;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,yCACE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,IAAK,EAAE,CAAC,MAA2B,CAAC,OAAO,EAAE;oBAC3C,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;iBACvF;qBAAM;oBACL,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC;wBAC/B,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC;qBAC/E,CAAC,CAAA;iBACH;YACH,CAAC,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAChF,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
package/dist/components/grid.js
CHANGED
|
@@ -38,9 +38,7 @@ exports.Grid = (0, shades_1.Shade)({
|
|
|
38
38
|
(0, shades_1.createComponent)("thead", null,
|
|
39
39
|
(0, shades_1.createComponent)("tr", null, props.columns.map((column) => {
|
|
40
40
|
var _a, _b, _c, _d;
|
|
41
|
-
return ((0, shades_1.createComponent)("th", { style: headerStyle },
|
|
42
|
-
((_b = (_a = props.headerComponents) === null || _a === void 0 ? void 0 : _a[column]) === null || _b === void 0 ? void 0 : _b.call(_a, column)) || ((_d = (_c = props.headerComponents) === null || _c === void 0 ? void 0 : _c.default) === null || _d === void 0 ? void 0 : _d.call(_c, column)) || ((0, shades_1.createComponent)("span", null, column)),
|
|
43
|
-
' '));
|
|
41
|
+
return ((0, shades_1.createComponent)("th", { style: headerStyle }, ((_b = (_a = props.headerComponents) === null || _a === void 0 ? void 0 : _a[column]) === null || _b === void 0 ? void 0 : _b.call(_a, column)) || ((_d = (_c = props.headerComponents) === null || _c === void 0 ? void 0 : _c.default) === null || _d === void 0 ? void 0 : _d.call(_c, column)) || ((0, shades_1.createComponent)("span", null, column))));
|
|
44
42
|
}))),
|
|
45
43
|
(0, shades_1.createComponent)("tbody", null, props.entries.map((entry) => ((0, shades_1.createComponent)("tr", null, props.columns.map((column) => {
|
|
46
44
|
var _a, _b, _c, _d, _e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":";;;AAAA,8CAAwE;AACxE,0CAAkD;AAuBrC,QAAA,IAAI,GAA8E,IAAA,cAAK,EAAC;IACnG,aAAa,EAAE,YAAY;IAC3B,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QACpC,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/D,MAAM,OAAO,GAAG,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;YAC9C,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACzB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAA;gBACrC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAA;YAC9C,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC;KACH;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;;QAC9B,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA;QACzE,MAAM,WAAW,GAAiC;YAChD,OAAO,EAAE,UAAU;YACnB,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK;YACvC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;YAC3B,YAAY,EAAE,KAAK;YACnB,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,iBAAiB;YAC9B,GAAG,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM;SACxB,CAAA;QACD,OAAO,CACL,uCACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;gBACL,GAAG,MAAA,KAAK,CAAC,MAAM,0CAAE,OAAO;gBACxB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;aACjB;YAED,yCAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE;gBACnD;oBACE,0CACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;wBAC5B,OAAO,CACL,sCAAI,KAAK,EAAE,WAAW
|
|
1
|
+
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":";;;AAAA,8CAAwE;AACxE,0CAAkD;AAuBrC,QAAA,IAAI,GAA8E,IAAA,cAAK,EAAC;IACnG,aAAa,EAAE,YAAY;IAC3B,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QACpC,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/D,MAAM,OAAO,GAAG,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;YAC9C,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACzB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAA;gBACrC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAA;YAC9C,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC;KACH;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;;QAC9B,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA;QACzE,MAAM,WAAW,GAAiC;YAChD,OAAO,EAAE,UAAU;YACnB,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK;YACvC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;YAC3B,YAAY,EAAE,KAAK;YACnB,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,iBAAiB;YAC9B,GAAG,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM;SACxB,CAAA;QACD,OAAO,CACL,uCACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;gBACL,GAAG,MAAA,KAAK,CAAC,MAAM,0CAAE,OAAO;gBACxB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;aACjB;YAED,yCAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE;gBACnD;oBACE,0CACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;wBAC5B,OAAO,CACL,sCAAI,KAAK,EAAE,WAAW,IACnB,CAAA,MAAA,MAAA,KAAK,CAAC,gBAAgB,0CAAG,MAAM,CAAC,mDAAG,MAAM,CAAC,MAAI,MAAA,MAAA,KAAK,CAAC,gBAAgB,0CAAE,OAAO,mDAAG,MAAM,CAAC,CAAA,IAAI,CAC1F,4CAAO,MAAM,CAAQ,CACtB,CACE,CACN,CAAA;oBACH,CAAC,CAAC,CACC,CACC;gBACR,6CACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,0CACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;oBAAC,OAAA,CAC7B,sCAAI,KAAK,EAAE,MAAA,KAAK,CAAC,MAAM,0CAAE,IAAI,IAC1B,CAAA,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAG,MAAM,CAAC,mDAAG,KAAK,CAAC,MAAI,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,OAAO,mDAAG,KAAK,CAAC,CAAA,IAAI,CAClF,4CAAO,KAAK,CAAC,MAAM,CAAC,CAAQ,CAC7B,CACE,CACN,CAAA;iBAAA,CAAC,CACC,CACN,CAAC,CACI,CACF,CACJ,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
package/dist/components/index.js
CHANGED
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./animations"), exports);
|
|
5
5
|
tslib_1.__exportStar(require("./app-bar"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./app-bar-link"), exports);
|
|
6
7
|
tslib_1.__exportStar(require("./autocomplete"), exports);
|
|
7
8
|
tslib_1.__exportStar(require("./avatar"), exports);
|
|
8
9
|
tslib_1.__exportStar(require("./button"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,oDAAyB;AACzB,yDAA8B;AAC9B,mDAAwB;AACxB,mDAAwB;AACxB,sDAA2B;AAC3B,gDAAqB;AACrB,iDAAsB;AACtB,kDAAuB;AACvB,kDAAuB;AACvB,sDAA2B;AAC3B,kDAAuB;AACvB,mDAAwB;AACxB,oDAAyB;AACzB,iDAAsB;AACtB,mDAAwB;AACxB,4DAAiC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,oDAAyB;AACzB,yDAA8B;AAC9B,yDAA8B;AAC9B,mDAAwB;AACxB,mDAAwB;AACxB,sDAA2B;AAC3B,gDAAqB;AACrB,iDAAsB;AACtB,kDAAuB;AACvB,kDAAuB;AACvB,sDAA2B;AAC3B,kDAAuB;AACvB,mDAAwB;AACxB,oDAAyB;AACzB,iDAAsB;AACtB,mDAAwB;AACxB,4DAAiC"}
|
package/dist/components/input.js
CHANGED
|
@@ -6,10 +6,17 @@ const __1 = require("..");
|
|
|
6
6
|
const promisify_animation_1 = require("../utils/promisify-animation");
|
|
7
7
|
exports.Input = (0, shades_1.Shade)({
|
|
8
8
|
shadowDomName: 'shade-input',
|
|
9
|
-
|
|
9
|
+
getInitialState: ({ injector, props }) => ({
|
|
10
|
+
theme: injector.getInstance(__1.ThemeProviderService).theme.getValue(),
|
|
11
|
+
value: props.value,
|
|
12
|
+
}),
|
|
13
|
+
resources: ({ injector, updateState }) => [
|
|
14
|
+
injector.getInstance(__1.ThemeProviderService).theme.subscribe((theme) => updateState({ theme })),
|
|
15
|
+
],
|
|
16
|
+
render: ({ props, element, injector, getState, updateState }) => {
|
|
10
17
|
var _a;
|
|
11
18
|
const themeProvider = injector.getInstance(__1.ThemeProviderService);
|
|
12
|
-
const theme =
|
|
19
|
+
const { theme, value } = getState();
|
|
13
20
|
const { palette } = theme;
|
|
14
21
|
return ((0, shades_1.createComponent)("label", { ...props.labelProps, style: {
|
|
15
22
|
display: 'flex',
|
|
@@ -31,8 +38,10 @@ exports.Input = (0, shades_1.Shade)({
|
|
|
31
38
|
width: '100%',
|
|
32
39
|
textOverflow: 'ellipsis',
|
|
33
40
|
...props.style,
|
|
34
|
-
} },
|
|
35
|
-
|
|
41
|
+
} }, value)) : ((0, shades_1.createComponent)("input", { onchange: (ev) => {
|
|
42
|
+
const newValue = ev.target.value;
|
|
43
|
+
updateState({ value: newValue }, true);
|
|
44
|
+
props.onTextChange && props.onTextChange(newValue);
|
|
36
45
|
props.onchange && props.onchange(ev);
|
|
37
46
|
}, onfocus: () => {
|
|
38
47
|
if (!props.disabled) {
|
|
@@ -74,7 +83,7 @@ exports.Input = (0, shades_1.Shade)({
|
|
|
74
83
|
textOverflow: 'ellipsis',
|
|
75
84
|
padding: '0.6em 0',
|
|
76
85
|
...props.style,
|
|
77
|
-
} }))));
|
|
86
|
+
}, value: value }))));
|
|
78
87
|
},
|
|
79
88
|
});
|
|
80
89
|
//# sourceMappingURL=input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";;;AAAA,8CAA0E;AAC1E,0BAAyC;
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";;;AAAA,8CAA0E;AAC1E,0BAAyC;AAEzC,sEAAiE;AAwBpD,QAAA,KAAK,GAAG,IAAA,cAAK,EAAiC;IACzD,aAAa,EAAE,aAAa;IAC5B,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACzC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,wBAAoB,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE;QAClE,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;IACF,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;QACxC,QAAQ,CAAC,WAAW,CAAC,wBAAoB,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;KAC9F;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE;;QAC9D,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,wBAAoB,CAAC,CAAA;QAChE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAA;QACnC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QAEzB,OAAO,CACL,4CACM,KAAK,CAAC,UAAU,EACpB,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,UAAU,EAAE,YAAY;gBACxB,cAAc,EAAE,eAAe;gBAC/B,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM;gBACrD,YAAY,EAAE,KAAK;gBACnB,OAAO,EAAE,KAAK;gBACd,GAAG,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;aAC3B;YAEA,KAAK,CAAC,UAAU;YAChB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,uCACE,eAAe,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,KACpF,KAAK,EACT,KAAK,EAAE;oBACL,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,aAAa;oBAC9B,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,MAAM;oBACb,YAAY,EAAE,UAAU;oBACxB,GAAG,KAAK,CAAC,KAAK;iBACf,IAEA,KAAK,CACF,CACP,CAAC,CAAC,CAAC,CACF,yCACE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,MAAM,QAAQ,GAAI,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAA;oBACtD,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAA;oBACtC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;oBAClD,KAAK,CAAC,QAAQ,IAAK,KAAK,CAAC,QAAgB,CAAC,EAAE,CAAC,CAAA;gBAC/C,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;wBACnB,IAAA,wCAAkB,EAChB,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAC9B,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAClG;4BACE,QAAQ,EAAE,GAAG;4BACb,MAAM,EAAE,0CAA0C;4BAClD,IAAI,EAAE,UAAU;yBACjB,CACF,CAAA;wBACD,IAAA,wCAAkB,EAChB,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAC9B;4BACE,EAAE,SAAS,EAAE,mCAAmC,EAAE;4BAClD,EAAE,SAAS,EAAE,eAAe,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE;yBACrD,EACD;4BACE,QAAQ,EAAE,GAAG;4BACb,IAAI,EAAE,UAAU;yBACjB,CACF,CAAA;qBACF;gBACH,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;oBACX,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;wBACnB,IAAA,wCAAkB,EAChB,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAC9B,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,EAClG;4BACE,QAAQ,EAAE,GAAG;4BACb,MAAM,EAAE,0CAA0C;4BAClD,IAAI,EAAE,UAAU;yBACjB,CACF,CAAA;wBACD,IAAA,wCAAkB,EAChB,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAC9B;4BACE,EAAE,SAAS,EAAE,mCAAmC,EAAE;4BAClD,EAAE,SAAS,EAAE,mCAAmC,EAAE;yBACnD,EACD;4BACE,QAAQ,EAAE,GAAG;4BACb,IAAI,EAAE,UAAU;yBACjB,CACF,CAAA;qBACF;gBACH,CAAC,KACG,KAAK,EACT,KAAK,EAAE;oBACL,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,aAAa;oBAC9B,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,MAAM;oBACb,YAAY,EAAE,UAAU;oBACxB,OAAO,EAAE,SAAS;oBAClB,GAAG,KAAK,CAAC,KAAK;iBACf,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CACK,CACT,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
package/dist/components/paper.js
CHANGED
|
@@ -24,7 +24,7 @@ exports.Paper = (0, shades_1.Shade)({
|
|
|
24
24
|
color: themeProvider.theme.getValue().text.secondary,
|
|
25
25
|
margin: '8px',
|
|
26
26
|
padding: '6px 16px',
|
|
27
|
-
...
|
|
27
|
+
...props === null || props === void 0 ? void 0 : props.style,
|
|
28
28
|
} }, children));
|
|
29
29
|
},
|
|
30
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/components/paper.tsx"],"names":[],"mappings":";;;AAAA,8CAA0E;AAC1E,+EAAyE;AAE5D,QAAA,KAAK,GAAG,IAAA,cAAK,EAA6D;IACrF,aAAa,EAAE,aAAa;IAC5B,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACnC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAChE,OAAO;YACL,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACzC,CAAC;gBAAC,OAAO,CAAC,UAA6B,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CACnF;gBAAC,OAAO,CAAC,UAA6B,CAAC,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,CAAA;YACrG,CAAC,CAAC;SACH,CAAA;IACH,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAChE,OAAO,CACL,0CACM,KAAK,EACT,KAAK,EAAE;gBACL,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,MAAM,KAAK,CAAC,SAAS,oBAAoB,CAAC,CAAC,CAAC,EAAE;gBACjG,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK;gBAChE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS;gBACpD,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,UAAU;gBACnB,GAAG,
|
|
1
|
+
{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/components/paper.tsx"],"names":[],"mappings":";;;AAAA,8CAA0E;AAC1E,+EAAyE;AAE5D,QAAA,KAAK,GAAG,IAAA,cAAK,EAA6D;IACrF,aAAa,EAAE,aAAa;IAC5B,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACnC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAChE,OAAO;YACL,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACzC,CAAC;gBAAC,OAAO,CAAC,UAA6B,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CACnF;gBAAC,OAAO,CAAC,UAA6B,CAAC,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,CAAA;YACrG,CAAC,CAAC;SACH,CAAA;IACH,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAChE,OAAO,CACL,0CACM,KAAK,EACT,KAAK,EAAE;gBACL,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,MAAM,KAAK,CAAC,SAAS,oBAAoB,CAAC,CAAC,CAAC,EAAE;gBACjG,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK;gBAChE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS;gBACpD,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,UAAU;gBACnB,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;aAChB,IAEA,QAAQ,CACL,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -13,7 +13,7 @@ class ClickAwayService {
|
|
|
13
13
|
window.addEventListener('click', this.clickOutsideListener, true);
|
|
14
14
|
}
|
|
15
15
|
dispose() {
|
|
16
|
-
window.removeEventListener('click', this.clickOutsideListener);
|
|
16
|
+
window.removeEventListener('click', this.clickOutsideListener, true);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
exports.ClickAwayService = ClickAwayService;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"click-away-service.js","sourceRoot":"","sources":["../../src/services/click-away-service.ts"],"names":[],"mappings":";;;AAAA,MAAa,gBAAgB;IAW3B,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;IAZM,OAAO;QACZ,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"click-away-service.js","sourceRoot":"","sources":["../../src/services/click-away-service.ts"],"names":[],"mappings":";;;AAAA,MAAa,gBAAgB;IAW3B,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;IAZM,OAAO;QACZ,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAA;IACtE,CAAC;CAWF;AAdD,4CAcC"}
|
|
@@ -10,16 +10,18 @@ class CollectionService {
|
|
|
10
10
|
this.data = new utils_1.ObservableValue({ count: 0, entries: [] });
|
|
11
11
|
this.error = new utils_1.ObservableValue(undefined);
|
|
12
12
|
this.isLoading = new utils_1.ObservableValue(false);
|
|
13
|
-
this.
|
|
13
|
+
this.focusedEntry = new utils_1.ObservableValue();
|
|
14
14
|
this.selection = new utils_1.ObservableValue([]);
|
|
15
|
+
this.searchTerm = new utils_1.ObservableValue('');
|
|
16
|
+
this.hasFocus = new utils_1.ObservableValue(false);
|
|
15
17
|
this.querySettings = new utils_1.ObservableValue(defaultSettings);
|
|
16
18
|
this.getEntries = (0, utils_1.debounce)(async (options) => {
|
|
17
19
|
await this.loadLock.acquire();
|
|
18
20
|
try {
|
|
21
|
+
this.error.setValue(undefined);
|
|
19
22
|
this.isLoading.setValue(true);
|
|
20
23
|
const result = await fetch(options);
|
|
21
24
|
this.data.setValue(result);
|
|
22
|
-
this.error.setValue(undefined);
|
|
23
25
|
return result;
|
|
24
26
|
}
|
|
25
27
|
catch (error) {
|
|
@@ -39,6 +41,82 @@ class CollectionService {
|
|
|
39
41
|
this.error.dispose();
|
|
40
42
|
this.isLoading.dispose();
|
|
41
43
|
}
|
|
44
|
+
handleKeyDown(ev) {
|
|
45
|
+
const { entries } = this.data.getValue();
|
|
46
|
+
const hasFocus = this.hasFocus.getValue();
|
|
47
|
+
const selectedEntries = this.selection.getValue();
|
|
48
|
+
const focusedEntry = this.focusedEntry.getValue();
|
|
49
|
+
const searchTerm = this.searchTerm.getValue();
|
|
50
|
+
switch (ev.key) {
|
|
51
|
+
case ' ':
|
|
52
|
+
ev.preventDefault();
|
|
53
|
+
focusedEntry &&
|
|
54
|
+
this.selection.setValue(selectedEntries.includes(focusedEntry)
|
|
55
|
+
? selectedEntries.filter((e) => e !== focusedEntry)
|
|
56
|
+
: [...selectedEntries, focusedEntry]);
|
|
57
|
+
break;
|
|
58
|
+
case '*':
|
|
59
|
+
this.selection.setValue(entries.filter((e) => !selectedEntries.includes(e)));
|
|
60
|
+
break;
|
|
61
|
+
case '+':
|
|
62
|
+
this.selection.setValue(entries);
|
|
63
|
+
break;
|
|
64
|
+
case '-':
|
|
65
|
+
this.selection.setValue([]);
|
|
66
|
+
break;
|
|
67
|
+
case 'Insert':
|
|
68
|
+
focusedEntry &&
|
|
69
|
+
(this.selection.getValue().includes(focusedEntry)
|
|
70
|
+
? this.selection.setValue([...this.selection.getValue().filter((e) => e !== focusedEntry)])
|
|
71
|
+
: this.selection.setValue([...this.selection.getValue(), focusedEntry]));
|
|
72
|
+
this.focusedEntry.setValue(entries[entries.findIndex((e) => e === this.focusedEntry.getValue()) + 1]);
|
|
73
|
+
break;
|
|
74
|
+
case 'ArrowUp':
|
|
75
|
+
ev.preventDefault();
|
|
76
|
+
this.focusedEntry.setValue(entries[Math.max(0, entries.findIndex((e) => e === focusedEntry) - 1)]);
|
|
77
|
+
break;
|
|
78
|
+
case 'ArrowDown':
|
|
79
|
+
ev.preventDefault();
|
|
80
|
+
this.focusedEntry.setValue(entries[Math.min(entries.length - 1, entries.findIndex((e) => e === focusedEntry) + 1)]);
|
|
81
|
+
break;
|
|
82
|
+
case 'Home': {
|
|
83
|
+
this.focusedEntry.setValue(entries[0]);
|
|
84
|
+
break;
|
|
85
|
+
}
|
|
86
|
+
case 'End': {
|
|
87
|
+
this.focusedEntry.setValue(entries[entries.length - 1]);
|
|
88
|
+
break;
|
|
89
|
+
}
|
|
90
|
+
case 'Enter': {
|
|
91
|
+
// this.activate(focusedEntry)
|
|
92
|
+
break;
|
|
93
|
+
}
|
|
94
|
+
case 'Backspace': {
|
|
95
|
+
// this.currentWorkDir.goUp()
|
|
96
|
+
break;
|
|
97
|
+
}
|
|
98
|
+
case 'Tab': {
|
|
99
|
+
this.hasFocus.setValue(!hasFocus);
|
|
100
|
+
break;
|
|
101
|
+
}
|
|
102
|
+
case 'Escape': {
|
|
103
|
+
this.searchTerm.setValue('');
|
|
104
|
+
this.selection.setValue([]);
|
|
105
|
+
break;
|
|
106
|
+
}
|
|
107
|
+
default:
|
|
108
|
+
if (ev.key.length === 1 && new RegExp(/[a-zA-z0-9]/).test(ev.key)) {
|
|
109
|
+
const newSearchExpression = searchTerm + ev.key;
|
|
110
|
+
// TODO: implement search
|
|
111
|
+
// const newFocusedEntry = entries.find((e) => e.name.startsWith(newSearchExpression))
|
|
112
|
+
// this.focus.setValue(newFocusedEntry)
|
|
113
|
+
this.searchTerm.setValue(newSearchExpression);
|
|
114
|
+
}
|
|
115
|
+
else {
|
|
116
|
+
console.log(`Handler for '${ev.key}' not registered`);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
42
120
|
}
|
|
43
121
|
exports.CollectionService = CollectionService;
|
|
44
122
|
//# sourceMappingURL=collection-service.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collection-service.js","sourceRoot":"","sources":["../../src/services/collection-service.ts"],"names":[],"mappings":";;;;AACA,0FAA6C;AAC7C,4CAAwE;AAWxE,MAAa,iBAAiB;
|
|
1
|
+
{"version":3,"file":"collection-service.js","sourceRoot":"","sources":["../../src/services/collection-service.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,15 +5,30 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const inject_1 = require("@furystack/inject");
|
|
6
6
|
const utils_1 = require("@furystack/utils");
|
|
7
7
|
const default_dark_theme_1 = require("./default-dark-theme");
|
|
8
|
+
/**
|
|
9
|
+
* Service class for theme-related operations
|
|
10
|
+
*/
|
|
8
11
|
let ThemeProviderService = class ThemeProviderService {
|
|
9
12
|
constructor() {
|
|
10
13
|
this.theme = new utils_1.ObservableValue(default_dark_theme_1.defaultDarkTheme);
|
|
11
14
|
}
|
|
12
|
-
|
|
15
|
+
/**
|
|
16
|
+
*
|
|
17
|
+
* @param color The background color
|
|
18
|
+
* @param bright The Bright color
|
|
19
|
+
* @param dark The Dark color
|
|
20
|
+
* @returns The bright or dark color variant that fits the background color
|
|
21
|
+
*/
|
|
22
|
+
getTextColor(color, bright = '#000000', dark = '#FFFFFF') {
|
|
13
23
|
const { r, g, b } = this.getRgbFromColorString(color);
|
|
14
24
|
const yiq = (r * 299 + g * 587 + b * 114) / 1000;
|
|
15
|
-
return yiq >= 128 ?
|
|
25
|
+
return yiq >= 128 ? bright : dark;
|
|
16
26
|
}
|
|
27
|
+
/**
|
|
28
|
+
*
|
|
29
|
+
* @param color The color string
|
|
30
|
+
* @returns The parsed R,G,B, A values
|
|
31
|
+
*/
|
|
17
32
|
getRgbFromColorString(color) {
|
|
18
33
|
if (color.startsWith('#')) {
|
|
19
34
|
if (color.length === 7) {
|
|
@@ -36,6 +51,7 @@ let ThemeProviderService = class ThemeProviderService {
|
|
|
36
51
|
r: parseInt(result.groups.red, 10),
|
|
37
52
|
g: parseInt(result.groups.green, 10),
|
|
38
53
|
b: parseInt(result.groups.blue, 10),
|
|
54
|
+
a: parseInt(result.groups.alpha, 10),
|
|
39
55
|
};
|
|
40
56
|
}
|
|
41
57
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-provider-service.js","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":";;;;AAAA,8CAA8C;AAC9C,4CAA0E;AAC1E,6DAAuD;
|
|
1
|
+
{"version":3,"file":"theme-provider-service.js","sourceRoot":"","sources":["../../src/services/theme-provider-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.0
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"FuryStack",
|
|
@@ -17,13 +17,14 @@
|
|
|
17
17
|
"author": "gallay.lajos@gmail.com",
|
|
18
18
|
"license": "GPL-2.0",
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"typescript": "
|
|
20
|
+
"typescript": "4.7.4"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@furystack/core": "^11.0.
|
|
24
|
-
"@furystack/inject": "^
|
|
25
|
-
"@furystack/shades": "^
|
|
26
|
-
"@furystack/utils": "^3.0.
|
|
23
|
+
"@furystack/core": "^11.0.4",
|
|
24
|
+
"@furystack/inject": "^7.0.0",
|
|
25
|
+
"@furystack/shades": "^6.0.0",
|
|
26
|
+
"@furystack/utils": "^3.0.4",
|
|
27
|
+
"path-to-regexp": "^6.2.1",
|
|
27
28
|
"semaphore-async-await": "^1.5.1",
|
|
28
29
|
"tslib": "^2.4.0"
|
|
29
30
|
},
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { createComponent, LocationService, RouteLink, RouteLinkProps, Shade } from '@furystack/shades'
|
|
2
|
+
import { match } from 'path-to-regexp'
|
|
3
|
+
import { ThemeProviderService } from '../services'
|
|
4
|
+
|
|
5
|
+
export const AppBarLink = Shade<RouteLinkProps, { isActive: boolean }>({
|
|
6
|
+
getInitialState: () => ({ isActive: false }),
|
|
7
|
+
resources: ({ injector, props, updateState, element, getState }) => {
|
|
8
|
+
const updateColor = () => {
|
|
9
|
+
const { isActive } = getState()
|
|
10
|
+
const themeProviderService = injector.getInstance(ThemeProviderService)
|
|
11
|
+
const theme = themeProviderService.theme.getValue()
|
|
12
|
+
const el = element.querySelector('a') as HTMLElement
|
|
13
|
+
const backgroundColor = isActive ? theme.button.active : 'rgba(128, 128, 128, 0.05)'
|
|
14
|
+
|
|
15
|
+
el.style.backgroundColor = backgroundColor
|
|
16
|
+
el.style.color = themeProviderService.getTextColor(backgroundColor)
|
|
17
|
+
}
|
|
18
|
+
return [
|
|
19
|
+
injector.getInstance(LocationService).onLocationChanged.subscribe(async (currentUrl) => {
|
|
20
|
+
const isActive = !!match(props.href as string)(currentUrl)
|
|
21
|
+
updateState({ isActive }, false)
|
|
22
|
+
updateColor()
|
|
23
|
+
}, true),
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
shadowDomName: 'shade-app-bar-link',
|
|
27
|
+
render: ({ children, props }) => {
|
|
28
|
+
return (
|
|
29
|
+
<RouteLink
|
|
30
|
+
style={{
|
|
31
|
+
display: 'flex',
|
|
32
|
+
height: '100%',
|
|
33
|
+
textDecoration: 'none',
|
|
34
|
+
alignItems: 'center',
|
|
35
|
+
padding: '0 8px',
|
|
36
|
+
...props.style,
|
|
37
|
+
}}
|
|
38
|
+
{...props}
|
|
39
|
+
>
|
|
40
|
+
{children}
|
|
41
|
+
</RouteLink>
|
|
42
|
+
)
|
|
43
|
+
},
|
|
44
|
+
})
|
|
@@ -11,7 +11,7 @@ export const AppBar = Shade({
|
|
|
11
11
|
constructed: ({ element }) => {
|
|
12
12
|
const container = element.children[0] as HTMLElement
|
|
13
13
|
requestAnimationFrame(() => {
|
|
14
|
-
container.style.padding = '8px 8px'
|
|
14
|
+
// container.style.padding = '8px 8px'
|
|
15
15
|
container.style.opacity = '1'
|
|
16
16
|
})
|
|
17
17
|
},
|
|
@@ -28,7 +28,6 @@ export const AppBar = Shade({
|
|
|
28
28
|
boxShadow: '0 0 12px rgba(0,0,0,0.6)',
|
|
29
29
|
transition:
|
|
30
30
|
'opacity .35s cubic-bezier(0.550, 0.085, 0.680, 0.530), padding .2s cubic-bezier(0.550, 0.085, 0.680, 0.530)',
|
|
31
|
-
padding: '6px 16px',
|
|
32
31
|
opacity: '0',
|
|
33
32
|
position: 'fixed',
|
|
34
33
|
zIndex: '1',
|
|
@@ -71,17 +71,24 @@ export const Button = Shade<ButtonProps, { theme: Theme }>({
|
|
|
71
71
|
injector.getInstance(ThemeProviderService).theme.subscribe((theme) => updateState({ theme })),
|
|
72
72
|
],
|
|
73
73
|
constructed: ({ element }) => {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
74
|
+
/**
|
|
75
|
+
* @param this The Document instance
|
|
76
|
+
* @param ev The Mouse event
|
|
77
|
+
*/
|
|
78
|
+
function mouseUp(this: Document, ev: MouseEvent) {
|
|
79
|
+
if (ev.target === element.firstElementChild) {
|
|
80
|
+
promisifyAnimation(
|
|
81
|
+
element.firstChild as Element,
|
|
82
|
+
[
|
|
83
|
+
{
|
|
84
|
+
filter: 'drop-shadow(1px 1px 10px rgba(0,0,0,.5))brightness(1)',
|
|
85
|
+
transform: 'scale(1)',
|
|
86
|
+
},
|
|
87
|
+
],
|
|
88
|
+
{ duration: 350, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' },
|
|
89
|
+
)
|
|
90
|
+
}
|
|
91
|
+
}
|
|
85
92
|
|
|
86
93
|
document.addEventListener('mouseup', mouseUp)
|
|
87
94
|
|
|
@@ -127,7 +134,7 @@ export const Button = Shade<ButtonProps, { theme: Theme }>({
|
|
|
127
134
|
transform: 'scale(0.98)',
|
|
128
135
|
},
|
|
129
136
|
],
|
|
130
|
-
{ duration:
|
|
137
|
+
{ duration: 150, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' },
|
|
131
138
|
)
|
|
132
139
|
}}
|
|
133
140
|
onmouseup={function (ev) {
|
|
@@ -167,7 +174,7 @@ export const Button = Shade<ButtonProps, { theme: Theme }>({
|
|
|
167
174
|
}}
|
|
168
175
|
{...props}
|
|
169
176
|
style={{
|
|
170
|
-
cursor: props.disabled ? '
|
|
177
|
+
cursor: props.disabled ? 'not-allowed' : 'pointer',
|
|
171
178
|
background,
|
|
172
179
|
boxShadow,
|
|
173
180
|
margin: '8px',
|
|
@@ -178,6 +185,7 @@ export const Button = Shade<ButtonProps, { theme: Theme }>({
|
|
|
178
185
|
color: textColor,
|
|
179
186
|
filter: 'drop-shadow(1px 1px 10px rgba(0,0,0,.5))',
|
|
180
187
|
backdropFilter: props.variant === 'outlined' ? 'blur(35px)' : undefined,
|
|
188
|
+
userSelect: 'none',
|
|
181
189
|
...props.style,
|
|
182
190
|
}}
|
|
183
191
|
>
|