@jetbrains/ring-ui 6.0.4-beta.0 → 6.0.4

package/dist/data-list/item.js

@@ -1,234 +0,0 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.map.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import chevronRightIcon from '@jetbrains/icons/chevron-right';
-import chevronDownIcon from '@jetbrains/icons/chevron-down';
-import Link from '../link/link.js';
-import Text from '../text/text.js';
-import LoaderInline from '../loader-inline/loader-inline.js';
-import { Button } from '../button/button.js';
-import Selection from '../table/selection.js';
-import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
-import 'classnames';
-import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.object.entries.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import '@jetbrains/icons/chevron-10px';
-import '../icon/icon.js';
-import 'util-deprecate';
-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 'core-js/modules/es.string.starts-with.js';
-import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.weak-map.js';
-import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.array.filter.js';
-import '../global/focus-sensor-hoc.js';
-import '../global/prop-types.js';
-import '../global/composeRefs.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-14px';
-import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
-
-var moreLessButtonStates;
-(function (moreLessButtonStates) {
-  moreLessButtonStates[moreLessButtonStates["UNUSED"] = 0] = "UNUSED";
-  moreLessButtonStates[moreLessButtonStates["MORE"] = 1] = "MORE";
-  moreLessButtonStates[moreLessButtonStates["MORE_LOADING"] = 2] = "MORE_LOADING";
-  moreLessButtonStates[moreLessButtonStates["LESS"] = 3] = "LESS";
-})(moreLessButtonStates || (moreLessButtonStates = {}));
-var ITEM_LEFT_OFFSET = 32;
-var LIST_LEFT_OFFSET = 24;
-var Item = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Item, _PureComponent);
-  var _super = _createSuper(Item);
-  function Item() {
-    var _this;
-    _classCallCheck(this, Item);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "onShowMore", function () {
-      var _this$props = _this.props,
-        onItemMoreLess = _this$props.onItemMoreLess,
-        item = _this$props.item;
-      onItemMoreLess(item, true);
-    });
-    _defineProperty(_assertThisInitialized(_this), "onShowLess", function () {
-      var _this$props2 = _this.props,
-        onItemMoreLess = _this$props2.onItemMoreLess,
-        item = _this$props2.item;
-      onItemMoreLess(item, false);
-    });
-    _defineProperty(_assertThisInitialized(_this), "onFocus", function () {
-      var _this$props3 = _this.props,
-        onFocus = _this$props3.onFocus,
-        item = _this$props3.item;
-      onFocus(item);
-    });
-    _defineProperty(_assertThisInitialized(_this), "onSelect", function (selected) {
-      var _this$props4 = _this.props,
-        onSelect = _this$props4.onSelect,
-        item = _this$props4.item;
-      onSelect(item, selected);
-    });
-    _defineProperty(_assertThisInitialized(_this), "renderItem", function (model, parentShift) {
-      var _this$props5 = _this.props,
-        onFocus = _this$props5.onFocus,
-        onSelect = _this$props5.onSelect,
-        selection = _this$props5.selection,
-        level = _this$props5.level,
-        itemFormatter = _this$props5.itemFormatter;
-      var item = itemFormatter(model);
-      return /*#__PURE__*/React.createElement(Item, {
-        key: item.key || item.id,
-        item: model,
-        title: item.title,
-        items: item.items,
-        level: level + 1,
-        parentShift: parentShift,
-        itemFormatter: itemFormatter,
-        collapsible: item.collapsible,
-        collapsed: item.collapsed,
-        onCollapse: item.onCollapse,
-        onExpand: item.onExpand,
-        showFocus: selection.isFocused(model),
-        onFocus: onFocus,
-        selection: selection,
-        selectable: item.selectable,
-        selected: selection.isSelected(model),
-        onSelect: onSelect
-      });
-    });
-    return _this;
-  }
-  _createClass(Item, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props6 = this.props,
-        title = _this$props6.title,
-        items = _this$props6.items,
-        showMoreLessButton = _this$props6.showMoreLessButton,
-        level = _this$props6.level,
-        parentShift = _this$props6.parentShift,
-        showFocus = _this$props6.showFocus,
-        selectable = _this$props6.selectable,
-        selected = _this$props6.selected,
-        collapsible = _this$props6.collapsible,
-        collapsed = _this$props6.collapsed,
-        onCollapse = _this$props6.onCollapse,
-        onExpand = _this$props6.onExpand;
-      var moreLessButton;
-      if (showMoreLessButton === moreLessButtonStates.MORE || showMoreLessButton === moreLessButtonStates.MORE_LOADING) {
-        moreLessButton = /*#__PURE__*/React.createElement(Text, {
-          info: true
-        }, /*#__PURE__*/React.createElement(Link, {
-          inherit: true,
-          pseudo: true,
-          onClick: this.onShowMore
-        }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(LoaderInline, {
-          className: modules_09d014b4.showMoreLoader
-        }));
-      } else if (showMoreLessButton === moreLessButtonStates.LESS) {
-        moreLessButton = /*#__PURE__*/React.createElement(Text, {
-          info: true
-        }, /*#__PURE__*/React.createElement(Link, {
-          inherit: true,
-          pseudo: true,
-          onClick: this.onShowLess
-        }, 'Show less'));
-      }
-      var collapserExpander = null;
-      if (collapsible) {
-        if (collapsed) {
-          collapserExpander = /*#__PURE__*/React.createElement(Button, {
-            title: "Expand",
-            onClick: onExpand,
-            icon: chevronRightIcon,
-            className: modules_09d014b4.collapseButton,
-            iconClassName: modules_09d014b4.collapseIcon,
-            "data-test": "ring-data-list-expand"
-          });
-        } else {
-          collapserExpander = /*#__PURE__*/React.createElement(Button, {
-            title: "Collapse",
-            onClick: onCollapse,
-            icon: chevronDownIcon,
-            className: modules_09d014b4.collapseButton,
-            iconClassName: modules_09d014b4.collapseIcon,
-            "data-test": "ring-data-list-collapse"
-          });
-        }
-      }
-      var itemIsEmpty = !(items !== null && items !== void 0 && items.length) || collapsible && collapsed;
-      var offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
-      return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Title, {
-        title: title,
-        focused: showFocus,
-        showFocus: showFocus,
-        selectable: selectable,
-        selected: selected,
-        collapserExpander: collapserExpander,
-        onFocus: this.onFocus,
-        onSelect: this.onSelect,
-        offset: offset
-      }), !itemIsEmpty ? /*#__PURE__*/React.createElement("ul", {
-        className: modules_09d014b4.itemContent
-      }, items.map(function (model) {
-        return _this2.renderItem(model, parentShift);
-      }), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/React.createElement("li", {
-        className: modules_09d014b4.showMore
-      }, moreLessButton) : null) : null);
-    }
-  }]);
-  return Item;
-}(PureComponent);
-_defineProperty(Item, "defaultProps", {
-  items: [],
-  level: 0,
-  parentShift: 0,
-  showMoreLessButton: moreLessButtonStates.UNUSED,
-  onItemMoreLess: function onItemMoreLess() {}
-});
-Item.propTypes = {
-  item: PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
-  }).isRequired,
-  title: PropTypes.node,
-  items: PropTypes.array,
-  className: PropTypes.string,
-  level: PropTypes.number,
-  parentShift: PropTypes.number,
-  itemFormatter: PropTypes.func.isRequired,
-  collapsible: PropTypes.bool,
-  collapsed: PropTypes.bool,
-  onCollapse: PropTypes.func,
-  onExpand: PropTypes.func,
-  showFocus: PropTypes.bool,
-  onFocus: PropTypes.func.isRequired,
-  selection: PropTypes.instanceOf(Selection).isRequired,
-  selectable: PropTypes.bool,
-  selected: PropTypes.bool,
-  onSelect: PropTypes.func.isRequired,
-  showMoreLessButton: PropTypes.number,
-  onItemMoreLess: PropTypes.func
-};
-
-export { Item as default, moreLessButtonStates };

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

