@genesislcap/pbc-notify-ui 1.0.1 → 1.0.3

package/dist/esm/components/foundation-alerts/components/foundation-alerts-navigation-button/foundation-alerts-navigation-button.styles.js

@@ -1,27 +0,0 @@
-import { css } from '@microsoft/fast-element';
-export const FoundationAlertsNavigationButtonStyles = css `
-  .button {
-    padding: calc(var(--design-unit) * 2px);
-    margin: 0;
-    background: none;
-    font-size: var(--type-ramp-base-font-size);
-    line-height: var(--type-ramp-base-line-height);
-  }
-
-  .button::part(icon) {
-    color: var(--neutral-color);
-  }
-
-  .button:hover {
-    background-color: var(--neutral-fill-hover);
-  }
-
-  .button:hover::part(icon) {
-    color: var(--neutral-foreground-rest);
-  }
-
-  .button::part(control) {
-    cursor: pointer;
-    padding: 0;
-  }
-`;

package/dist/esm/components/foundation-alerts/components/foundation-alerts-navigation-button/foundation-alerts-navigation-button.template.js

@@ -1,14 +0,0 @@
-import { html, when } from '@microsoft/fast-element';
-export const FoundationAlertsNavigationButtonTemplate = (prefix = 'zero') => html `
-  <${prefix}-button class="button" @click=${(x) => x.handleChangeStateAction()}>
-    ${when((x) => x.current === 'list', html `
-        <${prefix}-icon name="xmark" part="icon" size="lg"></${prefix}-icon>
-      `)}
-    ${when((x) => x.current !== 'list', html `
-        <${prefix}-icon name="arrow-left" part="icon" size="lg"></${prefix}-icon>
-      `)}
-  </${prefix}-button
-`;
-export const FoundationAlertsConditionBuilderRenderer = html `
-  ${(x) => FoundationAlertsNavigationButtonTemplate(x.prefix)}
-`;

package/dist/esm/components/foundation-alerts/components/index.js

@@ -1,52 +0,0 @@
-import { __awaiter } from "tslib";
-import { logger } from '../utils';
-import { FoundationAlertsConditionBuilder } from './foundation-alerts-condition-builder/foundation-alerts-condition-builder';
-import { FoundationAlertsForm } from './foundation-alerts-form/foundation-alerts-form';
-import { FoundationAlertsNavigationButton } from './foundation-alerts-navigation-button/foundation-alerts-navigation-button';
-var ResourceType;
-(function (ResourceType) {
-    ResourceType["LOCAL"] = "LOCAL";
-    ResourceType["REMOTE"] = "REMOTE";
-})(ResourceType || (ResourceType = {}));
-/**
- * TODO: Think about sharing import functions across micro frontends.
- */
-function loadZeroFallback() {
-    return import(
-    /* webpackMode: "lazy" */
-    '@genesislcap/foundation-zero');
-}
-/**
- * Granular
- */
-function loadZeroDesignSystem() {
-    return __awaiter(this, void 0, void 0, function* () {
-        let type = ResourceType.REMOTE;
-        try {
-            // @ts-ignore
-            return yield import('foundationZero/ZeroDesignSystem');
-        }
-        catch (e) {
-            type = ResourceType.LOCAL;
-            return yield loadZeroFallback();
-        }
-        finally {
-            logger.debug(`Using '${type}' version of foundationZero/ZeroDesignSystem`);
-        }
-    });
-}
-export function loadRemotes() {
-    return __awaiter(this, void 0, void 0, function* () {
-        const { registerZeroDesignSystem } = yield loadZeroDesignSystem();
-        return {
-            ZeroDesignSystem: registerZeroDesignSystem(),
-        };
-    });
-}
-/**
- * Ensure tree shaking doesn't remove these
- * Perhaps we keep these MFs style free, ie. they need to get wrapped to have style applied. Keeping it simple for now.
- */
-FoundationAlertsForm;
-FoundationAlertsNavigationButton;
-FoundationAlertsConditionBuilder;

package/dist/esm/components/foundation-alerts/index.federated.js

@@ -1 +0,0 @@
-import('./index');

