@genesislcap/pbc-documents-ui 0.0.1

package/dist/esm/components/foundation-document-manager/component/document-grid/column-config.js

@@ -0,0 +1,107 @@
+import { formatBytes, formatDateLong, getFileType } from '../../../../utils/formatting';
+import { FileTypeCellRenderer } from '../../utils/file-type-cell-renderer';
+import { ActionCellRenderer } from '../../utils/action-cell-renderer';
+import { downloadIcon, optionsIcon } from '../../utils/icons';
+export var COLUMN_FIELDS;
+(function (COLUMN_FIELDS) {
+    COLUMN_FIELDS["FILE_STORAGE_ID"] = "FILE_STORAGE_ID";
+    COLUMN_FIELDS["STORAGE_MANAGER"] = "STORAGE_MANAGER";
+    COLUMN_FIELDS["FILE_NAME"] = "FILE_NAME";
+    COLUMN_FIELDS["FILE_SIZE"] = "FILE_SIZE";
+    COLUMN_FIELDS["MODIFIED_AT"] = "MODIFIED_AT";
+    COLUMN_FIELDS["MODIFIED_BY"] = "MODIFIED_BY";
+    COLUMN_FIELDS["CREATED_BY"] = "CREATED_BY";
+    COLUMN_FIELDS["CREATED_AT"] = "CREATED_AT";
+    COLUMN_FIELDS["LOCATION_DETAILS"] = "LOCATION_DETAILS";
+})(COLUMN_FIELDS || (COLUMN_FIELDS = {}));
+export function DOCUMENT_COLUMNS(context) {
+    return [
+        {
+            headerName: 'Type',
+            suppressMenu: true,
+            width: 90,
+            flex: 1,
+            valueGetter: (props) => {
+                return getFileType(props.data.FILE_NAME);
+            },
+            cellStyle: () => ({
+                display: 'flex',
+                alignItems: 'center',
+            }),
+            cellRenderer: FileTypeCellRenderer,
+            cellRendererParams: (params) => {
+                const hyperlinkParams = {
+                    data: params.data,
+                };
+                return hyperlinkParams;
+            },
+        },
+        {
+            field: COLUMN_FIELDS.FILE_NAME,
+            headerName: 'Name',
+            suppressMenu: true,
+            flex: 3,
+        },
+        {
+            field: COLUMN_FIELDS.CREATED_BY,
+            headerName: 'Owner',
+            suppressMenu: true,
+            flex: 2,
+        },
+        {
+            field: COLUMN_FIELDS.MODIFIED_AT,
+            headerName: 'Last Modified',
+            suppressMenu: true,
+            flex: 2,
+            valueFormatter: (props) => {
+                var _a;
+                return formatDateLong((_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.MODIFIED_AT);
+            },
+        },
+        {
+            field: COLUMN_FIELDS.FILE_SIZE,
+            headerName: 'Size',
+            suppressMenu: true,
+            flex: 2,
+            valueFormatter: (props) => {
+                var _a;
+                return formatBytes((_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.FILE_SIZE, 0);
+            },
+        },
+        {
+            headerName: '',
+            suppressMenu: true,
+            flex: 1,
+            resizable: false,
+            sortable: false,
+            cellStyle: () => ({
+                display: 'flex',
+                alignItems: 'center',
+            }),
+            cellRenderer: ActionCellRenderer,
+            cellRendererParams: (params) => {
+                const downloadBtn = {
+                    name: downloadIcon,
+                    callback: (detail) => {
+                        context.$emit('download-document', detail.FILE_STORAGE_ID);
+                    },
+                    actionName: 'Download',
+                };
+                const removeBtn = {
+                    name: optionsIcon,
+                    callback: (detail) => {
+                        context.$emit('remove-document', detail.FILE_STORAGE_ID);
+                    },
+                    actionName: 'remove',
+                };
+                const actions = [downloadBtn, removeBtn];
+                const enabled = true;
+                return {
+                    actions,
+                    enabled,
+                };
+            },
+        },
+    ];
+}
+//# sourceMappingURL=column-config.js.map

package/dist/esm/components/foundation-document-manager/component/document-grid/column-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-config.js","sourceRoot":"","sources":["../../../../../../src/components/foundation-document-manager/component/document-grid/column-config.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.js

@@ -0,0 +1,42 @@
+import { __decorate } from "tslib";
+import { FASTElement, attr, customElement } from '@microsoft/fast-element';
+import { DocumentGridTemplate } from './document-grid.template';
+import { DocumentGridStyles } from './document-grid.styles';
+let DocumentGrid = class DocumentGrid extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.data = [];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        const gridOptions = {
+            animateRows: true,
+            scrollbarWidth: 10,
+            suppressHorizontalScroll: true,
+            suppressCellFocus: true,
+            getRowId: (params) => params.data.FILE_STORAGE_ID,
+        };
+        this.documentGrid.gridOptions = gridOptions;
+    }
+    onGridReady() {
+        this.documentGrid.gridApi.setRowData(this.data);
+    }
+    dataChanged() {
+        var _a;
+        if ((_a = this.documentGrid) === null || _a === void 0 ? void 0 : _a.gridApi) {
+            this.documentGrid.gridApi.setRowData(this.data);
+        }
+    }
+};
+__decorate([
+    attr
+], DocumentGrid.prototype, "data", void 0);
+DocumentGrid = __decorate([
+    customElement({
+        name: 'document-grid',
+        template: DocumentGridTemplate,
+        styles: DocumentGridStyles,
+    })
+], DocumentGrid);
+export { DocumentGrid };
+//# sourceMappingURL=document-grid.js.map

