linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/permissionValidations.js

@@ -1,47 +1,59 @@
-const a = (e) => {
-  if (!e) return [];
-  const n = JSON.parse(sessionStorage.getItem("permissionsStorage") || "{}");
-  return n && n[e] ? n[e] : [];
-}, c = (e, n) => e.some((t) => t.codigo === n), i = (e, n, t) => {
-  for (let r = 0; r < e.length; r += 1) {
-    const s = e[r];
-    if (s.codigo === n && s.permissoes.length > 0)
-      return c(s.permissoes, t);
-    if (s.itens.length > 0) {
-      if (i(s.itens, n, t)) return !0;
-      if (r === e.length - 1) return !1;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.actionsOnPermissionDenied = exports.OPTIONS_ON_DENIED = void 0;
+const getModuleFeaturesFromStorage = module => {
+  if (!module) return [];
+  const permissionsStorage = JSON.parse(sessionStorage.getItem('permissionsStorage') || '{}');
+  return permissionsStorage && permissionsStorage[module] ? permissionsStorage[module] : [];
+};
+const checkOperationPermitted = (featureOperations, operationCode) => featureOperations.some(o => o.codigo === operationCode);
+const scanFeatures = (moduleFeatures, featureCode, operationCode) => {
+  for (let index = 0; index < moduleFeatures.length; index += 1) {
+    const moduleFeature = moduleFeatures[index];
+    if (moduleFeature.codigo === featureCode && moduleFeature.permissoes.length > 0) {
+      return checkOperationPermitted(moduleFeature.permissoes, operationCode);
+    } else if (moduleFeature.itens.length > 0) {
+      const result = scanFeatures(moduleFeature.itens, featureCode, operationCode);
+      if (result) return true;
+      if (index === moduleFeatures.length - 1) return false;
     }
   }
-  return !1;
-}, l = (e) => {
-  if (!e) return !0;
-  const n = Array.isArray(e) ? e : [e];
-  for (let t = 0; t < n.length; t += 1) {
+  return false;
+};
+const checkPermissionFromStorage = permissionAttr => {
+  if (!permissionAttr) return true;
+  const permissionsAttr = !Array.isArray(permissionAttr) ? [permissionAttr] : permissionAttr;
+  for (let i = 0; i < permissionsAttr.length; i += 1) {
     const {
-      module: r,
-      feature: s,
-      operation: o
-    } = n[t];
-    if (i(a(r), s, o)) return !0;
+      module,
+      feature,
+      operation
+    } = permissionsAttr[i];
+    const permission = scanFeatures(getModuleFeaturesFromStorage(module), feature, operation);
+    if (permission) return true;
+  }
+  return false;
+};
+const actionsOnPermissionDenied = (options, permissionAttr) => {
+  const hasPermission = checkPermissionFromStorage(permissionAttr);
+  const permissionsAttr = permissionAttr && !Array.isArray(permissionAttr) ? [permissionAttr] : permissionAttr;
+  if (permissionsAttr && permissionsAttr[0].onDenied && !options.includes(permissionsAttr[0].onDenied)) {
+    throw new Error('in property onDenied from permissionAttr it`s not a valid option. Look for valid options in the component documentation.');
   }
-  return !1;
-}, d = (e, n) => {
-  const t = l(n), r = n && !Array.isArray(n) ? [n] : n;
-  if (r && r[0].onDenied && !e.includes(r[0].onDenied))
-    throw new Error("in property onDenied from permissionAttr it`s not a valid option. Look for valid options in the component documentation.");
-  const s = {};
-  return e.forEach((o) => {
-    s[o] = t ? !1 : o === r?.[0].onDenied;
-  }), s;
-}, f = {
-  disabled: "disabled",
-  unvisible: "unvisible",
-  readOnly: "readOnly",
-  hideContent: "hideContent"
+  const result = {};
+  options.forEach(option => {
+    result[option] = hasPermission ? false : option === permissionsAttr?.[0].onDenied;
+  });
+  return result;
 };
-export {
-  f as OPTIONS_ON_DENIED,
-  d as actionsOnPermissionDenied,
-  l as default
+exports.actionsOnPermissionDenied = actionsOnPermissionDenied;
+const OPTIONS_ON_DENIED = exports.OPTIONS_ON_DENIED = {
+  disabled: 'disabled',
+  unvisible: 'unvisible',
+  readOnly: 'readOnly',
+  hideContent: 'hideContent'
 };
-//# sourceMappingURL=permissionValidations.js.map
+var _default = exports.default = checkPermissionFromStorage;

package/lib/popover/PopoverText.d.ts

@@ -1,3 +1,11 @@
-import { PopoverTextProps } from './types';
-declare const PopoverText: import('react').ForwardRefExoticComponent<PopoverTextProps & import('react').RefAttributes<HTMLParagraphElement>>;
-export default PopoverText;
+import React__default from 'react';
+import { PopoverTextProps } from './types.js';
+import '../@types/Position.js';
+import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+import '../@types/PermissionAttr.js';
+
+declare const PopoverText: React__default.ForwardRefExoticComponent<PopoverTextProps & React__default.RefAttributes<HTMLParagraphElement>>;
+
+export { PopoverText as default };

package/lib/popover/PopoverText.js

@@ -1,16 +1,29 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as a, useRef as f, useImperativeHandle as s, useEffect as u } from "react";
-const p = a(({
-  children: t,
-  text: r
-}, o) => {
-  const e = f(null);
-  return s(o, () => e.current, [e.current]), u(() => {
-    e.current && r !== void 0 && (e.current.innerHTML = r);
-  }, [r, e.current]), /* @__PURE__ */ n("p", { className: "text", ref: e, "data-testid": "popover-text", children: t });
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-p.displayName = "PopoverText";
-export {
-  p as default
-};
-//# sourceMappingURL=PopoverText.js.map
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const PopoverText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    text
+  } = _ref;
+  const hintRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => hintRef.current, [hintRef.current]);
+  (0, _react.useEffect)(() => {
+    if (hintRef.current && text !== undefined) {
+      hintRef.current.innerHTML = text;
+    }
+  }, [text, hintRef.current]);
+  return /*#__PURE__*/_react.default.createElement("p", {
+    className: "text",
+    ref: hintRef,
+    "data-testid": "popover-text"
+  }, children);
+});
+PopoverText.displayName = 'PopoverText';
+var _default = exports.default = PopoverText;

package/lib/popover/PopoverTitle.d.ts

@@ -1,3 +1,11 @@
-import { PopoverTitleProps } from './types';
-declare const PopoverTitle: ({ children }: PopoverTitleProps) => import("react/jsx-runtime").JSX.Element;
-export default PopoverTitle;
+import { PopoverTitleProps } from './types.js';
+import 'react';
+import '../@types/Position.js';
+import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+import '../@types/PermissionAttr.js';
+
+declare const PopoverTitle: ({ children }: PopoverTitleProps) => JSX.Element;
+
+export { PopoverTitle as default };

package/lib/popover/PopoverTitle.js

@@ -1,13 +1,17 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c } from "../_virtual/compiler-runtime.js";
-const m = (r) => {
-  const t = c.c(2), {
-    children: o
-  } = r;
-  let e;
-  return t[0] !== o ? (e = /* @__PURE__ */ s("h1", { className: "title", children: o }), t[0] = o, t[1] = e) : e = t[1], e;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PopoverTitle = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("h1", {
+    className: "title"
+  }, children);
 };
-export {
-  m as default
-};
-//# sourceMappingURL=PopoverTitle.js.map
+var _default = exports.default = PopoverTitle;

package/lib/popover/index.d.ts

@@ -1,6 +1,13 @@
-import { default as PopoverText } from './PopoverText';
-import { default as PopoverTitle } from './PopoverTitle';
-import { IPopoverProps } from './types';
-declare const Popover: ({ children, align, theme, iconName, iconSize, iconColor, customClass, style, customStyle, ...rest }: IPopoverProps) => import("react/jsx-runtime").JSX.Element;
-export default Popover;
-export { PopoverText, PopoverTitle };
+export { default as PopoverText } from './PopoverText.js';
+export { default as PopoverTitle } from './PopoverTitle.js';
+import { IPopoverProps } from './types.js';
+import 'react';
+import '../@types/Position.js';
+import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+import '../@types/PermissionAttr.js';
+
+declare const Popover: ({ children, align, theme, iconName, iconSize, iconColor, customClass, style, customStyle, ...rest }: IPopoverProps) => JSX.Element;
+
+export { Popover as default };

package/lib/popover/index.js

@@ -1,41 +1,70 @@
-import { jsx as w } from "react/jsx-runtime";
-import { c as z } from "../_virtual/compiler-runtime.js";
-import I from "../buttons/Button.js";
-import P from "../icons/index.js";
-import '../assets/styles/popover.css';import '../assets/styles/button.css';/* empty css                           */
-import { default as _ } from "./PopoverText.js";
-import { default as F } from "./PopoverTitle.js";
-/* empty css                            */
-const B = (i) => {
-  const o = z.c(25);
-  let t, e, f, n, r, c, a, p, m, d;
-  o[0] !== i ? ({
-    children: t,
-    align: c,
-    theme: a,
-    iconName: f,
-    iconSize: p,
-    iconColor: m,
-    customClass: d,
-    style: r,
-    customStyle: e,
-    ...n
-  } = i, o[0] = i, o[1] = t, o[2] = e, o[3] = f, o[4] = n, o[5] = r, o[6] = c, o[7] = a, o[8] = p, o[9] = m, o[10] = d) : (t = o[1], e = o[2], f = o[3], n = o[4], r = o[5], c = o[6], a = o[7], p = o[8], m = o[9], d = o[10]);
-  const v = c === void 0 ? "left" : c, y = a === void 0 ? "dark" : a, x = p === void 0 ? 16 : p, b = m === void 0 ? "" : m, S = d === void 0 ? "" : d, C = f || "information", h = b || "gray";
-  let l;
-  o[11] !== x || o[12] !== C || o[13] !== h ? (l = /* @__PURE__ */ w(P, { customClass: "buttonicon", name: C, color: h, size: x }), o[11] = x, o[12] = C, o[13] = h, o[14] = l) : l = o[14];
-  const g = `popovercontainer -${y} ${S}`;
-  let s;
-  o[15] !== t || o[16] !== e || o[17] !== g ? (s = /* @__PURE__ */ w("div", { className: g, "data-testid": "popover-container", style: e, children: t }), o[15] = t, o[16] = e, o[17] = g, o[18] = s) : s = o[18];
-  let u;
-  return o[19] !== v || o[20] !== n || o[21] !== r || o[22] !== s || o[23] !== l ? (u = /* @__PURE__ */ w(I, { round: !0, type: "button", dropdown: !0, transparent: !0, tabIndex: -1, boxShadow: !1, iconAlign: "center", dropdownAlign: v, showIconDropdown: !1, customClass: "popover-component", style: r, icon: l, onClick: $, ...n, children: s }), o[19] = v, o[20] = n, o[21] = r, o[22] = s, o[23] = l, o[24] = u) : u = o[24], u;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PopoverText", {
+  enumerable: true,
+  get: function () {
+    return _PopoverText.default;
+  }
+});
+Object.defineProperty(exports, "PopoverTitle", {
+  enumerable: true,
+  get: function () {
+    return _PopoverTitle.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = _interopRequireDefault(require("../buttons"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _PopoverText = _interopRequireDefault(require("./PopoverText"));
+var _PopoverTitle = _interopRequireDefault(require("./PopoverTitle"));
+require("../assets/styles/popover.scss");
+const _excluded = ["children", "align", "theme", "iconName", "iconSize", "iconColor", "customClass", "style", "customStyle"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const Popover = _ref => {
+  let {
+      children,
+      align = 'left',
+      theme = 'dark',
+      iconName,
+      iconSize = 16,
+      iconColor = '',
+      customClass = '',
+      style,
+      customStyle
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_buttons.default, _extends({
+    round: true,
+    type: "button",
+    dropdown: true,
+    transparent: true,
+    tabIndex: -1,
+    boxShadow: false,
+    iconAlign: "center",
+    dropdownAlign: align,
+    showIconDropdown: false,
+    customClass: "popover-component",
+    style: style,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      customClass: "buttonicon",
+      name: iconName || 'information',
+      color: iconColor || 'gray',
+      size: iconSize
+    }),
+    onClick: e => {
+      e.preventDefault();
+    }
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: `popovercontainer -${theme} ${customClass}`,
+    "data-testid": "popover-container",
+    style: customStyle
+  }, children));
 };
-function $(i) {
-  i.preventDefault();
-}
-export {
-  _ as PopoverText,
-  F as PopoverTitle,
-  B as default
-};
-//# sourceMappingURL=index.js.map
+var _default = exports.default = Popover;

package/lib/popover/types.d.ts

@@ -1,16 +1,18 @@
-import { CSSProperties, ReactNode } from 'react';
-import { Position } from '../@types/Position';
-import { SizePixels } from '../@types/SizePixels';
-import { IconNames } from '../@types/Icon';
-import { PermissionAttr } from '../@types/PermissionAttr';
-export interface PopoverTitleProps {
+import { ReactNode, CSSProperties } from 'react';
+import { Position } from '../@types/Position.js';
+import { SizePixels } from '../@types/SizePixels.js';
+import { IconNames } from '../@types/Icon.js';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+import '../icons/helper.js';
+
+interface PopoverTitleProps {
     children?: ReactNode;
 }
-export interface PopoverTextProps {
+interface PopoverTextProps {
     children?: ReactNode;
     text?: string;
 }
-export interface IPopoverProps {
+interface IPopoverProps {
     iconName?: IconNames;
     iconColor?: string;
     customClass?: string;
@@ -30,3 +32,5 @@ export interface IPopoverProps {
     permissionAttr?: PermissionAttr | PermissionAttr[];
     style?: CSSProperties;
 }
+
+export { IPopoverProps, PopoverTextProps, PopoverTitleProps };

package/lib/popover/types.js

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

package/lib/progress/Bar.d.ts

@@ -1,3 +1,6 @@
-import { IBarProps } from './types';
-declare const ProgressBar: (props: IBarProps) => import("react/jsx-runtime").JSX.Element;
-export default ProgressBar;
+import { IBarProps } from './types.js';
+import 'react';
+
+declare const ProgressBar: (props: IBarProps) => JSX.Element;
+
+export { ProgressBar as default };

package/lib/progress/Bar.js

@@ -1,52 +1,74 @@
-import { jsx as h } from "react/jsx-runtime";
-import { c as g } from "../_virtual/compiler-runtime.js";
-const v = 1e3, b = ({
-  max: t = 100,
-  min: e = 0,
-  value: a = 0
-}) => {
-  const i = (a - e) / (t - e) * 100;
-  return Math.round(i * v) / v;
-}, y = (t) => {
-  let e = "bar";
-  return t.customClass && (e += `${t.customClass}`), t.type && (e += ` -${t.type}`), t.effect && (e += " -effect"), t.animated && (e += " -animated"), t.indeterminate && (e += " -indeterminate"), e;
-}, $ = (t) => {
-  let e = t.label;
-  return t.label || (e = `${b(t)}%`), /* @__PURE__ */ h("span", { className: "progressbar-label ", children: e });
-}, x = (t) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ROUND_PRECISION = 1000;
+const getPercentage = _ref => {
+  let {
+    max = 100,
+    min = 0,
+    value = 0
+  } = _ref;
+  const percentage = (value - min) / (max - min) * 100;
+  return Math.round(percentage * ROUND_PRECISION) / ROUND_PRECISION;
+};
+const getClass = props => {
+  let style = 'bar';
+  if (props.customClass) style += `${props.customClass}`;
+  if (props.type) style += ` -${props.type}`;
+  if (props.effect) style += ' -effect';
+  if (props.animated) style += ' -animated';
+  if (props.indeterminate) style += ' -indeterminate';
+  return style;
+};
+const getLabel = progress => {
+  let value = progress.label;
+  if (!progress.label) {
+    value = `${getPercentage(progress)}%`;
+  }
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "progressbar-label "
+  }, value);
+};
+const getStyle = props => {
   const {
-    indeterminate: e,
-    indeterminateDelay: a = 1,
-    indeterminateDuration: i = 1.5,
-    progressWidth: c = "100%",
-    height: s = "100%"
-  } = t;
-  return e ? {
-    width: c,
-    height: s,
-    animationDuration: `${i}s`,
-    animationDelay: `${a}s`
-  } : {
-    width: `${b(t)}%`,
-    height: s
+    indeterminate,
+    indeterminateDelay = 1,
+    indeterminateDuration = 1.5,
+    progressWidth = '100%',
+    height = '100%'
+  } = props;
+  if (indeterminate) {
+    return {
+      width: progressWidth,
+      height,
+      animationDuration: `${indeterminateDuration}s`,
+      animationDelay: `${indeterminateDelay}s`
+    };
+  }
+  return {
+    width: `${getPercentage(props)}%`,
+    height
   };
-}, C = (t) => {
-  const e = g.c(14), {
-    value: a,
-    min: i,
-    max: c,
-    showLabel: s
-  } = t, o = a === void 0 ? 0 : a, d = i === void 0 ? 0 : i, u = c === void 0 ? 100 : c, f = s === void 0 ? !0 : s;
-  let n;
-  e[0] !== t ? (n = y(t), e[0] = t, e[1] = n) : n = e[1];
-  let l;
-  e[2] !== t ? (l = x(t), e[2] = t, e[3] = l) : l = e[3];
-  let r;
-  e[4] !== t || e[5] !== f ? (r = f && !t.indeterminate && $(t), e[4] = t, e[5] = f, e[6] = r) : r = e[6];
-  let m;
-  return e[7] !== u || e[8] !== d || e[9] !== n || e[10] !== l || e[11] !== r || e[12] !== o ? (m = /* @__PURE__ */ h("div", { role: "progressbar", className: n, style: l, "aria-valuenow": o, "aria-valuemin": d, "aria-valuemax": u, children: r }), e[7] = u, e[8] = d, e[9] = n, e[10] = l, e[11] = r, e[12] = o, e[13] = m) : m = e[13], m;
 };
-export {
-  C as default
+const ProgressBar = props => {
+  const {
+    value = 0,
+    min = 0,
+    max = 100,
+    showLabel = true
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    role: "progressbar",
+    className: getClass(props),
+    style: getStyle(props),
+    "aria-valuenow": value,
+    "aria-valuemin": min,
+    "aria-valuemax": max
+  }, showLabel && !props.indeterminate && getLabel(props));
 };
-//# sourceMappingURL=Bar.js.map
+var _default = exports.default = ProgressBar;

package/lib/progress/index.d.ts

@@ -1,5 +1,7 @@
-import { default as Bar } from './Bar';
-import { IProgressBarProps } from './types';
-declare const ProgressBar: (props: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
-export default ProgressBar;
-export { Bar };
+export { default as Bar } from './Bar.js';
+import { IProgressBarProps } from './types.js';
+import 'react';
+
+declare const ProgressBar: (props: IProgressBarProps) => JSX.Element;
+
+export { ProgressBar as default };

package/lib/progress/index.js

@@ -1,28 +1,38 @@
-import { jsx as h } from "react/jsx-runtime";
-import { c as f } from "../_virtual/compiler-runtime.js";
-import g from "./Bar.js";
-import '../assets/styles/progress.css';/* empty css                             */
-const y = (r) => {
-  const t = f.c(10), {
-    style: o,
-    children: l,
-    width: m,
-    height: d
-  } = r, c = m === void 0 ? "100%" : m, n = d === void 0 ? "24px" : d;
-  let s;
-  t[0] !== n || t[1] !== o || t[2] !== c ? (s = {
-    ...o,
-    width: c,
-    height: n
-  }, t[0] = n, t[1] = o, t[2] = c, t[3] = s) : s = t[3];
-  const a = s;
-  let e;
-  t[4] !== l || t[5] !== r ? (e = l || /* @__PURE__ */ h(g, { ...r }), t[4] = l, t[5] = r, t[6] = e) : e = t[6];
-  let i;
-  return t[7] !== a || t[8] !== e ? (i = /* @__PURE__ */ h("div", { className: "container-progress", style: a, children: e }), t[7] = a, t[8] = e, t[9] = i) : i = t[9], i;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Bar", {
+  enumerable: true,
+  get: function () {
+    return _Bar.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Bar = _interopRequireDefault(require("./Bar"));
+require("../assets/styles/progress.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const ProgressBar = props => {
+  const {
+    style,
+    children,
+    width = '100%',
+    height = '24px'
+  } = props;
+  const getStyle = _objectSpread(_objectSpread({}, style), {}, {
+    width,
+    height
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "container-progress",
+    style: getStyle
+  }, children || /*#__PURE__*/_react.default.createElement(_Bar.default, props));
 };
-export {
-  g as Bar,
-  y as default
-};
-//# sourceMappingURL=index.js.map
+var _default = exports.default = ProgressBar;

package/lib/progress/types.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-export interface IBarProps {
+
+interface IBarProps {
     label?: string;
     min?: number;
     value?: number;
@@ -15,20 +16,22 @@ export interface IBarProps {
     indeterminateDuration?: number;
     indeterminateDelay?: number;
 }
-export interface IProgressBarProps extends IBarProps {
+interface IProgressBarProps extends IBarProps {
     width?: string | number;
     height?: string | number;
     style?: CSSProperties;
     children?: ReactNode;
 }
-export interface IPercentageParams {
+interface IPercentageParams {
     max?: number;
     min?: number;
     value?: number;
 }
-export interface ILabelParams {
+interface ILabelParams {
     label?: string;
     max?: number;
     min?: number;
     value?: number;
 }
+
+export { IBarProps, ILabelParams, IPercentageParams, IProgressBarProps };