@elliemae/ds-datagrids 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/plugins/resizable/ResizablePlugin.js

@@ -1,86 +1,88 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ResizablePlugin_exports = {};
-__export(ResizablePlugin_exports, {
-  ResizablePlugin: () => ResizablePlugin
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
-var import_decorateResizable = require("./decorateResizable");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+var dsUtilities = require('@elliemae/ds-utilities');
+var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var decorateResizable = require('./decorateResizable.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
 const noop = () => null;
-const DELTA_LAST_COLUMN = 25;
+
+const DELTA_LAST_COLUMN = 25; // eslint-disable-next-line no-unused-vars
+
 const decorateColumn = (column, grid, index) => {
   const {
     onResizeEnd = noop,
     onResizeStart = noop,
     minColumnWidth = 90,
-    isColumnResizeActive = (col) => col.resizable && !col.expandableColumn,
+    isColumnResizeActive = col => col.resizable && !col.expandableColumn,
     onColumnResize
   } = grid.props;
-  const { decoratedColumns } = grid.getInstance();
-  const colIndex = decoratedColumns.findIndex((col) => col.property === column.property);
+  const {
+    decoratedColumns
+  } = grid.getInstance(); // need to do this because the decorated columns which the index in the function call
+  // could be different from the final decorated columns because a plugin could add a
+  // column afterwards
+
+  const colIndex = decoratedColumns.findIndex(col => col.property === column.property);
   const isLast = colIndex === decoratedColumns.length - 1;
-  if (!isColumnResizeActive(column))
-    return column;
-  return (0, import_decorateResizable.addResizableToColumn)(column, (0, import_decorateResizable.resizableFormatter)({
+  if (!isColumnResizeActive(column)) return column;
+  return decorateResizable.addResizableToColumn(column, decorateResizable.resizableFormatter({
     onDragStart: () => {
       grid.isDragging.current = true;
       grid.disableEvents();
       onResizeStart();
-      onColumnResize("onResizeStart", { column });
+      onColumnResize('onResizeStart', {
+        column
+      });
     },
     onDrag: (width, increasing) => {
-      const { resizedColumns, refs } = grid.getInstance();
+      const {
+        resizedColumns,
+        refs
+      } = grid.getInstance();
+
       if (isLast && increasing) {
         const thisCol = resizedColumns.current[column.uuid] || 0;
         width = Math.max(thisCol + DELTA_LAST_COLUMN, width);
       }
+
       column.updateBodyHeaderWidth(width, width);
       grid.updateRowWidth();
+
       if (isLast && increasing) {
+        // TODO: Move this to packages/ds-shared/src/ScrollSync/ScrollSync.js
+        // It isn't watching the scrollLeft so you have to move both at the same time
         refs.header.current.scrollLeft += DELTA_LAST_COLUMN;
         refs.body.current.scrollLeft += DELTA_LAST_COLUMN;
       }
     },
     onDragEnd: (width, increasing, extraData) => {
-      const { resizedColumns } = grid.getInstance();
+      const {
+        resizedColumns
+      } = grid.getInstance();
+
       if (isLast && increasing) {
         const thisCol = resizedColumns.current[column.uuid] || 0;
         width = Math.max(thisCol + DELTA_LAST_COLUMN, width);
       }
+
       resizedColumns.current[column.uuid] = width;
       grid.isDragging.current = false;
       grid.enableEvents();
+
       try {
         const total = grid.getInstance().refs.body.current.scrollWidth;
         const sum = Object.keys(grid.resizedColumns.current).reduce((p, n) => grid.resizedColumns.current[n] + p, 0);
         const lastKey = grid.decoratedColumns[grid.columns.length - 1].uuid;
+
         if (sum < total) {
           const lastCol = grid.getInstance().columnSizeService.columns[lastKey];
           lastCol.updateWidth(grid.resizedColumns.current[lastKey] + total - sum);
@@ -88,22 +90,24 @@ const decorateColumn = (column, grid, index) => {
           grid.getInstance().columnSizeService.updateMissingWidths(total);
         }
       } catch (error) {
-        console.error("Unexpected error in the addResizableToColumn trying to use the remaining grid space to the last column", error);
+        console.error('Unexpected error in the addResizableToColumn trying to use the remaining grid space to the last column', error);
       }
-      onColumnResize("onResizeEnd", {
+
+      onColumnResize('onResizeEnd', {
         column,
         width,
         extraData
       });
-      (0, import_ds_utilities.runAll)(onResizeEnd)(width, extraData);
+      dsUtilities.runAll(onResizeEnd)(width, extraData);
       grid.updateRowWidth();
     },
     minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),
     isLast
   }));
 };
-const ResizablePlugin = (0, import_createInstancePlugin.createInstancePlugin)("resizable", {
+
+const ResizablePlugin = createInstancePlugin__default["default"]('resizable', {
   decorateColumn
 });
-module.exports = __toCommonJS(ResizablePlugin_exports);
-//# sourceMappingURL=ResizablePlugin.js.map
+
+exports.ResizablePlugin = ResizablePlugin;

package/cjs/plugins/resizable/decorateResizable.js

@@ -1,56 +1,60 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var decorateResizable_exports = {};
-__export(decorateResizable_exports, {
-  addResizableToColumn: () => addResizableToColumn,
-  resizableFormatter: () => resizableFormatter
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
-var import_useResizeHandle = require("./useResizeHandle");
-const addResizableToColumn = (column, formatter) => (0, import_initColumnDefinition.appendHeaderFormatter)(formatter, column);
-const ResizableWrapper = import_react.default.memo(({ value, onDrag, onDragEnd, onDragStart, minWidth, handleClassName }) => {
-  const { containerRef, Handle } = (0, import_useResizeHandle.useResizeHandle)({
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
+var useResizeHandle = require('./useResizeHandle.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const addResizableToColumn = (column, formatter) => initColumnDefinition.appendHeaderFormatter(formatter, column);
+
+const ResizableWrapper = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    value,
+    onDrag,
+    onDragEnd,
+    onDragStart,
+    minWidth,
+    handleClassName
+  } = _ref;
+  const {
+    containerRef,
+    Handle
+  } = useResizeHandle.useResizeHandle({
     onDrag,
     onDragEnd,
     onDragStart,
     minWidth,
     handleClassName
   });
-  return /* @__PURE__ */ import_react.default.createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: containerRef,
-    className: "resize-container"
-  }, value, /* @__PURE__ */ import_react.default.createElement(Handle, null));
-});
-const resizableFormatter = (options) => (value) => /* @__PURE__ */ import_react.default.createElement(ResizableWrapper, {
-  ...options,
-  value
-});
-module.exports = __toCommonJS(decorateResizable_exports);
-//# sourceMappingURL=decorateResizable.js.map
+    className: "resize-container",
+    children: [value, /*#__PURE__*/_jsx__default["default"](Handle, {})]
+  });
+}); // eslint-disable-next-line react/display-name
+
+const resizableFormatter = options => value => /*#__PURE__*/jsxRuntime.jsx(ResizableWrapper, _objectSpread(_objectSpread({}, options), {}, {
+  value: value
+}));
+
+exports.addResizableToColumn = addResizableToColumn;
+exports.resizableFormatter = resizableFormatter;

package/cjs/plugins/resizable/index.js

@@ -1,35 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var resizable_exports = {};
-__export(resizable_exports, {
-  ResizablePlugin: () => import_ResizablePlugin.ResizablePlugin
-});
-var React = __toESM(require("react"));
-var import_ResizablePlugin = require("./ResizablePlugin");
-module.exports = __toCommonJS(resizable_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ResizablePlugin = require('./ResizablePlugin.js');
+
+
+
+exports.ResizablePlugin = ResizablePlugin.ResizablePlugin;

package/cjs/plugins/resizable/useResizeHandle.js

@@ -1,79 +1,73 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useResizeHandle_exports = {};
-__export(useResizeHandle_exports, {
-  useResizeHandle: () => useResizeHandle
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const useResizeHandle = ({
-  onDragStart,
-  onDrag,
-  onDragEnd,
-  minWidth = 10,
-  isLast = false
-}) => {
-  const startX = (0, import_react.useRef)();
-  const startWidth = (0, import_react.useRef)();
-  const containerRef = (0, import_react.useRef)();
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const useResizeHandle = _ref => {
+  let {
+    onDragStart,
+    onDrag,
+    onDragEnd,
+    minWidth = 10,
+    isLast = false
+  } = _ref;
+  const startX = React.useRef();
+  const startWidth = React.useRef();
+  const containerRef = React.useRef();
+
   const triggerMove = (handler, event) => {
     const increasing = startX.current - event.clientX < 0;
     handler(Math.max(startWidth.current - startX.current + event.clientX, minWidth), increasing, {});
   };
-  const onMouseMove = (event) => {
+
+  const onMouseMove = event => {
     event.stopPropagation();
     event.preventDefault();
     triggerMove(onDrag, event);
   };
-  const onMouseUp = (event) => {
+
+  const onMouseUp = event => {
     event.stopPropagation();
     event.preventDefault();
     triggerMove(onDragEnd, event);
-    document.removeEventListener("mousemove", onMouseMove);
-    document.removeEventListener("mouseup", onMouseUp);
+    document.removeEventListener('mousemove', onMouseMove);
+    document.removeEventListener('mouseup', onMouseUp);
   };
-  const onMouseDown = (event) => {
+
+  const onMouseDown = event => {
     event.stopPropagation();
     event.preventDefault();
-    document.addEventListener("mousemove", onMouseMove);
-    document.addEventListener("mouseup", onMouseUp);
+    document.addEventListener('mousemove', onMouseMove);
+    document.addEventListener('mouseup', onMouseUp);
     startX.current = event.clientX;
     startWidth.current = containerRef.current.offsetWidth;
     triggerMove(onDragStart, event);
   };
-  const HandleComponent = ({ className = "resize-handle" }) => /* @__PURE__ */ import_react.default.createElement("div", {
-    className,
-    onMouseDown
-  });
+
+  const HandleComponent = _ref2 => {
+    let {
+      className = 'resize-handle'
+    } = _ref2;
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      _jsx__default["default"]("div", {
+        className: className,
+        onMouseDown: onMouseDown
+      })
+    );
+  };
+
   return {
     containerRef,
     Handle: HandleComponent
   };
 };
-module.exports = __toCommonJS(useResizeHandle_exports);
-//# sourceMappingURL=useResizeHandle.js.map
+
+exports.useResizeHandle = useResizeHandle;

package/cjs/plugins/resizable/utils.js

@@ -1,54 +1,33 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var utils_exports = {};
-__export(utils_exports, {
-  isPercentNumber: () => isPercentNumber,
-  isPxNumber: () => isPxNumber,
-  translatePercentageToPx: () => translatePercentageToPx
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_memoize_one = __toESM(require("memoize-one"));
-const isPercentNumber = (stringNumber) => typeof stringNumber === "string" && stringNumber.indexOf("%") !== -1;
-const isPxNumber = (stringNumber) => typeof stringNumber === "string" && stringNumber.indexOf("px") !== -1;
-const translatePercentageToPx = (0, import_memoize_one.default)((totalWidth, percentage, minWidth = 0) => {
-  const parsedPercentatge = (0, import_ds_utilities.parseInt)(percentage.replace("%", ""));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/es.string.replace.js');
+var dsUtilities = require('@elliemae/ds-utilities');
+var memoizeOne = require('memoize-one');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
+
+const isPercentNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('%') !== -1;
+const isPxNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('px') !== -1;
+const translatePercentageToPx = memoizeOne__default["default"](function (totalWidth, percentage) {
+  let minWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  const parsedPercentatge = dsUtilities.parseInt(percentage.replace('%', ''));
   const width = totalWidth * parsedPercentatge / 100;
   return width > minWidth ? width : minWidth;
 });
-const translateStringPxToNumberPx = (0, import_memoize_one.default)((pxNumber) => (0, import_ds_utilities.parseInt)(pxNumber.replace("%", "")));
-const translatePxToPercentage = (0, import_memoize_one.default)((totalWidth, pxWidth) => `${pxWidth / totalWidth * 100}%`);
-const getWidth = (0, import_memoize_one.default)((gridWidth, width = 0, minWidth) => {
-  if (isPercentNumber(width))
-    return translatePercentageToPx(gridWidth, width, minWidth);
-  if (isPxNumber(width))
-    return translateStringPxToNumberPx(width);
+const translateStringPxToNumberPx = memoizeOne__default["default"](pxNumber => dsUtilities.parseInt(pxNumber.replace('%', '')));
+memoizeOne__default["default"]((totalWidth, pxWidth) => "".concat(pxWidth / totalWidth * 100, "%"));
+memoizeOne__default["default"](function (gridWidth) {
+  let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  let minWidth = arguments.length > 2 ? arguments[2] : undefined;
+  if (isPercentNumber(width)) return translatePercentageToPx(gridWidth, width, minWidth);
+  if (isPxNumber(width)) return translateStringPxToNumberPx(width);
   return width;
 });
-module.exports = __toCommonJS(utils_exports);
-//# sourceMappingURL=utils.js.map
+
+exports.isPercentNumber = isPercentNumber;
+exports.isPxNumber = isPxNumber;
+exports.translatePercentageToPx = translatePercentageToPx;