@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

package/cjs/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js

@@ -1,98 +1,79 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var PropTypes = require('prop-types');
 var Grid = require('@elliemae/ds-grid');
 var dsControlledForm = require('@elliemae/ds-controlled-form');
 var DSPopper = require('@elliemae/ds-popper');
 var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var moment = require('moment');
-var plugins_filterable_components_filterableMenus_defaultDateFormat = require('./defaultDateFormat.js');
+var defaultDateFormat = require('./defaultDateFormat.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-var SingleDatePickerContainer = function SingleDatePickerContainer(_ref) {
-  var _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return null;
-  } : _ref$onChange,
-      showHeader = _ref.showHeader;
+var _DatePicker;
 
-  var _useState = React.useState(''),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      date = _useState2[0],
-      setDate = _useState2[1];
-
-  var handleDateChange = React.useCallback(function (data) {
-    if (!data.includes('_')) onChange(moment__default['default'](data));
+const SingleDatePickerContainer = _ref => {
+  let {
+    onChange = () => null,
+    showHeader
+  } = _ref;
+  const [date, setDate] = React.useState('');
+  const handleDateChange = React.useCallback(data => {
+    if (!data.includes('_')) onChange(moment__default["default"](data));
     setDate(data);
   }, [onChange]);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)'
     }
-  }, showHeader && /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
+  }, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     p: "xxs"
-  }, /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledDateTimePicker, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
     date: date,
     onDateChange: handleDateChange,
     type: "date-inputs",
     isClearable: true
-  })), /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledDateTimePicker, {
+  })), /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
     date: date,
     onDateChange: handleDateChange,
     type: "date-picker-controller-only"
   }));
 };
 
