@justifi/webcomponents 6.12.1-rc.5 → 6.12.2

package/dist/cjs/terminals-table-DmnAuog5.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-var badge = require('./badge-GBNtUypt.js');
-var parts = require('./parts-BXshb_S-.js');
-var utils = require('./utils-BHi4j5rB.js');
-
-const MapTerminalStatusToBadge = (status) => {
-    const statusToBadgeProps = {
-        connected: {
-            variant: badge.BadgeVariant.SUCCESS,
-            title: 'This terminal is connected',
-            text: 'Connected',
-        },
-        disconnected: {
-            variant: badge.BadgeVariant.DANGER,
-            title: 'This terminal is disconnected',
-            text: 'Disconnected',
-        },
-        unknown: {
-            variant: badge.BadgeVariant.SECONDARY,
-            title: 'The status of this terminal is unknown',
-            text: 'Unknown',
-        },
-        pending_configuration: {
-            variant: badge.BadgeVariant.WARNING,
-            title: 'This terminal is pending configuration',
-            text: 'Pending configuration',
-        },
-        archived: {
-            variant: badge.BadgeVariant.SECONDARY,
-            title: 'This terminal is archived',
-            text: 'Archived',
-        }
-    };
-    const badgeProps = statusToBadgeProps[status];
-    return index.h(badge.Badge, Object.assign({}, badgeProps));
-};
-
-const defaultColumnsKeys = 'nickname,provider_serial_number,status';
-const terminalTableColumns = {
-    nickname: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
-    model_name: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The model name of the terminal" }, "Model Name")),
-    id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The ID of the terminal" }, "ID")),
-    provider: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The provider of the terminal" }, "Provider")),
-    provider_serial_number: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The serial number of the terminal" }, "Serial Number")),
-    device_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The device/provider ID of the terminal" }, "Device ID")),
-    sub_account_name: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
-    status: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The current status of each terminal" }, "Status")),
-};
-const terminalTableCells = {
-    nickname: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminal.nickname)),
-    model_name: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminal.model_name)),
-    id: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminal.id)),
-    provider: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, utils.capitalFirstLetter(terminal.provider))),
-    provider_serial_number: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminal.provider_serial_number)),
-    device_id: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminal.provider_id)),
-    sub_account_name: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminal.sub_account_name)),
-    status: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, MapTerminalStatusToBadge(terminal.status))),
-};
-
-exports.defaultColumnsKeys = defaultColumnsKeys;
-exports.terminalTableCells = terminalTableCells;
-exports.terminalTableColumns = terminalTableColumns;

package/dist/collection/components/business-details/business-details-core.js

