argous 1.2.134 → 1.2.135

package/dist/components/Collapse/Collapse.d.ts

@@ -0,0 +1,60 @@
+import { StandardProps } from '@material-ui/core';
+import { TransitionProps } from '@material-ui/core/transitions/transition';
+import * as React from 'react';
+
+export interface CollapseProps extends StandardProps<TransitionProps, CollapseClassKey, 'timeout'> {
+  /**
+   * The content node to be collapsed.
+   */
+  children?: React.ReactNode;
+  /**
+   * The height of the container when collapsed.
+   */
+  collapsedHeight?: string | number;
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component?: React.ElementType<TransitionProps>;
+  /**
+   * Enable this prop if you encounter 'Function components cannot be given refs',
+   * use `unstable_createStrictModeTheme`,
+   * and can't forward the ref in the passed `Component`.
+   */
+  disableStrictModeCompat?: boolean;
+  /**
+   * If `true`, the component will transition in.
+   */
+  in?: boolean;
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   */
+  timeout?: TransitionProps['timeout'] | 'auto';
+  /**
+   * Orientation of the collapse
+   */
+  orientation?: 'vertical' | 'horizontal'
+}
+
+export type CollapseClassKey = 'container' | 'entered' | 'hidden' | 'wrapper' | 'wrapperInner';
+
+/**
+ * The Collapse transition is used by the
+ * [Vertical Stepper](https://material-ui.com/components/steppers/#vertical-stepper) StepContent component.
+ * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
+ * Demos:
+ *
+ * - [Cards](https://material-ui.com/components/cards/)
+ * - [Lists](https://material-ui.com/components/lists/)
+ * - [Transitions](https://material-ui.com/components/transitions/)
+ *
+ * API:
+ *
+ * - [Collapse API](https://material-ui.com/api/collapse/)
+ * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition#Transition-props)
+ */
+
+export default function Collapse(props: CollapseProps): JSX.Element;

package/dist/components/Collapse/Collapse.js