-SingleDatePickerContainer.propTypes = {
-  onChange: PropTypes__default['default'].func,
-  showHeader: PropTypes__default['default'].bool
-};
-
-var formatDate = function formatDate(date) {
-  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : plugins_filterable_components_filterableMenus_defaultDateFormat.DEFAULT_DATE_FORMAT;
+const formatDate = function (date) {
+  let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateFormat.DEFAULT_DATE_FORMAT;
   return date.format(format);
 };
 
 function SingleDateFilterMenu(_ref2) {
-  var column = _ref2.column,
-      className = _ref2.className,
-      _ref2$isMenuOpened = _ref2.isMenuOpened,
-      isMenuOpened = _ref2$isMenuOpened === void 0 ? false : _ref2$isMenuOpened,
-      _ref2$onOpenMenu = _ref2.onOpenMenu,
-      onOpenMenu = _ref2$onOpenMenu === void 0 ? function () {
-    return null;
-  } : _ref2$onOpenMenu,
-      _ref2$placement = _ref2.placement,
-      placement = _ref2$placement === void 0 ? DSPopper.PopperPositions.BOTTOM_END : _ref2$placement,
-      _ref2$onAddFilter = _ref2.onAddFilter,
-      onAddFilter = _ref2$onAddFilter === void 0 ? function () {
-    return null;
-  } : _ref2$onAddFilter,
-      _ref2$dateFormatter = _ref2.dateFormatter,
-      dateFormatter = _ref2$dateFormatter === void 0 ? formatDate : _ref2$dateFormatter,
-      _ref2$showHeader = _ref2.showHeader,
-      showHeader = _ref2$showHeader === void 0 ? false : _ref2$showHeader,
-      menuProps = _ref2.menuProps;
-  return /*#__PURE__*/React__default['default'].createElement(DSPopper__default['default'], {
-    contentComponent: /*#__PURE__*/React__default['default'].createElement("div", {
+  let {
+    column,
+    className,
+    isMenuOpened = false,
+    onOpenMenu = () => null,
+    placement = DSPopper.PopperPositions.BOTTOM_END,
+    onAddFilter = () => null,
+    dateFormatter = formatDate,
+    showHeader = false,
+    menuProps
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
+    contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {
       className: className,
       "data-testid": "date-single__wrapper"
-    }, /*#__PURE__*/React__default['default'].createElement(SingleDatePickerContainer, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](SingleDatePickerContainer, {
       minimumNights: 0,
-      onChange: function onChange(date) {
-        var t = date.clone();
+      onChange: date => {
+        const t = date.clone();
         onAddFilter({
           group: column.property,
           label: column.label,
@@ -103,9 +84,7 @@ function SingleDateFilterMenu(_ref2) {
             start: date.startOf('day'),
             end: t.endOf('day')
           },
-          transformRowValue: function transformRowValue(value) {
-            return moment__default['default'](value, column.dateFormat || plugins_filterable_components_filterableMenus_defaultDateFormat.DEFAULT_DATE_FORMAT);
-          }
+          transformRowValue: value => moment__default["default"](value, column.dateFormat || defaultDateFormat.DEFAULT_DATE_FORMAT)
         }, column);
         onOpenMenu(false);
       },
@@ -115,29 +94,14 @@ function SingleDateFilterMenu(_ref2) {
     onOpen: onOpenMenu,
     placement: placement,
     showArrow: false,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.DatePicker2, null),
-      onClick: function onClick() {
-        return !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false);
-      },
+      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](dsIcons.DatePicker2, {})),
+      onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
       size: "s"
     }),
     zIndex: menuProps.zIndex
   });
 }
 
-SingleDateFilterMenu.propTypes = {
-  column: PropTypes__default['default'].any,
-  className: PropTypes__default['default'].string,
-  isMenuOpened: PropTypes__default['default'].bool,
-  onOpenMenu: PropTypes__default['default'].func,
-  placement: PropTypes__default['default'].string,
-  onAddFilter: PropTypes__default['default'].func,
-  dateFormatter: PropTypes__default['default'].any,
-  showHeader: PropTypes__default['default'].bool,
-  menuProps: PropTypes__default['default'].any
-};
-
 module.exports = SingleDateFilterMenu;
-//# sourceMappingURL=SingleDateFilterMenu.js.map

package/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var PropTypes = require('prop-types');
 var dsControlledForm = require('@elliemae/ds-controlled-form');
 var DSPopper = require('@elliemae/ds-basic/Popper');
 var dsIcons = require('@elliemae/ds-icons');
@@ -10,58 +10,37 @@ var DSButton = require('@elliemae/ds-basic/Button');
 var Grid = require('@elliemae/ds-grid');
 var moment = require('moment');
 var styled = require('styled-components');
-var plugins_filterable_components_filterableMenus_defaultDateFormat = require('./defaultDateFormat.js');
+var defaultDateFormat = require('./defaultDateFormat.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledGridWrapper = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+var _DatePicker;
+const StyledGridWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-jay5xg-0"
-})([".notCurrentMonth{opacity:", ";pointer-events:", ";}"], function (props) {
-  return props.enableOutsideDays ? '1' : '0';
-}, function (props) {
-  return props.enableOutsideDays ? 'auto' : 'none';
-}); // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+})([".notCurrentMonth{opacity:", ";pointer-events:", ";}"], props => props.enableOutsideDays ? '1' : '0', props => props.enableOutsideDays ? 'auto' : 'none'); // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
 
-var noop = function noop() {};
+const noop = function () {};
 
-var SingleRangeSwitcherContainer = function SingleRangeSwitcherContainer(_ref) {
-  var _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
-      enableOutsideDays = _ref.enableOutsideDays;
+const SingleRangeSwitcherContainer = _ref => {
+  let {
+    onChange = noop,
+    enableOutsideDays
+  } = _ref;
+  const [startDate, setStartDate] = React.useState('');
+  const [endDate, setEndDate] = React.useState(''); // For some reason it worked like this
 
-  var _useState = React.useState(''),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      startDate = _useState2[0],
-      setStartDate = _useState2[1];
-
-  var _useState3 = React.useState(''),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      endDate = _useState4[0],
-      setEndDate = _useState4[1]; // For some reason it worked like this
-
-
-  var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      lastChangeWasPicker = _useState6[0],
-      setLastChangeWasPicker = _useState6[1];
-
-  var _useState7 = React.useState(false),
-      _useState8 = _slicedToArray__default['default'](_useState7, 2),
-      isDateRange = _useState8[0],
-      setIsDateRange = _useState8[1];
-
-  React.useEffect(function () {
-    var startMoment = moment__default['default'](startDate);
-    var endMoment = moment__default['default'](endDate);
+  const [lastChangeWasPicker, setLastChangeWasPicker] = React.useState(false);
+  const [isDateRange, setIsDateRange] = React.useState(false);
+  React.useEffect(() => {
+    const startMoment = moment__default["default"](startDate);
+    const endMoment = moment__default["default"](endDate);
 
     if (lastChangeWasPicker && startDate && !startDate.includes('_') && endDate && !endDate.includes('_') && endMoment.diff(startMoment) >= 0) {
       onChange({
@@ -71,7 +50,7 @@ var SingleRangeSwitcherContainer = function SingleRangeSwitcherContainer(_ref) {
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [startDate, endDate, lastChangeWasPicker]);
-  return /*#__PURE__*/React__default['default'].createElement(StyledGridWrapper, {
+  return /*#__PURE__*/_jsx__default["default"](StyledGridWrapper, {
     "data-testid": "date-single-range__wrapper",
     style: {
       backgroundColor: 'white',
@@ -82,62 +61,60 @@ var SingleRangeSwitcherContainer = function SingleRangeSwitcherContainer(_ref) {
     },
     cols: ['100%'],
     enableOutsideDays: enableOutsideDays,
-    onKeyDown: function onKeyDown(e) {
-      return e.code === 'Enter' && setLastChangeWasPicker(true);
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
+    onKeyDown: e => e.code === 'Enter' && setLastChangeWasPicker(true)
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     gutter: "xxs",
     alignItems: "center",
     p: "xxs"
-  }, /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledCheckbox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledCheckbox, {
     checked: isDateRange,
     name: "Date range",
     label: "Range",
     id: "date-range-switcher-id-internal",
-    onChange: function onChange() {
+    onChange: () => {
       setIsDateRange(!isDateRange);
       setStartDate('');
       setEndDate('');
     }
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
+  }), /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       width: 'fit-content'
     }
-  }, isDateRange ? /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledDateRangePicker, {
+  }, void 0, isDateRange ? /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
     fromDate: startDate,
-    onFromDateChange: function onFromDateChange(_start) {
+    onFromDateChange: _start => {
       setStartDate(_start);
       setLastChangeWasPicker(false);
     },
     toDate: endDate,
-    onToDateChange: function onToDateChange(_end) {
+    onToDateChange: _end => {
       setEndDate(_end);
       setLastChangeWasPicker(false);
     },
     type: "date-range-inputs"
-  }) : /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledDateTimePicker, {
+  }) : /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
     date: startDate,
-    onDateChange: function onDateChange(_date) {
+    onDateChange: _date => {
       setLastChangeWasPicker(false);
       setStartDate(_date);
       setEndDate(_date);
     },
     type: "date-inputs"
-  }))), /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], null, isDateRange ? /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledDateRangePicker, {
+  }))), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {}, void 0, isDateRange ? /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
     fromDate: startDate,
-    onFromDateChange: function onFromDateChange(_start) {
+    onFromDateChange: _start => {
       setStartDate(_start);
       setLastChangeWasPicker(true);
     },
     toDate: endDate,
-    onToDateChange: function onToDateChange(_end) {
+    onToDateChange: _end => {
       setEndDate(_end);
       setLastChangeWasPicker(true);
     },
     type: "date-range-picker-controller-only"
-  }) : /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledDateTimePicker, {
+  }) : /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
     date: startDate,
-    onDateChange: function onDateChange(_date) {
+    onDateChange: _date => {
       setLastChangeWasPicker(true);
       setStartDate(_date);
       setEndDate(_date);
@@ -146,53 +123,48 @@ var SingleRangeSwitcherContainer = function SingleRangeSwitcherContainer(_ref) {
   })));
 };
 
-SingleRangeSwitcherContainer.propTypes = {
-  onChange: PropTypes__default['default'].func,
-  enableOutsideDays: PropTypes__default['default'].bool
-};
-
-var formatRangeDate = function formatRangeDate(_ref2) {
-  var startDate = _ref2.startDate,
-      endDate = _ref2.endDate;
-  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : plugins_filterable_components_filterableMenus_defaultDateFormat.DEFAULT_DATE_FORMAT;
-  var sameDay = startDate.isSame(endDate, 'day');
+const formatRangeDate = function (_ref2) {
+  let {
+    startDate,
+    endDate
+  } = _ref2;
+  let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateFormat.DEFAULT_DATE_FORMAT;
+  const sameDay = startDate.isSame(endDate, 'day');
   if (sameDay) return "".concat(endDate.format(format));
   return "".concat(startDate.format(format), " - ").concat(endDate.format(format));
 }; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 
 
 function SingleRangeSwitcherMenu(_ref3) {
-  var column = _ref3.column,
-      className = _ref3.className,
-      _ref3$isMenuOpened = _ref3.isMenuOpened,
-      isMenuOpened = _ref3$isMenuOpened === void 0 ? false : _ref3$isMenuOpened,
-      _ref3$onOpenMenu = _ref3.onOpenMenu,
-      onOpenMenu = _ref3$onOpenMenu === void 0 ? noop : _ref3$onOpenMenu,
-      _ref3$placement = _ref3.placement,
-      placement = _ref3$placement === void 0 ? DSPopper.PopperPositions.BOTTOM_END : _ref3$placement,
-      _ref3$onAddFilter = _ref3.onAddFilter,
-      onAddFilter = _ref3$onAddFilter === void 0 ? noop : _ref3$onAddFilter,
-      _ref3$dateFormatter = _ref3.dateFormatter,
-      dateFormatter = _ref3$dateFormatter === void 0 ? formatRangeDate : _ref3$dateFormatter,
-      _ref3$enableOutsideDa = _ref3.enableOutsideDays,
-      enableOutsideDays = _ref3$enableOutsideDa === void 0 ? true : _ref3$enableOutsideDa,
-      menuProps = _ref3.menuProps;
-  return /*#__PURE__*/React__default['default'].createElement(DSPopper__default['default'], {
-    contentComponent: /*#__PURE__*/React__default['default'].createElement("div", {
+  let {
+    column,
+    className,
+    isMenuOpened = false,
+    onOpenMenu = noop,
+    placement = DSPopper.PopperPositions.BOTTOM_END,
+    onAddFilter = noop,
+    dateFormatter = formatRangeDate,
+    enableOutsideDays = true,
+    menuProps
+  } = _ref3;
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
+    contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {
       className: className
-    }, /*#__PURE__*/React__default['default'].createElement(SingleRangeSwitcherContainer, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](SingleRangeSwitcherContainer, {
       enableOutsideDays: enableOutsideDays,
-      onChange: function onChange(_ref4) {
-        var startDate = _ref4.startDate,
-            endDate = _ref4.endDate;
+      onChange: _ref4 => {
+        let {
+          startDate,
+          endDate
+        } = _ref4;
         startDate.startOf('day');
         endDate.endOf('day');
         onAddFilter({
           group: column.property,
           label: column.label,
           value: dateFormatter({
-            startDate: startDate,
-            endDate: endDate
+            startDate,
+            endDate
           }, column.format),
           type: 'date',
           // todo: create constants for filter types
@@ -200,9 +172,7 @@ function SingleRangeSwitcherMenu(_ref3) {
             start: startDate,
             end: endDate
           },
-          transformRowValue: function transformRowValue(value) {
-            return moment__default['default'](value, column.dateFormat || plugins_filterable_components_filterableMenus_defaultDateFormat.DEFAULT_DATE_FORMAT);
-          },
+          transformRowValue: value => moment__default["default"](value, column.dateFormat || defaultDateFormat.DEFAULT_DATE_FORMAT),
           operator: 'range'
         }, column);
         onOpenMenu(false);
@@ -212,29 +182,14 @@ function SingleRangeSwitcherMenu(_ref3) {
     onOpen: onOpenMenu,
     placement: placement,
     showArrow: false,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.DatePicker2, null),
-      onClick: function onClick() {
-        return !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false);
-      },
+      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](dsIcons.DatePicker2, {})),
+      onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
       size: "s"
     }),
     zIndex: menuProps.zIndex
   });
 }
 
-SingleRangeSwitcherMenu.propTypes = {
-  column: PropTypes__default['default'].any,
-  className: PropTypes__default['default'].string,
-  isMenuOpened: PropTypes__default['default'].bool,
-  onOpenMenu: PropTypes__default['default'].func,
-  placement: PropTypes__default['default'].string,
-  onAddFilter: PropTypes__default['default'].func,
-  dateFormatter: PropTypes__default['default'].any,
-  enableOutsideDays: PropTypes__default['default'].bool,
-  menuProps: PropTypes__default['default'].any
-};
-
 module.exports = SingleRangeSwitcherMenu;
-//# sourceMappingURL=SingleRangeSwitcherMenu.js.map