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

package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js

@@ -0,0 +1,150 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var dsForm = require('@elliemae/ds-form');
+var constants = require('../../../configs/constants.js');
+require('core-js/modules/web.dom-collections.iterator.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-components');
+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');
+require('@elliemae/ds-button');
+require('../../../DataTableContext.js');
+require('../../../parts/Row.js');
+require('../../../parts/Footer.js');
+require('../../../parts/HoC/SortableItemContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const multiSelectColumn = {
+  // Build our multiSelecter column
+  id: 'multiSelecter',
+  // Make sure it has an ID
+  Header: _ref => {
+    let {
+      ctx
+    } = _ref;
+    const {
+      tableProps: {
+        onSelectionChange,
+        selection,
+        data,
+        disabledRows
+      },
+      allDataFlattened
+    } = ctx;
+    const selectionKeyCount = Object.keys(selection).length;
+    const currentGlobalState = React.useMemo(() => selectionKeyCount > 0 && selectionKeyCount < data.length ? 'mixed' : selectionKeyCount > 0, [selectionKeyCount, data]);
+    const newGlobalStateAfterToggle = React.useMemo(() => {
+      // false -- toggles into --> true
+      // mixed  -- toggles into --> true
+      // true  -- toggles into --> false
+      let newState = false;
+      if (currentGlobalState === false || currentGlobalState === 'mixed') newState = true;
+      return newState;
+    }, [currentGlobalState]);
+    const newSelection = React.useMemo(() => {
+      if (newGlobalStateAfterToggle) {
+        const nextSelection = {};
+        allDataFlattened.forEach(datum => {
+          nextSelection[datum.uid] = !disabledRows[datum.uid];
+        });
+        return nextSelection;
+      }
+
+      return {};
+    }, [newGlobalStateAfterToggle, allDataFlattened, disabledRows]);
+    const onChangeHandler = React.useCallback(e => {
+      onSelectionChange(newSelection, 'All', e);
+    }, [newSelection, onSelectionChange]);
+    const PureHeaderCheckbox = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_GLOBAL_CHECKBOX,
+      title: "Toggle All Rows Selected",
+      checked: currentGlobalState,
+      onChange: onChangeHandler,
+      tabIndex: "0",
+      style: {
+        cursor: 'pointer'
+      }
+    }), [currentGlobalState, onChangeHandler]);
+    return PureHeaderCheckbox;
+  },
+  Cell: _ref2 => {
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx
+    } = _ref2;
+    const {
+      tableProps: {
+        onSelectionChange,
+        selection,
+        disabledRows
+      }
+    } = ctx;
+    const {
+      uid
+    } = row;
+    const selectedState = selection === null || selection === void 0 ? void 0 : selection[uid];
+    const PureCheckboxCell = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_CHECKBOX,
+      title: "Toggle Row Selected",
+      "aria-checked": selectedState,
+      "aria-disabled": false,
+      checked: selectedState,
+      onChange: e => {
+        const newState = !selectedState;
+
+        const newSelection = _objectSpread(_objectSpread({}, selection), {}, {
+          [uid]: newState
+        }); // we only want true and mixed values
+
+
+        if (!newState) delete newSelection[uid]; // if newState is false, remove from the new selection
+
+        onSelectionChange(newSelection, uid, e);
+      },
+      disabled: disabledRows[row.uid],
+      innerRef: cell.ref,
+      tabIndex: isRowSelected ? 0 : -1,
+      style: {
+        cursor: 'pointer'
+      }
+    }), [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, selection, uid, onSelectionChange]);
+    return PureCheckboxCell;
+  },
+  textWrap: 'wrap',
+  width: 32,
+  padding: 7,
+  canResize: false,
+  isFocuseable: false,
+  disableDnD: true
+};
+
+exports.multiSelectColumn = multiSelectColumn;

