@jetbrains/ring-ui-built 7.0.62 → 7.0.64

package/components/data-list/data-list.js

@@ -11,20 +11,20 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import Loader from '../loader/loader.js';
 import Item, { moreLessButtonStates } from './item.js';
 import { s as styles } from '../_helpers/title.js';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import 'memoize-one';
 import '../shortcuts/core.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../loader/loader__core.js';
+import '../loader/loader-core.js';
 import '../global/dom.js';
 import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
 import '../link/link.js';
 import '../global/data-tests.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import '../text/text.js';
 import '../loader-inline/loader-inline.js';
@@ -32,13 +32,13 @@ import '../button/button.js';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -72,7 +72,7 @@ class DataList extends PureComponent {
         itemFormatter
       } = this.props;
       const focused = selection.getFocused();
-      if (focused == null) {
+      if (!focused) {
         throw new Error('No focused item');
       }
       const item = itemFormatter(focused);
@@ -123,7 +123,7 @@ class DataList extends PureComponent {
     });
     return jsxs("div", {
       className: styles.dataListWrapper,
-      "data-test": "ring-data-list",
+      "data-test": 'ring-data-list',
       ref: innerRef,
       children: [focused && jsx(Shortcuts, {
         map: shortcutsMap,

package/components/data-list/data-list.mock.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { SelectionItem } from '../table/selection';
+import { type ReactNode } from 'react';
+import { type SelectionItem } from '../table/selection';
 export interface Item extends SelectionItem {
     title: ReactNode;
     collapsible?: boolean;

package/components/data-list/data-list.mock.js

@@ -6,13 +6,13 @@ import 'react';
 import 'classnames';
 import '../global/data-tests.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/close-12px';
 import '../icon/icon.js';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
@@ -21,7 +21,7 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 
 const items = [{
   id: 1,
@@ -41,35 +41,35 @@ const items = [{
       id: 111,
       selectable: true,
       title: jsx(Link, {
-        href: "#",
+        href: '#',
         children: "TeamCity"
       })
     }, {
       id: 112,
       selectable: true,
       title: jsx(Link, {
-        href: "#",
+        href: '#',
         children: "YouTrack"
       })
     }, {
       id: 113,
       selectable: true,
       title: jsx(Link, {
-        href: "#",
+        href: '#',
         children: "Sandbox"
       })
     }, {
       id: 114,
       selectable: true,
       title: jsx(Link, {
-        href: "#",
+        href: '#',
         children: "Exception Analyzer"
       })
     }, {
       id: 115,
       selectable: true,
       title: jsx(Link, {
-        href: "#",
+        href: '#',
         children: "MPS"
       })
     }]
@@ -88,7 +88,7 @@ const items = [{
     selectable: true,
     title: jsxs("span", {
       children: [jsx(Link, {
-        href: "#",
+        href: '#',
         children: "JetProfile"
       }), jsx("span", {
         children: " "
@@ -104,35 +104,35 @@ const items = [{
       id: 221,
       collapsible: true,
       title: jsx(Link, {
-        href: "#",
+        href: '#',
         children: "TeamCity"
       })
     }, {
       id: 222,
       collapsible: true,
       title: jsx(Link, {
-        href: "#",
+        href: '#',
         children: "YouTrack"
       })
     }, {
       id: 223,
       collapsible: true,
       title: jsx(Link, {
-        href: "#",
+        href: '#',
         children: "Sandbox"
       })
     }, {
       id: 224,
       collapsible: true,
       title: jsx(Link, {
-        href: "#",
+        href: '#',
         children: "Exception Analyzer"
       })
     }, {
       id: 225,
       collapsible: true,
       title: jsx(Link, {
-        href: "#",
+        href: '#',
         children: "MPS"
       })
     }]
@@ -141,7 +141,7 @@ const items = [{
     collapsible: true,
     title: jsxs("span", {
       children: [jsx(Link, {
-        href: "#",
+        href: '#',
         children: "CustomJDK"
       }), jsx("span", {
         children: ": as a member of ide-developers"
@@ -162,7 +162,7 @@ const items = [{
     collapsible: true,
     title: jsxs("span", {
       children: [jsx(Link, {
-        href: "#",
+        href: '#',
         children: "ide-frontend"
       }), jsx("span", {
         children: ": as a member of ide-developers"
@@ -173,7 +173,7 @@ const items = [{
     collapsible: true,
     title: jsxs("span", {
       children: [jsx(Link, {
-        href: "#",
+        href: '#',
         children: "ide-frontend"
       }), jsx("span", {
         children: ": as a member of ide-frontend Code Viewers"
@@ -193,7 +193,7 @@ const items = [{
     collapsible: true,
     title: jsxs("span", {
       children: [jsx(Link, {
-        href: "#",
+        href: '#',
         children: "Intellij IDEA"
       }), jsx("span", {
         children: ": as a member of Registered Users"
@@ -204,7 +204,7 @@ const items = [{
     collapsible: true,
     title: jsxs("span", {
       children: [jsx(Link, {
-        href: "#",
+        href: '#',
         children: "YouTrack Backlog"
       }), jsx("span", {
         children: ": as a member of jetbrains-team"
@@ -228,7 +228,7 @@ const items = [{
     selectable: true,
     collapsible: true,
     title: jsx(Link, {
-      href: "#",
+      href: '#',
       children: "Wasabi"
     })
   }]
@@ -241,7 +241,7 @@ const items = [{
     }), jsx("span", {
       children: " in project "
     }), jsx(Link, {
-      href: "#",
+      href: '#',
       children: "Hackathon 2016"
     }), jsx("span", {
       children: ": as a member of jetbrains-team"
@@ -263,7 +263,7 @@ const moreItems = [{
   collapsible: true,
   title: jsxs("span", {
     children: [jsx(Link, {
-      href: "#",
+      href: '#',
       children: "More item 1"
     }), jsx("span", {
       children: " "
@@ -277,7 +277,7 @@ const moreItems = [{
   collapsible: true,
   title: jsxs("span", {
     children: [jsx(Link, {
-      href: "#",
+      href: '#',
       children: "More item 2"
     }), jsx("span", {
       children: " "

package/components/data-list/item.d.ts

@@ -1,6 +1,6 @@
-import { PureComponent, ReactNode } from 'react';
-import { SelectionItem } from '../table/selection';
-import Selection from './selection';
+import { PureComponent, type ReactNode } from 'react';
+import { type SelectionItem } from '../table/selection';
+import type Selection from './selection';
 export declare enum moreLessButtonStates {
     UNUSED = 0,
     MORE = 1,

package/components/data-list/item.js

@@ -11,21 +11,21 @@ import { Button } from '../button/button.js';
 import { s as styles, T as Title } from '../_helpers/title.js';
 import 'classnames';
 import '../global/data-tests.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../global/focus-sensor-hoc.js';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import 'memoize-one';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
@@ -149,21 +149,21 @@ class Item extends PureComponent {
     if (collapsible) {
       if (collapsed) {
         collapserExpander = jsx(Button, {
-          title: "Expand",
+          title: 'Expand',
           onClick: onExpand,
           icon: chevronRightIcon,
           className: styles.collapseButton,
           iconClassName: styles.collapseIcon,
-          "data-test": "ring-data-list-expand"
+          "data-test": 'ring-data-list-expand'
         });
       } else {
         collapserExpander = jsx(Button, {
-          title: "Collapse",
+          title: 'Collapse',
           onClick: onCollapse,
           icon: chevronDownIcon,
           className: styles.collapseButton,
           iconClassName: styles.collapseIcon,
-          "data-test": "ring-data-list-collapse"
+          "data-test": 'ring-data-list-collapse'
         });
       }
     }

package/components/data-list/selection.d.ts

@@ -1,4 +1,4 @@
-import TableSelection, { CloneWithConfig, SelectionItem, TableSelectionConfig } from '../table/selection';
+import TableSelection, { type CloneWithConfig, type SelectionItem, type TableSelectionConfig } from '../table/selection';
 interface DataListSelectionConfig<T extends SelectionItem> extends TableSelectionConfig<T> {
     partialSelected?: Set<T> | undefined;
 }

package/components/data-list/selection.js

@@ -18,6 +18,7 @@ class Selection extends Selection$1 {
     return new Set(this._getDescendants(data));
   }
   _buildSelected(data, selected) {
+    // eslint-disable-next-line no-underscore-dangle
     const _selected = new Set(selected);
     [...data].forEach(item => {
       if (_selected.has(item)) {
@@ -94,7 +95,7 @@ class Selection extends Selection$1 {
     });
   }
   isPartialSelected(value) {
-    return value != null && this._partialSelected.has(value);
+    return value !== null && value !== undefined && this._partialSelected.has(value);
   }
   focus(value) {
     return super.focus(value);
@@ -109,11 +110,17 @@ class Selection extends Selection$1 {
       rest = _objectWithoutProperties(_ref2, _excluded2);
     const parentClone = super.cloneWith(rest);
     return new this.constructor({
+      // eslint-disable-next-line no-underscore-dangle
       data: parentClone._rawData,
+      // eslint-disable-next-line no-underscore-dangle
       selected: parentClone._selected,
+      // eslint-disable-next-line no-underscore-dangle
       focused: parentClone._focused,
+      // eslint-disable-next-line no-underscore-dangle
       getKey: parentClone._getKey,
+      // eslint-disable-next-line no-underscore-dangle
       getChildren: parentClone._getChildren,
+      // eslint-disable-next-line no-underscore-dangle
       isItemSelectable: parentClone._isItemSelectable,
       partialSelected
     });

package/components/data-list/title.d.ts

@@ -1,5 +1,5 @@
-import { PureComponent, ReactNode } from 'react';
-import { FocusSensorAddProps } from '../global/focus-sensor-hoc';
+import { PureComponent, type ReactNode } from 'react';
+import { type FocusSensorAddProps } from '../global/focus-sensor-hoc';
 export interface TitleProps extends FocusSensorAddProps<HTMLDivElement> {
     onSelect: (selected: boolean) => void;
     selectable?: boolean | undefined;

package/components/data-list/title.js

@@ -7,14 +7,14 @@ import '../global/focus-sensor-hoc.js';
 import '../checkbox/checkbox.js';
 import '../global/get-uid.js';
 export { T as default } from '../_helpers/title.js';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import 'memoize-one';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';

package/components/date-picker/consts.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { Locale } from 'date-fns';
 declare const units: {
     unit: number;

package/components/date-picker/date-input.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DatePopupBaseProps, Field } from './consts';
+import { type DatePopupBaseProps, type Field } from './consts';
 export interface UpdateInputConfig {
     active: boolean;
     text: string | null;

package/components/date-picker/date-input.js

@@ -16,13 +16,13 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import '../global/memoize.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
+import '../link/clickable-link.js';
+import '../_helpers/button.classes.js';
 import '../global/get-uid.js';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
@@ -104,7 +104,7 @@ class DateInput extends React.PureComponent {
     let displayText = '';
     if (active && hoverDate) {
       displayText = displayFormat(hoverDate, locale);
-    } else if (active && text != null) {
+    } else if (active && text !== null && text !== undefined) {
       displayText = text;
     } else if (date) {
       displayText = displayFormat(date, locale);
@@ -125,7 +125,7 @@ class DateInput extends React.PureComponent {
     })();
     const classes = classNames(styles.filter, styles["".concat(name, "Input")], divider && styles["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
     return jsx(Input, {
-      autoComplete: "off",
+      autoComplete: 'off',
       borderless: true,
       height: ControlsHeight.L,
       "data-name": name,

package/components/date-picker/date-picker.d.ts

@@ -1,11 +1,11 @@
-import { PureComponent, ButtonHTMLAttributes } from 'react';
+import { PureComponent, type ButtonHTMLAttributes } from 'react';
 import * as React from 'react';
-import type { Locale } from 'date-fns';
 import Popup from '../popup/popup';
-import { DropdownAttrs } from '../dropdown/dropdown';
+import { type DropdownAttrs } from '../dropdown/dropdown';
 import { Size } from '../input/input';
-import { DatePopupProps } from './date-popup';
-import { DateInputTranslations, DatePickerChange } from './consts';
+import { type DatePopupProps } from './date-popup';
+import { type DateInputTranslations, type DatePickerChange } from './consts';
+import type { Locale } from 'date-fns';
 export interface DatePickerTranslations extends Partial<DateInputTranslations> {
     setDate: string;
     setDateTime: string;

package/components/date-picker/date-picker.js

@@ -46,14 +46,14 @@ import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../link/clickableLink.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/close-12px';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
@@ -130,7 +130,7 @@ class DatePicker extends PureComponent {
         withTime,
         applyTimeInput
       } = this.props;
-      const adjustedChange = withTime && !(change instanceof Date) && (change === null || change === void 0 ? void 0 : change.date) != null ? applyTimeInput(change.date, change.time) : change;
+      const adjustedChange = withTime && !(change instanceof Date) && (change === null || change === void 0 ? void 0 : change.date) !== null && (change === null || change === void 0 ? void 0 : change.date) !== undefined ? applyTimeInput(change.date, change.time) : change;
       onChange(adjustedChange);
     });
     _defineProperty(this, "clear", () => {
@@ -149,6 +149,7 @@ class DatePicker extends PureComponent {
     });
     _defineProperty(this, "closePopup", () => {
       var _this$popup;
+      // eslint-disable-next-line no-underscore-dangle
       (_this$popup = this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
     });
     _defineProperty(this, "parse", memoize(date => {
@@ -163,7 +164,9 @@ class DatePicker extends PureComponent {
       }
       return parseDateInput(date);
     }));
+    // eslint-disable-next-line complexity
     _defineProperty(this, "getAnchorText", () => {
+      var _ref4;
       const {
         range,
         datePlaceholder,
@@ -186,31 +189,33 @@ class DatePicker extends PureComponent {
       if (!range && !withTime) {
         var _ref2;
         return date ? displayFormat(date, locale) : (_ref2 = datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setDate) !== null && _ref2 !== void 0 ? _ref2 : translate('setDate');
-      } else if (!range && withTime) {
+      }
+      if (!range && withTime) {
         if (!date && !time) {
           var _ref3;
           return (_ref3 = dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setDateTime) !== null && _ref3 !== void 0 ? _ref3 : translate('setDateTime');
-        } else {
-          return "".concat(date && displayFormat(date, locale) || '—', ", ").concat(time || '—');
         }
-      } else if (from && to) {
+        return "".concat(date && displayFormat(date, locale) || '—', ", ").concat(time || '—');
+      }
+      if (from && to) {
         if (!isSameYear(from, to)) {
           return "".concat(displayFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
-        } else if (!isSameMonth(from, to)) {
+        }
+        if (!isSameMonth(from, to)) {
           return "".concat(displayMonthFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
-        } else if (!isSameDay(from, to)) {
+        }
+        if (!isSameDay(from, to)) {
           return "".concat(displayDayFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
-        } else {
-          return "".concat(displayFormat(to, locale));
         }
-      } else if (from) {
+        return "".concat(displayFormat(to, locale));
+      }
+      if (from) {
         return "".concat(displayFormat(from, locale), " \u2014");
-      } else if (to) {
+      }
+      if (to) {
         return "\u2014 ".concat(displayFormat(to, locale));
-      } else {
-        var _ref4;
-        return (_ref4 = rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setPeriod) !== null && _ref4 !== void 0 ? _ref4 : translate('setPeriod');
       }
+      return (_ref4 = rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setPeriod) !== null && _ref4 !== void 0 ? _ref4 : translate('setPeriod');
     });
   }
   formatTime() {
@@ -219,7 +224,7 @@ class DatePicker extends PureComponent {
       locale
     } = this.props;
     const date = this.parse(this.props.date);
-    if (date != null) {
+    if (date !== null && date !== undefined) {
       return displayTimeFormat(date, locale);
     }
     return null;
@@ -252,7 +257,7 @@ class DatePicker extends PureComponent {
     return jsx(Dropdown, _objectSpread2(_objectSpread2({
       className: classes,
       disabled: this.props.disabled,
-      "data-test": "ring-date-picker",
+      "data-test": 'ring-date-picker',
       anchor: inline ? jsx(Link, {
         "data-test-ring-dropdown-anchor": true,
         className: styles.anchor,
@@ -311,7 +316,7 @@ _defineProperty(DatePicker, "defaultProps", {
   applyTimeInput(date, timeString) {
     var _timeString$split$map;
     const [hours, minutes] = (_timeString$split$map = timeString === null || timeString === void 0 ? void 0 : timeString.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [];
-    return minutes != null ? set(date, {
+    return minutes !== null && minutes !== undefined ? set(date, {
       hours,
       minutes
     }) : date;

package/components/date-picker/date-popup.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'react';
 import * as React from 'react';
-import { DatePickerChange, DatePopupBaseProps, DateSpecificPopupProps, DatePopupState, RangeSpecificPopupProps, TimeSpecificPopupProps, Field } from './consts';
+import { type DatePickerChange, type DatePopupBaseProps, type DateSpecificPopupProps, type DatePopupState, type RangeSpecificPopupProps, type TimeSpecificPopupProps, type Field } from './consts';
 export type DatePopupProps = DatePopupBaseProps & (DateSpecificPopupProps | TimeSpecificPopupProps | RangeSpecificPopupProps);
 export default class DatePopup extends Component<DatePopupProps, DatePopupState> {
     static sameDay(next: Date | number | null, prev: Date | number | null): boolean;

package/components/date-picker/date-popup.js

@@ -25,16 +25,16 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../link/clickableLink.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../global/get-uid.js';
 import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
@@ -313,6 +313,7 @@ class DatePopup extends Component {
       [name]: result
     });
   }
+  // eslint-disable-next-line complexity
   render() {
     const {
       range,
@@ -336,7 +337,7 @@ class DatePopup extends Component {
         [key]: this.parse(value, key)
       });
     }, {});
-    const activeDate = this.state.active !== 'time' ? this.state.hoverDate || (this.state.text != null ? this.parse(this.state.text, 'date') : null) : this.state.hoverDate || null;
+    const activeDate = this.state.active !== 'time' ? this.state.hoverDate || (this.state.text ? this.parse(this.state.text, 'date') : null) : this.state.hoverDate || null;
     const currentRange = range && dates.from && dates.to && [dates.from, dates.to] || null;
     let activeRange = null;
     if (range && activeDate) {
@@ -370,7 +371,7 @@ class DatePopup extends Component {
     const clearable = Boolean(this.props.onClear);
     return jsxs("div", {
       className: styles.datePopup,
-      "data-test": "ring-date-popup",
+      "data-test": 'ring-date-popup',
       ref: this.componentRef,
       children: [jsxs("div", {
         className: styles.filterWrapper,
@@ -380,7 +381,7 @@ class DatePopup extends Component {
             onClear = this.onClear.bind(this);
           }
           return /*#__PURE__*/createElement(DateInput, _objectSpread2(_objectSpread2(_objectSpread2({}, this.props), this.state), {}, {
-            divider: name === 'from' && (dates[name] != null || parsedTo != null),
+            divider: name === 'from' && (!!dates[name] || !!parsedTo),
             name: name,
             key: name,
             date: dates[name],