rsuite 5.0.0-beta.8 → 5.0.0

package/cjs/DateRangePicker/utils.js

@@ -2,7 +2,7 @@
 
 exports.__esModule = true;
 exports.getCalendarDate = getCalendarDate;
-exports.getWeekHoverRange = exports.getMonthHoverRange = exports.isSameValueType = exports.getDefaultRanges = exports.setTimingMargin = void 0;
+exports.getWeekHoverRange = exports.getMonthHoverRange = exports.isSameRange = exports.getDefaultRanges = exports.setTimingMargin = void 0;
 
 var _utils = require("../utils");
 
@@ -51,13 +51,17 @@ var getDefaultRanges = function getDefaultRanges() {
 
 exports.getDefaultRanges = getDefaultRanges;
 
-var isSameValueType = function isSameValueType(source, dest) {
-  var _source$, _dest$, _source$2, _dest$2;
+var isSameRange = function isSameRange(source, dest, format) {
+  var result = _utils.DateUtils.isSameDay(source === null || source === void 0 ? void 0 : source[0], dest === null || dest === void 0 ? void 0 : dest[0]) && _utils.DateUtils.isSameDay(source === null || source === void 0 ? void 0 : source[1], dest === null || dest === void 0 ? void 0 : dest[1]);
 
-  return (source === null || source === void 0 ? void 0 : (_source$ = source[0]) === null || _source$ === void 0 ? void 0 : _source$.valueOf()) === (dest === null || dest === void 0 ? void 0 : (_dest$ = dest[0]) === null || _dest$ === void 0 ? void 0 : _dest$.valueOf()) && (source === null || source === void 0 ? void 0 : (_source$2 = source[1]) === null || _source$2 === void 0 ? void 0 : _source$2.valueOf()) === (dest === null || dest === void 0 ? void 0 : (_dest$2 = dest[1]) === null || _dest$2 === void 0 ? void 0 : _dest$2.valueOf());
+  if (_utils.DateUtils.shouldTime(format)) {
+    result && (result = _utils.DateUtils.isSameSecond(source === null || source === void 0 ? void 0 : source[0], dest === null || dest === void 0 ? void 0 : dest[0]) && _utils.DateUtils.isSameSecond(source === null || source === void 0 ? void 0 : source[1], dest === null || dest === void 0 ? void 0 : dest[1]));
+  }
+
+  return result;
 };
 
-exports.isSameValueType = isSameValueType;
+exports.isSameRange = isSameRange;
 
 var getMonthHoverRange = function getMonthHoverRange(date) {
   return [_utils.DateUtils.startOfMonth(date), _utils.DateUtils.endOfMonth(date)];

package/cjs/Dropdown/Dropdown.js

@@ -17,6 +17,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _omit = _interopRequireDefault(require("lodash/omit"));
 
+var _pick = _interopRequireDefault(require("lodash/pick"));
+
 var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
 
 var _utils = require("../utils");
@@ -47,6 +49,8 @@ var _SidenavDropdown = _interopRequireDefault(require("../Sidenav/SidenavDropdow
 
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 
+var _DropdownState = require("./DropdownState");
+
 var defaultProps = {
   as: 'div',
   classPrefix: 'dropdown',
@@ -124,14 +128,29 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [trigger]);
   var parentMenu = (0, _react.useContext)(_MenuContext.default);
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
-  var navbar = (0, _react.useContext)(_Navbar.NavbarContext); // Render a disclosure when inside expanded <Sidenav>
+  var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
+
+  var _useReducer = (0, _react.useReducer)(_DropdownState.reducer, _DropdownState.initialState),
+      items = _useReducer[0].items,
+      dispatch = _useReducer[1];
+
+  var hasSelectedItem = (0, _react.useMemo)(function () {
+    return items.some(function (item) {
+      return item.props.selected;
+    });
+  }, [items]);
+  var dropdownContextValue = (0, _react.useMemo)(function () {
+    return {
+      activeKey: activeKey,
+      onSelect: emitSelect,
+      hasSelectedItem: hasSelectedItem,
+      dispatch: dispatch
+    };
+  }, [activeKey, emitSelect, hasSelectedItem, dispatch]); // Render a disclosure when inside expanded <Sidenav>
 
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {
-      value: {
-        activeKey: activeKey,
-        onSelect: emitSelect
-      }
+      value: dropdownContextValue
     }, /*#__PURE__*/_react.default.createElement(_SidenavDropdown.default, (0, _extends2.default)({
       ref: ref
     }, rest)));
@@ -140,10 +159,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   if (navbar) {
     return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {
-      value: {
-        activeKey: activeKey,
-        onSelect: emitSelect
-      }
+      value: dropdownContextValue
     }, /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
       hideOnClickOutside: true
     }, function (_ref, containerRef) {
@@ -183,7 +199,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: toggleClassName,
       placement: placement,
       disabled: disabled
-    }, (0, _omit.default)(menuButtonProps, ['open']), toggleProps), title);
+    }, (0, _omit.default)(menuButtonProps, ['open']), (0, _omit.default)(toggleProps, ['data-testid'])), title);
   };
 
   if (parentMenu) {
@@ -199,16 +215,13 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({
             focus: active
           }))
