@startlibs/components 1.0.0-alpha-8c → 1.0.0-alpha-8d3

package/lib/index.js

@@ -18,7 +18,7 @@ var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass')
 var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
 var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
 var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
-var router = require('@reach/router');
+var reactRouterDom = require('react-router-dom');
 var _assign = _interopDefault(require('lodash/fp/assign'));
 var core = require('@startlibs/core');
 var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
@@ -38,7 +38,6 @@ var _set = _interopDefault(require('lodash/fp/set'));
 var _pullAt = _interopDefault(require('lodash/fp/pullAt'));
 var _map = _interopDefault(require('lodash/fp/map'));
 var ReactDOM = _interopDefault(require('react-dom'));
-var reactHotLoader = require('react-hot-loader');
 var _isFunction = _interopDefault(require('lodash/fp/isFunction'));
 var reactIs = require('react-is');
 var mitt = _interopDefault(require('mitt'));
@@ -119,8 +118,7 @@ var Icon = styled__default(styled.withTheme(IconComponent)).withConfig({
   return props.clickable && "\n    cursor: pointer;\n    &:hover {\n      opacity: 0.85;\n    }\n  ";
 });
 
-// import {Link as RouterLink} from 'react-router-dom'
-var Link = router.Link;
+var Link = reactRouterDom.Link;
 
 var Loading = styled__default.div.withConfig({
   displayName: "Loading",
@@ -2050,7 +2048,7 @@ var DialogErrorContent = function DialogErrorContent(_ref4) {
     return React__default.createElement(Dialog, {
       as: "div"
     }, closeDialog && React__default.createElement(CloseIcon, {
-      onClick: confirmCloseDialog
+      onClick: closeDialog
     }), title && React__default.createElement(DialogTitle, null, title), React__default.createElement(DialogContent, {
       icon: "warning"
     }, content), React__default.createElement(DialogFooter, null, React__default.createElement(Button, {
@@ -3029,7 +3027,7 @@ function (_React$Component2) {
 
     _this2.addProps = function (children, eventHandlers, activeIndex, extraProps) {
       return children.map(function (c, index) {
-        return reactHotLoader.areComponentsEqual(c.type, DraggableItem) ? React__default.cloneElement(c, {
+        return c.type === DraggableItem ? React__default.cloneElement(c, {
           isDragging: activeIndex === index,
           dragIndex: index,
           droppable: _assertThisInitialized(_assertThisInitialized(_this2)),
@@ -4078,6 +4076,11 @@ var slideUpOnTop = utils.oneWayAnimation('transform: translateY(10px); pointer-e
 var slideRight = utils.oneWayAnimation('transform: translateX(-10px)', 'transform: none;');
 var slideLeftOnLeft = utils.oneWayAnimation('transform: translateX(10px); pointer-events: none', 'transform: translateX(0px); pointer-events: none');
 var popupAnimation = utils.animationTiming('0.2s ease-out');
+
+var areComponentsEqual = function areComponentsEqual(a, b) {
+  return a === b;
+};
+
 var ListItem = styled__default.li.withConfig({
   displayName: "ContextMenu__ListItem",
   componentId: "sc-13y1vvt-0"
@@ -4496,7 +4499,7 @@ var ContextMenuComponent = React.forwardRef(function (_ref2, unesuredRef) {
   var getTotalKeyboardItems = function getTotalKeyboardItems(children) {
     var max = 0;
     React__default.Children.forEach(children, function (e) {
-      return max += e && (!styled.isStyledComponent(e.type) && reactHotLoader.areComponentsEqual(e.type, Li) || e.type.isKeyboardNavigable || (reactHotLoader.areComponentsEqual(e.type, StickyContainer) ? getTotalKeyboardItems(e.props.children) : 0));
+      return max += e && (!styled.isStyledComponent(e.type) && e.type === Li || e.type.isKeyboardNavigable || (areComponentsEqual(e.type, StickyContainer) ? getTotalKeyboardItems(e.props.children) : 0));
     });
     return max;
   };
@@ -4511,14 +4514,14 @@ var ContextMenuComponent = React.forwardRef(function (_ref2, unesuredRef) {
     var indexOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var i = 0;
     return React__default.Children.map(children, function (child, j) {
-      return child ? !styled.isStyledComponent(child.type) && !reactIs.isMemo(child.type) && reactHotLoader.areComponentsEqual(child.type, Li) || child.type.isKeyboardNavigable ? React__default.cloneElement(child, {
+      return child ? !styled.isStyledComponent(child.type) && !reactIs.isMemo(child.type) && areComponentsEqual(child.type, Li) || child.type.isKeyboardNavigable ? React__default.cloneElement(child, {
         hover: hoverCursor === i + indexOffset && layerIndex === layerCursor,
         hoverCursor: hoverCursor,
         index: indexOffset + i++,
         setCursorOnHover: setCursorOnHover,
         emitter: itemsEmitter,
         layerIndex: layerIndex
-      }) : reactHotLoader.areComponentsEqual(child.type, StickyContainer) ? React__default.cloneElement(child, _objectSpread({}, child.props, {
+      }) : areComponentsEqual(child.type, StickyContainer) ? React__default.cloneElement(child, _objectSpread({}, child.props, {
         children: formatChildren(child.props.children, i + indexOffset)
       })) : child : child;
     });

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "@startlibs/components",
-  "version": "1.0.0-alpha-8c",
+  "version": "1.0.0-alpha-8d3",
   "description": "Startlibs Components",
   "main": "lib/index.js",
   "sideEffects": false,
   "source": true,
   "peerDependencies": {
     "lodash": "^4.17.11",
-    "react": "^16.8",
-    "react-dom": "^16.8",
-    "react-hot-loader": "^4.3.5",
+    "react": "^18.2",
+    "react-dom": "^18.2",
     "styled-components": "^5.2.0"
   },
   "devDependencies": {