package/dist/esm/components/foundation-alerts/index.js

@@ -1 +0,0 @@
-export * from './alerts';

package/dist/esm/components/foundation-alerts/styles/index.js

@@ -1 +0,0 @@
-export * from './styles';

package/dist/esm/components/foundation-alerts/styles/styles.js

@@ -1,198 +0,0 @@
-import { RapidColorHEX, NeutralRapidColorHEX } from '@genesislcap/foundation-zero';
-import { css } from '@microsoft/fast-element';
-const DEFAULT_DESIGN_UNIT = '4';
-const DEFAULT_STROKE_WIDTH = '1';
-const DEFAULT_BASE_HEIGHT_MULTIPLIER = '10';
-const DEFAULT_CONTROL_CORNER_RADIUS = '4';
-const DEFAULT_NEUTRAL_COLOR = RapidColorHEX.white;
-const DEFAULT_NEUTRAL_FOREGROUND_REST = NeutralRapidColorHEX.grey;
-/**
- * @public
- */
-export const FoundationAlertsStyles = css `
-  :host {
-    /*
-    --design-unit: ${DEFAULT_DESIGN_UNIT};
-    --base-height-multiplier: ${DEFAULT_BASE_HEIGHT_MULTIPLIER};
-    --stroke-width: ${DEFAULT_STROKE_WIDTH};
-    --control-corner-radius: ${DEFAULT_CONTROL_CORNER_RADIUS};
-    */
-    --neutral-color: ${DEFAULT_NEUTRAL_COLOR};
-    --neutral-foreground-rest: ${DEFAULT_NEUTRAL_FOREGROUND_REST};
-    --neutral-stroke-rest: ${DEFAULT_NEUTRAL_FOREGROUND_REST};
-  }
-
-  .wrapper {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    --available-text-color: ${RapidColorHEX.green};
-    --unavailable-text-color: ${RapidColorHEX.red};
-  }
-
-  header {
-    font-size: 0;
-    justify-content: right;
-    display: flex;
-    padding:
-      calc(var(--design-unit) * 3px)
-      calc(var(--design-unit) * 1px)
-      0
-      calc(var(--design-unit) * 1px);
-  }
-  
-  .wrapper-content {
-    width: 100%;
-    overflow: hidden;
-    flex-grow: 1;
-  }
-
-  .wrapper-content-scroll {
-    height: 100%;
-    overflow-y: auto;
-  }
-
-  foundation-alerts-rule-navigation-button {
-    position: right;
-  }
-
-  .list-header {
-    width: calc(100% - (var(--design-unit) * 5px - var(--design-unit) * 3px));
-    display: flex;
-    align-items: center;
-    padding:
-      calc(var(--design-unit) * 2px)
-      calc(var(--design-unit) * 3px)
-      calc(var(--design-unit) * 2px)
-      calc(var(--design-unit) * 5px);
-  }
-
-  .list-header .main-button {
-    margin: 0;
-    min-width: 25px;
-    min-height: 25px;
-    color: var(--neutral-fill-strong-rest);
-  }
-
-  .list-header .main-button::part(actions-container) {
-    position: relative;
-  }
-
-  .list-header .main-button::part(actions-container),
-  .list-header .main-button::part(actions-opener) {
-    height: 100%;
-  }
-
-  .list-header .main-button::part(actions-opener) {
-    color: var(--neutral-fill-strong-rest);
-    margin: 0;
-  }
-
-  .list-header .main-button::part(control) {
-    height: 100%;
-  }
-
-  .list-header .main-button::part(actions-menu) {
-    top: calc(100% + var(--design-unit) * 1px);
-    right: 0;
-  }
-
-  .title {
-    padding: 0;
-    margin: 0;
-    font-size: calc(var(--design-unit) * 6px);
-    font-weight: 500;
-    color: var(--neutral-color);
-  }
-
-  .main-menu {
-    display: flex;
-    margin-left: auto;
-    gap: calc(var(--design-unit) * 2px);
-  }
-
-  .list,
-  .item-title,
-  .item-bottom {
-    width: 100%;
-  }
-
-  .list {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-  }
-
-  .item {
-    width: calc(100% - (var(--design-unit) * 3px) - (var(--design-unit) * 5px));
-    padding:
-      calc(var(--design-unit) * 4px)
-      calc(var(--design-unit) * 3px)
-      calc(var(--design-unit) * 4px)
-      calc(var(--design-unit) * 5px);
-    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-hover);
-    color: var(--neutral-color);
-  }
-  
-  .item:hover {
-    background-color: var(--neutral-fill-hover);
-  }
-
-  .item-title {
-    padding: 0;
-    font-size: calc(var(--design-unit) * 5px);
-    font-weight: 700;
-  }
-
-  .item-bottom {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: flex-start;
-    gap: calc(var(--design-unit) * 5px);
-    font-size: calc(var(--design-unit) * 5px);
-  }
-
-  .item-menu {
-    display: flex;
-    margin-left: auto;
-    gap: calc(var(--design-unit) * 5px);
-  }
-
-  .item-menu .button {
-    color: var(--neutral-stroke-active);
-  }
-
-  .item-menu .button:hover {
-    color: var(--neutral-stroke-focus);
-  }
-
-  .item-bottom .button {
-    background: none;
-    margin: 0;
-    min-width: auto;
-  }
-
-  .list-header .button::part(control),
-  .item-bottom .button::part(control) {
-    padding: 0;
-  }
-
-  .status.active {
-    color: var(--available-text-color);
-  }
-
-  .status.inactive {
-    color: var(--unavailable-text-color);
-  }
-
-  .empty {
-    font-size: 12px;
-    padding:
-      calc(var(--design-unit) * 4px)
-      calc(var(--design-unit) * 3px)
-      calc(var(--design-unit) * 4px)
-      calc(var(--design-unit) * 5px);
-    margin: 0;
-  }
-`;

