@xyo-network/react-payload-table 2.40.0 → 2.40.1

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.
Files changed (98) hide show
  1. package/dist/cjs/components/Table/PayloadTableColumnConfig.d.ts +6 -6
  2. package/dist/cjs/components/Table/PayloadTableColumnConfig.d.ts.map +1 -1
  3. package/dist/cjs/components/Table/Table.d.ts +7 -3
  4. package/dist/cjs/components/Table/Table.d.ts.map +1 -1
  5. package/dist/cjs/components/Table/Table.js +10 -33
  6. package/dist/cjs/components/Table/Table.js.map +1 -1
  7. package/dist/cjs/components/Table/TableBody.d.ts +4 -0
  8. package/dist/cjs/components/Table/TableBody.d.ts.map +1 -0
  9. package/dist/cjs/components/Table/TableBody.js +22 -0
  10. package/dist/cjs/components/Table/TableBody.js.map +1 -0
  11. package/dist/cjs/components/Table/TableFooter.d.ts +4 -0
  12. package/dist/cjs/components/Table/TableFooter.d.ts.map +1 -0
  13. package/dist/cjs/components/Table/TableFooter.js +22 -0
  14. package/dist/cjs/components/Table/TableFooter.js.map +1 -0
  15. package/dist/cjs/components/Table/TableHead.d.ts +4 -0
  16. package/dist/cjs/components/Table/TableHead.d.ts.map +1 -0
  17. package/dist/cjs/components/Table/TableHead.js +20 -0
  18. package/dist/cjs/components/Table/TableHead.js.map +1 -0
  19. package/dist/cjs/components/Table/TableRowNoData.d.ts +7 -0
  20. package/dist/cjs/components/Table/TableRowNoData.d.ts.map +1 -0
  21. package/dist/cjs/components/Table/TableRowNoData.js +12 -0
  22. package/dist/cjs/components/Table/TableRowNoData.js.map +1 -0
  23. package/dist/cjs/components/Table/index.d.ts +1 -0
  24. package/dist/cjs/components/Table/index.d.ts.map +1 -1
  25. package/dist/cjs/components/Table/index.js +1 -0
  26. package/dist/cjs/components/Table/index.js.map +1 -1
  27. package/dist/cjs/components/Table/types/PayloadTableBodyProps.d.ts +15 -0
  28. package/dist/cjs/components/Table/types/PayloadTableBodyProps.d.ts.map +1 -0
  29. package/dist/cjs/components/Table/types/PayloadTableBodyProps.js +3 -0
  30. package/dist/cjs/components/Table/types/PayloadTableBodyProps.js.map +1 -0
  31. package/dist/cjs/components/Table/types/PayloadTableFooterProps.d.ts +13 -0
  32. package/dist/cjs/components/Table/types/PayloadTableFooterProps.d.ts.map +1 -0
  33. package/dist/cjs/components/Table/types/PayloadTableFooterProps.js +3 -0
  34. package/dist/cjs/components/Table/types/PayloadTableFooterProps.js.map +1 -0
  35. package/dist/cjs/components/Table/types/PayloadTableHeadProps.d.ts +6 -0
  36. package/dist/cjs/components/Table/types/PayloadTableHeadProps.d.ts.map +1 -0
  37. package/dist/cjs/components/Table/types/PayloadTableHeadProps.js +3 -0
  38. package/dist/cjs/components/Table/types/PayloadTableHeadProps.js.map +1 -0
  39. package/dist/cjs/components/Table/types/index.d.ts +3 -0
  40. package/dist/cjs/components/Table/types/index.d.ts.map +1 -1
  41. package/dist/cjs/components/Table/types/index.js +3 -0
  42. package/dist/cjs/components/Table/types/index.js.map +1 -1
  43. package/dist/docs.json +1276 -197
  44. package/dist/esm/components/Table/PayloadTableColumnConfig.d.ts +6 -6
  45. package/dist/esm/components/Table/PayloadTableColumnConfig.d.ts.map +1 -1
  46. package/dist/esm/components/Table/Table.d.ts +7 -3
  47. package/dist/esm/components/Table/Table.d.ts.map +1 -1
  48. package/dist/esm/components/Table/Table.js +12 -34
  49. package/dist/esm/components/Table/Table.js.map +1 -1
  50. package/dist/esm/components/Table/TableBody.d.ts +4 -0
  51. package/dist/esm/components/Table/TableBody.d.ts.map +1 -0
  52. package/dist/esm/components/Table/TableBody.js +16 -0
  53. package/dist/esm/components/Table/TableBody.js.map +1 -0
  54. package/dist/esm/components/Table/TableFooter.d.ts +4 -0
  55. package/dist/esm/components/Table/TableFooter.d.ts.map +1 -0
  56. package/dist/esm/components/Table/TableFooter.js +18 -0
  57. package/dist/esm/components/Table/TableFooter.js.map +1 -0
  58. package/dist/esm/components/Table/TableHead.d.ts +4 -0
  59. package/dist/esm/components/Table/TableHead.d.ts.map +1 -0
  60. package/dist/esm/components/Table/TableHead.js +13 -0
  61. package/dist/esm/components/Table/TableHead.js.map +1 -0
  62. package/dist/esm/components/Table/TableRowNoData.d.ts +7 -0
  63. package/dist/esm/components/Table/TableRowNoData.d.ts.map +1 -0
  64. package/dist/esm/components/Table/TableRowNoData.js +6 -0
  65. package/dist/esm/components/Table/TableRowNoData.js.map +1 -0
  66. package/dist/esm/components/Table/index.d.ts +1 -0
  67. package/dist/esm/components/Table/index.d.ts.map +1 -1
  68. package/dist/esm/components/Table/index.js +1 -0
  69. package/dist/esm/components/Table/index.js.map +1 -1
  70. package/dist/esm/components/Table/types/PayloadTableBodyProps.d.ts +15 -0
  71. package/dist/esm/components/Table/types/PayloadTableBodyProps.d.ts.map +1 -0
  72. package/dist/esm/components/Table/types/PayloadTableBodyProps.js +2 -0
  73. package/dist/esm/components/Table/types/PayloadTableBodyProps.js.map +1 -0
  74. package/dist/esm/components/Table/types/PayloadTableFooterProps.d.ts +13 -0
  75. package/dist/esm/components/Table/types/PayloadTableFooterProps.d.ts.map +1 -0
  76. package/dist/esm/components/Table/types/PayloadTableFooterProps.js +2 -0
  77. package/dist/esm/components/Table/types/PayloadTableFooterProps.js.map +1 -0
  78. package/dist/esm/components/Table/types/PayloadTableHeadProps.d.ts +6 -0
  79. package/dist/esm/components/Table/types/PayloadTableHeadProps.d.ts.map +1 -0
  80. package/dist/esm/components/Table/types/PayloadTableHeadProps.js +2 -0
  81. package/dist/esm/components/Table/types/PayloadTableHeadProps.js.map +1 -0
  82. package/dist/esm/components/Table/types/index.d.ts +3 -0
  83. package/dist/esm/components/Table/types/index.d.ts.map +1 -1
  84. package/dist/esm/components/Table/types/index.js +3 -0
  85. package/dist/esm/components/Table/types/index.js.map +1 -1
  86. package/package.json +7 -7
  87. package/src/components/Table/PayloadTableColumnConfig.ts +6 -6
  88. package/src/components/Table/Table.stories.tsx +24 -9
  89. package/src/components/Table/Table.tsx +43 -86
  90. package/src/components/Table/TableBody.tsx +54 -0
  91. package/src/components/Table/TableFooter.tsx +44 -0
  92. package/src/components/Table/TableHead.tsx +26 -0
  93. package/src/components/Table/TableRowNoData.tsx +17 -0
  94. package/src/components/Table/index.ts +1 -0
  95. package/src/components/Table/types/PayloadTableBodyProps.ts +15 -0
  96. package/src/components/Table/types/PayloadTableFooterProps.ts +13 -0
  97. package/src/components/Table/types/PayloadTableHeadProps.ts +7 -0
  98. package/src/components/Table/types/index.ts +3 -0
