@genesislcap/pbc-reporting-ui 1.0.6 → 1.0.7

package/dist/esm/routes/reporting-home/reporting-home-template.js

@@ -1,85 +0,0 @@
-import { html, repeat, ref, when } from '@microsoft/fast-element';
-const notificationToast = html `
-  <div class="notification-container" data-test-id="notification-container">
-    ${repeat((x) => x.notifications, html `
-        <zero-toast
-          notify=${(notification) => notification.type}
-          auto-close=${(notification) => notification.autoClose}
-          data-test-id="toast"
-        >
-          <div slot="top" data-test-id="toast-title">${(notification) => notification.title}</div>
-          <p slot="content" data-test-id="toast-message">
-            ${(notification) => notification.message}
-          </p>
-        </zero-toast>
-      `)}
-  </div>
-`;
-const header = html `
-  <div class="header" data-test-id="header">
-    <h1 id="title" class="title" data-test-id="report-title">All Reports</h1>
-    <div class="controls" data-test-id="controls">
-      <zero-button
-        appearance="neutral-grey"
-        class="button"
-        ?disabled=${(x) => !x.selectedRows.length}
-        @click=${(x) => x.reportsGrid.batchDelete()}
-        data-test-id="delete-reports-button"
-      >
-        Delete Reports
-      </zero-button>
-
-      <zero-button
-        appearance="primary-gradient"
-        class="button"
-        @click=${(x) => x.create()}
-        data-test-id="add-report-button"
-      >
-        Add new report
-      </zero-button>
-    </div>
-  </div>
-`;
-export const ReportingHomeTemplate = html `
-  ${when((x) => x.notifications.length, notificationToast)}
-
-  <div class="container" data-test-id="reporting-home">
-    <zero-design-system-provider>
-      <zero-tabs ${ref('tabs')} class="tabs" data-test-id="tabs">
-        <span part="start" class="start" slot="start" data-test-id="reporting-tab">Reporting</span>
-        <zero-tab id="list-reports" slot="tab" data-test-id="list-reports-tab">
-          All Reports
-        </zero-tab>
-        <zero-tab id="create-edit-report" slot="tab" data-test-id="create-edit-report-tab">
-          Create Report
-        </zero-tab>
-        ${when((x) => Object.keys(x.activeReport).length > 0, html `
-            <zero-tab id="run-report" slot="tab" data-test-id="run-report-tab">Run Report</zero-tab>
-          `)}
-
-        <zero-tab-panel slot="tabpanel" class="tab-panel" data-test-id="list-reports-panel">
-          ${header}
-          <reporting-list ${ref('reportsGrid')} data-test-id="report-list"></reporting-list>
-        </zero-tab-panel>
-
-        <zero-tab-panel slot="tabpanel" class="tab-panel" data-test-id="create-edit-report-panel">
-          <reporting-create-edit
-            :report=${(x) => x.activeReport}
-            :setPageTab=${(x) => x.setPageTab}
-            :datasourceSettings=${(x) => x.datasourceSettings}
-            data-test-id="create-edit-report-component"
-          />
-        </zero-tab-panel>
-        ${when((x) => Object.keys(x.activeReport).length > 0, html `
-            <zero-tab-panel slot="tabpanel" class="tab-panel" data-test-id="report-preview-panel">
-              <reporting-preview
-                :report=${(x) => x.activeReport}
-                :datasourceSettings=${(x) => x.datasourceSettings}
-                data-test-id="report-preview-component"
-              />
-            </zero-tab-panel>
-          `)}
-      </zero-tabs>
-    </zero-design-system-provider>
-  </div>
-`;

package/dist/esm/routes/reporting-home/reporting-home.js

@@ -1,103 +0,0 @@
-import { __awaiter, __decorate } from "tslib";
-import { Connect, DatasourceDefaults } from '@genesislcap/foundation-comms';
-import { customElement, observable } from '@microsoft/fast-element';
-import { FoundationElement } from '@microsoft/fast-foundation';
-import { ReportingHomeStyles as styles } from './reporting-home-styles';
-import { ReportingHomeTemplate as template } from './reporting-home-template';
-import { ReportingEventListeners } from './types';
-const name = 'reporting-home';
-let ReportingHome = class ReportingHome extends FoundationElement {
-    constructor() {
-        super(...arguments);
-        this.fields = [];
-        this.selectedRows = [];
-        this.activeReport = {};
-        this.notifications = [];
-    }
-    enter(phase) {
-        var _a, _b, _c, _d;
-        return __awaiter(this, void 0, void 0, function* () {
-            this.datasourceSettings = {
-                maxRows: (_b = (_a = phase.route.settings) === null || _a === void 0 ? void 0 : _a.maxRows) !== null && _b !== void 0 ? _b : DatasourceDefaults.MAX_ROWS_250,
-                maxView: (_d = (_c = phase.route.settings) === null || _c === void 0 ? void 0 : _c.maxView) !== null && _d !== void 0 ? _d : DatasourceDefaults.MAX_VIEW_1000,
-            };
-        });
-    }
-    connectedCallback() {
-        const _super = Object.create(null, {
-            connectedCallback: { get: () => super.connectedCallback }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            _super.connectedCallback.call(this);
-            this.reportsGrid.addEventListener('rowSelectionEvent', (e) => {
-                this.selectedRows = e.detail.selectedRows();
-            });
-            this.addEventListener(ReportingEventListeners.notify, (e) => {
-                this.notifications = [...this.notifications, e.detail];
-            });
-            this.addEventListener(ReportingEventListeners.listReports, (e) => {
-                this.setPageTab('list-reports');
-                this.activeReport = {};
-            });
-            this.reportsGrid.addEventListener(ReportingEventListeners.runReport, (e) => {
-                this.run(e.detail);
-            });
-            this.reportsGrid.addEventListener(ReportingEventListeners.editReport, (e) => {
-                this.edit(e.detail);
-            });
-        });
-    }
-    // TODO: use const for tab identifiers
-    create() {
-        this.activeReport = {};
-        this.setPageTab('create-edit-report');
-    }
-    edit(rowData) {
-        this.activeReport = Object.assign(Object.assign({}, rowData), { REPORT_COLUMNS: JSON.parse(rowData['REPORT_COLUMNS']) });
-        this.setPageTab('create-edit-report');
-    }
-    run(rowData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.activeReport = Object.assign(Object.assign({}, rowData), { REPORT_COLUMNS: JSON.parse(rowData['REPORT_COLUMNS']) });
-            this.setPageTab('run-report');
-        });
-    }
-    setPageTab(tab) {
-        this.tabs.activeid = tab;
-    }
-    getFields(resourceName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const temp = yield this.connect.getMetadata(resourceName);
-            for (let i = 0; i < temp.FIELD.length; i += 1) {
-                this.fields.push(temp.FIELD[i].NAME);
-            }
-            this.listBox.hidden = false;
-        });
-    }
-};
-__decorate([
-    Connect
-], ReportingHome.prototype, "connect", void 0);
-__decorate([
-    observable
-], ReportingHome.prototype, "fields", void 0);
-__decorate([
-    observable
-], ReportingHome.prototype, "selectedRows", void 0);
-__decorate([
-    observable
-], ReportingHome.prototype, "activeReport", void 0);
-__decorate([
-    observable
-], ReportingHome.prototype, "notifications", void 0);
-__decorate([
-    observable
-], ReportingHome.prototype, "datasourceSettings", void 0);
-ReportingHome = __decorate([
-    customElement({
-        name,
-        template,
-        styles,
-    })
-], ReportingHome);
-export { ReportingHome };