@elliemae/ds-datagrids 1.56.0 → 1.57.0-rc.10

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

@@ -4,7 +4,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var plugins_columnSizing_utils = require('./utils.js');
-require('@elliemae/ds-utilities/utils');
+require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var stylesheet = require('stylesheet-helpers');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var plugins_columnSizing_getColumnNameFromProperty = require('./getColumnNameFromProperty.js');
 var utilities_getScrollbarSize = require('../../utilities/getScrollbarSize.js');
 
@@ -164,8 +164,8 @@ function columnSizesHelperImpl(_ref5) {
           column: column
         });
         var headerClassName = "".concat(cellClassName, "-header");
-        utils.set(column, 'header.props.className', headerClassName);
-        utils.set(column, 'cell.props.className', cellClassName);
+        dsUtilities.set(column, 'header.props.className', headerClassName);
+        dsUtilities.set(column, 'cell.props.className', cellClassName);
 
         column.updateBodyHeaderWidth = function (width, minWidth) {
           updateBodyHeaderWidth({

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

@@ -1 +1 @@
-{"version":3,"file":"useStylesheetHelpers.js","sources":["../../../../src/plugins/column-sizing/useStylesheetHelpers.tsx"],"sourcesContent":["/* 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/utils';\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\n        ? { width: widths, minWidth: widths, maxWidth: widths }\n        : { 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({\n  globalId,\n  getId = ({ property }) => getColumnNameFromProperty(property),\n}) {\n  const { styleSheetElement, styleSheet } = stylesheet.create();\n\n  const updateBodyHeaderWidth = ({\n    className,\n    headerClassName,\n    width,\n    minWidth,\n  }) => {\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:\n                  resizedWidth ||\n                  column.minWidth ||\n                  minColumnWidth ||\n                  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(() =>\n    RowStylesheetHelper({ grid, className: rowClassName }),\n  );\n\n  return { columnsStylesheet, rowsStylesheet, rowClassName };\n}\n"],"names":["SCROLLBAR_WIDTH","getScrollbarWidth","RowStylesheetHelper","grid","className","stylesheet","create","styleSheet","styleSheetElement","update","width","widths","updateProperties","window","minWidth","maxWidth","getState","hasScroll","headerWidth","remove","getRowClassName","getColumnClassName","globalId","column","isHeader","getId","setWidth","minWidths","updateStyle","style","columnSizesHelperImpl","property","getColumnNameFromProperty","updateBodyHeaderWidth","headerClassName","decorateColumns","columns","getInstance","minColumnWidth","props","map","cellClassName","set","updateWidth","headerHookEffects","useEffect","resizedColumns","resizedWidth","current","uuid","getColumnCellClassName","getColumnHeaderClassName","cleanup","useStylesheetHelpers","bindColumnsSizeTo","bindRowSizeTo","useState","columnsStylesheet","rowClassName","rowsStylesheet"],"mappings":"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"}
+{"version":3,"file":"useStylesheetHelpers.js","sources":["../../../../src/plugins/column-sizing/useStylesheetHelpers.tsx"],"sourcesContent":["/* 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\n        ? { width: widths, minWidth: widths, maxWidth: widths }\n        : { 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({\n  globalId,\n  getId = ({ property }) => getColumnNameFromProperty(property),\n}) {\n  const { styleSheetElement, styleSheet } = stylesheet.create();\n\n  const updateBodyHeaderWidth = ({\n    className,\n    headerClassName,\n    width,\n    minWidth,\n  }) => {\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:\n                  resizedWidth ||\n                  column.minWidth ||\n                  minColumnWidth ||\n                  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(() =>\n    RowStylesheetHelper({ grid, className: rowClassName }),\n  );\n\n  return { columnsStylesheet, rowsStylesheet, rowClassName };\n}\n"],"names":["SCROLLBAR_WIDTH","getScrollbarWidth","RowStylesheetHelper","grid","className","stylesheet","create","styleSheet","styleSheetElement","update","width","widths","updateProperties","window","minWidth","maxWidth","getState","hasScroll","headerWidth","remove","getRowClassName","getColumnClassName","globalId","column","isHeader","getId","setWidth","minWidths","updateStyle","style","columnSizesHelperImpl","property","getColumnNameFromProperty","updateBodyHeaderWidth","headerClassName","decorateColumns","columns","getInstance","minColumnWidth","props","map","cellClassName","set","updateWidth","headerHookEffects","useEffect","resizedColumns","resizedWidth","current","uuid","getColumnCellClassName","getColumnHeaderClassName","cleanup","useStylesheetHelpers","bindColumnsSizeTo","bindRowSizeTo","useState","columnsStylesheet","rowClassName","rowsStylesheet"],"mappings":"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"}

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function getScrollbarSizeFromHeaderAndBody(refs) {
-  var innerBodyOffsetWidth = utils.get(refs, ['innerBody', 'current', 'offsetWidth']);
-  var headerOffsetWidth = utils.get(refs, ['header', 'current', 'offsetWidth']);
+  var innerBodyOffsetWidth = dsUtilities.get(refs, ['innerBody', 'current', 'offsetWidth']);
+  var headerOffsetWidth = dsUtilities.get(refs, ['header', 'current', 'offsetWidth']);
   return headerOffsetWidth - innerBodyOffsetWidth;
 }
 var isScrollbarVisible = function isScrollbarVisible(element) {

package/cjs/plugins/column-sizing/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/plugins/column-sizing/utils.tsx"],"sourcesContent":["import { get } from '@elliemae/ds-utilities/utils';\n\nexport function getScrollbarSizeFromHeaderAndBody(refs) {\n  const innerBodyOffsetWidth = get(refs, [\n    'innerBody',\n    'current',\n    'offsetWidth',\n  ]);\n  const headerOffsetWidth = get(refs, ['header', 'current', 'offsetWidth']);\n\n  return headerOffsetWidth - innerBodyOffsetWidth;\n}\n\nexport const isScrollbarVisible = element =>\n  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\n      .split(' ')\n      .sort((a, b) => b.length - a.length)[0].length;\n    if (localLongestWord > longestWord) longestWord = localLongestWord;\n  });\n\n  return longestWord * 8.5;\n};\n"],"names":["getScrollbarSizeFromHeaderAndBody","refs","innerBodyOffsetWidth","get","headerOffsetWidth","isScrollbarVisible","element","scrollHeight","clientHeight","getPercentageValue","percentString","result","match","Number","getColumnWidthSize","width","minWidth","column","special","calculateMinWidthForWrappedText","columns","longestWord","forEach","label","localLongestWord","split","sort","a","b","length"],"mappings":";;;;;;AAEO,SAASA,iCAAT,CAA2CC,IAA3C,EAAiD;AACtD,MAAMC,oBAAoB,GAAGC,SAAG,CAACF,IAAD,EAAO,CACrC,WADqC,EAErC,SAFqC,EAGrC,aAHqC,CAAP,CAAhC;AAKA,MAAMG,iBAAiB,GAAGD,SAAG,CAACF,IAAD,EAAO,CAAC,QAAD,EAAW,SAAX,EAAsB,aAAtB,CAAP,CAA7B;AAEA,SAAOG,iBAAiB,GAAGF,oBAA3B;AACD;IAEYG,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAC,OAAO;AAAA,SACvCA,OAAO,CAACC,YAAR,GAAuBD,OAAO,CAACE,YADQ;AAAA;IAG5BC,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAC,aAAa,EAAI;AACjD,MAAI,OAAOA,aAAP,KAAyB,QAA7B,EAAuC,OAAO,IAAP;AACvC,MAAMC,MAAM,GAAGD,aAAa,CAACE,KAAd,CAAoB,sBAApB,CAAf;AAEA,SAAOD,MAAM,IAAIE,MAAM,CAACF,MAAM,CAAC,CAAD,CAAP,CAAvB;AACD;IAEYG,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAQC,QAAR,EAAkBC,MAAlB,EAA6B;AAC7D,MAAIA,MAAM,CAACC,OAAX,EAAoB;AAClB,WAAOD,MAAM,CAACF,KAAd;AACD;;AACD,MAAIC,QAAQ,IAAIA,QAAQ,GAAGD,KAA3B,EAAkC,OAAOC,QAAP;AAClC,SAAOD,KAAP;AACD;IAEYI,+BAA+B,GAAG,SAAlCA,+BAAkC,CAAAC,OAAO,EAAI;AACxD,MAAIC,WAAW,GAAG,CAAlB;AAEAD,EAAAA,OAAO,CAACE,OAAR,CAAgB,gBAAe;AAAA,QAAZC,KAAY,QAAZA,KAAY;AAC7B,QAAMC,gBAAgB,GAAGD,KAAK,CAC3BE,KADsB,CAChB,GADgB,EAEtBC,IAFsB,CAEjB,UAACC,CAAD,EAAIC,CAAJ;AAAA,aAAUA,CAAC,CAACC,MAAF,GAAWF,CAAC,CAACE,MAAvB;AAAA,KAFiB,EAEc,CAFd,EAEiBA,MAF1C;AAGA,QAAIL,gBAAgB,GAAGH,WAAvB,EAAoCA,WAAW,GAAGG,gBAAd;AACrC,GALD;AAOA,SAAOH,WAAW,GAAG,GAArB;AACD;;;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/plugins/column-sizing/utils.tsx"],"sourcesContent":["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"],"names":["getScrollbarSizeFromHeaderAndBody","refs","innerBodyOffsetWidth","get","headerOffsetWidth","isScrollbarVisible","element","scrollHeight","clientHeight","getPercentageValue","percentString","result","match","Number","getColumnWidthSize","width","minWidth","column","special","calculateMinWidthForWrappedText","columns","longestWord","forEach","label","localLongestWord","split","sort","a","b","length"],"mappings":";;;;;;AAEO,SAASA,iCAAT,CAA2CC,IAA3C,EAAiD;AACtD,MAAMC,oBAAoB,GAAGC,eAAG,CAACF,IAAD,EAAO,CAAC,WAAD,EAAc,SAAd,EAAyB,aAAzB,CAAP,CAAhC;AACA,MAAMG,iBAAiB,GAAGD,eAAG,CAACF,IAAD,EAAO,CAAC,QAAD,EAAW,SAAX,EAAsB,aAAtB,CAAP,CAA7B;AAEA,SAAOG,iBAAiB,GAAGF,oBAA3B;AACD;IAEYG,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,OAAD;AAAA,SAAaA,OAAO,CAACC,YAAR,GAAuBD,OAAO,CAACE,YAA5C;AAAA;IAErBC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,aAAD,EAAmB;AACnD,MAAI,OAAOA,aAAP,KAAyB,QAA7B,EAAuC,OAAO,IAAP;AACvC,MAAMC,MAAM,GAAGD,aAAa,CAACE,KAAd,CAAoB,sBAApB,CAAf;AAEA,SAAOD,MAAM,IAAIE,MAAM,CAACF,MAAM,CAAC,CAAD,CAAP,CAAvB;AACD;IAEYG,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAQC,QAAR,EAAkBC,MAAlB,EAA6B;AAC7D,MAAIA,MAAM,CAACC,OAAX,EAAoB;AAClB,WAAOD,MAAM,CAACF,KAAd;AACD;;AACD,MAAIC,QAAQ,IAAIA,QAAQ,GAAGD,KAA3B,EAAkC,OAAOC,QAAP;AAClC,SAAOD,KAAP;AACD;IAEYI,+BAA+B,GAAG,SAAlCA,+BAAkC,CAACC,OAAD,EAAa;AAC1D,MAAIC,WAAW,GAAG,CAAlB;AAEAD,EAAAA,OAAO,CAACE,OAAR,CAAgB,gBAAe;AAAA,QAAZC,KAAY,QAAZA,KAAY;AAC7B,QAAMC,gBAAgB,GAAGD,KAAK,CAACE,KAAN,CAAY,GAAZ,EAAiBC,IAAjB,CAAsB,UAACC,CAAD,EAAIC,CAAJ;AAAA,aAAUA,CAAC,CAACC,MAAF,GAAWF,CAAC,CAACE,MAAvB;AAAA,KAAtB,EAAqD,CAArD,EAAwDA,MAAjF;AACA,QAAIL,gBAAgB,GAAGH,WAAvB,EAAoCA,WAAW,GAAGG,gBAAd;AACrC,GAHD;AAKA,SAAOH,WAAW,GAAG,GAArB;AACD;;;;;;;;"}

package/cjs/plugins/custom-cell-renderer/CustomRendererPlugin.js

@@ -5,26 +5,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var plugins_customCellRenderer_addCustomRendererToCell = require('./addCustomRendererToCell.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities/utils');
+require('@elliemae/ds-utilities');
 require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 require('./getRendererComponent.js');
 require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-basic/form/Checkbox');
-require('@elliemae/ds-basic/form/ComboBox');
-require('@elliemae/ds-basic/form/Radio');
-require('@elliemae/ds-basic/form/TextBox');
-require('@elliemae/ds-basic/form/Toggle');
+require('@elliemae/ds-button');
+require('@elliemae/ds-form');
 require('@elliemae/ds-dropdownmenu');
-require('../../index-9d448b9a.js');
+require('../../index-0be12eb8.js');
 require('../../components/renderers/defaultClassedRenderers.js');
 require('@elliemae/ds-classnames');
 require('../../blockNames.js');
 require('../../components/renderers/renderRowsLoader.js');
 require('../../components/RowsLoader.js');
-require('@elliemae/ds-basic/Spinner');
+require('@elliemae/ds-spinner');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/plugins/custom-cell-renderer/CustomRendererPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomRendererPlugin.js","sources":["../../../../src/plugins/custom-cell-renderer/CustomRendererPlugin.tsx"],"sourcesContent":["import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport addCustomRendererToCell from './addCustomRendererToCell';\n\n// todo: this probably needs to go to the core\n\nconst decorateColumn = (column, grid) => addCustomRendererToCell(grid)(column);\n\nexport const CustomRendererPlugin = createInstancePlugin('custom-renderer', {\n  decorateColumn,\n});\n"],"names":["decorateColumn","column","grid","addCustomRendererToCell","CustomRendererPlugin","createInstancePlugin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,MAAD,EAASC,IAAT;AAAA,SAAkBC,6DAAuB,CAACD,IAAD,CAAvB,CAA8BD,MAA9B,CAAlB;AAAA,CAAvB;;IAEaG,oBAAoB,GAAGC,wCAAoB,CAAC,iBAAD,EAAoB;AAC1EL,EAAAA,cAAc,EAAdA;AAD0E,CAApB;;;;"}
+{"version":3,"file":"CustomRendererPlugin.js","sources":["../../../../src/plugins/custom-cell-renderer/CustomRendererPlugin.tsx"],"sourcesContent":["import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport addCustomRendererToCell from './addCustomRendererToCell';\n\n// todo: this probably needs to go to the core\n\nconst decorateColumn = (column, grid) => addCustomRendererToCell(grid)(column);\n\nexport const CustomRendererPlugin = createInstancePlugin('custom-renderer', {\n  decorateColumn,\n});\n"],"names":["decorateColumn","column","grid","addCustomRendererToCell","CustomRendererPlugin","createInstancePlugin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,MAAD,EAASC,IAAT;AAAA,SAAkBC,6DAAuB,CAACD,IAAD,CAAvB,CAA8BD,MAA9B,CAAlB;AAAA,CAAvB;;IAEaG,oBAAoB,GAAGC,wCAAoB,CAAC,iBAAD,EAAoB;AAC1EL,EAAAA,cAAc,EAAdA;AAD0E,CAApB;;;;"}

package/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js

@@ -3,26 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var plugins_customCellRenderer_getRendererComponent = require('./getRendererComponent.js');
 require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-basic/form/Checkbox');
-require('@elliemae/ds-basic/form/ComboBox');
-require('@elliemae/ds-basic/form/Radio');
-require('@elliemae/ds-basic/form/TextBox');
-require('@elliemae/ds-basic/form/Toggle');
+require('@elliemae/ds-button');
+require('@elliemae/ds-form');
 require('@elliemae/ds-dropdownmenu');
-require('../../index-9d448b9a.js');
+require('../../index-0be12eb8.js');
 require('../../components/renderers/defaultClassedRenderers.js');
 require('@elliemae/ds-classnames');
 require('../../blockNames.js');
 require('../../components/renderers/renderRowsLoader.js');
 require('../../components/RowsLoader.js');
-require('@elliemae/ds-basic/Spinner');
+require('@elliemae/ds-spinner');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -63,14 +59,14 @@ var addCustomRendererToCell = function addCustomRendererToCell(grid) {
   return function (column) {
     var _column = column,
         customRenderer = _column.customRenderer;
-    var customHeaderRenderer = utils.get(column, ['header', 'customRenderer']);
+    var customHeaderRenderer = dsUtilities.get(column, ['header', 'customRenderer']);
     if (!customRenderer && !customHeaderRenderer) return column;
 
-    if (utils.isFunction(customHeaderRenderer)) {
+    if (dsUtilities.isFunction(customHeaderRenderer)) {
       column.header.formatters.push(getRenderer(customHeaderRenderer, grid));
     }
 
-    if (utils.isFunction(customRenderer)) {
+    if (dsUtilities.isFunction(customRenderer)) {
       column = initColumnDefinition.appendCellFormatter(getRenderer(customRenderer, grid, column), column);
     } else {
       if (!customRenderer) return column;

package/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"addCustomRendererToCell.js","sources":["../../../../src/plugins/custom-cell-renderer/addCustomRendererToCell.tsx"],"sourcesContent":["/* eslint-disable max-statements */\nimport { isFunction, get } from '@elliemae/ds-utilities/utils';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport getRendererComponent from './getRendererComponent';\n\nexport const getRenderer = (renderer, grid, column) => (value, metaData) => {\n  const {\n    props: { customHandlers, parentRowData },\n  } = grid.getInstance();\n  if (\n    column &&\n    column.formatExpandable &&\n    value &&\n    value.props &&\n    value.props.children &&\n    value.props.children.length === 2\n  ) {\n    return [\n      value.props.children[0],\n      renderer({\n        value: value.props.children[1], // apply custom render only to the original value not the arrow\n        metaData: { ...metaData, parentRowData },\n        customHandlers,\n      }),\n    ];\n  }\n  return renderer({\n    value,\n    metaData: { ...metaData, parentRowData },\n    customHandlers,\n  });\n};\n\nconst addCustomRendererToCell = grid => column => {\n  const { customRenderer } = column;\n  const customHeaderRenderer = get(column, ['header', 'customRenderer']);\n  if (!customRenderer && !customHeaderRenderer) return column;\n\n  if (isFunction(customHeaderRenderer)) {\n    column.header.formatters.push(getRenderer(customHeaderRenderer, grid));\n  }\n\n  if (isFunction(customRenderer)) {\n    column = appendCellFormatter(\n      getRenderer(customRenderer, grid, column),\n      column,\n    );\n  } else {\n    if (!customRenderer) return column;\n    column.cell.formatters.push((value, columnData) =>\n      getRendererComponent(grid, customRenderer, columnData),\n    );\n  }\n\n  return column;\n};\n\nexport default addCustomRendererToCell;\n"],"names":["getRenderer","renderer","grid","column","value","metaData","getInstance","props","customHandlers","parentRowData","formatExpandable","children","length","addCustomRendererToCell","customRenderer","customHeaderRenderer","get","isFunction","header","formatters","push","appendCellFormatter","cell","columnData","getRendererComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAWC,IAAX,EAAiBC,MAAjB;AAAA,SAA4B,UAACC,KAAD,EAAQC,QAAR,EAAqB;AAC1E,4BAEIH,IAAI,CAACI,WAAL,EAFJ;AAAA,kDACEC,KADF;AAAA,QACWC,cADX,yBACWA,cADX;AAAA,QAC2BC,aAD3B,yBAC2BA,aAD3B;;AAGA,QACEN,MAAM,IACNA,MAAM,CAACO,gBADP,IAEAN,KAFA,IAGAA,KAAK,CAACG,KAHN,IAIAH,KAAK,CAACG,KAAN,CAAYI,QAJZ,IAKAP,KAAK,CAACG,KAAN,CAAYI,QAAZ,CAAqBC,MAArB,KAAgC,CANlC,EAOE;AACA,aAAO,CACLR,KAAK,CAACG,KAAN,CAAYI,QAAZ,CAAqB,CAArB,CADK,EAELV,QAAQ,CAAC;AACPG,QAAAA,KAAK,EAAEA,KAAK,CAACG,KAAN,CAAYI,QAAZ,CAAqB,CAArB,CADA;AACyB;AAChCN,QAAAA,QAAQ,kCAAOA,QAAP;AAAiBI,UAAAA,aAAa,EAAbA;AAAjB,UAFD;AAGPD,QAAAA,cAAc,EAAdA;AAHO,OAAD,CAFH,CAAP;AAQD;;AACD,WAAOP,QAAQ,CAAC;AACdG,MAAAA,KAAK,EAALA,KADc;AAEdC,MAAAA,QAAQ,kCAAOA,QAAP;AAAiBI,QAAAA,aAAa,EAAbA;AAAjB,QAFM;AAGdD,MAAAA,cAAc,EAAdA;AAHc,KAAD,CAAf;AAKD,GA1B0B;AAAA;;IA4BrBK,uBAAuB,GAAG,SAA1BA,uBAA0B,CAAAX,IAAI;AAAA,SAAI,UAAAC,MAAM,EAAI;AAChD,kBAA2BA,MAA3B;AAAA,QAAQW,cAAR,WAAQA,cAAR;AACA,QAAMC,oBAAoB,GAAGC,SAAG,CAACb,MAAD,EAAS,CAAC,QAAD,EAAW,gBAAX,CAAT,CAAhC;AACA,QAAI,CAACW,cAAD,IAAmB,CAACC,oBAAxB,EAA8C,OAAOZ,MAAP;;AAE9C,QAAIc,gBAAU,CAACF,oBAAD,CAAd,EAAsC;AACpCZ,MAAAA,MAAM,CAACe,MAAP,CAAcC,UAAd,CAAyBC,IAAzB,CAA8BpB,WAAW,CAACe,oBAAD,EAAuBb,IAAvB,CAAzC;AACD;;AAED,QAAIe,gBAAU,CAACH,cAAD,CAAd,EAAgC;AAC9BX,MAAAA,MAAM,GAAGkB,wCAAmB,CAC1BrB,WAAW,CAACc,cAAD,EAAiBZ,IAAjB,EAAuBC,MAAvB,CADe,EAE1BA,MAF0B,CAA5B;AAID,KALD,MAKO;AACL,UAAI,CAACW,cAAL,EAAqB,OAAOX,MAAP;AACrBA,MAAAA,MAAM,CAACmB,IAAP,CAAYH,UAAZ,CAAuBC,IAAvB,CAA4B,UAAChB,KAAD,EAAQmB,UAAR;AAAA,eAC1BC,+CAAoB,CAACtB,IAAD,EAAOY,cAAP,EAAuBS,UAAvB,CADM;AAAA,OAA5B;AAGD;;AAED,WAAOpB,MAAP;AACD,GAtBmC;AAAA;;;;;"}
+{"version":3,"file":"addCustomRendererToCell.js","sources":["../../../../src/plugins/custom-cell-renderer/addCustomRendererToCell.tsx"],"sourcesContent":["/* eslint-disable max-statements */\nimport { isFunction, get } from '@elliemae/ds-utilities';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport getRendererComponent from './getRendererComponent';\n\nexport const getRenderer = (renderer, grid, column) => (value, metaData) => {\n  const {\n    props: { customHandlers, parentRowData },\n  } = grid.getInstance();\n  if (\n    column &&\n    column.formatExpandable &&\n    value &&\n    value.props &&\n    value.props.children &&\n    value.props.children.length === 2\n  ) {\n    return [\n      value.props.children[0],\n      renderer({\n        value: value.props.children[1], // apply custom render only to the original value not the arrow\n        metaData: { ...metaData, parentRowData },\n        customHandlers,\n      }),\n    ];\n  }\n  return renderer({\n    value,\n    metaData: { ...metaData, parentRowData },\n    customHandlers,\n  });\n};\n\nconst addCustomRendererToCell = (grid) => (column) => {\n  const { customRenderer } = column;\n  const customHeaderRenderer = get(column, ['header', 'customRenderer']);\n  if (!customRenderer && !customHeaderRenderer) return column;\n\n  if (isFunction(customHeaderRenderer)) {\n    column.header.formatters.push(getRenderer(customHeaderRenderer, grid));\n  }\n\n  if (isFunction(customRenderer)) {\n    column = appendCellFormatter(getRenderer(customRenderer, grid, column), column);\n  } else {\n    if (!customRenderer) return column;\n    column.cell.formatters.push((value, columnData) => getRendererComponent(grid, customRenderer, columnData));\n  }\n\n  return column;\n};\n\nexport default addCustomRendererToCell;\n"],"names":["getRenderer","renderer","grid","column","value","metaData","getInstance","props","customHandlers","parentRowData","formatExpandable","children","length","addCustomRendererToCell","customRenderer","customHeaderRenderer","get","isFunction","header","formatters","push","appendCellFormatter","cell","columnData","getRendererComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAWC,IAAX,EAAiBC,MAAjB;AAAA,SAA4B,UAACC,KAAD,EAAQC,QAAR,EAAqB;AAC1E,4BAEIH,IAAI,CAACI,WAAL,EAFJ;AAAA,kDACEC,KADF;AAAA,QACWC,cADX,yBACWA,cADX;AAAA,QAC2BC,aAD3B,yBAC2BA,aAD3B;;AAGA,QACEN,MAAM,IACNA,MAAM,CAACO,gBADP,IAEAN,KAFA,IAGAA,KAAK,CAACG,KAHN,IAIAH,KAAK,CAACG,KAAN,CAAYI,QAJZ,IAKAP,KAAK,CAACG,KAAN,CAAYI,QAAZ,CAAqBC,MAArB,KAAgC,CANlC,EAOE;AACA,aAAO,CACLR,KAAK,CAACG,KAAN,CAAYI,QAAZ,CAAqB,CAArB,CADK,EAELV,QAAQ,CAAC;AACPG,QAAAA,KAAK,EAAEA,KAAK,CAACG,KAAN,CAAYI,QAAZ,CAAqB,CAArB,CADA;AACyB;AAChCN,QAAAA,QAAQ,kCAAOA,QAAP;AAAiBI,UAAAA,aAAa,EAAbA;AAAjB,UAFD;AAGPD,QAAAA,cAAc,EAAdA;AAHO,OAAD,CAFH,CAAP;AAQD;;AACD,WAAOP,QAAQ,CAAC;AACdG,MAAAA,KAAK,EAALA,KADc;AAEdC,MAAAA,QAAQ,kCAAOA,QAAP;AAAiBI,QAAAA,aAAa,EAAbA;AAAjB,QAFM;AAGdD,MAAAA,cAAc,EAAdA;AAHc,KAAD,CAAf;AAKD,GA1B0B;AAAA;;IA4BrBK,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACX,IAAD;AAAA,SAAU,UAACC,MAAD,EAAY;AACpD,kBAA2BA,MAA3B;AAAA,QAAQW,cAAR,WAAQA,cAAR;AACA,QAAMC,oBAAoB,GAAGC,eAAG,CAACb,MAAD,EAAS,CAAC,QAAD,EAAW,gBAAX,CAAT,CAAhC;AACA,QAAI,CAACW,cAAD,IAAmB,CAACC,oBAAxB,EAA8C,OAAOZ,MAAP;;AAE9C,QAAIc,sBAAU,CAACF,oBAAD,CAAd,EAAsC;AACpCZ,MAAAA,MAAM,CAACe,MAAP,CAAcC,UAAd,CAAyBC,IAAzB,CAA8BpB,WAAW,CAACe,oBAAD,EAAuBb,IAAvB,CAAzC;AACD;;AAED,QAAIe,sBAAU,CAACH,cAAD,CAAd,EAAgC;AAC9BX,MAAAA,MAAM,GAAGkB,wCAAmB,CAACrB,WAAW,CAACc,cAAD,EAAiBZ,IAAjB,EAAuBC,MAAvB,CAAZ,EAA4CA,MAA5C,CAA5B;AACD,KAFD,MAEO;AACL,UAAI,CAACW,cAAL,EAAqB,OAAOX,MAAP;AACrBA,MAAAA,MAAM,CAACmB,IAAP,CAAYH,UAAZ,CAAuBC,IAAvB,CAA4B,UAAChB,KAAD,EAAQmB,UAAR;AAAA,eAAuBC,+CAAoB,CAACtB,IAAD,EAAOY,cAAP,EAAuBS,UAAvB,CAA3C;AAAA,OAA5B;AACD;;AAED,WAAOpB,MAAP;AACD,GAjB+B;AAAA;;;;;"}

package/cjs/plugins/custom-cell-renderer/getRendererComponent.js

@@ -3,20 +3,16 @@
 var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var DSButton = require('@elliemae/ds-basic/Button');
-var DSCheckbox = require('@elliemae/ds-basic/form/Checkbox');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
-var DSRadio = require('@elliemae/ds-basic/form/Radio');
-var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
-var DSToggle = require('@elliemae/ds-basic/form/Toggle');
+var DSButton = require('@elliemae/ds-button');
+var dsForm = require('@elliemae/ds-form');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var components_renderers_index = require('../../index-9d448b9a.js');
+var components_renderers_index = require('../../index-0be12eb8.js');
 require('../../components/renderers/defaultClassedRenderers.js');
 require('@elliemae/ds-classnames');
 require('../../blockNames.js');
 require('../../components/renderers/renderRowsLoader.js');
 require('../../components/RowsLoader.js');
-require('@elliemae/ds-basic/Spinner');
+require('@elliemae/ds-spinner');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,21 +20,16 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
-var DSRadio__default = /*#__PURE__*/_interopDefaultLegacy(DSRadio);
-var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
-var DSToggle__default = /*#__PURE__*/_interopDefaultLegacy(DSToggle);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
 
 var _excluded = ["type", "handlers"];
 var components = {
   DSButton: DSButton__default['default'],
-  DSCheckbox: DSCheckbox__default['default'],
-  DSComboBox: DSComboBox__default['default'],
-  DSRadio: DSRadio__default['default'],
-  DSTextBox: DSTextBox__default['default'],
-  DSToggle: DSToggle__default['default'],
+  DSCheckbox: dsForm.DSCheckbox,
+  DSComboBox: dsForm.DSComboBox,
+  DSRadio: dsForm.DSRadio,
+  DSTextBox: dsForm.DSTextBox,
+  DSToggle: dsForm.DSToggle,
   DSDropdownMenu: DSDropdownMenu__default['default']
 };
 

package/cjs/plugins/custom-cell-renderer/getRendererComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRendererComponent.js","sources":["../../../../src/plugins/custom-cell-renderer/getRendererComponent.tsx"],"sourcesContent":["import React from 'react';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport DSCheckbox from '@elliemae/ds-basic/form/Checkbox';\nimport DSComboBox from '@elliemae/ds-basic/form/ComboBox';\nimport DSRadio from '@elliemae/ds-basic/form/Radio';\nimport DSTextBox from '@elliemae/ds-basic/form/TextBox';\nimport DSToggle from '@elliemae/ds-basic/form/Toggle';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport * as renderers from '../../components/renderers';\n\nconst components = {\n  DSButton,\n  DSCheckbox,\n  DSComboBox,\n  DSRadio,\n  DSTextBox,\n  DSToggle,\n  DSDropdownMenu,\n};\n\nconst getRendererComponent = (\n  { props },\n  { type = 'DSTextBox', handlers, ...rest },\n  { rowData },\n) => {\n  const Component = components[type] || renderers[type];\n  const { customHandlers, rowKey } = props;\n  const mappedHandlers = {};\n\n  Object.keys(handlers).forEach(key => {\n    mappedHandlers[handlers[key]] = () =>\n      typeof customHandlers[key] === 'function'\n        ? customHandlers[key](rowData, rowData[rowKey])\n        : null;\n  });\n  return <Component {...rowData} {...mappedHandlers} {...rest} />;\n};\n\nexport default getRendererComponent;\n"],"names":["components","DSButton","DSCheckbox","DSComboBox","DSRadio","DSTextBox","DSToggle","DSDropdownMenu","getRendererComponent","props","rowData","type","handlers","rest","Component","renderers","customHandlers","rowKey","mappedHandlers","Object","keys","forEach","key","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,QAAQ,EAARA,4BADiB;AAEjBC,EAAAA,UAAU,EAAVA,8BAFiB;AAGjBC,EAAAA,UAAU,EAAVA,8BAHiB;AAIjBC,EAAAA,OAAO,EAAPA,2BAJiB;AAKjBC,EAAAA,SAAS,EAATA,6BALiB;AAMjBC,EAAAA,QAAQ,EAARA,4BANiB;AAOjBC,EAAAA,cAAc,EAAdA;AAPiB,CAAnB;;IAUMC,oBAAoB,GAAG,SAAvBA,oBAAuB,qBAIxB;AAAA,MAHDC,KAGC,SAHDA,KAGC;AAAA,MADDC,OACC,SADDA,OACC;;AAAA,uBAFDC,IAEC;AAAA,MAFDA,IAEC,0BAFM,WAEN;AAAA,MAFmBC,QAEnB,QAFmBA,QAEnB;AAAA,MAFgCC,IAEhC;;AACH,MAAMC,SAAS,GAAGd,UAAU,CAACW,IAAD,CAAV,IAAoBI,oCAAS,CAACJ,IAAD,CAA/C;AACA,MAAQK,cAAR,GAAmCP,KAAnC,CAAQO,cAAR;AAAA,MAAwBC,MAAxB,GAAmCR,KAAnC,CAAwBQ,MAAxB;AACA,MAAMC,cAAc,GAAG,EAAvB;AAEAC,EAAAA,MAAM,CAACC,IAAP,CAAYR,QAAZ,EAAsBS,OAAtB,CAA8B,UAAAC,GAAG,EAAI;AACnCJ,IAAAA,cAAc,CAACN,QAAQ,CAACU,GAAD,CAAT,CAAd,GAAgC;AAAA,aAC9B,OAAON,cAAc,CAACM,GAAD,CAArB,KAA+B,UAA/B,GACIN,cAAc,CAACM,GAAD,CAAd,CAAoBZ,OAApB,EAA6BA,OAAO,CAACO,MAAD,CAApC,CADJ,GAEI,IAH0B;AAAA,KAAhC;AAID,GALD;AAMA,sBAAOM,wCAAC,SAAD,mCAAeb,OAAf,EAA4BQ,cAA5B,EAAgDL,IAAhD,EAAP;AACD;;;;"}
+{"version":3,"file":"getRendererComponent.js","sources":["../../../../src/plugins/custom-cell-renderer/getRendererComponent.tsx"],"sourcesContent":["import React from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { DSCheckbox, DSComboBox, DSRadio, DSTextBox, DSToggle } from '@elliemae/ds-form';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport * as renderers from '../../components/renderers';\n\nconst components = {\n  DSButton,\n  DSCheckbox,\n  DSComboBox,\n  DSRadio,\n  DSTextBox,\n  DSToggle,\n  DSDropdownMenu,\n};\n\nconst getRendererComponent = ({ props }, { type = 'DSTextBox', handlers, ...rest }, { rowData }) => {\n  const Component = components[type] || renderers[type];\n  const { customHandlers, rowKey } = props;\n  const mappedHandlers = {};\n\n  Object.keys(handlers).forEach((key) => {\n    mappedHandlers[handlers[key]] = () =>\n      typeof customHandlers[key] === 'function' ? customHandlers[key](rowData, rowData[rowKey]) : null;\n  });\n  return <Component {...rowData} {...mappedHandlers} {...rest} />;\n};\n\nexport default getRendererComponent;\n"],"names":["components","DSButton","DSCheckbox","DSComboBox","DSRadio","DSTextBox","DSToggle","DSDropdownMenu","getRendererComponent","props","rowData","type","handlers","rest","Component","renderers","customHandlers","rowKey","mappedHandlers","Object","keys","forEach","key","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,QAAQ,EAARA,4BADiB;AAEjBC,EAAAA,UAAU,EAAVA,iBAFiB;AAGjBC,EAAAA,UAAU,EAAVA,iBAHiB;AAIjBC,EAAAA,OAAO,EAAPA,cAJiB;AAKjBC,EAAAA,SAAS,EAATA,gBALiB;AAMjBC,EAAAA,QAAQ,EAARA,eANiB;AAOjBC,EAAAA,cAAc,EAAdA;AAPiB,CAAnB;;IAUMC,oBAAoB,GAAG,SAAvBA,oBAAuB,qBAAuE;AAAA,MAApEC,KAAoE,SAApEA,KAAoE;AAAA,MAAdC,OAAc,SAAdA,OAAc;;AAAA,uBAAzDC,IAAyD;AAAA,MAAzDA,IAAyD,0BAAlD,WAAkD;AAAA,MAArCC,QAAqC,QAArCA,QAAqC;AAAA,MAAxBC,IAAwB;;AAClG,MAAMC,SAAS,GAAGd,UAAU,CAACW,IAAD,CAAV,IAAoBI,oCAAS,CAACJ,IAAD,CAA/C;AACA,MAAQK,cAAR,GAAmCP,KAAnC,CAAQO,cAAR;AAAA,MAAwBC,MAAxB,GAAmCR,KAAnC,CAAwBQ,MAAxB;AACA,MAAMC,cAAc,GAAG,EAAvB;AAEAC,EAAAA,MAAM,CAACC,IAAP,CAAYR,QAAZ,EAAsBS,OAAtB,CAA8B,UAACC,GAAD,EAAS;AACrCJ,IAAAA,cAAc,CAACN,QAAQ,CAACU,GAAD,CAAT,CAAd,GAAgC;AAAA,aAC9B,OAAON,cAAc,CAACM,GAAD,CAArB,KAA+B,UAA/B,GAA4CN,cAAc,CAACM,GAAD,CAAd,CAAoBZ,OAApB,EAA6BA,OAAO,CAACO,MAAD,CAApC,CAA5C,GAA4F,IAD9D;AAAA,KAAhC;AAED,GAHD;AAIA,sBAAOM,wCAAC,SAAD,mCAAeb,OAAf,EAA4BQ,cAA5B,EAAgDL,IAAhD,EAAP;AACD;;;;"}

package/cjs/plugins/custom-cell-renderer/index.js

@@ -6,26 +6,22 @@ var plugins_customCellRenderer_CustomRendererPlugin = require('./CustomRendererP
 require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 require('./addCustomRendererToCell.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities/utils');
+require('@elliemae/ds-utilities');
 require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 require('./getRendererComponent.js');
 require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-basic/form/Checkbox');
-require('@elliemae/ds-basic/form/ComboBox');
-require('@elliemae/ds-basic/form/Radio');
-require('@elliemae/ds-basic/form/TextBox');
-require('@elliemae/ds-basic/form/Toggle');
+require('@elliemae/ds-button');
+require('@elliemae/ds-form');
 require('@elliemae/ds-dropdownmenu');
-require('../../index-9d448b9a.js');
+require('../../index-0be12eb8.js');
 require('../../components/renderers/defaultClassedRenderers.js');
 require('@elliemae/ds-classnames');
 require('../../blockNames.js');
 require('../../components/renderers/renderRowsLoader.js');
 require('../../components/RowsLoader.js');
-require('@elliemae/ds-basic/Spinner');
+require('@elliemae/ds-spinner');
 
 
 

package/cjs/plugins/custom-cell-renderer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/plugins/editable/EditableComponents/ComboBox.js

@@ -9,7 +9,7 @@ var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstru
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,7 +22,6 @@ var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_po
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -72,7 +71,7 @@ var ComboBox = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var value = this.state.value;
-      return /*#__PURE__*/React__default['default'].createElement(DSComboBox__default['default'], _extends__default['default']({}, this.props, {
+      return /*#__PURE__*/React__default['default'].createElement(dsForm.DSComboBox, _extends__default['default']({}, this.props, {
         menuIsOpen: true,
         onBlur: this.handleBlur,
         onChange: this.handleChange,

package/cjs/plugins/editable/EditableComponents/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","sources":["../../../../../src/plugins/editable/EditableComponents/ComboBox.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport DSComboBox from '@elliemae/ds-basic/form/ComboBox';\n\nexport default class ComboBox extends Component {\n  static defaultProps = {\n    onValue: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { value: props.value };\n  }\n\n  handleChange(value) {\n    const { onValue } = this.props;\n\n    // some how this is executed before handleBlur, and handleBlur before the value is set\n    // causing the value to be the same as the prevProp\n    // todo: find a better solution to this\n    setTimeout(() => onValue(value), 1);\n    this.setState({ value });\n  }\n\n  handleBlur() {\n    const { onValue } = this.props;\n    const { value } = this.state;\n    onValue(value);\n  }\n\n  render() {\n    const { value } = this.state;\n    return (\n      <DSComboBox\n        {...this.props}\n        menuIsOpen\n        onBlur={this.handleBlur}\n        onChange={this.handleChange}\n        onClick={e => e.stopPropagation()}\n        value={value}\n      />\n    );\n  }\n}\n"],"names":["ComboBox","props","state","value","onValue","setTimeout","setState","React","DSComboBox","handleBlur","handleChange","e","stopPropagation","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGqBA;;;;;AAKnB,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AAAEC,MAAAA,KAAK,EAAEF,KAAK,CAACE;AAAf,KAAb;AAFiB;AAAA;AAAA;AAGlB;;;;WAED,sBAAaA,KAAb,EAAoB;AAClB,UAAQC,OAAR,GAAoB,KAAKH,KAAzB,CAAQG,OAAR,CADkB;AAIlB;AACA;;AACAC,MAAAA,UAAU,CAAC;AAAA,eAAMD,OAAO,CAACD,KAAD,CAAb;AAAA,OAAD,EAAuB,CAAvB,CAAV;AACA,WAAKG,QAAL,CAAc;AAAEH,QAAAA,KAAK,EAALA;AAAF,OAAd;AACD;;;WAED,sBAAa;AACX,UAAQC,OAAR,GAAoB,KAAKH,KAAzB,CAAQG,OAAR;AACA,UAAQD,KAAR,GAAkB,KAAKD,KAAvB,CAAQC,KAAR;AACAC,MAAAA,OAAO,CAACD,KAAD,CAAP;AACD;;;WAED,kBAAS;AACP,UAAQA,KAAR,GAAkB,KAAKD,KAAvB,CAAQC,KAAR;AACA,0BACEI,wCAACC,8BAAD,mCACM,KAAKP,KADX;AAEE,QAAA,UAAU,MAFZ;AAGE,QAAA,MAAM,EAAE,KAAKQ,UAHf;AAIE,QAAA,QAAQ,EAAE,KAAKC,YAJjB;AAKE,QAAA,OAAO,EAAE,iBAAAC,CAAC;AAAA,iBAAIA,CAAC,CAACC,eAAF,EAAJ;AAAA,SALZ;AAME,QAAA,KAAK,EAAET;AANT,SADF;AAUD;;;;EAtCmCU;;oCAAjBb,0BACG;AACpBI,EAAAA,OAAO,EAAE;AAAA,WAAM,IAAN;AAAA;AADW;;;;"}
+{"version":3,"file":"ComboBox.js","sources":["../../../../../src/plugins/editable/EditableComponents/ComboBox.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { DSComboBox } from '@elliemae/ds-form';\n\nexport default class ComboBox extends Component {\n  static defaultProps = {\n    onValue: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { value: props.value };\n  }\n\n  handleChange(value) {\n    const { onValue } = this.props;\n\n    // some how this is executed before handleBlur, and handleBlur before the value is set\n    // causing the value to be the same as the prevProp\n    // todo: find a better solution to this\n    setTimeout(() => onValue(value), 1);\n    this.setState({ value });\n  }\n\n  handleBlur() {\n    const { onValue } = this.props;\n    const { value } = this.state;\n    onValue(value);\n  }\n\n  render() {\n    const { value } = this.state;\n    return (\n      <DSComboBox\n        {...this.props}\n        menuIsOpen\n        onBlur={this.handleBlur}\n        onChange={this.handleChange}\n        onClick={(e) => e.stopPropagation()}\n        value={value}\n      />\n    );\n  }\n}\n"],"names":["ComboBox","props","state","value","onValue","setTimeout","setState","React","DSComboBox","handleBlur","handleChange","e","stopPropagation","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGqBA;;;;;AAKnB,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AAAEC,MAAAA,KAAK,EAAEF,KAAK,CAACE;AAAf,KAAb;AAFiB;AAAA;AAAA;AAGlB;;;;WAED,sBAAaA,KAAb,EAAoB;AAClB,UAAQC,OAAR,GAAoB,KAAKH,KAAzB,CAAQG,OAAR,CADkB;AAIlB;AACA;;AACAC,MAAAA,UAAU,CAAC;AAAA,eAAMD,OAAO,CAACD,KAAD,CAAb;AAAA,OAAD,EAAuB,CAAvB,CAAV;AACA,WAAKG,QAAL,CAAc;AAAEH,QAAAA,KAAK,EAALA;AAAF,OAAd;AACD;;;WAED,sBAAa;AACX,UAAQC,OAAR,GAAoB,KAAKH,KAAzB,CAAQG,OAAR;AACA,UAAQD,KAAR,GAAkB,KAAKD,KAAvB,CAAQC,KAAR;AACAC,MAAAA,OAAO,CAACD,KAAD,CAAP;AACD;;;WAED,kBAAS;AACP,UAAQA,KAAR,GAAkB,KAAKD,KAAvB,CAAQC,KAAR;AACA,0BACEI,wCAACC,iBAAD,mCACM,KAAKP,KADX;AAEE,QAAA,UAAU,MAFZ;AAGE,QAAA,MAAM,EAAE,KAAKQ,UAHf;AAIE,QAAA,QAAQ,EAAE,KAAKC,YAJjB;AAKE,QAAA,OAAO,EAAE,iBAACC,CAAD;AAAA,iBAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,SALX;AAME,QAAA,KAAK,EAAET;AANT,SADF;AAUD;;;;EAtCmCU;;oCAAjBb,0BACG;AACpBI,EAAAA,OAAO,EAAE;AAAA,WAAM,IAAN;AAAA;AADW;;;;"}

package/cjs/plugins/editable/EditableComponents/TextBox.js

@@ -9,7 +9,7 @@ var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstru
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
+var dsForm = require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,7 +22,6 @@ var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_po
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -99,7 +98,7 @@ var TextBox = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var value = this.state.value;
-      return /*#__PURE__*/React__default['default'].createElement(DSTextBox__default['default'], _extends__default['default']({
+      return /*#__PURE__*/React__default['default'].createElement(dsForm.DSTextBox, _extends__default['default']({
         "data-testid": "ds-datagrids-editable-text-box"
       }, this.props, {
         innerRef: this.inputRef,

package/cjs/plugins/editable/EditableComponents/TextBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBox.js","sources":["../../../../../src/plugins/editable/EditableComponents/TextBox.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable react/static-property-placement */\nimport React, { Component } from 'react';\nimport DSTextBox from '@elliemae/ds-basic/form/TextBox';\n\n// todo: redo with hooks\nexport default class TextBox extends Component {\n  static defaultProps = {\n    onValue: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.inputRef = React.createRef();\n    this.state = { value: props.value };\n  }\n\n  componentDidMount() {\n    setTimeout(() => {\n      if (this.inputRef && this.inputRef.current) {\n        this.inputRef.current.focus();\n      }\n    }, 50);\n  }\n\n  handleKeyUp({ key, target: { value } }) {\n    const { onValue } = this.props;\n    if (key === 'Enter') {\n      onValue(value);\n    }\n  }\n\n  handleKeyDown(e) {\n    // PUI-2553 prevent form submit on `Enter` keypress\n    if (e.key === 'Enter') {\n      e.preventDefault();\n    }\n  }\n\n  handleBlur(e) {\n    const { onValue } = this.props;\n    const {\n      target: { value },\n    } = e;\n    onValue(value);\n  }\n\n  handleChange({ target: { value } }) {\n    this.setState({ value });\n  }\n\n  render() {\n    const { value } = this.state;\n    return (\n      <DSTextBox\n        data-testid=\"ds-datagrids-editable-text-box\"\n        {...this.props}\n        innerRef={this.inputRef}\n        onBlur={this.handleBlur}\n        onChange={this.handleChange}\n        onClick={(e) => e.stopPropagation()}\n        onKeyUp={this.handleKeyUp}\n        onKeyDown={this.handleKeyDown}\n        value={value}\n      />\n    );\n  }\n}\n"],"names":["TextBox","props","inputRef","React","createRef","state","value","setTimeout","current","focus","key","target","onValue","e","preventDefault","setState","DSTextBox","handleBlur","handleChange","stopPropagation","handleKeyUp","handleKeyDown","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMqBA;;;;;AAKnB,mBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;AACA,UAAKC,QAAL,gBAAgBC,yBAAK,CAACC,SAAN,EAAhB;AACA,UAAKC,KAAL,GAAa;AAAEC,MAAAA,KAAK,EAAEL,KAAK,CAACK;AAAf,KAAb;AAHiB;AAAA;AAAA;AAAA;AAAA;AAIlB;;;;WAED,6BAAoB;AAAA;;AAClBC,MAAAA,UAAU,CAAC,YAAM;AACf,YAAI,MAAI,CAACL,QAAL,IAAiB,MAAI,CAACA,QAAL,CAAcM,OAAnC,EAA4C;AAC1C,UAAA,MAAI,CAACN,QAAL,CAAcM,OAAd,CAAsBC,KAAtB;AACD;AACF,OAJS,EAIP,EAJO,CAAV;AAKD;;;WAED,2BAAwC;AAAA,UAA1BC,GAA0B,QAA1BA,GAA0B;AAAA,UAAXJ,KAAW,QAArBK,MAAqB,CAAXL,KAAW;AACtC,UAAQM,OAAR,GAAoB,KAAKX,KAAzB,CAAQW,OAAR;;AACA,UAAIF,GAAG,KAAK,OAAZ,EAAqB;AACnBE,QAAAA,OAAO,CAACN,KAAD,CAAP;AACD;AACF;;;WAED,uBAAcO,CAAd,EAAiB;AACf;AACA,UAAIA,CAAC,CAACH,GAAF,KAAU,OAAd,EAAuB;AACrBG,QAAAA,CAAC,CAACC,cAAF;AACD;AACF;;;WAED,oBAAWD,CAAX,EAAc;AACZ,UAAQD,OAAR,GAAoB,KAAKX,KAAzB,CAAQW,OAAR;AACA,UACYN,KADZ,GAEIO,CAFJ,CACEF,MADF,CACYL,KADZ;AAGAM,MAAAA,OAAO,CAACN,KAAD,CAAP;AACD;;;WAED,6BAAoC;AAAA,UAAXA,KAAW,SAArBK,MAAqB,CAAXL,KAAW;AAClC,WAAKS,QAAL,CAAc;AAAET,QAAAA,KAAK,EAALA;AAAF,OAAd;AACD;;;WAED,kBAAS;AACP,UAAQA,KAAR,GAAkB,KAAKD,KAAvB,CAAQC,KAAR;AACA,0BACEH,wCAACa,6BAAD;AACE,uBAAY;AADd,SAEM,KAAKf,KAFX;AAGE,QAAA,QAAQ,EAAE,KAAKC,QAHjB;AAIE,QAAA,MAAM,EAAE,KAAKe,UAJf;AAKE,QAAA,QAAQ,EAAE,KAAKC,YALjB;AAME,QAAA,OAAO,EAAE,iBAACL,CAAD;AAAA,iBAAOA,CAAC,CAACM,eAAF,EAAP;AAAA,SANX;AAOE,QAAA,OAAO,EAAE,KAAKC,WAPhB;AAQE,QAAA,SAAS,EAAE,KAAKC,aARlB;AASE,QAAA,KAAK,EAAEf;AATT,SADF;AAaD;;;;EA5DkCgB;;oCAAhBtB,yBACG;AACpBY,EAAAA,OAAO,EAAE;AAAA,WAAM,IAAN;AAAA;AADW;;;;"}
+{"version":3,"file":"TextBox.js","sources":["../../../../../src/plugins/editable/EditableComponents/TextBox.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable react/static-property-placement */\nimport React, { Component } from 'react';\nimport { DSTextBox } from '@elliemae/ds-form';\n\n// todo: redo with hooks\nexport default class TextBox extends Component {\n  static defaultProps = {\n    onValue: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.inputRef = React.createRef();\n    this.state = { value: props.value };\n  }\n\n  componentDidMount() {\n    setTimeout(() => {\n      if (this.inputRef && this.inputRef.current) {\n        this.inputRef.current.focus();\n      }\n    }, 50);\n  }\n\n  handleKeyUp({ key, target: { value } }) {\n    const { onValue } = this.props;\n    if (key === 'Enter') {\n      onValue(value);\n    }\n  }\n\n  handleKeyDown(e) {\n    // PUI-2553 prevent form submit on `Enter` keypress\n    if (e.key === 'Enter') {\n      e.preventDefault();\n    }\n  }\n\n  handleBlur(e) {\n    const { onValue } = this.props;\n    const {\n      target: { value },\n    } = e;\n    onValue(value);\n  }\n\n  handleChange({ target: { value } }) {\n    this.setState({ value });\n  }\n\n  render() {\n    const { value } = this.state;\n    return (\n      <DSTextBox\n        data-testid=\"ds-datagrids-editable-text-box\"\n        {...this.props}\n        innerRef={this.inputRef}\n        onBlur={this.handleBlur}\n        onChange={this.handleChange}\n        onClick={(e) => e.stopPropagation()}\n        onKeyUp={this.handleKeyUp}\n        onKeyDown={this.handleKeyDown}\n        value={value}\n      />\n    );\n  }\n}\n"],"names":["TextBox","props","inputRef","React","createRef","state","value","setTimeout","current","focus","key","target","onValue","e","preventDefault","setState","DSTextBox","handleBlur","handleChange","stopPropagation","handleKeyUp","handleKeyDown","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMqBA;;;;;AAKnB,mBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;AACA,UAAKC,QAAL,gBAAgBC,yBAAK,CAACC,SAAN,EAAhB;AACA,UAAKC,KAAL,GAAa;AAAEC,MAAAA,KAAK,EAAEL,KAAK,CAACK;AAAf,KAAb;AAHiB;AAAA;AAAA;AAAA;AAAA;AAIlB;;;;WAED,6BAAoB;AAAA;;AAClBC,MAAAA,UAAU,CAAC,YAAM;AACf,YAAI,MAAI,CAACL,QAAL,IAAiB,MAAI,CAACA,QAAL,CAAcM,OAAnC,EAA4C;AAC1C,UAAA,MAAI,CAACN,QAAL,CAAcM,OAAd,CAAsBC,KAAtB;AACD;AACF,OAJS,EAIP,EAJO,CAAV;AAKD;;;WAED,2BAAwC;AAAA,UAA1BC,GAA0B,QAA1BA,GAA0B;AAAA,UAAXJ,KAAW,QAArBK,MAAqB,CAAXL,KAAW;AACtC,UAAQM,OAAR,GAAoB,KAAKX,KAAzB,CAAQW,OAAR;;AACA,UAAIF,GAAG,KAAK,OAAZ,EAAqB;AACnBE,QAAAA,OAAO,CAACN,KAAD,CAAP;AACD;AACF;;;WAED,uBAAcO,CAAd,EAAiB;AACf;AACA,UAAIA,CAAC,CAACH,GAAF,KAAU,OAAd,EAAuB;AACrBG,QAAAA,CAAC,CAACC,cAAF;AACD;AACF;;;WAED,oBAAWD,CAAX,EAAc;AACZ,UAAQD,OAAR,GAAoB,KAAKX,KAAzB,CAAQW,OAAR;AACA,UACYN,KADZ,GAEIO,CAFJ,CACEF,MADF,CACYL,KADZ;AAGAM,MAAAA,OAAO,CAACN,KAAD,CAAP;AACD;;;WAED,6BAAoC;AAAA,UAAXA,KAAW,SAArBK,MAAqB,CAAXL,KAAW;AAClC,WAAKS,QAAL,CAAc;AAAET,QAAAA,KAAK,EAALA;AAAF,OAAd;AACD;;;WAED,kBAAS;AACP,UAAQA,KAAR,GAAkB,KAAKD,KAAvB,CAAQC,KAAR;AACA,0BACEH,wCAACa,gBAAD;AACE,uBAAY;AADd,SAEM,KAAKf,KAFX;AAGE,QAAA,QAAQ,EAAE,KAAKC,QAHjB;AAIE,QAAA,MAAM,EAAE,KAAKe,UAJf;AAKE,QAAA,QAAQ,EAAE,KAAKC,YALjB;AAME,QAAA,OAAO,EAAE,iBAACL,CAAD;AAAA,iBAAOA,CAAC,CAACM,eAAF,EAAP;AAAA,SANX;AAOE,QAAA,OAAO,EAAE,KAAKC,WAPhB;AAQE,QAAA,SAAS,EAAE,KAAKC,aARlB;AASE,QAAA,KAAK,EAAEf;AATT,SADF;AAaD;;;;EA5DkCgB;;oCAAhBtB,yBACG;AACpBY,EAAAA,OAAO,EAAE;AAAA,WAAM,IAAN;AAAA;AADW;;;;"}

package/cjs/plugins/editable/EditableComponents/index.js

@@ -13,8 +13,7 @@ require('@babel/runtime/helpers/possibleConstructorReturn');
 require('@babel/runtime/helpers/getPrototypeOf');
 require('@babel/runtime/helpers/defineProperty');
 require('react');
-require('@elliemae/ds-basic/form/ComboBox');
-require('@elliemae/ds-basic/form/TextBox');
+require('@elliemae/ds-form');
 
 
 

package/cjs/plugins/editable/EditableComponents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/cjs/plugins/editable/EditablePlugin.js

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var plugins_editable_decorateEditable = require('./decorateEditable.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
 require('react-edit');
-require('@elliemae/ds-icons/EditPencil');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 require('./getEditorComponent.js');
 require('@babel/runtime/helpers/extends');
@@ -22,14 +21,12 @@ require('@babel/runtime/helpers/assertThisInitialized');
 require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/possibleConstructorReturn');
 require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-basic/form/ComboBox');
+require('@elliemae/ds-form');
 require('./EditableComponents/TextBox.js');
-require('@elliemae/ds-basic/form/TextBox');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
 var registerStateHook = function registerStateHook(grid) {
@@ -40,7 +37,7 @@ var registerStateHook = function registerStateHook(grid) {
       onColumnRowEdited = _grid$props.onColumnRowEdited,
       onColumnRowEdit = _grid$props.onColumnRowEdit;
 
-  var _useDerivedStateFromP = useDerivedStateFromProps__default['default'](editingRowsProp || {}),
+  var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(editingRowsProp || {}),
       _useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
       editingRows = _useDerivedStateFromP2[0],
       setEditingRows = _useDerivedStateFromP2[1];
@@ -57,7 +54,7 @@ var registerStateHook = function registerStateHook(grid) {
     };
     setEditingRows(function (prevEditingRows) {
       onColumnRowEdit(editParams);
-      return utils.toggleInObject(prevEditingRows, rowData[rowKey], columnIndex);
+      return dsUtilities.toggleInObject(prevEditingRows, rowData[rowKey], columnIndex);
     });
   };
 

package/cjs/plugins/editable/EditablePlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditablePlugin.js","sources":["../../../../src/plugins/editable/EditablePlugin.tsx"],"sourcesContent":["import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';\nimport { toggleInObject } from '@elliemae/ds-utilities/utils';\nimport createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { addEditableToCell, makeEditableConfig } from './decorateEditable';\n\nconst registerStateHook = grid => {\n  const {\n    rowKey = 'id',\n    editingRows: editingRowsProp,\n    onColumnRowEdited,\n    onColumnRowEdit,\n  } = grid.props;\n  const [editingRows, setEditingRows] = useDerivedStateFromProps(\n    editingRowsProp || {},\n  );\n\n  const activateEdit = editParams => {\n    const { shouldRefocus } = grid.getInstance();\n    const { rowData, columnIndex } = editParams;\n    shouldRefocus.current = { forced: true, value: false };\n    setEditingRows(prevEditingRows => {\n      onColumnRowEdit(editParams);\n      return toggleInObject(prevEditingRows, rowData[rowKey], columnIndex);\n    });\n  };\n\n  const editValue = ({ value, rowData, property, rowIndex }) => {\n    setEditingRows({});\n    onColumnRowEdited({\n      value,\n      rowData,\n      property,\n      rowIndex,\n    });\n  };\n\n  return {\n    state: { editingRows },\n    actions: {\n      activateEdit,\n      editValue,\n    },\n  };\n};\n\nconst decorateColumn = (column, grid) => {\n  const {\n    props: { isColumnEditable = col => col.editable, customHandlers },\n  } = grid;\n\n  const editableConfig = makeEditableConfig(grid);\n\n  return isColumnEditable(column)\n    ? addEditableToCell(\n        {\n          column,\n          config: editableConfig,\n          handlers: customHandlers,\n        },\n        grid,\n      )\n    : column;\n};\n\nexport const EditablePlugin = createInstancePlugin('editable', {\n  registerStateHook,\n  decorateColumn,\n  registerHotKeys(grid) {\n    return {\n      key: 'enter',\n      handler: ({ rowIndex, cellIndex }) => {\n        const {\n          composedRows,\n          decoratedColumns,\n          actions: { activateEdit },\n          props: { isColumnEditable },\n        } = grid.getInstance();\n\n        if (!isColumnEditable(decoratedColumns[cellIndex])) return;\n\n        const rows = composedRows.rows || composedRows;\n        const row = rows[rowIndex];\n        if (!row) return;\n\n        activateEdit({\n          rowData: row,\n          columnIndex: cellIndex,\n        });\n      },\n      options: {\n        keydown: false,\n        keyup: true,\n      },\n    };\n  },\n});\n"],"names":["registerStateHook","grid","props","rowKey","editingRowsProp","editingRows","onColumnRowEdited","onColumnRowEdit","useDerivedStateFromProps","setEditingRows","activateEdit","editParams","getInstance","shouldRefocus","rowData","columnIndex","current","forced","value","prevEditingRows","toggleInObject","editValue","property","rowIndex","state","actions","decorateColumn","column","isColumnEditable","col","editable","customHandlers","editableConfig","makeEditableConfig","addEditableToCell","config","handlers","EditablePlugin","createInstancePlugin","registerHotKeys","key","handler","cellIndex","composedRows","decoratedColumns","rows","row","options","keydown","keyup"],"mappings":"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"}
+{"version":3,"file":"EditablePlugin.js","sources":["../../../../src/plugins/editable/EditablePlugin.tsx"],"sourcesContent":["import { useDerivedStateFromProps, toggleInObject } from '@elliemae/ds-utilities';\nimport createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { addEditableToCell, makeEditableConfig } from './decorateEditable';\n\nconst registerStateHook = (grid) => {\n  const { rowKey = 'id', editingRows: editingRowsProp, onColumnRowEdited, onColumnRowEdit } = grid.props;\n  const [editingRows, setEditingRows] = useDerivedStateFromProps(editingRowsProp || {});\n\n  const activateEdit = (editParams) => {\n    const { shouldRefocus } = grid.getInstance();\n    const { rowData, columnIndex } = editParams;\n    shouldRefocus.current = { forced: true, value: false };\n    setEditingRows((prevEditingRows) => {\n      onColumnRowEdit(editParams);\n      return toggleInObject(prevEditingRows, rowData[rowKey], columnIndex);\n    });\n  };\n\n  const editValue = ({ value, rowData, property, rowIndex }) => {\n    setEditingRows({});\n    onColumnRowEdited({\n      value,\n      rowData,\n      property,\n      rowIndex,\n    });\n  };\n\n  return {\n    state: { editingRows },\n    actions: {\n      activateEdit,\n      editValue,\n    },\n  };\n};\n\nconst decorateColumn = (column, grid) => {\n  const {\n    props: { isColumnEditable = (col) => col.editable, customHandlers },\n  } = grid;\n\n  const editableConfig = makeEditableConfig(grid);\n\n  return isColumnEditable(column)\n    ? addEditableToCell(\n        {\n          column,\n          config: editableConfig,\n          handlers: customHandlers,\n        },\n        grid,\n      )\n    : column;\n};\n\nexport const EditablePlugin = createInstancePlugin('editable', {\n  registerStateHook,\n  decorateColumn,\n  registerHotKeys(grid) {\n    return {\n      key: 'enter',\n      handler: ({ rowIndex, cellIndex }) => {\n        const {\n          composedRows,\n          decoratedColumns,\n          actions: { activateEdit },\n          props: { isColumnEditable },\n        } = grid.getInstance();\n\n        if (!isColumnEditable(decoratedColumns[cellIndex])) return;\n\n        const rows = composedRows.rows || composedRows;\n        const row = rows[rowIndex];\n        if (!row) return;\n\n        activateEdit({\n          rowData: row,\n          columnIndex: cellIndex,\n        });\n      },\n      options: {\n        keydown: false,\n        keyup: true,\n      },\n    };\n  },\n});\n"],"names":["registerStateHook","grid","props","rowKey","editingRowsProp","editingRows","onColumnRowEdited","onColumnRowEdit","useDerivedStateFromProps","setEditingRows","activateEdit","editParams","getInstance","shouldRefocus","rowData","columnIndex","current","forced","value","prevEditingRows","toggleInObject","editValue","property","rowIndex","state","actions","decorateColumn","column","isColumnEditable","col","editable","customHandlers","editableConfig","makeEditableConfig","addEditableToCell","config","handlers","EditablePlugin","createInstancePlugin","registerHotKeys","key","handler","cellIndex","composedRows","decoratedColumns","rows","row","options","keydown","keyup"],"mappings":"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"}

package/cjs/plugins/editable/decorateEditable.js

@@ -6,8 +6,8 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var edit = require('react-edit');
-var EditPencil = require('@elliemae/ds-icons/EditPencil');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsIcons = require('@elliemae/ds-icons');
+var dsUtilities = require('@elliemae/ds-utilities');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var plugins_editable_getEditorComponent = require('./getEditorComponent.js');
 require('@babel/runtime/helpers/extends');
@@ -18,9 +18,8 @@ require('@babel/runtime/helpers/assertThisInitialized');
 require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/possibleConstructorReturn');
 require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-basic/form/ComboBox');
+require('@elliemae/ds-form');
 require('./EditableComponents/TextBox.js');
-require('@elliemae/ds-basic/form/TextBox');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -48,7 +47,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var edit__namespace = /*#__PURE__*/_interopNamespace(edit);
-var EditPencil__default = /*#__PURE__*/_interopDefaultLegacy(EditPencil);
 
 var _excluded = ["columnIndex", "rowData", "column"];
 
@@ -97,7 +95,7 @@ var addEditableToCell = function addEditableToCell(_ref2, grid) {
       config = _ref2.config,
       handlers = _ref2.handlers;
   column.cell.transforms.push(config(plugins_editable_getEditorComponent(column.customEditor, handlers)));
-  column.cell.props.className = utils.cx(column.cell.props.className, "editable".concat(column.customEditor ? ' customEditor' : ''));
+  column.cell.props.className = dsUtilities.cx(column.cell.props.className, "editable".concat(column.customEditor ? ' customEditor' : ''));
   return initColumnDefinition.appendCellFormatter([function (value, extraParams) {
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
       onClick: function onClick(e) {
@@ -113,7 +111,7 @@ var addEditableToCell = function addEditableToCell(_ref2, grid) {
       },
       role: "gridcell",
       tabIndex: 0
-    }, value, /*#__PURE__*/React__default['default'].createElement(EditPencil__default['default'], {
+    }, value, /*#__PURE__*/React__default['default'].createElement(dsIcons.EditPencil, {
       className: "edit-pencil"
     }), /*#__PURE__*/React__default['default'].createElement("span", {
       className: "edit-separator"