package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-grid.js","sourceRoot":"","sources":["../../../../../../src/components/foundation-document-manager/component/document-grid/document-grid.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAS5D,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,WAAW;IAA7C;;QACQ,SAAI,GAAmB,EAAE,CAAC;IA0BlC,CAAC;IAtBC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAM,WAAW,GAAG;YAClB,WAAW,EAAE,IAAI;YACjB,cAAc,EAAE,EAAE;YAClB,wBAAwB,EAAE,IAAI;YAC9B,iBAAiB,EAAE,IAAI;YACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe;SAClD,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;IAC9C,CAAC;IAED,WAAW;QACT,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;IAED,WAAW;;QACT,IAAI,MAAA,IAAI,CAAC,YAAY,0CAAE,OAAO,EAAE;YAC9B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjD;IACH,CAAC;CACF,CAAA;AA1BO;IAAL,IAAI;0CAA2B;AADrB,YAAY;IALxB,aAAa,CAAC;QACb,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE,kBAAkB;KAC3B,CAAC;GACW,YAAY,CA2BxB;SA3BY,YAAY"}

package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.styles.js

@@ -0,0 +1,10 @@
+import { css } from '@microsoft/fast-element';
+export const DocumentGridStyles = css `
+  :host {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    display: flex;
+  }
+`;
+//# sourceMappingURL=document-grid.styles.js.map

package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-grid.styles.js","sourceRoot":"","sources":["../../../../../../src/components/foundation-document-manager/component/document-grid/document-grid.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,CAAC,MAAM,kBAAkB,GAAkB,GAAG,CAAA;;;;;;;CAOnD,CAAC"}

package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.template.js

@@ -0,0 +1,10 @@
+import { html, ref, repeat } from '@microsoft/fast-element';
+import { DOCUMENT_COLUMNS } from './column-config';
+export const DocumentGridTemplate = html `
+  <zero-grid-pro ${ref('documentGrid')} @onGridReady="${(x) => x.onGridReady()}">
+    ${repeat((x) => DOCUMENT_COLUMNS(x), html `
+        <grid-pro-column :definition="${(x) => x}"></grid-pro-column>
+      `)}
+  </zero-grid-pro>
+`;
+//# sourceMappingURL=document-grid.template.js.map

package/dist/esm/components/foundation-document-manager/component/document-grid/document-grid.template.js.map

@@ -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