@@ -0,0 +1,290 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+var core_1 = require("@material-ui/core");
+var transitions_1 = require("@material-ui/core/styles/transitions");
+var withStyles_1 = __importDefault(require("@material-ui/core/styles/withStyles"));
+var utils_1 = require("@material-ui/core/transitions/utils");
+var clsx_1 = __importDefault(require("clsx"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var React = __importStar(require("react"));
+var react_transition_group_1 = require("react-transition-group");
+var styles = function (theme) { return ({
+    /* Styles applied to the container element. */
+    container: {
+        position: 'relative',
+        overflow: 'hidden',
+        height: 0,
+        transition: theme.transitions.create('height'),
+        '&$horizontal': {
+            width: 0,
+            height: 'auto',
+            transition: theme.transitions.create('width'),
+        },
+    },
+    /* Pseudo-class applied to the root element if `orientation="horizontal"`. */
+    horizontal: {},
+    /* Styles applied to the container element when the transition has entered. */
+    entered: {
+        height: 'auto',
+        overflow: 'visible',
+        '&$horizontal': {
+            height: 'initial',
+            width: 'auto',
+        },
+    },
+    /* Styles applied to the container element when the transition has exited and `collapsedHeight` != 0px. */
+    hidden: {
+        visibility: 'hidden',
+    },
+    /* Styles applied to the outer wrapper element. */
+    wrapper: {
+        // Hack to get children with a negative margin to not falsify the height computation.
+        display: 'flex',
+    },
+    /* Styles applied to the inner wrapper element. */
+    wrapperInner: {
+        width: '100%',
+        '&$horizontal': {
+            // width: 'initial',
+            height: '100%',
+        },
+    },
+}); };
+exports.styles = styles;
+/**
+ * The Collapse transition is used by the
+ * [Vertical Stepper](/components/steppers/#vertical-stepper) StepContent component.
+ * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
+ */
+var Collapse = React.forwardRef(function Collapse(props, ref) {
+    var children = props.children, classes = props.classes, className = props.className, _a = props.collapsedHeight, collapsedHeight = _a === void 0 ? '0px' : _a, _b = props.collapsedSize, collapsedSizeProp = _b === void 0 ? '0px' : _b, _c = props.component, Component = _c === void 0 ? 'div' : _c, inProp = props.in, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExiting = props.onExiting, _d = props.orientation, orientation = _d === void 0 ? 'vertical' : _d, _e = props.style, style = _e === void 0 ? {} : _e, _f = props.timeout, timeout = _f === void 0 ? transitions_1.duration.standard : _f, 
+    // eslint-disable-next-line react/prop-types
+    _g = props.TransitionComponent, 
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent = _g === void 0 ? react_transition_group_1.Transition : _g, other = __rest(props, ["children", "classes", "className", "collapsedHeight", "collapsedSize", "component", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExiting", "orientation", "style", "timeout", "TransitionComponent"]);
+    var theme = core_1.useTheme();
+    var timer = React.useRef();
+    var wrapperRef = React.useRef(null);
+    var autoTransitionDuration = React.useRef();
+    var collapsedSizeOrHeight = collapsedHeight === '0px' ? collapsedSizeProp : collapsedHeight;
+    var collapsedSize = typeof collapsedSizeOrHeight === 'number'
+        ? collapsedSizeOrHeight + "px"
+        : collapsedSizeOrHeight;
+    var isHorizontal = orientation === 'horizontal';
+    var size = isHorizontal ? 'width' : 'height';
+    React.useEffect(function () {
+        return function () {
+            clearTimeout(timer.current);
+        };
+    }, []);
+    var handleEnter = function (node, isAppearing) {
+        // Set absolute position to get the size of collapsed content
+        wrapperRef.current.style.position = 'absolute';
+        node.style[size] = collapsedSize;
+        if (onEnter) {
+            onEnter(node, isAppearing);
+        }
+    };
+    var handleEntering = function (node, isAppearing) {
+        var wrapperSize = wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'];
+        // After the size is read reset the position back to default
+        wrapperRef.current.style.position = '';
+        var transitionDuration = utils_1.getTransitionProps({ style: style, timeout: timeout }, {
+            mode: 'enter',
+        }).duration;
+        if (timeout === 'auto') {
+            var duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
+            node.style.transitionDuration = duration2 + "ms";
+            autoTransitionDuration.current = duration2;
+        }
+        else {
+            node.style.transitionDuration
+                = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms";
+        }
+        node.style[size] = wrapperSize + "px";
+        if (onEntering) {
+            onEntering(node, isAppearing);
+        }
+    };
+    var handleEntered = function (node, isAppearing) {
+        node.style[size] = style[size] || 'auto';
+        if (onEntered) {
+            onEntered(node, isAppearing);
+        }
+    };
+    var handleExit = function (node) {
+        var wrapperSize = wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'];
+        node.style[size] = wrapperSize + "px";
+        if (onExit) {
+            onExit(node);
+        }
+    };
+    var handleExiting = function (node) {
+        var wrapperSize = wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'];
+        var transitionDuration = utils_1.getTransitionProps({ style: style, timeout: timeout }, {
+            mode: 'exit',
+        }).duration;
+        if (timeout === 'auto') {
+            // TODO: rename getAutoHeightDuration to something more generic (width support)
+            // Actually it just calculates animation duration based on size
+            var duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
+            node.style.transitionDuration = duration2 + "ms";
+            autoTransitionDuration.current = duration2;
+        }
+        else {
+            node.style.transitionDuration
+                = typeof transitionDuration === 'string' ? transitionDuration : transitionDuration + "ms";
+        }
+        node.style[size] = collapsedSize;
+        if (onExiting) {
+            onExiting(node);
+        }
+    };
+    var addEndListener = function (_, next) {
+        if (timeout === 'auto') {
+            timer.current = setTimeout(next, autoTransitionDuration.current || 0);
+        }
+    };
+    return (React.createElement(TransitionComponent, __assign({ in: inProp, onEnter: handleEnter, onEntered: handleEntered, onEntering: handleEntering, onExit: handleExit, onExiting: handleExiting, addEndListener: addEndListener, timeout: timeout === 'auto' ? null : timeout }, other), function (state, childProps) {
+        var _a, _b, _c;
+        return (React.createElement(Component, __assign({ className: clsx_1.default(classes.container, (_a = {},
+                _a[classes.horizontal] = isHorizontal,
+                _a[classes.entered] = state === 'entered',
+                _a[classes.hidden] = state === 'exited' && !inProp && collapsedSize === '0px',
+                _a), className), style: __assign((_b = {}, _b[isHorizontal ? 'minWidth' : 'minHeight'] = collapsedSize, _b), style), ref: ref }, childProps),
+            React.createElement("div", { className: classes.wrapper, ref: wrapperRef },
+                React.createElement("div", { className: clsx_1.default(classes.wrapperInner, (_c = {},
+                        _c[classes.horizontal] = isHorizontal,
+                        _c)) }, children))));
+    }));
+});
+Collapse.propTypes = {
+    // ----------------------------- Warning --------------------------------
+    // | These PropTypes are generated from the TypeScript type definitions |
+    // |     To update them edit the d.ts file and run "yarn proptypes"     |
+    // ----------------------------------------------------------------------
+    /**
+     * The content node to be collapsed.
+     */
+    children: prop_types_1.default.node,
+    /**
+     * Override or extend the styles applied to the component.
+     * See [CSS API](#css) below for more details.
+     */
+    classes: prop_types_1.default.object,
+    /**
+     * @ignore
+     */
+    className: prop_types_1.default.string,
+    /**
+     * @ignore
+     * @deprecated
+     * The height of the container when collapsed.
+     *
+     * This prop will be deprecated and removed in v5, use collapsedSize instead.
+     */
+    collapsedHeight: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
+    /**
+     * The width (horizontal) or height (vertical) of the container when collapsed.
+     */
+    collapsedSize: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
+    /**
+     * The component used for the root node.
+     * Either a string to use a DOM element or a component.
+     */
+    component: prop_types_1.default.elementType,
+    /**
+     * If `true`, the component will transition in.
+     */
+    in: prop_types_1.default.bool,
+    /**
+     * @ignore
+     */
+    onEnter: prop_types_1.default.func,
+    /**
+     * @ignore
+     */
+    onEntered: prop_types_1.default.func,
+    /**
+     * @ignore
+     */
+    onEntering: prop_types_1.default.func,
+    /**
+     * @ignore
+     */
+    onExit: prop_types_1.default.func,
+    /**
+     * @ignore
+     */
+    onExiting: prop_types_1.default.func,
+    /**
+     * The collapse transition orientation.
+     */
+    orientation: prop_types_1.default.oneOf(['horizontal', 'vertical']),
+    /**
+     * @ignore
+     */
+    style: prop_types_1.default.object,
+    /**
+     * The duration for the transition, in milliseconds.
+     * You may specify a single timeout for all transitions, or individually with an object.
+     *
+     * Set to 'auto' to automatically calculate transition time based on height.
+     */
+    timeout: prop_types_1.default.oneOfType([
+        prop_types_1.default.oneOf(['auto']),
+        prop_types_1.default.number,
+        prop_types_1.default.shape({
+            appear: prop_types_1.default.number,
+            enter: prop_types_1.default.number,
+            exit: prop_types_1.default.number,
+        }),
+    ]),
+};
+Collapse.muiSupportAuto = true;
+exports.default = withStyles_1.default(exports.styles, { name: 'MuiCollapse' })(Collapse);

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

@@ -0,0 +1,3 @@
+
+export { default } from './Collapse';
+export * from './Collapse';

package/dist/components/Collapse/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Collapse_1 = require("./Collapse");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Collapse_1).default; } });

