@ohioepa/oepa-ui-lib 1.1.0

package/lib/pin-modal/oepa-pin.service.d.ts

@@ -0,0 +1,38 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { OepaAttestation } from './oepa-attestation';
+import { OepaSecurityQuestion } from './oepa-security-question';
+import { OepaPin } from './oepa-pin';
+import * as i0 from "@angular/core";
+export declare class OepaPinService {
+    private http;
+    private pinsUrl;
+    constructor(http: HttpClient);
+    /**
+     * Retrieve an attestation by id.
+     * @param attestationID
+     */
+    retrieveAttestationByID(attestationID: string): Observable<OepaAttestation>;
+    /**
+     * Retrieve an attestation of the specified type.
+     * @param attestationType
+     */
+    retrieveAttestation(attestationType: string): Observable<OepaAttestation>;
+    /**
+     * Retrieve a random security question for the current user.
+     */
+    retrieveSecurityQuestion(): Observable<OepaSecurityQuestion>;
+    /**
+     * Validate the pin entered by a user.
+     * @param pin
+     */
+    validate(pin: OepaPin): Observable<boolean>;
+    /**
+     *
+     * @param userID Retrieve the Pin for the specified userID
+     * @returns OepaPin
+     */
+    retrievePin(userID: string): Observable<OepaPin>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OepaPinService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OepaPinService>;
+}

package/lib/pin-modal/oepa-security-question.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Interface corresponding to the class: us.oh.state.epa.portal.security.SecurityQuestion
+ */
+export interface OepaSecurityQuestion {
+    questionID?: string;
+    question?: string;
+    answer?: string;
+}

package/lib/pin-modal/pin-modal.component.d.ts