package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var dsForm = require('@elliemae/ds-form');
+var styled = require('styled-components');
+var constants = require('../../../configs/constants.js');
+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/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('../../../configs/useRowFlattenization.js');
+require('@babel/runtime/helpers/defineProperty');
+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');
+require('@elliemae/ds-button');
+require('../../../DataTableContext.js');
+require('../../../parts/Row.js');
+require('../../../parts/Footer.js');
+require('../../../parts/HoC/SortableItemContext.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);
+
+var _div;
+const CenteredContent = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1u47u8g-0"
+})(["display:flex;height:100%;width:100%;justify-content:center;align-items:center;"]);
+const StyledDSRadio = /*#__PURE__*/styled__default["default"](dsForm.DSRadio).withConfig({
+  componentId: "sc-1u47u8g-1"
+})(["padding-bottom:0;cursor:pointer;"]);
+const singleSelectColumn = {
+  // Build our singleSelecter column
+  id: 'singleSelecter',
+  // Make sure it has an ID
+  // The header doesn't need anything for single selection
+  Header: () => _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})),
+  Cell: _ref => {
+    let {
+      cell,
+      row,
+      isRowSelected,
+      ctx
+    } = _ref;
+    const {
+      tableProps: {
+        onSelectionChange,
+        selection,
+        disabledRows
+      }
+    } = ctx;
+    const {
+      uid
+    } = row;
+    const selectedState = selection === null || selection === void 0 ? void 0 : selection[uid];
+    const PureCheckBox = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](CenteredContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](StyledDSRadio // eslint-disable-next-line react/prop-types
+    , {
+      containerProps: {
+        'aria-checked': selectedState,
+        'aria-disabled': false,
+        title: 'Toggle Row Selected'
+      },
+      checked: selectedState,
+      onChange: () => {
+        // in single select we only allow one item to be selected
+        onSelectionChange(!selectedState ? {
+          [uid]: !selectedState
+        } : {});
+      },
+      "data-testid": constants.DATA_TESTID.DATA_TABLE_RADIO,
+      disabled: disabledRows[row.uid],
+      innerRef: cell.ref,
+      value: "",
+      tabIndex: isRowSelected ? 0 : -1
+    })), [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, onSelectionChange, uid]);
+    return PureCheckBox;
+  },
+  textWrap: 'wrap',
+  width: 32,
+  padding: 4,
+  canResize: false,
+  isFocuseable: false,
+  disableDnD: true
+};
+
+exports.singleSelectColumn = singleSelectColumn;

package/cjs/addons/Columns/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ColumnAction = require('./ColumnAction/ColumnAction.js');
+var ColumnExpand = require('./ColumnExpand/ColumnExpand.js');
+var ColumnSelectMultiple = require('./ColumnSelectMultiple/ColumnSelectMultiple.js');
+var ColumnSelectSingle = require('./ColumnSelectSingle/ColumnSelectSingle.js');
+var ColumnDragHandle = require('./ColumnDragHandle/ColumnDragHandle.js');
+
+const INTERNAL_COLUMNS = ['rowActions', 'expander', 'multiSelecter', 'singleSelecter', 'dragHandleColumn'];
+
+exports.actionColumn = ColumnAction.actionColumn;
+exports.expandRowColumn = ColumnExpand.expandRowColumn;
+exports.multiSelectColumn = ColumnSelectMultiple.multiSelectColumn;
+exports.singleSelectColumn = ColumnSelectSingle.singleSelectColumn;
+exports.dragHandleColumn = ColumnDragHandle.dragHandleColumn;
+exports.INTERNAL_COLUMNS = INTERNAL_COLUMNS;

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