@@ -1,10 +1,10 @@
1
1
  export declare type PayloadTableColumnSlug = 'hash' | 'schema' | 'valid';
2
- export interface PayloadTableColumnConfig {
3
- xs?: PayloadTableColumnSlug[];
4
- sm?: PayloadTableColumnSlug[];
5
- md?: PayloadTableColumnSlug[];
6
- lg?: PayloadTableColumnSlug[];
7
- xl?: PayloadTableColumnSlug[];
2
+ export interface PayloadTableColumnConfig<T = PayloadTableColumnSlug> {
3
+ xs?: T[];
4
+ sm?: T[];
5
+ md?: T[];
6
+ lg?: T[];
7
+ xl?: T[];
8
8
  }
9
9
  export declare const payloadColumnNames: Record<PayloadTableColumnSlug, string>;
10
10
  export declare const payloadTableColumnConfigDefaults: () => PayloadTableColumnConfig;
@@ -1 +1 @@
1
- {"version":3,"file":"PayloadTableColumnConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAAA,oBAAY,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEhE,MAAM,WAAW,wBAAwB;IACvC,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;CAC9B;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAIrE,CAAA;AAED,eAAO,MAAM,gCAAgC,QAAO,wBAOnD,CAAA"}
1
+ {"version":3,"file":"PayloadTableColumnConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAAA,oBAAY,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEhE,MAAM,WAAW,wBAAwB,CAAC,CAAC,GAAG,sBAAsB;IAClE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACR,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACR,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACR,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACR,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;CACT;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAIrE,CAAA;AAED,eAAO,MAAM,gCAAgC,QAAO,wBAOnD,CAAA"}
@@ -1,7 +1,8 @@
1
- /// <reference types="react" />
2
1
  import { XyoPayload } from '@xyo-network/payload';
3
2
  import { TableExProps } from '@xyo-network/react-table';
3
+ import { ComponentType } from 'react';
4
4
  import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
5
+ import { PayloadTableBodyProps, PayloadTableFooterProps, PayloadTableHeadProps } from './types';
5
6
  export interface PayloadTableProps extends TableExProps {
6
7
  exploreDomain?: string;
7
8
  archive?: string;
@@ -10,6 +11,9 @@ export interface PayloadTableProps extends TableExProps {
10
11
  payloads?: XyoPayload[] | null;
11
12
  loading?: boolean;
12
13
  columns?: PayloadTableColumnConfig;
14
+ PayloadTableHeadComponent?: ComponentType<PayloadTableHeadProps>;
15
+ PayloadTableBodyComponent?: ComponentType<PayloadTableBodyProps>;
16
+ PayloadTableFooterComponent?: ComponentType<PayloadTableFooterProps>;
13
17
  /** External trigger to fetch more payloads */
14
18
  fetchMorePayloads?: () => void;
15
19
  /** set number of schema parts to display starting from the end */
@@ -17,6 +21,6 @@ export interface PayloadTableProps extends TableExProps {
17
21
  /** Total number of payloads passed */
18
22
  count?: number;
19
23
  }
20
- export declare const PayloadTableWithRef: import("react").ForwardRefExoticComponent<Pick<PayloadTableProps, "className" | "style" | "classes" | "children" | "sx" | "slot" | "summary" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "archive" | "exploreDomain" | "columns" | "align" | "width" | "loading" | "size" | "bgcolor" | "border" | "cellPadding" | "cellSpacing" | "frame" | "rules" | "padding" | "payloads" | "variant" | "stickyHeader" | "onRowClick" | "rowsPerPage" | "count" | "maxSchemaDepth" | "fetchMorePayloads"> & import("react").RefAttributes<HTMLTableElement>>;
21
- export declare const PayloadTable: import("react").ForwardRefExoticComponent<Pick<PayloadTableProps, "className" | "style" | "classes" | "children" | "sx" | "slot" | "summary" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "archive" | "exploreDomain" | "columns" | "align" | "width" | "loading" | "size" | "bgcolor" | "border" | "cellPadding" | "cellSpacing" | "frame" | "rules" | "padding" | "payloads" | "variant" | "stickyHeader" | "onRowClick" | "rowsPerPage" | "count" | "maxSchemaDepth" | "fetchMorePayloads"> & import("react").RefAttributes<HTMLTableElement>>;
24
+ export declare const PayloadTableWithRef: import("react").ForwardRefExoticComponent<Pick<PayloadTableProps, "className" | "style" | "classes" | "children" | "sx" | "slot" | "summary" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "archive" | "exploreDomain" | "columns" | "align" | "width" | "loading" | "size" | "bgcolor" | "border" | "cellPadding" | "cellSpacing" | "frame" | "rules" | "padding" | "payloads" | "variant" | "stickyHeader" | "onRowClick" | "rowsPerPage" | "count" | "maxSchemaDepth" | "fetchMorePayloads" | "PayloadTableHeadComponent" | "PayloadTableBodyComponent" | "PayloadTableFooterComponent"> & import("react").RefAttributes<HTMLTableElement>>;
25
+ export declare const PayloadTable: import("react").ForwardRefExoticComponent<Pick<PayloadTableProps, "className" | "style" | "classes" | "children" | "sx" | "slot" | "summary" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "archive" | "exploreDomain" | "columns" | "align" | "width" | "loading" | "size" | "bgcolor" | "border" | "cellPadding" | "cellSpacing" | "frame" | "rules" | "padding" | "payloads" | "variant" | "stickyHeader" | "onRowClick" | "rowsPerPage" | "count" | "maxSchemaDepth" | "fetchMorePayloads" | "PayloadTableHeadComponent" | "PayloadTableBodyComponent" | "PayloadTableFooterComponent"> & import("react").RefAttributes<HTMLTableElement>>;
22
26
  //# sourceMappingURL=Table.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjE,OAAO,EAAW,YAAY,EAAiB,MAAM,0BAA0B,CAAA;AAG/E,OAAO,EAAsB,wBAAwB,EAAoC,MAAM,4BAA4B,CAAA;AAI3H,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,mBAAmB,27JAuI/B,CAAA;AAID,eAAO,MAAM,YAAY,27JAAsB,CAAA"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAW,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,aAAa,EAA4C,MAAM,OAAO,CAAA;AAE/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAKrE,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/F,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,yBAAyB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAA;IAChE,yBAAyB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAA;IAChE,2BAA2B,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAA;IACpE,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,mBAAmB,uhKAiG/B,CAAA;AAID,eAAO,MAAM,YAAY,uhKAAsB,CAAA"}
@@ -3,19 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.PayloadTable = exports.PayloadTableWithRef = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
- const material_1 = require("@mui/material");
7
- const react_shared_1 = require("@xylabs/react-shared");
8
- const payload_1 = require("@xyo-network/payload");
9
- const react_error_1 = require("@xyo-network/react-error");
10
6
  const react_table_1 = require("@xyo-network/react-table");
11
7
  const react_1 = require("react");
12
- const PayloadTableColumnConfig_1 = require("./PayloadTableColumnConfig");
13
- const TablePagination_1 = require("./TablePagination");
14
- const TableRow_1 = require("./TableRow");
8
+ const TableBody_1 = require("./TableBody");
9
+ const TableFooter_1 = require("./TableFooter");
10
+ const TableHead_1 = require("./TableHead");
11
+ const TableRowNoData_1 = require("./TableRowNoData");
15
12
  exports.PayloadTableWithRef = (0, react_1.forwardRef)((_a, ref) => {
16
- var _b;
17
- var { exploreDomain, archive, onRowClick, fetchMorePayloads, rowsPerPage: rowsPerPageProp = 25, payloads, children, columns = (0, PayloadTableColumnConfig_1.payloadTableColumnConfigDefaults)(), maxSchemaDepth, count = 0, loading = false, variant = 'scrollable' } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "archive", "onRowClick", "fetchMorePayloads", "rowsPerPage", "payloads", "children", "columns", "maxSchemaDepth", "count", "loading", "variant"]);
18
- const breakPoint = (0, react_shared_1.useBreakpoint)();
13
+ var { exploreDomain, archive, onRowClick, fetchMorePayloads, rowsPerPage: rowsPerPageProp = 25, payloads, columns, PayloadTableHeadComponent = TableHead_1.PayloadTableHead, PayloadTableBodyComponent = TableBody_1.PayloadTableBody, PayloadTableFooterComponent = TableFooter_1.PayloadTableFooter, maxSchemaDepth, count = 0, loading = false, variant = 'scrollable' } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "archive", "onRowClick", "fetchMorePayloads", "rowsPerPage", "payloads", "columns", "PayloadTableHeadComponent", "PayloadTableBodyComponent", "PayloadTableFooterComponent", "maxSchemaDepth", "count", "loading", "variant"]);
19
14
  const [page, setPage] = (0, react_1.useState)(0);
20
15
  const [rowsPerPage, setRowsPerPage] = (0, react_1.useState)(rowsPerPageProp);
21
16
  const [visiblePayloads, setVisiblePayloads] = (0, react_1.useState)([]);
@@ -47,7 +42,7 @@ exports.PayloadTableWithRef = (0, react_1.forwardRef)((_a, ref) => {
47
42
  }
48
43
  }
49
44
  };
