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

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

@@ -1 +1 @@
-{"version":3,"file":"decorateEditable.js","sources":["../../../../src/plugins/editable/decorateEditable.tsx"],"sourcesContent":["import React from 'react';\nimport * as edit from 'react-edit';\nimport EditPencil from '@elliemae/ds-icons/EditPencil';\nimport { cx } from '@elliemae/ds-utilities/utils';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport getEditorComponent from './getEditorComponent';\n\nconst makeEditableConfig = grid =>\n  edit.edit({\n    isEditing: ({ columnIndex, rowData, column = {}, ...rest }) => {\n      const {\n        state: { editingRows },\n        props: { rowKey },\n      } = grid.getInstance();\n      let isCustomEditing;\n\n      if (typeof column.isEditing === 'function') {\n        isCustomEditing = column.isEditing({\n          columnIndex,\n          rowData,\n          column,\n          ...rest,\n        });\n      }\n      return (\n        editingRows[rowData[rowKey]] === columnIndex ||\n        column.alwaysEditing ||\n        isCustomEditing\n      );\n    },\n    onActivate: () => null,\n    onValue: (...args) => grid.getInstance().actions.editValue(...args),\n  });\nconst addEditableToCell = ({ column, config, handlers }, grid) => {\n  column.cell.transforms.push(\n    config(getEditorComponent(column.customEditor, handlers)),\n  );\n  column.cell.props.className = cx(\n    column.cell.props.className,\n    `editable${column.customEditor ? ' customEditor' : ''}`,\n  );\n  return appendCellFormatter(\n    [\n      (value, extraParams) => (\n        <>\n          <div\n            onClick={e => {\n              e.stopPropagation();\n              grid.getInstance().actions.activateEdit(extraParams);\n            }}\n            onKeyUp={e => {\n              e.stopPropagation();\n              if (e.keyCode === 33) {\n                grid.getInstance().actions.activateEdit(extraParams);\n              }\n            }}\n            role=\"gridcell\"\n            tabIndex={0}\n          >\n            {value}\n            <EditPencil className=\"edit-pencil\" />\n            <span className=\"edit-separator\"> </span>\n          </div>\n        </>\n      ),\n    ],\n    column,\n  );\n};\n\nexport { makeEditableConfig, addEditableToCell };\n"],"names":["makeEditableConfig","grid","edit","isEditing","columnIndex","rowData","column","rest","getInstance","editingRows","state","rowKey","props","isCustomEditing","alwaysEditing","onActivate","onValue","actions","editValue","addEditableToCell","config","handlers","cell","transforms","push","getEditorComponent","customEditor","className","cx","appendCellFormatter","value","extraParams","React","e","stopPropagation","activateEdit","keyCode","EditPencil"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAC,IAAI;AAAA,SAC7BC,eAAI,CAACA,IAAL,CAAU;AACRC,IAAAA,SAAS,EAAE,yBAAoD;AAAA,UAAjDC,WAAiD,QAAjDA,WAAiD;AAAA,UAApCC,OAAoC,QAApCA,OAAoC;AAAA,6BAA3BC,MAA2B;AAAA,UAA3BA,MAA2B,4BAAlB,EAAkB;AAAA,UAAXC,IAAW;;AAC7D,8BAGIN,IAAI,CAACO,WAAL,EAHJ;AAAA,UACWC,WADX,qBACEC,KADF,CACWD,WADX;AAAA,UAEWE,MAFX,qBAEEC,KAFF,CAEWD,MAFX;;AAIA,UAAIE,eAAJ;;AAEA,UAAI,OAAOP,MAAM,CAACH,SAAd,KAA4B,UAAhC,EAA4C;AAC1CU,QAAAA,eAAe,GAAGP,MAAM,CAACH,SAAP;AAChBC,UAAAA,WAAW,EAAXA,WADgB;AAEhBC,UAAAA,OAAO,EAAPA,OAFgB;AAGhBC,UAAAA,MAAM,EAANA;AAHgB,WAIbC,IAJa,EAAlB;AAMD;;AACD,aACEE,WAAW,CAACJ,OAAO,CAACM,MAAD,CAAR,CAAX,KAAiCP,WAAjC,IACAE,MAAM,CAACQ,aADP,IAEAD,eAHF;AAKD,KArBO;AAsBRE,IAAAA,UAAU,EAAE;AAAA,aAAM,IAAN;AAAA,KAtBJ;AAuBRC,IAAAA,OAAO,EAAE;AAAA;;AAAA,aAAa,yBAAAf,IAAI,CAACO,WAAL,GAAmBS,OAAnB,EAA2BC,SAA3B,wCAAb;AAAA;AAvBD,GAAV,CAD6B;AAAA;;IA0BzBC,iBAAiB,GAAG,SAApBA,iBAAoB,QAA+BlB,IAA/B,EAAwC;AAAA,MAArCK,MAAqC,SAArCA,MAAqC;AAAA,MAA7Bc,MAA6B,SAA7BA,MAA6B;AAAA,MAArBC,QAAqB,SAArBA,QAAqB;AAChEf,EAAAA,MAAM,CAACgB,IAAP,CAAYC,UAAZ,CAAuBC,IAAvB,CACEJ,MAAM,CAACK,mCAAkB,CAACnB,MAAM,CAACoB,YAAR,EAAsBL,QAAtB,CAAnB,CADR;AAGAf,EAAAA,MAAM,CAACgB,IAAP,CAAYV,KAAZ,CAAkBe,SAAlB,GAA8BC,QAAE,CAC9BtB,MAAM,CAACgB,IAAP,CAAYV,KAAZ,CAAkBe,SADY,oBAEnBrB,MAAM,CAACoB,YAAP,GAAsB,eAAtB,GAAwC,EAFrB,EAAhC;AAIA,SAAOG,wCAAmB,CACxB,CACE,UAACC,KAAD,EAAQC,WAAR;AAAA,wBACEC,+FACEA;AACE,MAAA,OAAO,EAAE,iBAAAC,CAAC,EAAI;AACZA,QAAAA,CAAC,CAACC,eAAF;AACAjC,QAAAA,IAAI,CAACO,WAAL,GAAmBS,OAAnB,CAA2BkB,YAA3B,CAAwCJ,WAAxC;AACD,OAJH;AAKE,MAAA,OAAO,EAAE,iBAAAE,CAAC,EAAI;AACZA,QAAAA,CAAC,CAACC,eAAF;;AACA,YAAID,CAAC,CAACG,OAAF,KAAc,EAAlB,EAAsB;AACpBnC,UAAAA,IAAI,CAACO,WAAL,GAAmBS,OAAnB,CAA2BkB,YAA3B,CAAwCJ,WAAxC;AACD;AACF,OAVH;AAWE,MAAA,IAAI,EAAC,UAXP;AAYE,MAAA,QAAQ,EAAE;AAZZ,OAcGD,KAdH,eAeEE,wCAACK,8BAAD;AAAY,MAAA,SAAS,EAAC;AAAtB,MAfF,eAgBEL;AAAM,MAAA,SAAS,EAAC;AAAhB,WAhBF,CADF,CADF;AAAA,GADF,CADwB,EAyBxB1B,MAzBwB,CAA1B;AA2BD;;;;;"}
+{"version":3,"file":"decorateEditable.js","sources":["../../../../src/plugins/editable/decorateEditable.tsx"],"sourcesContent":["import React from 'react';\nimport * as edit from 'react-edit';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { cx } from '@elliemae/ds-utilities';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport getEditorComponent from './getEditorComponent';\n\nconst makeEditableConfig = (grid) =>\n  edit.edit({\n    isEditing: ({ columnIndex, rowData, column = {}, ...rest }) => {\n      const {\n        state: { editingRows },\n        props: { rowKey },\n      } = grid.getInstance();\n      let isCustomEditing;\n\n      if (typeof column.isEditing === 'function') {\n        isCustomEditing = column.isEditing({\n          columnIndex,\n          rowData,\n          column,\n          ...rest,\n        });\n      }\n      return editingRows[rowData[rowKey]] === columnIndex || column.alwaysEditing || isCustomEditing;\n    },\n    onActivate: () => null,\n    onValue: (...args) => grid.getInstance().actions.editValue(...args),\n  });\nconst addEditableToCell = ({ column, config, handlers }, grid) => {\n  column.cell.transforms.push(config(getEditorComponent(column.customEditor, handlers)));\n  column.cell.props.className = cx(\n    column.cell.props.className,\n    `editable${column.customEditor ? ' customEditor' : ''}`,\n  );\n  return appendCellFormatter(\n    [\n      (value, extraParams) => (\n        <>\n          <div\n            onClick={(e) => {\n              e.stopPropagation();\n              grid.getInstance().actions.activateEdit(extraParams);\n            }}\n            onKeyUp={(e) => {\n              e.stopPropagation();\n              if (e.keyCode === 33) {\n                grid.getInstance().actions.activateEdit(extraParams);\n              }\n            }}\n            role=\"gridcell\"\n            tabIndex={0}\n          >\n            {value}\n            <EditPencil className=\"edit-pencil\" />\n            <span className=\"edit-separator\"> </span>\n          </div>\n        </>\n      ),\n    ],\n    column,\n  );\n};\n\nexport { makeEditableConfig, addEditableToCell };\n"],"names":["makeEditableConfig","grid","edit","isEditing","columnIndex","rowData","column","rest","getInstance","editingRows","state","rowKey","props","isCustomEditing","alwaysEditing","onActivate","onValue","actions","editValue","addEditableToCell","config","handlers","cell","transforms","push","getEditorComponent","customEditor","className","cx","appendCellFormatter","value","extraParams","React","e","stopPropagation","activateEdit","keyCode","EditPencil"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD;AAAA,SACzBC,eAAI,CAACA,IAAL,CAAU;AACRC,IAAAA,SAAS,EAAE,yBAAoD;AAAA,UAAjDC,WAAiD,QAAjDA,WAAiD;AAAA,UAApCC,OAAoC,QAApCA,OAAoC;AAAA,6BAA3BC,MAA2B;AAAA,UAA3BA,MAA2B,4BAAlB,EAAkB;AAAA,UAAXC,IAAW;;AAC7D,8BAGIN,IAAI,CAACO,WAAL,EAHJ;AAAA,UACWC,WADX,qBACEC,KADF,CACWD,WADX;AAAA,UAEWE,MAFX,qBAEEC,KAFF,CAEWD,MAFX;;AAIA,UAAIE,eAAJ;;AAEA,UAAI,OAAOP,MAAM,CAACH,SAAd,KAA4B,UAAhC,EAA4C;AAC1CU,QAAAA,eAAe,GAAGP,MAAM,CAACH,SAAP;AAChBC,UAAAA,WAAW,EAAXA,WADgB;AAEhBC,UAAAA,OAAO,EAAPA,OAFgB;AAGhBC,UAAAA,MAAM,EAANA;AAHgB,WAIbC,IAJa,EAAlB;AAMD;;AACD,aAAOE,WAAW,CAACJ,OAAO,CAACM,MAAD,CAAR,CAAX,KAAiCP,WAAjC,IAAgDE,MAAM,CAACQ,aAAvD,IAAwED,eAA/E;AACD,KAjBO;AAkBRE,IAAAA,UAAU,EAAE;AAAA,aAAM,IAAN;AAAA,KAlBJ;AAmBRC,IAAAA,OAAO,EAAE;AAAA;;AAAA,aAAa,yBAAAf,IAAI,CAACO,WAAL,GAAmBS,OAAnB,EAA2BC,SAA3B,wCAAb;AAAA;AAnBD,GAAV,CADyB;AAAA;;IAsBrBC,iBAAiB,GAAG,SAApBA,iBAAoB,QAA+BlB,IAA/B,EAAwC;AAAA,MAArCK,MAAqC,SAArCA,MAAqC;AAAA,MAA7Bc,MAA6B,SAA7BA,MAA6B;AAAA,MAArBC,QAAqB,SAArBA,QAAqB;AAChEf,EAAAA,MAAM,CAACgB,IAAP,CAAYC,UAAZ,CAAuBC,IAAvB,CAA4BJ,MAAM,CAACK,mCAAkB,CAACnB,MAAM,CAACoB,YAAR,EAAsBL,QAAtB,CAAnB,CAAlC;AACAf,EAAAA,MAAM,CAACgB,IAAP,CAAYV,KAAZ,CAAkBe,SAAlB,GAA8BC,cAAE,CAC9BtB,MAAM,CAACgB,IAAP,CAAYV,KAAZ,CAAkBe,SADY,oBAEnBrB,MAAM,CAACoB,YAAP,GAAsB,eAAtB,GAAwC,EAFrB,EAAhC;AAIA,SAAOG,wCAAmB,CACxB,CACE,UAACC,KAAD,EAAQC,WAAR;AAAA,wBACEC,+FACEA;AACE,MAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;AACdA,QAAAA,CAAC,CAACC,eAAF;AACAjC,QAAAA,IAAI,CAACO,WAAL,GAAmBS,OAAnB,CAA2BkB,YAA3B,CAAwCJ,WAAxC;AACD,OAJH;AAKE,MAAA,OAAO,EAAE,iBAACE,CAAD,EAAO;AACdA,QAAAA,CAAC,CAACC,eAAF;;AACA,YAAID,CAAC,CAACG,OAAF,KAAc,EAAlB,EAAsB;AACpBnC,UAAAA,IAAI,CAACO,WAAL,GAAmBS,OAAnB,CAA2BkB,YAA3B,CAAwCJ,WAAxC;AACD;AACF,OAVH;AAWE,MAAA,IAAI,EAAC,UAXP;AAYE,MAAA,QAAQ,EAAE;AAZZ,OAcGD,KAdH,eAeEE,wCAACK,kBAAD;AAAY,MAAA,SAAS,EAAC;AAAtB,MAfF,eAgBEL;AAAM,MAAA,SAAS,EAAC;AAAhB,WAhBF,CADF,CADF;AAAA,GADF,CADwB,EAyBxB1B,MAzBwB,CAA1B;AA2BD;;;;;"}

package/cjs/plugins/editable/getEditorComponent.js

@@ -12,8 +12,7 @@ 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-basic/form/TextBox');
+require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -1 +1 @@
-{"version":3,"file":"getEditorComponent.js","sources":["../../../../src/plugins/editable/getEditorComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { ComboBox, TextBox } from './EditableComponents';\n\nconst components = {\n  DSComboBox: ComboBox,\n  DSTextBox: TextBox,\n};\n\nconst getEditorComponent = (editorComponent = {}, handlers) => ({\n  value,\n  onValue,\n  extraParameters,\n}) => {\n  if (typeof editorComponent === 'function') {\n    return editorComponent({\n      value,\n      onValue,\n      customHandlers: handlers,\n      ...extraParameters,\n    });\n  }\n\n  const { type = 'DSTextBox', ...restEditorProps } = editorComponent;\n  const Component = components[type];\n\n  if (type === 'DSComboBox') {\n    // TODO: remove this whole condition when combobox v3 is out and fully working without \"maxOptions\" parameter\n    const maxOptions = restEditorProps?.options?.length || 100;\n    return (\n      <div style={{ zIndex: 0 }}>\n        <Component\n          autoFocus\n          onValue={onValue}\n          value={value}\n          maxOptions={maxOptions}\n          {...restEditorProps}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <Component autoFocus onValue={onValue} value={value} {...restEditorProps} />\n  );\n};\n\nexport default getEditorComponent;\n"],"names":["components","DSComboBox","ComboBox","DSTextBox","TextBox","getEditorComponent","editorComponent","handlers","value","onValue","extraParameters","customHandlers","type","restEditorProps","Component","maxOptions","options","length","React","zIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,UAAU,EAAEC,4CADK;AAEjBC,EAAAA,SAAS,EAAEC;AAFM,CAAnB;;IAKMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,MAACC,eAAD,uEAAmB,EAAnB;AAAA,MAAuBC,QAAvB;AAAA,SAAoC,gBAIzD;AAAA,QAHJC,KAGI,QAHJA,KAGI;AAAA,QAFJC,OAEI,QAFJA,OAEI;AAAA,QADJC,eACI,QADJA,eACI;;AACJ,QAAI,OAAOJ,eAAP,KAA2B,UAA/B,EAA2C;AACzC,aAAOA,eAAe;AACpBE,QAAAA,KAAK,EAALA,KADoB;AAEpBC,QAAAA,OAAO,EAAPA,OAFoB;AAGpBE,QAAAA,cAAc,EAAEJ;AAHI,SAIjBG,eAJiB,EAAtB;AAMD;;AAED,gCAAmDJ,eAAnD,CAAQM,IAAR;AAAA,QAAQA,IAAR,sCAAe,WAAf;AAAA,QAA+BC,eAA/B,gDAAmDP,eAAnD;;AACA,QAAMQ,SAAS,GAAGd,UAAU,CAACY,IAAD,CAA5B;;AAEA,QAAIA,IAAI,KAAK,YAAb,EAA2B;AAAA;;AACzB;AACA,UAAMG,UAAU,GAAG,CAAAF,eAAe,SAAf,IAAAA,eAAe,WAAf,qCAAAA,eAAe,CAAEG,OAAjB,gFAA0BC,MAA1B,KAAoC,GAAvD;AACA,0BACEC;AAAK,QAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAV;AAAZ,sBACED,wCAAC,SAAD;AACE,QAAA,SAAS,MADX;AAEE,QAAA,OAAO,EAAET,OAFX;AAGE,QAAA,KAAK,EAAED,KAHT;AAIE,QAAA,UAAU,EAAEO;AAJd,SAKMF,eALN,EADF,CADF;AAWD;;AAED,wBACEK,wCAAC,SAAD;AAAW,MAAA,SAAS,MAApB;AAAqB,MAAA,OAAO,EAAET,OAA9B;AAAuC,MAAA,KAAK,EAAED;AAA9C,OAAyDK,eAAzD,EADF;AAGD,GApC0B;AAAA;;;;"}
+{"version":3,"file":"getEditorComponent.js","sources":["../../../../src/plugins/editable/getEditorComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { ComboBox, TextBox } from './EditableComponents';\n\nconst components = {\n  DSComboBox: ComboBox,\n  DSTextBox: TextBox,\n};\n\nconst getEditorComponent = (editorComponent = {}, handlers) => ({\n  value,\n  onValue,\n  extraParameters,\n}) => {\n  if (typeof editorComponent === 'function') {\n    return editorComponent({\n      value,\n      onValue,\n      customHandlers: handlers,\n      ...extraParameters,\n    });\n  }\n\n  const { type = 'DSTextBox', ...restEditorProps } = editorComponent;\n  const Component = components[type];\n\n  if (type === 'DSComboBox') {\n    // TODO: remove this whole condition when combobox v3 is out and fully working without \"maxOptions\" parameter\n    const maxOptions = restEditorProps?.options?.length || 100;\n    return (\n      <div style={{ zIndex: 0 }}>\n        <Component\n          autoFocus\n          onValue={onValue}\n          value={value}\n          maxOptions={maxOptions}\n          {...restEditorProps}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <Component autoFocus onValue={onValue} value={value} {...restEditorProps} />\n  );\n};\n\nexport default getEditorComponent;\n"],"names":["components","DSComboBox","ComboBox","DSTextBox","TextBox","getEditorComponent","editorComponent","handlers","value","onValue","extraParameters","customHandlers","type","restEditorProps","Component","maxOptions","options","length","React","zIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,UAAU,EAAEC,4CADK;AAEjBC,EAAAA,SAAS,EAAEC;AAFM,CAAnB;;IAKMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,MAACC,eAAD,uEAAmB,EAAnB;AAAA,MAAuBC,QAAvB;AAAA,SAAoC,gBAIzD;AAAA,QAHJC,KAGI,QAHJA,KAGI;AAAA,QAFJC,OAEI,QAFJA,OAEI;AAAA,QADJC,eACI,QADJA,eACI;;AACJ,QAAI,OAAOJ,eAAP,KAA2B,UAA/B,EAA2C;AACzC,aAAOA,eAAe;AACpBE,QAAAA,KAAK,EAALA,KADoB;AAEpBC,QAAAA,OAAO,EAAPA,OAFoB;AAGpBE,QAAAA,cAAc,EAAEJ;AAHI,SAIjBG,eAJiB,EAAtB;AAMD;;AAED,gCAAmDJ,eAAnD,CAAQM,IAAR;AAAA,QAAQA,IAAR,sCAAe,WAAf;AAAA,QAA+BC,eAA/B,gDAAmDP,eAAnD;;AACA,QAAMQ,SAAS,GAAGd,UAAU,CAACY,IAAD,CAA5B;;AAEA,QAAIA,IAAI,KAAK,YAAb,EAA2B;AAAA;;AACzB;AACA,UAAMG,UAAU,GAAG,CAAAF,eAAe,SAAf,IAAAA,eAAe,WAAf,qCAAAA,eAAe,CAAEG,OAAjB,gFAA0BC,MAA1B,KAAoC,GAAvD;AACA,0BACEC;AAAK,QAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAV;AAAZ,sBACED,wCAAC,SAAD;AACE,QAAA,SAAS,MADX;AAEE,QAAA,OAAO,EAAET,OAFX;AAGE,QAAA,KAAK,EAAED,KAHT;AAIE,QAAA,UAAU,EAAEO;AAJd,SAKMF,eALN,EADF,CADF;AAWD;;AAED,wBACEK,wCAAC,SAAD;AAAW,MAAA,SAAS,MAApB;AAAqB,MAAA,OAAO,EAAET,OAA9B;AAAuC,MAAA,KAAK,EAAED;AAA9C,OAAyDK,eAAzD,EADF;AAGD,GApC0B;AAAA;;;;"}

package/cjs/plugins/editable/index.js

@@ -6,15 +6,14 @@ var plugins_editable_EditablePlugin = require('./EditablePlugin.js');
 var plugins_editable_EditableComponents_ComboBox = require('./EditableComponents/ComboBox.js');
 var plugins_editable_EditableComponents_TextBox = require('./EditableComponents/TextBox.js');
 require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-require('@elliemae/ds-utilities/utils');
+require('@elliemae/ds-utilities');
 require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 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');
@@ -24,8 +23,7 @@ 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-basic/form/TextBox');
+require('@elliemae/ds-form');
 
 
 

package/cjs/plugins/editable/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/expandable-grid/ExpandableColumn.js

@@ -3,11 +3,10 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
+var dsIcons = require('@elliemae/ds-icons');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSButton = require('@elliemae/ds-basic/Button');
-var DSTruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
+var DSButton = require('@elliemae/ds-button');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var blockNames = require('../../blockNames.js');
 var rowSizes = require('../../rowSizes.js');
 
@@ -16,8 +15,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
@@ -54,7 +51,7 @@ function ExpandableColumnCell(_ref) {
   }, /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
     buttonType: "text",
     className: "expandable-arrow",
-    icon: isExpanded ? /*#__PURE__*/React__default['default'].createElement(ArrowheadDown__default['default'], null) : /*#__PURE__*/React__default['default'].createElement(ArrowheadRight__default['default'], null),
+    icon: isExpanded ? /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadDown, null) : /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadRight, null),
     onClick: function onClick(e) {
       onToggleExpand(e);
 

package/cjs/plugins/expandable-grid/ExpandableColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableColumn.js","sources":["../../../../src/plugins/expandable-grid/ExpandableColumn.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { useRef } from 'react';\nimport ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';\nimport ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport DSTruncatedTooltipText from '@elliemae/ds-basic/TruncatedTooltipText';\nimport { dataGridBlockName } from '../../blockNames';\nimport { RowSizes } from '../../rowSizes';\n\nconst blockName = `${dataGridBlockName}-expandable-column`;\n\n// todo: clean this when we move to css-js\nconst ExpandableColumnWrapper = aggregatedClasses('div')(blockName);\nconst LabelDescriptionWrapper = aggregatedClasses('div')(\n  blockName,\n  'label-description-wrapper',\n);\nconst Label = aggregatedClasses('span')(blockName, 'label');\nconst Description = aggregatedClasses('span')(blockName, 'description');\nconst ExtraColumnData = aggregatedClasses('div')(\n  blockName,\n  'extra-column-data',\n);\nconst ExpandableMasterWrapper = aggregatedClasses('div')(\n  `${blockName}-master-wrapper`,\n);\nconst ExpandableDetailsWrapper = aggregatedClasses('div')(\n  `${blockName}-details-wrapper`,\n);\n\nfunction ExpandableColumnCell({\n  label,\n  description,\n  isExpanded,\n  expandableDetails,\n  extraData,\n  onToggleExpand,\n}) {\n  const ref = useRef();\n  return (\n    <ExpandableColumnWrapper ref={ref} tabindex={0}>\n      <ExpandableMasterWrapper style={{ height: RowSizes.extend }}>\n        <DSButton\n          buttonType=\"text\"\n          className=\"expandable-arrow\"\n          icon={isExpanded ? <ArrowheadDown /> : <ArrowheadRight />}\n          onClick={e => {\n            onToggleExpand(e);\n            if (ref && ref.current) {\n              ref.current.focus();\n            }\n          }}\n          size=\"s\"\n        />\n        <LabelDescriptionWrapper>\n          <Label>\n            <DSTruncatedTooltipText value={label} />\n          </Label>\n          <Description>\n            <DSTruncatedTooltipText value={description} />\n          </Description>\n        </LabelDescriptionWrapper>\n        <ExtraColumnData>{extraData}</ExtraColumnData>\n      </ExpandableMasterWrapper>\n      {isExpanded && (\n        <ExpandableDetailsWrapper>{expandableDetails}</ExpandableDetailsWrapper>\n      )}\n    </ExpandableColumnWrapper>\n  );\n}\n\nconst expandableColumnRenderer = ({\n  renderRowLabel,\n  renderRowDescription,\n  renderExtraData,\n}) => (value, { rowData, isExpanded }, grid) => {\n  const {\n    props: { renderExpandedDetails },\n    actions: { toggleExpand },\n  } = grid.getInstance();\n\n  const expandableDetails = renderExpandedDetails({ rowData });\n  return (\n    <ExpandableColumnCell\n      description={renderRowDescription({ rowData })}\n      expandableDetails={expandableDetails}\n      extraData={renderExtraData({ rowData })}\n      isExpanded={isExpanded}\n      label={renderRowLabel({ rowData })}\n      onToggleExpand={() => toggleExpand(rowData)}\n    />\n  );\n};\nconst noop = () => null;\nexport default function createExpandableColumn({\n  property,\n  label,\n  renderRowLabel = () => '----',\n  renderRowDescription = noop,\n  renderExtraData = noop,\n  width,\n  resizable,\n  sortable,\n  searchable,\n  customRenderer,\n  ...rest\n}) {\n  return {\n    ...rest,\n    label,\n    property,\n    cell: {\n      formatters: [\n        expandableColumnRenderer({\n          renderRowLabel,\n          renderRowDescription,\n          renderExtraData,\n        }),\n      ],\n    },\n    width: width || '50%',\n    expandableColumn: true,\n    resizable,\n    sortable,\n    searchable,\n  };\n}\n"],"names":["blockName","dataGridBlockName","ExpandableColumnWrapper","aggregatedClasses","LabelDescriptionWrapper","Label","Description","ExtraColumnData","ExpandableMasterWrapper","ExpandableDetailsWrapper","ExpandableColumnCell","label","description","isExpanded","expandableDetails","extraData","onToggleExpand","ref","useRef","React","height","RowSizes","extend","DSButton","ArrowheadDown","ArrowheadRight","e","current","focus","DSTruncatedTooltipText","expandableColumnRenderer","renderRowLabel","renderRowDescription","renderExtraData","value","grid","rowData","getInstance","renderExpandedDetails","props","toggleExpand","actions","noop","createExpandableColumn","property","width","resizable","sortable","searchable","customRenderer","rest","cell","formatters","expandableColumn"],"mappings":"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"}
+{"version":3,"file":"ExpandableColumn.js","sources":["../../../../src/plugins/expandable-grid/ExpandableColumn.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { useRef } from 'react';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSButton from '@elliemae/ds-button';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport { dataGridBlockName } from '../../blockNames';\nimport { RowSizes } from '../../rowSizes';\n\nconst blockName = `${dataGridBlockName}-expandable-column`;\n\n// todo: clean this when we move to css-js\nconst ExpandableColumnWrapper = aggregatedClasses('div')(blockName);\nconst LabelDescriptionWrapper = aggregatedClasses('div')(blockName, 'label-description-wrapper');\nconst Label = aggregatedClasses('span')(blockName, 'label');\nconst Description = aggregatedClasses('span')(blockName, 'description');\nconst ExtraColumnData = aggregatedClasses('div')(blockName, 'extra-column-data');\nconst ExpandableMasterWrapper = aggregatedClasses('div')(`${blockName}-master-wrapper`);\nconst ExpandableDetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`);\n\nfunction ExpandableColumnCell({ label, description, isExpanded, expandableDetails, extraData, onToggleExpand }) {\n  const ref = useRef();\n  return (\n    <ExpandableColumnWrapper ref={ref} tabindex={0}>\n      <ExpandableMasterWrapper style={{ height: RowSizes.extend }}>\n        <DSButton\n          buttonType=\"text\"\n          className=\"expandable-arrow\"\n          icon={isExpanded ? <ArrowheadDown /> : <ArrowheadRight />}\n          onClick={(e) => {\n            onToggleExpand(e);\n            if (ref && ref.current) {\n              ref.current.focus();\n            }\n          }}\n          size=\"s\"\n        />\n        <LabelDescriptionWrapper>\n          <Label>\n            <DSTruncatedTooltipText value={label} />\n          </Label>\n          <Description>\n            <DSTruncatedTooltipText value={description} />\n          </Description>\n        </LabelDescriptionWrapper>\n        <ExtraColumnData>{extraData}</ExtraColumnData>\n      </ExpandableMasterWrapper>\n      {isExpanded && <ExpandableDetailsWrapper>{expandableDetails}</ExpandableDetailsWrapper>}\n    </ExpandableColumnWrapper>\n  );\n}\n\nconst expandableColumnRenderer =\n  ({ renderRowLabel, renderRowDescription, renderExtraData }) =>\n  (value, { rowData, isExpanded }, grid) => {\n    const {\n      props: { renderExpandedDetails },\n      actions: { toggleExpand },\n    } = grid.getInstance();\n\n    const expandableDetails = renderExpandedDetails({ rowData });\n    return (\n      <ExpandableColumnCell\n        description={renderRowDescription({ rowData })}\n        expandableDetails={expandableDetails}\n        extraData={renderExtraData({ rowData })}\n        isExpanded={isExpanded}\n        label={renderRowLabel({ rowData })}\n        onToggleExpand={() => toggleExpand(rowData)}\n      />\n    );\n  };\nconst noop = () => null;\nexport default function createExpandableColumn({\n  property,\n  label,\n  renderRowLabel = () => '----',\n  renderRowDescription = noop,\n  renderExtraData = noop,\n  width,\n  resizable,\n  sortable,\n  searchable,\n  customRenderer,\n  ...rest\n}) {\n  return {\n    ...rest,\n    label,\n    property,\n    cell: {\n      formatters: [\n        expandableColumnRenderer({\n          renderRowLabel,\n          renderRowDescription,\n          renderExtraData,\n        }),\n      ],\n    },\n    width: width || '50%',\n    expandableColumn: true,\n    resizable,\n    sortable,\n    searchable,\n  };\n}\n"],"names":["blockName","dataGridBlockName","ExpandableColumnWrapper","aggregatedClasses","LabelDescriptionWrapper","Label","Description","ExtraColumnData","ExpandableMasterWrapper","ExpandableDetailsWrapper","ExpandableColumnCell","label","description","isExpanded","expandableDetails","extraData","onToggleExpand","ref","useRef","React","height","RowSizes","extend","DSButton","ArrowheadDown","ArrowheadRight","e","current","focus","DSTruncatedTooltipText","expandableColumnRenderer","renderRowLabel","renderRowDescription","renderExtraData","value","grid","rowData","getInstance","renderExpandedDetails","props","toggleExpand","actions","noop","createExpandableColumn","property","width","resizable","sortable","searchable","customRenderer","rest","cell","formatters","expandableColumn"],"mappings":"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"}

package/cjs/plugins/expandable-grid/ExpandablePlugin.js

@@ -6,42 +6,39 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var reactWindow = require('react-window');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
-var ArrowheadRight = require('@elliemae/ds-icons/ArrowheadRight');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var plugins_expandableGrid_ExpandedRow = require('./ExpandedRow.js');
 var plugins_expandableGrid_ExpandedRowExtra = require('./ExpandedRowExtra.js');
 var rowSizes = require('../../rowSizes.js');
 var plugins_expandableGrid_useExpandGridState = require('./useExpandGridState.js');
-require('@elliemae/ds-basic/Separator');
+require('@elliemae/ds-separator');
 require('styled-components');
 require('@elliemae/ds-shared/defer-render-hoc');
 require('@elliemae/ds-shared/useDataGrid');
 require('../pagination/PaginationPlugin.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-utilities/system');
 require('@elliemae/ds-shared/FocusGroup/FocusGrid');
 require('../pagination/helper.js');
 require('../pagination/usePaginationState.js');
 require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
 require('../../components/NoResults.js');
 require('@elliemae/ds-system');
 require('../../components/BodyCell.js');
 require('prop-types');
 require('@elliemae/ds-shared/createDataInstance/utils');
-require('@elliemae/ds-basic/TruncatedTooltipText');
-require('../../index-9d448b9a.js');
+require('@elliemae/ds-truncated-tooltip-text');
+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');
 require('../../components/TableBody.js');
 require('../../components/tableContext.js');
 require('../../components/Table.js');
@@ -55,10 +52,8 @@ require('../../utilities/getScrollbarSize.js');
 require('../column-sizing/useColumnSizeService.js');
 require('../column-sizing/utils.js');
 require('../column-sizing/ext-points/getTableProps.js');
-require('@elliemae/ds-utilities/hooks/useResizeObserver');
 require('../column-sizing/ext-points/decorateColumn.js');
 require('../column-sizing/columnMeasurerTransformer.js');
-require('@elliemae/ds-utilities/hooks/useExpandState');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -66,8 +61,6 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
-var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
@@ -144,7 +137,7 @@ var ExpandablePlugin = createInstancePlugin__default['default']('expandable', {
       return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
         buttonType: "text",
         className: "expandable-arrow",
-        icon: isExpanded ? /*#__PURE__*/React__default['default'].createElement(ArrowheadDown__default['default'], null) : /*#__PURE__*/React__default['default'].createElement(ArrowheadRight__default['default'], null),
+        icon: isExpanded ? /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadDown, null) : /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadRight, null),
         onClick: function onClick(e) {
           e.stopPropagation();
           toggleExpand(rowData);
@@ -190,13 +183,13 @@ var ExpandablePlugin = createInstancePlugin__default['default']('expandable', {
         isShowingAll: children.length < expandableSubrowsVisible || expandedRows[key] && expandedRows[key].showAllRows,
         size: subrowSizePx
       });
-      var expandedMinSize = utils.isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index); // eslint-disable-next-line no-nested-ternary
+      var expandedMinSize = dsUtilities.isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index); // eslint-disable-next-line no-nested-ternary
 
       return expandedRows[key] ? expandedMinSize > expandedSize ? expandedMinSize : expandedSize : rowSizePx;
     };
 
     return _objectSpread(_objectSpread({}, bodyProps), {}, {
-      className: utils.cx(bodyProps.className, 'expandable'),
+      className: dsUtilities.cx(bodyProps.className, 'expandable'),
       listComponent: reactWindow.VariableSizeList,
       listProps: {
         ref: listRef,
@@ -259,7 +252,7 @@ var ExpandablePlugin = createInstancePlugin__default['default']('expandable', {
     var key = rowData[rowKey];
     var isExpanded = !!expandedRows[key];
     return _objectSpread(_objectSpread({}, rowProps), {}, {
-      className: utils.cx(rowProps.className, Object.keys(expandedRows).length > 0 && 'expandable-row', isExpanded && 'expanded'),
+      className: dsUtilities.cx(rowProps.className, Object.keys(expandedRows).length > 0 && 'expandable-row', isExpanded && 'expanded'),
       isExpanded: isExpanded,
       showAllRows: expandedRows[key] && expandedRows[key].showAllRows
     });

package/cjs/plugins/expandable-grid/ExpandablePlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandablePlugin.js","sources":["../../../../src/plugins/expandable-grid/ExpandablePlugin.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { cx, isFunction } from '@elliemae/ds-utilities/utils';\nimport { VariableSizeList } from 'react-window';\nimport ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';\nimport ArrowheadRight from '@elliemae/ds-icons/ArrowheadRight';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport ExpandedRow from './ExpandedRow';\nimport ExpandedRowExtra from './ExpandedRowExtra';\nimport { RowSizes } from '../../rowSizes';\nimport { useExpandGridState } from './useExpandGridState';\n\nconst getExpandedRowSizeBySubrows = ({\n  totalAmount,\n  amountVisible,\n  isShowingAll,\n  size = 36,\n}) =>\n  isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;\n\nconst ExpandedRows = {\n  SingleColumn: ExpandedRow,\n  Master: ExpandedRowExtra,\n};\n\nconst createExpandedRow = type => ExpandedRows[type] || ExpandedRows.Master;\n\nconst isExpandableSingleColumn = columns =>\n  columns.some(column => column.expandableColumn);\n\nexport const ExpandablePlugin = createInstancePlugin('expandable', {\n  registerStateHook: useExpandGridState,\n  decorateGrid(grid) {\n    const { decoratedColumns, columns } = grid.getInstance();\n    const detailColumns = useMemo(\n      () =>\n        decoratedColumns\n          .map(column => ({\n            ...column,\n            customRenderer: column.detailCustomRenderer,\n          }))\n          .filter(col => !col.expandableColumn),\n      [columns],\n    );\n    return {\n      detailColumns,\n    };\n  },\n\n  decorateColumns(columns, grid) {\n    if (isExpandableSingleColumn(columns)) return columns;\n    // get first column from user\n    const firstColumnIndex = columns.findIndex(column => column.isUserColumn);\n    const firstColumn = columns[firstColumnIndex];\n    firstColumn.formatExpandable = true;\n\n    return [\n      ...columns.slice(0, firstColumnIndex),\n      appendCellFormatter((value, { isExpanded, rowData }) => {\n        const {\n          actions: { toggleExpand },\n        } = grid.getInstance();\n        /*\n         * should return only 2 elements ../custom-cell-renderer/addCustomRendererToCell.js\n         * getRenderer it's checking that length to apply the custom render to value only\n         */\n        return (\n          <>\n            <DSButton\n              buttonType=\"text\"\n              className=\"expandable-arrow\"\n              icon={isExpanded ? <ArrowheadDown /> : <ArrowheadRight />}\n              onClick={e => {\n                e.stopPropagation();\n                toggleExpand(rowData);\n              }}\n              size=\"s\"\n            />\n            {value}\n          </>\n        );\n      }, firstColumn),\n      ...columns.slice(firstColumnIndex + 1),\n    ];\n  },\n\n  getBodyProps(bodyProps, grid) {\n    const {\n      composedRows: rows,\n      props: {\n        rowKey,\n        getChildrenRows,\n        rowSize = 'normal',\n        subrowSize = 'normal',\n        getExpandedRowMinSize,\n        getExpandedRowSize,\n        expandableSubrowsVisible,\n      },\n      state: { expandedRows },\n    } = grid.getInstance();\n    const rowSizePx = RowSizes[rowSize];\n    const subrowSizePx = RowSizes[subrowSize];\n    const listRef = useRef();\n\n    useEffect(() => {\n      if (listRef.current) listRef.current.resetAfterIndex(0, true);\n    });\n\n    // implementation of expandable row single column with aggregation\n    const getItemSize = index => {\n      const rowData = rows[index];\n      const key = rowData[rowKey];\n      const children = getChildrenRows({ rowData });\n\n      const expandedSize = getExpandedRowSize\n        ? getExpandedRowSize(index, { rowData }) // https://jira.elliemae.io/browse/PUI-1659\n        : getExpandedRowSizeBySubrows({\n            totalAmount: children.length,\n            amountVisible:\n              children.length > expandableSubrowsVisible\n                ? expandableSubrowsVisible\n                : children.length,\n            isShowingAll:\n              children.length < expandableSubrowsVisible ||\n              (expandedRows[key] && expandedRows[key].showAllRows),\n            size: subrowSizePx,\n          });\n\n      const expandedMinSize =\n        isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index);\n\n      // eslint-disable-next-line no-nested-ternary\n      return expandedRows[key]\n        ? expandedMinSize > expandedSize\n          ? expandedMinSize\n          : expandedSize\n        : rowSizePx;\n    };\n\n    return {\n      ...bodyProps,\n      className: cx(bodyProps.className, 'expandable'),\n      listComponent: VariableSizeList,\n      listProps: { ref: listRef, itemSize: getItemSize },\n    };\n  },\n\n  decorateRenderers(renderers, grid) {\n    const Row = renderers.body.row;\n    const Cell = renderers.body.cell;\n\n    // eslint-disable-next-line react/display-name\n    renderers.body.row = useMemo(() => {\n      // todo: the expandable grid should be created from another specific grid component\n      const expandedRowType = isExpandableSingleColumn(grid.decoratedColumns)\n        ? 'SingleColumn'\n        : 'Master';\n      const ExpandedRowComponent = createExpandedRow(expandedRowType);\n      // eslint-disable-next-line react/display-name\n      return ({ isExpanded, ...rowProps }) => {\n        if (isExpanded) {\n          const {\n            props: { detailColumns, getChildrenRows, renderRowDetails },\n            composedRows,\n          } = grid.getInstance();\n          // https://jira.elliemae.io/browse/PUI-1667\n          const rowData = composedRows[rowProps.index]\n            ? composedRows[rowProps.index]\n            : rowProps.rowData;\n          return (\n            <ExpandedRowComponent\n              cellComponent={Cell}\n              detailColumns={detailColumns}\n              parentGrid={grid}\n              renderRowDetails={renderRowDetails}\n              rowComponent={Row}\n              rowData={rowData}\n              rowProps={{\n                rowData,\n                isExpanded,\n                ...rowProps,\n              }}\n              rows={getChildrenRows({ rowData })}\n            >\n              {rowProps.children}\n            </ExpandedRowComponent>\n          );\n        }\n        return <Row {...rowProps} />;\n      };\n    }, []);\n\n    return renderers;\n  },\n\n  getRowProps(rowProps, grid, { rowData }) {\n    const {\n      props: { rowKey },\n      state: { expandedRows },\n    } = grid.getInstance();\n    const key = rowData[rowKey];\n    const isExpanded = !!expandedRows[key];\n    return {\n      ...rowProps,\n      className: cx(\n        rowProps.className,\n        Object.keys(expandedRows).length > 0 && 'expandable-row',\n        isExpanded && 'expanded',\n      ),\n      isExpanded,\n      showAllRows: expandedRows[key] && expandedRows[key].showAllRows,\n    };\n  },\n});\n"],"names":["getExpandedRowSizeBySubrows","totalAmount","amountVisible","isShowingAll","size","ExpandedRows","SingleColumn","ExpandedRow","Master","ExpandedRowExtra","createExpandedRow","type","isExpandableSingleColumn","columns","some","column","expandableColumn","ExpandablePlugin","createInstancePlugin","registerStateHook","useExpandGridState","decorateGrid","grid","getInstance","decoratedColumns","detailColumns","useMemo","map","customRenderer","detailCustomRenderer","filter","col","decorateColumns","firstColumnIndex","findIndex","isUserColumn","firstColumn","formatExpandable","slice","appendCellFormatter","value","isExpanded","rowData","toggleExpand","actions","React","DSButton","ArrowheadDown","ArrowheadRight","e","stopPropagation","getBodyProps","bodyProps","rows","composedRows","props","rowKey","getChildrenRows","rowSize","subrowSize","getExpandedRowMinSize","getExpandedRowSize","expandableSubrowsVisible","expandedRows","state","rowSizePx","RowSizes","subrowSizePx","listRef","useRef","useEffect","current","resetAfterIndex","getItemSize","index","key","children","expandedSize","length","showAllRows","expandedMinSize","isFunction","className","cx","listComponent","VariableSizeList","listProps","ref","itemSize","decorateRenderers","renderers","Row","body","row","Cell","cell","expandedRowType","ExpandedRowComponent","rowProps","renderRowDetails","getRowProps","Object","keys"],"mappings":"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"}
+{"version":3,"file":"ExpandablePlugin.js","sources":["../../../../src/plugins/expandable-grid/ExpandablePlugin.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { cx, isFunction } from '@elliemae/ds-utilities';\nimport { VariableSizeList } from 'react-window';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport ExpandedRow from './ExpandedRow';\nimport ExpandedRowExtra from './ExpandedRowExtra';\nimport { RowSizes } from '../../rowSizes';\nimport { useExpandGridState } from './useExpandGridState';\n\nconst getExpandedRowSizeBySubrows = ({ totalAmount, amountVisible, isShowingAll, size = 36 }) =>\n  isShowingAll ? size * (totalAmount + 1) - 6 : size * (amountVisible + 1) + 32;\n\nconst ExpandedRows = {\n  SingleColumn: ExpandedRow,\n  Master: ExpandedRowExtra,\n};\n\nconst createExpandedRow = (type) => ExpandedRows[type] || ExpandedRows.Master;\n\nconst isExpandableSingleColumn = (columns) => columns.some((column) => column.expandableColumn);\n\nexport const ExpandablePlugin = createInstancePlugin('expandable', {\n  registerStateHook: useExpandGridState,\n  decorateGrid(grid) {\n    const { decoratedColumns, columns } = grid.getInstance();\n    const detailColumns = useMemo(\n      () =>\n        decoratedColumns\n          .map((column) => ({\n            ...column,\n            customRenderer: column.detailCustomRenderer,\n          }))\n          .filter((col) => !col.expandableColumn),\n      [columns],\n    );\n    return {\n      detailColumns,\n    };\n  },\n\n  decorateColumns(columns, grid) {\n    if (isExpandableSingleColumn(columns)) return columns;\n    // get first column from user\n    const firstColumnIndex = columns.findIndex((column) => column.isUserColumn);\n    const firstColumn = columns[firstColumnIndex];\n    firstColumn.formatExpandable = true;\n\n    return [\n      ...columns.slice(0, firstColumnIndex),\n      appendCellFormatter((value, { isExpanded, rowData }) => {\n        const {\n          actions: { toggleExpand },\n        } = grid.getInstance();\n        /*\n         * should return only 2 elements ../custom-cell-renderer/addCustomRendererToCell.js\n         * getRenderer it's checking that length to apply the custom render to value only\n         */\n        return (\n          <>\n            <DSButton\n              buttonType=\"text\"\n              className=\"expandable-arrow\"\n              icon={isExpanded ? <ArrowheadDown /> : <ArrowheadRight />}\n              onClick={(e) => {\n                e.stopPropagation();\n                toggleExpand(rowData);\n              }}\n              size=\"s\"\n            />\n            {value}\n          </>\n        );\n      }, firstColumn),\n      ...columns.slice(firstColumnIndex + 1),\n    ];\n  },\n\n  getBodyProps(bodyProps, grid) {\n    const {\n      composedRows: rows,\n      props: {\n        rowKey,\n        getChildrenRows,\n        rowSize = 'normal',\n        subrowSize = 'normal',\n        getExpandedRowMinSize,\n        getExpandedRowSize,\n        expandableSubrowsVisible,\n      },\n      state: { expandedRows },\n    } = grid.getInstance();\n    const rowSizePx = RowSizes[rowSize];\n    const subrowSizePx = RowSizes[subrowSize];\n    const listRef = useRef();\n\n    useEffect(() => {\n      if (listRef.current) listRef.current.resetAfterIndex(0, true);\n    });\n\n    // implementation of expandable row single column with aggregation\n    const getItemSize = (index) => {\n      const rowData = rows[index];\n      const key = rowData[rowKey];\n      const children = getChildrenRows({ rowData });\n\n      const expandedSize = getExpandedRowSize\n        ? getExpandedRowSize(index, { rowData }) // https://jira.elliemae.io/browse/PUI-1659\n        : getExpandedRowSizeBySubrows({\n            totalAmount: children.length,\n            amountVisible: children.length > expandableSubrowsVisible ? expandableSubrowsVisible : children.length,\n            isShowingAll:\n              children.length < expandableSubrowsVisible || (expandedRows[key] && expandedRows[key].showAllRows),\n            size: subrowSizePx,\n          });\n\n      const expandedMinSize = isFunction(getExpandedRowMinSize) && getExpandedRowMinSize(index);\n\n      // eslint-disable-next-line no-nested-ternary\n      return expandedRows[key] ? (expandedMinSize > expandedSize ? expandedMinSize : expandedSize) : rowSizePx;\n    };\n\n    return {\n      ...bodyProps,\n      className: cx(bodyProps.className, 'expandable'),\n      listComponent: VariableSizeList,\n      listProps: { ref: listRef, itemSize: getItemSize },\n    };\n  },\n\n  decorateRenderers(renderers, grid) {\n    const Row = renderers.body.row;\n    const Cell = renderers.body.cell;\n\n    // eslint-disable-next-line react/display-name\n    renderers.body.row = useMemo(() => {\n      // todo: the expandable grid should be created from another specific grid component\n      const expandedRowType = isExpandableSingleColumn(grid.decoratedColumns) ? 'SingleColumn' : 'Master';\n      const ExpandedRowComponent = createExpandedRow(expandedRowType);\n      // eslint-disable-next-line react/display-name\n      return ({ isExpanded, ...rowProps }) => {\n        if (isExpanded) {\n          const {\n            props: { detailColumns, getChildrenRows, renderRowDetails },\n            composedRows,\n          } = grid.getInstance();\n          // https://jira.elliemae.io/browse/PUI-1667\n          const rowData = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;\n          return (\n            <ExpandedRowComponent\n              cellComponent={Cell}\n              detailColumns={detailColumns}\n              parentGrid={grid}\n              renderRowDetails={renderRowDetails}\n              rowComponent={Row}\n              rowData={rowData}\n              rowProps={{\n                rowData,\n                isExpanded,\n                ...rowProps,\n              }}\n              rows={getChildrenRows({ rowData })}\n            >\n              {rowProps.children}\n            </ExpandedRowComponent>\n          );\n        }\n        return <Row {...rowProps} />;\n      };\n    }, []);\n\n    return renderers;\n  },\n\n  getRowProps(rowProps, grid, { rowData }) {\n    const {\n      props: { rowKey },\n      state: { expandedRows },\n    } = grid.getInstance();\n    const key = rowData[rowKey];\n    const isExpanded = !!expandedRows[key];\n    return {\n      ...rowProps,\n      className: cx(\n        rowProps.className,\n        Object.keys(expandedRows).length > 0 && 'expandable-row',\n        isExpanded && 'expanded',\n      ),\n      isExpanded,\n      showAllRows: expandedRows[key] && expandedRows[key].showAllRows,\n    };\n  },\n});\n"],"names":["getExpandedRowSizeBySubrows","totalAmount","amountVisible","isShowingAll","size","ExpandedRows","SingleColumn","ExpandedRow","Master","ExpandedRowExtra","createExpandedRow","type","isExpandableSingleColumn","columns","some","column","expandableColumn","ExpandablePlugin","createInstancePlugin","registerStateHook","useExpandGridState","decorateGrid","grid","getInstance","decoratedColumns","detailColumns","useMemo","map","customRenderer","detailCustomRenderer","filter","col","decorateColumns","firstColumnIndex","findIndex","isUserColumn","firstColumn","formatExpandable","slice","appendCellFormatter","value","isExpanded","rowData","toggleExpand","actions","React","DSButton","ArrowheadDown","ArrowheadRight","e","stopPropagation","getBodyProps","bodyProps","rows","composedRows","props","rowKey","getChildrenRows","rowSize","subrowSize","getExpandedRowMinSize","getExpandedRowSize","expandableSubrowsVisible","expandedRows","state","rowSizePx","RowSizes","subrowSizePx","listRef","useRef","useEffect","current","resetAfterIndex","getItemSize","index","key","children","expandedSize","length","showAllRows","expandedMinSize","isFunction","className","cx","listComponent","VariableSizeList","listProps","ref","itemSize","decorateRenderers","renderers","Row","body","row","Cell","cell","expandedRowType","ExpandedRowComponent","rowProps","renderRowDetails","getRowProps","Object","keys"],"mappings":"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"}

package/cjs/plugins/expandable-grid/ExpandedRow.js

@@ -3,38 +3,36 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var DSSeparator = require('@elliemae/ds-basic/Separator');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSSeparator = require('@elliemae/ds-separator');
+var DSButton = require('@elliemae/ds-button');
 var styled = require('styled-components');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var deferComponentRender = require('@elliemae/ds-shared/defer-render-hoc');
 var useDataGrid = require('@elliemae/ds-shared/useDataGrid');
 var plugins_pagination_PaginationPlugin = require('../pagination/PaginationPlugin.js');
 var components_BodyCell = require('../../components/BodyCell.js');
-var components_renderers_index = require('../../index-9d448b9a.js');
+var components_renderers_index = require('../../index-0be12eb8.js');
 var components_TableBody = require('../../components/TableBody.js');
 var components_Table = require('../../components/Table.js');
 var plugins_columnSizing_ColumnSizingPlugin = require('../column-sizing/ColumnSizingPlugin.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-utilities/system');
 require('@elliemae/ds-shared/FocusGroup/FocusGrid');
 require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 require('../pagination/helper.js');
 require('../pagination/usePaginationState.js');
 require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
 require('../../components/NoResults.js');
 require('@elliemae/ds-system');
 require('@babel/runtime/helpers/toConsumableArray');
 require('prop-types');
 require('@elliemae/ds-shared/createDataInstance/utils');
-require('@elliemae/ds-basic/TruncatedTooltipText');
+require('@elliemae/ds-truncated-tooltip-text');
 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');
 require('../../components/tableContext.js');
 require('../../components/TableHeader.js');
 require('../../components/HeaderCell.js');
@@ -45,7 +43,6 @@ require('../../utilities/getScrollbarSize.js');
 require('../column-sizing/useColumnSizeService.js');
 require('../column-sizing/utils.js');
 require('../column-sizing/ext-points/getTableProps.js');
-require('@elliemae/ds-utilities/hooks/useResizeObserver');
 require('../column-sizing/ext-points/decorateColumn.js');
 require('../column-sizing/columnMeasurerTransformer.js');
 
@@ -148,7 +145,7 @@ function ExpandedRow(_ref2) {
   }), /*#__PURE__*/React__default['default'].createElement(DetailsWrapper, {
     width: expandableGridDetailWidth
   }, /*#__PURE__*/React__default['default'].createElement(DetailGridWrapper, {
-    allRowsVisible: rows.length < expandableSubrowsVisible || utils.get(expandedRows, [rowKey, 'showAllRows']),
+    allRowsVisible: rows.length < expandableSubrowsVisible || dsUtilities.get(expandedRows, [rowKey, 'showAllRows']),
     expandableGridDetailWidth: expandableGridDetailWidth
   }, /*#__PURE__*/React__default['default'].createElement(DSSeparator__default['default'], {
     dashed: true,

package/cjs/plugins/expandable-grid/ExpandedRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandedRow.js","sources":["../../../../src/plugins/expandable-grid/ExpandedRow.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport DSSeparator from '@elliemae/ds-basic/Separator';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport styled from 'styled-components';\nimport { get } from '@elliemae/ds-utilities/utils';\nimport deferComponentRender from '@elliemae/ds-shared/defer-render-hoc';\nimport useDataGrid from '@elliemae/ds-shared/useDataGrid';\nimport { PaginationPlugin } from '../pagination';\nimport BodyCell from '../../components/BodyCell';\nimport { defaultRenderers } from '../../components/renderers';\nimport TableBody from '../../components/TableBody';\nimport Table from '../../components/Table';\nimport { ColumnSizingPlugin } from '../column-sizing';\n\nconst DetailGrid = deferComponentRender(\n  ({ parentGrid, parentRowData, rows }) => {\n    const { instanceRef, ...parentProps } = parentGrid.props;\n    const grid = useDataGrid({\n      uuid: parentGrid.getInstance().uuid,\n      ...parentProps,\n      columns: parentGrid\n        .getInstance()\n        .decoratedColumns.filter((col) => !col.expandableColumn)\n        .map((c) => ({ ...c, expandableColumn: false })),\n      rows,\n      plugins: [ColumnSizingPlugin, PaginationPlugin],\n      renderers: defaultRenderers,\n      bindColumnsSizeTo: parentGrid.uuid,\n      numRowsVisible: 'all',\n      paginated: true,\n      pagination: {\n        perPage: rows.length,\n        conditionalPagination: true,\n      },\n      parentRowData,\n    });\n\n    return (\n      <Table {...grid}>\n        <TableBody />\n      </Table>\n    );\n  },\n  null,\n);\n\nconst DetailsWrapper = styled.span`\n  flex: 1;\n  width: ${(props) => props.width}px;\n`;\n\nconst DetailGridWrapper = styled.div`\n  display: flex;\n  height: calc(100% - ${(props) => (props.allRowsVisible ? 18 : 60)}px);\n  width: ${(props) => props.expandableGridDetailWidth}px;\n  margin: 12px 0;\n`;\n\nfunction ExpandedRow({\n  parentGrid,\n  detailColumns,\n  rowData,\n  rows,\n  rowProps,\n  cellComponent: CellComponent,\n  rowComponent: RowComponent,\n}) {\n  const {\n    decoratedColumns,\n    actions: { toggleShowAllRows },\n    state: { expandedRows },\n    props: {\n      rowKey,\n      showMoreRowsText = 'SHOW ALL ROWS',\n      showLessRowsText = 'SHOW LESS ROWS',\n      expandableSubrowsVisible,\n    },\n    columnSizeService: { expandableGridDetailWidth },\n  } = parentGrid.getInstance();\n\n  const { showAllRows, ...restRowProps } = rowProps;\n  return (\n    <RowComponent {...restRowProps}>\n      <BodyCell\n        column={decoratedColumns[0]}\n        columnIndex={0}\n        component={CellComponent}\n        grid={parentGrid}\n        rowProps={{ rowData, ...rowProps }}\n      />\n      <DetailsWrapper width={expandableGridDetailWidth}>\n        <DetailGridWrapper\n          allRowsVisible={\n            rows.length < expandableSubrowsVisible ||\n            get(expandedRows, [rowKey, 'showAllRows'])\n          }\n          expandableGridDetailWidth={expandableGridDetailWidth}\n        >\n          <DSSeparator dashed orientation=\"vertical\" />\n          <DetailGrid\n            detailColumns={detailColumns}\n            parentGrid={parentGrid.getInstance()}\n            parentRowData={rowData}\n            rows={\n              showAllRows\n                ? rows\n                : (rows || []).slice(0, expandableSubrowsVisible)\n            }\n          />\n        </DetailGridWrapper>\n        {rows.length > expandableSubrowsVisible && (\n          <DSButton\n            buttonType=\"text\"\n            labelText={showAllRows ? showLessRowsText : showMoreRowsText}\n            onClick={(e) => {\n              e.stopPropagation();\n              toggleShowAllRows(rowData);\n            }}\n            style={{ marginBottom: '10px' }}\n          />\n        )}\n      </DetailsWrapper>\n    </RowComponent>\n  );\n}\n\nexport default ExpandedRow;\n"],"names":["DetailGrid","deferComponentRender","parentGrid","parentRowData","rows","props","instanceRef","parentProps","grid","useDataGrid","uuid","getInstance","columns","decoratedColumns","filter","col","expandableColumn","map","c","plugins","ColumnSizingPlugin","PaginationPlugin","renderers","defaultRenderers","bindColumnsSizeTo","numRowsVisible","paginated","pagination","perPage","length","conditionalPagination","React","Table","TableBody","DetailsWrapper","styled","span","width","DetailGridWrapper","div","allRowsVisible","expandableGridDetailWidth","ExpandedRow","detailColumns","rowData","rowProps","CellComponent","cellComponent","RowComponent","rowComponent","toggleShowAllRows","actions","expandedRows","state","rowKey","showMoreRowsText","showLessRowsText","expandableSubrowsVisible","columnSizeService","showAllRows","restRowProps","BodyCell","get","DSSeparator","slice","DSButton","e","stopPropagation","marginBottom"],"mappings":"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"}
+{"version":3,"file":"ExpandedRow.js","sources":["../../../../src/plugins/expandable-grid/ExpandedRow.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport DSSeparator from '@elliemae/ds-separator';\nimport DSButton from '@elliemae/ds-button';\nimport styled from 'styled-components';\nimport { get } from '@elliemae/ds-utilities';\nimport deferComponentRender from '@elliemae/ds-shared/defer-render-hoc';\nimport useDataGrid from '@elliemae/ds-shared/useDataGrid';\nimport { PaginationPlugin } from '../pagination';\nimport BodyCell from '../../components/BodyCell';\nimport { defaultRenderers } from '../../components/renderers';\nimport TableBody from '../../components/TableBody';\nimport Table from '../../components/Table';\nimport { ColumnSizingPlugin } from '../column-sizing';\n\nconst DetailGrid = deferComponentRender(({ parentGrid, parentRowData, rows }) => {\n  const { instanceRef, ...parentProps } = parentGrid.props;\n  const grid = useDataGrid({\n    uuid: parentGrid.getInstance().uuid,\n    ...parentProps,\n    columns: parentGrid\n      .getInstance()\n      .decoratedColumns.filter((col) => !col.expandableColumn)\n      .map((c) => ({ ...c, expandableColumn: false })),\n    rows,\n    plugins: [ColumnSizingPlugin, PaginationPlugin],\n    renderers: defaultRenderers,\n    bindColumnsSizeTo: parentGrid.uuid,\n    numRowsVisible: 'all',\n    paginated: true,\n    pagination: {\n      perPage: rows.length,\n      conditionalPagination: true,\n    },\n    parentRowData,\n  });\n\n  return (\n    <Table {...grid}>\n      <TableBody />\n    </Table>\n  );\n}, null);\n\nconst DetailsWrapper = styled.span`\n  flex: 1;\n  width: ${(props) => props.width}px;\n`;\n\nconst DetailGridWrapper = styled.div`\n  display: flex;\n  height: calc(100% - ${(props) => (props.allRowsVisible ? 18 : 60)}px);\n  width: ${(props) => props.expandableGridDetailWidth}px;\n  margin: 12px 0;\n`;\n\nfunction ExpandedRow({\n  parentGrid,\n  detailColumns,\n  rowData,\n  rows,\n  rowProps,\n  cellComponent: CellComponent,\n  rowComponent: RowComponent,\n}) {\n  const {\n    decoratedColumns,\n    actions: { toggleShowAllRows },\n    state: { expandedRows },\n    props: {\n      rowKey,\n      showMoreRowsText = 'SHOW ALL ROWS',\n      showLessRowsText = 'SHOW LESS ROWS',\n      expandableSubrowsVisible,\n    },\n    columnSizeService: { expandableGridDetailWidth },\n  } = parentGrid.getInstance();\n\n  const { showAllRows, ...restRowProps } = rowProps;\n  return (\n    <RowComponent {...restRowProps}>\n      <BodyCell\n        column={decoratedColumns[0]}\n        columnIndex={0}\n        component={CellComponent}\n        grid={parentGrid}\n        rowProps={{ rowData, ...rowProps }}\n      />\n      <DetailsWrapper width={expandableGridDetailWidth}>\n        <DetailGridWrapper\n          allRowsVisible={rows.length < expandableSubrowsVisible || get(expandedRows, [rowKey, 'showAllRows'])}\n          expandableGridDetailWidth={expandableGridDetailWidth}\n        >\n          <DSSeparator dashed orientation=\"vertical\" />\n          <DetailGrid\n            detailColumns={detailColumns}\n            parentGrid={parentGrid.getInstance()}\n            parentRowData={rowData}\n            rows={showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)}\n          />\n        </DetailGridWrapper>\n        {rows.length > expandableSubrowsVisible && (\n          <DSButton\n            buttonType=\"text\"\n            labelText={showAllRows ? showLessRowsText : showMoreRowsText}\n            onClick={(e) => {\n              e.stopPropagation();\n              toggleShowAllRows(rowData);\n            }}\n            style={{ marginBottom: '10px' }}\n          />\n        )}\n      </DetailsWrapper>\n    </RowComponent>\n  );\n}\n\nexport default ExpandedRow;\n"],"names":["DetailGrid","deferComponentRender","parentGrid","parentRowData","rows","props","instanceRef","parentProps","grid","useDataGrid","uuid","getInstance","columns","decoratedColumns","filter","col","expandableColumn","map","c","plugins","ColumnSizingPlugin","PaginationPlugin","renderers","defaultRenderers","bindColumnsSizeTo","numRowsVisible","paginated","pagination","perPage","length","conditionalPagination","React","Table","TableBody","DetailsWrapper","styled","span","width","DetailGridWrapper","div","allRowsVisible","expandableGridDetailWidth","ExpandedRow","detailColumns","rowData","rowProps","CellComponent","cellComponent","RowComponent","rowComponent","toggleShowAllRows","actions","expandedRows","state","rowKey","showMoreRowsText","showLessRowsText","expandableSubrowsVisible","columnSizeService","showAllRows","restRowProps","BodyCell","get","DSSeparator","slice","DSButton","e","stopPropagation","marginBottom"],"mappings":"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"}

package/cjs/plugins/expandable-grid/ExpandedRowExtra.js

@@ -2,8 +2,8 @@
 
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
-var DSSeparator = require('@elliemae/ds-basic/Separator');
+var dsUtilities = require('@elliemae/ds-utilities');
+var DSSeparator = require('@elliemae/ds-separator');
 var dsClassnames = require('@elliemae/ds-classnames');
 var blockNames = require('../../blockNames.js');
 
@@ -30,7 +30,7 @@ function ExpandedRowExtra(_ref) {
     return null;
   } : _ref$renderRowDetails;
   return /*#__PURE__*/React__default['default'].createElement(RowComponent, _extends__default['default']({}, rowProps, {
-    className: utils.cx(rowProps.className, 'expanded-detail-row')
+    className: dsUtilities.cx(rowProps.className, 'expanded-detail-row')
   }), /*#__PURE__*/React__default['default'].createElement(RowComponent, {
     className: "master-row-expanded"
   }, children), /*#__PURE__*/React__default['default'].createElement(DSSeparator__default['default'], {

package/cjs/plugins/expandable-grid/ExpandedRowExtra.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandedRowExtra.js","sources":["../../../../src/plugins/expandable-grid/ExpandedRowExtra.tsx"],"sourcesContent":["import React from 'react';\nimport { cx } from '@elliemae/ds-utilities/utils';\nimport DSSeparator from '@elliemae/ds-basic/Separator';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { dataGridBlockName } from '../../blockNames';\n\nconst blockName = `${dataGridBlockName}-expanded-row`;\n\nconst DetailsWrapper = aggregatedClasses('div')(\n  `${blockName}-details-wrapper`,\n  null,\n  () => ({ 'ie-flex-basis-auto': true }),\n);\n\nfunction ExpandedRowExtra({\n  children,\n  rowData,\n  rowProps,\n  rowComponent: RowComponent,\n  renderRowDetails = () => null,\n}) {\n  return (\n    <RowComponent\n      {...rowProps}\n      className={cx(rowProps.className, 'expanded-detail-row')}\n    >\n      <RowComponent className=\"master-row-expanded\">{children}</RowComponent>\n      <DSSeparator dashed margin=\"xs\" />\n      <DetailsWrapper>{renderRowDetails({ rowData })}</DetailsWrapper>\n    </RowComponent>\n  );\n}\n\nexport default ExpandedRowExtra;\n"],"names":["blockName","dataGridBlockName","DetailsWrapper","aggregatedClasses","ExpandedRowExtra","children","rowData","rowProps","RowComponent","rowComponent","renderRowDetails","React","cx","className","DSSeparator"],"mappings":";;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,aAAMC,4BAAN,kBAAf;AAEA,IAAMC,cAAc,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,WAClBH,SADkB,uBAErB,IAFqB,EAGrB;AAAA,SAAO;AAAE,0BAAsB;AAAxB,GAAP;AAAA,CAHqB,CAAvB;;AAMA,SAASI,gBAAT,OAMG;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,OAIC,QAJDA,OAIC;AAAA,MAHDC,QAGC,QAHDA,QAGC;AAAA,MAFaC,YAEb,QAFDC,YAEC;AAAA,mCADDC,gBACC;AAAA,MADDA,gBACC,sCADkB;AAAA,WAAM,IAAN;AAAA,GAClB;AACD,sBACEC,wCAAC,YAAD,mCACMJ,QADN;AAEE,IAAA,SAAS,EAAEK,QAAE,CAACL,QAAQ,CAACM,SAAV,EAAqB,qBAArB;AAFf,mBAIEF,wCAAC,YAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,KAA+CN,QAA/C,CAJF,eAKEM,wCAACG,+BAAD;AAAa,IAAA,MAAM,MAAnB;AAAoB,IAAA,MAAM,EAAC;AAA3B,IALF,eAMEH,wCAAC,cAAD,QAAiBD,gBAAgB,CAAC;AAAEJ,IAAAA,OAAO,EAAPA;AAAF,GAAD,CAAjC,CANF,CADF;AAUD;;;;"}
+{"version":3,"file":"ExpandedRowExtra.js","sources":["../../../../src/plugins/expandable-grid/ExpandedRowExtra.tsx"],"sourcesContent":["import React from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport DSSeparator from '@elliemae/ds-separator';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { dataGridBlockName } from '../../blockNames';\n\nconst blockName = `${dataGridBlockName}-expanded-row`;\n\nconst DetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`, null, () => ({\n  'ie-flex-basis-auto': true,\n}));\n\nfunction ExpandedRowExtra({ children, rowData, rowProps, rowComponent: RowComponent, renderRowDetails = () => null }) {\n  return (\n    <RowComponent {...rowProps} className={cx(rowProps.className, 'expanded-detail-row')}>\n      <RowComponent className=\"master-row-expanded\">{children}</RowComponent>\n      <DSSeparator dashed margin=\"xs\" />\n      <DetailsWrapper>{renderRowDetails({ rowData })}</DetailsWrapper>\n    </RowComponent>\n  );\n}\n\nexport default ExpandedRowExtra;\n"],"names":["blockName","dataGridBlockName","DetailsWrapper","aggregatedClasses","ExpandedRowExtra","children","rowData","rowProps","RowComponent","rowComponent","renderRowDetails","React","cx","className","DSSeparator"],"mappings":";;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,aAAMC,4BAAN,kBAAf;AAEA,IAAMC,cAAc,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,WAA4BH,SAA5B,uBAAyD,IAAzD,EAA+D;AAAA,SAAO;AAC3F,0BAAsB;AADqE,GAAP;AAAA,CAA/D,CAAvB;;AAIA,SAASI,gBAAT,OAAsH;AAAA,MAA1FC,QAA0F,QAA1FA,QAA0F;AAAA,MAAhFC,OAAgF,QAAhFA,OAAgF;AAAA,MAAvEC,QAAuE,QAAvEA,QAAuE;AAAA,MAA/CC,YAA+C,QAA7DC,YAA6D;AAAA,mCAAjCC,gBAAiC;AAAA,MAAjCA,gBAAiC,sCAAd;AAAA,WAAM,IAAN;AAAA,GAAc;AACpH,sBACEC,wCAAC,YAAD,mCAAkBJ,QAAlB;AAA4B,IAAA,SAAS,EAAEK,cAAE,CAACL,QAAQ,CAACM,SAAV,EAAqB,qBAArB;AAAzC,mBACEF,wCAAC,YAAD;AAAc,IAAA,SAAS,EAAC;AAAxB,KAA+CN,QAA/C,CADF,eAEEM,wCAACG,+BAAD;AAAa,IAAA,MAAM,MAAnB;AAAoB,IAAA,MAAM,EAAC;AAA3B,IAFF,eAGEH,wCAAC,cAAD,QAAiBD,gBAAgB,CAAC;AAAEJ,IAAAA,OAAO,EAAPA;AAAF,GAAD,CAAjC,CAHF,CADF;AAOD;;;;"}

package/cjs/plugins/expandable-grid/index.js

@@ -8,39 +8,36 @@ require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/defineProperty');
 require('react');
-require('@elliemae/ds-utilities/utils');
+require('@elliemae/ds-utilities');
 require('react-window');
-require('@elliemae/ds-icons/ArrowheadDown');
-require('@elliemae/ds-icons/ArrowheadRight');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-icons');
+require('@elliemae/ds-button');
 require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 require('./ExpandedRow.js');
-require('@elliemae/ds-basic/Separator');
+require('@elliemae/ds-separator');
 require('styled-components');
 require('@elliemae/ds-shared/defer-render-hoc');
 require('@elliemae/ds-shared/useDataGrid');
 require('../pagination/PaginationPlugin.js');
 require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-utilities/system');
 require('@elliemae/ds-shared/FocusGroup/FocusGrid');
 require('../pagination/helper.js');
 require('../pagination/usePaginationState.js');
 require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
 require('../../components/NoResults.js');
 require('@elliemae/ds-system');
 require('../../components/BodyCell.js');
 require('prop-types');
 require('@elliemae/ds-shared/createDataInstance/utils');
-require('@elliemae/ds-basic/TruncatedTooltipText');
-require('../../index-9d448b9a.js');
+require('@elliemae/ds-truncated-tooltip-text');
+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');
 require('../../components/TableBody.js');
 require('../../components/tableContext.js');
 require('../../components/Table.js');
@@ -54,13 +51,11 @@ require('../../utilities/getScrollbarSize.js');
 require('../column-sizing/useColumnSizeService.js');
 require('../column-sizing/utils.js');
 require('../column-sizing/ext-points/getTableProps.js');
-require('@elliemae/ds-utilities/hooks/useResizeObserver');
 require('../column-sizing/ext-points/decorateColumn.js');
 require('../column-sizing/columnMeasurerTransformer.js');
 require('./ExpandedRowExtra.js');
 require('../../rowSizes.js');
 require('./useExpandGridState.js');
-require('@elliemae/ds-utilities/hooks/useExpandState');
 
 
 

package/cjs/plugins/expandable-grid/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/expandable-grid/useExpandGridState.js

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var utils = require('@elliemae/ds-utilities/utils');
-var useExpandState = require('@elliemae/ds-utilities/hooks/useExpandState');
+var dsUtilities = require('@elliemae/ds-utilities');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var useExpandState__default = /*#__PURE__*/_interopDefaultLegacy(useExpandState);
 
 var useExpandGridState = function useExpandGridState(grid) {
   var composedRows = grid.composedRows,
@@ -26,7 +24,7 @@ var useExpandGridState = function useExpandGridState(grid) {
       onToggleExpand = _grid$props.onToggleExpand,
       onCollapseRow = _grid$props.onCollapseRow;
 
-  var _useExpandState = useExpandState__default['default']({
+  var _useExpandState = dsUtilities.useExpandState({
     items: composedRows,
     itemKey: rowKey,
     expanded: expandedRowsProp,
@@ -61,7 +59,7 @@ var useExpandGridState = function useExpandGridState(grid) {
   };
 
   var toggleShowAllRows = function toggleShowAllRows(row) {
-    if (utils.isFunction(onToggleShowAllRows)) {
+    if (dsUtilities.isFunction(onToggleShowAllRows)) {
       onToggleShowAllRows(row);
     } else {
       var key = row[rowKey];