npm - @elliemae/ds-data-table - Versions diffs - 3.3.1 → 3.4.0-next.0 - Mend

@elliemae/ds-data-table 3.3.1 → 3.4.0-next.0

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

Files changed (121) hide show

package/dist/cjs/configs/useTableColsWithAddons.js CHANGED Viewed

@@ -47,6 +47,7 @@ const augmentColumns = (columns) => {
   };
   return columns.map((col, index) => augmentColumn(col, index));
 };
+const isColumnInArrayOfColumns = (columns, col) => columns.some((column) => column.id === col.id);
 const useTableColsWithAddons = ({
   columns,
   renderRowActions,
@@ -57,17 +58,28 @@ const useTableColsWithAddons = ({
   noSelectionColumn
 }) => (0, import_react.useMemo)(() => {
   const columnsWithAddons = [...augmentColumns(columns)];
+  const colsToPrepend = [];
   if (isExpandable)
-    columnsWithAddons.unshift(import_Columns.expandRowColumn);
-  if (selection && !noSelectionColumn)
+    colsToPrepend.push(import_Columns.expandRowColumn);
+  if (selection && !noSelectionColumn) {
     if (selectSingle)
-      columnsWithAddons.unshift(import_Columns.singleSelectColumn);
+      colsToPrepend.push(import_Columns.singleSelectColumn);
     else
-      columnsWithAddons.unshift(import_Columns.multiSelectColumn);
+      colsToPrepend.push(import_Columns.multiSelectColumn);
+  }
   if (dragAndDropRows)
-    columnsWithAddons.unshift(import_Columns.dragHandleColumn);
+    colsToPrepend.push(import_Columns.dragHandleColumn);
+  const colsToAppend = [];
   if (renderRowActions)
-    columnsWithAddons.push((0, import_Columns.actionColumn)(renderRowActions));
+    colsToPrepend.push((0, import_Columns.actionColumn)(renderRowActions));
+  colsToPrepend.forEach((col) => {
+    if (!isColumnInArrayOfColumns(columnsWithAddons, col))
+      columnsWithAddons.unshift(col);
+  });
+  colsToAppend.forEach((col) => {
+    if (!isColumnInArrayOfColumns(columnsWithAddons, col))
+      columnsWithAddons.push(col);
+  });
   return columnsWithAddons;
 }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);
 var useTableColsWithAddons_default = useTableColsWithAddons;

package/dist/cjs/configs/useTableColsWithAddons.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/configs/useTableColsWithAddons.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-params */\nimport { createRef, useMemo } from 'react';\nimport { TypescriptColumn, TypescriptProps } from '../types/props';\n\nimport {\n  dragHandleColumn,\n  expandRowColumn,\n  actionColumn,\n  singleSelectColumn,\n  multiSelectColumn,\n} from '../addons/Columns';\n\ntype useTableColsWithAddonsType = (config: TypescriptProps) => TypescriptColumn[];\n\nconst augmentColumns = (columns: TypescriptColumn[]): TypescriptColumn[] => {\n  const augmentColumn = (column: TypescriptColumn, index: number, parentId = null, depth = 0) => {\n    let id = `column${index}`;\n    if (typeof column.Header === 'string') id = column.Header;\n    if (typeof column.accessor === 'string') id = column.accessor;\n    if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));\n    return {\n      id,\n      parentId,\n      depth,\n      ...column,\n      ref: createRef<HTMLTableColElement>(),\n    };\n  };\n  return columns.map((col, index) => augmentColumn(col, index));\n};\n\nconst useTableColsWithAddons: useTableColsWithAddonsType = ({\n  columns,\n  renderRowActions,\n  isExpandable,\n  selectSingle,\n  selection,\n  dragAndDropRows,\n  noSelectionColumn,\n}) =>\n  useMemo(() => {\n    const columnsWithAddons = [...augmentColumns(columns)];\n\n    if (isExpandable) columnsWithAddons.unshift(expandRowColumn);\n    if (selection && !noSelectionColumn)\n      if (selectSingle) columnsWithAddons.unshift(singleSelectColumn);\n      else columnsWithAddons.unshift(multiSelectColumn);\n    if (dragAndDropRows) columnsWithAddons.unshift(dragHandleColumn);\n    if (renderRowActions) columnsWithAddons.push(actionColumn(renderRowActions));\n\n    return columnsWithAddons;\n  }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);\n\nexport { useTableColsWithAddons };\nexport default useTableColsWithAddons;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AAGnC,qBAMO;AAIP,MAAM,iBAAiB,CAAC,YAAoD;AAC1E,QAAM,gBAAgB,CAAC,QAA0B,OAAe,WAAW,MAAM,QAAQ,MAAM;AAC7F,QAAI,KAAK,SAAS;AAClB,QAAI,OAAO,OAAO,WAAW;AAAU,WAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa;AAAU,WAAK,OAAO;AACrD,QAAI,OAAO;AAAS,aAAO,UAAU,OAAO,QAAQ,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC;AACxG,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,KAAK,4BAA+B;AAAA,IACtC;AAAA,EACF;AACA,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK,KAAK,CAAC;AAC9D;AAEA,MAAM,yBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,0BAAQ,MAAM;AACZ,QAAM,oBAAoB,CAAC,GAAG,eAAe,OAAO,CAAC;AAErD,MAAI;AAAc,sBAAkB,QAAQ,8BAAe;AAC3D,MAAI,aAAa,CAAC;AAChB,QAAI;AAAc,wBAAkB,QAAQ,iCAAkB;AAAA;AACzD,wBAAkB,QAAQ,gCAAiB;AAClD,MAAI;AAAiB,sBAAkB,QAAQ,+BAAgB;AAC/D,MAAI;AAAkB,sBAAkB,KAAK,iCAAa,gBAAgB,CAAC;AAE3E,SAAO;AACT,GAAG,CAAC,SAAS,cAAc,WAAW,mBAAmB,cAAc,iBAAiB,gBAAgB,CAAC;AAG3G,IAAO,iCAAQ;",
+  "sourcesContent": ["/* eslint-disable max-params */\nimport { createRef, useMemo } from 'react';\nimport { TypescriptColumn, TypescriptProps } from '../types/props';\n\nimport {\n  dragHandleColumn,\n  expandRowColumn,\n  actionColumn,\n  singleSelectColumn,\n  multiSelectColumn,\n} from '../addons/Columns';\n\ntype useTableColsWithAddonsType = (config: TypescriptProps) => TypescriptColumn[];\n\nconst augmentColumns = (columns: TypescriptColumn[]): TypescriptColumn[] => {\n  const augmentColumn = (column: TypescriptColumn, index: number, parentId = null, depth = 0) => {\n    let id = `column${index}`;\n    if (typeof column.Header === 'string') id = column.Header;\n    if (typeof column.accessor === 'string') id = column.accessor;\n    if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));\n    return {\n      id,\n      parentId,\n      depth,\n      ...column,\n      ref: createRef<HTMLTableColElement>(),\n    };\n  };\n  return columns.map((col, index) => augmentColumn(col, index));\n};\n\nconst isColumnInArrayOfColumns = (columns: TypescriptColumn[], col: TypescriptColumn) =>\n  columns.some((column) => column.id === col.id);\n\nconst useTableColsWithAddons: useTableColsWithAddonsType = ({\n  columns,\n  renderRowActions,\n  isExpandable,\n  selectSingle,\n  selection,\n  dragAndDropRows,\n  noSelectionColumn,\n}) =>\n  useMemo(() => {\n    const columnsWithAddons = [...augmentColumns(columns)];\n\n    // Columns to be prepended\n    const colsToPrepend: TypescriptColumn[] = [];\n\n    if (isExpandable) colsToPrepend.push(expandRowColumn);\n    if (selection && !noSelectionColumn) {\n      if (selectSingle) colsToPrepend.push(singleSelectColumn);\n      else colsToPrepend.push(multiSelectColumn);\n    }\n    if (dragAndDropRows) colsToPrepend.push(dragHandleColumn);\n\n    // Columns to be appended\n    const colsToAppend: TypescriptColumn[] = [];\n\n    if (renderRowActions) colsToPrepend.push(actionColumn(renderRowActions));\n\n    // Prepend or append all the columns that were not extended by the user\n    colsToPrepend.forEach((col) => {\n      if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.unshift(col);\n    });\n    colsToAppend.forEach((col) => {\n      if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.push(col);\n    });\n\n    return columnsWithAddons;\n  }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);\n\nexport { useTableColsWithAddons };\nexport default useTableColsWithAddons;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AAGnC,qBAMO;AAIP,MAAM,iBAAiB,CAAC,YAAoD;AAC1E,QAAM,gBAAgB,CAAC,QAA0B,OAAe,WAAW,MAAM,QAAQ,MAAM;AAC7F,QAAI,KAAK,SAAS;AAClB,QAAI,OAAO,OAAO,WAAW;AAAU,WAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa;AAAU,WAAK,OAAO;AACrD,QAAI,OAAO;AAAS,aAAO,UAAU,OAAO,QAAQ,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC;AACxG,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,KAAK,4BAA+B;AAAA,IACtC;AAAA,EACF;AACA,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK,KAAK,CAAC;AAC9D;AAEA,MAAM,2BAA2B,CAAC,SAA6B,QAC7D,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,IAAI,EAAE;AAE/C,MAAM,yBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,0BAAQ,MAAM;AACZ,QAAM,oBAAoB,CAAC,GAAG,eAAe,OAAO,CAAC;AAGrD,QAAM,gBAAoC,CAAC;AAE3C,MAAI;AAAc,kBAAc,KAAK,8BAAe;AACpD,MAAI,aAAa,CAAC,mBAAmB;AACnC,QAAI;AAAc,oBAAc,KAAK,iCAAkB;AAAA;AAClD,oBAAc,KAAK,gCAAiB;AAAA,EAC3C;AACA,MAAI;AAAiB,kBAAc,KAAK,+BAAgB;AAGxD,QAAM,eAAmC,CAAC;AAE1C,MAAI;AAAkB,kBAAc,KAAK,iCAAa,gBAAgB,CAAC;AAGvE,gBAAc,QAAQ,CAAC,QAAQ;AAC7B,QAAI,CAAC,yBAAyB,mBAAmB,GAAG;AAAG,wBAAkB,QAAQ,GAAG;AAAA,EACtF,CAAC;AACD,eAAa,QAAQ,CAAC,QAAQ;AAC5B,QAAI,CAAC,yBAAyB,mBAAmB,GAAG;AAAG,wBAAkB,KAAK,GAAG;AAAA,EACnF,CAAC;AAED,SAAO;AACT,GAAG,CAAC,SAAS,cAAc,WAAW,mBAAmB,cAAc,iBAAiB,gBAAgB,CAAC;AAG3G,IAAO,iCAAQ;",
   "names": []
 }

package/dist/cjs/exported-related/FilterTypes.js CHANGED Viewed

