@elliemae/ds-datagrids 2.3.1 → 3.0.0-alpha.3

package/dist/cjs/plugins/virtualization/helper.js

@@ -0,0 +1,35 @@
+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 helper_exports = {};
+__export(helper_exports, {
+  isSafari: () => isSafari
+});
+var React = __toESM(require("react"));
+const isSafari = navigator.vendor && navigator.vendor.indexOf("Apple") > -1 && navigator.userAgent && navigator.userAgent.indexOf("CriOS") === -1 && navigator.userAgent.indexOf("FxiOS") === -1;
+module.exports = __toCommonJS(helper_exports);
+//# sourceMappingURL=helper.js.map

package/dist/cjs/plugins/virtualization/helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/virtualization/helper.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const isSafari =\n  navigator.vendor &&\n  navigator.vendor.indexOf('Apple') > -1 &&\n  navigator.userAgent &&\n  navigator.userAgent.indexOf('CriOS') === -1 &&\n  navigator.userAgent.indexOf('FxiOS') === -1;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WACX,UAAU,UACV,UAAU,OAAO,QAAQ,WAAW,MACpC,UAAU,aACV,UAAU,UAAU,QAAQ,aAAa,MACzC,UAAU,UAAU,QAAQ,aAAa;",
+  "names": []
+}

package/dist/cjs/plugins/virtualization/index.js

@@ -0,0 +1,35 @@
+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 virtualization_exports = {};
+__export(virtualization_exports, {
+  VirtualizationPlugin: () => import_VirtualizationPlugin.VirtualizationPlugin
+});
+var React = __toESM(require("react"));
+var import_VirtualizationPlugin = require("./VirtualizationPlugin");
+module.exports = __toCommonJS(virtualization_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/plugins/virtualization/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/virtualization/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { VirtualizationPlugin } from './VirtualizationPlugin';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAAqC;",
+  "names": []
+}

package/dist/cjs/renders/CellWithAddons.js

@@ -0,0 +1,111 @@
+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 CellWithAddons_exports = {};
+__export(CellWithAddons_exports, {
+  CellWithAddons: () => CellWithAddons
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_styled = require("./styled");
+const CellWithAddons = ({
+  leftAddon,
+  keepLeftPadding,
+  rightAddon,
+  badgeAddon,
+  highLight,
+  isEdit,
+  editComponent,
+  value,
+  neutralText,
+  metaData
+}) => {
+  const hasLeftAddon = !!leftAddon || keepLeftPadding;
+  const hasRightAddon = !!rightAddon && !isEdit;
+  const cols = [1];
+  const shouldBeGray = neutralText || (0, import_lodash.get)(metaData, "rowData.customRowProps.neutralText");
+  if (hasLeftAddon)
+    cols.unshift("auto");
+  if (hasRightAddon)
+    cols.push("auto");
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.CellWrapper, {
+    noPadding: hasLeftAddon || badgeAddon || highLight || hasRightAddon,
+    hasLeftAddon,
+    hasRightAddon,
+    badgeAddon,
+    highLight
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    height: "100%",
+    cols
+  }, hasLeftAddon && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center",
+    pl: "xxs",
+    pr: "xxs",
+    width: keepLeftPadding ? "32px" : void 0
+  }, hasLeftAddon && leftAddon), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.ValueWrapper, {
+    grayText: shouldBeGray
+  }, isEdit ? editComponent : /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+    value
+  }))), hasRightAddon && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center",
+    pl: "xxs"
+  }, rightAddon)));
+};
+CellWithAddons.propTypes = {
+  value: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
+  leftAddon: import_prop_types.default.element,
+  keepLeftPadding: import_prop_types.default.bool,
+  rightAddon: import_prop_types.default.element,
+  editComponent: import_prop_types.default.element,
+  isEdit: import_prop_types.default.bool,
+  badgeAddon: import_prop_types.default.bool,
+  highLight: import_prop_types.default.bool,
+  neutralText: import_prop_types.default.bool,
+  metaData: import_prop_types.default.shape({
+    className: import_prop_types.default.string,
+    column: import_prop_types.default.object,
+    columnIndex: import_prop_types.default.number,
+    index: import_prop_types.default.number,
+    isScrolling: import_prop_types.default.bool,
+    key: import_prop_types.default.string,
+    parentRowData: import_prop_types.default.any,
+    property: import_prop_types.default.string,
+    registerFocus: import_prop_types.default.func,
+    rowData: import_prop_types.default.object,
+    rowIndex: import_prop_types.default.number,
+    rowKey: import_prop_types.default.string,
+    style: import_prop_types.default.object
+  })
+};
+module.exports = __toCommonJS(CellWithAddons_exports);
+//# sourceMappingURL=CellWithAddons.js.map

