@pedidopago/ui 1.0.6

package/dist/components/Pagination/styles.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { IStyledPagination } from './types';
+export declare const PaginationList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const PaginationItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const PaginationButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const PreviousNavigationButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const NextNavigationButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SmallPageInfo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const PageWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const LargeViewWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Pagination/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqC5C,eAAO,MAAM,cAAc;;;iIAe1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;6HAK1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yIA2C5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;yIA4BpC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yIA2BhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;+HAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;6HA0BpB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC"}

package/dist/components/Pagination/styles.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SmallPageInfo = exports.PreviousNavigationButton = exports.PaginationList = exports.PaginationItem = exports.PaginationButton = exports.PageWrap = exports.NextNavigationButton = exports.LargeViewWrap = void 0;
+
+var _react = require("@emotion/react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+function paginationButtonStyles(variant, isActivePage, color, grayColor, numberOfPageColor, disabled, theme) {
+  if (variant === 'outlined') return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      border: 1.4px solid ", ";\n      background-color: transparent;\n      color: ", ";\n      ", "\n    "])), grayColor, numberOfPageColor, isActivePage && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        background-color: ", ";\n        border-color: ", ";\n        color: ", ";\n      "])), disabled ? theme === null || theme === void 0 ? void 0 : theme.colors.tertiary.disabled : color, disabled ? theme === null || theme === void 0 ? void 0 : theme.colors.tertiary.disabled : color, theme === null || theme === void 0 ? void 0 : theme.colors.neutral.white));
+  if (variant === 'text') return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      border: none;\n      background-color: transparent;\n      color: ", ";\n      ", "\n    "])), theme === null || theme === void 0 ? void 0 : theme.colors.tertiary.default, isActivePage && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        background-color: ", ";\n        border: 1.4px solid ", ";\n        color: ", ";\n      "])), disabled ? theme === null || theme === void 0 ? void 0 : theme.colors.tertiary.disabled : color, disabled ? theme === null || theme === void 0 ? void 0 : theme.colors.tertiary.disabled : color, theme === null || theme === void 0 ? void 0 : theme.colors.neutral.white));
+}
+
+var PaginationList = _styled.default.ul(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  list-style: none;\n  height: 42px;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  ", "\n"])), function (_ref) {
+  var shape = _ref.shape,
+      size = _ref.size;
+  return shape === 'circular' && size === 'large' && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      gap: 14px;\n    "])));
+});
+
+exports.PaginationList = PaginationList;
+
+var PaginationItem = _styled.default.li(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: block;\n  height: 100%;\n  padding: 0;\n  box-sizing: border-box;\n"])));
+
+exports.PaginationItem = PaginationItem;
+
+var PaginationButton = _styled.default.button(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 58px;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  cursor: pointer;\n  font-weight: 600;\n  display: block;\n  border: none;\n  box-sizing: border-box;\n  font-size: 16px;\n  line-height: 1.5;\n  font-family: 'Poppins', sans-serif;\n  ", "\n  ", "\n  ", "\n"])), function (_ref2) {
+  var _ref2$variant = _ref2.variant,
+      variant = _ref2$variant === void 0 ? 'outlined' : _ref2$variant,
+      _ref2$isActivePage = _ref2.isActivePage,
+      isActivePage = _ref2$isActivePage === void 0 ? false : _ref2$isActivePage,
+      disabled = _ref2.disabled,
+      color = _ref2.color,
+      grayColor = _ref2.grayColor,
+      numberOfPageColor = _ref2.numberOfPageColor,
+      theme = _ref2.theme;
+  return paginationButtonStyles(variant, isActivePage, color, grayColor, numberOfPageColor, disabled, theme);
+}, function (_ref3) {
+  var shape = _ref3.shape;
+  return shape === 'circular' && (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      overflow: hidden;\n      width: 42px;\n    "])));
+}, function (_ref4) {
+  var disabled = _ref4.disabled;
+  return disabled && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
+});
+
+exports.PaginationButton = PaginationButton;
+
+var PreviousNavigationButton = _styled.default.button(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
+  var theme = _ref5.theme,
+      disabled = _ref5.disabled,
+      shape = _ref5.shape,
+      grayColor = _ref5.grayColor,
+      color = _ref5.color;
+  return (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    border-radius: 8px 0 0 8px;\n    border: 2px solid ", ";\n    color: ", ";\n    background: none;\n    min-width: 72px;\n    height: 100%;\n    cursor: pointer;\n    transition: 0.2s;\n\n    ", "\n    ", "\n  "])), grayColor || theme.colors.tertiary.default, grayColor || theme.colors.tertiary.default, !disabled ? (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n          &:hover,\n          &:active {\n            border-color: ", ";\n            color: ", ";\n          }\n        "])), color || theme.colors.tertiary.default, color || theme.colors.tertiary.default) : (0, _react.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n          cursor: not-allowed;\n        "]))), shape === 'circular' && (0, _react.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      min-width: 42px;\n    "]))));
+});
+
+exports.PreviousNavigationButton = PreviousNavigationButton;
+
+var NextNavigationButton = _styled.default.button(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
+  var theme = _ref6.theme,
+      disabled = _ref6.disabled,
+      shape = _ref6.shape,
+      grayColor = _ref6.grayColor,
+      saturationColor = _ref6.saturationColor,
+      color = _ref6.color;
+  return (0, _react.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    border-radius: 0 8px 8px 0;\n    border: 2px solid ", ";\n    color: ", ";\n    background: none;\n    min-width: 72px;\n    height: 100%;\n    cursor: pointer;\n    transition: 0.2s;\n    ", "\n    ", "\n  "])), grayColor || theme.colors.tertiary.default, grayColor || theme.colors.tertiary.default, !disabled ? (0, _react.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n          &:hover,\n          &:active {\n            border-color: ", ";\n            color: ", ";\n          }\n        "])), color || theme.colors.tertiary.default, color || theme.colors.tertiary.default) : (0, _react.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n          cursor: not-allowed;\n        "]))), shape === 'circular' && (0, _react.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      min-width: 42px;\n    "]))));
+});
+
+exports.NextNavigationButton = NextNavigationButton;
+
+var SmallPageInfo = _styled.default.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  display: block;\n  min-width: 60px;\n  font-size: 16px;\n  line-height: 1.5;\n  color: ", ";\n  margin: 0 24px;\n"])), function (_ref7) {
+  var saturationColor = _ref7.saturationColor;
+  return saturationColor;
+});
+
+exports.SmallPageInfo = SmallPageInfo;
+
+var PageWrap = _styled.default.li(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref8) {
+  var variant = _ref8.variant,
+      shape = _ref8.shape,
+      grayColor = _ref8.grayColor,
+      saturationColor = _ref8.saturationColor,
+      numberOfPageColor = _ref8.numberOfPageColor;
+  return (0, _react.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    color: ", ";\n    box-sizing: border-box;\n    cursor: default;\n    color: ", ";\n    min-width: 58px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    ", "\n    ", ";\n  "])), saturationColor, numberOfPageColor, variant === 'outlined' && (0, _react.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      border: 1.4px solid;\n      border-color: ", ";\n    "])), grayColor), shape === 'circular' && (0, _react.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      overflow: hidden;\n      min-width: 42px;\n    "]))));
+});
+
+exports.PageWrap = PageWrap;
+
+var LargeViewWrap = _styled.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  height: 100%;\n"])));
+
+exports.LargeViewWrap = LargeViewWrap;

