npm - @elliemae/ds-datagrids - Versions diffs - 3.0.0-next.4 → 3.0.0-next.40 - Mend

@elliemae/ds-datagrids 3.0.0-next.4 → 3.0.0-next.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (271) hide show

package/dist/esm/components/ColumnsOptionsMenuSection.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ColumnsOptionsMenuSection.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Menu } from '@elliemae/ds-menu';\n\nconst ColumnsOptionsMenuSection = ({\n  columns,\n  onColumnVisibilityChange,\n  searchable = false,\n  height,\n  // eslint-disable-next-line react/display-name\n}) => () => {\n  const { items, active } = columns.reduce(\n    (result, column, index) => ({\n      items: [\n        ...result.items,\n        {\n          id: column.property,\n          label: column.label,\n          checked: column.visible,\n          onClick: () => onColumnVisibilityChange(column, index),\n        },\n      ],\n      active:\n        typeof column.visible === 'undefined' || column.visible\n          ? [...result.active, column.property]\n          : result.active,\n    }),\n    { items: [], active: [] },\n  );\n  return (\n    <Menu.SelectionGroup\n      active={active}\n      height={height}\n      items={items}\n      multi\n      searchable={searchable}\n    />\n  );\n};\n\nexport { ColumnsOptionsMenuSection };\nexport default ColumnsOptionsMenuSection;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,MAEI,MAAM;AACV,QAAM,EAAE,OAAO,WAAW,QAAQ,OAChC,CAAC,QAAQ,QAAQ,UAAW;AAAA,IAC1B,OAAO;AAAA,MACL,GAAG,OAAO;AAAA,MACV;AAAA,QACE,IAAI,OAAO;AAAA,QACX,OAAO,OAAO;AAAA,QACd,SAAS,OAAO;AAAA,QAChB,SAAS,MAAM,yBAAyB,QAAQ;AAAA;AAAA;AAAA,IAGpD,QACE,OAAO,OAAO,YAAY,eAAe,OAAO,UAC5C,CAAC,GAAG,OAAO,QAAQ,OAAO,YAC1B,OAAO;AAAA,MAEf,EAAE,OAAO,IAAI,QAAQ;AAEvB,SACE,qCAAC,KAAK,gBAAN;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAK;AAAA,IACL;AAAA;AAAA;AAMN,IAAO,oCAAQ;",
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,MAEI,MAAM;AACV,QAAM,EAAE,OAAO,WAAW,QAAQ,OAChC,CAAC,QAAQ,QAAQ,UAAW;AAAA,IAC1B,OAAO;AAAA,MACL,GAAG,OAAO;AAAA,MACV;AAAA,QACE,IAAI,OAAO;AAAA,QACX,OAAO,OAAO;AAAA,QACd,SAAS,OAAO;AAAA,QAChB,SAAS,MAAM,yBAAyB,QAAQ,KAAK;AAAA,MACvD;AAAA,IACF;AAAA,IACA,QACE,OAAO,OAAO,YAAY,eAAe,OAAO,UAC5C,CAAC,GAAG,OAAO,QAAQ,OAAO,QAAQ,IAClC,OAAO;AAAA,EACf,IACA,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAC1B;AACA,SACE,qCAAC,KAAK,gBAAL;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAK;AAAA,IACL;AAAA,GACF;AAEJ;AAGA,IAAO,oCAAQ;",
   "names": []
 }

package/dist/esm/components/EmptyState.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/EmptyState.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport styled from 'styled-components';\n\nconst EmptyStateWrapper = styled(Grid)`\n  min-width: 132px; /* fixed size in px according to specs */\n  max-width: 384px; /* fixed size in px according to specs */\n  height: fit-content;\n`;\nconst Icon = styled(WarningTriangle)`\n  fill: ${(props) => props.theme.colors.neutral[300]};\n  color: ${(props) => props.theme.colors.neutral[300]};\n  justify-self: center;\n`;\nconst PrimaryMessage = styled.p`\n  text-align: center;\n  font-weight: bold;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};\n  color: ${(props) => props.theme.colors.neutral[600]};\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n`;\nconst SecondaryMessage = styled.p`\n  text-align: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */\n  color: ${(props) => props.theme.colors.neutral[500]};\n  margin: 0;\n`;\nconst Button = styled(DSButton)`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  justify-self: center;\n  width: fit-content;\n`;\n\nexport const EmptyState = ({\n  primaryMessage = 'No Results Found',\n  secondaryMessage,\n  buttonLabel,\n  onButtonClick = () => {},\n}) => (\n  <EmptyStateWrapper>\n    <Icon size=\"xxl\" />\n    {primaryMessage && <PrimaryMessage>{primaryMessage}</PrimaryMessage>}\n    {secondaryMessage && <SecondaryMessage>{secondaryMessage}</SecondaryMessage>}\n    {buttonLabel && <Button buttonType=\"secondary\" labelText={buttonLabel} onClick={onButtonClick} />}\n  </EmptyStateWrapper>\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAKjC,MAAM,OAAO,OAAO;AAAA,UACV,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM;AAAA,WACpD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,mBACnD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAEzE,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM;AAAA,WACpD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,OAAO;AAAA,gBACN,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAK/D,MAAM,aAAa,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA;AAAA,MAEtB,qCAAC,mBAAD,MACE,qCAAC,MAAD;AAAA,EAAM,MAAK;AAAA,IACV,kBAAkB,qCAAC,gBAAD,MAAiB,iBACnC,oBAAoB,qCAAC,kBAAD,MAAmB,mBACvC,eAAe,qCAAC,QAAD;AAAA,EAAQ,YAAW;AAAA,EAAY,WAAW;AAAA,EAAa,SAAS;AAAA;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAKrC,MAAM,OAAO,OAAO,eAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,OAAO,QAAQ;AAAA,gBACd,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAKhE,MAAM,aAAa,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA,EAAC;AAAA,MAEvB,qCAAC,yBACC,qCAAC;AAAA,EAAK,MAAK;AAAA,CAAM,GAChB,kBAAkB,qCAAC,sBAAgB,cAAe,GAClD,oBAAoB,qCAAC,wBAAkB,gBAAiB,GACxD,eAAe,qCAAC;AAAA,EAAO,YAAW;AAAA,EAAY,WAAW;AAAA,EAAa,SAAS;AAAA,CAAe,CACjG;",
   "names": []
 }

package/dist/esm/components/HeaderCell.js CHANGED Viewed

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
 import * as React from "react";
 import React2 from "react";
 import PropTypes from "prop-types";
-import { evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared/createDataInstance/utils";
+import { evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared";
 import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
 const HeaderCell = ({ column, columnIndex, component: Component, classProps, grid }) => {
   const { property, header = {}, props = {} } = column;

package/dist/esm/components/HeaderCell.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/HeaderCell.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared/createDataInstance/utils';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nexport const HeaderCell = ({ column, columnIndex, component: Component, classProps, grid }) => {\n  const { property, header = {}, props = {} } = column;\n\n  const evaluatedProperty = property || (header && header.property);\n\n  const { label, transforms = [], formatters = [] } = header;\n\n  // subscribe hook effects into header cell\n  if (column.headerHookEffects) column.headerHookEffects.forEach((hook) => hook());\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    grid,\n  };\n\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = withTooltip(label);\n  const transformedProps = evaluateTransforms(transforms, value, extraParameters);\n  const formattedValue = evaluateFormatters(formatters, value, extraParameters);\n\n  const testId = column.headerDataId || 'data-grid-header__cell';\n\n  return (\n    <Component\n      key={`${evaluatedProperty}-header`}\n      data-testid={testId}\n      index={columnIndex}\n      classProps={classProps}\n      {...props}\n      {...(header && header.props)}\n      {...transformedProps}\n    >\n      {transformedProps.children || formattedValue}\n    </Component>\n  );\n};\n\nHeaderCell.propTypes = {\n  column: PropTypes.any,\n  columnIndex: PropTypes.number,\n  component: PropTypes.any,\n  classProps: PropTypes.any,\n  grid: PropTypes.any,\n};\n\nexport default HeaderCell;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,QAAQ,aAAa,WAAW,WAAW,YAAY,WAAW;AAC7F,QAAM,EAAE,UAAU,SAAS,IAAI,QAAQ,OAAO;AAE9C,QAAM,oBAAoB,YAAa,UAAU,OAAO;AAExD,QAAM,EAAE,OAAO,aAAa,IAAI,aAAa,OAAO;AAGpD,MAAI,OAAO;AAAmB,WAAO,kBAAkB,QAAQ,CAAC,SAAS;AAEzE,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA;AAGF,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,YAAY;AAC1B,QAAM,mBAAmB,mBAAmB,YAAY,OAAO;AAC/D,QAAM,iBAAiB,mBAAmB,YAAY,OAAO;AAE7D,QAAM,SAAS,OAAO,gBAAgB;AAEtC,SACE,qCAAC,WAAD;AAAA,IACE,KAAK,GAAG;AAAA,IACR,eAAa;AAAA,IACb,OAAO;AAAA,IACP;AAAA,KACI,QACC,UAAU,OAAO,QAClB,mBAEH,iBAAiB,YAAY;AAAA;AAKpC,WAAW,YAAY;AAAA,EACrB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,MAAM,UAAU;AAAA;AAGlB,IAAO,qBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nexport const HeaderCell = ({ column, columnIndex, component: Component, classProps, grid }) => {\n  const { property, header = {}, props = {} } = column;\n\n  const evaluatedProperty = property || (header && header.property);\n\n  const { label, transforms = [], formatters = [] } = header;\n\n  // subscribe hook effects into header cell\n  if (column.headerHookEffects) column.headerHookEffects.forEach((hook) => hook());\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    grid,\n  };\n\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = withTooltip(label);\n  const transformedProps = evaluateTransforms(transforms, value, extraParameters);\n  const formattedValue = evaluateFormatters(formatters, value, extraParameters);\n\n  const testId = column.headerDataId || 'data-grid-header__cell';\n\n  return (\n    <Component\n      key={`${evaluatedProperty}-header`}\n      data-testid={testId}\n      index={columnIndex}\n      classProps={classProps}\n      {...props}\n      {...(header && header.props)}\n      {...transformedProps}\n    >\n      {transformedProps.children || formattedValue}\n    </Component>\n  );\n};\n\nHeaderCell.propTypes = {\n  column: PropTypes.any,\n  columnIndex: PropTypes.number,\n  component: PropTypes.any,\n  classProps: PropTypes.any,\n  grid: PropTypes.any,\n};\n\nexport default HeaderCell;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,QAAQ,aAAa,WAAW,WAAW,YAAY,WAAW;AAC7F,QAAM,EAAE,UAAU,SAAS,CAAC,GAAG,QAAQ,CAAC,MAAM;AAE9C,QAAM,oBAAoB,YAAa,UAAU,OAAO;AAExD,QAAM,EAAE,OAAO,aAAa,CAAC,GAAG,aAAa,CAAC,MAAM;AAGpD,MAAI,OAAO;AAAmB,WAAO,kBAAkB,QAAQ,CAAC,SAAS,KAAK,CAAC;AAE/E,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,qCAAC;AAAA,IAAuB,OAAO;AAAA,GAAG;AACtG,QAAM,QAAQ,YAAY,KAAK;AAC/B,QAAM,mBAAmB,mBAAmB,YAAY,OAAO,eAAe;AAC9E,QAAM,iBAAiB,mBAAmB,YAAY,OAAO,eAAe;AAE5E,QAAM,SAAS,OAAO,gBAAgB;AAEtC,SACE,qCAAC;AAAA,IACC,KAAK,GAAG;AAAA,IACR,eAAa;AAAA,IACb,OAAO;AAAA,IACP;AAAA,KACI,QACC,UAAU,OAAO,QAClB,mBAEH,iBAAiB,YAAY,cAChC;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,MAAM,UAAU;AAClB;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/components/List.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/List.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nfunction List(props, instance) {\n  // todo: add should list update to memoize this\n  const { renderers, getListProps } = instance.getInstance();\n  const ListComponent = renderers.list;\n\n  // props from component props and plugins\n  const mixedProps = getListProps(props);\n  return <ListComponent {...mixedProps} />;\n}\n\nexport default List;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,cAAc,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,iBAAiB,SAAS;AAC7C,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa;AAChC,SAAO,qCAAC,eAAD,mBAAmB;AAAA;AAG5B,IAAO,eAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,cAAc,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,iBAAiB,SAAS,YAAY;AACzD,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa,KAAK;AACrC,SAAO,qCAAC,kCAAkB,WAAY;AACxC;AAEA,IAAO,eAAQ;",
   "names": []
 }

package/dist/esm/components/ListItem.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ListItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nfunction ListItem(props, instance) {\n  const { record } = props;\n  const {\n    renderers,\n    getItemProps,\n    decorators: { itemRenderer },\n  } = instance.getInstance();\n\n  // props from component props and plugins\n  const mixedProps = getItemProps(props);\n\n  const children = itemRenderer.reduce(\n    (result, formatter) => formatter(result, record, instance),\n    record.data.name,\n  );\n\n  const ItemComponent = renderers.list;\n  return (\n    <ItemComponent record={record} {...mixedProps}>\n      {children}\n    </ItemComponent>\n  );\n}\n\nexport default ListItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,kBAAkB,OAAO,UAAU;AACjC,QAAM,EAAE,WAAW;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,SAAS;AAGb,QAAM,aAAa,aAAa;AAEhC,QAAM,WAAW,aAAa,OAC5B,CAAC,QAAQ,cAAc,UAAU,QAAQ,QAAQ,WACjD,OAAO,KAAK;AAGd,QAAM,gBAAgB,UAAU;AAChC,SACE,qCAAC,eAAD;AAAA,IAAe;AAAA,KAAoB,aAChC;AAAA;AAKP,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,kBAAkB,OAAO,UAAU;AACjC,QAAM,EAAE,WAAW;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,SAAS,YAAY;AAGzB,QAAM,aAAa,aAAa,KAAK;AAErC,QAAM,WAAW,aAAa,OAC5B,CAAC,QAAQ,cAAc,UAAU,QAAQ,QAAQ,QAAQ,GACzD,OAAO,KAAK,IACd;AAEA,QAAM,gBAAgB,UAAU;AAChC,SACE,qCAAC;AAAA,IAAc;AAAA,KAAoB,aAChC,QACH;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/components/NoResults.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/NoResults.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst NoResultsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  padding-bottom: 0;\n  height: calc(100% - 36px);\n  overflow: auto;\n`;\n\nexport const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {\n  return (\n    <>\n      <NoResultsContainer {...rest} innerRef={innerRef}>\n        {children}\n      </NoResultsContainer>\n      {/* Hack to expand to the width of the row so we can scroll\n      if the columns are bigger than the grid */}\n      {rowRenderer(\n        {},\n        { style: { visibility: 'hidden', marginBottom: 0 } },\n        {},\n      )}\n    </>\n  );\n}\n\nexport default NoResults;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,WAAS,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM1D,MAAM,YAAY,CAAC,OAAiD;AAAjD,eAAE,YAAU,aAAa,aAAzB,IAAsC,iBAAtC,IAAsC,CAApC,YAAU,eAAa;AACjD,SACE,4DACE,qCAAC,oBAAD,iCAAwB,OAAxB;AAAA,IAA8B;AAAA,MAC3B,WAIF,YACC,IACA,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,OAC/C;AAAA;AAMR,IAAO,oBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,WAAS,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAM3D,MAAM,YAAY,CAAC,OAAiD;AAAjD,eAAE,YAAU,aAAa,aAAzB,IAAsC,iBAAtC,IAAsC,CAApC,YAAU,eAAa;AACjD,SACE,4DACE,qCAAC,qDAAuB,OAAvB;AAAA,IAA6B;AAAA,MAC3B,QACH,GAGC,YACC,CAAC,GACD,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,EAAE,EAAE,GACnD,CAAC,CACH,CACF;AAEJ;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/components/RowsLoader.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/RowsLoader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSSpinner } from '@elliemae/ds-spinner';\nimport { SpinnerContainer } from './renderers/defaultClassedRenderers';\n\nexport const RowsLoader = ({ size = 'm' }) => (\n  <SpinnerContainer>\n    <DSSpinner size={size} />\n  </SpinnerContainer>\n);\n\nexport default RowsLoader;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,OAAO,UAClC,qCAAC,kBAAD,MACE,qCAAC,WAAD;AAAA,EAAW;AAAA;AAIf,IAAO,qBAAQ;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,OAAO,UAClC,qCAAC,wBACC,qCAAC;AAAA,EAAU;AAAA,CAAY,CACzB;AAGF,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/components/Table.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Table.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-loops/no-loops,no-plusplus */\nimport React, { useCallback, useMemo, useEffect } from 'react';\nimport { TableHeader } from './TableHeader';\nimport { TableBody } from './TableBody';\nimport { HeaderCell } from './HeaderCell';\nimport { BodyCell } from './BodyCell';\nimport { TableContext } from './tableContext';\n\nconst { Provider } = TableContext;\n\nconst Table = (props) => {\n  const {\n    decoratedRenderers: renderers,\n    decoratedColumns: columns,\n    getRowProps,\n    getHeaderRowProps,\n    getTableProps,\n    children,\n    tableRef,\n    props: { wrapText },\n    style,\n    onDefaultFiltersLoad = () => null,\n  } = props;\n\n  useEffect(() => {\n    onDefaultFiltersLoad(props.composedRows);\n  }, [onDefaultFiltersLoad]);\n\n  const headerRowRenderer = () => {\n    const Row = renderers.header.row;\n    const Cell = renderers.header.cell;\n    const cells = [];\n\n    // optimize the rendering using for loop\n    for (let index = 0; index < columns.length; index++) {\n      cells.push(\n        <HeaderCell\n          key={index}\n          classProps={{ wrapText }}\n          column={columns[index]}\n          columnIndex={index}\n          component={Cell}\n          grid={props}\n        />,\n      );\n    }\n\n    const rowProps = getHeaderRowProps({}, {});\n    return <Row {...rowProps}>{cells}</Row>;\n  };\n\n  const bodyRowRenderer = useCallback(\n    (rowData, rowProps, extraParams) => {\n      const Row = renderers.body.row;\n      const Cell = renderers.body.cell;\n\n      const nextRowProps = getRowProps(rowProps, { ...extraParams, rowData });\n\n      // get cells from columns api\n      const cells = [];\n\n      // optimize the rendering using for loop\n      for (let index = 0; index < columns.length; index++) {\n        cells.push(\n          <BodyCell\n            key={index}\n            classProps={{ wrapText }}\n            column={columns[index]}\n            columnIndex={index}\n            component={Cell}\n            grid={props}\n            rowIndex={extraParams.rowIndex}\n            rowProps={{ rowData, ...nextRowProps }}\n          />,\n        );\n      }\n\n      return (\n        <Row {...nextRowProps} rowData={rowData}>\n          {cells}\n        </Row>\n      );\n    },\n    [columns, renderers],\n  );\n\n  const TableComponent = renderers.table;\n\n  const value = { ...props, bodyRowRenderer, headerRowRenderer };\n\n  return (\n    <Provider value={value}>\n      <TableComponent\n        {...getTableProps({\n          innerRef: tableRef,\n          style,\n        })}\n      >\n        {children}\n      </TableComponent>\n    </Provider>\n  );\n};\n\nTable.Header = TableHeader;\nTable.Body = TableBody;\n\nexport { Table };\nexport default Table;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,aAAa;AAErB,MAAM,QAAQ,CAAC,UAAU;AACvB,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE;AAAA,IACT;AAAA,IACA,uBAAuB,MAAM;AAAA,MAC3B;AAEJ,YAAU,MAAM;AACd,yBAAqB,MAAM;AAAA,KAC1B,CAAC;AAEJ,QAAM,oBAAoB,MAAM;AAC9B,UAAM,MAAM,UAAU,OAAO;AAC7B,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,QAAQ;AAGd,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM,KACJ,qCAAC,YAAD;AAAA,QACE,KAAK;AAAA,QACL,YAAY,EAAE;AAAA,QACd,QAAQ,QAAQ;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,MAAM;AAAA;AAAA;AAKZ,UAAM,WAAW,kBAAkB,IAAI;AACvC,WAAO,qCAAC,KAAD,mBAAS,WAAW;AAAA;AAG7B,QAAM,kBAAkB,YACtB,CAAC,SAAS,UAAU,gBAAgB;AAClC,UAAM,MAAM,UAAU,KAAK;AAC3B,UAAM,OAAO,UAAU,KAAK;AAE5B,UAAM,eAAe,YAAY,UAAU,iCAAK,cAAL,EAAkB;AAG7D,UAAM,QAAQ;AAGd,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM,KACJ,qCAAC,UAAD;AAAA,QACE,KAAK;AAAA,QACL,YAAY,EAAE;AAAA,QACd,QAAQ,QAAQ;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,MAAM;AAAA,QACN,UAAU,YAAY;AAAA,QACtB,UAAU,iBAAE,WAAY;AAAA;AAAA;AAK9B,WACE,qCAAC,KAAD,iCAAS,eAAT;AAAA,MAAuB;AAAA,QACpB;AAAA,KAIP,CAAC,SAAS;AAGZ,QAAM,iBAAiB,UAAU;AAEjC,QAAM,QAAQ,iCAAK,QAAL,EAAY,iBAAiB;AAE3C,SACE,qCAAC,UAAD;AAAA,IAAU;AAAA,KACR,qCAAC,gBAAD,mBACM,cAAc;AAAA,IAChB,UAAU;AAAA,IACV;AAAA,OAGD;AAAA;AAMT,MAAM,SAAS;AACf,MAAM,OAAO;AAGb,IAAO,gBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,aAAa;AAErB,MAAM,QAAQ,CAAC,UAAU;AACvB,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE;AAAA,IACT;AAAA,IACA,uBAAuB,MAAM;AAAA,MAC3B;AAEJ,YAAU,MAAM;AACd,yBAAqB,MAAM,YAAY;AAAA,EACzC,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,oBAAoB,MAAM;AAC9B,UAAM,MAAM,UAAU,OAAO;AAC7B,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,QAAQ,CAAC;AAGf,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM,KACJ,qCAAC;AAAA,QACC,KAAK;AAAA,QACL,YAAY,EAAE,SAAS;AAAA,QACvB,QAAQ,QAAQ;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,MAAM;AAAA,OACR,CACF;AAAA,IACF;AAEA,UAAM,WAAW,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACzC,WAAO,qCAAC,wBAAQ,WAAW,KAAM;AAAA,EACnC;AAEA,QAAM,kBAAkB,YACtB,CAAC,SAAS,UAAU,gBAAgB;AAClC,UAAM,MAAM,UAAU,KAAK;AAC3B,UAAM,OAAO,UAAU,KAAK;AAE5B,UAAM,eAAe,YAAY,UAAU,iCAAK,cAAL,EAAkB,QAAQ,EAAC;AAGtE,UAAM,QAAQ,CAAC;AAGf,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM,KACJ,qCAAC;AAAA,QACC,KAAK;AAAA,QACL,YAAY,EAAE,SAAS;AAAA,QACvB,QAAQ,QAAQ;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,MAAM;AAAA,QACN,UAAU,YAAY;AAAA,QACtB,UAAU,iBAAE,WAAY;AAAA,OAC1B,CACF;AAAA,IACF;AAEA,WACE,qCAAC,sCAAQ,eAAR;AAAA,MAAsB;AAAA,QACpB,KACH;AAAA,EAEJ,GACA,CAAC,SAAS,SAAS,CACrB;AAEA,QAAM,iBAAiB,UAAU;AAEjC,QAAM,QAAQ,iCAAK,QAAL,EAAY,iBAAiB,kBAAkB;AAE7D,SACE,qCAAC;AAAA,IAAS;AAAA,KACR,qCAAC,mCACK,cAAc;AAAA,IAChB,UAAU;AAAA,IACV;AAAA,EACF,CAAC,IAEA,QACH,CACF;AAEJ;AAEA,MAAM,SAAS;AACf,MAAM,OAAO;AAGb,IAAO,gBAAQ;",
   "names": []
 }

package/dist/esm/components/TableBody.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TableBody.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, memo } from 'react';\nimport { TableContext } from './tableContext';\n\nconst TableBody = memo(({\n  rows,\n  noResultsPlaceholder = 'No data',\n  isPlaceholderActive = false,\n  ...props\n}) => {\n  const {\n    refs,\n    decoratedColumns,\n    decoratedRenderers: renderers,\n    composedRows,\n    getBodyProps,\n    bodyRowRenderer: rowRenderer,\n    props: { rowKey, numRowsVisible, groupedRows },\n  } = useContext(TableContext);\n\n  const BodyWrapperComponent = renderers.body.wrapper;\n  return (\n    <BodyWrapperComponent\n      classProps={{ grouped: groupedRows }}\n      {...getBodyProps({\n        ...props,\n        innerRef: refs.body,\n        innerBodyRef: refs.innerBody,\n        rows: rows || composedRows.rows || composedRows,\n        noResultsPlaceholder,\n        rowRenderer,\n        columns: decoratedColumns,\n        rowKey,\n        numRowsVisible,\n        isPlaceholderActive,\n      })}\n    >\n      kajsd;klfajsd;fj\n    </BodyWrapperComponent>\n  );\n});\n\nexport { TableBody };\nexport default TableBody;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,MAAM,YAAY,KAAK,CAAC,OAKlB;AALkB,eACtB;AAAA;AAAA,IACA,uBAAuB;AAAA,IACvB,sBAAsB;AAAA,MAHA,IAInB,kBAJmB,IAInB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO,EAAE,QAAQ,gBAAgB;AAAA,MAC/B,WAAW;AAEf,QAAM,uBAAuB,UAAU,KAAK;AAC5C,SACE,qCAAC,sBAAD;AAAA,IACE,YAAY,EAAE,SAAS;AAAA,KACnB,aAAa,iCACZ,QADY;AAAA,IAEf,UAAU,KAAK;AAAA,IACf,cAAc,KAAK;AAAA,IACnB,MAAM,QAAQ,aAAa,QAAQ;AAAA,IACnC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,QAEH;AAAA;AAOL,IAAO,oBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,MAAM,YAAY,KAAK,CAAC,OAKlB;AALkB,eACtB;AAAA;AAAA,IACA,uBAAuB;AAAA,IACvB,sBAAsB;AAAA,MAHA,IAInB,kBAJmB,IAInB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO,EAAE,QAAQ,gBAAgB;AAAA,MAC/B,WAAW,YAAY;AAE3B,QAAM,uBAAuB,UAAU,KAAK;AAC5C,SACE,qCAAC;AAAA,IACC,YAAY,EAAE,SAAS,YAAY;AAAA,KAC/B,aAAa,iCACZ,QADY;AAAA,IAEf,UAAU,KAAK;AAAA,IACf,cAAc,KAAK;AAAA,IACnB,MAAM,QAAQ,aAAa,QAAQ;AAAA,IACnC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAC,IACF,kBAED;AAEJ,CAAC;AAGD,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/components/TableHeader.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TableHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { TableContext } from './tableContext';\n\nconst TableHeader = (props) =>{\n  const {\n    decoratedRenderers: renderers,\n    decoratedColumns: columns,\n    headerRowRenderer,\n    getHeaderProps,\n    refs,\n  } = useContext(TableContext);\n\n  const HeaderWrapper = renderers.header.wrapper;\n  return (\n    <HeaderWrapper\n      {...getHeaderProps({\n        ...props,\n        innerRef: refs.header,\n      })}\n    >\n      {headerRowRenderer(columns, {})}\n    </HeaderWrapper>\n  );\n};\n\nexport { TableHeader };\nexport default TableHeader;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,MAAM,cAAc,CAAC,UAAS;AAC5B,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,gBAAgB,UAAU,OAAO;AACvC,SACE,qCAAC,eAAD,mBACM,eAAe,iCACd,QADc;AAAA,IAEjB,UAAU,KAAK;AAAA,QAGhB,kBAAkB,SAAS;AAAA;AAMlC,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,MAAM,cAAc,CAAC,UAAS;AAC5B,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,YAAY;AAE3B,QAAM,gBAAgB,UAAU,OAAO;AACvC,SACE,qCAAC,kCACK,eAAe,iCACd,QADc;AAAA,IAEjB,UAAU,KAAK;AAAA,EACjB,EAAC,IAEA,kBAAkB,SAAS,CAAC,CAAC,CAChC;AAEJ;AAGA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/components/footer/addOptionalFooterComponents.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/footer/addOptionalFooterComponents.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Pagination } from '../../plugins/pagination/components/Pagination';\n\nconst addOptionalFooterComponents = ({ grid, rows }) => {\n  const {\n    props: { maxPerPage, minPerPage, paginated, paginationStep },\n    state: { pagination },\n    actions: { onPerPage, onPageSelect },\n  } = grid;\n  if (!paginated) return null;\n  return (\n    <>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginationStep={paginationStep}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </>\n  );\n};\n\nexport { addOptionalFooterComponents };\nexport default addOptionalFooterComponents;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,8BAA8B,CAAC,EAAE,MAAM,WAAW;AACtD,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY,YAAY,WAAW;AAAA,IAC5C,OAAO,EAAE;AAAA,IACT,SAAS,EAAE,WAAW;AAAA,MACpB;AACJ,MAAI,CAAC;AAAW,WAAO;AACvB,SACE,4DACE,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAAA;AAOR,IAAO,sCAAQ;",
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,8BAA8B,CAAC,EAAE,MAAM,WAAW;AACtD,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY,YAAY,WAAW;AAAA,IAC5C,OAAO,EAAE;AAAA,IACT,SAAS,EAAE,WAAW;AAAA,MACpB;AACJ,MAAI,CAAC;AAAW,WAAO;AACvB,SACE,4DACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,GACF,CACF;AAEJ;AAGA,IAAO,sCAAQ;",
   "names": []
 }

