argous 1.2.246 → 1.3.2

package/dist/components/TextToHtml/TextStyles.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,22 +26,33 @@ 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;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_1 = __importStar(require("react"));
 var react_colorful_1 = require("react-colorful");
 var ri_1 = require("react-icons/ri");
 var ICON_SIZE = '2.5rem';
 var BOX_SHADOW = 'rgba(0, 0, 0, 0.3) 0px 1px 12px -2px';
-var useStyles = core_1.makeStyles(function (theme) { return ({
-    container: {
+var containerSx = function (_a) {
+    var defaultSpacing = _a.defaultSpacing;
+    return ({
         zIndex: 1,
         position: 'absolute',
         top: 0,
@@ -45,34 +60,31 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
         display: 'flex',
         alignItems: 'flex-start',
         justifyContent: 'flex-end',
-        gap: function (_a) {
-            var defaultSpacing = _a.defaultSpacing;
-            return (defaultSpacing) ? defaultSpacing : '';
-        }
-    },
-    button: {
-        padding: function (_a) {
-            var defaultSpacing = _a.defaultSpacing;
-            return (defaultSpacing) ? (defaultSpacing / 2) : '';
-        },
-        color: "rgba(" + ((theme.palette.type === 'light') ? '0, 0, 0' : '255, 255, 255') + ", .7)",
-        backgroundColor: "rgba(" + ((theme.palette.type === 'light') ? '255, 255, 255' : '0, 0, 0') + ", .5)",
+        gap: defaultSpacing ? defaultSpacing : ''
+    });
+};
+var buttonSx = function (_a) {
+    var defaultSpacing = _a.defaultSpacing;
+    return function (theme) { return ({
+        padding: defaultSpacing ? defaultSpacing / 2 : '',
+        color: "rgba(".concat(theme.palette.mode === 'light' ? '0, 0, 0' : '255, 255, 255', ", .7)"),
+        backgroundColor: "rgba(".concat(theme.palette.mode === 'light' ? '255, 255, 255' : '0, 0, 0', ", .5)"),
         '&:hover': {
-            backgroundColor: "rgba(" + ((theme.palette.type === 'light') ? '255, 255, 255' : '0, 0, 0') + ", .7)"
+            backgroundColor: "rgba(".concat(theme.palette.mode === 'light' ? '255, 255, 255' : '0, 0, 0', ", .7)")
         }
-    },
-    colorPickerContainer: {
-        zIndex: 2,
-        position: 'absolute',
-        padding: '2rem'
-    },
-    colorPickerBoxShadow: {
-        borderRadius: 8,
-        webKitBoxShadow: BOX_SHADOW,
-        mozBoxShadow: BOX_SHADOW,
-        boxShadow: BOX_SHADOW
-    }
-}); });
+    }); };
+};
+var colorPickerContainerSx = {
+    zIndex: 2,
+    position: 'absolute',
+    padding: '2rem'
+};
+var colorPickerBoxShadowSx = {
+    borderRadius: 8,
+    webKitBoxShadow: BOX_SHADOW,
+    mozBoxShadow: BOX_SHADOW,
+    boxShadow: BOX_SHADOW
+};
 var initialStateOpen = {
     colorPicker: undefined
 };
