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.
Files changed (53) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/css/carbon-addons-iot-react.css +93 -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 +35 -17
  12. package/es/components/Table/TableBody/RowActionsCell/RowActionsCell.js +5 -14
  13. package/es/components/Table/TableColumnCustomizationModal/TableColumnCustomizationModal.js +1068 -0
  14. package/es/components/Table/TableColumnCustomizationModal/visibilityToggleHook.js +116 -0
  15. package/es/components/Table/TablePropTypes.js +35 -1
  16. package/es/components/Table/TableToolbar/TableToolbar.js +99 -21
  17. package/es/components/Table/tableUtilities.js +41 -1
  18. package/es/hooks/useDynamicOverflowMenuItems.js +72 -0
  19. package/es/index.js +1 -0
  20. package/lib/components/List/HierarchyList/HierarchyList.js +7 -2
  21. package/lib/components/List/List.js +5 -0
  22. package/lib/components/List/ListContent/ListContent.js +6 -1
  23. package/lib/components/List/ListHeader/ListHeader.js +7 -1
  24. package/lib/components/List/VirtualListContent/VirtualListContent.js +7 -2
  25. package/lib/components/ListBuilder/ListBuilder.js +620 -51
  26. package/lib/components/SelectUsersModal/SelectUsersModal.js +14 -3
  27. package/lib/components/Table/Table.js +34 -16
  28. package/lib/components/Table/TableBody/RowActionsCell/RowActionsCell.js +5 -14
  29. package/lib/components/Table/TableColumnCustomizationModal/TableColumnCustomizationModal.js +1084 -0
  30. package/lib/components/Table/TableColumnCustomizationModal/visibilityToggleHook.js +126 -0
  31. package/lib/components/Table/TablePropTypes.js +35 -0
  32. package/lib/components/Table/TableToolbar/TableToolbar.js +97 -18
  33. package/lib/components/Table/tableUtilities.js +46 -0
  34. package/lib/css/carbon-addons-iot-react.css +93 -34
  35. package/lib/css/carbon-addons-iot-react.css.map +1 -1
  36. package/lib/hooks/useDynamicOverflowMenuItems.js +79 -0
  37. package/lib/index.js +2 -0
  38. package/lib/scss/components/List/ListItem/_list-item.scss +4 -0
  39. package/lib/scss/components/ListBuilder/_list-builder.scss +5 -0
  40. package/lib/scss/components/Table/TableColumnCustomizationModal/_table-column-customization-modal.scss +55 -0
  41. package/lib/scss/components/Table/TableToolbar/_table-toolbar.scss +19 -0
  42. package/lib/scss/components/TableMultiline/table-head-cell.scss +40 -37
  43. package/lib/scss/components/TableMultiline/table-head.scss +10 -9
  44. package/lib/scss/styles.scss +1 -0
  45. package/package.json +4 -3
  46. package/scss/components/List/ListItem/_list-item.scss +4 -0
  47. package/scss/components/ListBuilder/_list-builder.scss +5 -0
  48. package/scss/components/Table/TableColumnCustomizationModal/_table-column-customization-modal.scss +55 -0
  49. package/scss/components/Table/TableToolbar/_table-toolbar.scss +19 -0
  50. package/scss/components/TableMultiline/table-head-cell.scss +40 -37
  51. package/scss/components/TableMultiline/table-head.scss +10 -9
  52. package/scss/styles.scss +1 -0
  53. 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
- .table-head-cell-text,
35055
- .table-head-cell-icons {
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-text,
35064
- .bx--data-table--compact .table-head-cell-icons,
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-text,
35070
- .bx--data-table--short .table-head-cell-icons,
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-text,
35076
- .bx--data-table--tall .table-head-cell-icons,
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 .bx--table-header-label,
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
- tr.table-row:not(:first-of-type) {
35096
- border-top: 2px solid white;
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
- th:not(:last-of-type) {
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
- .ai-table.bx--data-table th button {
35127
+ ai-table.bx--data-table th button {
35110
35128
  align-items: flex-end;
35111
35129
  padding-bottom: 1rem;
35112
35130
  }
35113
- .ai-table.bx--data-table th {
35131
+ ai-table.bx--data-table th {
35114
35132
  position: inherit;
35115
35133
  }
35116
- .ai-table .iot--table-head-cell {
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
  }