package/dist/esm/components/header/PrimaryControls.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/header/PrimaryControls.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'data-grid';\n\nconst Container = aggregatedClasses('div')(blockName, 'controls');\nconst SearchContainer = aggregatedClasses('div')(blockName, 'search-container');\n\nconst PrimaryControls = ({ onAddFilter = () => null }) => (\n  <Container>\n    <SearchContainer>\n      <DSSearchBox\n        onSearch={({ property, value }) =>\n          onAddFilter({\n            filterId: property,\n            label: 'All',\n            value,\n          })\n        }\n        placeholder=\"Search all\"\n      />\n    </SearchContainer>\n  </Container>\n);\n\nexport { PrimaryControls };\nexport default PrimaryControls;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,OAAO,WAAW;AACtD,MAAM,kBAAkB,kBAAkB,OAAO,WAAW;AAE5D,MAAM,kBAAkB,CAAC,EAAE,cAAc,MAAM,WAC7C,qCAAC,WAAD,MACE,qCAAC,iBAAD,MACE,qCAAC,aAAD;AAAA,EACE,UAAU,CAAC,EAAE,UAAU,YACrB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA;AAAA,EAGJ,aAAY;AAAA;AAOpB,IAAO,0BAAQ;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,KAAK,EAAE,WAAW,UAAU;AAChE,MAAM,kBAAkB,kBAAkB,KAAK,EAAE,WAAW,kBAAkB;AAE9E,MAAM,kBAAkB,CAAC,EAAE,cAAc,MAAM,WAC7C,qCAAC,iBACC,qCAAC,uBACC,qCAAC;AAAA,EACC,UAAU,CAAC,EAAE,UAAU,YACrB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AAAA,EAEH,aAAY;AAAA,CACd,CACF,CACF;AAIF,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/components/header/addOptionalHeaderComponents.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/header/addOptionalHeaderComponents.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DSFilterBar } from '@elliemae/ds-filterbar';\n\nexport const addOptionalHeaderComponents = ({ grid }) => {\n  const {\n    props: { showFilterBar, renderFilterToolbar, filterBarOptions },\n    state: { filters },\n    actions: { removeFilter, removeAllFilters },\n  } = grid.getInstance();\n\n  const { maxWidth, minWidth } = filterBarOptions || {};\n  return (\n    <>\n      {filters && !!filters.length && showFilterBar && (\n        <DSFilterBar\n          filters={filters}\n          maxWidth={maxWidth}\n          minWidth={minWidth}\n          onRemoveAllFilters={removeAllFilters}\n          onRemoveFilter={removeFilter}\n          renderToolbar={renderFilterToolbar}\n        />\n      )}\n    </>\n  );\n};\n\naddOptionalHeaderComponents.propTypes = {\n  grid: PropTypes.any,\n};\n\nexport default addOptionalHeaderComponents;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,8BAA8B,CAAC,EAAE,WAAW;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe,qBAAqB;AAAA,IAC7C,OAAO,EAAE;AAAA,IACT,SAAS,EAAE,cAAc;AAAA,MACvB,KAAK;AAET,QAAM,EAAE,UAAU,aAAa,oBAAoB;AACnD,SACE,4DACG,WAAW,CAAC,CAAC,QAAQ,UAAU,iBAC9B,qCAAC,aAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,eAAe;AAAA;AAAA;AAOzB,4BAA4B,YAAY;AAAA,EACtC,MAAM,UAAU;AAAA;AAGlB,IAAO,sCAAQ;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,8BAA8B,CAAC,EAAE,WAAW;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe,qBAAqB;AAAA,IAC7C,OAAO,EAAE;AAAA,IACT,SAAS,EAAE,cAAc;AAAA,MACvB,KAAK,YAAY;AAErB,QAAM,EAAE,UAAU,aAAa,oBAAoB,CAAC;AACpD,SACE,4DACG,WAAW,CAAC,CAAC,QAAQ,UAAU,iBAC9B,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,eAAe;AAAA,GACjB,CAEJ;AAEJ;AAEA,4BAA4B,YAAY;AAAA,EACtC,MAAM,UAAU;AAClB;AAEA,IAAO,sCAAQ;",
   "names": []
 }