@@ -0,0 +1,108 @@
+import { __awaiter, __decorate } from "tslib";
+import { FASTElement, attr, customElement, observable } from '@microsoft/fast-element';
+import { DocumentTileTemplate } from './document-tile.template';
+import { DocumentTileStyles } from './document-tile.styles';
+import { csvIcon, jpgIcon, pdfIcon } from '../../utils/icons';
+let DocumentTile = class DocumentTile extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.data = [];
+        this.tempData = [];
+        this.dataAfterTransition = [];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    dataChanged(old, newData) {
+        if (old && old.length > 0) {
+            this.tempData = newData;
+            const animationTime = 500;
+            const tempnewData = newData.filter((x) => old.findIndex((y) => y.FILE_STORAGE_ID === x.FILE_STORAGE_ID) == -1);
+            setTimeout(() => {
+                const map = new Map();
+                Array.from(this.tileContainer.children).forEach((x) => map.set(x.id, { left: x.offsetLeft, top: x.offsetTop }));
+                Array.from(this.tileContainer.children).forEach((x) => __awaiter(this, void 0, void 0, function* () {
+                    const position = map.get(x.id);
+                    x.setAttribute('style', `position: absolute; left: ${position.left}px; top: ${position.top}px`);
+                }));
+                old.forEach((doc, index) => {
+                    const newIndex = newData.findIndex((x) => x.FILE_STORAGE_ID === doc.FILE_STORAGE_ID);
+                    const element = this.tileContainer.querySelector(`#id-${doc.FILE_STORAGE_ID}`);
+                    const newEle = this.tileContainerTemp.querySelector(`#id-${doc.FILE_STORAGE_ID}-temp`);
+                    if (newIndex === -1) {
+                        const animation = element.animate({ opacity: [1, 0] }, { duration: animationTime });
+                        if (index === old.length - 1 && tempnewData.length === 0) {
+                            animation.onfinish = () => {
+                                this.animationFinish(newData);
+                            };
+                        }
+                    }
+                    else if (index != newIndex) {
+                        const animation = element.animate([
+                            {
+                                left: `${element.offsetLeft}px`,
+                                top: `${element.offsetTop}px`,
+                            },
+                            {
+                                left: `${newEle.offsetLeft}px`,
+                                top: `${newEle.offsetTop}px`,
+                            },
+                        ], { duration: animationTime });
+                        if (index === old.length - 1 && tempnewData.length === 0) {
+                            animation.onfinish = () => {
+                                this.animationFinish(newData);
+                            };
+                        }
+                    }
+                });
+                tempnewData.forEach((doc, index) => {
+                    const newEle = this.tileContainerTemp.querySelector(`#id-${doc.FILE_STORAGE_ID}-temp`);
+                    const animation = newEle.animate({ opacity: [0, 1] }, { duration: animationTime });
+                    if (index === tempnewData.length - 1) {
+                        animation.onfinish = () => {
+                            this.animationFinish(newData);
+                        };
+                    }
+                });
+            }, 0);
+        }
+        else {
+            this.dataAfterTransition = newData;
+            this.tempData = [];
+        }
+    }
+    animationFinish(newData) {
+        this.dataAfterTransition = newData;
+        this.tempData = [];
+    }
+    getFileIcon(fileType) {
+        switch (fileType) {
+            case 'CSV':
+                return csvIcon;
+            case 'JPG':
+                return jpgIcon;
+            case 'PDF':
+                return pdfIcon;
+            default:
+                return '';
+        }
+    }
+};
+__decorate([
+    attr
+], DocumentTile.prototype, "data", void 0);
+__decorate([
+    observable
+], DocumentTile.prototype, "tempData", void 0);
+__decorate([
+    observable
+], DocumentTile.prototype, "dataAfterTransition", void 0);
+DocumentTile = __decorate([
+    customElement({
+        name: 'document-tile',
+        template: DocumentTileTemplate,
+        styles: DocumentTileStyles,
+    })
+], DocumentTile);
+export { DocumentTile };
+//# sourceMappingURL=document-tile.js.map

package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.js.map

@@ -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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"}

package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.styles.js

@@ -0,0 +1,137 @@
+import { css } from '@microsoft/fast-element';
+export const DocumentTileStyles = css `
+  :host {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    overflow: hidden auto;
+    background-color: var(--neutral-layer-4);
+    box-sizing: border-box;
+  }
+
+  .file-icon {
+    display: flex;
+    justify-content: center;
+    fill: var(--neutral-foreground-hint);
+  }
+
+  .file-name {
+    position: absolute;
+    bottom: 60px;
+    font-size: var(--type-ramp-minus-1-font-size);
+    color: var(--neutral-foreground-rest);
+    text-align: left;
+    line-height: normal;
+  }
+
+  .file-type {
+    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;
+  }
+
+  .footer-actions {
+    display: flex;
+    flex-direction: row;
+    gap: calc(var(--design-unit) * 2px);
+    position: absolute;
+    right: 10px;
+    bottom: 10px;
+    fill: var(--neutral-foreground-hint);
+  }
+
+  .footer-actions > span,
+  .top-section > zero-icon {
+    cursor: pointer;
+  }
+
+  .footer-actions > span:hover,
+  .top-section > zero-icon:hover {
+    fill: var(--neutral-foreground-rest);
+  }
+
+  .footer-left {
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    bottom: 10px;
+    left: 10px;
+  }
+
+  .footer-left > a {
+    box-sizing: border-box;
+    color: var(--neutral-foreground-hint);
+    text-align: left;
+    line-height: normal;
+    font-size: var(--type-ramp-minus-2-font-size);
+  }
+
+  .options-icon {
+    fill: var(--neutral-foreground-hint);
+    cursor: pointer;
+  }
+
+  .options-icon:hover {
+    fill: var(--neutral-foreground-rest);
+  }
+
+  .tile {
+    position: relative;
+    width: 251px;
+    height: 192px;
+    padding: calc(var(--design-unit) * 3px);
+    border-radius: calc((var(--control-corner-radius) - 1) * 2px);
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    background-color: var(--neutral-layer-3);
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--design-unit) * 3px);
+  }
+
+  .tile > .top-section {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .tile:hover {
+    background-color: var(--neutral-layer-2);
+  }
+
+  .tile-container,
+  .tile-container-temp {
+    position: relative;
+    min-height: inherit;
+    display: grid;
+    padding: calc(var(--design-unit) * 3px);
+    gap: calc(var(--design-unit) * 2px);
+    grid-template-columns: repeat(auto-fill, 252px);
+    grid-template-rows: repeat(auto-fill, 192px);
+    align-items: center;
+    justify-items: center;
+  }
+
+  .tile-container-temp {
+    pointer-events: none;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+  }
+
+  .tile-container-temp > .tile {
+    opacity: 0;
+  }
+
+  zero-icon::part(icon-ellipsis-vertical-md-solid > svg > path):hover {
+    fill: var(--neutral-foreground-rest);
+  }
+`;
+//# sourceMappingURL=document-tile.styles.js.map

