@datarobot/design-system 28.9.0 → 28.9.2

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 (9) hide show
  1. package/cjs/table-react/components/table-header-cell-menu.js +24 -21
  2. package/cjs/table-react/components/table-header-cell.js +5 -8
  3. package/esm/table-react/components/table-header-cell-menu.js +24 -21
  4. package/esm/table-react/components/table-header-cell.js +5 -8
  5. package/js/bundle/bundle.js +6 -6
  6. package/js/bundle/bundle.min.js +1 -1
  7. package/package.json +1 -1
  8. package/styles/index.css +6 -6
  9. package/styles/index.min.css +1 -1
package/cjs/table-react/components/table-header-cell-menu.js CHANGED
@@ -60,26 +60,29 @@ function TableHeaderCellMenu({
60
60
  return acc;
61
61
  }, {})
62
62
  };
63
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenu, {
64
- options: menuActions,
65
- triggerClassName: (0, _classnames.default)('react-table-cell-menu-trigger', {
66
- 'focused-visible': isVisible
67
- }),
68
- contentClassName: "react-table-cell-menu-content",
69
- selectedKey: sorted || undefined,
70
- onSelect: selectedOption => {
71
- const key = selectedOption?.key;
72
- const handler = actionsHandlers[key] || (() => {});
73
- handler();
74
- },
75
- triggerHideChevron: true,
76
- triggerDynamicContent: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontAwesomeIcon.FontAwesomeIcon, {
77
- icon: _faEllipsisVertical.faEllipsisVertical
78
- }),
79
- triggerIsIcon: true,
80
- triggerId: `header-menu-actions-${header.column.id}`,
81
- triggerTestId: "header-menu-actions",
82
- triggerAriaLabelText: localizationTextWithDefault?.headerActionsAriaLabel,
83
- contentTestId: "header-menu-actions-content"
63
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
64
+ className: "menu-wrapper",
65
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenu, {
66
+ options: menuActions,
67
+ triggerClassName: (0, _classnames.default)('react-table-cell-menu-trigger', {
68
+ 'focused-visible': isVisible
69
+ }),
70
+ contentClassName: "react-table-cell-menu-content",
71
+ selectedKey: sorted || undefined,
72
+ onSelect: selectedOption => {
73
+ const key = selectedOption?.key;
74
+ const handler = actionsHandlers[key] || (() => {});
75
+ handler();
76
+ },
77
+ triggerHideChevron: true,
78
+ triggerDynamicContent: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontAwesomeIcon.FontAwesomeIcon, {
79
+ icon: _faEllipsisVertical.faEllipsisVertical
80
+ }),
81
+ triggerIsIcon: true,
82
+ triggerId: `header-menu-actions-${header.column.id}`,
83
+ triggerTestId: "header-menu-actions",
84
+ triggerAriaLabelText: localizationTextWithDefault?.headerActionsAriaLabel,
85
+ contentTestId: "header-menu-actions-content"
86
+ })
84
87
  });
85
88
  }
package/cjs/table-react/components/table-header-cell.js CHANGED
@@ -138,14 +138,11 @@ function TableHeaderCell({
138
138
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
139
139
  className: "react-table-cell-splitter"
140
140
  })]
141
- }), canShowMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
142
- className: "menu-wrapper",
143
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tableHeaderCellMenu.TableHeaderCellMenu, {
144
- header: header,
145
- tableContainerWidth: tableContainerWidth,
146
- localizationText: localizationTextWithDefault?.headerMenu,
147
- isVisible: isCurrentCellFocused
148
- })
141
+ }), canShowMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_tableHeaderCellMenu.TableHeaderCellMenu, {
142
+ header: header,
143
+ tableContainerWidth: tableContainerWidth,
144
+ localizationText: localizationTextWithDefault?.headerMenu,
145
+ isVisible: isCurrentCellFocused
149
146
  }), !header.column.columnDef.meta?.hideSeparator &&
150
147
  /*#__PURE__*/
151
148
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
package/esm/table-react/components/table-header-cell-menu.js CHANGED
@@ -53,26 +53,29 @@ export function TableHeaderCellMenu({
53
53
  return acc;
54
54
  }, {})
55
55
  };