@@ -0,0 +1,105 @@
+'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;
+  const {
+    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(() => {
+    const uniqueValuesMap = {};
+    return flattenedData.reduce((optionsSoFar, currRow) => {
+      const currValue = currRow.original[columnId];
+
+      if (!uniqueValuesMap[currValue]) {
+        optionsSoFar.push({
+          value: currValue,
+          label: currValue
+        });
+        uniqueValuesMap[currValue] = true;
+      }
+
+      return optionsSoFar;
+    }, []);
+  }, [flattenedData, columnId]);
+  const handleOnBlur = 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, {
+    StandardRender: DefaultCellRender,
+    EditableRenderer: /*#__PURE__*/_jsx__default["default"](dsForm.ComboBoxFreeSolo, {
+      value: value,
+      autoFocus: true,
+      onBlur: handleOnBlur,
+      onChange: setValue,
+      options: uniqueOptions
+    }),
+    cell: cell,
+    isRowSelected: isRowSelected
+  });
+};
+
+exports.ComboboxEditableCell = ComboboxEditableCell;

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

@@ -0,0 +1,89 @@
+'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);
+
+function DateEditableCell(props) {
+  const {
+    cell,
+    DefaultCellRender
+  } = props;
+  const {
+    tableProps: {
+      onCellValueChange
+    }
+  } = React.useContext(DataTableContext["default"]);
+  const [value, setValue] = React.useState(cell.value);
+  const handleOnChange = React.useCallback(e => {
+    const {
+      target: {
+        value: tValue
+      }
+    } = e;
+    setValue(tValue);
+  }, [onCellValueChange, value]);
+  const handleOnBlur = React.useCallback(() => {
+    const property = cell.column.id;
+    const rowIndex = cell.row.index;
+    onCellValueChange({
+      value,
+      property,
+      rowIndex
+    });
+  }, [value, onCellValueChange, cell.column.id, cell.row.index]);
+  return /*#__PURE__*/_jsx__default["default"](EditableCell.EditableCell, {
+    StandardRender: DefaultCellRender,
+    EditableRenderer: /*#__PURE__*/_jsx__default["default"]("input", {
+      value: value,
+      onChange: handleOnChange,
+      onBlur: handleOnBlur,
+      autoFocus: true
+    }),
+    cell: cell
+  });
+}
+
+exports.DateEditableCell = DateEditableCell;

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

@@ -0,0 +1,111 @@
+'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;
+  const {
+    tableProps: {
+      onCellValueChange
+    }
+  } = React.useContext(DataTableContext["default"]);
+  const [value, setValue] = React.useState(cell.value);
+  const handleOnChange = React.useCallback(e => {
+    const {
+      target: {
+        value: tValue
+      }
+    } = e;
+    setValue(tValue);
+  }, []);
+  const handleOnBlur = React.useCallback(() => {
+    const property = cell.column.id;
+    const rowIndex = cell.row.index;
+    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
+    }
+
+    if (e.code === 'Escape') {
+      setValue(cell.value);
+      const auxRef = cell.ref.current; // this prevent the on blur
+
+      setTimeout(() => {
+        auxRef.focus();
+      });
+    }
+  }, [cell]);
+  return /*#__PURE__*/_jsx__default["default"](EditableCell.EditableCell, {
+    StandardRender: DefaultCellRender,
+    EditableRenderer: /*#__PURE__*/_jsx__default["default"](StyledInput, {
+      value: value,
+      onKeyDown: handleOnKeyDown,
+      onChange: handleOnChange,
+      onBlur: handleOnBlur,
+      autoFocus: true
+    }),
+    cell: cell,
+    setValue: setValue,
+    isRowSelected: isRowSelected
+  });
+};
+
+exports.TextEditableCell = TextEditableCell;

package/cjs/addons/Editables/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TextEditableCell = require('./TextEditableCell/TextEditableCell.js');
+var ComboboxEditableCell = require('./ComboboxEditableCell/ComboboxEditableCell.js');
+
+const outOfTheBoxEditables = {
+  'ds-edit-text': {
+    EditableComponent: TextEditableCell.TextEditableCell
+  },
+  'ds-edit-combobox': {
+    EditableComponent: ComboboxEditableCell.ComboboxEditableCell
+  }
+};
+
+exports.outOfTheBoxEditables = outOfTheBoxEditables;