@elliemae/ds-data-table 2.4.2-rc.9 → 2.4.2

package/esm/styled.js

@@ -12,7 +12,6 @@ import { columnPadding, cellPadding } from './helpers/cellPadding.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import 'react';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.reduce.js';
 import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
@@ -35,7 +34,19 @@ const styledFocusCss = _ref => {
   let {
     theme
   } = _ref;
-  return "\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ".concat(theme.colors.brand[700], ";\n  pointer-events: none;\n  z-index: ").concat(ZIndexDataTable.FOCUS_BORDER, ";\n}");
+  return `
+&:after {
+  display: block;
+  content: ' ';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 2px solid ${theme.colors.brand[700]};
+  pointer-events: none;
+  z-index: ${ZIndexDataTable.FOCUS_BORDER};
+}`;
 };
 
 const StyledFocusWithin = /*#__PURE__*/styled(Grid).withConfig({
@@ -43,15 +54,7 @@ const StyledFocusWithin = /*#__PURE__*/styled(Grid).withConfig({
 })([":focus-within{", "}"], props => props.hideFocus ? '' : styledFocusCss(props));
 const StyledDataTableWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-1"
-})(["width:", ";height:", ";user-select:", ";"], props => {
-  var _props$width;
-
-  return sizeToCss((_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : ' 100%');
-}, props => {
-  var _props$height;
-
-  return sizeToCss((_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : ' 100%');
-}, _ref2 => {
+})(["width:", ";height:", ";user-select:", ";"], props => sizeToCss(props.width ?? ' 100%'), props => sizeToCss(props.height ?? ' 100%'), _ref2 => {
   let {
     noSelectionAllowed
   } = _ref2;
@@ -64,7 +67,10 @@ const StyledTableWrapper = /*#__PURE__*/styled.div.withConfig({
     width = '100%',
     height = '100%'
   } = _ref3;
-  return "\n  width: ".concat(sizeToCss(width), ";\n  height: ").concat(sizeToCss(height), ";\n  ");
+  return `
+  width: ${sizeToCss(width)};
+  height: ${sizeToCss(height)};
+  `;
 });
 const StyledTableContentWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-3"
@@ -72,7 +78,9 @@ const StyledTableContentWrapper = /*#__PURE__*/styled.div.withConfig({
   let {
     height = 'auto'
   } = _ref4;
-  return "\n  height: ".concat(sizeToCss(height), ";\n  ");
+  return `
+  height: ${sizeToCss(height)};
+  `;
 });
 const StyledVirtualListWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-4"
@@ -81,7 +89,10 @@ const StyledVirtualListWrapper = /*#__PURE__*/styled.div.withConfig({
     height = 'auto',
     width = '100%'
   } = _ref5;
-  return "\n  height: ".concat(sizeToCss(height), ";\n  width: ").concat(sizeToCss(width), ";\n  ");
+  return `
+  height: ${sizeToCss(height)};
+  width: ${sizeToCss(width)};
+  `;
 });
 /**
  * HEADER
@@ -95,11 +106,11 @@ const getGridTemplateColumnsStyle = _ref6 => {
   if (!cols) return '';
 
   if (colsLayoutStyle === 'fixed') {
-    const widthAttr = cols.map(col => "minmax(0, ".concat(col, ")")).join(' ');
-    return "grid-template-columns: ".concat(widthAttr);
+    const widthAttr = cols.map(col => `minmax(0, ${col})`).join(' ');
+    return `grid-template-columns: ${widthAttr}`;
   }
 
-  return "grid-template-columns: ".concat(cols.map(col => "minmax(0, ".concat(col, ")")).join(' '));
+  return `grid-template-columns: ${cols.map(col => `minmax(0, ${col})`).join(' ')}`;
 };
 
 const StyledHeadWrapper = /*#__PURE__*/styled.div.withConfig({
@@ -115,7 +126,21 @@ const StyledHeadTr = /*#__PURE__*/styled(Grid).withConfig({
 
 const StyledHeadTh = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-7"
-})(["min-height:24px;line-height:normal;font-weight:600;text-transform:uppercase;font-size:0.923rem;text-align:left;", " color:#353c46;min-height:1.84615rem;position:sticky;z-index:", ";display:flex;justify-content:space-between;box-sizing:border-box;outline:none;", ":focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid ", ";pointer-events:none;z-index:", ";}}"], columnPadding, ZIndexDataTable.HEADER_ROW, props => props.isDraggingActive ? '' : ":hover {\n          &:after {\n            display: block;\n            content: ' ';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-bottom: 1px solid ".concat(props.theme.colors.brand[700], ";\n            pointer-events: none;\n            z-index: ").concat(ZIndexDataTable.FOCUS_BORDER, ";\n          }\n          cursor: pointer;\n        }"), props => props.theme.colors.brand[700], ZIndexDataTable.FOCUS_BORDER);
+})(["min-height:24px;line-height:normal;font-weight:600;text-transform:uppercase;font-size:0.923rem;text-align:left;", " color:#353c46;min-height:1.84615rem;position:sticky;z-index:", ";display:flex;justify-content:space-between;box-sizing:border-box;outline:none;", ":focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid ", ";pointer-events:none;z-index:", ";}}"], columnPadding, ZIndexDataTable.HEADER_ROW, props => props.isDraggingActive ? '' : `:hover {
+          &:after {
+            display: block;
+            content: ' ';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            border-bottom: 1px solid ${props.theme.colors.brand[700]};
+            pointer-events: none;
+            z-index: ${ZIndexDataTable.FOCUS_BORDER};
+          }
+          cursor: pointer;
+        }`, props => props.theme.colors.brand[700], ZIndexDataTable.FOCUS_BORDER);
 const StyledHeaderRightIconsWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-38sgfo-8"
 })(["height:100%;display:flex;align-items:center;max-height:24px;"]);