50
- const handleChangePage = (event, newPage) => {
45
+ const handleChangePage = (_event, newPage) => {
51
46
  handleAdditionalPayloads();
52
47
  setPage(newPage);
53
48
  };
@@ -55,29 +50,11 @@ exports.PayloadTableWithRef = (0, react_1.forwardRef)((_a, ref) => {
55
50
  setRowsPerPage(parseInt(event.target.value, 10));
56
51
  setPage(0);
57
52
  };
58
- return breakPoint ? ((0, jsx_runtime_1.jsxs)(react_table_1.TableEx, Object.assign({ variant: variant, ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (_b = columns[breakPoint]) === null || _b === void 0 ? void 0 : _b.map((column, index) => {
59
- return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ width: index === 0 ? '100%' : undefined, align: index === 0 ? 'left' : 'center' }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", noWrap: true }, { children: PayloadTableColumnConfig_1.payloadColumnNames[column] })) }), index));
60
- }) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [visiblePayloads === null || visiblePayloads === void 0 ? void 0 : visiblePayloads.map((payload, index) => {
61
- const wrapper = new payload_1.PayloadWrapper(payload);
62
- return ((0, jsx_runtime_1.jsx)(react_error_1.XyoThrownErrorBoundary, Object.assign({ errorComponent: (e) => ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error" }, { children: ["Error Loading Payload: ", (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: "bold" }, { children: e.message }))] }))) }, { children: (0, jsx_runtime_1.jsx)(TableRow_1.PayloadTableRow, { maxSchemaDepth: maxSchemaDepth, archive: archive, onClick: onRowClick
63
- ? () => {
64
- onRowClick(payload);
65
- }
66
- : undefined, exploreDomain: exploreDomain, payload: payload }) }), `${wrapper.hash}-${index}`));
67
- }), children, emptyRows > 0 && Array(emptyRows).fill((0, jsx_runtime_1.jsx)(TableRow_1.PayloadTableRow, {}))] }), (0, jsx_runtime_1.jsx)(react_table_1.TableFooterEx, Object.assign({ variant: variant }, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(StyledTablePagination, { rowsPerPageOptions: [5, 10, 25, { label: 'All', value: -1 }], count: count !== null && count !== void 0 ? count : 0, rowsPerPage: rowsPerPage, page: page, SelectProps: {
68
- inputProps: {
69
- 'aria-label': 'rows per page',
70
- },
71
- native: true,
72
- }, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage, ActionsComponent: (props) => (0, jsx_runtime_1.jsx)(TablePagination_1.TablePaginationActions, Object.assign({ enableNextPage: !!fetchMorePayloads, loading: loading }, props)) }) }) }))] }))) : null;
53
+ const noResults = (0, react_1.useMemo)(() => {
54
+ return !loading && (!payloads || payloads.length === 0);
55
+ }, [loading, payloads]);
56
+ return ((0, jsx_runtime_1.jsxs)(react_table_1.TableEx, Object.assign({ variant: variant, ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(PayloadTableHeadComponent, { columns: columns }), (0, jsx_runtime_1.jsx)(PayloadTableBodyComponent, { payloads: visiblePayloads, exploreDomain: exploreDomain, archive: archive, maxSchemaDepth: maxSchemaDepth, onRowClick: onRowClick, emptyRows: emptyRows, noResults: noResults, NoResultRowComponent: TableRowNoData_1.TableRowNoData }), (0, jsx_runtime_1.jsx)(PayloadTableFooterComponent, { count: count, variant: variant, rowsPerPage: rowsPerPage, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, fetchMorePayloads: fetchMorePayloads, loading: loading })] })));
73
57
  });
