@ni/nimble-components 19.8.4 → 19.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all-components-bundle.js +19 -11
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +10 -10
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/src/table/index.d.ts +1 -0
- package/dist/esm/src/table/models/table-layout-manager.d.ts +1 -1
- package/dist/esm/src/table/types.d.ts +8 -0
- package/dist/esm/src/table-column/date-text/cell-view/index.d.ts +15 -0
- package/dist/esm/src/table-column/date-text/group-header-view/index.d.ts +16 -0
- package/dist/esm/src/table-column/date-text/index.d.ts +18 -0
- package/dist/esm/src/table-column/date-text/testing/table-column-date-text.pageobject.d.ts +14 -0
- package/dist/esm/table/index.d.ts +1 -0
- package/dist/esm/table/index.js +9 -0
- package/dist/esm/table/index.js.map +1 -1
- package/dist/esm/table/models/table-layout-manager.d.ts +1 -1
- package/dist/esm/table/models/table-layout-manager.js +9 -10
- package/dist/esm/table/models/table-layout-manager.js.map +1 -1
- package/dist/esm/table/types.d.ts +8 -0
- package/dist/esm/table/types.js.map +1 -1
- package/dist/esm/table-column/date-text/cell-view/index.d.ts +15 -0
- package/dist/esm/table-column/date-text/cell-view/index.js +34 -0
- package/dist/esm/table-column/date-text/cell-view/index.js.map +1 -0
- package/dist/esm/table-column/date-text/group-header-view/index.d.ts +16 -0
- package/dist/esm/table-column/date-text/group-header-view/index.js +36 -0
- package/dist/esm/table-column/date-text/group-header-view/index.js.map +1 -0
- package/dist/esm/table-column/date-text/index.d.ts +18 -0
- package/dist/esm/table-column/date-text/index.js +31 -0
- package/dist/esm/table-column/date-text/index.js.map +1 -0
- package/dist/esm/table-column/date-text/testing/table-column-date-text.pageobject.d.ts +14 -0
- package/dist/esm/table-column/date-text/testing/table-column-date-text.pageobject.js +36 -0
- package/dist/esm/table-column/date-text/testing/table-column-date-text.pageobject.js.map +1 -0
- package/package.json +1 -1
|
@@ -6380,8 +6380,8 @@ e?.closeOpenActionMenus()}}}function Lx(e){switch(e){case Xw:return zw.basic
|
|
|
6380
6380
|
case Yw:return zx
|
|
6381
6381
|
default:return zw.basic}}function zx(e,t,i){const o=e.getValue(i),n=t.getValue(i)
|
|
6382
6382
|
return"string"==typeof o&&"string"==typeof n?o.localeCompare(n):o===n?0:void 0===o||null===o&&void 0!==n?-1:1}e([m],Dx.prototype,"visibleItems",void 0),e([m],Dx.prototype,"scrollHeight",void 0),e([m],Dx.prototype,"headerContainerMarginRight",void 0),e([m],Dx.prototype,"rowContainerYOffset",void 0)
|
|
6383
|
-
class Bx{constructor(e){this.table=e,this.isColumnBeingSized=!1,this.visibleColumns=[],this.currentTotalDelta=0,this.dragStart=0,this.
|
|
6384
|
-
for(let e=0;e<this.visibleColumns.length;e++)this.visibleColumns[e].columnInternals.currentPixelWidth=this.
|
|
6383
|
+
class Bx{constructor(e){this.table=e,this.isColumnBeingSized=!1,this.visibleColumns=[],this.currentTotalDelta=0,this.dragStart=0,this.initialColumnWidths=[],this.onDividerMouseMove=e=>{const t=e
|
|
6384
|
+
for(let e=0;e<this.visibleColumns.length;e++)this.visibleColumns[e].columnInternals.currentPixelWidth=this.initialColumnWidths[e]?.initialPixelWidth
|
|
6385
6385
|
this.currentTotalDelta=this.getAllowedSizeDelta(t.clientX-this.dragStart),this.performCascadeSizeLeft(this.leftColumnIndex,this.currentTotalDelta),this.performCascadeSizeRight(this.rightColumnIndex,this.currentTotalDelta)
|
|
6386
6386
|
const i=this.getTotalColumnFixedWidth()-this.initialColumnTotalWidth
|
|
6387
6387
|
this.table.tableScrollableMinWidth=i>0?this.initialTableScrollableWidth+i:this.initialTableScrollableMinWidth},this.onDividerMouseUp=()=>{document.removeEventListener("mousemove",this.onDividerMouseMove),document.removeEventListener("mouseup",this.onDividerMouseUp),this.resetGridSizedColumns(),this.isColumnBeingSized=!1,this.activeColumnIndex=void 0}}getGridTemplateColumns(){return this.getVisibleColumns().map((e=>{const{minPixelWidth:t,currentPixelWidth:i,currentFractionalWidth:o}=e.columnInternals
|
|
@@ -6393,17 +6393,17 @@ for(let t=0;t<e.length;t++)this.visibleColumns[t].columnInternals.currentPixelWi
|
|
|
6393
6393
|
this.cacheColumnInitialPixelWidths()}getAllowedSizeDelta(e){let t=0
|
|
6394
6394
|
if(e>0)return e
|
|
6395
6395
|
let i=this.leftColumnIndex
|
|
6396
|
-
for(;i>=0;){const e=this.
|
|
6396
|
+
for(;i>=0;){const e=this.initialColumnWidths[i]
|
|
6397
6397
|
t+=e.initialPixelWidth-e.minPixelWidth,i-=1}return Math.max(e,-t)}performCascadeSizeLeft(e,t){let i=t
|
|
6398
|
-
const o=this.
|
|
6398
|
+
const o=this.initialColumnWidths[e],n=t<0?Math.max(o.minPixelWidth-o.initialPixelWidth,i):t,s=Math.round(n)
|
|
6399
6399
|
this.visibleColumns[e].columnInternals.currentPixelWidth+=s,s>i&&e>0&&t<0&&(i-=n,this.performCascadeSizeLeft(e-1,i))}performCascadeSizeRight(e,t){let i=t
|
|
6400
|
-
const o=this.
|
|
6400
|
+
const o=this.initialColumnWidths[e],n=t>0?Math.min(o.initialPixelWidth-o.minPixelWidth,i):t,s=Math.round(n)
|
|
6401
6401
|
this.visibleColumns[e].columnInternals.currentPixelWidth-=s,s<i&&e<this.visibleColumns.length-1&&t>0&&(i-=n,this.performCascadeSizeRight(e+1,i))}cacheGridSizedColumns(){this.gridSizedColumns=[]
|
|
6402
|
-
for(const e of this.visibleColumns)void 0===e.columnInternals.currentPixelWidth&&this.gridSizedColumns.push(e)}cacheColumnInitialPixelWidths(){this.
|
|
6403
|
-
for(const e of this.visibleColumns)this.
|
|
6402
|
+
for(const e of this.visibleColumns)void 0===e.columnInternals.currentPixelWidth&&this.gridSizedColumns.push(e)}cacheColumnInitialPixelWidths(){this.initialColumnWidths=[]
|
|
6403
|
+
for(const e of this.visibleColumns)this.initialColumnWidths.push({initalColumnFractionalWidth:e.columnInternals.currentFractionalWidth,initialPixelWidth:e.columnInternals.currentPixelWidth,minPixelWidth:e.columnInternals.minPixelWidth})}resetGridSizedColumns(){if(!this.gridSizedColumns)return
|
|
6404
6404
|
let e=0
|
|
6405
6405
|
for(let t=0;t<this.visibleColumns.length&&e<this.gridSizedColumns.length;t++){const i=this.visibleColumns[t]
|
|
6406
|
-
i===this.gridSizedColumns[e]&&(e+=1,i.columnInternals.currentFractionalWidth=i.columnInternals.currentPixelWidth/this.
|
|
6406
|
+
i===this.gridSizedColumns[e]&&(e+=1,i.columnInternals.currentFractionalWidth=i.columnInternals.currentPixelWidth/this.initialColumnWidths[t].initialPixelWidth*this.initialColumnWidths[t].initalColumnFractionalWidth,i.columnInternals.currentPixelWidth=void 0)}}getVisibleColumns(){return this.table.columns.filter((e=>!e.columnHidden))}getLeftColumnIndexFromDivider(e){return Math.floor(e/2)}}e([m],Bx.prototype,"isColumnBeingSized",void 0),e([m],Bx.prototype,"activeColumnIndex",void 0)
|
|
6407
6407
|
class Nx{constructor(e){this.trackedItems={},this.trackedItems=e.reduce(((e,t)=>({...e,[t]:!1})),this.trackedItems)}getTrackedItems(){return{...this.trackedItems}}isTracked(e){return this.trackedItems[e]}track(e){this.trackedItems[e]=!0}untrack(e){this.trackedItems[e]=!1}trackAll(){this.setAllKeys(!0)}untrackAll(){this.setAllKeys(!1)}allTracked(){return Object.values(this.trackedItems).every((e=>e))}anyTracked(){return Object.values(this.trackedItems).some((e=>e))}noneTracked(){return Object.values(this.trackedItems).every((e=>!e))}setAllKeys(e){this.trackedItems=Object.keys(this.trackedItems).reduce(((t,i)=>({...t,[i]:e})),this.trackedItems)}}class Zx extends Nx{}const qx=(e,...t)=>{for(const i of t)if(e===i)return!0
|
|
6408
6408
|
return!1},jx=(e,...t)=>{for(const i of t)if(e===i)return!0
|
|
6409
6409
|
return!1},Gx=["rowIds","groupRows","columnIds","columnSort","columnWidths","columnDefinition","actionMenuSlots","selectionMode"]
|
|
@@ -6455,14 +6455,14 @@ return{rows:a(i.rows),flatRows:n,rowsById:i.rowsById}}),{key:!1,debug:()=>{var t
|
|
|
6455
6455
|
return null!=(t=e.options.debugAll)?t:e.options.debugTable},onChange:()=>{e._autoResetPageIndex()}}),getGroupedRowModel:qw(),getExpandedRowModel:e=>lw((()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows]),((e,t,i)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:i?function(e){const t=[],i=e=>{var o
|
|
6456
6456
|
t.push(e),null!=(o=e.subRows)&&o.length&&e.getIsExpanded()&&e.subRows.forEach(i)}
|
|
6457
6457
|
return e.rows.forEach(i),{rows:t,flatRows:e.flatRows,rowsById:e.rowsById}}(t):t),{key:!1,debug:()=>{var t
|
|
6458
|
-
return null!=(t=e.options.debugAll)?t:e.options.debugTable}}),getIsRowExpanded:this.getIsRowExpanded,columns:[],state:{rowSelection:{},grouping:[],expanded:!0},enableRowSelection:e=>!e.getIsGrouped(),enableMultiRowSelection:!1,enableSubRowSelection:!1,enableSorting:!0,enableGrouping:!0,renderFallbackValue:null,autoResetAll:!1},this.table=Nw(this.options),this.virtualizer=new Dx(this,this.table),this.layoutManager=new Bx(this),this.selectionManager=new Qx(this.table,this.selectionMode)}get validity(){return this.tableValidator.getValidity()}async setData(e){await this.processPendingUpdates()
|
|
6458
|
+
return null!=(t=e.options.debugAll)?t:e.options.debugTable}}),getIsRowExpanded:this.getIsRowExpanded,columns:[],state:{rowSelection:{},grouping:[],expanded:!0},enableRowSelection:e=>!e.getIsGrouped(),enableMultiRowSelection:!1,enableSubRowSelection:!1,enableSorting:!0,enableGrouping:!0,renderFallbackValue:null,autoResetAll:!1},this.table=Nw(this.options),this.virtualizer=new Dx(this,this.table),this.layoutManager=new Bx(this),this.layoutManagerNotifier=v.getNotifier(this.layoutManager),this.layoutManagerNotifier.subscribe(this,"isColumnBeingSized"),this.selectionManager=new Qx(this.table,this.selectionMode)}get validity(){return this.tableValidator.getValidity()}async setData(e){await this.processPendingUpdates()
|
|
6459
6459
|
const t=e.map((e=>({...e}))),i={data:t}
|
|
6460
6460
|
if(this.validateWithData(t),this.tableValidator.areRecordIdsValid()){const e=await this.getSelectedRecordIds()
|
|
6461
6461
|
i.state={rowSelection:this.calculateTanStackSelectionState(e)}}this.updateTableOptions(i)}async getSelectedRecordIds(){await this.processPendingUpdates()
|
|
6462
6462
|
const e=this.options.state.rowSelection
|
|
6463
6463
|
if(!e)return[]
|
|
6464
6464
|
const t=[]
|
|
6465
|
-
return Object.entries(e).forEach((([e,i])=>{i&&t.push(e)})),t}async setSelectedRecordIds(e){await this.processPendingUpdates(),this.selectionMode!==Gw.none&&this.updateTableOptions({state:{rowSelection:this.calculateTanStackSelectionState(e)}})}connectedCallback(){super.connectedCallback(),this.initialize(),this.virtualizer.connectedCallback(),this.viewport.addEventListener("scroll",this.onViewPortScroll,{passive:!0}),document.addEventListener("keydown",this.onKeyDown),document.addEventListener("keyup",this.onKeyUp)}disconnectedCallback(){super.disconnectedCallback(),this.virtualizer.disconnectedCallback(),this.viewport.removeEventListener("scroll",this.onViewPortScroll),document.removeEventListener("keydown",this.onKeyDown),document.removeEventListener("keyup",this.onKeyUp)}checkValidity(){return this.tableValidator.isValid()}handleChange(e,t){(e instanceof ox||e instanceof ix)&&"string"==typeof t
|
|
6465
|
+
return Object.entries(e).forEach((([e,i])=>{i&&t.push(e)})),t}async setSelectedRecordIds(e){await this.processPendingUpdates(),this.selectionMode!==Gw.none&&this.updateTableOptions({state:{rowSelection:this.calculateTanStackSelectionState(e)}})}connectedCallback(){super.connectedCallback(),this.initialize(),this.virtualizer.connectedCallback(),this.viewport.addEventListener("scroll",this.onViewPortScroll,{passive:!0}),document.addEventListener("keydown",this.onKeyDown),document.addEventListener("keyup",this.onKeyUp)}disconnectedCallback(){super.disconnectedCallback(),this.virtualizer.disconnectedCallback(),this.viewport.removeEventListener("scroll",this.onViewPortScroll),document.removeEventListener("keydown",this.onKeyDown),document.removeEventListener("keyup",this.onKeyUp)}checkValidity(){return this.tableValidator.isValid()}handleChange(e,t){(e instanceof ox||e instanceof ix)&&"string"==typeof t?"validConfiguration"===t?this.tableValidator.validateColumnConfigurations(this.columns):this.tableUpdateTracker.trackColumnPropertyChanged(t):e instanceof Bx&&"isColumnBeingSized"===t&&!this.layoutManager.isColumnBeingSized&&this.emitColumnConfigurationChangeEvent()}onRowSelectionToggle(e,t){t.stopImmediatePropagation()
|
|
6466
6466
|
this.selectionManager.handleRowSelectionToggle(this.tableData[e],t.detail.newState,this.documentShiftKeyDown)&&this.emitSelectionChangeEvent()}onRowClick(e,t){return this.selectionManager.handleRowClick(this.tableData[e],t.shiftKey,t.ctrlKey||t.metaKey)&&this.emitSelectionChangeEvent(),!0}onAllRowsSelectionChange(e){e.stopPropagation(),this.ignoreSelectionChangeEvents||(this.table.toggleAllRowsSelected(this.selectionCheckbox.checked),this.emitSelectionChangeEvent())}onRowActionMenuBeforeToggle(e,t){t.stopImmediatePropagation(),this.handleActionMenuBeforeToggleEvent(e,t)}onRowActionMenuToggle(e){e.stopImmediatePropagation(),this.handleRowActionMenuToggleEvent(e)}handleCollapseAllGroupRows(){this.collapsedRows.clear(),this.table.getRowModel().flatRows.filter((e=>e.getIsGrouped())).forEach((e=>this.collapsedRows.add(e.id))),this.table.toggleAllRowsExpanded(!1)}onRightDividerMouseDown(e,t){0===e.button&&this.layoutManager.beginColumnInteractiveSize(e.clientX,2*t)}onLeftDividerMouseDown(e,t){0===e.button&&this.layoutManager.beginColumnInteractiveSize(e.clientX,2*t-1)}handleGroupRowExpanded(e,t){this.toggleGroupExpanded(e),t.stopPropagation()}toggleColumnSort(e,t){if(e.sortingDisabled)return
|
|
6467
6467
|
const i=this.getColumnsParticipatingInSorting().sort(((e,t)=>e.columnInternals.currentSortIndex-t.columnInternals.currentSortIndex)),o=i.indexOf(e),n=o>-1,s=e.columnInternals.currentSortDirection
|
|
6468
6468
|
let r=jw.ascending
|