@codacy/ui-components 0.65.45 → 0.65.46

package/lib/MultiSlider/MultiSlider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MultiSliderProps } from './types';
+export declare const MultiSlider: React.FC<MultiSliderProps>;

package/lib/MultiSlider/MultiSlider.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultiSlider = 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 _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["values", "min", "max", "size"];
+var MultiSlider = exports.MultiSlider = function MultiSlider(_ref) {
+  var values = _ref.values,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+    size: size,
+    role: "progressbar",
+    children: values.map(function (value) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderBar, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, value), {}, {
+        max: max
+      }));
+    })
+  }));
+};

package/lib/MultiSlider/index.d.ts

@@ -0,0 +1 @@
+export * from './MultiSlider';

package/lib/MultiSlider/index.js

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

package/lib/MultiSlider/styles.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { MultiSliderProps } from './types';
+import { Color } from '../theme';
+export declare const SliderWrapper: 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 & import("..").GridboxProps & Pick<MultiSliderProps, "size">, {}, {}>;
+export declare const SliderBar: 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 & import("..").GridboxProps & {
+    value: number;
+    color: string | Color;
+    max: number;
+}, {}, {}>;

package/lib/MultiSlider/styles.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliderWrapper = exports.SliderBar = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Flexbox = require("../Flexbox");
+var SliderWrapper = exports.SliderWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
+  target: "e1qxlj9b1"
+} : {
+  target: "e1qxlj9b1",
+  label: "codacy"
+})("background-color:", function (_ref) {
+  var theme = _ref.theme,
+    backgroundColor = _ref.backgroundColor;
+  return backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : theme.colors['background-brand'];
+}, ";display:flex;height:", function (_ref2) {
+  var size = _ref2.size,
+    theme = _ref2.theme;
+  return size === 'sm' ? theme.space[1] : size === 'md' ? theme.space[2] : theme.space[3];
+}, ";width:", function (_ref3) {
+  var width = _ref3.width;
+  return width !== null && width !== void 0 ? width : '100%';
+}, ";border-radius:", function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.radii[2];
+}, ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NdWx0aVNsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3dFIiwiZmlsZSI6Ii4uLy4uL3NyYy9NdWx0aVNsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBNdWx0aVNsaWRlclByb3BzIH0gZnJvbSAnLi90eXBlcydcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJXcmFwcGVyID0gc3R5bGVkKEJveCk8UGljazxNdWx0aVNsaWRlclByb3BzLCAnc2l6ZSc+PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciA/PyB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtYnJhbmQnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogJHsoeyBzaXplLCB0aGVtZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/IHRoZW1lLnNwYWNlWzFdIDogc2l6ZSA9PT0gJ21kJyA/IHRoZW1lLnNwYWNlWzJdIDogdGhlbWUuc3BhY2VbM10pfTtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGggPz8gJzEwMCUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsyXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5leHBvcnQgY29uc3QgU2xpZGVyQmFyID0gc3R5bGVkKEJveCk8eyB2YWx1ZTogbnVtYmVyOyBjb2xvcjogc3RyaW5nIHwgQ29sb3I7IG1heDogbnVtYmVyIH0+YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuY29sb3J9O1xuICB3aWR0aDogY2FsYygke3Byb3BzID0+IChwcm9wcy52YWx1ZSAvIHByb3BzLm1heCkgKiAxMDB9JSAtIDJweCk7XG4gIGJvcmRlci1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiBgMnB4IHNvbGlkICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXByaW1hcnknXX0gYH07XG5gXG4iXX0= */"));
+var SliderBar = exports.SliderBar = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
+  target: "e1qxlj9b0"
+} : {
+  target: "e1qxlj9b0",
+  label: "codacy"
+})("height:100%;background-color:", function (props) {
+  return props.color;
+}, ";width:calc(", function (props) {
+  return props.value / props.max * 100;
+}, "% - 2px);border-right:", function (_ref5) {
+  var theme = _ref5.theme;
+  return "2px solid ".concat(theme.colors['background-primary'], " ");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NdWx0aVNsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJGIiwiZmlsZSI6Ii4uLy4uL3NyYy9NdWx0aVNsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBNdWx0aVNsaWRlclByb3BzIH0gZnJvbSAnLi90eXBlcydcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJXcmFwcGVyID0gc3R5bGVkKEJveCk8UGljazxNdWx0aVNsaWRlclByb3BzLCAnc2l6ZSc+PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciA/PyB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtYnJhbmQnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogJHsoeyBzaXplLCB0aGVtZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/IHRoZW1lLnNwYWNlWzFdIDogc2l6ZSA9PT0gJ21kJyA/IHRoZW1lLnNwYWNlWzJdIDogdGhlbWUuc3BhY2VbM10pfTtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGggPz8gJzEwMCUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsyXX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5leHBvcnQgY29uc3QgU2xpZGVyQmFyID0gc3R5bGVkKEJveCk8eyB2YWx1ZTogbnVtYmVyOyBjb2xvcjogc3RyaW5nIHwgQ29sb3I7IG1heDogbnVtYmVyIH0+YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuY29sb3J9O1xuICB3aWR0aDogY2FsYygke3Byb3BzID0+IChwcm9wcy52YWx1ZSAvIHByb3BzLm1heCkgKiAxMDB9JSAtIDJweCk7XG4gIGJvcmRlci1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiBgMnB4IHNvbGlkICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXByaW1hcnknXX0gYH07XG5gXG4iXX0= */"));

package/lib/MultiSlider/types.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from '../types';
+import { BoxProps } from '../Flexbox';
+export interface MultiSliderProps extends BoxProps, ComponentProps {
+    values: {
+        value: number;
+        name: string;
+        color: string;
+    }[];
+    size?: 'sm' | 'md' | 'lg';
+    min?: number;
+    max?: number;
+}

package/lib/MultiSlider/types.js

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

package/lib/index.d.ts

@@ -44,3 +44,4 @@ export * from './types';
 export * from './system-props';
 export * from './ProgressBar';
 export * from './Slider';
+export * from './MultiSlider';

package/lib/index.js

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

package/package.json

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