package/dist/cjs/renders/CellWithAddons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/renders/CellWithAddons.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { get } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { CellWrapper, ValueWrapper } from './styled';\n\n// eslint-disable-next-line complexity\nexport const CellWithAddons = ({\n  leftAddon,\n  keepLeftPadding,\n  rightAddon,\n  badgeAddon,\n  highLight,\n  isEdit,\n  editComponent,\n  value,\n  neutralText,\n  metaData,\n}) => {\n  const hasLeftAddon = !!leftAddon || keepLeftPadding;\n  const hasRightAddon = !!rightAddon && !isEdit;\n  const cols = [1];\n  const shouldBeGray = neutralText || get(metaData, 'rowData.customRowProps.neutralText');\n  if (hasLeftAddon) cols.unshift('auto');\n  if (hasRightAddon) cols.push('auto');\n  return (\n    <CellWrapper\n      noPadding={hasLeftAddon || badgeAddon || highLight || hasRightAddon}\n      hasLeftAddon={hasLeftAddon}\n      hasRightAddon={hasRightAddon}\n      badgeAddon={badgeAddon}\n      highLight={highLight}\n    >\n      <Grid height=\"100%\" cols={cols}>\n        {hasLeftAddon && (\n          <Grid alignItems=\"center\" pl=\"xxs\" pr=\"xxs\" width={keepLeftPadding ? '32px' : undefined}>\n            {hasLeftAddon && leftAddon}\n          </Grid>\n        )}\n        <Grid alignItems=\"center\">\n          <ValueWrapper grayText={shouldBeGray}>\n            {isEdit ? editComponent : <DSTruncatedTooltipText value={value} />}\n          </ValueWrapper>\n        </Grid>\n        {hasRightAddon && (\n          <Grid alignItems=\"center\" pl=\"xxs\">\n            {rightAddon}\n          </Grid>\n        )}\n      </Grid>\n    </CellWrapper>\n  );\n};\n\nCellWithAddons.propTypes = {\n  /** Text to render inside the cell */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Left Icon */\n  leftAddon: PropTypes.element,\n  /** keep the left spacing even if no left addons is addded */\n  keepLeftPadding: PropTypes.bool,\n  /** Right Icon Button or Dropdown */\n  rightAddon: PropTypes.element,\n  /** TextBox/InputMask/ComboBox */\n  editComponent: PropTypes.element,\n  /** if is true it will show editComponent */\n  isEdit: PropTypes.bool,\n  /** Shows a blue mark in the top left corner */\n  badgeAddon: PropTypes.bool,\n  /** change background color to light blue */\n  highLight: PropTypes.bool,\n  /** change text color to light gray */\n  neutralText: PropTypes.bool,\n  /** data grid meta-information */\n  metaData: PropTypes.shape({\n    className: PropTypes.string,\n    column: PropTypes.object,\n    columnIndex: PropTypes.number,\n    index: PropTypes.number,\n    isScrolling: PropTypes.bool,\n    key: PropTypes.string,\n    parentRowData: PropTypes.any,\n    property: PropTypes.string,\n    registerFocus: PropTypes.func,\n    rowData: PropTypes.object,\n    rowIndex: PropTypes.number,\n    rowKey: PropTypes.string,\n    style: PropTypes.object,\n  }),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAoB;AACpB,wBAAsB;AACtB,qBAAqB;AACrB,uCAAuC;AACvC,oBAA0C;AAGnC,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,eAAe,CAAC,CAAC,aAAa;AACpC,QAAM,gBAAgB,CAAC,CAAC,cAAc,CAAC;AACvC,QAAM,OAAO,CAAC;AACd,QAAM,eAAe,eAAe,uBAAI,UAAU;AAClD,MAAI;AAAc,SAAK,QAAQ;AAC/B,MAAI;AAAe,SAAK,KAAK;AAC7B,SACE,mDAAC,2BAAD;AAAA,IACE,WAAW,gBAAgB,cAAc,aAAa;AAAA,IACtD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,qBAAD;AAAA,IAAM,QAAO;AAAA,IAAO;AAAA,KACjB,gBACC,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,IAAG;AAAA,IAAM,IAAG;AAAA,IAAM,OAAO,kBAAkB,SAAS;AAAA,KAC3E,gBAAgB,YAGrB,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,KACf,mDAAC,4BAAD;AAAA,IAAc,UAAU;AAAA,KACrB,SAAS,gBAAgB,mDAAC,yDAAD;AAAA,IAAwB;AAAA,QAGrD,iBACC,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,IAAG;AAAA,KAC1B;AAAA;AAQb,eAAe,YAAY;AAAA,EAEzB,OAAO,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU;AAAA,EAExD,WAAW,0BAAU;AAAA,EAErB,iBAAiB,0BAAU;AAAA,EAE3B,YAAY,0BAAU;AAAA,EAEtB,eAAe,0BAAU;AAAA,EAEzB,QAAQ,0BAAU;AAAA,EAElB,YAAY,0BAAU;AAAA,EAEtB,WAAW,0BAAU;AAAA,EAErB,aAAa,0BAAU;AAAA,EAEvB,UAAU,0BAAU,MAAM;AAAA,IACxB,WAAW,0BAAU;AAAA,IACrB,QAAQ,0BAAU;AAAA,IAClB,aAAa,0BAAU;AAAA,IACvB,OAAO,0BAAU;AAAA,IACjB,aAAa,0BAAU;AAAA,IACvB,KAAK,0BAAU;AAAA,IACf,eAAe,0BAAU;AAAA,IACzB,UAAU,0BAAU;AAAA,IACpB,eAAe,0BAAU;AAAA,IACzB,SAAS,0BAAU;AAAA,IACnB,UAAU,0BAAU;AAAA,IACpB,QAAQ,0BAAU;AAAA,IAClB,OAAO,0BAAU;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/renders/index.js

