@commercetools-uikit/data-table 19.20.1 → 19.22.0

package/dist/commercetools-uikit-data-table.cjs.prod.js

@@ -2,10 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-require('prop-types');
-var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -14,6 +10,11 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('prop-types');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var react$1 = require('react');
 var isEqual = require('lodash/isEqual');
 var utils = require('@commercetools-uikit/utils');
@@ -32,8 +33,6 @@ var dataTableManagerProvider = require('@commercetools-uikit/data-table-manager/
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -42,6 +41,8 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var isEqual__default = /*#__PURE__*/_interopDefault(isEqual);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
@@ -267,14 +268,14 @@ const TableRow = /*#__PURE__*/_styled__default["default"]("tr", {
   target: "epk01s20"
 } )("display:contents;", getClickableRowStyle, " :hover,:focus-within{", RowExpandCollapseButton, "{opacity:1;}}" + ("" ));
 
-const defaultProps$4 = {
+const defaultProps = {
   horizontalCellAlignment: 'left'
 };
 const Footer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e2ce7vj0"
 } )("box-sizing:border-box;display:block;", getPaddingStyle, " ", getHorizontalAlignmentStyle, " background-color:", designSystem.designTokens.colorSurface, ";border-top:1px solid ", designSystem.designTokens.colorNeutral90, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";width:100%;", props => props.resizedTotalWidth ? `max-width: ${props.resizedTotalWidth}px;` : '', ";" + ("" ));
 Footer.displayName = 'Footer';