@@ -1,105 +0,0 @@
-import { h } from "@stencil/core";
-import { ErrorState } from "../../ui-components/details/utils";
-import { StyledHost } from "../../ui-components";
-import { BusinessDetailsLoading } from "./business-details-loading";
-var RENDER_STATES;
-(function (RENDER_STATES) {
-    RENDER_STATES["LOADING"] = "loading";
-    RENDER_STATES["READY"] = "ready";
-    RENDER_STATES["ERROR"] = "error";
-})(RENDER_STATES || (RENDER_STATES = {}));
-export class BusinessDetailsCore {
-    constructor() {
-        this.renderState = RENDER_STATES.LOADING;
-    }
-    async componentWillLoad() {
-        if (this.getBusiness) {
-            this.fetchData();
-        }
-    }
-    fetchData() {
-        this.renderState = RENDER_STATES.LOADING;
-        this.getBusiness({
-            onSuccess: ({ business }) => {
-                this.business = business;
-                this.renderState = RENDER_STATES.READY;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.renderState = RENDER_STATES.ERROR;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    render() {
-        if (this.renderState === RENDER_STATES.LOADING) {
-            return (h(StyledHost, null, h(BusinessDetailsLoading, null)));
-        }
-        if (this.renderState === RENDER_STATES.ERROR) {
-            return h(StyledHost, null, ErrorState(this.errorMessage));
-        }
-        return (h(StyledHost, null, h("justifi-details", { errorMessage: this.errorMessage }, h("div", { slot: 'detail-sections' }, h("core-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })))));
-    }
-    static get is() { return "business-details-core"; }
-    static get properties() {
-        return {
-            "getBusiness": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "business": {},
-            "renderState": {},
-            "errorMessage": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentErrorEvent",
-                    "resolved": "ComponentErrorEvent",
-                    "references": {
-                        "ComponentErrorEvent": {
-                            "location": "import",
-                            "path": "../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }];
-    }
-}

package/dist/collection/components/payment-details/payment-details-core.js

@@ -1,127 +0,0 @@
-import { h } from "@stencil/core";
-import { DisputeStatus, PaymentStatuses } from "../../api";
-import { formatDate, formatTime, snakeCaseToHumanReadable } from "../../utils/utils";
-import { MapPaymentStatusToBadge, PaymentStatusBadge } from "../payments-list/payments-status";
-import { CodeBlock, DetailItem, DetailSectionTitle, EntityHeadInfo, EntityHeadInfoItem, ErrorState } from "../../ui-components/details/utils";
-import { StyledHost } from "../../ui-components";
-import PaymentDetailsLoading from "./payment-details-loading";
-import { Badge, BadgeVariant } from "../../ui-components/badge/badge";
-export class PaymentDetailsCore {
-    constructor() {
-        this.loading = true;
-    }
-    componentWillLoad() {
-        if (this.getPaymentDetails) {
-            this.fetchData();
-        }
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPaymentDetails({
-            onSuccess: ({ payment }) => {
-                this.payment = payment;
-                this.errorMessage = null;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            },
-            final: () => {
-                this.loading = false;
-            },
-        });
-    }
-    get PaymentStatus() {
-        if (this.payment.status === PaymentStatuses.disputed) {
-            const disputeWasLost = this.payment.disputes.some((dispute) => dispute.status === DisputeStatus.lost);
-            if (disputeWasLost) {
-                return PaymentStatusBadge.DISPUTE_LOST;
-            }
-        }
-        return this.payment.status;
-    }
-    render() {
-        return (h(StyledHost, { key: '92ef6c638768adc01e3682fb486dc2f988c677cd' }, this.loading && h(PaymentDetailsLoading, { key: '8fe108114498a6aa3c515f64bd1503b8bcd1bfb8' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'a47c503739269d4c0f429540268e93eb3e4594b3', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '98b968f9568403995a6581d1504691707251a1cb', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '8269b38c09e7b0904d49cbecedede97fea33525e', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '4595b47217d10510b2999c1911d9705f7b9d2279', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd85ff59ce766dd40a852aca41554b67bc9399060', title: "ID", value: this.payment.id })), h("div", { key: 'f3d19819c8adf1c0fb22aaec41835b6591ddbb21', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '362ece2a9a5b7297e0c6f9e60f617146fab29ef8', sectionTitle: "Details" }), h("div", { key: '7d4f1ceeb5d2b76b1dff3be0e4931c1b184b4c64', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'addc59665a77d044f134627d79a0c1194cf462f0', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '17422ecc90e0847b6eb340d30c36299542f235da', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b51e5fdd7c166fcfa837776602d4de69785c89b7', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'd6d3155f1a874f65126211bcab62b81f24fd57f3', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '7e1598c0bf56a6edc90d180377f734aae586eca0', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'be12abf332c2e9f67623e63a517ea23f231289ca', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '3781968bb4c2a463623101007cefdf8c6ea6bcc4', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6ebe10c76ada3fe1dd5f05c58a52fa0604f185df', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'dc9df4e19723689e619a543815919e2044bd5511', title: "Description", value: this.payment.description }), h(DetailItem, { key: '52dcd8984dda1115b53a9567e79a0d86d8117f0a', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '0a5595ced3b093b930e262415592c373109a95dc', sectionTitle: "Payment Method" }),
-            h("div", { key: '0c8a056b36babb831b5d684ccf8d76a498878b16', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'e321d0b86c58fd62c7df5d12cb02a10f364058f7', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'fcabccc2c569dc9990d8f2c38853dedbe4a5f6e4', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '5aece8dd14247b1cf5dc6f42ae07c508df0509a6', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'b31e5a5f532d128168f3ec7b394e853bad0d5a1f', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '0527fd97d660f293d557ee89230e9f79a5565e44', title: "Cardholder", value: this.payment.payment_method.payersName }))
-        ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '9c7478beff791dcdd02744b83ae9d9f556e88133', sectionTitle: "Payment Method" }),
-            h("div", { key: '09057810c9c5a091c4bd2d4f44f4ba034aeacb5e', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b3a4d4e3404fbe85c27bfc1d00394ca87c668516', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'd1422c95907ef5a4889c2993db38b12ce0511435', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'b915ccece34ddb429c7f3809b7bd843f5cc85b5d', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '5cddb813c21797f33a2c50fd9d76c5e02823147f', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '75e1a474ef6d9290c8556345757ac5a69f72d615', sectionTitle: 'Metadata' }),
-            h("div", { key: '26482e1a90fa4b0e21fbefabd8c1d2d7a50d4e5a', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '2d1dd8a6d4fbb47c6dd13aa9c3f9508a984b3bf8', metadata: this.payment.metadata }))
-        ])))));
-    }
-    static get is() { return "payment-details-core"; }
-    static get properties() {
-        return {
-            "getPaymentDetails": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "payment": {},
-            "loading": {},
-            "errorMessage": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentErrorEvent",
-                    "resolved": "ComponentErrorEvent",
-                    "references": {
-                        "ComponentErrorEvent": {
-                            "location": "import",
-                            "path": "../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "getPaymentDetails",
-                "methodName": "updateOnPropChange"
-            }];
-    }
-}

package/dist/collection/components/payments-list/payments-list-core.js

@@ -1,202 +0,0 @@
-import { h } from "@stencil/core";
-import { pagingDefaults } from "../../api";
-import { TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
-import { paymentTableCells, paymentTableColumns } from "./payments-table";
-import { Table } from "../../utils/table";
-import { getRequestParams, onQueryParamsChange } from "./payments-list-params-state";
-import { TableWrapper, TableComponent, TableHead, TableHeadRow, TableBody, TableRow, TableFoot, TableFootRow, TableFootCell, TableClickActions } from "../../ui-components";
-export class PaymentsListCore {
-    constructor() {
-        this.payments = [];
-        this.loading = true;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
-        this.handleClickPrevious = (beforeCursor) => {
-            this.pagingParams = { before_cursor: beforeCursor };
-            this.clickEvent.emit({ name: TableClickActions.previous });
-        };
-        this.handleClickNext = (afterCursor) => {
-            this.pagingParams = { after_cursor: afterCursor };
-            this.clickEvent.emit({ name: TableClickActions.next });
-        };
-        this.rowClickHandler = (e) => {
-            const clickedPaymentID = e.target.closest('tr').dataset.rowEntityId;
-            if (!clickedPaymentID)
-                return;
-            const paymentData = this.payments.find((payment) => payment.id === clickedPaymentID);
-            this.clickEvent.emit({ name: TableClickActions.row, data: paymentData });
-        };
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        this.paymentsTable = new Table(this.payments, this.columns, paymentTableColumns, paymentTableCells);
-        if (this.getPayments) {
-            this.fetchData();
-        }
-        onQueryParamsChange('set', () => {
-            this.pagingParams = {};
-            this.errorMessage = '';
-        });
-        onQueryParamsChange('reset', () => {
-            this.pagingParams = {};
-            this.errorMessage = '';
-        });
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPayments({
-            params: this.paymentParams,
-            onSuccess: ({ payments, pagingInfo }) => {
-                this.payments = payments;
-                this.paging = pagingInfo;
-                this.paymentsTable.collectionData = this.payments;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            },
-            final: () => {
-                this.loading = false;
-            }
-        });
-    }
-    get paymentParams() {
-        const requestParams = getRequestParams();
-        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
-        return params;
-    }
-    get entityId() {
-        return this.payments.map((payment) => payment.id);
-    }
-    get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.paymentsTable.rowData.length < 1;
-    }
-    get showErrorState() {
-        return !this.loading && !!this.errorMessage;
-    }
-    get showRowData() {
-        return !this.showEmptyState && !this.showErrorState && !this.loading;
-    }
-    render() {
-        return (h(TableWrapper, { key: 'b582865a40c00ace45e5288f79f1a89afabb9eb7' }, h(TableComponent, { key: '399614aeac9d7daa7e91a6974ed36a22e9bfad7a' }, h(TableHead, { key: '41932e7e448c1826d1f994016cdcca83a845966d' }, h(TableHeadRow, { key: 'd1e28d54aff40b2c44ec25b89e7772eb6e2fd5f4' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '1b8ba62acf2c908ee52d3fbd1246dc0d71a4b927' }, h(TableLoadingState, { key: 'ee94ffebe89c0fd7e36660847462c74e019ece95', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c2cea2a7c73e5a846e1bfc0905d7da810b1af2e5', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'e0dec0ca5484e11265ebe86f95b268e1f59d73b9', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'dfd4f8411c7bb181444a9a8034ae19c6509e9972' }, h(TableFootRow, { key: 'f97f23407781f236b92714aeaa5f5dee3dd36743' }, h(TableFootCell, { key: '4b92b54e288bbb0f39b312ac7b0d88dd253add6b', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'e3ad51e4d4d96cf38eb4240c01f0077374861b6e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
-    }
-    static get is() { return "payments-list-core"; }
-    static get properties() {
-        return {
-            "getPayments": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "columns": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "columns"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "payments": {},
-            "paymentsTable": {},
-            "loading": {},
-            "errorMessage": {},
-            "paging": {},
-            "pagingParams": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "clickEvent",
-                "name": "click-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentClickEvent",
-                    "resolved": "ComponentClickEvent",
-                    "references": {
-                        "ComponentClickEvent": {
-                            "location": "import",
-                            "path": "../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentClickEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentErrorEvent",
-                    "resolved": "ComponentErrorEvent",
-                    "references": {
-                        "ComponentErrorEvent": {
-                            "location": "import",
-                            "path": "../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "pagingParams",
-                "methodName": "updateOnPropChange"
-            }, {
-                "propName": "getPayments",
-                "methodName": "updateOnPropChange"
-            }, {
-                "propName": "columns",
-                "methodName": "updateOnPropChange"
-            }];
-    }
-}