@justifi/webcomponents 4.7.0-rc.2 → 4.7.1-rc.0

package/dist/webcomponents/p-3d82c8a3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tableCss","Table","this","emptyState","h","class","part","colSpan","_a","columnData","length","style","textAlign","errorState","errorMessage","loadingState","role","ExtendedPagingDefaults","showEmptyState","rowData","render","Host","exportparts","map","column","scope","title","Array","isArray","loading","_b","data","index","entityId","onClick","e","rowClickHandler","dataEntry","type","innerHTML","value","paging","_c","params","PaginationMenu","preventDefault","handleClickPrevious","start_cursor","has_previous","href","handleClickNext","end_cursor","has_next"],"sources":["src/components/table/table.scss?tag=justifi-table&encapsulation=shadow","src/components/table/table.tsx","src/components/table/table.scss?tag=pagination-menu&encapsulation=shadow","src/components/pagination-menu/pagination-menu.tsx"],"sourcesContent":["@import \"reboot\";\n@import \"tables\";\n@import \"buttons\";\n@import \"badge\";\n@import \"grid\";\n@import \"bootstrap-utilities\";\n@import \"pagination\";\n\n:host {\n  @include host-base-styles;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { ExtendedPagingDefaults, ExtendedPagingInfo } from '../../api/Pagination';\n\nexport interface TableProps {\n  loading: boolean;\n  errorMessage: string;\n  columnData: (string | string[])[];\n  rowData: any[];\n  paging: ExtendedPagingInfo;\n  params: any\n}\n\n@Component({\n  tag: 'justifi-table',\n  styleUrl: './table.scss',\n  shadow: true,\n})\n\nexport class Table {\n  @Prop() loading: TableProps['loading'] = true;\n  @Prop() errorMessage: TableProps['errorMessage'] = '';\n  @Prop() rowData: TableProps['rowData'] = [];\n  @Prop() columnData!: TableProps['columnData'];\n  @Prop() paging: TableProps['paging'] = ExtendedPagingDefaults;\n  @Prop() params: TableProps['params'] = {};\n  @Prop() entityId: string[];\n  @Prop() rowClickHandler: (e: any) => any;\n\n  showEmptyState() {\n    return this.rowData ? this.rowData.length < 1 : true;\n  }\n\n  emptyState = () => (\n    <tr>\n      <td class=\"empty-state\" part=\"empty-state\" colSpan={this.columnData?.length} style={{ textAlign: 'center' }}>No results</td>\n    </tr>\n  );\n\n  errorState = () => (\n    <tr>\n      <td class=\"error-state\" part=\"error-state\" colSpan={this.columnData?.length} style={{ textAlign: 'center' }}>\n        An unexpected error occurred: {this.errorMessage}\n      </td>\n    </tr>\n  );\n\n  loadingState = () => (\n    <tr>\n      <td class=\"loading-state\" part=\"loading-state-cell\" colSpan={this.columnData?.length} style={{ textAlign: 'center' }}>\n        <div part=\"loading-state-spinner\" class=\"spinner-border\" role=\"status\">\n          <span class=\"visually-hidden\">Loading...</span>\n        </div>\n      </td>\n    </tr>\n  );\n\n  render() {\n    return (\n      <Host exportparts=\"\n        table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,\n        table-row-odd,table-cell,loading-state-cell,loading-state-spinner,error-state,\n        empty-state,pagination-bar,arrow,arrow-left,arrow-right,button-disabled,\n        previous-button-text,next-button-text\n      \">\n        {this.columnData ?\n          <table class=\"table table-hover\">\n            <thead class=\"table-head sticky-top\" part=\"table-head\">\n              <tr class=\"table-light\" part='table-head-row'>\n                {\n                  this.columnData?.map((column) =>\n                    <th part=\"table-head-cell\" scope=\"col\" title={Array.isArray(column) ? column[1] : ''}>\n                      {!Array.isArray(column) ? column : column[0]}\n                    </th>\n                  )\n                }\n              </tr>\n            </thead>\n            <tbody class=\"table-body\" part='table-body'>\n              {\n                this.loading ? this.loadingState() :\n                  this.errorMessage ? this.errorState() :\n                    this.showEmptyState() ? this.emptyState() :\n                      this.rowData?.map((data, index) => {\n                        return (\n                          <tr\n                            data-row-entity-id={this.entityId[index]}\n                            onClick={e => this.rowClickHandler ? this.rowClickHandler(e) : null}\n                            part={`table-row${index % 2 ? ' table-row-even' : ' table-row-odd'}`}\n                          >\n                            {\n                              data.map((dataEntry: any) => {\n                                return (\n                                  !dataEntry?.type\n                                    ? <td part=\"table-cell\">{dataEntry}</td>\n                                    : <th scope=\"row\" part=\"table-cell\">\n                                      <td part=\"table-cell\" innerHTML={dataEntry.value}></td>\n                                    </th>\n                                )\n                              }\n                              )\n                            }\n                          </tr>\n                        )\n                      })\n              }\n            </tbody>\n            {this.paging &&\n              <tfoot class=\"sticky-bottom\">\n                <tr class=\"table-light align-middle\">\n                  <td part=\"pagination-bar\" colSpan={this.columnData?.length}>\n                    <pagination-menu paging={this.paging} params={this.params} />\n                  </td>\n                </tr>\n              </tfoot>\n            }\n          </table>\n          :\n          <div data-test-id=\"empty-error-state\">Column data is required</div>}\n      </Host>\n    )\n  }\n}\n","@import \"reboot\";\n@import \"tables\";\n@import \"buttons\";\n@import \"badge\";\n@import \"grid\";\n@import \"bootstrap-utilities\";\n@import \"pagination\";\n\n:host {\n  @include host-base-styles;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { ExtendedPagingDefaults, ExtendedPagingInfo } from '../../api/Pagination';\n\nexport interface PaginationProps {\n  paging: ExtendedPagingInfo;\n  params?: {};\n}\n\n@Component({\n  tag: 'pagination-menu',\n  styleUrl: '../table/table.scss',\n  shadow: true,\n})\n\nexport class PaginationMenu {\n  @Prop() paging: PaginationProps['paging'] = ExtendedPagingDefaults;\n  @Prop() params: PaginationProps['params'] = {};\n\n  render() {\n    return (\n      <Host>\n        <nav aria-label=\"Table pagination\" class=\"d-flex justify-content-end gap-3\">\n          <ul class=\"pagination m-0\">\n            <li\n              onClick={(e) => {\n                e.preventDefault();\n                this.paging.handleClickPrevious(this.paging.start_cursor);\n              }}\n              part={`previous-button${this.paging.has_previous ? '' : ' button-disabled'}`}\n              class={`page-item ${this.paging.has_previous ? '' : ' disabled'}`}\n            >\n              <a href=\"#\" class=\"page-link\">\n                <span class=\"me-1\" part=\"arrow arrow-left\">&laquo;</span>\n                <span part=\"previous-button-text\">Previous</span>\n              </a>\n            </li>\n            <li\n              onClick={(e) => {\n                e.preventDefault();\n                this.paging.handleClickNext(this.paging.end_cursor);\n              }}\n              part={`${this.paging.has_next ? '' : ' button-disabled'}`}\n              class={`page-item ${this.paging.has_next ? '' : ' disabled'}`}\n            >\n              <a href=\"#\" class=\"page-link\">\n                <span part=\"next-button-text\">Next</span>\n                <span class=\"ms-1\" part=\"arrow arrow-right\">&raquo;</span>\n              </a>\n            </li>\n          </ul>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAW,6n/H,MCkBJC,EAAK,M,yBAchBC,KAAAC,WAAa,K,MAAM,OACjBC,EAAA,UACEA,EAAA,MAAIC,MAAM,cAAcC,KAAK,cAAcC,SAASC,EAAAN,KAAKO,cAAU,MAAAD,SAAA,SAAAA,EAAEE,OAAQC,MAAO,CAAEC,UAAW,WAAU,cACxG,EAGPV,KAAAW,WAAa,K,MAAM,OACjBT,EAAA,UACEA,EAAA,MAAIC,MAAM,cAAcC,KAAK,cAAcC,SAASC,EAAAN,KAAKO,cAAU,MAAAD,SAAA,SAAAA,EAAEE,OAAQC,MAAO,CAAEC,UAAW,WAAU,iCAC1EV,KAAKY,cAEnC,EAGPZ,KAAAa,aAAe,K,MAAM,OACnBX,EAAA,UACEA,EAAA,MAAIC,MAAM,gBAAgBC,KAAK,qBAAqBC,SAASC,EAAAN,KAAKO,cAAU,MAAAD,SAAA,SAAAA,EAAEE,OAAQC,MAAO,CAAEC,UAAW,WACxGR,EAAA,OAAKE,KAAK,wBAAwBD,MAAM,iBAAiBW,KAAK,UAC5DZ,EAAA,QAAMC,MAAM,mBAAiB,gBAG9B,E,aAlCkC,K,kBACU,G,aACV,G,sCAEFY,E,YACA,G,uDAIvC,cAAAC,GACE,OAAOhB,KAAKiB,QAAUjB,KAAKiB,QAAQT,OAAS,EAAI,I,CA2BlD,MAAAU,G,UACE,OACEhB,EAACiB,EAAI,CAACC,YAAY,6TAMfpB,KAAKO,WACJL,EAAA,SAAOC,MAAM,qBACXD,EAAA,SAAOC,MAAM,wBAAwBC,KAAK,cACxCF,EAAA,MAAIC,MAAM,cAAcC,KAAK,mBAEzBE,EAAAN,KAAKO,cAAU,MAAAD,SAAA,SAAAA,EAAEe,KAAKC,GACpBpB,EAAA,MAAIE,KAAK,kBAAkBmB,MAAM,MAAMC,MAAOC,MAAMC,QAAQJ,GAAUA,EAAO,GAAK,KAC9EG,MAAMC,QAAQJ,GAAUA,EAASA,EAAO,QAMpDpB,EAAA,SAAOC,MAAM,aAAaC,KAAK,cAE3BJ,KAAK2B,QAAU3B,KAAKa,eAClBb,KAAKY,aAAeZ,KAAKW,aACvBX,KAAKgB,iBAAmBhB,KAAKC,cAC3B2B,EAAA5B,KAAKiB,WAAO,MAAAW,SAAA,SAAAA,EAAEP,KAAI,CAACQ,EAAMC,IAErB5B,EAAA,2BACsBF,KAAK+B,SAASD,GAClCE,QAASC,GAAKjC,KAAKkC,gBAAkBlC,KAAKkC,gBAAgBD,GAAK,KAC/D7B,KAAM,YAAY0B,EAAQ,EAAI,kBAAoB,oBAGhDD,EAAKR,KAAKc,KAELA,IAAS,MAATA,SAAS,SAATA,EAAWC,MACRlC,EAAA,MAAIE,KAAK,cAAc+B,GACvBjC,EAAA,MAAIqB,MAAM,MAAMnB,KAAK,cACrBF,EAAA,MAAIE,KAAK,aAAaiC,UAAWF,EAAUG,eAWpEtC,KAAKuC,QACJrC,EAAA,SAAOC,MAAM,iBACXD,EAAA,MAAIC,MAAM,4BACRD,EAAA,MAAIE,KAAK,iBAAiBC,SAASmC,EAAAxC,KAAKO,cAAU,MAAAiC,SAAA,SAAAA,EAAEhC,QAClDN,EAAA,mBAAiBqC,OAAQvC,KAAKuC,OAAQE,OAAQzC,KAAKyC,aAO7DvC,EAAA,sBAAkB,qBAAmB,2B,aCrH/C,MAAMJ,EAAW,6n/H,MCcJ4C,EAAc,M,qCACmB3B,E,YACA,E,CAE5C,MAAAG,GACE,OACEhB,EAACiB,EAAI,KACHjB,EAAA,oBAAgB,mBAAmBC,MAAM,oCACvCD,EAAA,MAAIC,MAAM,kBACRD,EAAA,MACE8B,QAAUC,IACRA,EAAEU,iBACF3C,KAAKuC,OAAOK,oBAAoB5C,KAAKuC,OAAOM,aAAa,EAE3DzC,KAAM,kBAAkBJ,KAAKuC,OAAOO,aAAe,GAAK,qBACxD3C,MAAO,aAAaH,KAAKuC,OAAOO,aAAe,GAAK,eAEpD5C,EAAA,KAAG6C,KAAK,IAAI5C,MAAM,aAChBD,EAAA,QAAMC,MAAM,OAAOC,KAAK,oBAAkB,KAC1CF,EAAA,QAAME,KAAK,wBAAsB,cAGrCF,EAAA,MACE8B,QAAUC,IACRA,EAAEU,iBACF3C,KAAKuC,OAAOS,gBAAgBhD,KAAKuC,OAAOU,WAAW,EAErD7C,KAAM,GAAGJ,KAAKuC,OAAOW,SAAW,GAAK,qBACrC/C,MAAO,aAAaH,KAAKuC,OAAOW,SAAW,GAAK,eAEhDhD,EAAA,KAAG6C,KAAK,IAAI5C,MAAM,aAChBD,EAAA,QAAME,KAAK,oBAAkB,QAC7BF,EAAA,QAAMC,MAAM,OAAOC,KAAK,qBAAmB,S"}