@@ -1,16 +0,0 @@
-import TableSelection, { CloneWithConfig, SelectionItem } from '../table/selection';
-export default class Selection<T extends SelectionItem> extends TableSelection<T> {
-    protected _buildData(data: T[]): Set<T>;
-    protected _buildSelected(data: Set<T>, selected: Set<T>): Set<T>;
-    private _getDescendants;
-    private _getAncestors;
-    private _selectDescendants;
-    private _deselectDescendants;
-    private _selectAncestors;
-    private _deselectAncestors;
-    select(value?: T | null): Selection<T>;
-    focus(value: T | null | undefined): Selection<T>;
-    resetSelection(): Selection<T>;
-    cloneWith(config: CloneWithConfig<T>): Selection<T>;
-    deselect(value?: T | null): Selection<T>;
-}

package/dist/data-list/selection.js

@@ -1,146 +0,0 @@
-import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, l as _toConsumableArray, n as _get, o as _getPrototypeOf } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.array.filter.js';
-import Selection$1 from '../table/selection.js';
-
-var Selection = /*#__PURE__*/function (_TableSelection) {
-  _inherits(Selection, _TableSelection);
-  var _super = _createSuper(Selection);
-  function Selection() {
-    _classCallCheck(this, Selection);
-    return _super.apply(this, arguments);
-  }
-  _createClass(Selection, [{
-    key: "_buildData",
-    value: function _buildData(data) {
-      return new Set(this._getDescendants(data));
-    }
-  }, {
-    key: "_buildSelected",
-    value: function _buildSelected(data, selected) {
-      var _this = this;
-      var _selected = new Set(selected);
-      _toConsumableArray(data).forEach(function (item) {
-        if (_selected.has(item)) {
-          _this._selectDescendants(item, _selected);
-        }
-      });
-      return _selected;
-    }
-  }, {
-    key: "_getDescendants",
-    value: function _getDescendants(items) {
-      var _this2 = this;
-      var result = [];
-      items.forEach(function (item) {
-        result.push(item);
-        result = [].concat(_toConsumableArray(result), _toConsumableArray(_this2._getDescendants(_this2._getChildren(item))));
-      });
-      return result;
-    }
-  }, {
-    key: "_getAncestors",
-    value: function _getAncestors(item) {
-      var _this3 = this;
-      var result = [];
-      var parent = _toConsumableArray(this._data).find(function (it) {
-        return _this3._getChildren(it).includes(item);
-      });
-      if (parent) {
-        result = [parent].concat(_toConsumableArray(this._getAncestors(parent)));
-      }
-      return result;
-    }
-  }, {
-    key: "_selectDescendants",
-    value: function _selectDescendants(item, selected) {
-      this._getDescendants(this._getChildren(item)).forEach(function (it) {
-        return selected.add(it);
-      });
-    }
-  }, {
-    key: "_deselectDescendants",
-    value: function _deselectDescendants(item, selected) {
-      this._getDescendants(this._getChildren(item)).forEach(function (it) {
-        return selected.delete(it);
-      });
-    }
-  }, {
-    key: "_selectAncestors",
-    value: function _selectAncestors(item, selected) {
-      var _this4 = this;
-      this._getAncestors(item).forEach(function (ancestor) {
-        var groupIsSelected = _this4._getChildren(ancestor).filter(function (it) {
-          return _this4._isItemSelectable(it);
-        }).every(function (it) {
-          return selected.has(it);
-        });
-        if (groupIsSelected) {
-          selected.add(ancestor);
-        }
-      });
-    }
-  }, {
-    key: "_deselectAncestors",
-    value: function _deselectAncestors(item, selected) {
-      this._getAncestors(item).forEach(function (it) {
-        return selected.delete(it);
-      });
-    }
-  }, {
-    key: "select",
-    value: function select() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-      if (!value || !this._isItemSelectable(value)) {
-        return this;
-      }
-      var selected = new Set(this._selected);
-      selected.add(value);
-      this._selectDescendants(value, selected);
-      this._selectAncestors(value, selected);
-      return this.cloneWith({
-        selected
-      });
-    }
-  }, {
-    key: "focus",
-    value: function focus(value) {
-      return _get(_getPrototypeOf(Selection.prototype), "focus", this).call(this, value);
-    }
-  }, {
-    key: "resetSelection",
-    value: function resetSelection() {
-      return _get(_getPrototypeOf(Selection.prototype), "resetSelection", this).call(this);
-    }
-  }, {
-    key: "cloneWith",
-    value: function cloneWith(config) {
-      return _get(_getPrototypeOf(Selection.prototype), "cloneWith", this).call(this, config);
-    }
-  }, {
-    key: "deselect",
-    value: function deselect() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
-      if (!value || !this._isItemSelectable(value)) {
-        return this;
-      }
-      var selected = new Set(this._selected);
-      selected.delete(value);
-      this._deselectDescendants(value, selected);
-      this._deselectAncestors(value, selected);
-      return this.cloneWith({
-        selected
-      });
-    }
-  }]);
-  return Selection;
-}(Selection$1);
-
-export { Selection as default };

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

