argous 1.2.247 → 1.3.2

package/dist/components/UtilAutoComplete/UtilAutoComplete.d.ts

@@ -1,97 +1,32 @@
-import { TextFieldProps } from '@material-ui/core';
-import { AutocompleteProps, AutocompleteChangeDetails } from '@material-ui/lab';
-import * as React from 'react';
-
-export interface UtilAutoCompleteProps extends Omit<AutocompleteProps<any, false, false, false>, 'getOptionLabel'>{
-  /**
-   * Tipo de autocomplete
-   */
-  type: 'beneficiarios' | 'empresas' | 'gruposUnimed' |'estados' | 'cidades' | 'unimeds' | 'prestadores', 
-  /**
-   * Valor do campo
-   */
-  value?: Array<number|string> | object, 
-  /**
-   * Props repassados ao componente Textfield
-   */
-  textFieldProps?: TextFieldProps, 
-  /**
-   * Callback fired when the value changes.
-   *
-   * @param event — The event source of the callback.
-   *
-   * @param value — The new value of the component.
-   *
-   * @param reason — One of "create-option", "select-option", "remove-option", "blur", "clear" ou "only-one-left".
-   */
-  onChange?: ((event: React.ChangeEvent<{}>, value: any, reason: 'create-option' | 'select-option' | 'remove-option' | 'blur' | 'clear' | 'only-one-left', details?: AutocompleteChangeDetails<any> | undefined) => void) | undefined, 
-  /**
-   * Trazer itens excluidos
-   */
-  excluidos?: boolean,
-  /**
-   * Filtra por id empresa
-   */
-  idEmpresa?: number,
-  /**
-   * Filtra por cd estado 
-   */
-  cdEstado?: number,
-  /**
-   * Filtra cd unimed
-   */
-  cdUnimed?:number,
-  /**
-   * Formata o valor que aparece na listagem
-   * 
-   * @param option - Opção sendo testada ou selecionada
-   * 
-   * @param lista - Lista com todas as opções
-   */
-  getOptionLabel?: ((option: Array<any>, lista: Array<Array<any>>) => string),
-  /**
-   * Utiliza um pgCode diferente do padrão
-   */
-  pgCode?: string,
-  /**
-   * Objeto de busca personalizado
-   */
-  busca?: string,
-  /**
-   * Objeto de resposta personalizado
-   */
-  resposta?: string,
-  /**
-   * Action personalizada
-   */
-  action?: string,
-  /**
-   * Label do campo
-   */
-  label?: string,
-  /**
-   * Parametros utilizados no metodo de busca
-   */
-  searchParams?: object,
-  /**
-   * Disponível para leitura apenas
-   */
-  readOnly?: boolean,
-  /**
-   * Função para filtrar a lista de opções
-   * 
-   * @param valor - Valor setado no componente
-   * @param item - Item a ser testado contra o valor
-   * 
-   * @returns {boolean} Retorna true se item de ser removido da lista
-   */
-  filterFunction?: (valor: any, item: any) => boolean,
-  /**
-   * Força o componente a atualizar quando o valor dele é alterado por fora
-   */
-  forceUpdate?: boolean
-}
-
-declare function UtilAutoComplete(props: UtilAutoCompleteProps): JSX.Element
-
-export default UtilAutoComplete;
+export default UtilAutoComplete;
+declare function UtilAutoComplete({ type, label, value, textFieldProps, onChange, excluidos, idEmpresa, cdEstado, cdUnimed, getOptionLabel, pgCode, action, busca, resposta, searchParams, filterFunction, forceUpdate, readOnly, ListboxComponent, ListboxProps, PaperComponent, PopperComponent, ChipProps, renderTags, renderValue, slots, slotProps, ...props }: {
+    [x: string]: any;
+    type?: string | undefined;
+    label: any;
+    value: any;
+    textFieldProps?: {} | undefined;
+    onChange?: ((e: any) => any) | undefined;
+    excluidos: any;
+    idEmpresa: any;
+    cdEstado: any;
+    cdUnimed: any;
+    getOptionLabel: any;
+    pgCode?: string | undefined;
+    action: any;
+    busca: any;
+    resposta: any;
+    searchParams: any;
+    filterFunction: any;
+    forceUpdate: any;
+    readOnly: any;
+    ListboxComponent: any;
+    ListboxProps: any;
+    PaperComponent: any;
+    PopperComponent: any;
+    ChipProps: any;
+    renderTags: any;
+    renderValue: any;
+    slots?: {} | undefined;
+    slotProps?: {} | undefined;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/UtilAutoComplete/UtilAutoComplete.js

@@ -26,13 +26,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 __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) {
@@ -43,8 +53,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 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;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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.");
@@ -83,8 +93,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var utils_1 = require("../../utils");
 var api_1 = require("../../utils/api");
-var core_1 = require("@material-ui/core");
-var lab_1 = require("@material-ui/lab");
+var material_1 = require("@mui/material");
 var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 // import PropTypes from 'prop-types';
@@ -151,10 +160,11 @@ var retornaType = function (type) {
     }
 };
 var UtilAutoComplete = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? '' : _b, label = _a.label, value = _a.value, _c = _a.textFieldProps, textFieldProps = _c === void 0 ? {} : _c, _d = _a.onChange, onChange = _d === void 0 ? function (e) { return e; } : _d, excluidos = _a.excluidos, idEmpresa = _a.idEmpresa, cdEstado = _a.cdEstado, cdUnimed = _a.cdUnimed, getOptionLabel = _a.getOptionLabel, _e = _a.pgCode, pgCode = _e === void 0 ? 'BuscasHelper' : _e, action = _a.action, busca = _a.busca, resposta = _a.resposta, searchParams = _a.searchParams, filterFunction = _a.filterFunction, forceUpdate = _a.forceUpdate, readOnly = _a.readOnly, props = __rest(_a, ["type", "label", "value", "textFieldProps", "onChange", "excluidos", "idEmpresa", "cdEstado", "cdUnimed", "getOptionLabel", "pgCode", "action", "busca", "resposta", "searchParams", "filterFunction", "forceUpdate", "readOnly"]);
-    var _f = (0, react_1.useState)(false), open = _f[0], setOpen = _f[1];
-    var _g = (0, react_1.useState)([]), lista = _g[0], setLista = _g[1];
-    var _h = (0, react_1.useState)(''), inputValue = _h[0], setInputValue = _h[1];
+    var _b = _a.type, type = _b === void 0 ? '' : _b, label = _a.label, value = _a.value, _c = _a.textFieldProps, textFieldProps = _c === void 0 ? {} : _c, _d = _a.onChange, onChange = _d === void 0 ? function (e) { return e; } : _d, excluidos = _a.excluidos, idEmpresa = _a.idEmpresa, cdEstado = _a.cdEstado, cdUnimed = _a.cdUnimed, getOptionLabel = _a.getOptionLabel, _e = _a.pgCode, pgCode = _e === void 0 ? 'BuscasHelper' : _e, action = _a.action, busca = _a.busca, resposta = _a.resposta, searchParams = _a.searchParams, filterFunction = _a.filterFunction, forceUpdate = _a.forceUpdate, readOnly = _a.readOnly, ListboxComponent = _a.ListboxComponent, ListboxProps = _a.ListboxProps, PaperComponent = _a.PaperComponent, PopperComponent = _a.PopperComponent, ChipProps = _a.ChipProps, renderTags = _a.renderTags, renderValue = _a.renderValue, _f = _a.slots, slots = _f === void 0 ? {} : _f, _g = _a.slotProps, slotProps = _g === void 0 ? {} : _g, props = __rest(_a, ["type", "label", "value", "textFieldProps", "onChange", "excluidos", "idEmpresa", "cdEstado", "cdUnimed", "getOptionLabel", "pgCode", "action", "busca", "resposta", "searchParams", "filterFunction", "forceUpdate", "readOnly", "ListboxComponent", "ListboxProps", "PaperComponent", "PopperComponent", "ChipProps", "renderTags", "renderValue", "slots", "slotProps"]);
+    var _h = (0, react_1.useState)(false), open = _h[0], setOpen = _h[1];
+    var _j = (0, react_1.useState)([]), lista = _j[0], setLista = _j[1];
+    var _k = (0, react_1.useState)(''), inputValue = _k[0], setInputValue = _k[1];
+    var FormHelperTextProps = textFieldProps.FormHelperTextProps, InputLabelProps = textFieldProps.InputLabelProps, InputProps = textFieldProps.InputProps, inputProps = textFieldProps.inputProps, SelectProps = textFieldProps.SelectProps, _l = textFieldProps.slotProps, textFieldSlotProps = _l === void 0 ? {} : _l, resolvedTextFieldProps = __rest(textFieldProps, ["FormHelperTextProps", "InputLabelProps", "InputProps", "inputProps", "SelectProps", "slotProps"]);
     var buscar = (0, react_1.useCallback)(function (valor) { return __awaiter(void 0, void 0, void 0, function () {
         var res;
         var _a;
@@ -178,7 +188,7 @@ var UtilAutoComplete = function (_a) {
         // if (inputValue.length < 2) return;
         buscar();
     }, [inputValue, buscar]);
-    return (react_1.default.createElement(lab_1.Autocomplete, __assign({ open: open, onOpen: function () { return !readOnly && setOpen(true); }, onClose: function () { return setOpen(false); }, disableClearable: readOnly, options: (0, lodash_1.isObject)(value) ? lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : lista, getOptionSelected: function (o, v) { return o[0] === v; }, getOptionLabel: getOptionLabel ? (function (option) { return getOptionLabel(option, lista); }) : (function (option) { return retornaType(type).getLabel(option, lista); }), noOptionsText: inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado', clearText: 'Limpar', openText: 'Abrir', onInputChange: function (e) { var _a; return setInputValue(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, filterSelectedOptions: true, autoComplete: true, autoHighlight: true }, { value: value, onChange: onChange }, props, { renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label || retornaType(type).label }, params, textFieldProps, { InputProps: __assign(__assign({}, textFieldProps.InputProps), params.InputProps), inputProps: __assign(__assign(__assign({}, textFieldProps.inputProps), params.inputProps), { readOnly: readOnly }) }))); } })));
+    return (react_1.default.createElement(material_1.Autocomplete, __assign({ open: open, onOpen: function () { return !readOnly && setOpen(true); }, onClose: function () { return setOpen(false); }, disableClearable: readOnly, options: (0, lodash_1.isObject)(value) ? lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : lista, isOptionEqualToValue: function (o, v) { return o[0] === ((0, lodash_1.isArray)(v) ? v[0] : v); }, getOptionLabel: getOptionLabel ? (function (option) { return getOptionLabel(option, lista); }) : (function (option) { return retornaType(type).getLabel(option, lista); }), noOptionsText: inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado', clearText: 'Limpar', openText: 'Abrir', onInputChange: function (e) { var _a; return setInputValue(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, filterSelectedOptions: true, autoComplete: true, autoHighlight: true, value: value, onChange: onChange }, props, { renderValue: renderValue || renderTags, slots: __assign(__assign(__assign({}, (PaperComponent ? { paper: PaperComponent } : {})), (PopperComponent ? { popper: PopperComponent } : {})), slots), slotProps: __assign(__assign({}, slotProps), { chip: __assign(__assign({}, ChipProps), slotProps.chip), listbox: __assign(__assign(__assign({}, (ListboxComponent ? { component: ListboxComponent } : {})), ListboxProps), slotProps.listbox) }), renderInput: function (params) { return (react_1.default.createElement(material_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label || retornaType(type).label }, params, resolvedTextFieldProps, { slotProps: __assign(__assign(__assign({}, textFieldSlotProps), params.slotProps), { formHelperText: __assign(__assign(__assign({}, FormHelperTextProps), textFieldSlotProps.formHelperText), params.slotProps.formHelperText), input: __assign(__assign(__assign({}, InputProps), textFieldSlotProps.input), params.slotProps.input), inputLabel: __assign(__assign(__assign({}, InputLabelProps), textFieldSlotProps.inputLabel), params.slotProps.inputLabel), htmlInput: __assign(__assign(__assign(__assign({}, inputProps), textFieldSlotProps.htmlInput), params.slotProps.htmlInput), { readOnly: readOnly }), select: __assign(__assign(__assign({}, SelectProps), textFieldSlotProps.select), params.slotProps.select) }) }))); } })));
 };
 // UtilAutoComplete.propTypes = {
 //   type: PropTypes.oneOf(['beneficiarios', 'empresas', 'gruposUnimed', 'estados', 'cidades', 'unimeds', 'prestadores']).isRequired,

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

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

package/dist/components/UtilTextField/UtilTextField.d.ts

@@ -1,23 +1,7 @@
-import { BaseTextFieldProps } from '@material-ui/core';
-import * as React from 'react';
-
-
-export interface UtilTextFieldProps extends BaseTextFieldProps {
-  /**
-   * Type of format
-   */
-  type: 'cpf' | 'cnpj' | 'cep' | 'telephone', 
-  /**
-   * Callback fired when the value change
-   *
-   * @param event — The event source of the callback
-   *
-   * @param value — The new value of the component
-   */
-  onChange?: ((event: React.ChangeEvent<{}>, value: any) => void) | undefined 
-}
-
-
-declare function UtilTextField(props: UtilTextFieldProps): JSX.Element
-
-export default UtilTextField;
+export default UtilTextField;
+declare function UtilTextField({ type, onChange, ...props }: {
+    [x: string]: any;
+    type: any;
+    onChange: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/UtilTextField/UtilTextField.js

@@ -26,13 +26,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 __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)
@@ -49,13 +59,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var utils_1 = require("../../utils");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_1 = __importStar(require("react"));
-var react_maskedinput_1 = __importDefault(require("react-maskedinput"));
-var cepMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: '11111-111' }, props)); } };
-var cpfMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: '111.111.111-11' }, props)); } };
-var cnpjMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: '##.###.###/####-##' }, props)); } };
-var telephoneMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: '(11) 111111111' }, props)); } };
+var react_input_mask_1 = __importDefault(require("@mona-health/react-input-mask"));
+var cepMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_input_mask_1.default, __assign({ mask: '99999-999' }, props)); } };
+var cpfMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_input_mask_1.default, __assign({ mask: '999.999.999-99' }, props)); } };
+var cnpjMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_input_mask_1.default, __assign({ mask: '**.***.***/****-**' }, props)); } };
+var telephoneMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_input_mask_1.default, __assign({ mask: '(99) 999999999' }, props)); } };
 var UtilTextField = function (_a) {
     var type = _a.type, onChange = _a.onChange, props = __rest(_a, ["type", "onChange"]);
     var standard = (0, react_1.useMemo)(function () {
@@ -95,6 +105,8 @@ var UtilTextField = function (_a) {
         newValue = standard.valueHandler(newValue);
         onChange(event, newValue);
     };
-    return (react_1.default.createElement(core_1.TextField, __assign({}, props, { label: ((props === null || props === void 0 ? void 0 : props.label) === false) ? '' : (props === null || props === void 0 ? void 0 : props.label) ? props === null || props === void 0 ? void 0 : props.label : standard.label, InputProps: __assign(__assign({}, standard.InputProps), ((props === null || props === void 0 ? void 0 : props.InputProps) || {})), onChange: handleOnChange })));
+    return (react_1.default.createElement(material_1.TextField, __assign({}, props, { label: ((props === null || props === void 0 ? void 0 : props.label) === false) ? '' : (props === null || props === void 0 ? void 0 : props.label) ? props === null || props === void 0 ? void 0 : props.label : standard.label, onChange: handleOnChange, slotProps: {
+            input: __assign(__assign({}, standard.InputProps), ((props === null || props === void 0 ? void 0 : props.InputProps) || {}))
+        } })));
 };
 exports.default = UtilTextField;

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

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

package/dist/components/Zoom/Zoom.d.ts

@@ -1,15 +1,7 @@
-export interface ZoomProps {
-  /**
-   * ID
-   */
-  id: string,
-  /**
-   * Component style
-   */
-  style?: object
-}
-
-
-declare function Zoom(props: ZoomProps) : JSX.Element
-
-export default Zoom;
+export default Zoom;
+declare function Zoom({ id, style, children }: {
+    id: any;
+    style: any;
+    children: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/Zoom/Zoom.js

@@ -1,15 +1,4 @@
 "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;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -26,18 +15,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 clsx_1 = __importDefault(require("clsx"));
+var clsx_1 = require("clsx");
 var react_1 = __importStar(require("react"));
 require("./style.css");
 var Zoom = function (_a) {
@@ -51,7 +47,10 @@ var Zoom = function (_a) {
         if (mediaElement)
             figureElement.style.backgroundImage = "url('" + mediaElement.src + "')";
     }, [figureId]);
-    (0, react_1.useEffect)(function () { return setTimeout(function () { return copyMediaUrl(); }, 500); }, [copyMediaUrl]);
+    (0, react_1.useEffect)(function () {
+        var timeoutId = setTimeout(function () { return copyMediaUrl(); }, 500);
+        return function () { return clearTimeout(timeoutId); };
+    }, [copyMediaUrl]);
     function zoom(e, activeParameter) {
         var _a, _b, _c, _d;
         if (active || activeParameter) {
@@ -77,6 +76,6 @@ var Zoom = function (_a) {
         setActive(state);
         (state) && zoom(e, state);
     };
-    return react_1.default.createElement("figure", __assign({}, { style: style }, { id: figureId, onMouseMove: zoom, onTouchMove: zoom, onClick: handleActive, className: (0, clsx_1.default)('zoom-figure', { 'zoom-figure-active': active }) }), children);
+    return react_1.default.createElement("figure", { style: style, id: figureId, onMouseMove: zoom, onTouchMove: zoom, onClick: handleActive, className: (0, clsx_1.clsx)('zoom-figure', { 'zoom-figure-active': active }) }, children);
 };
 exports.default = Zoom;

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

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