@codacy/ui-components 0.66.24 → 0.66.26

package/lib/Divider/Divider.js

@@ -1,35 +1,24 @@
-"use strict";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { DividerWrapper, StyledHr } from './Divider.styles';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Divider = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Divider = require("./Divider.styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "height", "backgroundColor", "vertical"];
 /**
  * Description for Divider
  */
-var Divider = exports.Divider = function Divider(_ref) {
-  var children = _ref.children,
-    height = _ref.height,
-    backgroundColor = _ref.backgroundColor,
-    vertical = _ref.vertical,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.DividerWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    role: "separator",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: children
-    })
-  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.StyledHr, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+export const Divider = ({
+  children,
+  height,
+  backgroundColor,
+  vertical,
+  ...props
+}) => {
+  return children ? /*#__PURE__*/React.createElement(DividerWrapper, _extends({}, props, {
+    role: "separator"
+  }), /*#__PURE__*/React.createElement("div", null, children)) : /*#__PURE__*/React.createElement(StyledHr, _extends({
     height: height,
     backgroundColor: backgroundColor,
     vertical: vertical
-  }, props), {}, {
+  }, props, {
     as: "hr"
   }));
 };

package/lib/Divider/Divider.styles.d.ts

@@ -15,4 +15,4 @@ export declare const StyledHr: import("@emotion/styled").StyledComponent<{
     fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & import("..").FlexboxProps & import("..").GridboxProps & Pick<DividerProps, "height" | "backgroundColor" | "vertical">, {}, {}>;
+} & import("..").FlexboxProps & import("..").GridboxProps & Pick<DividerProps, "backgroundColor" | "height" | "vertical">, {}, {}>;

package/lib/Divider/Divider.styles.js

