@elliemae/ds-datagrids 3.16.0-next.1 → 3.16.0-next.10

package/dist/esm/plugins/filterable/filtering-helper/filterRowsByQuery.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/filterable/filtering-helper/filterRowsByQuery.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction } from '@elliemae/ds-utilities';\nimport { strategiesOperators } from './strategiesOperators';\n\nconst getRuleStrategyOperator = (rule) => rule.strategy || strategiesOperators(rule.operator);\n\nconst executeFilterStrategy = (rule, row) => {\n  const { value, field, transform, transformRowValue } = rule;\n  if (field === 'all') return Object.values(row).some((colValue) => strategiesOperators('contains')(colValue, value));\n  const rowValue = row[field];\n  const transformedValue = isFunction(transform) ? transform(value) : value;\n  const transformedRowValue = isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;\n\n  const filterStrategy = getRuleStrategyOperator(rule);\n  return filterStrategy(transformedRowValue, transformedValue);\n};\n\nconst filterByRules =\n  (rules, condition = 'AND') =>\n  (row) =>\n    condition === 'AND'\n      ? rules.reduce(\n          (isFiltered, rule) =>\n            rule.rules && rule.rules.length\n              ? isFiltered && filterByRules(rule.rules, rule.condition)(row)\n              : isFiltered && executeFilterStrategy(rule, row),\n          true,\n        )\n      : rules.some((rule) =>\n          rule.rules && rule.rules.length\n            ? filterByRules(rule.rules, rule.condition)(row)\n            : executeFilterStrategy(rule, row),\n        );\n\nexport function filterRowsByQueryGroup(rows, query, composedRows) {\n  if (query && query.rules && query.rules.length === 0) return rows;\n  const newRows = [];\n  const parentMap = {};\n  composedRows.forEach((parentRow) => {\n    if (parentRow.isGroup) {\n      newRows.push({\n        ...parentRow,\n        _filtered: true,\n      });\n    } else if (!parentRow.isGroup && filterByRules(query.rules, query.condition)(parentRow.data)) {\n      newRows.push({\n        ...parentRow,\n        _filtered: true,\n      });\n      parentMap[parentRow.parentNode.id] = true;\n    }\n  });\n\n  return newRows.filter((r) => {\n    if (r.isGroup && !parentMap[r.id]) return false;\n    return true;\n  });\n}\n\nexport const filterRowsByQuery = (rows, query) => {\n  return rows.filter(filterByRules(query.rules, query.condition));\n};\n\nexport default filterRowsByQuery;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAEpC,MAAM,0BAA0B,CAAC,SAAS,KAAK,YAAY,oBAAoB,KAAK,QAAQ;AAE5F,MAAM,wBAAwB,CAAC,MAAM,QAAQ;AAC3C,QAAM,EAAE,OAAO,OAAO,WAAW,kBAAkB,IAAI;AACvD,MAAI,UAAU;AAAO,WAAO,OAAO,OAAO,GAAG,EAAE,KAAK,CAAC,aAAa,oBAAoB,UAAU,EAAE,UAAU,KAAK,CAAC;AAClH,QAAM,WAAW,IAAI;AACrB,QAAM,mBAAmB,WAAW,SAAS,IAAI,UAAU,KAAK,IAAI;AACpE,QAAM,sBAAsB,WAAW,iBAAiB,IAAI,kBAAkB,QAAQ,IAAI;AAE1F,QAAM,iBAAiB,wBAAwB,IAAI;AACnD,SAAO,eAAe,qBAAqB,gBAAgB;AAC7D;AAEA,MAAM,gBACJ,CAAC,OAAO,YAAY,UACpB,CAAC,QACC,cAAc,QACV,MAAM;AAAA,EACJ,CAAC,YAAY,SACX,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC3D,cAAc,sBAAsB,MAAM,GAAG;AAAA,EACnD;AACF,IACA,MAAM;AAAA,EAAK,CAAC,SACV,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC7C,sBAAsB,MAAM,GAAG;AACrC;AAED,SAAS,uBAAuB,MAAM,OAAO,cAAc;AAChE,MAAI,SAAS,MAAM,SAAS,MAAM,MAAM,WAAW;AAAG,WAAO;AAC7D,QAAM,UAAU,CAAC;AACjB,QAAM,YAAY,CAAC;AACnB,eAAa,QAAQ,CAAC,cAAc;AAClC,QAAI,UAAU,SAAS;AACrB,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH,WAAW,CAAC,UAAU,WAAW,cAAc,MAAM,OAAO,MAAM,SAAS,EAAE,UAAU,IAAI,GAAG;AAC5F,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AACD,gBAAU,UAAU,WAAW,MAAM;AAAA,IACvC;AAAA,EACF,CAAC;AAED,SAAO,QAAQ,OAAO,CAAC,MAAM;AAC3B,QAAI,EAAE,WAAW,CAAC,UAAU,EAAE;AAAK,aAAO;AAC1C,WAAO;AAAA,EACT,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,MAAM,UAAU;AAChD,SAAO,KAAK,OAAO,cAAc,MAAM,OAAO,MAAM,SAAS,CAAC;AAChE;AAEA,IAAO,4BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction } from '@elliemae/ds-utilities';\nimport { strategiesOperators } from './strategiesOperators.js';\n\nconst getRuleStrategyOperator = (rule) => rule.strategy || strategiesOperators(rule.operator);\n\nconst executeFilterStrategy = (rule, row) => {\n  const { value, field, transform, transformRowValue } = rule;\n  if (field === 'all') return Object.values(row).some((colValue) => strategiesOperators('contains')(colValue, value));\n  const rowValue = row[field];\n  const transformedValue = isFunction(transform) ? transform(value) : value;\n  const transformedRowValue = isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;\n\n  const filterStrategy = getRuleStrategyOperator(rule);\n  return filterStrategy(transformedRowValue, transformedValue);\n};\n\nconst filterByRules =\n  (rules, condition = 'AND') =>\n  (row) =>\n    condition === 'AND'\n      ? rules.reduce(\n          (isFiltered, rule) =>\n            rule.rules && rule.rules.length\n              ? isFiltered && filterByRules(rule.rules, rule.condition)(row)\n              : isFiltered && executeFilterStrategy(rule, row),\n          true,\n        )\n      : rules.some((rule) =>\n          rule.rules && rule.rules.length\n            ? filterByRules(rule.rules, rule.condition)(row)\n            : executeFilterStrategy(rule, row),\n        );\n\nexport function filterRowsByQueryGroup(rows, query, composedRows) {\n  if (query && query.rules && query.rules.length === 0) return rows;\n  const newRows = [];\n  const parentMap = {};\n  composedRows.forEach((parentRow) => {\n    if (parentRow.isGroup) {\n      newRows.push({\n        ...parentRow,\n        _filtered: true,\n      });\n    } else if (!parentRow.isGroup && filterByRules(query.rules, query.condition)(parentRow.data)) {\n      newRows.push({\n        ...parentRow,\n        _filtered: true,\n      });\n      parentMap[parentRow.parentNode.id] = true;\n    }\n  });\n\n  return newRows.filter((r) => {\n    if (r.isGroup && !parentMap[r.id]) return false;\n    return true;\n  });\n}\n\nexport const filterRowsByQuery = (rows, query) => rows.filter(filterByRules(query.rules, query.condition));\n\nexport default filterRowsByQuery;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAEpC,MAAM,0BAA0B,CAAC,SAAS,KAAK,YAAY,oBAAoB,KAAK,QAAQ;AAE5F,MAAM,wBAAwB,CAAC,MAAM,QAAQ;AAC3C,QAAM,EAAE,OAAO,OAAO,WAAW,kBAAkB,IAAI;AACvD,MAAI,UAAU;AAAO,WAAO,OAAO,OAAO,GAAG,EAAE,KAAK,CAAC,aAAa,oBAAoB,UAAU,EAAE,UAAU,KAAK,CAAC;AAClH,QAAM,WAAW,IAAI;AACrB,QAAM,mBAAmB,WAAW,SAAS,IAAI,UAAU,KAAK,IAAI;AACpE,QAAM,sBAAsB,WAAW,iBAAiB,IAAI,kBAAkB,QAAQ,IAAI;AAE1F,QAAM,iBAAiB,wBAAwB,IAAI;AACnD,SAAO,eAAe,qBAAqB,gBAAgB;AAC7D;AAEA,MAAM,gBACJ,CAAC,OAAO,YAAY,UACpB,CAAC,QACC,cAAc,QACV,MAAM;AAAA,EACJ,CAAC,YAAY,SACX,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC3D,cAAc,sBAAsB,MAAM,GAAG;AAAA,EACnD;AACF,IACA,MAAM;AAAA,EAAK,CAAC,SACV,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC7C,sBAAsB,MAAM,GAAG;AACrC;AAED,SAAS,uBAAuB,MAAM,OAAO,cAAc;AAChE,MAAI,SAAS,MAAM,SAAS,MAAM,MAAM,WAAW;AAAG,WAAO;AAC7D,QAAM,UAAU,CAAC;AACjB,QAAM,YAAY,CAAC;AACnB,eAAa,QAAQ,CAAC,cAAc;AAClC,QAAI,UAAU,SAAS;AACrB,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH,WAAW,CAAC,UAAU,WAAW,cAAc,MAAM,OAAO,MAAM,SAAS,EAAE,UAAU,IAAI,GAAG;AAC5F,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AACD,gBAAU,UAAU,WAAW,MAAM;AAAA,IACvC;AAAA,EACF,CAAC;AAED,SAAO,QAAQ,OAAO,CAAC,MAAM;AAC3B,QAAI,EAAE,WAAW,CAAC,UAAU,EAAE;AAAK,aAAO;AAC1C,WAAO;AAAA,EACT,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,MAAM,UAAU,KAAK,OAAO,cAAc,MAAM,OAAO,MAAM,SAAS,CAAC;AAEzG,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/plugins/filterable/filtering-helper/strategiesOperators.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/filterable/filtering-helper/strategiesOperators.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import compare from 'comparejs';\n\nexport const strategiesOperators = op =>\n  ({\n    range: (rowValue, { start, end }) => start <= rowValue && end >= rowValue,\n    equal: (value1, value2) => compare.id(value1, value2),\n    greaterThan: compare.gt,\n    lessThan: compare.lt,\n    contains: (rowValue, value) =>\n      String(rowValue)\n        .toLowerCase()\n        .indexOf(String(value).toLowerCase()) !== -1,\n  }[op] || compare.id);\n\nexport default strategiesOperators;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,aAAa;AAEb,MAAM,sBAAsB,SAChC;AAAA,EACC,OAAO,CAAC,UAAU,EAAE,OAAO,IAAI,MAAM,SAAS,YAAY,OAAO;AAAA,EACjE,OAAO,CAAC,QAAQ,WAAW,QAAQ,GAAG,QAAQ,MAAM;AAAA,EACpD,aAAa,QAAQ;AAAA,EACrB,UAAU,QAAQ;AAAA,EAClB,UAAU,CAAC,UAAU,UACnB,OAAO,QAAQ,EACZ,YAAY,EACZ,QAAQ,OAAO,KAAK,EAAE,YAAY,CAAC,MAAM;AAChD,GAAE,OAAO,QAAQ;AAEnB,IAAO,8BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import compare from 'comparejs';\n\nexport const strategiesOperators = (op) =>\n  ({\n    range: (rowValue, { start, end }) => start <= rowValue && end >= rowValue,\n    equal: (value1, value2) => compare.id(value1, value2),\n    greaterThan: compare.gt,\n    lessThan: compare.lt,\n    contains: (rowValue, value) => String(rowValue).toLowerCase().indexOf(String(value).toLowerCase()) !== -1,\n  }[op] || compare.id);\n\nexport default strategiesOperators;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,aAAa;AAEb,MAAM,sBAAsB,CAAC,QACjC;AAAA,EACC,OAAO,CAAC,UAAU,EAAE,OAAO,IAAI,MAAM,SAAS,YAAY,OAAO;AAAA,EACjE,OAAO,CAAC,QAAQ,WAAW,QAAQ,GAAG,QAAQ,MAAM;AAAA,EACpD,aAAa,QAAQ;AAAA,EACrB,UAAU,QAAQ;AAAA,EAClB,UAAU,CAAC,UAAU,UAAU,OAAO,QAAQ,EAAE,YAAY,EAAE,QAAQ,OAAO,KAAK,EAAE,YAAY,CAAC,MAAM;AACzG,GAAE,OAAO,QAAQ;AAEnB,IAAO,8BAAQ;",
   "names": []
 }

package/dist/esm/plugins/filterable/helper.js

@@ -1,11 +1,5 @@
 import * as React from "react";
