@elliemae/ds-data-table 2.2.0 → 2.3.0-alpha.3

package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { DSRadio } from '@elliemae/ds-form';\nimport styled from 'styled-components';\nimport { TypescriptColumn } from '../../../types/props';\nimport { DATA_TESTID } from '../../../configs/constants';\n\nconst CenteredContent = styled.div`\n  display: flex;\n  height: 100%;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\nconst StyledDSRadio = styled(DSRadio)`\n  padding-bottom: 0;\n  cursor: pointer;\n`;\n\nexport const singleSelectColumn: TypescriptColumn = {\n  // Build our singleSelecter column\n  id: 'singleSelecter', // Make sure it has an ID\n  // The header doesn't need anything for single selection\n  Header: () => <div />,\n  Cell: ({ cell, row, isRowSelected, ctx }) => {\n    const {\n      tableProps: { onSelectionChange, selection, disabledRows },\n    } = ctx;\n    const { uid } = row;\n    const selectedState = selection?.[uid];\n\n    const PureCheckBox = useMemo(\n      () => (\n        <CenteredContent>\n          <StyledDSRadio\n            // eslint-disable-next-line react/prop-types\n            containerProps={{\n              'aria-checked': selectedState,\n              'aria-disabled': false,\n              title: 'Toggle Row Selected',\n            }}\n            checked={selectedState}\n            onChange={() => {\n              // in single select we only allow one item to be selected\n              onSelectionChange(!selectedState ? { [uid]: !selectedState } : {});\n            }}\n            data-testid={DATA_TESTID.DATA_TABLE_RADIO}\n            disabled={disabledRows[row.uid]}\n            innerRef={cell.ref}\n            value=\"\"\n            tabIndex={isRowSelected ? 0 : -1}\n          />\n        </CenteredContent>\n      ),\n      [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, onSelectionChange, uid],\n    );\n    return PureCheckBox;\n  },\n  textWrap: 'wrap',\n  width: 32,\n  padding: 4,\n  canResize: false,\n  isFocuseable: false,\n  disableDnD: true,\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAEA,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAKtB,MAAM,qBAAuC;AAAA,EAElD,IAAI;AAAA,EAEJ,QAAQ,MAAM,qCAAC,OAAD;AAAA,EACd,MAAM,CAAC,EAAE,MAAM,KAAK,eAAe,UAAU;AAC3C,UAAM;AAAA,MACJ,YAAY,EAAE,mBAAmB,WAAW;AAAA,QAC1C;AACJ,UAAM,EAAE,QAAQ;AAChB,UAAM,gBAAgB,YAAY;AAElC,UAAM,eAAe,QACnB,MACE,qCAAC,iBAAD,MACE,qCAAC,eAAD;AAAA,MAEE,gBAAgB;AAAA,QACd,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB,OAAO;AAAA;AAAA,MAET,SAAS;AAAA,MACT,UAAU,MAAM;AAEd,0BAAkB,CAAC,gBAAgB,GAAG,MAAM,CAAC,kBAAkB;AAAA;AAAA,MAEjE,eAAa,YAAY;AAAA,MACzB,UAAU,aAAa,IAAI;AAAA,MAC3B,UAAU,KAAK;AAAA,MACf,OAAM;AAAA,MACN,UAAU,gBAAgB,IAAI;AAAA,SAIpC,CAAC,eAAe,cAAc,IAAI,KAAK,KAAK,KAAK,eAAe,mBAAmB;AAErF,WAAO;AAAA;AAAA,EAET,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA;",
+  "names": []
+}

package/esm/addons/Columns/index.js

@@ -1,9 +1,22 @@
-export { actionColumn } from './ColumnAction/ColumnAction.js';
-export { expandRowColumn } from './ColumnExpand/ColumnExpand.js';
-export { multiSelectColumn } from './ColumnSelectMultiple/ColumnSelectMultiple.js';
-export { singleSelectColumn } from './ColumnSelectSingle/ColumnSelectSingle.js';
-export { dragHandleColumn } from './ColumnDragHandle/ColumnDragHandle.js';
-
-const INTERNAL_COLUMNS = ['rowActions', 'expander', 'multiSelecter', 'singleSelecter', 'dragHandleColumn'];
-
-export { INTERNAL_COLUMNS };
+import * as React from "react";
+import { actionColumn } from "./ColumnAction/ColumnAction";
+import { expandRowColumn } from "./ColumnExpand/ColumnExpand";
+import { multiSelectColumn } from "./ColumnSelectMultiple/ColumnSelectMultiple";
+import { singleSelectColumn } from "./ColumnSelectSingle/ColumnSelectSingle";
+import { dragHandleColumn } from "./ColumnDragHandle/ColumnDragHandle";
+const INTERNAL_COLUMNS = [
+  "rowActions",
+  "expander",
+  "multiSelecter",
+  "singleSelecter",
+  "dragHandleColumn"
+];
+export {
+  INTERNAL_COLUMNS,
+  actionColumn,
+  dragHandleColumn,
+  expandRowColumn,
+  multiSelectColumn,
+  singleSelectColumn
+};
+//# sourceMappingURL=index.js.map

package/esm/addons/Columns/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/addons/Columns/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { actionColumn } from './ColumnAction/ColumnAction';\nexport { expandRowColumn } from './ColumnExpand/ColumnExpand';\nexport { multiSelectColumn } from './ColumnSelectMultiple/ColumnSelectMultiple';\nexport { singleSelectColumn } from './ColumnSelectSingle/ColumnSelectSingle';\nexport { dragHandleColumn } from './ColumnDragHandle/ColumnDragHandle';\n\nexport const INTERNAL_COLUMNS = [\n  'rowActions',\n  'expander',\n  'multiSelecter',\n  'singleSelecter',\n  'dragHandleColumn',\n];\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "names": []
+}

package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js

@@ -1,97 +1,48 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import { useContext, useMemo, useState, useCallback } from 'react';
-import { ComboBoxFreeSolo } from '@elliemae/ds-form';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popperjs';
-import 'styled-components';
-import '../../../redux/reducers/index.js';
-import '../../../configs/constants.js';
-import 'react-virtual';
-import '../../../configs/useRowFlattenization.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import '@elliemae/ds-icons';
-import '../../../styled.js';
-import 'react/jsx-runtime';
-import '../../../parts/TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import DataTableContext from '../../../DataTableContext.js';
-import '../../../parts/Row.js';
-import '../../../parts/Footer.js';
-import '../../../parts/HoC/SortableItemContext.js';
-import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-utilities';
-import 'uid';
-import '../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
-import 'moment';
-import 'core-js/modules/esnext.async-iterator.some.js';
-import 'core-js/modules/esnext.iterator.some.js';
-
-const ComboboxEditableCell = props => {
+import * as React from "react";
+import React2, { useContext, useState, useCallback, useMemo } from "react";
+import { ComboBoxFreeSolo } from "@elliemae/ds-form";
+import { EditableCell } from "../../../exported-related";
+import { DataTableContext } from "../../../DataTableContext";
+import { editableCellPropType } from "../../../prop-types";
+const ComboboxEditableCell = (props) => {
+  const { cell, DefaultCellRender, isRowSelected } = props;
   const {
-    cell,
-    DefaultCellRender,
-    isRowSelected
-  } = props;
-  const {
-    tableProps: {
-      onCellValueChange
-    },
+    tableProps: { onCellValueChange },
     flattenedData
   } = useContext(DataTableContext);
   const cellValue = useMemo(() => cell.value, [cell.value]);
   const columnId = useMemo(() => cell.column.id, [cell.column.id]);
-  const [value, setValue] = useState({
-    value: cellValue,
-    label: cellValue
-  });
+  const [value, setValue] = useState({ value: cellValue, label: cellValue });
   const uniqueOptions = useMemo(() => {
     const uniqueValuesMap = {};
     return flattenedData.reduce((optionsSoFar, currRow) => {
       const currValue = currRow.original[columnId];
-
       if (!uniqueValuesMap[currValue]) {
-        optionsSoFar.push({
-          value: currValue,
-          label: currValue
-        });
+        optionsSoFar.push({ value: currValue, label: currValue });
         uniqueValuesMap[currValue] = true;
       }
-
       return optionsSoFar;
     }, []);
   }, [flattenedData, columnId]);
   const handleOnBlur = useCallback(() => {
     const property = columnId;
-    onCellValueChange({
-      value: value === null || value === void 0 ? void 0 : value.value,
-      property,
-      rowIndex: cell.row.index
-    });
-  }, [columnId, onCellValueChange, value === null || value === void 0 ? void 0 : value.value, cell.row.index]);
-  return /*#__PURE__*/_jsx(EditableCell, {
+    onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });
+  }, [columnId, onCellValueChange, value?.value, cell.row.index]);
+  return /* @__PURE__ */ React2.createElement(EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /*#__PURE__*/_jsx(ComboBoxFreeSolo, {
-      value: value,
+    EditableRenderer: /* @__PURE__ */ React2.createElement(ComboBoxFreeSolo, {
+      value,
       autoFocus: true,
       onBlur: handleOnBlur,
       onChange: setValue,
       options: uniqueOptions
     }),
-    cell: cell,
-    isRowSelected: isRowSelected
+    cell,
+    isRowSelected
   });
 };
-
-export { ComboboxEditableCell };
+ComboboxEditableCell.propTypes = editableCellPropType;
+export {
+  ComboboxEditableCell
+};
+//# sourceMappingURL=ComboboxEditableCell.js.map

package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useContext, useState, useCallback, useMemo } from 'react';\nimport { ComboBoxFreeSolo } from '@elliemae/ds-form';\nimport { EditableCell } from '../../../exported-related';\nimport { DataTableContext } from '../../../DataTableContext';\nimport { editableCellPropType } from '../../../prop-types';\n\nexport const ComboboxEditableCell: React.ComponentType<any> = (props) => {\n  const { cell, DefaultCellRender, isRowSelected } = props;\n\n  const {\n    tableProps: { onCellValueChange },\n    flattenedData,\n  } = useContext(DataTableContext);\n  const cellValue = useMemo(() => cell.value, [cell.value]);\n  const columnId = useMemo(() => cell.column.id, [cell.column.id]);\n\n  const [value, setValue] = useState({ value: cellValue, label: cellValue });\n\n  const uniqueOptions = useMemo(() => {\n    const uniqueValuesMap = {};\n    return flattenedData.reduce((optionsSoFar, currRow) => {\n      const currValue = currRow.original[columnId];\n      if (!uniqueValuesMap[currValue]) {\n        optionsSoFar.push({ value: currValue, label: currValue });\n        uniqueValuesMap[currValue] = true;\n      }\n      return optionsSoFar;\n    }, []);\n  }, [flattenedData, columnId]);\n\n  const handleOnBlur = useCallback(() => {\n    const property = columnId;\n    onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });\n  }, [columnId, onCellValueChange, value?.value, cell.row.index]);\n\n  return (\n    <EditableCell\n      StandardRender={DefaultCellRender}\n      EditableRenderer={\n        <ComboBoxFreeSolo value={value} autoFocus onBlur={handleOnBlur} onChange={setValue} options={uniqueOptions} />\n      }\n      cell={cell}\n      isRowSelected={isRowSelected}\n    />\n  );\n};\nComboboxEditableCell.propTypes = editableCellPropType;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,uBAAiD,CAAC,UAAU;AACvE,QAAM,EAAE,MAAM,mBAAmB,kBAAkB;AAEnD,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,MACE,WAAW;AACf,QAAM,YAAY,QAAQ,MAAM,KAAK,OAAO,CAAC,KAAK;AAClD,QAAM,WAAW,QAAQ,MAAM,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO;AAE5D,QAAM,CAAC,OAAO,YAAY,SAAS,EAAE,OAAO,WAAW,OAAO;AAE9D,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,kBAAkB;AACxB,WAAO,cAAc,OAAO,CAAC,cAAc,YAAY;AACrD,YAAM,YAAY,QAAQ,SAAS;AACnC,UAAI,CAAC,gBAAgB,YAAY;AAC/B,qBAAa,KAAK,EAAE,OAAO,WAAW,OAAO;AAC7C,wBAAgB,aAAa;AAAA;AAE/B,aAAO;AAAA,OACN;AAAA,KACF,CAAC,eAAe;AAEnB,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,WAAW;AACjB,sBAAkB,EAAE,OAAO,OAAO,OAAO,UAAU,UAAU,KAAK,IAAI;AAAA,KACrE,CAAC,UAAU,mBAAmB,OAAO,OAAO,KAAK,IAAI;AAExD,SACE,qCAAC,cAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,qCAAC,kBAAD;AAAA,MAAkB;AAAA,MAAc,WAAS;AAAA,MAAC,QAAQ;AAAA,MAAc,UAAU;AAAA,MAAU,SAAS;AAAA;AAAA,IAE/F;AAAA,IACA;AAAA;AAAA;AAIN,qBAAqB,YAAY;",
+  "names": []
+}

package/esm/addons/Editables/DateEditableCell/DateEditableCell.js

@@ -1,81 +1,38 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useContext, useState, useCallback } from 'react';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popperjs';
-import 'styled-components';
-import '../../../redux/reducers/index.js';
-import '../../../configs/constants.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'react-virtual';
-import '../../../configs/useRowFlattenization.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import '@elliemae/ds-icons';
-import '../../../styled.js';
-import 'react/jsx-runtime';
-import '@elliemae/ds-form';
-import '../../../parts/TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import DataTableContext from '../../../DataTableContext.js';
-import '../../../parts/Row.js';
-import '../../../parts/Footer.js';
-import '../../../parts/HoC/SortableItemContext.js';
-import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-utilities';
-import 'uid';
-import '../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
-import 'moment';
-import 'core-js/modules/esnext.async-iterator.some.js';
-import 'core-js/modules/esnext.iterator.some.js';
-
+import * as React from "react";
+import React2, { useContext, useState, useCallback } from "react";
+import { EditableCell } from "../../../exported-related";
+import { DataTableContext } from "../../../DataTableContext";
+import { editableCellPropType } from "../../../prop-types";
 function DateEditableCell(props) {
+  const { cell, DefaultCellRender } = props;
   const {
-    cell,
-    DefaultCellRender
-  } = props;
-  const {
-    tableProps: {
-      onCellValueChange
-    }
+    tableProps: { onCellValueChange }
   } = useContext(DataTableContext);
   const [value, setValue] = useState(cell.value);
-  const handleOnChange = useCallback(e => {
+  const handleOnChange = useCallback((e) => {
     const {
-      target: {
-        value: tValue
-      }
+      target: { value: tValue }
     } = e;
     setValue(tValue);
   }, [onCellValueChange, value]);
   const handleOnBlur = useCallback(() => {
     const property = cell.column.id;
     const rowIndex = cell.row.index;
-    onCellValueChange({
-      value,
-      property,
-      rowIndex
-    });
+    onCellValueChange({ value, property, rowIndex });
   }, [value, onCellValueChange, cell.column.id, cell.row.index]);
-  return /*#__PURE__*/_jsx(EditableCell, {
+  return /* @__PURE__ */ React2.createElement(EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /*#__PURE__*/_jsx("input", {
-      value: value,
+    EditableRenderer: /* @__PURE__ */ React2.createElement("input", {
+      value,
       onChange: handleOnChange,
       onBlur: handleOnBlur,
       autoFocus: true
     }),
-    cell: cell
+    cell
   });
 }
-
-export { DateEditableCell };
+DateEditableCell.propTypes = editableCellPropType;
+export {
+  DateEditableCell
+};
+//# sourceMappingURL=DateEditableCell.js.map

package/esm/addons/Editables/DateEditableCell/DateEditableCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Editables/DateEditableCell/DateEditableCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useContext, useState, useCallback } from 'react';\nimport { EditableCell } from '../../../exported-related';\nimport { DataTableContext } from '../../../DataTableContext';\nimport { editableCellPropType } from '../../../prop-types';\n\nexport function DateEditableCell(props) {\n  const { cell, DefaultCellRender } = props;\n\n  const {\n    tableProps: { onCellValueChange },\n  } = useContext(DataTableContext);\n\n  const [value, setValue] = useState(cell.value);\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const {\n        target: { value: tValue },\n      } = e;\n      setValue(tValue);\n    },\n    [onCellValueChange, value],\n  );\n  const handleOnBlur = useCallback(() => {\n    const property = cell.column.id;\n    const rowIndex = cell.row.index;\n    onCellValueChange({ value, property, rowIndex });\n  }, [value, onCellValueChange, cell.column.id, cell.row.index]);\n\n  return (\n    <EditableCell\n      StandardRender={DefaultCellRender}\n      EditableRenderer={\n        <input\n          value={value}\n          onChange={handleOnChange}\n          onBlur={handleOnBlur}\n          autoFocus\n        />\n      }\n      cell={cell}\n    />\n  );\n}\nDateEditableCell.propTypes = editableCellPropType;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,0BAA0B,OAAO;AACtC,QAAM,EAAE,MAAM,sBAAsB;AAEpC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AAEf,QAAM,CAAC,OAAO,YAAY,SAAS,KAAK;AAExC,QAAM,iBAAiB,YACrB,CAAC,MAAM;AACL,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,aAAS;AAAA,KAEX,CAAC,mBAAmB;AAEtB,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,WAAW,KAAK,OAAO;AAC7B,UAAM,WAAW,KAAK,IAAI;AAC1B,sBAAkB,EAAE,OAAO,UAAU;AAAA,KACpC,CAAC,OAAO,mBAAmB,KAAK,OAAO,IAAI,KAAK,IAAI;AAEvD,SACE,qCAAC,cAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,qCAAC,SAAD;AAAA,MACE;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAS;AAAA;AAAA,IAGb;AAAA;AAAA;AAIN,iBAAiB,YAAY;",
+  "names": []
+}

package/esm/addons/Editables/TextEditableCell/TextEditableCell.js

@@ -1,102 +1,61 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useContext, useState, useCallback } from 'react';
-import styled from 'styled-components';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popperjs';
-import '../../../redux/reducers/index.js';
-import '../../../configs/constants.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'react-virtual';
-import '../../../configs/useRowFlattenization.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import '@elliemae/ds-icons';
-import '../../../styled.js';
-import 'react/jsx-runtime';
-import '@elliemae/ds-form';
-import '../../../parts/TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import DataTableContext from '../../../DataTableContext.js';
-import '../../../parts/Row.js';
-import '../../../parts/Footer.js';
-import '../../../parts/HoC/SortableItemContext.js';
-import { EditableCell } from '../../../exported-related/EditableCell.js';
-import '@elliemae/ds-utilities';
-import 'uid';
-import '../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
-import 'moment';
-import 'core-js/modules/esnext.async-iterator.some.js';
-import 'core-js/modules/esnext.iterator.some.js';
-
-const StyledInput = /*#__PURE__*/styled.input.withConfig({
-  componentId: "sc-15pvvoa-0"
-})(["outline:none;:focus{border:2px solid ", ";}max-width:100%;"], props => props.theme.colors.brand[700]);
-const TextEditableCell = props => {
+import * as React from "react";
+import React2, { useContext, useState, useCallback } from "react";
+import styled from "styled-components";
+import { EditableCell } from "../../../exported-related";
+import { DataTableContext } from "../../../DataTableContext";
+import { editableCellPropType } from "../../../prop-types";
+const StyledInput = styled.input`
+  outline: none;
+  :focus {
+    border: 2px solid ${(props) => props.theme.colors.brand[700]};
+  }
+  max-width: 100%;
+`;
+const TextEditableCell = (props) => {
+  const { cell, DefaultCellRender, isRowSelected } = props;
   const {
-    cell,
-    DefaultCellRender,
-    isRowSelected
-  } = props;
-  const {
-    tableProps: {
-      onCellValueChange
-    }
+    tableProps: { onCellValueChange }
   } = useContext(DataTableContext);
   const [value, setValue] = useState(cell.value);
-  const handleOnChange = useCallback(e => {
+  const handleOnChange = useCallback((e) => {
     const {
-      target: {
-        value: tValue
-      }
+      target: { value: tValue }
     } = e;
     setValue(tValue);
   }, []);
   const handleOnBlur = useCallback(() => {
     const property = cell.column.id;
     const rowIndex = cell.row.index;
-    onCellValueChange({
-      value,
-      property,
-      rowIndex
-    });
+    onCellValueChange({ value, property, rowIndex });
   }, [value, onCellValueChange, cell.column.id, cell.row.index]);
-  const handleOnKeyDown = useCallback(e => {
-    if (e.code === 'Enter') {
-      cell.ref.current.focus(); // will exec on blur callback from input and save new value
+  const handleOnKeyDown = useCallback((e) => {
+    if (e.code === "Enter") {
+      cell.ref.current.focus();
     }
-
-    if (e.code === 'Escape') {
+    if (e.code === "Escape") {
       setValue(cell.value);
-      const auxRef = cell.ref.current; // this prevent the on blur
-
+      const auxRef = cell.ref.current;
       setTimeout(() => {
         auxRef.focus();
       });
     }
   }, [cell]);
-  return /*#__PURE__*/_jsx(EditableCell, {
+  return /* @__PURE__ */ React2.createElement(EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /*#__PURE__*/_jsx(StyledInput, {
-      value: value,
+    EditableRenderer: /* @__PURE__ */ React2.createElement(StyledInput, {
+      value,
       onKeyDown: handleOnKeyDown,
       onChange: handleOnChange,
       onBlur: handleOnBlur,
       autoFocus: true
     }),
-    cell: cell,
-    setValue: setValue,
-    isRowSelected: isRowSelected
+    cell,
+    setValue,
+    isRowSelected
   });
 };
-
-export { TextEditableCell };
+TextEditableCell.propTypes = editableCellPropType;
+export {
+  TextEditableCell
+};
+//# sourceMappingURL=TextEditableCell.js.map

package/esm/addons/Editables/TextEditableCell/TextEditableCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Editables/TextEditableCell/TextEditableCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useContext, useState, useRef, useCallback } from 'react';\nimport styled from 'styled-components';\nimport { EditableCell } from '../../../exported-related';\nimport { DataTableContext } from '../../../DataTableContext';\nimport { editableCellPropType } from '../../../prop-types';\n\nconst StyledInput = styled.input`\n  outline: none;\n  :focus {\n    border: 2px solid ${(props) => props.theme.colors.brand[700]};\n  }\n  max-width: 100%;\n`;\n\nexport const TextEditableCell: React.ComponentType<any> = (props) => {\n  const { cell, DefaultCellRender, isRowSelected } = props;\n  const {\n    tableProps: { onCellValueChange },\n  } = useContext(DataTableContext);\n\n  const [value, setValue] = useState<string>(cell.value);\n\n  const handleOnChange = useCallback((e) => {\n    const {\n      target: { value: tValue },\n    } = e;\n    setValue(tValue);\n  }, []);\n\n  const handleOnBlur = useCallback(() => {\n    const property = cell.column.id;\n    const rowIndex = cell.row.index;\n    onCellValueChange({ value, property, rowIndex });\n  }, [value, onCellValueChange, cell.column.id, cell.row.index]);\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.code === 'Enter') {\n        cell.ref.current.focus();\n        // will exec on blur callback from input and save new value\n      }\n      if (e.code === 'Escape') {\n        setValue(cell.value);\n        const auxRef = cell.ref.current;\n        // this prevent the on blur\n        setTimeout(() => {\n          auxRef.focus();\n        });\n      }\n    },\n    [cell],\n  );\n  return (\n    <EditableCell\n      StandardRender={DefaultCellRender}\n      EditableRenderer={\n        <StyledInput\n          value={value}\n          onKeyDown={handleOnKeyDown}\n          onChange={handleOnChange}\n          onBlur={handleOnBlur}\n          autoFocus\n        />\n      }\n      cell={cell}\n      setValue={setValue}\n      isRowSelected={isRowSelected}\n    />\n  );\n};\nTextEditableCell.propTypes = editableCellPropType;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA,wBAGH,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKrD,MAAM,mBAA6C,CAAC,UAAU;AACnE,QAAM,EAAE,MAAM,mBAAmB,kBAAkB;AACnD,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AAEf,QAAM,CAAC,OAAO,YAAY,SAAiB,KAAK;AAEhD,QAAM,iBAAiB,YAAY,CAAC,MAAM;AACxC,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,aAAS;AAAA,KACR;AAEH,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,WAAW,KAAK,OAAO;AAC7B,UAAM,WAAW,KAAK,IAAI;AAC1B,sBAAkB,EAAE,OAAO,UAAU;AAAA,KACpC,CAAC,OAAO,mBAAmB,KAAK,OAAO,IAAI,KAAK,IAAI;AAEvD,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,SAAS,SAAS;AACtB,WAAK,IAAI,QAAQ;AAAA;AAGnB,QAAI,EAAE,SAAS,UAAU;AACvB,eAAS,KAAK;AACd,YAAM,SAAS,KAAK,IAAI;AAExB,iBAAW,MAAM;AACf,eAAO;AAAA;AAAA;AAAA,KAIb,CAAC;AAEH,SACE,qCAAC,cAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,qCAAC,aAAD;AAAA,MACE;AAAA,MACA,WAAW;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAS;AAAA;AAAA,IAGb;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIN,iBAAiB,YAAY;",
+  "names": []
+}

package/esm/addons/Editables/index.js

@@ -1,13 +1,13 @@
-import { TextEditableCell } from './TextEditableCell/TextEditableCell.js';
-import { ComboboxEditableCell } from './ComboboxEditableCell/ComboboxEditableCell.js';
-
+import * as React from "react";
+import { TextEditableCell } from "./TextEditableCell/TextEditableCell";
+import { ComboboxEditableCell } from "./ComboboxEditableCell/ComboboxEditableCell";
 const outOfTheBoxEditables = {
-  'ds-edit-text': {
-    EditableComponent: TextEditableCell
-  },
-  'ds-edit-combobox': {
+  "ds-edit-text": { EditableComponent: TextEditableCell },
+  "ds-edit-combobox": {
     EditableComponent: ComboboxEditableCell
   }
 };
-
-export { outOfTheBoxEditables };
+export {
+  outOfTheBoxEditables
+};
+//# sourceMappingURL=index.js.map

package/esm/addons/Editables/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/addons/Editables/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { TextEditableCell } from './TextEditableCell/TextEditableCell';\nimport { ComboboxEditableCell } from './ComboboxEditableCell/ComboboxEditableCell';\n\nexport const outOfTheBoxEditables: Record<string, { EditableComponent: React.ComponentType<any> }> = {\n  'ds-edit-text': { EditableComponent: TextEditableCell },\n  'ds-edit-combobox': {\n    EditableComponent: ComboboxEditableCell,\n  },\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AAEO,MAAM,uBAAwF;AAAA,EACnG,gBAAgB,EAAE,mBAAmB;AAAA,EACrC,oBAAoB;AAAA,IAClB,mBAAmB;AAAA;AAAA;",
+  "names": []
+}