baseui 13.0.0 → 15.0.0

package/data-table/column-datetime.js

@@ -1,100 +1,52 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _index = _interopRequireDefault(require("date-fns/format/index.js"));
-
 var _index2 = _interopRequireDefault(require("date-fns/getYear/index.js"));
-
 var _index3 = _interopRequireDefault(require("date-fns/getMonth/index.js"));
-
 var _index4 = _interopRequireDefault(require("date-fns/getQuarter/index.js"));
-
 var _index5 = _interopRequireDefault(require("date-fns/getDay/index.js"));
-
 var _index6 = _interopRequireDefault(require("date-fns/isAfter/index.js"));
-
 var _index7 = _interopRequireDefault(require("date-fns/isBefore/index.js"));
-
 var _index8 = _interopRequireDefault(require("date-fns/isEqual/index.js"));
-
 var _index9 = _interopRequireDefault(require("date-fns/set/index.js"));
-
 var _button = require("../button");
-
 var _buttonGroup = require("../button-group");
-
 var _checkbox = require("../checkbox");
-
 var _utils = require("../datepicker/utils");
-
 var _datepicker = require("../datepicker");
-
 var _timepicker = require("../timepicker");
-
 var _styles = require("../styles");
-
 var _select = require("../select");
-
 var _column = _interopRequireDefault(require("./column"));
-
 var _constants = require("./constants");
-
 var _filterShell = _interopRequireDefault(require("./filter-shell"));
