carbon-addons-iot-react 2.147.0-next.72 → 2.147.0-next.76
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/CHANGELOG.md +66 -0
- package/css/carbon-addons-iot-react.css +93 -34
- package/css/carbon-addons-iot-react.css.map +1 -1
- package/es/components/List/HierarchyList/HierarchyList.js +7 -2
- package/es/components/List/List.js +5 -0
- package/es/components/List/ListContent/ListContent.js +6 -1
- package/es/components/List/ListHeader/ListHeader.js +7 -1
- package/es/components/List/VirtualListContent/VirtualListContent.js +7 -2
- package/es/components/ListBuilder/ListBuilder.js +619 -53
- package/es/components/SelectUsersModal/SelectUsersModal.js +13 -3
- package/es/components/Table/Table.js +35 -17
- package/es/components/Table/TableBody/RowActionsCell/RowActionsCell.js +5 -14
- package/es/components/Table/TableColumnCustomizationModal/TableColumnCustomizationModal.js +1068 -0
- package/es/components/Table/TableColumnCustomizationModal/visibilityToggleHook.js +116 -0
- package/es/components/Table/TablePropTypes.js +35 -1
- package/es/components/Table/TableToolbar/TableToolbar.js +99 -21
- package/es/components/Table/tableUtilities.js +41 -1
- package/es/hooks/useDynamicOverflowMenuItems.js +72 -0
- package/es/index.js +1 -0
- package/lib/components/List/HierarchyList/HierarchyList.js +7 -2
- package/lib/components/List/List.js +5 -0
- package/lib/components/List/ListContent/ListContent.js +6 -1
- package/lib/components/List/ListHeader/ListHeader.js +7 -1
- package/lib/components/List/VirtualListContent/VirtualListContent.js +7 -2
- package/lib/components/ListBuilder/ListBuilder.js +620 -51
- package/lib/components/SelectUsersModal/SelectUsersModal.js +14 -3
- package/lib/components/Table/Table.js +34 -16
- package/lib/components/Table/TableBody/RowActionsCell/RowActionsCell.js +5 -14
- package/lib/components/Table/TableColumnCustomizationModal/TableColumnCustomizationModal.js +1084 -0
- package/lib/components/Table/TableColumnCustomizationModal/visibilityToggleHook.js +126 -0
- package/lib/components/Table/TablePropTypes.js +35 -0
- package/lib/components/Table/TableToolbar/TableToolbar.js +97 -18
- package/lib/components/Table/tableUtilities.js +46 -0
- package/lib/css/carbon-addons-iot-react.css +93 -34
- package/lib/css/carbon-addons-iot-react.css.map +1 -1
- package/lib/hooks/useDynamicOverflowMenuItems.js +79 -0
- package/lib/index.js +2 -0
- package/lib/scss/components/List/ListItem/_list-item.scss +4 -0
- package/lib/scss/components/ListBuilder/_list-builder.scss +5 -0
- package/lib/scss/components/Table/TableColumnCustomizationModal/_table-column-customization-modal.scss +55 -0
- package/lib/scss/components/Table/TableToolbar/_table-toolbar.scss +19 -0
- package/lib/scss/components/TableMultiline/table-head-cell.scss +40 -37
- package/lib/scss/components/TableMultiline/table-head.scss +10 -9
- package/lib/scss/styles.scss +1 -0
- package/package.json +4 -3
- package/scss/components/List/ListItem/_list-item.scss +4 -0
- package/scss/components/ListBuilder/_list-builder.scss +5 -0
- package/scss/components/Table/TableColumnCustomizationModal/_table-column-customization-modal.scss +55 -0
- package/scss/components/Table/TableToolbar/_table-toolbar.scss +19 -0
- package/scss/components/TableMultiline/table-head-cell.scss +40 -37
- package/scss/components/TableMultiline/table-head.scss +10 -9
- package/scss/styles.scss +1 -0
- package/umd/carbon-addons-iot-react.js +3989 -2006
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,72 @@
|
|
|
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
|
+
# [2.147.0-next.76](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.147.0-next.75...v2.147.0-next.76) (2021-12-06)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **list:** prevent multiple callbacks on checkbox click ([3b6a9a3](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/3b6a9a34c18ec9cf96047ceaf1943f5ea9bd2c98))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# [2.147.0-next.75](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.147.0-next.74...v2.147.0-next.75) (2021-12-03)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* **list:** prevent multiple callbacks on checkbox click ([2e1d553](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/2e1d553d9fcfea1add35e75ba924a35864ea9983))
|
|
23
|
+
* **listbuilder:** add back and deprecate i18n props ([29397a7](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/29397a7720d50427792a3b1ab0aefd35ef0b3be2))
|
|
24
|
+
* **listbuilder:** memo code for checkboxes use condition ([6dd916e](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/6dd916e5b63b8b4d042b224e5a9964f7bb0ece99))
|
|
25
|
+
* **tablecolumncustomizationmodal:** delete story update snaps ([6f4c17f](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/6f4c17fc9838d170d51d907272e5e2346e123bdd))
|
|
26
|
+
* **tablecolumncustomizationmodal:** fix lodash import ([d9c77a0](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/d9c77a08211d5a4acc5c0c896d4b2b4fa6389ca4))
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
### Features
|
|
30
|
+
|
|
31
|
+
* **tablecolumncustomizationmodal:** add async wrapper ([93f0771](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/93f077115b5a2fb7a7545e926abae98e9fc83f1b))
|
|
32
|
+
* **tablecolumncustomizationmodal:** add available list groups ([86dcd32](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/86dcd32ddd266da186a74a8aaa748578e09ac99c)), closes [#2603](https://github.com/carbon-design-system/carbon-addons-iot-react/issues/2603)
|
|
33
|
+
* **tablecolumncustomizationmodal:** add new modal and improve subcomponents ([c29a6e8](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c29a6e8b92bc2213946cbad34cc6e6206d4fb957))
|
|
34
|
+
* **tablecolumncustomizationmodal:** add secondary value ([0a3749c](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/0a3749ceedcb0f40eb955683596dcd4be0d127e0))
|
|
35
|
+
* **tablecolumncustomizationmodal:** small improvements ([cbb3657](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/cbb36573fb5220b2b07f386a3e5bf57e29244ff3))
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
# [2.147.0-next.74](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.147.0-next.73...v2.147.0-next.74) (2021-12-02)
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
### Bug Fixes
|
|
45
|
+
|
|
46
|
+
* **table:** segregate angular styles from react table ([eac4cf5](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/eac4cf5f179c6c46a3c8ed99580452c1be9ae43a))
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
# [2.147.0-next.73](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.147.0-next.72...v2.147.0-next.73) (2021-12-02)
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
### Bug Fixes
|
|
56
|
+
|
|
57
|
+
* **table:** ensure open state tracking is working when clicking actions ([8114f90](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/8114f90c92c648db31fa8b44c6e89f9ec06ccd85))
|
|
58
|
+
* **table:** fix missed extraActions->toolbarActions conversions ([b330ea8](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b330ea808c73c4587a675e7e1cb4d9bccf901320))
|
|
59
|
+
* **table-toolbar:** alignment extraActions proptypes with rowActions ([2408f70](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/2408f70a0650d54c3290ae117041f6ee6abce47f))
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
### Features
|
|
63
|
+
|
|
64
|
+
* **table:** add extraActions to toolbar overflow menu ([983202a](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/983202af59db678581d239fbc15d27b6c79ee3fd))
|
|
65
|
+
* **table:** allow extraActions to be rendered dynamically ([2118d4f](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/2118d4fa4801d2e2bf90a8587c1d242f1f9e2e3c))
|
|
66
|
+
* **table:** allow toolbarActions to appear in toolbar or overflow menu ([5951a6b](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/5951a6b221de1169f64d3e8ed2dd048fbcbb754c))
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
6
72
|
# [2.147.0-next.72](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.147.0-next.71...v2.147.0-next.72) (2021-12-02)
|
|
7
73
|
|
|
8
74
|
|
|
@@ -30870,6 +30870,11 @@ html[dir=rtl] .iot--image-tile__title {
|
|
|
30870
30870
|
padding: 0.25rem;
|
|
30871
30871
|
}
|
|
30872
30872
|
|
|
30873
|
+
html[dir=rtl] .iot--list-builder__reset-button .bx--btn__icon {
|
|
30874
|
+
margin-left: 0;
|
|
30875
|
+
margin-right: 0.5rem;
|
|
30876
|
+
}
|
|
30877
|
+
|
|
30873
30878
|
.iot--tear-sheet-wrapper {
|
|
30874
30879
|
top: 0;
|
|
30875
30880
|
left: 0;
|
|
@@ -31169,6 +31174,10 @@ html[dir=rtl] .iot--image-tile__title {
|
|
|
31169
31174
|
position: absolute;
|
|
31170
31175
|
right: -0.5rem;
|
|
31171
31176
|
}
|
|
31177
|
+
[dir=rtl] .iot--list-item--content--row-actions {
|
|
31178
|
+
right: unset;
|
|
31179
|
+
left: -0.5rem;
|
|
31180
|
+
}
|
|
31172
31181
|
.iot--list-item--nesting-offset {
|
|
31173
31182
|
flex-grow: 0;
|
|
31174
31183
|
flex-shrink: 0;
|
|
@@ -33923,6 +33932,22 @@ html[dir=rtl] .iot--table-batch-actions .bx--btn--primary.bx--batch-summary__can
|
|
|
33923
33932
|
width: initial;
|
|
33924
33933
|
}
|
|
33925
33934
|
|
|
33935
|
+
.iot--table-toolbar-aggregations__overflow-menu-content {
|
|
33936
|
+
display: flex;
|
|
33937
|
+
align-items: center;
|
|
33938
|
+
text-align: left;
|
|
33939
|
+
}
|
|
33940
|
+
[dir=rtl] .iot--table-toolbar-aggregations__overflow-menu-content {
|
|
33941
|
+
text-align: right;
|
|
33942
|
+
}
|
|
33943
|
+
.iot--table-toolbar-aggregations__overflow-menu-content svg {
|
|
33944
|
+
margin-right: 0.5rem;
|
|
33945
|
+
}
|
|
33946
|
+
[dir=rtl] .iot--table-toolbar-aggregations__overflow-menu-content svg {
|
|
33947
|
+
margin-right: 0;
|
|
33948
|
+
margin-left: 0.5rem;
|
|
33949
|
+
}
|
|
33950
|
+
|
|
33926
33951
|
.iot--pagination .bx--pagination__left {
|
|
33927
33952
|
margin: auto auto auto 0;
|
|
33928
33953
|
}
|
|
@@ -35051,69 +35076,62 @@ button.bx--btn.iot--tooltip-svg-wrapper.bx--btn--ghost.iot--table-toolbar__advan
|
|
|
35051
35076
|
width: 2.5rem;
|
|
35052
35077
|
}
|
|
35053
35078
|
|
|
35054
|
-
|
|
35055
|
-
.table-head-cell-
|
|
35079
|
+
/* stylelint-disable-next-line */
|
|
35080
|
+
ai-table .table-head-cell-text,
|
|
35081
|
+
ai-table .table-head-cell-icons {
|
|
35056
35082
|
top: 0;
|
|
35057
35083
|
}
|
|
35058
|
-
|
|
35059
|
-
.bx--table-header-label {
|
|
35084
|
+
ai-table .bx--table-header-label {
|
|
35060
35085
|
line-height: 3rem;
|
|
35061
35086
|
}
|
|
35062
|
-
|
|
35063
|
-
.bx--data-table--compact .table-head-cell-
|
|
35064
|
-
.bx--data-table--compact .table-
|
|
35065
|
-
.bx--data-table--compact .bx--table-header-label {
|
|
35087
|
+
ai-table .bx--data-table--compact .table-head-cell-text,
|
|
35088
|
+
ai-table .bx--data-table--compact .table-head-cell-icons,
|
|
35089
|
+
ai-table .bx--data-table--compact .bx--table-header-label {
|
|
35066
35090
|
line-height: 24px;
|
|
35067
35091
|
}
|
|
35068
|
-
|
|
35069
|
-
.bx--data-table--short .table-head-cell-
|
|
35070
|
-
.bx--data-table--short .table-
|
|
35071
|
-
.bx--data-table--short .bx--table-header-label {
|
|
35092
|
+
ai-table .bx--data-table--short .table-head-cell-text,
|
|
35093
|
+
ai-table .bx--data-table--short .table-head-cell-icons,
|
|
35094
|
+
ai-table .bx--data-table--short .bx--table-header-label {
|
|
35072
35095
|
line-height: 32px;
|
|
35073
35096
|
}
|
|
35074
|
-
|
|
35075
|
-
.bx--data-table--tall .table-head-cell-
|
|
35076
|
-
.bx--data-table--tall .table-
|
|
35077
|
-
.bx--data-table--tall .bx--table-header-label {
|
|
35097
|
+
ai-table .bx--data-table--tall .table-head-cell-text,
|
|
35098
|
+
ai-table .bx--data-table--tall .table-head-cell-icons,
|
|
35099
|
+
ai-table .bx--data-table--tall .bx--table-header-label {
|
|
35078
35100
|
line-height: 64px;
|
|
35079
35101
|
}
|
|
35080
|
-
|
|
35081
|
-
.table-head-cell-icons {
|
|
35102
|
+
ai-table .table-head-cell-icons {
|
|
35082
35103
|
right: 0;
|
|
35083
35104
|
margin-right: 10px;
|
|
35084
35105
|
}
|
|
35085
|
-
|
|
35086
|
-
.bx--table-sort.bx--table-sort--active .bx--table-sort__icon {
|
|
35106
|
+
ai-table .bx--table-sort.bx--table-sort--active .bx--table-sort__icon {
|
|
35087
35107
|
top: 16px;
|
|
35088
35108
|
}
|
|
35089
|
-
|
|
35090
|
-
.iot-table .
|
|
35091
|
-
.iot-table .table-head-cell-text {
|
|
35109
|
+
ai-table .iot-table .bx--table-header-label,
|
|
35110
|
+
ai-table .iot-table .table-head-cell-text {
|
|
35092
35111
|
padding-left: 16px;
|
|
35093
35112
|
}
|
|
35094
35113
|
|
|
35095
|
-
|
|
35096
|
-
|
|
35114
|
+
/* stylelint-disable-next-line */
|
|
35115
|
+
ai-table tr.table-row:not(:first-of-type) {
|
|
35116
|
+
border-top: 2px solid #ffffff;
|
|
35097
35117
|
}
|
|
35098
|
-
|
|
35099
|
-
|
|
35100
|
-
border-right: 2px solid white;
|
|
35118
|
+
ai-table th:not(:last-of-type) {
|
|
35119
|
+
border-right: 2px solid #ffffff;
|
|
35101
35120
|
}
|
|
35102
|
-
th:not(:last-of-type).table-selection-column {
|
|
35121
|
+
ai-table th:not(:last-of-type).table-selection-column {
|
|
35103
35122
|
border-right: none;
|
|
35104
35123
|
}
|
|
35105
|
-
|
|
35106
|
-
.ai-table .bx--table-sort, .ai-table.bx--data-table--sort th:first-of-type .bx--table-sort {
|
|
35124
|
+
ai-table .bx--table-sort, ai-table.bx--data-table--sort th:first-of-type .bx--table-sort {
|
|
35107
35125
|
padding-left: 0;
|
|
35108
35126
|
}
|
|
35109
|
-
|
|
35127
|
+
ai-table.bx--data-table th button {
|
|
35110
35128
|
align-items: flex-end;
|
|
35111
35129
|
padding-bottom: 1rem;
|
|
35112
35130
|
}
|
|
35113
|
-
|
|
35131
|
+
ai-table.bx--data-table th {
|
|
35114
35132
|
position: inherit;
|
|
35115
35133
|
}
|
|
35116
|
-
|
|
35134
|
+
ai-table .iot--table-head-cell {
|
|
35117
35135
|
vertical-align: bottom;
|
|
35118
35136
|
}
|
|
35119
35137
|
|
|
@@ -35228,6 +35246,47 @@ html[dir=rtl] .iot--manage-views-modal__public-checkbox {
|
|
|
35228
35246
|
position: relative;
|
|
35229
35247
|
}
|
|
35230
35248
|
|
|
35249
|
+
.iot--column-customization-modal .bx--modal-header__label {
|
|
35250
|
+
display: none;
|
|
35251
|
+
}
|
|
35252
|
+
.iot--column-customization-modal .bx--modal-container {
|
|
35253
|
+
overflow-y: hidden;
|
|
35254
|
+
}
|
|
35255
|
+
.iot--column-customization-modal .bx--modal-content {
|
|
35256
|
+
height: 100%;
|
|
35257
|
+
min-height: 60vh;
|
|
35258
|
+
background-color: #f4f4f4;
|
|
35259
|
+
padding: 1rem;
|
|
35260
|
+
padding-bottom: 3rem;
|
|
35261
|
+
margin-bottom: 0;
|
|
35262
|
+
}
|
|
35263
|
+
.iot--column-customization-modal .iot--list-builder__container {
|
|
35264
|
+
-webkit-column-gap: 1rem;
|
|
35265
|
+
column-gap: 1rem;
|
|
35266
|
+
grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem);
|
|
35267
|
+
height: 100%;
|
|
35268
|
+
}
|
|
35269
|
+
.iot--column-customization-modal .iot--list-builder__all,
|
|
35270
|
+
.iot--column-customization-modal .iot--list-builder__selected {
|
|
35271
|
+
height: 100%;
|
|
35272
|
+
max-height: 60vh;
|
|
35273
|
+
background-color: #ffffff;
|
|
35274
|
+
padding: 0;
|
|
35275
|
+
}
|
|
35276
|
+
.iot--column-customization-modal .bx--modal-content .iot--list--content p {
|
|
35277
|
+
padding-right: 0;
|
|
35278
|
+
}
|
|
35279
|
+
.iot--column-customization-modal.iot--column-customization-modal--error-state .bx--modal-content {
|
|
35280
|
+
min-height: calc(60vh - 5rem - 2rem);
|
|
35281
|
+
}
|
|
35282
|
+
.iot--column-customization-modal.iot--column-customization-modal--error-state .iot--list-builder__container {
|
|
35283
|
+
height: calc(100% - 5rem);
|
|
35284
|
+
}
|
|
35285
|
+
.iot--column-customization-modal.iot--column-customization-modal--error-state .iot--list-builder__all,
|
|
35286
|
+
.iot--column-customization-modal.iot--column-customization-modal--error-state .iot--list-builder__selected {
|
|
35287
|
+
min-height: calc(60vh - 5rem - 2rem);
|
|
35288
|
+
}
|
|
35289
|
+
|
|
35231
35290
|
.iot--threshold-icon--wrapper {
|
|
35232
35291
|
display: flex;
|
|
35233
35292
|
}
|