@@ -1,46 +1,32 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledHr = exports.DividerWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _Flexbox = require("../Flexbox");
-var DividerWrapper = exports.DividerWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
+import _styled from "@emotion/styled/base";
+import { Box } from '../Flexbox';
+export const DividerWrapper = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
   target: "eui8z681"
 } : {
   target: "eui8z681",
   label: "codacy"
-})("display:flex;align-items:center;&>div{padding:0 ", function (_ref) {
-  var theme = _ref.theme;
-  return theme.space[4];
-}, ";}&::after,&::before{content:'';flex-grow:1;background:", function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors['divider-enabled'];
-}, ";height:", function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.borderWidths[0];
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9EaXZpZGVyL0RpdmlkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1RCIsImZpbGUiOiIuLi8uLi9zcmMvRGl2aWRlci9EaXZpZGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQWxsQ29sb3JzS2V5cyB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IERpdmlkZXJQcm9wcyB9IGZyb20gJy4vRGl2aWRlci50eXBlcydcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJXcmFwcGVyID0gc3R5bGVkKEJveCk8RGl2aWRlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmID4gZGl2IHtcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNF19O1xuICB9XG5cbiAgJjo6YWZ0ZXIsXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydkaXZpZGVyLWVuYWJsZWQnXX07XG4gICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcldpZHRoc1swXX07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhyID0gc3R5bGVkKEJveCk8UGljazxEaXZpZGVyUHJvcHMsICdoZWlnaHQnIHwgJ2JhY2tncm91bmRDb2xvcicgfCAndmVydGljYWwnPj5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PlxuICAgIGJhY2tncm91bmRDb2xvciA/IHRoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kQ29sb3IgYXMgQWxsQ29sb3JzS2V5c10gOiB0aGVtZS5jb2xvcnNbJ2RpdmlkZXItZW5hYmxlZCddfTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lLCBoZWlnaHQgfSkgPT4gKGhlaWdodCA/IGhlaWdodCA6IHRoZW1lLmJvcmRlcldpZHRoc1swXSl9O1xuICBib3JkZXI6IDAgbm9uZTtcbiAgYm9yZGVyLWxlZnQ6ICR7KHsgdGhlbWUsIHZlcnRpY2FsLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT5cbiAgICB2ZXJ0aWNhbCAmJiBiYWNrZ3JvdW5kQ29sb3JcbiAgICAgID8gYDFweCBzb2xpZCAke3RoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kQ29sb3IgYXMgQWxsQ29sb3JzS2V5c119YFxuICAgICAgOiB2ZXJ0aWNhbFxuICAgICAgICA/IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbJ2RpdmlkZXItZW5hYmxlZCddfWBcbiAgICAgICAgOiAnMCBub25lJ307XG4gIHBvc2l0aW9uOiAkeyh7IHZlcnRpY2FsIH0pID0+ICh2ZXJ0aWNhbCA/ICdhYnNvbHV0ZScgOiAncmVsYXRpdmUnKX07XG5gXG4iXX0= */"));
-var StyledHr = exports.StyledHr = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
+})("display:flex;align-items:center;&>div{padding:0 ", ({
+  theme
+}) => theme.space[4], ";}&::after,&::before{content:'';flex-grow:1;background:", ({
+  theme
+}) => theme.colors['divider-enabled'], ";height:", ({
+  theme
+}) => theme.borderWidths[0], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9EaXZpZGVyL0RpdmlkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1RCIsImZpbGUiOiIuLi8uLi9zcmMvRGl2aWRlci9EaXZpZGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQWxsQ29sb3JzS2V5cyB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IERpdmlkZXJQcm9wcyB9IGZyb20gJy4vRGl2aWRlci50eXBlcydcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJXcmFwcGVyID0gc3R5bGVkKEJveCk8RGl2aWRlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmID4gZGl2IHtcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNF19O1xuICB9XG5cbiAgJjo6YWZ0ZXIsXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydkaXZpZGVyLWVuYWJsZWQnXX07XG4gICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcldpZHRoc1swXX07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhyID0gc3R5bGVkKEJveCk8UGljazxEaXZpZGVyUHJvcHMsICdoZWlnaHQnIHwgJ2JhY2tncm91bmRDb2xvcicgfCAndmVydGljYWwnPj5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PlxuICAgIGJhY2tncm91bmRDb2xvciA/IHRoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kQ29sb3IgYXMgQWxsQ29sb3JzS2V5c10gOiB0aGVtZS5jb2xvcnNbJ2RpdmlkZXItZW5hYmxlZCddfTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lLCBoZWlnaHQgfSkgPT4gKGhlaWdodCA/IGhlaWdodCA6IHRoZW1lLmJvcmRlcldpZHRoc1swXSl9O1xuICBib3JkZXI6IDAgbm9uZTtcbiAgYm9yZGVyLWxlZnQ6ICR7KHsgdGhlbWUsIHZlcnRpY2FsLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT5cbiAgICB2ZXJ0aWNhbCAmJiBiYWNrZ3JvdW5kQ29sb3JcbiAgICAgID8gYDFweCBzb2xpZCAke3RoZW1lLmNvbG9yc1tiYWNrZ3JvdW5kQ29sb3IgYXMgQWxsQ29sb3JzS2V5c119YFxuICAgICAgOiB2ZXJ0aWNhbFxuICAgICAgICA/IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbJ2RpdmlkZXItZW5hYmxlZCddfWBcbiAgICAgICAgOiAnMCBub25lJ307XG4gIHBvc2l0aW9uOiAkeyh7IHZlcnRpY2FsIH0pID0+ICh2ZXJ0aWNhbCA/ICdhYnNvbHV0ZScgOiAncmVsYXRpdmUnKX07XG5gXG4iXX0= */"));
+export const StyledHr = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
   target: "eui8z680"
 } : {
   target: "eui8z680",
   label: "codacy"
-})("background:", function (_ref4) {
-  var theme = _ref4.theme,
-    backgroundColor = _ref4.backgroundColor;
-  return backgroundColor ? theme.colors[backgroundColor] : theme.colors['divider-enabled'];
-}, ";height:", function (_ref5) {
-  var theme = _ref5.theme,
-    height = _ref5.height;
-  return height ? height : theme.borderWidths[0];
-}, ";border:0 none;border-left:", function (_ref6) {
-  var theme = _ref6.theme,
-    vertical = _ref6.vertical,
-    backgroundColor = _ref6.backgroundColor;
-  return vertical && backgroundColor ? "1px solid ".concat(theme.colors[backgroundColor]) : vertical ? "1px solid ".concat(theme.colors['divider-enabled']) : '0 none';
-}, ";position:", function (_ref7) {
-  var vertical = _ref7.vertical;
-  return vertical ? 'absolute' : 'relative';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9EaXZpZGVyL0RpdmlkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCa0ciLCJmaWxlIjoiLi4vLi4vc3JjL0RpdmlkZXIvRGl2aWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFsbENvbG9yc0tleXMgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBEaXZpZGVyUHJvcHMgfSBmcm9tICcuL0RpdmlkZXIudHlwZXMnXG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyV3JhcHBlciA9IHN0eWxlZChCb3gpPERpdmlkZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJiA+IGRpdiB7XG4gICAgcGFkZGluZzogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzRdfTtcbiAgfVxuXG4gICY6OmFmdGVyLFxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZGl2aWRlci1lbmFibGVkJ119O1xuICAgIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJXaWR0aHNbMF19O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIciA9IHN0eWxlZChCb3gpPFBpY2s8RGl2aWRlclByb3BzLCAnaGVpZ2h0JyB8ICdiYWNrZ3JvdW5kQ29sb3InIHwgJ3ZlcnRpY2FsJz4+YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT5cbiAgICBiYWNrZ3JvdW5kQ29sb3IgPyB0aGVtZS5jb2xvcnNbYmFja2dyb3VuZENvbG9yIGFzIEFsbENvbG9yc0tleXNdIDogdGhlbWUuY29sb3JzWydkaXZpZGVyLWVuYWJsZWQnXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgaGVpZ2h0IH0pID0+IChoZWlnaHQgPyBoZWlnaHQgOiB0aGVtZS5ib3JkZXJXaWR0aHNbMF0pfTtcbiAgYm9yZGVyOiAwIG5vbmU7XG4gIGJvcmRlci1sZWZ0OiAkeyh7IHRoZW1lLCB2ZXJ0aWNhbCwgYmFja2dyb3VuZENvbG9yIH0pID0+XG4gICAgdmVydGljYWwgJiYgYmFja2dyb3VuZENvbG9yXG4gICAgICA/IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbYmFja2dyb3VuZENvbG9yIGFzIEFsbENvbG9yc0tleXNdfWBcbiAgICAgIDogdmVydGljYWxcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzWydkaXZpZGVyLWVuYWJsZWQnXX1gXG4gICAgICAgIDogJzAgbm9uZSd9O1xuICBwb3NpdGlvbjogJHsoeyB2ZXJ0aWNhbCB9KSA9PiAodmVydGljYWwgPyAnYWJzb2x1dGUnIDogJ3JlbGF0aXZlJyl9O1xuYFxuIl19 */"));
+})("background:", ({
+  theme,
+  backgroundColor
+}) => backgroundColor ? theme.colors[backgroundColor] : theme.colors['divider-enabled'], ";height:", ({
+  theme,
+  height
+}) => height ? height : theme.borderWidths[0], ";border:0 none;border-left:", ({
+  theme,
+  vertical,
+  backgroundColor
+}) => vertical && backgroundColor ? `1px solid ${theme.colors[backgroundColor]}` : vertical ? `1px solid ${theme.colors['divider-enabled']}` : '0 none', ";position:", ({
+  vertical
+}) => vertical ? 'absolute' : 'relative', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9EaXZpZGVyL0RpdmlkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCa0ciLCJmaWxlIjoiLi4vLi4vc3JjL0RpdmlkZXIvRGl2aWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFsbENvbG9yc0tleXMgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBEaXZpZGVyUHJvcHMgfSBmcm9tICcuL0RpdmlkZXIudHlwZXMnXG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyV3JhcHBlciA9IHN0eWxlZChCb3gpPERpdmlkZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJiA+IGRpdiB7XG4gICAgcGFkZGluZzogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzRdfTtcbiAgfVxuXG4gICY6OmFmdGVyLFxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZGl2aWRlci1lbmFibGVkJ119O1xuICAgIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJXaWR0aHNbMF19O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIciA9IHN0eWxlZChCb3gpPFBpY2s8RGl2aWRlclByb3BzLCAnaGVpZ2h0JyB8ICdiYWNrZ3JvdW5kQ29sb3InIHwgJ3ZlcnRpY2FsJz4+YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT5cbiAgICBiYWNrZ3JvdW5kQ29sb3IgPyB0aGVtZS5jb2xvcnNbYmFja2dyb3VuZENvbG9yIGFzIEFsbENvbG9yc0tleXNdIDogdGhlbWUuY29sb3JzWydkaXZpZGVyLWVuYWJsZWQnXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgaGVpZ2h0IH0pID0+IChoZWlnaHQgPyBoZWlnaHQgOiB0aGVtZS5ib3JkZXJXaWR0aHNbMF0pfTtcbiAgYm9yZGVyOiAwIG5vbmU7XG4gIGJvcmRlci1sZWZ0OiAkeyh7IHRoZW1lLCB2ZXJ0aWNhbCwgYmFja2dyb3VuZENvbG9yIH0pID0+XG4gICAgdmVydGljYWwgJiYgYmFja2dyb3VuZENvbG9yXG4gICAgICA/IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbYmFja2dyb3VuZENvbG9yIGFzIEFsbENvbG9yc0tleXNdfWBcbiAgICAgIDogdmVydGljYWxcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzWydkaXZpZGVyLWVuYWJsZWQnXX1gXG4gICAgICAgIDogJzAgbm9uZSd9O1xuICBwb3NpdGlvbjogJHsoeyB2ZXJ0aWNhbCB9KSA9PiAodmVydGljYWwgPyAnYWJzb2x1dGUnIDogJ3JlbGF0aXZlJyl9O1xuYFxuIl19 */"));

package/lib/Divider/Divider.types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/lib/Divider/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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];
-    }
-  });
-});
+export * from './Divider';

