@carbon/ibm-products 2.43.2-canary.238 → 2.43.2-canary.241
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -1
- package/es/components/Datagrid/Datagrid/Datagrid.d.ts +1 -1
- package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -8
- package/es/components/UserProfileImage/UserProfileImage.d.ts +1 -1
- package/es/components/UserProfileImage/UserProfileImage.js +1 -1
- package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +1 -1
- package/lib/components/Datagrid/Datagrid/Datagrid.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -8
- package/lib/components/UserProfileImage/UserProfileImage.d.ts +1 -1
- package/lib/components/UserProfileImage/UserProfileImage.js +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
# @carbon/ibm-products
|
2
2
|
|
3
3
|
> Carbon for IBM Products is an open source implementation of the closed source
|
4
|
-
> [pattern asset library (PAL)](https://pages.github.ibm.com/
|
4
|
+
> [pattern asset library (PAL)](https://pages.github.ibm.com/carbon/ibm-products/).
|
5
5
|
> These PAL designs build on the foundation of IBM’s open source Carbon Design
|
6
6
|
> System and React implementation to offer components and patterns beyond the
|
7
7
|
> typical component library. Carbon for IBM Products was previously known as
|
@@ -18,6 +18,6 @@ export interface DatagridProps {
|
|
18
18
|
datagridState: DataGridState;
|
19
19
|
}
|
20
20
|
/**
|
21
|
-
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/
|
21
|
+
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
|
22
22
|
*/
|
23
23
|
export declare let Datagrid: React.ForwardRefExoticComponent<DatagridProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -20,7 +20,7 @@ var _excluded = ["datagridState", "ariaToolbarLabel"];
|
|
20
20
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
21
21
|
var componentName = 'Datagrid';
|
22
22
|
/**
|
23
|
-
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/
|
23
|
+
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
|
24
24
|
*/
|
25
25
|
var Datagrid = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
26
26
|
var datagridState = _ref.datagridState,
|
package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js
CHANGED
@@ -108,12 +108,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
|
|
108
108
|
}) : definition;
|
109
109
|
});
|
110
110
|
setColumnObjects(finalDefinitions);
|
111
|
-
|
112
|
-
};
|
113
|
-
var setDirty = function setDirty() {
|
114
|
-
if (!isDirty) {
|
115
|
-
setIsDirty(true);
|
116
|
-
}
|
111
|
+
setIsDirty(selectedColumnsCount !== 0);
|
117
112
|
};
|
118
113
|
var getVisibleColumnsCount = useCallback(function () {
|
119
114
|
return columnObjects.filter(function (col) {
|
@@ -156,7 +151,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
|
|
156
151
|
searchText: searchText,
|
157
152
|
setColumnsObject: function setColumnsObject(cols) {
|
158
153
|
setColumnObjects(cols);
|
159
|
-
|
154
|
+
setIsDirty(true);
|
160
155
|
},
|
161
156
|
setSearchText: setSearchText,
|
162
157
|
findColumnPlaceholderLabel: findColumnPlaceholderLabel,
|
@@ -170,7 +165,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
|
|
170
165
|
onSelectColumn: onCheckboxCheck,
|
171
166
|
setColumnsObject: function setColumnsObject(cols) {
|
172
167
|
setColumnObjects(cols);
|
173
|
-
|
168
|
+
setIsDirty(getVisibleColumnsCount() !== 0);
|
174
169
|
},
|
175
170
|
selectAllLabel: selectAllLabel,
|
176
171
|
customizeTearsheetHeadingLabel: customizeTearsheetHeadingLabel
|
@@ -25,7 +25,7 @@ type imageProps = {
|
|
25
25
|
type UserProfileImageBaseProps = {
|
26
26
|
/**
|
27
27
|
* The background color passed should match one of the background colors in the library documentation:
|
28
|
-
* https://pages.github.ibm.com/
|
28
|
+
* https://pages.github.ibm.com/carbon/ibm-products/patterns/user-profile-images/
|
29
29
|
*/
|
30
30
|
backgroundColor?: string;
|
31
31
|
/**
|
@@ -136,7 +136,7 @@ UserProfileImage.displayName = componentName;
|
|
136
136
|
UserProfileImage.propTypes = {
|
137
137
|
/**
|
138
138
|
* The background color passed should match one of the background colors in the library documentation:
|
139
|
-
* https://pages.github.ibm.com/
|
139
|
+
* https://pages.github.ibm.com/carbon/ibm-products/patterns/user-profile-images/
|
140
140
|
*/
|
141
141
|
backgroundColor: PropTypes.oneOf(['light-cyan', 'dark-cyan', 'light-gray', 'dark-gray', 'light-green', 'dark-green', 'light-magenta', 'dark-magenta', 'light-purple', 'dark-purple', 'light-teal', 'dark-teal']),
|
142
142
|
/**
|
@@ -18,6 +18,6 @@ export interface DatagridProps {
|
|
18
18
|
datagridState: DataGridState;
|
19
19
|
}
|
20
20
|
/**
|
21
|
-
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/
|
21
|
+
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
|
22
22
|
*/
|
23
23
|
export declare let Datagrid: React.ForwardRefExoticComponent<DatagridProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -29,7 +29,7 @@ var _excluded = ["datagridState", "ariaToolbarLabel"];
|
|
29
29
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
30
30
|
var componentName = 'Datagrid';
|
31
31
|
/**
|
32
|
-
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/
|
32
|
+
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
|
33
33
|
*/
|
34
34
|
exports.Datagrid = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
35
35
|
var datagridState = _ref.datagridState,
|
package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js
CHANGED
@@ -116,12 +116,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
|
|
116
116
|
}) : definition;
|
117
117
|
});
|
118
118
|
setColumnObjects(finalDefinitions);
|
119
|
-
|
120
|
-
};
|
121
|
-
var setDirty = function setDirty() {
|
122
|
-
if (!isDirty) {
|
123
|
-
setIsDirty(true);
|
124
|
-
}
|
119
|
+
setIsDirty(selectedColumnsCount !== 0);
|
125
120
|
};
|
126
121
|
var getVisibleColumnsCount = React.useCallback(function () {
|
127
122
|
return columnObjects.filter(function (col) {
|
@@ -164,7 +159,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
|
|
164
159
|
searchText: searchText,
|
165
160
|
setColumnsObject: function setColumnsObject(cols) {
|
166
161
|
setColumnObjects(cols);
|
167
|
-
|
162
|
+
setIsDirty(true);
|
168
163
|
},
|
169
164
|
setSearchText: setSearchText,
|
170
165
|
findColumnPlaceholderLabel: findColumnPlaceholderLabel,
|
@@ -178,7 +173,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
|
|
178
173
|
onSelectColumn: onCheckboxCheck,
|
179
174
|
setColumnsObject: function setColumnsObject(cols) {
|
180
175
|
setColumnObjects(cols);
|
181
|
-
|
176
|
+
setIsDirty(getVisibleColumnsCount() !== 0);
|
182
177
|
},
|
183
178
|
selectAllLabel: selectAllLabel,
|
184
179
|
customizeTearsheetHeadingLabel: customizeTearsheetHeadingLabel
|
@@ -25,7 +25,7 @@ type imageProps = {
|
|
25
25
|
type UserProfileImageBaseProps = {
|
26
26
|
/**
|
27
27
|
* The background color passed should match one of the background colors in the library documentation:
|
28
|
-
* https://pages.github.ibm.com/
|
28
|
+
* https://pages.github.ibm.com/carbon/ibm-products/patterns/user-profile-images/
|
29
29
|
*/
|
30
30
|
backgroundColor?: string;
|
31
31
|
/**
|
@@ -145,7 +145,7 @@ exports.UserProfileImage.displayName = componentName;
|
|
145
145
|
exports.UserProfileImage.propTypes = {
|
146
146
|
/**
|
147
147
|
* The background color passed should match one of the background colors in the library documentation:
|
148
|
-
* https://pages.github.ibm.com/
|
148
|
+
* https://pages.github.ibm.com/carbon/ibm-products/patterns/user-profile-images/
|
149
149
|
*/
|
150
150
|
backgroundColor: index["default"].oneOf(['light-cyan', 'dark-cyan', 'light-gray', 'dark-gray', 'light-green', 'dark-green', 'light-magenta', 'dark-magenta', 'light-purple', 'dark-purple', 'light-teal', 'dark-teal']),
|
151
151
|
/**
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "2.43.2-canary.
|
4
|
+
"version": "2.43.2-canary.241+2b32f0fa5",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -120,5 +120,5 @@
|
|
120
120
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
121
121
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
122
122
|
},
|
123
|
-
"gitHead": "
|
123
|
+
"gitHead": "2b32f0fa54034d347438347e69dfd865c1248f9f"
|
124
124
|
}
|