@@ -196,7 +221,12 @@ const StyledCellContainer = /*#__PURE__*/styled(Grid).withConfig({
     shouldDisplayHover,
     theme
   } = _ref13;
-  return shouldDisplayHover ? ":hover {\n            background-color: ".concat(theme.colors.brand[200], ";\n          }") : '';
-}, props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent', props => props.isDragging ? 0.8 : 1, props => !props.selected ? '' : "\n    background-color: ".concat(props.theme.colors.brand[200], ";\n    border: 1px solid ").concat(props.theme.colors.brand[500], ";\n    "), props => props.disabled ? props.theme.colors.neutral['500'] : '#333333');
+  return shouldDisplayHover ? `:hover {
+            background-color: ${theme.colors.brand[200]};
+          }` : '';
+}, props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent', props => props.isDragging ? 0.8 : 1, props => !props.selected ? '' : `
+    background-color: ${props.theme.colors.brand[200]};
+    border: 1px solid ${props.theme.colors.brand[500]};
+    `, props => props.disabled ? props.theme.colors.neutral['500'] : '#333333');
 
 export { GroupHeaderContainer, GroupHeaderTitle, StyledActionCell, StyledCell, StyledCellContainer, StyledCellContent, StyledDataTableWrapper, StyledEditableContainer, StyledFocusWithin, StyledFullsizeGrid, StyledHeadTh, StyledHeadTr, StyledHeadWrapper, StyledHeaderRightIconsWrapper, StyledPencilIcon, StyledResizer, StyledTableContentWrapper, StyledTableWrapper, StyledVirtualListWrapper };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "2.4.2-rc.9",
+  "version": "2.4.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "module": "./esm/index.js",
@@ -570,24 +570,24 @@
   "dependencies": {
     "@dnd-kit/core": "~4.0.1",
     "@dnd-kit/sortable": "~5.0.0",
-    "@elliemae/ds-button": "2.4.2-rc.9",
-    "@elliemae/ds-circular-progress-indicator": "2.4.2-rc.9",
-    "@elliemae/ds-controlled-form": "2.4.2-rc.9",
-    "@elliemae/ds-drag-and-drop": "2.4.2-rc.9",
-    "@elliemae/ds-dropdownmenu": "2.4.2-rc.9",
-    "@elliemae/ds-form": "2.4.2-rc.9",
-    "@elliemae/ds-form-layout-blocks": "2.4.2-rc.9",
-    "@elliemae/ds-grid": "2.4.2-rc.9",
-    "@elliemae/ds-icons": "2.4.2-rc.9",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.4.2-rc.9",
-    "@elliemae/ds-pagination": "2.4.2-rc.9",
-    "@elliemae/ds-pills": "2.4.2-rc.9",
-    "@elliemae/ds-popperjs": "2.4.2-rc.9",
-    "@elliemae/ds-props-helpers": "2.4.2-rc.9",
-    "@elliemae/ds-system": "2.4.2-rc.9",
-    "@elliemae/ds-toolbar": "2.4.2-rc.9",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.9",
-    "@elliemae/ds-utilities": "2.4.2-rc.9",
+    "@elliemae/ds-button": "2.4.2",
+    "@elliemae/ds-circular-progress-indicator": "2.4.2",
+    "@elliemae/ds-controlled-form": "2.4.2",
+    "@elliemae/ds-drag-and-drop": "2.4.2",
+    "@elliemae/ds-dropdownmenu": "2.4.2",
+    "@elliemae/ds-form": "2.4.2",
+    "@elliemae/ds-form-layout-blocks": "2.4.2",
+    "@elliemae/ds-grid": "2.4.2",
+    "@elliemae/ds-icons": "2.4.2",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.4.2",
+    "@elliemae/ds-pagination": "2.4.2",
+    "@elliemae/ds-pills": "2.4.2",
+    "@elliemae/ds-popperjs": "2.4.2",
+    "@elliemae/ds-props-helpers": "2.4.2",
+    "@elliemae/ds-system": "2.4.2",
+    "@elliemae/ds-toolbar": "2.4.2",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.2",
+    "@elliemae/ds-utilities": "2.4.2",
     "@reduxjs/toolkit": "~1.6.2",
     "csstype": "~3.0.9",
     "moment": "~2.29.1",