package/dist/esm/components/renderers/defaultClassedRenderers.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/renderers/defaultClassedRenderers.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\nimport {\n  bodyBlockName,\n  dataGridBlockName,\n  headerBlockName,\n} from '../../blockNames';\n\nexport const NoResultsContainer = aggregatedClasses('div')(\n  `${dataGridBlockName}-no-results`,\n);\nexport const SpinnerContainer = aggregatedClasses('div')(\n  `${dataGridBlockName}-spinner`,\n);\nexport const DatagridWrapper = aggregatedClasses('div')(\n  `${dataGridBlockName}-wrapper`,\n  null,\n  ({ fluidHeight }) => ({\n    fluid: fluidHeight,\n  }),\n);\n\nexport const TableWrapper = aggregatedClasses('div')(dataGridBlockName);\nexport const HeaderWrapper = aggregatedClasses('div')(headerBlockName);\nexport const HeaderRow = aggregatedClasses('div')(headerBlockName, 'row');\nexport const HeaderCell = aggregatedClasses('div')(\n  headerBlockName,\n  'cell',\n  ({ wrapText }) => ({\n    wrapText,\n  }),\n);\nexport const BodyWrapper = aggregatedClasses('div')(\n  bodyBlockName,\n  null,\n  ({ grouped }) => ({\n    'ie-flex-basis-auto': true,\n    'is-grouped': grouped,\n  }),\n);\nexport const BodyRow = aggregatedClasses('div', {\n  'data-testid': 'datagrid-row',\n})(bodyBlockName, 'row');\nexport const BodyCell = aggregatedClasses('div')(\n  bodyBlockName,\n  'cell',\n  ({ wrapText }) => ({\n    wrapText,\n  }),\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,qBAAqB,kBAAkB,OAClD,GAAG;AAEE,MAAM,mBAAmB,kBAAkB,OAChD,GAAG;AAEE,MAAM,kBAAkB,kBAAkB,OAC/C,GAAG,6BACH,MACA,CAAC,EAAE,kBAAmB;AAAA,EACpB,OAAO;AAAA;AAIJ,MAAM,eAAe,kBAAkB,OAAO;AAC9C,MAAM,gBAAgB,kBAAkB,OAAO;AAC/C,MAAM,YAAY,kBAAkB,OAAO,iBAAiB;AAC5D,MAAM,aAAa,kBAAkB,OAC1C,iBACA,QACA,CAAC,EAAE,eAAgB;AAAA,EACjB;AAAA;AAGG,MAAM,cAAc,kBAAkB,OAC3C,eACA,MACA,CAAC,EAAE,cAAe;AAAA,EAChB,sBAAsB;AAAA,EACtB,cAAc;AAAA;AAGX,MAAM,UAAU,kBAAkB,OAAO;AAAA,EAC9C,eAAe;AAAA,GACd,eAAe;AACX,MAAM,WAAW,kBAAkB,OACxC,eACA,QACA,CAAC,EAAE,eAAgB;AAAA,EACjB;AAAA;",
+  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,qBAAqB,kBAAkB,KAAK,EACvD,GAAG,8BACL;AACO,MAAM,mBAAmB,kBAAkB,KAAK,EACrD,GAAG,2BACL;AACO,MAAM,kBAAkB,kBAAkB,KAAK,EACpD,GAAG,6BACH,MACA,CAAC,EAAE,kBAAmB;AAAA,EACpB,OAAO;AACT,EACF;AAEO,MAAM,eAAe,kBAAkB,KAAK,EAAE,iBAAiB;AAC/D,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,YAAY,kBAAkB,KAAK,EAAE,iBAAiB,KAAK;AACjE,MAAM,aAAa,kBAAkB,KAAK,EAC/C,iBACA,QACA,CAAC,EAAE,eAAgB;AAAA,EACjB;AACF,EACF;AACO,MAAM,cAAc,kBAAkB,KAAK,EAChD,eACA,MACA,CAAC,EAAE,cAAe;AAAA,EAChB,sBAAsB;AAAA,EACtB,cAAc;AAChB,EACF;AACO,MAAM,UAAU,kBAAkB,OAAO;AAAA,EAC9C,eAAe;AACjB,CAAC,EAAE,eAAe,KAAK;AAChB,MAAM,WAAW,kBAAkB,KAAK,EAC7C,eACA,QACA,CAAC,EAAE,eAAgB;AAAA,EACjB;AACF,EACF;",
   "names": []
 }