package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.styles.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsInD,CAAC"}

package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.template.js

@@ -0,0 +1,55 @@
+import { html, ref, repeat } from '@microsoft/fast-element';
+import { formatBytes, formatDateLong, getFileColor, getFileType, } from '../../../../utils/formatting';
+import { downloadIcon, optionsIcon } from '../../utils/icons';
+const tileTemplate = (hidden = false) => html `
+  <div class="tile" id="id-${(x) => x.FILE_STORAGE_ID}${() => (hidden ? '-temp' : '')}">
+    <div class="top-section">
+      <div
+        class="file-type"
+        style="background-color: ${(x) => getFileColor(getFileType(x.FILE_NAME))}"
+      >
+        ${(x) => getFileType(x.FILE_NAME)}
+      </div>
+      <span
+        class="options-icon"
+        title="Options"
+        @click=${(x, c) => c.parent.$emit('remove-document', x.FILE_STORAGE_ID)}
+      >
+        ${optionsIcon}
+      </span>
+    </div>
+    <div class="file-icon">${(x, c) => c.parent.getFileIcon(getFileType(x.FILE_NAME))}</div>
+    <a class="file-name">${(x) => x.FILE_NAME}</a>
+    <div class="footer">
+      <div class="footer-left">
+        <a>${(x) => x.CREATED_BY}</a>
+        <a>${(x) => formatDateLong(x.CREATED_AT)}</a>
+        <a>${(x) => formatBytes(x.FILE_SIZE, 0)}</a>
+      </div>
+      <div class="footer-actions">
+        <span
+          title="Download"
+          @click=${(x, c) => c.parent.$emit('download-document', x.FILE_STORAGE_ID)}
+        >
+          ${downloadIcon}
+        </span>
+      </div>
+    </div>
+  </div>
+`;
+export const DocumentTileTemplate = html `
+  <div ${ref('tileContainer')} class="tile-container">
+    ${repeat((x) => x.dataAfterTransition, html `
+        ${tileTemplate()}
+      `, { recycle: false })}
+  </div>
+  <div ${ref('tileContainerTemp')} class="tile-container-temp">
+    ${repeat((x) => x.tempData, html `
+        ${tileTemplate(true)}
+      `, { recycle: true })}
+  </div>
+  <zero-anchored-region vertical-positioning-mode="right" vertical-default-position="top">
+    <zero-button>Click me</zero-button>
+  </zero-anchored-region>
+`;
+//# sourceMappingURL=document-tile.template.js.map

package/dist/esm/components/foundation-document-manager/component/document-tile/document-tile.template.js.map

@@ -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,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE9D,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;;;;;iBAKxB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC,eAAe,CAAC;;UAErE,WAAW;;;6BAGQ,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"}

package/dist/esm/components/foundation-document-manager/component/document-upload/document-upload.js