@@ -0,0 +1,46 @@
+import { OnInit, EventEmitter } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { BsModalRef } from 'ngx-bootstrap/modal';
+import { OepaUserAccountService, OepaUserAccount } from '@ohioepa/oepa-common-lib';
+import { OepaAttestation } from './oepa-attestation';
+import { OepaSecurityQuestion } from './oepa-security-question';
+import { OepaPinService } from './oepa-pin.service';
+import * as i0 from "@angular/core";
+export declare class PinModalComponent implements OnInit {
+    private userAccountService;
+    private fb;
+    private pinService;
+    bsModalRef: BsModalRef;
+    private _attestationID;
+    set attestationID(id: string);
+    get attestationID(): string;
+    submitCallback: () => Observable<any>;
+    submittingComponent: any;
+    close: EventEmitter<void>;
+    imageRoot: string;
+    oepaSubmissionForm: FormGroup;
+    pinAttestation: OepaAttestation;
+    serviceAttestation: OepaAttestation;
+    securityQuestion: OepaSecurityQuestion;
+    noPin: boolean;
+    loadingQuestion: boolean;
+    submitInProgress: boolean;
+    submitDisabled: boolean;
+    errorMessage: string;
+    showValidation: boolean;
+    loadingAttestations: boolean;
+    currentUserID: string | undefined;
+    userAccount: OepaUserAccount | undefined;
+    constructor(userAccountService: OepaUserAccountService, fb: FormBuilder, pinService: OepaPinService, bsModalRef: BsModalRef);
+    ngOnInit(): void;
+    private retrievePin;
+    submit(): void;
+    cancel(): void;
+    private createForm;
+    private invokeSubmitCallback;
+    private retrieveAttestations;
+    private retrieveNewSecurityQuestion;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PinModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PinModalComponent, "oepa-pin-modal", never, { "attestationID": { "alias": "attestationID"; "required": false; }; "submitCallback": { "alias": "submitCallback"; "required": false; }; "submittingComponent": { "alias": "submittingComponent"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
+}

package/lib/progress-indicator/progress-info.d.ts

@@ -0,0 +1,4 @@
+export interface ProgressInfo {
+    total?: number;
+    completed?: number;
+}

package/lib/select-input/select-input.component.d.ts

@@ -0,0 +1,27 @@
+import { OnInit, EventEmitter, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { OepaComponentIdService, OepaSmallService } from '@ohioepa/oepa-common-lib';
+import * as i0 from "@angular/core";
+export declare class SelectInputComponent implements OnInit, OnChanges {
+    private idService;
+    private smallService;
+    private elRef;
+    componentId: string;
+    group: FormGroup;
+    field: string;
+    tableIdx: number | undefined;
+    title: string;
+    pickList: any[];
+    fullList: any[];
+    valueField: string;
+    displayField: string;
+    small: boolean;
+    onValueSelected: EventEmitter<string>;
+    internalPickList: any[] | undefined;
+    constructor(idService: OepaComponentIdService, smallService: OepaSmallService, elRef: ElementRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private addCurrentValueToListIfMissing;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectInputComponent, "oepa-select-input", never, { "group": { "alias": "group"; "required": false; }; "field": { "alias": "field"; "required": false; }; "tableIdx": { "alias": "tableIdx"; "required": false; }; "title": { "alias": "title"; "required": false; }; "pickList": { "alias": "pickList"; "required": false; }; "fullList": { "alias": "fullList"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, { "onValueSelected": "onValueSelected"; }, never, never, false, never>;
+}

package/lib/server-timeout-modal/server-timeout-modal.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit, EventEmitter } from '@angular/core';
+import { OepaUserAccountService } from '@ohioepa/oepa-common-lib';
+import { BsModalRef } from 'ngx-bootstrap/modal';
+import * as i0 from "@angular/core";
+export declare class ServerTimeoutModalComponent implements OnInit {
+    private userAccountService;
+    bsModalRef: BsModalRef;
+    mm: string;
+    ss: string;
+    errorMessage: string;
+    connectionLost: boolean;
+    private timeoutID;
+    countdownSeconds: number;
+    onKeepAlive: EventEmitter<boolean>;
+    constructor(userAccountService: OepaUserAccountService, bsModalRef: BsModalRef);
+    ngOnInit(): void;
+    private setMMSS;
+    private tick;
+    keepAlive(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ServerTimeoutModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ServerTimeoutModalComponent, "oepa-server-timeout-modal", never, { "countdownSeconds": { "alias": "countdownSeconds"; "required": false; }; }, { "onKeepAlive": "onKeepAlive"; }, never, never, false, never>;
+}

package/lib/shopping-cart/shopping-cart-summary/shopping-cart-summary.component.d.ts

@@ -0,0 +1,18 @@
+import { OnInit, EventEmitter } from '@angular/core';
+import { ShoppingCart } from '@ohioepa/oepa-ebiz-lib';
+import { ShoppingCartService } from '../shopping-cart.service';
+import { ToastrService } from 'ngx-toastr';
+import * as i0 from "@angular/core";
+export declare class ShoppingCartSummaryComponent implements OnInit {
+    private shoppingCartService;
+    private toastr;
+    serviceName: string;
+    cartChange: EventEmitter<ShoppingCart>;
+    itemsText: string;
+    totalCost: number | undefined;
+    constructor(shoppingCartService: ShoppingCartService, toastr: ToastrService);
+    ngOnInit(): void;
+    private loadCart;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShoppingCartSummaryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShoppingCartSummaryComponent, "oepa-shopping-cart-summary", never, { "serviceName": { "alias": "serviceName"; "required": false; }; }, { "cartChange": "cartChange"; }, never, never, false, never>;
+}

package/lib/shopping-cart/shopping-cart-view/shopping-cart-view-parameters.d.ts

@@ -0,0 +1,10 @@
+export interface ShoppingCartViewParameters {
+    serviceName: string;
+    title: string;
+    returnLabel: string;
+    returnUrl: string;
+    itemNumberLabel: string;
+    itemClassificationLabel: string;
+    itemNameLabel: string;
+    itemDescriptionLabel: string;
+}

package/lib/shopping-cart/shopping-cart-view/shopping-cart-view.component.d.ts

@@ -0,0 +1,51 @@
+import { OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { ShoppingCartService } from '../shopping-cart.service';
+import { ShoppingCart } from '@ohioepa/oepa-ebiz-lib';
+import { BsModalService } from 'ngx-bootstrap/modal';
+import { OepaTableHeader } from '../../table/oepa-table-header';
+import { OepaTableCellClickEvent } from '../../table/oepa-table-cell-click-event';
+import { OepaTableConfig } from '../../table/oepa-table-config';
+import { OepaTableRow } from '../../table/oepa-table-row';
+import * as i0 from "@angular/core";
+export declare class ShoppingCartViewComponent implements OnInit {
+    private router;
+    private route;
+    private modalService;
+    private shoppingCartService;
+    serviceName: string;
+    title: string;
+    returnLabel: string;
+    returnUrl: string;
+    shoppingCart: ShoppingCart | undefined;
+    empty: boolean;
+    loading: boolean;
+    errorMessage: string;
+    imageRoot: string;
+    checkOutInProgress: boolean;
+    totalColumn: string;
+    itemNumberLabel: string;
+    itemClassificationLabel: string;
+    itemNameLabel: string;
+    itemDescriptionLabel: string;
+    tblHeader: OepaTableHeader;
+    tblConfig: OepaTableConfig;
+    tblData: Array<OepaTableRow>;
+    constructor(router: Router, route: ActivatedRoute, modalService: BsModalService, shoppingCartService: ShoppingCartService);
+    ngOnInit(): void;
+    /**
+     * Set headers based on the labels defined for this shopping cart
+     */
+    private updateHeaders;
+    private refresh;
+    private loadTable;
+    private convertCartItemToTableRow;
+    onCellClick(event: OepaTableCellClickEvent): void;
+    private deleteFromCart;
+    private deleteItemFromCart;
+    goBack(): void;
+    onCheckout(): void;
+    checkout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShoppingCartViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShoppingCartViewComponent, "oepa-shopping-cart-view", never, {}, {}, never, never, false, never>;
+}

package/lib/shopping-cart/shopping-cart.service.d.ts

@@ -0,0 +1,44 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { ShoppingCart, ShoppingCartItem } from '@ohioepa/oepa-ebiz-lib';
+import * as i0 from "@angular/core";
+export declare class ShoppingCartService {
+    private http;
+    private paymentUrl;
+    constructor(http: HttpClient);
+    /**
+     * Retrieve a shopping cart for the current user for the provided serviceName.
+     * @param serviceName
+     * @returns Observable<ShoppingCart>
+     */
+    retrieveShoppingCart(serviceName: string): Observable<ShoppingCart>;
+    /**
+     * Store cart in the database
+     * @param cart
+     * @returns Observable<ShoppingCart>
+     */
+    updateShoppingCart(cart: ShoppingCart): Observable<ShoppingCart>;
+    /**
+     * Remove the item with the type id, id, from cart and store it in the database
+     * @param id
+     * @param cart
+     * @returns Observable<ShoppingCart>
+     */
+    removeShoppingCartItem(id: string, cart: ShoppingCart): Observable<ShoppingCart>;
+    /**
+     * Add item to cart and store it in the database
+     * @param item
+     * @param cart
+     * @returns Observable<ShoppingCart>
+     */
+    addShoppingCartItem(item: ShoppingCartItem, cart: ShoppingCart): Observable<ShoppingCart>;
+    /**
+     * Perform checkout for cart. This will create revenues for all items in the cart and return
+     * a transaction id for the shopping cart as a whole.
+     * @param cart
+     * @returns Observable<string>
+     */
+    checkOut(cart: ShoppingCart): Observable<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShoppingCartService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ShoppingCartService>;
+}

package/lib/start-end-timepicker/start-end-timepicker.component.d.ts

@@ -0,0 +1,29 @@
+import { OnInit, EventEmitter } from '@angular/core';
+import { OepaComponentIdService } from '@ohioepa/oepa-common-lib';
+import { TimeRange } from '@ohioepa/oepa-ebiz-lib';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class StartEndTimepickerComponent implements OnInit {
+    private fb;
+    private idService;
+    startComponentId: string;
+    endComponentId: string;
+    timeRangeInfo: TimeRange;
+    timeRangeInfoChange: EventEmitter<TimeRange>;
+    showValidation: boolean;
+    isRequired: boolean;
+    isReadOnly: boolean;
+    isDisabled: boolean;
+    defaultTimeRange: TimeRange;
+    private offsetHours;
+    form: FormGroup;
+    validStart: boolean;
+    validEnd: boolean;
+    constructor(fb: FormBuilder, idService: OepaComponentIdService);
+    isValidStart(event: boolean): void;
+    isValidEnd(event: boolean): void;
+    ngOnInit(): void;
+    setTime(hour: number, minute: number): Date;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StartEndTimepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StartEndTimepickerComponent, "oepa-start-end-timepicker", never, { "timeRangeInfo": { "alias": "timeRangeInfo"; "required": false; }; "showValidation": { "alias": "showValidation"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "defaultTimeRange": { "alias": "defaultTimeRange"; "required": false; }; }, { "timeRangeInfoChange": "timeRangeInfoChange"; }, never, never, false, never>;
+}

package/lib/table/oepa-p-column.d.ts

@@ -0,0 +1,4 @@
+export interface OepaPColumn {
+    field: string;
+    header: string;
+}

package/lib/table/oepa-table-cell-classname.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from "@angular/core";
+import { OepaTableRow } from "./oepa-table-row";
+import { OepaTableColumn } from "./oepa-table-column";
+import * as i0 from "@angular/core";
+export declare class OepaTableCellClassnamePipe implements PipeTransform {
+    transform(row: OepaTableRow, column: OepaTableColumn): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OepaTableCellClassnamePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OepaTableCellClassnamePipe, "cellClassname", false>;
+}

package/lib/table/oepa-table-cell-click-event.d.ts

@@ -0,0 +1,15 @@
+import { OepaTableRow } from './oepa-table-row';
+export interface OepaTableCellClickEvent {
+    /**
+     * The entire row of data for the cell that was clicked.
+     */
+    row: OepaTableRow;
+    /**
+     * The column id for the cell that was clicked.
+     */
+    columnId: string;
+    /**
+     * The value of the cell that was clicked.
+     */
+    value: any;
+}

package/lib/table/oepa-table-cell-colspan.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from "@angular/core";
+import { OepaTableRow } from "./oepa-table-row";
+import { OepaTableColumn } from "./oepa-table-column";
+import * as i0 from "@angular/core";
+export declare class OepaTableCellColSpanPipe implements PipeTransform {
+    transform(row: OepaTableRow, column: OepaTableColumn): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OepaTableCellColSpanPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OepaTableCellColSpanPipe, "cellColspan", false>;
+}

package/lib/table/oepa-table-cell-hidden.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from "@angular/core";
+import { OepaTableRow } from "./oepa-table-row";
+import { OepaTableColumn } from "./oepa-table-column";
+import * as i0 from "@angular/core";
+export declare class OepaTableCellHiddenPipe implements PipeTransform {
+    transform(row: OepaTableRow, column: OepaTableColumn): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OepaTableCellHiddenPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OepaTableCellHiddenPipe, "cellHidden", false>;
+}

package/lib/table/oepa-table-cell-icon-classname.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from "@angular/core";
+import { OepaTableRow } from "./oepa-table-row";
+import { OepaTableColumn } from "./oepa-table-column";
+import * as i0 from "@angular/core";
+export declare class OepaTableCellIconClassnamePipe implements PipeTransform {
+    transform(row: OepaTableRow, column: OepaTableColumn): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OepaTableCellIconClassnamePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OepaTableCellIconClassnamePipe, "cellIconClassname", false>;
+}

package/lib/table/oepa-table-cell-img-src.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from "@angular/core";
+import { OepaTableRow } from "./oepa-table-row";
+import { OepaTableColumn } from "./oepa-table-column";
+import * as i0 from "@angular/core";
+export declare class OepaTableCellImgSrcPipe implements PipeTransform {
+    transform(row: OepaTableRow, column: OepaTableColumn): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OepaTableCellImgSrcPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OepaTableCellImgSrcPipe, "cellImgSrc", false>;
+}

package/lib/table/oepa-table-cell-inner-html.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from "@angular/core";
+import { OepaTableRow } from "./oepa-table-row";
+import { OepaTableColumn } from "./oepa-table-column";
+import * as i0 from "@angular/core";
+export declare class OepaTableCellInnerHtmlPipe implements PipeTransform {
+    transform(row: OepaTableRow, column: OepaTableColumn): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OepaTableCellInnerHtmlPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OepaTableCellInnerHtmlPipe, "cellInnerHTML", false>;
+}

package/lib/table/oepa-table-cell-input-component.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from "@angular/core";
+import { OepaTableRow } from "./oepa-table-row";
+import { OepaTableColumn } from "./oepa-table-column";
+import * as i0 from "@angular/core";
+export declare class OepaTableCellInputComponentPipe implements PipeTransform {
+    transform(row: OepaTableRow, column: OepaTableColumn): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OepaTableCellInputComponentPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OepaTableCellInputComponentPipe, "cellInputComponent", false>;
+}

package/lib/table/oepa-table-cell-not-selectable.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from "@angular/core";
+import { OepaTableRow } from "./oepa-table-row";
+import { OepaTableColumn } from "./oepa-table-column";
+import * as i0 from "@angular/core";
+export declare class OepaTableCellNotSelectablePipe implements PipeTransform {
+    transform(row: OepaTableRow, column: OepaTableColumn): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OepaTableCellNotSelectablePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OepaTableCellNotSelectablePipe, "cellNotSelectable", false>;
+}

package/lib/table/oepa-table-cell-value.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from "@angular/core";
+import { OepaTableRow } from "./oepa-table-row";
+import { OepaTableColumn } from "./oepa-table-column";
+import * as i0 from "@angular/core";
+export declare class OepaTableCellValuePipe implements PipeTransform {
+    transform(row: OepaTableRow, column: OepaTableColumn): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OepaTableCellValuePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OepaTableCellValuePipe, "cellValue", false>;
+}

package/lib/table/oepa-table-cell.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Interface defining a cell in an TableComponent.
+ */
+export interface OepaTableCell {
+    /**
+     * Column Id to which this cell corresponds.
+     */
+    id: string;
+    /**
+     * The value displayed in the cell (should be a string or number).
+     */
+    value?: any;
+    /**
+     * Hide the value on the screen, but show it in Export to Excel/HTML
+     */
+    hideValue?: boolean;
+    /**
+     * If the value is a date or other value that needs to be sorted differently than its visual represenation,
+     * use this field to represent the sortable value.
+     */
+    sortValue?: any;
+    /**
+     * If the value is a currency, number with commas, or other value that needs to be filtered differently than its visual represenation,
+     * use this field to represent the filterable value.
+     */
+    filterValue?: any;
+    /**
+     * The css class that should be applied to the value of this cell. This can be used to display an icon in the cell.
+     */
+    iconClassName?: string;
+    /**
+     * The css class that should be applied to the contents of this cell's div. This should be used for coloring
+     * the cell or emphasizing its content.
+     */
+    className?: string;
+    /**
+     * The path to an image that should be displayed in the cell. The image will be displayed to the left of any text in the cell.
+     */
+    imgSrc?: string;
+    /**
+     * Use the inner HTML attribute to display an HTML string with its formatting intact. Note: you should also provide a
+     * sortValue attribute without the HTML markup if this column is sortable.
+     */
+    innerHTML?: string;
+    /**
+     * Use colspan for a cell that will span more than one column. Need to set colspan of cells occupied by the cell that spans
+     * more than one column to 0.
+     */
+    colSpan?: number;
+    /**
+     * An OepaTemplateComponent that allows the user to input data into this cell.
+     * This must be defined if the column's inputColumn is true.
+     */
+    inputComponent?: any;
+    /**
+     * If this cell is in a column that is selectable, but this cell should not be selectable, set notSelectable to true
+     */
+    notSelectable?: boolean;
+    /**
+     * This field is used to specify the data format for this cell in an exported Excel spreadsheet.
+     * Currently, the only valid value is 'INTEGER' which will format the cell as an integer instead of
+     * a numeric field. Other formats may be added, but will require a change to the TableExportManager
+     * class in the foundation project.
+     */
+    excelDataFormat?: string;
+}

package/lib/table/oepa-table-column.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Interface defining a column in an TableComponent.
+ */
+export interface OepaTableColumn {
+    /**
+     * The unique identifier for the column.
+     */
+    id: string;
+    field?: string;
+    /**
+     * The string that appears in the column header
+     */
+    title: string;
+    header?: string;
+    /**
+     * Name of css class used to style column header
+     */
+    className?: string;
+    /**
+     * Indicator of whether the column is sorted. If this attribute is not provided, the column will not be sortable.
+     * May have the following values:
+        - `none` - column is not sorted by default
+        - `asc` - column is sorted in ascending order by default
+        - `desc` - column is sorted in descending order by default
+     */
+    sort?: string;
+    /**
+     * The sort order index of this column.
+     */
+    sortIndex?: number;
+    /**
+     * Indicator of whether cells in the column are displayed as hyperlinks
+     */
+    hyperlink?: boolean;
+    /**
+     * Indicator of whether this column is hidden.
+     */
+    hidden?: boolean;
+    /**
+     * Indicator of whether column should be "frozen" while scrolling
+     */
+    frozenColumn?: boolean;
+    /**
+     * Indicator of whether column is a select column.
+     */
+    selectColumn?: boolean;
+    /**
+     * Indicator of whether column is a single select column.
+     */
+    singleSelectColumn?: boolean;
+    /**
+     * Indicator of wheter column is an action column.
+     */
+    actionColumn?: boolean;
+    /**
+     * Indicator of whether column allows for user input
+     */
+    inputColumn?: boolean;
+    /**
+     * Column span value for the column (default is 1)
+     */
+    colspan?: number;
+    /**
+     * Row span value for the column (default is 1)
+     */
+    rowspan?: number;
+    /**
+     * Indicater of whether this column can be filtered.
+     */
+    filterable?: boolean;
+}

package/lib/table/oepa-table-config.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Interface defining the configuration options of TableComponent.
+ */
+export interface OepaTableConfig {
+    /**
+     * Class name for div surrounding table. Add table-responsive here if desired.
+     */
+    divClassName?: string;
+    /**
+     * Specify table css classes as a string.
+     */
+    className?: string;
+    /**
+     * Specify table css classes as an array.
+     */
+    classNames?: Array<string>;
+    /**
+     * Indicate whether table shoud scroll veritcally
+     */
+    verticalScroll?: boolean;
+    /**
+     * expession indicating scroll height (e.g. calc(60vh))
+     */
+    scrollHeight?: string;
+    /**
+     * Indicate whether table should be hidden (buttons will still be shown unless hidden as well)
+     */
+    hideTable?: boolean;
+    /**
+     * Indicate whether footer should be hidden.
+     */
+    hideFooter?: boolean;
+    /** Indicate whether global filter box should be hidden */
+    hideGlobalFilter?: boolean;
+    /**
+     * Indicate whether Export to Excel button should be shown.
+     */
+    exportToExcel?: boolean;
+    /**
+     * Indicate whether Export to HTML button should be shown.
+     */
+    exportToHTML?: boolean;
+    /**
+     * Indicate whether Pagination should be disabled (hidden).
+     */
+    disablePagination?: boolean;
+    /**
+     * Indicate how many table rows to display per page (default is 10)
+     */
+    rowsPerPage?: number;
+    /**
+     * Indicate whether tables should be exported with subtables embeded.
+     * If true, sub tables will not be shown beside the parent table in
+     * an export but will be embeded within the parent table.
+     */
+    exportEmbedSubTable?: boolean;
+    /**
+     * Indicate whether tables should be exported with hidden columns shown.
+     * If true, columns that are hidden in the display will be shown in the
+     * HTML and Excel export files.
+     */
+    exportShowHiddenColumns?: boolean;
+    /**
+     * When data is exported to HTML or Excel, only export the rows that are visible on the
+     * screen by default if this variable is true.
+     */
+    exportVisibleOnly?: boolean;
+    /**
+     * Display the total row count in the footer of the table
+     */
+    showRowCountInFooter?: boolean;
+}

package/lib/table/oepa-table-filter.d.ts

@@ -0,0 +1,10 @@
+export interface OepaTableFilter {
+    /**
+     * The string that should be matched by the filter.
+     */
+    filterString?: string;
+    /**
+     * The id of the column to be filtered. If columnId is undefined, all columns will be filtered.
+     */
+    columnId?: string;
+}