package/dist/components/Compartilhar/Compartilhar.d.ts

@@ -0,0 +1,7 @@
+export interface CompartilharProps {
+  linkCompartilhamento?: string
+}
+
+declare function Compartilhar(props: CompartilharProps): JSX.Element
+
+export default Compartilhar;

package/dist/components/Compartilhar/Compartilhar.js

@@ -0,0 +1,266 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var index_1 = require("../../api/index");
+var index_2 = require("../../utils/index");
+var core_1 = require("@material-ui/core");
+var lab_1 = require("@material-ui/lab");
+var react_1 = __importStar(require("react"));
+var md_1 = require("react-icons/md");
+var useStyles = core_1.makeStyles({
+    fundoCompartilhar: {
+        width: '500px',
+        padding: '20px',
+        marginTop: 5,
+    }
+});
+var Compartilhar = react_1.forwardRef(function (props, ref) {
+    var _a = react_1.useState(''), metodoCompartilhar = _a[0], setMetodoCompartilhar = _a[1];
+    var _b = react_1.useState(''), mensagemEmail = _b[0], setMensagemEmail = _b[1];
+    var _c = react_1.useState([]), email = _c[0], setEmail = _c[1];
+    var _d = react_1.useState(''), stringEmail = _d[0], setStringEmail = _d[1];
+    var _f = react_1.useState([]), notificacao = _f[0], setNotificacao = _f[1];
+    var _g = react_1.useState(''), stringNotificacao = _g[0], setStringNotificacao = _g[1];
+    var _h = react_1.useState(''), mensagemNotificação = _h[0], setMensagemNotificacao = _h[1];
+    var link = props.linkCompartilhamento;
+    var _j = react_1.useState(false), copiado = _j[0], setCopiado = _j[1];
+    var _k = react_1.useState(false), enviado = _k[0], setEnviado = _k[1];
+    var _l = react_1.useState([]), options = _l[0], setOptions = _l[1];
+    var erroVazio = { email: '', stringEmail: '', notificacao: '', stringNotificacao: '' };
+    var _m = react_1.useState(erroVazio), erro = _m[0], setErro = _m[1];
+    var classes = useStyles();
+    function copiarParaAreaDeTransferencia() {
+        var link = document.getElementById('link');
+        link.select();
+        link.setSelectionRange(0, 99999);
+        document.execCommand('copy');
+        setCopiado(true);
+        setTimeout(function () {
+            setCopiado(false);
+        }, 3500);
+    }
+    react_1.useEffect(function () {
+        if (stringEmail.length < 3 && stringNotificacao.length < 3)
+            return;
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var res;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, index_1.searchUsers({ dsFiltroNome: metodoCompartilhar === 'email' ? stringEmail : stringNotificacao })];
+                    case 1:
+                        res = _a.sent();
+                        if (res.status) {
+                            setOptions(res.users);
+                        }
+                        else
+                            index_2.setError(res.dsErro);
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [stringEmail, stringNotificacao, metodoCompartilhar]);
+    function enviaCompartilhamento(tpComp) {
+        return __awaiter(this, void 0, void 0, function () {
+            var temp, not, mail, dados, res;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        temp = false;
+                        if (tpComp === 'E') {
+                            if (email.length === 0 && mensagemEmail === '') {
+                                setErro(__assign(__assign({}, erro), { email: 'Campo Obrigatório', stringEmail: 'Campo Obrigatório' }));
+                                temp = true;
+                            }
+                            else {
+                                if (email.length === 0) {
+                                    setErro(__assign(__assign({}, erro), { email: 'Campo Obrigatório' }));
+                                    temp = true;
+                                }
+                                if (mensagemEmail === '') {
+                                    setErro(__assign(__assign({}, erro), { stringEmail: 'Campo Obrigatório' }));
+                                    temp = true;
+                                }
+                            }
+                        }
+                        else if (notificacao.length === 0 && mensagemNotificação === '') {
+                            setErro(__assign(__assign({}, erro), { notificacao: 'Campo Obrigatório', stringNotificacao: 'Campo Obrigatório' }));
+                            temp = true;
+                        }
+                        else if (notificacao.length === 0) {
+                            setErro(__assign(__assign({}, erro), { notificacao: 'Campo Obrigatório' }));
+                            temp = true;
+                        }
+                        else if (mensagemNotificação === '') {
+                            setErro(__assign(__assign({}, erro), { stringNotificacao: 'Campo Obrigatório' }));
+                            temp = true;
+                        }
+                        if (temp)
+                            return [2 /*return*/];
+                        not = notificacao.map(function (item) { return item[0]; });
+                        mail = email.map(function (item) { return item[0]; });
+                        dados = {
+                            mensagem: mensagemNotificação || mensagemEmail,
+                            usuarios: not.length > 0 ? not : mail,
+                            tpMensagem: tpComp,
+                            link: link
+                        };
+                        return [4 /*yield*/, index_1.enviaCompartilhamentoDePrograma(dados)];
+                    case 1:
+                        res = _a.sent();
+                        if (res.status) {
+                            setNotificacao([]);
+                            setEmail([]);
+                            setMensagemEmail('');
+                            setStringEmail('');
+                            setStringNotificacao('');
+                            setMensagemNotificacao('');
+                            setEnviado(true);
+                            setTimeout(function () {
+                                setEnviado(false);
+                            }, 3500);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    return (react_1.default.createElement(core_1.Grid, { innerRef: ref, className: classes.fundoCompartilhar, component: core_1.Paper, elevation: 2, onClick: function (e) { return e.stopPropagation(); } },
+        react_1.default.createElement(core_1.Grid, { container: true, spacing: 2, style: { position: 'relative', padding: '6px 12px', display: 'flex' }, justifyContent: 'center' },
+            react_1.default.createElement(core_1.Typography, { component: 'h3', style: { fontSize: '24px', textAlign: 'center', marginTop: '0px' } }, "Compartilhar"),
+            react_1.default.createElement(core_1.Grid, { item: true, xs: 12, className: 'row' },
+                react_1.default.createElement(core_1.TextField, { label: 'Link', value: link, readOnly: true, id: 'link', fullWidth: true, variant: 'outlined', margin: 'dense', InputProps: {
+                        endAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: 'end' },
+                            react_1.default.createElement(core_1.IconButton, { onClick: function () { return copiarParaAreaDeTransferencia(); }, title: 'Copiar Link' },
+                                react_1.default.createElement(md_1.MdLink, null)))),
+                    } }),
+                react_1.default.createElement(core_1.Collapse, { in: copiado },
+                    react_1.default.createElement(core_1.Typography, { variant: 'body2', component: 'div', color: 'primary' }, "Link copiado para a \u00E1rea de transfer\u00EAncia!"))),
+            react_1.default.createElement(core_1.Grid, { item: true, xs: 6, style: { display: 'flex', justifyContent: 'center' } },
+                react_1.default.createElement(core_1.IconButton, { size: 'medium', title: 'Enviar link por notifica\u00E7\u00E3o', onClick: function () {
+                        setErro(erroVazio);
+                        setEmail([]);
+                        setStringEmail('');
+                        setMetodoCompartilhar(metodoCompartilhar === 'notificacao' ? '' : 'notificacao');
+                    } },
+                    react_1.default.createElement(core_1.Typography, { component: 'span', variant: 'body1', className: 'icon-linecons-megaphone icon-lg', style: {
+                            fontSize: '45px',
+                            width: '75px',
+                            height: '75px',
+                            color: 'white',
+                            background: '#009C6A',
+                            borderRadius: '50px',
+                            border: '5px solid #33b088',
+                        } }))),
+            react_1.default.createElement(core_1.Grid, { item: true, xs: 6, style: { display: 'flex', justifyContent: 'center' } },
+                react_1.default.createElement(core_1.IconButton, { size: 'medium', title: 'Enviar link por email', onClick: function () {
+                        setErro(erroVazio);
+                        setNotificacao([]);
+                        setStringNotificacao('');
+                        setMetodoCompartilhar(metodoCompartilhar === 'email' ? '' : 'email');
+                    } },
+                    react_1.default.createElement(core_1.Typography, { component: 'span', variant: 'body1', className: 'glyph-icon icon-envelope icon-lg', style: {
+                            fontSize: '45px',
+                            width: '75px',
+                            height: '75px',
+                            color: 'white',
+                            background: '#009C6A',
+                            borderRadius: '50px',
+                            border: '5px solid #33b088',
+                        } }))),
+            react_1.default.createElement(core_1.Grid, { item: true, xs: 6, style: { display: 'flex', justifyContent: 'center', paddingTop: 0, marginBottom: '5px' } },
+                react_1.default.createElement(core_1.Typography, { component: 'label', variant: 'body1' }, "Notifica\u00E7\u00E3o")),
+            react_1.default.createElement(core_1.Grid, { item: true, xs: 6, style: { display: 'flex', justifyContent: 'center', paddingTop: 0, marginBottom: '5px' } },
+                react_1.default.createElement(core_1.Typography, { component: 'label', variant: 'body1' }, "Email")),
+            react_1.default.createElement(core_1.Grid, { item: true, xs: 12, style: { padding: 0 } },
+                react_1.default.createElement(core_1.Collapse, { in: metodoCompartilhar === 'notificacao' },
+                    react_1.default.createElement(core_1.Grid, { container: true, spacing: 2 },
+                        react_1.default.createElement(core_1.Grid, { item: true, xs: 12 },
+                            react_1.default.createElement(lab_1.Autocomplete, { multiple: true, value: notificacao, options: options, getOptionLabel: function (option) { return index_2.formataNome(option[1]); }, size: 'small', limitTags: 1, onChange: function (_e, value) { return setNotificacao(value); }, disableCloseOnSelect: true, disablePortal: true, noOptionsText: stringEmail.length < 3 && stringNotificacao.length < 3 ? 'Digite para começar a pesquisar' : 'Não Encontrado', renderTags: function (value, getTagProps) { return (value.map(function (option, index) { return (react_1.default.createElement(core_1.Chip, __assign({ variant: 'outlined', label: option[1] || option }, getTagProps({ index: index })))); })); }, renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ variant: 'outlined', margin: 'dense', label: 'Contatos:', onChange: function (e) { return setStringNotificacao(e.target.value); }, placeholder: notificacao.length === 0 ? 'Selecionar' : undefined, InputLabelProps: { shrink: true }, error: !!erro.notificacao, helperText: erro.notificacao }, params))); } })),
+                        react_1.default.createElement(core_1.Grid, { item: true, xs: 12 },
+                            react_1.default.createElement(core_1.TextField, { variant: 'outlined', margin: 'dense', label: 'Mensagem:', placeholder: 'Mensagem da Notifica\u00E7\u00E3o', fullWidth: true, value: mensagemNotificação, onChange: function (e) { return setMensagemNotificacao(e.target.value); }, error: !!erro.stringNotificacao, helperText: erro.stringNotificacao })),
+                        react_1.default.createElement(core_1.Grid, { container: true, style: { display: 'flex ' }, direction: 'row-reverse' },
+                            react_1.default.createElement(core_1.Grid, { item: true, xs: 2 },
+                                react_1.default.createElement(core_1.Button, { color: 'primary', variant: 'contained', onClick: function () { return enviaCompartilhamento('N'); } }, "Enviar")),
+                            react_1.default.createElement(core_1.Grid, { item: true, xs: 10 },
+                                react_1.default.createElement(core_1.Collapse, { in: enviado },
+                                    react_1.default.createElement(core_1.Typography, { variant: 'body2', component: 'div', color: 'primary' }, "Link enviado com sucesso!"))))))),
+            react_1.default.createElement(core_1.Grid, { item: true, xs: 12, style: { padding: 0 } },
+                react_1.default.createElement(core_1.Collapse, { in: metodoCompartilhar === 'email' },
+                    react_1.default.createElement(core_1.Grid, { container: true, spacing: 2 },
+                        react_1.default.createElement(core_1.Grid, { item: true, xs: 12 },
+                            react_1.default.createElement(lab_1.Autocomplete, { multiple: true, freeSolo: true, value: email, options: options, getOptionLabel: function (option) { return option[2]; }, size: 'small', limitTags: 1, onChange: function (_e, value) { return setEmail(value); }, disableCloseOnSelect: true, disablePortal: true, noOptionsText: stringEmail.length < 3 && stringNotificacao.length < 3 ? 'Digite para começar a pesquisar' : 'Não Encontrado', renderTags: function (value, getTagProps) { return (value.map(function (option, index) { return (react_1.default.createElement(core_1.Chip, __assign({ variant: 'outlined', label: option[2] || option }, getTagProps({ index: index })))); })); }, renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ variant: 'outlined', margin: 'dense', label: 'Emails:', onChange: function (e) { return setStringEmail(e.target.value); }, placeholder: email.length === 0 ? 'Selecionar' : undefined, InputLabelProps: { shrink: true }, error: !!erro.email, helperText: erro.email }, params))); } })),
+                        react_1.default.createElement(core_1.Grid, { item: true, xs: 12 },
+                            react_1.default.createElement(core_1.TextField, { multiline: true, label: 'Mensagem:', rows: '2', margin: 'dense', variant: 'outlined', fullWidth: true, placeholder: 'Mensagem do Email', value: mensagemEmail, onChange: function (e) { return setMensagemEmail(e.target.value); }, style: { resize: 'vertical', height: '50px' }, error: !!erro.stringEmail, helperText: erro.stringEmail })),
+                        react_1.default.createElement(core_1.Grid, { container: true, style: { display: 'flex' }, direction: 'row-reverse' },
+                            react_1.default.createElement(core_1.Grid, { item: true, xs: 2 },
+                                react_1.default.createElement(core_1.Button, { color: 'primary', variant: 'contained', onClick: function () { return enviaCompartilhamento('E'); } }, "Enviar")),
+                            react_1.default.createElement(core_1.Grid, { item: true, xs: 10 },
+                                react_1.default.createElement(core_1.Collapse, { in: enviado },
+                                    react_1.default.createElement(core_1.Typography, { variant: 'body2', component: 'div', color: 'primary' }, "Link enviado com sucesso!"))))))))));
+});
+exports.default = Compartilhar;

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

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

package/dist/components/Compartilhar/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Compartilhar_1 = require("./Compartilhar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Compartilhar_1).default; } });