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.
Files changed (43) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/css/carbon-addons-iot-react.css +79 -34
  3. package/css/carbon-addons-iot-react.css.map +1 -1
  4. package/es/components/List/HierarchyList/HierarchyList.js +7 -2
  5. package/es/components/List/List.js +5 -0
  6. package/es/components/List/ListContent/ListContent.js +6 -1
  7. package/es/components/List/ListHeader/ListHeader.js +7 -1
  8. package/es/components/List/VirtualListContent/VirtualListContent.js +7 -2
  9. package/es/components/ListBuilder/ListBuilder.js +619 -53
  10. package/es/components/SelectUsersModal/SelectUsersModal.js +13 -3
  11. package/es/components/Table/Table.js +2 -2
  12. package/es/components/Table/TableColumnCustomizationModal/TableColumnCustomizationModal.js +1068 -0
  13. package/es/components/Table/TableColumnCustomizationModal/visibilityToggleHook.js +116 -0
  14. package/es/index.js +1 -0
  15. package/es/node_modules/carbon-components-react/es/components/Button/Button.js +13 -1
  16. package/lib/components/List/HierarchyList/HierarchyList.js +7 -2
  17. package/lib/components/List/List.js +5 -0
  18. package/lib/components/List/ListContent/ListContent.js +6 -1
  19. package/lib/components/List/ListHeader/ListHeader.js +7 -1
  20. package/lib/components/List/VirtualListContent/VirtualListContent.js +7 -2
  21. package/lib/components/ListBuilder/ListBuilder.js +620 -51
  22. package/lib/components/SelectUsersModal/SelectUsersModal.js +14 -3
  23. package/lib/components/Table/Table.js +2 -2
  24. package/lib/components/Table/TableColumnCustomizationModal/TableColumnCustomizationModal.js +1084 -0
  25. package/lib/components/Table/TableColumnCustomizationModal/visibilityToggleHook.js +126 -0
  26. package/lib/css/carbon-addons-iot-react.css +79 -34
  27. package/lib/css/carbon-addons-iot-react.css.map +1 -1
  28. package/lib/index.js +2 -0
  29. package/lib/node_modules/carbon-components-react/es/components/Button/Button.js +13 -1
  30. package/lib/scss/components/List/ListItem/_list-item.scss +4 -0
  31. package/lib/scss/components/ListBuilder/_list-builder.scss +5 -0
  32. package/lib/scss/components/Table/TableColumnCustomizationModal/_table-column-customization-modal.scss +55 -0
  33. package/lib/scss/components/TableMultiline/table-head-cell.scss +40 -37
  34. package/lib/scss/components/TableMultiline/table-head.scss +10 -9
  35. package/lib/scss/styles.scss +1 -0
  36. package/package.json +7 -6
  37. package/scss/components/List/ListItem/_list-item.scss +4 -0
  38. package/scss/components/ListBuilder/_list-builder.scss +5 -0
  39. package/scss/components/Table/TableColumnCustomizationModal/_table-column-customization-modal.scss +55 -0
  40. package/scss/components/TableMultiline/table-head-cell.scss +40 -37
  41. package/scss/components/TableMultiline/table-head.scss +10 -9
  42. package/scss/styles.scss +1 -0
  43. 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
- .table-head-cell-text,
35071
- .table-head-cell-icons {
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-text,
35080
- .bx--data-table--compact .table-head-cell-icons,
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-text,
35086
- .bx--data-table--short .table-head-cell-icons,
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-text,
35092
- .bx--data-table--tall .table-head-cell-icons,
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 .bx--table-header-label,
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
- tr.table-row:not(:first-of-type) {
35112
- border-top: 2px solid white;
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
- th:not(:last-of-type) {
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
- .ai-table.bx--data-table th button {
35129
+ ai-table.bx--data-table th button {
35126
35130
  align-items: flex-end;
35127
35131
  padding-bottom: 1rem;
35128
35132
  }
35129
- .ai-table.bx--data-table th {
35133
+ ai-table.bx--data-table th {
35130
35134
  position: inherit;
35131
35135
  }
35132
- .ai-table .iot--table-head-cell {
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
  }