@blaze-cms/plugin-data-ui 0.146.0-node18-core-styles-tooltips.15 → 0.146.0-node18-tooltips.6

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 (7) hide show
  1. package/CHANGELOG.md +16 -85
  2. package/lib/components/ListingTable/ListingTableContent/ListingTableContent.js +3 -2
  3. package/lib/components/ListingTable/ListingTableContent/ListingTableContent.js.map +1 -1
  4. package/lib-es/components/ListingTable/ListingTableContent/ListingTableContent.js +3 -2
  5. package/lib-es/components/ListingTable/ListingTableContent/ListingTableContent.js.map +1 -1
  6. package/package.json +10 -10
  7. package/src/components/ListingTable/ListingTableContent/ListingTableContent.js +6 -6
package/CHANGELOG.md CHANGED
@@ -3,105 +3,26 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- # [0.146.0-node18-core-styles-tooltips.15](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.14...v0.146.0-node18-core-styles-tooltips.15) (2025-09-23)
7
-
8
- **Note:** Version bump only for package @blaze-cms/plugin-data-ui
9
-
10
-
11
-
12
-
13
-
14
- # [0.146.0-node18-core-styles-tooltips.13](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.12...v0.146.0-node18-core-styles-tooltips.13) (2025-09-15)
15
-
16
- **Note:** Version bump only for package @blaze-cms/plugin-data-ui
17
-
18
-
19
-
20
-
21
-
22
- # [0.146.0-node18-core-styles-tooltips.12](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.11...v0.146.0-node18-core-styles-tooltips.12) (2025-08-27)
23
-
24
- **Note:** Version bump only for package @blaze-cms/plugin-data-ui
25
-
26
-
27
-
28
-
29
-
30
- # [0.146.0-node18-core-styles-tooltips.11](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.10...v0.146.0-node18-core-styles-tooltips.11) (2025-08-27)
31
-
32
- **Note:** Version bump only for package @blaze-cms/plugin-data-ui
33
-
34
-
35
-
36
-
37
-
38
- # [0.146.0-node18-core-styles-tooltips.10](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.9...v0.146.0-node18-core-styles-tooltips.10) (2025-08-05)
39
-
40
- **Note:** Version bump only for package @blaze-cms/plugin-data-ui
41
-
42
-
43
-
44
-
45
-
46
- # [0.146.0-node18-core-styles-tooltips.9](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.8...v0.146.0-node18-core-styles-tooltips.9) (2025-07-28)
6
+ # [0.146.0-node18-tooltips.6](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.5...v0.146.0-node18-tooltips.6) (2025-09-24)
47
7
 
48
8
 
49
9
  ### Bug Fixes
50
10
 