package/dist/esm/components/renderers/index.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/renderers/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  BodyCell,\n  BodyRow,\n  BodyWrapper,\n  HeaderCell,\n  HeaderRow,\n  HeaderWrapper,\n  TableWrapper,\n} from './defaultClassedRenderers';\n\nexport { renderRowsLoader } from './renderRowsLoader';\n\nexport const defaultRenderers = {\n  table: TableWrapper,\n  header: {\n    wrapper: HeaderWrapper,\n    row: HeaderRow,\n    cell: HeaderCell,\n  },\n  body: {\n    wrapper: BodyWrapper,\n    row: BodyRow,\n    cell: BodyCell,\n  },\n};\n"],
-  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEO,MAAM,mBAAmB;AAAA,EAC9B,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA;AAAA,EAER,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA;AAAA;",
+  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEO,MAAM,mBAAmB;AAAA,EAC9B,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/dist/esm/components/renderers/renderRowsLoader.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/renderers/renderRowsLoader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { RowsLoader } from '../RowsLoader';\n\nexport const renderRowsLoader = () => {\n  return <RowsLoader />;\n}\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,mBAAmB,MAAM;AACpC,SAAO,qCAAC,YAAD;AAAA;",
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,mBAAmB,MAAM;AACpC,SAAO,qCAAC,gBAAW;AACrB;",
   "names": []
 }

package/dist/esm/components/tableContext.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/tableContext.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const TableContext = React.createContext();\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe,OAAM;",
+  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe,OAAM,cAAc;",
   "names": []
 }

package/dist/esm/defaultPlugins.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultPlugins.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { BodyHeaderScrollSyncPlugin } from './plugins/body-header-scroll-sync';\nimport { ResizablePlugin } from './plugins/resizable';\nimport { CustomRendererPlugin } from './plugins/custom-cell-renderer';\nimport { ColumnSizingPlugin } from './plugins/column-sizing';\n\nexport const defaultPlugins = [\n  BodyHeaderScrollSyncPlugin,\n  ResizablePlugin,\n  CustomRendererPlugin,\n  ColumnSizingPlugin,\n];\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

package/dist/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js CHANGED Viewed

