@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

package/cjs/plugins/column-sizing/useColumnSizeService.js

@@ -1,41 +1,39 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 var React = require('react');
-var plugins_columnSizing_utils = require('./utils.js');
-require('@elliemae/ds-utilities');
+var utils = require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function useColumnSizeService(instance) {
-  var columns = React.useRef({});
-
-  var _useState = React.useState(0),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      expandableGridDetailWidth = _useState2[0],
-      setExpandableGridDetailWidth = _useState2[1];
-
-  var _useState3 = React.useState(0),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      expandableColumnWidth = _useState4[0],
-      setExpandableColumnWidth = _useState4[1];
-
-  var expandedToContentColumns = React.useRef({});
-  var previousTotalWidth = React.useRef(0);
-  var initialUsedSpace = React.useRef({
+  const columns = React.useRef({});
+  const [expandableGridDetailWidth, setExpandableGridDetailWidth] = React.useState(0);
+  const [expandableColumnWidth, setExpandableColumnWidth] = React.useState(0);
+  const expandedToContentColumns = React.useRef({});
+  const previousTotalWidth = React.useRef(0);
+  const initialUsedSpace = React.useRef({
     space: 0,
     amount: 0,
     percentage: 0
   });
 
-  var increaseUsedSpace = function increaseUsedSpace(space, columnUuid) {
+  const increaseUsedSpace = (space, columnUuid) => {
     if (typeof space === 'number') {
       initialUsedSpace.current.space += space;
     } else if (space && space.endsWith('%')) {
@@ -47,61 +45,53 @@ function useColumnSizeService(instance) {
   }; // eslint-disable-next-line no-return-assign
 
 
-  var registerColumn = function registerColumn(column) {
-    return function (node) {
-      return columns.current[column.uuid] = _objectSpread(_objectSpread({}, column), {}, {
-        node: node
-      });
-    };
-  };
+  const registerColumn = column => node => columns.current[column.uuid] = _objectSpread(_objectSpread({}, column), {}, {
+    node
+  });
 
-  var unregisterColumn = function unregisterColumn(column) {
+  const unregisterColumn = column => {
     delete columns.current[column.property];
   };
 
-  var setActualColumnsSizesFixed = function setActualColumnsSizesFixed() {
-    var columnsArray = Object.values(columns.current);
-    columnsArray.forEach(function (column) {
-      var columnOffsetWidth = column.node.offsetWidth;
+  const setActualColumnsSizesFixed = () => {
+    const columnsArray = Object.values(columns.current);
+    columnsArray.forEach(column => {
+      const columnOffsetWidth = column.node.offsetWidth;
       column.updateBodyHeaderWidth("".concat(columnOffsetWidth, "px"), "".concat(columnOffsetWidth, "px"));
     });
   };
 
-  var updateMissingWidths = function updateMissingWidths(totalWidth) {
+  const updateMissingWidths = totalWidth => {
     if (totalWidth) {
       previousTotalWidth.current = totalWidth;
     }
 
-    var gridWidth = previousTotalWidth.current - 4;
-
-    var _instance$getInstance = instance.getInstance(),
-        _instance$getInstance2 = _instance$getInstance.props,
-        minColumnWidth = _instance$getInstance2.minColumnWidth,
-        expandable = _instance$getInstance2.expandable,
-        resizedColumns = _instance$getInstance.resizedColumns,
-        columnDefinitions = _instance$getInstance.decoratedColumns;
-
+    const gridWidth = previousTotalWidth.current - 4;
+    const {
+      props: {
+        minColumnWidth,
+        expandable
+      },
+      resizedColumns,
+      decoratedColumns: columnDefinitions
+    } = instance.getInstance();
     if (!initialUsedSpace.current) return;
-    var columnUuids = columnDefinitions.map(function (c) {
-      return c.uuid;
-    });
-    var columnsArray = Object.values(columns.current).filter(function (c) {
-      return columnUuids.includes(c.uuid);
-    }); // reset the initial space to the last columns
+    const columnUuids = columnDefinitions.map(c => c.uuid);
+    const columnsArray = Object.values(columns.current).filter(c => columnUuids.includes(c.uuid)); // reset the initial space to the last columns
 
     initialUsedSpace.current = {
       space: 0,
       amount: 0,
       percentage: 0
     };
-    columnsArray.forEach(function (column) {
+    columnsArray.forEach(column => {
       if (column.width && column.width !== 'string' && !initialUsedSpace[column.uuid]) {
-        increaseUsedSpace(plugins_columnSizing_utils.getColumnWidthSize(column.width, minColumnWidth, column), column.uuid);
+        increaseUsedSpace(utils.getColumnWidthSize(column.width, minColumnWidth, column), column.uuid);
       }
     });
-    var nextColumnDict = {}; // eslint-disable-next-line max-statements
+    const nextColumnDict = {}; // eslint-disable-next-line max-statements
 
-    columnsArray.forEach(function (column) {
+    columnsArray.forEach(column => {
       if (typeof column.width === 'number') {
         nextColumnDict[column.uuid] = column;
         return;
@@ -112,15 +102,16 @@ function useColumnSizeService(instance) {
         return;
       }
 
-      var _initialUsedSpace$cur = initialUsedSpace.current,
-          usedSpace = _initialUsedSpace$cur.space,
-          usedAmount = _initialUsedSpace$cur.amount,
-          usedPercentage = _initialUsedSpace$cur.percentage;
-      var percentValue = plugins_columnSizing_utils.getPercentageValue(column.width); // check if is percentage value
+      const {
+        space: usedSpace,
+        amount: usedAmount,
+        percentage: usedPercentage
+      } = initialUsedSpace.current;
+      const percentValue = utils.getPercentageValue(column.width); // check if is percentage value
 
       if (percentValue) {
-        var pxs = gridWidth * percentValue / 100;
-        var pxWidths = "".concat(plugins_columnSizing_utils.getColumnWidthSize(pxs, minColumnWidth, column), "px");
+        const pxs = gridWidth * percentValue / 100;
+        const pxWidths = "".concat(utils.getColumnWidthSize(pxs, minColumnWidth, column), "px");
         column.updateBodyHeaderWidth(pxWidths, pxWidths);
         columns.current[column.uuid].computedWidth = pxs;
 
@@ -129,13 +120,11 @@ function useColumnSizeService(instance) {
         }
       } else {
         // otherwise the values are auto calculated from the total size
-        var columnFixWidth = (gridWidth * (1 - usedPercentage / 100) - usedSpace) / (columnsArray.length - usedAmount);
-        var percentWidth = columnFixWidth / gridWidth * 100;
-
-        var _pxs = gridWidth * percentWidth / 100;
-
-        var actualWidthAfterChecks = plugins_columnSizing_utils.getColumnWidthSize(_pxs, minColumnWidth, column);
-        column.updateBodyHeaderWidth("".concat(actualWidthAfterChecks, "px"), column.minWidth || minColumnWidth ? "".concat(column.minWidth || minColumnWidth, "px") : "".concat(_pxs, "px"));
+        const columnFixWidth = (gridWidth * (1 - usedPercentage / 100) - usedSpace) / (columnsArray.length - usedAmount);
+        const percentWidth = columnFixWidth / gridWidth * 100;
+        const pxs = gridWidth * percentWidth / 100;
+        const actualWidthAfterChecks = utils.getColumnWidthSize(pxs, minColumnWidth, column);
+        column.updateBodyHeaderWidth("".concat(actualWidthAfterChecks, "px"), column.minWidth || minColumnWidth ? "".concat(column.minWidth || minColumnWidth, "px") : "".concat(pxs, "px"));
         resizedColumns.current[column.uuid] = actualWidthAfterChecks;
         columns.current[column.uuid].computedWidth = actualWidthAfterChecks;
       }
@@ -145,32 +134,29 @@ function useColumnSizeService(instance) {
     columns.current = nextColumnDict;
   };
 
-  React.useLayoutEffect(function () {
-    var totalWidth = computeColumnsTotalSize();
+  React.useLayoutEffect(() => {
+    const totalWidth = computeColumnsTotalSize();
     setExpandableGridDetailWidth(totalWidth - expandableColumnWidth);
   }, [expandableColumnWidth]); // todo: make this incremental
 
-  var computeColumnsTotalSize = function computeColumnsTotalSize() {
-    var columnsArray = Object.values(columns.current);
-    return columnsArray.reduce(function (totalSize, column) {
-      return totalSize + column.node.offsetWidth;
-    }, 0);
+  const computeColumnsTotalSize = () => {
+    const columnsArray = Object.values(columns.current);
+    return columnsArray.reduce((totalSize, column) => totalSize + column.node.offsetWidth, 0);
   };
 
   return {
     columns: columns.current,
     expandedToContentColumns: expandedToContentColumns.current,
     initialUsedSpace: initialUsedSpace.current,
-    increaseUsedSpace: increaseUsedSpace,
-    registerColumn: registerColumn,
-    unregisterColumn: unregisterColumn,
-    updateMissingWidths: updateMissingWidths,
-    computeColumnsTotalSize: computeColumnsTotalSize,
-    setActualColumnsSizesFixed: setActualColumnsSizesFixed,
-    expandableGridDetailWidth: expandableGridDetailWidth,
-    expandableColumnWidth: expandableColumnWidth
+    increaseUsedSpace,
+    registerColumn,
+    unregisterColumn,
+    updateMissingWidths,
+    computeColumnsTotalSize,
+    setActualColumnsSizesFixed,
+    expandableGridDetailWidth,
+    expandableColumnWidth
   };
 }
 
 module.exports = useColumnSizeService;
-//# sourceMappingURL=useColumnSizeService.js.map

package/cjs/plugins/column-sizing/useStylesheetHelpers.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 var stylesheet = require('stylesheet-helpers');
 var React = require('react');
 var dsUtilities = require('@elliemae/ds-utilities');
-var plugins_columnSizing_getColumnNameFromProperty = require('./getColumnNameFromProperty.js');
-var utilities_getScrollbarSize = require('../../utilities/getScrollbarSize.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var getColumnNameFromProperty = require('./getColumnNameFromProperty.js');
+var getScrollbarSize = require('../../utilities/getScrollbarSize.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -20,31 +20,30 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var stylesheet__namespace = /*#__PURE__*/_interopNamespace(stylesheet);
 
-var SCROLLBAR_WIDTH = utilities_getScrollbarSize.getScrollbarWidth();
-var RowStylesheetHelper = function RowStylesheetHelper(_ref) {
-  var grid = _ref.grid,
-      className = _ref.className;
-
-  var _stylesheet$create = stylesheet__namespace.create(),
-      styleSheet = _stylesheet$create.styleSheet,
-      styleSheetElement = _stylesheet$create.styleSheetElement;
-
-  var update = function update(width) {
-    var widths = typeof width === 'string' ? width : "".concat(width, "px");
+const SCROLLBAR_WIDTH = getScrollbarSize.getScrollbarWidth();
+const RowStylesheetHelper = _ref => {
+  let {
+    grid,
+    className
+  } = _ref;
+  const {
+    styleSheet,
+    styleSheetElement
+  } = stylesheet__namespace.create();
+
+  const update = width => {
+    const widths = typeof width === 'string' ? width : "".concat(width, "px");
     stylesheet__namespace.updateProperties(window, styleSheet, className, width ? {
       width: widths,
       minWidth: widths,
@@ -54,11 +53,10 @@ var RowStylesheetHelper = function RowStylesheetHelper(_ref) {
       minWidth: null,
       maxWidth: null
     });
-
-    var _grid$getState = grid.getState(),
-        hasScroll = _grid$getState.hasScroll;
-
-    var headerWidth = "".concat(width + (hasScroll ? SCROLLBAR_WIDTH : 0), "px");
+    const {
+      hasScroll
+    } = grid.getState();
+    const headerWidth = "".concat(width + (hasScroll ? SCROLLBAR_WIDTH : 0), "px");
     stylesheet__namespace.updateProperties(window, styleSheet, "".concat(className, "-header"), width ? {
       width: headerWidth,
       minWidth: headerWidth,
@@ -70,39 +68,38 @@ var RowStylesheetHelper = function RowStylesheetHelper(_ref) {
     });
   };
 
-  var remove = function remove() {
-    return styleSheetElement.remove();
-  };
+  const remove = () => styleSheetElement.remove();
 
-  var getRowClassName = function getRowClassName() {
-    return className;
-  };
+  const getRowClassName = () => className;
 
   return {
-    update: update,
-    remove: remove,
-    getRowClassName: getRowClassName
+    update,
+    remove,
+    getRowClassName
   };
 };
 
-var getColumnClassName = function getColumnClassName(_ref2) {
-  var globalId = _ref2.globalId,
-      column = _ref2.column,
-      _ref2$isHeader = _ref2.isHeader,
-      isHeader = _ref2$isHeader === void 0 ? false : _ref2$isHeader,
-      getId = _ref2.getId;
+const getColumnClassName = _ref2 => {
+  let {
+    globalId,
+    column,
+    isHeader = false,
+    getId
+  } = _ref2;
   return "column-".concat(globalId, "-").concat(getId(column)).concat(isHeader ? '-header' : '');
 };
 
 function setWidth(_ref3) {
-  var styleSheet = _ref3.styleSheet,
-      className = _ref3.className,
-      width = _ref3.width,
-      minWidth = _ref3.minWidth;
-  var widths;
+  let {
+    styleSheet,
+    className,
+    width,
+    minWidth
+  } = _ref3;
+  let widths;
   if (typeof width === 'string') widths = width;
   if (typeof width === 'number') widths = "".concat(width, "px");
-  var minWidths;
+  let minWidths;
   if (typeof minWidth === 'string') minWidths = minWidth;
   if (typeof minWidth === 'number') minWidths = "".concat(minWidth, "px");
   stylesheet__namespace.updateProperties(window, styleSheet, className, {
@@ -114,94 +111,101 @@ function setWidth(_ref3) {
 }
 
 function updateStyle(_ref4) {
-  var styleSheet = _ref4.styleSheet,
-      className = _ref4.className,
-      style = _ref4.style;
+  let {
+    styleSheet,
+    className,
+    style
+  } = _ref4;
   stylesheet__namespace.updateProperties(window, styleSheet, className, style);
 }
 
 function columnSizesHelperImpl(_ref5) {
-  var globalId = _ref5.globalId,
-      _ref5$getId = _ref5.getId,
-      getId = _ref5$getId === void 0 ? function (_ref6) {
-    var property = _ref6.property;
-    return plugins_columnSizing_getColumnNameFromProperty(property);
-  } : _ref5$getId;
-
-  var _stylesheet$create2 = stylesheet__namespace.create(),
-      styleSheetElement = _stylesheet$create2.styleSheetElement,
-      styleSheet = _stylesheet$create2.styleSheet;
-
-  var updateBodyHeaderWidth = function updateBodyHeaderWidth(_ref7) {
-    var className = _ref7.className,
-        headerClassName = _ref7.headerClassName,
-        width = _ref7.width,
-        minWidth = _ref7.minWidth;
+  let {
+    globalId,
+    getId = _ref6 => {
+      let {
+        property
+      } = _ref6;
+      return getColumnNameFromProperty(property);
+    }
+  } = _ref5;
+  const {
+    styleSheetElement,
+    styleSheet
+  } = stylesheet__namespace.create();
+
+  const updateBodyHeaderWidth = _ref7 => {
+    let {
+      className,
+      headerClassName,
+      width,
+      minWidth
+    } = _ref7;
     setWidth({
-      styleSheet: styleSheet,
-      className: className,
-      width: width,
-      minWidth: minWidth
+      styleSheet,
+      className,
+      width,
+      minWidth
     });
     setWidth({
-      styleSheet: styleSheet,
+      styleSheet,
       className: headerClassName,
-      width: width,
-      minWidth: minWidth,
+      width,
+      minWidth,
       isHeader: true
     });
   };
 
   return {
-    decorateColumns: function decorateColumns(columns, grid) {
-      var _grid$getInstance = grid.getInstance(),
-          minColumnWidth = _grid$getInstance.props.minColumnWidth;
-
-      return columns.map(function (column) {
-        var cellClassName = getColumnClassName({
-          globalId: globalId,
-          getId: getId,
-          column: column
+    decorateColumns: (columns, grid) => {
+      const {
+        props: {
+          minColumnWidth
+        }
+      } = grid.getInstance();
+      return columns.map(column => {
+        const cellClassName = getColumnClassName({
+          globalId,
+          getId,
+          column
         });
-        var headerClassName = "".concat(cellClassName, "-header");
+        const headerClassName = "".concat(cellClassName, "-header");
         dsUtilities.set(column, 'header.props.className', headerClassName);
         dsUtilities.set(column, 'cell.props.className', cellClassName);
 
-        column.updateBodyHeaderWidth = function (width, minWidth) {
+        column.updateBodyHeaderWidth = (width, minWidth) => {
           updateBodyHeaderWidth({
             className: cellClassName,
-            headerClassName: headerClassName,
-            width: width,
-            minWidth: minWidth
+            headerClassName,
+            width,
+            minWidth
           });
         };
 
-        column.updateWidth = function (width, minWidth) {
+        column.updateWidth = (width, minWidth) => {
           setWidth({
-            styleSheet: styleSheet,
-            className: cellClassName,
-            width: width,
-            minWidth: minWidth
-          });
-        };
-
-        column.updateStyle = function (style) {
-          return updateStyle({
-            styleSheet: styleSheet,
+            styleSheet,
             className: cellClassName,
-            style: style
+            width,
+            minWidth
           });
         };
 
-        column.headerHookEffects = [function () {
-          React.useEffect(function () {
-            var _grid$getInstance2 = grid.getInstance(),
-                resizedColumns = _grid$getInstance2.resizedColumns;
+        column.updateStyle = style => updateStyle({
+          styleSheet,
+          className: cellClassName,
+          style
+        });
 
-            var resizedWidth = resizedColumns.current[column.uuid];
+        column.headerHookEffects = [() => {
+          React.useEffect(() => {
+            const {
+              resizedColumns
+            } = grid.getInstance();
+            const resizedWidth = resizedColumns.current[column.uuid];
             updateBodyHeaderWidth({
               className: cellClassName,
-              headerClassName: headerClassName,
+              headerClassName,
               width: resizedWidth || column.width || minColumnWidth,
               minWidth: resizedWidth || column.minWidth || minColumnWidth || column.width
             });
@@ -210,61 +214,57 @@ function columnSizesHelperImpl(_ref5) {
         return column;
       });
     },
-    getColumnCellClassName: function getColumnCellClassName(column) {
+
+    getColumnCellClassName(column) {
       return getColumnClassName({
-        globalId: globalId,
-        getId: getId,
-        column: column
+        globalId,
+        getId,
+        column
       });
     },
-    getColumnHeaderClassName: function getColumnHeaderClassName(column) {
+
+    getColumnHeaderClassName(column) {
       return "".concat(getColumnClassName({
-        globalId: globalId,
-        getId: getId,
-        column: column
+        globalId,
+        getId,
+        column
       }), "-header");
     },
-    cleanup: function cleanup() {
+
+    cleanup() {
       styleSheetElement.remove();
     }
+
   };
 }
 
 function useStylesheetHelpers(grid) {
-  var _grid$props = grid.props,
-      bindColumnsSizeTo = _grid$props.bindColumnsSizeTo,
-      bindRowSizeTo = _grid$props.bindRowSizeTo;
-
-  var _useState = React.useState(function () {
-    return columnSizesHelperImpl({
-      globalId: bindColumnsSizeTo || grid.uuid,
-      getId: function getId(_ref8) {
-        var uuid = _ref8.uuid;
-        return plugins_columnSizing_getColumnNameFromProperty(uuid);
-      }
-    });
-  }),
-      _useState2 = _slicedToArray__default['default'](_useState, 1),
-      columnsStylesheet = _useState2[0];
-
-  var rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
-
-  var _useState3 = React.useState(function () {
-    return RowStylesheetHelper({
-      grid: grid,
-      className: rowClassName
-    });
-  }),
-      _useState4 = _slicedToArray__default['default'](_useState3, 1),
-      rowsStylesheet = _useState4[0];
-
+  const {
+    props: {
+      bindColumnsSizeTo,
+      bindRowSizeTo
+    }
+  } = grid;
+  const [columnsStylesheet] = React.useState(() => columnSizesHelperImpl({
+    globalId: bindColumnsSizeTo || grid.uuid,
+    getId: _ref8 => {
+      let {
+        uuid
+      } = _ref8;
+      return getColumnNameFromProperty(uuid);
+    }
+  }));
+  const rowClassName = "row-".concat(bindRowSizeTo || grid.uuid);
+  const [rowsStylesheet] = React.useState(() => RowStylesheetHelper({
+    grid,
+    className: rowClassName
+  }));
   return {
-    columnsStylesheet: columnsStylesheet,
-    rowsStylesheet: rowsStylesheet,
-    rowClassName: rowClassName
+    columnsStylesheet,
+    rowsStylesheet,
+    rowClassName
   };
 }
 
 exports.RowStylesheetHelper = RowStylesheetHelper;
 exports.useStylesheetHelpers = useStylesheetHelpers;
-//# sourceMappingURL=useStylesheetHelpers.js.map