@codacy/ui-components 0.66.40 → 0.66.42

package/lib/Orb/Orb.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FlexProps } from '../Flexbox';
+import { OrbProps } from './types';
+export declare const Orb: React.FC<OrbProps & FlexProps>;

package/lib/Orb/Orb.js

@@ -0,0 +1,36 @@
+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 { Icon } from '../Icon';
+import { Tooltip } from '../Tooltip';
+import { DataPoint } from '../Typography';
+import { OrbWrapper } from './styles';
+export const Orb = ({
+  type,
+  icon,
+  dataPointValue,
+  dataPointColor,
+  dataPointSize,
+  tooltipContent,
+  ...props
+}) => {
+  const OrbContent = () => {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(Icon, {
+      icon: icon,
+      color: type === 'default' ? 'icon-enabled' : `icon-${type}`
+    }), dataPointValue && /*#__PURE__*/React.createElement(DataPoint, {
+      value: dataPointValue,
+      color: dataPointColor,
+      size: dataPointSize
+    }));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, tooltipContent ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: tooltipContent,
+    portal: true
+  }, /*#__PURE__*/React.createElement(OrbWrapper, _extends({
+    type: type
+  }, props, {
+    id: "orb"
+  }), /*#__PURE__*/React.createElement(OrbContent, null))) : /*#__PURE__*/React.createElement(OrbWrapper, _extends({
+    type: type
+  }, props), /*#__PURE__*/React.createElement(OrbContent, null)));
+};

package/lib/Orb/index.d.ts

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

package/lib/Orb/index.js

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

package/lib/Orb/styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { OrbWrapperProps } from './types';
+export declare const OrbWrapper: 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 & OrbWrapperProps, {}, {}>;

package/lib/Orb/styles.js

@@ -0,0 +1,17 @@
+import _styled from "@emotion/styled/base";
+import { Flex } from '../Flexbox';
+export const OrbWrapper = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === "production" ? {
+  target: "e19rotow0"
+} : {
+  target: "e19rotow0",
+  label: "codacy"
+})("width:", ({
+  theme,
+  ...props
+}) => props.width || theme.space[6], ";height:", ({
+  theme,
+  ...props
+}) => props.height || theme.space[6], ";border-radius:100%;justify-content:center;align-items:center;background-color:", ({
+  theme,
+  type
+}) => theme.colors[type === 'default' ? 'label-default-background' : `background-${type}`], ";svg{pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9PcmIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1RCIsImZpbGUiOiIuLi8uLi9zcmMvT3JiL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBBbGxDb2xvcnNLZXlzIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBPcmJXcmFwcGVyUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgT3JiV3JhcHBlciA9IHN0eWxlZChGbGV4KTxPcmJXcmFwcGVyUHJvcHM+YFxuICB3aWR0aDogJHsoeyB0aGVtZSwgLi4ucHJvcHMgfSkgPT4gcHJvcHMud2lkdGggfHwgdGhlbWUuc3BhY2VbNl19O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUsIC4uLnByb3BzIH0pID0+IHByb3BzLmhlaWdodCB8fCB0aGVtZS5zcGFjZVs2XX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIHR5cGUgfSkgPT5cbiAgICB0aGVtZS5jb2xvcnNbdHlwZSA9PT0gJ2RlZmF1bHQnID8gJ2xhYmVsLWRlZmF1bHQtYmFja2dyb3VuZCcgOiAoYGJhY2tncm91bmQtJHt0eXBlfWAgYXMgQWxsQ29sb3JzS2V5cyldfTtcblxuICBzdmcge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gXG4iXX0= */"));

package/lib/Orb/types.d.ts

@@ -0,0 +1,15 @@
+import { ReactChild } from 'react';
+import { IconFile } from '../Icon';
+import { DataPointProps } from '../Typography';
+export declare type OrbType = 'info' | 'success' | 'danger' | 'warning' | 'default';
+export interface OrbWrapperProps {
+    type: OrbType;
+}
+export interface OrbProps {
+    type: OrbType;
+    icon?: IconFile;
+    dataPointValue?: DataPointProps['value'];
+    dataPointColor?: DataPointProps['color'];
+    dataPointSize?: DataPointProps['size'];
+    tooltipContent?: ReactChild;
+}

package/lib/Orb/types.js

@@ -0,0 +1 @@
+export {};

package/lib/index.d.ts

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

package/lib/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.66.40",
+  "version": "0.66.42",
   "description": "",
   "license": "ISC",
   "author": "",