@@ -32,8 +32,7 @@ var __objRest = (source, exclude) => {
 import * as React from "react";
 import React2, { useMemo, useRef, useEffect } from "react";
 import { mergeRefs } from "@elliemae/ds-utilities";
-import { ScrollSync, ScrollSyncPane } from "@elliemae/ds-shared/ScrollSync";
-import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { ScrollSync, ScrollSyncPane, createInstancePlugin } from "@elliemae/ds-shared";
 import { getScrollbarWidth } from "../../utilities/getScrollbarSize";
 const SCROLLBAR_WIDTH = getScrollbarWidth(2);
 const HeaderSyncHoc = (Component) => (props) => /* @__PURE__ */ React2.createElement(ScrollSyncPane, null, ({ registerPane }) => /* @__PURE__ */ React2.createElement(Component, __spreadProps(__spreadValues({}, props), {

package/dist/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable no-param-reassign */\n/* eslint-disable react/display-name */\nimport React, { useMemo, useRef, useEffect } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { ScrollSync, ScrollSyncPane } from '@elliemae/ds-shared/ScrollSync';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { getScrollbarWidth } from '../../utilities/getScrollbarSize';\n\nconst SCROLLBAR_WIDTH = getScrollbarWidth(2);\n\nconst HeaderSyncHoc = (Component) => (props) =>\n  (\n    <ScrollSyncPane>\n      {({ registerPane }) => <Component {...props} innerRef={mergeRefs(props.innerRef, registerPane)} />}\n    </ScrollSyncPane>\n  );\nconst BodySyncHoc =\n  (Component, notPaginated, grid) =>\n  ({\n    children,\n    classProps,\n    columns,\n    getContainer,\n    helperClass,\n    innerBodyRef,\n    innerRef,\n    isPlaceholderActive,\n    listProps,\n    lockAxis,\n    noResultsPlaceholder,\n    numRowsVisible,\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    rowKey,\n    rowRenderer,\n    rows,\n    useDragHandle,\n    className,\n    listComponent,\n    ...rest\n  }) => {\n    const t = useRef();\n    const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH) => () => {\n      grid.refs.body.current.style.setProperty(\n        '--toolbar-scroll',\n        `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`,\n      );\n      grid.refs.body.current.style.setProperty(\n        '--toolbar-scroll-paginated',\n        `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19}px`,\n      );\n    };\n    useEffect(() => {\n      setTimeout(repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH), 300);\n    }, []);\n    useEffect(() => {\n      window.addEventListener('resize', repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));\n      return () => {\n        window.removeEventListener('resize', repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));\n      };\n    });\n    return (\n      <ScrollSyncPane notPaginated={notPaginated}>\n        {({ registerPane }) => (\n          <Component\n            ref={t}\n            classProps={classProps}\n            className={className}\n            listComponent={listComponent}\n            columns={columns}\n            getContainer={getContainer}\n            helperClass={helperClass}\n            innerBodyRef={innerBodyRef}\n            // innerRef={innerRef}\n            isPlaceholderActive={isPlaceholderActive}\n            listProps={listProps}\n            lockAxis={lockAxis}\n            noResultsPlaceholder={noResultsPlaceholder}\n            numRowsVisible={numRowsVisible}\n            onSortEnd={onSortEnd}\n            onSortOver={onSortOver}\n            onSortStart={onSortStart}\n            rowKey={rowKey}\n            rowRenderer={rowRenderer}\n            rows={rows}\n            useDragHandle={useDragHandle}\n            innerRef={mergeRefs(innerRef, registerPane, t)}\n            {...rest}\n          />\n        )}\n      </ScrollSyncPane>\n    );\n  };\n\nconst TableSyncHoc = (Component) => (props) =>\n  (\n    <ScrollSync\n      proportional={false}\n      onScroll={(e) => {\n        e.target.style.setProperty('--toolbar-scroll', `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);\n        e.target.style.setProperty(\n          '--toolbar-scroll-paginated',\n          `${e.target.offsetWidth + e.target.scrollLeft - 19}px`,\n        );\n      }}\n    >\n      <Component {...props} />\n    </ScrollSync>\n  );\n\nconst decorateRenderers = (renderers, grid) => {\n  const HeaderWrapper = renderers.header.wrapper;\n  const BodyWrapper = renderers.body.wrapper;\n  const Table = renderers.table;\n  const { paginated } = grid.props;\n\n  renderers.table = useMemo(() => TableSyncHoc(Table), []);\n  renderers.header.wrapper = useMemo(() => HeaderSyncHoc(HeaderWrapper), []);\n  renderers.body.wrapper = useMemo(() => BodySyncHoc(BodyWrapper, !paginated, grid), []);\n\n  return renderers;\n};\n\nexport const BodyHeaderScrollSyncPlugin = createInstancePlugin('body-header-scroll-sync', {\n  decorateRenderers,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable no-param-reassign */\n/* eslint-disable react/display-name */\nimport React, { useMemo, useRef, useEffect } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { ScrollSync, ScrollSyncPane, createInstancePlugin } from '@elliemae/ds-shared';\nimport { getScrollbarWidth } from '../../utilities/getScrollbarSize';\n\nconst SCROLLBAR_WIDTH = getScrollbarWidth(2);\n\nconst HeaderSyncHoc = (Component) => (props) =>\n  (\n    <ScrollSyncPane>\n      {({ registerPane }) => <Component {...props} innerRef={mergeRefs(props.innerRef, registerPane)} />}\n    </ScrollSyncPane>\n  );\nconst BodySyncHoc =\n  (Component, notPaginated, grid) =>\n  ({\n    children,\n    classProps,\n    columns,\n    getContainer,\n    helperClass,\n    innerBodyRef,\n    innerRef,\n    isPlaceholderActive,\n    listProps,\n    lockAxis,\n    noResultsPlaceholder,\n    numRowsVisible,\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    rowKey,\n    rowRenderer,\n    rows,\n    useDragHandle,\n    className,\n    listComponent,\n    ...rest\n  }) => {\n    const t = useRef();\n    const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH) => () => {\n      grid.refs.body.current.style.setProperty(\n        '--toolbar-scroll',\n        `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`,\n      );\n      grid.refs.body.current.style.setProperty(\n        '--toolbar-scroll-paginated',\n        `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19}px`,\n      );\n    };\n    useEffect(() => {\n      setTimeout(repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH), 300);\n    }, []);\n    useEffect(() => {\n      window.addEventListener('resize', repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));\n      return () => {\n        window.removeEventListener('resize', repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));\n      };\n    });\n    return (\n      <ScrollSyncPane notPaginated={notPaginated}>\n        {({ registerPane }) => (\n          <Component\n            ref={t}\n            classProps={classProps}\n            className={className}\n            listComponent={listComponent}\n            columns={columns}\n            getContainer={getContainer}\n            helperClass={helperClass}\n            innerBodyRef={innerBodyRef}\n            // innerRef={innerRef}\n            isPlaceholderActive={isPlaceholderActive}\n            listProps={listProps}\n            lockAxis={lockAxis}\n            noResultsPlaceholder={noResultsPlaceholder}\n            numRowsVisible={numRowsVisible}\n            onSortEnd={onSortEnd}\n            onSortOver={onSortOver}\n            onSortStart={onSortStart}\n            rowKey={rowKey}\n            rowRenderer={rowRenderer}\n            rows={rows}\n            useDragHandle={useDragHandle}\n            innerRef={mergeRefs(innerRef, registerPane, t)}\n            {...rest}\n          />\n        )}\n      </ScrollSyncPane>\n    );\n  };\n\nconst TableSyncHoc = (Component) => (props) =>\n  (\n    <ScrollSync\n      proportional={false}\n      onScroll={(e) => {\n        e.target.style.setProperty('--toolbar-scroll', `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);\n        e.target.style.setProperty(\n          '--toolbar-scroll-paginated',\n          `${e.target.offsetWidth + e.target.scrollLeft - 19}px`,\n        );\n      }}\n    >\n      <Component {...props} />\n    </ScrollSync>\n  );\n\nconst decorateRenderers = (renderers, grid) => {\n  const HeaderWrapper = renderers.header.wrapper;\n  const BodyWrapper = renderers.body.wrapper;\n  const Table = renderers.table;\n  const { paginated } = grid.props;\n\n  renderers.table = useMemo(() => TableSyncHoc(Table), []);\n  renderers.header.wrapper = useMemo(() => HeaderSyncHoc(HeaderWrapper), []);\n  renderers.body.wrapper = useMemo(() => BodySyncHoc(BodyWrapper, !paginated, grid), []);\n\n  return renderers;\n};\n\nexport const BodyHeaderScrollSyncPlugin = createInstancePlugin('body-header-scroll-sync', {\n  decorateRenderers,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/plugins/column-dnd/DndColumnsPlugin.js CHANGED Viewed

@@ -21,7 +21,7 @@ import * as React from "react";
 import React2, { useEffect, useMemo, useRef } from "react";
 import { SortableContainer, SortableElement } from "react-sortable-hoc";
 import { arrayMove, omit, mergeRefs } from "@elliemae/ds-utilities";
-import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { createInstancePlugin } from "@elliemae/ds-shared";
 import { addDragAndDropToColumn } from "./decorateGridWithDndColumns";
 const keysToOmit = [
   "axis",

package/dist/esm/plugins/column-dnd/DndColumnsPlugin.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-dnd/DndColumnsPlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\nimport { arrayMove, omit, mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { addDragAndDropToColumn } from './decorateGridWithDndColumns';\n\n// todo: remove once it's fixed in react-sortable-hoc library\nconst keysToOmit = [\n  'axis',\n  'contentWindow',\n  'disableAutoscroll',\n  'distance',\n  'getContainer',\n  'getHelperDimensions',\n  'helperClass',\n  'helperContainer',\n  'hideSortableGhost',\n  'keyboardSortingTransitionDuration',\n  'lockAxis',\n  'lockOffset',\n  'lockToContainerEdges',\n  'onSortEnd',\n  'onSortMove',\n  'onSortOver',\n  'onSortStart',\n  'pressDelay',\n  'pressThreshold',\n  'shouldCancelStart',\n  'transitionDuration',\n  'updateBeforeSortStart',\n  'useDragHandle',\n  'useWindowAsScrollContainer',\n];\n\nconst decorateColumn = (column, grid) => (column.isUserColumn ? addDragAndDropToColumn(grid, column) : column);\n\nconst getHeaderRowProps = (props, grid) => {\n  const { onMoveColumnStart, onMoveColumnEnd, onMoveColumnOver } = grid.props;\n\n  const headerRowRef = useRef();\n  const columnDraggingOffset = useRef(0);\n  const sortedColumns = useRef(grid.getInstance().decoratedColumns);\n  const nodeRef = useRef();\n\n  useEffect(() => {\n    sortedColumns.current = grid.getInstance().decoratedColumns;\n  });\n\n  const onSortOver = (params) => {\n    const { index, newIndex, oldIndex } = params;\n    const oldColumn = sortedColumns.current[oldIndex];\n    const newColumn = sortedColumns.current[newIndex];\n\n    if (!newColumn.isUserColumn || !oldColumn.isUserColumn) return;\n\n    const columnWidth = nodeRef.current.offsetWidth;\n    const newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;\n\n    const forward = newIndex > oldIndex;\n\n    // eslint-disable-next-line no-nested-ternary\n    const columnTranslate = forward ? (newIndex > index ? columnWidth * -1 : 0) : newIndex < index ? columnWidth : 0;\n\n    columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;\n\n    newColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnTranslate}px, 0, 0)`,\n    });\n    oldColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`,\n    });\n\n    sortedColumns.current = arrayMove(sortedColumns.current, oldIndex, newIndex);\n    onMoveColumnOver(params);\n  };\n\n  const onSortStart = (params) => {\n    const { node } = params;\n    grid.disableEvents();\n    nodeRef.current = node;\n    onMoveColumnStart(params);\n  };\n\n  const onSortEnd = (params) => {\n    const { oldIndex, newIndex } = params;\n    grid.enableEvents();\n    columnDraggingOffset.current = 0;\n    sortedColumns.current = grid.decoratedColumns;\n    grid.decoratedColumns.forEach((column) => {\n      if (!column.updateStyle) return;\n      column.updateStyle({\n        transitionDuration: null,\n        transform: null,\n      });\n    });\n\n    const originalOldColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[oldIndex].property,\n    );\n    const originalNewColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[newIndex].property,\n    );\n\n    onMoveColumnEnd({\n      newIndex: originalNewColumnIndex,\n      oldIndex: originalOldColumnIndex,\n    });\n  };\n\n  return {\n    axis: 'x',\n    helperClass: 'header-dnd-column',\n    innerRef: mergeRefs(props.innerRef, headerRowRef),\n    lockAxis: 'x',\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    useDragHandle: true,\n  };\n};\n\nconst decorateRenderers = (renderers) => {\n  const RowComponent = renderers.header.row;\n  const CellComponent = renderers.header.cell;\n\n  const Row = useMemo(() => SortableContainer((props) => <RowComponent {...omit(props, keysToOmit)} />), []);\n\n  const Cell = useMemo(() => SortableElement(CellComponent), []);\n\n  return {\n    ...renderers,\n    header: {\n      ...renderers.header,\n      row: Row,\n      cell: Cell,\n    },\n  };\n};\n\nexport const DndColumnsPlugin = createInstancePlugin('dnd-columns', {\n  getHeaderRowProps,\n  decorateColumn,\n  decorateRenderers,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\nimport { arrayMove, omit, mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { addDragAndDropToColumn } from './decorateGridWithDndColumns';\n\n// todo: remove once it's fixed in react-sortable-hoc library\nconst keysToOmit = [\n  'axis',\n  'contentWindow',\n  'disableAutoscroll',\n  'distance',\n  'getContainer',\n  'getHelperDimensions',\n  'helperClass',\n  'helperContainer',\n  'hideSortableGhost',\n  'keyboardSortingTransitionDuration',\n  'lockAxis',\n  'lockOffset',\n  'lockToContainerEdges',\n  'onSortEnd',\n  'onSortMove',\n  'onSortOver',\n  'onSortStart',\n  'pressDelay',\n  'pressThreshold',\n  'shouldCancelStart',\n  'transitionDuration',\n  'updateBeforeSortStart',\n  'useDragHandle',\n  'useWindowAsScrollContainer',\n];\n\nconst decorateColumn = (column, grid) => (column.isUserColumn ? addDragAndDropToColumn(grid, column) : column);\n\nconst getHeaderRowProps = (props, grid) => {\n  const { onMoveColumnStart, onMoveColumnEnd, onMoveColumnOver } = grid.props;\n\n  const headerRowRef = useRef();\n  const columnDraggingOffset = useRef(0);\n  const sortedColumns = useRef(grid.getInstance().decoratedColumns);\n  const nodeRef = useRef();\n\n  useEffect(() => {\n    sortedColumns.current = grid.getInstance().decoratedColumns;\n  });\n\n  const onSortOver = (params) => {\n    const { index, newIndex, oldIndex } = params;\n    const oldColumn = sortedColumns.current[oldIndex];\n    const newColumn = sortedColumns.current[newIndex];\n\n    if (!newColumn.isUserColumn || !oldColumn.isUserColumn) return;\n\n    const columnWidth = nodeRef.current.offsetWidth;\n    const newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;\n\n    const forward = newIndex > oldIndex;\n\n    // eslint-disable-next-line no-nested-ternary\n    const columnTranslate = forward ? (newIndex > index ? columnWidth * -1 : 0) : newIndex < index ? columnWidth : 0;\n\n    columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;\n\n    newColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnTranslate}px, 0, 0)`,\n    });\n    oldColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`,\n    });\n\n    sortedColumns.current = arrayMove(sortedColumns.current, oldIndex, newIndex);\n    onMoveColumnOver(params);\n  };\n\n  const onSortStart = (params) => {\n    const { node } = params;\n    grid.disableEvents();\n    nodeRef.current = node;\n    onMoveColumnStart(params);\n  };\n\n  const onSortEnd = (params) => {\n    const { oldIndex, newIndex } = params;\n    grid.enableEvents();\n    columnDraggingOffset.current = 0;\n    sortedColumns.current = grid.decoratedColumns;\n    grid.decoratedColumns.forEach((column) => {\n      if (!column.updateStyle) return;\n      column.updateStyle({\n        transitionDuration: null,\n        transform: null,\n      });\n    });\n\n    const originalOldColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[oldIndex].property,\n    );\n    const originalNewColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[newIndex].property,\n    );\n\n    onMoveColumnEnd({\n      newIndex: originalNewColumnIndex,\n      oldIndex: originalOldColumnIndex,\n    });\n  };\n\n  return {\n    axis: 'x',\n    helperClass: 'header-dnd-column',\n    innerRef: mergeRefs(props.innerRef, headerRowRef),\n    lockAxis: 'x',\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    useDragHandle: true,\n  };\n};\n\nconst decorateRenderers = (renderers) => {\n  const RowComponent = renderers.header.row;\n  const CellComponent = renderers.header.cell;\n\n  const Row = useMemo(() => SortableContainer((props) => <RowComponent {...omit(props, keysToOmit)} />), []);\n\n  const Cell = useMemo(() => SortableElement(CellComponent), []);\n\n  return {\n    ...renderers,\n    header: {\n      ...renderers.header,\n      row: Row,\n      cell: Cell,\n    },\n  };\n};\n\nexport const DndColumnsPlugin = createInstancePlugin('dnd-columns', {\n  getHeaderRowProps,\n  decorateColumn,\n  decorateRenderers,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/plugins/column-dnd/decorateGridWithDndColumns.js CHANGED Viewed

@@ -2,10 +2,7 @@ import * as React from "react";
 import React2 from "react";
 import { SortableHandle } from "react-sortable-hoc";
 import { GripperVertical } from "@elliemae/ds-icons";
-import {
-  appendHeaderFormatter,
-  mergeClassNameToColumnHeader
-} from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
+import { appendHeaderFormatter, mergeClassNameToColumnHeader } from "@elliemae/ds-shared";
 const DragHandle = SortableHandle(() => /* @__PURE__ */ React2.createElement(GripperVertical, {
   className: "drag-handle"
 }));

package/dist/esm/plugins/column-dnd/decorateGridWithDndColumns.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-dnd/decorateGridWithDndColumns.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport {\n  appendHeaderFormatter,\n  mergeClassNameToColumnHeader,\n} from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\n\nconst DragHandle = SortableHandle(() => <GripperVertical className=\"drag-handle\" />);\n\nconst DndHeaderFormatter = (value) => (\n  <>\n    <DragHandle />\n    {value}\n  </>\n);\n\nconst addDragAndDropToColumn = (grid, column) => {\n  column = appendHeaderFormatter(DndHeaderFormatter, column);\n  return mergeClassNameToColumnHeader('with-dnd-column', column);\n};\n\nexport { addDragAndDropToColumn };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA,MAAM,aAAa,eAAe,MAAM,qCAAC,iBAAD;AAAA,EAAiB,WAAU;AAAA;AAEnE,MAAM,qBAAqB,CAAC,UAC1B,4DACE,qCAAC,YAAD,OACC;AAIL,MAAM,yBAAyB,CAAC,MAAM,WAAW;AAC/C,WAAS,sBAAsB,oBAAoB;AACnD,SAAO,6BAA6B,mBAAmB;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { appendHeaderFormatter, mergeClassNameToColumnHeader } from '@elliemae/ds-shared';\n\nconst DragHandle = SortableHandle(() => <GripperVertical className=\"drag-handle\" />);\n\nconst DndHeaderFormatter = (value) => (\n  <>\n    <DragHandle />\n    {value}\n  </>\n);\n\nconst addDragAndDropToColumn = (grid, column) => {\n  column = appendHeaderFormatter(DndHeaderFormatter, column);\n  return mergeClassNameToColumnHeader('with-dnd-column', column);\n};\n\nexport { addDragAndDropToColumn };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,aAAa,eAAe,MAAM,qCAAC;AAAA,EAAgB,WAAU;AAAA,CAAc,CAAE;AAEnF,MAAM,qBAAqB,CAAC,UAC1B,4DACE,qCAAC,gBAAW,GACX,KACH;AAGF,MAAM,yBAAyB,CAAC,MAAM,WAAW;AAC/C,WAAS,sBAAsB,oBAAoB,MAAM;AACzD,SAAO,6BAA6B,mBAAmB,MAAM;AAC/D;",
   "names": []
 }

package/dist/esm/plugins/column-sizing/ColumnSizingPlugin.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useRef } from "react";
 import { cx } from "@elliemae/ds-utilities";
-import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { createInstancePlugin } from "@elliemae/ds-shared";
 import { useStylesheetHelpers } from "./useStylesheetHelpers";
 import { useColumnSizeService } from "./useColumnSizeService";
 import { getTableProps } from "./ext-points/getTableProps";

package/dist/esm/plugins/column-sizing/ColumnSizingPlugin.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-sizing/ColumnSizingPlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport { useRef } from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { useStylesheetHelpers } from './useStylesheetHelpers';\nimport { useColumnSizeService } from './useColumnSizeService';\nimport { getTableProps } from './ext-points/getTableProps';\nimport { decorateColumn } from './ext-points/decorateColumn';\n\nconst getHeaderRowProps = (rowProps, { rowsStylesheet }) => {\n  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;\n  return rowProps;\n};\n\nconst getRowProps = (rowProps, { rowsStylesheet }) => {\n  rowProps.className = cx(rowProps.className, rowsStylesheet.getRowClassName());\n  return rowProps;\n};\n\nconst decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);\n\nconst decorateGrid = (grid) => {\n  const isDragging = useRef(false);\n  const tableRef = useRef();\n  const resizedColumns = useRef({});\n  const scrollbarWidth = useRef();\n  const bodyWidth = useRef();\n  const allColumnsHaveBeenFixed = useRef(false);\n  const columnSizeService = useColumnSizeService(grid);\n  const { columnsStylesheet, rowsStylesheet } = useStylesheetHelpers(grid);\n\n  // row size side-effect\n  const updateRowWidth = (width) => {\n    const gridWidth = width || tableRef.current.offsetWidth;\n    const columnsTotalSize = columnSizeService.computeColumnsTotalSize();\n\n    if (columnsTotalSize > gridWidth + 5) {\n      if (!allColumnsHaveBeenFixed.current && isDragging.current) {\n        columnSizeService.setActualColumnsSizesFixed();\n        allColumnsHaveBeenFixed.current = true;\n      }\n      rowsStylesheet.update(columnsTotalSize);\n    } else {\n      rowsStylesheet.update(undefined);\n    }\n  };\n\n  return {\n    isDragging,\n    tableRef,\n    bodyWidth,\n    scrollbarWidth,\n    columnSizeService,\n    rowsStylesheet,\n    columnsStylesheet,\n    resizedColumns,\n    updateRowWidth,\n  };\n};\n\nexport const ColumnSizingPlugin = createInstancePlugin('column-sizing', {\n  decorateGrid,\n  decorateColumn,\n  getRowProps,\n  getHeaderRowProps,\n  getTableProps,\n  decorateColumns,\n});\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,UAAU,EAAE,qBAAqB;AAC1D,WAAS,YAAY,GAAG,eAAe;AACvC,SAAO;AAAA;AAGT,MAAM,cAAc,CAAC,UAAU,EAAE,qBAAqB;AACpD,WAAS,YAAY,GAAG,SAAS,WAAW,eAAe;AAC3D,SAAO;AAAA;AAGT,MAAM,kBAAkB,CAAC,SAAS,SAAS,KAAK,kBAAkB,gBAAgB,SAAS;AAE3F,MAAM,eAAe,CAAC,SAAS;AAC7B,QAAM,aAAa,OAAO;AAC1B,QAAM,WAAW;AACjB,QAAM,iBAAiB,OAAO;AAC9B,QAAM,iBAAiB;AACvB,QAAM,YAAY;AAClB,QAAM,0BAA0B,OAAO;AACvC,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,EAAE,mBAAmB,mBAAmB,qBAAqB;AAGnE,QAAM,iBAAiB,CAAC,UAAU;AAChC,UAAM,YAAY,SAAS,SAAS,QAAQ;AAC5C,UAAM,mBAAmB,kBAAkB;AAE3C,QAAI,mBAAmB,YAAY,GAAG;AACpC,UAAI,CAAC,wBAAwB,WAAW,WAAW,SAAS;AAC1D,0BAAkB;AAClB,gCAAwB,UAAU;AAAA;AAEpC,qBAAe,OAAO;AAAA,WACjB;AACL,qBAAe,OAAO;AAAA;AAAA;AAI1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIG,MAAM,qBAAqB,qBAAqB,iBAAiB;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport { useRef } from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { useStylesheetHelpers } from './useStylesheetHelpers';\nimport { useColumnSizeService } from './useColumnSizeService';\nimport { getTableProps } from './ext-points/getTableProps';\nimport { decorateColumn } from './ext-points/decorateColumn';\n\nconst getHeaderRowProps = (rowProps, { rowsStylesheet }) => {\n  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;\n  return rowProps;\n};\n\nconst getRowProps = (rowProps, { rowsStylesheet }) => {\n  rowProps.className = cx(rowProps.className, rowsStylesheet.getRowClassName());\n  return rowProps;\n};\n\nconst decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);\n\nconst decorateGrid = (grid) => {\n  const isDragging = useRef(false);\n  const tableRef = useRef();\n  const resizedColumns = useRef({});\n  const scrollbarWidth = useRef();\n  const bodyWidth = useRef();\n  const allColumnsHaveBeenFixed = useRef(false);\n  const columnSizeService = useColumnSizeService(grid);\n  const { columnsStylesheet, rowsStylesheet } = useStylesheetHelpers(grid);\n\n  // row size side-effect\n  const updateRowWidth = (width) => {\n    const gridWidth = width || tableRef.current.offsetWidth;\n    const columnsTotalSize = columnSizeService.computeColumnsTotalSize();\n\n    if (columnsTotalSize > gridWidth + 5) {\n      if (!allColumnsHaveBeenFixed.current && isDragging.current) {\n        columnSizeService.setActualColumnsSizesFixed();\n        allColumnsHaveBeenFixed.current = true;\n      }\n      rowsStylesheet.update(columnsTotalSize);\n    } else {\n      rowsStylesheet.update(undefined);\n    }\n  };\n\n  return {\n    isDragging,\n    tableRef,\n    bodyWidth,\n    scrollbarWidth,\n    columnSizeService,\n    rowsStylesheet,\n    columnsStylesheet,\n    resizedColumns,\n    updateRowWidth,\n  };\n};\n\nexport const ColumnSizingPlugin = createInstancePlugin('column-sizing', {\n  decorateGrid,\n  decorateColumn,\n  getRowProps,\n  getHeaderRowProps,\n  getTableProps,\n  decorateColumns,\n});\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,UAAU,EAAE,qBAAqB;AAC1D,WAAS,YAAY,GAAG,eAAe,gBAAgB;AACvD,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,UAAU,EAAE,qBAAqB;AACpD,WAAS,YAAY,GAAG,SAAS,WAAW,eAAe,gBAAgB,CAAC;AAC5E,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAC,SAAS,SAAS,KAAK,kBAAkB,gBAAgB,SAAS,IAAI;AAE/F,MAAM,eAAe,CAAC,SAAS;AAC7B,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,WAAW,OAAO;AACxB,QAAM,iBAAiB,OAAO,CAAC,CAAC;AAChC,QAAM,iBAAiB,OAAO;AAC9B,QAAM,YAAY,OAAO;AACzB,QAAM,0BAA0B,OAAO,KAAK;AAC5C,QAAM,oBAAoB,qBAAqB,IAAI;AACnD,QAAM,EAAE,mBAAmB,mBAAmB,qBAAqB,IAAI;AAGvE,QAAM,iBAAiB,CAAC,UAAU;AAChC,UAAM,YAAY,SAAS,SAAS,QAAQ;AAC5C,UAAM,mBAAmB,kBAAkB,wBAAwB;AAEnE,QAAI,mBAAmB,YAAY,GAAG;AACpC,UAAI,CAAC,wBAAwB,WAAW,WAAW,SAAS;AAC1D,0BAAkB,2BAA2B;AAC7C,gCAAwB,UAAU;AAAA,MACpC;AACA,qBAAe,OAAO,gBAAgB;AAAA,IACxC,OAAO;AACL,qBAAe,OAAO,MAAS;AAAA,IACjC;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,qBAAqB,qBAAqB,iBAAiB;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

package/dist/esm/plugins/column-sizing/columnMeasurerTransformer.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-sizing/columnMeasurerTransformer.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useLayoutEffect, useRef } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\n\nexport const columnMeasurerTransformer =\n  (columnSizeService) =>\n  (value, { column, grid }, props = {}) => {\n    const { registerColumn } = columnSizeService;\n    const cellRef = useRef();\n\n    useLayoutEffect(() => {\n      const { columns, expandedToContentColumns } = columnSizeService;\n      const {\n        props: { minColumnWidth },\n        resizedColumns,\n      } = grid.getInstance();\n      if (cellRef.current) {\n        // FIX: merge\n        // if (column.width && column.width !== 'string' && !initialUsedSpace[column.property]) {\n        //   increaseUsedSpace(getColumnWidthSize(column.width, minColumnWidth, column), column.property)\n        // }\n        if (column.expandWidthToContent && !expandedToContentColumns[column.uuid]) {\n          // measure the content and reset to flex\n          const originalWidth = cellRef.current.offsetWidth;\n          cellRef.current.style.flex = 'initial';\n          cellRef.current.style.minWidth = 'initial';\n          const calcWidth = cellRef.current.offsetWidth + 20;\n          if (originalWidth + 20 <= calcWidth) {\n            resizedColumns.current[column.uuid] = calcWidth;\n            columns[column.uuid].minWidth = calcWidth;\n          } else {\n            columns[column.uuid].minWidth = originalWidth;\n          }\n          expandedToContentColumns[column.uuid] = true;\n          cellRef.current.style.minWidth = null;\n          cellRef.current.style.flex = 1;\n          column.node = cellRef.current;\n        }\n      }\n    });\n\n    return {\n      ...props,\n      innerRef: mergeRefs(cellRef, props.innerRef, registerColumn(column)),\n    };\n  };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEO,MAAM,4BACX,CAAC,sBACD,CAAC,OAAO,EAAE,QAAQ,QAAQ,QAAQ,OAAO;AACvC,QAAM,EAAE,mBAAmB;AAC3B,QAAM,UAAU;AAEhB,kBAAgB,MAAM;AACpB,UAAM,EAAE,SAAS,6BAA6B;AAC9C,UAAM;AAAA,MACJ,OAAO,EAAE;AAAA,MACT;AAAA,QACE,KAAK;AACT,QAAI,QAAQ,SAAS;AAKnB,UAAI,OAAO,wBAAwB,CAAC,yBAAyB,OAAO,OAAO;AAEzE,cAAM,gBAAgB,QAAQ,QAAQ;AACtC,gBAAQ,QAAQ,MAAM,OAAO;AAC7B,gBAAQ,QAAQ,MAAM,WAAW;AACjC,cAAM,YAAY,QAAQ,QAAQ,cAAc;AAChD,YAAI,gBAAgB,MAAM,WAAW;AACnC,yBAAe,QAAQ,OAAO,QAAQ;AACtC,kBAAQ,OAAO,MAAM,WAAW;AAAA,eAC3B;AACL,kBAAQ,OAAO,MAAM,WAAW;AAAA;AAElC,iCAAyB,OAAO,QAAQ;AACxC,gBAAQ,QAAQ,MAAM,WAAW;AACjC,gBAAQ,QAAQ,MAAM,OAAO;AAC7B,eAAO,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK5B,SAAO,iCACF,QADE;AAAA,IAEL,UAAU,UAAU,SAAS,MAAM,UAAU,eAAe;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEO,MAAM,4BACX,CAAC,sBACD,CAAC,OAAO,EAAE,QAAQ,QAAQ,QAAQ,CAAC,MAAM;AACvC,QAAM,EAAE,mBAAmB;AAC3B,QAAM,UAAU,OAAO;AAEvB,kBAAgB,MAAM;AACpB,UAAM,EAAE,SAAS,6BAA6B;AAC9C,UAAM;AAAA,MACJ,OAAO,EAAE;AAAA,MACT;AAAA,QACE,KAAK,YAAY;AACrB,QAAI,QAAQ,SAAS;AAKnB,UAAI,OAAO,wBAAwB,CAAC,yBAAyB,OAAO,OAAO;AAEzE,cAAM,gBAAgB,QAAQ,QAAQ;AACtC,gBAAQ,QAAQ,MAAM,OAAO;AAC7B,gBAAQ,QAAQ,MAAM,WAAW;AACjC,cAAM,YAAY,QAAQ,QAAQ,cAAc;AAChD,YAAI,gBAAgB,MAAM,WAAW;AACnC,yBAAe,QAAQ,OAAO,QAAQ;AACtC,kBAAQ,OAAO,MAAM,WAAW;AAAA,QAClC,OAAO;AACL,kBAAQ,OAAO,MAAM,WAAW;AAAA,QAClC;AACA,iCAAyB,OAAO,QAAQ;AACxC,gBAAQ,QAAQ,MAAM,WAAW;AACjC,gBAAQ,QAAQ,MAAM,OAAO;AAC7B,eAAO,OAAO,QAAQ;AAAA,MACxB;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,iCACF,QADE;AAAA,IAEL,UAAU,UAAU,SAAS,MAAM,UAAU,eAAe,MAAM,CAAC;AAAA,EACrE;AACF;",
   "names": []
 }

package/dist/esm/plugins/column-sizing/ext-points/decorateColumn.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/column-sizing/ext-points/decorateColumn.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { get, set } from '@elliemae/ds-utilities';\nimport { columnMeasurerTransformer } from '../columnMeasurerTransformer';\n\nexport function decorateColumn(column, grid, index) {\n  const transformsPath = ['header', 'transforms'];\n  const transforms = get(column, transformsPath, []);\n  transforms.push(columnMeasurerTransformer(grid.columnSizeService, grid));\n  column.index = index;\n  set(column, transformsPath, transforms);\n\n  return column;\n}\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,wBAAwB,QAAQ,MAAM,OAAO;AAClD,QAAM,iBAAiB,CAAC,UAAU;AAClC,QAAM,aAAa,IAAI,QAAQ,gBAAgB;AAC/C,aAAW,KAAK,0BAA0B,KAAK,mBAAmB;AAClE,SAAO,QAAQ;AACf,MAAI,QAAQ,gBAAgB;AAE5B,SAAO;AAAA;",
+  "mappings": "AAAA;ACAA;AACA;AAEO,wBAAwB,QAAQ,MAAM,OAAO;AAClD,QAAM,iBAAiB,CAAC,UAAU,YAAY;AAC9C,QAAM,aAAa,IAAI,QAAQ,gBAAgB,CAAC,CAAC;AACjD,aAAW,KAAK,0BAA0B,KAAK,mBAAmB,IAAI,CAAC;AACvE,SAAO,QAAQ;AACf,MAAI,QAAQ,gBAAgB,UAAU;AAEtC,SAAO;AACT;",
   "names": []
 }

package/dist/esm/plugins/column-sizing/ext-points/getTableProps.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/column-sizing/ext-points/getTableProps.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState } from 'react';\nimport { useResizeObserver, mergeRefs } from '@elliemae/ds-utilities';\nimport { getScrollbarSizeFromHeaderAndBody } from '../utils';\n\nexport function getTableProps(\n  tableProps,\n  { refs, tableRef, bodyWidth, scrollbarWidth, isDragging, columnSizeService, updateRowWidth, columns },\n) {\n  const [tableNode, tableRefCallback] = useState();\n\n  useResizeObserver(({ width }) => {\n    if (!refs.header.current) return;\n    if (typeof scrollbarWidth.current !== 'number')\n      scrollbarWidth.current = getScrollbarSizeFromHeaderAndBody(refs, width);\n    if (typeof bodyWidth.current !== 'number') bodyWidth.current = refs.body.offsetWidth;\n    // DataGrid: header with width 0 after redirect from details page (https://jira.elliemae.io/browse/PUI-2162)\n    // if (scrollbarWidth.current !== 0 && width - scrollbarWidth.current > 0) {\n    //   refs.header.current.style.width = `${width - scrollbarWidth.current}px`\n    // }\n\n    if (isDragging.current) return;\n    columnSizeService.updateMissingWidths(width);\n    updateRowWidth(width);\n  }, tableNode);\n\n  useEffect(() => {\n    if (tableNode) {\n      columnSizeService.updateMissingWidths(tableNode.clientWidth);\n      updateRowWidth(tableNode.clientWidth);\n    }\n    if (typeof bodyWidth.current !== 'number') bodyWidth.current = refs.body.clientWidth;\n  }, [columns, tableNode]);\n\n  return {\n    ...tableProps,\n    innerRef: mergeRefs(tableRefCallback, tableProps.innerRef, tableRef),\n  };\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEO,uBACL,YACA,EAAE,MAAM,UAAU,WAAW,gBAAgB,YAAY,mBAAmB,gBAAgB,WAC5F;AACA,QAAM,CAAC,WAAW,oBAAoB;AAEtC,oBAAkB,CAAC,EAAE,YAAY;AAC/B,QAAI,CAAC,KAAK,OAAO;AAAS;AAC1B,QAAI,OAAO,eAAe,YAAY;AACpC,qBAAe,UAAU,kCAAkC,MAAM;AACnE,QAAI,OAAO,UAAU,YAAY;AAAU,gBAAU,UAAU,KAAK,KAAK;AAMzE,QAAI,WAAW;AAAS;AACxB,sBAAkB,oBAAoB;AACtC,mBAAe;AAAA,KACd;AAEH,YAAU,MAAM;AACd,QAAI,WAAW;AACb,wBAAkB,oBAAoB,UAAU;AAChD,qBAAe,UAAU;AAAA;AAE3B,QAAI,OAAO,UAAU,YAAY;AAAU,gBAAU,UAAU,KAAK,KAAK;AAAA,KACxE,CAAC,SAAS;AAEb,SAAO,iCACF,aADE;AAAA,IAEL,UAAU,UAAU,kBAAkB,WAAW,UAAU;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEO,uBACL,YACA,EAAE,MAAM,UAAU,WAAW,gBAAgB,YAAY,mBAAmB,gBAAgB,WAC5F;AACA,QAAM,CAAC,WAAW,oBAAoB,SAAS;AAE/C,oBAAkB,CAAC,EAAE,YAAY;AAC/B,QAAI,CAAC,KAAK,OAAO;AAAS;AAC1B,QAAI,OAAO,eAAe,YAAY;AACpC,qBAAe,UAAU,kCAAkC,MAAM,KAAK;AACxE,QAAI,OAAO,UAAU,YAAY;AAAU,gBAAU,UAAU,KAAK,KAAK;AAMzE,QAAI,WAAW;AAAS;AACxB,sBAAkB,oBAAoB,KAAK;AAC3C,mBAAe,KAAK;AAAA,EACtB,GAAG,SAAS;AAEZ,YAAU,MAAM;AACd,QAAI,WAAW;AACb,wBAAkB,oBAAoB,UAAU,WAAW;AAC3D,qBAAe,UAAU,WAAW;AAAA,IACtC;AACA,QAAI,OAAO,UAAU,YAAY;AAAU,gBAAU,UAAU,KAAK,KAAK;AAAA,EAC3E,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,SAAO,iCACF,aADE;AAAA,IAEL,UAAU,UAAU,kBAAkB,WAAW,UAAU,QAAQ;AAAA,EACrE;AACF;",
   "names": []
 }

package/dist/esm/plugins/column-sizing/getColumnNameFromProperty.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-sizing/getColumnNameFromProperty.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getColumnNameFromProperty = (property) => property && property.replace(/\\./g, '-');\n\nexport default getColumnNameFromProperty;\n"],
-  "mappings": "AAAA;ACAO,MAAM,4BAA4B,CAAC,aAAa,YAAY,SAAS,QAAQ,OAAO;AAE3F,IAAO,oCAAQ;",
+  "mappings": "AAAA;ACAO,MAAM,4BAA4B,CAAC,aAAa,YAAY,SAAS,QAAQ,OAAO,GAAG;AAE9F,IAAO,oCAAQ;",
   "names": []
 }

package/dist/esm/plugins/column-sizing/useColumnSizeService.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-sizing/useColumnSizeService.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { useRef, useState, useLayoutEffect } from 'react';\nimport { getColumnWidthSize, getPercentageValue } from './utils';\n\nexport const useColumnSizeService = (instance) => {\n  const columns = useRef({});\n  const [expandableGridDetailWidth, setExpandableGridDetailWidth] = useState(0);\n  const [expandableColumnWidth, setExpandableColumnWidth] = useState(0);\n  const expandedToContentColumns = useRef({});\n  const previousTotalWidth = useRef(0);\n  const initialUsedSpace = useRef({\n    space: 0,\n    amount: 0,\n    percentage: 0,\n  });\n\n  const increaseUsedSpace = (space, columnUuid) => {\n    if (typeof space === 'number') {\n      initialUsedSpace.current.space += space;\n    } else if (space && space.endsWith('%')) {\n      initialUsedSpace.current.percentage += Number(space.slice(0, -1));\n    }\n    initialUsedSpace.current.amount += 1;\n    initialUsedSpace.current[columnUuid] = true;\n  };\n\n  // eslint-disable-next-line no-return-assign\n  const registerColumn = (column) => (node) =>\n    (columns.current[column.uuid] = { ...column, node });\n\n  const unregisterColumn = (column) => {\n    delete columns.current[column.property];\n  };\n\n  const setActualColumnsSizesFixed = () => {\n    const columnsArray = Object.values(columns.current);\n\n    columnsArray.forEach((column) => {\n      const columnOffsetWidth = column.node.offsetWidth;\n      column.updateBodyHeaderWidth(\n        `${columnOffsetWidth}px`,\n        `${columnOffsetWidth}px`,\n      );\n    });\n  };\n\n  const updateMissingWidths = (totalWidth) => {\n    if (totalWidth) {\n      previousTotalWidth.current = totalWidth;\n    }\n    const gridWidth = previousTotalWidth.current - 4;\n    const {\n      props: { minColumnWidth, expandable },\n      resizedColumns,\n      decoratedColumns: columnDefinitions,\n    } = instance.getInstance();\n    if (!initialUsedSpace.current) return;\n    const columnUuids = columnDefinitions.map((c) => c.uuid);\n    const columnsArray = Object.values(columns.current).filter((c) =>\n      columnUuids.includes(c.uuid),\n    );\n    // reset the initial space to the last columns\n    initialUsedSpace.current = { space: 0, amount: 0, percentage: 0 };\n    columnsArray.forEach((column) => {\n      if (\n        column.width &&\n        column.width !== 'string' &&\n        !initialUsedSpace[column.uuid]\n      ) {\n        increaseUsedSpace(\n          getColumnWidthSize(column.width, minColumnWidth, column),\n          column.uuid,\n        );\n      }\n    });\n\n    const nextColumnDict = {};\n    // eslint-disable-next-line max-statements\n    columnsArray.forEach((column) => {\n      if (typeof column.width === 'number') {\n        nextColumnDict[column.uuid] = column;\n        return;\n      }\n      if (resizedColumns.current[column.uuid]) {\n        nextColumnDict[column.uuid] = column;\n        return;\n      }\n      const {\n        space: usedSpace,\n        amount: usedAmount,\n        percentage: usedPercentage,\n      } = initialUsedSpace.current;\n\n      const percentValue = getPercentageValue(column.width);\n      // check if is percentage value\n      if (percentValue) {\n        const pxs = (gridWidth * percentValue) / 100;\n        const pxWidths = `${getColumnWidthSize(pxs, minColumnWidth, column)}px`;\n        column.updateBodyHeaderWidth(pxWidths, pxWidths);\n        columns.current[column.uuid].computedWidth = pxs;\n        if (expandable && column.expandableColumn) {\n          setExpandableColumnWidth(pxs);\n        }\n      } else {\n        // otherwise the values are auto calculated from the total size\n        const columnFixWidth =\n          (gridWidth * (1 - usedPercentage / 100) - usedSpace) /\n          (columnsArray.length - usedAmount);\n        const percentWidth = (columnFixWidth / gridWidth) * 100;\n        const pxs = (gridWidth * percentWidth) / 100;\n        const actualWidthAfterChecks = getColumnWidthSize(\n          pxs,\n          minColumnWidth,\n          column,\n        );\n        column.updateBodyHeaderWidth(\n          `${actualWidthAfterChecks}px`,\n          column.minWidth || minColumnWidth\n            ? `${column.minWidth || minColumnWidth}px`\n            : `${pxs}px`,\n        );\n        resizedColumns.current[column.uuid] = actualWidthAfterChecks;\n        columns.current[column.uuid].computedWidth = actualWidthAfterChecks;\n      }\n      nextColumnDict[column.uuid] = column;\n    });\n    columns.current = nextColumnDict;\n  };\n\n  useLayoutEffect(() => {\n    const totalWidth = computeColumnsTotalSize();\n    setExpandableGridDetailWidth(totalWidth - expandableColumnWidth);\n  }, [expandableColumnWidth]);\n\n  // todo: make this incremental\n  const computeColumnsTotalSize = () => {\n    const columnsArray = Object.values(columns.current);\n    return columnsArray.reduce(\n      (totalSize, column) => totalSize + column.node.offsetWidth,\n      0,\n    );\n  };\n\n  return {\n    columns: columns.current,\n    expandedToContentColumns: expandedToContentColumns.current,\n    initialUsedSpace: initialUsedSpace.current,\n    increaseUsedSpace,\n    registerColumn,\n    unregisterColumn,\n    updateMissingWidths,\n    computeColumnsTotalSize,\n    setActualColumnsSizesFixed,\n    expandableGridDetailWidth,\n    expandableColumnWidth,\n  };\n};\n\nexport default useColumnSizeService;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/plugins/column-sizing/useStylesheetHelpers.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-sizing/useStylesheetHelpers.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable max-lines */\nimport * as stylesheet from 'stylesheet-helpers';\nimport { useState, useEffect } from 'react';\nimport { set } from '@elliemae/ds-utilities';\nimport { getColumnNameFromProperty } from './getColumnNameFromProperty';\nimport { getScrollbarWidth } from '../../utilities/getScrollbarSize';\n\nconst SCROLLBAR_WIDTH = getScrollbarWidth();\n\nexport const RowStylesheetHelper = ({ grid, className }) => {\n  const { styleSheet, styleSheetElement } = stylesheet.create();\n  const update = (width) => {\n    const widths = typeof width === 'string' ? width : `${width}px`;\n    stylesheet.updateProperties(\n      window,\n      styleSheet,\n      className,\n      width ? { width: widths, minWidth: widths, maxWidth: widths } : { width: null, minWidth: null, maxWidth: null },\n    );\n    const { hasScroll } = grid.getState();\n    const headerWidth = `${width + (hasScroll ? SCROLLBAR_WIDTH : 0)}px`;\n    stylesheet.updateProperties(\n      window,\n      styleSheet,\n      `${className}-header`,\n      width\n        ? { width: headerWidth, minWidth: headerWidth, maxWidth: headerWidth }\n        : { width: null, minWidth: null, maxWidth: null },\n    );\n  };\n  const remove = () => styleSheetElement.remove();\n  const getRowClassName = () => className;\n  return {\n    update,\n    remove,\n    getRowClassName,\n  };\n};\n\nconst getColumnClassName = ({ globalId, column, isHeader = false, getId }) =>\n  `column-${globalId}-${getId(column)}${isHeader ? '-header' : ''}`;\n\nfunction setWidth({ styleSheet, className, width, minWidth }) {\n  let widths;\n  if (typeof width === 'string') widths = width;\n  if (typeof width === 'number') widths = `${width}px`;\n\n  let minWidths;\n  if (typeof minWidth === 'string') minWidths = minWidth;\n  if (typeof minWidth === 'number') minWidths = `${minWidth}px`;\n\n  stylesheet.updateProperties(window, styleSheet, className, {\n    width: `${widths || minWidths}`,\n    minWidth: `${widths || minWidths}`,\n    // minWidth: `${minWidths || widths}`,\n    maxWidth: `${widths || minWidths}`,\n  });\n}\n\nfunction updateStyle({ styleSheet, className, style }) {\n  stylesheet.updateProperties(window, styleSheet, className, style);\n}\n\nfunction columnSizesHelperImpl({ globalId, getId = ({ property }) => getColumnNameFromProperty(property) }) {\n  const { styleSheetElement, styleSheet } = stylesheet.create();\n\n  const updateBodyHeaderWidth = ({ className, headerClassName, width, minWidth }) => {\n    setWidth({\n      styleSheet,\n      className,\n      width,\n      minWidth,\n    });\n    setWidth({\n      styleSheet,\n      className: headerClassName,\n      width,\n      minWidth,\n      isHeader: true,\n    });\n  };\n\n  return {\n    decorateColumns: (columns, grid) => {\n      const {\n        props: { minColumnWidth },\n      } = grid.getInstance();\n      return columns.map((column) => {\n        const cellClassName = getColumnClassName({ globalId, getId, column });\n        const headerClassName = `${cellClassName}-header`;\n\n        set(column, 'header.props.className', headerClassName);\n        set(column, 'cell.props.className', cellClassName);\n\n        column.updateBodyHeaderWidth = (width, minWidth) => {\n          updateBodyHeaderWidth({\n            className: cellClassName,\n            headerClassName,\n            width,\n            minWidth,\n          });\n        };\n        column.updateWidth = (width, minWidth) => {\n          setWidth({\n            styleSheet,\n            className: cellClassName,\n            width,\n            minWidth,\n          });\n        };\n        column.updateStyle = (style) =>\n          updateStyle({\n            styleSheet,\n            className: cellClassName,\n            style,\n          });\n\n        column.headerHookEffects = [\n          () => {\n            useEffect(() => {\n              const { resizedColumns } = grid.getInstance();\n              const resizedWidth = resizedColumns.current[column.uuid];\n              updateBodyHeaderWidth({\n                className: cellClassName,\n                headerClassName,\n                width: resizedWidth || column.width || minColumnWidth,\n                minWidth: resizedWidth || column.minWidth || minColumnWidth || column.width,\n              });\n            }, [column.uuid]);\n          },\n        ];\n\n        return column;\n      });\n    },\n    getColumnCellClassName(column) {\n      return getColumnClassName({ globalId, getId, column });\n    },\n    getColumnHeaderClassName(column) {\n      return `${getColumnClassName({ globalId, getId, column })}-header`;\n    },\n    cleanup() {\n      styleSheetElement.remove();\n    },\n  };\n}\n\nexport function useStylesheetHelpers(grid) {\n  const {\n    props: { bindColumnsSizeTo, bindRowSizeTo },\n  } = grid;\n\n  const [columnsStylesheet] = useState(() =>\n    columnSizesHelperImpl({\n      globalId: bindColumnsSizeTo || grid.uuid,\n      getId: ({ uuid }) => getColumnNameFromProperty(uuid),\n    }),\n  );\n  const rowClassName = `row-${bindRowSizeTo || grid.uuid}`;\n  const [rowsStylesheet] = useState(() => RowStylesheetHelper({ grid, className: rowClassName }));\n\n  return { columnsStylesheet, rowsStylesheet, rowClassName };\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/plugins/column-sizing/utils.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-sizing/utils.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { get } from '@elliemae/ds-utilities';\n\nexport function getScrollbarSizeFromHeaderAndBody(refs) {\n  const innerBodyOffsetWidth = get(refs, ['innerBody', 'current', 'offsetWidth']);\n  const headerOffsetWidth = get(refs, ['header', 'current', 'offsetWidth']);\n\n  return headerOffsetWidth - innerBodyOffsetWidth;\n}\n\nexport const isScrollbarVisible = (element) => element.scrollHeight > element.clientHeight;\n\nexport const getPercentageValue = (percentString) => {\n  if (typeof percentString !== 'string') return null;\n  const result = percentString.match(/(\\d+|\\d*[.,]\\d{1,2})/);\n\n  return result && Number(result[0]);\n};\n\nexport const getColumnWidthSize = (width, minWidth, column) => {\n  if (column.special) {\n    return column.width;\n  }\n  if (minWidth && minWidth > width) return minWidth;\n  return width;\n};\n\nexport const calculateMinWidthForWrappedText = (columns) => {\n  let longestWord = 0;\n\n  columns.forEach(({ label }) => {\n    const localLongestWord = label.split(' ').sort((a, b) => b.length - a.length)[0].length;\n    if (localLongestWord > longestWord) longestWord = localLongestWord;\n  });\n\n  return longestWord * 8.5;\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,2CAA2C,MAAM;AACtD,QAAM,uBAAuB,IAAI,MAAM,CAAC,aAAa,WAAW;AAChE,QAAM,oBAAoB,IAAI,MAAM,CAAC,UAAU,WAAW;AAE1D,SAAO,oBAAoB;AAAA;AAGtB,MAAM,qBAAqB,CAAC,YAAY,QAAQ,eAAe,QAAQ;AAEvE,MAAM,qBAAqB,CAAC,kBAAkB;AACnD,MAAI,OAAO,kBAAkB;AAAU,WAAO;AAC9C,QAAM,SAAS,cAAc,MAAM;AAEnC,SAAO,UAAU,OAAO,OAAO;AAAA;AAG1B,MAAM,qBAAqB,CAAC,OAAO,UAAU,WAAW;AAC7D,MAAI,OAAO,SAAS;AAClB,WAAO,OAAO;AAAA;AAEhB,MAAI,YAAY,WAAW;AAAO,WAAO;AACzC,SAAO;AAAA;AAGF,MAAM,kCAAkC,CAAC,YAAY;AAC1D,MAAI,cAAc;AAElB,UAAQ,QAAQ,CAAC,EAAE,YAAY;AAC7B,UAAM,mBAAmB,MAAM,MAAM,KAAK,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG;AACjF,QAAI,mBAAmB;AAAa,oBAAc;AAAA;AAGpD,SAAO,cAAc;AAAA;",
+  "mappings": "AAAA;ACAA;AAEO,2CAA2C,MAAM;AACtD,QAAM,uBAAuB,IAAI,MAAM,CAAC,aAAa,WAAW,aAAa,CAAC;AAC9E,QAAM,oBAAoB,IAAI,MAAM,CAAC,UAAU,WAAW,aAAa,CAAC;AAExE,SAAO,oBAAoB;AAC7B;AAEO,MAAM,qBAAqB,CAAC,YAAY,QAAQ,eAAe,QAAQ;AAEvE,MAAM,qBAAqB,CAAC,kBAAkB;AACnD,MAAI,OAAO,kBAAkB;AAAU,WAAO;AAC9C,QAAM,SAAS,cAAc,MAAM,sBAAsB;AAEzD,SAAO,UAAU,OAAO,OAAO,EAAE;AACnC;AAEO,MAAM,qBAAqB,CAAC,OAAO,UAAU,WAAW;AAC7D,MAAI,OAAO,SAAS;AAClB,WAAO,OAAO;AAAA,EAChB;AACA,MAAI,YAAY,WAAW;AAAO,WAAO;AACzC,SAAO;AACT;AAEO,MAAM,kCAAkC,CAAC,YAAY;AAC1D,MAAI,cAAc;AAElB,UAAQ,QAAQ,CAAC,EAAE,YAAY;AAC7B,UAAM,mBAAmB,MAAM,MAAM,GAAG,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG;AACjF,QAAI,mBAAmB;AAAa,oBAAc;AAAA,EACpD,CAAC;AAED,SAAO,cAAc;AACvB;",
   "names": []
 }