package/dist/esm/components/foundation-alerts/utils/getConditionObject.js

@@ -1,24 +0,0 @@
-import { logger } from './logger';
-// @tood fix after db will be ready
-export function getConditionObject(alertRuleRow) {
-    let conditionMainType;
-    let conditionValueCondition;
-    let conditionValueType;
-    let conditionValue;
-    try {
-        const conditionData = JSON.parse(alertRuleRow['RULE_EXPRESSION']);
-        conditionMainType = conditionData.mainType;
-        conditionValueCondition = conditionData.valueCondition;
-        conditionValueType = conditionData.valueType;
-        conditionValue = conditionData.value;
-    }
-    catch (_a) {
-        logger.debug('conditionData is not valid JSON');
-    }
-    return {
-        conditionMainType,
-        conditionValueCondition,
-        conditionValueType,
-        conditionValue,
-    };
-}

package/dist/esm/components/foundation-alerts/utils/getDateMilliseconds.js

@@ -1,5 +0,0 @@
-export function getDateMilliseconds(dateString) {
-    const [day, month, year] = dateString.split('.').map(Number);
-    const date = new Date(year, month - 1, day);
-    return date.getTime();
-}

package/dist/esm/components/foundation-alerts/utils/getDateStringFormat.js

@@ -1,12 +0,0 @@
-function to2Digits(num) {
-    return num.toString().padStart(2, '0');
-}
-export function getDateStringFormat(date) {
-    const dateObj = new Date(date);
-    const day = to2Digits(dateObj.getDate());
-    const month = to2Digits(dateObj.getMonth() + 1);
-    const year = dateObj.getFullYear();
-    const hours = to2Digits(dateObj.getHours());
-    const minutes = to2Digits(dateObj.getMinutes());
-    return `${[year, month, day].join('-')}T${[hours, minutes].join(':')}`;
-}

package/dist/esm/components/foundation-alerts/utils/index.js

@@ -1,4 +0,0 @@
-export * from './logger';
-export * from './getDateMilliseconds';
-export * from './getConditionObject';
-export * from './getDateStringFormat';

package/dist/esm/components/foundation-alerts/utils/logger.js

@@ -1,2 +0,0 @@
-import { createLogger } from '@genesislcap/foundation-logger';
-export const logger = createLogger('foundation-alerts');

