argous 1.2.246 → 1.3.2

package/dist/components/HalfGauge/HalfGauge.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -22,19 +26,25 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@material-ui/core");
-var clsx_1 = __importDefault(require("clsx"));
+var material_1 = require("@mui/material");
 var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 var ELLIPSIS_TEXT_STYLE = {
@@ -42,122 +52,8 @@ var ELLIPSIS_TEXT_STYLE = {
     whiteSpace: 'nowrap',
     textOverflow: 'ellipsis'
 };
-var useStyles = core_1.makeStyles({
-    container: {
-        display: 'flex',
-        height: function (_a) {
-            var size = _a.size;
-            return size / 2 + "px";
-        },
-        transition: 'all .3s',
-        opacity: function (_a) {
-            var responsive = _a.responsive;
-            return responsive ? 0 : 1;
-        }
-    },
-    gauge: {
-        height: function (_a) {
-            var size = _a.size;
-            return size;
-        },
-        width: function (_a) {
-            var size = _a.size;
-            return size;
-        },
-        backgroundColor: function (_a) {
-            var barBackgroundColor = _a.barBackgroundColor;
-            return barBackgroundColor;
-        },
-        borderRadius: '50%',
-        display: 'grid',
-        placeItems: 'center',
-        webkitClipPath: 'polygon(0 0, 100% 0, 100% 51%, 0 51%)',
-        clipPath: 'polygon(0 0, 100% 0, 100% 51%, 0 51%)',
-        '&::before': {
-            content: '""',
-            position: 'absolute',
-            height: function (_a) {
-                var gaugeBarWidth = _a.gaugeBarWidth;
-                return gaugeBarWidth;
-            },
-            width: function (_a) {
-                var gaugeBarWidth = _a.gaugeBarWidth;
-                return gaugeBarWidth;
-            },
-            borderRadius: '50%',
-            backgroundColor: function (_a) {
-                var backgroundColor = _a.backgroundColor;
-                return backgroundColor;
-            }
-        }
-    },
-    valueDiv: {
-        position: 'absolute',
-        color: function (_a) {
-            var color = _a.color;
-            return color;
-        },
-        fontSize: function (_a) {
-            var fontSize = _a.fontSize;
-            return fontSize;
-        },
-        maxWidth: function (_a) {
-            var size = _a.size;
-            return size / 2 + "px";
-        },
-        minWidth: function (_a) {
-            var size = _a.size;
-            return size / 2 + "px";
-        },
-        maxHeight: function (_a) {
-            var size = _a.size;
-            return size / 4 + "px";
-        },
-        minHeight: function (_a) {
-            var size = _a.size;
-            return size / 4 + "px";
-        },
-        transform: function (_a) {
-            var size = _a.size;
-            return "translateY(-" + (size / 4) / 2 + "px)";
-        },
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'end',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        padding: 4,
-        '&>p': __assign(__assign({}, ELLIPSIS_TEXT_STYLE), { margin: 0, width: '100%', textAlign: 'center', '&:first-child': {
-                fontWeight: 'bold'
-            } })
-    },
-    minMax: {
-        display: 'flex',
-        alignItems: 'end',
-        padding: '0 1rem',
-        width: function (_a) {
-            var minMaxWidth = _a.minMaxWidth;
-            return minMaxWidth;
-        },
-        color: function (_a) {
-            var color = _a.color;
-            return color;
-        },
-        fontSize: function (_a) {
-            var fontSize = _a.fontSize;
-            return fontSize;
-        },
-        '&>p': {
-            margin: 0
-        }
-    },
-    min: {
-        justifyContent: 'end'
-    }
-});
 var getHand = function (percentage, handColor) {
-    if (!lodash_1.isNumber(percentage))
+    if (!(0, lodash_1.isNumber)(percentage))
         return '';
     var angle = 270;
     if (percentage > 50) {
@@ -170,18 +66,17 @@ var getHand = function (percentage, handColor) {
     if (finalTransparentAngle > 90 && finalTransparentAngle < 270) {
         finalTransparentAngle = 90;
     }
-    return "conic-gradient(\n    #0000 " + initialTransparentAngle + "deg " + (angle - 2) + "deg,\n    " + handColor + " " + (angle - 0.5) + "deg " + (angle + 0.5) + "deg,\n    #0000 " + finalTransparentAngle + "deg\n  )";
+    return "conic-gradient(\n    #0000 ".concat(initialTransparentAngle, "deg ").concat(angle - 2, "deg,\n    ").concat(handColor, " ").concat(angle - 0.5, "deg ").concat(angle + 0.5, "deg,\n    #0000 ").concat(finalTransparentAngle, "deg\n  )");
 };
 var HalfGauge = function (_a) {
     var _b = _a.responsive, responsive = _b === void 0 ? false : _b, _c = _a.id, id = _c === void 0 ? '' : _c, _d = _a.label, label = _d === void 0 ? '' : _d, _e = _a.percentage, percentage = _e === void 0 ? 0 : _e, _f = _a.order, order = _f === void 0 ? 'D' : _f, _g = _a.min, min = _g === void 0 ? '' : _g, _h = _a.max, max = _h === void 0 ? '' : _h, _j = _a.size, size = _j === void 0 ? 200 : _j, _k = _a.fontSize, fontSize = _k === void 0 ? '0.9rem' : _k, _l = _a.color, color = _l === void 0 ? '#000' : _l, _m = _a.backgroundColor, backgroundColor = _m === void 0 ? '#fff' : _m, _o = _a.barBackgroundColor, barBackgroundColor = _o === void 0 ? '#0000' : _o, _p = _a.handColor, handColor = _p === void 0 ? '#fff' : _p, _q = _a.minMaxWidth, minMaxWidth = _q === void 0 ? '6rem' : _q, _r = _a.middleColor, middleColor = _r === void 0 ? '#ffdd71' : _r, _s = _a.middleRightColor, middleRightColor = _s === void 0 ? '#fec900' : _s, _t = _a.rightColor, rightColor = _t === void 0 ? '#00995d' : _t, _u = _a.leftColor, leftColor = _u === void 0 ? '#fe6c6c' : _u, _v = _a.middleLeftColor, middleLeftColor = _v === void 0 ? '#ff9b9b' : _v;
     var gaugeBarWidth = size - (size / 2);
-    var classes = useStyles({ color: color, backgroundColor: backgroundColor, barBackgroundColor: barBackgroundColor, size: size, gaugeBarWidth: gaugeBarWidth, fontSize: fontSize, minMaxWidth: minMaxWidth, responsive: responsive });
-    var halfGaugeId = id + "-halfGauge";
-    var halfGaugeHandId = id + "-halfGaugeHand";
-    var halfGaugeContainerId = id + "-halfGaugeContainer";
-    var percentageText = percentage.toString().replace('.', ',') + "%";
-    var defaultColors = react_1.useMemo(function () { return ([middleColor, middleRightColor, rightColor, '#0000', leftColor, middleLeftColor]); }, [leftColor, middleColor, middleLeftColor, middleRightColor, rightColor]);
-    var gaugeBackgroundColors = react_1.useMemo(function () {
+    var halfGaugeId = "".concat(id, "-halfGauge");
+    var halfGaugeHandId = "".concat(id, "-halfGaugeHand");
+    var halfGaugeContainerId = "".concat(id, "-halfGaugeContainer");
+    var percentageText = "".concat(percentage.toString().replace('.', ','), "%");
+    var defaultColors = (0, react_1.useMemo)(function () { return ([middleColor, middleRightColor, rightColor, '#0000', leftColor, middleLeftColor]); }, [leftColor, middleColor, middleLeftColor, middleRightColor, rightColor]);
+    var gaugeBackgroundColors = (0, react_1.useMemo)(function () {
         var colors = defaultColors;
         if (order === 'A') {
             var left = defaultColors[4];
@@ -195,25 +90,25 @@ var HalfGauge = function (_a) {
         }
         return colors;
     }, [defaultColors, order]);
-    var createStage = react_1.useCallback(function () {
+    var createStage = (0, react_1.useCallback)(function () {
         var gaugeEl = document.getElementById(halfGaugeId);
         if (!gaugeEl)
             return;
-        gaugeEl.style.background = "conic-gradient(\n      " + gaugeBackgroundColors[0] + " 18deg, \n      " + gaugeBackgroundColors[1] + " 18deg 54deg,\n      " + gaugeBackgroundColors[2] + " 54deg 90deg,\n      " + gaugeBackgroundColors[3] + " 90deg 270deg,\n      " + gaugeBackgroundColors[4] + " 270deg 306deg,\n      " + gaugeBackgroundColors[5] + " 306deg 342deg,\n      " + gaugeBackgroundColors[0] + " 342deg 360deg\n    )";
+        gaugeEl.style.background = "conic-gradient(\n      ".concat(gaugeBackgroundColors[0], " 18deg, \n      ").concat(gaugeBackgroundColors[1], " 18deg 54deg,\n      ").concat(gaugeBackgroundColors[2], " 54deg 90deg,\n      ").concat(gaugeBackgroundColors[3], " 90deg 270deg,\n      ").concat(gaugeBackgroundColors[4], " 270deg 306deg,\n      ").concat(gaugeBackgroundColors[5], " 306deg 342deg,\n      ").concat(gaugeBackgroundColors[0], " 342deg 360deg\n    )");
     }, [halfGaugeId, gaugeBackgroundColors]);
-    var createHand = react_1.useCallback(function () {
+    var createHand = (0, react_1.useCallback)(function () {
         var hand = getHand(percentage, handColor);
         var gaugeHandEl = document.getElementById(halfGaugeHandId);
         if (!gaugeHandEl || !hand || (!gaugeHandEl && !hand))
             return;
         gaugeHandEl.style.background = hand;
     }, [halfGaugeHandId, percentage, handColor]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         createStage();
         createHand();
     }, [percentage, createStage, createHand]);
     //__RESPONSIVE_SIZE___________________________________________________________________________________
-    var makeResponsive = react_1.useCallback(function () {
+    var makeResponsive = (0, react_1.useCallback)(function () {
         var _a;
         if (!halfGaugeContainerId)
             return;
@@ -248,28 +143,89 @@ var HalfGauge = function (_a) {
                 else if (parentWidth < 348) {
                     scale = 0.9;
                 }
-                containerEl.style.transform = "scale(" + scale + ")";
+                containerEl.style.transform = "scale(".concat(scale, ")");
             }
         }
         setTimeout(function () { return makeResponsive(); }, 500);
     }, [halfGaugeContainerId]);
-    react_1.useEffect(function () { return responsive && makeResponsive(); }, [responsive, makeResponsive]);
-    var displayContainer = react_1.useCallback(function () {
+    (0, react_1.useEffect)(function () {
+        if (responsive)
+            makeResponsive();
+    }, [responsive, makeResponsive]);
+    var displayContainer = (0, react_1.useCallback)(function () {
         var containerEl = document.getElementById(halfGaugeContainerId);
         if (containerEl)
             containerEl.style.opacity = 1;
     }, [halfGaugeContainerId]);
-    react_1.useEffect(function () { return responsive && setTimeout(function () { return displayContainer(); }, 500); }, [responsive, displayContainer]);
+    (0, react_1.useEffect)(function () {
+        if (!responsive)
+            return undefined;
+        var timeoutId = setTimeout(function () { return displayContainer(); }, 500);
+        return function () { return clearTimeout(timeoutId); };
+    }, [responsive, displayContainer]);
     //____________________________________________________________________________________________________
-    return react_1.default.createElement("div", { id: halfGaugeContainerId, className: classes.container },
-        react_1.default.createElement("div", { className: clsx_1.default(classes.minMax, classes.min) },
+    var gaugeSx = {
+        height: size,
+        width: size,
+        backgroundColor: barBackgroundColor,
+        borderRadius: '50%',
+        display: 'grid',
+        placeItems: 'center',
+        webkitClipPath: 'polygon(0 0, 100% 0, 100% 51%, 0 51%)',
+        clipPath: 'polygon(0 0, 100% 0, 100% 51%, 0 51%)',
+        '&::before': {
+            content: '""',
+            position: 'absolute',
+            height: gaugeBarWidth,
+            width: gaugeBarWidth,
+            borderRadius: '50%',
+            backgroundColor: backgroundColor
+        }
+    };
+    var minMaxSx = {
+        display: 'flex',
+        alignItems: 'end',
+        padding: '0 1rem',
+        width: minMaxWidth,
+        color: color,
+        fontSize: fontSize,
+        '&>p': {
+            margin: 0
+        }
+    };
+    return react_1.default.createElement(material_1.Box, { id: halfGaugeContainerId, sx: {
+            display: 'flex',
+            height: "".concat(size / 2, "px"),
+            transition: 'all .3s',
+            opacity: responsive ? 0 : 1
+        } },
+        react_1.default.createElement(material_1.Box, { sx: __assign(__assign({}, minMaxSx), { justifyContent: 'end' }) },
             react_1.default.createElement("p", null, min)),
-        react_1.default.createElement("div", { id: halfGaugeId, className: classes.gauge },
-            react_1.default.createElement("div", { id: halfGaugeHandId, className: classes.gauge }),
-            react_1.default.createElement("div", { className: classes.valueDiv },
+        react_1.default.createElement(material_1.Box, { id: halfGaugeId, sx: gaugeSx },
+            react_1.default.createElement(material_1.Box, { id: halfGaugeHandId, sx: gaugeSx }),
+            react_1.default.createElement(material_1.Box, { sx: {
+                    position: 'absolute',
+                    color: color,
+                    fontSize: fontSize,
+                    maxWidth: "".concat(size / 2, "px"),
+                    minWidth: "".concat(size / 2, "px"),
+                    maxHeight: "".concat(size / 4, "px"),
+                    minHeight: "".concat(size / 4, "px"),
+                    transform: "translateY(-".concat((size / 4) / 2, "px)"),
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    justifyContent: 'end',
+                    overflow: 'hidden',
+                    whiteSpace: 'nowrap',
+                    padding: 4,
+                    '&>p': __assign(__assign({}, ELLIPSIS_TEXT_STYLE), { margin: 0, width: '100%', textAlign: 'center', '&:first-of-type': {
+                            fontWeight: 'bold'
+                        } })
+                } },
                 percentageText && react_1.default.createElement("p", null, percentageText),
                 label && react_1.default.createElement("p", null, label))),
-        react_1.default.createElement("div", { className: classes.minMax },
+        react_1.default.createElement(material_1.Box, { sx: minMaxSx },
             react_1.default.createElement("p", null, max)));
 };
 exports.default = HalfGauge;

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

@@ -1,2 +1 @@
-export { default } from './HalfGauge';
-export * from './HalfGauge';
+export { default } from "./HalfGauge";

package/dist/components/Highlight/Highlight.d.ts

@@ -1,7 +1,20 @@
-import * as React from 'react';
-
-export interface HighlightProps {}
-
-declare function Highlight(props: HighlightProps): JSX.Element
-
-export default Highlight;
+export default HighLight;
+declare class HighLight extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    codeRef: React.RefObject<any>;
+    componentDidMount(): void;
+    shouldComponentUpdate(nextProps: any): boolean;
+    componentDidUpdate(): void;
+    render(): React.JSX.Element;
+}
+declare namespace HighLight {
+    namespace propTypes {
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let className: PropTypes.Requireable<string>;
+        let language: PropTypes.Requireable<string>;
+        let style: PropTypes.Requireable<object>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/dist/components/Highlight/Highlight.js

@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
 })();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -26,13 +30,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -40,14 +54,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var highlight_js_1 = __importDefault(require("highlight.js"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
-var react_dom_1 = require("react-dom");
 var HighLight = /** @class */ (function (_super) {
     __extends(HighLight, _super);
     function HighLight() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.codeRef = react_1.default.createRef();
+        return _this;
     }
     HighLight.prototype.componentDidMount = function () {
-        highlight_js_1.default.highlightBlock(react_dom_1.findDOMNode(this.refs.code));
+        highlight_js_1.default.highlightBlock(this.codeRef.current);
     };
     HighLight.prototype.shouldComponentUpdate = function (nextProps) {
         if (this.props.language !== nextProps.language || this.props.className !== nextProps.className || this.props.children !== nextProps.children) {
@@ -57,12 +72,12 @@ var HighLight = /** @class */ (function (_super) {
     };
     HighLight.prototype.componentDidUpdate = function () {
         highlight_js_1.default.initHighlighting.called = false;
-        highlight_js_1.default.highlightBlock(react_dom_1.findDOMNode(this.refs.code));
+        highlight_js_1.default.highlightBlock(this.codeRef.current);
     };
     HighLight.prototype.render = function () {
         var _a = this.props, children = _a.children, className = _a.className, language = _a.language, style = _a.style;
         return (react_1.default.createElement("pre", { className: className, style: style },
-            react_1.default.createElement("code", { className: language, ref: 'code' }, children)));
+            react_1.default.createElement("code", { className: language, ref: this.codeRef }, children)));
     };
     return HighLight;
 }(react_1.Component));

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

@@ -1,2 +1 @@
-export { default } from './Highlight';
-export * from './Highlight'; 
+export { default } from "./Highlight";

package/dist/components/ImageResize/ImageResize.d.ts

@@ -1,28 +1,8 @@
-import { DialogProps } from '@material-ui/core';
-
-export interface ImageResizeProps extends DialogProps {
-  /**
-   * Imagem a ser Redimensionada
-   */
-  imagem: File,
-  /**
-   * Funcao chamada quando a imagem termina de ser redimensionada
-   * 
-   * @param {string} urlImagem - Base64 da imagem redimensionada
-   * 
-   * @returns {void} Sem Retorno 
-   */
-  onImage?: (urlImagem: string) => void, 
-  /**
-   * Propriedades da imagem final
-   * 
-   * @param {number | string} width - Largura da imagem final
-   * @param {number | string} height - Altura da imagem final
-   * @param {number | string} borderRadius - Raio da imagem final
-   */
-  finalImageProperties?: { width:number | string, height: number | string, borderRadius: number | string }
-}
-
-declare function ImageResize(props: ImageResizeProps): JSX.Element
-
-export default ImageResize;
+export default ImageResize;
+declare function ImageResize({ imagem, onImage, finalImageProperties, ...props }: {
+    [x: string]: any;
+    imagem: any;
+    onImage: any;
+    finalImageProperties?: {} | undefined;
+}): React.JSX.Element;
+import React from 'react';