package/dist/components/Pagination/types.d.ts

@@ -0,0 +1,29 @@
+import { ExtendThemeProps } from 'src';
+import { IconName } from '../Icon/types';
+export interface IPaginationProps {
+    count: number;
+    defaultPage?: number;
+    variant?: 'outlined' | 'text';
+    shape?: 'circular' | 'rounded';
+    size?: 'small' | 'large';
+    previousButtonIcon?: IconName;
+    nextButtonIcon?: IconName;
+    color?: string;
+    isDisabled?: boolean;
+    onChange?: (value: number) => void;
+}
+export interface IPaginationHook {
+    count: number;
+    activePage: number;
+}
+export interface IStyledPagination {
+    theme?: ExtendThemeProps;
+    isActivePage?: boolean;
+    variant?: 'outlined' | 'text';
+    shape?: 'circular' | 'rounded';
+    size?: 'small' | 'large';
+    numberOfPageColor?: string;
+    grayColor?: string;
+    saturationColor?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Pagination/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,QAAQ,CAAC;IAC9B,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/components/Pagination/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/Progress/Circle/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Circle } from '../type';
+export declare function CircleProgress({ percent, isAnimated, color, size, stroke, circleBody, grayColor, showValue, steps, }: Circle): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/Circle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,KAAK,EACL,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,SAAS,EACT,KAAK,GACN,EAAE,MAAM,eAoDR"}

