@synerise/ds-date-range-picker 0.10.1 → 0.11.3

package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.js

@@ -2,8 +2,7 @@ import * as React from 'react';
 import Button from '@synerise/ds-button';
 import Tooltip from '@synerise/ds-tooltip';
 import Dropdown from '@synerise/ds-dropdown';
-import Icon from '@synerise/ds-icon';
-import { AngleDownS, TrashS } from '@synerise/ds-icon/dist/icons';
+import Icon, { AngleDownS, TrashS } from '@synerise/ds-icon';
 import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
 import * as S from './FilterDropdown.styles';
 
@@ -14,27 +13,27 @@ var FilterDropdown = function FilterDropdown(_ref) {
       onFilterSelect = _ref.onFilterSelect,
       onFilterRemove = _ref.onFilterRemove;
   var overlay = React.useMemo(function () {
-    return React.createElement(S.DropdownMenu, null, filters.map(function (filter) {
-      return React.createElement(S.DropdownMenuItem, {
-        key: filter === null || filter === void 0 ? void 0 : filter.name,
-        text: filter === null || filter === void 0 ? void 0 : filter.name,
+    return /*#__PURE__*/React.createElement(S.DropdownMenu, null, filters.map(function (filter) {
+      return /*#__PURE__*/React.createElement(S.DropdownMenuItem, {
+        key: filter == null ? void 0 : filter.name,
+        text: filter == null ? void 0 : filter.name,
         onClick: function onClick() {
           onFilterSelect && onFilterSelect(filter);
         },
-        suffixel: React.createElement(Tooltip, {
+        suffixel: /*#__PURE__*/React.createElement(Tooltip, {
           title: removeTooltip
-        }, React.createElement(S.RemoveIconWrapper, {
+        }, /*#__PURE__*/React.createElement(S.RemoveIconWrapper, {
           onClick: function onClick() {
-            onFilterRemove && onFilterRemove(filter === null || filter === void 0 ? void 0 : filter.id);
+            onFilterRemove && onFilterRemove(filter == null ? void 0 : filter.id);
           }
-        }, React.createElement(Icon, {
-          component: React.createElement(TrashS, null),
+        }, /*#__PURE__*/React.createElement(Icon, {
+          component: /*#__PURE__*/React.createElement(TrashS, null),
           color: theme.palette['red-600']
         })))
       });
     }));
   }, [filters, onFilterRemove, onFilterSelect, removeTooltip]);
-  return React.createElement(Dropdown, {
+  return /*#__PURE__*/React.createElement(Dropdown, {
     overlay: overlay,
     trigger: ['click'],
     align: {
@@ -46,11 +45,11 @@ var FilterDropdown = function FilterDropdown(_ref) {
     getPopupContainer: function getPopupContainer(node) {
       return node.parentElement != null ? node.parentElement : document.body;
     }
-  }, React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     mode: "label-icon",
     type: "ghost"
-  }, React.createElement("span", null, label), React.createElement(Icon, {
-    component: React.createElement(AngleDownS, null)
+  }, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(AngleDownS, null)
   })));
 };
 

package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.types.js

@@ -0,0 +1 @@
+export {};

package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js

@@ -2,8 +2,7 @@ import * as React from 'react';
 import Button from '@synerise/ds-button';
 import ContentItem from '@synerise/ds-manageable-list/dist/Item/ContentItem/ContentItem';
 import Badge from '@synerise/ds-badge';
-import { CloseS, FilterM } from '@synerise/ds-icon/dist/icons';
-import Icon from '@synerise/ds-icon';
+import Icon, { CloseS, FilterM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import { useIntl } from 'react-intl';
 import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
@@ -16,45 +15,45 @@ var RangeFilterStatus = function RangeFilterStatus(_ref) {
       label = _ref.label,
       _onClick = _ref.onClick;
   var intl = useIntl();
-  return React.createElement(S.Container, null, !filter ? React.createElement(Button.Creator, {
+  return /*#__PURE__*/React.createElement(S.Container, null, !filter ? /*#__PURE__*/React.createElement(Button.Creator, {
     label: label,
     disabled: disabled,
     onClick: _onClick,
     block: true
-  }) : React.createElement(ContentItem, {
+  }) : /*#__PURE__*/React.createElement(ContentItem, {
     onClick: function onClick(e) {
       e.stopPropagation();
 
       _onClick();
     },
-    headerSuffix: React.createElement(React.Fragment, null, React.createElement(S.SuffixText, null, intl.formatMessage({
+    headerSuffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.SuffixText, null, intl.formatMessage({
       id: 'DS.DATE-RANGE-PICKER.CHANGE',
       defaultMessage: 'Change'
-    })), React.createElement(Tooltip, {
+    })), /*#__PURE__*/React.createElement(Tooltip, {
       title: intl.formatMessage({
         id: 'DS.DATE-RANGE-PICKER.REMOVE',
         defaultMessage: 'Remove'
       })
-    }, React.createElement(Icon, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       onClick: function onClick(e) {
         e.stopPropagation();
         onFilterRemove && onFilterRemove();
       },
-      component: React.createElement(CloseS, null),
+      component: /*#__PURE__*/React.createElement(CloseS, null),
       color: theme.palette['red-600']
     }))),
     item: {
       id: 'filter-trigger',
       name: intl.formatMessage({
-        id: "DS.DATE-RANGE-PICKER.".concat(filter.type),
+        id: "DS.DATE-RANGE-PICKER." + filter.type,
         defaultMessage: 'Filter'
       }),
-      tag: React.createElement(S.BadgeWrapper, null, React.createElement(Badge, {
+      tag: /*#__PURE__*/React.createElement(S.BadgeWrapper, null, /*#__PURE__*/React.createElement(Badge, {
         status: "active",
         flag: true,
         pulsing: true
-      }, React.createElement(Icon, {
-        component: React.createElement(FilterM, null)
+      }, /*#__PURE__*/React.createElement(Icon, {
+        component: /*#__PURE__*/React.createElement(FilterM, null)
       })))
     },
     texts: {}

package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.types.js

@@ -0,0 +1 @@
+export {};

package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js

@@ -1,20 +1,7 @@
-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(n); 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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
-
 import * as React from 'react';
 import Button from '@synerise/ds-button';
 import { RawInput } from '@synerise/ds-input';
-import Icon from '@synerise/ds-icon';
-import { CheckM, CloseM } from '@synerise/ds-icon/dist/icons';
+import Icon, { CheckM, CloseM } from '@synerise/ds-icon';
 import { useIntl } from 'react-intl';
 import * as S from './SaveFilterForm.styles';
 
@@ -22,17 +9,15 @@ var SaveFilterForm = function SaveFilterForm(_ref) {
   var onFilterSave = _ref.onFilterSave;
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      active = _React$useState2[0],
-      setActive = _React$useState2[1];
+      active = _React$useState[0],
+      setActive = _React$useState[1];
 
-  var _React$useState3 = React.useState(),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      name = _React$useState4[0],
-      setName = _React$useState4[1];
+  var _React$useState2 = React.useState(),
+      name = _React$useState2[0],
+      setName = _React$useState2[1];
 
   var intl = useIntl();
-  var input = React.createElement(React.Fragment, null, React.createElement(RawInput, {
+  var input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RawInput, {
     placeholder: intl.formatMessage({
       id: 'DS.DATE-RANGE-PICKER.FILTER-NAME'
     }),
@@ -40,15 +25,15 @@ var SaveFilterForm = function SaveFilterForm(_ref) {
     onChange: function onChange(e) {
       setName(e.target.value);
     }
-  }), React.createElement(S.FormButton, {
+  }), /*#__PURE__*/React.createElement(S.FormButton, {
     mode: "single-icon",
     type: "ghost",
     onClick: function onClick() {
       setActive(false);
     }
-  }, React.createElement(Icon, {
-    component: React.createElement(CloseM, null)
-  })), ' ', React.createElement(S.FormButton, {
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(CloseM, null)
+  })), ' ', /*#__PURE__*/React.createElement(S.FormButton, {
     mode: "single-icon",
     type: "custom-color-ghost",
     color: "blue",
@@ -57,10 +42,10 @@ var SaveFilterForm = function SaveFilterForm(_ref) {
       name && onFilterSave(name);
       setName('');
     }
-  }, React.createElement(Icon, {
-    component: React.createElement(CheckM, null)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(CheckM, null)
   })));
-  return React.createElement(S.Container, null, active ? input : React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(S.Container, null, active ? input : /*#__PURE__*/React.createElement(Button, {
     type: "ghost",
     onClick: function onClick() {
       return setActive(!active);

package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.types.js

@@ -0,0 +1 @@
+export {};

package/dist/RangeFilter/Shared/SelectionCount/SelectionCount.js

@@ -4,7 +4,7 @@ import * as S from './SelectionCount.styles';
 var SelectionCount = function SelectionCount(_ref) {
   var label = _ref.label,
       selectedDayCount = _ref.selectedDayCount;
-  return React.createElement(S.Container, null, React.createElement("span", null, label, ":"), React.createElement(S.Count, null, selectedDayCount));
+  return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement("span", null, label, ":"), /*#__PURE__*/React.createElement(S.Count, null, selectedDayCount));
 };
 
 export default React.memo(SelectionCount);

package/dist/RangeFilter/Shared/SelectionCount/SelectionCount.types.js

@@ -0,0 +1 @@
+export {};

package/dist/RangeFilter/Shared/SelectionHint/SelectionHint.js

@@ -1,14 +1,13 @@
 import * as React from 'react';
 import { withTheme } from 'styled-components';
-import Icon from '@synerise/ds-icon';
-import { InfoM } from '@synerise/ds-icon/dist/icons';
+import Icon, { InfoM } from '@synerise/ds-icon';
 import * as S from '../TimeWindow/TimeWindow.styles';
 
 var SelectionHint = function SelectionHint(_ref) {
   var message = _ref.message,
       theme = _ref.theme;
-  return React.createElement(S.SelectionHint, null, React.createElement(Icon, {
-    component: React.createElement(InfoM, null),
+  return /*#__PURE__*/React.createElement(S.SelectionHint, null, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(InfoM, null),
     color: theme.palette['grey-600']
   }), " ", message);
 };

package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js

@@ -1,18 +1,6 @@
-function _extends() { _extends = Object.assign || 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 _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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+var _excluded = ["active", "label", "onToggle", "readOnly", "restricted", "dayKey", "texts"];
 
-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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _extends() { _extends = Object.assign || 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -24,8 +12,7 @@ import dayjs from 'dayjs'; // eslint-disable-next-line @typescript-eslint/ban-ts
 
 import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
 import Button from '@synerise/ds-button';
-import { CheckS, Close3S } from '@synerise/ds-icon/dist/icons';
-import Icon from '@synerise/ds-icon';
+import Icon, { CheckS, Close3S } from '@synerise/ds-icon';
 import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './Day.styles';
@@ -39,12 +26,11 @@ var Day = function Day(_ref) {
       restricted = _ref.restricted,
       dayKey = _ref.dayKey,
       texts = _ref.texts,
-      rest = _objectWithoutProperties(_ref, ["active", "label", "onToggle", "readOnly", "restricted", "dayKey", "texts"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      hovered = _React$useState2[0],
-      setHovered = _React$useState2[1];
+      hovered = _React$useState[0],
+      setHovered = _React$useState[1];
 
   var type = React.useMemo(function () {
     return active ? 'primary' : 'secondary';
@@ -59,12 +45,12 @@ var Day = function Day(_ref) {
     onToggle && onToggle(dayKey, true);
   }, [onToggle, dayKey]);
   var icon = React.useMemo(function () {
-    return hovered && !readOnly ? React.createElement(Icon, {
-      component: React.createElement(Close3S, null),
+    return hovered && !readOnly ? /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(Close3S, null),
       onClick: handleIconClick,
       color: theme.palette['red-600']
-    }) : React.createElement(Icon, {
-      component: React.createElement(CheckS, null),
+    }) : /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(CheckS, null),
       color: theme.palette['green-600']
     });
   }, [hovered, handleIconClick, readOnly]);
@@ -74,7 +60,7 @@ var Day = function Day(_ref) {
   var handleTooltipVisibleChange = React.useCallback(function (visible) {
     return setHovered(visible);
   }, []);
-  return React.createElement(S.Container, null, React.createElement(Button, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
     onMouseLeave: handleMouseOut,
     onMouseOut: handleMouseOut,
     onBlur: handleMouseOut,
@@ -82,12 +68,12 @@ var Day = function Day(_ref) {
     onClick: handleButtonClick,
     type: type,
     mode: "label-icon"
-  }), React.createElement(S.Content, null, label)), restricted && !active && React.createElement(Tooltip, {
+  }), /*#__PURE__*/React.createElement(S.Content, null, label)), restricted && !active && /*#__PURE__*/React.createElement(Tooltip, {
     trigger: ['hover'],
-    title: (texts === null || texts === void 0 ? void 0 : texts.clear) || 'Clear',
+    title: (texts == null ? void 0 : texts.clear) || 'Clear',
     onVisibleChange: handleTooltipVisibleChange,
     getPopupContainer: getPopupContainer
-  }, React.createElement(S.IconWrapper, {
+  }, /*#__PURE__*/React.createElement(S.IconWrapper, {
     readonly: readOnly,
     active: hovered
   }, icon)));

package/dist/RangeFilter/Shared/TimeWindow/Day/Day.types.js

@@ -0,0 +1 @@
+export {};

package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.js

@@ -26,7 +26,7 @@ var Grid = function Grid(_ref) {
   if (showSelectAll) actions.push({
     key: 'select-all',
     onClick: onSelectAll,
-    label: React.createElement(FormattedMessage, {
+    label: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "DS.DATE-RANGE-PICKER.SELECT-ALL",
       defaultMessage: "Select all"
     })
@@ -34,29 +34,29 @@ var Grid = function Grid(_ref) {
   if (showUnselectAll) actions.push({
     key: 'unselect-all',
     onClick: onUnselectAll,
-    label: React.createElement(FormattedMessage, {
+    label: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "DS.DATE-RANGE-PICKER.UNSELECT-ALL",
       defaultMessage: "Unselect all"
     })
   });
   var grid = React.useMemo(function () {
-    return React.createElement(S.Days, {
+    return /*#__PURE__*/React.createElement(S.Days, {
       columns: numberOfColumns
     }, inverted ? reverseRange(keys, reverseGroup).map(renderDay) : keys.map(renderDay));
   }, [numberOfColumns, inverted, keys, reverseGroup, renderDay]);
   var numberOfRows = Math.ceil(numberOfDays / numberOfColumns);
 
   if (rowLabelFormatter) {
-    grid = React.createElement(S.Wrapper, null, React.createElement(S.Labels, null, rangeMethod(numberOfRows).map(function (rowIndex) {
-      return React.createElement("span", {
+    grid = /*#__PURE__*/React.createElement(S.Wrapper, null, /*#__PURE__*/React.createElement(S.Labels, null, rangeMethod(numberOfRows).map(function (rowIndex) {
+      return /*#__PURE__*/React.createElement("span", {
         key: rowIndex
       }, rowLabelFormatter(rowIndex));
     })), grid);
   }
 
-  return React.createElement(S.GridContainer, {
+  return /*#__PURE__*/React.createElement(S.GridContainer, {
     className: "time-window-grid"
-  }, React.createElement(HeaderWrapper, null, React.createElement(Header, {
+  }, /*#__PURE__*/React.createElement(HeaderWrapper, null, /*#__PURE__*/React.createElement(Header, {
     title: title,
     actions: actions
   })), grid);

package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.types.js

@@ -0,0 +1 @@
+export {};

package/dist/RangeFilter/Shared/TimeWindow/Header/Header.js

@@ -5,14 +5,16 @@ var HeaderBase = function HeaderBase(_ref) {
   var title = _ref.title,
       actions = _ref.actions,
       suffix = _ref.suffix;
-  return React.createElement(S.Container, {
+  return /*#__PURE__*/React.createElement(S.Container, {
     "data-attr": "time-window-header"
-  }, React.createElement(S.Title, {
+  }, /*#__PURE__*/React.createElement(S.Title, {
     "data-attr": "title"
-  }, title), React.createElement(S.Actions, {
+  }, title), /*#__PURE__*/React.createElement(S.Actions, {
     "data-attr": "actions"
   }, actions && actions.map(function (action) {
-    return (// eslint-disable-next-line react/jsx-handler-names
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/jsx-handler-names
       React.createElement(S.Action, {
         key: action.key,
         "data-attr": action.key,

package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.js

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import Button from '@synerise/ds-button';
-import { ArrowDownCircleM, CloseM, DuplicateM, OptionHorizontalM } from '@synerise/ds-icon/dist/icons';
+import Icon, { ArrowDownCircleM, CloseM, DuplicateM, OptionHorizontalM } from '@synerise/ds-icon';
 import Dropdown from '@synerise/ds-dropdown';
-import Icon from '@synerise/ds-icon';
 import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
 import * as S from './RangeActions.styles';
 
@@ -12,37 +11,37 @@ var RangeActions = function RangeActions(_ref) {
       onRangeCopy = _ref.onRangeCopy,
       onRangePaste = _ref.onRangePaste;
   var overlay = React.useMemo(function () {
-    return React.createElement(S.ActionsMenu, null, React.createElement(S.ActionItem, {
+    return /*#__PURE__*/React.createElement(S.ActionsMenu, null, /*#__PURE__*/React.createElement(S.ActionItem, {
       onClick: function onClick() {
         onRangeCopy && onRangeCopy();
       },
-      prefixel: React.createElement(Icon, {
-        component: React.createElement(DuplicateM, null)
+      prefixel: /*#__PURE__*/React.createElement(Icon, {
+        component: /*#__PURE__*/React.createElement(DuplicateM, null)
       })
-    }, texts.copyRange), React.createElement(S.ActionItem, {
+    }, texts.copyRange), /*#__PURE__*/React.createElement(S.ActionItem, {
       onClick: function onClick() {
         onRangePaste && onRangePaste();
       },
-      prefixel: React.createElement(Icon, {
-        component: React.createElement(ArrowDownCircleM, null)
+      prefixel: /*#__PURE__*/React.createElement(Icon, {
+        component: /*#__PURE__*/React.createElement(ArrowDownCircleM, null)
       })
-    }, texts.pasteRange), React.createElement(S.ActionItem, {
+    }, texts.pasteRange), /*#__PURE__*/React.createElement(S.ActionItem, {
       onClick: onRangeClear,
-      prefixel: React.createElement("div", null, React.createElement(Icon, {
-        component: React.createElement(CloseM, null),
+      prefixel: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
+        component: /*#__PURE__*/React.createElement(CloseM, null),
         color: theme.palette['red-600']
       }))
     }, texts.clearRange));
   }, [texts, onRangePaste, onRangeCopy, onRangeClear]);
   var trigger = React.useMemo(function () {
-    return React.createElement(Button, {
+    return /*#__PURE__*/React.createElement(Button, {
       mode: "single-icon",
       type: "ghost"
-    }, React.createElement(Icon, {
-      component: React.createElement(OptionHorizontalM, null)
+    }, /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(OptionHorizontalM, null)
     }));
   }, []);
-  return React.createElement(Dropdown, {
+  return /*#__PURE__*/React.createElement(Dropdown, {
     overlay: overlay,
     overlayStyle: {
       boxShadow: '0 4px 12px 0 rgba(35, 41, 54, 0.07)'

package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.types.js

@@ -0,0 +1 @@
+export {};

package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js

@@ -1,21 +1,8 @@
 function _extends() { _extends = Object.assign || 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 _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(n); 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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
-
 import * as React from 'react';
 import Select from '@synerise/ds-select';
-import Icon from '@synerise/ds-icon';
-import { CloseS } from '@synerise/ds-icon/dist/icons';
+import Icon, { CloseS } from '@synerise/ds-icon';
 import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
 import TimePicker from '@synerise/ds-time-picker';
 import * as S from './RangeForm.styles';
@@ -42,14 +29,12 @@ var RangeForm = function RangeForm(_ref) {
       texts = _ref.texts;
 
   var _React$useState = React.useState(startDate),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      start = _React$useState2[0],
-      setStart = _React$useState2[1];
+      start = _React$useState[0],
+      setStart = _React$useState[1];
 
-  var _React$useState3 = React.useState(endDate),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      end = _React$useState4[0],
-      setEnd = _React$useState4[1];
+  var _React$useState2 = React.useState(endDate),
+      end = _React$useState2[0],
+      setEnd = _React$useState2[1];
 
   var areStartAndEndValid = React.useMemo(function () {
     return !!start && !!end;
@@ -62,9 +47,9 @@ var RangeForm = function RangeForm(_ref) {
     setEnd(endDate);
   }, [startDate, endDate]);
   var singleHourPicker = React.useMemo(function () {
-    return React.createElement(TimePicker, _extends({
+    return /*#__PURE__*/React.createElement(TimePicker, _extends({
       disabled: disabled,
-      clearTooltip: texts === null || texts === void 0 ? void 0 : texts.clear,
+      clearTooltip: texts == null ? void 0 : texts.clear,
       onChange: function onChange(date) {
         date && onExactHourSelect(date);
       },
@@ -78,9 +63,9 @@ var RangeForm = function RangeForm(_ref) {
     }, timePickerProps));
   }, [start, onExactHourSelect, getPopupContainer, texts, timePickerProps, disabled]);
   var renderRangePicker = React.useCallback(function () {
-    return React.createElement(React.Fragment, null, React.createElement(TimePicker, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TimePicker, _extends({
       disabled: disabled,
-      clearTooltip: texts === null || texts === void 0 ? void 0 : texts.clear,
+      clearTooltip: texts == null ? void 0 : texts.clear,
       onChange: function onChange(date) {
         setStart(date);
         date && onStartChange(date);
@@ -92,9 +77,9 @@ var RangeForm = function RangeForm(_ref) {
       disabledHours: areStartAndEndValid ? getDisabledTimeOptions(start, 'HOURS', null, end) : [],
       disabledMinutes: areStartAndEndValid ? getDisabledTimeOptions(start, 'MINUTES', null, end) : [],
       disabledSeconds: areStartAndEndValid ? getDisabledTimeOptions(start, 'SECONDS', null, end) : []
-    }, timePickerProps)), React.createElement(S.Separator, null, "-"), React.createElement(TimePicker, _extends({
+    }, timePickerProps)), /*#__PURE__*/React.createElement(S.Separator, null, "-"), /*#__PURE__*/React.createElement(TimePicker, _extends({
       disabled: disabled,
-      clearTooltip: texts === null || texts === void 0 ? void 0 : texts.clear,
+      clearTooltip: texts == null ? void 0 : texts.clear,
       onChange: function onChange(date) {
         setEnd(date);
         date && onEndChange(date);
@@ -109,7 +94,7 @@ var RangeForm = function RangeForm(_ref) {
     }, timePickerProps)));
   }, [areStartAndEndValid, start, end, onStartChange, onEndChange, getPopupContainer, texts, timePickerProps, disabled]);
   var limitModeSelect = React.useMemo(function () {
-    return valueSelectionModes.length > 1 ? React.createElement(Select, {
+    return valueSelectionModes.length > 1 ? /*#__PURE__*/React.createElement(Select, {
       value: mode,
       disabled: disabled,
       onChange: function onChange(value) {
@@ -117,18 +102,18 @@ var RangeForm = function RangeForm(_ref) {
       },
       getPopupContainer: getPopupContainer
     }, valueSelectionModes.map(function (modeName) {
-      return React.createElement(Select.Option, {
+      return /*#__PURE__*/React.createElement(Select.Option, {
         key: modeName,
         value: modeName
       }, modeName);
     })) : null;
   }, [mode, onModeChange, getPopupContainer, valueSelectionModes, disabled]);
-  return React.createElement(S.Container, null, React.createElement(S.Row, {
+  return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement(S.Row, {
     justifyContent: "flex-start"
-  }, limitModeSelect, mode === FORM_MODES.HOUR ? singleHourPicker : renderRangePicker(), !!onRangeDelete && !disabled && React.createElement(S.RemoveIconWrapper, {
+  }, limitModeSelect, mode === FORM_MODES.HOUR ? singleHourPicker : renderRangePicker(), !!onRangeDelete && !disabled && /*#__PURE__*/React.createElement(S.RemoveIconWrapper, {
     onClick: onRangeDelete
-  }, React.createElement(Icon, {
-    component: React.createElement(CloseS, null),
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(CloseS, null),
     color: theme.palette['red-600']
   }))));
 };

package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types.js

@@ -0,0 +1 @@
+export {};