package/dist/esm/components/foundation-inbox/components/foundation-inbox-toast/foundation-inbox-toast.js

@@ -1,42 +0,0 @@
-import { __awaiter, __decorate } from "tslib";
-import { Connect } from '@genesislcap/foundation-comms';
-import { Toast, zeroToastTemplate } from '@genesislcap/foundation-zero';
-import { customElement } from '@microsoft/fast-element';
-import { FoundationInboxToastStyles } from './foundation-inbox-toast.styles';
-let FoundationInboxToast = class FoundationInboxToast extends Toast {
-    connectedCallback() {
-        const _super = Object.create(null, {
-            connectedCallback: { get: () => super.connectedCallback }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            _super.connectedCallback.call(this);
-            this.addEventListener('remove-toast', this.close);
-        });
-    }
-    close() {
-        super.close();
-        this.removeMessage(this.id);
-    }
-    removeMessage(ALERT_ID) {
-        this.connect.commitEvent('EVENT_DISMISS_NOTIFY_ALERT', {
-            DETAILS: {
-                ALERT_ID,
-            },
-        });
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('remove-toast', this.close);
-    }
-};
-__decorate([
-    Connect
-], FoundationInboxToast.prototype, "connect", void 0);
-FoundationInboxToast = __decorate([
-    customElement({
-        name: 'foundation-inbox-toast',
-        template: zeroToastTemplate,
-        styles: FoundationInboxToastStyles,
-    })
-], FoundationInboxToast);
-export { FoundationInboxToast };

package/dist/esm/components/foundation-inbox/components/foundation-inbox-toast/foundation-inbox-toast.styles.js

@@ -1,25 +0,0 @@
-import { zeroToastStyles } from '@genesislcap/foundation-zero';
-import { css } from '@microsoft/fast-element';
-export const FoundationInboxToastStyles = css `
-  ${zeroToastStyles}
-
-  .toast {
-    --toast-min-width: none;
-    --toast-max-width: none;
-
-    width: calc(100% - (2 * var(--design-unit) * 5px));
-    background: transparent;
-    box-shadow: none;
-    margin: 0;
-    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 5px);
-    border: none;
-  }
-
-  .toast .close-icon {
-    display: none;
-  }
-
-  .toast .bottom {
-    width: 100%;
-  }
-`;

package/dist/esm/components/foundation-inbox/inbox.config.js

@@ -1,27 +0,0 @@
-const MESSAGE_TYPE_INFORMATION = 'Information';
-const MESSAGE_TYPE_WARNING = 'Warning';
-const MESSAGE_TYPE_SERIOUS = 'Serious';
-const MESSAGE_TYPE_CRITICAL = 'Critical';
-export const ALL_MESSAGE_TYPES = [
-    MESSAGE_TYPE_INFORMATION,
-    MESSAGE_TYPE_WARNING,
-    MESSAGE_TYPE_SERIOUS,
-    MESSAGE_TYPE_CRITICAL,
-];
-export const SEVERITY_TYPE_DEFAULT = 'default';
-const SEVERITY_TYPE_WARNING = 'warning';
-const SEVERITY_TYPE_SERIOUS = 'serious';
-const SEVERITY_TYPE_CRITICAL = 'critical';
-export const ALL_SEVERITIES_TYPES = [
-    SEVERITY_TYPE_DEFAULT,
-    SEVERITY_TYPE_WARNING,
-    SEVERITY_TYPE_SERIOUS,
-    SEVERITY_TYPE_CRITICAL,
-];
-export const MAP_MESSAGE_TYPE_TO_SEVERITY_TYPE = new Map([
-    [MESSAGE_TYPE_INFORMATION, SEVERITY_TYPE_DEFAULT],
-    [MESSAGE_TYPE_WARNING, SEVERITY_TYPE_WARNING],
-    [MESSAGE_TYPE_SERIOUS, SEVERITY_TYPE_SERIOUS],
-    [MESSAGE_TYPE_CRITICAL, SEVERITY_TYPE_CRITICAL],
-]);
-export const DEBOUNCED_SEARCH_TIME = 500;

package/dist/esm/components/foundation-inbox/layouts/default.js