56
- return /*#__PURE__*/_jsx(DropdownMenu, {
57
- options: menuActions,
58
- triggerClassName: classnames('react-table-cell-menu-trigger', {
59
- 'focused-visible': isVisible
60
- }),
61
- contentClassName: "react-table-cell-menu-content",
62
- selectedKey: sorted || undefined,
63
- onSelect: selectedOption => {
64
- const key = selectedOption?.key;
65
- const handler = actionsHandlers[key] || (() => {});
66
- handler();
67
- },
68
- triggerHideChevron: true,
69
- triggerDynamicContent: () => /*#__PURE__*/_jsx(FontAwesomeIcon, {
70
- icon: faEllipsisVertical
71
- }),
72
- triggerIsIcon: true,
73
- triggerId: `header-menu-actions-${header.column.id}`,
74
- triggerTestId: "header-menu-actions",
75
- triggerAriaLabelText: localizationTextWithDefault?.headerActionsAriaLabel,
76
- contentTestId: "header-menu-actions-content"
56
+ return /*#__PURE__*/_jsx("div", {
57
+ className: "menu-wrapper",
58
+ children: /*#__PURE__*/_jsx(DropdownMenu, {
59
+ options: menuActions,
60
+ triggerClassName: classnames('react-table-cell-menu-trigger', {
61
+ 'focused-visible': isVisible
62
+ }),
63
+ contentClassName: "react-table-cell-menu-content",
64
+ selectedKey: sorted || undefined,
65
+ onSelect: selectedOption => {
66
+ const key = selectedOption?.key;
67
+ const handler = actionsHandlers[key] || (() => {});
68
+ handler();
69
+ },
70
+ triggerHideChevron: true,
71
+ triggerDynamicContent: () => /*#__PURE__*/_jsx(FontAwesomeIcon, {
72
+ icon: faEllipsisVertical
73
+ }),
74
+ triggerIsIcon: true,
75
+ triggerId: `header-menu-actions-${header.column.id}`,
76
+ triggerTestId: "header-menu-actions",
77
+ triggerAriaLabelText: localizationTextWithDefault?.headerActionsAriaLabel,
78
+ contentTestId: "header-menu-actions-content"
79
+ })
77
80
  });
78
81
  }
package/esm/table-react/components/table-header-cell.js CHANGED
@@ -130,14 +130,11 @@ export function TableHeaderCell({
130
130
  }), /*#__PURE__*/_jsx("div", {
131
131
  className: "react-table-cell-splitter"
132
132
  })]
133
- }), canShowMenu && /*#__PURE__*/_jsx("div", {
134
- className: "menu-wrapper",
135
- children: /*#__PURE__*/_jsx(TableHeaderCellMenu, {
136
- header: header,
137
- tableContainerWidth: tableContainerWidth,
138
- localizationText: localizationTextWithDefault?.headerMenu,
139
- isVisible: isCurrentCellFocused
140
- })
133
+ }), canShowMenu && /*#__PURE__*/_jsx(TableHeaderCellMenu, {
134
+ header: header,
135
+ tableContainerWidth: tableContainerWidth,
136
+ localizationText: localizationTextWithDefault?.headerMenu,
137
+ isVisible: isCurrentCellFocused
141
138
  }), !header.column.columnDef.meta?.hideSeparator &&
142
139
  /*#__PURE__*/
143
140
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
package/js/bundle/bundle.js CHANGED
@@ -75397,7 +75397,9 @@ function TableHeaderCellMenu(_ref) {
75397
75397
  acc[customAction.key] = customAction.onOptionSelect;
75398
75398
  return acc;
75399
75399
  }, {}));
75400
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dropdown_menu__WEBPACK_IMPORTED_MODULE_5__.DropdownMenu, {
75400
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
75401
+ className: "menu-wrapper"
75402
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dropdown_menu__WEBPACK_IMPORTED_MODULE_5__.DropdownMenu, {
75401
75403
  options: menuActions,
75402
75404
  triggerClassName: classnames__WEBPACK_IMPORTED_MODULE_1___default()('react-table-cell-menu-trigger', {
75403
75405
  'focused-visible': isVisible
@@ -75420,7 +75422,7 @@ function TableHeaderCellMenu(_ref) {
75420
75422
  triggerTestId: "header-menu-actions",
75421
75423
  triggerAriaLabelText: localizationTextWithDefault === null || localizationTextWithDefault === void 0 ? void 0 : localizationTextWithDefault.headerActionsAriaLabel,
75422
75424
  contentTestId: "header-menu-actions-content"
75423
- });
75425
+ }));
75424
75426
  }
75425
75427
 
75426
75428
  /***/ }),
@@ -75586,14 +75588,12 @@ function TableHeaderCell(_ref) {
75586
75588
  "test-id": "table-react-header-cell-sorting-icon"
75587
75589
  }, sortingIcon), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
75588
75590
  className: "react-table-cell-splitter"
75589
- })), canShowMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
75590
- className: "menu-wrapper"
75591
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_header_cell_menu__WEBPACK_IMPORTED_MODULE_9__.TableHeaderCellMenu, {
75591
+ })), canShowMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_header_cell_menu__WEBPACK_IMPORTED_MODULE_9__.TableHeaderCellMenu, {
75592
75592
  header: header,
75593
75593
  tableContainerWidth: tableContainerWidth,
75594
75594
  localizationText: localizationTextWithDefault === null || localizationTextWithDefault === void 0 ? void 0 : localizationTextWithDefault.headerMenu,
75595
75595
  isVisible: isCurrentCellFocused
75596
- })), !((_header$column$column10 = header.column.columnDef.meta) !== null && _header$column$column10 !== void 0 && _header$column$column10.hideSeparator) &&
75596
+ }), !((_header$column$column10 = header.column.columnDef.meta) !== null && _header$column$column10 !== void 0 && _header$column$column10.hideSeparator) &&
75597
75597
  /*#__PURE__*/
75598
75598
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
75599
75599
  react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {