argous 1.2.245 → 1.2.247

package/dist/components/FormVisualizer/FormVisualizer.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];
@@ -44,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     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]) {
@@ -76,10 +80,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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 };
@@ -103,20 +111,20 @@ var reducer = function (state, _a) {
     state[fase][documento][field] = value;
 };
 var init = function (initialValues) { return function (initialState) {
-    if (lodash_1.isArray(initialValues) && !lodash_1.isArray(initialValues[0])) {
+    if ((0, lodash_1.isArray)(initialValues) && !(0, lodash_1.isArray)(initialValues[0])) {
         return initialState.map(function (fase, i) { return fase.map(function (_, j) { return initialValues[i].documentos[j].values; }); });
     }
     return initialValues;
 }; };
 var FormVisualizer = function (_a) {
     var _b = _a.json, json = _b === void 0 ? {} : _b, _c = _a.initialValues, initialValues = _c === void 0 ? [] : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { return ''; } : _d, disabled = _a.disabled;
-    var classes = core_1.makeStyles(json.classes)();
-    var _f = use_immer_1.useImmerReducer(reducer, json.fases.map(function (fase) { return fase.documentos.map(function (documento) { return documento.linhas.reduce(function (a, linha) { return (__assign(__assign({}, a), linha.colunas.reduce(function (ac, _a) {
+    var classes = (0, core_1.makeStyles)(json.classes)();
+    var _f = (0, use_immer_1.useImmerReducer)(reducer, json.fases.map(function (fase) { return fase.documentos.map(function (documento) { return documento.linhas.reduce(function (a, linha) { return (__assign(__assign({}, a), linha.colunas.reduce(function (ac, _a) {
         var _b;
         var obj = _a.obj;
         return obj.name ? (__assign(__assign({}, ac), (_b = {}, _b[obj.name] = obj.value, _b))) : ac;
     }, {}))); }, {}); }); }), init(initialValues)), state = _f[0], dispatch = _f[1];
-    utils_1.useUpdateEffect(function () {
+    (0, utils_1.useUpdateEffect)(function () {
         onChange(state);
     }, [state]);
     return (react_1.default.createElement(core_1.Card, { style: { padding: '10px' } },
@@ -125,7 +133,7 @@ var FormVisualizer = function (_a) {
             react_1.default.createElement(core_1.Typography, { variant: 'h5', component: 'div', align: 'center', style: { marginBottom: '5px' } }, fase.nome),
             fase.documentos.map(function (documento, j) { return (react_1.default.createElement(core_1.Paper, { elevation: 3, key: documento.idDoc, className: classes[documento.className], style: __assign(__assign({}, documento.style), { padding: '10px', margin: '10px' }) },
                 react_1.default.createElement(core_1.Typography, { variant: 'h6', component: 'div', align: 'center', style: { marginBottom: '5px' } }, documento.nome),
-                documento.linhas.map(function (linha, k) { return (react_1.default.createElement(core_1.Grid, { container: true, spacing: linha.spacing || 2, key: "" + k, className: classes[linha.className], style: linha.style }, linha.colunas.map(function (_a, l) {
+                documento.linhas.map(function (linha, k) { return (react_1.default.createElement(core_1.Grid, { container: true, spacing: linha.spacing || 2, key: "".concat(k), className: classes[linha.className], style: linha.style }, linha.colunas.map(function (_a, l) {
                     var span = _a.span, className = _a.className, style = _a.style, _b = _a.obj, name = _b.name, obj = __rest(_b, ["name"]);
                     return (react_1.default.createElement(core_1.Grid, { item: true, key: l, xs: span, className: classes[className], style: style },
                         console.log(state[i][j][name]),
@@ -133,7 +141,7 @@ var FormVisualizer = function (_a) {
                 }))); }))); }))); })));
 };
 exports.default = FormVisualizer;
-var RetornaComponente = react_1.memo(function (_a) {
+var RetornaComponente = (0, react_1.memo)(function (_a) {
     var tp = _a.tp, name = _a.name, dispatch = _a.dispatch, disabled = _a.disabled, fase = _a.fase, documento = _a.documento, props = __rest(_a, ["tp", "name", "dispatch", "disabled", "fase", "documento"]);
     switch (tp) {
         case 'label':
@@ -154,7 +162,7 @@ var Label = function (_a) {
     var className = _a.className, style = _a.style, value = _a.value, props = __rest(_a, ["className", "style", "value"]);
     return react_1.default.createElement(core_1.Typography, __assign({}, __assign({ className: className, style: style }, props)), value);
 };
-var useStyles = core_1.makeStyles({
+var useStyles = (0, core_1.makeStyles)({
     textArea: {
         '& textarea': {
             resize: 'vertical',
@@ -169,7 +177,7 @@ var Text = function (_a) {
         return (react_1.default.createElement(Autocomplete_1.default, __assign({}, { multiple: multiple, options: options }, { defaultValue: value, limitTags: 1, disableCloseOnSelect: multiple, disablePortal: true, closeText: 'Fechar', clearText: 'Limpar', openText: 'Abrir', onChange: function (_e, value_) {
                 dispatch(value_);
             } }, props, { renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ variant: 'outlined', margin: 'dense', fullWidth: true }, { label: label, style: style, className: className }, params))); } })));
-    return (react_1.default.createElement(core_1.TextField, __assign({ className: classes.textArea + " mostraSpinner " + className, variant: 'outlined', margin: 'dense', fullWidth: true, multiline: variant === 'multiline' }, { label: label, style: style }, { defaultValue: value, onBlur: function (e) {
+    return (react_1.default.createElement(core_1.TextField, __assign({ className: "".concat(classes.textArea, " mostraSpinner ").concat(className), variant: 'outlined', margin: 'dense', fullWidth: true, multiline: variant === 'multiline' }, { label: label, style: style }, { defaultValue: value, onBlur: function (e) {
             e.persist();
             if (e.target.value === value)
                 return;
@@ -178,12 +186,12 @@ var Text = function (_a) {
 };
 var Data = function (_a) {
     var label = _a.label, className = _a.className, style = _a.style, value = _a.value, dispatch = _a.dispatch, path = _a.path, props = __rest(_a, ["label", "className", "style", "value", "dispatch", "path"]);
-    var _b = react_1.useState(value), state = _b[0], setState = _b[1];
-    react_1.useEffect(function () {
-        if ((value || undefined) === (lodash_1.isString(state) ? state || undefined : state === null || state === void 0 ? void 0 : state.format('YYYY-MM-DD')))
+    var _b = (0, react_1.useState)(value), state = _b[0], setState = _b[1];
+    (0, react_1.useEffect)(function () {
+        if ((value || undefined) === ((0, lodash_1.isString)(state) ? state || undefined : state === null || state === void 0 ? void 0 : state.format('YYYY-MM-DD')))
             return;
         var time = setTimeout(function () {
-            dispatch(state ? moment_2.default(state).format('YYYY-MM-DD') : '');
+            dispatch(state ? (0, moment_2.default)(state).format('YYYY-MM-DD') : '');
         }, 100);
         return function () { return clearTimeout(time); };
         // eslint-disable-next-line
@@ -193,15 +201,15 @@ var Data = function (_a) {
 };
 var Selection = function (_a) {
     var label = _a.label, multiple = _a.multiple, className = _a.className, style = _a.style, options = _a.options, value = _a.value, dispatch = _a.dispatch, path = _a.path, props = __rest(_a, ["label", "multiple", "className", "style", "options", "value", "dispatch", "path"]);
-    var _b = react_1.useState(value || (multiple ? [] : '')), state = _b[0], setState = _b[1];
-    var atualizaDados = react_1.useCallback(function () {
+    var _b = (0, react_1.useState)(value || (multiple ? [] : '')), state = _b[0], setState = _b[1];
+    var atualizaDados = (0, react_1.useCallback)(function () {
         dispatch(state);
         // eslint-disable-next-line
     }, [state]);
-    utils_1.useUpdateEffect(function () { return atualizaDados(); }, [state, atualizaDados]);
+    (0, utils_1.useUpdateEffect)(function () { return atualizaDados(); }, [state, atualizaDados]);
     var changeCheckBox = function (e) {
         if (e.target.checked) {
-            setState(__spreadArray(__spreadArray([], state), [e.target.value]));
+            setState(__spreadArray(__spreadArray([], state, true), [e.target.value], false));
         }
         else {
             var temp = state;
@@ -222,9 +230,9 @@ var Selection = function (_a) {
 };
 var Signature = function (_a) {
     var label = _a.label, grupos = _a.grupos, usuarios = _a.usuarios, className = _a.className, style = _a.style, value = _a.value, dados = _a.dados, setDados = _a.setDados, path = _a.path;
-    var usuario = store_1.getStore().getState().argous.usuarioLogado;
+    var usuario = (0, store_1.getStore)().getState().argous.usuarioLogado;
     var podeAssinar = (usuarios.filter(function (id) { return id === usuario.idUsuario; })).length > 0;
-    var _b = react_1.useState({ modal: false, password: '', showPassword: false, senhaIncorreta: '' }), values = _b[0], setValues = _b[1];
+    var _b = (0, react_1.useState)({ modal: false, password: '', showPassword: false, senhaIncorreta: '' }), values = _b[0], setValues = _b[1];
     //action para checar se o usuario é do grupo para poder assinar 
     function confirmaAssinatura() {
         return __awaiter(this, void 0, void 0, function () {
@@ -234,7 +242,7 @@ var Signature = function (_a) {
                 if (res.status) {
                     setValues(__assign(__assign({}, values), { senhaIncorreta: '' }));
                     temp = __assign({}, dados);
-                    lodash_1.set(temp, path, [usuario.idUsuario, usuario.nome, moment_2.default(new Date()).format('YYYY-MM-DD HH:mm:ss'), res.hash]);
+                    (0, lodash_1.set)(temp, path, [usuario.idUsuario, usuario.nome, (0, moment_2.default)(new Date()).format('YYYY-MM-DD HH:mm:ss'), res.hash]);
                     setDados(temp);
                     setValues(__assign(__assign({}, values), { modal: false }));
                 }
@@ -246,7 +254,7 @@ var Signature = function (_a) {
     }
     if (value.length > 0)
         return (react_1.default.createElement("div", __assign({}, { className: className }, { style: __assign(__assign({}, style), { height: '50px', display: 'flex', justifyContent: 'flex-end', alignItems: ' flex-end' }) }),
-            react_1.default.createElement(core_1.Typography, { title: value[3], variant: 'subtitle2', style: { textAlign: 'right' } }, value[1] + " - " + moment_2.default(value[2]).format('DD/MM/YYYY HH:mm:ss'))));
+            react_1.default.createElement(core_1.Typography, { title: value[3], variant: 'subtitle2', style: { textAlign: 'right' } }, "".concat(value[1], " - ").concat((0, moment_2.default)(value[2]).format('DD/MM/YYYY HH:mm:ss')))));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(core_1.Grid, __assign({ container: true, direction: 'row-reverse' }, { className: className, style: style }),
             react_1.default.createElement(core_1.Grid, { item: true, xs: 12, sm: 6, md: 4, lg: 2, xl: 1 },

package/dist/components/HalfGauge/HalfGauge.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -42,12 +46,12 @@ var ELLIPSIS_TEXT_STYLE = {
     whiteSpace: 'nowrap',
     textOverflow: 'ellipsis'
 };
-var useStyles = core_1.makeStyles({
+var useStyles = (0, core_1.makeStyles)({
     container: {
         display: 'flex',
         height: function (_a) {
             var size = _a.size;
-            return size / 2 + "px";
+            return "".concat(size / 2, "px");
         },
         transition: 'all .3s',
         opacity: function (_a) {
@@ -103,23 +107,23 @@ var useStyles = core_1.makeStyles({
         },
         maxWidth: function (_a) {
             var size = _a.size;
-            return size / 2 + "px";
+            return "".concat(size / 2, "px");
         },
         minWidth: function (_a) {
             var size = _a.size;
-            return size / 2 + "px";
+            return "".concat(size / 2, "px");
         },
         maxHeight: function (_a) {
             var size = _a.size;
-            return size / 4 + "px";
+            return "".concat(size / 4, "px");
         },
         minHeight: function (_a) {
             var size = _a.size;
-            return size / 4 + "px";
+            return "".concat(size / 4, "px");
         },
         transform: function (_a) {
             var size = _a.size;
-            return "translateY(-" + (size / 4) / 2 + "px)";
+            return "translateY(-".concat((size / 4) / 2, "px)");
         },
         display: 'flex',
         flexDirection: 'column',
@@ -157,7 +161,7 @@ var useStyles = core_1.makeStyles({
     }
 });
 var getHand = function (percentage, handColor) {
-    if (!lodash_1.isNumber(percentage))
+    if (!(0, lodash_1.isNumber)(percentage))
         return '';
     var angle = 270;
     if (percentage > 50) {
@@ -170,18 +174,18 @@ var getHand = function (percentage, handColor) {
     if (finalTransparentAngle > 90 && finalTransparentAngle < 270) {
         finalTransparentAngle = 90;
     }
-    return "conic-gradient(\n    #0000 " + initialTransparentAngle + "deg " + (angle - 2) + "deg,\n    " + handColor + " " + (angle - 0.5) + "deg " + (angle + 0.5) + "deg,\n    #0000 " + finalTransparentAngle + "deg\n  )";
+    return "conic-gradient(\n    #0000 ".concat(initialTransparentAngle, "deg ").concat(angle - 2, "deg,\n    ").concat(handColor, " ").concat(angle - 0.5, "deg ").concat(angle + 0.5, "deg,\n    #0000 ").concat(finalTransparentAngle, "deg\n  )");
 };
 var HalfGauge = function (_a) {
     var _b = _a.responsive, responsive = _b === void 0 ? false : _b, _c = _a.id, id = _c === void 0 ? '' : _c, _d = _a.label, label = _d === void 0 ? '' : _d, _e = _a.percentage, percentage = _e === void 0 ? 0 : _e, _f = _a.order, order = _f === void 0 ? 'D' : _f, _g = _a.min, min = _g === void 0 ? '' : _g, _h = _a.max, max = _h === void 0 ? '' : _h, _j = _a.size, size = _j === void 0 ? 200 : _j, _k = _a.fontSize, fontSize = _k === void 0 ? '0.9rem' : _k, _l = _a.color, color = _l === void 0 ? '#000' : _l, _m = _a.backgroundColor, backgroundColor = _m === void 0 ? '#fff' : _m, _o = _a.barBackgroundColor, barBackgroundColor = _o === void 0 ? '#0000' : _o, _p = _a.handColor, handColor = _p === void 0 ? '#fff' : _p, _q = _a.minMaxWidth, minMaxWidth = _q === void 0 ? '6rem' : _q, _r = _a.middleColor, middleColor = _r === void 0 ? '#ffdd71' : _r, _s = _a.middleRightColor, middleRightColor = _s === void 0 ? '#fec900' : _s, _t = _a.rightColor, rightColor = _t === void 0 ? '#00995d' : _t, _u = _a.leftColor, leftColor = _u === void 0 ? '#fe6c6c' : _u, _v = _a.middleLeftColor, middleLeftColor = _v === void 0 ? '#ff9b9b' : _v;
     var gaugeBarWidth = size - (size / 2);
     var classes = useStyles({ color: color, backgroundColor: backgroundColor, barBackgroundColor: barBackgroundColor, size: size, gaugeBarWidth: gaugeBarWidth, fontSize: fontSize, minMaxWidth: minMaxWidth, responsive: responsive });
-    var halfGaugeId = id + "-halfGauge";
-    var halfGaugeHandId = id + "-halfGaugeHand";
-    var halfGaugeContainerId = id + "-halfGaugeContainer";
-    var percentageText = percentage.toString().replace('.', ',') + "%";
-    var defaultColors = react_1.useMemo(function () { return ([middleColor, middleRightColor, rightColor, '#0000', leftColor, middleLeftColor]); }, [leftColor, middleColor, middleLeftColor, middleRightColor, rightColor]);
-    var gaugeBackgroundColors = react_1.useMemo(function () {
+    var halfGaugeId = "".concat(id, "-halfGauge");
+    var halfGaugeHandId = "".concat(id, "-halfGaugeHand");
+    var halfGaugeContainerId = "".concat(id, "-halfGaugeContainer");
+    var percentageText = "".concat(percentage.toString().replace('.', ','), "%");
+    var defaultColors = (0, react_1.useMemo)(function () { return ([middleColor, middleRightColor, rightColor, '#0000', leftColor, middleLeftColor]); }, [leftColor, middleColor, middleLeftColor, middleRightColor, rightColor]);
+    var gaugeBackgroundColors = (0, react_1.useMemo)(function () {
         var colors = defaultColors;
         if (order === 'A') {
             var left = defaultColors[4];
@@ -195,25 +199,25 @@ var HalfGauge = function (_a) {
         }
         return colors;
     }, [defaultColors, order]);
-    var createStage = react_1.useCallback(function () {
+    var createStage = (0, react_1.useCallback)(function () {
         var gaugeEl = document.getElementById(halfGaugeId);
         if (!gaugeEl)
             return;
-        gaugeEl.style.background = "conic-gradient(\n      " + gaugeBackgroundColors[0] + " 18deg, \n      " + gaugeBackgroundColors[1] + " 18deg 54deg,\n      " + gaugeBackgroundColors[2] + " 54deg 90deg,\n      " + gaugeBackgroundColors[3] + " 90deg 270deg,\n      " + gaugeBackgroundColors[4] + " 270deg 306deg,\n      " + gaugeBackgroundColors[5] + " 306deg 342deg,\n      " + gaugeBackgroundColors[0] + " 342deg 360deg\n    )";
+        gaugeEl.style.background = "conic-gradient(\n      ".concat(gaugeBackgroundColors[0], " 18deg, \n      ").concat(gaugeBackgroundColors[1], " 18deg 54deg,\n      ").concat(gaugeBackgroundColors[2], " 54deg 90deg,\n      ").concat(gaugeBackgroundColors[3], " 90deg 270deg,\n      ").concat(gaugeBackgroundColors[4], " 270deg 306deg,\n      ").concat(gaugeBackgroundColors[5], " 306deg 342deg,\n      ").concat(gaugeBackgroundColors[0], " 342deg 360deg\n    )");
     }, [halfGaugeId, gaugeBackgroundColors]);
-    var createHand = react_1.useCallback(function () {
+    var createHand = (0, react_1.useCallback)(function () {
         var hand = getHand(percentage, handColor);
         var gaugeHandEl = document.getElementById(halfGaugeHandId);
         if (!gaugeHandEl || !hand || (!gaugeHandEl && !hand))
             return;
         gaugeHandEl.style.background = hand;
     }, [halfGaugeHandId, percentage, handColor]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         createStage();
         createHand();
     }, [percentage, createStage, createHand]);
     //__RESPONSIVE_SIZE___________________________________________________________________________________
-    var makeResponsive = react_1.useCallback(function () {
+    var makeResponsive = (0, react_1.useCallback)(function () {
         var _a;
         if (!halfGaugeContainerId)
             return;
@@ -248,21 +252,21 @@ var HalfGauge = function (_a) {
                 else if (parentWidth < 348) {
                     scale = 0.9;
                 }
-                containerEl.style.transform = "scale(" + scale + ")";
+                containerEl.style.transform = "scale(".concat(scale, ")");
             }
         }
         setTimeout(function () { return makeResponsive(); }, 500);
     }, [halfGaugeContainerId]);
-    react_1.useEffect(function () { return responsive && makeResponsive(); }, [responsive, makeResponsive]);
-    var displayContainer = react_1.useCallback(function () {
+    (0, react_1.useEffect)(function () { return responsive && makeResponsive(); }, [responsive, makeResponsive]);
+    var displayContainer = (0, react_1.useCallback)(function () {
         var containerEl = document.getElementById(halfGaugeContainerId);
         if (containerEl)
             containerEl.style.opacity = 1;
     }, [halfGaugeContainerId]);
-    react_1.useEffect(function () { return responsive && setTimeout(function () { return displayContainer(); }, 500); }, [responsive, displayContainer]);
+    (0, react_1.useEffect)(function () { return responsive && setTimeout(function () { return displayContainer(); }, 500); }, [responsive, displayContainer]);
     //____________________________________________________________________________________________________
     return react_1.default.createElement("div", { id: halfGaugeContainerId, className: classes.container },
-        react_1.default.createElement("div", { className: clsx_1.default(classes.minMax, classes.min) },
+        react_1.default.createElement("div", { className: (0, clsx_1.default)(classes.minMax, classes.min) },
             react_1.default.createElement("p", null, min)),
         react_1.default.createElement("div", { id: halfGaugeId, className: classes.gauge },
             react_1.default.createElement("div", { id: halfGaugeHandId, className: classes.gauge }),

package/dist/components/Highlight/Highlight.js

@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
 })();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -47,7 +51,7 @@ var HighLight = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     HighLight.prototype.componentDidMount = function () {
-        highlight_js_1.default.highlightBlock(react_dom_1.findDOMNode(this.refs.code));
+        highlight_js_1.default.highlightBlock((0, react_dom_1.findDOMNode)(this.refs.code));
     };
     HighLight.prototype.shouldComponentUpdate = function (nextProps) {
         if (this.props.language !== nextProps.language || this.props.className !== nextProps.className || this.props.children !== nextProps.children) {
@@ -57,7 +61,7 @@ var HighLight = /** @class */ (function (_super) {
     };
     HighLight.prototype.componentDidUpdate = function () {
         highlight_js_1.default.initHighlighting.called = false;
-        highlight_js_1.default.highlightBlock(react_dom_1.findDOMNode(this.refs.code));
+        highlight_js_1.default.highlightBlock((0, react_dom_1.findDOMNode)(this.refs.code));
     };
     HighLight.prototype.render = function () {
         var _a = this.props, children = _a.children, className = _a.className, language = _a.language, style = _a.style;