-Footer.defaultProps = defaultProps$4;
+Footer.defaultProps = defaultProps;
 var Footer$1 = Footer;
 
 const ResizerIndicator = /*#__PURE__*/_styled__default["default"]("div", {
@@ -302,6 +303,7 @@ const isFixedWidthValue = value => {
 };
 var isFixedWidthValue$1 = isFixedWidthValue;
 
+const _excluded$3 = ["sortDirection", "disableHeaderStickiness", "horizontalCellAlignment"];
 function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const HeaderCellWrapper = props => {
@@ -341,21 +343,23 @@ const HeaderCellWrapper = props => {
   });
 };
 HeaderCellWrapper.displayName = 'HeaderCellWrapper';
-const defaultProps$3 = {
-  sortDirection: 'desc',
-  disableHeaderStickiness: false,
-  horizontalCellAlignment: 'left'
-};
-const HeaderCell = props => {
+const HeaderCell = _ref => {
+  let _ref$sortDirection = _ref.sortDirection,
+    sortDirection = _ref$sortDirection === void 0 ? 'desc' : _ref$sortDirection,
+    _ref$disableHeaderSti = _ref.disableHeaderStickiness,
+    disableHeaderStickiness = _ref$disableHeaderSti === void 0 ? false : _ref$disableHeaderSti,
+    _ref$horizontalCellAl = _ref.horizontalCellAlignment,
+    horizontalCellAlignment = _ref$horizontalCellAl === void 0 ? 'left' : _ref$horizontalCellAl,
+    props = _objectWithoutProperties(_ref, _excluded$3);
   let sortableHeaderProps = {};
   let SortingIcon;
   if (props.isSortable) {
     const isActive = props.sortedBy === props.columnKey;
-    const nextSortDirection = !isActive || props.sortDirection === 'desc' ? 'asc' : 'desc';
-    SortingIcon = props.sortDirection === 'desc' ? icons.ArrowDownIcon : icons.ArrowUpIcon;
+    const nextSortDirection = !isActive || sortDirection === 'desc' ? 'asc' : 'desc';
+    SortingIcon = sortDirection === 'desc' ? icons.ArrowDownIcon : icons.ArrowUpIcon;
     sortableHeaderProps = {
       as: 'button',
-      label: props.sortDirection,
+      label: sortDirection,
       onClick: () => props.onClick && props.onClick(props.columnKey, nextSortDirection),
       isActive,
       isSortable: true
@@ -366,11 +370,11 @@ const HeaderCell = props => {
     columnKey: props.columnKey,
     onColumnResized: props.onColumnResized,
     disableResizing: props.disableResizing,
-    disableHeaderStickiness: props.disableHeaderStickiness,
+    disableHeaderStickiness: disableHeaderStickiness,
     children: jsxRuntime.jsxs(HeaderCellInner, _objectSpread$3(_objectSpread$3({
       shouldWrap: props.shouldWrap,
       isCondensed: props.isCondensed,
-      horizontalCellAlignment: props.horizontalCellAlignment
+      horizontalCellAlignment: horizontalCellAlignment
     }, sortableHeaderProps), {}, {
       children: [jsxRuntime.jsxs(HeaderLabelWrapper, {
         children: [jsxRuntime.jsx(HeaderLabelTextWrapper, {
@@ -394,29 +398,33 @@ const HeaderCell = props => {
 };
 HeaderCell.propTypes = {};
 HeaderCell.displayName = 'HeaderCell';
-HeaderCell.defaultProps = defaultProps$3;
 var HeaderCell$1 = HeaderCell;
 
+const _excluded$2 = ["isTruncated", "shouldRenderBottomBorder"];
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const defaultProps$2 = {
-  isTruncated: false,
-  shouldRenderBottomBorder: true
-};
-const DataCell = props => {
+const DataCell = _ref => {
+  let _ref$isTruncated = _ref.isTruncated,
+    isTruncated = _ref$isTruncated === void 0 ? false : _ref$isTruncated,
+    _ref$shouldRenderBott = _ref.shouldRenderBottomBorder,
+    shouldRenderBottomBorder = _ref$shouldRenderBott === void 0 ? true : _ref$shouldRenderBott,
+    props = _objectWithoutProperties(_ref, _excluded$2);
   if (props.shouldRenderCollapseButton) ;
   const Icon = props.isRowCollapsed ? icons.RightTriangleFilledIcon : icons.RightTriangleLinearIcon;
   return jsxRuntime.jsxs(BaseCell, {
     onClick: props.onCellClick,
     shouldIgnoreRowClick: props.shouldIgnoreRowClick,
-    shouldClipContent: props.isTruncated && !props.shouldRenderResizingIndicator,
-    shouldRenderBottomBorder: props.shouldRenderBottomBorder,
+    shouldClipContent: isTruncated && !props.shouldRenderResizingIndicator,
+    shouldRenderBottomBorder: shouldRenderBottomBorder,
     children: [jsxRuntime.jsx(CellInner, _objectSpread$2(_objectSpread$2({
       isCondensed: props.isCondensed,
-      isTruncated: props.isTruncated,
+      isTruncated: isTruncated,
       verticalCellAlignment: props.verticalCellAlignment,
       horizontalCellAlignment: props.horizontalCellAlignment
-    }, utils.filterDataAttributes(props)), {}, {
+    }, utils.filterDataAttributes(_objectSpread$2({
+      isTruncated,
+      shouldRenderBottomBorder
+    }, props))), {}, {
       children: props.children
     })), props.shouldRenderCollapseButton && jsxRuntime.jsx(RowExpandCollapseButton, {
       label: "Expand/Collapse Row",
@@ -435,25 +443,29 @@ const DataCell = props => {
 };
 DataCell.propTypes = {};
 DataCell.displayName = 'DataCell';
-DataCell.defaultProps = defaultProps$2;
 var DataCell$1 = DataCell;
 
-const defaultItemRenderer = (row, column) => {
+const _excluded$1 = ["isCondensed", "shouldClipContent", "verticalCellAlignment", "horizontalCellAlignment", "shouldRenderBottomBorder", "itemRenderer"];
+const defaultItemRenderer = (row, column, _isRowCollapsed) => {
   // @ts-ignore
   return row[column.key];
 };
-const defaultProps$1 = {
-  isCondensed: true,
-  shouldClipContent: false,
-  verticalCellAlignment: 'top',
-  horizontalCellAlignment: 'left',
-  shouldRenderBottomBorder: true,
-  itemRenderer: defaultItemRenderer
-};
-const DataRow = props => {
+const DataRow = _ref => {
   var _context, _context2;
-  const _ref = react$1.useContext(ColumnResizingContext),
-    getIsColumnBeingResized = _ref.getIsColumnBeingResized;
+  let _ref$isCondensed = _ref.isCondensed,
+    isCondensed = _ref$isCondensed === void 0 ? true : _ref$isCondensed;
+    _ref.shouldClipContent;
+    let _ref$verticalCellAlig = _ref.verticalCellAlignment,
+    verticalCellAlignment = _ref$verticalCellAlig === void 0 ? 'top' : _ref$verticalCellAlig,
+    _ref$horizontalCellAl = _ref.horizontalCellAlignment,
+    horizontalCellAlignment = _ref$horizontalCellAl === void 0 ? 'left' : _ref$horizontalCellAl,
+    _ref$shouldRenderBott = _ref.shouldRenderBottomBorder,
+    shouldRenderBottomBorder = _ref$shouldRenderBott === void 0 ? true : _ref$shouldRenderBott,
+    _ref$itemRenderer = _ref.itemRenderer,
+    itemRenderer = _ref$itemRenderer === void 0 ? defaultItemRenderer : _ref$itemRenderer,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  const _ref2 = react$1.useContext(ColumnResizingContext),
+    getIsColumnBeingResized = _ref2.getIsColumnBeingResized;
   const rowHasTruncatedColumn = _someInstanceProperty__default["default"](_context = props.columns).call(_context, column => column.isTruncated);
   const _useState = react$1.useState(rowHasTruncatedColumn),
     _useState2 = _slicedToArray(_useState, 2),
@@ -477,22 +489,21 @@ const DataRow = props => {
     children: _mapInstanceProperty__default["default"](_context2 = props.columns).call(_context2, (column, columnIndex) => jsxRuntime.jsx(DataCell$1, {
       "data-testid": `cell-${props.rowIndex}-${column.key}`,
       isTruncated: column.isTruncated && isRowCollapsed,
-      isCondensed: props.isCondensed,
+      isCondensed: isCondensed,
       isRowCollapsed: isRowCollapsed,
-      verticalCellAlignment: props.verticalCellAlignment,
-      horizontalCellAlignment: column.align ? column.align : props.horizontalCellAlignment,
+      verticalCellAlignment: verticalCellAlignment,
+      horizontalCellAlignment: column.align ? column.align : horizontalCellAlignment,
       shouldIgnoreRowClick: column.shouldIgnoreRowClick,
       handleRowCollapseClick: handleRowCollapseClick,
       shouldRenderCollapseButton: shouldRenderCollapseButton(props.columns.length, columnIndex),
       onCellClick: props.onRowClick && !column.shouldIgnoreRowClick ? () => props.onRowClick?.(props.row, props.rowIndex, column.key) : undefined,
-      shouldRenderBottomBorder: props.shouldRenderBottomBorder,
+      shouldRenderBottomBorder: shouldRenderBottomBorder,
       shouldRenderResizingIndicator: getIsColumnBeingResized(columnIndex),
-      children: column.renderItem ? column.renderItem(props.row, isRowCollapsed) : props.itemRenderer(props.row, column, isRowCollapsed)
+      children: column.renderItem ? column.renderItem(props.row, isRowCollapsed) : itemRenderer(props.row, column, isRowCollapsed)
     }, `${props.row.id}-${column.key}`))
   });
 };
 DataRow.propTypes = {};
-DataRow.defaultProps = defaultProps$1;
 DataRow.displayName = 'DataRow';
 var DataRow$1 = DataRow;
 
@@ -648,6 +659,7 @@ const useManualColumnResizing = tableRef => {
 };
 var useManualColumnResizing$1 = useManualColumnResizing;
 
+const _excluded = ["columns", "isCondensed", "wrapHeaderLabels", "verticalCellAlignment", "horizontalCellAlignment", "disableSelfContainment", "itemRenderer"];
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getColumnsLayoutInfo = columns => _reduceInstanceProperty__default["default"](columns).call(columns, (acc, currentValue) => [...acc, {
@@ -659,24 +671,29 @@ const shouldRenderRowBottomBorder = (rowIndex, rowCount, footer) => {
   if (rowIndex + 1 < rowCount) return true;
   return false;
 };
-const defaultProps = {
-  columns: [],
-  isCondensed: true,
-  wrapHeaderLabels: true,
-  verticalCellAlignment: 'top',
-  horizontalCellAlignment: 'left',
-  disableSelfContainment: false,
-  // @ts-ignore
-  itemRenderer: (row, column) => row[column.key]
-};
-const DataTable = props => {
+const DataTable = _ref => {
   var _context;
+  let _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$isCondensed = _ref.isCondensed,
+    isCondensed = _ref$isCondensed === void 0 ? true : _ref$isCondensed,
+    _ref$wrapHeaderLabels = _ref.wrapHeaderLabels,
+    wrapHeaderLabels = _ref$wrapHeaderLabels === void 0 ? true : _ref$wrapHeaderLabels,
+    _ref$verticalCellAlig = _ref.verticalCellAlignment,
+    verticalCellAlignment = _ref$verticalCellAlig === void 0 ? 'top' : _ref$verticalCellAlig,
+    _ref$horizontalCellAl = _ref.horizontalCellAlignment,
+    horizontalCellAlignment = _ref$horizontalCellAl === void 0 ? 'left' : _ref$horizontalCellAl,
+    _ref$disableSelfConta = _ref.disableSelfContainment,
+    disableSelfContainment = _ref$disableSelfConta === void 0 ? false : _ref$disableSelfConta,
+    _ref$itemRenderer = _ref.itemRenderer,
+    itemRenderer = _ref$itemRenderer === void 0 ? (row, column) => row[column.key] : _ref$itemRenderer,
+    props = _objectWithoutProperties(_ref, _excluded);
   const _useDataTableManagerC = dataTableManagerProvider.useDataTableManagerContext(),
-    columns = _useDataTableManagerC.columns,
-    isCondensed = _useDataTableManagerC.isCondensed;
-  const isValueFromProvider = Boolean(columns && columns.length !== 0);
-  const columnsData = isValueFromProvider ? columns : props.columns;
-  const condensedValue = isValueFromProvider && isCondensed !== undefined ? isCondensed : props.isCondensed;
+    contextColumns = _useDataTableManagerC.columns,
+    contextIsCondensed = _useDataTableManagerC.isCondensed;
+  const isValueFromProvider = Boolean(contextColumns && contextColumns.length !== 0);
+  const columnsData = isValueFromProvider ? contextColumns : columns;
+  const condensedValue = isValueFromProvider && contextIsCondensed !== undefined ? contextIsCondensed : isCondensed;
   const tableRef = react$1.useRef();
   const columnResizingReducer = useManualColumnResizing$1(tableRef);
 
@@ -706,13 +723,19 @@ const DataTable = props => {
     maxWidth: props.maxWidth,
     maxHeight: props.maxHeight,
     isBeingResized: columnResizingReducer.getIsAnyColumnBeingResized(),
-    disableSelfContainment: !!props.disableSelfContainment,
+    disableSelfContainment: !!disableSelfContainment,
     children: [jsxRuntime.jsx(TableGrid, _objectSpread(_objectSpread({
       ref: tableRef
-    }, utils.filterDataAttributes(props)), {}, {
+    }, utils.filterDataAttributes(_objectSpread({
+      isCondensed,
+      wrapHeaderLabels,
+      verticalCellAlignment,
+      horizontalCellAlignment,
+      disableSelfContainment
+    }, props))), {}, {
       columns: columnsData,
       maxHeight: props.maxHeight,
-      disableSelfContainment: !!props.disableSelfContainment,
+      disableSelfContainment: !!disableSelfContainment,
       resizedTotalWidth: resizedTotalWidth,
       children: jsxRuntime.jsxs(ColumnResizingContext.Provider, {
         value: columnResizingReducer,
@@ -720,13 +743,13 @@ const DataTable = props => {
           children: jsxRuntime.jsx(TableRow, {
             isRowClickable: false,
             children: _mapInstanceProperty__default["default"](columnsData).call(columnsData, column => jsxRuntime.jsx(HeaderCell$1, {
-              shouldWrap: props.wrapHeaderLabels,
+              shouldWrap: wrapHeaderLabels,
               isCondensed: condensedValue,
               iconComponent: column.headerIcon,
               onColumnResized: props.onColumnResized,
               disableResizing: column.disableResizing,
-              horizontalCellAlignment: column.align ? column.align : props.horizontalCellAlignment,
-              disableHeaderStickiness: props.disableHeaderStickiness,
+              horizontalCellAlignment: column.align ? column.align : horizontalCellAlignment,
+              disableHeaderStickiness: Boolean(props.disableHeaderStickiness),
               columnWidth: column.width
               /* Sorting Props */,
               onClick: props.onSortChange && props.onSortChange,
@@ -739,12 +762,13 @@ const DataTable = props => {
           })
         }), jsxRuntime.jsx(TableBody, {
           children: _mapInstanceProperty__default["default"](_context = props.rows).call(_context, (row, rowIndex) => react.createElement(DataRow$1, _objectSpread(_objectSpread({}, props), {}, {
+            itemRenderer: itemRenderer,
             isCondensed: condensedValue,
             columns: columnsData,
             row: row,
             key: row.id,
             rowIndex: rowIndex,
-            shouldClipContent: columnResizingReducer.getIsAnyColumnBeingResized() || hasTableBeenResized,
+            shouldClipContent: columnResizingReducer.getIsAnyColumnBeingResized() || Boolean(hasTableBeenResized),
             shouldRenderBottomBorder: shouldRenderRowBottomBorder(rowIndex, props.rows.length, props.footer)
           })))
         })]
@@ -752,19 +776,18 @@ const DataTable = props => {
     })), props.footer && jsxRuntime.jsx(Footer$1, {
       "data-testid": "footer",
       isCondensed: condensedValue,
-      horizontalCellAlignment: props.horizontalCellAlignment,
+      horizontalCellAlignment: horizontalCellAlignment,
       resizedTotalWidth: resizedTotalWidth,
       children: props.footer
     })]
   });
 };
 DataTable.propTypes = {};
-DataTable.defaultProps = defaultProps;
 DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.20.1";
+var version = "19.22.0";
 
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,