-        }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), toggleProps), title);
+        }, menuButtonProps, (0, _omit.default)(menuitemProps, ['onClick']), (0, _omit.default)(toggleProps, 'data-testid')), title);
       });
     };
   }
 
   return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {
-    value: {
-      activeKey: activeKey,
-      onSelect: emitSelect
-    }
+    value: dropdownContextValue
   }, /*#__PURE__*/_react.default.createElement(_Menu.default, {
     menuButtonText: title,
     renderMenuButton: renderMenuButton,
@@ -216,7 +229,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     renderMenuPopup: function renderMenuPopup(_ref4, popupRef) {
       var open = _ref4.open,
           popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref4, ["open"]);
-      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix()); // When inside a collapsed <Sidenav>, render a header in menu
+      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({})); // When inside a collapsed <Sidenav>, render a header in menu
 
       var showHeader = !!sidenav;
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
@@ -243,11 +256,11 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     var open = _ref5.open,
         menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref5, ["open"]);
-    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2)));
+    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2['selected-within'] = hasSelectedItem, _withClassPrefix2)));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, menuContainerRef),
       className: classes
-    }, menuContainer, {
+    }, menuContainer, (0, _pick.default)(toggleProps, ['data-testid']), {
       style: style
     }));
   }));

package/cjs/Dropdown/DropdownContext.d.ts

@@ -1,7 +1,10 @@
-import React from 'react';
+import React, { Dispatch } from 'react';
+import { DropdownAction } from './DropdownState';
 export interface DropdownContextProps {
     activeKey?: string;
     onSelect: (eventKey: string, event: React.SyntheticEvent) => void;
+    hasSelectedItem?: boolean;
+    dispatch?: Dispatch<DropdownAction>;
 }
 declare const DropdownContext: React.Context<DropdownContextProps>;
 export default DropdownContext;

package/cjs/Dropdown/DropdownItem.js

@@ -37,6 +37,10 @@ var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 
+var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
+
+var _DropdownState = require("./DropdownState");
+
 var defaultProps = {
   as: 'li',
   classPrefix: 'dropdown-item'
@@ -55,6 +59,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       onSelect = props.onSelect,
       icon = props.icon,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon"]);
+  var internalId = (0, _useInternalId.default)('DropdownItem');
   var nav = (0, _react.useContext)(_NavContext.default);
   var dropdown = (0, _react.useContext)(_DropdownContext.default);
 
@@ -82,6 +87,29 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     });
     handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);
   }, [dispatchDisclosure, handleSelectItem]);
+  var selected = activeProp || !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));
+  var dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;
+  (0, _react.useEffect)(function () {
+    if (dispatch) {
+      dispatch({
+        type: _DropdownState.DropdownActionType.RegisterItem,
+        payload: {
+          id: internalId,
+          props: {
+            selected: selected
+          }
+        }
+      });
+      return function () {
+        dispatch({
+          type: _DropdownState.DropdownActionType.UnregisterItem,
+          payload: {
+            id: internalId
+          }
+        });
+      };
+    }
+  }, [internalId, selected, dispatch]);
 
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({
@@ -89,7 +117,6 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }, props));
   }
 
-  var menuitemSelected = activeProp || !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));
   var Component = rest.as,
       divider = rest.divider,
       panel = rest.panel,
@@ -119,7 +146,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       disabled: disabled,
       divider: divider,
       panel: panel,
-      active: menuitemSelected
+      active: selected
     }));
     var dataAttributes = {
       'data-event-key': eventKey
@@ -132,7 +159,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({
       ref: ref,
       className: classes,
-      "aria-current": menuitemSelected || undefined
+      "aria-current": selected || undefined
     }, dataAttributes, restProps, {
       onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick)
     }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
@@ -141,7 +168,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }
 
   return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    selected: menuitemSelected,