@@ -0,0 +1,143 @@
+import { __decorate } from "tslib";
+import { DOM, FASTElement, customElement, observable } from '@microsoft/fast-element';
+import { DocumentUploadTemplate } from './document-upload.template';
+import { DocumentUploadStyles } from './document-upload.styles';
+import { IDocumentService } from '../../../../services/document.service';
+import { logger } from '../../../../utils';
+export var UploadState;
+(function (UploadState) {
+    UploadState["START"] = "START";
+    UploadState["ERROR"] = "ERROR";
+    UploadState["UPLOADING"] = "UPLOADING";
+    UploadState["UPLOADING_UPLOADED"] = "UPLOADING_UPLOADED";
+    UploadState["UPLOADED"] = "UPLOADED";
+})(UploadState || (UploadState = {}));
+let DocumentUpload = class DocumentUpload extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.currentState = UploadState.START;
+        this.fileUploadProgress = 0;
+        this.endpoint = '';
+        this.errorViewTime = 7000;
+        this.uploadingUploadedViewTime = 3000;
+        this.uploadedViewTime = 3000;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        DOM.queueUpdate(() => {
+            this.createFileUploadInput();
+            ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {
+                this.dropArea.addEventListener(eventName, this.preventDefaults, false);
+            });
+            this.dropArea.addEventListener('drop', this.handleDrop.bind(this), false);
+        });
+    }
+    fileClick() {
+        this.fileSelect.click();
+    }
+    handleDrop(e) {
+        if (this.currentState === UploadState.START) {
+            const dt = e.dataTransfer;
+            const files = dt.files;
+            const contentTypes = [
+                'text/csv',
+                'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+                'application/pdf',
+                'image/jpg',
+                'image/png',
+            ];
+            const firstElement = 0;
+            if (files[firstElement] && contentTypes.includes(files[firstElement].type)) {
+                const file = files[firstElement];
+                this.updateSelectedFile(file);
+            }
+        }
+    }
+    createFileUploadInput() {
+        this.fileSelect = document.createElement('input');
+        this.fileSelect.type = 'file';
+        this.fileSelect.accept =
+            'application/pdf,image/jpg,image/png,.csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+        this.fileSelect.onchange = (event) => {
+            logger.debug('file upload click');
+            this.fileSelected(event);
+        };
+    }
+    fileSelected(event) {
+        const file = event.target.files[0];
+        this.updateSelectedFile(file);
+    }
+    updateSelectedFile(file) {
+        this.file = file;
+        this.fileName = this.file.name;
+        this.fileSize = this.file.size;
+        this.fileSelect.value = '';
+        this.fileUploadProgress = 0;
+        this.uploadedFile();
+    }
+    uploadedFile() {
+        this.currentState = UploadState.UPLOADING;
+        this.docService.uploadDocument(this.file).then((x) => {
+            if (!x.ERROR) {
+                this.fileUploadProgress = 100;
+                this.handleFinishUpload();
+            }
+            else {
+                this.handleError();
+            }
+        });
+    }
+    cleanData() {
+        this.file = undefined;
+        this.fileName = undefined;
+        this.fileSize = undefined;
+        this.fileSelect.value = '';
+        this.fileUploadProgress = 0;
+        this.currentState = UploadState.START;
+    }
+    preventDefaults(e) {
+        e.preventDefault();
+        e.stopPropagation();
+    }
+    handleError() {
+        this.currentState = UploadState.ERROR;
+        setTimeout(() => {
+            this.currentState = UploadState.START;
+        }, this.errorViewTime);
+    }
+    handleFinishUpload() {
+        this.currentState = UploadState.UPLOADING_UPLOADED;
+        setTimeout(() => {
+            if (this.currentState === UploadState.UPLOADING_UPLOADED) {
+                this.currentState = UploadState.UPLOADED;
+                setTimeout(() => {
+                    this.cleanData();
+                }, this.uploadedViewTime);
+            }
+        }, this.uploadingUploadedViewTime);
+    }
+};
+__decorate([
+    IDocumentService
+], DocumentUpload.prototype, "docService", void 0);
+__decorate([
+    observable
+], DocumentUpload.prototype, "currentState", void 0);
+__decorate([
+    observable
+], DocumentUpload.prototype, "fileName", void 0);
+__decorate([
+    observable
+], DocumentUpload.prototype, "fileSize", void 0);
+__decorate([
+    observable
+], DocumentUpload.prototype, "fileUploadProgress", void 0);
+DocumentUpload = __decorate([
+    customElement({
+        name: 'document-upload',
+        template: DocumentUploadTemplate,
+        styles: DocumentUploadStyles,
+    })
+], DocumentUpload);
+export { DocumentUpload };
+//# sourceMappingURL=document-upload.js.map

package/dist/esm/components/foundation-document-manager/component/document-upload/document-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-upload.js","sourceRoot":"","sources":["../../../../../../src/components/foundation-document-manager/component/document-upload/document-upload.ts"],"names":[],"mappings":"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"}