@@ -27,7 +27,9 @@ module.exports = __toCommonJS(FilterTypes_exports);
 var React = __toESM(require("react"));
 const FILTER_TYPES = {
   SELECT: "ds-filter-select",
+  CREATABLE_SELECT: "ds-filter-creatable-select",
   MULTI_SELECT: "ds-filter-multi-select",
+  CREATABLE_MULTI_SELECT: "ds-filter-multi-creatable-select",
   SINGLE_DATE: "ds-filter-single-date",
   DATE_RANGE: "ds-filter-date-range",
   DATE_SWITCHER: "ds-filter-date-switcher",

package/dist/cjs/exported-related/FilterTypes.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/exported-related/FilterTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const FILTER_TYPES = {\n  SELECT: 'ds-filter-select',\n  MULTI_SELECT: 'ds-filter-multi-select',\n  SINGLE_DATE: 'ds-filter-single-date',\n  DATE_RANGE: 'ds-filter-date-range',\n  DATE_SWITCHER: 'ds-filter-date-switcher',\n  NUMBER_RANGE: 'ds-filter-number-range',\n  CURRENCY_RANGE: 'ds-filter-currency-range',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,gBAAgB;AAClB;",
+  "sourcesContent": ["export const FILTER_TYPES = {\n  SELECT: 'ds-filter-select',\n  CREATABLE_SELECT: 'ds-filter-creatable-select',\n  MULTI_SELECT: 'ds-filter-multi-select',\n  CREATABLE_MULTI_SELECT: 'ds-filter-multi-creatable-select',\n  SINGLE_DATE: 'ds-filter-single-date',\n  DATE_RANGE: 'ds-filter-date-range',\n  DATE_SWITCHER: 'ds-filter-date-switcher',\n  NUMBER_RANGE: 'ds-filter-number-range',\n  CURRENCY_RANGE: 'ds-filter-currency-range',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,wBAAwB;AAAA,EACxB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js CHANGED Viewed

@@ -29,8 +29,8 @@ var import_react = __toESM(require("react"));
 var import_Columns = require("../../addons/Columns");
 var import_constants = require("../../configs/constants");
 var import_Cells = require("../../parts/Cells");
-var import_SortableItemContext = require("../../parts/HoC/SortableItemContext");
 var import_styled = require("../../styled");
+var import_props = require("../../types/props");
 const DetailsWrapper = (props) => /* @__PURE__ */ import_react.default.createElement("div", {
   "data-role": "detail-view",
   style: {
@@ -104,7 +104,7 @@ const DefaultRowContentRenderer = (props) => {
       backgroundColor,
       height: compact ? "24px" : "auto",
       minHeight: compact ? "24px" : "36px",
-      isDropIndicatorPositionInside: dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.Inside,
+      isDropIndicatorPositionInside: dropIndicatorPosition === import_props.DropIndicatorPosition.Inside,
       shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
       isDragOverlay,
       isDragging,

package/dist/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/RowRenderer/DefaultRowContentRenderer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useLayoutEffect, useRef } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { Cells } from '../../parts/Cells';\nimport { DropIndicatorPosition } from '../../parts/HoC/SortableItemContext';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledCellContainer } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\n\nconst DetailsWrapper = (props) => (\n  // This can be further customized\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    data-role=\"detail-view\"\n    style={{\n      borderTop: '1px solid #EBEDF0',\n      borderBottom: '1px solid #EBEDF0',\n    }}\n    onClick={(e) => e.stopPropagation()}\n    onKeyDown={(e) => e.stopPropagation()}\n  >\n    {props.children}\n  </div>\n);\n\nconst ariaLabelMessage = (row: TypescriptRow, selected: boolean) =>\n  `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${\n    selected ? 'Selected. ' : ''\n  }To interact with the cells press enter`;\n\nexport const DefaultRowContentRenderer: React.ComponentType<RowVariantProps> = (props) => {\n  const {\n    row,\n    ctx: {\n      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },\n      layoutHelpers: { gridLayout },\n      visibleColumns,\n    },\n    draggableProps,\n    isDragOverlay,\n    backgroundColor = 'white',\n    dropIndicatorPosition,\n    focusedRowId,\n    drilldownRowId,\n    compact,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n  const isDndActive = draggableProps && draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current?.focus();\n    }\n  }, [focusedRowId, row.uid]);\n\n  const gridTemplateColProps = useMemo(\n    () => ({\n      cols: isDragOverlay ? ['24px', 'auto'] : gridLayout,\n      isExpandable,\n      colLayoutStyle: colsLayoutStyle,\n    }),\n    [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable],\n  );\n\n  const detailsIndent = useMemo(() => {\n    let padding = 0;\n    for (let i = 0; i < visibleColumns.length; i += 1) {\n      if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {\n        padding += visibleColumns[i].width;\n      } else {\n        padding += row.depth * 32 + 15;\n        break;\n      }\n    }\n    return padding;\n  }, [row.depth, visibleColumns]);\n\n  const handleSelectDisableRow = useCallback(\n    (e) => {\n      if (disabledRows[row.uid]) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    },\n    [disabledRows, row.uid],\n  );\n  const PureRowContent = useMemo(() => {\n    const DetailsView = row.original.tableRowDetails;\n    return (\n      <>\n        <StyledCellContainer\n          ref={rowRef}\n          key={row.uid}\n          tabIndex={disabledRows[row.uid] ? -1 : 0}\n          role=\"row\"\n          aria-rowindex={row.realIndex + 1}\n          aria-label={ariaLabelMessage(row, selection?.[row.uid] === true)}\n          aria-selected={selection?.[row.uid] === true}\n          aria-expanded={isExpandable ? expandedRows[row.uid] === true : undefined}\n          aria-disabled={disabledRows[row.uid]}\n          {...gridTemplateColProps}\n          backgroundColor={backgroundColor}\n          height={compact ? '24px' : 'auto'}\n          minHeight={compact ? '24px' : '36px'}\n          isDropIndicatorPositionInside={dropIndicatorPosition === DropIndicatorPosition.Inside}\n          shouldDisplayHover={!isDndActive && !isDragging && !isDragOverlay}\n          isDragOverlay={isDragOverlay}\n          isDragging={isDragging}\n          selected={noSelectionColumn && selection?.[row.uid] === true}\n          disabled={disabledRows[row.uid]}\n          data-testid={DATA_TESTID.DATA_TABLE_ROW_CONTENT}\n          onMouseDown={handleSelectDisableRow}\n        >\n          <Cells row={row} isRowSelected={drilldownRowId === row.uid} isDragOverlay={isDragOverlay} key={row.uid} />\n        </StyledCellContainer>\n        {!isDragOverlay && isExpandable && row.isExpanded && DetailsView && (\n          <DetailsWrapper>\n            <DetailsView row={row} detailsIndent={detailsIndent} />\n          </DetailsWrapper>\n        )}\n      </>\n    );\n  }, [\n    row,\n    disabledRows,\n    selection,\n    isExpandable,\n    expandedRows,\n    gridTemplateColProps,\n    backgroundColor,\n    compact,\n    dropIndicatorPosition,\n    isDndActive,\n    isDragging,\n    isDragOverlay,\n    noSelectionColumn,\n    handleSelectDisableRow,\n    drilldownRowId,\n    detailsIndent,\n  ]);\n\n  return PureRowContent;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useLayoutEffect, useRef } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { Cells } from '../../parts/Cells';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledCellContainer } from '../../styled';\nimport { DropIndicatorPosition, TypescriptRow } from '../../types/props';\n\nconst DetailsWrapper = (props) => (\n  // This can be further customized\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    data-role=\"detail-view\"\n    style={{\n      borderTop: '1px solid #EBEDF0',\n      borderBottom: '1px solid #EBEDF0',\n    }}\n    onClick={(e) => e.stopPropagation()}\n    onKeyDown={(e) => e.stopPropagation()}\n  >\n    {props.children}\n  </div>\n);\n\nconst ariaLabelMessage = (row: TypescriptRow, selected: boolean) =>\n  `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${\n    selected ? 'Selected. ' : ''\n  }To interact with the cells press enter`;\n\nexport const DefaultRowContentRenderer: React.ComponentType<RowVariantProps> = (props) => {\n  const {\n    row,\n    ctx: {\n      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },\n      layoutHelpers: { gridLayout },\n      visibleColumns,\n    },\n    draggableProps,\n    isDragOverlay,\n    backgroundColor = 'white',\n    dropIndicatorPosition,\n    focusedRowId,\n    drilldownRowId,\n    compact,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n  const isDndActive = draggableProps && draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current?.focus();\n    }\n  }, [focusedRowId, row.uid]);\n\n  const gridTemplateColProps = useMemo(\n    () => ({\n      cols: isDragOverlay ? ['24px', 'auto'] : gridLayout,\n      isExpandable,\n      colLayoutStyle: colsLayoutStyle,\n    }),\n    [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable],\n  );\n\n  const detailsIndent = useMemo(() => {\n    let padding = 0;\n    for (let i = 0; i < visibleColumns.length; i += 1) {\n      if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {\n        padding += visibleColumns[i].width;\n      } else {\n        padding += row.depth * 32 + 15;\n        break;\n      }\n    }\n    return padding;\n  }, [row.depth, visibleColumns]);\n\n  const handleSelectDisableRow = useCallback(\n    (e) => {\n      if (disabledRows[row.uid]) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    },\n    [disabledRows, row.uid],\n  );\n  const PureRowContent = useMemo(() => {\n    const DetailsView = row.original.tableRowDetails;\n    return (\n      <>\n        <StyledCellContainer\n          ref={rowRef}\n          key={row.uid}\n          tabIndex={disabledRows[row.uid] ? -1 : 0}\n          role=\"row\"\n          aria-rowindex={row.realIndex + 1}\n          aria-label={ariaLabelMessage(row, selection?.[row.uid] === true)}\n          aria-selected={selection?.[row.uid] === true}\n          aria-expanded={isExpandable ? expandedRows[row.uid] === true : undefined}\n          aria-disabled={disabledRows[row.uid]}\n          {...gridTemplateColProps}\n          backgroundColor={backgroundColor}\n          height={compact ? '24px' : 'auto'}\n          minHeight={compact ? '24px' : '36px'}\n          isDropIndicatorPositionInside={dropIndicatorPosition === DropIndicatorPosition.Inside}\n          shouldDisplayHover={!isDndActive && !isDragging && !isDragOverlay}\n          isDragOverlay={isDragOverlay}\n          isDragging={isDragging}\n          selected={noSelectionColumn && selection?.[row.uid] === true}\n          disabled={disabledRows[row.uid]}\n          data-testid={DATA_TESTID.DATA_TABLE_ROW_CONTENT}\n          onMouseDown={handleSelectDisableRow}\n        >\n          <Cells row={row} isRowSelected={drilldownRowId === row.uid} isDragOverlay={isDragOverlay} key={row.uid} />\n        </StyledCellContainer>\n        {!isDragOverlay && isExpandable && row.isExpanded && DetailsView && (\n          <DetailsWrapper>\n            <DetailsView row={row} detailsIndent={detailsIndent} />\n          </DetailsWrapper>\n        )}\n      </>\n    );\n  }, [\n    row,\n    disabledRows,\n    selection,\n    isExpandable,\n    expandedRows,\n    gridTemplateColProps,\n    backgroundColor,\n    compact,\n    dropIndicatorPosition,\n    isDndActive,\n    isDragging,\n    isDragOverlay,\n    noSelectionColumn,\n    handleSelectDisableRow,\n    drilldownRowId,\n    detailsIndent,\n  ]);\n\n  return PureRowContent;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/exported-related/RowRenderer/useRowStyle.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/RowRenderer/useRowStyle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useContext, useMemo } from 'react';\nimport DataTableContext from '../../DataTableContext';\nimport { SortableItemContext, DropIndicatorPosition } from '../../parts/HoC/SortableItemContext';\nimport { TypescriptRow } from '../../types/props';\n\nexport const useRowStyle = (\n  row: TypescriptRow,\n): {\n  rowStyle: Record<string, unknown>;\n  shouldAppendDottedBorder: boolean;\n  dropIndicatorPosition: DropIndicatorPosition;\n} => {\n  const { flattenedData } = useContext(DataTableContext);\n\n  const { draggableProps } = useContext(SortableItemContext);\n\n  // ---------------------------------------------------------------------------\n  // Border calculation\n  // ---------------------------------------------------------------------------\n  const [borderTop, borderBottom, shouldAppendDottedBorder]: [string, string, boolean] = useMemo(() => {\n    if (row.original.dimsumHeaderValue) {\n      return ['none', 'none', false];\n    }\n    if (row.isExpanded && row.original.subRows && row.depth === 0) {\n      return ['1px solid #EBEDF0', 'none', true];\n    }\n\n    if (row.depth >= 1) {\n      if (row.realIndex < flattenedData.length - 1 && flattenedData[row.realIndex + 1].depth === 0) {\n        return ['none', '2px solid #EBEDF0', false];\n      }\n      return ['none', 'none', true];\n    }\n\n    return ['none', '1px solid #EBEDF0', false];\n  }, [row, flattenedData]);\n\n  const rowStyle = useMemo(() => ({ borderTop, borderBottom }), [borderTop, borderBottom]);\n\n  const dropIndicatorPosition =\n    draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;\n\n  return {\n    rowStyle,\n    shouldAppendDottedBorder,\n    dropIndicatorPosition,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,8BAA6B;AAC7B,iCAA2D;AAGpD,MAAM,cAAc,CACzB,QAKG;AACH,QAAM,EAAE,kBAAkB,6BAAW,+BAAgB;AAErD,QAAM,EAAE,mBAAmB,6BAAW,8CAAmB;AAKzD,QAAM,CAAC,WAAW,cAAc,4BAAuD,0BAAQ,MAAM;AACnG,QAAI,IAAI,SAAS,mBAAmB;AAClC,aAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC/B;AACA,QAAI,IAAI,cAAc,IAAI,SAAS,WAAW,IAAI,UAAU,GAAG;AAC7D,aAAO,CAAC,qBAAqB,QAAQ,IAAI;AAAA,IAC3C;AAEA,QAAI,IAAI,SAAS,GAAG;AAClB,UAAI,IAAI,YAAY,cAAc,SAAS,KAAK,cAAc,IAAI,YAAY,GAAG,UAAU,GAAG;AAC5F,eAAO,CAAC,QAAQ,qBAAqB,KAAK;AAAA,MAC5C;AACA,aAAO,CAAC,QAAQ,QAAQ,IAAI;AAAA,IAC9B;AAEA,WAAO,CAAC,QAAQ,qBAAqB,KAAK;AAAA,EAC5C,GAAG,CAAC,KAAK,aAAa,CAAC;AAEvB,QAAM,WAAW,0BAAQ,MAAO,GAAE,WAAW,aAAa,IAAI,CAAC,WAAW,YAAY,CAAC;AAEvF,QAAM,wBACJ,kBAAkB,eAAe,mCAAmC,eAAe;AAErF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\nimport DataTableContext from '../../DataTableContext';\nimport { SortableItemContext } from '../../parts/HoC/SortableItemContext';\nimport { TypescriptRow, DropIndicatorPosition } from '../../types/props';\n\nexport const useRowStyle = (\n  row: TypescriptRow,\n): {\n  rowStyle: Record<string, unknown>;\n  shouldAppendDottedBorder: boolean;\n  dropIndicatorPosition: DropIndicatorPosition;\n} => {\n  const { flattenedData } = useContext(DataTableContext);\n\n  const { draggableProps } = useContext(SortableItemContext);\n\n  // ---------------------------------------------------------------------------\n  // Border calculation\n  // ---------------------------------------------------------------------------\n  const [borderTop, borderBottom, shouldAppendDottedBorder]: [string, string, boolean] = useMemo(() => {\n    if (row.original.dimsumHeaderValue) {\n      return ['none', 'none', false];\n    }\n    if (row.isExpanded && row.original.subRows && row.depth === 0) {\n      return ['1px solid #EBEDF0', 'none', true];\n    }\n\n    if (row.depth >= 1) {\n      if (row.realIndex < flattenedData.length - 1 && flattenedData[row.realIndex + 1].depth === 0) {\n        return ['none', '2px solid #EBEDF0', false];\n      }\n      return ['none', 'none', true];\n    }\n\n    return ['none', '1px solid #EBEDF0', false];\n  }, [row, flattenedData]);\n\n  const rowStyle = useMemo(() => ({ borderTop, borderBottom }), [borderTop, borderBottom]);\n\n  const dropIndicatorPosition =\n    draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;\n\n  return {\n    rowStyle,\n    shouldAppendDottedBorder,\n    dropIndicatorPosition,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,8BAA6B;AAC7B,iCAAoC;AAG7B,MAAM,cAAc,CACzB,QAKG;AACH,QAAM,EAAE,kBAAkB,6BAAW,+BAAgB;AAErD,QAAM,EAAE,mBAAmB,6BAAW,8CAAmB;AAKzD,QAAM,CAAC,WAAW,cAAc,4BAAuD,0BAAQ,MAAM;AACnG,QAAI,IAAI,SAAS,mBAAmB;AAClC,aAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC/B;AACA,QAAI,IAAI,cAAc,IAAI,SAAS,WAAW,IAAI,UAAU,GAAG;AAC7D,aAAO,CAAC,qBAAqB,QAAQ,IAAI;AAAA,IAC3C;AAEA,QAAI,IAAI,SAAS,GAAG;AAClB,UAAI,IAAI,YAAY,cAAc,SAAS,KAAK,cAAc,IAAI,YAAY,GAAG,UAAU,GAAG;AAC5F,eAAO,CAAC,QAAQ,qBAAqB,KAAK;AAAA,MAC5C;AACA,aAAO,CAAC,QAAQ,QAAQ,IAAI;AAAA,IAC9B;AAEA,WAAO,CAAC,QAAQ,qBAAqB,KAAK;AAAA,EAC5C,GAAG,CAAC,KAAK,aAAa,CAAC;AAEvB,QAAM,WAAW,0BAAQ,MAAO,GAAE,WAAW,aAAa,IAAI,CAAC,WAAW,YAAY,CAAC;AAEvF,QAAM,wBACJ,kBAAkB,eAAe,mCAAmC,eAAe;AAErF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/helpers/addCellData.js CHANGED Viewed

@@ -26,13 +26,17 @@ __export(addCellData_exports, {
 module.exports = __toCommonJS(addCellData_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-const BasicCell = import_react.default.memo(({ cell }) => cell.value);
-const getCellValue = (row, accessor) => row.original[accessor] ?? null;
+const BasicCell = ({ cell }) => cell.value;
+const getCellValue = (row, accessor) => {
+  if (accessor === void 0)
+    return null;
+  return row.original[accessor] ?? null;
+};
 const addColumnData = (datum, column) => {
   datum.cells.push({
     column,
     value: getCellValue(datum, column.accessor),
-    render: column.Cell || BasicCell,
+    render: column.Cell ?? BasicCell,
     row: datum,
     ref: import_react.default.createRef(),
     id: `${datum.uid}__${column.id}`

package/dist/cjs/helpers/addCellData.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/addCellData.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { TypescriptColumn, TypescriptRow } from '../types/props';\n\nconst BasicCell = React.memo<{ cell: any }>(({ cell }) => cell.value);\n\nconst getCellValue = (row: TypescriptRow, accessor: string) => row.original[accessor] ?? null;\n\nconst addColumnData = (datum: TypescriptRow, column: TypescriptColumn) => {\n  datum.cells.push({\n    column,\n    value: getCellValue(datum, column.accessor),\n    render: column.Cell || BasicCell,\n    row: datum,\n    ref: React.createRef(),\n    id: `${datum.uid}__${column.id}`,\n  });\n};\n\nexport const addCellData = (datum: TypescriptRow, columns: TypescriptColumn[]): void => {\n  datum.cells = [];\n  columns.forEach((column) => {\n    if (column.columns) column.columns.forEach((col) => addColumnData(datum, col));\n    else addColumnData(datum, column);\n  });\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGlB,MAAM,YAAY,qBAAM,KAAoB,CAAC,EAAE,WAAW,KAAK,KAAK;AAEpE,MAAM,eAAe,CAAC,KAAoB,aAAqB,IAAI,SAAS,aAAa;AAEzF,MAAM,gBAAgB,CAAC,OAAsB,WAA6B;AACxE,QAAM,MAAM,KAAK;AAAA,IACf;AAAA,IACA,OAAO,aAAa,OAAO,OAAO,QAAQ;AAAA,IAC1C,QAAQ,OAAO,QAAQ;AAAA,IACvB,KAAK;AAAA,IACL,KAAK,qBAAM,UAAU;AAAA,IACrB,IAAI,GAAG,MAAM,QAAQ,OAAO;AAAA,EAC9B,CAAC;AACH;AAEO,MAAM,cAAc,CAAC,OAAsB,YAAsC;AACtF,QAAM,QAAQ,CAAC;AACf,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO;AAAS,aAAO,QAAQ,QAAQ,CAAC,QAAQ,cAAc,OAAO,GAAG,CAAC;AAAA;AACxE,oBAAc,OAAO,MAAM;AAAA,EAClC,CAAC;AACH;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\nimport React from 'react';\nimport { InternalTypescriptRow, TypescriptCell, TypescriptColumn } from '../types/props';\n\nconst BasicCell: React.ComponentType<{ cell: TypescriptCell }> = ({ cell }) => cell.value;\n\nconst getCellValue = (row: InternalTypescriptRow, accessor: string | undefined): any => {\n  if (accessor === undefined) return null;\n  return row.original[accessor] ?? null;\n};\n\nconst addColumnData = (datum: InternalTypescriptRow, column: TypescriptColumn) => {\n  datum.cells.push({\n    column,\n    value: getCellValue(datum, column.accessor),\n    render: column.Cell ?? BasicCell,\n    row: datum,\n    ref: React.createRef(),\n    id: `${datum.uid}__${column.id}`,\n  });\n};\n\nexport const addCellData = (datum: InternalTypescriptRow, columns: TypescriptColumn[]): void => {\n  datum.cells = [];\n  columns.forEach((column) => {\n    if (column.columns) column.columns.forEach((col) => addColumnData(datum, col));\n    else addColumnData(datum, column);\n  });\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAGlB,MAAM,YAA2D,CAAC,EAAE,WAAW,KAAK;AAEpF,MAAM,eAAe,CAAC,KAA4B,aAAsC;AACtF,MAAI,aAAa;AAAW,WAAO;AACnC,SAAO,IAAI,SAAS,aAAa;AACnC;AAEA,MAAM,gBAAgB,CAAC,OAA8B,WAA6B;AAChF,QAAM,MAAM,KAAK;AAAA,IACf;AAAA,IACA,OAAO,aAAa,OAAO,OAAO,QAAQ;AAAA,IAC1C,QAAQ,OAAO,QAAQ;AAAA,IACvB,KAAK;AAAA,IACL,KAAK,qBAAM,UAAU;AAAA,IACrB,IAAI,GAAG,MAAM,QAAQ,OAAO;AAAA,EAC9B,CAAC;AACH;AAEO,MAAM,cAAc,CAAC,OAA8B,YAAsC;AAC9F,QAAM,QAAQ,CAAC;AACf,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO;AAAS,aAAO,QAAQ,QAAQ,CAAC,QAAQ,cAAc,OAAO,GAAG,CAAC;AAAA;AACxE,oBAAc,OAAO,MAAM;AAAA,EAClC,CAAC;AACH;",
   "names": []
 }

package/dist/cjs/helpers/getIdFromUniqueRowAccessor.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getIdFromUniqueRowAccessor.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { TypescriptRow, uniqueRowAccessorType } from '../types/props';\n\nexport const getIdFromUniqueRowAccessor = (\n  uniqueRowAccessor: uniqueRowAccessorType,\n  row: Partial<TypescriptRow>,\n): string => {\n  if (uniqueRowAccessor === undefined) {\n    // user did not defined an unique row accesor, use the one generated by react-table\n    return row.id.toString();\n  }\n\n  if (typeof uniqueRowAccessor === 'string') {\n    // user specified a field as an unique row accessor\n    return row.original[uniqueRowAccessor].toString();\n  }\n\n  if (Array.isArray(uniqueRowAccessor)) {\n    // user specified combination of fields as unique row accessor\n    return uniqueRowAccessor.map((key) => row.original[key].toString()).join('__');\n  }\n\n  // let the user decide on their end what to do\n  return uniqueRowAccessor(row.original);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,6BAA6B,CACxC,mBACA,QACW;AACX,MAAI,sBAAsB,QAAW;AAEnC,WAAO,IAAI,GAAG,SAAS;AAAA,EACzB;AAEA,MAAI,OAAO,sBAAsB,UAAU;AAEzC,WAAO,IAAI,SAAS,mBAAmB,SAAS;AAAA,EAClD;AAEA,MAAI,MAAM,QAAQ,iBAAiB,GAAG;AAEpC,WAAO,kBAAkB,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,EAAE,KAAK,IAAI;AAAA,EAC/E;AAGA,SAAO,kBAAkB,IAAI,QAAQ;AACvC;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport { InternalTypescriptRow, UniqueRowAccessorType } from '../types/props';\n\nexport const getIdFromUniqueRowAccessor = (\n  uniqueRowAccessor: UniqueRowAccessorType,\n  row: Pick<InternalTypescriptRow, 'id' | 'original'>,\n): string => {\n  if (uniqueRowAccessor === undefined) {\n    // user did not defined an unique row accesor, use the one generated by react-table\n    return row.id.toString();\n  }\n\n  if (typeof uniqueRowAccessor === 'string') {\n    // user specified a field as an unique row accessor\n    return row.original[uniqueRowAccessor].toString();\n  }\n\n  if (Array.isArray(uniqueRowAccessor)) {\n    // user specified combination of fields as unique row accessor\n    return uniqueRowAccessor.map((key) => row.original[key].toString()).join('__');\n  }\n\n  // let the user decide on their end what to do\n  return uniqueRowAccessor(row.original);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKhB,MAAM,6BAA6B,CACxC,mBACA,QACW;AACX,MAAI,sBAAsB,QAAW;AAEnC,WAAO,IAAI,GAAG,SAAS;AAAA,EACzB;AAEA,MAAI,OAAO,sBAAsB,UAAU;AAEzC,WAAO,IAAI,SAAS,mBAAmB,SAAS;AAAA,EAClD;AAEA,MAAI,MAAM,QAAQ,iBAAiB,GAAG;AAEpC,WAAO,kBAAkB,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,EAAE,KAAK,IAAI;AAAA,EAC/E;AAGA,SAAO,kBAAkB,IAAI,QAAQ;AACvC;",
   "names": []
 }

package/dist/cjs/index.js CHANGED Viewed

@@ -21,4 +21,5 @@ module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 __reExport(src_exports, require("./DataTable"), module.exports);
 __reExport(src_exports, require("./exported-related"), module.exports);
+__reExport(src_exports, require("./addons/Columns"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DataTable';\n\nexport * from './exported-related';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,wBAAd;AAEA,wBAAc,+BAFd;",
+  "sourcesContent": ["export * from './DataTable';\n\nexport * from './exported-related';\n\nexport * from './addons/Columns';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,wBAAd;AAEA,wBAAc,+BAFd;AAIA,wBAAc,6BAJd;",
   "names": []
 }

package/dist/cjs/parts/DropIndicator.js CHANGED Viewed

@@ -29,26 +29,26 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_zIndexInternalConfig = require("../configs/zIndexInternalConfig");
-var import_SortableItemContext = require("./HoC/SortableItemContext");
+var import_props = require("../types/props");
 const getPositionStyles = ({ dropIndicatorPosition, vertical }) => {
   if (vertical) {
     return `
-      left: ${dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.Before ? "0" : "unset"};
-      right: ${dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.After ? "0" : "unset"};
+      left: ${dropIndicatorPosition === import_props.DropIndicatorPosition.Before ? "0" : "unset"};
+      right: ${dropIndicatorPosition === import_props.DropIndicatorPosition.After ? "0" : "unset"};
     `;
   }
   return `
-      top: ${dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.Before ? "0" : "unset"};
-      bottom: ${dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.After ? "0" : "unset"};
+      top: ${dropIndicatorPosition === import_props.DropIndicatorPosition.Before ? "0" : "unset"};
+      bottom: ${dropIndicatorPosition === import_props.DropIndicatorPosition.After ? "0" : "unset"};
     `;
 };
 const getCircleStyles = ({ dropIndicatorPosition, vertical }) => ({
   position: "absolute",
   zIndex: import_zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR,
-  top: vertical || dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.After ? "unset" : "-2px",
-  bottom: vertical || dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.Before ? "unset" : "-2px",
-  left: !vertical || dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.After ? "unset" : "-2px",
-  right: !vertical || dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.Before ? "unset" : "-2px",
+  top: vertical || dropIndicatorPosition === import_props.DropIndicatorPosition.After ? "unset" : "-2px",
+  bottom: vertical || dropIndicatorPosition === import_props.DropIndicatorPosition.Before ? "unset" : "-2px",
+  left: !vertical || dropIndicatorPosition === import_props.DropIndicatorPosition.After ? "unset" : "-2px",
+  right: !vertical || dropIndicatorPosition === import_props.DropIndicatorPosition.Before ? "unset" : "-2px",
   opacity: 1
 });
 const StyledIndicator = import_ds_system.styled.div`
@@ -72,9 +72,9 @@ const CircleIndicator = (style) => /* @__PURE__ */ import_react.default.createEl
   fill: "#1E79C2"
 }));
 const DropIndicator = ({ vertical, dropIndicatorPosition, isLast }) => {
-  if (![import_SortableItemContext.DropIndicatorPosition.After, import_SortableItemContext.DropIndicatorPosition.Before].includes(dropIndicatorPosition))
+  if (![import_props.DropIndicatorPosition.After, import_props.DropIndicatorPosition.Before].includes(dropIndicatorPosition))
     return null;
-  const safeDropIndicatorPosition = isLast ? import_SortableItemContext.DropIndicatorPosition.Before : dropIndicatorPosition;
+  const safeDropIndicatorPosition = isLast ? import_props.DropIndicatorPosition.Before : dropIndicatorPosition;
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition })), /* @__PURE__ */ import_react.default.createElement(StyledIndicator, {
     vertical,
     dropIndicatorPosition: safeDropIndicatorPosition

package/dist/cjs/parts/DropIndicator.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/DropIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { ZIndexDataTable } from '../configs/zIndexInternalConfig';\nimport { DropIndicatorPosition } from './HoC/SortableItemContext';\n\ninterface DropIndicatorProps {\n  vertical: boolean;\n  dropIndicatorPosition: DropIndicatorPosition;\n  isLast?: boolean;\n}\n\nconst getPositionStyles = ({ dropIndicatorPosition, vertical }: DropIndicatorProps) => {\n  if (vertical) {\n    return `\n      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n  }\n  return `\n      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n};\n\nconst getCircleStyles = ({ dropIndicatorPosition, vertical }: DropIndicatorProps) => ({\n  position: 'absolute',\n  zIndex: ZIndexDataTable.DROP_INDICATOR,\n  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  opacity: 1,\n});\n\nconst StyledIndicator = styled.div<DropIndicatorProps>`\n  position: absolute;\n  ${getPositionStyles}\n  box-sizing: border-box;\n  width: ${(props) => (props.vertical ? '2px' : '100%')};\n  height: ${(props) => (props.vertical ? '100%' : '2px')};\n  background-color: ${(props) => props.theme.colors.brand[600]};\n  z-index: ${ZIndexDataTable.DROP_INDICATOR};\n`;\n\nconst CircleIndicator = (style: Record<string, unknown>) => (\n  <svg height=\"6\" width=\"6\" style={style}>\n    <circle cx=\"3\" cy=\"3\" r=\"3\" strokeWidth=\"0\" fill=\"#1E79C2\" />\n  </svg>\n);\n\nconst DropIndicator = ({ vertical, dropIndicatorPosition, isLast }: DropIndicatorProps): JSX.Element => {\n  if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;\n\n  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;\n\n  return (\n    <>\n      {CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition }))}\n      <StyledIndicator vertical={vertical} dropIndicatorPosition={safeDropIndicatorPosition} />\n    </>\n  );\n};\n\nexport { DropIndicator };\nexport default DropIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,kCAAgC;AAChC,iCAAsC;AAQtC,MAAM,oBAAoB,CAAC,EAAE,uBAAuB,eAAmC;AACrF,MAAI,UAAU;AACZ,WAAO;AAAA,cACG,0BAA0B,iDAAsB,SAAS,MAAM;AAAA,eAC9D,0BAA0B,iDAAsB,QAAQ,MAAM;AAAA;AAAA,EAE3E;AACA,SAAO;AAAA,aACI,0BAA0B,iDAAsB,SAAS,MAAM;AAAA,gBAC5D,0BAA0B,iDAAsB,QAAQ,MAAM;AAAA;AAE9E;AAEA,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,eAAoC;AAAA,EACpF,UAAU;AAAA,EACV,QAAQ,4CAAgB;AAAA,EACxB,KAAK,YAAY,0BAA0B,iDAAsB,QAAQ,UAAU;AAAA,EACnF,QAAQ,YAAY,0BAA0B,iDAAsB,SAAS,UAAU;AAAA,EACvF,MAAM,CAAC,YAAY,0BAA0B,iDAAsB,QAAQ,UAAU;AAAA,EACrF,OAAO,CAAC,YAAY,0BAA0B,iDAAsB,SAAS,UAAU;AAAA,EACvF,SAAS;AACX;AAEA,MAAM,kBAAkB,wBAAO;AAAA;AAAA,IAE3B;AAAA;AAAA,WAEO,CAAC,UAAW,MAAM,WAAW,QAAQ;AAAA,YACpC,CAAC,UAAW,MAAM,WAAW,SAAS;AAAA,sBAC5B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aAC7C,4CAAgB;AAAA;AAG7B,MAAM,kBAAkB,CAAC,UACvB,mDAAC;AAAA,EAAI,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI;AAAA,GACxB,mDAAC;AAAA,EAAO,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,GAAE;AAAA,EAAI,aAAY;AAAA,EAAI,MAAK;AAAA,CAAU,CAC7D;AAGF,MAAM,gBAAgB,CAAC,EAAE,UAAU,uBAAuB,aAA8C;AACtG,MAAI,CAAC,CAAC,iDAAsB,OAAO,iDAAsB,MAAM,EAAE,SAAS,qBAAqB;AAAG,WAAO;AAEzG,QAAM,4BAA4B,SAAS,iDAAsB,SAAS;AAE1E,SACE,wFACG,gBAAgB,gBAAgB,EAAE,UAAU,uBAAuB,0BAA0B,CAAC,CAAC,GAChG,mDAAC;AAAA,IAAgB;AAAA,IAAoB,uBAAuB;AAAA,GAA2B,CACzF;AAEJ;AAGA,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { ZIndexDataTable } from '../configs/zIndexInternalConfig';\nimport { DropIndicatorPosition } from '../types/props';\n\ninterface DropIndicatorProps {\n  vertical: boolean;\n  dropIndicatorPosition: DropIndicatorPosition;\n  isLast?: boolean;\n}\n\nconst getPositionStyles = ({ dropIndicatorPosition, vertical }: DropIndicatorProps) => {\n  if (vertical) {\n    return `\n      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n  }\n  return `\n      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n};\n\nconst getCircleStyles = ({ dropIndicatorPosition, vertical }: DropIndicatorProps) => ({\n  position: 'absolute',\n  zIndex: ZIndexDataTable.DROP_INDICATOR,\n  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  opacity: 1,\n});\n\nconst StyledIndicator = styled.div<DropIndicatorProps>`\n  position: absolute;\n  ${getPositionStyles}\n  box-sizing: border-box;\n  width: ${(props) => (props.vertical ? '2px' : '100%')};\n  height: ${(props) => (props.vertical ? '100%' : '2px')};\n  background-color: ${(props) => props.theme.colors.brand[600]};\n  z-index: ${ZIndexDataTable.DROP_INDICATOR};\n`;\n\nconst CircleIndicator = (style: Record<string, unknown>) => (\n  <svg height=\"6\" width=\"6\" style={style}>\n    <circle cx=\"3\" cy=\"3\" r=\"3\" strokeWidth=\"0\" fill=\"#1E79C2\" />\n  </svg>\n);\n\nconst DropIndicator = ({ vertical, dropIndicatorPosition, isLast }: DropIndicatorProps): JSX.Element => {\n  if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;\n\n  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;\n\n  return (\n    <>\n      {CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition }))}\n      <StyledIndicator vertical={vertical} dropIndicatorPosition={safeDropIndicatorPosition} />\n    </>\n  );\n};\n\nexport { DropIndicator };\nexport default DropIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,kCAAgC;AAChC,mBAAsC;AAQtC,MAAM,oBAAoB,CAAC,EAAE,uBAAuB,eAAmC;AACrF,MAAI,UAAU;AACZ,WAAO;AAAA,cACG,0BAA0B,mCAAsB,SAAS,MAAM;AAAA,eAC9D,0BAA0B,mCAAsB,QAAQ,MAAM;AAAA;AAAA,EAE3E;AACA,SAAO;AAAA,aACI,0BAA0B,mCAAsB,SAAS,MAAM;AAAA,gBAC5D,0BAA0B,mCAAsB,QAAQ,MAAM;AAAA;AAE9E;AAEA,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,eAAoC;AAAA,EACpF,UAAU;AAAA,EACV,QAAQ,4CAAgB;AAAA,EACxB,KAAK,YAAY,0BAA0B,mCAAsB,QAAQ,UAAU;AAAA,EACnF,QAAQ,YAAY,0BAA0B,mCAAsB,SAAS,UAAU;AAAA,EACvF,MAAM,CAAC,YAAY,0BAA0B,mCAAsB,QAAQ,UAAU;AAAA,EACrF,OAAO,CAAC,YAAY,0BAA0B,mCAAsB,SAAS,UAAU;AAAA,EACvF,SAAS;AACX;AAEA,MAAM,kBAAkB,wBAAO;AAAA;AAAA,IAE3B;AAAA;AAAA,WAEO,CAAC,UAAW,MAAM,WAAW,QAAQ;AAAA,YACpC,CAAC,UAAW,MAAM,WAAW,SAAS;AAAA,sBAC5B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aAC7C,4CAAgB;AAAA;AAG7B,MAAM,kBAAkB,CAAC,UACvB,mDAAC;AAAA,EAAI,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI;AAAA,GACxB,mDAAC;AAAA,EAAO,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,GAAE;AAAA,EAAI,aAAY;AAAA,EAAI,MAAK;AAAA,CAAU,CAC7D;AAGF,MAAM,gBAAgB,CAAC,EAAE,UAAU,uBAAuB,aAA8C;AACtG,MAAI,CAAC,CAAC,mCAAsB,OAAO,mCAAsB,MAAM,EAAE,SAAS,qBAAqB;AAAG,WAAO;AAEzG,QAAM,4BAA4B,SAAS,mCAAsB,SAAS;AAE1E,SACE,wFACG,gBAAgB,gBAAgB,EAAE,UAAU,uBAAuB,0BAA0B,CAAC,CAAC,GAChG,mDAAC;AAAA,IAAgB;AAAA,IAAoB,uBAAuB;AAAA,GAA2B,CACzF;AAEJ;AAGA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/cjs/parts/Filters/index.js CHANGED Viewed

@@ -31,7 +31,9 @@ var import_exported_related = require("../../exported-related");
 var import_DataTableContext = __toESM(require("../../DataTableContext"));
 const FilterMapper = {
   [import_exported_related.FILTER_TYPES.SELECT]: import_Filters.SingleSelectFilter,
+  [import_exported_related.FILTER_TYPES.CREATABLE_SELECT]: import_Filters.SingleCreatableFilter,
   [import_exported_related.FILTER_TYPES.MULTI_SELECT]: import_Filters.MultiSelectFilter,
+  [import_exported_related.FILTER_TYPES.CREATABLE_MULTI_SELECT]: import_Filters.MultiCreatableFilter,
   [import_exported_related.FILTER_TYPES.SINGLE_DATE]: import_Filters.SingleDateFilter,
   [import_exported_related.FILTER_TYPES.DATE_RANGE]: import_Filters.DateRangeFilter,
   [import_exported_related.FILTER_TYPES.DATE_SWITCHER]: import_Filters.DateSwitcherFilter,

package/dist/cjs/parts/Filters/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/Filters/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/indent */\nimport React, { useCallback, useContext } from 'react';\nimport {\n  DateRangeFilter,\n  DateSwitcherFilter,\n  NumberRangeFilter,\n  MultiSelectFilter,\n  SingleSelectFilter,\n  SingleDateFilter,\n  CurrencyRangeFilter,\n} from '../../addons/Filters';\nimport { FILTER_TYPES } from '../../exported-related';\nimport DataTableContext from '../../DataTableContext';\nimport { FilterProps } from '../../types/props';\n\nconst FilterMapper: Record<string, React.ComponentType<FilterProps>> = {\n  [FILTER_TYPES.SELECT]: SingleSelectFilter,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectFilter,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDateFilter,\n  [FILTER_TYPES.DATE_RANGE]: DateRangeFilter,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherFilter,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangeFilter,\n  [FILTER_TYPES.CURRENCY_RANGE]: CurrencyRangeFilter,\n};\nexport const FilterMapItem: React.ComponentType<\n  Omit<FilterProps, 'patchHeaderFilterButtonAndMenu' | 'patchHeader' | 'onValueChange'>\n> = (props) => {\n  const { column, filterValue: filters, onFiltersChange } = props;\n\n  const { patchHeaderFilterButtonAndMenu, patchHeader } = useContext(DataTableContext);\n\n  const filterValue = filters.find((filter) => filter.id === column.id);\n\n  const onValueChange = useCallback(\n    (type: string, newValue: any) => {\n      const filterIndex = filters.findIndex((filter) => filter.id === column.id);\n      if (newValue === undefined) {\n        const newFilters = filters.filter((filter) => filter.id !== column.id);\n        onFiltersChange(newFilters);\n      } else if (filterIndex === -1) {\n        onFiltersChange([...filters, { id: column.id, type, value: newValue }]);\n      } else {\n        const newFilters = [...filters];\n        newFilters[filterIndex].type = type;\n        newFilters[filterIndex].value = newValue;\n        onFiltersChange(newFilters);\n      }\n    },\n    [column.id, filters, onFiltersChange],\n  );\n\n  const filterProps = {\n    ...props,\n    filterValue: filterValue?.value,\n    onValueChange,\n    patchHeader,\n    patchHeaderFilterButtonAndMenu,\n  };\n\n  if (typeof column.filter === 'string') {\n    if (!(column.filter in FilterMapper)) {\n      throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);\n    }\n    const FilterComp = FilterMapper[column.filter];\n    return <FilterComp {...filterProps} />;\n  }\n\n  if (column.Filter) {\n    if (typeof column.Filter !== 'function') {\n      throw new Error(`column.Filter must be a component`);\n    }\n    const FilterComp = column.Filter;\n    return <FilterComp {...filterProps} />;\n  }\n\n  // Column doesn't have any filters\n  return null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+C;AAC/C,qBAQO;AACP,8BAA6B;AAC7B,8BAA6B;AAG7B,MAAM,eAAiE;AAAA,EACrE,CAAC,qCAAa,SAAS;AAAA,EACvB,CAAC,qCAAa,eAAe;AAAA,EAC7B,CAAC,qCAAa,cAAc;AAAA,EAC5B,CAAC,qCAAa,aAAa;AAAA,EAC3B,CAAC,qCAAa,gBAAgB;AAAA,EAC9B,CAAC,qCAAa,eAAe;AAAA,EAC7B,CAAC,qCAAa,iBAAiB;AACjC;AACO,MAAM,gBAET,CAAC,UAAU;AACb,QAAM,EAAE,QAAQ,aAAa,SAAS,oBAAoB;AAE1D,QAAM,EAAE,gCAAgC,gBAAgB,6BAAW,+BAAgB;AAEnF,QAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AAEpE,QAAM,gBAAgB,8BACpB,CAAC,MAAc,aAAkB;AAC/B,UAAM,cAAc,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACzE,QAAI,aAAa,QAAW;AAC1B,YAAM,aAAa,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACrE,sBAAgB,UAAU;AAAA,IAC5B,WAAW,gBAAgB,IAAI;AAC7B,sBAAgB,CAAC,GAAG,SAAS,EAAE,IAAI,OAAO,IAAI,MAAM,OAAO,SAAS,CAAC,CAAC;AAAA,IACxE,OAAO;AACL,YAAM,aAAa,CAAC,GAAG,OAAO;AAC9B,iBAAW,aAAa,OAAO;AAC/B,iBAAW,aAAa,QAAQ;AAChC,sBAAgB,UAAU;AAAA,IAC5B;AAAA,EACF,GACA,CAAC,OAAO,IAAI,SAAS,eAAe,CACtC;AAEA,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,aAAa,aAAa;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,OAAO,OAAO,WAAW,UAAU;AACrC,QAAI,CAAE,QAAO,UAAU,eAAe;AACpC,YAAM,IAAI,MAAM,8DAA8D,QAAQ;AAAA,IACxF;AACA,UAAM,aAAa,aAAa,OAAO;AACvC,WAAO,mDAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAEA,MAAI,OAAO,QAAQ;AACjB,QAAI,OAAO,OAAO,WAAW,YAAY;AACvC,YAAM,IAAI,MAAM,mCAAmC;AAAA,IACrD;AACA,UAAM,aAAa,OAAO;AAC1B,WAAO,mDAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAGA,SAAO;AACT;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/indent */\nimport React, { useCallback, useContext } from 'react';\nimport {\n  DateRangeFilter,\n  DateSwitcherFilter,\n  NumberRangeFilter,\n  SingleSelectFilter,\n  SingleCreatableFilter,\n  MultiSelectFilter,\n  MultiCreatableFilter,\n  SingleDateFilter,\n  CurrencyRangeFilter,\n} from '../../addons/Filters';\nimport { FILTER_TYPES } from '../../exported-related';\nimport DataTableContext from '../../DataTableContext';\nimport { FilterProps } from '../../types/props';\n\nconst FilterMapper: Record<string, React.ComponentType<FilterProps>> = {\n  [FILTER_TYPES.SELECT]: SingleSelectFilter,\n  [FILTER_TYPES.CREATABLE_SELECT]: SingleCreatableFilter,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectFilter,\n  [FILTER_TYPES.CREATABLE_MULTI_SELECT]: MultiCreatableFilter,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDateFilter,\n  [FILTER_TYPES.DATE_RANGE]: DateRangeFilter,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherFilter,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangeFilter,\n  [FILTER_TYPES.CURRENCY_RANGE]: CurrencyRangeFilter,\n};\nexport const FilterMapItem: React.ComponentType<\n  Omit<FilterProps, 'patchHeaderFilterButtonAndMenu' | 'patchHeader' | 'onValueChange'>\n> = (props) => {\n  const { column, filterValue: filters, onFiltersChange } = props;\n\n  const { patchHeaderFilterButtonAndMenu, patchHeader } = useContext(DataTableContext);\n\n  const filterValue = filters.find((filter) => filter.id === column.id);\n\n  const onValueChange = useCallback(\n    (type: string, newValue: any) => {\n      const filterIndex = filters.findIndex((filter) => filter.id === column.id);\n      if (newValue === undefined) {\n        const newFilters = filters.filter((filter) => filter.id !== column.id);\n        onFiltersChange(newFilters);\n      } else if (filterIndex === -1) {\n        onFiltersChange([...filters, { id: column.id, type, value: newValue }]);\n      } else {\n        const newFilters = [...filters];\n        newFilters[filterIndex].type = type;\n        newFilters[filterIndex].value = newValue;\n        onFiltersChange(newFilters);\n      }\n    },\n    [column.id, filters, onFiltersChange],\n  );\n\n  const filterProps = {\n    ...props,\n    filterValue: filterValue?.value,\n    onValueChange,\n    patchHeader,\n    patchHeaderFilterButtonAndMenu,\n  };\n\n  if (typeof column.filter === 'string') {\n    if (!(column.filter in FilterMapper)) {\n      throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);\n    }\n    const FilterComp = FilterMapper[column.filter];\n    return <FilterComp {...filterProps} />;\n  }\n\n  if (column.Filter) {\n    if (typeof column.Filter !== 'function') {\n      throw new Error(`column.Filter must be a component`);\n    }\n    const FilterComp = column.Filter;\n    return <FilterComp {...filterProps} />;\n  }\n\n  // Column doesn't have any filters\n  return null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+C;AAC/C,qBAUO;AACP,8BAA6B;AAC7B,8BAA6B;AAG7B,MAAM,eAAiE;AAAA,EACrE,CAAC,qCAAa,SAAS;AAAA,EACvB,CAAC,qCAAa,mBAAmB;AAAA,EACjC,CAAC,qCAAa,eAAe;AAAA,EAC7B,CAAC,qCAAa,yBAAyB;AAAA,EACvC,CAAC,qCAAa,cAAc;AAAA,EAC5B,CAAC,qCAAa,aAAa;AAAA,EAC3B,CAAC,qCAAa,gBAAgB;AAAA,EAC9B,CAAC,qCAAa,eAAe;AAAA,EAC7B,CAAC,qCAAa,iBAAiB;AACjC;AACO,MAAM,gBAET,CAAC,UAAU;AACb,QAAM,EAAE,QAAQ,aAAa,SAAS,oBAAoB;AAE1D,QAAM,EAAE,gCAAgC,gBAAgB,6BAAW,+BAAgB;AAEnF,QAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AAEpE,QAAM,gBAAgB,8BACpB,CAAC,MAAc,aAAkB;AAC/B,UAAM,cAAc,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACzE,QAAI,aAAa,QAAW;AAC1B,YAAM,aAAa,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACrE,sBAAgB,UAAU;AAAA,IAC5B,WAAW,gBAAgB,IAAI;AAC7B,sBAAgB,CAAC,GAAG,SAAS,EAAE,IAAI,OAAO,IAAI,MAAM,OAAO,SAAS,CAAC,CAAC;AAAA,IACxE,OAAO;AACL,YAAM,aAAa,CAAC,GAAG,OAAO;AAC9B,iBAAW,aAAa,OAAO;AAC/B,iBAAW,aAAa,QAAQ;AAChC,sBAAgB,UAAU;AAAA,IAC5B;AAAA,EACF,GACA,CAAC,OAAO,IAAI,SAAS,eAAe,CACtC;AAEA,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,aAAa,aAAa;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,OAAO,OAAO,WAAW,UAAU;AACrC,QAAI,CAAE,QAAO,UAAU,eAAe;AACpC,YAAM,IAAI,MAAM,8DAA8D,QAAQ;AAAA,IACxF;AACA,UAAM,aAAa,aAAa,OAAO;AACvC,WAAO,mDAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAEA,MAAI,OAAO,QAAQ;AACjB,QAAI,OAAO,OAAO,WAAW,YAAY;AACvC,YAAM,IAAI,MAAM,mCAAmC;AAAA,IACrD;AACA,UAAM,aAAa,OAAO;AAC1B,WAAO,mDAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAGA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/parts/HoC/SortableItemContext.js CHANGED Viewed

@@ -21,19 +21,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SortableItemContext_exports = {};
 __export(SortableItemContext_exports, {
-  DropIndicatorPosition: () => DropIndicatorPosition,
   SortableItemContext: () => SortableItemContext
 });
 module.exports = __toCommonJS(SortableItemContext_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var DropIndicatorPosition = /* @__PURE__ */ ((DropIndicatorPosition2) => {
-  DropIndicatorPosition2[DropIndicatorPosition2["None"] = 0] = "None";
-  DropIndicatorPosition2[DropIndicatorPosition2["Before"] = 1] = "Before";
-  DropIndicatorPosition2[DropIndicatorPosition2["After"] = 2] = "After";
-  DropIndicatorPosition2[DropIndicatorPosition2["Inside"] = 3] = "Inside";
-  return DropIndicatorPosition2;
-})(DropIndicatorPosition || {});
 const SortableItemContext = (0, import_react.createContext)({
   draggableProps: false
 });

package/dist/cjs/parts/HoC/SortableItemContext.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/HoC/SortableItemContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useSortable } from '@elliemae/ds-drag-and-drop';\nimport { createContext } from 'react';\n\nexport enum DropIndicatorPosition {\n  None = 0,\n  Before = 1,\n  After = 2,\n  Inside = 3,\n}\n\nexport type SortableItemContextType = {\n  draggableProps:\n    | false\n    | (ReturnType<typeof useSortable> & {\n        dropIndicatorPosition: DropIndicatorPosition;\n        shouldShowDropIndicatorPosition: boolean;\n        lastActiveId?: string;\n        setLastActiveId?: React.Dispatch<React.SetStateAction<string>>;\n      });\n};\n\n/** Context for cross component communication */\nexport const SortableItemContext = createContext<SortableItemContextType>({\n  draggableProps: false,\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA8B;AAEvB,IAAK,wBAAL,kBAAK,2BAAL;AACL,0DAAO,KAAP;AACA,4DAAS,KAAT;AACA,2DAAQ,KAAR;AACA,4DAAS,KAAT;AAJU;AAAA;AAmBL,MAAM,sBAAsB,gCAAuC;AAAA,EACxE,gBAAgB;AAClB,CAAC;",
+  "sourcesContent": ["import { createContext } from 'react';\nimport { DraggablePropsT } from 'types/props';\n\nexport type SortableItemContextType = { draggableProps: DraggablePropsT };\n\n/** Context for cross component communication */\nexport const SortableItemContext = createContext<SortableItemContextType>({\n  draggableProps: false,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAMvB,MAAM,sBAAsB,gCAAuC;AAAA,EACxE,gBAAgB;AAClB,CAAC;",
   "names": []
 }

package/dist/cjs/parts/HoC/withConditionalDnDRowContext.js CHANGED Viewed

@@ -29,14 +29,14 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_DataTableContext = require("../../DataTableContext");
 var import_ds_drag_and_drop = require("@elliemae/ds-drag-and-drop");
-var import_SortableItemContext = require("./SortableItemContext");
 var import_Row = require("../Row");
 var import_react_dom = require("react-dom");
+var import_props = require("../../types/props");
 const DnDTreeContext = (0, import_react.createContext)({
   depth: void 0,
   activeIndex: void 0,
   visibleItems: void 0,
-  dropIndicatorPosition: import_SortableItemContext.DropIndicatorPosition.None,
+  dropIndicatorPosition: import_props.DropIndicatorPosition.None,
   lastActiveId: void 0,
   setLastActiveId: void 0
 });

package/dist/cjs/parts/HoC/withConditionalDnDRowContext.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/HoC/withConditionalDnDRowContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { createContext, useCallback } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { DndContext, DragOverlay, SortableContext, useTreeDndkitConfig } from '@elliemae/ds-drag-and-drop';\nimport { Item } from '../../helpers/dndkit/tree/types';\nimport { DropIndicatorPosition } from './SortableItemContext';\nimport { Row } from '../Row';\nimport { createPortal } from 'react-dom';\n\ntype DnDTreeContextType = {\n  depth: number;\n  activeIndex: number;\n  visibleItems: unknown[];\n  dropIndicatorPosition: DropIndicatorPosition;\n  lastActiveId: string;\n  setLastActiveId: React.Dispatch<React.SetStateAction<string>>;\n};\n\nexport const DnDTreeContext = createContext<DnDTreeContextType>({\n  depth: undefined,\n  activeIndex: undefined,\n  visibleItems: undefined,\n  dropIndicatorPosition: DropIndicatorPosition.None,\n  lastActiveId: undefined,\n  setLastActiveId: undefined,\n});\n\n// only wraps in \"DnDContext\" and \"DnDTreeContext\" if any Drag and Drop functionality is requested\nexport const withConditionalDnDRowContext: FunctionalHOC = (Component) => (props) => {\n  const {\n    tableProps: { dragAndDropRows, isExpandable, onRowsReorder, maxDragAndDropLevel },\n    flattenedData,\n    allDataFlattened,\n  } = React.useContext(DataTableContext);\n\n  const [lastActiveId, setLastActiveId] = React.useState<string>(null);\n\n  const onReorder = useCallback(\n    (newData: Item[], indexes: { targetIndex: number; fromIndex: number }, considerExpanding: string) => {\n      // Pull the row's original data into an object\n      const nodes = {};\n      newData.forEach((row) => {\n        delete row.original.subRows;\n        nodes[row.uid] = row.original;\n      });\n      const newUserData = [];\n      newData.forEach((row) => {\n        // If row has parent, insert it to it's subrows\n        // otherwise append it to the new user data\n        if (row.parentId) {\n          const parentNode = nodes[row.parentId];\n          if (parentNode?.subRows) parentNode.subRows.push(row.original);\n          else parentNode.subRows = [row.original];\n        } else newUserData.push(row.original);\n      });\n      // Tell the user that the order has change, he can chose to commit it or not\n      onRowsReorder(newUserData, indexes, considerExpanding);\n    },\n    [onRowsReorder],\n  );\n\n  const { dndContextProps, sortableContextProps, activeId, activeIndex, depth, dropIndicatorPosition, visibleItems } =\n    useTreeDndkitConfig({\n      flattenedItems: allDataFlattened,\n      visibleItems: flattenedData,\n      isHorizontalDnD: false,\n      isExpandable,\n      onReorder,\n      maxDragAndDropLevel,\n    });\n\n  if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);\n\n  if (dragAndDropRows)\n    return (\n      <DndContext {...dndContextProps}>\n        <SortableContext {...sortableContextProps}>\n          <DnDTreeContext.Provider\n            value={{\n              activeIndex,\n              depth,\n              visibleItems,\n              dropIndicatorPosition,\n              lastActiveId,\n              setLastActiveId,\n            }}\n          >\n            <Component {...props} />\n          </DnDTreeContext.Provider>\n        </SortableContext>\n        {createPortal(\n          <DragOverlay style={{ width: 'auto' }}>\n            {activeId ? <Row row={flattenedData.find((row) => row.uid === activeId)} isDragOverlay /> : null}\n          </DragOverlay>,\n          document.body,\n        )}\n      </DndContext>\n    );\n  return <Component {...props} />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkD;AAClD,8BAAiC;AAEjC,8BAA8E;AAE9E,iCAAsC;AACtC,iBAAoB;AACpB,uBAA6B;AAWtB,MAAM,iBAAiB,gCAAkC;AAAA,EAC9D,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,uBAAuB,iDAAsB;AAAA,EAC7C,cAAc;AAAA,EACd,iBAAiB;AACnB,CAAC;AAGM,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAU;AACnF,QAAM;AAAA,IACJ,YAAY,EAAE,iBAAiB,cAAc,eAAe;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,qBAAM,WAAW,wCAAgB;AAErC,QAAM,CAAC,cAAc,mBAAmB,qBAAM,SAAiB,IAAI;AAEnE,QAAM,YAAY,8BAChB,CAAC,SAAiB,SAAqD,sBAA8B;AAEnG,UAAM,QAAQ,CAAC;AACf,YAAQ,QAAQ,CAAC,QAAQ;AACvB,aAAO,IAAI,SAAS;AACpB,YAAM,IAAI,OAAO,IAAI;AAAA,IACvB,CAAC;AACD,UAAM,cAAc,CAAC;AACrB,YAAQ,QAAQ,CAAC,QAAQ;AAGvB,UAAI,IAAI,UAAU;AAChB,cAAM,aAAa,MAAM,IAAI;AAC7B,YAAI,YAAY;AAAS,qBAAW,QAAQ,KAAK,IAAI,QAAQ;AAAA;AACxD,qBAAW,UAAU,CAAC,IAAI,QAAQ;AAAA,MACzC;AAAO,oBAAY,KAAK,IAAI,QAAQ;AAAA,IACtC,CAAC;AAED,kBAAc,aAAa,SAAS,iBAAiB;AAAA,EACvD,GACA,CAAC,aAAa,CAChB;AAEA,QAAM,EAAE,iBAAiB,sBAAsB,UAAU,aAAa,OAAO,uBAAuB,iBAClG,iDAAoB;AAAA,IAClB,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,MAAI,iBAAiB,YAAY;AAAU,oBAAgB,QAAQ;AAEnE,MAAI;AACF,WACE,mDAAC;AAAA,MAAY,GAAG;AAAA,OACd,mDAAC;AAAA,MAAiB,GAAG;AAAA,OACnB,mDAAC,eAAe,UAAf;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,OAEA,mDAAC;AAAA,MAAW,GAAG;AAAA,KAAO,CACxB,CACF,GACC,mCACC,mDAAC;AAAA,MAAY,OAAO,EAAE,OAAO,OAAO;AAAA,OACjC,WAAW,mDAAC;AAAA,MAAI,KAAK,cAAc,KAAK,CAAC,QAAQ,IAAI,QAAQ,QAAQ;AAAA,MAAG,eAAa;AAAA,KAAC,IAAK,IAC9F,GACA,SAAS,IACX,CACF;AAEJ,SAAO,mDAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAC/B;",
+  "sourcesContent": ["import React, { createContext, useCallback } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { DndContext, DragOverlay, SortableContext, useTreeDndkitConfig } from '@elliemae/ds-drag-and-drop';\nimport { Item } from '../../helpers/dndkit/tree/types';\nimport { Row } from '../Row';\nimport { createPortal } from 'react-dom';\nimport { DropIndicatorPosition } from '../../types/props';\n\ntype DnDTreeContextType = {\n  depth: number;\n  activeIndex: number;\n  visibleItems: unknown[];\n  dropIndicatorPosition: DropIndicatorPosition;\n  lastActiveId: string;\n  setLastActiveId: React.Dispatch<React.SetStateAction<string>>;\n};\n\nexport const DnDTreeContext = createContext<DnDTreeContextType>({\n  depth: undefined,\n  activeIndex: undefined,\n  visibleItems: undefined,\n  dropIndicatorPosition: DropIndicatorPosition.None,\n  lastActiveId: undefined,\n  setLastActiveId: undefined,\n});\n\n// only wraps in \"DnDContext\" and \"DnDTreeContext\" if any Drag and Drop functionality is requested\nexport const withConditionalDnDRowContext: FunctionalHOC = (Component) => (props) => {\n  const {\n    tableProps: { dragAndDropRows, isExpandable, onRowsReorder, maxDragAndDropLevel },\n    flattenedData,\n    allDataFlattened,\n  } = React.useContext(DataTableContext);\n\n  const [lastActiveId, setLastActiveId] = React.useState<string>(null);\n\n  const onReorder = useCallback(\n    (newData: Item[], indexes: { targetIndex: number; fromIndex: number }, considerExpanding: string) => {\n      // Pull the row's original data into an object\n      const nodes = {};\n      newData.forEach((row) => {\n        delete row.original.subRows;\n        nodes[row.uid] = row.original;\n      });\n      const newUserData = [];\n      newData.forEach((row) => {\n        // If row has parent, insert it to it's subrows\n        // otherwise append it to the new user data\n        if (row.parentId) {\n          const parentNode = nodes[row.parentId];\n          if (parentNode?.subRows) parentNode.subRows.push(row.original);\n          else parentNode.subRows = [row.original];\n        } else newUserData.push(row.original);\n      });\n      // Tell the user that the order has change, he can chose to commit it or not\n      onRowsReorder(newUserData, indexes, considerExpanding);\n    },\n    [onRowsReorder],\n  );\n\n  const { dndContextProps, sortableContextProps, activeId, activeIndex, depth, dropIndicatorPosition, visibleItems } =\n    useTreeDndkitConfig({\n      flattenedItems: allDataFlattened,\n      visibleItems: flattenedData,\n      isHorizontalDnD: false,\n      isExpandable,\n      onReorder,\n      maxDragAndDropLevel,\n    });\n\n  if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);\n\n  if (dragAndDropRows)\n    return (\n      <DndContext {...dndContextProps}>\n        <SortableContext {...sortableContextProps}>\n          <DnDTreeContext.Provider\n            value={{\n              activeIndex,\n              depth,\n              visibleItems,\n              dropIndicatorPosition,\n              lastActiveId,\n              setLastActiveId,\n            }}\n          >\n            <Component {...props} />\n          </DnDTreeContext.Provider>\n        </SortableContext>\n        {createPortal(\n          <DragOverlay style={{ width: 'auto' }}>\n            {activeId ? <Row row={flattenedData.find((row) => row.uid === activeId)} isDragOverlay /> : null}\n          </DragOverlay>,\n          document.body,\n        )}\n      </DndContext>\n    );\n  return <Component {...props} />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkD;AAClD,8BAAiC;AAEjC,8BAA8E;AAE9E,iBAAoB;AACpB,uBAA6B;AAC7B,mBAAsC;AAW/B,MAAM,iBAAiB,gCAAkC;AAAA,EAC9D,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,uBAAuB,mCAAsB;AAAA,EAC7C,cAAc;AAAA,EACd,iBAAiB;AACnB,CAAC;AAGM,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAU;AACnF,QAAM;AAAA,IACJ,YAAY,EAAE,iBAAiB,cAAc,eAAe;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,qBAAM,WAAW,wCAAgB;AAErC,QAAM,CAAC,cAAc,mBAAmB,qBAAM,SAAiB,IAAI;AAEnE,QAAM,YAAY,8BAChB,CAAC,SAAiB,SAAqD,sBAA8B;AAEnG,UAAM,QAAQ,CAAC;AACf,YAAQ,QAAQ,CAAC,QAAQ;AACvB,aAAO,IAAI,SAAS;AACpB,YAAM,IAAI,OAAO,IAAI;AAAA,IACvB,CAAC;AACD,UAAM,cAAc,CAAC;AACrB,YAAQ,QAAQ,CAAC,QAAQ;AAGvB,UAAI,IAAI,UAAU;AAChB,cAAM,aAAa,MAAM,IAAI;AAC7B,YAAI,YAAY;AAAS,qBAAW,QAAQ,KAAK,IAAI,QAAQ;AAAA;AACxD,qBAAW,UAAU,CAAC,IAAI,QAAQ;AAAA,MACzC;AAAO,oBAAY,KAAK,IAAI,QAAQ;AAAA,IACtC,CAAC;AAED,kBAAc,aAAa,SAAS,iBAAiB;AAAA,EACvD,GACA,CAAC,aAAa,CAChB;AAEA,QAAM,EAAE,iBAAiB,sBAAsB,UAAU,aAAa,OAAO,uBAAuB,iBAClG,iDAAoB;AAAA,IAClB,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,MAAI,iBAAiB,YAAY;AAAU,oBAAgB,QAAQ;AAEnE,MAAI;AACF,WACE,mDAAC;AAAA,MAAY,GAAG;AAAA,OACd,mDAAC;AAAA,MAAiB,GAAG;AAAA,OACnB,mDAAC,eAAe,UAAf;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,OAEA,mDAAC;AAAA,MAAW,GAAG;AAAA,KAAO,CACxB,CACF,GACC,mCACC,mDAAC;AAAA,MAAY,OAAO,EAAE,OAAO,OAAO;AAAA,OACjC,WAAW,mDAAC;AAAA,MAAI,KAAK,cAAc,KAAK,CAAC,QAAQ,IAAI,QAAQ,QAAQ;AAAA,MAAG,eAAa;AAAA,KAAC,IAAK,IAC9F,GACA,SAAS,IACX,CACF;AAEJ,SAAO,mDAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAC/B;",
   "names": []
 }

package/dist/cjs/parts/HoC/withDnDSortableColumnContext.js CHANGED Viewed

@@ -28,6 +28,7 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_drag_and_drop = require("@elliemae/ds-drag-and-drop");
 var import_DataTableContext = require("../../DataTableContext");
+var import_props = require("../../types/props");
 var import_withConditionalDnDColumnContext = require("./withConditionalDnDColumnContext");
 var import_SortableItemContext = require("./SortableItemContext");
 const withDnDSortableColumnContext = (Component) => (props) => {
@@ -46,7 +47,7 @@ const withDnDSortableColumnContext = (Component) => (props) => {
     return {
       ...useSortableHelpers,
       shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,
-      dropIndicatorPosition: index > activeIndex ? import_SortableItemContext.DropIndicatorPosition.After : import_SortableItemContext.DropIndicatorPosition.Before
+      dropIndicatorPosition: index > activeIndex ? import_props.DropIndicatorPosition.After : import_props.DropIndicatorPosition.Before
     };
   }, [useSortableHelpers, dragAndDropColumns, activeIndex]);
   const ctx = (0, import_react.useMemo)(() => ({

package/dist/cjs/parts/HoC/withDnDSortableColumnContext.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/HoC/withDnDSortableColumnContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { useSortable } from '@elliemae/ds-drag-and-drop';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { DnDGroupContext } from './withConditionalDnDColumnContext';\nimport { SortableItemContext, DropIndicatorPosition, SortableItemContextType } from './SortableItemContext';\n\nexport const withDnDSortableColumnContext: FunctionalHOC = (Component) => (props: any) => {\n  const {\n    tableProps: { dragAndDropColumns },\n  } = useContext(DataTableContext);\n  const { activeIndex } = useContext(DnDGroupContext);\n\n  // onMount generate unique options, so everyting is only ran once\n  const draggableOptions = useMemo(\n    () => ({\n      id: props.header.id,\n    }),\n    [props.header.id],\n  );\n\n  const useSortableHelpers = useSortable(draggableOptions);\n\n  // calculate all the \"useSortable\" values as per required\n  const draggableProps = useMemo(() => {\n    if (!dragAndDropColumns) return false;\n\n    const { index, overIndex } = useSortableHelpers;\n\n    return {\n      ...useSortableHelpers,\n      shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,\n      dropIndicatorPosition: index > activeIndex ? DropIndicatorPosition.After : DropIndicatorPosition.Before,\n    };\n  }, [useSortableHelpers, dragAndDropColumns, activeIndex]);\n  // we use a context so we can easly access information wherever without bubbling down\n  // this context is all Memoized so as long as component is not re-mounted,\n  // the context won't trigger un-required renders per-se...\n  const ctx: SortableItemContextType = useMemo(\n    () => ({\n      draggableProps,\n    }),\n    [draggableProps],\n  );\n  // we always add the context, if draggableProps===false we don't have the DnD enabled.\n  return (\n    <SortableItemContext.Provider value={ctx}>\n      <Component {...props} />\n    </SortableItemContext.Provider>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,8BAA4B;AAC5B,8BAAiC;AAEjC,6CAAgC;AAChC,iCAAoF;AAE7E,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAe;AACxF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW,wCAAgB;AAC/B,QAAM,EAAE,gBAAgB,6BAAW,sDAAe;AAGlD,QAAM,mBAAmB,0BACvB,MAAO;AAAA,IACL,IAAI,MAAM,OAAO;AAAA,EACnB,IACA,CAAC,MAAM,OAAO,EAAE,CAClB;AAEA,QAAM,qBAAqB,yCAAY,gBAAgB;AAGvD,QAAM,iBAAiB,0BAAQ,MAAM;AACnC,QAAI,CAAC;AAAoB,aAAO;AAEhC,UAAM,EAAE,OAAO,cAAc;AAE7B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,iCAAiC,cAAc,SAAS,cAAc;AAAA,MACtE,uBAAuB,QAAQ,cAAc,iDAAsB,QAAQ,iDAAsB;AAAA,IACnG;AAAA,EACF,GAAG,CAAC,oBAAoB,oBAAoB,WAAW,CAAC;AAIxD,QAAM,MAA+B,0BACnC,MAAO;AAAA,IACL;AAAA,EACF,IACA,CAAC,cAAc,CACjB;AAEA,SACE,mDAAC,+CAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,KACnC,mDAAC;AAAA,IAAW,GAAG;AAAA,GAAO,CACxB;AAEJ;",
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { useSortable } from '@elliemae/ds-drag-and-drop';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { DropIndicatorPosition } from '../../types/props';\nimport { DnDGroupContext } from './withConditionalDnDColumnContext';\nimport { SortableItemContext, SortableItemContextType } from './SortableItemContext';\n\nexport const withDnDSortableColumnContext: FunctionalHOC = (Component) => (props: any) => {\n  const {\n    tableProps: { dragAndDropColumns },\n  } = useContext(DataTableContext);\n  const { activeIndex } = useContext(DnDGroupContext);\n\n  // onMount generate unique options, so everyting is only ran once\n  const draggableOptions = useMemo(\n    () => ({\n      id: props.header.id,\n    }),\n    [props.header.id],\n  );\n\n  const useSortableHelpers = useSortable(draggableOptions);\n\n  // calculate all the \"useSortable\" values as per required\n  const draggableProps = useMemo(() => {\n    if (!dragAndDropColumns) return false;\n\n    const { index, overIndex } = useSortableHelpers;\n\n    return {\n      ...useSortableHelpers,\n      shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,\n      dropIndicatorPosition: index > activeIndex ? DropIndicatorPosition.After : DropIndicatorPosition.Before,\n    };\n  }, [useSortableHelpers, dragAndDropColumns, activeIndex]);\n  // we use a context so we can easly access information wherever without bubbling down\n  // this context is all Memoized so as long as component is not re-mounted,\n  // the context won't trigger un-required renders per-se...\n  const ctx: SortableItemContextType = useMemo(\n    () => ({\n      draggableProps,\n    }),\n    [draggableProps],\n  );\n  // we always add the context, if draggableProps===false we don't have the DnD enabled.\n  return (\n    <SortableItemContext.Provider value={ctx}>\n      <Component {...props} />\n    </SortableItemContext.Provider>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,8BAA4B;AAC5B,8BAAiC;AAEjC,mBAAsC;AACtC,6CAAgC;AAChC,iCAA6D;AAEtD,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAe;AACxF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW,wCAAgB;AAC/B,QAAM,EAAE,gBAAgB,6BAAW,sDAAe;AAGlD,QAAM,mBAAmB,0BACvB,MAAO;AAAA,IACL,IAAI,MAAM,OAAO;AAAA,EACnB,IACA,CAAC,MAAM,OAAO,EAAE,CAClB;AAEA,QAAM,qBAAqB,yCAAY,gBAAgB;AAGvD,QAAM,iBAAiB,0BAAQ,MAAM;AACnC,QAAI,CAAC;AAAoB,aAAO;AAEhC,UAAM,EAAE,OAAO,cAAc;AAE7B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,iCAAiC,cAAc,SAAS,cAAc;AAAA,MACtE,uBAAuB,QAAQ,cAAc,mCAAsB,QAAQ,mCAAsB;AAAA,IACnG;AAAA,EACF,GAAG,CAAC,oBAAoB,oBAAoB,WAAW,CAAC;AAIxD,QAAM,MAA+B,0BACnC,MAAO;AAAA,IACL;AAAA,EACF,IACA,CAAC,cAAc,CACjB;AAEA,SACE,mDAAC,+CAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,KACnC,mDAAC;AAAA,IAAW,GAAG;AAAA,GAAO,CACxB;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/RowVariants/types.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/RowVariants/types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { TypescriptContext, TypescriptRow } from '../../types/props';\nimport { DropIndicatorPosition, SortableItemContextType } from '../HoC/SortableItemContext';\n\nexport interface RowVariantProps {\n  row: TypescriptRow;\n  ctx: TypescriptContext;\n  compact?: boolean;\n  focusedRowId: string | null;\n  drilldownRowId: string | null;\n  itemIndex: number;\n  draggableProps: SortableItemContextType['draggableProps'];\n  backgroundColor?: string;\n  isDragOverlay: boolean;\n  minHeight: string;\n  height: string;\n  rowsLayout?: (string | number)[];\n  dropIndicatorPosition: DropIndicatorPosition;\n  CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { TypescriptContext, TypescriptRow, DropIndicatorPosition } from '../../types/props';\nimport { SortableItemContextType } from '../HoC/SortableItemContext';\n\nexport interface RowVariantProps {\n  row: TypescriptRow;\n  ctx: TypescriptContext;\n  compact?: boolean;\n  focusedRowId: string | null;\n  drilldownRowId: string | null;\n  itemIndex: number;\n  draggableProps: SortableItemContextType['draggableProps'];\n  backgroundColor?: string;\n  isDragOverlay: boolean;\n  minHeight: string;\n  height: string;\n  rowsLayout?: (string | number)[];\n  dropIndicatorPosition: DropIndicatorPosition;\n  CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/types/props.js CHANGED Viewed

@@ -5,6 +5,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -16,6 +20,16 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var props_exports = {};
+__export(props_exports, {
+  DropIndicatorPosition: () => DropIndicatorPosition
+});
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
+var DropIndicatorPosition = /* @__PURE__ */ ((DropIndicatorPosition2) => {
+  DropIndicatorPosition2[DropIndicatorPosition2["None"] = 0] = "None";
+  DropIndicatorPosition2[DropIndicatorPosition2["Before"] = 1] = "Before";
+  DropIndicatorPosition2[DropIndicatorPosition2["After"] = 2] = "After";
+  DropIndicatorPosition2[DropIndicatorPosition2["Inside"] = 3] = "Inside";
+  return DropIndicatorPosition2;
+})(DropIndicatorPosition || {});
 //# sourceMappingURL=props.js.map