package/dist/components/Progress/Circle/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CircleProgress = CircleProgress;
+
+var _react = require("react");
+
+var _getSteps = require("../getSteps");
+
+var _style = require("../style");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function CircleProgress(_ref) {
+  var percent = _ref.percent,
+      isAnimated = _ref.isAnimated,
+      color = _ref.color,
+      size = _ref.size,
+      stroke = _ref.stroke,
+      circleBody = _ref.circleBody,
+      grayColor = _ref.grayColor,
+      showValue = _ref.showValue,
+      steps = _ref.steps;
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      percentProgress = _useState2[0],
+      setPercentProgress = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      metric = _useState4[0],
+      setMetric = _useState4[1];
+
+  var radius = (size || 100) / 2 - (stroke || 10) / 2;
+  var circumference = 2 * Math.PI * radius;
+  (0, _react.useEffect)(function () {
+    setPercentProgress(percent <= 100 ? circumference - percent / 100 * circumference : 100);
+    var percentValue = Math.abs(percentProgress / circumference * 100 - 100);
+    if (showValue === 'percent') setMetric(Math.round(percentValue));
+    if (showValue === 'step' && steps) setMetric((0, _getSteps.getSteps)(steps, percentValue));
+  }, [percent, circumference, percentProgress, showValue, steps]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_style.CircleArea, {
+    size: size && size + 1
+  }, (showValue === 'percent' || showValue === 'step') && /*#__PURE__*/React.createElement(_style.Value, {
+    size: size,
+    grayColor: grayColor
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "valueMetric"
+  }, metric), /*#__PURE__*/React.createElement("p", {
+    className: "metric"
+  }, " ", showValue === 'percent' ? '%' : "/".concat(steps))), /*#__PURE__*/React.createElement(_style.SVGArea, {
+    size: size && size + 1
+  }, circleBody && /*#__PURE__*/React.createElement(_style.SVGSecondCircle, {
+    cx: "50%",
+    cy: "50%",
+    r: radius,
+    strokeWidth: stroke,
+    grayColor: grayColor,
+    "shape-rendering": "geometricPrecision"
+  }), /*#__PURE__*/React.createElement(_style.SVGCircle, {
+    cx: "50%",
+    cy: "50%",
+    r: radius,
+    color: color,
+    circumference: circumference,
+    percent: percentProgress,
+    isAnimated: isAnimated,
+    strokeWidth: stroke && stroke + 1,
+    "shape-rendering": "geometricPrecision"
+  }))));
+}

package/dist/components/Progress/Linear/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ProgressComponent } from '../type';
+export declare function LinearProgress({ percent, height, isAnimated, color, grayColor, showValue, steps, }: ProgressComponent): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/Linear/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,eAsBnB"}

package/dist/components/Progress/Linear/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinearProgress = LinearProgress;
+
+var _react = require("react");
+
+var _getSteps = require("../getSteps");
+
+var _style = require("../style");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function LinearProgress(_ref) {
+  var percent = _ref.percent,
+      height = _ref.height,
+      isAnimated = _ref.isAnimated,
+      color = _ref.color,
+      grayColor = _ref.grayColor,
+      showValue = _ref.showValue,
+      steps = _ref.steps;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      metric = _useState2[0],
+      setMetric = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    if (showValue === 'percent') setMetric(Math.round(percent));
+    if (showValue === 'step' && steps) setMetric((0, _getSteps.getSteps)(steps, percent));
+  }, [percent, showValue, steps]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      width: '100%',
+      alignItems: 'flex-end'
+    }
+  }, /*#__PURE__*/React.createElement(_style.ProgressBar, {
+    height: height,
+    grayColor: grayColor
+  }, /*#__PURE__*/React.createElement(_style.PercentBar, {
+    percent: percent,
+    isAnimated: isAnimated,
+    color: color
+  })), (showValue === 'percent' || showValue === 'step') && /*#__PURE__*/React.createElement(_style.ValueLinear, {
+    height: height,
+    grayColor: grayColor
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "valueMetric"
+  }, metric), /*#__PURE__*/React.createElement("p", {
+    className: "metric"
+  }, " ", showValue === 'percent' ? '%' : "/".concat(steps))));
+}

package/dist/components/Progress/getSteps.d.ts

@@ -0,0 +1,2 @@
+export declare const getSteps: (v: number, percent: number) => number | undefined;
+//# sourceMappingURL=getSteps.d.ts.map

package/dist/components/Progress/getSteps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSteps.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/getSteps.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,MAAO,MAAM,WAAW,MAAM,uBAOlD,CAAC"}

package/dist/components/Progress/getSteps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSteps = void 0;
+
+var getSteps = function getSteps(v, percent) {
+  var steps = function steps(i) {
+    return 100 / v * i;
+  };
+
+  for (var i = 0; i <= v; i++) {
+    if (percent <= 100 && percent >= steps(i) && percent <= steps(i + 1)) {
+      return i + 1;
+    }
+  }
+};
+
+exports.getSteps = getSteps;