@@ -1,26 +0,0 @@
-import React, { PureComponent, ReactNode } from 'react';
-import { FocusSensorAddProps } from '../global/focus-sensor-hoc';
-export interface TitleProps extends FocusSensorAddProps<HTMLDivElement> {
-    onSelect: (selected: boolean) => void;
-    selectable?: boolean | undefined;
-    selected?: boolean | undefined;
-    showFocus?: boolean | undefined;
-    offset?: number | undefined;
-    className?: string | null | undefined;
-    title?: ReactNode;
-    collapserExpander?: ReactNode;
-}
-declare class Title extends PureComponent<TitleProps> {
-    static defaultProps: {
-        selectable: boolean;
-        selected: boolean;
-        showFocus: boolean;
-    };
-    id: string;
-    onCheckboxFocus: () => void;
-    onCheckboxChange: () => void;
-    toggleSelection(): void;
-    render(): React.JSX.Element;
-}
-declare const _default: React.ComponentType<import("../global/focus-sensor-hoc").FocusSensorProps<TitleProps, HTMLDivElement, typeof Title>>;
-export default _default;

package/dist/data-list/title.js

@@ -1,28 +0,0 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'react';
-import 'prop-types';
-import 'classnames';
-import '../global/focus-sensor-hoc.js';
-import '../checkbox/checkbox.js';
-import '../global/get-uid.js';
-import '../global/prop-types.js';
-export { T as default } from '../_helpers/title.js';
-import '../global/composeRefs.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-14px';
-import '../icon/icon.js';
-import 'util-deprecate';
-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 'core-js/modules/es.string.starts-with.js';
-import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/es.regexp.to-string.js';

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