-import {
-  isFunction,
-  uniqBy,
-  get,
-  groupBy,
-  property
-} from "@elliemae/ds-utilities";
+import { isFunction, uniqBy, get, groupBy, property } from "@elliemae/ds-utilities";
 const getFilterLabel = (column, value) => column.filterLabels ? column.filterLabels[value] || value : value;
 const getFilterLabels = (column, rows) => uniqBy(rows, property(column.searchBy || column.property)).map((row) => {
   const value = get(row, column.searchBy || column.property);

package/dist/esm/plugins/filterable/helper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/helper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  isFunction,\n  uniqBy,\n  get,\n  groupBy,\n  property,\n} from '@elliemae/ds-utilities';\n\nexport const getFilterLabel = (column, value) => (column.filterLabels ? column.filterLabels[value] || value : value);\n\nexport const getFilterLabels = (column, rows) =>\n  uniqBy(rows, property(column.searchBy || column.property))\n    .map((row) => {\n      const value = get(row, column.searchBy || column.property);\n      if (value === undefined) return {};\n      const rowColumnValue = String(get(row, column.searchBy || column.property));\n      if (isFunction(column.valueTransformation)) {\n        const nextValue = column.valueTransformation(rowColumnValue);\n        return { id: nextValue, label: nextValue };\n      }\n      const label = getFilterLabel(column, rowColumnValue);\n      return { id: rowColumnValue || label, label };\n    })\n    .filter((row) => row.id)\n    .filter((row) => {\n      if (row.id.startsWith) return !row.id.startsWith('grouped-by');\n      return true;\n    });\n\nexport const getFilterLabelsGroup = (column, rows) => {\n  let flat = [];\n  rows.forEach((r) => {\n    if (r.children) {\n      flat = [...flat, ...r.children];\n    }\n  });\n  return getFilterLabels(column, flat);\n};\n\nexport function getFilterValue(filter, column) {\n  const { value } = filter;\n\n  if (!column) return value;\n\n  const { filterOptions, filterLabels } = column;\n\n  if (filterOptions) {\n    const foundOption = column.filterOptions.filter((option) => option.id === value)[0];\n    if (foundOption) return foundOption.label;\n    return value;\n  }\n  if (filterLabels) {\n    return filterLabels[value];\n  }\n\n  return value;\n}\n\nexport function buildFilterArray(newFilter, filters) {\n  // if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]\n  return uniqBy([...filters, newFilter], (v) => [v.group, v.value].join());\n}\n\nexport const groupFilters = (filters) => filters.filter((filter) => !filter.fixed);\n\nfunction parseFilterToRule(filter) {\n  return {\n    ...filter,\n    value: filter.filterParams || filter.value,\n    field: filter.group,\n  };\n}\n\nexport function parseFiltersToQuery(filters) {\n  const groupedFilters = groupBy(groupFilters(filters), (filter) => filter.group);\n  return Object.keys(groupedFilters).reduce(\n    (queryResult, field) => {\n      const filter = groupedFilters[field];\n      if (Array.isArray(filter) && filter.length > 1) {\n        // create query group with 'OR' condition\n        queryResult.rules.push({\n          condition: 'OR',\n          rules: filter.map(parseFilterToRule),\n        });\n      } else {\n        queryResult.rules.push(parseFilterToRule(filter[0]));\n      }\n      return queryResult;\n    },\n    { condition: 'AND', rules: [] },\n  );\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,iBAAiB,CAAC,QAAQ,UAAW,OAAO,eAAe,OAAO,aAAa,UAAU,QAAQ;AAEvG,MAAM,kBAAkB,CAAC,QAAQ,SACtC,OAAO,MAAM,SAAS,OAAO,YAAY,OAAO,QAAQ,CAAC,EACtD,IAAI,CAAC,QAAQ;AACZ,QAAM,QAAQ,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ;AACzD,MAAI,UAAU;AAAW,WAAO,CAAC;AACjC,QAAM,iBAAiB,OAAO,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ,CAAC;AAC1E,MAAI,WAAW,OAAO,mBAAmB,GAAG;AAC1C,UAAM,YAAY,OAAO,oBAAoB,cAAc;AAC3D,WAAO,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAC3C;AACA,QAAM,QAAQ,eAAe,QAAQ,cAAc;AACnD,SAAO,EAAE,IAAI,kBAAkB,OAAO,MAAM;AAC9C,CAAC,EACA,OAAO,CAAC,QAAQ,IAAI,EAAE,EACtB,OAAO,CAAC,QAAQ;AACf,MAAI,IAAI,GAAG;AAAY,WAAO,CAAC,IAAI,GAAG,WAAW,YAAY;AAC7D,SAAO;AACT,CAAC;AAEE,MAAM,uBAAuB,CAAC,QAAQ,SAAS;AACpD,MAAI,OAAO,CAAC;AACZ,OAAK,QAAQ,CAAC,MAAM;AAClB,QAAI,EAAE,UAAU;AACd,aAAO,CAAC,GAAG,MAAM,GAAG,EAAE,QAAQ;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO,gBAAgB,QAAQ,IAAI;AACrC;AAEO,SAAS,eAAe,QAAQ,QAAQ;AAC7C,QAAM,EAAE,MAAM,IAAI;AAElB,MAAI,CAAC;AAAQ,WAAO;AAEpB,QAAM,EAAE,eAAe,aAAa,IAAI;AAExC,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO,cAAc,OAAO,CAAC,WAAW,OAAO,OAAO,KAAK,EAAE;AACjF,QAAI;AAAa,aAAO,YAAY;AACpC,WAAO;AAAA,EACT;AACA,MAAI,cAAc;AAChB,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;AAEO,SAAS,iBAAiB,WAAW,SAAS;AAEnD,SAAO,OAAO,CAAC,GAAG,SAAS,SAAS,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AACzE;AAEO,MAAM,eAAe,CAAC,YAAY,QAAQ,OAAO,CAAC,WAAW,CAAC,OAAO,KAAK;AAEjF,SAAS,kBAAkB,QAAQ;AACjC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,OAAO,gBAAgB,OAAO;AAAA,IACrC,OAAO,OAAO;AAAA,EAChB;AACF;AAEO,SAAS,oBAAoB,SAAS;AAC3C,QAAM,iBAAiB,QAAQ,aAAa,OAAO,GAAG,CAAC,WAAW,OAAO,KAAK;AAC9E,SAAO,OAAO,KAAK,cAAc,EAAE;AAAA,IACjC,CAAC,aAAa,UAAU;AACtB,YAAM,SAAS,eAAe;AAC9B,UAAI,MAAM,QAAQ,MAAM,KAAK,OAAO,SAAS,GAAG;AAE9C,oBAAY,MAAM,KAAK;AAAA,UACrB,WAAW;AAAA,UACX,OAAO,OAAO,IAAI,iBAAiB;AAAA,QACrC,CAAC;AAAA,MACH,OAAO;AACL,oBAAY,MAAM,KAAK,kBAAkB,OAAO,EAAE,CAAC;AAAA,MACrD;AACA,aAAO;AAAA,IACT;AAAA,IACA,EAAE,WAAW,OAAO,OAAO,CAAC,EAAE;AAAA,EAChC;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction, uniqBy, get, groupBy, property } from '@elliemae/ds-utilities';\n\nexport const getFilterLabel = (column, value) => (column.filterLabels ? column.filterLabels[value] || value : value);\n\nexport const getFilterLabels = (column, rows) =>\n  uniqBy(rows, property(column.searchBy || column.property))\n    .map((row) => {\n      const value = get(row, column.searchBy || column.property);\n      if (value === undefined) return {};\n      const rowColumnValue = String(get(row, column.searchBy || column.property));\n      if (isFunction(column.valueTransformation)) {\n        const nextValue = column.valueTransformation(rowColumnValue);\n        return { id: nextValue, label: nextValue };\n      }\n      const label = getFilterLabel(column, rowColumnValue);\n      return { id: rowColumnValue || label, label };\n    })\n    .filter((row) => row.id)\n    .filter((row) => {\n      if (row.id.startsWith) return !row.id.startsWith('grouped-by');\n      return true;\n    });\n\nexport const getFilterLabelsGroup = (column, rows) => {\n  let flat = [];\n  rows.forEach((r) => {\n    if (r.children) {\n      flat = [...flat, ...r.children];\n    }\n  });\n  return getFilterLabels(column, flat);\n};\n\nexport function getFilterValue(filter, column) {\n  const { value } = filter;\n\n  if (!column) return value;\n\n  const { filterOptions, filterLabels } = column;\n\n  if (filterOptions) {\n    const foundOption = column.filterOptions.filter((option) => option.id === value)[0];\n    if (foundOption) return foundOption.label;\n    return value;\n  }\n  if (filterLabels) {\n    return filterLabels[value];\n  }\n\n  return value;\n}\n\nexport function buildFilterArray(newFilter, filters) {\n  // if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]\n  return uniqBy([...filters, newFilter], (v) => [v.group, v.value].join());\n}\n\nexport const groupFilters = (filters) => filters.filter((filter) => !filter.fixed);\n\nfunction parseFilterToRule(filter) {\n  return {\n    ...filter,\n    value: filter.filterParams || filter.value,\n    field: filter.group,\n  };\n}\n\nexport function parseFiltersToQuery(filters) {\n  const groupedFilters = groupBy(groupFilters(filters), (filter) => filter.group);\n  return Object.keys(groupedFilters).reduce(\n    (queryResult, field) => {\n      const filter = groupedFilters[field];\n      if (Array.isArray(filter) && filter.length > 1) {\n        // create query group with 'OR' condition\n        queryResult.rules.push({\n          condition: 'OR',\n          rules: filter.map(parseFilterToRule),\n        });\n      } else {\n        queryResult.rules.push(parseFilterToRule(filter[0]));\n      }\n      return queryResult;\n    },\n    { condition: 'AND', rules: [] },\n  );\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,QAAQ,KAAK,SAAS,gBAAgB;AAEpD,MAAM,iBAAiB,CAAC,QAAQ,UAAW,OAAO,eAAe,OAAO,aAAa,UAAU,QAAQ;AAEvG,MAAM,kBAAkB,CAAC,QAAQ,SACtC,OAAO,MAAM,SAAS,OAAO,YAAY,OAAO,QAAQ,CAAC,EACtD,IAAI,CAAC,QAAQ;AACZ,QAAM,QAAQ,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ;AACzD,MAAI,UAAU;AAAW,WAAO,CAAC;AACjC,QAAM,iBAAiB,OAAO,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ,CAAC;AAC1E,MAAI,WAAW,OAAO,mBAAmB,GAAG;AAC1C,UAAM,YAAY,OAAO,oBAAoB,cAAc;AAC3D,WAAO,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAC3C;AACA,QAAM,QAAQ,eAAe,QAAQ,cAAc;AACnD,SAAO,EAAE,IAAI,kBAAkB,OAAO,MAAM;AAC9C,CAAC,EACA,OAAO,CAAC,QAAQ,IAAI,EAAE,EACtB,OAAO,CAAC,QAAQ;AACf,MAAI,IAAI,GAAG;AAAY,WAAO,CAAC,IAAI,GAAG,WAAW,YAAY;AAC7D,SAAO;AACT,CAAC;AAEE,MAAM,uBAAuB,CAAC,QAAQ,SAAS;AACpD,MAAI,OAAO,CAAC;AACZ,OAAK,QAAQ,CAAC,MAAM;AAClB,QAAI,EAAE,UAAU;AACd,aAAO,CAAC,GAAG,MAAM,GAAG,EAAE,QAAQ;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO,gBAAgB,QAAQ,IAAI;AACrC;AAEO,SAAS,eAAe,QAAQ,QAAQ;AAC7C,QAAM,EAAE,MAAM,IAAI;AAElB,MAAI,CAAC;AAAQ,WAAO;AAEpB,QAAM,EAAE,eAAe,aAAa,IAAI;AAExC,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO,cAAc,OAAO,CAAC,WAAW,OAAO,OAAO,KAAK,EAAE;AACjF,QAAI;AAAa,aAAO,YAAY;AACpC,WAAO;AAAA,EACT;AACA,MAAI,cAAc;AAChB,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;AAEO,SAAS,iBAAiB,WAAW,SAAS;AAEnD,SAAO,OAAO,CAAC,GAAG,SAAS,SAAS,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AACzE;AAEO,MAAM,eAAe,CAAC,YAAY,QAAQ,OAAO,CAAC,WAAW,CAAC,OAAO,KAAK;AAEjF,SAAS,kBAAkB,QAAQ;AACjC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,OAAO,gBAAgB,OAAO;AAAA,IACrC,OAAO,OAAO;AAAA,EAChB;AACF;AAEO,SAAS,oBAAoB,SAAS;AAC3C,QAAM,iBAAiB,QAAQ,aAAa,OAAO,GAAG,CAAC,WAAW,OAAO,KAAK;AAC9E,SAAO,OAAO,KAAK,cAAc,EAAE;AAAA,IACjC,CAAC,aAAa,UAAU;AACtB,YAAM,SAAS,eAAe;AAC9B,UAAI,MAAM,QAAQ,MAAM,KAAK,OAAO,SAAS,GAAG;AAE9C,oBAAY,MAAM,KAAK;AAAA,UACrB,WAAW;AAAA,UACX,OAAO,OAAO,IAAI,iBAAiB;AAAA,QACrC,CAAC;AAAA,MACH,OAAO;AACL,oBAAY,MAAM,KAAK,kBAAkB,OAAO,EAAE,CAAC;AAAA,MACrD;AACA,aAAO;AAAA,IACT;AAAA,IACA,EAAE,WAAW,OAAO,OAAO,CAAC,EAAE;AAAA,EAChC;AACF;",
   "names": []
 }

package/dist/esm/plugins/filterable/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { FilterablePlugin } from "./FilterablePlugin";
+import { FilterablePlugin } from "./FilterablePlugin.js";
 export {
   FilterablePlugin
 };

package/dist/esm/plugins/filterable/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FilterablePlugin } from './FilterablePlugin';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FilterablePlugin } from './FilterablePlugin.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;",
   "names": []
 }