+    selected: selected,
     disabled: disabled,
     onActivate: handleSelectItem
   }, function (_ref2, menuitemRef) {

package/cjs/Dropdown/DropdownState.d.ts

@@ -0,0 +1,37 @@
+interface DropdownItemState {
+    /**
+     * Internal ID
+     */
+    id: string;
+    /**
+     *
+     */
+    props: {
+        selected: boolean;
+    };
+}
+interface DropdownState {
+    items: DropdownItemState[];
+}
+export declare const initialState: DropdownState;
+export declare enum DropdownActionType {
+    RegisterItem = 0,
+    UnregisterItem = 1,
+    UpdateItem = 2
+}
+export declare type DropdownAction = {
+    type: DropdownActionType.RegisterItem;
+    payload: {
+        id: string;
+        props: {
+            selected: boolean;
+        };
+    };
+} | {
+    type: DropdownActionType.UnregisterItem;
+    payload: {
+        id: string;
+    };
+};
+export declare function reducer(state: DropdownState, action: DropdownAction): DropdownState;
+export {};

package/cjs/Dropdown/DropdownState.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.reducer = reducer;
+exports.DropdownActionType = exports.initialState = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var initialState = {
+  items: []
+};
+exports.initialState = initialState;
+var DropdownActionType;
+exports.DropdownActionType = DropdownActionType;
+
+(function (DropdownActionType) {
+  DropdownActionType[DropdownActionType["RegisterItem"] = 0] = "RegisterItem";
+  DropdownActionType[DropdownActionType["UnregisterItem"] = 1] = "UnregisterItem";
+  DropdownActionType[DropdownActionType["UpdateItem"] = 2] = "UpdateItem";
+})(DropdownActionType || (exports.DropdownActionType = DropdownActionType = {}));
+
+function reducer(state, action) {
+  if (state === void 0) {
+    state = initialState;
+  }
+
+  switch (action.type) {
+    case DropdownActionType.RegisterItem:
+      if (state.items.find(function (item) {
+        return item.id === action.payload.id;
+      })) {
+        return (0, _extends2.default)({}, state, {
+          items: state.items.map(function (item) {
+            if (item.id === action.payload.id) {
+              return (0, _extends2.default)({}, item, {
+                props: (0, _extends2.default)({}, item.props, {
+                  selected: action.payload.props.selected
+                })
+              });
+            }
+
+            return item;
+          })
+        });
+      }
+
+      return (0, _extends2.default)({}, state, {
+        items: [].concat(state.items, [{
+          id: action.payload.id,
+          props: action.payload.props
+        }])
+      });
+
+    case DropdownActionType.UnregisterItem:
+      return (0, _extends2.default)({}, state, {
+        items: state.items.filter(function (item) {
+          return item.id !== action.payload.id;
+        })
+      });
+
+    default:
+      return state;
+  }
+}

package/cjs/SelectPicker/SelectPicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
 import { PickerComponent } from '../Picker';
-import { TypeAttributes, FormControlPickerProps, ItemDataType } from '../@types/common';
+import { FormControlPickerProps, ItemDataType } from '../@types/common';
 import { ListProps } from 'react-virtualized/dist/commonjs/List';
 export declare type ValueType = number | string;
 export interface SelectProps<T = ValueType> {
@@ -16,8 +16,6 @@ export interface SelectProps<T = ValueType> {
      * https://github.com/bvaughn/react-virtualized/blob/master/docs/List.md#prop-types
      */
     listProps?: ListProps;
-    /** A picker can have different sizes */
-    size?: TypeAttributes.Size;
     /** Custom search rules. */
     searchBy?: (keyword: string, label: React.ReactNode, item: ItemDataType) => boolean;
     /** Sort options */

package/cjs/Sidenav/SidenavDropdown.js

@@ -33,6 +33,8 @@ var _SidenavDropdownCollapse = _interopRequireDefault(require("./SidenavDropdown
 
 var _Disclosure = _interopRequireDefault(require("../Disclosure/Disclosure"));
 
+var _DropdownContext = _interopRequireDefault(require("../Dropdown/DropdownContext"));
+
 var defaultProps = {
   as: 'div',
   classPrefix: 'dropdown',
@@ -66,6 +68,9 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
       openKeys = _useContext$openKeys === void 0 ? [] : _useContext$openKeys,
       onOpenChange = _useContext.onOpenChange;
 
+  var _useContext2 = (0, _react.useContext)(_DropdownContext.default),
+      hasSelectedItem = _useContext2.hasSelectedItem;
+
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       merge = _useClassNames.merge,
       withClassPrefix = _useClassNames.withClassPrefix;
@@ -88,7 +93,7 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
     var _withClassPrefix;
 
     var open = _ref.open;
-    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));
+    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, containerRef),
       style: style,

package/cjs/Sidenav/SidenavItem.js

@@ -80,28 +80,20 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         focus: active,
         active: selected,
         disabled: disabled
-      }));
+      })); // Show tooltip when inside a collapse <Sidenav>
 