@@ -1,27 +0,0 @@
-import { css, html } from '@microsoft/fast-element';
-import { FASTElementLayout } from '@microsoft/fast-router';
-export const defaultLayout = new FASTElementLayout(html `
-    <div class="container">
-      <div class="content">
-        <slot></slot>
-      </div>
-    </div>
-  `, css `
-    :host {
-    }
-
-    .container {
-      width: 100%;
-      height: 100%;
-      display: block;
-      position: relative;
-    }
-
-    .content {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-    }
-  `);

package/dist/esm/components/foundation-inbox/layouts/index.js

@@ -1 +0,0 @@
-export * from './default';

package/dist/esm/components/foundation-inbox/services/foundation-inbox.service.js

@@ -1,109 +0,0 @@
-import { __awaiter, __decorate, __param } from "tslib";
-import { Auth, Connect } from '@genesislcap/foundation-comms';
-import { DI } from '@microsoft/fast-foundation';
-import { DEBOUNCED_SEARCH_TIME } from '../inbox.config';
-import { NotifyResourceNames } from '../inbox.types';
-import { logger, transformMessageToNotify } from '../utils';
-let FoundationInboxServiceImpl = class FoundationInboxServiceImpl {
-    constructor(connect, auth) {
-        this.connect = connect;
-        this.auth = auth;
-        this.resourceName = NotifyResourceNames.ALL_RECORDS;
-        this.subscriptions = [];
-        this.store = {
-            notifies: []
-        };
-    }
-    getNotificationRules() {
-        let notificationRules = [];
-        this.connect.request('NOTIFICATION_RULE').then((response) => {
-            if (!response.REPLY) {
-                return;
-            }
-            notificationRules = response.REPLY;
-        });
-        return notificationRules;
-    }
-    getStream() {
-        return this.connect.stream(this.resourceName, (result) => {
-            this.sourceRef = result.SOURCE_REF;
-            if (!(result === null || result === void 0 ? void 0 : result.ROW)) {
-                this.store.notifies = [];
-                return;
-            }
-            if (result.SEQUENCE_ID === 1) {
-                const newNotifies = [];
-                result.ROW.forEach((row) => newNotifies.push(transformMessageToNotify(row)));
-                this.store.notifies = newNotifies;
-            }
-            else {
-                const details = result === null || result === void 0 ? void 0 : result.ROW[0];
-                if ((details === null || details === void 0 ? void 0 : details.DETAILS.OPERATION) === 'DELETE') {
-                    const notifyItemIndex = this.store.notifies.findIndex(({ rowRef }) => rowRef === details.DETAILS.ROW_REF);
-                    if (notifyItemIndex > -1) {
-                        this.store.notifies.splice(notifyItemIndex, 1);
-                    }
-                }
-                if ((details === null || details === void 0 ? void 0 : details.DETAILS.OPERATION) === 'INSERT') {
-                    this.store.notifies.push(transformMessageToNotify(details));
-                }
-            }
-            this.subscriptions.forEach((callback) => callback({ store: this.store }));
-        }, (response) => logger.error('Error: Could not load notify data.' + response));
-    }
-    subscribe(callback) {
-        this.subscriptions.push(callback);
-        if (this.stream) {
-            callback({ store: this.store });
-        }
-        else {
-            this.stream = this.getStream();
-            this.stream.subscribe();
-        }
-    }
-    unsubscribe(callback) {
-        const index = this.subscriptions.indexOf(callback);
-        if (index >= 0) {
-            this.subscriptions.splice(index, 1);
-        }
-        this.dataLogoff();
-    }
-    dataLogoff() {
-        if (this.sourceRef && this.auth.isLoggedIn) {
-            this.connect.dataLogoff(this.sourceRef);
-        }
-        this.stream = undefined;
-        this.store = {
-            notifies: []
-        };
-        this.sourceRef = undefined;
-    }
-    filter(filterTypes, payload) {
-        const criteriaByFilterType = {
-            search: `(Expr.containsIgnoreCase(MESSAGE, '${payload['search']}') || Expr.containsIgnoreCase(HEADER, '${payload['search']}'))`,
-            severity: `NOTIFY_SEVERITY == '${payload['severity']}'`,
-        };
-        const CRITERIA_MATCH = filterTypes
-            .map((filterType) => criteriaByFilterType[filterType])
-            .join(' && ');
-        return new Promise((resolve) => {
-            if (this.debounced) {
-                clearTimeout(this.debounced);
-                this.debounced = null;
-            }
-            this.debounced = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-                const { ROW: rows } = yield this.connect.snapshot(this.resourceName, { CRITERIA_MATCH });
-                let newNotifies = [];
-                if (rows) {
-                    newNotifies = rows.map((row) => transformMessageToNotify(row));
-                }
-                return resolve(newNotifies);
-            }), DEBOUNCED_SEARCH_TIME);
-        });
-    }
-};
-FoundationInboxServiceImpl = __decorate([
-    __param(0, Connect),
-    __param(1, Auth)
-], FoundationInboxServiceImpl);
-export const FoundationInboxService = DI.createInterface((x) => x.singleton(FoundationInboxServiceImpl));

