carbon-addons-iot-react 2.147.0-next.73 → 2.147.0-next.78
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 +57 -0
- package/css/carbon-addons-iot-react.css +79 -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 +2 -2
- package/es/components/Table/TableColumnCustomizationModal/TableColumnCustomizationModal.js +1068 -0
- package/es/components/Table/TableColumnCustomizationModal/visibilityToggleHook.js +116 -0
- package/es/index.js +1 -0
- package/es/node_modules/carbon-components-react/es/components/Button/Button.js +13 -1
- 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 +2 -2
- package/lib/components/Table/TableColumnCustomizationModal/TableColumnCustomizationModal.js +1084 -0
- package/lib/components/Table/TableColumnCustomizationModal/visibilityToggleHook.js +126 -0
- package/lib/css/carbon-addons-iot-react.css +79 -34
- package/lib/css/carbon-addons-iot-react.css.map +1 -1
- package/lib/index.js +2 -0
- package/lib/node_modules/carbon-components-react/es/components/Button/Button.js +13 -1
- 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/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 +7 -6
- 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/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 +3680 -1903
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,63 @@
|
|
|
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.78](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.147.0-next.77...v2.147.0-next.78) (2021-12-08)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **repo:** upgrade carbon to 10.49/7.49.1 ([b146adf](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b146adf5deccadee1a4e2121cdd3b9420133733c))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# [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)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* **list:** prevent multiple callbacks on checkbox click ([3b6a9a3](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/3b6a9a34c18ec9cf96047ceaf1943f5ea9bd2c98))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
# [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)
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
### Bug Fixes
|
|
32
|
+
|
|
33
|
+
* **list:** prevent multiple callbacks on checkbox click ([2e1d553](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/2e1d553d9fcfea1add35e75ba924a35864ea9983))
|
|
34
|
+
* **listbuilder:** add back and deprecate i18n props ([29397a7](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/29397a7720d50427792a3b1ab0aefd35ef0b3be2))
|
|
35
|
+
* **listbuilder:** memo code for checkboxes use condition ([6dd916e](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/6dd916e5b63b8b4d042b224e5a9964f7bb0ece99))
|
|
36
|
+
* **tablecolumncustomizationmodal:** delete story update snaps ([6f4c17f](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/6f4c17fc9838d170d51d907272e5e2346e123bdd))
|
|
37
|
+
* **tablecolumncustomizationmodal:** fix lodash import ([d9c77a0](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/d9c77a08211d5a4acc5c0c896d4b2b4fa6389ca4))
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
### Features
|
|
41
|
+
|
|
42
|
+
* **tablecolumncustomizationmodal:** add async wrapper ([93f0771](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/93f077115b5a2fb7a7545e926abae98e9fc83f1b))
|
|
43
|
+
* **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)
|
|
44
|
+
* **tablecolumncustomizationmodal:** add new modal and improve subcomponents ([c29a6e8](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c29a6e8b92bc2213946cbad34cc6e6206d4fb957))
|
|
45
|
+
* **tablecolumncustomizationmodal:** add secondary value ([0a3749c](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/0a3749ceedcb0f40eb955683596dcd4be0d127e0))
|
|
46
|
+
* **tablecolumncustomizationmodal:** small improvements ([cbb3657](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/cbb36573fb5220b2b07f386a3e5bf57e29244ff3))
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
# [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)
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
### Bug Fixes
|
|
56
|
+
|
|
57
|
+
* **table:** segregate angular styles from react table ([eac4cf5](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/eac4cf5f179c6c46a3c8ed99580452c1be9ae43a))
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
6
63
|
# [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)
|
|
7
64
|
|
|
8
65
|
|
|
@@ -5973,6 +5973,8 @@ fieldset[disabled] .bx--form__helper-text {
|
|
|
5973
5973
|
clip: rect(0, 0, 0, 0);
|
|
5974
5974
|
visibility: inherit;
|
|
5975
5975
|
white-space: nowrap;
|
|
5976
|
+
top: 1.25rem;
|
|
5977
|
+
left: 0.7rem;
|
|
5976
5978
|
}
|
|
5977
5979
|
|
|
5978
5980
|
.bx--checkbox-label {
|
|
@@ -30870,6 +30872,11 @@ html[dir=rtl] .iot--image-tile__title {
|
|
|
30870
30872
|
padding: 0.25rem;
|
|
30871
30873
|
}
|
|
30872
30874
|
|
|
30875
|
+
html[dir=rtl] .iot--list-builder__reset-button .bx--btn__icon {
|
|
30876
|
+
margin-left: 0;
|
|
30877
|
+
margin-right: 0.5rem;
|
|
30878
|
+
}
|
|
30879
|
+
|
|
30873
30880
|
.iot--tear-sheet-wrapper {
|
|
30874
30881
|
top: 0;
|
|
30875
30882
|
left: 0;
|
|
@@ -31169,6 +31176,10 @@ html[dir=rtl] .iot--image-tile__title {
|
|
|
31169
31176
|
position: absolute;
|
|
31170
31177
|
right: -0.5rem;
|
|
31171
31178
|
}
|
|
31179
|
+
[dir=rtl] .iot--list-item--content--row-actions {
|
|
31180
|
+
right: unset;
|
|
31181
|
+
left: -0.5rem;
|
|
31182
|
+
}
|
|
31172
31183
|
.iot--list-item--nesting-offset {
|
|
31173
31184
|
flex-grow: 0;
|
|
31174
31185
|
flex-shrink: 0;
|
|
@@ -35067,69 +35078,62 @@ button.bx--btn.iot--tooltip-svg-wrapper.bx--btn--ghost.iot--table-toolbar__advan
|
|
|
35067
35078
|
width: 2.5rem;
|
|
35068
35079
|
}
|
|
35069
35080
|
|
|
35070
|
-
|
|
35071
|
-
.table-head-cell-
|
|
35081
|
+
/* stylelint-disable-next-line */
|
|
35082
|
+
ai-table .table-head-cell-text,
|
|
35083
|
+
ai-table .table-head-cell-icons {
|
|
35072
35084
|
top: 0;
|
|
35073
35085
|
}
|
|
35074
|
-
|
|
35075
|
-
.bx--table-header-label {
|
|
35086
|
+
ai-table .bx--table-header-label {
|
|
35076
35087
|
line-height: 3rem;
|
|
35077
35088
|
}
|
|
35078
|
-
|
|
35079
|
-
.bx--data-table--compact .table-head-cell-
|
|
35080
|
-
.bx--data-table--compact .table-
|
|
35081
|
-
.bx--data-table--compact .bx--table-header-label {
|
|
35089
|
+
ai-table .bx--data-table--compact .table-head-cell-text,
|
|
35090
|
+
ai-table .bx--data-table--compact .table-head-cell-icons,
|
|
35091
|
+
ai-table .bx--data-table--compact .bx--table-header-label {
|
|
35082
35092
|
line-height: 24px;
|
|
35083
35093
|
}
|
|
35084
|
-
|
|
35085
|
-
.bx--data-table--short .table-head-cell-
|
|
35086
|
-
.bx--data-table--short .table-
|
|
35087
|
-
.bx--data-table--short .bx--table-header-label {
|
|
35094
|
+
ai-table .bx--data-table--short .table-head-cell-text,
|
|
35095
|
+
ai-table .bx--data-table--short .table-head-cell-icons,
|
|
35096
|
+
ai-table .bx--data-table--short .bx--table-header-label {
|
|
35088
35097
|
line-height: 32px;
|
|
35089
35098
|
}
|
|
35090
|
-
|
|
35091
|
-
.bx--data-table--tall .table-head-cell-
|
|
35092
|
-
.bx--data-table--tall .table-
|
|
35093
|
-
.bx--data-table--tall .bx--table-header-label {
|
|
35099
|
+
ai-table .bx--data-table--tall .table-head-cell-text,
|
|
35100
|
+
ai-table .bx--data-table--tall .table-head-cell-icons,
|
|
35101
|
+
ai-table .bx--data-table--tall .bx--table-header-label {
|
|
35094
35102
|
line-height: 64px;
|
|
35095
35103
|
}
|
|
35096
|
-
|
|
35097
|
-
.table-head-cell-icons {
|
|
35104
|
+
ai-table .table-head-cell-icons {
|
|
35098
35105
|
right: 0;
|
|
35099
35106
|
margin-right: 10px;
|
|
35100
35107
|
}
|
|
35101
|
-
|
|
35102
|
-
.bx--table-sort.bx--table-sort--active .bx--table-sort__icon {
|
|
35108
|
+
ai-table .bx--table-sort.bx--table-sort--active .bx--table-sort__icon {
|
|
35103
35109
|
top: 16px;
|
|
35104
35110
|
}
|
|
35105
|
-
|
|
35106
|
-
.iot-table .
|
|
35107
|
-
.iot-table .table-head-cell-text {
|
|
35111
|
+
ai-table .iot-table .bx--table-header-label,
|
|
35112
|
+
ai-table .iot-table .table-head-cell-text {
|
|
35108
35113
|
padding-left: 16px;
|
|
35109
35114
|
}
|
|
35110
35115
|
|
|
35111
|
-
|
|
35112
|
-
|
|
35116
|
+
/* stylelint-disable-next-line */
|
|
35117
|
+
ai-table tr.table-row:not(:first-of-type) {
|
|
35118
|
+
border-top: 2px solid #ffffff;
|
|
35113
35119
|
}
|
|
35114
|
-
|
|
35115
|
-
|
|
35116
|
-
border-right: 2px solid white;
|
|
35120
|
+
ai-table th:not(:last-of-type) {
|
|
35121
|
+
border-right: 2px solid #ffffff;
|
|
35117
35122
|
}
|
|
35118
|
-
th:not(:last-of-type).table-selection-column {
|
|
35123
|
+
ai-table th:not(:last-of-type).table-selection-column {
|
|
35119
35124
|
border-right: none;
|
|
35120
35125
|
}
|
|
35121
|
-
|
|
35122
|
-
.ai-table .bx--table-sort, .ai-table.bx--data-table--sort th:first-of-type .bx--table-sort {
|
|
35126
|
+
ai-table .bx--table-sort, ai-table.bx--data-table--sort th:first-of-type .bx--table-sort {
|
|
35123
35127
|
padding-left: 0;
|
|
35124
35128
|
}
|
|
35125
|
-
|
|
35129
|
+
ai-table.bx--data-table th button {
|
|
35126
35130
|
align-items: flex-end;
|
|
35127
35131
|
padding-bottom: 1rem;
|
|
35128
35132
|
}
|
|
35129
|
-
|
|
35133
|
+
ai-table.bx--data-table th {
|
|
35130
35134
|
position: inherit;
|
|
35131
35135
|
}
|
|
35132
|
-
|
|
35136
|
+
ai-table .iot--table-head-cell {
|
|
35133
35137
|
vertical-align: bottom;
|
|
35134
35138
|
}
|
|
35135
35139
|
|
|
@@ -35244,6 +35248,47 @@ html[dir=rtl] .iot--manage-views-modal__public-checkbox {
|
|
|
35244
35248
|
position: relative;
|
|
35245
35249
|
}
|
|
35246
35250
|
|
|
35251
|
+
.iot--column-customization-modal .bx--modal-header__label {
|
|
35252
|
+
display: none;
|
|
35253
|
+
}
|
|
35254
|
+
.iot--column-customization-modal .bx--modal-container {
|
|
35255
|
+
overflow-y: hidden;
|
|
35256
|
+
}
|
|
35257
|
+
.iot--column-customization-modal .bx--modal-content {
|
|
35258
|
+
height: 100%;
|
|
35259
|
+
min-height: 60vh;
|
|
35260
|
+
background-color: #f4f4f4;
|
|
35261
|
+
padding: 1rem;
|
|
35262
|
+
padding-bottom: 3rem;
|
|
35263
|
+
margin-bottom: 0;
|
|
35264
|
+
}
|
|
35265
|
+
.iot--column-customization-modal .iot--list-builder__container {
|
|
35266
|
+
-webkit-column-gap: 1rem;
|
|
35267
|
+
column-gap: 1rem;
|
|
35268
|
+
grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem);
|
|
35269
|
+
height: 100%;
|
|
35270
|
+
}
|
|
35271
|
+
.iot--column-customization-modal .iot--list-builder__all,
|
|
35272
|
+
.iot--column-customization-modal .iot--list-builder__selected {
|
|
35273
|
+
height: 100%;
|
|
35274
|
+
max-height: 60vh;
|
|
35275
|
+
background-color: #ffffff;
|
|
35276
|
+
padding: 0;
|
|
35277
|
+
}
|
|
35278
|
+
.iot--column-customization-modal .bx--modal-content .iot--list--content p {
|
|
35279
|
+
padding-right: 0;
|
|
35280
|
+
}
|
|
35281
|
+
.iot--column-customization-modal.iot--column-customization-modal--error-state .bx--modal-content {
|
|
35282
|
+
min-height: calc(60vh - 5rem - 2rem);
|
|
35283
|
+
}
|
|
35284
|
+
.iot--column-customization-modal.iot--column-customization-modal--error-state .iot--list-builder__container {
|
|
35285
|
+
height: calc(100% - 5rem);
|
|
35286
|
+
}
|
|
35287
|
+
.iot--column-customization-modal.iot--column-customization-modal--error-state .iot--list-builder__all,
|
|
35288
|
+
.iot--column-customization-modal.iot--column-customization-modal--error-state .iot--list-builder__selected {
|
|
35289
|
+
min-height: calc(60vh - 5rem - 2rem);
|
|
35290
|
+
}
|
|
35291
|
+
|
|
35247
35292
|
.iot--threshold-icon--wrapper {
|
|
35248
35293
|
display: flex;
|
|
35249
35294
|
}
|