package/dist/esm/plugins/filterable/useFilterableState.js

@@ -1,11 +1,7 @@
 import * as React from "react";
 import { useMemo, useState, useEffect } from "react";
 import { v4 as uuidv4 } from "uuid";
-import {
-  buildFilterArray,
-  getFilterValue,
-  parseFiltersToQuery
-} from "./helper";
+import { buildFilterArray, getFilterValue, parseFiltersToQuery } from "./helper.js";
 const noop = () => null;
 function useFilterableState(grid) {
   const {
@@ -21,18 +17,14 @@ function useFilterableState(grid) {
       setFilters(filtersProp);
     }
   }, [filtersProp]);
-  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [
-    filters
-  ]);
+  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [filters]);
   const handleFiltersChange = (nextFilters) => {
     const {
       refs: { body }
     } = grid.getInstance();
     body.current.scrollTop = 0;
     setFilters(nextFilters);
-    grid.observeRows(
-      (rows) => onFiltersChange(nextFilters, queryFromFilters, rows)
-    );
+    grid.observeRows((rows) => onFiltersChange(nextFilters, queryFromFilters, rows));
   };
   const addFilter = (filter, column) => {
     let hasBeenCalled = false;

package/dist/esm/plugins/filterable/useFilterableState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/useFilterableState.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useState, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n  buildFilterArray,\n  getFilterValue,\n  parseFiltersToQuery,\n} from './helper';\n\nconst noop = () => null;\n\nexport function useFilterableState(grid) {\n  const {\n    filters: filtersProp,\n    onAddFilter = noop,\n    onRemoveFilter = noop,\n    onRemoveAllFilters = noop,\n    onFiltersChange = noop,\n  } = grid.props;\n\n  const [filters, setFilters] = useState(filtersProp || []);\n\n  useEffect(() => {\n    if (filtersProp && filtersProp !== filters) {\n      setFilters(filtersProp);\n    }\n  }, [filtersProp]);\n\n  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [\n    filters,\n  ]);\n\n  const handleFiltersChange = (nextFilters) => {\n    const {\n      refs: { body },\n    } = grid.getInstance();\n    body.current.scrollTop = 0;\n    setFilters(nextFilters);\n    grid.observeRows((rows) =>\n      onFiltersChange(nextFilters, queryFromFilters, rows),\n    );\n  };\n\n  const addFilter = (filter, column) => {\n    let hasBeenCalled = false;\n    const trimmedFilter = {\n      ...filter,\n      value: String(filter.value).trim(),\n    };\n    /* eslint-disable indent */\n    const parsedFilter = !filter.group\n      ? {\n          ...trimmedFilter,\n          value: String(filter.value).trim(),\n          group: 'all',\n          label: 'All',\n          id: uuidv4(),\n        }\n      : {\n          ...trimmedFilter,\n          value: String(filter.value).trim(),\n          id: uuidv4(),\n          label: (column && column.filterLabel) || trimmedFilter.label,\n          originalProperty: column.originalProperty || column.property,\n          customValue: getFilterValue(trimmedFilter, column),\n        };\n    /* eslint-enable indent */\n    setFilters((prevFilters) => {\n      // This was setted for an issue that was recalling this function on the handleFiltersChange\n      if (hasBeenCalled) {\n        return;\n      }\n      hasBeenCalled = true;\n\n      const nextFilters = buildFilterArray(parsedFilter, prevFilters);\n      handleFiltersChange(nextFilters, true);\n      onAddFilter(parsedFilter, nextFilters, column);\n    });\n  };\n\n  const removeFilter = ({ group, pill, nextFilters }) => {\n    onRemoveFilter(group, pill.value, nextFilters);\n    handleFiltersChange(nextFilters);\n  };\n\n  const removeAllFilters = () => {\n    onRemoveAllFilters();\n    handleFiltersChange([]);\n  };\n  return {\n    actions: {\n      addFilter,\n      removeFilter,\n      removeAllFilters,\n    },\n    state: {\n      query: queryFromFilters,\n      filters,\n    },\n  };\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,UAAU,iBAAiB;AAC7C,SAAS,MAAM,cAAc;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,OAAO,MAAM;AAEZ,SAAS,mBAAmB,MAAM;AACvC,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,EACpB,IAAI,KAAK;AAET,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,eAAe,CAAC,CAAC;AAExD,YAAU,MAAM;AACd,QAAI,eAAe,gBAAgB,SAAS;AAC1C,iBAAW,WAAW;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,mBAAmB,QAAQ,MAAM,oBAAoB,WAAW,CAAC,CAAC,GAAG;AAAA,IACzE;AAAA,EACF,CAAC;AAED,QAAM,sBAAsB,CAAC,gBAAgB;AAC3C,UAAM;AAAA,MACJ,MAAM,EAAE,KAAK;AAAA,IACf,IAAI,KAAK,YAAY;AACrB,SAAK,QAAQ,YAAY;AACzB,eAAW,WAAW;AACtB,SAAK;AAAA,MAAY,CAAC,SAChB,gBAAgB,aAAa,kBAAkB,IAAI;AAAA,IACrD;AAAA,EACF;AAEA,QAAM,YAAY,CAAC,QAAQ,WAAW;AACpC,QAAI,gBAAgB;AACpB,UAAM,gBAAgB;AAAA,MACpB,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,IACnC;AAEA,UAAM,eAAe,CAAC,OAAO,QACzB;AAAA,MACE,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,MACjC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI,OAAO;AAAA,IACb,IACA;AAAA,MACE,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,MACjC,IAAI,OAAO;AAAA,MACX,OAAQ,UAAU,OAAO,eAAgB,cAAc;AAAA,MACvD,kBAAkB,OAAO,oBAAoB,OAAO;AAAA,MACpD,aAAa,eAAe,eAAe,MAAM;AAAA,IACnD;AAEJ,eAAW,CAAC,gBAAgB;AAE1B,UAAI,eAAe;AACjB;AAAA,MACF;AACA,sBAAgB;AAEhB,YAAM,cAAc,iBAAiB,cAAc,WAAW;AAC9D,0BAAoB,aAAa,IAAI;AACrC,kBAAY,cAAc,aAAa,MAAM;AAAA,IAC/C,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,CAAC,EAAE,OAAO,MAAM,YAAY,MAAM;AACrD,mBAAe,OAAO,KAAK,OAAO,WAAW;AAC7C,wBAAoB,WAAW;AAAA,EACjC;AAEA,QAAM,mBAAmB,MAAM;AAC7B,uBAAmB;AACnB,wBAAoB,CAAC,CAAC;AAAA,EACxB;AACA,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useState, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { buildFilterArray, getFilterValue, parseFiltersToQuery } from './helper.js';\n\nconst noop = () => null;\n\nexport function useFilterableState(grid) {\n  const {\n    filters: filtersProp,\n    onAddFilter = noop,\n    onRemoveFilter = noop,\n    onRemoveAllFilters = noop,\n    onFiltersChange = noop,\n  } = grid.props;\n\n  const [filters, setFilters] = useState(filtersProp || []);\n\n  useEffect(() => {\n    if (filtersProp && filtersProp !== filters) {\n      setFilters(filtersProp);\n    }\n  }, [filtersProp]);\n\n  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [filters]);\n\n  const handleFiltersChange = (nextFilters) => {\n    const {\n      refs: { body },\n    } = grid.getInstance();\n    body.current.scrollTop = 0;\n    setFilters(nextFilters);\n    grid.observeRows((rows) => onFiltersChange(nextFilters, queryFromFilters, rows));\n  };\n\n  const addFilter = (filter, column) => {\n    let hasBeenCalled = false;\n    const trimmedFilter = {\n      ...filter,\n      value: String(filter.value).trim(),\n    };\n    /* eslint-disable indent */\n    const parsedFilter = !filter.group\n      ? {\n          ...trimmedFilter,\n          value: String(filter.value).trim(),\n          group: 'all',\n          label: 'All',\n          id: uuidv4(),\n        }\n      : {\n          ...trimmedFilter,\n          value: String(filter.value).trim(),\n          id: uuidv4(),\n          label: (column && column.filterLabel) || trimmedFilter.label,\n          originalProperty: column.originalProperty || column.property,\n          customValue: getFilterValue(trimmedFilter, column),\n        };\n    /* eslint-enable indent */\n    setFilters((prevFilters) => {\n      // This was setted for an issue that was recalling this function on the handleFiltersChange\n      if (hasBeenCalled) {\n        return;\n      }\n      hasBeenCalled = true;\n\n      const nextFilters = buildFilterArray(parsedFilter, prevFilters);\n      handleFiltersChange(nextFilters, true);\n      onAddFilter(parsedFilter, nextFilters, column);\n    });\n  };\n\n  const removeFilter = ({ group, pill, nextFilters }) => {\n    onRemoveFilter(group, pill.value, nextFilters);\n    handleFiltersChange(nextFilters);\n  };\n\n  const removeAllFilters = () => {\n    onRemoveAllFilters();\n    handleFiltersChange([]);\n  };\n  return {\n    actions: {\n      addFilter,\n      removeFilter,\n      removeAllFilters,\n    },\n    state: {\n      query: queryFromFilters,\n      filters,\n    },\n  };\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,UAAU,iBAAiB;AAC7C,SAAS,MAAM,cAAc;AAC7B,SAAS,kBAAkB,gBAAgB,2BAA2B;AAEtE,MAAM,OAAO,MAAM;AAEZ,SAAS,mBAAmB,MAAM;AACvC,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,EACpB,IAAI,KAAK;AAET,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,eAAe,CAAC,CAAC;AAExD,YAAU,MAAM;AACd,QAAI,eAAe,gBAAgB,SAAS;AAC1C,iBAAW,WAAW;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,mBAAmB,QAAQ,MAAM,oBAAoB,WAAW,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC;AAEpF,QAAM,sBAAsB,CAAC,gBAAgB;AAC3C,UAAM;AAAA,MACJ,MAAM,EAAE,KAAK;AAAA,IACf,IAAI,KAAK,YAAY;AACrB,SAAK,QAAQ,YAAY;AACzB,eAAW,WAAW;AACtB,SAAK,YAAY,CAAC,SAAS,gBAAgB,aAAa,kBAAkB,IAAI,CAAC;AAAA,EACjF;AAEA,QAAM,YAAY,CAAC,QAAQ,WAAW;AACpC,QAAI,gBAAgB;AACpB,UAAM,gBAAgB;AAAA,MACpB,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,IACnC;AAEA,UAAM,eAAe,CAAC,OAAO,QACzB;AAAA,MACE,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,MACjC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI,OAAO;AAAA,IACb,IACA;AAAA,MACE,GAAG;AAAA,MACH,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK;AAAA,MACjC,IAAI,OAAO;AAAA,MACX,OAAQ,UAAU,OAAO,eAAgB,cAAc;AAAA,MACvD,kBAAkB,OAAO,oBAAoB,OAAO;AAAA,MACpD,aAAa,eAAe,eAAe,MAAM;AAAA,IACnD;AAEJ,eAAW,CAAC,gBAAgB;AAE1B,UAAI,eAAe;AACjB;AAAA,MACF;AACA,sBAAgB;AAEhB,YAAM,cAAc,iBAAiB,cAAc,WAAW;AAC9D,0BAAoB,aAAa,IAAI;AACrC,kBAAY,cAAc,aAAa,MAAM;AAAA,IAC/C,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,CAAC,EAAE,OAAO,MAAM,YAAY,MAAM;AACrD,mBAAe,OAAO,KAAK,OAAO,WAAW;AAC7C,wBAAoB,WAAW;AAAA,EACjC;AAEA,QAAM,mBAAmB,MAAM;AAC7B,uBAAmB;AACnB,wBAAoB,CAAC,CAAC;AAAA,EACxB;AACA,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/plugins/grouping-grid/GroupingPlugin.js

@@ -4,9 +4,9 @@ import { useMemo } from "react";
 import { createInstancePlugin } from "@elliemae/ds-shared";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { VariableSizeList } from "react-window";
-import { walkTreeStrategy } from "./walkStrategy";
-import { RowSizes } from "../../rowSizes";
-import { dataGridBlockName } from "../../blockNames";
+import { walkTreeStrategy } from "./walkStrategy.js";
+import { RowSizes } from "../../rowSizes.js";
+import { dataGridBlockName } from "../../blockNames.js";
 const blockName = `${dataGridBlockName}-group-row-header`;
 const GroupRowHeaderWrapper = aggregatedClasses("div")(blockName);
 const GroupRowHeaderTitle = aggregatedClasses("div")(blockName, "title");
@@ -80,7 +80,7 @@ const GroupingPlugin = createInstancePlugin("groupedRows", {
   decorateRenderers(renderers, grid) {
     const Row = renderers.body.row;
     renderers.body.row = useMemo(
-      () => ({ isExpanded, ...rowProps }) => {
+      () => function({ isExpanded, ...rowProps }) {
         const { composedRows } = grid.getInstance();
         const node = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;
         const { groupedRowsRenderHeader } = grid.props;

package/dist/esm/plugins/grouping-grid/GroupingPlugin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/grouping-grid/GroupingPlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable no-underscore-dangle */\nimport React, { useMemo } from 'react';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { VariableSizeList } from 'react-window';\nimport { walkTreeStrategy } from './walkStrategy';\nimport { RowSizes } from '../../rowSizes';\nimport { dataGridBlockName } from '../../blockNames';\n\nconst blockName = `${dataGridBlockName}-group-row-header`;\nconst GroupRowHeaderWrapper = aggregatedClasses('div')(blockName);\nconst GroupRowHeaderTitle = aggregatedClasses('div')(blockName, 'title');\n\nexport const GroupingPlugin = createInstancePlugin('groupedRows', {\n  decorateGrid(grid) {\n    const { columns, composedRows } = grid.getInstance();\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const detailColumns = useMemo(\n      () =>\n        columns\n          .map((column) => ({\n            ...column,\n            customRenderer: column.detailCustomRenderer,\n          }))\n          .filter((col) => !col.expandableColumn),\n      [columns],\n    );\n    const flatRows = [];\n    walkTreeStrategy({\n      data: composedRows,\n      cb: (n) => flatRows.push(n),\n    });\n    return {\n      detailColumns,\n      composedRows: flatRows,\n    };\n  },\n  getBodyProps(bodyProps, grid) {\n    const { composedRows: rows } = grid.getInstance();\n    // implementation of expandable row single column with aggregation\n    const getItemSize = (index) => {\n      const rowData = rows[index];\n      if (!rowData) return RowSizes.normal;\n      return rowData._isGroup || rowData.isGroup ? RowSizes.compact : RowSizes.normal;\n    };\n    // eslint-disable-next-line no-unused-vars\n    const getListHeight = () => {\n      const size = rows.reduce((h, r) => {\n        const rowHeight = r._isGroup || r.isGroup ? RowSizes.compact : RowSizes.normal;\n        return h + rowHeight;\n      }, 0);\n      return size;\n    };\n    return {\n      ...bodyProps,\n      getListHeight,\n      listComponent: VariableSizeList,\n      listProps: { itemSize: getItemSize },\n    };\n  },\n  composeRows: (rows, grid) => {\n    const {\n      composedRows,\n      props: { rowKey },\n    } = grid.getInstance();\n\n    if (Array.isArray(rows)) {\n      const filterIds = rows.map((r) => r.data[rowKey]);\n      return composedRows\n        .filter((c) => filterIds.includes(c.data[rowKey]))\n        .map((r) => ({\n          ...r.data,\n          children: Array.isArray(r.data.children)\n            ? r.data.children.filter((c) => filterIds.includes(c[rowKey]))\n            : r.data.children,\n          _isGroup: r.isGroup,\n        }))\n        .filter((g) => g.children === undefined || g.children.length > 0);\n    }\n    return {\n      ...rows,\n      allRows: rows.allRows.map((r) => ({\n        ...r.data,\n        _isGroup: r.isGroup,\n      })),\n      rows: rows.rows.map((r) => ({\n        ...r.data,\n        _isGroup: r.isGroup,\n      })),\n    };\n  },\n  decorateRenderers(renderers, grid) {\n    const Row = renderers.body.row;\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    renderers.body.row = useMemo(\n      () =>\n        // eslint-disable-next-line react/display-name\n        // eslint-disable-next-line react/prop-types\n        ({ isExpanded, ...rowProps }) => {\n          const { composedRows } = grid.getInstance();\n          // // https://jira.elliemae.io/browse/PUI-1667\n          const node = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;\n          const { groupedRowsRenderHeader } = grid.props;\n          // eslint-disable-next-line no-underscore-dangle\n          if (node && node._isGroup) {\n            return (\n              <>\n                <GroupRowHeaderWrapper {...rowProps}>\n                  <GroupRowHeaderTitle>\n                    {groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : 'Group'}\n                  </GroupRowHeaderTitle>\n                </GroupRowHeaderWrapper>\n              </>\n            );\n          }\n          return <Row {...rowProps} />;\n        },\n      [],\n    );\n\n    return renderers;\n  },\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC2GT,mBAEI,WAFJ;AAzGd,SAAgB,eAAe;AAC/B,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAElC,MAAM,YAAY,GAAG;AACrB,MAAM,wBAAwB,kBAAkB,KAAK,EAAE,SAAS;AAChE,MAAM,sBAAsB,kBAAkB,KAAK,EAAE,WAAW,OAAO;AAEhE,MAAM,iBAAiB,qBAAqB,eAAe;AAAA,EAChE,aAAa,MAAM;AACjB,UAAM,EAAE,SAAS,aAAa,IAAI,KAAK,YAAY;AAEnD,UAAM,gBAAgB;AAAA,MACpB,MACE,QACG,IAAI,CAAC,YAAY;AAAA,QAChB,GAAG;AAAA,QACH,gBAAgB,OAAO;AAAA,MACzB,EAAE,EACD,OAAO,CAAC,QAAQ,CAAC,IAAI,gBAAgB;AAAA,MAC1C,CAAC,OAAO;AAAA,IACV;AACA,UAAM,WAAW,CAAC;AAClB,qBAAiB;AAAA,MACf,MAAM;AAAA,MACN,IAAI,CAAC,MAAM,SAAS,KAAK,CAAC;AAAA,IAC5B,CAAC;AACD,WAAO;AAAA,MACL;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,aAAa,WAAW,MAAM;AAC5B,UAAM,EAAE,cAAc,KAAK,IAAI,KAAK,YAAY;AAEhD,UAAM,cAAc,CAAC,UAAU;AAC7B,YAAM,UAAU,KAAK;AACrB,UAAI,CAAC;AAAS,eAAO,SAAS;AAC9B,aAAO,QAAQ,YAAY,QAAQ,UAAU,SAAS,UAAU,SAAS;AAAA,IAC3E;AAEA,UAAM,gBAAgB,MAAM;AAC1B,YAAM,OAAO,KAAK,OAAO,CAAC,GAAG,MAAM;AACjC,cAAM,YAAY,EAAE,YAAY,EAAE,UAAU,SAAS,UAAU,SAAS;AACxE,eAAO,IAAI;AAAA,MACb,GAAG,CAAC;AACJ,aAAO;AAAA,IACT;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,eAAe;AAAA,MACf,WAAW,EAAE,UAAU,YAAY;AAAA,IACrC;AAAA,EACF;AAAA,EACA,aAAa,CAAC,MAAM,SAAS;AAC3B,UAAM;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,OAAO;AAAA,IAClB,IAAI,KAAK,YAAY;AAErB,QAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,YAAM,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE,KAAK,OAAO;AAChD,aAAO,aACJ,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,KAAK,OAAO,CAAC,EAChD,IAAI,CAAC,OAAO;AAAA,QACX,GAAG,EAAE;AAAA,QACL,UAAU,MAAM,QAAQ,EAAE,KAAK,QAAQ,IACnC,EAAE,KAAK,SAAS,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,OAAO,CAAC,IAC3D,EAAE,KAAK;AAAA,QACX,UAAU,EAAE;AAAA,MACd,EAAE,EACD,OAAO,CAAC,MAAM,EAAE,aAAa,UAAa,EAAE,SAAS,SAAS,CAAC;AAAA,IACpE;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS,KAAK,QAAQ,IAAI,CAAC,OAAO;AAAA,QAChC,GAAG,EAAE;AAAA,QACL,UAAU,EAAE;AAAA,MACd,EAAE;AAAA,MACF,MAAM,KAAK,KAAK,IAAI,CAAC,OAAO;AAAA,QAC1B,GAAG,EAAE;AAAA,QACL,UAAU,EAAE;AAAA,MACd,EAAE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,kBAAkB,WAAW,MAAM;AACjC,UAAM,MAAM,UAAU,KAAK;AAE3B,cAAU,KAAK,MAAM;AAAA,MACnB,MAGE,CAAC,EAAE,eAAe,SAAS,MAAM;AAC/B,cAAM,EAAE,aAAa,IAAI,KAAK,YAAY;AAE1C,cAAM,OAAO,aAAa,SAAS,SAAS,aAAa,SAAS,SAAS,SAAS;AACpF,cAAM,EAAE,wBAAwB,IAAI,KAAK;AAEzC,YAAI,QAAQ,KAAK,UAAU;AACzB,iBACE,gCACE,8BAAC,yBAAuB,GAAG,UACzB,8BAAC,uBACE,oCAA0B,wBAAwB,IAAI,IAAI,SAC7D,GACF,GACF;AAAA,QAEJ;AACA,eAAO,oBAAC,OAAK,GAAG,UAAU;AAAA,MAC5B;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT;AACF,CAAC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable no-underscore-dangle */\nimport React, { useMemo } from 'react';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { VariableSizeList } from 'react-window';\nimport { walkTreeStrategy } from './walkStrategy.js';\nimport { RowSizes } from '../../rowSizes.js';\nimport { dataGridBlockName } from '../../blockNames.js';\n\nconst blockName = `${dataGridBlockName}-group-row-header`;\nconst GroupRowHeaderWrapper = aggregatedClasses('div')(blockName);\nconst GroupRowHeaderTitle = aggregatedClasses('div')(blockName, 'title');\n\nexport const GroupingPlugin = createInstancePlugin('groupedRows', {\n  decorateGrid(grid) {\n    const { columns, composedRows } = grid.getInstance();\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const detailColumns = useMemo(\n      () =>\n        columns\n          .map((column) => ({\n            ...column,\n            customRenderer: column.detailCustomRenderer,\n          }))\n          .filter((col) => !col.expandableColumn),\n      [columns],\n    );\n    const flatRows = [];\n    walkTreeStrategy({\n      data: composedRows,\n      cb: (n) => flatRows.push(n),\n    });\n    return {\n      detailColumns,\n      composedRows: flatRows,\n    };\n  },\n  getBodyProps(bodyProps, grid) {\n    const { composedRows: rows } = grid.getInstance();\n    // implementation of expandable row single column with aggregation\n    const getItemSize = (index) => {\n      const rowData = rows[index];\n      if (!rowData) return RowSizes.normal;\n      return rowData._isGroup || rowData.isGroup ? RowSizes.compact : RowSizes.normal;\n    };\n    // eslint-disable-next-line no-unused-vars\n    const getListHeight = () => {\n      const size = rows.reduce((h, r) => {\n        const rowHeight = r._isGroup || r.isGroup ? RowSizes.compact : RowSizes.normal;\n        return h + rowHeight;\n      }, 0);\n      return size;\n    };\n    return {\n      ...bodyProps,\n      getListHeight,\n      listComponent: VariableSizeList,\n      listProps: { itemSize: getItemSize },\n    };\n  },\n  composeRows: (rows, grid) => {\n    const {\n      composedRows,\n      props: { rowKey },\n    } = grid.getInstance();\n\n    if (Array.isArray(rows)) {\n      const filterIds = rows.map((r) => r.data[rowKey]);\n      return composedRows\n        .filter((c) => filterIds.includes(c.data[rowKey]))\n        .map((r) => ({\n          ...r.data,\n          children: Array.isArray(r.data.children)\n            ? r.data.children.filter((c) => filterIds.includes(c[rowKey]))\n            : r.data.children,\n          _isGroup: r.isGroup,\n        }))\n        .filter((g) => g.children === undefined || g.children.length > 0);\n    }\n    return {\n      ...rows,\n      allRows: rows.allRows.map((r) => ({\n        ...r.data,\n        _isGroup: r.isGroup,\n      })),\n      rows: rows.rows.map((r) => ({\n        ...r.data,\n        _isGroup: r.isGroup,\n      })),\n    };\n  },\n  decorateRenderers(renderers, grid) {\n    const Row = renderers.body.row;\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    renderers.body.row = useMemo(\n      () =>\n        // eslint-disable-next-line react/display-name\n        // eslint-disable-next-line react/prop-types\n        function ({ isExpanded, ...rowProps }) {\n          const { composedRows } = grid.getInstance();\n          // // https://jira.elliemae.io/browse/PUI-1667\n          const node = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;\n          const { groupedRowsRenderHeader } = grid.props;\n          // eslint-disable-next-line no-underscore-dangle\n          if (node && node._isGroup) {\n            return (\n              <>\n                <GroupRowHeaderWrapper {...rowProps}>\n                  <GroupRowHeaderTitle>\n                    {groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : 'Group'}\n                  </GroupRowHeaderTitle>\n                </GroupRowHeaderWrapper>\n              </>\n            );\n          }\n          return <Row {...rowProps} />;\n        },\n      [],\n    );\n\n    return renderers;\n  },\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/plugins/grouping-grid/walkStrategy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/grouping-grid/walkStrategy.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "function getPath(parentNode, index, childrenKey) {\n  if (!parentNode) return [index];\n  return [...parentNode.path, childrenKey, index];\n}\n\nexport function walkTreeStrategy({\n  data,\n  childrenKey = 'children',\n  level = 0,\n  getId = item => item.id,\n  parentNode,\n  shouldWalkChildren = () => true,\n  cb,\n}) {\n  // eslint-disable-next-line no-loops/no-loops,no-plusplus\n  for (let i = 0; i < data.length; i++) {\n    const currLevel = level + 1;\n    const children = data[i][childrenKey];\n    const isGroup = children && !!children.length;\n    const node = {\n      index: i,\n      id: getId(data[i]),\n      data: data[i],\n      path: getPath(parentNode, i, childrenKey),\n      isGroup,\n      nestingLevel: currLevel,\n      parentNode: parentNode || {\n        isGroup: true,\n        data: { children: data },\n      },\n    };\n    cb(node);\n    if (shouldWalkChildren(node) && children && children.length) {\n      walkTreeStrategy({\n        data: children,\n        level: currLevel,\n        parentNode: node,\n        shouldWalkChildren,\n        cb,\n      });\n    }\n  }\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,YAAY,OAAO,aAAa;AAC/C,MAAI,CAAC;AAAY,WAAO,CAAC,KAAK;AAC9B,SAAO,CAAC,GAAG,WAAW,MAAM,aAAa,KAAK;AAChD;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ,UAAQ,KAAK;AAAA,EACrB;AAAA,EACA,qBAAqB,MAAM;AAAA,EAC3B;AACF,GAAG;AAED,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,YAAY,QAAQ;AAC1B,UAAM,WAAW,KAAK,GAAG;AACzB,UAAM,UAAU,YAAY,CAAC,CAAC,SAAS;AACvC,UAAM,OAAO;AAAA,MACX,OAAO;AAAA,MACP,IAAI,MAAM,KAAK,EAAE;AAAA,MACjB,MAAM,KAAK;AAAA,MACX,MAAM,QAAQ,YAAY,GAAG,WAAW;AAAA,MACxC;AAAA,MACA,cAAc;AAAA,MACd,YAAY,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,MAAM,EAAE,UAAU,KAAK;AAAA,MACzB;AAAA,IACF;AACA,OAAG,IAAI;AACP,QAAI,mBAAmB,IAAI,KAAK,YAAY,SAAS,QAAQ;AAC3D,uBAAiB;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,QACP,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "function getPath(parentNode, index, childrenKey) {\n  if (!parentNode) return [index];\n  return [...parentNode.path, childrenKey, index];\n}\n\nexport function walkTreeStrategy({\n  data,\n  childrenKey = 'children',\n  level = 0,\n  getId = (item) => item.id,\n  parentNode,\n  shouldWalkChildren = () => true,\n  cb,\n}) {\n  // eslint-disable-next-line no-loops/no-loops,no-plusplus\n  for (let i = 0; i < data.length; i++) {\n    const currLevel = level + 1;\n    const children = data[i][childrenKey];\n    const isGroup = children && !!children.length;\n    const node = {\n      index: i,\n      id: getId(data[i]),\n      data: data[i],\n      path: getPath(parentNode, i, childrenKey),\n      isGroup,\n      nestingLevel: currLevel,\n      parentNode: parentNode || {\n        isGroup: true,\n        data: { children: data },\n      },\n    };\n    cb(node);\n    if (shouldWalkChildren(node) && children && children.length) {\n      walkTreeStrategy({\n        data: children,\n        level: currLevel,\n        parentNode: node,\n        shouldWalkChildren,\n        cb,\n      });\n    }\n  }\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,YAAY,OAAO,aAAa;AAC/C,MAAI,CAAC;AAAY,WAAO,CAAC,KAAK;AAC9B,SAAO,CAAC,GAAG,WAAW,MAAM,aAAa,KAAK;AAChD;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ,CAAC,SAAS,KAAK;AAAA,EACvB;AAAA,EACA,qBAAqB,MAAM;AAAA,EAC3B;AACF,GAAG;AAED,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAM,YAAY,QAAQ;AAC1B,UAAM,WAAW,KAAK,GAAG;AACzB,UAAM,UAAU,YAAY,CAAC,CAAC,SAAS;AACvC,UAAM,OAAO;AAAA,MACX,OAAO;AAAA,MACP,IAAI,MAAM,KAAK,EAAE;AAAA,MACjB,MAAM,KAAK;AAAA,MACX,MAAM,QAAQ,YAAY,GAAG,WAAW;AAAA,MACxC;AAAA,MACA,cAAc;AAAA,MACd,YAAY,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,MAAM,EAAE,UAAU,KAAK;AAAA,MACzB;AAAA,IACF;AACA,OAAG,IAAI;AACP,QAAI,mBAAmB,IAAI,KAAK,YAAY,SAAS,QAAQ;AAC3D,uBAAiB;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,QACP,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/plugins/index.js

@@ -1,20 +1,20 @@
 import * as React from "react";
-import { BodyHeaderScrollSyncPlugin } from "./body-header-scroll-sync";
-import { DndColumnsPlugin } from "./column-dnd";
-import { ColumnSizingPlugin } from "./column-sizing";
-import { CustomRendererPlugin } from "./custom-cell-renderer";
-import { EditablePlugin, ComboBox, TextBox } from "./editable";
-import { ExpandableColumn, ExpandablePlugin } from "./expandable-grid";
-import { FilterablePlugin } from "./filterable";
-import { InfiniteScrollPlugin } from "./infinite-scrolling";
-import { PaginationPlugin } from "./pagination";
-import { ResizablePlugin } from "./resizable";
-import { DndRowsPlugin } from "./row-dnd";
-import { SelectablePlugin } from "./selectable";
-import { SortablePlugin } from "./sortable";
-import { ToolbarPlugin } from "./toolbar";
-import { ExportDataPlugin } from "./export-data";
-import { VirtualizationPlugin } from "./virtualization";
+import { BodyHeaderScrollSyncPlugin } from "./body-header-scroll-sync/index.js";
+import { DndColumnsPlugin } from "./column-dnd/index.js";
+import { ColumnSizingPlugin } from "./column-sizing/index.js";
+import { CustomRendererPlugin } from "./custom-cell-renderer/index.js";
+import { EditablePlugin, ComboBox, TextBox } from "./editable/index.js";
+import { ExpandableColumn, ExpandablePlugin } from "./expandable-grid/index.js";
+import { FilterablePlugin } from "./filterable/index.js";
+import { InfiniteScrollPlugin } from "./infinite-scrolling/index.js";
+import { PaginationPlugin } from "./pagination/index.js";
+import { ResizablePlugin } from "./resizable/index.js";
+import { DndRowsPlugin } from "./row-dnd/index.js";
+import { SelectablePlugin } from "./selectable/index.js";
+import { SortablePlugin } from "./sortable/index.js";
+import { ToolbarPlugin } from "./toolbar/index.js";
+import { ExportDataPlugin } from "./export-data/index.js";
+import { VirtualizationPlugin } from "./virtualization/index.js";
 export {
   BodyHeaderScrollSyncPlugin,
   ColumnSizingPlugin,

package/dist/esm/plugins/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/plugins/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { BodyHeaderScrollSyncPlugin } from './body-header-scroll-sync';\nexport { DndColumnsPlugin } from './column-dnd';\nexport { ColumnSizingPlugin } from './column-sizing';\nexport { CustomRendererPlugin } from './custom-cell-renderer';\nexport { EditablePlugin, ComboBox, TextBox } from './editable';\nexport { ExpandableColumn, ExpandablePlugin } from './expandable-grid';\nexport { FilterablePlugin } from './filterable';\nexport { InfiniteScrollPlugin } from './infinite-scrolling';\nexport { PaginationPlugin } from './pagination';\nexport { ResizablePlugin } from './resizable';\nexport { DndRowsPlugin } from './row-dnd';\nexport { SelectablePlugin } from './selectable';\nexport { SortablePlugin } from './sortable';\nexport { ToolbarPlugin } from './toolbar';\nexport { ExportDataPlugin } from './export-data';\nexport { VirtualizationPlugin } from './virtualization';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { BodyHeaderScrollSyncPlugin } from './body-header-scroll-sync/index.js';\nexport { DndColumnsPlugin } from './column-dnd/index.js';\nexport { ColumnSizingPlugin } from './column-sizing/index.js';\nexport { CustomRendererPlugin } from './custom-cell-renderer/index.js';\nexport { EditablePlugin, ComboBox, TextBox } from './editable/index.js';\nexport { ExpandableColumn, ExpandablePlugin } from './expandable-grid/index.js';\nexport { FilterablePlugin } from './filterable/index.js';\nexport { InfiniteScrollPlugin } from './infinite-scrolling/index.js';\nexport { PaginationPlugin } from './pagination/index.js';\nexport { ResizablePlugin } from './resizable/index.js';\nexport { DndRowsPlugin } from './row-dnd/index.js';\nexport { SelectablePlugin } from './selectable/index.js';\nexport { SortablePlugin } from './sortable/index.js';\nexport { ToolbarPlugin } from './toolbar/index.js';\nexport { ExportDataPlugin } from './export-data/index.js';\nexport { VirtualizationPlugin } from './virtualization/index.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,gBAAgB,UAAU,eAAe;AAClD,SAAS,kBAAkB,wBAAwB;AACnD,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;",
   "names": []
 }

package/dist/esm/plugins/infinite-scrolling/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { InfiniteScrollPlugin } from "./InfiniteScrollPlugin";
+import { InfiniteScrollPlugin } from "./InfiniteScrollPlugin.js";
 export {
   InfiniteScrollPlugin
 };

package/dist/esm/plugins/infinite-scrolling/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/infinite-scrolling/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { InfiniteScrollPlugin } from './InfiniteScrollPlugin';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { InfiniteScrollPlugin } from './InfiniteScrollPlugin.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,4BAA4B;",
   "names": []
 }

package/dist/esm/plugins/pagination/PaginationPlugin.js

@@ -3,9 +3,9 @@ import { jsx } from "react/jsx-runtime";
 import React2, { useMemo } from "react";
 import { mergeRefs } from "@elliemae/ds-utilities";
 import { createInstancePlugin, FocusGrid } from "@elliemae/ds-shared";
-import { paginate } from "./helper";
-import { usePaginationState } from "./usePaginationState";
-import { NoResults } from "../../components/NoResults";
+import { paginate } from "./helper.js";
+import { usePaginationState } from "./usePaginationState.js";
+import { NoResults } from "../../components/NoResults.js";
 const composeRows = (rows, grid) => {
   const {
     state: { pagination },
@@ -40,7 +40,7 @@ const Body = React2.memo(
 const decorateRenderers = (renderers, grid) => {
   const BodyWrapper = renderers.body.wrapper;
   renderers.body.wrapper = useMemo(
-    () => (props) => {
+    () => function(props) {
       const { hotKeys, shouldRefocus, state } = grid.getInstance();
       return /* @__PURE__ */ jsx(FocusGrid, { hotKeys, shouldRefocus: false, children: /* @__PURE__ */ jsx(Body, { ...props, component: BodyWrapper }) });
     },

package/dist/esm/plugins/pagination/PaginationPlugin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/pagination/PaginationPlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { useMemo } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin, FocusGrid } from '@elliemae/ds-shared';\nimport { paginate } from './helper';\nimport { usePaginationState } from './usePaginationState';\nimport { NoResults } from '../../components/NoResults';\n\nconst composeRows = (rows, grid) => {\n  const {\n    state: { pagination },\n    props: { groupedRows },\n  } = grid.getInstance();\n  if (groupedRows) return rows; // disable pagination with grouping\n  if (groupedRows) {\n    const filterIds = rows.map((r) => r.id);\n    return paginate(\n      rows\n        .filter((c) => filterIds.includes(c.id))\n        .map((r) => ({\n          ...r,\n          _isGroup: r.isGroup,\n        })),\n      pagination,\n    );\n  }\n\n  return paginate(rows, pagination);\n};\n\nconst Body = React.memo(\n  ({\n    component: Component,\n    rows,\n    rowRenderer,\n    noResultsPlaceholder,\n    innerRef,\n    innerBodyRef, // depends on body-header-scroll-sync\n    isPlaceholderActive = false,\n    ...otherBodyProps\n  }) => (\n    <Component {...otherBodyProps} innerRef={mergeRefs(innerRef)}>\n      {!isPlaceholderActive ? (\n        rows.map((row, index) => rowRenderer(row, { index, rowIndex: index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  ),\n);\n\nconst decorateRenderers = (renderers, grid) => {\n  const BodyWrapper = renderers.body.wrapper;\n  renderers.body.wrapper = useMemo(\n    () => (props) => {\n      const { hotKeys, shouldRefocus, state } = grid.getInstance();\n      return (\n        <FocusGrid hotKeys={hotKeys} shouldRefocus={false}>\n          <Body {...props} component={BodyWrapper} />\n        </FocusGrid>\n      );\n    },\n    [],\n  );\n  return renderers;\n};\n\nexport const PaginationPlugin = createInstancePlugin('pagination', {\n  registerStateHook: usePaginationState,\n  decorateRenderers,\n  composeRows,\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6Cf;AA5CR,OAAOA,UAAS,eAAe;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB,iBAAiB;AAChD,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAE1B,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW;AAAA,IACpB,OAAO,EAAE,YAAY;AAAA,EACvB,IAAI,KAAK,YAAY;AACrB,MAAI;AAAa,WAAO;AACxB,MAAI,aAAa;AACf,UAAM,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AACtC,WAAO;AAAA,MACL,KACG,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,EAAE,CAAC,EACtC,IAAI,CAAC,OAAO;AAAA,QACX,GAAG;AAAA,QACH,UAAU,EAAE;AAAA,MACd,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,SAAO,SAAS,MAAM,UAAU;AAClC;AAEA,MAAM,OAAOA,OAAM;AAAA,EACjB,CAAC;AAAA,IACC,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,OACnB;AAAA,EACL,MACE,oBAAC,aAAW,GAAG,gBAAgB,UAAU,UAAU,QAAQ,GACxD,WAAC,sBACA,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,OAAO,UAAU,MAAM,GAAG,CAAC,CAAC,CAAC,IAEzE,oBAAC,aAAU,UAAoB,aAC5B,gCACH,GAEJ;AAEJ;AAEA,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,cAAc,UAAU,KAAK;AACnC,YAAU,KAAK,UAAU;AAAA,IACvB,MAAM,CAAC,UAAU;AACf,YAAM,EAAE,SAAS,eAAe,MAAM,IAAI,KAAK,YAAY;AAC3D,aACE,oBAAC,aAAU,SAAkB,eAAe,OAC1C,8BAAC,QAAM,GAAG,OAAO,WAAW,aAAa,GAC3C;AAAA,IAEJ;AAAA,IACA,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEO,MAAM,mBAAmB,qBAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { useMemo } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin, FocusGrid } from '@elliemae/ds-shared';\nimport { paginate } from './helper.js';\nimport { usePaginationState } from './usePaginationState.js';\nimport { NoResults } from '../../components/NoResults.js';\n\nconst composeRows = (rows, grid) => {\n  const {\n    state: { pagination },\n    props: { groupedRows },\n  } = grid.getInstance();\n  if (groupedRows) return rows; // disable pagination with grouping\n  if (groupedRows) {\n    const filterIds = rows.map((r) => r.id);\n    return paginate(\n      rows\n        .filter((c) => filterIds.includes(c.id))\n        .map((r) => ({\n          ...r,\n          _isGroup: r.isGroup,\n        })),\n      pagination,\n    );\n  }\n\n  return paginate(rows, pagination);\n};\n\nconst Body = React.memo(\n  ({\n    component: Component,\n    rows,\n    rowRenderer,\n    noResultsPlaceholder,\n    innerRef,\n    innerBodyRef, // depends on body-header-scroll-sync\n    isPlaceholderActive = false,\n    ...otherBodyProps\n  }) => (\n    <Component {...otherBodyProps} innerRef={mergeRefs(innerRef)}>\n      {!isPlaceholderActive ? (\n        rows.map((row, index) => rowRenderer(row, { index, rowIndex: index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  ),\n);\n\nconst decorateRenderers = (renderers, grid) => {\n  const BodyWrapper = renderers.body.wrapper;\n  renderers.body.wrapper = useMemo(\n    () =>\n      function (props) {\n        const { hotKeys, shouldRefocus, state } = grid.getInstance();\n        return (\n          <FocusGrid hotKeys={hotKeys} shouldRefocus={false}>\n            <Body {...props} component={BodyWrapper} />\n          </FocusGrid>\n        );\n      },\n    [],\n  );\n  return renderers;\n};\n\nexport const PaginationPlugin = createInstancePlugin('pagination', {\n  registerStateHook: usePaginationState,\n  decorateRenderers,\n  composeRows,\n});\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6Cf;AA5CR,OAAOA,UAAS,eAAe;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB,iBAAiB;AAChD,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAE1B,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW;AAAA,IACpB,OAAO,EAAE,YAAY;AAAA,EACvB,IAAI,KAAK,YAAY;AACrB,MAAI;AAAa,WAAO;AACxB,MAAI,aAAa;AACf,UAAM,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AACtC,WAAO;AAAA,MACL,KACG,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,EAAE,CAAC,EACtC,IAAI,CAAC,OAAO;AAAA,QACX,GAAG;AAAA,QACH,UAAU,EAAE;AAAA,MACd,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,SAAO,SAAS,MAAM,UAAU;AAClC;AAEA,MAAM,OAAOA,OAAM;AAAA,EACjB,CAAC;AAAA,IACC,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,OACnB;AAAA,EACL,MACE,oBAAC,aAAW,GAAG,gBAAgB,UAAU,UAAU,QAAQ,GACxD,WAAC,sBACA,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,OAAO,UAAU,MAAM,GAAG,CAAC,CAAC,CAAC,IAEzE,oBAAC,aAAU,UAAoB,aAC5B,gCACH,GAEJ;AAEJ;AAEA,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,cAAc,UAAU,KAAK;AACnC,YAAU,KAAK,UAAU;AAAA,IACvB,MACE,SAAU,OAAO;AACf,YAAM,EAAE,SAAS,eAAe,MAAM,IAAI,KAAK,YAAY;AAC3D,aACE,oBAAC,aAAU,SAAkB,eAAe,OAC1C,8BAAC,QAAM,GAAG,OAAO,WAAW,aAAa,GAC3C;AAAA,IAEJ;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEO,MAAM,mBAAmB,qBAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,CAAC;",
   "names": ["React"]
 }

package/dist/esm/plugins/pagination/components/Pagination.js

@@ -1,12 +1,9 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { Paginator } from "./Paginator";
-import { PerPageDropdown } from "./PerPageDropdown";
-const PaginationControls = aggregatedClasses("div")(
-  "data-grid",
-  "controls-pagination"
-);
+import { Paginator } from "./Paginator.js";
+import { PerPageDropdown } from "./PerPageDropdown.js";
+const PaginationControls = aggregatedClasses("div")("data-grid", "controls-pagination");
 const Pagination = ({
   paginated,
   pagination = {},
@@ -20,24 +17,8 @@ const Pagination = ({
   if (pagination && pagination.conditionalPagination === true && paginated.amount === 1)
     return null;
   return paginated.amount > 0 ? /* @__PURE__ */ jsxs(PaginationControls, { children: [
-    /* @__PURE__ */ jsx(
-      PerPageDropdown,
-      {
-        max: maxPerPage,
-        min: minPerPage,
-        onChange: onPerPage,
-        step: paginationStep,
-        value: perPage
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Paginator,
-      {
-        onSelect: onPageSelect,
-        pages: paginated.amount,
-        pagination
-      }
-    )
+    /* @__PURE__ */ jsx(PerPageDropdown, { max: maxPerPage, min: minPerPage, onChange: onPerPage, step: paginationStep, value: perPage }),
+    /* @__PURE__ */ jsx(Paginator, { onSelect: onPageSelect, pages: paginated.amount, pagination })
   ] }) : null;
 };
 export {

package/dist/esm/plugins/pagination/components/Pagination.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/pagination/components/Pagination.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { Paginator } from './Paginator';\nimport { PerPageDropdown } from './PerPageDropdown';\n\nconst PaginationControls = aggregatedClasses('div')(\n  'data-grid',\n  'controls-pagination',\n);\n\nconst Pagination = ({\n  paginated,\n  pagination = {},\n  onPerPage,\n  onPageSelect,\n  paginationStep = 5,\n  maxPerPage = 10,\n  minPerPage = 5,\n}) => {\n  const { perPage } = pagination;\n  if (\n    pagination &&\n    pagination.conditionalPagination === true &&\n    paginated.amount === 1\n  )\n    return null;\n  return paginated.amount > 0 ? (\n    <PaginationControls>\n      <PerPageDropdown\n        max={maxPerPage}\n        min={minPerPage}\n        onChange={onPerPage}\n        step={paginationStep}\n        value={perPage}\n      />\n      <Paginator\n        onSelect={onPageSelect}\n        pages={paginated.amount}\n        pagination={pagination}\n      />\n    </PaginationControls>\n  ) : null;\n};\n\nexport { Pagination };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC2BnB,SACE,KADF;AA1BJ,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,MAAM,qBAAqB,kBAAkB,KAAK;AAAA,EAChD;AAAA,EACA;AACF;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI;AACpB,MACE,cACA,WAAW,0BAA0B,QACrC,UAAU,WAAW;AAErB,WAAO;AACT,SAAO,UAAU,SAAS,IACxB,qBAAC,sBACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAK;AAAA,QACL,UAAU;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA;AAAA,IACT;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,OAAO,UAAU;AAAA,QACjB;AAAA;AAAA,IACF;AAAA,KACF,IACE;AACN;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { Paginator } from './Paginator.js';\nimport { PerPageDropdown } from './PerPageDropdown.js';\n\nconst PaginationControls = aggregatedClasses('div')('data-grid', 'controls-pagination');\n\nconst Pagination = ({\n  paginated,\n  pagination = {},\n  onPerPage,\n  onPageSelect,\n  paginationStep = 5,\n  maxPerPage = 10,\n  minPerPage = 5,\n}) => {\n  const { perPage } = pagination;\n  if (pagination && pagination.conditionalPagination === true && paginated.amount === 1) return null;\n  return paginated.amount > 0 ? (\n    <PaginationControls>\n      <PerPageDropdown max={maxPerPage} min={minPerPage} onChange={onPerPage} step={paginationStep} value={perPage} />\n      <Paginator onSelect={onPageSelect} pages={paginated.amount} pagination={pagination} />\n    </PaginationControls>\n  ) : null;\n};\n\nexport { Pagination };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmBnB,SACE,KADF;AAlBJ,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,aAAa,qBAAqB;AAEtF,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI;AACpB,MAAI,cAAc,WAAW,0BAA0B,QAAQ,UAAU,WAAW;AAAG,WAAO;AAC9F,SAAO,UAAU,SAAS,IACxB,qBAAC,sBACC;AAAA,wBAAC,mBAAgB,KAAK,YAAY,KAAK,YAAY,UAAU,WAAW,MAAM,gBAAgB,OAAO,SAAS;AAAA,IAC9G,oBAAC,aAAU,UAAU,cAAc,OAAO,UAAU,QAAQ,YAAwB;AAAA,KACtF,IACE;AACN;",
   "names": []
 }

package/dist/esm/plugins/pagination/components/PerPageDropdown.js

@@ -16,7 +16,7 @@ const getOptions = memoize((step, min, max) => {
   const options = range(min, max + step, step).map(generateOption);
   return min === 0 ? options.slice(1, options.length) : options;
 });
-function PerPageDropdown({ min = 0, max = 100, step = 5, value = 0, onChange = () => null }) {
+const PerPageDropdown = ({ min = 0, max = 100, step = 5, value = 0, onChange = () => null }) => {
   const options = getOptions(step, min, max);
   return /* @__PURE__ */ jsx(
     DSComboBox,
@@ -35,7 +35,7 @@ function PerPageDropdown({ min = 0, max = 100, step = 5, value = 0, onChange = (
       value
     }
   );
-}
+};
 var PerPageDropdown_default = PerPageDropdown;
 export {
   PerPageDropdown,

package/dist/esm/plugins/pagination/components/PerPageDropdown.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/pagination/components/PerPageDropdown.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport memoize from 'memoize-one';\nimport { range } from '@elliemae/ds-utilities';\nimport { DSComboBox, components } from '@elliemae/ds-form';\n\nconst SingleValue = ({ children, ...props }) => (\n  <components.SingleValue {...props}>\n    {children} <span>per page</span>\n  </components.SingleValue>\n);\n\nconst generateOption = (value) => ({\n  value,\n  label: value,\n});\nconst getOptions = memoize((step, min, max) => {\n  const options = range(min, max + step, step).map(generateOption);\n  return min === 0 ? options.slice(1, options.length) : options;\n});\n\nfunction PerPageDropdown({ min = 0, max = 100, step = 5, value = 0, onChange = () => null }) {\n  const options = getOptions(step, min, max);\n  return (\n    <DSComboBox\n      className=\"per-page-dropdown\"\n      components={{\n        SingleValue,\n      }}\n      containerProps={{\n        'data-testid': 'per-page-dropdown',\n      }}\n      maxOptions={10}\n      onChange={onChange}\n      options={options}\n      searchable={false}\n      value={value}\n    />\n  );\n}\n\nexport { PerPageDropdown };\nexport default PerPageDropdown;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACMrB,SACa,KADb;AALF,OAAO,aAAa;AACpB,SAAS,aAAa;AACtB,SAAS,YAAY,kBAAkB;AAEvC,MAAM,cAAc,CAAC,EAAE,aAAa,MAAM,MACxC,qBAAC,WAAW,aAAX,EAAwB,GAAG,OACzB;AAAA;AAAA,EAAS;AAAA,EAAC,oBAAC,UAAK,sBAAQ;AAAA,GAC3B;AAGF,MAAM,iBAAiB,CAAC,WAAW;AAAA,EACjC;AAAA,EACA,OAAO;AACT;AACA,MAAM,aAAa,QAAQ,CAAC,MAAM,KAAK,QAAQ;AAC7C,QAAM,UAAU,MAAM,KAAK,MAAM,MAAM,IAAI,EAAE,IAAI,cAAc;AAC/D,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,MAAM,IAAI;AACxD,CAAC;AAED,SAAS,gBAAgB,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,WAAW,MAAM,KAAK,GAAG;AAC3F,QAAM,UAAU,WAAW,MAAM,KAAK,GAAG;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAY;AAAA,QACV;AAAA,MACF;AAAA,MACA,gBAAgB;AAAA,QACd,eAAe;AAAA,MACjB;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA;AAAA,EACF;AAEJ;AAGA,IAAO,0BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport memoize from 'memoize-one';\nimport { range } from '@elliemae/ds-utilities';\nimport { DSComboBox, components } from '@elliemae/ds-form';\n\nconst SingleValue = ({ children, ...props }) => (\n  <components.SingleValue {...props}>\n    {children} <span>per page</span>\n  </components.SingleValue>\n);\n\nconst generateOption = (value) => ({\n  value,\n  label: value,\n});\nconst getOptions = memoize((step, min, max) => {\n  const options = range(min, max + step, step).map(generateOption);\n  return min === 0 ? options.slice(1, options.length) : options;\n});\n\nconst PerPageDropdown = ({ min = 0, max = 100, step = 5, value = 0, onChange = () => null }) => {\n  const options = getOptions(step, min, max);\n  return (\n    <DSComboBox\n      className=\"per-page-dropdown\"\n      components={{\n        SingleValue,\n      }}\n      containerProps={{\n        'data-testid': 'per-page-dropdown',\n      }}\n      maxOptions={10}\n      onChange={onChange}\n      options={options}\n      searchable={false}\n      value={value}\n    />\n  );\n};\n\nexport { PerPageDropdown };\nexport default PerPageDropdown;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMrB,SACa,KADb;AALF,OAAO,aAAa;AACpB,SAAS,aAAa;AACtB,SAAS,YAAY,kBAAkB;AAEvC,MAAM,cAAc,CAAC,EAAE,aAAa,MAAM,MACxC,qBAAC,WAAW,aAAX,EAAwB,GAAG,OACzB;AAAA;AAAA,EAAS;AAAA,EAAC,oBAAC,UAAK,sBAAQ;AAAA,GAC3B;AAGF,MAAM,iBAAiB,CAAC,WAAW;AAAA,EACjC;AAAA,EACA,OAAO;AACT;AACA,MAAM,aAAa,QAAQ,CAAC,MAAM,KAAK,QAAQ;AAC7C,QAAM,UAAU,MAAM,KAAK,MAAM,MAAM,IAAI,EAAE,IAAI,cAAc;AAC/D,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,MAAM,IAAI;AACxD,CAAC;AAED,MAAM,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,WAAW,MAAM,KAAK,MAAM;AAC9F,QAAM,UAAU,WAAW,MAAM,KAAK,GAAG;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAY;AAAA,QACV;AAAA,MACF;AAAA,MACA,gBAAgB;AAAA,QACd,eAAe;AAAA,MACjB;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA;AAAA,EACF;AAEJ;AAGA,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/plugins/pagination/helper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/pagination/helper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const parsePerPageNumber = (number, max, min = 1) => {\n  if (number > max) return max;\n  if (number < min) return min;\n  return number;\n};\n\nexport const paginate = (\n  rows,\n  { page, perPage = 1, amountOfPages: amount, totalRows },\n) => {\n  // return if pagination state is controlled\n  if (amount && totalRows) {\n    return {\n      amount,\n      rows,\n      page,\n    };\n  }\n  // adapt to zero indexed logic\n  const p = page - 1 || 0;\n\n  const amountOfPages = perPage\n    ? Math.ceil(rows.length / (perPage > 0 ? perPage : 1))\n    : 1;\n  const startPage = p < amountOfPages ? p : 0;\n\n  return {\n    amount: amountOfPages,\n    rows: perPage\n      ? rows.slice(startPage * perPage, startPage * perPage + perPage)\n      : rows,\n    allRows: rows,\n    page: startPage,\n  };\n};\n\nexport default paginate;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,qBAAqB,CAAC,QAAQ,KAAK,MAAM,MAAM;AAC1D,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,SAAO;AACT;AAEO,MAAM,WAAW,CACtB,MACA,EAAE,MAAM,UAAU,GAAG,eAAe,QAAQ,UAAU,MACnD;AAEH,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,IAAI,OAAO,KAAK;AAEtB,QAAM,gBAAgB,UAClB,KAAK,KAAK,KAAK,UAAU,UAAU,IAAI,UAAU,EAAE,IACnD;AACJ,QAAM,YAAY,IAAI,gBAAgB,IAAI;AAE1C,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM,UACF,KAAK,MAAM,YAAY,SAAS,YAAY,UAAU,OAAO,IAC7D;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const parsePerPageNumber = (number, max, min = 1) => {\n  if (number > max) return max;\n  if (number < min) return min;\n  return number;\n};\n\nexport const paginate = (rows, { page, perPage = 1, amountOfPages: amount, totalRows }) => {\n  // return if pagination state is controlled\n  if (amount && totalRows) {\n    return {\n      amount,\n      rows,\n      page,\n    };\n  }\n  // adapt to zero indexed logic\n  const p = page - 1 || 0;\n\n  const amountOfPages = perPage ? Math.ceil(rows.length / (perPage > 0 ? perPage : 1)) : 1;\n  const startPage = p < amountOfPages ? p : 0;\n\n  return {\n    amount: amountOfPages,\n    rows: perPage ? rows.slice(startPage * perPage, startPage * perPage + perPage) : rows,\n    allRows: rows,\n    page: startPage,\n  };\n};\n\nexport default paginate;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,qBAAqB,CAAC,QAAQ,KAAK,MAAM,MAAM;AAC1D,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,SAAO;AACT;AAEO,MAAM,WAAW,CAAC,MAAM,EAAE,MAAM,UAAU,GAAG,eAAe,QAAQ,UAAU,MAAM;AAEzF,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,IAAI,OAAO,KAAK;AAEtB,QAAM,gBAAgB,UAAU,KAAK,KAAK,KAAK,UAAU,UAAU,IAAI,UAAU,EAAE,IAAI;AACvF,QAAM,YAAY,IAAI,gBAAgB,IAAI;AAE1C,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM,UAAU,KAAK,MAAM,YAAY,SAAS,YAAY,UAAU,OAAO,IAAI;AAAA,IACjF,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF;AAEA,IAAO,iBAAQ;",
   "names": []
 }

package/dist/esm/plugins/pagination/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PaginationPlugin } from "./PaginationPlugin";
+import { PaginationPlugin } from "./PaginationPlugin.js";
 export {
   PaginationPlugin
 };

package/dist/esm/plugins/pagination/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/pagination/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { PaginationPlugin } from './PaginationPlugin';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { PaginationPlugin } from './PaginationPlugin.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;",
   "names": []
 }

package/dist/esm/plugins/pagination/usePaginationState.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useDerivedStateFromProps } from "@elliemae/ds-utilities";
-import { parsePerPageNumber } from "./helper";
+import { parsePerPageNumber } from "./helper.js";
 function usePaginationState(grid) {
   const {
     minPerPage = 0,

package/dist/esm/plugins/pagination/usePaginationState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/pagination/usePaginationState.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { parsePerPageNumber } from './helper';\n\nexport function usePaginationState(grid) {\n  const {\n    minPerPage = 0,\n    maxPerPage = 50,\n    onPerPageChange = () => null,\n    onPageChange = () => null,\n    pagination: paginationProp = {\n      page: 1,\n      perPage: 10,\n    },\n    groupedRows,\n  } = grid.props;\n  const { composedRows, rows } = grid.getInstance();\n  const [pagination, setPagination] = useDerivedStateFromProps(paginationProp);\n\n  const onPerPage = (perPageNumber) => {\n    const parsedPerPageNumber = parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);\n    const actualNumber = parsedPerPageNumber ? parseInt(parsedPerPageNumber, 10) : 0;\n\n    setPagination((prevPagination) => {\n      onPerPageChange(actualNumber);\n      return {\n        page: prevPagination.page,\n        perPage: actualNumber,\n      };\n    });\n  };\n\n  const onPageSelect = (page) => {\n    const length = groupedRows ? composedRows.length : rows.length;\n    setPagination((prevPagination) => {\n      const pages = Math.ceil(length / prevPagination.perPage);\n      onPageChange(page);\n      return {\n        ...prevPagination,\n        page: Math.min(Math.max(page, 1), pages),\n      };\n    });\n  };\n\n  return {\n    state: {\n      pagination,\n    },\n    actions: {\n      onPerPage,\n      onPageSelect,\n    },\n  };\n}\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { parsePerPageNumber } from './helper.js';\n\nexport function usePaginationState(grid) {\n  const {\n    minPerPage = 0,\n    maxPerPage = 50,\n    onPerPageChange = () => null,\n    onPageChange = () => null,\n    pagination: paginationProp = {\n      page: 1,\n      perPage: 10,\n    },\n    groupedRows,\n  } = grid.props;\n  const { composedRows, rows } = grid.getInstance();\n  const [pagination, setPagination] = useDerivedStateFromProps(paginationProp);\n\n  const onPerPage = (perPageNumber) => {\n    const parsedPerPageNumber = parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);\n    const actualNumber = parsedPerPageNumber ? parseInt(parsedPerPageNumber, 10) : 0;\n\n    setPagination((prevPagination) => {\n      onPerPageChange(actualNumber);\n      return {\n        page: prevPagination.page,\n        perPage: actualNumber,\n      };\n    });\n  };\n\n  const onPageSelect = (page) => {\n    const length = groupedRows ? composedRows.length : rows.length;\n    setPagination((prevPagination) => {\n      const pages = Math.ceil(length / prevPagination.perPage);\n      onPageChange(page);\n      return {\n        ...prevPagination,\n        page: Math.min(Math.max(page, 1), pages),\n      };\n    });\n  };\n\n  return {\n    state: {\n      pagination,\n    },\n    actions: {\n      onPerPage,\n      onPageSelect,\n    },\n  };\n}\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AAE5B,SAAS,mBAAmB,MAAM;AACvC,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB,MAAM;AAAA,IACxB,eAAe,MAAM;AAAA,IACrB,YAAY,iBAAiB;AAAA,MAC3B,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA;AAAA,EACF,IAAI,KAAK;AACT,QAAM,EAAE,cAAc,KAAK,IAAI,KAAK,YAAY;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,yBAAyB,cAAc;AAE3E,QAAM,YAAY,CAAC,kBAAkB;AACnC,UAAM,sBAAsB,mBAAmB,eAAe,YAAY,UAAU;AACpF,UAAM,eAAe,sBAAsB,SAAS,qBAAqB,EAAE,IAAI;AAE/E,kBAAc,CAAC,mBAAmB;AAChC,sBAAgB,YAAY;AAC5B,aAAO;AAAA,QACL,MAAM,eAAe;AAAA,QACrB,SAAS;AAAA,MACX;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,CAAC,SAAS;AAC7B,UAAM,SAAS,cAAc,aAAa,SAAS,KAAK;AACxD,kBAAc,CAAC,mBAAmB;AAChC,YAAM,QAAQ,KAAK,KAAK,SAAS,eAAe,OAAO;AACvD,mBAAa,IAAI;AACjB,aAAO;AAAA,QACL,GAAG;AAAA,QACH,MAAM,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,GAAG,KAAK;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/plugins/resizable/ResizablePlugin.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { runAll } from "@elliemae/ds-utilities";
 import { createInstancePlugin } from "@elliemae/ds-shared";
-import { addResizableToColumn, resizableFormatter } from "./decorateResizable";
+import { addResizableToColumn, resizableFormatter } from "./decorateResizable.js";
 const noop = () => null;
 const DELTA_LAST_COLUMN = 25;
 const decorateColumn = (column, grid, index) => {

package/dist/esm/plugins/resizable/ResizablePlugin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/resizable/ResizablePlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable max-statements */\nimport { runAll } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { addResizableToColumn, resizableFormatter } from './decorateResizable';\n\nconst noop = () => null;\n\nconst DELTA_LAST_COLUMN = 25;\n\n// eslint-disable-next-line no-unused-vars\nconst decorateColumn = (column, grid, index) => {\n  const {\n    onResizeEnd = noop,\n    onResizeStart = noop,\n    minColumnWidth = 90,\n    isColumnResizeActive = (col) => col.resizable && !col.expandableColumn,\n    onColumnResize,\n  } = grid.props;\n\n  const { decoratedColumns } = grid.getInstance();\n  // need to do this because the decorated columns which the index in the function call\n  // could be different from the final decorated columns because a plugin could add a\n  // column afterwards\n  const colIndex = decoratedColumns.findIndex((col) => col.property === column.property);\n  const isLast = colIndex === decoratedColumns.length - 1;\n\n  if (!isColumnResizeActive(column)) return column;\n  return addResizableToColumn(\n    column,\n    resizableFormatter({\n      onDragStart: () => {\n        grid.isDragging.current = true;\n        grid.disableEvents();\n        onResizeStart();\n        onColumnResize('onResizeStart', { column });\n      },\n      onDrag: (width, increasing) => {\n        const { resizedColumns, refs } = grid.getInstance();\n        if (isLast && increasing) {\n          const thisCol = resizedColumns.current[column.uuid] || 0;\n          width = Math.max(thisCol + DELTA_LAST_COLUMN, width);\n        }\n        column.updateBodyHeaderWidth(width, width);\n        grid.updateRowWidth();\n        if (isLast && increasing) {\n          // TODO: Move this to packages/ds-shared/src/ScrollSync/ScrollSync.js\n          // It isn't watching the scrollLeft so you have to move both at the same time\n          refs.header.current.scrollLeft += DELTA_LAST_COLUMN;\n          refs.body.current.scrollLeft += DELTA_LAST_COLUMN;\n        }\n      },\n      onDragEnd: (width, increasing, extraData) => {\n        const { resizedColumns } = grid.getInstance();\n        if (isLast && increasing) {\n          const thisCol = resizedColumns.current[column.uuid] || 0;\n          width = Math.max(thisCol + DELTA_LAST_COLUMN, width);\n        }\n        resizedColumns.current[column.uuid] = width;\n\n        grid.isDragging.current = false;\n        grid.enableEvents();\n        try {\n          const total = grid.getInstance().refs.body.current.scrollWidth;\n          const sum = Object.keys(grid.resizedColumns.current).reduce((p, n) => grid.resizedColumns.current[n] + p, 0);\n          const lastKey = grid.decoratedColumns[grid.columns.length - 1].uuid;\n          if (sum < total) {\n            const lastCol = grid.getInstance().columnSizeService.columns[lastKey];\n            lastCol.updateWidth(grid.resizedColumns.current[lastKey] + total - sum);\n            lastCol.updateBodyHeaderWidth(grid.resizedColumns.current[lastKey] + total - sum);\n            grid.getInstance().columnSizeService.updateMissingWidths(total);\n          }\n        } catch (error) {\n          console.error(\n            'Unexpected error in the addResizableToColumn trying to use the remaining grid space to the last column',\n            error,\n          );\n        }\n\n        onColumnResize('onResizeEnd', {\n          column,\n          width,\n          extraData,\n        });\n        runAll(onResizeEnd)(width, extraData);\n        grid.updateRowWidth();\n      },\n      minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),\n      isLast,\n    }),\n  );\n};\n\nexport const ResizablePlugin = createInstancePlugin('resizable', {\n  decorateColumn,\n});\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable max-statements */\nimport { runAll } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { addResizableToColumn, resizableFormatter } from './decorateResizable.js';\n\nconst noop = () => null;\n\nconst DELTA_LAST_COLUMN = 25;\n\n// eslint-disable-next-line no-unused-vars\nconst decorateColumn = (column, grid, index) => {\n  const {\n    onResizeEnd = noop,\n    onResizeStart = noop,\n    minColumnWidth = 90,\n    isColumnResizeActive = (col) => col.resizable && !col.expandableColumn,\n    onColumnResize,\n  } = grid.props;\n\n  const { decoratedColumns } = grid.getInstance();\n  // need to do this because the decorated columns which the index in the function call\n  // could be different from the final decorated columns because a plugin could add a\n  // column afterwards\n  const colIndex = decoratedColumns.findIndex((col) => col.property === column.property);\n  const isLast = colIndex === decoratedColumns.length - 1;\n\n  if (!isColumnResizeActive(column)) return column;\n  return addResizableToColumn(\n    column,\n    resizableFormatter({\n      onDragStart: () => {\n        grid.isDragging.current = true;\n        grid.disableEvents();\n        onResizeStart();\n        onColumnResize('onResizeStart', { column });\n      },\n      onDrag: (width, increasing) => {\n        const { resizedColumns, refs } = grid.getInstance();\n        if (isLast && increasing) {\n          const thisCol = resizedColumns.current[column.uuid] || 0;\n          width = Math.max(thisCol + DELTA_LAST_COLUMN, width);\n        }\n        column.updateBodyHeaderWidth(width, width);\n        grid.updateRowWidth();\n        if (isLast && increasing) {\n          // TODO: Move this to packages/ds-shared/src/ScrollSync/ScrollSync.js\n          // It isn't watching the scrollLeft so you have to move both at the same time\n          refs.header.current.scrollLeft += DELTA_LAST_COLUMN;\n          refs.body.current.scrollLeft += DELTA_LAST_COLUMN;\n        }\n      },\n      onDragEnd: (width, increasing, extraData) => {\n        const { resizedColumns } = grid.getInstance();\n        if (isLast && increasing) {\n          const thisCol = resizedColumns.current[column.uuid] || 0;\n          width = Math.max(thisCol + DELTA_LAST_COLUMN, width);\n        }\n        resizedColumns.current[column.uuid] = width;\n\n        grid.isDragging.current = false;\n        grid.enableEvents();\n        try {\n          const total = grid.getInstance().refs.body.current.scrollWidth;\n          const sum = Object.keys(grid.resizedColumns.current).reduce((p, n) => grid.resizedColumns.current[n] + p, 0);\n          const lastKey = grid.decoratedColumns[grid.columns.length - 1].uuid;\n          if (sum < total) {\n            const lastCol = grid.getInstance().columnSizeService.columns[lastKey];\n            lastCol.updateWidth(grid.resizedColumns.current[lastKey] + total - sum);\n            lastCol.updateBodyHeaderWidth(grid.resizedColumns.current[lastKey] + total - sum);\n            grid.getInstance().columnSizeService.updateMissingWidths(total);\n          }\n        } catch (error) {\n          console.error(\n            'Unexpected error in the addResizableToColumn trying to use the remaining grid space to the last column',\n            error,\n          );\n        }\n\n        onColumnResize('onResizeEnd', {\n          column,\n          width,\n          extraData,\n        });\n        runAll(onResizeEnd)(width, extraData);\n        grid.updateRowWidth();\n      },\n      minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),\n      isLast,\n    }),\n  );\n};\n\nexport const ResizablePlugin = createInstancePlugin('resizable', {\n  decorateColumn,\n});\n"],
   "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,cAAc;AACvB,SAAS,4BAA4B;AACrC,SAAS,sBAAsB,0BAA0B;AAEzD,MAAM,OAAO,MAAM;AAEnB,MAAM,oBAAoB;AAG1B,MAAM,iBAAiB,CAAC,QAAQ,MAAM,UAAU;AAC9C,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,uBAAuB,CAAC,QAAQ,IAAI,aAAa,CAAC,IAAI;AAAA,IACtD;AAAA,EACF,IAAI,KAAK;AAET,QAAM,EAAE,iBAAiB,IAAI,KAAK,YAAY;AAI9C,QAAM,WAAW,iBAAiB,UAAU,CAAC,QAAQ,IAAI,aAAa,OAAO,QAAQ;AACrF,QAAM,SAAS,aAAa,iBAAiB,SAAS;AAEtD,MAAI,CAAC,qBAAqB,MAAM;AAAG,WAAO;AAC1C,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB;AAAA,MACjB,aAAa,MAAM;AACjB,aAAK,WAAW,UAAU;AAC1B,aAAK,cAAc;AACnB,sBAAc;AACd,uBAAe,iBAAiB,EAAE,OAAO,CAAC;AAAA,MAC5C;AAAA,MACA,QAAQ,CAAC,OAAO,eAAe;AAC7B,cAAM,EAAE,gBAAgB,KAAK,IAAI,KAAK,YAAY;AAClD,YAAI,UAAU,YAAY;AACxB,gBAAM,UAAU,eAAe,QAAQ,OAAO,SAAS;AACvD,kBAAQ,KAAK,IAAI,UAAU,mBAAmB,KAAK;AAAA,QACrD;AACA,eAAO,sBAAsB,OAAO,KAAK;AACzC,aAAK,eAAe;AACpB,YAAI,UAAU,YAAY;AAGxB,eAAK,OAAO,QAAQ,cAAc;AAClC,eAAK,KAAK,QAAQ,cAAc;AAAA,QAClC;AAAA,MACF;AAAA,MACA,WAAW,CAAC,OAAO,YAAY,cAAc;AAC3C,cAAM,EAAE,eAAe,IAAI,KAAK,YAAY;AAC5C,YAAI,UAAU,YAAY;AACxB,gBAAM,UAAU,eAAe,QAAQ,OAAO,SAAS;AACvD,kBAAQ,KAAK,IAAI,UAAU,mBAAmB,KAAK;AAAA,QACrD;AACA,uBAAe,QAAQ,OAAO,QAAQ;AAEtC,aAAK,WAAW,UAAU;AAC1B,aAAK,aAAa;AAClB,YAAI;AACF,gBAAM,QAAQ,KAAK,YAAY,EAAE,KAAK,KAAK,QAAQ;AACnD,gBAAM,MAAM,OAAO,KAAK,KAAK,eAAe,OAAO,EAAE,OAAO,CAAC,GAAG,MAAM,KAAK,eAAe,QAAQ,KAAK,GAAG,CAAC;AAC3G,gBAAM,UAAU,KAAK,iBAAiB,KAAK,QAAQ,SAAS,GAAG;AAC/D,cAAI,MAAM,OAAO;AACf,kBAAM,UAAU,KAAK,YAAY,EAAE,kBAAkB,QAAQ;AAC7D,oBAAQ,YAAY,KAAK,eAAe,QAAQ,WAAW,QAAQ,GAAG;AACtE,oBAAQ,sBAAsB,KAAK,eAAe,QAAQ,WAAW,QAAQ,GAAG;AAChF,iBAAK,YAAY,EAAE,kBAAkB,oBAAoB,KAAK;AAAA,UAChE;AAAA,QACF,SAAS,OAAP;AACA,kBAAQ;AAAA,YACN;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAEA,uBAAe,eAAe;AAAA,UAC5B;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AACD,eAAO,WAAW,EAAE,OAAO,SAAS;AACpC,aAAK,eAAe;AAAA,MACtB;AAAA,MACA,WAAW,OAAO,YAAY,mBAAmB,SAAS,oBAAoB;AAAA,MAC9E;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEO,MAAM,kBAAkB,qBAAqB,aAAa;AAAA,EAC/D;AACF,CAAC;",
   "names": []
 }