package/lib/Dropdown/Content/DropdownInput.js

@@ -1,21 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DropdownInput = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectDestructuringEmpty"));
-var _react = _interopRequireDefault(require("react"));
-var _Dropdown = require("../Dropdown.styles");
-var _Input = require("../../Input");
-var _jsxRuntime = require("react/jsx-runtime");
-var DropdownInput = exports.DropdownInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
-  var props = Object.assign({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownInputWrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-      ref: ref
-    }))
-  });
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { DropdownInputWrapper } from '../Dropdown.styles';
+import { Input } from '../../Input';
+export const DropdownInput = /*#__PURE__*/React.forwardRef(({
+  ...props
+}, ref) => {
+  return /*#__PURE__*/React.createElement(DropdownInputWrapper, null, /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+    ref: ref
+  })));
 });

package/lib/Dropdown/Content/DropdownItem.js

@@ -1,33 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DropdownItem = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _Dropdown = require("../Dropdown.styles");
-var _Dropdown2 = require("../Dropdown");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "onClick", "disabled", "automaticClose", "value", "href", "isExternal", "active"];
-var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
-  var children = _ref.children,
-    onClick = _ref.onClick,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$automaticClose = _ref.automaticClose,
-    automaticClose = _ref$automaticClose === void 0 ? true : _ref$automaticClose,
-    value = _ref.value,
-    href = _ref.href,
-    _ref$isExternal = _ref.isExternal,
-    isExternal = _ref$isExternal === void 0 ? false : _ref$isExternal,
-    active = _ref.active,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var dropdownContext = (0, _Dropdown2.useDropdownContext)();
-  var handleClick = (0, _react.useCallback)(function (event) {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useCallback } from 'react';
+import { DropdownItemWrapper } from '../Dropdown.styles';
+import { useDropdownContext } from '../Dropdown';
+export const DropdownItem = ({
+  children,
+  onClick,
+  disabled = false,
+  automaticClose = true,
+  value,
+  href,
+  isExternal = false,
+  active,
+  ...props
+}) => {
+  const dropdownContext = useDropdownContext();
+  const handleClick = useCallback(event => {
     if (href) window.open(href, isExternal ? '_blank' : '_self');
     if (event) event.stopPropagation();
     if (!disabled) {
@@ -36,17 +23,16 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     }
     if (automaticClose) dropdownContext.setOpen(false);
   }, [automaticClose, disabled, dropdownContext, onClick, value, href, isExternal]);
-  var isActive = active === undefined ? !!value && value === dropdownContext.value : active;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownItemWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+  const isActive = active === undefined ? !!value && value === dropdownContext.value : active;
+  return /*#__PURE__*/React.createElement(DropdownItemWrapper, _extends({}, props, {
     onClick: handleClick,
-    onKeyDown: function onKeyDown(event) {
+    onKeyDown: event => {
       if (event.key === 'Enter') handleClick();
     },
     tabIndex: disabled ? -1 : 0,
     disabled: disabled,
     active: isActive,
     "aria-selected": isActive,
-    role: "option",
-    children: children
-  }));
+    role: "option"
+  }), children);
 };