74
58
  exports.PayloadTableWithRef.displayName = 'PayloadTable';
75
59
  exports.PayloadTable = exports.PayloadTableWithRef;
76
- const StyledTablePagination = (0, material_1.styled)(material_1.TablePagination)(({ theme }) => ({
77
- '& > .MuiToolbar-root': {
78
- paddingLeft: theme.spacing(1),
79
- },
80
- borderTop: '1px solid',
81
- borderTopColor: theme.palette.divider,
82
- }));
83
60
  //# sourceMappingURL=Table.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { PayloadTableBodyProps } from './types';
3
+ export declare const PayloadTableBody: React.FC<PayloadTableBodyProps>;
4
+ //# sourceMappingURL=TableBody.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8C5D,CAAA"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.PayloadTableBody = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const material_1 = require("@mui/material");
7
+ const payload_1 = require("@xyo-network/payload");
8
+ const react_error_1 = require("@xyo-network/react-error");
9
+ const TableRow_1 = require("./TableRow");
10
+ const PayloadTableBody = (_a) => {
11
+ var { children, exploreDomain, payloads, archive, maxSchemaDepth, onRowClick, emptyRows, noResults, NoResultRowComponent } = _a, props = tslib_1.__rest(_a, ["children", "exploreDomain", "payloads", "archive", "maxSchemaDepth", "onRowClick", "emptyRows", "noResults", "NoResultRowComponent"]);
12
+ return ((0, jsx_runtime_1.jsxs)(material_1.TableBody, Object.assign({}, props, { children: [noResults && NoResultRowComponent ? (0, jsx_runtime_1.jsx)(NoResultRowComponent, {}) : null, payloads === null || payloads === void 0 ? void 0 : payloads.map((payload, index) => {
13
+ const wrapper = new payload_1.PayloadWrapper(payload);
14
+ return ((0, jsx_runtime_1.jsx)(react_error_1.XyoThrownErrorBoundary, Object.assign({ errorComponent: (e) => ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error" }, { children: ["Error Loading Payload: ", (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: "bold" }, { children: e.message }))] }))) }, { children: (0, jsx_runtime_1.jsx)(TableRow_1.PayloadTableRow, { maxSchemaDepth: maxSchemaDepth, archive: archive, onClick: onRowClick
15
+ ? () => {
16
+ onRowClick(payload);
17
+ }
18
+ : undefined, exploreDomain: exploreDomain, payload: payload }) }), `${wrapper.hash}-${index}`));
19
+ }), children, (emptyRows !== null && emptyRows !== void 0 ? emptyRows : 0) > 0 && Array(emptyRows).fill((0, jsx_runtime_1.jsx)(TableRow_1.PayloadTableRow, {}))] })));
20
+ };
21
+ exports.PayloadTableBody = PayloadTableBody;
22
+ //# sourceMappingURL=TableBody.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,kDAAqD;AACrD,0DAAiE;AAEjE,yCAA4C;AAGrC,MAAM,gBAAgB,GAAoC,CAAC,EAWjE,EAAE,EAAE;QAX6D,EAChE,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAO,EACP,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,oBAAoB,OAErB,EADI,KAAK,sBAVwD,sIAWjE,CADS;IAER,OAAO,CACL,wBAAC,oBAAS,oBAAK,KAAK,eACjB,SAAS,IAAI,oBAAoB,CAAC,CAAC,CAAC,uBAAC,oBAAoB,KAAG,CAAC,CAAC,CAAC,IAAI,EACnE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;gBAChC,MAAM,OAAO,GAAG,IAAI,wBAAc,CAAC,OAAO,CAAC,CAAA;gBAC3C,OAAO,CACL,uBAAC,oCAAsB,kBAErB,cAAc,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,CAC5B,wBAAC,gBAAK,kBAAC,QAAQ,EAAC,OAAO,4CACE,uBAAC,qBAAU,kBAAC,UAAU,EAAC,MAAM,gBAAE,CAAC,CAAC,OAAO,IAAc,KACvE,CACT,gBAED,uBAAC,0BAAe,IACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,UAAU;4BACR,CAAC,CAAC,GAAG,EAAE;gCACH,UAAU,CAAC,OAAO,CAAC,CAAA;4BACrB,CAAC;4BACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,KAnBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAoBR,CAC1B,CAAA;YACH,CAAC,CAAC,EACD,QAAQ,EACR,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,uBAAC,0BAAe,KAAG,CAAC,KACzD,CACb,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,gBAAgB,oBA8C5B"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { PayloadTableFooterProps } from './types';
3
+ export declare const PayloadTableFooter: React.FC<PayloadTableFooterProps>;
4
+ //# sourceMappingURL=TableFooter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableFooter.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEjD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA6BhE,CAAA"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.PayloadTableFooter = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const material_1 = require("@mui/material");
6
+ const react_table_1 = require("@xyo-network/react-table");
7
+ const TablePagination_1 = require("./TablePagination");
8
+ const PayloadTableFooter = ({ count, variant, page, rowsPerPage, handleChangePage = () => undefined, handleChangeRowsPerPage = () => undefined, fetchMorePayloads, loading, }) => ((0, jsx_runtime_1.jsx)(react_table_1.TableFooterEx, Object.assign({ variant: variant }, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(StyledTablePagination, { rowsPerPageOptions: [5, 10, 25, { label: 'All', value: -1 }], count: count !== null && count !== void 0 ? count : 0, rowsPerPage: rowsPerPage !== null && rowsPerPage !== void 0 ? rowsPerPage : 10, page: page !== null && page !== void 0 ? page : 0, SelectProps: {
9
+ inputProps: {
10
+ 'aria-label': 'rows per page',
11
+ },
12
+ native: true,
13
+ }, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage, ActionsComponent: (props) => (0, jsx_runtime_1.jsx)(TablePagination_1.TablePaginationActions, Object.assign({ enableNextPage: !!fetchMorePayloads, loading: loading }, props)) }) }) })));
14
+ exports.PayloadTableFooter = PayloadTableFooter;
15
+ const StyledTablePagination = (0, material_1.styled)(material_1.TablePagination)(({ theme }) => ({
16
+ '& > .MuiToolbar-root': {
17
+ paddingLeft: theme.spacing(1),
18
+ },
19
+ borderTop: '1px solid',
20
+ borderTopColor: theme.palette.divider,
21
+ }));
22
+ //# sourceMappingURL=TableFooter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableFooter.js","sourceRoot":"","sources":["../../../../src/components/Table/TableFooter.tsx"],"names":[],"mappings":";;;;AAAA,4CAAiE;AACjE,0DAAwD;AAExD,uDAA0D;AAGnD,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,OAAO,EACP,IAAI,EACJ,WAAW,EACX,gBAAgB,GAAG,GAAG,EAAE,CAAC,SAAS,EAClC,uBAAuB,GAAG,GAAG,EAAE,CAAC,SAAS,EACzC,iBAAiB,EACjB,OAAO,GACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAa,kBAAC,OAAO,EAAE,OAAO,gBAC7B,uBAAC,mBAAQ,cACP,uBAAC,qBAAqB,IACpB,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAC5D,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,EACjB,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAC9B,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CAAC,EACf,WAAW,EAAE;gBACX,UAAU,EAAE;oBACV,YAAY,EAAE,eAAe;iBAC9B;gBACD,MAAM,EAAE,IAAI;aACb,EACD,YAAY,EAAE,gBAAgB,EAC9B,mBAAmB,EAAE,uBAAuB,EAC5C,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAC,wCAAsB,kBAAC,cAAc,EAAE,CAAC,CAAC,iBAAiB,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,GACzH,GACO,IACG,CACjB,CAAA;AA7BY,QAAA,kBAAkB,sBA6B9B;AAED,MAAM,qBAAqB,GAAG,IAAA,iBAAM,EAAC,0BAAe,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpE,sBAAsB,EAAE;QACtB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,SAAS,EAAE,WAAW;IACtB,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;CACtC,CAAC,CAAC,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { PayloadTableHeadProps } from './types';
3
+ export declare const PayloadTableHead: React.FC<PayloadTableHeadProps>;
4
+ //# sourceMappingURL=TableHead.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmB5D,CAAA"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.PayloadTableHead = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const material_1 = require("@mui/material");
7
+ const react_shared_1 = require("@xylabs/react-shared");
8
+ const PayloadTableColumnConfig_1 = require("./PayloadTableColumnConfig");
9
+ const PayloadTableHead = (_a) => {
10
+ var _b;
11
+ var { columns = (0, PayloadTableColumnConfig_1.payloadTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["columns"]);
12
+ const breakPoint = (0, react_shared_1.useBreakpoint)();
13
+ return ((0, jsx_runtime_1.jsx)(material_1.TableHead, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: breakPoint && columns
14
+ ? (_b = columns[breakPoint]) === null || _b === void 0 ? void 0 : _b.map((column, index) => {
15
+ return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ width: index === 0 ? '100%' : undefined, align: index === 0 ? 'left' : 'center' }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", noWrap: true }, { children: PayloadTableColumnConfig_1.payloadColumnNames[column] })) }), index));
16
+ })
17
+ : null }) })));
18
+ };
19
+ exports.PayloadTableHead = PayloadTableHead;
20
+ //# sourceMappingURL=TableHead.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0E;AAC1E,uDAAoD;AAEpD,yEAAiG;AAG1F,MAAM,gBAAgB,GAAoC,CAAC,EAA0D,EAAE,EAAE;;QAA9D,EAAE,OAAO,GAAG,IAAA,2DAAgC,GAAE,OAAY,EAAP,KAAK,sBAAxD,WAA0D,CAAF;IACxH,MAAM,UAAU,GAAG,IAAA,4BAAa,GAAE,CAAA;IAClC,OAAO,CACL,uBAAC,oBAAS,oBAAK,KAAK,cAClB,uBAAC,mBAAQ,cACN,UAAU,IAAI,OAAO;gBACpB,CAAC,CAAC,MAAA,OAAO,CAAC,UAAU,CAAC,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBACzC,OAAO,CACL,uBAAC,oBAAS,kBAAa,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,gBACpG,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,MAAM,sBAC/B,6CAAkB,CAAC,MAAM,CAAC,IAChB,KAHC,KAAK,CAIT,CACb,CAAA;gBACH,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,GACC,IACD,CACb,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,gBAAgB,oBAmB5B"}
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { TableRowProps, TypographyProps } from '@mui/material';
3
+ export interface TableRowNoDataProps extends TableRowProps {
4
+ typographyProps?: TypographyProps;
5
+ }
6
+ export declare const TableRowNoData: React.FC<TableRowNoDataProps>;
7
+ //# sourceMappingURL=TableRowNoData.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableRowNoData.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRowNoData.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,aAAa,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/F,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.TableRowNoData = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const material_1 = require("@mui/material");
7
+ const TableRowNoData = (_a) => {
8
+ var { typographyProps } = _a, props = tslib_1.__rest(_a, ["typographyProps"]);
9
+ return ((0, jsx_runtime_1.jsx)(material_1.TableRow, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ sx: { border: 'none' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2" }, typographyProps, { children: "No Data To Display..." })) })) })));
10
+ };
11
+ exports.TableRowNoData = TableRowNoData;
12
+ //# sourceMappingURL=TableRowNoData.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableRowNoData.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRowNoData.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+F;AAMxF,MAAM,cAAc,GAAkC,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,eAAe,OAAY,EAAP,KAAK,sBAA3B,mBAA6B,CAAF;IACvF,OAAO,CACL,uBAAC,mBAAQ,oBAAK,KAAK,cACjB,uBAAC,oBAAS,kBAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,gBAC/B,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,IAAK,eAAe,yCAElC,IACH,IACH,CACZ,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,cAAc,kBAU1B"}
@@ -2,5 +2,6 @@ export * from './PayloadTableColumnConfig';
2
2
  export * from './Table';
3
3
  export * from './TablePagination';
4
4
  export * from './TableRow';
5
+ export * from './TableRowNoData';
5
6
  export * from './types';
6
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA"}
@@ -5,5 +5,6 @@ tslib_1.__exportStar(require("./PayloadTableColumnConfig"), exports);
5
5
  tslib_1.__exportStar(require("./Table"), exports);
6
6
  tslib_1.__exportStar(require("./TablePagination"), exports);
7
7
  tslib_1.__exportStar(require("./TableRow"), exports);
8
+ tslib_1.__exportStar(require("./TableRowNoData"), exports);
8
9
  tslib_1.__exportStar(require("./types"), exports);
9
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":";;;AAAA,qEAA0C;AAC1C,kDAAuB;AACvB,4DAAiC;AACjC,qDAA0B;AAC1B,kDAAuB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":";;;AAAA,qEAA0C;AAC1C,kDAAuB;AACvB,4DAAiC;AACjC,qDAA0B;AAC1B,2DAAgC;AAChC,kDAAuB"}
@@ -0,0 +1,15 @@
1
+ import { TableBodyProps, TableRowProps } from '@mui/material';
2
+ import { WithChildren } from '@xylabs/react-shared';
3
+ import { XyoPayload, XyoPayloads } from '@xyo-network/payload';
4
+ import { ComponentType } from 'react';
5
+ export interface PayloadTableBodyProps extends TableBodyProps, WithChildren {
6
+ payloads?: XyoPayloads;
7
+ archive?: string;
8
+ maxSchemaDepth?: number;
9
+ onRowClick?: (value: XyoPayload) => void;
10
+ exploreDomain?: string;
11
+ emptyRows?: number;
12
+ noResults?: boolean;
13
+ NoResultRowComponent?: ComponentType<TableRowProps>;
14
+ }
15
+ //# sourceMappingURL=PayloadTableBodyProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PayloadTableBodyProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableBodyProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,WAAW,qBAAsB,SAAQ,cAAc,EAAE,YAAY;IACzE,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;CACpD"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=PayloadTableBodyProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PayloadTableBodyProps.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableBodyProps.ts"],"names":[],"mappings":""}
@@ -0,0 +1,13 @@
1
+ import { TableExVariants } from '@xyo-network/react-table';
2
+ import { ChangeEvent, MouseEvent } from 'react';
3
+ export interface PayloadTableFooterProps {
4
+ count?: number;
5
+ rowsPerPage?: number;
6
+ variant?: TableExVariants;
7
+ page?: number;
8
+ handleChangePage?: (event: MouseEvent<HTMLButtonElement> | null, newPage: number) => void;
9
+ handleChangeRowsPerPage?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
10
+ fetchMorePayloads?: () => void;
11
+ loading?: boolean;
12
+ }
13
+ //# sourceMappingURL=PayloadTableFooterProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PayloadTableFooterProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableFooterProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzF,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC9F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=PayloadTableFooterProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PayloadTableFooterProps.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableFooterProps.ts"],"names":[],"mappings":""}
@@ -0,0 +1,6 @@
1
+ import { TableHeadProps } from '@mui/material';
2
+ import { PayloadTableColumnConfig, PayloadTableColumnSlug } from '../PayloadTableColumnConfig';
3
+ export interface PayloadTableHeadProps extends TableHeadProps {
4
+ columns?: PayloadTableColumnConfig<PayloadTableColumnSlug>;
5
+ }
6
+ //# sourceMappingURL=PayloadTableHeadProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PayloadTableHeadProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableHeadProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAE9F,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,OAAO,CAAC,EAAE,wBAAwB,CAAC,sBAAsB,CAAC,CAAA;CAC3D"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=PayloadTableHeadProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PayloadTableHeadProps.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableHeadProps.ts"],"names":[],"mappings":""}
@@ -1,2 +1,5 @@
1
1
  export * from './PaginationEventNouns';
2
+ export * from './PayloadTableBodyProps';
3
+ export * from './PayloadTableFooterProps';
4
+ export * from './PayloadTableHeadProps';
2
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA"}
@@ -2,4 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  tslib_1.__exportStar(require("./PaginationEventNouns"), exports);
5
+ tslib_1.__exportStar(require("./PayloadTableBodyProps"), exports);
6
+ tslib_1.__exportStar(require("./PayloadTableFooterProps"), exports);
7
+ tslib_1.__exportStar(require("./PayloadTableHeadProps"), exports);
5
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/index.ts"],"names":[],"mappings":";;;AAAA,iEAAsC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/index.ts"],"names":[],"mappings":";;;AAAA,iEAAsC;AACtC,kEAAuC;AACvC,oEAAyC;AACzC,kEAAuC"}