@@ -0,0 +1,37 @@
+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 renders_exports = {};
+__export(renders_exports, {
+  CellContainer: () => import_styled.CellContainer,
+  CellWithAddons: () => import_CellWithAddons.CellWithAddons
+});
+var React = __toESM(require("react"));
+var import_CellWithAddons = require("./CellWithAddons");
+var import_styled = require("./styled");
+module.exports = __toCommonJS(renders_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/renders/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/renders/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { CellWithAddons } from './CellWithAddons';\nexport { CellContainer } from './styled';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA+B;AAC/B,oBAA8B;",
+  "names": []
+}

package/dist/cjs/renders/styled.js

@@ -0,0 +1,78 @@
+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 styled_exports = {};
+__export(styled_exports, {
+  CellContainer: () => CellContainer,
+  CellWrapper: () => CellWrapper,
+  ValueWrapper: () => ValueWrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+const m = "0.61538rem";
+const m2 = "1.23076rem";
+const CellWrapper = import_styled_components.default.div`
+  max-height: 36px;
+  height: 100%;
+  width: ${(props) => props.noPadding ? `calc(100% + ${m2})` : "100%"};
+  margin-left: ${(props) => props.noPadding ? `-${m}` : "0"};
+  margin-right: ${(props) => props.noPadding ? `-${m}` : "0"};
+  padding-left: ${(props) => !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : "0"};
+  padding-right: ${(props) => !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : "0"};
+  ${(props) => props.highLight ? `background: ${props.theme.colors.brand["200"]}` : ""};
+  ${(props) => props.badgeAddon ? `
+  position: relative;  
+  &::before {
+    display: block;
+    content: '';
+    position: absolute;
+    top: 0;
+    left:0;
+    border-style: solid;
+    border-width:  ${props.theme.space.xxs} ${props.theme.space.xxs}  ${props.theme.space.xxs} 0;
+    border-color: ${props.theme.colors.brand["600"]} transparent  transparent ${props.theme.colors.brand["600"]};
+  }
+  ` : ""}
+`;
+const ValueWrapper = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  & > span {
+    display: inline-flex;
+    align-items: center;
+  }
+  ${(props) => props.grayText ? `color: ${props.theme.colors.neutral["500"]};` : ""}
+`;
+const CellContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  padding-left: ${m};
+  padding-right: ${m};
+  position: relative;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/dist/cjs/renders/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/renders/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst m = '0.61538rem';\nconst m2 = '1.23076rem';\n\nexport const CellWrapper = styled.div`\n  max-height: 36px;\n  height: 100%;\n  width: ${(props) => (props.noPadding ? `calc(100% + ${m2})` : '100%')};\n  margin-left: ${(props) => (props.noPadding ? `-${m}` : '0')};\n  margin-right: ${(props) => (props.noPadding ? `-${m}` : '0')};\n  padding-left: ${(props) =>\n    !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : '0'};\n  padding-right: ${(props) =>\n    !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : '0'};\n  ${(props) => (props.highLight ? `background: ${props.theme.colors.brand['200']}` : '')};\n  ${(props) =>\n    props.badgeAddon\n      ? `\n  position: relative;  \n  &::before {\n    display: block;\n    content: '';\n    position: absolute;\n    top: 0;\n    left:0;\n    border-style: solid;\n    border-width:  ${props.theme.space.xxs} ${props.theme.space.xxs}  ${props.theme.space.xxs} 0;\n    border-color: ${props.theme.colors.brand['600']} transparent  transparent ${props.theme.colors.brand['600']};\n  }\n  `\n      : ''}\n`;\n\nexport const ValueWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  & > span {\n    display: inline-flex;\n    align-items: center;\n  }\n  ${(props) => (props.grayText ? `color: ${props.theme.colors.neutral['500']};` : '')}\n`;\n\nexport const CellContainer = styled(Grid)`\n  padding-left: ${m};\n  padding-right: ${m};\n  position: relative;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAErB,MAAM,IAAI;AACV,MAAM,KAAK;AAEJ,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA,WAGvB,CAAC,UAAW,MAAM,YAAY,eAAe,QAAQ;AAAA,iBAC/C,CAAC,UAAW,MAAM,YAAY,IAAI,MAAM;AAAA,kBACvC,CAAC,UAAW,MAAM,YAAY,IAAI,MAAM;AAAA,kBACxC,CAAC,UACf,CAAC,MAAM,gBAAiB,OAAM,cAAc,MAAM,aAAa,MAAM,iBAAiB,IAAI;AAAA,mBAC3E,CAAC,UAChB,CAAC,MAAM,iBAAkB,OAAM,cAAc,MAAM,aAAa,MAAM,gBAAgB,IAAI;AAAA,IAC1F,CAAC,UAAW,MAAM,YAAY,eAAe,MAAM,MAAM,OAAO,MAAM,WAAW;AAAA,IACjF,CAAC,UACD,MAAM,aACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBASa,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,QAAQ,MAAM,MAAM,MAAM;AAAA,oBACtE,MAAM,MAAM,OAAO,MAAM,mCAAmC,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,MAGjG;AAAA;AAGD,MAAM,eAAe,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQ/B,CAAC,UAAW,MAAM,WAAW,UAAU,MAAM,MAAM,OAAO,QAAQ,YAAY;AAAA;AAG3E,MAAM,gBAAgB,sCAAO;AAAA,kBAClB;AAAA,mBACC;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/rowSizes.js

@@ -0,0 +1,51 @@
+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 rowSizes_exports = {};
+__export(rowSizes_exports, {
+  RowSizes: () => RowSizes,
+  RowSizesOptions: () => RowSizesOptions,
+  RowSizesOptionsArr: () => RowSizesOptionsArr
+});
+var React = __toESM(require("react"));
+const RowSizes = {
+  compact: 28,
+  normal: 36,
+  extend: 56
+};
+const RowSizesOptions = {
+  compact: "compact",
+  normal: "normal",
+  extend: "extend"
+};
+const RowSizesOptionsArr = [
+  RowSizesOptions.compact,
+  RowSizesOptions.normal,
+  RowSizesOptions.extend
+];
+module.exports = __toCommonJS(rowSizes_exports);
+//# sourceMappingURL=rowSizes.js.map

package/dist/cjs/rowSizes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/rowSizes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const RowSizes = {\n  compact: 28,\n  normal: 36,\n  extend: 56,\n};\n\nexport const RowSizesOptions = {\n  compact: 'compact',\n  normal: 'normal',\n  extend: 'extend',\n};\n\nexport const RowSizesOptionsArr = [\n  RowSizesOptions.compact,\n  RowSizesOptions.normal,\n  RowSizesOptions.extend,\n];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA;AAGH,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA;AAGH,MAAM,qBAAqB;AAAA,EAChC,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA;",
+  "names": []
+}