@elliemae/ds-data-table 2.2.0-next.4 → 2.3.0-alpha.2

package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js

@@ -1,105 +1,77 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-var React = require('react');
-var dsForm = require('@elliemae/ds-form');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popperjs');
-require('styled-components');
-require('../../../redux/reducers/index.js');
-require('../../../configs/constants.js');
-require('react-virtual');
-require('../../../configs/useRowFlattenization.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@elliemae/ds-icons');
-require('../../../styled.js');
-require('react/jsx-runtime');
-require('../../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-var DataTableContext = require('../../../DataTableContext.js');
-require('../../../parts/Row.js');
-require('../../../parts/Footer.js');
-require('../../../parts/HoC/SortableItemContext.js');
-var EditableCell = require('../../../exported-related/EditableCell.js');
-require('@elliemae/ds-utilities');
-require('uid');
-require('../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
-require('moment');
-require('core-js/modules/esnext.async-iterator.some.js');
-require('core-js/modules/esnext.iterator.some.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const ComboboxEditableCell = props => {
-  const {
-    cell,
-    DefaultCellRender,
-    isRowSelected
-  } = props;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ComboboxEditableCell_exports = {};
+__export(ComboboxEditableCell_exports, {
+  ComboboxEditableCell: () => ComboboxEditableCell
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_form = require("@elliemae/ds-form");
+var import_exported_related = require("../../../exported-related");
+var import_DataTableContext = require("../../../DataTableContext");
+var import_prop_types = require("../../../prop-types");
+const ComboboxEditableCell = (props) => {
+  const { cell, DefaultCellRender, isRowSelected } = props;
   const {
-    tableProps: {
-      onCellValueChange
-    },
+    tableProps: { onCellValueChange },
     flattenedData
-  } = React.useContext(DataTableContext["default"]);
-  const cellValue = React.useMemo(() => cell.value, [cell.value]);
-  const columnId = React.useMemo(() => cell.column.id, [cell.column.id]);
-  const [value, setValue] = React.useState({
-    value: cellValue,
-    label: cellValue
-  });
-  const uniqueOptions = React.useMemo(() => {
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const cellValue = (0, import_react.useMemo)(() => cell.value, [cell.value]);
+  const columnId = (0, import_react.useMemo)(() => cell.column.id, [cell.column.id]);
+  const [value, setValue] = (0, import_react.useState)({ value: cellValue, label: cellValue });
+  const uniqueOptions = (0, import_react.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 = React.useCallback(() => {
+  const handleOnBlur = (0, import_react.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__default["default"](EditableCell.EditableCell, {
+    onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });
+  }, [columnId, onCellValueChange, value?.value, cell.row.index]);
+  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /*#__PURE__*/_jsx__default["default"](dsForm.ComboBoxFreeSolo, {
-      value: value,
+    EditableRenderer: /* @__PURE__ */ import_react.default.createElement(import_ds_form.ComboBoxFreeSolo, {
+      value,
       autoFocus: true,
       onBlur: handleOnBlur,
       onChange: setValue,
       options: uniqueOptions
     }),
-    cell: cell,
-    isRowSelected: isRowSelected
+    cell,
+    isRowSelected
   });
 };
-
-exports.ComboboxEditableCell = ComboboxEditableCell;
+ComboboxEditableCell.propTypes = import_prop_types.editableCellPropType;
+module.exports = __toCommonJS(ComboboxEditableCell_exports);
+//# sourceMappingURL=ComboboxEditableCell.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkE;AAClE,qBAAiC;AACjC,8BAA6B;AAC7B,8BAAiC;AACjC,wBAAqC;AAE9B,MAAM,uBAAiD,CAAC,UAAU;AACvE,QAAM,EAAE,MAAM,mBAAmB,kBAAkB;AAEnD,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,MACE,6BAAW;AACf,QAAM,YAAY,0BAAQ,MAAM,KAAK,OAAO,CAAC,KAAK;AAClD,QAAM,WAAW,0BAAQ,MAAM,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO;AAE5D,QAAM,CAAC,OAAO,YAAY,2BAAS,EAAE,OAAO,WAAW,OAAO;AAE9D,QAAM,gBAAgB,0BAAQ,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,8BAAY,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,mDAAC,sCAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,mDAAC,iCAAD;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/cjs/addons/Editables/DateEditableCell/DateEditableCell.js

@@ -1,89 +1,67 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popperjs');
-require('styled-components');
-require('../../../redux/reducers/index.js');
-require('../../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('../../../configs/useRowFlattenization.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@elliemae/ds-icons');
-require('../../../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-var DataTableContext = require('../../../DataTableContext.js');
-require('../../../parts/Row.js');
-require('../../../parts/Footer.js');
-require('../../../parts/HoC/SortableItemContext.js');
-var EditableCell = require('../../../exported-related/EditableCell.js');
-require('@elliemae/ds-utilities');
-require('uid');
-require('../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
-require('moment');
-require('core-js/modules/esnext.async-iterator.some.js');
-require('core-js/modules/esnext.iterator.some.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DateEditableCell_exports = {};
+__export(DateEditableCell_exports, {
+  DateEditableCell: () => DateEditableCell
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_exported_related = require("../../../exported-related");
+var import_DataTableContext = require("../../../DataTableContext");
+var import_prop_types = require("../../../prop-types");
 function DateEditableCell(props) {
+  const { cell, DefaultCellRender } = props;
   const {
-    cell,
-    DefaultCellRender
-  } = props;
-  const {
-    tableProps: {
-      onCellValueChange
-    }
-  } = React.useContext(DataTableContext["default"]);
-  const [value, setValue] = React.useState(cell.value);
-  const handleOnChange = React.useCallback(e => {
+    tableProps: { onCellValueChange }
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const [value, setValue] = (0, import_react.useState)(cell.value);
+  const handleOnChange = (0, import_react.useCallback)((e) => {
     const {
-      target: {
-        value: tValue
-      }
+      target: { value: tValue }
     } = e;
     setValue(tValue);
   }, [onCellValueChange, value]);
-  const handleOnBlur = React.useCallback(() => {
+  const handleOnBlur = (0, import_react.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__default["default"](EditableCell.EditableCell, {
+  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /*#__PURE__*/_jsx__default["default"]("input", {
-      value: value,
+    EditableRenderer: /* @__PURE__ */ import_react.default.createElement("input", {
+      value,
       onChange: handleOnChange,
       onBlur: handleOnBlur,
       autoFocus: true
     }),
-    cell: cell
+    cell
   });
 }
-
-exports.DateEditableCell = DateEditableCell;
+DateEditableCell.propTypes = import_prop_types.editableCellPropType;
+module.exports = __toCommonJS(DateEditableCell_exports);
+//# sourceMappingURL=DateEditableCell.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/addons/Editables/DateEditableCell/DateEditableCell.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAyD;AACzD,8BAA6B;AAC7B,8BAAiC;AACjC,wBAAqC;AAE9B,0BAA0B,OAAO;AACtC,QAAM,EAAE,MAAM,sBAAsB;AAEpC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW;AAEf,QAAM,CAAC,OAAO,YAAY,2BAAS,KAAK;AAExC,QAAM,iBAAiB,8BACrB,CAAC,MAAM;AACL,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,aAAS;AAAA,KAEX,CAAC,mBAAmB;AAEtB,QAAM,eAAe,8BAAY,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,mDAAC,sCAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,mDAAC,SAAD;AAAA,MACE;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAS;AAAA;AAAA,IAGb;AAAA;AAAA;AAIN,iBAAiB,YAAY;",
+  "names": []
+}

package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js

@@ -1,111 +1,90 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var styled = require('styled-components');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popperjs');
-require('../../../redux/reducers/index.js');
-require('../../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('../../../configs/useRowFlattenization.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@elliemae/ds-icons');
-require('../../../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-var DataTableContext = require('../../../DataTableContext.js');
-require('../../../parts/Row.js');
-require('../../../parts/Footer.js');
-require('../../../parts/HoC/SortableItemContext.js');
-var EditableCell = require('../../../exported-related/EditableCell.js');
-require('@elliemae/ds-utilities');
-require('uid');
-require('../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
-require('moment');
-require('core-js/modules/esnext.async-iterator.some.js');
-require('core-js/modules/esnext.iterator.some.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledInput = /*#__PURE__*/styled__default["default"].input.withConfig({
-  componentId: "sc-15pvvoa-0"
-})(["outline:none;:focus{border:2px solid ", ";}max-width:100%;"], props => props.theme.colors.brand[700]);
-const TextEditableCell = props => {
-  const {
-    cell,
-    DefaultCellRender,
-    isRowSelected
-  } = props;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TextEditableCell_exports = {};
+__export(TextEditableCell_exports, {
+  TextEditableCell: () => TextEditableCell
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_exported_related = require("../../../exported-related");
+var import_DataTableContext = require("../../../DataTableContext");
+var import_prop_types = require("../../../prop-types");
+const StyledInput = import_styled_components.default.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 {
-    tableProps: {
-      onCellValueChange
-    }
-  } = React.useContext(DataTableContext["default"]);
-  const [value, setValue] = React.useState(cell.value);
-  const handleOnChange = React.useCallback(e => {
+    tableProps: { onCellValueChange }
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const [value, setValue] = (0, import_react.useState)(cell.value);
+  const handleOnChange = (0, import_react.useCallback)((e) => {
     const {
-      target: {
-        value: tValue
-      }
+      target: { value: tValue }
     } = e;
     setValue(tValue);
   }, []);
-  const handleOnBlur = React.useCallback(() => {
+  const handleOnBlur = (0, import_react.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 = React.useCallback(e => {
-    if (e.code === 'Enter') {
-      cell.ref.current.focus(); // will exec on blur callback from input and save new value
+  const handleOnKeyDown = (0, import_react.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__default["default"](EditableCell.EditableCell, {
+  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.EditableCell, {
     StandardRender: DefaultCellRender,
-    EditableRenderer: /*#__PURE__*/_jsx__default["default"](StyledInput, {
-      value: value,
+    EditableRenderer: /* @__PURE__ */ import_react.default.createElement(StyledInput, {
+      value,
       onKeyDown: handleOnKeyDown,
       onChange: handleOnChange,
       onBlur: handleOnBlur,
       autoFocus: true
     }),
-    cell: cell,
-    setValue: setValue,
-    isRowSelected: isRowSelected
+    cell,
+    setValue,
+    isRowSelected
   });
 };
-
-exports.TextEditableCell = TextEditableCell;
+TextEditableCell.propTypes = import_prop_types.editableCellPropType;
+module.exports = __toCommonJS(TextEditableCell_exports);
+//# sourceMappingURL=TextEditableCell.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/addons/Editables/TextEditableCell/TextEditableCell.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiE;AACjE,+BAAmB;AACnB,8BAA6B;AAC7B,8BAAiC;AACjC,wBAAqC;AAErC,MAAM,cAAc,iCAAO;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,6BAAW;AAEf,QAAM,CAAC,OAAO,YAAY,2BAAiB,KAAK;AAEhD,QAAM,iBAAiB,8BAAY,CAAC,MAAM;AACxC,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,aAAS;AAAA,KACR;AAEH,QAAM,eAAe,8BAAY,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,8BACtB,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,mDAAC,sCAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,mDAAC,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/cjs/addons/Editables/index.js

@@ -1,17 +1,42 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TextEditableCell = require('./TextEditableCell/TextEditableCell.js');
-var ComboboxEditableCell = require('./ComboboxEditableCell/ComboboxEditableCell.js');
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Editables_exports = {};
+__export(Editables_exports, {
+  outOfTheBoxEditables: () => outOfTheBoxEditables
+});
+var React = __toESM(require("react"));
+var import_TextEditableCell = require("./TextEditableCell/TextEditableCell");
+var import_ComboboxEditableCell = require("./ComboboxEditableCell/ComboboxEditableCell");
 const outOfTheBoxEditables = {
-  'ds-edit-text': {
-    EditableComponent: TextEditableCell.TextEditableCell
-  },
-  'ds-edit-combobox': {
-    EditableComponent: ComboboxEditableCell.ComboboxEditableCell
+  "ds-edit-text": { EditableComponent: import_TextEditableCell.TextEditableCell },
+  "ds-edit-combobox": {
+    EditableComponent: import_ComboboxEditableCell.ComboboxEditableCell
   }
 };
-
-exports.outOfTheBoxEditables = outOfTheBoxEditables;
+module.exports = __toCommonJS(Editables_exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/addons/Editables/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAiC;AACjC,kCAAqC;AAE9B,MAAM,uBAAwF;AAAA,EACnG,gBAAgB,EAAE,mBAAmB;AAAA,EACrC,oBAAoB;AAAA,IAClB,mBAAmB;AAAA;AAAA;",
+  "names": []
+}