51
- * correct tooltip position ([#4853](https://github.com/thebyte9/blaze/issues/4853)) ([f55356e](https://github.com/thebyte9/blaze/commit/f55356ed8900ba48e7320206ffa16ea57ca3cb2b))
52
-
53
-
11
+ * set missing ref on listing table to fix table header widths ([#4917](https://github.com/thebyte9/blaze/issues/4917)) ([d3d3cab](https://github.com/thebyte9/blaze/commit/d3d3cab771b8ab8c395fa071833b400e38b49f11))
54
12
 
55
13
 
56
14
 
57
- # [0.146.0-node18-core-styles-tooltips.6](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.5...v0.146.0-node18-core-styles-tooltips.6) (2025-07-22)
58
-
59
-
60
- ### Bug Fixes
61
-
62
- * show pagebuilder tabs when no components added ([#4844](https://github.com/thebyte9/blaze/issues/4844)) ([2cbb24d](https://github.com/thebyte9/blaze/commit/2cbb24df95b38d4c8f4575814daadebd74ba04d4))
63
15
 
64
16
 
17
+ # [0.146.0-node18-tooltips.4](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.3...v0.146.0-node18-tooltips.4) (2025-09-22)
65
18
 
66
-
67
-
68
- # [0.146.0-node18-core-styles-tooltips.5](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.4...v0.146.0-node18-core-styles-tooltips.5) (2025-07-18)
69
-
70
-
71
- ### Bug Fixes
72
-
73
- * revert save text change ([#4833](https://github.com/thebyte9/blaze/issues/4833)) ([2cfc73b](https://github.com/thebyte9/blaze/commit/2cfc73bfc06dac1dc682f696ca30f932ac79e42b))
74
- * table list cell style updates ([#4841](https://github.com/thebyte9/blaze/issues/4841)) ([e4fd643](https://github.com/thebyte9/blaze/commit/e4fd643300e710d2209763795280f5df84563806))
75
- * use direct state value for toggling sidebar ([091a021](https://github.com/thebyte9/blaze/commit/091a0210bb312e06505d86582ee014a512317da0))
76
-
77
-
78
- ### Features
79
-
80
- * make right sidebar collapsible ([cd45684](https://github.com/thebyte9/blaze/commit/cd456849648a6fe674b4de7e5f994146d76066c9))
81
- * query for getting the audit details in dynamic properties ([#3287](https://github.com/thebyte9/blaze/issues/3287)) ([39d889b](https://github.com/thebyte9/blaze/commit/39d889b18a6c6b8bc43ae1a5fddb4d19751cf159))
82
-
83
-
84
-
85
-
86
-
87
- # [0.146.0-node18-core-styles-tooltips.4](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.3...v0.146.0-node18-core-styles-tooltips.4) (2025-07-10)
88
-
89
-
90
- ### Bug Fixes
91
-
92
- * admin listing search filter fixes ([#4827](https://github.com/thebyte9/blaze/issues/4827)) ([8f72d2c](https://github.com/thebyte9/blaze/commit/8f72d2c4e9bb1fa585e20dc899fae6120a3d644e))
93
- * get index from source data ([64425ec](https://github.com/thebyte9/blaze/commit/64425ec1b9e69385b45659f4b941631ae4c8b871))
94
-
95
-
96
- ### Features
97
-
98
- * add admin listing filters based on schema settings ([#4797](https://github.com/thebyte9/blaze/issues/4797)) ([84b3109](https://github.com/thebyte9/blaze/commit/84b310900222a60050e3cf32928ab62a12a99b8d))
19
+ **Note:** Version bump only for package @blaze-cms/plugin-data-ui
99
20
 
100
21
 
101
22
 
102
23
 
103
24
 
104
- # [0.146.0-node18-core-styles-tooltips.1](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.0...v0.146.0-node18-core-styles-tooltips.1) (2025-06-20)
25
+ # [0.146.0-node18-tooltips.2](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.1...v0.146.0-node18-tooltips.2) (2025-09-17)
105
26
 
106
27
  **Note:** Version bump only for package @blaze-cms/plugin-data-ui
107
28
 
@@ -109,14 +30,17 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
109
30
 
110
31
 
111
32
 
112
- # [0.146.0-node18-core-styles-tooltips.0](https://github.com/thebyte9/blaze/compare/v0.145.0...v0.146.0-node18-core-styles-tooltips.0) (2025-06-18)
33
+ # [0.146.0-node18-tooltips.0](https://github.com/thebyte9/blaze/compare/v0.145.0...v0.146.0-node18-tooltips.0) (2025-09-09)
113
34
 
114
35
 
115
36
  ### Bug Fixes
116
37
 
117
38
  * add hasUnsavedChanges state to track actual user edits ([b2e507a](https://github.com/thebyte9/blaze/commit/b2e507a756d90990da603230b589defa8b7e12f4))
118
39
  * add necessary state for pop up ([fd37f1d](https://github.com/thebyte9/blaze/commit/fd37f1d45e27bae8ea4ab93ae1f52c3628be7d77))
40
+ * admin listing search filter fixes ([#4827](https://github.com/thebyte9/blaze/issues/4827)) ([8f72d2c](https://github.com/thebyte9/blaze/commit/8f72d2c4e9bb1fa585e20dc899fae6120a3d644e))
41
+ * correct tooltip position ([#4853](https://github.com/thebyte9/blaze/issues/4853)) ([f55356e](https://github.com/thebyte9/blaze/commit/f55356ed8900ba48e7320206ffa16ea57ca3cb2b))
119
42
  * fixed breaking tests, updated next to 14 ([fecb0e1](https://github.com/thebyte9/blaze/commit/fecb0e1d822bd69ebbaa084072a219f0fddd23f1))
43
+ * get index from source data ([64425ec](https://github.com/thebyte9/blaze/commit/64425ec1b9e69385b45659f4b941631ae4c8b871))
120
44
  * group data table row fields correctly ([#4465](https://github.com/thebyte9/blaze/issues/4465)) ([a07a06f](https://github.com/thebyte9/blaze/commit/a07a06f4db5d0f1980afad70d28352641effea1e))
121
45
  * handle missing record error ([#4454](https://github.com/thebyte9/blaze/issues/4454)) ([f2ecf41](https://github.com/thebyte9/blaze/commit/f2ecf41962fd78b5808e6d7cd3714620697c4aaa))
122
46
  * linting fixed automatically ([73135b9](https://github.com/thebyte9/blaze/commit/73135b9b8b0d5407e2e1dfba42ab2381f290607f))
@@ -124,19 +48,26 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
124
48
  * move tabs from entity to page builder ([#4601](https://github.com/thebyte9/blaze/issues/4601)) ([944fe19](https://github.com/thebyte9/blaze/commit/944fe19ce0a09d2f36604fcced44f0054dd5e8e5))
125
49
  * remove unused code ([95c24df](https://github.com/thebyte9/blaze/commit/95c24dfd3bb9068a5be69b40be1f3e93007ed850))
126
50
  * render page from the ur on initial load ([#4463](https://github.com/thebyte9/blaze/issues/4463)) ([8de5fbe](https://github.com/thebyte9/blaze/commit/8de5fbe969e9c2954f6484e044fdfec49d7050ae))
51
+ * revert save text change ([#4833](https://github.com/thebyte9/blaze/issues/4833)) ([2cfc73b](https://github.com/thebyte9/blaze/commit/2cfc73bfc06dac1dc682f696ca30f932ac79e42b))
52
+ * show pagebuilder tabs when no components added ([#4844](https://github.com/thebyte9/blaze/issues/4844)) ([2cbb24d](https://github.com/thebyte9/blaze/commit/2cbb24df95b38d4c8f4575814daadebd74ba04d4))
53
+ * table list cell style updates ([#4841](https://github.com/thebyte9/blaze/issues/4841)) ([e4fd643](https://github.com/thebyte9/blaze/commit/e4fd643300e710d2209763795280f5df84563806))
127
54
  * udpated yarn lock ([0cd4fa4](https://github.com/thebyte9/blaze/commit/0cd4fa4a185fca4b80b57e472badb771dd649ec2))
128
55
  * updated toaster version ([39f3dbd](https://github.com/thebyte9/blaze/commit/39f3dbd15833d45dd0d407b401eb825553135e01))
129
56
  * updated with dev ([90f545f](https://github.com/thebyte9/blaze/commit/90f545f1beabb35e26ba6fb2b45a7a0dfd072927))
130
57
  * updated with dev ([729bb6e](https://github.com/thebyte9/blaze/commit/729bb6ee7e87946081d51564a4ab45538f7be1e7))
131
58
  * updated with latest ([21cde6f](https://github.com/thebyte9/blaze/commit/21cde6f157c9279ed1eccb326870547821bc3dde))
59
+ * use direct state value for toggling sidebar ([091a021](https://github.com/thebyte9/blaze/commit/091a0210bb312e06505d86582ee014a512317da0))
132
60
  * use isCreatePage to control navigation prompt display ([b56e0c7](https://github.com/thebyte9/blaze/commit/b56e0c7560308874554e3029a68878d1c2e8d948))
133
61
 
134
62
 
135
63
  ### Features
136
64
 
65
+ * add admin listing filters based on schema settings ([#4797](https://github.com/thebyte9/blaze/issues/4797)) ([84b3109](https://github.com/thebyte9/blaze/commit/84b310900222a60050e3cf32928ab62a12a99b8d))
137
66
  * add tooltip support to parent select in DynamicRelation component ([#4603](https://github.com/thebyte9/blaze/issues/4603)) ([7767b5d](https://github.com/thebyte9/blaze/commit/7767b5dd7641d4b0c2477cffe6c0be8f9e8aa9dd))
138
67
  * allow custom components in table columns ([#4482](https://github.com/thebyte9/blaze/issues/4482)) ([87098c9](https://github.com/thebyte9/blaze/commit/87098c93d9fd85adc2a2aa19f2e9a3db4402ae41))
68
+ * make right sidebar collapsible ([cd45684](https://github.com/thebyte9/blaze/commit/cd456849648a6fe674b4de7e5f994146d76066c9))
139
69
  * open frontend debug toolbar with a url param ([#4771](https://github.com/thebyte9/blaze/issues/4771)) ([37b8ea5](https://github.com/thebyte9/blaze/commit/37b8ea59a5ed4be0912465717adeb079fd6b3a89))
70
+ * query for getting the audit details in dynamic properties ([#3287](https://github.com/thebyte9/blaze/issues/3287)) ([39d889b](https://github.com/thebyte9/blaze/commit/39d889b18a6c6b8bc43ae1a5fddb4d19751cf159))
140
71
  * update info box properties to support tooltips ([#4701](https://github.com/thebyte9/blaze/issues/4701)) ([08ed041](https://github.com/thebyte9/blaze/commit/08ed041c9432f02e82e4846974cda65ae6c15a26))
141
72
  * updated react to 18 ([9335f84](https://github.com/thebyte9/blaze/commit/9335f8432b376494501abb9c3deef1ddaa9b35a8))
142
73
 
package/lib/components/ListingTable/ListingTableContent/ListingTableContent.js CHANGED
@@ -35,7 +35,7 @@ var ListingTableContent = function ListingTableContent(_ref) {
35
35
  var className = "page__content".concat(isEnquiry ? ' array-table' : '');
36
36
  (0, _react.useEffect)(function () {
37
37
  // set table head to match body column widths to handle dynamic content
38
- if (ref.current) {
38
+ if (ref.current && displayTable) {
39
39
  var tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');
40
40
  var firstRowCells = ref.current.querySelectorAll('.table-body .table-row:first-child .table-cell');
41
41
  firstRowCells.forEach(function (element, i) {
@@ -46,9 +46,10 @@ var ListingTableContent = function ListingTableContent(_ref) {
46
46
  }
47
47
  });
48
48
  }
49
- }, [tableData]);
49
+ }, [tableData, displayTable]);
50
50
  if (displayTable) {
51
51
  return /*#__PURE__*/_react["default"].createElement("div", {
52
+ ref: ref,
52
53
  className: className
53
54
  }, /*#__PURE__*/_react["default"].createElement(_table["default"], {
54
55
  onSort: onSort,
package/lib/components/ListingTable/ListingTableContent/ListingTableContent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListingTableContent.js","names":["_react","_interopRequireWildcard","require","_table","_interopRequireDefault","_pagination","_propTypes","_reactRouterDom","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ListingTableContent","_ref","tableData","handleSelect","onSort","handleOnPageChange","currentPage","totalItems","ref","useRef","displayTable","rows","length","isEnquiry","className","concat","useEffect","current","tableHeadCells","querySelectorAll","firstRowCells","forEach","element","styles","window","getComputedStyle","style","flex","createElement","data","onSelect","visiblePages","onPageChange","propTypes","PropTypes","object","isRequired","match","shape","url","string","func","number","defaultProps","_default","exports","withRouter"],"sources":["../../../../src/components/ListingTable/ListingTableContent/ListingTableContent.js"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport Table from '@blaze-react/table';\nimport Pagination from '@blaze-react/pagination';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\n\nconst ListingTableContent = ({\n tableData,\n handleSelect,\n onSort,\n handleOnPageChange,\n currentPage,\n totalItems\n}) => {\n const ref = useRef(null);\n const displayTable = tableData && tableData.rows && !!tableData.rows.length;\n const { isEnquiry } = tableData;\n const className = `page__content${isEnquiry ? ' array-table' : ''}`;\n\n useEffect(() => {\n // set table head to match body column widths to handle dynamic content\n if (ref.current) {\n const tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');\n const firstRowCells = ref.current.querySelectorAll(\n '.table-body .table-row:first-child .table-cell'\n );\n\n firstRowCells.forEach((element, i) => {\n const styles = window.getComputedStyle(element);\n\n if (tableHeadCells[i]) {\n tableHeadCells[i].style.flex = styles.flex;\n tableHeadCells[i].style['justify-content'] = styles['justify-content'];\n }\n });\n }\n }, [tableData]);\n\n if (displayTable) {\n return (\n <div className={className}>\n <Table\n onSort={onSort}\n data={tableData}\n onSelect={handleSelect}\n data-testid=\"listing-table-content\"\n />\n <Pagination\n visiblePages={10}\n totalItems={totalItems}\n currentPage={currentPage}\n onPageChange={handleOnPageChange}\n />\n </div>\n );\n }\n\n return (\n <span className=\"table-no-results\" data-testid=\"no-results\">\n No results\n </span>\n );\n};\n\nListingTableContent.propTypes = {\n tableData: PropTypes.object.isRequired,\n match: PropTypes.shape({\n url: PropTypes.string\n }).isRequired,\n handleSelect: PropTypes.func,\n onSort: PropTypes.func,\n handleOnPageChange: PropTypes.func,\n currentPage: PropTypes.number.isRequired,\n totalItems: PropTypes.number.isRequired\n};\n\nListingTableContent.defaultProps = {\n handleSelect: () => {},\n onSort: () => {},\n handleOnPageChange: () => {}\n};\n\nexport default withRouter(ListingTableContent);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ListingTableContent.js","names":["_react","_interopRequireWildcard","require","_table","_interopRequireDefault","_pagination","_propTypes","_reactRouterDom","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ListingTableContent","_ref","tableData","handleSelect","onSort","handleOnPageChange","currentPage","totalItems","ref","useRef","displayTable","rows","length","isEnquiry","className","concat","useEffect","current","tableHeadCells","querySelectorAll","firstRowCells","forEach","element","styles","window","getComputedStyle","style","flex","createElement","data","onSelect","visiblePages","onPageChange","propTypes","PropTypes","object","isRequired","match","shape","url","string","func","number","defaultProps","_default","exports","withRouter"],"sources":["../../../../src/components/ListingTable/ListingTableContent/ListingTableContent.js"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport Table from '@blaze-react/table';\nimport Pagination from '@blaze-react/pagination';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\n\nconst ListingTableContent = ({\n tableData,\n handleSelect,\n onSort,\n handleOnPageChange,\n currentPage,\n totalItems\n}) => {\n const ref = useRef(null);\n const displayTable = tableData && tableData.rows && !!tableData.rows.length;\n const { isEnquiry } = tableData;\n const className = `page__content${isEnquiry ? ' array-table' : ''}`;\n\n useEffect(() => {\n // set table head to match body column widths to handle dynamic content\n if (ref.current && displayTable) {\n const tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');\n const firstRowCells = ref.current.querySelectorAll(\n '.table-body .table-row:first-child .table-cell'\n );\n\n firstRowCells.forEach((element, i) => {\n const styles = window.getComputedStyle(element);\n\n if (tableHeadCells[i]) {\n tableHeadCells[i].style.flex = styles.flex;\n tableHeadCells[i].style['justify-content'] = styles['justify-content'];\n }\n });\n }\n }, [tableData, displayTable]);\n\n if (displayTable) {\n return (\n <div ref={ref} className={className}>\n <Table\n onSort={onSort}\n data={tableData}\n onSelect={handleSelect}\n data-testid=\"listing-table-content\"\n />\n <Pagination\n visiblePages={10}\n totalItems={totalItems}\n currentPage={currentPage}\n onPageChange={handleOnPageChange}\n />\n </div>\n );\n }\n\n return (\n <span className=\"table-no-results\" data-testid=\"no-results\">\n No results\n </span>\n );\n};\n\nListingTableContent.propTypes = {\n tableData: PropTypes.object.isRequired,\n match: PropTypes.shape({\n url: PropTypes.string\n }).isRequired,\n handleSelect: PropTypes.func,\n onSort: PropTypes.func,\n handleOnPageChange: PropTypes.func,\n currentPage: PropTypes.number.isRequired,\n totalItems: PropTypes.number.isRequired\n};\n\nListingTableContent.defaultProps = {\n handleSelect: () => { },\n onSort: () => { },\n handleOnPageChange: () => { }\n};\n\nexport default withRouter(ListingTableContent);\n"],"mappings":"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","ignoreList":[]}
package/lib-es/components/ListingTable/ListingTableContent/ListingTableContent.js CHANGED
@@ -19,7 +19,7 @@ const ListingTableContent = ({
19
19
  const className = `page__content${isEnquiry ? ' array-table' : ''}`;
20
20
  useEffect(() => {
21
21
  // set table head to match body column widths to handle dynamic content
22
- if (ref.current) {
22
+ if (ref.current && displayTable) {
23
23
  const tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');
24
24
  const firstRowCells = ref.current.querySelectorAll('.table-body .table-row:first-child .table-cell');
25
25
  firstRowCells.forEach((element, i) => {
@@ -30,9 +30,10 @@ const ListingTableContent = ({
30
30
  }
31
31
  });
32
32
  }
33
- }, [tableData]);
33
+ }, [tableData, displayTable]);
34
34
  if (displayTable) {
35
35
  return /*#__PURE__*/React.createElement("div", {
36
+ ref: ref,
36
37
  className: className
37
38
  }, /*#__PURE__*/React.createElement(Table, {
38
39
  onSort: onSort,
package/lib-es/components/ListingTable/ListingTableContent/ListingTableContent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListingTableContent.js","names":["React","useEffect","useRef","Table","Pagination","PropTypes","withRouter","ListingTableContent","tableData","handleSelect","onSort","handleOnPageChange","currentPage","totalItems","ref","displayTable","rows","length","isEnquiry","className","current","tableHeadCells","querySelectorAll","firstRowCells","forEach","element","i","styles","window","getComputedStyle","style","flex","createElement","data","onSelect","visiblePages","onPageChange","propTypes","object","isRequired","match","shape","url","string","func","number","defaultProps"],"sources":["../../../../src/components/ListingTable/ListingTableContent/ListingTableContent.js"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport Table from '@blaze-react/table';\nimport Pagination from '@blaze-react/pagination';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\n\nconst ListingTableContent = ({\n tableData,\n handleSelect,\n onSort,\n handleOnPageChange,\n currentPage,\n totalItems\n}) => {\n const ref = useRef(null);\n const displayTable = tableData && tableData.rows && !!tableData.rows.length;\n const { isEnquiry } = tableData;\n const className = `page__content${isEnquiry ? ' array-table' : ''}`;\n\n useEffect(() => {\n // set table head to match body column widths to handle dynamic content\n if (ref.current) {\n const tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');\n const firstRowCells = ref.current.querySelectorAll(\n '.table-body .table-row:first-child .table-cell'\n );\n\n firstRowCells.forEach((element, i) => {\n const styles = window.getComputedStyle(element);\n\n if (tableHeadCells[i]) {\n tableHeadCells[i].style.flex = styles.flex;\n tableHeadCells[i].style['justify-content'] = styles['justify-content'];\n }\n });\n }\n }, [tableData]);\n\n if (displayTable) {\n return (\n <div className={className}>\n <Table\n onSort={onSort}\n data={tableData}\n onSelect={handleSelect}\n data-testid=\"listing-table-content\"\n />\n <Pagination\n visiblePages={10}\n totalItems={totalItems}\n currentPage={currentPage}\n onPageChange={handleOnPageChange}\n />\n </div>\n );\n }\n\n return (\n <span className=\"table-no-results\" data-testid=\"no-results\">\n No results\n </span>\n );\n};\n\nListingTableContent.propTypes = {\n tableData: PropTypes.object.isRequired,\n match: PropTypes.shape({\n url: PropTypes.string\n }).isRequired,\n handleSelect: PropTypes.func,\n onSort: PropTypes.func,\n handleOnPageChange: PropTypes.func,\n currentPage: PropTypes.number.isRequired,\n totalItems: PropTypes.number.isRequired\n};\n\nListingTableContent.defaultProps = {\n handleSelect: () => {},\n onSort: () => {},\n handleOnPageChange: () => {}\n};\n\nexport default withRouter(ListingTableContent);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,UAAU,MAAM,yBAAyB;AAChD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,SAAS;EACTC,YAAY;EACZC,MAAM;EACNC,kBAAkB;EAClBC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAGZ,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMa,YAAY,GAAGP,SAAS,IAAIA,SAAS,CAACQ,IAAI,IAAI,CAAC,CAACR,SAAS,CAACQ,IAAI,CAACC,MAAM;EAC3E,MAAM;IAAEC;EAAU,CAAC,GAAGV,SAAS;EAC/B,MAAMW,SAAS,GAAG,gBAAgBD,SAAS,GAAG,cAAc,GAAG,EAAE,EAAE;EAEnEjB,SAAS,CAAC,MAAM;IACd;IACA,IAAIa,GAAG,CAACM,OAAO,EAAE;MACf,MAAMC,cAAc,GAAGP,GAAG,CAACM,OAAO,CAACE,gBAAgB,CAAC,yBAAyB,CAAC;MAC9E,MAAMC,aAAa,GAAGT,GAAG,CAACM,OAAO,CAACE,gBAAgB,CAChD,gDACF,CAAC;MAEDC,aAAa,CAACC,OAAO,CAAC,CAACC,OAAO,EAAEC,CAAC,KAAK;QACpC,MAAMC,MAAM,GAAGC,MAAM,CAACC,gBAAgB,CAACJ,OAAO,CAAC;QAE/C,IAAIJ,cAAc,CAACK,CAAC,CAAC,EAAE;UACrBL,cAAc,CAACK,CAAC,CAAC,CAACI,KAAK,CAACC,IAAI,GAAGJ,MAAM,CAACI,IAAI;UAC1CV,cAAc,CAACK,CAAC,CAAC,CAACI,KAAK,CAAC,iBAAiB,CAAC,GAAGH,MAAM,CAAC,iBAAiB,CAAC;QACxE;MACF,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACnB,SAAS,CAAC,CAAC;EAEf,IAAIO,YAAY,EAAE;IAChB,oBACEf,KAAA,CAAAgC,aAAA;MAAKb,SAAS,EAAEA;IAAU,gBACxBnB,KAAA,CAAAgC,aAAA,CAAC7B,KAAK;MACJO,MAAM,EAAEA,MAAO;MACfuB,IAAI,EAAEzB,SAAU;MAChB0B,QAAQ,EAAEzB,YAAa;MACvB,eAAY;IAAuB,CACpC,CAAC,eACFT,KAAA,CAAAgC,aAAA,CAAC5B,UAAU;MACT+B,YAAY,EAAE,EAAG;MACjBtB,UAAU,EAAEA,UAAW;MACvBD,WAAW,EAAEA,WAAY;MACzBwB,YAAY,EAAEzB;IAAmB,CAClC,CACE,CAAC;EAEV;EAEA,oBACEX,KAAA,CAAAgC,aAAA;IAAMb,SAAS,EAAC,kBAAkB;IAAC,eAAY;EAAY,GAAC,YAEtD,CAAC;AAEX,CAAC;AAEDZ,mBAAmB,CAAC8B,SAAS,GAAG;EAC9B7B,SAAS,EAAEH,SAAS,CAACiC,MAAM,CAACC,UAAU;EACtCC,KAAK,EAAEnC,SAAS,CAACoC,KAAK,CAAC;IACrBC,GAAG,EAAErC,SAAS,CAACsC;EACjB,CAAC,CAAC,CAACJ,UAAU;EACb9B,YAAY,EAAEJ,SAAS,CAACuC,IAAI;EAC5BlC,MAAM,EAAEL,SAAS,CAACuC,IAAI;EACtBjC,kBAAkB,EAAEN,SAAS,CAACuC,IAAI;EAClChC,WAAW,EAAEP,SAAS,CAACwC,MAAM,CAACN,UAAU;EACxC1B,UAAU,EAAER,SAAS,CAACwC,MAAM,CAACN;AAC/B,CAAC;AAEDhC,mBAAmB,CAACuC,YAAY,GAAG;EACjCrC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtBC,MAAM,EAAEA,CAAA,KAAM,CAAC,CAAC;EAChBC,kBAAkB,EAAEA,CAAA,KAAM,CAAC;AAC7B,CAAC;AAED,eAAeL,UAAU,CAACC,mBAAmB,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"ListingTableContent.js","names":["React","useEffect","useRef","Table","Pagination","PropTypes","withRouter","ListingTableContent","tableData","handleSelect","onSort","handleOnPageChange","currentPage","totalItems","ref","displayTable","rows","length","isEnquiry","className","current","tableHeadCells","querySelectorAll","firstRowCells","forEach","element","i","styles","window","getComputedStyle","style","flex","createElement","data","onSelect","visiblePages","onPageChange","propTypes","object","isRequired","match","shape","url","string","func","number","defaultProps"],"sources":["../../../../src/components/ListingTable/ListingTableContent/ListingTableContent.js"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport Table from '@blaze-react/table';\nimport Pagination from '@blaze-react/pagination';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\n\nconst ListingTableContent = ({\n tableData,\n handleSelect,\n onSort,\n handleOnPageChange,\n currentPage,\n totalItems\n}) => {\n const ref = useRef(null);\n const displayTable = tableData && tableData.rows && !!tableData.rows.length;\n const { isEnquiry } = tableData;\n const className = `page__content${isEnquiry ? ' array-table' : ''}`;\n\n useEffect(() => {\n // set table head to match body column widths to handle dynamic content\n if (ref.current && displayTable) {\n const tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');\n const firstRowCells = ref.current.querySelectorAll(\n '.table-body .table-row:first-child .table-cell'\n );\n\n firstRowCells.forEach((element, i) => {\n const styles = window.getComputedStyle(element);\n\n if (tableHeadCells[i]) {\n tableHeadCells[i].style.flex = styles.flex;\n tableHeadCells[i].style['justify-content'] = styles['justify-content'];\n }\n });\n }\n }, [tableData, displayTable]);\n\n if (displayTable) {\n return (\n <div ref={ref} className={className}>\n <Table\n onSort={onSort}\n data={tableData}\n onSelect={handleSelect}\n data-testid=\"listing-table-content\"\n />\n <Pagination\n visiblePages={10}\n totalItems={totalItems}\n currentPage={currentPage}\n onPageChange={handleOnPageChange}\n />\n </div>\n );\n }\n\n return (\n <span className=\"table-no-results\" data-testid=\"no-results\">\n No results\n </span>\n );\n};\n\nListingTableContent.propTypes = {\n tableData: PropTypes.object.isRequired,\n match: PropTypes.shape({\n url: PropTypes.string\n }).isRequired,\n handleSelect: PropTypes.func,\n onSort: PropTypes.func,\n handleOnPageChange: PropTypes.func,\n currentPage: PropTypes.number.isRequired,\n totalItems: PropTypes.number.isRequired\n};\n\nListingTableContent.defaultProps = {\n handleSelect: () => { },\n onSort: () => { },\n handleOnPageChange: () => { }\n};\n\nexport default withRouter(ListingTableContent);\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blaze-cms/plugin-data-ui",
3
- "version": "0.146.0-node18-core-styles-tooltips.15",
3
+ "version": "0.146.0-node18-tooltips.6",
4
4
  "description": "Blaze plugin data ui",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-es/index.js",
@@ -27,13 +27,13 @@
27
27
  },
28
28
  "license": "GPL-3.0",
29
29
  "dependencies": {
30
- "@blaze-cms/admin-ui-utils": "0.146.0-node18-core-styles-tooltips.15",
31
- "@blaze-cms/core-errors": "0.146.0-node18-core-styles-tooltips.3",
32
- "@blaze-cms/plugin-render-hooks-ui": "0.146.0-node18-core-styles-tooltips.3",
33
- "@blaze-cms/react-form-builder": "0.146.0-node18-core-styles-tooltips.15",
34
- "@blaze-cms/react-page-builder": "0.146.0-node18-core-styles-tooltips.15",
35
- "@blaze-cms/setup-ui": "0.146.0-node18-core-styles-tooltips.3",
36
- "@blaze-cms/versioning-ui": "0.146.0-node18-core-styles-tooltips.3",
30
+ "@blaze-cms/admin-ui-utils": "0.146.0-node18-tooltips.4",
31
+ "@blaze-cms/core-errors": "0.146.0-node18-tooltips.0",
32
+ "@blaze-cms/plugin-render-hooks-ui": "0.146.0-node18-tooltips.0",
33
+ "@blaze-cms/react-form-builder": "0.146.0-node18-tooltips.4",
34
+ "@blaze-cms/react-page-builder": "0.146.0-node18-tooltips.4",
35
+ "@blaze-cms/setup-ui": "0.146.0-node18-tooltips.0",
36
+ "@blaze-cms/versioning-ui": "0.146.0-node18-tooltips.0",
37
37
  "@blaze-react/button": "0.8.0-alpha.82",
38
38
  "@blaze-react/more": "0.5.19",
39
39
  "@blaze-react/multiselect": "0.8.0-alpha.103",
@@ -57,7 +57,7 @@
57
57
  "uuid": "^3.3.3"
58
58
  },
59
59
  "devDependencies": {
60
- "@blaze-cms/core-ui": "0.146.0-node18-core-styles-tooltips.15"
60
+ "@blaze-cms/core-ui": "0.146.0-node18-tooltips.4"
61
61
  },
62
62
  "peerDependencies": {
63
63
  "@apollo/client": "3.x",
@@ -69,5 +69,5 @@
69
69
  "lib/*",
70
70
  "lib-es/*"
71
71
  ],
72
- "gitHead": "257b57efbc935dee59eb40aff4c94578124fe5b9"
72
+ "gitHead": "67f7f73dc1a1d43c4c59288a7943437273aac378"
73
73
  }
package/src/components/ListingTable/ListingTableContent/ListingTableContent.js CHANGED
@@ -19,7 +19,7 @@ const ListingTableContent = ({
19
19
 
20
20
  useEffect(() => {
21
21
  // set table head to match body column widths to handle dynamic content
22
- if (ref.current) {
22
+ if (ref.current && displayTable) {
23
23
  const tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');
24
24
  const firstRowCells = ref.current.querySelectorAll(
25
25
  '.table-body .table-row:first-child .table-cell'
@@ -34,11 +34,11 @@ const ListingTableContent = ({
34
34
  }
35
35
  });
36
36
  }
37
- }, [tableData]);
37
+ }, [tableData, displayTable]);
38
38
 
39
39
  if (displayTable) {
40
40
  return (
41
- <div className={className}>
41
+ <div ref={ref} className={className}>
42
42
  <Table
43
43
  onSort={onSort}
44
44
  data={tableData}
@@ -75,9 +75,9 @@ ListingTableContent.propTypes = {
75
75
  };
76
76
 
77
77
  ListingTableContent.defaultProps = {
78
- handleSelect: () => {},
79
- onSort: () => {},
80
- handleOnPageChange: () => {}
78
+ handleSelect: () => { },
79
+ onSort: () => { },
80
+ handleOnPageChange: () => { }
81
81
  };
82
82
 
83
83
  export default withRouter(ListingTableContent);