@codacy/ui-components 0.64.16 → 0.64.17

package/lib/hooks/useInfiniteScroll.js

@@ -1,51 +1,55 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useCallback, useEffect, useRef } from 'react';
-/** @deprecated Use useInfiniteScrollRef instead */
+"use strict";
 
-export function useInfiniteScroll(ref, onLoadMore, containerRef) {
-  var observer = useRef();
-  var handleLoadMore = useCallback(function (entries, _) {
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useInfiniteScrollRef;
+exports.useInfiniteScroll = useInfiniteScroll;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+/** @deprecated Use useInfiniteScrollRef instead */
+function useInfiniteScroll(ref, onLoadMore, containerRef) {
+  var observer = (0, _react.useRef)();
+  var handleLoadMore = (0, _react.useCallback)(function (entries, _) {
     if (entries[0].isIntersecting && onLoadMore) {
       onLoadMore();
     }
   }, [onLoadMore]);
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (ref.current) {
       observer.current = new IntersectionObserver(handleLoadMore, {
         root: containerRef
       });
       observer.current.observe(ref.current);
     }
-
     return function () {
       if (observer.current) observer.current.disconnect();
     };
   }, [ref, handleLoadMore, containerRef]);
 }
-export default function useInfiniteScrollRef(onLoadMore, containerRef) {
-  var observer = useRef();
-
-  var _React$useState = React.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      ref = _React$useState2[0],
-      setRef = _React$useState2[1];
-
-  var handleLoadMore = useCallback(function (entries, _) {
+function useInfiniteScrollRef(onLoadMore, containerRef) {
+  var observer = (0, _react.useRef)();
+  var _React$useState = _react["default"].useState(null),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    ref = _React$useState2[0],
+    setRef = _React$useState2[1];
+  var handleLoadMore = (0, _react.useCallback)(function (entries, _) {
     if (entries[0].isIntersecting && onLoadMore) {
       onLoadMore();
     }
   }, [onLoadMore]);
-  var refCallback = useCallback(function (node) {
+  var refCallback = (0, _react.useCallback)(function (node) {
     setRef(node);
   }, []);
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (ref) {
       observer.current = new IntersectionObserver(handleLoadMore, {
         root: containerRef
       });
       observer.current.observe(ref);
     }
-
     return function () {
       if (observer.current) observer.current.disconnect();
     };

package/lib/hooks/useStatefulRef.js

@@ -1,19 +1,23 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useRef, useState } from 'react';
-export function useStatefulRef() {
-  var initialVal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStatefulRef = useStatefulRef;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = require("react");
+function useStatefulRef() {
+  var initialVal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   // eslint-disable-next-line prefer-const
-  var _useState = useState(initialVal),
-      _useState2 = _slicedToArray(_useState, 2),
-      cur = _useState2[0],
-      setCur = _useState2[1];
-
-  var _useRef = useRef({
-    current: cur
-  }),
-      ref = _useRef.current;
-
+  var _useState = (0, _react.useState)(initialVal),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    cur = _useState2[0],
+    setCur = _useState2[1];
+  var _useRef = (0, _react.useRef)({
+      current: cur
+    }),
+    ref = _useRef.current;
   Object.defineProperty(ref, 'current', {
     get: function get() {
       return cur;

package/lib/index.js

@@ -1,44 +1,489 @@
-export * from './Avatar';
-export * from './CloseButton';
-export * from './Banner';
-export * from './Button';
-export * from './Checkbox';
-export * from './Flexbox';
-export * from './Group';
-export * from './Icons';
-export * from './Img';
-export * from './InlineMessage';
-export * from './Input';
-export * from './Labeled';
-export * from './TagsInput';
-export * from './LeftMenu';
-export * from './Link';
-export * from './Modal';
-export * from './Popup';
-export * from './MoreInfo';
-export * from './Panel';
-export * from './Radio';
-export * from './Skeleton';
-export * from './theme';
-export * from './ThemeProvider';
-export * from './Toast';
-export * from './Toggle';
-export * from './Tooltip';
-export * from './Typography';
-export * from './Textarea';
-export * from './Divider';
-export * from './Message';
-export * from './Select';
-export * from './PillLabel';
-export * from './Tab';
-export * from './IconAndText';
-export * from './Table';
-export * from './Icon';
-export * from './Dropdown';
-export * from './ScrollableContent';
-export * from './Switcher';
-export * from './Stepper';
-export * from './hooks';
-export * from './types';
-export * from './system-props';
-export * from './ProgressBar';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Avatar = require("./Avatar");
+Object.keys(_Avatar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Avatar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Avatar[key];
+    }
+  });
+});
+var _CloseButton = require("./CloseButton");
+Object.keys(_CloseButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CloseButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CloseButton[key];
+    }
+  });
+});
+var _Banner = require("./Banner");
+Object.keys(_Banner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Banner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Banner[key];
+    }
+  });
+});
+var _Button = require("./Button");
+Object.keys(_Button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Button[key];
+    }
+  });
+});
+var _Checkbox = require("./Checkbox");
+Object.keys(_Checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Checkbox[key];
+    }
+  });
+});
+var _Flexbox = require("./Flexbox");
+Object.keys(_Flexbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Flexbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Flexbox[key];
+    }
+  });
+});
+var _Group = require("./Group");
+Object.keys(_Group).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Group[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Group[key];
+    }
+  });
+});
+var _Icons = require("./Icons");
+Object.keys(_Icons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Icons[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Icons[key];
+    }
+  });
+});
+var _Img = require("./Img");
+Object.keys(_Img).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Img[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Img[key];
+    }
+  });
+});
+var _InlineMessage = require("./InlineMessage");
+Object.keys(_InlineMessage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InlineMessage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InlineMessage[key];
+    }
+  });
+});
+var _Input = require("./Input");
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Input[key];
+    }
+  });
+});
+var _Labeled = require("./Labeled");
+Object.keys(_Labeled).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Labeled[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Labeled[key];
+    }
+  });
+});
+var _TagsInput = require("./TagsInput");
+Object.keys(_TagsInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TagsInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TagsInput[key];
+    }
+  });
+});
+var _LeftMenu = require("./LeftMenu");
+Object.keys(_LeftMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LeftMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LeftMenu[key];
+    }
+  });
+});
+var _Link = require("./Link");
+Object.keys(_Link).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Link[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Link[key];
+    }
+  });
+});
+var _Modal = require("./Modal");
+Object.keys(_Modal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Modal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Modal[key];
+    }
+  });
+});
+var _Popup = require("./Popup");
+Object.keys(_Popup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Popup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Popup[key];
+    }
+  });
+});
+var _MoreInfo = require("./MoreInfo");
+Object.keys(_MoreInfo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MoreInfo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MoreInfo[key];
+    }
+  });
+});
+var _Panel = require("./Panel");
+Object.keys(_Panel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Panel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Panel[key];
+    }
+  });
+});
+var _Radio = require("./Radio");
+Object.keys(_Radio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Radio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Radio[key];
+    }
+  });
+});
+var _Skeleton = require("./Skeleton");
+Object.keys(_Skeleton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Skeleton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Skeleton[key];
+    }
+  });
+});
+var _theme = require("./theme");
+Object.keys(_theme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _theme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _theme[key];
+    }
+  });
+});
+var _ThemeProvider = require("./ThemeProvider");
+Object.keys(_ThemeProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ThemeProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ThemeProvider[key];
+    }
+  });
+});
+var _Toast = require("./Toast");
+Object.keys(_Toast).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Toast[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Toast[key];
+    }
+  });
+});
+var _Toggle = require("./Toggle");
+Object.keys(_Toggle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Toggle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Toggle[key];
+    }
+  });
+});
+var _Tooltip = require("./Tooltip");
+Object.keys(_Tooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tooltip[key];
+    }
+  });
+});
+var _Typography = require("./Typography");
+Object.keys(_Typography).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Typography[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Typography[key];
+    }
+  });
+});
+var _Textarea = require("./Textarea");
+Object.keys(_Textarea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Textarea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Textarea[key];
+    }
+  });
+});
+var _Divider = require("./Divider");
+Object.keys(_Divider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Divider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Divider[key];
+    }
+  });
+});
+var _Message = require("./Message");
+Object.keys(_Message).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Message[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Message[key];
+    }
+  });
+});
+var _Select = require("./Select");
+Object.keys(_Select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Select[key];
+    }
+  });
+});
+var _PillLabel = require("./PillLabel");
+Object.keys(_PillLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PillLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PillLabel[key];
+    }
+  });
+});
+var _Tab = require("./Tab");
+Object.keys(_Tab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tab[key];
+    }
+  });
+});
+var _IconAndText = require("./IconAndText");
+Object.keys(_IconAndText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IconAndText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IconAndText[key];
+    }
+  });
+});
+var _Table = require("./Table");
+Object.keys(_Table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Table[key];
+    }
+  });
+});
+var _Icon = require("./Icon");
+Object.keys(_Icon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Icon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Icon[key];
+    }
+  });
+});
+var _Dropdown = require("./Dropdown");
+Object.keys(_Dropdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Dropdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dropdown[key];
+    }
+  });
+});
+var _ScrollableContent = require("./ScrollableContent");
+Object.keys(_ScrollableContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ScrollableContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ScrollableContent[key];
+    }
+  });
+});
+var _Switcher = require("./Switcher");
+Object.keys(_Switcher).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Switcher[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Switcher[key];
+    }
+  });
+});
+var _Stepper = require("./Stepper");
+Object.keys(_Stepper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Stepper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Stepper[key];
+    }
+  });
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _hooks[key];
+    }
+  });
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[key];
+    }
+  });
+});
+var _systemProps = require("./system-props");
+Object.keys(_systemProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _systemProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _systemProps[key];
+    }
+  });
+});
+var _ProgressBar = require("./ProgressBar");
+Object.keys(_ProgressBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ProgressBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ProgressBar[key];
+    }
+  });
+});

package/lib/system-props/color.js

@@ -1,4 +1,10 @@
-import { system } from 'styled-system';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.color = void 0;
+var _styledSystem = require("styled-system");
 var config = {
   textColor: {
     property: 'color',
@@ -14,4 +20,4 @@ var config = {
   },
   opacity: true
 };
-export var color = system(config);
+var color = exports.color = (0, _styledSystem.system)(config);