-      var item = /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-        ref: (0, _utils.mergeRefs)(ref, menuitemRef),
-        disabled: Component === _SafeAnchor.default ? disabled : undefined,
-        className: classes,
-        "data-event-key": eventKey
-      }, menuitem, (0, _omit.default)(rest, ['divider', 'panel'])), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null)); // Show tooltip when inside a collapse <Sidenav>
-
-
-      return sidenav ? (0, _utils.appendTooltip)({
+      return (0, _utils.appendTooltip)({
         children: function children(triggerProps, triggerRef) {
           return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
             ref: (0, _utils.mergeRefs)((0, _utils.mergeRefs)(ref, menuitemRef), triggerRef),
             disabled: Component === _SafeAnchor.default ? disabled : undefined,
             className: classes,
             "data-event-key": eventKey
-          }, menuitem, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
+          }, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps, menuitem), icon, _children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
         },
         message: _children,
         placement: 'right'
-      }) : item;
+      });
     });
   }
 

package/cjs/utils/dateUtils.d.ts

@@ -19,6 +19,7 @@ export { default as isBefore } from 'date-fns/isBefore';
 export { default as isEqual } from 'date-fns/isEqual';
 export { default as isSameDay } from 'date-fns/isSameDay';
 export { default as isSameMonth } from 'date-fns/isSameMonth';
+export { default as isSameSecond } from 'date-fns/isSameSecond';
 export { default as parse } from 'date-fns/parse';
 export { default as parseISO } from 'date-fns/parseISO';
 export { default as setDate } from 'date-fns/setDate';

package/cjs/utils/dateUtils.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.disabledTime = disabledTime;
 exports.getMonthView = getMonthView;
 exports.getDateMask = getDateMask;
-exports.shouldOnlyTime = exports.shouldDate = exports.shouldMonth = exports.shouldTime = exports.omitHideDisabledProps = exports.calendarOnlyProps = exports.isValid = exports.isMatch = exports.subDays = exports.startOfWeek = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.parseISO = exports.parse = exports.isSameMonth = exports.isSameDay = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.compareAsc = exports.addMonths = exports.addDays = void 0;
+exports.shouldOnlyTime = exports.shouldDate = exports.shouldMonth = exports.shouldTime = exports.omitHideDisabledProps = exports.calendarOnlyProps = exports.isValid = exports.isMatch = exports.subDays = exports.startOfWeek = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.parseISO = exports.parse = exports.isSameSecond = exports.isSameMonth = exports.isSameDay = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.compareAsc = exports.addMonths = exports.addDays = void 0;
 
 var _pick = _interopRequireDefault(require("lodash/pick"));
 
@@ -96,6 +96,10 @@ var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
 
 exports.isSameMonth = _isSameMonth.default;
 
+var _isSameSecond = _interopRequireDefault(require("date-fns/isSameSecond"));
+
+exports.isSameSecond = _isSameSecond.default;
+
 var _parse = _interopRequireDefault(require("date-fns/parse"));
 
 exports.parse = _parse.default;

package/cjs/utils/useInternalId.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Used for generating unique ID for DOM elements
+ */
+export default function useInternalId(prefix?: string): string;

package/cjs/utils/useInternalId.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = useInternalId;
+
+var _react = require("react");
+
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+
+/**
+ * Used for generating unique ID for DOM elements
+ */
+function useInternalId(prefix) {
+  var idRef = (0, _react.useRef)();
+
+  if (!idRef.current) {
+    idRef.current = (0, _uniqueId.default)("internal://" + prefix);
+  }
+
+  (0, _react.useDebugValue)(idRef.current);
+  return idRef.current;
+}

package/cjs/utils/useUniqueId.d.ts

@@ -1,4 +1,4 @@
 /**
- * Used for generating unique ID for elements
+ * Used for generating unique ID for DOM elements
  */
 export default function useUniqueId(prefix?: string): string;

package/cjs/utils/useUniqueId.js

@@ -10,7 +10,7 @@ var _react = require("react");
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 
 /**
- * Used for generating unique ID for elements
+ * Used for generating unique ID for DOM elements
  */
 function useUniqueId(prefix) {
   var idRef = (0, _react.useRef)();