@genesislcap/pbc-documents-ui 0.0.5 → 0.0.7
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/dts/components/foundation-document-manager/component/document-upload/document-upload.template.d.ts.map +1 -1
- package/dist/dts/components/foundation-document-manager/document-manager.d.ts +21 -16
- package/dist/dts/components/foundation-document-manager/document-manager.d.ts.map +1 -1
- package/dist/dts/components/foundation-document-manager/document-manager.styles.d.ts.map +1 -1
- package/dist/dts/components/foundation-document-manager/document-manager.template.d.ts.map +1 -1
- package/dist/dts/components/foundation-document-manager/{component/document-grid → utils}/column-config.d.ts +5 -10
- package/dist/dts/components/foundation-document-manager/utils/column-config.d.ts.map +1 -0
- package/dist/dts/components/foundation-document-manager/utils/icons.d.ts +0 -6
- package/dist/dts/components/foundation-document-manager/utils/icons.d.ts.map +1 -1
- package/dist/dts/services/document.service.d.ts +0 -2
- package/dist/dts/services/document.service.d.ts.map +1 -1
- package/dist/esm/components/foundation-document-manager/component/document-upload/document-upload.template.js.map +1 -1
- package/dist/esm/components/foundation-document-manager/document-manager.js +54 -38
- package/dist/esm/components/foundation-document-manager/document-manager.js.map +1 -1
- package/dist/esm/components/foundation-document-manager/document-manager.styles.js +15 -78
- package/dist/esm/components/foundation-document-manager/document-manager.styles.js.map +1 -1
- package/dist/esm/components/foundation-document-manager/document-manager.template.js +54 -76
- package/dist/esm/components/foundation-document-manager/document-manager.template.js.map +1 -1
- package/dist/esm/components/foundation-document-manager/utils/action-cell-renderer.js +6 -6
- package/dist/esm/components/foundation-document-manager/utils/action-cell-renderer.js.map +1 -1
- package/dist/esm/components/foundation-document-manager/{component/document-grid → utils}/column-config.js +11 -10
- package/dist/esm/components/foundation-document-manager/utils/column-config.js.map +1 -0
- package/dist/esm/components/foundation-document-manager/utils/icons.js +0 -97
- package/dist/esm/components/foundation-document-manager/utils/icons.js.map +1 -1
- package/dist/esm/services/document.service.js +0 -5
- package/dist/esm/services/document.service.js.map +1 -1
- package/package.json +1 -1
- package/sonar-project.properties +5 -0
- package/dist/dts/components/foundation-document-manager/component/document-grid/column-config.d.ts.map +0 -1
- package/dist/dts/components/foundation-document-manager/component/document-grid/document-grid.d.ts +0 -11
- package/dist/dts/components/foundation-document-manager/component/document-grid/document-grid.d.ts.map +0 -1
- package/dist/dts/components/foundation-document-manager/component/document-grid/document-grid.styles.d.ts +0 -3
- package/dist/dts/components/foundation-document-manager/component/document-grid/document-grid.styles.d.ts.map +0 -1
- package/dist/dts/components/foundation-document-manager/component/document-grid/document-grid.template.d.ts +0 -3
- package/dist/dts/components/foundation-document-manager/component/document-grid/document-grid.template.d.ts.map +0 -1
- package/dist/dts/components/foundation-document-manager/component/document-tile/document-tile.d.ts +0 -14
- package/dist/dts/components/foundation-document-manager/component/document-tile/document-tile.d.ts.map +0 -1
- package/dist/dts/components/foundation-document-manager/component/document-tile/document-tile.styles.d.ts +0 -3
- package/dist/dts/components/foundation-document-manager/component/document-tile/document-tile.styles.d.ts.map +0 -1
- package/dist/dts/components/foundation-document-manager/component/document-tile/document-tile.template.d.ts +0 -3
- package/dist/dts/components/foundation-document-manager/component/document-tile/document-tile.template.d.ts.map +0 -1
- package/dist/dts/components/foundation-document-manager/utils/file-type-cell-renderer.d.ts +0 -9
- package/dist/dts/components/foundation-document-manager/utils/file-type-cell-renderer.d.ts.map +0 -1
- package/dist/dts/utils/dataserver.d.ts +0 -2
- package/dist/dts/utils/dataserver.d.ts.map +0 -1
- package/dist/esm/components/foundation-document-manager/component/document-grid/column-config.js.map +0 -1
- package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.js +0 -42
- package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.js.map +0 -1
- package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.styles.js +0 -10
- package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.styles.js.map +0 -1
- package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.template.js +0 -10
- package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.template.js.map +0 -1
- package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.js +0 -108
- package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.js.map +0 -1
- package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.styles.js +0 -128
- package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.styles.js.map +0 -1
- package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.template.js +0 -48
- package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.template.js.map +0 -1
- package/dist/esm/components/foundation-document-manager/utils/file-type-cell-renderer.js +0 -26
- package/dist/esm/components/foundation-document-manager/utils/file-type-cell-renderer.js.map +0 -1
- package/dist/esm/utils/dataserver.js +0 -35
- package/dist/esm/utils/dataserver.js.map +0 -1
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { html, ref, repeat } from '@microsoft/fast-element';
|
|
2
|
-
import { DOCUMENT_COLUMNS } from './column-config';
|
|
3
|
-
export const DocumentGridTemplate = html `
|
|
4
|
-
<zero-grid-pro ${ref('documentGrid')} @onGridReady="${(x) => x.onGridReady()}">
|
|
5
|
-
${repeat((x) => DOCUMENT_COLUMNS(x), html `
|
|
6
|
-
<grid-pro-column :definition="${(x) => x}"></grid-pro-column>
|
|
7
|
-
`)}
|
|
8
|
-
</zero-grid-pro>
|
|
9
|
-
`;
|
|
10
|
-
//# sourceMappingURL=document-grid.template.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"document-grid.template.js","sourceRoot":"","sources":["../../../../../../src/components/foundation-document-manager/component/document-grid/document-grid.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAc;mBACnC,GAAG,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;MACxE,MAAM,CACN,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAC1B,IAAI,CAAA;wCAC8B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;OACzC,CACF;;CAEJ,CAAC"}
|
package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.js
DELETED
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { __awaiter, __decorate } from "tslib";
|
|
2
|
-
import { FASTElement, attr, customElement, observable } from '@microsoft/fast-element';
|
|
3
|
-
import { DocumentTileTemplate } from './document-tile.template';
|
|
4
|
-
import { DocumentTileStyles } from './document-tile.styles';
|
|
5
|
-
import { csvIcon, jpgIcon, pdfIcon } from '../../utils/icons';
|
|
6
|
-
let DocumentTile = class DocumentTile extends FASTElement {
|
|
7
|
-
constructor() {
|
|
8
|
-
super(...arguments);
|
|
9
|
-
this.data = [];
|
|
10
|
-
this.tempData = [];
|
|
11
|
-
this.dataAfterTransition = [];
|
|
12
|
-
}
|
|
13
|
-
connectedCallback() {
|
|
14
|
-
super.connectedCallback();
|
|
15
|
-
}
|
|
16
|
-
dataChanged(old, newData) {
|
|
17
|
-
if (old && old.length > 0) {
|
|
18
|
-
this.tempData = newData;
|
|
19
|
-
const animationTime = 500;
|
|
20
|
-
const tempnewData = newData.filter((x) => old.findIndex((y) => y.FILE_STORAGE_ID === x.FILE_STORAGE_ID) == -1);
|
|
21
|
-
setTimeout(() => {
|
|
22
|
-
const map = new Map();
|
|
23
|
-
Array.from(this.tileContainer.children).forEach((x) => map.set(x.id, { left: x.offsetLeft, top: x.offsetTop }));
|
|
24
|
-
Array.from(this.tileContainer.children).forEach((x) => __awaiter(this, void 0, void 0, function* () {
|
|
25
|
-
const position = map.get(x.id);
|
|
26
|
-
x.setAttribute('style', `position: absolute; left: ${position.left}px; top: ${position.top}px`);
|
|
27
|
-
}));
|
|
28
|
-
old.forEach((doc, index) => {
|
|
29
|
-
const newIndex = newData.findIndex((x) => x.FILE_STORAGE_ID === doc.FILE_STORAGE_ID);
|
|
30
|
-
const element = this.tileContainer.querySelector(`#id-${doc.FILE_STORAGE_ID}`);
|
|
31
|
-
const newEle = this.tileContainerTemp.querySelector(`#id-${doc.FILE_STORAGE_ID}-temp`);
|
|
32
|
-
if (newIndex === -1) {
|
|
33
|
-
const animation = element.animate({ opacity: [1, 0] }, { duration: animationTime });
|
|
34
|
-
if (index === old.length - 1 && tempnewData.length === 0) {
|
|
35
|
-
animation.onfinish = () => {
|
|
36
|
-
this.animationFinish(newData);
|
|
37
|
-
};
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
else if (index != newIndex) {
|
|
41
|
-
const animation = element.animate([
|
|
42
|
-
{
|
|
43
|
-
left: `${element.offsetLeft}px`,
|
|
44
|
-
top: `${element.offsetTop}px`,
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
left: `${newEle.offsetLeft}px`,
|
|
48
|
-
top: `${newEle.offsetTop}px`,
|
|
49
|
-
},
|
|
50
|
-
], { duration: animationTime });
|
|
51
|
-
if (index === old.length - 1 && tempnewData.length === 0) {
|
|
52
|
-
animation.onfinish = () => {
|
|
53
|
-
this.animationFinish(newData);
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
tempnewData.forEach((doc, index) => {
|
|
59
|
-
const newEle = this.tileContainerTemp.querySelector(`#id-${doc.FILE_STORAGE_ID}-temp`);
|
|
60
|
-
const animation = newEle.animate({ opacity: [0, 1] }, { duration: animationTime });
|
|
61
|
-
if (index === tempnewData.length - 1) {
|
|
62
|
-
animation.onfinish = () => {
|
|
63
|
-
this.animationFinish(newData);
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
}, 0);
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
this.dataAfterTransition = newData;
|
|
71
|
-
this.tempData = [];
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
animationFinish(newData) {
|
|
75
|
-
this.dataAfterTransition = newData;
|
|
76
|
-
this.tempData = [];
|
|
77
|
-
}
|
|
78
|
-
getFileIcon(fileType) {
|
|
79
|
-
switch (fileType) {
|
|
80
|
-
case 'CSV':
|
|
81
|
-
return csvIcon;
|
|
82
|
-
case 'JPG':
|
|
83
|
-
return jpgIcon;
|
|
84
|
-
case 'PDF':
|
|
85
|
-
return pdfIcon;
|
|
86
|
-
default:
|
|
87
|
-
return '';
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
__decorate([
|
|
92
|
-
attr
|
|
93
|
-
], DocumentTile.prototype, "data", void 0);
|
|
94
|
-
__decorate([
|
|
95
|
-
observable
|
|
96
|
-
], DocumentTile.prototype, "tempData", void 0);
|
|
97
|
-
__decorate([
|
|
98
|
-
observable
|
|
99
|
-
], DocumentTile.prototype, "dataAfterTransition", void 0);
|
|
100
|
-
DocumentTile = __decorate([
|
|
101
|
-
customElement({
|
|
102
|
-
name: 'document-tile',
|
|
103
|
-
template: DocumentTileTemplate,
|
|
104
|
-
styles: DocumentTileStyles,
|
|
105
|
-
})
|
|
106
|
-
], DocumentTile);
|
|
107
|
-
export { DocumentTile };
|
|
108
|
-
//# sourceMappingURL=document-tile.js.map
|
package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"document-tile.js","sourceRoot":"","sources":["../../../../../../src/components/foundation-document-manager/component/document-tile/document-tile.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import { css } from '@microsoft/fast-element';
|
|
2
|
-
export const DocumentTileStyles = css `
|
|
3
|
-
:host {
|
|
4
|
-
height: 100%;
|
|
5
|
-
width: 100%;
|
|
6
|
-
position: absolute;
|
|
7
|
-
overflow: hidden auto;
|
|
8
|
-
background-color: var(--neutral-layer-4);
|
|
9
|
-
box-sizing: border-box;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.file-icon {
|
|
13
|
-
display: flex;
|
|
14
|
-
justify-content: center;
|
|
15
|
-
fill: var(--neutral-foreground-hint);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.file-name {
|
|
19
|
-
position: absolute;
|
|
20
|
-
bottom: 60px;
|
|
21
|
-
font-size: var(--type-ramp-minus-1-font-size);
|
|
22
|
-
color: var(--neutral-foreground-rest);
|
|
23
|
-
text-align: left;
|
|
24
|
-
line-height: normal;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.file-type {
|
|
28
|
-
height: fit-content;
|
|
29
|
-
width: fit-content;
|
|
30
|
-
padding: calc(var(--design-unit) * 1px) calc(var(--design-unit) * 2px);
|
|
31
|
-
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
32
|
-
font-size: 10px;
|
|
33
|
-
font-weight: 700;
|
|
34
|
-
color: rgba(20, 20, 20, 0.89);
|
|
35
|
-
text-align: center;
|
|
36
|
-
line-height: normal;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.footer-actions {
|
|
40
|
-
display: flex;
|
|
41
|
-
flex-direction: row;
|
|
42
|
-
gap: calc(var(--design-unit) * 2px);
|
|
43
|
-
position: absolute;
|
|
44
|
-
right: 10px;
|
|
45
|
-
bottom: 10px;
|
|
46
|
-
fill: var(--neutral-foreground-hint);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.footer-actions > span,
|
|
50
|
-
.top-section > zero-icon {
|
|
51
|
-
cursor: pointer;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.footer-actions > span:hover,
|
|
55
|
-
.top-section > zero-icon:hover {
|
|
56
|
-
fill: var(--neutral-foreground-rest);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.footer-left {
|
|
60
|
-
display: flex;
|
|
61
|
-
flex-direction: column;
|
|
62
|
-
position: absolute;
|
|
63
|
-
bottom: 10px;
|
|
64
|
-
left: 10px;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.footer-left > a {
|
|
68
|
-
box-sizing: border-box;
|
|
69
|
-
color: var(--neutral-foreground-hint);
|
|
70
|
-
text-align: left;
|
|
71
|
-
line-height: normal;
|
|
72
|
-
font-size: var(--type-ramp-minus-2-font-size);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.tile {
|
|
76
|
-
position: relative;
|
|
77
|
-
width: 251px;
|
|
78
|
-
height: 192px;
|
|
79
|
-
padding: calc(var(--design-unit) * 3px);
|
|
80
|
-
border-radius: calc((var(--control-corner-radius) - 1) * 2px);
|
|
81
|
-
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
|
|
82
|
-
background-color: var(--neutral-layer-3);
|
|
83
|
-
box-sizing: border-box;
|
|
84
|
-
display: flex;
|
|
85
|
-
flex-direction: column;
|
|
86
|
-
gap: calc(var(--design-unit) * 3px);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.tile > .top-section {
|
|
90
|
-
display: flex;
|
|
91
|
-
justify-content: space-between;
|
|
92
|
-
align-items: center;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.tile:hover {
|
|
96
|
-
background-color: var(--neutral-layer-2);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.tile-container,
|
|
100
|
-
.tile-container-temp {
|
|
101
|
-
position: relative;
|
|
102
|
-
min-height: inherit;
|
|
103
|
-
display: grid;
|
|
104
|
-
padding: calc(var(--design-unit) * 3px);
|
|
105
|
-
gap: calc(var(--design-unit) * 2px);
|
|
106
|
-
grid-template-columns: repeat(auto-fill, 252px);
|
|
107
|
-
grid-template-rows: repeat(auto-fill, 192px);
|
|
108
|
-
align-items: center;
|
|
109
|
-
justify-items: center;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.tile-container-temp {
|
|
113
|
-
pointer-events: none;
|
|
114
|
-
position: absolute;
|
|
115
|
-
top: 0px;
|
|
116
|
-
left: 0px;
|
|
117
|
-
width: 100%;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.tile-container-temp > .tile {
|
|
121
|
-
opacity: 0;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
zero-icon::part(icon-ellipsis-vertical-md-solid > svg > path):hover {
|
|
125
|
-
fill: var(--neutral-foreground-rest);
|
|
126
|
-
}
|
|
127
|
-
`;
|
|
128
|
-
//# sourceMappingURL=document-tile.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"document-tile.styles.js","sourceRoot":"","sources":["../../../../../../src/components/foundation-document-manager/component/document-tile/document-tile.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,CAAC,MAAM,kBAAkB,GAAkB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6HnD,CAAC"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { html, ref, repeat } from '@microsoft/fast-element';
|
|
2
|
-
import { formatBytes, formatDateLong, getFileColor, getFileType, } from '../../../../utils/formatting';
|
|
3
|
-
import { downloadIcon } from '../../utils/icons';
|
|
4
|
-
const tileTemplate = (hidden = false) => html `
|
|
5
|
-
<div class="tile" id="id-${(x) => x.FILE_STORAGE_ID}${() => (hidden ? '-temp' : '')}">
|
|
6
|
-
<div class="top-section">
|
|
7
|
-
<div
|
|
8
|
-
class="file-type"
|
|
9
|
-
style="background-color: ${(x) => getFileColor(getFileType(x.FILE_NAME))}"
|
|
10
|
-
>
|
|
11
|
-
${(x) => getFileType(x.FILE_NAME)}
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
14
|
-
<div class="file-icon">${(x, c) => c.parent.getFileIcon(getFileType(x.FILE_NAME))}</div>
|
|
15
|
-
<a class="file-name">${(x) => x.FILE_NAME}</a>
|
|
16
|
-
<div class="footer">
|
|
17
|
-
<div class="footer-left">
|
|
18
|
-
<a>${(x) => x.CREATED_BY}</a>
|
|
19
|
-
<a>${(x) => formatDateLong(x.CREATED_AT)}</a>
|
|
20
|
-
<a>${(x) => formatBytes(x.FILE_SIZE, 0)}</a>
|
|
21
|
-
</div>
|
|
22
|
-
<div class="footer-actions">
|
|
23
|
-
<span
|
|
24
|
-
title="Download"
|
|
25
|
-
@click=${(x, c) => c.parent.$emit('download-document', x.FILE_STORAGE_ID)}
|
|
26
|
-
>
|
|
27
|
-
${downloadIcon}
|
|
28
|
-
</span>
|
|
29
|
-
</div>
|
|
30
|
-
</div>
|
|
31
|
-
</div>
|
|
32
|
-
`;
|
|
33
|
-
export const DocumentTileTemplate = html `
|
|
34
|
-
<div ${ref('tileContainer')} class="tile-container">
|
|
35
|
-
${repeat((x) => x.dataAfterTransition, html `
|
|
36
|
-
${tileTemplate()}
|
|
37
|
-
`, { recycle: false })}
|
|
38
|
-
</div>
|
|
39
|
-
<div ${ref('tileContainerTemp')} class="tile-container-temp">
|
|
40
|
-
${repeat((x) => x.tempData, html `
|
|
41
|
-
${tileTemplate(true)}
|
|
42
|
-
`, { recycle: true })}
|
|
43
|
-
</div>
|
|
44
|
-
<zero-anchored-region vertical-positioning-mode="right" vertical-default-position="top">
|
|
45
|
-
<zero-button>Click me</zero-button>
|
|
46
|
-
</zero-anchored-region>
|
|
47
|
-
`;
|
|
48
|
-
//# sourceMappingURL=document-tile.template.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"document-tile.template.js","sourceRoot":"","sources":["../../../../../../src/components/foundation-document-manager/component/document-tile/document-tile.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,YAAY,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,EAAE,CAAC,IAAI,CAAc;6BAC9B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,GAAG,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;;;;mCAIlD,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;;UAEtE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;;;6BAGZ,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;2BAC1D,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;aAGhC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU;aACnB,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC;aACnC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;;;;;mBAK5B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC,CAAC,eAAe,CAAC;;YAEvE,YAAY;;;;;CAKvB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAc;SAC7C,GAAG,CAAC,eAAe,CAAC;MACvB,MAAM,CACN,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAC5B,IAAI,CAAc;UACd,YAAY,EAAE;OACjB,EACD,EAAE,OAAO,EAAE,KAAK,EAAE,CACnB;;SAEI,GAAG,CAAC,mBAAmB,CAAC;MAC3B,MAAM,CACN,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EACjB,IAAI,CAAc;UACd,YAAY,CAAC,IAAI,CAAC;OACrB,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB;;;;;CAKJ,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { getFileColor, getFileType } from '../../../utils/formatting';
|
|
2
|
-
export class FileTypeCellRenderer {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.content = document.createElement('div');
|
|
5
|
-
}
|
|
6
|
-
init(params) {
|
|
7
|
-
this.renderButtons(params);
|
|
8
|
-
}
|
|
9
|
-
renderButtons(params) {
|
|
10
|
-
const { data } = params;
|
|
11
|
-
const fileType = getFileType(data.FILE_NAME);
|
|
12
|
-
let style = 'height: fit-content; width: fit-content; padding: calc(var(--design-unit) * 1px) calc(var(--design-unit) * 2px); border-radius: calc(var(--control-corner-radius) * 1px); font-size: 10px; font-weight: 700; color: rgba(20, 20, 20, 0.89); text-align: center; line-height: normal;';
|
|
13
|
-
style += ` background-color: ${getFileColor(fileType)};`;
|
|
14
|
-
this.content.setAttribute('style', style);
|
|
15
|
-
this.content.innerText = fileType;
|
|
16
|
-
}
|
|
17
|
-
refresh(params) {
|
|
18
|
-
this.content.innerHTML = '';
|
|
19
|
-
this.renderButtons(params);
|
|
20
|
-
return true;
|
|
21
|
-
}
|
|
22
|
-
getGui() {
|
|
23
|
-
return this.content;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
//# sourceMappingURL=file-type-cell-renderer.js.map
|
package/dist/esm/components/foundation-document-manager/utils/file-type-cell-renderer.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"file-type-cell-renderer.js","sourceRoot":"","sources":["../../../../../src/components/foundation-document-manager/utils/file-type-cell-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,OAAO,oBAAoB;IAG/B;QACE,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,IAAI,CAAC,MAAW;QACd,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,aAAa,CAAC,MAAM;QAClB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;QACxB,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7C,IAAI,KAAK,GACP,sRAAsR,CAAC;QACzR,KAAK,IAAI,uBAAuB,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC1D,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;IACpC,CAAC;IAED,OAAO,CAAC,MAAM;QACZ,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
export function updateArray(newData, oldData, newDataAtEnd = false) {
|
|
2
|
-
if (newData && oldData && oldData.length > 0) {
|
|
3
|
-
newData.forEach((row) => {
|
|
4
|
-
const eventData = row;
|
|
5
|
-
if (eventData && eventData.DETAILS) {
|
|
6
|
-
const ref = eventData.DETAILS.ROW_REF;
|
|
7
|
-
const type = eventData.DETAILS.OPERATION;
|
|
8
|
-
if (type === 'INSERT') {
|
|
9
|
-
if (!oldData.find((x) => { var _a; return ((_a = x.DETAILS) === null || _a === void 0 ? void 0 : _a.ROW_REF) === ref; })) {
|
|
10
|
-
if (newDataAtEnd) {
|
|
11
|
-
oldData.push(eventData);
|
|
12
|
-
}
|
|
13
|
-
else {
|
|
14
|
-
oldData.unshift(eventData);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
if (type === 'DELETE') {
|
|
19
|
-
const index = oldData.findIndex((x) => { var _a, _b; return ((_a = row.DETAILS) === null || _a === void 0 ? void 0 : _a.ROW_REF) === ((_b = x.DETAILS) === null || _b === void 0 ? void 0 : _b.ROW_REF); });
|
|
20
|
-
if (index != undefined) {
|
|
21
|
-
oldData.splice(index, 1);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
if (type === 'MODIFY') {
|
|
25
|
-
oldData = oldData.map((item) => { var _a; return ((_a = item.DETAILS) === null || _a === void 0 ? void 0 : _a.ROW_REF) === ref ? Object.assign(Object.assign({}, item), eventData) : item; });
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
else if (newData && (!oldData || oldData.length === 0)) {
|
|
31
|
-
oldData = [...new Set(newData)];
|
|
32
|
-
}
|
|
33
|
-
return oldData;
|
|
34
|
-
}
|
|
35
|
-
//# sourceMappingURL=dataserver.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dataserver.js","sourceRoot":"","sources":["../../../src/utils/dataserver.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CACzB,OAAmB,EACnB,OAAmB,EACnB,eAAwB,KAAK;IAE7B,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5C,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACtB,MAAM,SAAS,GAAG,GAAG,CAAC;YAEtB,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;gBAClC,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;gBACtC,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC;gBAEzC,IAAI,IAAI,KAAK,QAAQ,EAAE;oBACrB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAA,MAAA,CAAC,CAAC,OAAO,0CAAE,OAAO,MAAK,GAAG,CAAA,EAAA,CAAC,EAAE;wBACpD,IAAI,YAAY,EAAE;4BAChB,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;yBACzB;6BAAM;4BACL,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;yBAC5B;qBACF;iBACF;gBAED,IAAI,IAAI,KAAK,QAAQ,EAAE;oBACrB,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,eAAC,OAAA,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,OAAO,OAAK,MAAA,CAAC,CAAC,OAAO,0CAAE,OAAO,CAAA,CAAA,EAAA,CAAC,CAAC;oBACpF,IAAI,KAAK,IAAI,SAAS,EAAE;wBACtB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;qBAC1B;iBACF;gBAED,IAAI,IAAI,KAAK,QAAQ,EAAE;oBACrB,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,WAClC,OAAA,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,MAAK,GAAG,CAAC,CAAC,iCAAM,IAAI,GAAK,SAAS,EAAG,CAAC,CAAC,IAAI,CAAA,EAAA,CACjE,CAAC;iBACH;aACF;QACH,CAAC,CAAC,CAAC;KACJ;SAAM,IAAI,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;QACxD,OAAO,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAU,CAAC;KAC1C;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
|