@@ -1,98 +0,0 @@
-import { ReactNode } from 'react';
-import PropTypes from 'prop-types';
-import type { Locale } from 'date-fns';
-declare const units: {
-    unit: number;
-    cellSize: number;
-    calHeight: number;
-    yearHeight: number;
-};
-export default units;
-export declare const YEAR = 12;
-export declare const WEEK = 7;
-export declare const weekdays: {
-    MO: number;
-    TU: number;
-    WE: number;
-    TH: number;
-    FR: number;
-    SA: number;
-    SU: number;
-};
-export declare const MIDDLE_DAY = 15;
-export declare const yearDuration: number;
-export declare const yearScrollSpeed: number;
-export declare const DOUBLE = 2;
-export declare const HALF = 0.5;
-export declare const dateType: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-export declare function parseTime(time: string): string | null;
-export interface DateInputTranslations {
-    addFirstDate?: string;
-    addSecondDate?: string;
-    addTime?: string;
-    selectName?: string;
-}
-export interface DateSpecificPopupProps {
-    withTime?: false | undefined;
-    range?: false | undefined;
-    onChange: (date: Date | null | undefined) => void;
-}
-export interface DatePickerChange {
-    from?: Date | null | undefined;
-    to?: Date | null | undefined;
-    date?: Date | null | undefined;
-    time?: string | null | undefined;
-}
-export interface TimeSpecificPopupProps {
-    withTime: true;
-    range?: false | undefined;
-    onChange: (change: DatePickerChange) => void;
-}
-export interface RangeSpecificPopupProps {
-    withTime?: false | undefined;
-    range: true;
-    onChange: (change: DatePickerChange) => void;
-}
-export interface DatePopupState {
-    active: Field;
-    text: string | null;
-    hoverDate: Date | null;
-    scrollDate: number | null;
-}
-export interface DatePopupBaseProps {
-    date?: Date | number | string | null | undefined;
-    time?: string | null | undefined;
-    from?: Date | number | string | null | undefined;
-    to?: Date | number | string | null | undefined;
-    minDate?: string | null | undefined;
-    maxDate?: string | null | undefined;
-    translations?: DateInputTranslations | null | undefined;
-    fromPlaceholder?: string | null | undefined;
-    toPlaceholder?: string | null | undefined;
-    timePlaceholder?: string | null | undefined;
-    locale?: Locale | undefined;
-    parseDateInput: (text: Date | number | string | null | undefined) => Date | null;
-    displayFormat: (date: Date, locale: Locale | undefined) => string;
-    onComplete: () => void;
-    onClear?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | null | undefined;
-    renderAfterCalendar?: ((state: DatePopupState) => ReactNode) | undefined;
-}
-export interface Dates {
-    from?: Date | null | undefined;
-    to?: Date | null | undefined;
-    date?: Date | null | undefined;
-    time?: never;
-}
-export interface CalendarProps extends Omit<DatePopupBaseProps, 'date' | 'from' | 'to' | 'time'>, Dates {
-    activeDate: Date | null;
-    scrollDate: number | Date;
-    currentRange: [Date, Date] | null;
-    activeRange: [Date, Date] | null;
-    onScroll: (to: number) => void;
-    onScrollChange: (date: number) => void;
-}
-export interface MonthsProps extends CalendarProps {
-    onSelect: (date: Date) => void;
-    onHover: (date: Date) => void;
-}
-export type Field = 'date' | 'time' | 'from' | 'to';