package/dist/esm/components/foundation-inbox/styles/index.js

@@ -1 +0,0 @@
-export * from './styles';

package/dist/esm/components/foundation-inbox/styles/styles.js

@@ -1,13 +0,0 @@
-import { css } from '@microsoft/fast-element';
-export const mixinScreen = (display = 'block') => `
-  contain: content;
-  display: ${display};
-  height: 100%;
-  width: 100%;
-  overflow-y: auto;
-`;
-export const inboxStyles = css `
-  :host {
-    display: flex;
-  }
-`;

package/dist/esm/components/foundation-inbox/utils/getSeverityByMessageType.js

@@ -1,4 +0,0 @@
-import { MAP_MESSAGE_TYPE_TO_SEVERITY_TYPE } from '../inbox.config';
-export const getSeverityByMessageType = (severityType) => {
-    return [...MAP_MESSAGE_TYPE_TO_SEVERITY_TYPE].find(([ignore, val]) => val == severityType)[0];
-};

package/dist/esm/components/foundation-inbox/utils/index.js

@@ -1,3 +0,0 @@
-export * from './logger';
-export * from './transformMessageToNotify';
-export * from './getSeverityByMessageType';

package/dist/esm/components/foundation-inbox/utils/logger.js

@@ -1,2 +0,0 @@
-import { createLogger } from '@genesislcap/foundation-logger';
-export const logger = createLogger('foundation-inbox');

package/dist/esm/components/foundation-inbox/utils/transformMessageToNotify.js

@@ -1,12 +0,0 @@
-import { formatDateTimeTimestamp } from '@genesislcap/foundation-utils';
-import { SEVERITY_TYPE_DEFAULT, MAP_MESSAGE_TYPE_TO_SEVERITY_TYPE } from '../inbox.config';
-export const transformMessageToNotify = (notifyRow) => {
-    return {
-        id: notifyRow.ALERT_ID,
-        rowRef: notifyRow.DETAILS.ROW_REF,
-        title: notifyRow.HEADER,
-        content: notifyRow.MESSAGE,
-        date: formatDateTimeTimestamp(notifyRow.CREATED_AT),
-        type: MAP_MESSAGE_TYPE_TO_SEVERITY_TYPE.get(notifyRow.NOTIFY_SEVERITY) || SEVERITY_TYPE_DEFAULT,
-    };
-};

package/dist/esm/layouts/default.js

@@ -1,27 +0,0 @@
-import { css, html } from '@microsoft/fast-element';
-import { FASTElementLayout } from '@microsoft/fast-router';
-export const defaultLayout = new FASTElementLayout(html `
-    <div class="container">
-      <div class="content">
-        <slot></slot>
-      </div>
-    </div>
-  `, css `
-    :host {
-    }
-
-    .container {
-      width: 100%;
-      height: 100%;
-      display: block;
-      position: relative;
-    }
-
-    .content {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-    }
-  `);

package/dist/esm/layouts/index.js

@@ -1 +0,0 @@
-export * from './default';

package/dist/esm/styles/index.js

@@ -1 +0,0 @@
-export * from './styles';