package/lib/Dropdown/Content/DropdownSeparator.js

@@ -1,21 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DropdownSeparator = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectDestructuringEmpty"));
-var _react = _interopRequireDefault(require("react"));
-var _Dropdown = require("../Dropdown.styles");
-var _Divider = require("../../Divider");
-var _jsxRuntime = require("react/jsx-runtime");
-var DropdownSeparator = exports.DropdownSeparator = function DropdownSeparator(_ref) {
-  var props = Object.assign({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownSeparatorWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.Divider, {
-      my: 2
-    })
+import React from 'react';
+import { DropdownSeparatorWrapper } from '../Dropdown.styles';
+import { Divider } from '../../Divider';
+export const DropdownSeparator = ({
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(DropdownSeparatorWrapper, props, /*#__PURE__*/React.createElement(Divider, {
+    my: 2
   }));
 };

package/lib/Dropdown/Content/DropdownTitle.js

@@ -1,23 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DropdownTitle = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Dropdown = require("../Dropdown.styles");
-var _Flexbox = require("../../Flexbox");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["title"];
-var DropdownTitle = exports.DropdownTitle = function DropdownTitle(_ref) {
-  var title = _ref.title,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownTitleWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flexbox.Box, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-      children: title
-    }))
-  }));
+import React from 'react';
+import { DropdownTitleWrapper } from '../Dropdown.styles';
+import { Box } from '../../Flexbox';
+export const DropdownTitle = ({
+  title,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(DropdownTitleWrapper, props, /*#__PURE__*/React.createElement(Box, props, title));
 };

package/lib/Dropdown/Content/index.js

@@ -1,49 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _DropdownItem = require("./DropdownItem");
-Object.keys(_DropdownItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DropdownItem[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownItem[key];
-    }
-  });
-});
-var _DropdownSeparator = require("./DropdownSeparator");
-Object.keys(_DropdownSeparator).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DropdownSeparator[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownSeparator[key];
-    }
-  });
-});
-var _DropdownTitle = require("./DropdownTitle");
-Object.keys(_DropdownTitle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DropdownTitle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownTitle[key];
-    }
-  });
-});
-var _DropdownInput = require("./DropdownInput");
-Object.keys(_DropdownInput).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DropdownInput[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownInput[key];
-    }
-  });
-});
+export * from './DropdownItem';
+export * from './DropdownSeparator';
+export * from './DropdownTitle';
+export * from './DropdownInput';

