@codacy/ui-components 0.65.69 → 0.65.70

package/lib/Bannerol/Bannerol.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BannerolProps } from './Bannerol.types';
+/**
+ * Description for Bannerol
+ */
+export declare const Bannerol: React.FC<BannerolProps>;

package/lib/Bannerol/Bannerol.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Bannerol = 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 _Bannerol = require("./Bannerol.styles");
+var _Flexbox = require("../Flexbox");
+var _Icon = require("../Icon");
+var _Typography = require("../Typography");
+var _Button = require("../Button");
+var _CloseButton = require("../CloseButton");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["title", "icon", "action", "description", "onDismiss", "variant"];
+/**
+ * Description for Bannerol
+ */
+var Bannerol = exports.Bannerol = function Bannerol(_ref) {
+  var title = _ref.title,
+    icon = _ref.icon,
+    action = _ref.action,
+    description = _ref.description,
+    onDismiss = _ref.onDismiss,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'info' : _ref$variant,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Bannerol.StyledBannerol, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    variant: variant,
+    p: 5,
+    width: "100%",
+    position: "relative",
+    alignItems: "center"
+  }, props), {}, {
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flexbox.Box, {
+      mr: 4,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        icon: icon,
+        size: "lg",
+        color: "icon-".concat(variant)
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flexbox.Box, {
+      flex: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Subheader, {
+        size: "lg",
+        mb: 1,
+        children: title
+      }), description && typeof description === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Paragraph, {
+        color: "secondary",
+        children: description
+      }) : description]
+    }), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: "primary",
+      color: variant === 'danger' ? 'danger' : 'primary',
+      onClick: action.onClick,
+      rightIcon: action.rightIcon,
+      leftIcon: action.leftIcon,
+      ml: 4,
+      children: action.label
+    }), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flexbox.Box, {
+      ml: 4,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseButton.CloseButton, {
+        onClick: onDismiss
+      })
+    })]
+  }));
+};

package/lib/Bannerol/Bannerol.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { BannerolProps } from './Bannerol.types';
+export declare const StyledBannerol: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+    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 & Pick<BannerolProps, "variant">, {}, {}>;

package/lib/Bannerol/Bannerol.styles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledBannerol = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Flexbox = require("../Flexbox");
+var _Link = require("../Link");
+var _react = require("@emotion/react");
+var StyledBannerol = exports.StyledBannerol = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
+  target: "etdck960"
+} : {
+  target: "etdck960",
+  label: "codacy"
+})(function (_ref) {
+  var theme = _ref.theme,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'info' : _ref$variant;
+  return /*#__PURE__*/(0, _react.css)("background:", theme.colors[variant === 'info' ? 'background-brand' : "background-".concat(variant)], ";border-radius:", theme.radii[1], ";box-shadow:", theme.shadows[0], ";position:relative;", _Link.StyledLink, "{color:", theme.colors["text-".concat(variant)], ";font-weight:", theme.fontWeights['semi-bold'], ";&:hover{color:", theme.colors["".concat(variant, "-hover")], ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXdDIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IEJhbm5lcm9sUHJvcHMgfSBmcm9tICcuL0Jhbm5lcm9sLnR5cGVzJ1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhbm5lcm9sID0gc3R5bGVkKEZsZXgpPFBpY2s8QmFubmVyb2xQcm9wcywgJ3ZhcmlhbnQnPj5gXG4gICR7KHsgdGhlbWUsIHZhcmlhbnQgPSAnaW5mbycgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzW3ZhcmlhbnQgPT09ICdpbmZvJyA/ICdiYWNrZ3JvdW5kLWJyYW5kJyA6IChgYmFja2dyb3VuZC0ke3ZhcmlhbnR9YCBhcyBDb2xvcildfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbMF19O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2B0ZXh0LSR7dmFyaWFudH1gXX07XG4gICAgICBmb250LXdlaWdodDogJHt0aGVtZS5mb250V2VpZ2h0c1snc2VtaS1ib2xkJ119O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2Ake3ZhcmlhbnR9LWhvdmVyYF19O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmBcbiJdfQ== */");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBFIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IEJhbm5lcm9sUHJvcHMgfSBmcm9tICcuL0Jhbm5lcm9sLnR5cGVzJ1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhbm5lcm9sID0gc3R5bGVkKEZsZXgpPFBpY2s8QmFubmVyb2xQcm9wcywgJ3ZhcmlhbnQnPj5gXG4gICR7KHsgdGhlbWUsIHZhcmlhbnQgPSAnaW5mbycgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzW3ZhcmlhbnQgPT09ICdpbmZvJyA/ICdiYWNrZ3JvdW5kLWJyYW5kJyA6IChgYmFja2dyb3VuZC0ke3ZhcmlhbnR9YCBhcyBDb2xvcildfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbMF19O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2B0ZXh0LSR7dmFyaWFudH1gXX07XG4gICAgICBmb250LXdlaWdodDogJHt0aGVtZS5mb250V2VpZ2h0c1snc2VtaS1ib2xkJ119O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2Ake3ZhcmlhbnR9LWhvdmVyYF19O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmBcbiJdfQ== */"));

package/lib/Bannerol/Bannerol.types.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ContainerComponentProps } from '../types';
+import { IconFile } from '../Icon/Icon.types';
+import { FlexProps } from '../Flexbox';
+export declare type BannerolVariant = 'info' | 'warning' | 'success' | 'danger' | 'attention';
+export declare type BannerolAction = {
+    label: string;
+    onClick: () => void;
+    leftIcon?: IconFile;
+    rightIcon?: IconFile;
+};
+export interface BannerolProps extends FlexProps, ContainerComponentProps {
+    title: string;
+    description?: React.ReactNode;
+    icon?: IconFile;
+    action?: BannerolAction;
+    onDismiss?: () => void;
+    variant?: BannerolVariant;
+}

package/lib/Bannerol/Bannerol.types.js

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

package/lib/Bannerol/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Bannerol';
+export * from './Bannerol.types';
+export * from './Bannerol.styles';

package/lib/Bannerol/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Bannerol = require("./Bannerol");
+Object.keys(_Bannerol).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Bannerol[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Bannerol[key];
+    }
+  });
+});
+var _Bannerol2 = require("./Bannerol.types");
+Object.keys(_Bannerol2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Bannerol2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Bannerol2[key];
+    }
+  });
+});
+var _Bannerol3 = require("./Bannerol.styles");
+Object.keys(_Bannerol3).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Bannerol3[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Bannerol3[key];
+    }
+  });
+});

package/lib/index.d.ts

@@ -46,3 +46,4 @@ export * from './ProgressBar';
 export * from './Slider';
 export * from './MultiSlider';
 export * from './ExpandableBox';
+export * from './Bannerol';

package/lib/index.js

@@ -530,4 +530,15 @@ Object.keys(_ExpandableBox).forEach(function (key) {
       return _ExpandableBox[key];
     }
   });
+});
+var _Bannerol = require("./Bannerol");
+Object.keys(_Bannerol).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Bannerol[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Bannerol[key];
+    }
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.65.69",
+  "version": "0.65.70",
   "description": "",
   "license": "ISC",
   "author": "",
@@ -30,6 +30,7 @@
     "@babel/runtime": "^7.23.6",
     "@pathofdev/react-tag-input": "github:inesgomas/react-tag-input",
     "@styled-system/should-forward-prop": "^5.1.5",
+    "@testing-library/user-event": "^14.6.1",
     "autosize": "^4.0.2",
     "md5": "^2.3.0",
     "polished": "^3.6.7",