package/dist/date-picker/consts.js

@@ -1,46 +0,0 @@
-import 'core-js/modules/es.regexp.exec.js';
-import PropTypes from 'prop-types';
-import add from 'date-fns/add';
-
-var unit = 8; // px;
-var units = {
-  unit,
-  /* eslint-disable @typescript-eslint/no-magic-numbers */
-  cellSize: unit * 3,
-  calHeight: unit * 36,
-  yearHeight: unit * 4
-  /* eslint-enable */
-};
-var YEAR = 12;
-var WEEK = 7;
-var weekdays = {
-  MO: 1,
-  TU: 2,
-  WE: 3,
-  TH: 4,
-  FR: 5,
-  SA: 6,
-  SU: 0
-};
-var MIDDLE_DAY = 15;
-var durationToMillis = function durationToMillis(duration) {
-  return +add(0, duration);
-};
-var yearDuration = durationToMillis({
-  years: 1
-});
-var yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
-var DOUBLE = 2;
-var HALF = 0.5;
-var dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
-function parseTime(time) {
-  var result = null;
-  if (/^([01][0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
-    result = time;
-  } else if (/^([0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
-    result = "0".concat(time);
-  }
-  return result;
-}
-
-export { DOUBLE, HALF, MIDDLE_DAY, WEEK, YEAR, dateType, units as default, parseTime, weekdays, yearDuration, yearScrollSpeed };

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

@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { DatePopupBaseProps, Field } from './consts';
-export interface UpdateInputConfig {
-    active: boolean;
-    text: string | null;
-}
-export interface DateInputProps extends DatePopupBaseProps, UpdateInputConfig {
-    divider: boolean;
-    name: Field;
-    hoverDate: Date | null;
-    date: Date | null | undefined;
-    time?: string | null | undefined;
-    onInput: (value: string, name: Field) => void;
-    onActivate: () => void;
-    onConfirm: () => void;
-}
-export default class DateInput extends React.PureComponent<DateInputProps> {
-    static propTypes: {
-        active: PropTypes.Requireable<boolean>;
-        divider: PropTypes.Requireable<boolean>;
-        name: PropTypes.Requireable<string>;
-        text: PropTypes.Requireable<string>;
-        hoverDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        date: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        time: PropTypes.Requireable<string>;
-        displayFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        translations: PropTypes.Requireable<object>;
-        fromPlaceholder: PropTypes.Requireable<string>;
-        toPlaceholder: PropTypes.Requireable<string>;
-        timePlaceholder: PropTypes.Requireable<string>;
-        onInput: PropTypes.Requireable<(...args: any[]) => any>;
-        onActivate: PropTypes.Requireable<(...args: any[]) => any>;
-        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
-        onClear: PropTypes.Requireable<(...args: any[]) => any>;
-        locale: PropTypes.Requireable<object>;
-    };
-    componentDidUpdate(prevProps: DateInputProps): void;
-    static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
-    context: React.ContextType<typeof DateInput.contextType>;
-    input?: HTMLInputElement | null;
-    inputRef: (el: HTMLInputElement | null) => void;
-    updateInput({ text, active }: UpdateInputConfig): void;
-    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    handleKeyDown: (e: React.KeyboardEvent) => false | void;
-    render(): React.JSX.Element;
-}