package/lib/Dropdown/Dropdown.js

@@ -1,121 +1,93 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDropdownContext = exports.DropdownContext = exports.Dropdown = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _Dropdown = require("./Dropdown.styles");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _reactPopper = require("react-popper");
-var _react2 = require("@emotion/react");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["trigger", "disabled", "placement", "size", "initialValue", "portal", "children", "onOpen", "onClose", "onChange"];
-var DropdownContext = exports.DropdownContext = /*#__PURE__*/_react["default"].createContext(null);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useState, useContext, useEffect } from 'react';
+import { DropdownWrapper, DropdownPanel } from './Dropdown.styles';
+import ReactDOM from 'react-dom';
+import { usePopper } from 'react-popper';
+import { useTheme } from '@emotion/react';
+export const DropdownContext = /*#__PURE__*/React.createContext(null);
 
 /**
  * Base structure for dropdowns, dropdown buttons or menus, selects, etc.
  */
-var Dropdown = exports.Dropdown = function Dropdown(_ref) {
+export const Dropdown = ({
+  trigger,
+  disabled,
+  placement = 'left',
+  size = 'md',
+  initialValue,
+  portal = false,
+  children,
+  onOpen,
+  onClose,
+  onChange,
+  ...props
+}) => {
   var _parentDropdownCtx$pa;
-  var trigger = _ref.trigger,
-    disabled = _ref.disabled,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'left' : _ref$placement,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'md' : _ref$size,
-    initialValue = _ref.initialValue,
-    _ref$portal = _ref.portal,
-    portal = _ref$portal === void 0 ? false : _ref$portal,
-    children = _ref.children,
-    onOpen = _ref.onOpen,
-    onClose = _ref.onClose,
-    onChange = _ref.onChange,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)(initialValue || null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    open = _useState4[0],
-    setOpen = _useState4[1];
-  var _useState5 = (0, _react.useState)(),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    triggerRef = _useState6[0],
-    setTriggerRef = _useState6[1];
-  var _useState7 = (0, _react.useState)(),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    panelRef = _useState8[0],
-    setPanelRef = _useState8[1];
-  var parentDropdownCtx = (0, _react.useContext)(DropdownContext);
-  var theme = (0, _react2.useTheme)();
-  var pushNestedDropdownToSide = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.className.includes('dropdown-item-trigger');
-  var _usePopper = (0, _reactPopper.usePopper)(triggerRef, panelRef, {
-      placement: placement === 'left' ? 'bottom-start' : 'bottom-end',
-      modifiers: [{
-        name: 'offset',
-        enabled: true,
-        options: {
-          offset: [pushNestedDropdownToSide ? parentDropdownCtx === null || parentDropdownCtx === void 0 ? void 0 : (_parentDropdownCtx$pa = parentDropdownCtx.panelRef) === null || _parentDropdownCtx$pa === void 0 ? void 0 : _parentDropdownCtx$pa.offsetWidth : 0, pushNestedDropdownToSide ? triggerRef ? triggerRef.offsetHeight * -1 : 8 : 8]
-        }
-      }, {
-        name: 'flip',
-        enabled: true
-      }]
-    }),
-    styles = _usePopper.styles,
-    attributes = _usePopper.attributes;
-  var level = ((parentDropdownCtx === null || parentDropdownCtx === void 0 ? void 0 : parentDropdownCtx.level) || 0) + 1;
-  (0, _react.useEffect)(function () {
+  const [value, setValue] = useState(initialValue || null);
+  const [open, setOpen] = useState(false);
+  const [triggerRef, setTriggerRef] = useState();
+  const [panelRef, setPanelRef] = useState();
+  const parentDropdownCtx = useContext(DropdownContext);
+  const theme = useTheme();
+  const pushNestedDropdownToSide = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.className.includes('dropdown-item-trigger');
+  const {
+    styles,
+    attributes
+  } = usePopper(triggerRef, panelRef, {
+    placement: placement === 'left' ? 'bottom-start' : 'bottom-end',
+    modifiers: [{
+      name: 'offset',
+      enabled: true,
+      options: {
+        offset: [pushNestedDropdownToSide ? parentDropdownCtx === null || parentDropdownCtx === void 0 || (_parentDropdownCtx$pa = parentDropdownCtx.panelRef) === null || _parentDropdownCtx$pa === void 0 ? void 0 : _parentDropdownCtx$pa.offsetWidth : 0, pushNestedDropdownToSide ? triggerRef ? triggerRef.offsetHeight * -1 : 8 : 8]
+      }
+    }, {
+      name: 'flip',
+      enabled: true
+    }]
+  });
+  const level = ((parentDropdownCtx === null || parentDropdownCtx === void 0 ? void 0 : parentDropdownCtx.level) || 0) + 1;
+  useEffect(() => {
     if (open && onOpen) onOpen();
     if (!open && onClose) onClose();
   }, [open, onOpen, onClose]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (onChange) onChange(value);
   }, [value, onChange]);
-  var content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownPanel, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+  const content = /*#__PURE__*/React.createElement(DropdownPanel, _extends({
     id: "dropdown-panel",
     ref: setPanelRef,
-    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, styles.popper), {}, {
+    style: {
+      ...styles.popper,
       visibility: open ? 'visible' : 'hidden',
       zIndex: level + theme.zIndices['dropdown']
-    })
-  }, attributes.popper), {}, {
-    size: size,
-    children: children
-  }));
-  var containerElement = portal && document.querySelector(portal === true ? 'body' : portal);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownContext.Provider, {
+    }
+  }, attributes.popper, {
+    size: size
+  }), children);
+  const containerElement = portal && document.querySelector(portal === true ? 'body' : portal);
+  return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
     value: {
-      open: open,
-      setOpen: setOpen,
-      setValue: setValue,
-      value: value,
-      size: size,
-      triggerRef: triggerRef,
-      panelRef: panelRef,
-      level: level
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dropdown.DropdownWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-      open: open
-    }, props), {}, {
-      children: [/*#__PURE__*/_react["default"].cloneElement(trigger, {
-        ref: setTriggerRef,
-        open: open,
-        'aria-haspopup': 'true',
-        'aria-expanded': open.toString()
-      }), open && (containerElement ? /*#__PURE__*/_reactDom["default"].createPortal(content, containerElement) : content)]
-    }))
-  });
+      open,
+      setOpen,
+      setValue,
+      value,
+      size,
+      triggerRef,
+      panelRef,
+      level
+    }
+  }, /*#__PURE__*/React.createElement(DropdownWrapper, _extends({
+    open: open
+  }, props), /*#__PURE__*/React.cloneElement(trigger, {
+    ref: setTriggerRef,
+    open,
+    'aria-haspopup': 'true',
+    'aria-expanded': open.toString()
+  }), open && (containerElement ? /*#__PURE__*/ReactDOM.createPortal(content, containerElement) : content)));
 };
-var useDropdownContext = exports.useDropdownContext = function useDropdownContext() {
-  var dropdownContext = (0, _react.useContext)(DropdownContext);
+export const useDropdownContext = () => {
+  const dropdownContext = useContext(DropdownContext);
   if (dropdownContext === null) {
     throw new Error("You are using DropdownContext outside it's provider.");
   }

package/lib/Dropdown/Dropdown.styles.d.ts

@@ -24,7 +24,7 @@ export declare const DropdownItemWrapper: import("@emotion/styled").StyledCompon
     fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & import("..").FlexboxProps & import("..").GridboxProps & Pick<DropdownItemProps, "active" | "disabled">, {}, {}>;
+} & import("..").FlexboxProps & import("..").GridboxProps & Pick<DropdownItemProps, "disabled" | "active">, {}, {}>;
 export declare const DropdownFooter: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;