@@ -81,8 +93,7 @@ var initialState = {
 };
 var TextStyles = function (_a) {
     var color = _a.color, setColor = _a.setColor, defaultSpacing = _a.defaultSpacing, toggleClickAway = _a.toggleClickAway, handleFontSizeChange = _a.handleFontSizeChange, textAlign = _a.textAlign, handleTextAlignChange = _a.handleTextAlignChange;
-    var classes = useStyles({ defaultSpacing: defaultSpacing });
-    var _b = react_1.useState(initialState), state = _b[0], setState = _b[1];
+    var _b = (0, react_1.useState)(initialState), state = _b[0], setState = _b[1];
     var open = state.open;
     var logicSetState = function (type, field, value) { return setState(function (values) {
         var _a, _b;
@@ -97,8 +108,8 @@ var TextStyles = function (_a) {
         toggleClickAway();
         logicSetState('open', 'colorPicker', undefined);
     };
-    return react_1.default.createElement("div", { className: classes.container },
-        react_1.default.createElement(core_1.IconButton, { onClick: handleTextAlignChange, onTouchStart: handleTextAlignChange, className: classes.button }, (function () {
+    return react_1.default.createElement(material_1.Box, { sx: containerSx({ defaultSpacing: defaultSpacing }) },
+        react_1.default.createElement(material_1.IconButton, { onClick: handleTextAlignChange, onTouchStart: handleTextAlignChange, sx: buttonSx({ defaultSpacing: defaultSpacing }) }, (function () {
             switch (textAlign) {
                 case 'start':
                     return react_1.default.createElement(ri_1.RiAlignLeft, { size: ICON_SIZE });
@@ -112,13 +123,13 @@ var TextStyles = function (_a) {
                     return null;
             }
         })()),
-        react_1.default.createElement(core_1.IconButton, { onClick: handleColorPickerOpen, onTouchStart: handleColorPickerOpen, className: classes.button },
+        react_1.default.createElement(material_1.IconButton, { onClick: handleColorPickerOpen, onTouchStart: handleColorPickerOpen, sx: buttonSx({ defaultSpacing: defaultSpacing }) },
             react_1.default.createElement(ri_1.RiFontColor, { size: ICON_SIZE })),
-        react_1.default.createElement(core_1.IconButton, { onClick: handleFontSizeChange, onTouchStart: handleFontSizeChange, className: classes.button },
+        react_1.default.createElement(material_1.IconButton, { onClick: handleFontSizeChange, onTouchStart: handleFontSizeChange, sx: buttonSx({ defaultSpacing: defaultSpacing }) },
             react_1.default.createElement(ri_1.RiFontSize, { size: ICON_SIZE })),
-        (!!open.colorPicker) && (react_1.default.createElement(core_1.ClickAwayListener, { disableReactTree: true, onClickAway: handleColorPickerClose },
-            react_1.default.createElement("div", { className: classes.colorPickerContainer },
-                react_1.default.createElement("div", { className: classes.colorPickerBoxShadow },
+        (!!open.colorPicker) && (react_1.default.createElement(material_1.ClickAwayListener, { disableReactTree: true, onClickAway: handleColorPickerClose },
+            react_1.default.createElement(material_1.Box, { sx: colorPickerContainerSx },
+                react_1.default.createElement(material_1.Box, { sx: colorPickerBoxShadowSx },
                     react_1.default.createElement(react_colorful_1.RgbaColorPicker, { color: color, onChange: setColor }))))));
 };
 exports.default = TextStyles;

package/dist/components/TextToHtml/TextToHtml.d.ts

@@ -1,38 +1,34 @@
-export interface TextToHtmlInitialValue { 
-  text?: string, 
-  cssText?: string 
+export const TEXT_TO_HTML_ID: "text-to-html";
+export namespace initialStateCharacter {
+    let key: undefined;
+    let keyCode: undefined;
+    let code: undefined;
+    let string: string;
+    let dead: boolean;
+    let shift: boolean;
+    let mark: never[];
 }
-
-export interface TextToHtmlProps {
-  /**
-   * Object containing properties to use as initial value
-   */
-  initialValue?: TextToHtmlInitialValue, 
-  /**
-   * Function called on change
-   * @param htmlString 
-   * @returns 
-   */
-  onChange?: (htmlString: string) => void, 
-  /**
-   * Function called on delete
-   * @param event 
-   * @param deleted 
-   * @param newCharacters 
-   * @returns 
-   */
-  onDelete?: (event: Event, deleted: object, newCharacters: Array<object>) => void, 
-  /**
-   * Number to represent the default spacing in pixels
-   */
-  defaultSpacing?: number, 
-  /**
-   * Function called to set external values
-   */
-  setExternalValues?: (state: object) => void
+export namespace initialStateCursor {
+    let string_1: string;
+    export { string_1 as string };
 }
-
-
-declare function TextToHtml(props: TextToHtmlProps) : JSX.Element
-
-export default TextToHtml;
+export namespace textToHtmlInitialValue {
+    let text: string;
+    let cssText: string;
+    let markedPeople: never[];
+    let characters: never[];
+}
+declare const _default: React.ForwardRefExoticComponent<{
+    initialValue?: {
+        text: string;
+        cssText: string;
+        markedPeople: never[];
+        characters: never[];
+    } | undefined;
+    onChange: any;
+    onDelete: any;
+    defaultSpacing: any;
+    setExternalValues: any;
+} & React.RefAttributes<any>>;
+export default _default;
+import React from 'react';

package/dist/components/TextToHtml/TextToHtml.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,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) {
@@ -39,12 +53,12 @@ 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.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {
@@ -65,10 +79,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -78,7 +96,7 @@ exports.textToHtmlInitialValue = exports.initialStateCursor = exports.initialSta
 var Cursor_1 = __importDefault(require("./Cursor"));
 var TextStyles_1 = __importDefault(require("./TextStyles"));
 var utils_1 = require("./utils");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 require("./style.css");
@@ -123,11 +141,11 @@ var initialState = {
 };
 var TextToHtml = function (_a, ref) {
     var _b = _a.initialValue, initialValue = _b === void 0 ? exports.textToHtmlInitialValue : _b, onChange = _a.onChange, onDelete = _a.onDelete, defaultSpacing = _a.defaultSpacing, setExternalValues = _a.setExternalValues;
-    var keyboardRef = react_1.useRef(initialStateKeyboardRef);
-    var _c = react_1.useState(initialState), state = _c[0], setState = _c[1];
+    var keyboardRef = (0, react_1.useRef)(initialStateKeyboardRef);
+    var _c = (0, react_1.useState)(initialState), state = _c[0], setState = _c[1];
     var createCursorClick = state.createCursorClick, characters = state.characters, move = state.move, resize = state.resize, tap = state.tap, textStyle = state.textStyle;
     var color = textStyle.color, fontSize = textStyle.fontSize, fontFamily = textStyle.fontFamily, textAlign = textStyle.textAlign, letterSpacing = textStyle.letterSpacing;
-    var propsRef = react_1.useRef({
+    var propsRef = (0, react_1.useRef)({
         onChange: onChange
     });
     var cursor = characters.findIndex(function (_a) {
@@ -142,7 +160,7 @@ var TextToHtml = function (_a, ref) {
             return (__assign(__assign({}, values), (_a = {}, _a[type] = (type && field) ? __assign(__assign({}, values[type]), (_b = {}, _b[field] = value, _b)) : value, _a)));
         });
     };
-    var setCharacters = react_1.useCallback(function (value) { return logicSetState({ type: 'characters', value: value }); }, []);
+    var setCharacters = (0, react_1.useCallback)(function (value) { return logicSetState({ type: 'characters', value: value }); }, []);
     var focusToWrite = function () {
         var element = document.getElementById(exports.TEXT_TO_HTML_ID);
         if (element)
@@ -150,19 +168,19 @@ var TextToHtml = function (_a, ref) {
     };
     var toggleResize = function () { return logicSetState({ type: 'resize', value: !resize }); };
     var toggleClickAway = function () { return logicSetState({ type: 'clickAway', value: (state.clickAway === undefined) ? false : undefined }); };
-    var disableResize = react_1.useCallback(function () { return logicSetState({ type: 'resize', value: false }); }, []);
-    var handleCreateCursorClick = react_1.useCallback(function (boolean) { return logicSetState({ type: 'createCursorClick', value: boolean }); }, []);
-    var deleteCursor = react_1.useCallback(function () { return logicSetState({ type: 'characters', value: characters.filter(function (_a) {
+    var disableResize = (0, react_1.useCallback)(function () { return logicSetState({ type: 'resize', value: false }); }, []);
+    var handleCreateCursorClick = (0, react_1.useCallback)(function (boolean) { return logicSetState({ type: 'createCursorClick', value: boolean }); }, []);
+    var deleteCursor = (0, react_1.useCallback)(function () { return logicSetState({ type: 'characters', value: characters.filter(function (_a) {
             var string = _a.string;
             return string !== 'cursor';
         }) }); }, [characters]);
-    var createCursor = react_1.useCallback(function (e) {
-        var newCharacters = __spreadArray([], characters);
+    var createCursor = (0, react_1.useCallback)(function (e) {
+        var newCharacters = __spreadArray([], characters, true);
         newCharacters.push(exports.initialStateCursor);
         focusToWrite();
         logicSetState({ type: 'characters', value: newCharacters });
     }, [characters]);
-    var clickAway = react_1.useCallback(function (e) {
+    var clickAway = (0, react_1.useCallback)(function (e) {
         if (createCursorClick) {
             handleCreateCursorClick(false);
             return;
@@ -200,7 +218,7 @@ var TextToHtml = function (_a, ref) {
                 case 1:
                     text = _b.sent();
                     if (text === null || text === void 0 ? void 0 : text.length) {
-                        newCharacters = __spreadArray([], characters);
+                        newCharacters = __spreadArray([], characters, true);
                         for (index = 0; (index < text.length); index++) {
                             string = text[index];
                             newCharacter = __assign(__assign({}, exports.initialStateCharacter), { string: string });
@@ -214,7 +232,7 @@ var TextToHtml = function (_a, ref) {
                             cursor_1 = newCharacters.splice(cursorIndex, 1)[0];
                             (cursor_1) && newCharacters.push(cursor_1);
                         }
-                        (!lodash_1.isEqual(characters, newCharacters)) && setCharacters(newCharacters);
+                        (!(0, lodash_1.isEqual)(characters, newCharacters)) && setCharacters(newCharacters);
                     }
                     return [2 /*return*/];
             }
@@ -224,11 +242,13 @@ var TextToHtml = function (_a, ref) {
         var element = document.getElementById(exports.TEXT_TO_HTML_ID);
         (element) && (element.style.cssText = cssText);
     };
-    var loadInitialValue = react_1.useCallback(function (initialValue) {
+    var loadInitialValue = (0, react_1.useCallback)(function (initialValue) {
         (initialValue.cssText) && setStyleFromInitialValue(initialValue.cssText);
         (initialValue.characters) && setCharacters(initialValue.characters);
     }, [setCharacters]);
-    react_1.useEffect(function () { return loadInitialValue(initialValue); }, [initialValue, loadInitialValue]);
+    (0, react_1.useEffect)(function () {
+        loadInitialValue(initialValue);
+    }, [initialValue, loadInitialValue]);
     var handleKeyDown = function (e) {
         e.preventDefault();
         e.stopPropagation();
@@ -243,7 +263,7 @@ var TextToHtml = function (_a, ref) {
         var capsLock = e.getModifierState('CapsLock');
         var deleted = undefined;
         var newCharacter = { string: null };
-        var newCharacters = __spreadArray([], characters);
+        var newCharacters = __spreadArray([], characters, true);
         var paste = (((key === 'v') || (key === 'V')) && (keyCode === 86) && (code === 'KeyV') && ctrlKey && !shiftKey);
         var characterBeforeCursorIndex = (cursor - 1);
         var characterBeforeCursor = newCharacters[characterBeforeCursorIndex];
@@ -286,12 +306,9 @@ var TextToHtml = function (_a, ref) {
         else if (key === 'Delete')
             deleteText('right');
         else {
-            var _a = utils_1.translateKey({ key: key, keyCode: keyCode, code: code, shift: shift, altGraph: keyboardRef.current.altGraph, capsLock: capsLock, before: characterBeforeCursor }), string = _a.string, before = _a.before;
+            var _a = (0, utils_1.translateKey)({ key: key, keyCode: keyCode, code: code, shift: shift, altGraph: keyboardRef.current.altGraph, capsLock: capsLock, before: characterBeforeCursor }), string = _a.string, before = _a.before;
             if (string) {
-                newCharacter = __assign(__assign({}, exports.initialStateCharacter), { key: key,
-                    keyCode: keyCode,
-                    code: code,
-                    string: string, dead: before.dead, shift: shift });
+                newCharacter = __assign(__assign({}, exports.initialStateCharacter), { key: key, keyCode: keyCode, code: code, string: string, dead: before.dead, shift: shift });
                 newCharacters.splice(cursor, 0, newCharacter);
                 if (characterBeforeCursor) {
                     if (before.delete)
@@ -303,7 +320,7 @@ var TextToHtml = function (_a, ref) {
                 }
             }
         }
-        (!lodash_1.isEqual(newCharacters, characters)) && setCharacters(newCharacters);
+        (!(0, lodash_1.isEqual)(newCharacters, characters)) && setCharacters(newCharacters);
         if (deleted)
             onDelete && onDelete(e, deleted, newCharacters);
     };
@@ -400,7 +417,7 @@ var TextToHtml = function (_a, ref) {
         focusToWrite();
         setTimeout(function () { return logicSetState({ type: 'clickAway', value: undefined }); }, 0);
     };
-    var changeStyles = react_1.useCallback(function (_a) {
+    var changeStyles = (0, react_1.useCallback)(function (_a) {
         var resize = _a.resize;
         var element = document.getElementById(exports.TEXT_TO_HTML_ID);
         if (element) {
@@ -414,8 +431,10 @@ var TextToHtml = function (_a, ref) {
             }
         }
     }, []);
-    react_1.useEffect(function () { return changeStyles({ resize: resize }); }, [resize, changeStyles]);
-    var createHtmlString = react_1.useCallback(function () {
+    (0, react_1.useEffect)(function () {
+        changeStyles({ resize: resize });
+    }, [resize, changeStyles]);
+    var createHtmlString = (0, react_1.useCallback)(function () {
         var _a;
         var element = document.getElementById(exports.TEXT_TO_HTML_ID);
         if (element) {
@@ -426,7 +445,7 @@ var TextToHtml = function (_a, ref) {
             });
             element.setAttribute('data-string', htmlDataString_1);
             var newElement = element.cloneNode(true);
-            newElement.id = Math.floor(Math.random() * 1000001) + "-" + element.id;
+            newElement.id = "".concat(Math.floor(Math.random() * 1000001), "-").concat(element.id);
             newElement.style.cursor = 'inherit';
             var htmlString = newElement.outerHTML;
             ((_a = propsRef.current) === null || _a === void 0 ? void 0 : _a.onChange) && propsRef.current.onChange(htmlString);
@@ -435,26 +454,27 @@ var TextToHtml = function (_a, ref) {
             return { htmlString: htmlString };
         }
     }, [characters, ref]);
-    react_1.useEffect(function () { return createHtmlString(); }, [characters, createHtmlString]);
-    react_1.useEffect(function () { return ref.current = __assign(__assign(__assign({}, ref.current), state), { clickAway: clickAway,
-        focusToWrite: focusToWrite,
-        createCursor: createCursor,
-        setCharacters: setCharacters,
-        createHtmlString: createHtmlString,
-        setExternalValues: setExternalValues }); }, [ref, state, setCharacters, createCursor, createHtmlString, clickAway, setExternalValues]);
+    (0, react_1.useEffect)(function () {
+        createHtmlString();
+    }, [characters, createHtmlString]);
+    (0, react_1.useEffect)(function () {
+        ref.current = __assign(__assign(__assign({}, ref.current), state), { clickAway: clickAway, focusToWrite: focusToWrite, createCursor: createCursor, setCharacters: setCharacters, createHtmlString: createHtmlString, setExternalValues: setExternalValues });
+    }, [ref, state, setCharacters, createCursor, createHtmlString, clickAway, setExternalValues]);
     var updateExternalValues = function (_a) {
         var state = _a.state, setExternalValues = _a.setExternalValues;
         setExternalValues && setExternalValues(state);
     };
-    react_1.useEffect(function () { return updateExternalValues({ state: state, setExternalValues: setExternalValues }); }, [state, setExternalValues]);
+    (0, react_1.useEffect)(function () {
+        updateExternalValues({ state: state, setExternalValues: setExternalValues });
+    }, [state, setExternalValues]);
     return react_1.default.createElement("div", { className: 'text-to-html-container' },
-        (canWrite) && (react_1.default.createElement(TextStyles_1.default, __assign({ setColor: function (value) { return logicSetState({ type: 'textStyle', field: 'color', value: value }); } }, { color: color, defaultSpacing: defaultSpacing, toggleClickAway: toggleClickAway, handleFontSizeChange: handleFontSizeChange, textAlign: textAlign, handleTextAlignChange: handleTextAlignChange }))),
+        (canWrite) && (react_1.default.createElement(TextStyles_1.default, { setColor: function (value) { return logicSetState({ type: 'textStyle', field: 'color', value: value }); }, color: color, defaultSpacing: defaultSpacing, toggleClickAway: toggleClickAway, handleFontSizeChange: handleFontSizeChange, textAlign: textAlign, handleTextAlignChange: handleTextAlignChange })),
         react_1.default.createElement("div", { id: TEXT_TO_HTML_TEXT_CONTAINER_ID, onClick: handleContainerClick, className: 'text-to-html-text-container' },
-            react_1.default.createElement(core_1.ClickAwayListener, { mouseEvent: state.clickAway, touchEvent: state.clickAway, disableReactTree: true, onClickAway: handleClickAway },
+            react_1.default.createElement(material_1.ClickAwayListener, { mouseEvent: state.clickAway, touchEvent: state.clickAway, disableReactTree: true, onClickAway: handleClickAway },
                 react_1.default.createElement("div", { id: exports.TEXT_TO_HTML_ID, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onMouseDown: handleMouseDownTouchStart, onMouseUp: handleMouseUpTouchEnd, onMouseMove: handleMouseTouchMove, onTouchStart: handleMouseDownTouchStart, onTouchEnd: handleMouseUpTouchEnd, onTouchMove: handleMouseTouchMove, onClick: handleClick, onDoubleClick: handleDoubleClick, style: {
-                        color: (color) ? "rgba(" + color.r + ", " + color.g + ", " + color.b + ", " + color.a + ")" : 'inherit',
+                        color: (color) ? "rgba(".concat(color.r, ", ").concat(color.g, ", ").concat(color.b, ", ").concat(color.a, ")") : 'inherit',
                         textAlign: (textAlign) ? textAlign : 'inherit',
-                        fontSize: (fontSize) ? fontSize + "rem" : '1rem',
+                        fontSize: (fontSize) ? "".concat(fontSize, "rem") : '1rem',
                         fontFamily: (fontFamily) ? fontFamily : 'inherit',
                         letterSpacing: (letterSpacing) ? letterSpacing : 'inherit'
                     }, className: 'text-to-html' },
@@ -462,12 +482,12 @@ var TextToHtml = function (_a, ref) {
                         var code = _a.code, string = _a.string, dead = _a.dead, mark = _a.mark;
                         switch (string) {
                             case 'cursor':
-                                return react_1.default.createElement(Cursor_1.default, { key: stringIndex + "-" + string, id: TEXT_TO_HTML_CURSOR_ID, className: 'text-to-html-cursor' });
+                                return react_1.default.createElement(Cursor_1.default, { key: "".concat(stringIndex, "-").concat(string), id: TEXT_TO_HTML_CURSOR_ID, className: 'text-to-html-cursor' });
                             default:
-                                return (string) ? (react_1.default.createElement("span", { key: stringIndex + "-" + string, style: {
+                                return (string) ? (react_1.default.createElement("span", { key: "".concat(stringIndex, "-").concat(string), style: {
                                         textDecoration: (dead || (mark === null || mark === void 0 ? void 0 : mark.length)) ? 'underline' : ''
                                     } }, string)) : null;
                         }
                     }))))));
 };
-exports.default = react_1.forwardRef(TextToHtml);
+exports.default = (0, react_1.forwardRef)(TextToHtml);

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

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

package/dist/components/ThreadLog/ThreadLog.d.ts

@@ -1,8 +1,39 @@
-export interface ThreadLogProps {}
+export default ThreadLog;
 /**
  * @deprecated
- * @param props 
  */
-declare function ThreadLog(props: ThreadLogProps): JSX.Element
-
-export default ThreadLog;
+declare class ThreadLog extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    state: {
+        mouseOver: boolean;
+        open: boolean;
+        loading: boolean;
+        selectPanelClicks: number;
+        infoProcesso: {
+            open: boolean;
+            info: {};
+            confs: {};
+            current: {};
+        };
+    };
+    componentWillUnmount(): void;
+    mouseOver: (boolean: any) => void;
+    openDetails: () => void;
+    visualizaProcesso: (processo: any) => void;
+    buscaInfoProcesso: (idProcesso: any) => void;
+    timeoutInfoProcesso: NodeJS.Timeout | undefined;
+    closeInfoProcesso: () => void;
+    closePanel: () => void;
+    render(): React.JSX.Element;
+}
+declare namespace ThreadLog {
+    namespace propTypes {
+        let thread: PropTypes.Requireable<object>;
+        let currentProgram: PropTypes.Requireable<string>;
+        let qt: PropTypes.Requireable<number>;
+        let nrPg: PropTypes.Requireable<number>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';