@furystack/shades-common-components 3.2.2 → 3.4.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/animations.js +38 -20
- package/dist/components/animations.js.map +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/button.js.map +1 -1
- package/dist/components/command-palette/command-palette-manager.js +12 -5
- package/dist/components/command-palette/command-palette-manager.js.map +1 -1
- package/dist/components/command-palette/command-palette-suggestion-list.js +2 -4
- package/dist/components/command-palette/command-palette-suggestion-list.js.map +1 -1
- package/dist/components/command-palette/index.js +18 -5
- package/dist/components/command-palette/index.js.map +1 -1
- package/dist/components/data-grid/body.js +2 -3
- package/dist/components/data-grid/body.js.map +1 -1
- package/dist/components/data-grid/data-grid-row.js +20 -17
- package/dist/components/data-grid/data-grid-row.js.map +1 -1
- package/dist/components/data-grid/data-grid.js +4 -6
- package/dist/components/data-grid/data-grid.js.map +1 -1
- package/dist/components/data-grid/header.js +3 -5
- package/dist/components/data-grid/header.js.map +1 -1
- package/dist/components/data-grid/index.js +16 -3
- package/dist/components/data-grid/index.js.map +1 -1
- package/dist/components/grid.js +4 -9
- package/dist/components/grid.js.map +1 -1
- package/dist/components/index.js +32 -19
- package/dist/components/index.js.map +1 -1
- package/dist/components/{autocomplete.js → inputs/autocomplete.js} +1 -1
- package/dist/components/inputs/autocomplete.js.map +1 -0
- package/dist/components/inputs/index.js +20 -0
- package/dist/components/inputs/index.js.map +1 -0
- package/dist/components/inputs/input.js +112 -0
- package/dist/components/inputs/input.js.map +1 -0
- package/dist/components/inputs/text-area.js +76 -0
- package/dist/components/inputs/text-area.js.map +1 -0
- package/dist/components/modal.js +19 -3
- package/dist/components/modal.js.map +1 -1
- package/dist/components/noty-list.js +4 -5
- package/dist/components/noty-list.js.map +1 -1
- package/dist/components/paper.js +1 -1
- package/dist/components/paper.js.map +1 -1
- package/dist/components/suggest/index.js +18 -5
- package/dist/components/suggest/index.js.map +1 -1
- package/dist/components/suggest/suggest-manager.js +12 -5
- package/dist/components/suggest/suggest-manager.js.map +1 -1
- package/dist/components/suggest/suggestion-list.js +2 -4
- package/dist/components/suggest/suggestion-list.js.map +1 -1
- package/dist/components/wizard/index.js +36 -0
- package/dist/components/wizard/index.js.map +1 -0
- package/dist/index.js +17 -4
- package/dist/index.js.map +1 -1
- package/dist/services/collection-service.js +5 -3
- package/dist/services/collection-service.js.map +1 -1
- package/dist/services/index.js +21 -8
- package/dist/services/index.js.map +1 -1
- package/dist/services/noty-service.js +7 -2
- package/dist/services/noty-service.js.map +1 -1
- package/dist/services/theme-provider-service.js +27 -11
- package/dist/services/theme-provider-service.js.map +1 -1
- package/dist/utils/index.js +15 -2
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/promisify-animation.js +6 -0
- package/dist/utils/promisify-animation.js.map +1 -1
- package/package.json +7 -8
- package/src/components/animations.ts +50 -28
- package/src/components/data-grid/body.tsx +8 -0
- package/src/components/data-grid/data-grid-row.tsx +22 -12
- package/src/components/data-grid/data-grid.tsx +38 -0
- package/src/components/data-grid/header.tsx +1 -1
- package/src/components/index.ts +2 -2
- package/src/components/{autocomplete.tsx → inputs/autocomplete.tsx} +3 -3
- package/src/components/inputs/index.ts +3 -0
- package/src/components/inputs/input.tsx +195 -0
- package/src/components/inputs/text-area.tsx +117 -0
- package/src/components/modal.tsx +30 -7
- package/src/components/noty-list.tsx +1 -1
- package/src/components/wizard/index.tsx +62 -0
- package/src/services/theme-provider-service.ts +21 -8
- package/src/utils/promisify-animation.ts +6 -0
- package/tsconfig.tsbuildinfo +1 -1
- package/types/components/animations.d.ts +5 -8
- package/types/components/animations.d.ts.map +1 -1
- package/types/components/app-bar-link.d.ts +3 -2
- package/types/components/app-bar-link.d.ts.map +1 -1
- package/types/components/data-grid/body.d.ts +4 -0
- package/types/components/data-grid/body.d.ts.map +1 -1
- package/types/components/data-grid/data-grid-row.d.ts +4 -0
- package/types/components/data-grid/data-grid-row.d.ts.map +1 -1
- package/types/components/data-grid/data-grid.d.ts +34 -0
- package/types/components/data-grid/data-grid.d.ts.map +1 -1
- package/types/components/fab.d.ts +3 -2
- package/types/components/fab.d.ts.map +1 -1
- package/types/components/index.d.ts +2 -2
- package/types/components/index.d.ts.map +1 -1
- package/types/components/{autocomplete.d.ts → inputs/autocomplete.d.ts} +3 -3
- package/types/components/inputs/autocomplete.d.ts.map +1 -0
- package/types/components/inputs/index.d.ts +4 -0
- package/types/components/inputs/index.d.ts.map +1 -0
- package/types/components/inputs/input.d.ts +54 -0
- package/types/components/inputs/input.d.ts.map +1 -0
- package/types/components/inputs/text-area.d.ts +14 -0
- package/types/components/inputs/text-area.d.ts.map +1 -0
- package/types/components/modal.d.ts +9 -4
- package/types/components/modal.d.ts.map +1 -1
- package/types/components/wizard/index.d.ts +14 -0
- package/types/components/wizard/index.d.ts.map +1 -0
- package/types/services/theme-provider-service.d.ts +10 -11
- package/types/services/theme-provider-service.d.ts.map +1 -1
- package/types/utils/promisify-animation.d.ts +6 -0
- package/types/utils/promisify-animation.d.ts.map +1 -1
- package/dist/components/autocomplete.js.map +0 -1
- package/dist/components/input.js +0 -89
- package/dist/components/input.js.map +0 -1
- package/src/components/input.tsx +0 -148
- package/types/components/autocomplete.d.ts.map +0 -1
- package/types/components/input.d.ts +0 -22
- package/types/components/input.d.ts.map +0 -1
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Wizard = void 0;
|
|
4
|
+
const shades_1 = require("@furystack/shades");
|
|
5
|
+
const paper_1 = require("../paper");
|
|
6
|
+
exports.Wizard = (0, shades_1.Shade)({
|
|
7
|
+
shadowDomName: 'shades-wizard',
|
|
8
|
+
getInitialState: () => ({
|
|
9
|
+
currentPage: 0,
|
|
10
|
+
}),
|
|
11
|
+
render: ({ props, getState, updateState }) => {
|
|
12
|
+
const { currentPage } = getState();
|
|
13
|
+
const CurrentPage = props.steps[currentPage];
|
|
14
|
+
return ((0, shades_1.createComponent)("div", { style: {
|
|
15
|
+
display: 'flex',
|
|
16
|
+
alignItems: 'center',
|
|
17
|
+
justifyContent: 'center',
|
|
18
|
+
width: '100%',
|
|
19
|
+
height: '100%',
|
|
20
|
+
} },
|
|
21
|
+
(0, shades_1.createComponent)(paper_1.Paper, { elevation: 3, onclick: (ev) => ev.stopPropagation() },
|
|
22
|
+
(0, shades_1.createComponent)(CurrentPage, { currentPage: currentPage, maxPages: props.steps.length, onNext: () => {
|
|
23
|
+
if (currentPage < props.steps.length - 1) {
|
|
24
|
+
updateState({ currentPage: currentPage + 1 });
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
props.onFinish?.();
|
|
28
|
+
}
|
|
29
|
+
}, onPrev: () => {
|
|
30
|
+
if (currentPage > 0) {
|
|
31
|
+
updateState({ currentPage: currentPage - 1 });
|
|
32
|
+
}
|
|
33
|
+
} }))));
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/wizard/index.tsx"],"names":[],"mappings":";;;AAAA,8CAAwE;AACxE,oCAAgC;AAmBnB,QAAA,MAAM,GAAG,IAAA,cAAK,EAA2B;IACpD,aAAa,EAAE,eAAe;IAC9B,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC;QACtB,WAAW,EAAE,CAAC;KACf,CAAC;IACF,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE;QAC3C,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAA;QAElC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QAE5C,OAAO,CACL,uCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;YAED,8BAAC,aAAK,IAAC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE;gBACxD,8BAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAC5B,MAAM,EAAE,GAAG,EAAE;wBACX,IAAI,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;4BACxC,WAAW,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,EAAE,CAAC,CAAA;yBAC9C;6BAAM;4BACL,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAA;yBACnB;oBACH,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;wBACX,IAAI,WAAW,GAAG,CAAC,EAAE;4BACnB,WAAW,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,EAAE,CAAC,CAAA;yBAC9C;oBACH,CAAC,GACD,CACI,CACJ,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
2
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
tslib_1.__exportStar(require("./utils"), exports);
|
|
17
|
+
__exportStar(require("./components"), exports);
|
|
18
|
+
__exportStar(require("./services"), exports);
|
|
19
|
+
__exportStar(require("./utils"), exports);
|
|
7
20
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,6CAA0B;AAC1B,0CAAuB"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.CollectionService = void 0;
|
|
4
|
-
const
|
|
5
|
-
const semaphore_async_await_1 = tslib_1.__importDefault(require("semaphore-async-await"));
|
|
7
|
+
const semaphore_async_await_1 = __importDefault(require("semaphore-async-await"));
|
|
6
8
|
const utils_1 = require("@furystack/utils");
|
|
7
9
|
class CollectionService {
|
|
8
10
|
constructor(fetch, defaultSettings, searchField) {
|
|
@@ -108,7 +110,7 @@ class CollectionService {
|
|
|
108
110
|
default:
|
|
109
111
|
if (this.searchField && ev.key.length === 1) {
|
|
110
112
|
const newSearchExpression = searchTerm + ev.key;
|
|
111
|
-
const newFocusedEntry = entries.find((e) =>
|
|
113
|
+
const newFocusedEntry = entries.find((e) => this.searchField && e[this.searchField]?.toString().startsWith(newSearchExpression));
|
|
112
114
|
this.focusedEntry.setValue(newFocusedEntry);
|
|
113
115
|
this.searchTerm.setValue(newSearchExpression);
|
|
114
116
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collection-service.js","sourceRoot":"","sources":["../../src/services/collection-service.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"collection-service.js","sourceRoot":"","sources":["../../src/services/collection-service.ts"],"names":[],"mappings":"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"}
|
package/dist/services/index.js
CHANGED
|
@@ -1,11 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
2
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
tslib_1.__exportStar(require("./noty-service"), exports);
|
|
17
|
+
__exportStar(require("./click-away-service"), exports);
|
|
18
|
+
__exportStar(require("./collection-service"), exports);
|
|
19
|
+
__exportStar(require("./theme-provider-service"), exports);
|
|
20
|
+
__exportStar(require("./default-dark-theme"), exports);
|
|
21
|
+
__exportStar(require("./default-light-theme"), exports);
|
|
22
|
+
__exportStar(require("./default-palette"), exports);
|
|
23
|
+
__exportStar(require("./noty-service"), exports);
|
|
11
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAoC;AACpC,uDAAoC;AACpC,2DAAwC;AACxC,uDAAoC;AACpC,wDAAqC;AACrC,oDAAiC;AACjC,iDAA8B"}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
};
|
|
2
8
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
9
|
exports.NotyService = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
10
|
const utils_1 = require("@furystack/utils");
|
|
6
11
|
const inject_1 = require("@furystack/inject");
|
|
7
12
|
let NotyService = class NotyService {
|
|
@@ -19,7 +24,7 @@ let NotyService = class NotyService {
|
|
|
19
24
|
};
|
|
20
25
|
}
|
|
21
26
|
};
|
|
22
|
-
NotyService =
|
|
27
|
+
NotyService = __decorate([
|
|
23
28
|
(0, inject_1.Injectable)({ lifetime: 'singleton' })
|
|
24
29
|
], NotyService);
|
|
25
30
|
exports.NotyService = NotyService;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"noty-service.js","sourceRoot":"","sources":["../../src/services/noty-service.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"noty-service.js","sourceRoot":"","sources":["../../src/services/noty-service.ts"],"names":[],"mappings":";;;;;;;;;AAAA,4CAAkD;AAClD,8CAA8C;AAUvC,IAAM,WAAW,GAAjB,MAAM,WAAW;IAAjB;QACE,gBAAW,GAAG,IAAI,uBAAe,EAAa,CAAA;QAC9C,kBAAa,GAAG,IAAI,uBAAe,EAAa,CAAA;QAEhD,UAAK,GAAG,IAAI,uBAAe,CAAc,EAAE,CAAC,CAAA;QAE5C,YAAO,GAAG,CAAC,IAAe,EAAE,EAAE;YACnC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YAC/B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC,CAAA;QACvD,CAAC,CAAA;QAEM,eAAU,GAAG,CAAC,IAAe,EAAE,EAAE;YACtC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACjC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAA;QACtE,CAAC,CAAA;IACH,CAAC;CAAA,CAAA;AAfY,WAAW;IADvB,IAAA,mBAAU,EAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;GACzB,WAAW,CAevB;AAfY,kCAAW"}
|
|
@@ -1,10 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
};
|
|
2
8
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ThemeProviderService = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
9
|
+
exports.ThemeProviderService = exports.RgbColor = void 0;
|
|
5
10
|
const inject_1 = require("@furystack/inject");
|
|
6
11
|
const utils_1 = require("@furystack/utils");
|
|
7
12
|
const default_dark_theme_1 = require("./default-dark-theme");
|
|
13
|
+
class RgbColor {
|
|
14
|
+
constructor(r, g, b, a = 1) {
|
|
15
|
+
this.r = r;
|
|
16
|
+
this.g = g;
|
|
17
|
+
this.b = b;
|
|
18
|
+
this.a = a;
|
|
19
|
+
}
|
|
20
|
+
update(key, value) {
|
|
21
|
+
this[key] = value;
|
|
22
|
+
return this;
|
|
23
|
+
}
|
|
24
|
+
toString() {
|
|
25
|
+
return `rgba(${this.r},${this.g},${this.b},${this.a})`;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
exports.RgbColor = RgbColor;
|
|
8
29
|
/**
|
|
9
30
|
* Service class for theme-related operations
|
|
10
31
|
*/
|
|
@@ -35,24 +56,19 @@ let ThemeProviderService = class ThemeProviderService {
|
|
|
35
56
|
const r = parseInt(color.substr(1, 2), 16);
|
|
36
57
|
const g = parseInt(color.substr(3, 2), 16);
|
|
37
58
|
const b = parseInt(color.substr(5, 2), 16);
|
|
38
|
-
return
|
|
59
|
+
return new RgbColor(r, g, b);
|
|
39
60
|
}
|
|
40
61
|
if (color.length === 4) {
|
|
41
62
|
const r = parseInt(color.substr(1, 1) + color.substr(1, 1), 16);
|
|
42
63
|
const g = parseInt(color.substr(2, 1) + color.substr(2, 1), 16);
|
|
43
64
|
const b = parseInt(color.substr(3, 1) + color.substr(3, 1), 16);
|
|
44
|
-
return
|
|
65
|
+
return new RgbColor(r, g, b);
|
|
45
66
|
}
|
|
46
67
|
}
|
|
47
68
|
if (color.startsWith('rgba(')) {
|
|
48
69
|
const result = new RegExp(/^rgba[(](?<red>[\d]+)[,][\s]?(?<green>[\d]+)[,][\s]?(?<blue>[\d]+)[,][\s]?(?<alpha>[\d|.]+)[)]/gm).exec(color);
|
|
49
70
|
if (result && result.groups) {
|
|
50
|
-
return
|
|
51
|
-
r: parseInt(result.groups.red, 10),
|
|
52
|
-
g: parseInt(result.groups.green, 10),
|
|
53
|
-
b: parseInt(result.groups.blue, 10),
|
|
54
|
-
a: parseInt(result.groups.alpha, 10),
|
|
55
|
-
};
|
|
71
|
+
return new RgbColor(parseInt(result.groups.red, 10), parseInt(result.groups.green, 10), parseInt(result.groups.blue, 10), parseInt(result.groups.alpha, 10));
|
|
56
72
|
}
|
|
57
73
|
}
|
|
58
74
|
throw Error(`Color format '${color} is not supported.'`);
|
|
@@ -64,7 +80,7 @@ let ThemeProviderService = class ThemeProviderService {
|
|
|
64
80
|
this.theme.dispose();
|
|
65
81
|
}
|
|
66
82
|
};
|
|
67
|
-
ThemeProviderService =
|
|
83
|
+
ThemeProviderService = __decorate([
|
|
68
84
|
(0, inject_1.Injectable)({ lifetime: 'singleton' })
|
|
69
85
|
], ThemeProviderService);
|
|
70
86
|
exports.ThemeProviderService = ThemeProviderService;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-provider-service.js","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme-provider-service.js","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":";;;;;;;;;AAAA,8CAA8C;AAC9C,4CAA0E;AAC1E,6DAAuD;AA8CvD,MAAa,QAAQ;IACnB,YAAmB,CAAS,EAAS,CAAS,EAAS,CAAS,EAAS,IAAY,CAAC;QAAnE,MAAC,GAAD,CAAC,CAAQ;QAAS,MAAC,GAAD,CAAC,CAAQ;QAAS,MAAC,GAAD,CAAC,CAAQ;QAAS,MAAC,GAAD,CAAC,CAAY;IAAG,CAAC;IAEnF,MAAM,CAAC,GAA0B,EAAE,KAAa;QACrD,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QACjB,OAAO,IAAI,CAAA;IACb,CAAC;IAEM,QAAQ;QACb,OAAO,QAAQ,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAA;IACxD,CAAC;CACF;AAXD,4BAWC;AAED;;GAEG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IAA1B;QAkDW,UAAK,GAAG,IAAI,uBAAe,CAAC,qCAAgB,CAAC,CAAA;IAS/D,CAAC;IA1DC;;;;;;OAMG;IACI,YAAY,CAAC,KAAa,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,GAAG,SAAS;QACrE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;QACrD,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAA;QAChD,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;IACnC,CAAC;IAED;;;;OAIG;IACI,qBAAqB,CAAC,KAAa;QACxC,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YACzB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtB,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC1C,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC1C,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC1C,OAAO,IAAI,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;aAC7B;YACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtB,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC/D,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC/D,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC/D,OAAO,IAAI,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;aAC7B;SACF;QACD,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAC7B,MAAM,MAAM,GAAG,IAAI,MAAM,CACvB,kGAAkG,CACnG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YACb,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE;gBAC3B,OAAO,IAAI,QAAQ,CACjB,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,EAC/B,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,EACjC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,EAChC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAClC,CAAA;aACF;SACF;QACD,MAAM,KAAK,CAAC,iBAAiB,KAAK,qBAAqB,CAAC,CAAA;IAC1D,CAAC;IAIM,GAAG,CAAC,MAA0B;QACnC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAA,iBAAS,EAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC,CAAC,CAAA;IAC/D,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA;IACtB,CAAC;CACF,CAAA;AA3DY,oBAAoB;IADhC,IAAA,mBAAU,EAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;GACzB,oBAAoB,CA2DhC;AA3DY,oDAAoB"}
|
package/dist/utils/index.js
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
2
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
tslib_1.__exportStar(require("./promisify-animation"), exports);
|
|
17
|
+
__exportStar(require("./promisify-animation"), exports);
|
|
5
18
|
//# sourceMappingURL=index.js.map
|
package/dist/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAqC"}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.promisifyAnimation = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* @param el The element to animate
|
|
6
|
+
* @param keyframes A list of keyframe definitions
|
|
7
|
+
* @param options Animation options
|
|
8
|
+
* @returns A promise that resolves when the animation is complete or rejects if cancelled
|
|
9
|
+
*/
|
|
4
10
|
const promisifyAnimation = async (el, keyframes, options) => new Promise((resolve, reject) => {
|
|
5
11
|
if (!el) {
|
|
6
12
|
return reject();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"promisify-animation.js","sourceRoot":"","sources":["../../src/utils/promisify-animation.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"promisify-animation.js","sourceRoot":"","sources":["../../src/utils/promisify-animation.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACI,MAAM,kBAAkB,GAAG,KAAK,EACrC,EAAkB,EAClB,SAAuD,EACvD,OAAuD,EACvD,EAAE,CACF,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;IAC9B,IAAI,CAAC,EAAE,EAAE;QACP,OAAO,MAAM,EAAE,CAAA;KAChB;IACD,MAAM,SAAS,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAChD,SAAS,CAAC,QAAQ,GAAG,OAAO,CAAA;IAC5B,SAAS,CAAC,QAAQ,GAAG,MAAM,CAAA;AAC7B,CAAC,CAAC,CAAA;AAZS,QAAA,kBAAkB,sBAY3B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@furystack/shades-common-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.4.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"FuryStack",
|
|
@@ -17,16 +17,15 @@
|
|
|
17
17
|
"author": "gallay.lajos@gmail.com",
|
|
18
18
|
"license": "GPL-2.0",
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"typescript": "4.
|
|
20
|
+
"typescript": "4.8.2"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@furystack/core": "^11.0.
|
|
24
|
-
"@furystack/inject": "^7.0.
|
|
25
|
-
"@furystack/shades": "^6.0.
|
|
26
|
-
"@furystack/utils": "^3.0.
|
|
23
|
+
"@furystack/core": "^11.0.11",
|
|
24
|
+
"@furystack/inject": "^7.0.4",
|
|
25
|
+
"@furystack/shades": "^6.0.7",
|
|
26
|
+
"@furystack/utils": "^3.0.8",
|
|
27
27
|
"path-to-regexp": "^6.2.1",
|
|
28
|
-
"semaphore-async-await": "^1.5.1"
|
|
29
|
-
"tslib": "^2.4.0"
|
|
28
|
+
"semaphore-async-await": "^1.5.1"
|
|
30
29
|
},
|
|
31
30
|
"typings": "types/index.d.ts",
|
|
32
31
|
"main": "dist/index.js",
|
|
@@ -1,46 +1,68 @@
|
|
|
1
1
|
import { promisifyAnimation } from '../utils/promisify-animation'
|
|
2
2
|
|
|
3
3
|
export const animations = {
|
|
4
|
-
showSlide: async (
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
4
|
+
showSlide: async (element?: Element | null, options?: KeyframeAnimationOptions) => {
|
|
5
|
+
element &&
|
|
6
|
+
(await promisifyAnimation(
|
|
7
|
+
element,
|
|
8
|
+
[
|
|
9
|
+
{ transform: 'translate(-350px, 0)scale(0)', opacity: 0 },
|
|
10
|
+
{ transform: 'translate(0, 0)scale(1)', opacity: 1 },
|
|
11
|
+
],
|
|
12
|
+
{
|
|
13
|
+
duration: 500,
|
|
14
|
+
easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
|
|
15
|
+
fill: 'forwards',
|
|
16
|
+
...options,
|
|
17
|
+
},
|
|
18
|
+
))
|
|
17
19
|
},
|
|
18
|
-
hideSlide: async (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
20
|
+
hideSlide: async (element?: Element | null, options?: KeyframeAnimationOptions) => {
|
|
21
|
+
element &&
|
|
22
|
+
(await promisifyAnimation(
|
|
23
|
+
element,
|
|
24
|
+
[
|
|
25
|
+
{ transform: 'translate(0, 0)scale(1)', opacity: 1 },
|
|
26
|
+
{ transform: 'translate(-350px, 0)scale(0)', opacity: 0 },
|
|
27
|
+
],
|
|
28
|
+
{
|
|
29
|
+
duration: 500,
|
|
30
|
+
easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
|
|
31
|
+
fill: 'forwards',
|
|
32
|
+
...options,
|
|
33
|
+
},
|
|
34
|
+
))
|
|
31
35
|
},
|
|
32
|
-
fadeOut: async (element?: Element | null) => {
|
|
36
|
+
fadeOut: async (element?: Element | null, options?: KeyframeAnimationOptions) => {
|
|
33
37
|
element &&
|
|
34
38
|
(await promisifyAnimation(element, [{ opacity: 1 }, { opacity: 0 }], {
|
|
35
39
|
duration: 500,
|
|
36
40
|
easing: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',
|
|
41
|
+
...options,
|
|
37
42
|
}))
|
|
38
43
|
},
|
|
39
|
-
fadeIn: async (element?: Element | null) => {
|
|
44
|
+
fadeIn: async (element?: Element | null, options?: KeyframeAnimationOptions) => {
|
|
40
45
|
element &&
|
|
41
46
|
(await promisifyAnimation(element, [{ opacity: 0 }, { opacity: 1 }], {
|
|
42
47
|
duration: 500,
|
|
43
48
|
easing: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',
|
|
49
|
+
...options,
|
|
44
50
|
}))
|
|
45
51
|
},
|
|
52
|
+
showParallax: async (element?: Element | null, options?: KeyframeAnimationOptions) => {
|
|
53
|
+
element &&
|
|
54
|
+
(await promisifyAnimation(
|
|
55
|
+
element,
|
|
56
|
+
[
|
|
57
|
+
{ transform: 'translate(50px, 0)', opacity: 0 },
|
|
58
|
+
{ transform: 'translate(0, 0)', opacity: 1 },
|
|
59
|
+
],
|
|
60
|
+
{
|
|
61
|
+
duration: 900,
|
|
62
|
+
easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
|
|
63
|
+
fill: 'forwards',
|
|
64
|
+
...options,
|
|
65
|
+
},
|
|
66
|
+
))
|
|
67
|
+
},
|
|
46
68
|
}
|
|
@@ -11,6 +11,10 @@ export interface DataGridBodyProps<T> {
|
|
|
11
11
|
columns: Array<keyof T>
|
|
12
12
|
rowComponents?: DataRowCells<T>
|
|
13
13
|
style?: Partial<CSSStyleDeclaration>
|
|
14
|
+
focusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
15
|
+
unfocusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
16
|
+
selectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
17
|
+
unselectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
14
18
|
}
|
|
15
19
|
|
|
16
20
|
export interface DataGridBodyState<T> {
|
|
@@ -57,6 +61,10 @@ export const DataGridBody: <T>(props: DataGridBodyProps<T>, children: ChildrenLi
|
|
|
57
61
|
service={props.service}
|
|
58
62
|
rowComponents={props.rowComponents}
|
|
59
63
|
onRowClick={props.onRowClick}
|
|
64
|
+
focusedRowStyle={props.focusedRowStyle}
|
|
65
|
+
unfocusedRowStyle={props.unfocusedRowStyle}
|
|
66
|
+
selectedRowStyle={props.selectedRowStyle}
|
|
67
|
+
unselectedRowStyle={props.unselectedRowStyle}
|
|
60
68
|
></DataGridRow>
|
|
61
69
|
))}
|
|
62
70
|
</>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChildrenList, createComponent, createFragment, Shade } from '@furystack/shades'
|
|
1
|
+
import { attachStyles, ChildrenList, createComponent, createFragment, Shade } from '@furystack/shades'
|
|
2
2
|
import { CollectionService } from '../../services/collection-service'
|
|
3
3
|
import { DataRowCells } from './data-grid'
|
|
4
4
|
|
|
@@ -8,6 +8,10 @@ export interface DataGridRowProps<T> {
|
|
|
8
8
|
service: CollectionService<T>
|
|
9
9
|
rowComponents?: DataRowCells<T>
|
|
10
10
|
onRowClick?: (row: T, event: MouseEvent) => void
|
|
11
|
+
focusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
12
|
+
selectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
13
|
+
unfocusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
14
|
+
unselectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
11
15
|
}
|
|
12
16
|
|
|
13
17
|
export interface DataGridRowState<T> {
|
|
@@ -27,8 +31,12 @@ export const DataGridRow: <T>(props: DataGridRowProps<T>, children: ChildrenList
|
|
|
27
31
|
resources: ({ props, element }) => [
|
|
28
32
|
props.service.focusedEntry.subscribe((newEntry) => {
|
|
29
33
|
if (newEntry === props.entry) {
|
|
30
|
-
element
|
|
31
|
-
|
|
34
|
+
attachStyles(element, {
|
|
35
|
+
style: props.focusedRowStyle || {
|
|
36
|
+
filter: 'brightness(1.5)',
|
|
37
|
+
fontWeight: 'bolder',
|
|
38
|
+
},
|
|
39
|
+
})
|
|
32
40
|
|
|
33
41
|
const headerHeight = element.closest('table')?.querySelector('th')?.getBoundingClientRect().height || 42
|
|
34
42
|
|
|
@@ -42,25 +50,27 @@ export const DataGridRow: <T>(props: DataGridRowProps<T>, children: ChildrenList
|
|
|
42
50
|
const footerHeight =
|
|
43
51
|
element.closest('shade-data-grid')?.querySelector('shade-data-grid-footer')?.getBoundingClientRect().height ||
|
|
44
52
|
42
|
|
45
|
-
const visibleMaxTop = parent.clientHeight - footerHeight
|
|
53
|
+
const visibleMaxTop = parent.clientHeight - footerHeight
|
|
46
54
|
const desiredMaxTop = element.offsetTop + element.clientHeight
|
|
47
55
|
if (desiredMaxTop > visibleMaxTop) {
|
|
48
56
|
parent.scrollTo({ top: desiredMaxTop - visibleMaxTop, behavior: 'smooth' })
|
|
49
57
|
}
|
|
50
|
-
|
|
51
|
-
// ;(element as any).scrollIntoView({ inline: 'nearest', block: 'nearest', behavior: 'smooth' })
|
|
52
58
|
} else {
|
|
53
|
-
element
|
|
54
|
-
|
|
59
|
+
attachStyles(element, {
|
|
60
|
+
style: props.unfocusedRowStyle || {
|
|
61
|
+
filter: 'brightness(1)',
|
|
62
|
+
fontWeight: 'inherit',
|
|
63
|
+
},
|
|
64
|
+
})
|
|
55
65
|
}
|
|
56
|
-
}),
|
|
66
|
+
}, true),
|
|
57
67
|
props.service.selection.subscribe((selection) => {
|
|
58
68
|
if (selection.includes(props.entry)) {
|
|
59
|
-
element
|
|
69
|
+
attachStyles(element, { style: props.selectedRowStyle || { backgroundColor: 'rgba(128,128,128,0.1)' } })
|
|
60
70
|
} else {
|
|
61
|
-
element
|
|
71
|
+
attachStyles(element, { style: props.unselectedRowStyle || { backgroundColor: 'transparent' } })
|
|
62
72
|
}
|
|
63
|
-
}),
|
|
73
|
+
}, true),
|
|
64
74
|
],
|
|
65
75
|
|
|
66
76
|
render: ({ getState, props, element }) => {
|
|
@@ -15,12 +15,46 @@ export type DataRowCells<T> = {
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
export interface DataGridProps<T> {
|
|
18
|
+
/**
|
|
19
|
+
* A list of columns to display
|
|
20
|
+
*/
|
|
18
21
|
columns: Array<keyof T>
|
|
22
|
+
/**
|
|
23
|
+
* Optional style overrides for the grid
|
|
24
|
+
*/
|
|
19
25
|
styles: GridProps<T>['styles']
|
|
26
|
+
/**
|
|
27
|
+
* A collection service to use for data source
|
|
28
|
+
*/
|
|
20
29
|
service: CollectionService<T>
|
|
30
|
+
/**
|
|
31
|
+
* A list of custom header components to use
|
|
32
|
+
*/
|
|
21
33
|
headerComponents: DataHeaderCells<T>
|
|
34
|
+
/**
|
|
35
|
+
* A list of custom row components to use
|
|
36
|
+
*/
|
|
22
37
|
rowComponents: DataRowCells<T>
|
|
38
|
+
/**
|
|
39
|
+
* Optional autoFocus property to set the grid as focused
|
|
40
|
+
*/
|
|
23
41
|
autofocus?: boolean
|
|
42
|
+
/**
|
|
43
|
+
* Optional style to attach to grid rows when the row is focused
|
|
44
|
+
*/
|
|
45
|
+
focusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
46
|
+
/**
|
|
47
|
+
* Optional style to attach to grid rows when the row is not focused
|
|
48
|
+
*/
|
|
49
|
+
unfocusedRowStyle?: Partial<CSSStyleDeclaration>
|
|
50
|
+
/**
|
|
51
|
+
* Optional style to attach to grid rows when the row is selected
|
|
52
|
+
*/
|
|
53
|
+
selectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
54
|
+
/**
|
|
55
|
+
* Optional style to attach to grid rows when the row is not selected
|
|
56
|
+
*/
|
|
57
|
+
unselectedRowStyle?: Partial<CSSStyleDeclaration>
|
|
24
58
|
}
|
|
25
59
|
|
|
26
60
|
export const DataGrid: <T>(props: DataGridProps<T>, children: ChildrenList) => JSX.Element<any, any> = Shade<
|
|
@@ -102,6 +136,10 @@ export const DataGrid: <T>(props: DataGridProps<T>, children: ChildrenList) => J
|
|
|
102
136
|
rowComponents={props.rowComponents}
|
|
103
137
|
onRowClick={(entry, ev) => props.service.handleRowClick(entry, ev)}
|
|
104
138
|
style={props.styles?.cell}
|
|
139
|
+
focusedRowStyle={props.focusedRowStyle}
|
|
140
|
+
selectedRowStyle={props.selectedRowStyle}
|
|
141
|
+
unfocusedRowStyle={props.unfocusedRowStyle}
|
|
142
|
+
unselectedRowStyle={props.unselectedRowStyle}
|
|
105
143
|
/>
|
|
106
144
|
</table>
|
|
107
145
|
<DataGridFooter service={props.service} />
|
|
@@ -2,7 +2,7 @@ import { FindOptions } from '@furystack/core'
|
|
|
2
2
|
import { ChildrenList, Shade, createComponent } from '@furystack/shades'
|
|
3
3
|
import { debounce } from '@furystack/utils'
|
|
4
4
|
import { CollectionService } from '../../services/collection-service'
|
|
5
|
-
import { Input } from '../input'
|
|
5
|
+
import { Input } from '../inputs/input'
|
|
6
6
|
|
|
7
7
|
export interface DataGridHeaderProps<T, K extends keyof T> {
|
|
8
8
|
collectionService: CollectionService<T>
|
package/src/components/index.ts
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
export * from './animations'
|
|
2
2
|
export * from './app-bar'
|
|
3
3
|
export * from './app-bar-link'
|
|
4
|
-
export * from './
|
|
4
|
+
export * from './inputs'
|
|
5
5
|
export * from './avatar'
|
|
6
6
|
export * from './button'
|
|
7
7
|
export * from './data-grid'
|
|
8
8
|
export * from './fab'
|
|
9
9
|
export * from './grid'
|
|
10
|
-
export * from './input'
|
|
11
10
|
export * from './modal'
|
|
12
11
|
export * from './noty-list'
|
|
13
12
|
export * from './paper'
|
|
@@ -16,3 +15,4 @@ export * from './suggest'
|
|
|
16
15
|
export * from './tabs'
|
|
17
16
|
export * from './loader'
|
|
18
17
|
export * from './command-palette'
|
|
18
|
+
export * from './wizard'
|