-
 var _locale = require("../locale");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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(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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var DATE_FORMAT = 'MM-dd-yyyy';
-var MASK = '99-99-9999 - 99-99-9999';
-var TIME_FORMAT = 'HH:mm ss:SS';
-var FORMAT_STRING = "".concat(DATE_FORMAT, " ").concat(TIME_FORMAT); // @ts-ignore
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+const DATE_FORMAT = 'MM-dd-yyyy';
+const MASK = '99-99-9999 - 99-99-9999';
+const TIME_FORMAT = 'HH:mm ss:SS';
+const FORMAT_STRING = `${DATE_FORMAT} ${TIME_FORMAT}`;
+
+// @ts-ignore
 function sortDates(a, b) {
   return a - b;
 }
-
-var RANGE_OPERATIONS = [{
+const RANGE_OPERATIONS = [{
   localeLabelKey: 'datetimeFilterRangeDatetime',
   id: _constants.DATETIME_OPERATIONS.RANGE_DATETIME
 }, {
@@ -104,7 +56,7 @@ var RANGE_OPERATIONS = [{
   localeLabelKey: 'datetimeFilterRangeTime',
   id: _constants.DATETIME_OPERATIONS.RANGE_TIME
 }];
-var CATEGORICAL_OPERATIONS = [{
+const CATEGORICAL_OPERATIONS = [{
   localeLabelKey: 'datetimeFilterCategoricalWeekday',
   id: _constants.DATETIME_OPERATIONS.WEEKDAY
 }, {
@@ -120,23 +72,20 @@ var CATEGORICAL_OPERATIONS = [{
   localeLabelKey: 'datetimeFilterCategoricalYear',
   id: _constants.DATETIME_OPERATIONS.YEAR
 }];
-var WEEKDAYS = [0, 1, 2, 3, 4, 5, 6];
-var MONTHS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-var QUARTERS = [0, 1, 2, 3]; // @ts-ignore
+const WEEKDAYS = [0, 1, 2, 3, 4, 5, 6];
+const MONTHS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+const QUARTERS = [0, 1, 2, 3];
 
+// @ts-ignore
 function Checks(props) {
-  var _useStyletron = (0, _styles.useStyletron)(),
-      _useStyletron2 = _slicedToArray(_useStyletron, 2),
-      css = _useStyletron2[0],
-      theme = _useStyletron2[1];
-
+  const [css, theme] = (0, _styles.useStyletron)();
   return /*#__PURE__*/React.createElement("div", {
     className: css({
       maxHeight: '256px',
       overflowY: 'auto'
     })
-  }, props.options.map(function (item) {
-    var checked = props.value.includes(item.id);
+  }, props.options.map(item => {
+    const checked = props.value.includes(item.id);
     return /*#__PURE__*/React.createElement("div", {
       key: item.id,
       className: css({
@@ -144,28 +93,22 @@ function Checks(props) {
       })
     }, /*#__PURE__*/React.createElement(_checkbox.Checkbox, {
       checked: checked,
-      onChange: function onChange() {
+      onChange: () => {
         if (checked) {
           // @ts-ignore
-          props.setValue(function (prev) {
-            return prev.filter(function (i) {
-              return i !== item.id;
-            });
-          });
+          props.setValue(prev => prev.filter(i => i !== item.id));
         } else {
           // @ts-ignore
-          props.setValue(function (prev) {
-            return [].concat(_toConsumableArray(prev), [item.id]);
-          });
+          props.setValue(prev => [...prev, item.id]);
         }
       }
     }, item.label));
   }));
-} // @ts-ignore
-
+}
 
+// @ts-ignore
 function filterParamsToInitialState(input) {
-  var output = {
+  const output = {
     exclude: false,
     comparatorIndex: 0,
     rangeOperator: RANGE_OPERATIONS[0],
@@ -183,10 +126,8 @@ function filterParamsToInitialState(input) {
     // @ts-ignore
     weekdays: []
   };
-
   if (input) {
-    var op = input.operation;
-
+    const op = input.operation;
     if (input.range && input.range.length) {
       if (op === _constants.DATETIME_OPERATIONS.RANGE_DATETIME) {
         output.rangeDates = input.range;
@@ -200,7 +141,6 @@ function filterParamsToInitialState(input) {
       }
     } else if (input.selection && input.selection.length) {
       output.comparatorIndex = 1;
-
       if (op === _constants.DATETIME_OPERATIONS.YEAR) {
         output.years = input.selection;
         output.categoricalOperator = CATEGORICAL_OPERATIONS[4];
@@ -218,189 +158,121 @@ function filterParamsToInitialState(input) {
         output.categoricalOperator = CATEGORICAL_OPERATIONS[0];
       }
     }
-
     if (input.exclude) {
       output.exclude = input.exclude;
     }
   }
-
   return output;
-} // @ts-ignore
-
+}
 
+// @ts-ignore
 function DatetimeFilter(props) {
-  var _useStyletron3 = (0, _styles.useStyletron)(),
-      _useStyletron4 = _slicedToArray(_useStyletron3, 2),
-      css = _useStyletron4[0],
-      theme = _useStyletron4[1];
-
-  var locale = React.useContext(_locale.LocaleContext);
-  var mountNode = React.useRef();
-  var initialState = filterParamsToInitialState(props.filterParams);
-  var datesSorted = React.useMemo(function () {
+  const [css, theme] = (0, _styles.useStyletron)();
+  const locale = React.useContext(_locale.LocaleContext);
+  const mountNode = React.useRef();
+  const initialState = filterParamsToInitialState(props.filterParams);
+  const datesSorted = React.useMemo(() => {
     return props.data.sort(sortDates);
   }, [props.data]);
-  var presentYears = React.useMemo(function () {
-    var dict = {}; // @ts-ignore
-
-    props.data.forEach(function (date) {
+  const presentYears = React.useMemo(() => {
+    const dict = {};
+    // @ts-ignore
+    props.data.forEach(date => {
       // @ts-ignore
       dict[(0, _index2.default)(date)] = true;
     });
-    return Object.keys(dict).map(function (n) {
-      return parseInt(n);
-    });
+    return Object.keys(dict).map(n => parseInt(n));
   }, [props.data]);
-  var startOfWeek = React.useMemo(function () {
+  const startOfWeek = React.useMemo(() => {
     return (0, _utils.getStartOfWeek)(new Date(), props.locale);
   }, [props.locale]);
-  var localizedWeekdays = React.useMemo(function () {
-    return [].concat(_toConsumableArray(WEEKDAYS.slice((0, _index5.default)(startOfWeek), 7)), _toConsumableArray(WEEKDAYS.slice(0, (0, _index5.default)(startOfWeek))));
+  const localizedWeekdays = React.useMemo(() => {
+    return [...WEEKDAYS.slice((0, _index5.default)(startOfWeek), 7), ...WEEKDAYS.slice(0, (0, _index5.default)(startOfWeek))];
   }, [props.locale]);
-
-  var _React$useState = React.useState(initialState.exclude),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      exclude = _React$useState2[0],
-      setExclude = _React$useState2[1];
-
-  var _React$useState3 = React.useState(initialState.comparatorIndex),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      comparatorIndex = _React$useState4[0],
-      setComparatorIndex = _React$useState4[1];
-
-  var _React$useState5 = React.useState([initialState.rangeOperator]),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      rangeOperator = _React$useState6[0],
-      setRangeOperator = _React$useState6[1];
-
-  var _React$useState7 = React.useState([initialState.categoricalOperator]),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      categoricalOperator = _React$useState8[0],
-      setCategoricalOperator = _React$useState8[1]; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-
-  var _React$useState9 = React.useState(initialState.rangeDates.length ? initialState.rangeDates : [new Date(datesSorted[0]), new Date(datesSorted[datesSorted.length - 1])]),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      rangeDates = _React$useState10[0],
-      setRangeDates = _React$useState10[1];
-
-  var _React$useState11 = React.useState(initialState.years),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      years = _React$useState12[0],
-      setYears = _React$useState12[1];
-
-  var _React$useState13 = React.useState(initialState.halves),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      halves = _React$useState14[0],
-      setHalves = _React$useState14[1];
-
-  var _React$useState15 = React.useState(initialState.quarters),
-      _React$useState16 = _slicedToArray(_React$useState15, 2),
-      quarters = _React$useState16[0],
-      setQuarters = _React$useState16[1];
-
-  var _React$useState17 = React.useState(initialState.months),
-      _React$useState18 = _slicedToArray(_React$useState17, 2),
-      months = _React$useState18[0],
-      setMonths = _React$useState18[1];
-
-  var _React$useState19 = React.useState(initialState.weekdays),
-      _React$useState20 = _slicedToArray(_React$useState19, 2),
-      weekdays = _React$useState20[0],
-      setWeekdays = _React$useState20[1];
-
-  var isRange = comparatorIndex === 0;
-  var isCategorical = comparatorIndex === 1;
+  const [exclude, setExclude] = React.useState(initialState.exclude);
+  const [comparatorIndex, setComparatorIndex] = React.useState(initialState.comparatorIndex);
+  const [rangeOperator, setRangeOperator] = React.useState([initialState.rangeOperator]);
+  const [categoricalOperator, setCategoricalOperator] = React.useState([initialState.categoricalOperator]);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const [rangeDates, setRangeDates] = React.useState(initialState.rangeDates.length ? initialState.rangeDates : [new Date(datesSorted[0]), new Date(datesSorted[datesSorted.length - 1])]);
+  const [years, setYears] = React.useState(initialState.years);
+  const [halves, setHalves] = React.useState(initialState.halves);
+  const [quarters, setQuarters] = React.useState(initialState.quarters);
+  const [months, setMonths] = React.useState(initialState.months);
+  const [weekdays, setWeekdays] = React.useState(initialState.weekdays);
+  const isRange = comparatorIndex === 0;
+  const isCategorical = comparatorIndex === 1;
   return /*#__PURE__*/React.createElement(_filterShell.default, {
     exclude: exclude,
-    onExcludeChange: function onExcludeChange() {
-      return setExclude(!exclude);
-    },
-    onApply: function onApply() {
+    onExcludeChange: () => setExclude(!exclude),
+    onApply: () => {
       if (isRange) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var op = rangeOperator[0].id;
-        var description = '';
-
+        const op = rangeOperator[0].id;
+        let description = '';
         if (op === _constants.DATETIME_OPERATIONS.RANGE_DATETIME) {
-          var left = (0, _index.default)(rangeDates[0], FORMAT_STRING);
-          var right = (0, _index.default)(rangeDates[1], FORMAT_STRING);
-          description = "".concat(left, " - ").concat(right);
+          const left = (0, _index.default)(rangeDates[0], FORMAT_STRING);
+          const right = (0, _index.default)(rangeDates[1], FORMAT_STRING);
+          description = `${left} - ${right}`;
         } else if (op === _constants.DATETIME_OPERATIONS.RANGE_DATE) {
-          var _left = (0, _index.default)(rangeDates[0], DATE_FORMAT);
-
-          var _right = (0, _index.default)(rangeDates[1], DATE_FORMAT);
-
-          description = "".concat(_left, " - ").concat(_right);
+          const left = (0, _index.default)(rangeDates[0], DATE_FORMAT);
+          const right = (0, _index.default)(rangeDates[1], DATE_FORMAT);
+          description = `${left} - ${right}`;
         } else if (op === _constants.DATETIME_OPERATIONS.RANGE_TIME) {
-          var _left2 = (0, _index.default)(rangeDates[0], TIME_FORMAT);
-
-          var _right2 = (0, _index.default)(rangeDates[1], TIME_FORMAT);
-
-          description = "".concat(_left2, " - ").concat(_right2);
+          const left = (0, _index.default)(rangeDates[0], TIME_FORMAT);
+          const right = (0, _index.default)(rangeDates[1], TIME_FORMAT);
+          description = `${left} - ${right}`;
         }
-
         props.setFilter({
           operation: op,
           range: rangeDates,
           selection: [],
           description: description,
-          exclude: exclude
+          exclude
         });
       }
-
       if (isCategorical) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var _op = categoricalOperator[0].id;
-        var selection = [];
-        var operatorLocaleLabelKey = '';
-        var _description = '';
-
-        if (_op === _constants.DATETIME_OPERATIONS.WEEKDAY) {
+        const op = categoricalOperator[0].id;
+        let selection = [];
+        let operatorLocaleLabelKey = '';
+        let description = '';
+        if (op === _constants.DATETIME_OPERATIONS.WEEKDAY) {
           selection = weekdays;
           operatorLocaleLabelKey = CATEGORICAL_OPERATIONS[0].localeLabelKey;
-          _description = weekdays.map(function (w) {
-            var day = (0, _utils.addDays)(startOfWeek, localizedWeekdays.indexOf(w));
+          description = weekdays.map(w => {
+            const day = (0, _utils.addDays)(startOfWeek, localizedWeekdays.indexOf(w));
             return (0, _utils.getWeekdayInLocale)(day, props.locale);
           }).join(', ');
-        } else if (_op === _constants.DATETIME_OPERATIONS.MONTH) {
+        } else if (op === _constants.DATETIME_OPERATIONS.MONTH) {
           selection = months;
           operatorLocaleLabelKey = CATEGORICAL_OPERATIONS[1].localeLabelKey;
-          _description = months.map(function (m) {
-            return (0, _utils.getMonthInLocale)(m, props.locale);
-          }).join(', ');
-        } else if (_op === _constants.DATETIME_OPERATIONS.QUARTER) {
+          description = months.map(m => (0, _utils.getMonthInLocale)(m, props.locale)).join(', ');
+        } else if (op === _constants.DATETIME_OPERATIONS.QUARTER) {
           selection = quarters;
           operatorLocaleLabelKey = CATEGORICAL_OPERATIONS[2].localeLabelKey;
-          _description = quarters.map(function (q) {
-            return (0, _utils.getQuarterInLocale)(q, props.locale);
-          }).join(', ');
-        } else if (_op === _constants.DATETIME_OPERATIONS.HALF) {
+          description = quarters.map(q => (0, _utils.getQuarterInLocale)(q, props.locale)).join(', ');
+        } else if (op === _constants.DATETIME_OPERATIONS.HALF) {
           selection = halves;
           operatorLocaleLabelKey = CATEGORICAL_OPERATIONS[3].localeLabelKey;
-          _description = halves.map(function (h) {
-            return h === 0 ? locale.datatable.datetimeFilterCategoricalFirstHalf : locale.datatable.datetimeFilterCategoricalSecondHalf;
-          }).join(', ');
-        } else if (_op === _constants.DATETIME_OPERATIONS.YEAR) {
+          description = halves.map(h => h === 0 ? locale.datatable.datetimeFilterCategoricalFirstHalf : locale.datatable.datetimeFilterCategoricalSecondHalf).join(', ');
+        } else if (op === _constants.DATETIME_OPERATIONS.YEAR) {
           selection = years;
           operatorLocaleLabelKey = CATEGORICAL_OPERATIONS[4].localeLabelKey;
-          _description = years.join(', ');
+          description = years.join(', ');
         }
-
         if (operatorLocaleLabelKey) {
           // @ts-ignore
-          _description = "".concat(locale.datatable[operatorLocaleLabelKey], " - ").concat(_description);
+          description = `${locale.datatable[operatorLocaleLabelKey]} - ${description}`;
         }
-
         props.setFilter({
-          operation: _op,
+          operation: op,
           range: [],
-          selection: selection,
-          description: _description,
-          exclude: exclude
+          selection,
+          description,
+          exclude
         });
       }
-
       props.close();
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -409,17 +281,14 @@ function DatetimeFilter(props) {
     size: _button.SIZE.compact,
     mode: _buttonGroup.MODE.radio,
     selected: comparatorIndex,
-    onClick: function onClick(_, index) {
-      return setComparatorIndex(index);
-    },
+    onClick: (_, index) => setComparatorIndex(index),
     overrides: {
       Root: {
-        style: function style(_ref) {
-          var $theme = _ref.$theme;
-          return {
-            marginBottom: $theme.sizing.scale300
-          };
-        }
+        style: ({
+          $theme
+        }) => ({
+          marginBottom: $theme.sizing.scale300
+        })
       }
     }
   }, /*#__PURE__*/React.createElement(_button.Button, {
@@ -442,36 +311,32 @@ function DatetimeFilter(props) {
     }
   }, locale.datatable.datetimeFilterCategorical)), isRange && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_select.Select, {
     value: rangeOperator,
-    onChange: function onChange(params) {
-      return setRangeOperator(params.value);
-    } // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    onChange: params => setRangeOperator(params.value)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ,
     mountNode: mountNode.current,
-    options: RANGE_OPERATIONS.map(function (op) {
-      return {
-        // @ts-ignore
-        label: locale.datatable[op.localeLabelKey],
-        id: op.id
-      };
-    }),
+    options: RANGE_OPERATIONS.map(op => ({
+      // @ts-ignore
+      label: locale.datatable[op.localeLabelKey],
+      id: op.id
+    })),
     size: "compact",
     clearable: false
   }), /*#__PURE__*/React.createElement("div", {
     className: css({
       paddingTop: theme.sizing.scale600
     })
-  }, (rangeOperator[0].id === _constants.DATETIME_OPERATIONS.RANGE_DATETIME || rangeOperator[0].id === _constants.DATETIME_OPERATIONS.RANGE_DATE) && /*#__PURE__*/React.createElement(_datepicker.Datepicker // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, (rangeOperator[0].id === _constants.DATETIME_OPERATIONS.RANGE_DATETIME || rangeOperator[0].id === _constants.DATETIME_OPERATIONS.RANGE_DATE) && /*#__PURE__*/React.createElement(_datepicker.Datepicker
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   , {
     mountNode: mountNode.current,
     value: rangeDates,
-    onChange: function onChange(_ref2) {
-      var date = _ref2.date;
-
+    onChange: ({
+      date
+    }) => {
       if (Array.isArray(date)) {
         if (!date.length) return;
-        var nextDates = date.map(function (d, i) {
-          return d ? (0, _utils.applyDateToTime)(rangeDates[i], d) : null;
-        });
+        const nextDates = date.map((d, i) => d ? (0, _utils.applyDateToTime)(rangeDates[i], d) : null);
         setRangeDates(nextDates);
       }
     },
@@ -505,9 +370,7 @@ function DatetimeFilter(props) {
   }, /*#__PURE__*/React.createElement(_timepicker.TimePicker, {
     format: "24",
     value: rangeDates[0],
-    onChange: function onChange(time) {
-      return time && setRangeDates([(0, _utils.applyTimeToDate)(rangeDates[0], time), rangeDates[1]]);
-    },
+    onChange: time => time && setRangeDates([(0, _utils.applyTimeToDate)(rangeDates[0], time), rangeDates[1]]),
     creatable: true,
     size: "compact"
   })), /*#__PURE__*/React.createElement("div", {
@@ -517,23 +380,18 @@ function DatetimeFilter(props) {
   }, /*#__PURE__*/React.createElement(_timepicker.TimePicker, {
     format: "24",
     value: rangeDates[1],
-    onChange: function onChange(time) {
-      return time && setRangeDates([rangeDates[0], (0, _utils.applyTimeToDate)(rangeDates[1], time)]);
-    },
+    onChange: time => time && setRangeDates([rangeDates[0], (0, _utils.applyTimeToDate)(rangeDates[1], time)]),
     creatable: true,
     size: "compact"
   })))), isCategorical && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_select.Select, {
     value: categoricalOperator,
-    onChange: function onChange(params) {
-      return setCategoricalOperator(params.value);
-    },
-    options: CATEGORICAL_OPERATIONS.map(function (op) {
-      return {
-        // @ts-ignore
-        label: locale.datatable[op.localeLabelKey],
-        id: op.id
-      };
-    }) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    onChange: params => setCategoricalOperator(params.value),
+    options: CATEGORICAL_OPERATIONS.map(op => ({
+      // @ts-ignore
+      label: locale.datatable[op.localeLabelKey],
+      id: op.id
+    }))
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ,
     mountNode: mountNode.current,
     size: "compact",
@@ -546,8 +404,8 @@ function DatetimeFilter(props) {
   }, categoricalOperator[0].id === _constants.DATETIME_OPERATIONS.WEEKDAY && /*#__PURE__*/React.createElement(Checks, {
     value: weekdays,
     setValue: setWeekdays,
-    options: localizedWeekdays.map(function (w, offset) {
-      var day = (0, _utils.addDays)(startOfWeek, offset);
+    options: localizedWeekdays.map((w, offset) => {
+      const day = (0, _utils.addDays)(startOfWeek, offset);
       return {
         label: (0, _utils.getWeekdayInLocale)(day, props.locale),
         id: w
@@ -556,21 +414,17 @@ function DatetimeFilter(props) {
   }), categoricalOperator[0].id === _constants.DATETIME_OPERATIONS.MONTH && /*#__PURE__*/React.createElement(Checks, {
     value: months,
     setValue: setMonths,
-    options: MONTHS.map(function (m) {
-      return {
-        label: (0, _utils.getMonthInLocale)(m, props.locale),
-        id: m
-      };
-    })
+    options: MONTHS.map(m => ({
+      label: (0, _utils.getMonthInLocale)(m, props.locale),
+      id: m
+    }))
   }), categoricalOperator[0].id === _constants.DATETIME_OPERATIONS.QUARTER && /*#__PURE__*/React.createElement(Checks, {
     value: quarters,
     setValue: setQuarters,
-    options: QUARTERS.map(function (q) {
-      return {
-        label: (0, _utils.getQuarterInLocale)(q, props.locale),
-        id: q
-      };
-    })
+    options: QUARTERS.map(q => ({
+      label: (0, _utils.getQuarterInLocale)(q, props.locale),
+      id: q
+    }))
   }), categoricalOperator[0].id === _constants.DATETIME_OPERATIONS.HALF && /*#__PURE__*/React.createElement(Checks, {
     value: halves,
     setValue: setHalves,
@@ -584,69 +438,59 @@ function DatetimeFilter(props) {
   }), categoricalOperator[0].id === _constants.DATETIME_OPERATIONS.YEAR && /*#__PURE__*/React.createElement(Checks, {
     value: years,
     setValue: setYears,
-    options: presentYears.map(function (year) {
-      return {
-        label: year,
-        id: year
-      };
-    })
+    options: presentYears.map(year => ({
+      label: year,
+      id: year
+    }))
   })))));
-} // @ts-ignore
-
+}
 
+// @ts-ignore
 function DatetimeCell(props) {
-  var _useStyletron5 = (0, _styles.useStyletron)(),
-      _useStyletron6 = _slicedToArray(_useStyletron5, 2),
-      css = _useStyletron6[0],
-      theme = _useStyletron6[1];
-
+  const [css, theme] = (0, _styles.useStyletron)();
   return /*#__PURE__*/React.createElement("div", {
-    className: css(_objectSpread(_objectSpread({}, theme.typography.MonoParagraphXSmall), {}, {
+    className: css({
+      ...theme.typography.MonoParagraphXSmall,
       display: 'flex',
       justifyContent: 'flex-end',
       width: '100%',
       whiteSpace: 'nowrap'
-    }))
+    })
   }, (0, _index.default)(props.value, props.formatString));
 }
-
-var defaultOptions = {
+const defaultOptions = {
   title: '',
   sortable: true,
   filterable: true,
   formatString: FORMAT_STRING
 };
-
 function DatetimeColumn(options) {
-  var normalizedOptions = _objectSpread(_objectSpread({}, defaultOptions), options);
-
+  const normalizedOptions = {
+    ...defaultOptions,
+    ...options
+  };
   return (0, _column.default)({
     kind: _constants.COLUMNS.DATETIME,
-    buildFilter: function buildFilter(params) {
+    buildFilter: function (params) {
       return function (data) {
-        var included = true;
-
+        let included = true;
         if (params.operation === _constants.DATETIME_OPERATIONS.YEAR) {
           included = params.selection.includes((0, _index2.default)(data));
         } else if (params.operation === _constants.DATETIME_OPERATIONS.HALF) {
-          var month = (0, _index3.default)(data);
-          var half = month < 6 ? 0 : 1;
+          const month = (0, _index3.default)(data);
+          const half = month < 6 ? 0 : 1;
           included = params.selection.includes(half);
         } else if (params.operation === _constants.DATETIME_OPERATIONS.QUARTER) {
           // date-fns quarters are 1 indexed
-          var quarter = (0, _index4.default)(data) - 1;
+          const quarter = (0, _index4.default)(data) - 1;
           included = params.selection.includes(quarter);
         } else if (params.operation === _constants.DATETIME_OPERATIONS.MONTH) {
           included = params.selection.includes((0, _index3.default)(data));
         } else if (params.operation === _constants.DATETIME_OPERATIONS.WEEKDAY) {
           included = params.selection.includes((0, _index5.default)(data));
         }
-
         if (params.operation === _constants.DATETIME_OPERATIONS.RANGE_DATE || params.operation === _constants.DATETIME_OPERATIONS.RANGE_TIME || params.operation === _constants.DATETIME_OPERATIONS.RANGE_DATETIME) {
-          var _params$range = _slicedToArray(params.range, 2),
-              left = _params$range[0],
-              right = _params$range[1];
-
+          let [left, right] = params.range;
           if (params.operation === _constants.DATETIME_OPERATIONS.RANGE_DATE) {
             left = (0, _index9.default)(left, {
               hours: 0,
@@ -664,7 +508,6 @@ function DatetimeColumn(options) {
               seconds: 0
             });
           }
-
           if (params.operation === _constants.DATETIME_OPERATIONS.RANGE_TIME) {
             left = (0, _index9.default)(left, {
               year: 2000,
@@ -682,12 +525,10 @@ function DatetimeColumn(options) {
               date: 1
             });
           }
-
-          var after = (0, _index6.default)(data, left) || (0, _index8.default)(data, left);
-          var before = (0, _index7.default)(data, right) || (0, _index8.default)(data, right);
+          const after = (0, _index6.default)(data, left) || (0, _index8.default)(data, left);
+          const before = (0, _index7.default)(data, right) || (0, _index8.default)(data, right);
           included = after && before;
         }
-
         return params.exclude ? !included : included;
       };
     },
@@ -713,6 +554,4 @@ function DatetimeColumn(options) {
     title: options.title
   });
 }
-
-var _default = DatetimeColumn;
-exports.default = _default;
+var _default = exports.default = DatetimeColumn;