package/dist/components/Progress/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ProgressComponent } from './type';
+export declare function Progress({ type, percent, height, isAnimated, color, size, stroke, circleBody, showValue, steps, }: ProgressComponent): JSX.Element;
+export default Progress;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAc,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEvD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,MAAM,EACN,UAAU,EACV,KAAK,EACL,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,eAgCnB;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/Progress/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Progress = Progress;
+exports.default = void 0;
+
+var _react = require("react");
+
+var _colorToGray = require("../../utils/colorToGray");
+
+var _Circle = require("./Circle");
+
+var _Linear = require("./Linear");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function Progress(_ref) {
+  var type = _ref.type,
+      percent = _ref.percent,
+      height = _ref.height,
+      isAnimated = _ref.isAnimated,
+      color = _ref.color,
+      size = _ref.size,
+      stroke = _ref.stroke,
+      circleBody = _ref.circleBody,
+      showValue = _ref.showValue,
+      steps = _ref.steps;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      grayColor = _useState2[0],
+      setGrayColor = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    if (color) {
+      setGrayColor((0, _colorToGray.convertColor)(color));
+    }
+  }, [color]);
+  return type === 'circle' ? /*#__PURE__*/React.createElement(_Circle.CircleProgress, {
+    percent: percent,
+    size: size,
+    isAnimated: isAnimated,
+    color: color,
+    grayColor: grayColor,
+    stroke: stroke,
+    circleBody: circleBody,
+    showValue: showValue,
+    steps: steps
+  }) : /*#__PURE__*/React.createElement(_Linear.LinearProgress, {
+    percent: percent,
+    height: height,
+    isAnimated: isAnimated,
+    color: color,
+    grayColor: grayColor,
+    showValue: showValue,
+    steps: steps
+  });
+}
+
+var _default = Progress;
+exports.default = _default;

package/dist/components/Progress/progress.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=progress.test.d.ts.map

package/dist/components/Progress/progress.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.test.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/progress.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/components/Progress/progress.test.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = require(".");
+
+var _getSteps = require("./getSteps");
+
+var setup = function setup(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Progress, props));
+  return utils;
+};
+
+describe('Progress', function () {
+  it('Should render the Progress component', function () {
+    var _setup = setup({
+      percent: 50
+    }),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress with different color', function () {
+    var randomColor = function randomColor() {
+      var color = Math.floor(Math.random() * 16777215).toString(16);
+      return "#".concat(color);
+    };
+
+    var _setup2 = setup({
+      percent: 20,
+      color: randomColor()
+    }),
+        container = _setup2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress with animated bar', function () {
+    var _setup3 = setup({
+      percent: 80,
+      isAnimated: true
+    }),
+        container = _setup3.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Bar', function () {
+    var _setup4 = setup({
+      percent: 20,
+      type: 'linear'
+    }),
+        container = _setup4.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Bar with different height', function () {
+    var _setup5 = setup({
+      percent: 10,
+      height: 'sm'
+    }),
+        container = _setup5.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Circle', function () {
+    var _setup6 = setup({
+      percent: 10,
+      type: 'circle'
+    }),
+        container = _setup6.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Circle with different size', function () {
+    var _setup7 = setup({
+      percent: 10,
+      type: 'circle',
+      size: 200
+    }),
+        container = _setup7.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Circle with different stroke', function () {
+    var _setup8 = setup({
+      percent: 10,
+      type: 'circle',
+      stroke: 5
+    }),
+        container = _setup8.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Circle with a circleBody', function () {
+    var _setup9 = setup({
+      percent: 10,
+      type: 'circle',
+      circleBody: true
+    }),
+        container = _setup9.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Circle showing value', function () {
+    var _setup10 = setup({
+      percent: 10,
+      type: 'circle',
+      showValue: 'percent'
+    }),
+        container = _setup10.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Shoud return step by percent', function () {
+    expect((0, _getSteps.getSteps)(8, 50)).toEqual(4);
+  });
+});

package/dist/components/Progress/style.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { ProgressBarInterface, PercentBarInterface, CircleStyle, CircleBody, ValueI } from './type';
+export declare const ProgressBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ProgressBarInterface, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ValueLinear: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ValueI, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PercentBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PercentBarInterface, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CircleArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    size?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Value: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ValueI, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SVGArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    size?: number | undefined;
+}, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const SVGCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CircleStyle, import("react").SVGProps<SVGCircleElement>, {}>;
+export declare const SVGSecondCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CircleBody, import("react").SVGProps<SVGCircleElement>, {}>;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/Progress/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/style.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGpG,eAAO,MAAM,WAAW;;;gIAWvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHA2BvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;+HAOtB,CAAC;AAIF,eAAO,MAAM,UAAU;;;;;yGAKtB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHA0BjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;+CAGnB,CAAC;AACF,eAAO,MAAM,SAAS;;;gEAWrB,CAAC;AAEF,eAAO,MAAM,eAAe;;;+DAW3B,CAAC"}